/*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 'TitilliumText22L-Regular', Helvetica, 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;}

/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333; outline: none;}
a:link{color:#333;}
a:visited{color:#333; text-decoration:none;}
a:hover { text-decoration: none; color:#ffb900; }
a:focus{text-decoration: none;}
/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing:0; }
/**禁止拉动**/
textarea{resize:none;}
/*重置表单元素*/
input,button,select,textarea{outline:none;}
/*选中文字背景色*/
::-moz-selection{background: #ffb900; color:#ffffff; text-shadow: none;} 
::selection {background: #ffb900; 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: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;}

h1{ font-size:45px; font-family: 'DINAlternate-Bold'; text-transform:uppercase;}
h2{ font-size:30px; font-family: 'DINAlternate-Bold'; text-transform:uppercase;}
h3{ font-size:12px; font-family: 'DINAlternate-Bold';}
/**/
.z-font{font-family: 'DINAlternate-Bold'; font-family: 'TitilliumText22L-Regular'; font-family: 'TitilliumText22L-Bold';}
.z-icon{}
/*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;}
.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);}

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

.top_pop{ background-color:#FFB900; text-align:center; margin:auto; position:relative; font-size:14px; padding-top:10px; padding-bottom:10px;}
.top_pop .container-fluid{ max-width:550px;}
.top_pop .col-xs-6:nth-child(1):after{ content:""; position:absolute; display:block; top:5px; right:0; width:2px; height:35px; background-color:#000;}
.top_pop .top_pop_box{ margin:auto; overflow: hidden; width: 460px;}
.top_pop .top_pop_box div{ float:left; margin-top:13px;}
/*.top_pop  .pop_logo{padding-right:26px; margin-right:26px; border-right: 2px solid #000; height:35px;}*/
.top_pop  .pop_desc{ color:#000;}
.top_pop  .pop_btn{margin-top:5px;}
.top_pop  .pop_btn a{ color:#000 !important; padding: 5px 28px;border: 1px solid #000;}
.top_pop  .pop_btn a:hover {color: #FFB900 !important; background-color: #000; border-color: #000;}

.pop_logo{ max-width:76px; margin:0 auto;}

.top_pop .pop_close{ position:absolute; right:18px; top:20px;}

#wp-header{}
#header{ transition:all 0.6s cubic-bezier(.42,0,.58,1);}
#header .container-fluid{ /*max-width:1920px;*/}
#logo{}
.logo{ color:#9b9b9b; font-size:12px; font-family: 'TitilliumText22L-Bold'; padding:30px 15px; text-transform:uppercase;}
.logo img{ margin-right:12px; max-width:106px;}
#nav{}
#header.nav-up {top: -130px;}

.pc-nav{ background-color:rgba(0,0,0,0.5);}
.nav-list{}
.nav-list li{ display:inline-block; font-family: 'DINAlternate-Bold'; font-size:14px; text-transform:uppercase; color:#9b9b9b; font-weight:700; }
.nav-list li a{ color:#9b9b9b; display:block; position:relative; padding:40px 15px;}
.nav-list li a:hover{ color:#fff;}
.nav-list li a:before{ content:""; position:absolute;  width:100%; height:4px; background-color:#ffb900; top:0; left:0; transform:scale(0,1); transition:all 0.3s;}
.nav-list li a:hover:before{ transform:scale(1,1);}
.nav-list li a.active{ color:#fff;}
.nav-list li a.active:before{ transform:scale(1,1);}

#dropdown-product .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
	 -webkit-animation: bounceleft 2s infinite;
  animation: bounceleft 2s infinite;
}
#dropdown-product .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");

    right: 10px;
    left: auto;
	 -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
#dropdown-product .swiper-button-disabled{ opacity:0;}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/* Scroll down indicator (bouncing) */

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-12px);
  }
  60% {
    -webkit-transform: translateX(-5px);
  }
}

@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-12px);
  }
  60% {
    -moz-transform: translateX(-5px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    -o-transform: translateX(-12px);
    transform: translateX(-12px);
  }
  60% {
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
/**/
@-webkit-keyframes bounceleft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(12px);
  }
  60% {
    -webkit-transform: translateX(5px);
  }
}

@-moz-keyframes bounceleft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(12px);
  }
  60% {
    -moz-transform: translateX(5px);
  }
}

@keyframes bounceleft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(12px);
    -ms-transform: translateX(12px);
    -o-transform: translateX(12px);
    transform: translateX(12px);
  }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
  }
}


.dropdown-nav{ position:absolute; width:100%; left:0; display:none;}
.dropdown-nav .col-xs-6{ padding-left:0; padding-right:0;}

