/*
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*/
.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*/
.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*/
.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*/
.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;}
/*

/*
[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;}
.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*/
.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;}

.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;}

.bg-red{background:#c80023; 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;}

.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;}
#logo-index-top{/*margin-top:8px; margin-bottom:8px;*/ width:360px;}

@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;}
.comp-label {position:absolute;top:0;right:0;width: 75px;height:75px;border-radius:4px 0 0 0;z-index:1}
.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{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;}

.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;}
}

/*2021-11-24*/
#footer-bottom .footer-contents{display:flex;align-items:center;justify-content:space-between}
.footer-contents-logo{flex-grow:1}
.footer-contents-links{text-align:right}
.footer-contents-links a{display:inline-block}

@media screen and (max-width: 767px){
 .navbar-header{display:flex;align-items:center;justify-content:space-between;}
 .navbar-toggle{margin-right:0}
 #footer-bottom .footer-contents{flex-wrap: wrap}
 .footer-contents-logo{width:100%;margin-bottom:10px}
 .footer-contents-logo img{margin:0 auto}
 .footer-contents-links{width:100%;text-align:center}
}

@media (min-width: 768px) {
	.navbar .container{display:flex;align-items:center;justify-content:space-between}
	.navbar .container div{flex-grow:1}
	.navbar-brand{margin-top:0}
}