:root {
	--action-color: #306ea1;
}

/*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%;}
/** 清除内外边距 **/
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: 12px/1.5 'Montserrat', sans-serif;}
select{-webkit-appearance: menulist-button;}
/** 设置默认字体 **/
h1,h2,h3,h4,h5,h6{margin:0;font-family: 'Playfair Display', serif; 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;}

/** 重置列表元素 **/
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:#235f7d; }
 a:focus{ text-decoration:none;}
/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing:0; }
/**禁止拉动**/
textarea{resize:none;}
/*重置表单元素*/
input,button,select,textarea{outline:none;}
/*选中文字背景色*/
::-moz-selection{background: #006fa6; color:#ffffff; text-shadow: none;}
::selection {background: #006fa6; 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%;}

.container-fluid{ padding-left:20px; padding-right:20px; }
.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;}
}

.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;}
/*body*/
body{-webkit-text-size-adjust:none;/*chrome 字体中文版限制问题*/}
#wrap{}

.page-banner{
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.8s ease, opacity 1s ease;
	opacity: 0;
}
.loadone.page-banner{opacity: 1;}
.page-banner__video-box {
	padding: 23px 33px;
	background-color: #fff;
	text-align: center;
}
.page-banner__video-box-title {
	display: block;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
	line-height: 27px;
}
.pop-wrap{ position:fixed; background-color:rgba(0,0,0,0.8); top:0; right:0; bottom:0; left:0; z-index:9999; overflow-y:auto; z-index:-999; opacity:0;}
.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;}

