@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

/*html5*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;}
audio,canvas,video{display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea, 
th, td,
img{border:medium none; margin: 0; padding: 0;}
/*form*/
button,input,select,textarea {margin: 0; font-size: 100%; vertical-align: middle;}
button,input {*overflow: visible;line-height: normal;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="search"] { -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
textarea { overflow: auto; vertical-align: top;}

body,button, input, select, textarea { 
    font-size: 15px;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;}

select{-webkit-appearance: menulist-button;}
/** 设置默认字体 **/
h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999;}

h1{font-family: 'Montserrat', sans-serif; font-weight:bold; font-size: 25px; letter-spacing: 0px; line-height: 32px; text-transform:uppercase;}
h2{ font-size:22px; font-weight:400;}
h3{ font-size:20px;}
h4{}
h5{}
h6{}
.pdetail-info-txt h1 {
	font-weight: bold;
	letter-spacing: 0;
}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333; outline: none;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover { text-decoration: underline; color:#B5C9D5; } /*d3a75b*/
/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing:0; }
/**禁止拉动**/
textarea{resize:none;}
/*重置表单元素*/
input,button,select,textarea{outline:none;}
/*选中文字背景色*/
::-moz-selection{/*background: #81BA10; color:#ffffff; text-shadow: none;*/} 
::selection {/*background: #81BA10; color:#ffffff; text-shadow: none;*/}
/*常用样式*/
.clears{zoom:1;}
.clears:after{clear:both; content:"."; display:block; margin:0; padding:0; font-size:0; height:0; line-height:0; overflow:hidden;} 
.al{ text-align:left;}
.ar{ text-align:right}
.ac{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.underline{ text-decoration:underline;}
.vm { vertical-align: middle; height: 100%;}
.width-100 { width: 100%;}
.pointer {cursor: pointer;}
.hide {display: none;}
.upp{ text-transform:uppercase;}

.div-table{ display:table; height:100%; width:100%;}
.table-cell{ display:table-cell; vertical-align:middle; height:100%;}
img{ max-width:100%;}
.page-banner-txt .div-table {
	height: 100%;
}
.page-banner-txt .div-table .table-cell {
	height: 100%;
}
.page-banner img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}

.container-fluid{ padding-left:15px; padding-right:15px; }
.row{ margin-left:-15px; margin-right:-15px;}
.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:15px; padding-right:15px; transition:all 0.25s;}

.css3-animation{transition: all 0.5s ease, opacity 1s ease; opacity: 0; transform:translateY(10px); }
.css3-animation.scrolltothis{/*animation:imgAnimation  1s ;*/ opacity:1; transform:translateY(0);}
.css3-animation-3d{    transition: all 0.5s ease, opacity 1s ease;   opacity: 0;   transform: translateY(200px) translateZ(-500px) rotateX(90deg);}
.css3-animation-3d.scrolltothis{    transition: all 0.5s ease, opacity 1s ease;   opacity: 1; transform: translateY(0) translateZ(0) rotateX(0deg);}
.css3-animation-txt{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(100px);}
.css3-animation-txt.scrolltothis{opacity: 1;  transform:translateX(0);}
.css3-animation-txt-y{transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateY(100px);}
.css3-animation-txt-y.scrolltothis{opacity: 1;  transform:translateY(0);}
.css3-animation-txt-right{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(-100px);}
.css3-animation-txt-right.scrolltothis{opacity: 1;  transform:translateX(0);}

@-moz-keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}
@-webkit-keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}

@keyframes imgAnimation {
	0% {transform:translateY(10px) opacity:0;}
	100% { transform:translateY(0) opacity:1;}
}
#pindex-main .row .col-xs-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2 {
	width: 100%;
	margin-left: 0;
}
#pindex-main .row {
	margin: 0 auto;
	max-width: 1320px;
}
.pindex-breadcrumb .row {
	max-width: 1320px;
	margin: 0 auto;
}
.pindex-breadcrumb .row .col-xs-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2 {
	width: 100%;
	margin-left: 1%;
}
#contact-us .row {
	max-width: 1320px;
	margin:0 auto ;
}
#contact-us .row .col-xs-12.col-sm-6.col-md-5.col-md-offset-2 {
	margin-left: 4%;
	width:50%;
}
.footer .row {
	margin: 0 auto;
	max-width: 1320px;
}
.footer .row .col-xs-12.col-sm-5.col-md-3.col-md-offset-1.ac {
	margin-left: 0;
}
.footer .row .col-xs-12.col-sm-6.col-sm-offset-1.col-md-7.col-md-offset-0.ar {
	width: 70%;
}
.become-our-dealer-banner.other-banner .row {
	max-width: 1320px;
	margin: 0 auto;
}
#where-to-buy-wrap .row:last-child > .col-xs-12.col-lg-6.fr {
	width: 45%;
}
#where-to-buy-wrap .row:last-child > #where_to_buy_result {
	margin-left: 2%;
	width: 50% !important;
	position: relative;
	margin-top: 0px;
	margin-right: 0% !important;
}
#become-our-dealer .row {
	margin: 0 auto;
	max-width: 1320px;
}
#become-our-dealer .row .col-xs-12.col-md-8.col-md-offset-2 {
	margin-left: 3%;
	width: 90%;
}
#become-our-dealer .col-xs-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2 {
	width: 100%;
}
.about-us-banner.other-banner .row {
	margin: 0 auto;
	max-width: 1320px;
}
.about-us .about-us-line .row {
	margin: 0 auto;
	max-width: 1320px;
}
.about-us .about-us-line .row .col-xs-12.col-sm-7.col-sm-offset-1.col-md-6.col-lg-4.col-lg-offset-2 {
	margin-left: 2%;
	width: 50%;
}
.about-us .about-us-line .col-xs-12.col-md-4.col-md-offset-1.col-lg-4.col-lg-offset-1.tablet-mob-hide {
	width: 40%;
	margin-left: 5%;
}
.about-us .about-us-line .row .col-xs-12.col-sm-7.col-sm-offset-4.col-md-offset-1.col-lg-4.col-lg-offset-1 {
	width: 50%;
	margin-left: 2%;
}
.resources .row {
	margin: 0 auto;
	max-width: 1320px;
}
.resources .row .col-xs-12.col-sm-10.col-sm-offset-1.col-lg-4.col-lg-ofset-1 {
	margin-left: 4%;
	width: 50%;
}
.resources .row .col-xs-12.col-lg-6.col-lg-offset-1.ar {
	margin-left: 1%;
	width: 45%;
}
#where-to-buy-wrap .row {
	margin: 0 auto;
	max-width: 1320px;
}
#where-to-buy-wrap .row .col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2.col-lg-6.col-lg-offset-1 {
	margin-left: 3%;
}
.animation-delay-05{ transition-delay:0.25s;}
.animation-delay-1{ transition-delay:0.5s;}
.animation-delay-15{ transition-delay:0.75s;}
.animation-delay-2{ transition-delay:1s;}
.animation-delay-25{ transition-delay:1.25s;}
.animation-delay-3{ transition-delay:1.5s;}

