@charset "utf-8";
/* modules.css */

/*--------------------------------------------------
+: text
==================================================*/
/*: text-size
=================================*/
.size-10 { font-size:0.625rem !important; }
.size-11 { font-size:0.6875rem !important; }
.size-12 { font-size:0.75rem !important; }
.size-13 { font-size:0.8125rem !important; }
.size-16 { font-size:1rem !important; }
.size-18 { font-size:1.125rem !important; }
.size-20 { font-size:1.25rem !important; }
.size-22 { font-size:1.375rem !important; }
.size-24 { font-size:1.5rem !important; }
.size-26 { font-size:1.625rem !important; }
.size-28 { font-size:1.75rem !important; }
.size-30 { font-size:1.875rem !important; }
/*: line-height
=================================*/
.lh-10 { line-height:1.0 !important; }
.lh-11 { line-height:1.1 !important; }
.lh-12 { line-height:1.2 !important; }
.lh-14 { line-height:1.4 !important; }
.lh-16 { line-height:1.6 !important; }
.lh-20 { line-height:2 !important; }
.lh-30 { line-height:3 !important; }
/*: letter-spacing
=================================*/
.ls-1 { letter-spacing:1px !important; }
.ls-2 { letter-spacing:2px !important; }

/*: text-decoration icon
=================================*/
.icon-asterisk:before {
	content: "\f069";
	font-size: 11px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-variant: normal;
    line-height: 1;
	color: #B61336;
 	padding-right:0;
	position:absolute;
	display:inherit;
	top:5px;
	left:0;

}
.icon-asterisk{
	font-size:14px;
	padding-left:15px;
	position:relative;
}

/*--------------------------------------------------
+: link
==================================================*/
a.btn > i.fa{margin-right: 10px;}
a.icon-arrow:before{
	margin-right:3px;
  content: "\f054";
  display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-variant: normal;
    transform: translate(0, 0);
  color:#7d002d;
}

/*--------------------------------------------------
+: headline
==================================================*/
/*: primary
=================================*/
h3.h-primary {
	padding-bottom: 8px;
	margin:0 0 40px;
	color: #212121;
	font-size: 1.875rem;
	line-height: 1.2;
	border-bottom: #c62828 4px solid;
	display: inline-block;
	font-weight: normal;
}
h4.h-primary {
	padding-top: 1px;
	padding-left:20px;
	margin:0 0 30px;
	color: #212121;
	font-size:1.25rem;
	line-height: 1.2;
	position: relative;
}
h4.h-primary:before {
	content:"";
	width:5px;
	height:20px;
	background:#353535;
	position:absolute;
	top:0;
	left:0;
}
h4.h-primary small{
	padding-left: 15px;
	color: #999;
}

h5.h-primary {
	padding: 0 0 8px 0;
	margin:0 0 20px;
	font-size: 1rem;
	position:relative;
	border-bottom: 1px solid rgba(0,0,0,.125);
	font-weight: bold;
}

/*:default
=================================*/