.pop-wrap .pop-close-btn{ position:absolute; z-index:999;}
.close-icon{ height:40px; right:0; padding-top:20px; display:inline-block;}
.close-icon .line-bar{ display:block; background-color:#999; height:2px; width:30px;}
.close-icon .line-bar:first-child{ transform:rotate(45deg);}
.close-icon .line-bar:nth-child(2){ transform:rotate(135deg); margin-top:-2px;}

.page-banner-pop .pop-wrap-bg{ background-color:#fff;}
.page-banner-pop-main{ max-width:1265px;}
.page-banner-pop-title{ position:relative; z-index:99;}
.page-banner-pop iframe{ height:712px;}
.page-banner-pop .close-icon{ border-radius:100%; border:2px solid #999; width:60px; height:60px; padding-left:13px; padding-top:28px; position:absolute; right:20px; top:20px;}

.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);}
.btn{ text-transform:uppercase; border-radius:0;     padding: 11px 22px;}
.btn-primary, a.btn-primary{ background-color: #235f7d; border-color: #235f7d; color:#fff;}
.btn-link, a.btn-link{ border:1px solid #006fa6; color:#006fa6;}
.btn-w,a.btn-w{ background-color:#fff; border:1px solid #ccc; color:#555;}
.btn-sm{ font-size:12px; padding:5px 10px; height:30px;}
button.btn-action,
a.btn-action {
	border: 0;
	background-color: var(--action-color);
	text-transform: capitalize;
}

.mob-img{ display:none;}
.form-group{ margin-bottom:20px;}
.form-control{ border-radius:0; height:44px;}
.form-control-sm{ padding:5px 10px; height:30px; font-size:12px;}
h1{}
h2{}
h3{ font-size:20px;}

#top-message{ color:#fff; text-align:center; position:fixed; left:0; right:0; z-index:1001; height:50px; font-size:14px; font-family:"Museo-300";}
#top-message div{ padding:15px 15px;}
#top-message .message-i{ background-color:#01c775;}
#top-message .message-e{ background-color:#f00;}
#top-message .close-link{ display:inline-block; width:20px; height:20px; padding-top:10px; position:relative; vertical-align:middle; margin-right:5px; margin-top:-2px;}
#top-message .close-link img{ display:none;}
#top-message .close-link:before{content:""; transform:rotate(45deg); display:block; background-color:#fff; height:2px; width:20px; position:absolute; top:8px}
#top-message .close-link:after{content:""; transform:rotate(135deg); display:block; background-color:#fff; height:2px; width:20px;  position:absolute; top:8px;}

/*head*/
#wp-header{}
#header{ position:fixed; width:100%; z-index:99; border-bottom:1px solid #ccc;}
#logo{}
#nav{}
.pc-menu{}
.mob-menu{ display:none;}
.pc-menu .container-fluid{ max-width:1280px;}
.header-top{ background-color:#006fa6; padding:10px 0; }
.header-top li{ display:inline-block; color:#fff; font-size:11px; font-weight:400; letter-spacing:1px; text-transform:uppercase; padding-left:10px; line-height:25px;}
.header-top li:first-child{ padding-left:0;}
span.user-span{ color:#afd4e7;}
.header-top li a{ color:#fff;}
.fa-shopping-cart{background-image:url(../../_images/icon_cart.png); background-size:18px auto; background-position:center; background-repeat:no-repeat;}
.fa-shopping-cart:before{ opacity:0}

.header-top i{ font-size:18px; vertical-align:middle;}
.menu-cart{ position:relative;}
.menu-cart-num{ position:absolute; background-color:#006fa6; color:#fff; font-size:11px; font-weight:400;  text-align:center; display:block; width:19px; height:19px; line-height:18px; right:-12px; top:-10px; border:1px solid #fff; font-family:Helvetica;}
.pc-top-search-form{ position:relative; font-size:14px; color:#000}
.pc-top-search{ height:26px; border-radius:13px; padding:0 20px;}
.pc-top-search-form button{ position:absolute; background-color:transparent; color:#006fa6; top:2px; right:5px; font-size:14px;}

.header-main{ background-color:#fff;}
.header-main li{ display:inline-block; font-size:14px; text-transform:uppercase; padding-left:50px; padding-top:10px; padding-bottom:10px;}
.header-main li a{ display:block; padding:24px 0;}
.header-main li a:hover{ text-decoration:none;}
.header-main i{ font-size:18px;}
.logo{ max-width:98px; padding:10px 0;}

.error-page #header .logo{ margin-left:0;}

.login-pop{ background-color:#f8f8f8; font-size:14px; padding:50px 0; display:none;}
.login-pop .close-btn{ position:absolute; right:15px; padding-top:15px;}
.login-pop .line-bar{ background-color:#333;}
.close-btn{ height:36px;}
.login-pop h2{ font-size:28px; font-weight:400; margin-bottom:30px;}
.login-pop p{ margin-bottom:30px; font-weight:300;}
.login-pop label{ text-transform:uppercase; font-weight:400;}
.login-pop .container-fluid{}
.login-pop-width{ max-width:740px; margin:0 auto;}
.login-pop ul{ margin-top:15px;}
.login-pop li{ display:inline-block; color:#006fa6; font-weight:300;}
.login-pop li a{ color:#006fa6;}
.login-pop form .col-xs-12:nth-child(1){ padding-right:10px;}
.login-pop form .col-xs-12:nth-child(2){ padding-right:10px; padding-left:10px;}
.login-pop form .col-xs-12:nth-child(3){ padding-left:10px;}

.dropdown-nav{ position:relative;}
.dropdown-nav:after{ content:""; display:block; position:absolute; left:50%; margin-left:19px; width:12px; height:12px; background-color:#006fa6; bottom:-8px; transform:rotate(45deg); transition:all 0.3s; opacity:0;}
.dropdown-nav.active:after{ opacity:1;}
.dropdown-nav.active a{ color:#235f7d;}
.nav-dropdown{ position:absolute; width:100%; background-color:rgba(0,111,166,0.95); z-index:99; padding:24px 0; display:none;}
.nav-dropdown > .container-fluid { /*max-width:1170px;*/ max-width:1280px;}
.nav-dropdown > .container-fluid > .row{ display:none;}
.nav-dropdown li{ font-size:14px; white-space:nowrap;}
.dropdown-list{ letter-spacing:1px;}
.dropdown-list a{ color:#fff;}
.dropdown-list dt{ text-transform:uppercase; font-size:12px; border-bottom:3px solid #88bcd5; font-weight:700; padding:5px 0; letter-spacing:1px;}
.dropdown-list dd a{ position:relative; padding:5px 0; font-size:12px; display:block; letter-spacing:1px; font-weight:300;}
.dropdown-list li a:before{ content:""; display:block; position:absolute; width:60px; height:3px; left:50%; margin-left:-30px; bottom:5px; background-color:#fff; opacity:0; transition:all 0.3s;}
.dropdown-list li a:hover:before{ opacity:1;}

.dropdown-list li a:hover{ text-decoration:none;}

.navbar-default{ border-radius:0; background-color:#006fa6; color:#fff;}
.navbar-default .navbar-nav > li > a{ color:#fff;}
.navbar-default .navbar-toggle{ border:none;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
.navbar-form{ position:relative; border-top:none; box-shadow:none; padding:0; margin:0 -20px; border-radius:0; /*float:left; width:cacl(100% - 156px); width:-moz-calc(100% - 156px);	width:-webkit-calc(100% - 156px); */border-bottom:none;}
.navbar-form .form-group{ margin-bottom:0; }
.navbar-form .btn{ position:absolute; right:0; top:0; color:#006fa6; font-size:18px; border:none; padding:12px 10px; border-radius:0;}
.navbar-form .btn:focus,.navbar-form .btn:hover, .navbar-form .btn-default:active:hover, .navbar-form .btn-default:active{ background-color:transparent; outline:none; box-shadow:none;}
.navbar-default .navbar-nav > li > a{ text-transform:uppercase;}
.navbar-default .form-control{ padding-right:35px; border:none; height:50px; box-shadow:none; border-radius:0;}

.mob-menu-pop{ background-color:rgba(0,111,166,0.95); position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; color:#fff; display:none;}
.mob-menu-pop .container-fluid{ max-width:1280px;}
.mob-menu-pop a{ color:#fff !important;}
.mob-menu-pop li{ display:inline-block;}

.mob-menu-pop .close-btn{ position:relative;}
.close-btn{ padding-top:20px; display:inline-block;}
.line-bar{ display:block; background-color:#fff; height:2px; width:30px;}
.close-btn .line-bar:first-child{ transform:rotate(45deg);}
.close-btn .line-bar:last-child{ transform:rotate(135deg); margin-top:-2px;}

.mob-menu-pop-top .close-btn{ height:98px; padding-top:45px;}
.mob-menu-pop-top .line-bar{ height:3px; width:40px;}
.mob-menu-pop-top .close-btn .line-bar:last-child{ margin-top:-3px;}
.mob-menu-pop-top li a{ display:block; padding:37px 10px;}
#header .mob-menu-pop a .cart-num{ top:28px; right:0;}
.menu-pop-serach{ position:relative; font-family: 'Roboto Slab', serif;}
.menu-pop-serach i{ position:absolute; font-size:30px; top:16px;}
.menu-pop-serach .close-btn{ position:absolute; right:0; top:13px; padding-bottom:20px; display:none;}
.menu-pop-serach input{ background-color:transparent; height:64px; font-size:40px; line-height:64px; color:#fff; border-bottom:2px solid #fff; width:100%; padding-left:40px; padding-right:40px; font-weight:300; -webkit-appearance: none; border-radius:0; border-left:none; border-right:none;}

.menu-pop-serach input::placeholder{ color:#fff;}
.menu-pop-serach input::-webkit-input-placeholder {color: #fff;}
.menu-pop-serach input::-moz-placeholder { color: #fff;}
.menu-pop-serach input:-ms-input-placeholder { color: #fff;}
.menu-pop-serach input:-moz-placeholder { color: #fff;}

.menu-pop-list{ text-align:center; padding-top:25px; font-family: 'Roboto Slab', serif;}
.menu-pop-list li{ font-size:50px; display:block; padding:25px 0; text-transform:none !important; font-weight:300 !important;}

.mob-navbar li.no-block a{ display:inline-block; padding:0;}

#top-message{ position:fixed; top:0; left:0; right:0; z-index:998; background-color:#f00;}
/*content*/
#wp-content{}
#content{}
.content{
	padding-top:130px;
	/* z-index:98; */
}
.grey-bg{ background-color:#f8f8f8;}
.content>p{ font-size:14px;}

.home-banner{/* height:100vh;*/ background-repeat:no-repeat; background-size:cover; background-position: center; max-width:100%; overflow :hidden ; text-align:center;}
.home-banner {}
.home-banner .swiper-slide{ /*height:100vh;*/ overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;}
.home-banner .swiper-slide img{ margin:0 auto; opacity:0;}
.home-banner .swiper-slide video{ min-height:100vh; position:absolute; /*left:50%; margin-left:-50%;*/ min-width:100%; /*max-width:100%;*/}
.home-banner-txt{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center;}
.home-banner-box{ position:absolute; padding:20px; transition:all 0.3s;}
.home-banner-box h1{ font-size: clamp(2.5rem, 1.6982rem + 1.2931vw, 3.25rem); font-weight:400; margin-bottom:1.25vw; transition:all 0.3s; color: #fff}
.home-banner .swiper-slide:nth-child(1) .home-banner-box {
    top: 50%;
    left: calc(100% / 12 * 4.8);
}
.home-banner .swiper-slide:nth-child(2) .home-banner-box {
    top: 45%;
    left: calc(100% / 12 * 3);
}
.home-banner .swiper-slide:nth-child(3) .home-banner-box {
    top: 55%;
    left: calc(100% / 12 * 3.3);
}
.swiper-button-next, .swiper-button-prev{ background-color:#fff; width:60px; height:60px; background-size: 20px 20px;}
.swiper-button-next{ right:0; background-image:url(../../_images/next-icon.png);}
.swiper-button-prev{ left:0; background-image:url(../../_images/prev-icon.png);}
.swiper-pagination, .swiper-button-disabled{ display:none;}

.home-mini-banner { padding-bottom:143px; position:relative;}
.home-mini-banner .container-fluid{ max-width:1280px;}
.home-mini-banner .col-md-6{ padding-left:10px; padding-right:10px;}
.home-mini-banner h2{ font-weight:400; font-size:40px; padding-top:95px; padding-bottom:50px;}
.mini-box{ position:relative; margin-top:20px; text-align:center;}
.mini-box-txt{position:absolute; background-color:#fff; width:auto; left:50%; margin-left:-125px; text-align:center; bottom:60px; padding:20px 10px;}
.mini-box-txt h3{ font-weight:400; font-size:30px; margin-bottom:10px;}

.home-bottom{}
.home-bottom .row{ margin-left:-30px; margin-right:-30px;}
.home-bottom .col-xs-12:first-child{ padding-right:4px; padding-left:0;}
.home-bottom .col-xs-12:last-child{ padding-left:4px; padding-right:0;}
.home-bottom-box{ position:relative; background-repeat:no-repeat; background-position:center; background-size:cover;height: 290px;}
.home-bottom-box img{ opacity:0;}
.home-bottom-box-txt{ position:absolute;  left:0; right:0; top:0; bottom:0;}
.home-bottom-box-txt h2{ font-size:40px; font-weight:400; margin-bottom:20px; color: #fff; text-transform: capitalize;}
.home-bottom .col-xs-12:nth-child(1) .home-bottom-box{ background-image:url(../../_images/home-buttom-account.jpg);}
.home-bottom .col-xs-12:nth-child(2) .home-bottom-box{ background-image:url(../../_images/home-buttom-products.jpg);}
.home-bottom-box-body {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding-left: 30px;
}
.home-bottom-box-body h2 {
	font-size: clamp(2.5rem, 1.6982rem + 1.2931vw, 3.25rem);
}

.breadcrumb-box{}
.breadcrumb{ background-color:transparent; padding: 10px 0;}
.page-banner { background-repeat:no-repeat; background-position:center; background-size:cover; height:300px;}
.mob-page-menu{ position:relative; height:55px; display:none;}
.mob-pindex-side{ font-size:14px; text-align:center; position:absolute; width:100%; z-index:99;}
.mob-pindex-side dt{ font-size:17px; line-height:55px; font-weight:400; background-color:#fff;}
.mob-pindex-side dt a:hover{ text-decoration:none;}
.mob-pindex-side dd{ background-color:#006fa6; color:#fff; display:none;}
.mob-pindex-side dd a{ color:#fff; line-height:42px;}

.p-index-banenr{ background-image:url(../../_images/P-Index-banner.jpg);}
.p-index-main{ position:relative; padding-bottom:143px; padding-top:30px;}
.p-index-main .container-fluid{ max-width:1280px;}
.p-index-main h2{ font-size:30px; padding-bottom:15px; font-weight:400;}
.pindex-side{ font-size:14px; padding-top:40px;}
.pindex-side dd{}
.pindex-side a{ color:#006fa6; line-height:30px;}
.p-index-row{}
.p-index-row .col-xs-12,.p-index-row>div{ padding-left:0; padding-right:0;}

.p-index-row-return .col-xs-6:nth-child(3n) .p-index-box{ border-right:1px solid #eee;}
.p-index-row-return .col-xs-6:nth-child(4n) .p-index-box{ border-right:none;}
.p-index-box{ text-align:center; border-top:1px solid #eeeeee; border-right:1px solid #eeeeee; padding-top:40px; padding-bottom:20px; position:relative;}
.p-index-box img{ /*max-width:248px;width:100%;*/ max-height:248px; margin:0 auto; }
.p-index-box p{ font-size:15px; padding-top:20px; height:64px;}
.sale-icon{ position:absolute; top:0; left:0; display:block; font-size:14px; background-color:#b3272d; color:#fff; text-transform:uppercase; height:30px; padding:5px 9px 0; z-index:9;}
.sale-pic-wrap{ display:block;}
.sale-pic{ color:#b3272d; margin-right:5px;}
.old-pic{ color:#333; text-decoration: line-through;}

.p-details-main{ position:relative;}
.p-details-main .container-fluid{ max-width:1280px;}
.p-details-main{ padding-top:30px;}
.details-img{ position:relative;}
.details-img i{ position:absolute; right:5px; top:5px; color:#286090; font-size:16px; z-index:98;}
.details-img img{ border:1px solid #ccc; width:100%;}
.details-img a{ cursor:zoom-in;}
.thumb{ padding-top:20px;}
.thumb img{ border:1px solid #ccc; max-width:98px; width:100%;}
.thumb .active img{ border-color:#286090;}
.thumb-list li{ display:inline-block; padding-right:7px; padding-bottom:10px;}
.gallery-top .swiper-pagination{ /*display:block;*/}


.mob-title{ display:none;}
.mob-title h1{ font-family:"Montserrat"; font-size:24px; font-weight:400;  position:relative; padding-bottom:10px;}
.details-info{ font-size:14px; font-weight:300;}
.details-info h1{ font-family:"Montserrat"; font-size:26px; font-weight:400; border-bottom:1px solid #ccc; position:relative; padding-bottom:10px; padding-right:120px;}
.details-info h1 strong{ font-weight:300;}
.details-info h1 a{ font-size:14px; color:#235f7d; position:absolute; right:0; bottom:10px;}
.details-info h3{ font-family:"Montserrat";  font-weight:400; padding-top:15px; padding-bottom:10px;}
.details-info h3 strong{ font-weight:300;}
.details-info h3 a{ display:none; color:#235f7d; font-size:12px;}
.details-info h3 .old-pic{ font-size:14px;}
.sale-link,a.sale-link{ margin-bottom:10px; color:#006fa6; display:inline-block; font-weight:bold;}
.details-info td{ border-top:none !important;}
.details-info tr>td:first-child{ font-weight:400;}
.qty-row{}
.qty-p{ border-top:1px solid #ccc; padding-top:10px; padding-bottom:10px;}
.qty-row>div{ padding-bottom:15px;}
.qty-row .btn{ width:100%;}

.description-row{ padding-top:30px; padding-bottom:15px; font-size:14px;}
.description-box{ padding-bottom:20px;}
.description-box h3{font-family:"Montserrat";  font-weight:400; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px;    white-space: nowrap;}
.description-box p{ line-height:30px; font-weight:300;}
.description-box td{ border-top:none !important;}
.description-box tr>td:nth-child(2){ font-weight:300;}
.description-box a{ color:#006fa6;}

.detail-bottom{ padding-bottom:50px; padding-top:40px;}
.detail-bottom h3{font-family:"Montserrat";  font-weight:400; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:25px;}
.detail-bottom .row{ padding-bottom:65px;}
.detail-bottom img{ border:1px solid #ccc;}
.detail-bottom .swiper-slide p{ font-size:15px; padding-top:20px;}

.filters-side{ font-size:14px; font-weight:300;}
.filters-side .btn-link{ border-color:#006fa6; color:#006fa6; width:100%; margin-bottom:20px;}
.filters-side .btn-link:hover{ text-decoration:none;}
#sort-down-tablet{ width:100%;}
#sort-down-tablet{ margin-bottom:20px; text-transform:uppercase;}
#sort-down-tablet p{ padding:10px 16px;}
.filters-side-box{}
.filters-side-box h5{ font-size:14px; color:#006fa6; text-transform:uppercase; font-family:"Montserrat";  font-weight:400; }
.parent-box{ padding-top:15px;}
.parent-box h5{ position:relative; border-bottom:1px solid #ccc; padding:3px 0;}
.parent-box h5 i{ position:absolute; right:0; top:3px;}
.parent-box h5 i.fa-minus{ display:none;}
.first-filters .parent-box h5 i.fa-plus{ display:none;}
.first-filters .parent-box h5 i.fa-minus{ display:block;}
.parent-box h5.active i.fa-plus{ display:none !important;}
.parent-box h5.active i.fa-minus{ display:block !important;}
.first-filters .parent-box  ul{ display:block;}
.parent-box ul{ display:none;}
.parent-box label{ font-weight:300;}
.parent-box label input{ margin-top:0; margin-right:5px;}
.parent-box li{ margin-top:10px;}

.p-index-show { font-size:14px; text-transform:uppercase;}
.p-index-show>.row{ padding:10px 0; border-top:1px solid #eee;}
.p-index-show dl dd{ display:inline-block; position:relative; margin:0 5px;}
.p-index-show dl dd>a{ color:#006fa6;}
.p-index-show dl dd:first-child{ margin-left:0;}
.p-index-show dl dd:last-child{ margin-right:0;}
.p-index-show .form-control{ width:auto; }
.p-index-show dl dd ul{ position:absolute;}
.p-index-show span{ color:#006fa6;}
.sort-down{}
#sort-down{ width:210px;}
.sort-down p{ padding:7px 16px; border:1px solid #ccc; text-align:center; cursor:pointer; width:100%;}
.sort-down p:hover{ background-color:#006fa6; color:#fff;}

.sort-down ul{ white-space:nowrap; background-color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; z-index:999; text-align:center; width:100%; display:none;}
.sort-down ul li a{ padding:8px 16px; display:block;}
.sort-down ul li a:hover{ background-color:#006fa6; color:#fff; text-decoration:none;}
.sort-down ul li{ border-bottom:1px solid #ccc;}
.p-index-show .form-control{ height:36px; font-weight:300;}
.p-index-show .col-xs-12:nth-child(1){ padding-right:0;}
.p-index-show .col-xs-12:nth-child(2){ padding-left:0;}

.p-index-box:hover .p-index-box-tool{ opacity:1}
.p-index-box:hover .p-index-box-tool-bottom{ opacity:1;}
.p-index-box-tool{ position:absolute; width:100%; top:0; padding-top:10px; padding-left:10px; padding-right:10px; font-size:14px; opacity:0; transition:all 0.3s;}
.p-index-box-tool a.ac{ color:#006fa6; text-transform:uppercase; }
.p-index-box-tool .row{ margin-left:0; margin-right:0;}
.p-index-box-tool-bottom h5{ font-family:"Montserrat";  font-weight:300; text-align:left; text-transform:uppercase; padding-bottom:8px;}

.p-index-box-tool-bottom{ position:absolute; bottom:0; width:100%; padding-left:10px; padding-right:10px; font-size:14px; opacity:0; transition:all 0.3s;}
.p-index-box-tool-bottom .row{ margin-left:0; margin-right:0;}
.p-index-box-tool-bottom .btn{ padding:11px;}
.p-index-box-tool-bottom .form-control{ font-weight:300;}


.accountinfo-content{ padding:40px 0; background-color:#f8f8f8;}
.accountinfo-content .container-fluid{ max-width:1200px;}
.accountinfo-side{}
.accountinfo-side li{ margin:2px 0; font-size:14px; text-transform:uppercase;}
.accountinfo-side a{ display:block; background-color:#8d8d8d; background-position:center ; background-repeat:no-repeat; color:#fff; padding:25px 0; font-weight:400; font-size:11px;}
.accountinfo-side a:hover{ background-color:#006fa6; text-decoration:none;}
.accountinfo-side li.active a{ background-color:#006fa6;}
.accountinfo-side li span{ display:block; margin-top:11px; }
.accountinfo-side li img{ max-width:50px; margin:0 auto;}
.accountinfo-side li .icon{ font-size:48px; line-height:1em; color:#fff; background-repeat:no-repeat; background-position:center;background-size:auto 100%;}
.accountinfo-side li .icon:before{ opacity:0;}
.accountinfo-side li.active .icon,.accountinfo-side a:hover .icon{ color:#fff;}
.accountinfo-side li:nth-child(1) .icon{ background-image:url(../../_images/icon_accountinfo.png);}
.accountinfo-side li:nth-child(2) .icon{ background-image:url(../../_images/icon_salesreport.png);}
.accountinfo-side li:nth-child(3) .icon{ background-image:url(../../_images/icon_customerlist.png);}
.accountinfo-side li:nth-child(4) .icon{ background-image:url(../../_images/icon_proposalcarts.png);}
.accountinfo-side li:nth-child(5) .icon{ background-image:url(../../_images/icon_customerorders.png);}

.accountinfo-side.accountinfo-side-c li:nth-child(2) .icon{ background-image:url(../../_images/icon_addressbook.png);}
.accountinfo-side.accountinfo-side-c li:nth-child(3) .icon{ background-image:url(../../_images/icon_proposal.png);}
.accountinfo-side.accountinfo-side-c li:nth-child(4) .icon{ background-image:url(../../_images/icon_orderhistory.png);}
.accountinfo-side.accountinfo-side-c li:nth-child(5) .icon{ background-image:url(../../_images/icon_wishlist.png);}


.accountinfo-side{ display:table;    width: 100%;}
	.accountinfo-side li{ display:table-cell; padding-right:3px; width:20%;}
	.accountinfo-side li:last-child{ padding-right:0;}


.accountinfo-main{ padding:40px 20px; position:relative; font-size:14px; background-color:#fff;}
.accountinfo-main h2{ padding-bottom:40px; text-align:center; padding-top:0; font-weight:400;}
.accountinfo-box{ max-width:290px;}
.accountinfo-box table{ width:100%; margin-top:15px;}
.accountinfo-box td{ vertical-align:middle; padding-bottom:15px;}
.accountinfo-box td label{ /*margin-top:12px;*/ margin-bottom:0; font-weight:400; margin-right:5px; font-size:14px;}
.accountinfo-box a{ color:#006fa6;}
.input-style{ background-color:#fff;    border: 1px solid #ccc; width:100%; padding:10px 15px; font-size:14px; display:block;}
.margin-auto{ margin-left:auto;  margin-right:auto;}

.bg-color{ padding-bottom:30px; background-color:#f8f8f8;}
.createAccount-content{ /*max-width:820px;*/max-width:1050px; margin:0 auto; background-color:#fff;}
.createAccount-title{ background-color:#006fa6; color:#fff; padding:35px 20px; font-size:36px; font-weight:400;}

.createAccount-main{ padding:40px 0;}
.createAccount-main p{ font-size:14px; font-weight:300;}
.createAccount-main .accountinfo-box{ max-width:100%;}
.createAccount-main table{ margin-top:0;}
.createAccount-main .col-sm-6 .btn{ width:100%;}

.accountinfo-main .createAccount-main{ padding:0;}
.customerList2-top{}
.customerList2-top h2{ padding-bottom:40px; }
.customerList2-top h3{ border-bottom:1px solid #ccc; position:relative; font-size:18px;  font-family:"Montserrat"; font-weight:400; padding:10px 0; margin:0 0 10px; }
.customerList2-top h3 ul{ position:absolute; bottom:0; right:0; border-left:1px solid #ccc; font-weight:700;}
.customerList2-top h3 li{ float:left; font-size:12px; border-top:1px solid #ccc; border-right:1px solid #ccc; }
.customerList2-top h3 li a{ display:block; padding:10px;}
.customerList2-top h3 li.active{ background-color:#006fa6; color:#fff;}
.customerList2-top h3 li.active a{ color:#fff;}
.customerList2-top h3 p{ font-size:14px; padding-top:10px; padding-bottom:0;}
.customerList2-top p{ padding-bottom:10px;}
.customerList2-top p a{ color:#006fa6;}

.customerList-table{/* border-top:1px solid #ccc;*/}
.customerList-table thead td{ border-bottom:1px solid #ccc;}
.customerList-table td{ text-align:center; padding:9px 8px !important;}
.customerList-table thead td{ text-transform:uppercase;}
.customerList-table tbody td{ border-top:none !important; font-weight:300;}
.customerList-table tbody td strong{ font-weight:400;}
.customerList-table tbody td i{ vertical-align:top;}
.customerList-table td a{ text-decoration:underline;}
.customerList-table i{ vertical-align:top;}
.customerList-table i.fa-sort-up { vertical-align: bottom; }

.customerList3-row{ /*border-top:1px solid #ccc; border-bottom:1px solid #ccc;*/ padding-top:20px; margin-bottom:20px;}
.customerList3-box{ text-align:center; border:1px dashed #ccc; position:relative; height:172px; margin-bottom:20px;}
.customerList3-box a{ position:absolute; width:100%; left:0; top:0; bottom:0; text-align:center;}
.customerList3-box a span{ display:block; text-transform:uppercase; }
.customerList3-icon{ width:58px; height:58px; color:#fff; background-color:#006fa6; text-align:center; margin:0 auto; border-radius:100%; font-size:18px; padding-top:15px; margin-bottom:10px; display:block;}
.customerList3-icon i{ vertical-align:middle;}
.customerList4-row {/*border-top:1px solid #555;*/ }

.Proposal-content{ max-width:940px;}
.quotation-main{}
.quotation-main .customerList2-top h2{ position:relative;}
.quotation-main .customerList2-top h3{ border-bottom:none;}
.small-btn{  display:block; padding: 12px 15px;display:block; font-size:14px; line-height:20px; height:44px; background-color:#2a6ea0; color:#fff !important; text-transform:uppercase;}
.quotation-main .customerList2-top .small-btn, .accountinfo-main .customerList2-top .small-btn{ position:absolute; right:0; top:2px; font-family:"Montserrat"; text-decoration:none;}
.small-btn:hover, a.small-btn:hover{    background-color: #286090;}
.quotation-main{}
.none-border{ border-bottom:none !important;}
.Proposal-pop{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(37,36,36,0.7); z-index:999; display:none;}
.Proposal-pop-main{ background-color:#fff; max-width:768px; padding-bottom:25px; margin:0 auto; position:relative; z-index:9;}
.Proposal-pop-main-bg{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:8;}
.Proposal-pop-main h2{ background-color:#006fa6; color:#fff; font-size:36px; font-weight:400; padding:25px 20px; }
.Proposal-pop-list{ /*padding:25px 0 80px;*/ padding:30px 0;}
.Proposal-pop-list p{ font-size:14px;}
.Proposal-pop-list ul{ display:table; width:280px; margin:0 auto; position:relative;}
.Proposal-pop-list ul:after{ content:""; display:block; position:absolute; width:100%; border-bottom:1px dotted #ccc; left:0; top:18px; z-index:1;}
.Proposal-pop-list li{ display:table-cell; width:33.3333%; vertical-align:top; z-index:2; position:relative;}
.Proposal-pop-list li:nth-child(1){ }
.Proposal-pop-list li:nth-child(2) div{ margin:0 auto;}
.Proposal-pop-list li:nth-child(3) div{ float:right;}
.Proposal-num{ width:36px; height:36px; position:relative; font-size:24px; border-radius:100%; text-align:center; background-color:#8d8d8d; color:#fff;}
.Proposal-num p{ font-size:12px; color:#000; width:70px; position:absolute; left:50%; margin-left:-35px;}
.Proposal-pop-txt{ margin-top:;}
.Proposal-form{ max-width:300px; margin:0 auto;}
.Proposal-form .form-group{ position:relative;}
.Proposal-form .form-group i{ position:absolute; right:5px; top:8px;}
.Proposal-form label{ font-weight:400;}
.Proposal-form input[type="text"], .Proposal-form select{ width:100%; border:1px solid #ccc; padding:6px 12px;}
.Proposal-form input[type="text"]{ padding:5px 10px;}
.Proposal-form option{ text-align:center;}
.Proposal-form .btn{ margin-top:20px; width:100%; margin-bottom:0 !important;}
.Proposal-form .btn-sm{ border-color:#000; width:100%; margin-bottom:15px; padding-top:6px}
.Proposal-pop .btn-link{ border-color:transparent;}
.Proposal-pop .btn{ margin-top:0; margin-bottom:20px !important;}
.select2-container--default .select2-selection--single{ border-radius:0 !important;     border: 1px solid #ccc !important;}

.result-0{ padding:50px 0;}

.Proposal3-main{ margin:0 -20px;}
.Proposal3-main .Proposal-pop-list{ background-color:#eeeeee; margin-bottom:40px;}

.Proposal3-main tr>td:last-child{ text-align:left;}
.active .Proposal-num{ background-color:#006fa6;}
.Proposal3-main .createAccount-main{ max-width:640px; margin:0 auto;}
.Proposal3-p{ border-bottom:1px solid #ccc; padding-bottom:20px; text-transform:uppercase;}
.Proposal-bottom-box{ padding-bottom:20px;}
.Proposal-bottom-box h6{ font-size:24px; width:44px; height:44px; padding-top:8px; text-align:center; margin:0 auto 20px; border-radius:100%; background-color:#006fa6; color:#fff; }
.Proposal-bottom-box p{ font-size:14px; text-transform:uppercase;}
.Proposal3-main .Proposal-form{ padding-bottom:40px;}

.Proposal4-main{}
.Proposal4-main .createAccount-main{ max-width:860px;}
.Proposal4-table{ border-bottom:1px solid #ccc;}
.Proposal4-table td{ vertical-align:middle !important;}
.Proposal4-table td.al{ text-align:left;}
.Proposal4-table tr>td:last-child{ text-align:center;}
.Proposal4-table input{ width:70px;}

.proposal-top{ padding-bottom:20px; max-width: 860px; margin:0 auto;}
.proposal-top p{ font-weight:300;}
.proposal-top p strong{ font-weight:400;}
.proposal-top p span{ color:#006fa6;}

.proposal-table{}
.proposal-table a{}
.proposal-table thead td{ font-weight:700;}
.proposal-table .form-control{ display:inline-block; text-align:center;}
.proposal-table .discount-input{ width:cacl(100% - 20px); width:-moz-calc(100% - 20px);	width:-webkit-calc(100% - 20px);  max-width:80px;}
.proposal-table .discount-input{ width:cacl(100% - 20px); width:-moz-calc(100% - 20px);	width:-webkit-calc(100% - 20px);  max-width:80px;}
.proposal-table .qty-num{ width:cacl(100% - 20px); width:-moz-calc(100% - 20px);	width:-webkit-calc(100% - 20px); display:inline-block; max-width: 80px; min-width:40px;}
.proposal-table tbody td i{ vertical-align:middle; margin-left:5px;}

.Proposal-subtotal{ /*border-bottom:1px solid #000;*/ padding-bottom:20px;}
.Proposal-subtotal li{ display:inline-block; padding:0 10px; font-size:20px;}
.Proposal-subtotal span{ color:#006fa6;}

.proposal-bottom-p{}

.grey-box{ background-color:#eeeeee; padding:15px; min-height:140px; margin-bottom:10px;}
.grey-box p{ font-weight:300;}
.grey-box p span,.grey-box p strong{ font-weight:400;}

.quotation5-row{ background-color:#eeeeee; margin-bottom:10px;}
.quotation5-box h6{ text-transform:uppercase; font-family:"Montserrat"; font-size:20px; font-weight:400;}
.quotation5-box h6 span{ font-weight:300;}
.quotation5-box { padding:19px 15px;}

.quotation5-row-2{ margin-bottom:30px;}
.quotation5-row-2 .col-xs-12{ margin-bottom:10px;}

.quotation5-box-2{ background-color:#eeeeee; padding:15px; min-height:170px;}
.quotation5-box-2 span{ text-transform:uppercase; font-weight:400;}
.quotation5-box-2 span a{ color:#006fa6; margin-left:10px; text-transform: capitalize;}
.Proposal-right-box{ border:1px solid #ccc; max-width:720px; margin:0 auto 50px; padding:30px;}

.salesReport-top{ padding-top:15px;}
.salesReport-top p{ font-weight:400;}
.salesReport-top ul{ /*margin-right:-10px;*/}
.salesReport-top li{ display:inline-block; font-size:12px; white-space:nowrap; margin-bottom:15px;}
.salesReport-top .form-control{ width:auto; /*font-size:12px;*/ /*padding:5px; height:30px;*/ vertical-align:middle; text-transform:uppercase;}
.salesReport-top li:not(.fr) .btn{ vertical-align:middle; margin-top:-3px;}
.salesReport-top .select2-container{top:-1px; margin-top:-1px; min-width:190px;}
.salesReport-main td i{ vertical-align:top;}
.salesReport-table{}
.salesReport-table thead td{ font-weight:400;}
.salesReport-bottom-p strong{ padding-right:8px; padding-left:8px; font-weight:400;}

.customerList2-top-line{}
.customerList2-top-line .form-control{ width:100%;margin-bottom:20px;}
.customerList2-top-line .btn{margin-bottom:20px !important; width:100%; }
.prev-next-line{ font-size:12px; text-transform:uppercase; padding-bottom:10px;}

.salesReport2-top{ background-color:#006fa6; color:#fff;}
.salesReport2-box{ padding:20px 20px 10px; font-size:12px; line-height:2em;}
.salesReport2-box h4{ font-family:"Montserrat"; font-size:14px; text-transform:uppercase; padding-bottom:5px; }
.salesReport2-box tr>td:first-child{ padding-right:10px;}
.salesReport2-box td{ padding-top:5px; padding-bottom:5px; line-height:1em;}

.salesReport-list{ padding:15px 0; /*border-bottom:1px solid #000;*/}
.salesReport-list li{ display:inline-block; padding-left:10px;}
.salesReport-list a{ color:#006fa6; text-transform:uppercase;}
.salesReport-list select{ width:auto;}

.salesReport2-bottom{}
.salesReport2-bottom h3{ font-family:"Montserrat"; font-size:14px; text-transform:uppercase; padding:15px 0;}
.salesReport2-bottom table{ /*border-top:1px solid #000;*/}

.salesReport3-content{ max-width:990px; padding:50px 0;}
.salesReport3-content h1{ font-size:36px;}
.salesReport3-content h2{ font-family:"Montserrat"; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #000; font-size:18px; line-height:30px;}
.salesReport3-content {}
.salesReport3-bottom .salesReport-list{ border-bottom:none;}

.Address-book-main{}
.Address-book-main .btn{ width:100%; margin-bottom:35px;}
.Address-book-main .accountinfo-box .col-xs-6:first-child{ padding-right:5px;}
.Address-book-main .accountinfo-box .col-xs-6:last-child{ padding-left:5px;}
.Address-book-bottom .salesReport-list{ border-bottom:none; padding-top:0;}

.Address-book-main {}

.wish-list-main{}
.wish-list-row{}

.wish-list-row .p-index-box-tool-bottom{ opacity:1; position:relative; max-width:260px; margin:0 auto;}
.wish-list-row .qty-row>div:first-child{ padding-right:5px; padding-left:0;}
.wish-list-row .qty-row>div:last-child{ padding-left:5px; padding-right:0;}
.wish-list-row .p-index-box{ border:1px solid #ccc; margin-bottom:30px; position:relative;}
.wish-list-row .p-index-box {}
.pindex-pic{ display:block; font-weight:300; font-size:14px;}
.remove-btn{ position:absolute; top:12px; right:10px;}

.forgotPassword-content h1 span{ font-size:14px; line-height:24px; display:block; font-family:"Montserrat"; font-weight:400; padding-top:20px;}
.forgotPassword-box{ max-width:360px; margin:0 auto; /*border:1px solid #cbcbcb; padding:20px;*/ font-weight:400; font-size:14px; }
.forgotPassword-box p{ padding-bottom:40px; font-weight:300;}
.forgotPassword-box a:not(.btn){ color:#006fa6}

.forgotPassword-box label{ font-weight:400; white-space:nowrap; font-size:14px;}
.forgotPassword-box .btn{ width:100%;}
.forgotPassword-box .iv-img{ text-align:left;}

.orderConfirmation-content{ padding:60px 0;}
.orderConfirmation-content h1{ font-size:36px; margin-bottom:30px;}
.orderConfirmation-box{ background-color:#f5f9fc; padding:30px 20px; margin:0 auto; max-width:580px;}
.orderConfirmation-box h2{ font-size:32px; font-family:"Montserrat"; margin-bottom:30px; font-weight:300;}
.orderConfirmation-box h3{ font-size:26px; font-family:"Montserrat"; margin-bottom:30px; font-weight:300;}
.orderConfirmation-box h3 span{ color:#006fa6;}
.orderConfirmation-box p{ font-size:14px; margin-bottom:30px; font-weight:300;}
.orderConfirmation-box p a{ color:#006fa6;}
.orderConfirmation-box .btn{ width:100%; max-width:360px;}

.shoppingCart-content{ padding:45px 0 60px;}
.shoppingCart-content .container-fluid{ max-width:1280px;}
.shoppingCart-top{ margin-bottom:40px;}
.shoppingCart-top h1{ font-size:30px; font-weight:400;}
.shoppingCart-top h1 .btn{ float:right;}
.shoppingCart-top .btn{ width:100%;font-family:"Montserrat"; }
.shoppingCart-main{ border-top:1px solid #ccc; font-size:14px;}
.shoppingCart-row-top{ border-bottom:1px solid #ccc; font-weight:700; padding:15px 0; text-transform:uppercase;  border-left:1px solid #ccc; border-right:1px solid #ccc;}

.shoppingCart-row{ border-bottom:1px solid #ccc;  border-left:1px solid #ccc; border-right:1px solid #ccc;}
.shoppingCart-row:last-child{ }
.shoppingCart-row p{ padding:20px 0;}
.shoppingCart-row p .old-pic{ display:block;}
.shoppingCart-row .form-control{ width:cacl(100% - 20px); width:-moz-calc(100% - 20px);	width:-webkit-calc(100% - 20px); display:inline-block; max-width: 80px;}
.remove-link, a.remove-link{ color:#ccc; font-size:18px;}
.shoppingCart-row .col-sm-2 a:not(.remove-link){ display:block; text-align:center; }
.shoppingCart-row img{ max-width:150px; margin:20px auto;}

.shoppingCart-bottom{ font-size:14px;}
.shoppingCart-bottom table{ width:100%; margin:15px 0;}
.shoppingCart-bottom td{ padding-top:2px; padding-bottom:2px;}
.total td{ color:#006fa6; font-size:20px;}
.shoppingCart-bottom .btn{ width:100%; margin-bottom:15px;}
.shoppingCart-bottom p{ margin-bottom:15px;}
.shoppingCart-bottom p a{ color:#006fa6; }
.shoppingCart-bottom .col-xs-7{ padding-right:5px;}
.shoppingCart-bottom .col-xs-5{ padding-left:5px;}

.become-a-dealer-box{ font-size:14px;}
.become-a-dealer-box p{ padding-bottom:30px;}
.become-a-dealer-box .btn{ max-width:300px; width:100%;}
/**/
.checkout-main{ font-size:14px; padding-bottom:50px;}
.checkout-main .container-fluid{ max-width:1280px;}
.checkout-main .address-book-link{ position:relative; line-height:inherit !important; text-align:left; height:auto;}
.checkout-main h1{ padding-top:30px; font-weight:400; border-bottom:1px solid #ccc; padding-bottom:35px;}
.checkout-main h2{font-family:"Montserrat"; font-size:20px; font-weight:400; margin:20px 0 15px; }
.checkout-main h2 a{ color:#006fa6; font-size:14px; font-weight:400;}
.checkout-main h3{/*font-family:"Montserrat";*/}
.checkout-top{ padding:20px 0;}
.checkout-top h2{ font-size:24px; color:#006fa6;}

.checkout-main label{ /*font-weight:700;*/ white-space: normal; font-weight:400;}
.checkbox label{ font-weight:400;}
.checkout-main .btn{ width:100%;}
.checkout-main .btn-primary{ background-color:#006fa6;}
.toggle-link{ padding-right:0;}
input.zipcode{ width:100%;}

.checkout-main .totals{ width:100%;}
.totals .total-name{/*color: #006fa6;*/}
div.opc-section-container{    padding: 10px 7px 20px 0;}
div.address-book-link span.popup-link{ font-size:12px; text-transform:uppercase;    display: block;}
.checkout-main .form-control{ width:100%; margin-bottom:15px;}
.checkout-payments tr.payment-details td{ padding:0;}
#opc_summary{ margin-bottom:30px;}
#opc_shipping_payment .po-label{font-family:"Montserrat"; font-size:20px; font-weight:400; margin:20px 0 15px; }
#opc_shipping_payment div.opc-section-container{ padding-top:0;}

.checkout-main input[type="radio"], .checkout-main input[type="checkbox"]{ vertical-align:middle; margin-top:1px;}

.checkbox label { font-weight: 400;}
.checkbox label a{ color:#006fa6;}
.checkout-total{ margin-top:20px; background-color:#ececec;}
.checkout-total .total-name,.checkout-total .total-value{ color:#006fa6; font-size:24px;}

.checkout-subtotal .total-name,.checkout-subtotal .total-value{ color:#555;}
.cart-content .cart-content-text{ color:#555; font-weight:400;}

#opc_payment{ padding-bottom:10px;}
#opc-sections{}
#opc-sections h5{ margin-bottom:10px; font-family:"Montserrat"; }
#opc-sections h3{ margin-bottom:10px;}
#opc_summary_li label{ display:block;}
#opc_summary_li textarea{ width:100%; border:1px solid #ccc;}
#opc_profile input[type="text"], #opc_profile input[type=password], #opc_profile select{ width:100%;}
#opc_profile select{ width:100% !important;}
fieldset.registerform ul{ padding-left:0; padding-right:0;}
table.totals tr.total td.total-name{    color: #006fa6;}
fieldset.registerform ul li.fields-group{ float:none; padding-right:0; margin-right:0;}
.terms_n_conditions a{ color:#006fa6;}
#opc_summary_li textarea{    padding: 6px 12px;  min-height:130px;}

#opc_1 input[type="text"], #opc_1 select{width: 100%; margin-bottom:15px;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#opc_payment table{ width:100%;}


.ui-widget button{  border-width: 3px; border-color: #006fa6; color: #fff; text-transform:uppercase;  background-color: #006fa6;}
.ui-widget button:hover{border-color: #1a89de;  background-color: #1a89de;  color: #fff;}
button.button:hover .button-left{border-color: #1a89de;  background-color: #1a89de;  color: #fff;}
.button.main-button, .button.main-button *, button.button .button-left{  font-size: 14px; color: #fff; background-color:#006fa6; font-family:"Montserrat"; text-transform:uppercase; }
button.button, .button.main-button, a.button.main-button, .simple-button, a.simple-button{     display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
	height:auto;
}
button.button:hover, .button.main-button:hover, a.button.main-button:hover, .simple-button:hover, a.simple-button:hover{    /*border-color: #7bb632;  background-color: #7bb632;  color: #fff;*/}
div.button a{ padding-left:5px;}
.button:hover a{ color:#fff;}
button.button:hover .button-left{ color:#fff; }
button.button .button-right, button.button .button-left{ height:auto; font-weight:400;}
div.popup-dialog{ min-width:280px;}
.data-table tr td.data-name label, .data-table td.data-name, .data-table td{vertical-align: middle;}
.data-table tr td.data-name label{ margin-top:5px;}


/*.ui-dialog .ui-dialog-titlebar-close{ width:22px; height:22px;}
.ui-dialog .ui-dialog-titlebar-close:hover{ background-color:transparent !important;}
.ui-dialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-dialog-titlebar-close:after{ content:""; display:block; width:20px; height:2px; background-color:#4f423b; position:absolute; }
.ui-dialog .ui-dialog-titlebar-close:before{transform:rotate(45deg);}.ui-dialog .ui-dialog-titlebar-close:after{transform:rotate(135deg);}*/

.ui-widget input[type="text"],.ui-widget input[type="email"], .ui-widget input[type="password"], .ui-widget input[type="number"], .ui-widget select, .ui-widget textarea{ width: 100%; margin-bottom:15px;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ui-dialog-content .container-fluid{ padding-left:20px; padding-right:20px;}
.ui-dialog-content .row{ margin-left:-20px; margin-right:-20px;}
.ui-dialog-content .col-xs-12{ padding-left:20px; padding-right:20px;}
.ui-dialog-content .cursor-hover{border: solid 1px #ccc ; }
.ui-dialog-content .cursor-hover, .ui-dialog-content .cursor-hover:hover{ /*border:none !important;*/}
.ui-dialog-content .cursor-hover:hover{ border: solid 1px #006fa6 !important;}
.popup-address{}
.popup-address li{ margin-bottom:15px; padding:10px;}
.ui-dialog-content div.address-bg:hover{ border-color:#7bb631;}
td.data-required{ padding-right:5px;}


.add-new-address{ position:relative; border:1px dashed #ccc; text-align:center; height:288px; margin-bottom:35px}
.add-new-address a{ display:block; position:absolute; top:0; right:0; bottom:0; left:0; text-transform:uppercase; font-size:14px;}
.address-book-box{}
.address-book-box-txt{ border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; padding:20px; line-height:2em; min-height:258px; font-size:12px;}
.address-book-box .col-xs-6:first-child{ padding-right:0;}
.address-book-box .col-xs-6:last-child{ padding-left:0;}

.customerList3-box-main{ margin-bottom:20px;}
.customerList3-box-main-txt{ border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; padding:20px; line-height:2em; min-height:144px;}
.customerList3-box-main .col-xs-6:first-child{ padding-right:0;}
.customerList3-box-main .col-xs-6:last-child{ padding-left:0;}
.customerList3-box-main .btn{ width:100%;}



.page-404{ background-image:url(../../_images/404-bg.jpg); background-color:#013069; background-position:center; background-repeat:no-repeat; background-size:auto 100%; color:#fff; padding-top:130px; padding-bottom:430px;}
.page-404 h1{ font-size:150px; font-weight:400;}
.page-404 h2{ font-family:'Montserrat', sans-serif; font-size:52px;}
.page-404 p{ font-size:24px;}
.page-404 .btn{ background-color:transparent; color:#fff; margin-top:30px; border-color:#fff; padding:15px 30px;}

.page-maintanance{ background-image:url(../../_images/Maintanance-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:auto 100%; padding:100px 0;}
.page-maintanance-box{ max-width:380px; margin:0 auto; }
.page-maintanance h1{ font-weight:400; font-size:40px;}
.page-maintanance h3{ font-weight:300;font-family:'Montserrat', sans-serif; font-size:26px;  margin-top:40px;}

.dealerLocator-page h1{ font-weight:400;}
.dealerLocator-top-box { background-color:#e5f0f6; padding:60px 0;}
.dealerLocator-top-box .container-fluid{ max-width:1080px;}
.dealerLocator-top .container-fluid{ max-width:1080px;}
.dealerLocator-top-box h1{ margin-bottom:30px;}
/*.dealerLocator-top-box input[type="text"]{ border-bottom:1px solid #006fa6; color:#006fa6; width:100%; line-height:40px; background-color:transparent; color:#006fa6; text-align:center;}
.dealerLocator-top-box input[type="text"]::placeholder{ color:#006fa6;}
.dealerLocator-top-box input[type="text"]::-webkit-input-placeholder {color: #006fa6;}
.dealerLocator-top-box input[type="text"]::-moz-placeholder { color: #006fa6;}
.dealerLocator-top-box input[type="text"]:-ms-input-placeholder { color: #006fa6;}
.dealerLocator-top-box input[type="text"]:-moz-placeholder { color: #006fa6;}*/

.dealerLocator-top-box .btn{/* background-color:#fff; border-color:#006fa6; color:#006fa6;*/ width:100%;}

.dealerLocator-select{ position:relative; text-align:center; z-index:99;}
.dealerLocator-select p{ color:#006fa6;    border-bottom: 1px solid #006fa6; font-size:14px; padding-top:10px; padding-bottom:9px;}
.dealerLocator-select dl{ position:absolute; background-color:#006fa6; width:100%; text-align:left; display:none; z-index;999;}
.dealerLocator-select dd a{ color:#fff; font-size:12px; display:block; padding:5px 20px;}
.dealerLocator-select dd a:hover{ background-color:#97c5de;}

.dealerLocator-top{ /*background-color:#e5f0f6;*/ padding-top:30px; padding-bottom:30px;}
.dealerLocator-top p{ padding-bottom:5px;}
/*.dealerLocator-box{ padding:0 0 60px;}*/
.dealerLocator-box h1{ margin-bottom:30px;}
.dealerLocator-box input[type="text"]{ border-bottom:1px solid #006fa6; color:#006fa6; width:100%; max-width:300px; line-height:40px; background-color:transparent;}
.dealerLocator-map{ width:100%; border:none; overflow:hidden; min-height:75vh; vertical-align:middle;}
.dealerLocator-bottom{ padding-bottom:60px;}
.dealerLocator-bottom .container-fluid{ max-width:992px;}
.dealerLocator-bottom h1{ padding-top:60px; padding-bottom:20px;}
.dealerLocator-logo{ text-align:center; margin-top:30px;}
.dealerLocator-logo img{ border:1px solid #000;}

.dealerLocator-box p{ padding-bottom:25px; font-size:14px;}
.dealerLocator-line p{ padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.dealerLocator-line p strong{ margin-bottom:5px; display:inline-block;}
.dealerLocator-line p span{ margin-bottom:5px; display:inline-block;}
.dealerLocator-line{  font-size:12px; line-height:20px; padding:0 15px;}
.dealerLocator-line p a{ color:#006fa6; margin-left:10px;}

.news-event-page{ padding:100px 0;}
.news-event-page .container-fluid{ max-width:992px;}
.news-event-page h1{ font-weight:400; border-bottom:1px solid #000; padding-bottom:15px;}
.news-event-pagination{ position:absolute; right:15px; bottom:-5px; background-color:#fff; color:#006fa6; text-transform:uppercase; padding-left:15px;}
.news-event-pagination li{ display:inline-block;}
.news-event-pagination a{ color:#006fa6;}

.news-event-box{ margin-top:35px;}
.news-event-box h2{ background-color:#006fa6; color:#fff; padding:15px 20px; font-weight:400; position:relative;}
.news-event-box h2 span{ font-family:'Montserrat', sans-serif; font-weight:400; float:right;}
.news-event-box-txt{ background-color:#ecebeb; padding:15px 20px;}
.news-event-box-txt h3{ font-weight:400; font-size:24px;}
.news-event-box-txt p{ font-size:14px; line-height:1.7em; margin:10px 0;}
.news-event-box-txt a{ color:#006fa6;}
.news-event-page-main{}
.news-event-page-main h1{ padding-top:30px;}
.news-event-page-main p{ margin:20px 0; font-size:16px; line-height:1.75em; font-weight:400;}
/**/
.other-page{ color:#333; padding-top:60px;}
.other-page .container-fluid{ max-width:780px;}
.other-page h3{ font-size:30px; font-weight:400; margin-bottom:50px; }
.other-page p{ font-size:14px; line-height:28px; font-weight:300;}
.other-page p a{ color:#337ab7;}

.faq-box{ margin-bottom:20px;}
.faq-box h4{ position:relative; font-size:17px; background-color:#f9f9f9; font-weight:400; padding:16px 30px 16px 45px; font-family: 'Montserrat'}
.faq-box h4:hover{ background-color:#e2e2e2;}
.faq-box h4 span{ position:absolute; left:10px; top:10px; color:#006fa6; font-size:24px;}
.faq-box h4 img{ max-width:20px; position:absolute; top:15px; right:15px; opacity:0; transition:all 0.3s;}
.faq-box.active img{ opacity:1;}
.faq-box.active .faq-txt{}
.faq-txt{ background-color:#f9f9f9; padding:30px 45px; display:none;}

.privacy-policy-maain{}
.privacy-policy-maain p{ padding-bottom:30px; font-weight:300; color:#333; line-height:28px;}
.privacy-policy-maain p.upp{ font-size:14px; color:#333; letter-spacing:1px;}
.privacy-policy-maain p strong{ font-weight:500;}
.privacy-policy-maain ul{ font-size:14px; margin-bottom:30px;}
.privacy-policy-maain ul li{ line-height:29px; position:relative;}
.privacy-policy-maain h4{ font-size:17px; font-family:Montserrat; font-weight:400; padding-bottom:30px; text-transform:uppercase;}
.terms-list li { padding-left:11px; margin-bottom:20px;}
.terms-list li span{ position:absolute; left:0;}
.ul-style-1{/* margin-left:70px;*/}
.ul-style-1 li{ padding-left:30px;}
.ul-style-1 li span{ color:#006fa6; position:absolute; left:0;}
.ul-style-2{ list-style:decimal; padding-left:18px; margin-left:70px;;}
.ul-style-2 li{ color:#006fa6;}
.ul-style-2 li span{ color:#333;}
.privacy-policy-maain address{ margin-left:70px; padding-bottom:20px;}
.txt-blue{color:#006fa6;}

.catalogs-maain{}
.catalogs-box{ position:relative; text-align:center; margin-top:40px;}
.catalogs-box a{ position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; background-color:#006fa6; color:#fff; text-transform:uppercase; transition:all 0.3s; opacity:0; }
.catalogs-box a img{ max-width:24px;}
.catalogs-box a p{ padding:15px 0 45px;}
.catalogs-box:hover a{ opacity:1;}
.catalogs-box p{ padding:15px 0 0; height:84px;}
.catalogs-img{ position:relative; border:1px solid #ccc;}

.contact-us-main{ padding-bottom:30px;}
.contact-us-main p{ margin-bottom:20px;}
.contact-us-main a{ color:#337ab7; font-size:14px;}
.contact-us-main img{ margin-bottom:10px;}
.contact-us-main form{ margin:30px 0;}
.contact-us-main .btn{ width:100%;}
.contact-us-main p span{ font-weight:400;}

.contact-us-main .form-control {  /*background-color:#e2e2e2;*/}
.contact-us-main .form-control:focus{ background-color:#fff;}
.form-control:focus{ outline:none; box-shadow:none;}

.about-banner{ position:relative; background-position:center; background-repeat:no-repeat; background-image:url(../../_images/img_hdrAbout.jpg); background-size:auto 100%; height:600px;}
.about-banner-txt{ position:absolute; top:0 ; right:0; bottom:0; left:0; text-align:center;}
.about-banner-box{ max-width:520px; margin:0 auto; }
.about-banner-txt h1{ font-size:50px; font-weight:400; position:relative; color:#333;}
.about-banner-txt h1:after{ content:""; display:block; width:50px; height:2px; background-color:#000; margin:25px auto;}
.about-banner-txt h3{ font-size:24px;font-family: 'Montserrat'; font-weight:400; line-height:1.54em; margin:35px 0;}
.about-banner-txt p{ text-transform:uppercase; font-size:14px;}
.other-page p a.btn{ border:1px solid #006fa6;}

.events-main{ color:#333; padding-top:60px;}
.events-main .container-fluid{ max-width:1280px;}
.events-main h3{ font-size:30px; font-weight:400; margin-bottom:50px;}
.events-top {}
.events-top .row{ background-color:#f9f9f9; text-align:center;}
.events-top-box{ }
.events-top-txt{ text-align:center; }
.events-top-txt h5{ position:absolute; background-color:#006fa6; padding:10px 20px; text-transform:uppercase; left:50%; font-size:14px; font-weight:400; font-family: 'Montserrat'; margin-left:-35px; color:#fff; top:-17px;}
.events-top-txt h1{ font-size:50px;}
.events-top-txt h4{ font-size:20px; font-family: 'Montserrat'; font-weight:400; color:#0067a4; padding-top:25px; }
.events-top-txt p{ font-size:14px; padding-top:25px;}
.events-top-txt p a{ color:#0067a4; text-transform:uppercase;}
.events-top .col-xs-12:first-child{ padding-top:20px; padding-bottom:20px;}

.events-middle{ padding-bottom:30px;}
.events-box{ margin-top:30px; background-color:#f9f9f9; text-align:center; padding:25px;min-height:392px;}
.events-box h3{ font-size:24px; margin-top:10px; margin-bottom:40px;}
.events-box h4{ font-family: 'Montserrat'; font-size:20px;font-weight:400; color:#0067a4;}
.events-box p{ padding:15px 0; font-size:14px;}
.events-box p a{ color:#0067a4; text-transform:uppercase;}

.events-d-top{}
.events-d-top a{ color:#0067a4; font-size:14px;}

.events-d-main .col-xs-12:first-child{ padding-top:25px;}
.events-d-box{ padding-top:25px; padding-bottom:25px;}
.events-d-box h4{ font-family: 'Montserrat'; font-size:20px; font-weight:400; color:#0067a4;}
.events-d-box h5{ font-family: 'Montserrat'; font-size:14px; font-weight:400; color:#999;}
.events-d-box p{ padding:10px 0; font-size:14px;}



.accountinfo-box div.iv-box{ margin-left:0;}
.accountinfo-box .iv-img{ text-align:left;}
.accountinfo-box .iv-input{ text-align:left;}

.cart-empty-box{ border:1px solid #d1d1d1; padding:70px 20px; text-align:center; margin-bottom:100px;}
.cart-empty-btn{ /*background-color:#006fa6;*/ color:#333; max-width:440px; margin:0 auto; padding:20px; font-size:14px;}
.cart-empty-btn img{ max-width:30px; margin-right:8px; vertical-align:middle;}

.cart-empty-bottom{}
.cart-empty-bottom h2{ font-weight:400; margin-bottom:40px;}
.cart-empty-bottom-row{ border-left:1px solid #eee;  border-bottom:1px solid #eee; border-top:1px solid #eee; margin-left:auto; margin-right:auto; max-width:940px;}
.font-400{ font-weight:400;}
.font-300{ font-weight:300;}

.range_inputs .btn-success{background-color: #235f7d; border-color: #235f7d; color: #fff;}
.range_inputs .btn-success:focus{  background-color: #286090; border-color: #122b40;}

.dealerLocator-box{height:512px;}
.dealerLocator-box .swiper-container{ height:100%;}
.dealerLocator-box .swiper-slide{ height:auto;}

a.proposal-cart-link{ color:#00719d; margin-top:30px;    display: inline-block; text-transform:capitalize;}
.table-responsive-row{ padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px;}

.cal-line-div{ border-bottom:1px solid #ccc; margin-top:20px;}
/**/
/*foot*/
#wp-footer{}
#footer{}
.footer{ border-top:1px solid #ccc; font-size:13px; font-weight:300; text-transform:uppercase; padding:9px 0 7px; white-space:nowrap;}
.footer .container-fluid{ /*max-width:1280px;*/}
.footer li{ display:inline-block; color:#333;}
.footer li a{ color:#333;}
.footer li:first-child{ padding-left:0;}
.footer .col-xs-6:first-child{ padding-right:0;}
.copy-social{}
.copy-social img{ max-width:24px; margin-top:-2px;}

#topcontrol{ color:#235f7d; text-align:center; z-index:999;}
#topcontrol p{ text-transform:uppercase;}


.gototop{ display:block; position:absolute; left:50%; margin-left:-42px; bottom:35px; display:none;}
#bottom-topcontrol { color:#235f7d; text-align:center;}
#bottom-topcontrol p{ text-transform:uppercase;}


.close-btn{ color:#fff !important; position:fixed; right:5px; top:5px; z-index:999;}
.details-pop{ position:fixed; top:0; bottom:0; left:0; right:0; width:100%; background-color:rgba(0,0,0,0.8); z-index:-9999; opacity:0;}
.details-pop.active{ z-index:9999; opacity:1;}
.details-pop-main-bg{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:8;}
.details-pop-main{ position:relative; z-index:9; max-width:768px; margin:0 auto;}
.pop-gallery-top{ margin:0 auto; max-width:768px;}
.pop-gallery-top .swiper-slide{ text-align:center; max-height:768px;}
.pop-gallery-top img{ margin:0 auto;}
.pop-thumb-list{ padding-top:20px;}
.pop-thumb-list li{display:inline-block; padding-right:7px; padding-bottom:10px;}
.pop-thumb-list img{ border:1px solid #ccc; max-width:98px; width:100%;}
.pop-thumb-list .active img{ border-color:#286090;}
.mob-qty{ display:none;}
.mob-qty .col-xs-6{ padding-left:0; padding-right:0;}
.mob-qty>div:nth-child(2){ padding-left:5px; padding-right:0 !important;}
.mob-qty>div:nth-child(3){ padding-left:0 !important;}

.pop-up-warp{ position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.7); z-index:9999; display:none; overflow-y:auto;}
.pop-up-main-bg{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:8;}
.pop-up-main{ position:relative; z-index:9; background-color:#fff; max-width:940px; margin:0 auto; padding:20px; font-size:14px;}
.pop-up-main-title{ position:relative; border-bottom:1px solid #ccc; padding-bottom:20px; padding-top:10px; margin-bottom:20px; text-align:center;}
.pop-up-main-title li{ display:inline-block; padding-left:5px; padding-right:5px;}
.pop-up-main-title .close-btn{ position:absolute; }
.pop-up-main-title .close-btn .line-bar{ background-color:#333;}
.pop-up-main-title h2{ font-size:24px; color:#006fa6; text-transform:uppercase; font-weight:400; padding-right:30px;}
.pop-up-main .btn{ width:100%;}
.quick-view-pop-bottom{ border-top:1px solid #ccc; margin-top:15px; padding-top:15px;}

#quick-view-pop .pop-up-main{ max-width:1280px; padding:40px 60px;}
#quick-view-pop .btn{ padding:11px;}
#quick-view-pop .form-control{ padding:6px;}
#quick-view-pop .details-img a{ cursor:inherit;}
#quick-view-pop .details-img img{ border:none;}

#add-prop-pop .pop-up-main-title{ text-align:left; }
#add-prop-pop .pop-up-main-title h2{ color:#333;}

.ui-widget-overlay{ background:rgba(0,0,0,0.7); opacity:1;}
.ui-dialog.ui-corner-all{ border-radius:0;}
.ui-dialog{ box-shadow:none;}
.ui-widget{  font-family: Montserrat, sans-serif; }
.ui-widget label{ font-weight:400;}
.ui-dialog .ui-dialog-titlebar{    background-color: #006fa6; color:#fff;}
.ui-dialog .ui-dialog-title{    font-family: 'Playfair Display', serif;}

.popup-pcontacts-box{ position:relative;}
.popup-pcontacts-box a{ position:absolute; right:10px; top:12px;}
.blue-link,a.blue-link{ color:#006fa6; font-weight:500;}
/***/
.mob-navbar-pop{ position:fixed; top:0; right:0; bottom:0; left:0; background-color:#006fa6;    overflow: auto; z-index:9999; display:none;}
.mob-navbar-pop .logo{ margin-left:20px;}
.mob-navbar-pop-main{ padding-top:50px; color:#fff; font-size:14px; position:relative; height:100vh; overflow:hidden;}
.mob-navbar-pop-main a{ color:#fff; display:block;}
.mob-navbar-pop-main .ac li{ display:inline-block; text-transform:uppercase;}
.mob-navbar-pop-main .ac li a{ padding:20px;}

.mob-navbar{}
.mob-navbar li{ border-top:1px solid #005e8d; text-transform:uppercase;}
.mob-navbar li.no-border{ border-top:none; font-weight:300;}
.font-weight-300{ font-weight:300;}
.mob-navbar li a{ display:block; padding:20px 25px; position:relative;}
.mob-navbar li.no-border a{ padding:10px 25px 20px;}
.mob-navbar li i{ float:right; font-size:24px; vertical-align:top;}
.mob-navbar li span{ display:block; padding:20px 25px; color:#afd4e7; font-weight:300;}
.mob-navbar-sub{ position:absolute; width:100%; top:50px; bottom:0; overflow:auto; background-color:#006fa6; margin-left:100%; transition:all 0.3s; overflow:auto;}
.mob-navbar-sub.active{ margin-left:0;}
.mob-navbar-sub-box{ transition:all 0.3s;}
.mob-navbar-sub-box h3 a{ padding:20px 25px; font-size:14px; font-weight:400;    font-family: Montserrat, sans-serif; text-transform:uppercase;}
.mob-navbar-sub-box h3 i{ font-size:24px; vertical-align:middle; margin-top:-4px; margin-right:5px;}
.mob-navbar-sub-box dl{ border-top:1px solid #005e8d;}
.mob-navbar-sub-box dt{ border-bottom:none;}
.mob-navbar-sub-box dt a{ font-size:14px; font-weight:400; padding:15px 25px;}
.mob-navbar-sub-box dt i{ font-size:24px; vertical-align:middle; float:right; transition:all 0.3s;}
.mob-navbar-sub-box dt.active{    border-bottom: 4px solid #1a7eaf;}
.mob-navbar-sub-box dt.active i{ transform:rotate(180deg);}
.mob-navbar-sub-box dd{ display:none;}
.mob-navbar-sub-box dd a{ padding:10px 25px; font-size:14px; font-weight:400;}
@media screen and (min-width:991px) {

	.container-fluid{ padding-left:30px; padding-right:30px; }
	.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;}

	.qty-row>div:nth-child(1){ padding-right:5px;}
	.qty-row>div:nth-child(2){ padding-left:5px; padding-right:5px;}
	.qty-row>div:nth-child(3){ padding-left:5px;}

	.p-index-show .col-xs-12:nth-child(1){ padding-right:0;}
	.p-index-show .col-xs-12:nth-child(2){ padding-left:0;}

	.Proposal3-main{ margin:0 -30px;}

	.salesReport3-content{ border:1px solid #000; margin:100px auto;}

	#sort-down-tablet{ display:none;}

	/*.dealerLocator-box{ padding:60px 0;}*/
	.p-index-row .col-xs-12:nth-child(3n) .p-index-box, .p-index-row>div:nth-child(3n) .p-index-box{ border-right:none;}

	.proposal-bottom-p{ margin-top:35px;}

	.mini-box-txt {
		min-width: 250px;
	}
	button.btn-action,
	a.btn-action {
		font-size: 18px;
	}
}

@media screen and (min-width:768px){
	body{display: flex;  min-height: 100vh;  flex-direction: column;}
	.content{    flex: 1;}
	.footer li{ padding-left:15px;}

	/*.accountinfo-content>.container-fluid>.row{ display:table; width:100%;}
	.accountinfo-content>.container-fluid>.row>div{ display:table-cell; float:none;}*/
	.accountinfo-content>.container-fluid>.row>div:nth-child(2){}
	.accountinfo-content>.container-fluid>.row>div:nth-child(2) .accountinfo-main{ border:1px solid #ccc; min-height:645px;}
	.bg-color{ padding:40px 0;}
	.createAccount-content{ border:1px solid #ccc;}
	.createAccount-main{ padding:40px 0 70px;}

	.customerList2-top h3{ padding-right:333px;}

	.Proposal3-main .Proposal-pop-list{ padding-bottom:50px;}
	.Proposal3-main .Proposal-pop-list ul{ width:100%; max-width:440px;}
	.Proposal3-main .Proposal-num p{ width:150px; margin-left:-75px;}

	.Proposal3-main .Proposal-form{ max-width:480px;}
	.Proposal4-main .Proposal-form{ max-width:880px; padding-left:15px; padding-right:15px;}

	.quotation5-row .col-xs-12:nth-child(1){}
	.quotation5-row .col-xs-12:nth-child(2){}
	.quotation5-row .col-xs-12:nth-child(3){ padding-left:0; padding-right:0;}
	.quotation5-row .col-xs-12:nth-child(4){ padding-left:0;}
	.hou-add .col-xs-12:nth-child(1){ padding-right:5px;}
	.hou-add .col-xs-12:nth-child(2){  padding-left:5px; padding-right:5px;}
	.hou-add .col-xs-12:nth-child(3){ padding-left:5px;}
	.quotation5-row-2 .col-xs-12:nth-child(1){ padding-right:5px;}
	/*.quotation5-row-2 .col-xs-12:nth-child(2){ padding-left:5px; padding-right:5px;}*/
	.quotation5-row-2 .col-xs-12:nth-child(2){ padding-left:5px;}

	/*.Address-book-main>.row:first-child{ padding-top:0;}
	.Address-book-main>.row{ padding-top:20px;}*/
	/*.wish-list-row>.col-xs-12:nth-child(odd){ padding-right:0;}
	.wish-list-row>.col-xs-12:nth-child(even){ padding-left:0;}

	.wish-list-row .p-index-box{ border-top:none; border-bottom:1px solid #eee;}
	.wish-list-row .col-xs-12:nth-last-child(2) .p-index-box, .wish-list-row .col-xs-12:last-child .p-index-box{ border-bottom:none;}*/

	.orderConfirmation-box{ padding:30px 60px;}

	.pop-up-main{ padding:60px 80px;}

	/*.dealerLocator-top .container-fluid{ padding:0;}
	.dealerLocator-top .row{ margin-left:0; margin-right:0;}
	.dealerLocator-top .col-xs-12{ padding:0;}
	.dealerLocator-box{ padding:0 0 60px;}*/
	.events-top .row{ display:table; width:100%; margin-left:0; margin-right:0;}
   .events-top .col-xs-12{ display:table-cell; vertical-align:middle; float:none;}
   .events-top .col-xs-12:last-child{ padding-right:0;}
   .events-top-img{ height:370px; background:url(../../_images/Events-img-01.jpg) center no-repeat; background-size:cover;}
   .events-top .col-xs-12 img{ opacity:0;}
   .events-d-main .col-xs-12:first-child{ float:right;}

   .cart-empty-bottom-row{ padding-left:15px; padding-right:15px;}
   .cart-empty-bottom-row .p-index-box{ border-top:none;}
   .cart-empty-bottom-row .col-sm-4{ padding-right:0; padding-left:0;}
   .cart-empty-bottom-row .col-sm-4:nth-child(2){ padding-right:0;}
   .page-maintanance-box { padding-bottom:300px;}
   .dealerLocator-border{ border:1px solid #ccc;}

   .shoppingCart-row .currency{ display:inline-block; padding-top:11px;}

   .page-banner__video-box-title {
	   font-size: 30px;
	   line-height: 40px;
   }

	.home-bottom-box-body {
		padding-left: 3.6458vw;
   }
}

@media screen and (min-width :1024px) {
	.page-banner__video-box-title {
		font-size: 40px;
		line-height: 53px;
	}
}

@media all and (max-width: 1200px){
	.pc-qty{ display:none;}
	.mob-qty{ display:block;}
}
@media all and (max-width: 1024px){
    .p-index-box-tool{ opacity:1;}
	#quick-view-pop .pop-up-main{ padding:20px 20px;}
}
@media all and (max-width: 991px){
	.header-main li{ padding-left:10px;}

	.home-banner-box h1{ font-size:24px;}

	.mini-box-txt{ bottom:20px; width:200px; margin-left:-100px;}
	.mini-box-txt h3{ font-size:20px;}
	.mini-box-txt p{ font-size:;}
	.home-bottom-box {
		height: 200px;
	}
	.home-bottom-box-txt h2{ font-size:24px; margin-bottom:10px;}
	.gototop{ display:block;}
	#body-top #topcontrol{ display:none !important;}

	#sort-down{ display:none;}

	.accountinfo-side li span{ display:none;}

	.p-index-row .col-xs-12:nth-child(2n) .p-index-box{ border-right:0 !important;}
	.p-index-row .col-xs-12:nth-child(3n) .p-index-box{ border-right:1px solid #eee;}
	.p-index-box:hover .p-index-box-tool-bottom{ opacity:0; display:none;}
	.cart-empty-bottom-row{border-right:none;  border-top:1px solid #eee;}

	.salesReport-top li.fr{ float:none;}


}
@media (min-width: 768px) and (max-width: 860px){
	.createAccount-content{ margin-left:20px; margin-right:20px;}

	.salesReport2-top .col-xs-12:nth-child(2){ padding-left:0;}
	.salesReport2-top .col-xs-12:nth-child(2) .salesReport2-box{ padding-left:0;}


}
@media (min-width: 768px) and (max-width: 991px){
	.p-index-row-return .col-xs-6:nth-child(3n) .p-index-box{border-right:none !important;}
	.p-index-row-return .col-xs-6:nth-child(4n) .p-index-box{ border-right:1px solid #eee; }
	.events-box{ min-height:410px;}

	.p-index-row .col-xs-12:nth-child(2n) .p-index-box, .p-index-row>div:nth-child(2n) .p-index-box{border-right:none;}

	.salesReport-top li .btn{ vertical-align:middle; margin-top:-3px;}
	.proposal-bottom-p{ margin-top:20px;}
}
@media all and (max-width: 767px) {
   	.pc-menu{ display:none;}
	.mob-menu{ display:block;}
	.pc-img{ display:none;}
	.mob-img{ display:block;}
	.container-fluid{ padding-left:20px; padding-right:20px; }
	.row{ margin-left:-20px; margin-right:-20px;}
	.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:20px; padding-right:20px;}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#fff;}
	.navbar-default .navbar-collapse{ border-top:1px solid #78acc5;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-left:-20px; margin-right:-20px;}
	.nav > li > a{ padding:10px 20px;}
	.navbar-brand{ padding:12px 10px 10px 5px; height:50px;}
	.navbar-brand img{ max-width:44px;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:transparent;}
	.nav > li{ text-align:center; font-size:14px;}
	.nav .btn-link{ max-width:145px; border-color:#fff; margin:3px auto; padding:5px 20px;}
	.navbar-toggle{ margin-top:9px; margin-bottom:9px; float:left; margin-left:5px; margin-right:0;}
	.mob-search-btn, a.mob-search-btn{ position:absolute; color:#fff; top:10px; right:15px; font-size:22px;}
	a.mob-search-btn .menu-cart-num{ top:-5px;}
	.mob-user-circle-btn, a.mob-user-circle-btn{ position:absolute; color:#fff; top:10px; right:50px; font-size:22px;}
	.navbar-form .form-group{ margin-bottom:0;}
	.navbar-link{ margin-top:9px; margin-bottom:9px; float:left; margin-left:5px; margin-right:0; position: relative; padding: 9px 10px; background-color: transparent; background-image: none; border-radius: 4px;}
	.navbar-link .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color:#fff;}
	.navbar-link .icon-bar + .icon-bar {margin-top: 4px;}

	.footer li{ padding-left:10px;}
	.footer li:first-child{ padding-left:0;}

	.content{ padding-top:101px; min-height:528px;}
	.content>p{ padding:100px 30px !important; }

	.home-banner .swiper-slide:nth-child(1) .home-banner-box {
		top: auto;
		left: auto;
		right: 0;
		bottom: 0;
	}
	.home-banner .swiper-slide:nth-child(2) .home-banner-box {
		top: auto;
		left: 0;
		bottom: 0;
	}
	.home-banner .swiper-slide:nth-child(3) .home-banner-box {
		top: auto;
		left: 0;
		bottom: 0;
	}
	.home-banner-box h1{ margin-bottom:10px;}
	.swiper-button-next, .swiper-button-prev{ display:none;}

	.home-mini-banner h2{ font-size:24px; padding-top:50px; padding-bottom:26px;}
	.home-bottom .row{ margin-left:-20px; margin-right:-20px;}
	.home-bottom .col-xs-12:first-child{ padding-right:0; }
	.home-bottom .col-xs-12:last-child{ padding-left:0;}

	.mob-page-menu{ display:block;}
	.pindex-side-col{ display:none;}
	.pindex-side{ height:220px;}

	.p-index-main{ padding-top:30px;}
	.p-index-main h2{ font-size:30px; font-size:24px; text-align:center;}

	.p-index-box{ border-top:none; border-right:none; border-bottom:1px solid #eee;}
	.p-index-row>.col-xs-6 .p-index-box,.p-index-row>.col-xs-6:nth-child(3n) .p-index-box{ border-right:1px solid #eee;}
	.p-index-row>.col-xs-6:nth-child(2n) .p-index-box{ border-right:none; padding-left:1px;}
	.p-index-show-bottom>.row{ border-top:none; border-bottom:1px solid #eee;}
	/*.p-index-main .p-index-row .col-xs-12:nth-child(3n) .p-index-box{ border-right:none;}*/
	.mob-title{ display:block;}
	.details-info{ padding-top:15px;}
	.details-info h1{ display:none;}
	.details-info h3{ border-bottom:1px solid #ccc; position:relative; padding-bottom:10px; margin-bottom:10px;}
	.details-info h3 a{/* display:block;*/}
	.pop-gallery-top{ max-width:414px;}
	.pop-gallery-top .swiper-pagination, .gallery-top .swiper-pagination{ display:block;}

	.thumb-list, .pop-thumb-list{ display:none;}
	.mob-qty .col-xs-12:nth-child(2){ padding-left:0;}

	.filters-col{ display:none;}
	.filters-side{ padding:20px; background-color:#006fa6; color:#fff; position:absolute; top:55px; z-index:91; width:100%; display:none;}
	.filters-side .btn-link{ border-color:#fff; color:#fff; padding:11px;}
	.noUi-connect{ border-color:#fff; background-color:#fff; box-shadow:none;}
	.filters-side .container-fluid{ padding-left:0; padding-right:0;}
	.filters-side .col-xs-6:nth-child(1){ padding-right:5px;}
	.filters-side .col-xs-6:nth-child(2){ padding-left:5px;}
	.filters-side-box h5{ color:#fff;}
	.noUi-handle{ border-color:#fff;}
	.mob-filters-menu{ position:fixed; width:100%; background-color:#fff; z-index:91;}
	.mob-filters-menu .col-xs-6{ margin-top:4px; margin-bottom:4px;}
	.mob-filters-menu .col-xs-6:nth-child(1){ border-right:1px solid #ccc;}
	.mob-filters-menu a{ display:block; color:#006fa6; font-size:18px; padding:10px 0;}
	.mob-filters-menu a:focus{ text-decoration:none;}
	.mob-filters-menu a i{ transition:all 0.3s;}
	.mob-filters-menu a.active i{ transform:rotate(180deg); }
	.mob-filters-menu{ border-bottom:1px solid #ccc;}
	.mob-sort-down{ position:absolute; top:55px; width:100%; text-align:center; background-color:#006fa6; z-index:91; display:none;}
	.mob-sort-down li{ border-bottom:1px solid #fff; font-size:18px;}
	.mob-sort-down a{ display:block; color:#fff; padding:20px 0;}
	.p-index-box-tool{ display:none;}
	.p-index-show{ display:none;}


	.accountinfo-content{ padding-top:0; padding-bottom:0; /*padding-bottom:30px;*/}
	.accountinfo-content>.container-fluid>.row>div:nth-child(1){ padding-left:0; padding-right:0;}
	.salesReport-top ul{ margin-right:0;}
	.salesReport-top .form-control{ width:100%;}
	.accountinfo-side li .icon{ font-size:32px;}


	.createAccount-title{ font-size:24px;}

	.accountinfo-main{ padding:40px 20px; margin-left:-20px; margin-right:-20px; }
	.customerList2-top h3{ padding-bottom:0; border-bottom:none;}
	.customerList2-top h3 ul{ position:relative; margin-top:15px; margin-left:-20px; margin-right:-20px; border-bottom:1px solid #555; border-top:1px solid #555; display:table; text-align:center; border-left:none; width:calc(100% + 40px);}
	.customerList2-top h3 ul li:last-child{ border-right:none;}
	.customerList2-top h3 ul li{ display:table-cell; width:35.33333333%; float:none; border-top:none; vertical-align:middle; }

	.Proposal-pop{ background-color:#fff;}
	.Proposal-pop .table-cell{ vertical-align:top; padding-top:2px;}
	.Proposal-pop-main{ max-width:100%;}
	.quotation-main{ min-height:400px;}
	.quotation-main .customerList2-top h3{ padding-bottom:10px;}
	.quotation-main .customerList2-top .small-btn, .accountinfo-main .customerList2-top .small-btn{ position:relative; text-align:center; margin-top:10px; }

	.Proposal3-main{ margin:0;}
	.Proposal3-main .Proposal-pop-txt{ margin:0 -20px;}
	.Proposal3-main .Proposal-form{ max-width:100%;}
	.Proposal4-table img{ min-width:44px;}
	.Proposal-subtotal li{ display:block;}

	.salesReport3-content h1{ font-size:24px;}
	.salesReport3-content h2 .fr{ float:none;}

	.Address-book-main .customerList2-top h3{ border-bottom:1px solid #555; padding-bottom:10px; }

	.shoppingCart-main{ /*border:none;*/}
	.shoppingCart-row-top{ display:none;}
	.shoppingCart-row{ border-left:none; border-right:none;}
	.shoppingCart-top h1 .btn{ float:none; margin-top:15px;}
	.shoppingCart-row p{ padding:8px 0;}
	.shoppingCart-row .ac{ text-align:left;}

	.shoppingCart-row>.row>div:nth-last-child(3){ padding-right:5px;}
	.shoppingCart-row>.row>div:nth-last-child(2){ padding-right:5px; padding-left:5px;}
	.shoppingCart-row>.row>div:nth-last-child(2) p{ padding-top:0;}
	.shoppingCart-row>.row>div:nth-last-child(1){ padding-left:5px;}
	.shoppingCart-row>.row>div:nth-last-child(1) p{ text-align:right;}
	.mob-none{ display:none;}

	.accountinfo-main .btn{ width:100%;}

	.p-index-show-bottom{ display:block;}
	.p-index-show-bottom .ar{ text-align:center;}
	.p-index-show .col-xs-12:nth-child(2){ padding-right:0;}

	.page-404{ padding-top:50px; padding-bottom:330px;}
	.page-404 h2{ font-size:42px;}
	.page-404 p{ font-size:20px;}

	.page-maintanance h1{ font-size:30px;}
	.page-maintanance h3{ font-size:14px;}

	/*.ul-style-1,*/ .ul-style-2, .privacy-policy-maain address{ margin-left:30px;}
	.events-top .col-xs-12:last-child{ padding-left:0; padding-right:0;}
	.events-top{ padding-left:20px; padding-right:20px;}
	.events-box{ min-height:auto;}
	.cart-empty-bottom-row{ border-left:none; border-right:none; border-bottom:none; }
	.dealerLocator-top-box .btn{ margin-top:20px;}
	.dealerLocator-top-box{ padding-bottom:20px;}

	.shoppingCart-top .btn{ margin-top:40px;}
	.accountinfo-main .accountinfo-main{ padding:0;}
	.proposal-bottom-p.ar{ text-align:left; margin-top:10px;}
	.proposal-table .form-control{ padding:6px 6px; max-width:40px;}
	.table-responsive-row{ padding-left:20px; padding-right:20px;}
}
@media all and (max-width: 480px) {
  .home-mini-banner .col-md-6{ padding-left:0; padding-right:0;}
  .mini-box{ margin-top:10px;}
}
@media all and (max-width: 375px) {
	.pop-gallery-top{ max-width:375px;}
}

@media all and (max-width: 320px) {
   .pop-gallery-top{ max-width:320px;}
}
@media all and (max-width: 240px) {

}
/*Retina Displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2){

}
/* 本条为CSS2部分，IE8及以下只支持本条 */
/*打印*/
@media print
{

}