.dropdown-product-box{}
.dropdown-product-box a{ display:block; position:relative; text-align:center; background-color:#f7f8f9;}
.dropdown-product-box a:hover{ color:#fff; background-color:#ffb900;}
.dropdown-product-box a .dropdown-img{ position:absolute; top:0;}
.dropdown-product-box a:hover .dropdown-img{ opacity:0;}
.dropdown-product-box a span{ position:absolute; left:0; right:0; bottom:10px; font-size:14px; font-family: 'DINAlternate-Bold'; font-weight:700; text-transform:uppercase; display:none;}

.mob-nav{ display:none;  background-color:rgba(0,0,0,0.5); transition:all 0.4s;}
.mob-nav .logo{ padding:15px 0;}
.mob-nav li{ display:inline-block;}
.mob-nav li a{ color:#999; padding:15px 0 15px 15px; display:block; font-size:24px;}

#menu{ background-color:#000; width:75%; margin-right:-75%; position:fixed; top:0; bottom:0; right:0; z-index:1031; overflow-x: hidden; overflow-y: auto; font-family: 'DINAlternate-Bold';
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.menu-close{ position:fixed; max-width:20px; top:20px; right:20px;}
#menu.active{   margin-right:0; }
.menu-sidebar-box{}
#menu dl{ text-transform:uppercase;}
#menu dt{ font-size:20px; color:#fff; line-height:36px; position:relative; cursor:pointer;}
#menu dt i{ position:absolute; font-size:16px; right:0; top:10px; transition:ease-in 0.25s;}
#menu dt a{ color:#fff;}
#menu dd{ font-size:14px; color:#999; line-height:28px; display:none;}
#menu dd a{ color:#999;}

.content, .footer{ -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
body.active .content,body.active .footer{    transform: translateX(-100px);}

/*html.mm-opened .mm-page {box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}

.mm-listview li{ line-height:36px;}
.mm-listview dt{ line-height:36px; padding-left:5px; position:relative; cursor:pointer;}
.mm-listview dt i{ position:absolute; right:0; top:10px; transition:ease-in 0.25s;}
.mm-listview dd{ display:none;}
.mm-listview dd a{ padding-left:10px; line-height:36px;}*/

.dropdown-i i{transform: rotate(135deg) ;
-webkit-transform: rotate(135deg) ;
-moz-transform: rotate(135deg) ;
-o-transform: rotate(135deg) ;
-ms-transform: rotate(135deg) ;}
/*content*/
.swiper-slide{ background-size:cover; background-position: center; background-repeat:no-repeat;}
#wp-content{}
#content{}
.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-txt{ max-width:1300px; margin:100px auto 0; padding:0 15px;}
.banner-txt-box{ color:#fff; width:320px; height:320px; /*border:10px solid #ffb900;*/ border-left:10px solid #ffb900; border-right:10px solid #ffb900; padding:40px; font-family: 'DINAlternate-Bold'; position:relative;}
.banner-txt-box:after,.banner-txt-box:before{ content:""; display:block; border-top:10px solid #ffb900; border-bottom:10px solid #ffb900; position:absolute; top:0; bottom:0; width:15px;}
.banner-txt-box:after{ left:0;}
.banner-txt-box:before{ right:0;}
.banner-txt-box .table-cell{ max-width:220px;}
.banner-txt-box h3:after{ content:""; display:block; width:18px; height:2px; background-color:#ffb900; margin:20px 0;}
.banner-txt-box h3{ text-transform:uppercase;}
.banner-txt-box h2{ white-space:normal;}
.banner-txt-box .btn{ margin-top:20px; border-color:#ffb900; padding-left:50px; padding-right:50px;}
.banner-txt-box .btn:hover,.banner-txt-box .btn:focus{ background-color:#ffb900; color:#fff;}

.banner-404 { background-image:url(../../_images/banner-404.jpg); }
.banner-txt-404 { color:#fff; text-align:center; text-transform:uppercase; max-width:300px; width:100%; white-space:normal;}
.banner-txt-404 h3{ font-size:30px; color:#fdb614;}
.banner-txt-404 p{ font-size:16px; padding:15px 0;}


.our-products{}
.our-products .container-fluid{ max-width:1300px;}
.section-line h3{ font-family: 'TitilliumText22L-Bold'; text-transform:uppercase;}
.section-line h3:after{ content:""; display:block; width:18px; height:2px; background-color:#ffb900; margin:20px 0;}
.our-products h1{font-family: 'DINAlternate-Bold'; text-transform:uppercase;}

.our-products-box{ text-align:center; font-family: 'TitilliumText22L-Regular'; max-width:150px; margin:0 auto 30px;}
.our-products-box span{ font-size:14px; margin-top:50px; display:inline-block; text-transform:uppercase;}

.our-products-top{ background-color:#cccccc; padding-top:100px; padding-bottom:160px;}
.our-products-top .btn{ color:#fff; border:1px solid #cdcdcd; background-color:#ffb900; margin-top:30px; min-width:300px;}
.btn2-default,a.btn2-default{ /*color:#fff;*/ font-size:12px; letter-spacing:1px; padding:20px 60px; border-radius:30px;}
.our-products-top .btn:hover{ border:1px solid #333; color:#333; background:none;}

.our-products-bottom .swiper-container{ padding-left:30px; padding-right:30px;}
.our-products-bottom .swiper-button-next{ right:0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.our-products-bottom .swiper-button-prev{ left:0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}


.fancybox-close{ display:none;}

.our-products-bottom{ padding-bottom:30px;}
.our-products-bottom .row{ margin-top:-50px;}

.section-03-bg{ background-color:#000;}
.section-03 { background-color:#000; color:#999; background-image:url(../../_images/home-car-bg.jpg); background-position:bottom right; background-repeat:no-repeat;}
.section-03 .container-fluid{ max-width:1300px; padding-top:250px; padding-bottom:250px;}
.section-03-box{ max-width:480px; font-size:15px;}
.section-03-box h2{ color:#fff;}
.section-03-box p{ line-height:24px; padding-top:20px;}

.mini-banner .col-xs-12,.mini-banner .col-xs-6{ padding:0; overflow:hidden;}
.mini-banner .col-xs-12 .minibanner-box{ transform: scale(1.01, 1.01);}
.minibanner-box{ text-align:center; position:relative;}
.minibanner-box a{ display:block; position:absolute; top:0; right:0; bottom:0; left:0; }
.minibanner-box a:focus~img.hover-img{ opacity:0;}
.minibanner-box>img{transition: .1s transform; transform: translateZ(0); min-width:100%;}
.minibanner-box:hover>img{ transform: scale(1.1, 1.1);  transition: .3s transform;}
.hover-img{ position:absolute; z-index:98}
.minibanner-box:hover>img.hover-img{ opacity:0;}
.minibanner-box-txt{ position:absolute; top:0; right:0; bottom:0; left:0; /*background-color:rgba(0,0,0,0.5);*/ padding:30px; z-index:99;}
.minibanner-box:hover .minibanner-box-txt{ /*background-color:rgba(255,185,0,0.5);*/}
.minibanner-box-txt h3,.minibanner-box-txt h3 a{ color:#ffb900; text-transform:uppercase;}
.minibanner-box-txt h3:after{ content:""; display:block; width:18px; height:2px; background-color:#666; margin:20px 0;}
.minibanner-box-txt .ac h3:after{  margin:20px auto;}
.minibanner-box-txt .ar h3:after{  margin:20px 0 20px auto;}
.minibanner-box-txt p{ font-size:16px; color:#fff;}
.minibanner-box-txt:hover h3,.minibanner-box-txt:hover h3 a,.minibanner-box-txt:hover p{ color:#333;}
.minibanner-box-txt:hover h3:after{ background-color:#333;} 

.section-04{ background-color:#cfcfcf; padding-top:84px; padding-bottom:84px; /*overflow:hidden;*/}
.section-04 .container-fluid{ max-width:1300px;}
.section-04-box{ padding:40px 0;}
.section-04-box h2{ text-transform:uppercase;}
.section-04-box p{ font-size:15px; padding-top:15px;}
.usa-map{ position:absolute; left:0;}

.section-05{ padding:110px 0 80px; color:#666;}
.section-05 .container-fluid{ max-width:1300px;}
.home-icon-box{ padding-bottom:30px; max-width:260px;}
.home-icon-box .icon{ font-size:60px; vertical-align:bottom; color:#333;}
.home-icon-box h2{ color:#333; text-transform:uppercase;}
.home-icon-box p{ font-size:16px; padding-top:15px;}

.section-06{ background-color:#e0e0e0; padding:60px 0;}
.section-06 .container-fluid{ max-width:1300px;}
.section-06 img{ margin-bottom:20px; max-height:108px;}

#novitas-foundation{}
.section-07{ position:relative; padding:50px 0;}
.section-07 .container-fluid{ max-width:1300px;}

.novitas-foundation-logo{}
.novitas-foundation-logo img{ max-width:400px; width:100%;}
.novitas-foundation-txt{}
.novitas-foundation-txt h2{ margin-bottom:10px;}
.novitas-foundation-txt p{ color:#666; font-size:16px;}
.novitas-foundation-txt a{ text-decoration:underline; color:#333;}
.novitas-fixed{ position:fixed; bottom:0; width:100%; background-color:#fff; z-index:999; transition:all 0.5s; transform: translateY(100%); -webkit-transform: translateY(100%); background-color:rgba(255,255,255,0.95);}
.novitas-fixed.active{ transform: translateY(0); -webkit-transform: translateY(0);}
.novitas-fixed.remove-adtive,.novitas-fixed.remove-adtive.active,.remove-adtive{ transform: translateY(100%); -webkit-transform: translateY(100%);}
.novitas-fixed .close-icon{ position:absolute; right:10px; top:10px;}
.novitas-fixed .close-icon .line-bar{ background-color:#000;}

.page-banner{ height:100vh; background-repeat:no-repeat; background-size:cover; background-position: center; max-width:100%; overflow :hidden ;text-overflow:ellipsis; white-space:nowrap; }
.page-banner video{ min-height:100vh; position:absolute; /*left:50%; margin-left:-50%;*/ left:0; min-width:100%; /*max-width:100%;*/}
.headlight-banner{ background-image:url(../../_images/TYC_Headlight_banner_thumb.jpg);}

.headlight-content{ background-color:#f7f8f8;}
.headlight-gallery{}
.headlight-gallery .col-xs-6{ padding-left:0; padding-right:0;}
.gallery-box img{ transition:all 0.3s;
	filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%
200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");');
filter:gray;}
.gallery-box:hover img,.gallery-box:focus img{
	filter:grayscale(0);
-webkit-filter:grayscale(0);
-moz-filter:grayscale(0);
-ms-filter:grayscale(0);
-o-filter:grayscale(0);

}

.headlight-section-01{ padding-top:80px; padding-bottom:160px;}
.headlight-section-01 .container-fluid{ max-width:1300px;}
.headlight-section-01{ background-color:#000; color:#999;}
.headlight-section-01 h1{ color:#fff;}
.headlight-section-01 p{ font-size:16px; padding-top:20px; max-width:620px;}

.headlight-03{ padding:60px 0;}
.headlight-03 img{ max-width:532px; width:100%;}
.headlight-03 h2{ max-width:920px; margin:0 auto; text-transform:uppercase;}

.headlight-main{ position:relative;}
.headlight-main .container-fluid{ max-width:1300px;}
.headlight-main:after{ content:""; display:block; position:absolute; z-index:98; width:2px; height:100%; background-color:#ccc; top:0; bottom:0; left:50%; margin-left:-1px;}
.headlight-box-title-line{ background-color:#f7f8f8; position:relative; z-index:99;}
.headlight-box-title{ padding-top:50px; padding-bottom:40px;}
.headlight-box-title h3{ color:#ffb900; text-transform:uppercase;}
.scrollactive .number-icon{ background-color:#ffc832; /*transition:all 1s;*/}
.number-icon{ font-size:9px; width:86px; height:86px; padding-top:20px; border:1px solid #ccc; border-radius:100%; display:block; margin:20px auto 0; text-transform:uppercase;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both
}
.number-icon strong{ font-size:15px; display:block; padding-bottom:8px;}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.04)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes tada {
	0% {
		-moz-transform: scale(1)
	}

	50% {
		-moz-transform: scale(1.04)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.04);
		-moz-transform: scale(1.04);
		-ms-transform: scale(1.04);
		-o-transform: scale(1.04);
		transform: scale(1.04)
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	animation-name: tada;
	
}

.headlight-row{ padding-top:30px; padding-bottom:30px;}
.headlight-main .headlight-row>.col-sm-6:nth-child(1){ text-align:right;}
.headlight-box{}
.headlight-box h2{ color:#201f1d;}
.headlight-box h2 span{ color:#ffb900;}
.headlight-box p{ font-size:16px; color:#666; max-width:360px; display:inline-block; padding-top:20px;}
.headlight-row .video-box{ width:100%; height:100% border:none;}

.headlight-differences{ color:#666; padding-top:120px; padding-bottom:100px;}
.headlight-differences .container-fluid{ max-width:760px;}
.headlight-differences h1{ text-transform:uppercase; }
.headlight-differences h1 span{ color:#333;}
.headlight-differences p{ padding-top:30px; font-size:16px;}

.headlight-bottom-banner-wrap{ overflow:hidden;}
.headlight-bottom-banner{ background-repeat:no-repeat; background-size:cover; background-position: center; background-image:url(../../_images/Headlight-bottom-banner.jpg); color:#fff; text-transform:uppercase; padding:135px 0; transition:all 0.3s;}
.headlight-bottom-banner:hover{ transform:scale(1.05);}
.headlight-bottom-banner .container-fluid{ max-width:730px;}
.headlight-bottom-banner h1{}

.headlight-bottom{ text-align:center; padding:100px 0; font-size:15px;}
.headlight-bottom .container-fluid{ max-width:890px;}
.headlight-bottom img{ margin-bottom:15px;}
.headlight-bottom p{ font-size:12px;}
.headlight-bottom h4{ font-size:18px; padding-top:15px;}
.headlight-bottom-txt{ font-size:15px; line-height:26px; letter-spacing:1px;}
.headlight-bottom .swiper-pagination{ bottom:0;}
.headlight-bottom .swiper-container{ padding-bottom:30px;}
.headlight-bottom .swiper-slide{ background-color:#f7f8f8; min-height:210px;}

.fuelPump-banner{ background-image:url(../../_images/FuelPump-banner.jpg);}

.fuelPump-section-01{}
.fuelPump-section-01 .container-fluid{ max-width:1300px;}
.fuelPump-section-01 h2{ text-transform:uppercase;}
.fuelPump-bottom-banner{ background-image:url(../../_images/fuelPump-bottom-banner.jpg);}
.fuelPump-bottom-banner p{ padding-top:20px; text-transform:none; font-size:16px;}

.careers-banner{ background-image:url(../../_images/Careers-banner.jpg);}
.careers-section-01{ padding:100px 0; background-color:#242424;}
.careers-section-01 h1{ text-transform:uppercase;}
.careers-section-02{ padding:80px 0;}
.careers-section-02 .container-fluid{ max-width:1300px;}
.careers-box{ margin:20px 0;}
.careers-box h2{ text-transform:uppercase; }
.careers-box p{ font-size:16px; padding:20px 0;}
.careers-box .btn{}
.btn-default,a.btn-default{ color:#ffb900; border:1px solid #cdcdcd; background-color:transparent; font-size:12px; letter-spacing:1px; padding:20px 60px; border-radius:30px;}

.about-banner{ background-image:url(../../_images/about-banner.jpg);}

.about-section-01{ height:100vh; background-image:url(../../_images/About-section-01.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:120px; padding-bottom:0;}

.about-section-01 h1{ padding-bottom:20px; text-transform:uppercase;}
.about-section-01 p{ padding-top:0; padding-bottom:20px;}

.about-section-02{ background-image:url(../../_images/about-section-02.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover; padding:130px 0;}
.about-section-02 .container-fluid{ max-width:1300px;}
.about-box{ max-width:460px; margin: 0 auto;}
.about-box p{ font-size:15px; padding-top:20px;}
.about-section-02 h2{ text-transform:uppercase;}

.about-section-03{ background-color:#fff; padding-top:110px; padding-bottom:30px;}
.about-section-03 .container-fluid{ max-width:1300px;}
.about-section-03 h2{ text-transform:uppercase;}

.about-section-04{ background-image:url(../../_images/About-img-02.jpg); background-position:left; background-repeat:no-repeat; background-size:50% auto; padding:0; background-color:#f7f8f8;}
.about-section-04 img{ opacity:0; max-width:80%; }


.contact-banner{ background-image:url(../../_images/Contact-banner.jpg);}
.contact-section-01{}
#contact-map{ width:100%; height:400px;}

.contact-section-02{ padding:100px 0;}
.contact-section-02 .container-fluid{ max-width:1300px;}
.contact-section-02 .form-group{ margin-bottom:20px;}
.form-control{ border-radius:0;}
.contact-address-box{ padding:15px 0; border-bottom:1px solid #cacaca; font-size:16px;}
.contact-address-box p{ padding-bottom:30px;}
.contact-address-box span{ text-transform:uppercase;}
.contact-address-box:last-child{ border-bottom:none; padding-bottom:60px;}
.contact-section-02 label{ font-weight:400; font-size:14px;}
.contact-section-02 label span{ color:#ffb900;}
.contact-section-02 input.form-control,.contact-section-02 select.form-control{ height:40px;}

.workwithTYC-banner-wrap{ background-image:url(../../_images/WorkwithTYC-banner.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.workwithTYC-banner{ background-image:none;}
.workwithTYC-banner-wrap .container-fluid{ max-width:1300px;}
.workwithTYC-banner-title{ color:#fff; text-transform:uppercase; padding-bottom:60px;}

.workwithTYC-main{}
.workwithTYC-main .container-fluid{ max-width:1300px;}
.workwithTYC-box{}
.workwithTYC-box h2{ text-transform:uppercase;}
.workwithTYC-box p{ font-size:16px; padding-top:20px;}
.workwithTYC-main a{ text-decoration:underline;}

.workwithTYC-banner-mini{ overflow:hidden;}
.workwithTYC-banner-mini>div{ background-position:center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s; height:360px;}
.workwithTYC-banner-mini:hover>div{ transform:scale(1.01);}
.workwithTYC-banner-mini img{ opacity:0;}
.workwithTYC-banner-01{ background-image:url(../../_images/WorkwithTYC-img-banner-01.jpg);}
.workwithTYC-banner-02{ background-image:url(../../_images/WorkwithTYC-img-banner-02.jpg);}

.workwithTYC-bottom-txt{ padding:80px 0;}
.workwithTYC-bottom-txt .container-fluid{ max-width:1300px;}
.workwithTYC-bottom-txt h2,.workwithTYC-bottom-txt h4{ text-transform:uppercase;}
.workwithTYC-bottom-txt h2{ padding-bottom:10px;}
.workwithTYC-bottom-txt h4{ padding-top:50px;}
.workwithTYC-bottom-txt p{ font-size:16px; padding-top:10px;}

.workwithTYC-bottom{ background-color:#fff;}
.workwithTYC-bottom a{ text-decoration:underline;}
.workwithTYC-bottom p{ font-size:16px; max-width:695px; margin:0 auto; padding-bottom:40px;}

.mirror-banner{ background-image:url(../../_images/Mirror-banner.jpg);}
.mirror-section-01{ padding:90px 0; background-color:#e1e5e5; color:#999;}
.mirror-section-01 .container-fluid{ max-width:1300px;}
.mirror-section-01 h1{ text-transform:uppercase; max-width:1100px; color:#333;}
.mirror-section-01 {}

.mirror-box{ position:relative;}
.mirror-icon{ position:absolute;}
.mob-icon{ display:none; width:30px; height:30px; text-align:center; background-color:#ffb900; border-radius:100%; color:#fff; font-size:16px; line-height:30px;}
.mob-mirror-txt{ display:none;}
.mirror-icon-txt{ position:relative;}
.mirror-icon-txt img{ max-width:57px;}
.mirror-icon-txt p{ font-size:16px; position:absolute; width:345px; top:0; display:none; transition:all 0.3s; background-color:#fff;}
.mirror-icon-txt p span{ position:relative; padding:10px 20px; display:block;}
.mirror-icon-txt p span:after{ content:""; display:block; position:absolute; top:15px; height:24px;}
.mirror-icon-txt:hover p{ display:block;}

.mirror-icon-01{ top:10%; left:45%;}
.mirror-icon-01 p{ right:75px;}
.mirror-icon-01 p span:after{ border-left:12px solid #fff; border-top:12px solid transparent; border-bottom:12px solid transparent; right:-12px; }

.mirror-icon-02{ top:85%; left:30%;}
.mirror-icon-02 p{ left:75px;}
.mirror-icon-02 p span:after{ border-right:12px solid #fff; border-top:12px solid transparent; border-bottom:12px solid transparent; left:-12px; }

.mirror-bottom-banner{ background-image:url(../../_images/mirror-bottom-banner.jpg); padding:230px 0;}
.mirror-bottom-banner p{ text-transform:none; max-width:560px; margin:0 auto; font-size:16px; padding-top:20px;}

.window-regulators-banner{ background-image:url(../../_images/window-regulators-banner.jpg);}

.window-regulators-section-01{height:100vh; background-image:url(../../_images/TYC_Window_video_banner_thumb.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; padding-bottom:0; text-transform:uppercase; overflow:hidden; position:relative;}
.window-regulators-section-01 video{ position:absolute; left:0;    min-width: 100%;    min-height: 100vh;}
.window-regulators-section-01 .container-fluid{ max-width:1300px;}
.window-regulators-section-01  h3{ color:#999;}

.window-regulators-section-02{ background-image:url(../../_images/window-regulators-section-02.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:240px 0;}
.window-regulators-section-02 .container-fluid{ max-width:1300px;}
.window-regulators-section-02 .mirror-icon-02{ left:auto; top:200px; right:10%;}
.window-regulators-section-02 .mirror-icon-02 p{ right:auto; left:75px; padding-top:0;}
.window-regulators-section-02 p{ font-size:16px; max-width:500px; padding-top:20px;}

.window-regulators-bottom-banner{ background-image:url(../../_images/Window_regulators-bottom-banner.jpg); padding:230px 0;}
.window-regulators-bottom-banner .container-fluid{ max-width:1300px;}
.window-regulators-bottom-banner p{ text-transform:none; font-size:16px; padding-top:20px;}

.starter-banner{ background-image:url(../../_images/Starter-banner.jpg);}

.starter-section-01{ padding-top:80px; padding-bottom:50px; text-transform:uppercase; background-color:#e8ebeb;}
.starter-section-01 .container-fluid{ max-width:1300px;}

.starter-bottom-banner{ background-image:url(../../_images/Starter-section-02.jpg); padding:220px 0;}
.starter-bottom-banner p{ font-size:16px; padding-top:20px;}


.history-banner{ background-image:url(../../_images/History-banner.jpg);}
.history-main{ position:relative;}
#history-main-menu{ position:absolute; z-index:997; top:50px; left:20px; transition:all 0.3s;}
#history-main-menu.scrollactive{ position:fixed; top:100px;}
#history-main-menu.bottomactive{ position:absolute;}
#history-main-menu li{ border-bottom:2px solid #cdcdcd; width:16px; font-size:14px; transition:all 0.3s; margin-bottom:5px;}
#history-main-menu a{ opacity:0; display:block; white-space:nowrap; transition:all 0.3s;}
#history-main-menu li.active,#history-main-menu li:hover{ width:auto; border-bottom:2px solid #333;}
#history-main-menu li.active a,#history-main-menu li:hover a{ opacity:1; color:#333;}

.copy-container{ position:relative;}
.copy-container:after{ content:""; display:block; position:absolute; top:0; bottom:0; left:25%; width:1px; background-color:#cdcdcd; z-index:98;}
.copy-container li{ background-color:#f7f8f9; width:50%; position:relative; color:#666;}
.info-box{ text-align:center; max-width:370px; margin:0 auto; background-color:#f7f8f9; z-index:99; position:relative; padding-bottom:40px;}
.info-box .number-icon{ margin-bottom:60px;}
.info-box .number-icon strong{ padding-top:10px; font-size:15px;}
.info-box .number-icon.tada{ background-color:#ffb900;}
.info-box h2{ color:#333;}
.info-box h2:after{ content:""; display:block; width:18px; height:2px; background-color:#ffb900; margin:20px auto;}

.info-box p{ font-size:16px;}

.fixed-panel{ position:absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.fixed-panel.active{    position: fixed;   transform: translateZ(0);}
.fixed-panel-container{ position:relative; /*max-width:1260px;*/ margin:0 auto;height:inherit; overflow:hidden;}
.beforeafter-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.beforeafter-img>li{ background-color:#f6f6f8; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;left: 0; top: 0;  width: 50%; z-index:0; opacity:0; transition:all 0.3s; margin-left:50%;}
.beforeafter-img>li.active{ opacity:1;}
.beforeafter-01{background-image: url(../../_images/History-01.jpg);}
.beforeafter-02{background-image: url(../../_images/History-02.jpg);}
.beforeafter-03{background-image: url(../../_images/History-03.jpg);}
.beforeafter-04{background-image: url(../../_images/History-04.jpg);}
.beforeafter-05{background-image: url(../../_images/History-05.jpg);}
.beforeafter-06{background-image: url(../../_images/History-06.jpg);}
.beforeafter-06-1{background-image: url(../../_images/genera.jpg);}
.beforeafter-07{background-image: url(../../_images/History-07.jpg);}
.beforeafter-07-1{background-image: url(../../_images/mirror-h.jpg);}
.beforeafter-07-2{background-image: url(../../_images/condenser.jpg);}
.beforeafter-08{background-image: url(../../_images/History-08.jpg);}
.beforeafter-09{background-image: url(../../_images/History-09.jpg);}
.beforeafter-10{background-image: url(../../_images/History-10.jpg);}
.beforeafter-10-1{background-image: url(../../_images/iso.jpg);}
.beforeafter-11{background-image: url(../../_images/History-11.jpg);}
.beforeafter-11-1{background-image: url(../../_images/fan.jpg);}
.beforeafter-11-2{background-image: url(../../_images/international.jpg);}
.beforeafter-11-3{background-image: url(../../_images/visteon.jpg);}
.beforeafter-11-4{background-image: url(../../_images/100.jpg);}
.beforeafter-11-5{background-image: url(../../_images/fanmotor.jpg);}
.beforeafter-11-6{background-image: url(../../_images/blower.jpg);}
.beforeafter-11-7{background-image: url(../../_images/suzuki.jpg);}
.beforeafter-11-8{background-image: url(../../_images/diamler.jpg);}
.beforeafter-11-9{background-image: url(../../_images/filter.jpg);}
.beforeafter-11-10{background-image: url(../../_images/starter-h.jpg);}
.beforeafter-11-11{background-image: url(../../_images/window_alternator.jpg);}
.beforeafter-12{background-image: url(../../_images/History-12.jpg);}

.beforeafter-28{background-image: url(../../_images/evaporator.jpg);}
.beforeafter-29{background-image: url(../../_images/istore.jpg);}
.beforeafter-30{background-image: url(../../_images/heatercore.jpg);}
.beforeafter-31{background-image: url(../../_images/callcenter.jpg);}
.beforeafter-32{background-image: url(../../_images/fuelpump.jpg);}
.beforeafter-33{background-image: url(../../_images/opwham.jpg);}
.beforeafter-34{background-image: url(../../_images/200.jpg);}
.beforeafter-35{background-image: url(../../_images/certified.jpg);}
.beforeafter-36{background-image: url(../../_images/harley.jpg);}

.mob-history-main{ display:none;}
.footer .mini-banner .container-fluid{ max-width:100%;}
.history-bottom{ background-color:#333;}
.history-bottom:hover{ background-color:#ffcb05;}
.history-bottom:hover img{ opacity:0;}
.history-bottom img{ min-width:auto; max-width:640px; opacity:0;}


.hvac-banner{ overflow:hidden; background-image:url(../../_images/HVAC_video_thumb.jpg);}

.hvac-section-01{ background-image:url(../../_images/hvac-section-01.jpg);}

.hvac-section-02{ background-position:center right; background-image:url(../../_images/hvac-section-02.jpg); background-position:center center;}
.hvac-section ul{ list-style:square; color:#ffb900; padding-left:20px; padding-top:20px;}
.hvac-section li{ font-size:16px; padding:10px 0; border-bottom:1px solid #ccc;}
.hvac-section li span{ color:#666;}
.hvac-section-02-bg{ background-image:url(../../_images/hvac-section-condenser.jpg); background-position:center center;}
.hvac-section-03-bg{ background-image:url(../../_images/hvac-section-evaporator.jpg); background-position:center center;}

.hvac-section-04{ background-color:#fff}
.hvac-section-04 .headlight-row{ padding-top:0; padding-bottom:0;}
.hvac-section-04 .container-fluid{ padding-left:0; padding-right:0;}
.hvac-section-04 img{ min-width:100%;}

.hvac-section-07{ background-image:url(../../_images/hvac-section-07.jpg);}

.privacyPolicy-banner{ background-image:url(../../_images/PrivacyPolicy-banner.jpg); height:450px;}
.privacyPolicy-section-01{ color:#666; padding:80px 0 50px; font-family: 'TitilliumText22L-Regular';}
.privacyPolicy-section-01 .container-fluid{ max-width:750px;}
.privacyPolicy-section-01 h2{ padding-bottom:40px;}
.privacyPolicy-section-01 h4{ font-size:16px; text-transform:uppercase; color:#333; padding-bottom:10px; padding-top:10px; font-family: 'DINAlternate-Bold';}
.privacyPolicy-section-01 p{ font-size:14px; line-height:24px; padding-bottom:30px;}
.privacyPolicy-section-01 ul{ list-style:square; color:#ffb900; padding-left:18px; padding-bottom:30px;}
.privacyPolicy-section-01 li{ font-size:14px; line-height:30px;}
.privacyPolicy-section-01 li span{ color:#666;}

.distributors-banner{ background-image:url(../../_images/Distributors-Main-Banner.jpg);}
.distributors-banner h3{}
.distributors-banner h3:after{ content:""; display:block; width:18px; height:2px; background-color:#ffb900; margin:20px 0;}

.distribution-row{ padding:0 0 20px; border-bottom:1px solid #cbcbcb;}
.distribution-row:last-child{ border-bottom:none;}
.distribution-row p{ font-size:16px; padding-top:20px;}
.distribution-row p strong{ text-transform:uppercase;}
.distribution-row p span{ font-size:12px; text-transform:uppercase;}
.distribution-row .btn{ margin-top:20px; text-transform:uppercase;}
#dropdown-company .col-md-3{ width:20%;}

.TOC-banner{ background-image:url(../../_images/TOC-banner.jpg); background-size:cover;}
.toc-section-01{ background-image:url(../../_images/TOC-section-01.jpg); padding-top:0 !important; padding-bottom:0 !important; overflow:hidden;    position: relative;    min-height: 100vh;height: 100vh;}
.toc-section-01 video{ position:absolute; left:0;    min-width: 100%;    min-height: 100vh;}
.toc-section-01 h2{ color:#fff;}

.toc-section-02{ background-image:url(../../_images/toc-section-02.jpg);}
.toc-section-02 .about-box{ padding:100px 0;}

.toc-section-03{ background-image:url(../../_images/toc-section-03.jpg); background-size:cover; background-position:center;}
.toc-section-03 .about-box{ padding:100px 0 150px; color:#fff;}

.warranty-policy-banner{ background-image:url(../../_images/warranty-policy-banner.jpg);}
.warranty-policy-p{ padding-left:20px; padding-right:20px;}

/*foot*/
#wp-footer{}
#footer{}
.footer{ background-color:#1f1f1f; font-family: 'DINAlternate-Bold';}
.footer .container-fluid{ max-width:1200px;}
.footer-top{ padding:50px 0;}
.footer-top dl{ padding:10px 0;}
.footer-top dt{ color:#fff; padding:10px 0; position:relative; font-size:14px; text-transform:uppercase;}
.footer-top dt a{ color:#fff; display:none;}
.footer-top dd{ text-transform:uppercase; padding:5px 0; font-family: 'TitilliumText22L-Regular';}
.footer-top dd a{ color:#ccc; font-size:10px;}

.footer-bottom{ border-top:1px solid #434343;}
.footer-bottom .logo{ padding:30px 0;}
.footer-bottom p{ font-size:10px; line-height:16px; max-width:585px; margin-top:-5px;}
.social-list{ padding:30px 0;}
.social-list li{ display:inline-block;}
.social-list a{ display:block; width:36px; height:36px; padding-top:3px; border-radius:100%; color:#666666; border:1px solid #666; text-align:center; font-size:20px;}


#topcontrol span{ display:block; width:30px; height:30px; text-align:center; border:2px solid #999; border-radius:100%; font-size:24px; color:#999;}
#topcontrol span i{ vertical-align:top; padding-top:0;}

/**/
.pop-wrap{ position:fixed; background-color:rgba(0,0,0,0); 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; background-color:rgba(0,0,0,0.8); color:#fff;}
.pop-main-title{ padding:0 15px;}

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

.home-m-pop{}
.home-m-pop h2{ color:#ffb900;}
.home-m-pop p{ font-size:16px; line-height:2em; color:#999; margin:15px 0 ;}
.pop-main.add-address-pop-main{ max-width:580px; padding:15px 0 25px;}
/* 下列为CSS3部分 */
@media screen and (min-width:1400px){
	.about-section-04 img{ max-width:100%;}
}
@media screen and (min-width:992px) {
	.contact-address-box{ /*max-width:380px;*/ max-width:480px;}
	
}
@media all and (min-width: 768px) {
	/***/
	.dropdown-nav.container-fluid{padding-left: 15px; padding-right: 15px;}
	.banner-txt{ padding:0 35px;}
	.container-fluid {padding-left: 35px; padding-right: 35px;}
	.mini-banner .container-fluid ,.headlight-gallery .container-fluid {padding-left: 15px; padding-right: 15px;}
	/***/
	
    .footer-top dd{ display:block !important;}
	
	.novitas-foundation .row{ display:table; margin-left:0; margin-right:0;}
	.novitas-foundation .row>.col-xs-12{ display:table-cell; float:none; vertical-align:middle;}
	
	.headlight-row{ display:table; width:100%; margin-left:0; margin-right:0; }
	.headlight-row .col-xs-12{ display:table-cell; vertical-align:middle; float:none; padding-left:0; padding-right:0; background-position:center; background-repeat:no-repeat; background-size:cover; background-position: center;}
	#collision-specialists{ padding-top:100px;}
	
	.headlight-main .headlight-row>.col-sm-6:nth-child(1){ text-align:right; padding-right:60px;}
	.headlight-main .headlight-row>.col-sm-6:nth-child(2){ text-align:right; padding-left:60px;}
	.headlight-main .headlight-row:nth-child(4n) .col-sm-6:nth-child(1){ right:-50%; padding-left:60px; text-align:left;}
	.headlight-main .headlight-row:nth-child(4n) .col-sm-6:nth-child(2){ left:-50%; text-align:right; padding-right:60px;}
	
	.minibanner-box-txt{ padding:30px 60px;}
	.fuelPump-section-01{ padding-top:80px; padding-bottom:80px;}
	
	.workwithTYC-main{}
	/*.workwithTYC-main .headlight-row{ padding-top:60px; padding-bottom:60px;}*/
	.workwithTYC-main .headlight-row .col-xs-12{ padding-left:15px; padding-right:15px;}
	.workwithTYC-main .headlight-row:nth-child(2n) .col-sm-6:nth-child(1){ right:-50%; }
	.workwithTYC-main .headlight-row:nth-child(2n) .col-sm-6:nth-child(2){ left:-50%; }
	
}
@media all and (max-width: 1024px) {
    
}
@media (min-width: 768px) and (max-width: 1024px) {
    #menu{ padding:40px;}
	#menu dt{ font-size:30px;}
	#menu dd{ font-size:16px;}
	.contact-section-02{ padding:60px 0 30px;}
}
@media all and (max-width: 1023px) {
    .pc-nav{ display:none;}
	.mob-nav{ display:block;}
	.section-03 .container-fluid{ padding-top:50px; padding-bottom:650px;}
	.section-03-box{ max-width:100%;}
	.careers-box{ text-align:center;}
	.careers-box-txt{ min-height:190px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hvac-section-02 .container-fluid,.hvac-section-03 .container-fluid,.hvac-section-07 .container-fluid{ padding-left:40px; padding-right:40px;}
}
@media all and (max-width: 991px) {
	.about-section-03{ padding-top:50px; padding-bottom:50px;}
	.about-section-03 .headlight-row{ display:block;}
	.about-section-03 .headlight-row .col-xs-12{ display:block; float:left;}
	.about-section-03 img{ margin-top:20px; max-width:460px; margin-left:auto; margin-right:auto; width:100%;}
	
	.window-regulators-section-02{ padding:150px 0;}
	.window-regulators-section-02 .mirror-icon-01{ right:auto; left:10%; top:-100px;}
	.window-regulators-section-02 .mirror-icon-txt img{ max-width:40px;}
	
	.history-main{ display:none;}
	.mob-history-main{ display:block;}
	.info-box .number-icon{ display:none;}
	.info-box{ padding-left:15px; padding-right:15px; padding-top:90px; padding-bottom:90px;}
	
	.hvac-section-02{ background-position:center;}
	.hvac-section-04 .headlight-row{ display:block;}
	.hvac-section-04 .headlight-row .col-xs-12{ display:block;}
	.hvac-section-04 .about-box{ padding-top:60px; padding-bottom:60px; padding-left:15px; padding-right:15px;}
	
	.about-section-04{ background-position:center 264px; background-size:100% auto; padding-bottom:400px; padding-top:0;}
	.about-section-04 img{ display:none; }
	.home .home-banner .swiper-slide video{ opacity:0;}
}
@media all and (max-width: 768px) {
 
}
@media all and (max-width: 767px) {
	h1{ font-size:30px;}
	h2{ }
	h3{ font-size:14px;}
	.animation-delay-05{ transition-delay:0.1s;}
	.animation-delay-1{ transition-delay:0.2s;}
	.animation-delay-15{ transition-delay:0.3s;}
	.animation-delay-2{ transition-delay:0.4s;}
	.animation-delay-25{ transition-delay:0.5s;}
	.animation-delay-3{ transition-delay:0.6s;}
	 #menu{ padding:20px;}
	.mob-nav .logo span{ display:none;}
	.footer-top{ padding:20px 0;}
	.footer-top dl{ padding:20px 0 0;}
	.footer-top dt{ padding-top:0; padding-bottom:5px;}
	.footer-top dt a{ display:inline-block;}
	.footer-top dd{ display:none; font-size:12px;}
	
	.footer-bottom { text-align:center;}
	.footer-bottom .fl{ float:none;}
	.footer-bottom .logo{ padding-bottom:0;}
	.footer-bottom .logo p{ padding-top:20px;}
	.footer-bottom .ar{ text-align:center;}
	
	.banner-txt{margin: 69px auto 0;}
	.banner-txt-box{ width:300px; height:300px;}
	.our-products h3{ font-size:14px;}
	.our-products h1{ font-size:20px;}
	.our-products-top{ padding-top:50px; padding-bottom:90px;}
	.section-03 .container-fluid{ padding-top:60px; padding-bottom:80%;}
	.section-03{ background-size:100%;}
	.section-04{ padding-top:30px; padding-bottom:30px;}
	.section-04 .col-xs-12{ min-height:65px;}
	.usa-map{ /*position:relative;*/ left:15px; width:90%;}
	.banner-txt-404{ margin:0 auto;}
	
	.section-05{ padding:30% 0 30px;}
	.home-icon-box .icon{ font-size:48px;}
	.home-icon-box h2{ font-size:20px;}
	.section-06 .col-xs-6{ height:145px; padding-top:20px;}
	.section-06 img{ max-width:70%;}
	
	.novitas-foundation-logo{ margin-bottom:25px;}
	.novitas-foundation-txt h2{ font-size:20px;}
	.novitas-foundation-txt p{ font-size:15px;}
	.novitas-foundation-txt p br{ display:none;}
	
	.headlight-main:after{ display:none;}
	.headlight-main .headlight-row>.col-sm-6:nth-child(1){ text-align:center;}
	
	.headlight-section-01{ padding-top:70px; padding-bottom:60px;}
	.headlight-03{ padding:30px 0;}
	.headlight-03 h2{ font-size:20px;}
	.headlight-box-title{ padding-top:30px; padding-bottom:0;}
	.number-icon{ display:none;}
	.headlight-row{ padding-bottom:0;}
	.headlight-box{ padding-bottom:30px;}
	.headlight-differences{ padding:30px 0;}
	
	.minibanner-box-txt .al, .minibanner-box-txt .ar{ text-align:center;}
	.minibanner-box-txt h3:after{ margin:20px auto !important;}
	.headlight-bottom{ padding:30px 0;}
	
	.fuelPump-section-01 .al{ text-align:center;}
	.fuelPump-section-01 .al h3:after{ margin-left:auto; margin-right:auto;}
	.careers-section-01{ padding-top:50px; padding-bottom:50px;}
	.careers-section-02{ padding:30px 0;}
	.careers-box-txt{ min-height:135px;}
	
	.about-section-01{ height:auto;}
	.about-section-02{ padding:50px 0;}
	.about-section-04{ padding-bottom:300px;}
	.contact-section-02{ padding:40px 0 10px;}
	.contact-address-box:last-child{ padding-bottom:35px;}
	
	.workwithTYC-main .headlight-row img{ margin-top:30px; margin-bottom:30px;}
	.workwithTYC-box p{ font-size:14px;}
	.workwithTYC-bottom-txt p{ font-size:14px;}
	.workwithTYC-bottom p{ font-size:14px;}
	
	.mirror-section-01{ padding:50px 0;}
	.mirror-section-01 h1{ font-size:20px; margin-bottom:20px;}
	.mirror-icon-txt img{ display:none;}
	.mob-icon{ display:block;} 
	.mob-mirror-txt{ display:block;}
	.mirror-icon-01{ left:40%;}
	.mirror-icon-02{ top:80%; left:15%;}
	.mob-mirror-txt{ text-align:left; font-size:16px;}
	.mob-mirror-txt p{ padding-top:20px;}
	
	.window-regulators-section-02{ background-position:bottom left; background-size:auto 276px; padding:50px 0 315px;}
	.window-regulators-section-02 .mob-mirror-txt{ /*display:none;*/}
	.window-regulators-section-02 .mirror-icon-01{ top:220px; left:120px; display:none;}
	.window-regulators-section-02 .mirror-icon-txt { display:none;}
	.window-regulators-section-02 .mob-icon{ display:none;}
	.window-regulators-section-02 .mirror-icon-txt img{ display:block; max-width:30px;}
	.window-regulators-section-02 .mirror-icon-txt p{ left:-75px;  max-width:250px;}
	.window-regulators-bottom-banner{ background-position:bottom right; background-color:#000; padding:50px 0 260px; background-size:auto 260px;}
	
	.starter-section-01 h1{ font-size:20px;}
	.starter-bottom-banner{ background-position:bottom center; background-size:auto 280px; padding:50px 0 290px; background-color:#000;}
	
	#history-main-menu{ display:none;}
	/*.info-box .number-icon{ display:block;}*/
	.info-box{ padding-top:50px; padding-bottom:50px;}
	
	.hvac-section-02{ background-position:bottom right; background-size:auto 230px; padding:50px 0 240px;}
	.hvac-section-07{ background-position:top right; background-size:auto 230px; padding:240px 0 5px; background-color:#f7f8f8;}
	.hvac-section-07 .about-box{ padding-top:60px; padding-bottom:60px;}
	.home-banner{ background-position:center; background-repeat:no-repeat; background-size:cover;}
	.home-banner video,.page-banner video{ opacity:0;}
	
	.distribution-row .btn{ width:100%;}
	.headlight-bottom .swiper-slide{ min-height:330px;}
	
	.toc-section-02{ background-position:top  left; background-size:200% auto; background-color:#fff;}
	.toc-section-02 .about-box{ padding:250px 0 0;}
	.toc-section-03{ background-position:top  right;background-size:200% auto; background-color:#000; background-repeat:no-repeat;}
	.toc-section-03 .about-box{ padding:250px 0 0;}
	
	.top_pop .pop_close{ right:8px;}
	.top_pop .container-fluid{ max-width:285px;}
	.top_pop  .pop_btn{ margin-top:7px;}
	.top_pop .col-xs-12 p{ padding-top:5px;}
}
@media all and (max-width: 380px) {
	.about-section-04{ padding-bottom:250px;}
}
@media all and (max-width: 360px) {
  .about-section-04{ background-position:center 350px;}
}
/*Retina Displays*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2){
	
}
/* 本条为CSS2部分，IE8及以下只支持本条 */
/*打印*/
@media print
{
	
}