/*--------------------------------------------------
+: box / section
==================================================*/
.box > div{padding:20px !important;}
.box-bordered{border:1px solid #ddd;}
.box-bordered-red{border:1px solid #c33;}
.box-bordered-orange{border:1px solid #cf7131;}
.box-bordered-blue{border:1px solid #3a7cbd;}
.box-white {background-color:#fff;}
.box-red {background-color:#c33;}
.box-blue {background-color:#e4f4fd;}
.box-gray{background-color: #F8F8F8;color:#333;}
.box-light-gray{background-color: #F1F0ED;color:#333;}
.box-black{background-color: #333;color:#fff;}

.box-dotted{
	padding: 1px;
	background-image: url(https://suuzando.sbs/assets/images/common/bg-btn-dotted.png);
	background-position: left top;
}
.box-dotted > div{
	padding: 25px;
	background-color: #fff;
	display: block;
}

.section-hr:before{
	content: " ";
	margin-bottom: 60px;
	width: 100%;
	height: 6px;
	font-size: 0;
	background-image: url(https://suuzando.sbs/assets/images/common/hr.png);
	background-repeat: no-repeat;
}
.section-hr:after{
	content: " ";
	margin-top: 60px;
	width: 100%;
	height: 6px;
	font-size: 0;
	background-image: url(https://suuzando.sbs/assets/images/common/hr.png);
	background-repeat: no-repeat;
}

/*--------------------------------------------------
+: hr
==================================================*/
hr.hr-primary{
	height: 6px;
	border: none;
	background-image: url(https://suuzando.sbs/assets/images/common/hr.png);
	background-repeat: no-repeat;
}
hr.hr-black {
    border: none;
    border-bottom: 1px solid #222;
}
hr.hr-dot {
    border: none;
    border-bottom: 1px dotted #222;
}
/*--------------------------------------------------
+: list
==================================================*/
.list-mb-10 > li {
    margin-bottom: 10px;
}
.list-mb-20 > li {
    margin-bottom: 20px;
}
.list-mb-10 > li:last-child, .list-mb-20 > li:last-child {
    margin-bottom: 0;
}
/*--------------------------------
+: list-primary
--------------------------------*/
.list-primary {
    padding: 0;
    margin: 0;
    list-style: none;
}
.list-primary li {
    padding: 0 0 0 20px;
    margin: 0 0 10px;
    position: relative;
}
.list-primary.list-inline li {
    padding: 0 10px 0 12px;
    margin: 0 0 3px;
}
.list-primary li:before {
    content: "\f10c";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-variant: normal;
    line-height: 1;
    color: #212121;
    vertical-align: baseline;
    font-size: 0.6875rem;
    position: absolute;
    top: 4px;
    left: 0;
}
/*: list-unstyled
=================================*/
.list-unstyled {
    padding: 0;
    margin: 0;
    list-style: none;
}
/*: list-inline-block
=================================*/
.list-inline-block {
    letter-spacing: -.40em;
}
.list-inline-block > li {
    margin-right: 10px;
    letter-spacing: normal;
    line-height: 1.7;
    display: inline-block;
}
/*:list-asterisk
=================================*/
.list-asterisk {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}
.list-asterisk li {
    margin-bottom: 8px;
    padding-left: 15px;
    position: relative;
    font-size: 12px;
}
.list-asterisk li:before {
    content: "\f069";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-variant: normal;
    line-height: 1;
    color: #B61336;
    padding-right: 0;
    position: absolute;
    display: inherit;
    top: 3px;
    left: 0;
}
/*: list-num
=================================*/
.list-num > li {
    position: relative;
    padding-left: 16px;
    line-height: 1.4 !important;
}
.list-num > li:before {
    position: absolute;
    top: 0;
    left: 0;/*font-family: 'Lato', sans-serif;*/
}
.list-num.list-num-lg > li {
    padding-left: 30px !important;
}
.list-num.list-num-lg > li:before {
    top: 12px;
    left: 8px;
    font-size: 24px;
}
.list-num > li:nth-child(1):before {content: "1";}
.list-num > li:nth-child(2):before {content: "2";}
.list-num > li:nth-child(3):before {content: "3";}
.list-num > li:nth-child(4):before {content: "4";}
.list-num > li:nth-child(5):before {content: "5";}
.list-num > li:nth-child(6):before {content: "6";}
.list-num > li:nth-child(7):before {content: "7";}
.list-num > li:nth-child(8):before {content: "8";}
.list-num > li:nth-child(9):before {content: "9";}


/*: commonParts list-items
=================================*/
ul.list-items{
	padding: 0 20px;
	margin: 0;
	list-style: none;
}
ul.list-items > li{
	padding-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;
}
ul.list-items > li > a{
	margin: 0 40px;
	display: flex;
	max-width: 210px;
	text-align: center;
	flex-direction: column;
}
ul.list-items > li > a:hover{
	text-decoration: none;
}
ul.list-items > li > a > figure{
	margin-bottom: 20px;
	display: flex;
	max-height: 210px;
	min-height: 210px;
	justify-content: center;
	-webkit-box-align: stretch !important;
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}
ul.list-items > li > a > figure > img{
	max-height: 210px;
	max-width: 210px;
	align-self: center;
}
ul.list-items > li > a > figure > img.with_shadow{
	-webkit-box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
	-moz-box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
	box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
}
ul.list-items > li p{
	margin-bottom: 5px;
	color: #212121;	
	font-size: 1rem;
}
ul.list-items > li .ni-title{
	padding-left: 10px;
	text-align: left;
	position: relative;
}
ul.list-items > li .ni-title:before {
	content: " ";
	width: 5px;
	height: 20px;
	line-height: 1;
	background-color: #212121;
	position:absolute;
	display:inherit;
	top:0px;
	left:0;
}
ul.list-items > li .ni-price{
	text-align: right;
}
@media (max-width: 575px){
	ul.list-items > li > a{
		margin: 0 auto 20px !important;
	}
}
/*: commonParts list-withimg
=================================*/
.list-withimg{
	padding: 0;
    margin: 0;
    list-style: none;
}
.list-withimg > li{
	margin-bottom: 60px;
}
.list-withimg > li figure{
	background-color: #fff;
	text-align: center;
}
.list-withimg > li span{
	padding: 24px 0 10px;
    display: block;
    text-align: center;
    font-size: 1rem;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.list-withimg > li span:before{
	content: " ";
	width: 5px;
	height: 20px;
	position: absolute;
	top: 25px;
	left: 0px;
}
.list-withimg > li a{
    display: block;
	background-color: #212121;
	color: #fff;
}
.list-withimg > li a span{
	padding: 24px 0 20px;
    border-bottom: none;
}
.list-withimg > li a span:before{
	left: 25px;
}
.list-withimg > li:nth-child(6n+1) span:before{background-color: #c62828;}
.list-withimg > li:nth-child(6n+2) span:before{background-color: #c69028;}
.list-withimg > li:nth-child(6n+3) span:before{background-color: #3ec628;}
.list-withimg > li:nth-child(6n+4) span:before{background-color: #2885c6;}
.list-withimg > li:nth-child(6n+5) span:before{background-color: #8128c6;}
.list-withimg > li:nth-child(6n+6) span:before{background-color: #c6287a;}

@media (max-width: 575px){
	.list-withimg > li figure{
		background-color: #383838;
	}
}

/*--------------------------------------------------
+: Pager
==================================================*/
.pager-custom {
    padding-left: 0;
    margin: 40px 0 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}
.pager-custom li {display: inline;}
.pager-custom .next > a, .pager-custom .next > span {float: right;}
.pager-custom .previous > a, .pager-custom .previous > span {float: left;}
/*--------------------------------------------------
+: Table
==================================================*/
.table {
    margin-bottom: 0;
}
.table tbody th{
	white-space: nowrap;
}
@media (max-width: 575px){
	.table-form tbody tr{
		display: flex;
		flex-direction: column;
	}
	.table-form tbody tr .form-inline{
		display: block;
	}
	.table-form tbody tr .form-inline .form-control{
		margin-bottom: .25rem;
	}
	.wpcf7-checkbox .wpcf7-list-item,
	.wpcf7-checkbox label{display: block;}
	

}
/*--------------------------------------------------
+: Form
==================================================*/
input[type="submit"]{
	cursor: pointer;
}



/*--------------------------------------------------
+: BOOTSTRAP overwrite
==================================================*/
.row{
    margin-right: -40px;
    margin-left: -40px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 40px;
    padding-left: 40px;
}
figure{margin: 0;}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus, .dropdown-item:hover{background-color: #c62828;color:#fff;}
.carousel-indicators li{box-shadow: 0 0 6px 0 rgba(0,0,0,0.5);}
.carousel-indicators .active{background-color: #212121 !important;}
/*: List
=================================*/

/*: Button
=================================*/
.btn {
    border-radius: 0;
}
.btn-primary {
    background-color: #c62828;
    border-color: #c62828;
}
.btn-primary:hover {
    background-color: #bd2130 !important;
	border-color: #b21f2d !important;
}
.btn-primary.active, .btn-primary:active,
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle{
	background-color: #bd2130 !important;
	border-color: #b21f2d !important;
	box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #9e9e9e !important;;
    border-color: #6f6f6f !important;;
}
.btn-dark {
    background-color: #212121;
    border-color: #212121;
}


/*: Card
=================================*/
.card{border-radius: 0;}
.card h4.card-title{font-size: 1.25rem;}
/*: Form
=================================*/


/*--------------------------------------------------
+: Wordpress overwrite
==================================================*/
.wp-pagenavi a, .wp-pagenavi span{
	border: none;
	background-color: #212121;
	color: #fff;
}
.wp-pagenavi span.current{
	background-color: #c62828;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
	border-color: #e68787 !important;
}

.wpcf7-checkbox .wpcf7-list-item{
	display: block;
}