.load-fadeIn, .load-fadeInRight, .add-fadeInLeft, .add-fadeInRight, .add-slideInUp, .add-fadeInUp, .add-fadeInDown{ opacity:0;}
.opacity-0{ opacity:0;}
.animated{ opacity:1;}
/**/
/**/
.select-container{position:relative;display:inline-block;vertical-align:top}
.select-container .icon-select-arrows{display:block;width:29px;height:28px;position:absolute;top:1px;right:1px;border-left:1px solid #ddd;background-color:#fff;background-size:40px 40px;background-position:top right;z-index:30;cursor:pointer;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAIAAAD3rtNaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk0OEZDMDkwN0NCRDExRTNBRDJCRUZERDg1OTgzRkRFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk0OEZDMDkxN0NCRDExRTNBRDJCRUZERDg1OTgzRkRFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTQ4RkMwOEU3Q0JEMTFFM0FEMkJFRkREODU5ODNGREUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ4RkMwOEY3Q0JEMTFFM0FEMkJFRkREODU5ODNGREUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yLNhBAAAAhElEQVR42mL4DwafPn/umzwbSEK4TAwMDL9+/Z40bd6VqzeAJJANFGH69+/fzLlL7t1/BOQASSAbKMKsrm14/ORZBhh48fL1ly9fGYGmMGAAJgZsgGXJ8nX7Dx1DFnK0s2KKCg8w0NOGCwHZQBEmIEhPjlFSlAMKAUkgGyjCgNUXAAEGANEEWEG/zTCLAAAAAElFTkSuQmCC) no-repeat 10px center}
.select-container select{appearance:none;position:relative;z-index:29;cursor:pointer;border:1px solid #ddd;width:100%;outline:0;height:30px;padding:0 42px 0 12px;line-height:28px;border-radius:0;background:#fff;font-family:inherit;color:#333;font-size:14px}
.checkbox,.radio{margin-top:6px; margin-bottom:0; font-size:14px;}
.checkbox.inline,.radio.inline{display:inline-block;vertical-align:top;margin-right:18px}
.checkbox.inline:last-child,.radio.inline:last-child{margin-right:0}
.checkbox label,.radio label{display:block;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer; }
.checkbox input[type=checkbox],.checkbox input[type=radio],.radio input[type=checkbox],.radio input[type=radio]{position:absolute;top:0;left:0;visibility:hidden}
.checkbox .custom-checkbox,.checkbox .custom-radio,.radio .custom-checkbox,.radio .custom-radio{display:inline-block;vertical-align:top;margin:0 6px 0 0;width:18px;height:18px;background:#fff;border:1px solid #979797;position:absolute; left:0;}
.checkbox .custom-checkbox{ background:#fff;transition:box-shadow 180ms ease;box-shadow:inset 0 0 0 12px #fff;top:-2px;}
.checkbox .icon-check{width:11px;height:11px;background-size:cover;position:absolute;top:3px;left:3px;transform:scale(0);transition:all 180ms ease}
.checkbox input[type=checkbox]:checked+.custom-checkbox{border-color:#ccc;box-shadow:none}
.checkbox input[type=checkbox]:checked+.custom-checkbox .icon-check{transform:scale(1)}
.radio .custom-radio{border-radius:18px;background:#2095F0;box-shadow:inset 0 0 0 12px #fff;transition:all 180ms ease;top:-2px}
.radio input[type=radio]:checked+.custom-radio{border-color:#ccc;background:#d3a75b;box-shadow:inset 0 0 0 4px #fff}
.icon-check{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23f7603a%22%20d%3D%22M13.483%201.992l-7.186%207.066-3.778-3.715-2.518%202.475%205.037%204.954%201.259%201.237%209.704-9.541-2.518-2.476z%22/%3E%3C/svg%3E');background-repeat:no-repeat}
.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkbox label, .radio label{ padding-left:24px;}

.controls {
  text-align: left;
  position: relative;
}
.controls input[type="text"],
.controls input[type="password"],
.controls input[type="email"],
.controls input[type="tel"],
.controls textarea,
.controls button,
.controls select {
  height:50px;
  padding: 10px 12px 9px 0;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  line-height: 28px;
  /*border-top:none;
  border-left:none;
  border-right:none;*/
  border-bottom: 1px solid #D8D8D8;
  border-radius:0;
  width: 100%;
  color: #fff;
  font-weight:normal;
  background-color:transparent;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.controls input[type="text"]:focus, .controls input[type="text"]:hover,.controls input[type="password"]:focus, .controls input[type="password"]:hover,
.controls input[type="email"]:focus,
.controls input[type="email"]:hover,
.controls input[type="tel"]:focus,
.controls input[type="tel"]:hover,
.controls textarea:focus,
.controls textarea:hover,
.controls button:focus,
.controls button:hover,
.controls select:focus,
.controls select:hover {
  outline: none;
  border-color: #ccc;
  font-weight:normal;
}
.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,
.controls input[type="email"]:focus + label,
.controls input[type="email"]:hover + label,
.controls input[type="tel"]:focus + label,
.controls input[type="tel"]:hover + label,
.controls textarea:focus + label,
.controls textarea:hover + label,
.controls button:focus + label,
.controls button:hover + label,
.controls select:focus + label,
.controls select:hover + label {
  /*font-family: 'ProximaNova-Regular';*/
  color: #fff;
  cursor: text;
  font-weight:normal;
}
.controls .fa-sort,.controls .fa-angle-down {
  position: absolute;
  right: 10px;
  top: 12px;
  color: #f7603a;
  font-size:24px;
}
.controls .fa{pointer-events: none;}
.controls select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.controls label {
  position: absolute;
  font-size:16px;
  font-family: 'Montserrat', sans-serif;
  left: 0;
  top: 14px;
  color: #fff;
  display: inline-block;
  padding: 4px 5px 4px 0;
  font-weight:normal;
  text-transform: capitalize;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
  -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -o-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
  transition: color 0.3s, top 0.3s, background-color 0.8s;
}
.controls label.active {
  top: -11px;
  color: #fff !important;
  background-color:#414A4F;

  font-weight:normal;

}
.controls textarea {
  resize: none;
  height: 140px;
}
.controls button {
  cursor: pointer;
  background-color: #07B3A1;
  border: none;
  color: #fff;
  padding: 12px 0;
}
.controls button:hover {
  background-color: #08ccb7;
}

.form-group{ }
.btn{ text-align: center; font-size: 12px; letter-spacing: 2px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; border-radius:0; padding:20px 30px; min-width:290px; transition:all 0.3s;}
.btn-gold-t,a.btn-gold-t{border: 2px solid #7c92a7; color: #7c92a7; background-color:transparent;}
.btn-gold-t:hover,.btn-gold-t:focus{ background-color:#7c92a7; color:#fff; }
.btn-gold, a.btn-gold{background-color:#7c92a7; color:#fff;}

.btn.btn-sm{ padding:10px 20px; min-width:160px;}
.form-group{ margin-bottom:20px;}
.form-control{ height:59px; border-radius:0;}
/*body*/
body{-webkit-text-size-adjust:none;/*chrome 字体中文版限制问题*/}
#wrap{}

/*.page-banner{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;}*/
.loadone.page-banner{opacity: 1 !important;}
.css3-animation-banner-txt{ transition: all 0.8s ease, opacity 1s ease; opacity: 0;  transform:translateX(100px); transition-delay:0.5s;}
.loadone .css3-animation-banner-txt{opacity: 1;  transform:translateX(0);}

.landscape-show{ position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.85); z-index:9999; color:#fff; display:none;}
.landscape-show img{ max-width:212px;}
.landscape-show p{ font-size:24px; padding-top:30px;}

.tablet-show{ display:none;}
.tablet-mob-show{ display:none;}
.mob-show{ display:none;}
.small-show{ display:none;}

.page-wrap{ transition:ease-in 0.3s; overflow:hidden;}
/**/
a.skip-to{ position:fixed; top:0; left:0; color:#fff; padding:3px 10px; display:block;  border-bottom-right-radius: 8px; background: #BF1722; -webkit-transition: top 1s ease-out; transition: top 1s ease-out;   z-index: 9999; transition:all 0.3s; transform:translateY(-40px);}
a.skip-to.active{ /*animation: skip_to 5s;*/ transform:translateY(0); }
@keyframes skip_to {
	0%{ transform:translateY(-40px);}
	10%{ transform:translateY(0px);}
	90%{ transform:translateY(0px);}
  100% { transform:translateY(-40px);}
}
#NagishLiBar{ opacity:0; visibility:hidden; transition:all 0.3s;}
#NagishLiBar.active{ opacity:1; visibility:visible;}
/**/
/*head*/
#wp-header{}
#header{}
#logo{}
#nav{}
.logo{ text-align:center;}

.hamburger-menu{margin:8px auto 0;height:34px;cursor:pointer; border:2px solid transparent;  width:34px; padding-left:5px; float:right;}
.bar,.bar:after,.bar:before{width:20px;height:2px;}
.bar{position:relative;background:#fff;/*transition:all 0s .3s;*/transform:translateY(14px);}
.bar.animate{background:rgba(255,60,71,0);}
.bar:before{position:absolute;bottom:6px;left:0;background:#fff;content:"";transition:bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);}
.bar:after{position:absolute;top:6px;left:0;background:#fff;content:"";transition:top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1);}
.bar.animate:after{top:0; background-color:#fff;transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1);transform:rotate(45deg);}
.bar.animate:before{bottom:0; background-color:#fff;transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1);transform:rotate(-45deg);}

.nav-up:not(.open) {  /*transform: translateY(-169px);*/}

#header{ position:fixed; width:100%; z-index:99; padding:22px 0; font-family: 'Montserrat', sans-serif; transition:all 0.3s;}
.home:not(.scroll) #header{ background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));}
.home:not(.scroll) #header .pc-menu-list li>a{ color:#fff;}
.logo{ text-align:center; transition:all 0.3s;}
.logo img{ max-width:60px; transition:all 0.3s;}

.pc-menu-list{letter-spacing: 2px; padding-top:3px; transition:all 0.3s;     white-space: nowrap; width:100%; display:table;}

.pc-menu-list li{ display:inline-block; font-size:14px; text-transform:uppercase; position:relative; /*padding:0 2%;*/ text-align:center;}
.pc-menu-list>li{ display:table-cell;}
.pc-menu-list li:first-child{ padding-left:0;}
.pc-menu-list li:last-child{ padding-right:0;}
.pc-menu-list li>a{ display:block; padding:10px 0; transition:all 0.3s;}
.pc-menu-list li>a:hover{ color:#7c92a7; text-decoration:none;} /*#d3a75b*/
.pc-menu-list li:hover .pc-menu-sub{ visibility:visible; opacity:1;}
.pc-menu-sub{ position:absolute; background-color:#81a1bc; width:146px; padding:10px 0 0; left:50%; margin-left:-73px; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2); visibility:hidden; opacity:0; transition:all 0.3s;}
.pc-menu-sub dl{ position:relative;}
.pc-menu-sub dl:before{ content:""; display:block; position:absolute; border-bottom:11px solid #81a1bc; border-left:8px solid transparent; border-right:8px solid transparent; left:50%; margin-left:-8px; top:-21px; }
.pc-menu-sub dd{ padding:15px 0;}
.pc-menu-sub a{ color:#fff;}

.scroll #header{background-color: rgba(255, 255, 255, 1); padding:18px 0;}
.scroll .pc-menu-list{ padding-top:5px;}
.scroll .logo{ padding-top:2px;}
.scroll .logo img{ max-width:47px;}
.scroll .bar,.scroll .bar:after,.scroll .bar:before{ background-color:#9b9b9b;}

.mob-menu{ display:none;} 
.mob-logo img{ max-width:62px;}
.mob-navbar-pop{ position:fixed; top:0; width:100%; max-width:300px; bottom:0; right:0; z-index:10000; -webkit-transform:translateX(100%); transform:translateX(100%); transition:ease-in 0.3s; background-color:#91a3ac; /*max-width:85%;*/ font-family: 'Montserrat', sans-serif; }
.mob-navbar-pop .logo{ margin-left:20px;}
.mob-navbar-pop-main{ color:#fff; font-size:14px; position:relative; height:100vh; overflow-y:auto; text-transform:uppercase; overflow-x: hidden;}
.mob-navbar-pop-main a{ color:#fff; display:block;}
.mob-navbar-pop-main li{ line-height:40px;}

.mob-navbar{ padding:20px;}
.mob-navbar a:hover, .mob-navbar a:focus{ text-decoration:none;}

.ios .mob-navbar{ padding-bottom:60px;}

.close-btn{ display:inline-block; position:relative; width:34px; height:34px; border:2px solid transparent;}
.line-bar{ height:2px; width:20px; background-color:#fff; display:block; position:absolute; top:14px; left:4px;}
.close-btn .line-bar:nth-child(1){ transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.close-btn .line-bar:nth-child(2){ transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);}
.pop-menu-logo{ padding:30px 0;}
.pop-menu-logo img{ max-width:90px;}
.mob-navbar .clears{ position:relative; z-index:9;}
.mob-navbar-txt{ position:absolute; top:0; bottom:0; left:0; width:100%; background-color: #91a3ac; transition:all 0.3s; z-index:8; padding-bottom:40px;}

.mob-menu-a{}
.mob-menu-a.active{transform:translateX(-100%); -webkit-transform:translateX(-100%);}
.mob-menu-sub{ transform:translateX(100%); -webkit-transform:translateX(100%);}
.mob-menu-sub.active{ transform:translateX(0); -webkit-transform:translateX(0);}

.menu-social{ position:absolute; bottom:40px; width:100%; z-index:9;}
.menu-social-list{}
.menu-social-list li{ display:inline-block; font-size:24px; padding:0 15px;}
.menu-social-list img{ max-width:20px; vertical-align:middle; margin-top: -6px;}
/**/

.ios .page-wrap.active #header{ /*position:relative;*/}
.ios body.active{ height:100%;}
.mob-navbar-pop.active{ transform:translateX(0); -webkit-transform:translateX(0); -moz-box-shadow: 2px 3px 9px rgba(65,65,64,.2); -webkit-box-shadow: 2px 3px 9px rgba(65,65,64,.2); box-shadow: 2px 3px 9px rgba(65,65,64,.2); }
.content:after{ transition:all 0.3s;}
body.active .content{ position:relative;}
body.active .content:after{ content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.4); z-index:9999;}


/*content*/
#wp-content{}
#content{}
.no-home .content{ padding-top:90px;}
.content{ transition:all 0.25s; -webkit-transition:all 0.25s;background-color:#fff;}
.no-home.scroll .content{ padding-top:82px;}

.home-banner{ height:100vh; background-repeat:no-repeat; background-size:cover; background-position: center; max-width:100%; overflow :hidden ;}
.home-banner {}
.home-banner .swiper-slide{ height:100vh; overflow:hidden;}
.home-banner .swiper-slide video{ min-height:100vh; position:absolute; /*left:50%; margin-left:-50%;*/ min-width:100%; /*max-width:100%;*/}

.banner{ position:relative; z-index:9; overflow:hidden;}
.banner img{ width:100%;}
.banner a{ color:#fff;}
.banner .arrow-down{ bottom:auto; top:85vh;}
.section-02{ background-color:#ffffff;  position:relative; z-index:8; padding:14% 0 70px; margin:-15% 0 0; background-size: 50% auto;}
.section-02:after{ content:""; display:block; position:absolute; background: #f2efed; width: 41.66666667%; top:0; bottom:0; z-index:-1;}
.section-02 h1.color-w{ color:#57636f; margin-bottom:30px; white-space: nowrap;}
.section-02 .col-md-10 p{ color:#fff;}
.section-02 h1{ margin-bottom:50px;}
.section-02 .btn{ margin-top:30px;}
.section-02 h1.h1-padding-top{ padding-top:35%;}
.section-02-swiper{}
.section-02-swiper .swiper-slide{ color:#57636f;}
.section-02-swiper .swiper-container{ padding-bottom:60px;}
.section-02-img-box{ background-position:center; background-size:cover; background-repeat:no-repeat; height:439px;}
.section-02-img-box img{ display:none;}
.home-swiper-txt{ transition:all 0.3s; -webkit-transition:all 0.3s; opacity:0; transform:translateX(30px); -webkit-transform:translateX(30px); transition-delay:0.3s;}
.swiper-slide-active .home-swiper-txt{ opacity:1;  transform:translateX(0); -webkit-transform:translateX(0);}

.swiper-pagination-bullet{ width:12px; height:12px; position:relative; margin:0 10px !important; opacity:1; background-color:#fff;}
.swiper-pagination-bullet-active{ background-color:#fff;}
.swiper-pagination-bullet-active:before{ content:""; display:block; width:24px; height:24px; border:1px solid #000; position:absolute; border-radius:100%; top:-6px; left:-6px;}

.home-video img{ width:100%;}

.catalog-line{ position:relative; z-index:8; padding:10% 0; /*margin:-14% 0;*/ background: #FFFFFF url(../../_images/catalog-bg2.jpg) right bottom no-repeat; background-size:contain;}
.catalog-line h1.color-w{ margin-bottom:40px;}
.catalog-line h1{ margin-bottom:30px;}
.catalog-line .btn{ margin-top:40px;}
.catalog-line h1.h1-padding-top{ /*padding-top:20%;*/}

.mini-banner{}
.mini-banner .col-md-6{ padding-left:0; padding-right:0;}
.mini-banner-box{ position:relative;}
.mini-banner-box img{ width:100%;}
.mini-banner-box-txt{ position:absolute; top:0; right:0; bottom:0; left:0;background-color: rgba(0, 0, 0, 0.6); color:#fff; text-align:center; padding:20px; transition:all 0.3s; opacity:0;}
.mini-banner-box:hover .mini-banner-box-txt{ opacity:1;}
.mini-banner-box-txt h1{}
.mini-banner-box-txt h1:after{ content:""; display:block; width: 30px; height: 5px; background-color:#bdd4dd; margin:25px auto;}
.mini-banner-box-txt p{}

.installation-section{ background-color: #f2efed; position:relative; z-index:8;}
.installation-section .container-fluid{ position:relative; z-index:9;}
.installation-section:after{ content:""; display:block; position:absolute; background: #ffffff; width: 50%; top:0; bottom:0; z-index:-1;}
.installation-section-bg{background-position: center bottom; background-repeat:no-repeat; background-size:100% auto; padding:15% 0 5%; position:relative; margin-bottom:-1px;}

.installation-video{ position:relative; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2); cursor:pointer;}

.installation-txt{ color:#57636f;}
.installation-txt h1{ margin-top:15px;}
.installation-txt p{  margin:30px 0;}
.installation-txt a:not(.btn){ color:#57636f; font-weight:400;}
.installation-txt table{ width:100%;}
.installation-txt th{ text-align:right;}
.installation-txt td{ color:#414a4f;}

.contact-us-top-bg{ margin-bottom:-1px; position:relative; z-index:9;}
.contact-us{ position:relative; z-index:9; padding-top:10px; color:#fff; background-color:#414A4F; }
.contact-us .container-fluid{ padding-bottom:130px;}
.contact-us h1{ margin-bottom:40px;}
.contact-us .btn{margin-top:40px;}
.social-list{ margin-top:60px;}
.social-list li{ display:inline-block; padding:0 10px;}
.social-list li img{ max-width:24px; vertical-align:middle; margin-top:-4px;}
.social-list li:first-child{ padding-left:0;}
.social-list li:last-child{ padding-right:0;}
.social-list a{ display:block; width:72px; height:72px; text-align:center; color:#bcd3dc; /*background-image:url(../../_images/oval@2x.png);*/ background-position:center; background-repeat:no-repeat; background-size:cover; font-size:28px; padding-top:22px; line-height: 1em;}
.social-list a i{ line-height:28px; height:28px;}

.email-box{ margin-top:60px; max-width:380px; width:100%;}
.email-box h2{ margin-bottom:10px; text-transform:uppercase;}
.email-box form{ position:relative; display:block;}
.email-box .form-control{ padding-right:130px;}
.email-box .btn{ position:absolute; top:0; right:0; margin-top:0; min-width:120px; width:120px; padding-left:0; padding-right:0;}


.page-banner{ position:relative; z-index:9; background-position:top center; background-repeat:no-repeat; background-size:contain; color:#fff;}
.page-banner img{ width:100%;}
.page-banner a{ color:#fff;}
.page-banner-txt{ position:absolute; top:0; bottom:0; width:100%; padding-bottom:0%;}
.page-banner-txt h1{ margin-bottom:40px;}
.page-banner-txt ul{}
.page-banner-txt li{ width: 100%; display:inline-block; font-size:20px; position:relative; text-transform:uppercase;}
.page-banner-txt li a{ position:relative; text-decoration:none; transition:all 0.3s;}
.page-banner-txt li a:hover, .page-banner-txt li a:focus{ text-decoration:none; color:#B5C9D5; } /*#FFD388*/
.page-banner-txt li a:after{ content:""; display:block; position:absolute; width:100%; height:2px; left:0; transition:all 0.3s;}
.page-banner-txt li .active{ color:#B5C9D5; /*font-weight:700;*/} /*#FFD388*/
.page-banner-txt li .active:after{background-color:#B5C9D5;}/*#FFD388*/
.page-banner .arrow-down{ display:none;}
.arrow-down{ position:absolute; color:#fff; bottom:22%; font-size:24px; animation: arrow_down 2s infinite;}

@keyframes arrow_down {
	0%{ transform:translateY(-15px);}
	50%{ transform:translateY(15px)}
  100% { transform:translateY(-15px);}
}

.no-home{background-color: #f9f8f2;}
.no-home:not(.scroll) #header{ background-color:#fff;}
.no-home .bar, .no-home .bar:after, .no-home .bar:before{ background-color:#9b9b9b;}

.breadcrumb{ background-color:transparent; padding:0; margin-bottom:0;}
.pindex-breadcrumb{ margin-top:30px; position:relative; z-index:10; padding-bottom:35px;}
.mob-pindex-title{ margin-bottom:20px;}
.pindex-box{ position:relative;}
.pindex-box a{ color:#000000; text-decoration:none; display:block; overflow:hidden;} /* 4a4a4a*/
.pindex-box a:hover{ color:#7c92a7;}
.pindex-box a img{ transition:all 0.3s;}
.pindex-box a:hover img{ transform:scale(1.05,1.05);}
.pindex-box-txt{ padding:20px 0 0;}
.pindex-box-txt h3{ margin-bottom:5px; text-transform:uppercase;}
.pindex-box-txt p{ font-size:14px;}
.pindex-line{}
.pindex-box:hover a{color:#7c92a7;} /*d3a75b */
.pindex-bottom{ padding-top:8%;}

.pdetail-breadcrumb{ background-color: #f2efed; color:#556472; padding:30px 0;}
.pdetail-breadcrumb a{ color:#556472;}
.pdetail-breadcrumb .breadcrumb > .active{ color:#556472;}

.pdetail-main{}
.pdetail-top{ color:#fff; background-position:center top; background-repeat:no-repeat; background-size:100% auto; position:relative; -webkit-clip-path: polygon(0 0, 100% 0, 100% 99%, 0 79%); clip-path: polygon(0 0, 100% 0, 100% 99%, 0 79%);}
.pdetail-top img{}
.pdetail-top-txt{ position:absolute; top:0; width:100%; /*padding-top:3.5%;*/ bottom:24%;}
.pdetail-top-box{ max-width:460px; margin:9% auto 0;}
.pdetail-top-box p{ margin:30px 0;}
.pdetail-top-box a:not(.btn){ color:#fff;}
.pdetail-top-swiper{ max-width:780px; margin:0 auto; color:#fff;}
.pdetail-top-swiper .swiper-pagination{ bottom:30px; left:0; width:100%;}
.pdetail-top-swiper .swiper-pagination-bullet{ width:30px; height:30px; text-align:center; background-color:#979797;  border-radius:0; font-size:14px; padding-top:5px;}
.pdetail-top-swiper .swiper-pagination-bullet-active{ background-color:#8f9f89;}
.pdetail-top-swiper .swiper-pagination-bullet-active:before{ display:none;}

.pdetail-info{ margin-top:-14%; padding-top:8%; /*margin-bottom:-40px;*/}
.pdetail-info-txt{ padding-top:10%; padding-bottom:30px;}
.pdetail-info-txt h2{ margin-bottom:30px;}
.pdetail-info-txt dt{ font-weight:400;}
.pdetail-info-txt dt,.pdetail-info-txt dd{ line-height:1.75em;}
.pdetail-info-txt  .btn{ margin-top:30px;}
.pdetail-info .col-lg-6{ float:right;}
.pdetail-info-img{ background-color: #91a3ac;  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2); text-align:center; padding-top:70px; width: 83.33333333%;}
.pdetail-info-img img{ width:67.74%; max-width:420px;}

.bathroom-details-top{}
.bathroom-details-top-txt{ }
.bathroom-details-box{ text-align:center;}
.bathroom-details-box p { margin: 30px 0;}
.bathroom-details-info{}
.bathroom-details-info .pdetail-info-txt{ max-width:650px; margin:0 auto;}
.bathroom-details-info dt {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
.color-list{ margin-top:-15px;}
.color-list li{ display:inline-block;}
.color-box{ padding:5px; border:2px solid transparent; cursor:pointer; transition:all 0.3s;}
.color-box:hover{ border-color:#7a8184;}
.color-list li.active .color-box{ border-color:#7a8184;}

.size-list{}
.size-list li{ display:inline-block; background-color:#dbd8cf; padding:3px 6px 1px; cursor:pointer; transition:all 0.3s; margin-bottom:15px;}
.size-list li:hover,.size-list li.active{ background-color:#91a3ac; color:#fff;}
.dl-horizontal dd span{ margin-bottom:10px; display:inline-block;}
.tool-dl{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dbd8cf;}

.pdetail-bottom{ background-image:url(../../_images/details-bottom-bg.jpg); background-position:center; background-size:cover; color:#fff; margin-bottom:-14%; padding:7% 0 14%;}
.pdetail-bottom h2{ margin:20px 0 35px;}
.pdetail-bottom a:not(.btn){ color:#fff;}

.my-account-top{ position:relative; color:#fff; z-index:9;}
.my-account-top-txt{ position:absolute; top:0; bottom:0; width:100%;}
.my-account-top-txt a{ color:#fff;}

.my-account-content{ position:relative; z-index:8; margin:-14% 0; padding:14% 0;}
.my-account-content:after{ content:""; display:block; position:absolute; background: #91a3ac; width: 33.33333333%; top:0; bottom:0; z-index:-1;}
.side-box{color:#fff;}
.side-box dl{}
.side-box dt{color: #d3a75b;}
.side-box dd{ margin-top:20px;}
.side-box dd.logout-dd{ margin-top:70px;}
.side-box a{ color:#fff;}
dl.hiden-dl{ display:none;}

.my-account-main{ color: #2b2b2b; padding-bottom:40px;}

.grey-controls .controls label{ color: #2b2b2b;}
.grey-controls .controls input,.grey-controls .controls textarea{ border-bottom:1px solid #2b2b2b;}
.grey-controls .controls input:hover, .grey-controls .controls input:focus{ border-bottom:1px solid #2b2b2b;}
.grey-controls .controls input,.grey-controls .controls textarea , .grey-controls .controls input:hover + label, .grey-controls .controls input:focus + label{ color: #2b2b2b !important;}
.grey-controls .controls label.active{ background-color:transparent; color: #2b2b2b !important; text-transform:uppercase; font-size:12px;}

.my-account-main .radio{ display:inline-block; margin-left:10px;}
.my-account-main input[type="submit"]{ margin-top:25px;}
.radio-line{ border-bottom:1px solid #2b2b2b; padding:10px 0;}
.radio-line p{ display:inline-block; width:calc(100% - 120px);}

.input-file-box{ position:relative; padding:10px 0;}
.input-file-box label{ display:block; width:100%; font-weight:400;}
.input-file-box input[type="file"]{ display:none;}
.input-file-box p{ display:inline-block; width:calc(100% - 164px);}
.input-file-box .btn{}

.parent-box{ margin-bottom:15px;}
.parent-title{ text-transform:uppercase; position:relative; border-bottom:1px solid #7a8184; padding:10px 0; text-align:left;}
.parent-title:before, .parent-title:after{ content:""; position:absolute; display:block; background-color:#2b2b2b; width:14px; height:2px;}
.parent-title:before{ right:6px; top:20px;}
.parent-title:after{ transform:rotate(90deg); right:6px; top:20px;}
.parent-child{ padding-left:17px; padding-top:30px; padding-bottom:15px; display:none;}
.parent-child p{ text-align:left;}
.parent-child li{ padding-bottom:10px;}
.parent-child .form-group>label{ font-weight:400; margin-top:10px;}

.dealer-login{ position:relative; z-index:8; margin-bottom:-14%; padding-bottom:14%;}
.dealer-login:after{ content:""; display:block; position:absolute; background: #91a3ac; width: 50%; top:0; bottom:0; z-index:-1; background-image:url(../../_images/Dealer-Login-rectangle.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.dealer-login-txt{ padding-top:260px; padding-bottom:90px; color:#fff; }
.dealer-login-txt p{ margin-top:30px;}
.dealer-login-box{ padding-top:150px; padding-bottom:60px; max-width:400px; margin:0 auto;}
.dealer-login-box h1{ margin-bottom:30px;}
.dealer-login-box .btn{ margin-top:20px;}
.dealer-login-box p{ padding-top:10px;}
.dealer-login-box a{ margin:0 10px;}
.dealer-login-box a:first-child{ margin-left:0;}
.dealer-login-box a:last-child{ margin-right:0;}

.other-banner{ position:relative; z-index:9; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.other-banner img{ width:100%;}
.other-banner .table-cell{ padding-bottom:45px;}
.other-banner-txt{ position:absolute; top:0; bottom:24%; color:#fff; width:100%}
.other-banner-txt p{ margin-top:40px;}
.about-us{ margin:-14% 0; padding:4% 0 14%;}
.about-us-line{ position:relative; z-index:10; padding:6% 0;}
.about-us-txt-box{ margin-top:97px; position:relative; z-index:12;}
.about-us-txt-box p{ margin-top:25px;}
.about-us-wood-01{ position:absolute; right:0; bottom:0; max-width:351px; z-index:11;}
.about-us-img-box{ position:relative; z-index:10}
.about-us-img-box:after{ content:""; display:block; position:absolute; z-index:-1}
.about-us-img-box-01:after{ background-color:#7c92a7; width:100%; left:-53px; top:97px; bottom:-97px;}


.about-us-img-box-02:after{ position:absolute; background-color:#91a3ac; width:100%; top:-79px; bottom:79px; left:-58px;}
.about-us-img-box-02 img{}
.about-us-wood-02{ position:absolute; max-width:319px; left:0; bottom:40px; z-index:11;}

.become-our-dealer{ position:relative; z-index:8; margin:-14% 0; padding:14% 0;}
.become-our-dealer:after{ content:""; display:block; z-index:-1; position:absolute; width:50%; right:0; top:0; bottom:0; background-color:#f3efeb;}

.become-our-dealer-right{ margin-top:130px;}
.become-our-dealer-box{ position:relative; padding-left:155px; margin-top:30px;}
.become-our-dealer-box img{ position:absolute; max-width:94px; left:0; top:70px;}
.become-our-dealer-box h1{ color:#7c92a7; margin-bottom:25px;}
.become-our-dealer-box p{}

.become-our-dealer .grey-controls h1{ margin-bottom:30px;}
.become-our-dealer .grey-controls h1+p{ margin-bottom:50px;}

.where-to-buy-banner-txt{}
.where-to-buy-banner-txt li{ display:inline-block; margin:40px 20px 0;}
.where-to-buy-banner-txt a{ color:#fff; position:relative;}
.where-to-buy-banner-txt a:hover{ text-decoration:none; color:#7c92a7;}
.where-to-buy-banner-txt a.active{ color:#7c92a7;}
.where-to-buy-banner-txt a.active:after{ content:""; position:absolute; width:100%; display:block; height:2px; background-color:#7c92a7}

.where-to-buy-filter{padding-bottom: 20px;
  font-size: 18px;}
.where-to-buy-filter h2{ text-transform:uppercase;}
.where-to-buy-filter li{ display:inline-block; margin:30px 0 0; width:calc(50% - 4px);}
.where-to-buy-filter a{ color:#4a4a4a; position:relative; display:inline-block; text-decoration:none;}
.where-to-buy-filter a:hover{ color:#7c92a7;text-decoration:none; cursor: pointer;}
.where-to-buy-filter a.active{ color:#7c92a7;}
.where-to-buy-filter a.active:after{ content:""; position:absolute; width:100%; display:block; height:2px; background-color:#7c92a7; margin:0px auto 0;}

.where-to-buy{ position:relative; z-index:8; margin:-14% 0 0 0; padding:14% 0;height: auto !important;}
.where-to-buy:after{content:""; display:block; z-index:-1; position:absolute; width: 41.66666667%; right:0; top:0; bottom:0; background-color:#f3efeb;}
/*.where-to-buy:after{content:""; display:block; z-index:-1; position:absolute; width: 41.66666667%; right:0; top:0; bottom:0; background-image:url(../../_images/wheretobuybg.jpg);}*/
.where-to-buy-txt h2{ margin-bottom:30px;}
.where-to-buy-txt h2+p{ margin-bottom:30px;}
.where-to-buy-box{ padding:30px 0 15px; border-top:1px solid #707070;}
#data_list{ margin-bottom:30px;}
#data_list .where-to-buy-box a{color:#7c92a7; text-decoration: underline;}
.where-to-buy-swiper .swiper-container{ padding-bottom:60px;}
.where-to-buy-map{ margin-bottom:-14%;}
.pb_40{
  padding-bottom: 40px;
}
.where-to-buy-form{ position:relative; margin-bottom:40px;margin-top: 20px;}
.where-to-buy-form .btn-gold{ position:absolute; right:0; min-width:160px; top:0; z-index:9;}
.where-to-buy-form .btn-default{ min-width:160px; background-color:#bcd3dd;}
.where-to-buy-form .form-control{ padding-right:160px; border-left:none;}
.dropdown-menu{ border-radius:0; min-width:100%; background-color:#ffffff; padding:0;}
.dropdown-menu > li > a{ text-align:center; padding:20px ;}
#miles_dropdown_group{
  z-index:999; 
}
#where_to_buy_result{
  z-index: 1;
  position: absolute;
}
.form-control:focus{ box-shadow:none; outline:none;}
.where-to-buy-map-img{ margin-top:0; margin-bottom:50px;}
.coming-soon-banner{ }
.coming-soon-banner .btn{ color:#fff; margin-top:40px;}
.coming-soon-banner .table-cell{ padding-bottom:0;}

h1.big{ font-size:300px; line-height:0.7em;}
.coming-soon-banner h1.big{ margin-top:30px;}

.forget-password-confirmation-box{ max-width:100%;}

.terms-main{ padding:100px 0 0;}
.terms-main h1{ text-align: center;}
.terms-main h1:after{ content:""; display:block; width:30px; height:5px; background-color:#d3a75b; margin:30px auto;}
.terms-main h3{ text-transform:uppercase; margin-bottom:15px; margin-top:60px;}
.terms-main p{ margin-bottom:30px;}
.terms-main ul { list-style: disc; padding-left: 18px;}
.terms-main ul li{padding-bottom: 20px;}

.resources{}
.resources h2{ text-transform:uppercase;}
.resources ul{ margin-top:40px;}
.resources li{ margin-bottom:30px;}
.resources li a{ display:block; border-left:10px solid transparent;  background-color: rgba(219, 216, 207, 0.2); padding:20px; color:#57636f; transition:all 0.3s; -webkit-transition:all 0.3s;}
.resources li a:hover{background-color: rgba(240, 240, 245, 0.5); text-decoration:none; border-left:10px solid #7c91a6;}
/*foot*/
#wp-footer{}
#footer{}

.footer{background: #111111; padding:100px 0; font-family: 'Montserrat', sans-serif;}
.footer-logo{ max-width:190px;}
.footer-menu{letter-spacing: 2px; font-size:14px;}
.footer-menu li{ display:inline-block; padding:0 1%;}
.footer-menu li:first-child{ padding-left:0;}
.footer-menu li:last-child{ padding-right:0;}
.footer-menu a{ color:#bcd3dc;}
.footer-menu a:hover{text-decoration:none; color:#ffffff;} 
.footer p{ font-size: 14px; color: #9b9b9b; letter-spacing: 1px; padding-top:80px; text-transform:uppercase;}
.footer p span{ display:inline-block; margin-left:30px;}
.footer p a{ color:#9b9b9b;} 

/*popup*/
.pop-wrap{ position:fixed; background-color: rgba(255, 255, 255, 0.9); top:0; right:0; bottom:0; left:0; z-index:9999; overflow-y:auto; z-index:-999; opacity:0; -webkit-overflow-scrolling: auto; transition:all 0.3s; -webkit-transition:all 0.3s;}
.pop-wrap.active{ z-index:9999; opacity:1;}
.pop-wrap-bg{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:8;}
.pop-main{  position:relative; z-index:9; margin:0 auto;  max-width:calc(100vw - 80px); width:100%; color:#fff;}
.pop-wrap .close-btn{ position:absolute; z-index:999; right:0;}
.pop-wrap .close-icon{ height:30px; width:30px; right:0; padding-top:15px; display:inline-block; text-align:center; vertical-align:middle; position:absolute; right:15px; top:15px;}
.pop-wrap .close-icon .line-bar{ position:relative;height:30px; width:30px; background-color:transparent; left:0; top:0; line-height:1em;}
.pop-wrap .close-icon .line-bar:after,.pop-wrap .close-icon .line-bar:before{ content:""; display:block; background-color:#7a8184; height:2px; width:18px; position:absolute; top:-2px; left:4px;}
.pop-wrap .close-icon .line-bar:after{ transform:rotate(45deg);}
.pop-wrap .close-icon .line-bar:before{ transform:rotate(135deg);}
.pop-main-top{ padding:0 40px;}
.pop-main h1{ margin-bottom:20px; color:#fff;}
.details-pop{ text-align:center;}
.details-pop img{ max-height:calc(100vh - 180px);}
.alert-pop{}
.alert-pop .pop-main {box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);   width: 678px;  background-color: #f9f8f2; color:#4a4a4a;}
.alert-pop-box{ text-align:center; padding:80px 0;  max-width:420px; margin:0 auto; }
.alert-pop-box h1{ color:#d3a75b;}
.alert-pop-box p{ margin-bottom:30px;}
.alert-pop-box p .red-span{ color:#d0021b;}

 .pdetail-info-txt .btnT{     
    /*margin-left: auto;
    margin-right: auto;*/
    display: inline-block;
    padding: 20px;
    max-width: 290px;}    


.dl-horizontal dt { float: left; overflow: hidden; clear: left; text-align: left; text-overflow: ellipsis; white-space: nowrap;margin-left:2px;}

#video-pop .pop-main{ max-width:1200px;}
/**/
@media (max-width:768px) and (orientation : landscape) {
	.mob .landscape-show{ display:block;}
}

@media screen and (min-width:1920px){
  
}
@media screen and (min-width:1400px){
  .pdetail-info-img{ width: 66.66666667%;  }
  .pdetail-top img{ width:100%;}
}
@media screen and (min-width:1200px) {
  .where-to-buy-txt{ max-width:610px;}
  .pdetail-info-txt{ padding-bottom:120px;}
  .pdetail-info-txt h2{ margin-left:14%;}
  .pdetail-info-txt .btn{     
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 290px;}
    
 
  
  .where-to-buy-map-img{ margin-top:-159px;}
}
@media screen and (min-width:992px) {
  body{display: flex;  min-height: 100vh;  flex-direction: column;}
  .content{    flex: 1;}
  body.ie{ display:block;}
  .ie .content{ display:block; }
  
  
  .mob-pindex-title{ display:none;}
  
  .page-banner-txt h1{ font-size:40px;}
  .my-account-top-txt h1{ font-size:40px;}
  .side-box{ font-size:25px; }
  
  .other-banner{ background-image: none !important;}
  .become-our-dealer .col-md-6:first-child{ float:right;}
  
  .resources .col-xs-12{ padding:0;}
}

@media screen and (min-width:768px){
  .banner{ background-image:none !important;}
  .my-account-top{ background-image:none !important;}	
  .my-account-top-txt h1{ margin-bottom:10%;}
  
  .pindex-line .col-sm-4:nth-child(2) .pindex-box{ margin-top:25%;}
}

@media (min-width: 1200px) and (max-width: 1480px){
  .pdetail-info{ margin-bottom:0;}
}
@media (min-width: 1200px) and (max-width: 1400px){
  .pdetail-info{ padding-top:10%;}
  .pdetail-info-txt{ padding-top:0;}
  .where-to-buy-txt{    max-width: 520px; /*margin-left:auto; margin-right:auto;*/}
}
@media (min-width: 768px) and (max-width: 991px) {
  h1{font-size: 22px; letter-spacing: 1px; line-height: 28px;}
  h1.big{ font-size:150px;}
  h2{ font-size:14px;}
  h3{ font-size:14px;}
  h4{}
  h5{}
  h6{}
  body{ font-size:14px;}
  .container-fluid{ padding-left:40px; padding-right:40px; }
  .row{ margin-left:-10px; margin-right:-10px;}
  .col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:10px; padding-right:10px; }
  .tablet-show{ display:block;}
  .tablet-hide{ display:none;}
  
  .footer .col-sm-5{ text-align:center;}
  
  .social-list{ visibility:hidden;}
  .email-box{ margin-left:auto; margin-right:auto; margin-bottom:55px;}
  .email-box h2{ text-align:left;}
  
  .installation-txt a{ color:#d3a75b;}
  .installation-txt a i{ color:#fff;}
  
  .dealer-login-txt{ padding-top:135px;}
  .dealer-login-box{ padding-top:135px;}
  
  .dealer-login-txt-tablet{ color:#fff; text-align:center; height:440px;}
  
  .about-us-line{ padding:40px 0;}
  .about-us-wood-01{ max-width:216px; bottom:auto; top:20%;}
  .about-us-wood-02{ max-width:175px; bottom:auto; top:40%;}
  .about-us-line:nth-child(2) .about-us-txt-box{ margin-top:0;}
  
  .page-banner{ height:436px; background-size:auto 100%;}
  
  .section-02 h1.h1-padding-top{ padding-top:20%;}
  
  .where-to-buy-form{ margin-bottom:50px;}
}
@media screen and (max-width: 1580px){
  .social-list a{ width:52px; height:52px; padding-top:12px;}
  .social-list li{ padding:0 7px;}
  .social-list li img{ max-width:22px; margin-top:-4px;}
}
@media all and (max-width: 1200px) {
  .pc-menu{ display:none;}
  .mob-menu{ display:block;}
  .no-home .content{ padding-top:108px;}
  .no-home.scroll .content{ padding-top:85px;} 
  .pdetail-info{ margin-bottom:0; padding-bottom:20px;}
  .pdetail-top-swiper{ display:none;}
  .bathroom-details-info .pdetail-top-swiper{ display:block;}
  .pdetail-info-img{ width:100%; padding-top:0;}
  .pdetail-info-img .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover;}
  .pdetail-info-img img{ max-width:100%; width:100%;}
  .pdetail-info .col-lg-6{ float:left;}
  .pdetail-top-txt{ padding-top:0;}
  .pdetail-top-box{ max-width:100%; text-align:center;}
  .pdetail-top-box .btn{ display:none;}
  .pdetail-info-txt{ text-align:center;}
  .pdetail-info-txt dd{ text-align:left;}
  .small-hide{ display:none;}
  .small-show{ display:block;}

}
@media all and (max-width: 1024px){
	
	.mini-banner-box-txt{ opacity:1;}
}
@media all and (max-width: 991px) {
  .tablet-mob-hide{ display:none;}
  .form-control{ height:39px;}
  .btn{ padding:10px 20px; min-width:160px;}
  .tablet-mob-show{ display:block;}
  .controls label{ font-size:14px;}
  
  .catalog-line{ text-align:center;color: #323232; background-color:#f9f8f3;}
  .catalog-line h1.color-w{color: #323232;}
  .catalog-line h1.h1-padding-top{ padding-top:10px;}
  .catalog-line:after{ display:none;}
  
  .contact-us{ text-align:center;}
  .contact-us .container-fluid{ padding-bottom:25px;}
  .contact-us .btn{ margin-top:15px;}
  .footer{ padding:40px 0;}
  .footer-menu{ display:none;}
  .footer-logo{ max-width:124px;}
  .footer p{ padding-top:44px; font-size:11px;}
  .footer p span{ display:block;}
  
  #header{}
  .scroll #header{}
  
  .section-02{ text-align:center;}
  .section-02:after{ width:100%; bottom:370px;}
  .section-02-swiper .swiper-slide{}
  .section-02-img-box{ height:386px;}
  .section-02 .col-md-10 p{ margin-top:30px;}
  
  .mini-banner .container-fluid{ padding-left:10px; padding-right:10px;}
  
  .installation-txt{ text-align:center; padding-top:35px;}
  .installation-txt td{ text-align:left;}
  .installation-section:after{ width:100%; bottom:600px;}
  .installation-section-bg{ padding-bottom:150px;}
  
  .page-banner img{ opacity:0;}
  .arrow-down{ display:none;}
  .page-banner-txt li{ width:calc(25% - 4px); font-size:14px;}
  .page-banner-txt h1{ margin-bottom:0; height:44px;}
  .pindex-breadcrumb{ visibility:hidden; opacity:1;margin-top: 0;}
  .pindex-box{ margin-bottom:23px;}
  /*.pindex-box-txt{ position:absolute; top:0; bottom:0; width:100%; padding:0 10px; text-align:center; background-color: rgba(0, 0, 0, 0.5); color:#fff;}*/
  .pindex-box-txt h2{ margin-bottom:0; font-weight:400;}
  .pindex-box-txt p{ display:none;}
  .pindex-bottom{ padding-top:0;}
  
  .pdetail-bottom{ display:none;}

  .dealer-login-txt{ display:none;}
  .dealer-login-box{ font-size:}
  .email-box .btn{ margin-top:0;}
  
  .about-us-img-box{ display:none;}
  .about-us-line h1:after{ content:""; display:block; width:30px; height:5px; background-color:#7c92a7; margin-top:25px;}
  
  .other-banner{ min-height:405px;}
  .other-banner img{ display:none;}
  .other-banner-txt p{ margin-top:20px;}
  .other-banner .table-cell{ padding-bottom:15px;}
  
  .become-our-dealer:after{ display:none;}
  .become-our-dealer-right{ margin-top:0; margin-bottom:60px;}
  .become-our-dealer .grey-controls{ text-align:center;}
  
  .where-to-buy:after{ display:none;}
  
  .coming-soon-banner{ min-height:calc(100vh - 266px);}
  .coming-soon-banner .table-cell{ padding-bottom:0;}
  
  .alert-pop .pop-main{ max-width:452px; width:100%;}
  .alert-pop-box{ max-width:340px;}
  
  .resources-img{ display:none;}
  .resources-txt{ text-align:center; padding-bottom:30px;}
  
  .parent-child ul{ text-align:left;}
}
@media all and (max-width: 767px) {

#where-to-buy-wrap .row:last-child > #where_to_buy_result {
	margin-left: 0;
	width: 100% !important;
}
#where-to-buy-wrap .row {
	margin: 0 auto;
	max-width: 100%;
}
#where-to-buy-wrap .row .col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2.col-lg-6.col-lg-offset-1 {
	margin-left: 0;
}
.become-our-dealer-banner.other-banner .row {
	max-width: 100%;
	margin: 0 auto;
}
#become-our-dealer .row .col-xs-12.col-md-8.col-md-offset-2 {
	margin-left: 0;
	width: 100%;
}
.about-us-banner.other-banner .row {
	margin: 0 auto;
	max-width: 100%;
}
.about-us .about-us-line .row .col-xs-12.col-sm-7.col-sm-offset-1.col-md-6.col-lg-4.col-lg-offset-2 {
	margin-left: 0;
	width: 100%;
}
.about-us .about-us-line .row .col-xs-12.col-sm-7.col-sm-offset-4.col-md-offset-1.col-lg-4.col-lg-offset-1 {
	width: 100%;
	margin-left: 0;
}
.about-us-banner.other-banner .row {
	margin: 0 auto;
	max-width: 100%;
}
.resources .row .col-xs-12.col-sm-10.col-sm-offset-1.col-lg-4.col-lg-ofset-1 {
	margin-left: 0;
	width: 100%;
}
#where_to_buy_result {
	z-index: 1;
	position: static;
}
#contact-us .row .col-xs-12.col-sm-6.col-md-5.col-md-offset-2 {
	margin-left: 0;
	width:100%;
}
  h1{font-size: 16px; letter-spacing: 1px; line-height: 22px;}
  h1.big{ font-size:60px;}
  h2{ font-size:16px;}
  h3{ font-size:14px;}
  h4{}
  h5{}
  h6{}  
  .controls label{ font-size:14px;}
  .container-fluid{ padding-left:20px; padding-right:20px; }
  .row{ margin-left:-10px; margin-right:-10px;}
  .col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:10px; padding-right:10px; }
  body{ font-size:14px;}
  .iosmob.iosBugFixCaret{ position: fixed;}
  
  
  .mob-show{ display:block;}
  .mob-hide{ display:none;} 
  
  #header{ padding:18px 0;}
  .logo img{ max-width:45px;} 
  .catalog-line{ background-image:none;}
  .catalog-line .container-fluid{ padding-top:20px; padding-bottom:20px;}
  .catalog-line h1.color-w{ margin-bottom:20px;}
  
  .contact-us h1{ margin-bottom:20px;}
  
  .footer {
	text-align: center;
	padding: 20px 0 20px;
}
  .footer-logo{ max-width:107px;}
  .footer p{ padding-top:15px;    white-space: nowrap;}
  .footer .ar{ text-align:center;}
  
  .mob-navbar-pop{ max-width:100%;}
  .mob-logo img{ max-width:50px;}
  .hamburger-menu{ margin:0;}
  .mob-menu .col-xs-2{ padding-left:0;}
  .mob-menu .ac{ text-align:left;}
  
  .banner{ background-position:center; background-size:auto 100%; min-height:100vw; }
  .banner img{ display:none;}
  
  .section-02{ padding-bottom:60px; margin-top:-18%; padding-top:15%;}
  .section-02:after{ bottom:auto; height:430px;}
  .section-02-swiper .swiper-slide{}
  .section-02-img-box{ height:200px;}
  .section-02 h1.h1-padding-top{ margin-bottom:10px; padding-top:80px;}
  .section-02 .btn{ margin-top:25px;}
  
  .catalog-line{ padding:70px 0 60px;}
  .catalog-line h1.h1-padding-top{ margin-bottom:10px; padding-top:15px;}
  .catalog-line .btn{ margin-top:25px;}
  
  .installation-section:after{ bottom:390px;}
  .installation-section-bg{ padding-bottom:90px;}
  .installation-txt p{ margin:15px 0 20px;}
  
  .social-list{ display:none;}
  
  .page-banner{ height:250px; background-size:auto 100%;}
  .page-banner-txt .div-table {
	height: 85%;
}
  .page-banner-txt{}
  .page-banner-txt li{ display:block; width:auto; padding-bottom:15px;}
  .no-home .content{ padding-top:75px;}
  
  .pindex-box-txt{ text-align:center;}
  
  .pdetail-top{ background-size:auto 100%; height:66vw;}
  .pdetail-top img{ display:none;}
  .pdetail-info{ padding-top:0; margin-top:-14%;}
  .pdetail-top-box p{ margin:15px 0;}
  .swiper-pagination-bullet{ width:8px; height:8px;}
  .swiper-pagination-bullet-active:before{ width:16px; height:16px; top:-4px; left:-4px;}
  .dl-horizontal{ font-size:12px;}
  .dl-horizontal dt { float: left; width: 85px; overflow: hidden; clear: left; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
  .dl-horizontal dd { margin-left: 105px;}
  .pdetail-top-swiper .swiper-pagination{ left:0; width:100%; bottom:10px;}
  .pdetail-top-swiper .swiper-pagination-bullet{ width:20px; height:20px; padding-top:0;}
  
  .bathroom-details-top{ height:66vw; background-size:auto 100%;}
  .bathroom-details-top-txt{}
  .bathroom-details-top-txt p{ margin:15px 0;}
  .bathroom-details-info dl{ font-size:12px;}
  .pdetail-top p{ font-size:12px;}
  
  .my-account-content:after{ display:none;}
  .my-account-content .side-box{ display:none;}
  
  .parent-child{ padding-left:10px; padding-bottom:0;}
  
  .my-account-top{ background-size:auto 100%; background-position:center bottom; text-transform:uppercase; height:300px;}
  .my-account-top img{ opacity:0;}
  .my-account-top dt,.my-account-top dt a{ color:#d3a75b; }
  .my-account-top dd,.my-account-top dt{ margin-top:15px;}
  .my-account-top-txt .table-cell{ padding-bottom:30px;}
  .my-account-main{ padding-top:40px; text-align:center; padding-bottom:35px;}
  .my-account-main .controls label{ font-size:12px;}
  .my-account-main h1{ margin-bottom:15px;}
  .input-file-box p{ width:calc( 100% - 105px);}
  .input-file-box .btn{ min-width:100px;}
  .email-box{ margin-top:40px; margin-bottom:35px; margin-left:auto; margin-right:auto;}
  .email-box .btn{ margin-top:0;}
  
  .dealer-login:after{ display:none;}
  .dealer-login-box{ padding-top:60px;}
  .dealer-login-box h1{ margin-bottom:20px;}
  
  .other-banner{ min-height:285px;}
  .other-banner-txt p{ margin-top:10px; display:none;}
  .about-us-wood-01,.about-us-wood-02{ display:none;}
  .about-us-txt-box{ margin-top:0; text-align:center;}
  .about-us-txt-box h1:after{ margin-left:auto; margin-right:auto; margin-top:10px;}
  .about-us-txt-box p{ margin-top:10px;}
  
  .become-our-dealer-box img{ display:none;}
  .become-our-dealer-box{ padding-left:0; text-align:center;}
  .become-our-dealer-box h1:after{ content:""; display:block; width:30px; height:5px; margin:10px auto 0; background-color:#D3A75B;}
  .become-our-dealer-box h1{ margin-bottom:10px;}
  .become-our-dealer .grey-controls{ padding-top:0;}
  .become-our-dealer .grey-controls h1{ margin-bottom:20px;}
  .become-our-dealer .grey-controls h1+p{ margin-bottom:20px;}
  
  .where-to-buy-form .btn-gold{ min-width:40px; padding-left:0; padding-right:0;}
  .where-to-buy-form .btn-default{ padding-left:0; padding-right:0; min-width:100px;}
  .dropdown-menu > li > a{ padding:10px;}
  .where-to-buy-form{ margin-bottom:0;}
  .where-to-buy-form .form-control{ padding-right:40px;}
  /* .where-to-buy-box{ text-align:center;} */
  .where-to-buy-box .ar{ text-align:center;}
  .where-to-buy-box strong{ margin-bottom:10px; display:inline-block;}
  .where-to-buy-map-img{ margin-left:-20px; margin-right:-20px; display:none;}
  .where-to-buy-txt{ padding-bottom:30px;}
  
  .coming-soon-banner{ min-height:calc(100vh - 255px);}
  .alert-pop .pop-main{}
}
@media (min-width: 380px) and (max-width: 767px){
    
}
@media all and (max-width: 320px) {
    
}

/*Retina Displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2){
	
}
/* 本条为CSS2部分，IE8及以下只支持本条 */
/*打印*/
@media print
{
	
}
.video-background{
  width:100%;
}
#video_background_play_btn{
  z-index: 999;
  position: absolute;
  width: 90px;
  margin-top: -32%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  left: calc(50% - 45px);
}
@media screen and (max-width: 500px){
  #video_background_play_btn{
    z-index: 999;
    position: absolute;
    width: 70px;
    margin-top: -37%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    left: calc(50% - 35px);
  }
}
.grecaptcha-badge{
  display: none;
}
/**/
.video-pop-wrap{ position:fixed; background-color:rgba(37, 37, 37, 0.657); top:0; right:0; bottom:0; left:0; z-index:9999; overflow-y:auto; overflow-x: hidden; z-index:9999; opacity:0;display:none;transition: all 0.3s;}
.video-pop-wrap.active{ z-index:9999; opacity:1; display:block;}
.video-pop-wrap .close-btn{ position:absolute; z-index:999; right:10px; top:10px;}

.video-pop-wrap .close-icon{ height:50px; width: 50px; border-radius: 100%; border: 1px solid #fff; right:15px; top:20px; position:absolute; z-index:99; padding-top:20px; display:inline-block; line-height: 1em;}
.video-pop-wrap .close-icon .line-bar{ display:block; background-color:#fff; height:1px; width:30px; position:absolute; top: 24px; left: 9px; line-height: 1em;  }
.video-pop-wrap .close-icon .line-bar:first-child{ transform:rotate(45deg);}
.video-pop-wrap .close-icon .line-bar:last-child{ transform:rotate(135deg); margin-top:0;}

.p-links-center{
  text-align: center;
  line-height: 26px;
}
.div_text_center{
  display:block; 
  text-align:center;
}
@media (min-width: 769px) and (max-width: 1199px){
  #where_to_buy_result{

    margin-top: 600px;
  }
}
@media screen and (max-width: 768px){
  .where-to-buy-filter {
    line-height: 2.3;
    text-align: center;
  }
  .where-to-buy-filter a.active:after {
    margin: -8px auto 0;
}
}