/*
Theme Name: MAX USA Corp.
Theme URI: http://www.maxusacorp.com/
Description: Exclusive theme for MAX USA Corp.
Version: 1.0
Author: Cal Soft Systems
Author URI: http://www.calsoft.com/
*/

@charset "UTF-8";

@font-face {
    font-family: MaxFont;
    src: url(/wp-content/themes/MaxUSA/fonts/MAX_Block_Letters.ttf);
}

@font-face {
 font-family: MaxFont-eot;
 src: url(/wp-content/themes/MaxUSA/fonts/MAX_Block_Letters.eot) /* TTF file for CSS3 browsers */
}

.MaxFont{font-family: MaxFont, MaxFont-eot, 'Roboto';}

/*
[2]MARGIN-CLASS
===================================*/
.m0auto{margin:0 auto;}
/*margin top*/
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT60{margin-top:60px;}
.mT70{margin-top:70px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}
.mT100{margin-top:100px;}
/*margin right*/
.mR00{margin-right:0px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR42{margin-right:42px;}
.mR47{margin-right:47px;}
.mR77{margin-right:77px;}

/*margin bottom*/
.mB00{margin-bottom:0;}
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB43{margin-bottom:43px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}
.mB130{margin-bottom:130px;}
.mB160{margin-bottom:160px;}
.mB200{margin-bottom:200px;}
.mB250{margin-bottom:250px;}
.mB300{margin-bottom:300px;}
.mB400{margin-bottom:400px;}
.mB600{margin-bottom:600px;}
.mB700{margin-bottom:700px;}
.mB800{margin-bottom:800px;}

/*margin left*/
.mL00{margin-left:0px;}
.mL05{margin-left:5px;}
.mL10{margin-left:10px;;}
.mL14{margin-left:14px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.pT00{padding-top:0}
.pT03{padding-top:3px;}
.pT05{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}
.pT80{padding-top:80px;}
.pT90{padding-top:90px;}
.pT100{padding-top:100px;}
.pT110{padding-top:110px;}
.pT120{padding-top:120px;}
.pT130{padding-top:130px;}
.pT160{padding-top:160px;}

/*padding right*/
.pR05{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}

/*padding bottom*/
.pB00{padding-bottom:0}
.pB05{padding-bottom:5px;}
.pB08{padding-bottom:8px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}
.pB50{padding-bottom:50px;}
.pB60{padding-bottom:60px;}
.pB70{padding-bottom:70px;}
.pB80{padding-bottom:80px;}
.pB90{padding-bottom:90px;}
.pB100{padding-bottom:100px;}
.pB110{padding-bottom:110px;}
.pB120{padding-bottom:120px;}
.pB130{padding-bottom:130px;}
.pB160{padding-bottom:160px;}

/*padding left*/
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
.pL100{padding-left:100px;}
/*

/*padding ALL*/
.p02{padding:2px!important}
/*
[4]WIDTH-CLASS
===================================*/
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w200{width:190px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w328{width:328px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w445{width:445px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w550{width:550px;}
.w580{width:580px;}
.w600{width:600px;}
.w645{width:645px;}

/*
[5]HEIGHT-CLASS
===================================*/
.h25{height:25px;}
.h50{height:50px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h500{height:500px;}
.h550{height:550px;}

/*
[6]FONT-CLASS
===================================*/
.lheight40{
line-height:40px;
}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f33{font-size:33px;}
.red{color: #ff0000;}
.blue{color:#0b3e91;}
.blue a{color:#0065b1;}
.black{color:#000;}
.black a{color:#000;}
.black a:hover { color:#666 } 
.gray{color:#333333;}
.white{color:#ffffff;}
.yellow{ color:#f6ab30;}
.dgray{color:#4b4b4b;}
.lgray{color:#666666;}
.lgray2{color:#bdbbbb;}
.lgray3{color:#a0a0a0;}
.white{color:#ffffff;}
.orange{color:#f47920;}
.fweight100{font-weight:100;}
.placeholder {color:#aaa;}

/* Smartphone （768px） */
@media screen and (max-width: 767px){
.spmT01{margin-top:1px;}
.spmT02{margin-top:2px;}
.spmT03{margin-top:3px;}
.spmT04{margin-top:4px;}
.spmT05{margin-top:5px;}
.spmT10{margin-top:10px;}
.spmT15{margin-top:15px;}
.spmT20{margin-top:20px;}
.spmT25{margin-top:25px;}
.spmT30{margin-top:30px;}
.spmT35{margin-top:35px;}
.spmT40{margin-top:40px;}
.spmT45{margin-top:45px;}
.spmT50{margin-top:50px;}
/*margin right*/
.spmR00{margin-right:0px!important}
.spmR05{margin-right:5px;}
.spmR10{margin-right:10px}
.spmR15{margin-right:15px;}
.spmR20{margin-right:20px;}
.spmR25{margin-right:25px;}
.spmR30{margin-right:30px;}
.spmR40{margin-right:40px;}
.spmR42{margin-right:42px;}
.spmR47{margin-right:47px;}
.spmR77{margin-right:77px;}

/*margin bottom*/
.spmB05{margin-bottom:5px;}
.spmB10{margin-bottom:10px;}
.spmB15{margin-bottom:15px;}
.spmB20{margin-bottom:20px;}
.spmB25{margin-bottom:25px;}
.spmB30{margin-bottom:30px;}
.spmB35{margin-bottom:35px;}
.spmB40{margin-bottom:40px;}
.spmB43{margin-bottom:43px;}
.spmB50{margin-bottom:50px;}
.spmB60{margin-bottom:60px;}
.spmB70{margin-bottom:70px;}
.spmB75{margin-bottom:75px;}
.spmB80{margin-bottom:80px;}
.spmB90{margin-bottom:90px;}
.spmB95{margin-bottom:95px;}
.spmB100{margin-bottom:100px;}
.spmB130{margin-bottom:130px;}
.spmB160{margin-bottom:160px;}
.spmB200{margin-bottom:200px;}
.spmB250{margin-bottom:250px;}
.spmB300{margin-bottom:300px;}
.spmB400{margin-bottom:400px;}
.spmB600{margin-bottom:600px;}
.spmB700{margin-bottom:700px;}
.spmB800{margin-bottom:800px;}

/*margin left*/
.spmL00{margin-left:0!important}
.spmL05{margin-left:5px;}
.spmL10{margin-left:10px;;}
.spmL14{margin-left:14px;}
.spmL15{margin-left:15px;}
.spmL20{margin-left:20px;}
.spmL25{margin-left:25px;}
.spmL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.sppT03{padding-top:3px;}
.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}
.sppT25{padding-top:25px;}
.sppT30{padding-top:30px !important;}

/*padding right*/
.sppR05{padding-right:5px;}
.sppR10{padding-right:10px;}
.sppR15{padding-right:15px;}
.sppR20{padding-right:20px;}
.sppR25{padding-right:25px;}
.sppR30{padding-right:30px;}

/*padding bottom*/
.sppB05{padding-bottom:5px;}
.sppB08{padding-bottom:8px;}
.sppB10{padding-bottom:10px;}
.sppB12{padding-bottom:12px;}
.sppB15{padding-bottom:15px;}
.sppB20{padding-bottom:20px;}
.sppB25{padding-bottom:25px;}
.sppB30{padding-bottom:30px;}

/*padding left*/
.sppL05{padding-left:5px;}
.sppL10{padding-left:10px;}
.sppL15{padding-left:15px;}
.sppL20{padding-left:20px;}
.sppL25{padding-left:25px;}
.sppL30{padding-left:30px;}
.sppL50{padding-left:50px;}

/* img adjustment */
.pic-90p-xs{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p-xs{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p-xs{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p-xs{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p-xs{width:50%; display:block; margin-left:auto; margin-right:auto;}

.text-center-xs{text-align:center !important;}

.text-left-xs{text-align:left !important;}
  
.pic-center-xs{margin-right:auto; margin-left:auto; display:block;}
  
.float-none-xs{float:none !important;}

.clear-xs{clear:both;}

.block-xs{display:block;}
  
.pB0-xs{padding-bottom:0 !important;}
}

@media screen and (max-width:991px){
  .pT30-sm{padding-top:30px; !important;}
  
  .pB30-sm{padding-bottom:30px; !important;}
}

.pic-90p{width:90%; display:block; margin-left:auto; margin-right:auto;}
.pic-80p{width:80%; display:block; margin-left:auto; margin-right:auto;}
.pic-70p{width:70%; display:block; margin-left:auto; margin-right:auto;}
.pic-60p{width:60%; display:block; margin-left:auto; margin-right:auto;}
.pic-50p{width:50%; display:block; margin-left:auto; margin-right:auto;}

/* font weight */
.font-w-300{font-weight:300;}
.font-w-600{font-weight:600;}
.font-w-800{font-weight:800;}

a{-webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

a:hover img.hoverImg{
opacity:0.4;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 0.6s linear;
}

a, a:hover, a:focus{color:#c80023;}

.font-upper{text-transform: uppercase}
.font-bold{font-weight: bold}
.max-font{font-family: MaxFont, MaxFont-eot, 'Roboto'; text-transform: uppercase;}

.roboto{font-family:roboto, serif !important;}

.italic{font-style:italic;}

.box_shadow{box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.38);}

.box_shadow2{box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);}

.text-shadow-white {
    text-shadow: 0px 3px 10px rgba(225, 225, 225, 1);
}

.text-shadow {
    text-shadow: 0px 1px 20px rgba(0, 0, 0, 1);
}

.pic-center{margin-right:auto; margin-left:auto; display:block;}

.img-radius{border-radius:5px;}

.divide-line{border-top:1px solid #e4e4e4; margin-top:40px; margin-bottom:40px;}

h1,h2,h3,h4,h5,h6,p,address{margin:0; padding:0;}

.bg-gradient-black{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,282828+67,656565+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #282828 67%, #656565 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000000 0%,#282828 67%,#656565 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000000 0%,#282828 67%,#656565 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#656565',GradientType=0 ); /* IE6-9 */}

.bg-dark-red{background:#4e040c; color:#fff;}

a.bg-red:hover{background:#4e040c; color:#fff}

.bg-light-black{background:#272727; color:#fff;}

.bg-black{background:#000; color:#fff;}

.bg-orange{background:#f15922; color:#fff;}

.bg-white{background:#fff;}

.bg-white-red-border{background:#fff; color:#232323; border-bottom: 2px solid #c80023; border-top: 2px solid #c80023;}

.bg-white a, .bg-white-red-border a{color:#232323 !important;}

.bg-red,
.bg-white a.bg-red{background:#c80023; color:#fff!important}

.c-red{color:#c80023;}

/* 5 columns, 7 columns */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xs-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}

.col-xs-5ths {
width: 20%;
float: left;
}

.col-xs-7ths {
width: 14.285714285714285714285714285714%;
float: left;
}

@media (min-width: 851px) {
.col-sm-5ths {
width: 20%;
float: left;
}

.col-sm-7ths {
width: 14.285714285714285714285714285714%;
float: left;
}
}

@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}

.col-md-7ths {
width: 14.285714285714285714285714285714%;
float: left;
}
}

@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}

.col-lg-7ths {
width: 14.285714285714285714285714285714%;
float: left;
}
}

/* table no border */
.table-borderless{margin-bottom:0 !important;}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none; 
}

/* nav auto drop down */
/*.dropdown:hover .dropdown-menu {
display: block;
}*/

body {font-family: 'Roboto', sans-serif; font-size:17px; color:#232323;}

input[type=checkbox], input[type=radio] {
    line-height: normal;
    height: 22px;
    width: 22px;
    vertical-align: -6px;
}

/*.poppins{font-family: 'Poppins', sans-serif;}

.oswald{font-family: 'Oswald', sans-serif;}*/

.teko{font-family: 'Teko', sans-serif;}

/* header */
#header-top {
    padding: 7px 0;
    background:#000;
    border-bottom:6px solid #c80023;
    font-size: 20px;
    color:#fff;
    font-family: MaxFont, MaxFont-eot, 'Roboto';
    text-transform:uppercase;
}

#header-top h1{font-size: 16px;}

#header-top a, #header-top a:hover{color:#fff;}

#header-top ul{float:right; list-style:none; padding:0; margin:0;}

#header-top ul li{float:left;}

#header-top ul li{margin-right:14px;}

/* #header-top ul li:first-child{margin-right:20px;} */

#logo-index{/*margin-top:8px; margin-bottom:8px;*/ width:155px;}

@media screen and (max-width: 1199px){
 #logo-index{width:120px;}
  
 #header-top h1{font-size: 15px;}
}

@media screen and (max-width: 767px){
  #logo-index{width:100px !important;}
}

.navbar{margin:0; border-radius:0;}	

.navbar-default {
    background-color: transparent;
    border: none;
    font-family: MaxFont, MaxFont-eot, 'Roboto';
    text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-nav{font-size:18px; float:right; /*margin-top:22px;*/ font-family:roboto, serif; font-weight:700;}

.nav-index .nav > li > a{padding: 37px 22px;}

.nav > li > a{padding: 28px 22px;}

@media screen and (max-width: 1199px){
.nav-index .nav > li > a{padding: 27px 22px;}
}

@media screen and (max-width: 767px){
.navbar-nav{float:left; width:100%; margin-left:auto; margin-right:auto;}
  
.nav-index .nav > li > a{padding: 10px 22px;}

.nav > li > a{padding: 10px 22px;}
}

.navbar-brand{padding:0; height:auto; margin-top:7.5px;}

@media screen and (max-width: 767px){
  .navbar-brand{margin-bottom:7.5px;}
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff; background-color:#ddd;
    /* background-color: rgba(171, 29, 44, 0.60); */ 
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    /* background: #ef7826; */
    background-color: rgba(171, 29, 44, 0.60);
}

.navbar-fixed-top{position:absolute;}

.navbar-static{background:#000;}

.navbar-default .navbar-toggle {border-color: transparent;}

.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

.dropdown-menu{background-color:#c80023; font-size: 16px; padding: 5px 10px; border-radius:0; z-index:5000;}

/* IE adjust */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dropdown-menu{top:93%;}
}

.dropdown-menu > li > a{color:#fff; font-size:15px; font-weight:500;}

.nav-bg{background-color: rgba(0, 0, 0, 0.50); border-top:6px solid #c80023;}

.nav2nd .bg-white{border-bottom:1px solid #d6d6d6;}

#page-ttl-area .nav > li > a{padding: 25px 20px;}

#page-ttl-area p{font-size:15px;}

@media screen and (max-width: 1665px){
 .nav-bg .navbar-nav > li > a{font-size:16px;}
  
 #page-ttl-area .nav > li > a{padding: 25px 8px; font-size:15px;}
 
 #page-ttl-area .dropdown-menu > li > a{font-size:15px;}
}

@media screen and (max-width: 1255px){
 .nav-bg .navbar-nav > li > a{font-size:15px;}
  
 #page-ttl-area .nav > li > a{padding: 25px 6px; font-size:14px;}
  
 #page-ttl-area p{font-size:14px;}
  
 #page-ttl-area .dropdown-menu > li > a{font-size:14px;}
}

@media screen and (max-width: 767px){
 .navbar-fixed-top{position:static; background:#000;}
  
 #page-ttl-area{padding-bottom:5px;}
  
 #page-ttl-area .nav > li > a{padding: 10px 10px;}
}

.nav2nd .nav > li > a {padding: 27px 15px; font-size:16px;}

@media screen and (max-width: 1599px){
  .nav2nd .nav > li > a {padding: 27px 10px; font-size:15px;}
}

@media screen and (max-width: 1349px){
  .nav2nd .nav > li > a {padding: 27px 8px; font-size:14px;}
}

.nav2nd h2{margin-top:4px; font-family:MaxFont, MaxFont-eot, 'Roboto'; font-size:23px;}

.navbar-default .nav2nd .navbar-toggle .icon-bar{background-color:#000;}

.nav2nd .navbar-collapse{width:100%;}

@media screen and (max-width: 767px){
 .nav2nd h2 {font-size: 18px;}
  
 .nav2nd .nav > li > a {padding: 10px; font-size:14px;}
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:-15px; margin-right:-15px;}

.nav-xs-header ul{list-style:none; padding:0; float:right; display:inline-block; padding-top:12px;}

.nav-xs-header ul a{color:#fff;}

.nav-xs-header ul li{float:left; margin-right:24px;}

.nav-xs-header ul li:last-child{margin-right:0;}

/* footer */
#footer-top{background:#272727;}

#footer-top h6 a{color:#fff; font-size:20px; font-family:MaxFont, MaxFont-eot, 'Roboto'; display:block;}

#footer-top h6 span{font-family: 'Roboto', sans-serif; font-size:21px;}

#footer-top a{color:#fff;}

#footer-top ul{margin-bottom:0; padding-left:0; list-style:none;}

#footer-top ul li{/*margin-bottom:8px;*/}

#footer-top ul li:last-child{margin-bottom:0;}

@media screen and (max-width: 1599px){
 #footer-top h3{font-size:21px;}
}

@media screen and (max-width: 999px){
  #footer-top h6 a{font-size:17px;}
}

@media screen and (max-width: 767px){
 #footer-top ul li{margin-bottom:15px;}

 #footer-top h3 span{font-size:18px;}
}

#footer-bottom{background:#000; color:#fff; border-top:8px solid #c80023;}

.footer-pages{font-size:18px;}

.footer-pages li{float:left; margin-right:15px;}

.footer-pages li:last-child{margin-right:0;}

.sns-footer{float:right; font-size:21px;}

/* slider */
#myCarousel{height:100%;}

.carousel-inner > .item > img{width:100%;}

@media screen and (max-width: 1199px){
 .carousel-inner > .item > img, .carousel-inner > .item > a > img{/* height: 700px; object-fit: cover; */}
}

.arrow-under{position: absolute;
    z-index: 1000;
    bottom: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    -webkit-animation: bounce 2000ms infinite;
    animation: bounce 2000ms infinite;
}

.carousel-inner > .item{/* margin-top:-110px; */}

.carousel-indicators {bottom: 190px; z-index:3000;}

.carousel-indicators li{width: 17px; height:17px; border: 2px solid #ffffff;}

.carousel-indicators .active {
    margin: 0;
    width: 18px;
    height: 18px;
    background-color: #c80023;
}

@media screen and (max-width: 1599px){
  .carousel-indicators {bottom: 150px;}
}

@media screen and (max-width: 1199px){
  .carousel-indicators {bottom: 22%;}
}

@media screen and (max-width: 767px){
  .carousel-indicators {top: 22%; height:30px;}
}

/* index */
#sec-products{background:rgba(0, 0, 0, 0.30); position:absolute; padding:15px 30px 0; width:100%; bottom:-80px;}

.sec-products-in{width:1650px; margin-right:auto; margin-left:auto;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #sec-products{bottom:-60px;}
}

.product-bnr-height{height:201px;}

.product-bnr-adjust{/*position:absolute;*/ z-index:2000;}

@media screen and (max-width: 1699px){
  .sec-products-in{width:100%;}
}

@media screen and (max-width: 1599px){
  #sec-products {bottom:-50px;}
  
.product-bnr-height{height:157px;}
}

@media screen and (max-width: 1299px){
  #sec-products {bottom:-60px;}
}

@media screen and (max-width: 1449px){
  #sec-products {bottom:-70px;}
}

@media screen and (max-width: 999px){
.product-bnr-height{height:120px;}
}

@media screen and (max-width: 767px){
 /* main#front{margin-top:-46.7px;} */
  
  #sec-products{position:static; background:#000; padding-bottom:20px;}
  
.product-bnr-height{height:auto;}
}

/* #sec-desc{color:#fff; position:relative; border-top: 8px solid #c80023; background:#000 url('/wp-content/themes/MaxUSA/images/bg-index-section.png') bottom center no-repeat;} */
#sec-desc{color:#fff; /*position:relative;*/ border-top: 8px solid #c80023; /*background:#000 url('/wp-content/themes/MaxUSA/images/bg-index-section.jpg') top center no-repeat;*/}

#sec-desc h2{font-size:40px;}

.text-absolute{position:absolute; bottom:0; left:0;}

.story-bg-area{background:#000 url('/wp-content/themes/MaxUSA/images/bg-index-story.jpg') top center no-repeat; padding:30px; font-size:18px; height:800px;}

.story-bg-area-in{position:relative; height:100%;}

@media screen and (max-width:1599px){
  .story-bg-area{height:730px;}
}

@media screen and (max-width:767px){
  #sec-desc h2{font-size:27px;}
  
  .text-absolute{position:static; margin-top:200px;}
  
  .story-bg-area{height:auto;}
}

.bg-overlay01{background: url('/wp-content/themes/MaxUSA/images/bg-index-sec01.png') top center no-repeat; height:284px; background-size:cover; width:100%; position:absolute; z-index:1000; top:-280px;}

.bg-overlay02{background: url('/wp-content/themes/MaxUSA/images/bg-index-sec02.png') top center no-repeat; height:200px; background-size:cover; width:100%; position:absolute; z-index:1000; top:-200px;}

.bnr-border{border: 1px solid #4c4c4c;}

/* product top */
#product-main-visual{/*padding-top:190px;*/ padding-bottom:20px; color:#fff;}	

#product-main-visual h2{font-size:50px; font-weight:600;}

#page h3{font-size:30px; font-family:MaxFont, MaxFont-eot, 'Roboto';}

.product-box{background:#fff; border-radius:4px; color:#232323; padding:25px; text-align:center; border:1px solid #e8e8e8; margin-bottom:10px; box-shadow: 0px -1px 6px #e7e7e7; position:relative;}

.new-label{position:absolute; top:0; left:0; width:50px; height:50px; border-radius:4px 0 0 0;}

.product-box h4{font-size:21px; font-weight:bold;}

/*.product-box h4, .product-box h5{font-family:MaxFont, MaxFont-eot, 'Teko'; text-transform: uppercase;}*/
.product-box h5{font-family:MaxFont, MaxFont-eot, 'Roboto'; text-transform: uppercase;}

.product-box h5{font-size:20px; word-break : break-all;}

@media screen and (max-width: 767px){
 .product-box{width:80%; margin-left:auto; margin-right:auto;}
}

#page .carousel-inner > .item{margin-top:0;}

#page .carousel-indicators{bottom: 20px;}

@media screen and (max-width: 767px){
#page .carousel-indicators {top:auto; bottom: 15px;}
}

.right-arrow {float: right; font-size: 12px;}

.panel-body ul{list-style:none; padding-left:0; margin-bottom:0;}

.panel-group .panel{border-radius:1px;}

.panel-title a{display:block;}

.tile-area .col-lg-6, .tile-area .col-md-8, .tile-area .col-sm-12{padding-left:5px; padding-right:5px;}

.filtering-ttl{    font-family: roboto !important;
    font-size: 20px !important;
    margin-bottom: 10px;
    background: #c80023;
    padding: 10px 15px;
    color: #fff;
    font-weight: 800;}

p.matchHeight4{font-size:15px;}

.product-widget img{display: block;
    max-width: 100%;
    height: auto;}

/* product detail */
#product-detail h3{font-size:36px; text-transform: uppercase;}

#product-detail h3 span{font-size:20px; font-family: 'Roboto', sans-serif;}

#product-detail h4{font-size:25px; font-weight:700;}

/* Zoom Functions */
.fancybox{/* border:1px solid #d6d6d6; margin-bottom:10px; */}

img#zoom_01 {height: auto !important;  /* width: 100% !important; */}

#gal1 .thumbnail_container{margin-bottom:8px;}

#imgbox{position: relative !important;
    width: 100% !important;
    padding-bottom: 100% !important;
    border:1px solid #d6d6d6;}

.zoomWrapper{position:absolute;
    width:100% !important;
    height:100% !important;}

.zoomWrapper img{position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height:100%;
    width: auto !important;
    max-width:100%;
    border:none !important;
}

@media screen and (max-width: 767px){
  .zoomLens, .zoomWindowContainer{display:none !important;}

  #product-detail .col-sm-push-5{width:90%; margin-left:auto; margin-right:auto;}
}

.product-body{font-size:15px;}

.product-body h3{font-size:30px !important;}

.popup-youtube {/*display: inline-block; background: #000; position:relative; width:100%;*/}

.popup-youtube .fancybox{/*margin-top:21px; margin-bottom:21px;*/}

.play-icon{/*position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; width:55px !important;*/ z-index: 100;}

@media screen and (max-width:767px){
  /*.popup-youtube{float:left; margin-right:5px; width:47%;}
  
  .popup-youtube .fancybox{width:100%;}
  
  .fancybox{float:left; margin-right:5px; width:47%;}*/
}

/* .product-body h4{font-weight:600; color:#c80023; font-size:19px !important;} */

ul.checked{list-style:none; color:#f15922; padding-left:0; padding-right:20px;}

ol.checked{list-style:decimal; color:#f15922; padding-left:22px;}

ul.checked li{padding-left: 1.2em; margin-bottom:7px;}

ol.checked li{margin-bottom:7px;}

ul.checked li span, ol.checked span{color:#333;}

ul.checked li:before,
.image-feature-title:before{content: "\f111"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.8em; /* same as padding-left set on li */
  width: 1.8em; /* same as padding-left set on li */
  font-size:10px;
  vertical-align: 2px;
  color:#f15922}
.image-feature-title{font-weight: bold}


.sub-nav-products{background:#000; color:#fff; padding-top:12px; padding-bottom:15px; /*font-family:MaxFont, MaxFont-eot;*/ text-transform: uppercase; font-weight:700; font-size:16px;}

.sub-nav-products a{color:#fff;}

.sub-nav-products ul{padding:0; list-style:none; text-align:center;}

.sub-nav-products li{float:left; width:20%;}

ul.product-radio{list-style:none; padding:0; display:inline-block; /*font-family:MaxFont, MaxFont-eot, 'Teko'; text-transform: uppercase;*/ font-weight:bold; }

ul.product-radio li{float:left; margin-right:25px; display:relative; margin-left:35px; margin-bottom:8px; width:100%;}

ul.product-radio li input{position:absolute; left:20px;}

.panel-default > .panel-heading{background:#000; border-color:#232323;}

.panel-default > .panel-heading a{color:#fff !important;}

.panel-default > .panel-heading .right-arrow{color:#c80023 !important;}

#compare-btn-content{position: fixed; bottom: 0; left:0; width: 100%;   
      padding:20px 0;
      background: rgba(255,255,255,.75);
      z-index:9000;}

.pdf-box {
	position: relative;
	padding: 2em;
	background-color: #f6f6f6;
}
.pdf-box::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
.pdf-box p{font-size: 20px; font-weight:bold;}

.thumbnail_container {
     position: relative;
     width: 100%;
     padding-bottom: 100%;
    /* margin-bottom:20px; */
}

.thumbnail {
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid #e8e8e8;
}
.thumbnail img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height:100%;
    width: auto !important;
    max-width:100%;
}

/* Compare Container */
@media (min-width: 768px){
  .modal-dialog {
      width: 90%;
      margin: 30px auto;
  }
  
  .modal-content{border-radius: 4px; font-size:14.5px;}
}

.modal{z-index:9999;}

.modal-header{background: #c80023; color:#fff;}

.modal-body{background: #d6d6d6;}

.modal-body td{border-left: 15px solid #d6d6d6; background:#fff; padding-left:15px !important; padding-right:15px !important;}

.modal-footer{background: #272727;}

td.border-top{border-top: 15px solid #d6d6d6 !important;}

td.bg-black{background:#272727; color:#d6d6d6;}

/* Static Pages */
#static{font-size:15px;}

#static h3{font-size:28px; font-weight:800;}

#static h4{font-size:21px; font-weight:800; text-decoration:underline;}

#static h5{font-size:17px; font-weight:800;}

#static ol{padding-left:18px;}

#static ol li{margin-bottom:8px;}

#sec-desc-about{color:#fff; position:relative; background:#000 url('/wp-content/themes/MaxUSA/images/bg-sec-about.png') top center / cover no-repeat;}

#sec-desc-about h3{font-size:40px;}

#sec-desc-history h3{font-size:40px;}

#documents h3{font-size:20px;}

#documents h3 a{color:#232323;}

/* Fixed Navigation */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8000;
}

.fixed2 {
    position: fixed;
    top: 74px;
    width: 100%;
    z-index: 8000;
}

.anchor-absolute {
    position: absolute;
    margin-top: -190px;
}

/* page */
#page-ttl-area{/* padding-top:13px; padding-bottom:10px */}

#page-ttl-area h2{font-family:MaxFont, MaxFont-eot,'Roboto'; text-transform: uppercase; font-size:23px; margin-top:8px;}

#page-ttl-area p{margin-top:5px; font-family: 'Roboto', sans-serif; text-transform:capitalize;}

#page-ttl-area a{color:#fff; text-decoration:underline;}

#page-ttl-area a:hover, #page-ttl-area a:focus{color:#fff; text-decoration:none; background:#da4454;}

#page-ttl-area .navbar-nav{margin-top:0; font-size:16px;}

#page-ttl-area .navbar-nav a{text-decoration:none;}

@media screen and (max-width:767px){
 #page-ttl-area h2{font-size:18px;}
   
 #page-ttl-area p{float:left;}
}

.bg-white-red-border a:hover, .bg-white-red-border a:focus{background:#ddd !important;}

.bg-white-red-border .dropdown-menu{background:#fff !important;}

.bg-white-red-border .navbar-toggle .icon-bar{background-color:#c80023;}

/* where to buy */
.where-to-buy li{margin-bottom:6px;}

/* post */
#post {font-size:14.5px;}

.blog-body p{margin-bottom:10px;}

.blog-body img{display: block;
    max-width: 100%;
    height: auto;}

.nav-below{font-weight:bold;}

.nav-below .next{float:right;}

.nav-below .prev{float:left;}

/* sidebar */
.widget-container h4{font-size:21px; margin-bottom:10px;}

.widget-container ul li{margin-bottom:10px;}

ul.side-blog{padding-left:10px;}

ul.side-blog,.side-blog ul{list-style:none;}

ul.side-blog p{margin-bottom:10px;}

li.widget-container ul{margin-bottom:35px; padding-left:0;}

li.widget-container ul.children{padding-left:15px; margin-top:10px;}

/* 404 */
#page404{text-align:center; padding-top:100px; padding-bottom:100px;}

#page404 h1{font-weight:bold; font-size:100px; margin-bottom:30px; color:#c80023;}

#page404 h2{font-weight:bold; margin-bottom:30px;}

/* btn */
.btn{border-radius:2px;}

.btn-warning{background:#f15922; border:none;}

.btn-danger{background:#c80023; border:none;}	

a.btn-danger{color:#fff !important;}

.btn-success{background:#78c263; border:none;}	

.btn-secondary{background:transparent; border:2px solid #c80023;}

.btn-info{background:#909090; border:none;}	

.btn-info:hover{background:#b9b9b9; border:none;}	

.scale img{
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.14);
    -moz-transform: scale(1.14);
    -o-transform: scale(1.14);
    -ms-transform: scale(1.14);
    transform: scale(1.14);
}

/* Responsive Pagenation */
.pagination{
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}
 
.pagination,
.pagination li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
 
.pagination a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration:none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width:36px;
  min-height:36px;
  color: #333;
}
 
.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}
 
.pagination li:first-of-type a {
  border-left-width: 1px;
}
 
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}
 
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
 
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
 
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
 
.pagination li.current a {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}
 
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
 
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
 
@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }
 
  .pagination li.previous a { border-left-width: 0; }
}
 
@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
 
  .pagination li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}

/* YouTube responsive */
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Full Size Site Search */
#search {
    font-family:roboto, serif;
    /* position: fixed; */
    top: 0px;
    left: 0px;
    width: 100%;
    /*height: 100%;
    background-color: rgba(0, 0, 0, 0.7); */
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
   /* position: absolute; */
    top: 32%;
    width: 50%;
    color: #444;
    background: rgba(255, 255, 255, 0.8);
    font-size: 30px;
    font-weight: 300;
    /* text-align: center; */
    border: 1px solid #d6d6d6;
    margin: 0px auto;
    /* margin-top: -51px; */
    padding-left: 1%;
    padding-right: 4%;
    outline: none;
    float:right;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    /* position: fixed; */
    position:absolute;
    top: 5px;
    right: 2px;
    color: #fff;
    background-color: #c60000;
    border-color: #c60000;
    opacity: 1;
    padding: 11px;
    font-size: 14px;
    border-radius:50%;
}

#search .close::before{content:'\f00d'; font-family: FontAwesome;}

#mylist {background: rgba(255, 255, 255, 1); width: 50%; margin-left: auto; position: absolute; top: 50%; left:50%; margin-top:46px; z-index: 4999; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}

#mylist p:first-child a{border-top:1px solid #d1d1d1;}

#mylist p a {display:block; padding-left: 2%; padding-right: 4%; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #d1d1d1; color:#232323;}

#mylist p a:hover{text-decoration:none; background:#d1d1d1;}
  
@media screen and (max-width:1023px){
#search input[type="search"] {
  width:100%;
}
#mylist {width: 100%; left:0;}
}

@media screen and (max-width: 767px){
  #search input[type="search"]{font-size: 16px; height:46px;}
}

/* Back to Top */
#return-to-top {
    z-index:5000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(103, 15, 15, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/* pre loader */
#loading{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    z-index:9999;
}
 
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #c80023;
    z-index: 9999;
    color:#fff;
}
.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center; }
  .sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
            animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
  .sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s; }
  .sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/* New Sign & Marking Landing Page */
h2.ttl-landing{font-size:36px; font-weight:700; line-height:120%;}

h3.ttl-landing-oswald{font-size:42px; font-family:oswald; color:#c80023; border-bottom:2px solid #c80023;}

h3.red-box{background:#c80023; color:#fff; padding:12px 15px; font-size:33px; font-weight:700; margin-bottom:39px;}

h3.red-box .pull-right{font-size:21px;}

h4.ttl-landing{font-size:24px;}

.well-black{background:transparent; border-radius:0; border:2px solid #232323;}

.well-black h5, h5.ttl-landing{font-size:21px; margin-bottom:5px;}

@media screen and (max-width:992px) {
h2.ttl-landing{font-size:27px;}

h3.ttl-landing-oswald{font-size:33px;}

h3.red-box{font-size:24px;}

h3.red-box .pull-right{font-size:18px;}

h4.ttl-landing{font-size:19px;}

.well-black h5, h5.ttl-landing{font-size:17px; margin-bottom:5px;}
}

@media screen and (max-width:767px) {
h2.ttl-landing{font-size:24px;}

h3.ttl-landing-oswald{font-size:27px;}

h3.red-box{font-size:20px;}

h3.red-box .pull-right{font-size:18px;}

h4.ttl-landing{font-size:17px;}
}

/*FAQ*/
h4.sub_title{background:#c80023; color:#FFF; text-decoration: none!important;padding:10px}
a.faq_question{display:block;font-size:20px; margin:10px 0; padding-top:10px; border-top:1px solid #eeeeee}
.faq_contents a.faq_question:first-child{border-top:none}
a.faq_question[aria-expanded="false"]{color:#000}
a.faq_question[aria-expanded="true"]{color:#c80023}
a.faq_question[aria-expanded="false"]::before{content:"\f067";font-family:'FontAwesome';background-color:#000;color:#FFF;line-height:30px;width:30px;text-align:center;display:inline-block;border-radius:30px;border:1px solid #000;margin-right:10px;font-size:18px;float:left}
a.faq_question[aria-expanded="true"]::before{content:'\f068';font-family:'FontAwesome';background-color:#FFF;color:#c80023;line-height:30px;width:30px;text-align:center;display:inline-block;border-radius:30px;border:1px solid #c80023;margin-right:10px;font-size:18px;float:left}
.faq_answer{font-size:18px;margin:0;background:#f1f1f1;padding:0 30px}
.faq_answer::first-letter {font-size:1.5em; color:#c80023}
.faq_answer::before,.faq_answer::after{content:' ';display:block; height:20px;clear:both}
.faq_answer a{word-wrap:break-word}
.faq_answer img{vertical-align:baseline}
.faq_categ  {margin:30px 0 0 0;padding:0}
.faq_categ li{list-style: none;border-bottom:3px solid #FFF;border-left:3px solid #FFF;padding:0}
.faq_categ li a{display: block; background:#c80023;color:#FFF; padding: 5px 10px; font-size:21px;font-weight:bold}
.faq_categ li a:hover{backbround:#da4454;text-decoration: none}
.faq_categ li a::before{content:'\f063';font-family:'FontAwesome';color:#FFF;margin-right:5px}
.faq_image{display:block; margin:10px auto 0 auto; max-width:100%}
/*
.faq_page  {margin:0 0 20px 0;padding:0}
.faq_page li{list-style: none;border-bottom:3px solid #FFF;border-left:3px solid #FFF;padding:0}
.faq_page li a{display: block; background:#f1f1f1;color:#000; padding: 10px; font-size:21px;font-weight:bold;text-decoration:none}
.faq_page li.active a{background:#000;color:#FFF}
.faq_page li a:hover{backbround:#da4454;text-decoration: none}
*/
.faq_page  {margin:0;padding:0}
.faq_page li{list-style: none;padding:0;border-bottom:0;border-left:0}
.faq_page li a{display: block; background:#f1f1f1;color:#000; padding:15px 0 10px 20px; font-size:21px;font-weight:bold;text-decoration:none;border-top-left-radius:20px;border-top-right-radius:20px}
.faq_page li.active a{background:#000;color:#FFF}
.faq_page li a:hover{backbround:#da4454;text-decoration: none}

.faq_page_overline{border-top:1px solid #000;height:1px;margin:0 -200%;padding:0 200%}
.faq_categ li:first-child {border-left:none}
@media screen and ( max-width : 767px ){
.faq_page li a{padding:10px; border-top-left-radius:0;border-top-right-radius:20px;border-bottom-right-radius:20px}
.faq_categ li{border-left:none}
.faq_page_overline{display:none}
}
a.anchor {display: block;padding-top: 100px;margin-top: -100px}


/*Contact*/
.section_part{border:1px solid #999; padding:10px;margin-left:10px;margin-right:10px}
.contact_section_title{background:#FFF;margin-top:-30px; padding:10px; display:table}

ul.checked li.w_image{color:#000; display: flex; align-items: center;}
ul.checked li.w_image::before{content:none}

ul.checked li.w_image:nth-child(odd) :nth-child(1) { order: 2 }
ul.checked li.w_image:nth-child(odd) :nth-child(2) { order: 1 }

ul.checked li.w_image div.desc {
  position: relative;;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 20px;
  min-width: 120px;
  max-width: 100%;
  color: #FFF;
  font-size: 16px;
  background:#f15922;
}

ul.checked li.w_image div.desc span{
  font-size:1.5em;
  display:block;
  margin-bottom:15px;
  font-weight: bold;
}

ul.checked li.w_image div.desc:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #f15922;
}

ul.checked li.w_image:nth-child(odd) div.desc:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid#f15922;
}

.list_table:hover{cursor: pointer}
.bg-black{background-color:rgba(0,0,0,1)}
.text-white{color:#FFFFFF}
.w-50{width:50%}
.w-100{width:100%}
.h-100{height:100%}
.mt-auto{margin-top:auto}
.d-flex{display: flex!important;}
.d-inline {display: inline!important}
.d-inline-block {display:inline-block!important}
.flex-wrap{flex-wrap: wrap}
.flex-column{flex-direction:column}
.flex-grow-1{flex-grow:1}
.justify-content-start {justify-content: flex-start!important}
.justify-content-between {justify-content: space-between!important}
.justify-content-around {justify-content: space-around!important}
.justify-content-center {justify-content: center!important}
.align-items-center {align-items: center!important}
.text-break {word-wrap: break-word!important;word-break: break-word!important}
.text-break-all {word-wrap: break-word!important;word-break: break-all!important}
.text-center{text-align:center}
.fw-bold{font-weight:bold}
.lh-1 {line-height: 1!important}
.text-decoration-none {text-decoration: none!important}
.rounded-pill {border-radius: 50rem!important}
.rounded-none {border-radius:0!important}
.img-fluid{max-width:100%;height:auto}
.border-bottom{border-bottom:1px solid #ced4da}

.members a{margin:0 10px}
.members img{max-height:120px; width:auto}
.members_sm img{max-height:80px!important}

.mile{white-space: nowrap}
.map-list-right-box{vertical-align: bottom!important;text-align:right!important}

/**where to buy**/
.where-to-buy-products .thumbnail{transition: all 0.2s}
.where-to-buy-products .btn{background-color:#CC0000;color:#FFF;padding:5px 10px}
.where-to-buy-products:hover{text-decoration:none}
.where-to-buy-products:hover .btn{background-color:#990000}
.where-to-buy-products:hover .thumbnail{transform: scale(1.1)}

.where-to-buy-companis .thumb{transition: all 0.2s;z-index:1}
.where-to-buy-companis:hover{text-decoration:none; cursor:pointer}
.where-to-buy-companis-state{background-color:#000000;z-index:2}
.where-to-buy-companis:hover .where-to-buy-companis-state{background-color:#CC0000}
.where-to-buy-companis:hover .thumb{transform: scale(1.1);}

.where-to-buy-product-title .btn{background-color:#CC0000;color:#FFF;padding:5px 10px}
.where-to-buy-product-title .btn:hover{background-color:#990000}

#wheretobuy{height:70vh;overflow:hidden}
#map-lists{position:relative;height:100%;display: flex;flex-wrap: wrap;flex-flow: column; z-index:5000}
#map-area{position:relative}
#map-area #map{position:relative;height:100%;width:100%;overflow:hidden;}

div.wheretobuy-scroll{height:100%!important}

@media screen and ( max-width : 767px ){
  #wheretobuy{height:auto}
  #map-area{position:relative}
  #map-lists{position:relative;display:block;height:auto}
  #map-area #map{position:relative;height:75vh;width:100%;z-index:1;}

}

@media (min-width: 1200px) { 
  .d-lg-flex{display: flex!important}
}

.important-notice{display:block;padding:0.5em 1em;text-decoration:none;text-align:center;font-weight:bold;font-size:1.25em;background-color:#f15922;color:#FFF;border-top:2px solid #FFF}
.important-notice:hover{background-color:#CC0000;text-decoration:none;color:#FFF}
.product-important-notice{display:inline-block;padding:0.25em 0.5em;text-decoration:none;text-align:center;font-weight:bold;font-size:1.25em;background-color:#f15922;color:#FFF;margin-top:0.25em;}
.product-important-notice:hover{background-color:#CC0000;text-decoration:none;color:#FFF}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4,0,.6,1));
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
}

@keyframes fa-beat-fade {

0%, 100% {
  opacity: var(--fa-beat-fade-opacity, .4);
  transform: scale(1);
}
50% {
  opacity: 1;
  transform: scale(var(--fa-beat-fade-scale, 1.125));
}
}