@charset "utf-8";
/* CSS Document */
.clear {
	clear: both;
}

.clearfix {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: "Open Sans",sans-serif,tahoma;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: normal;
	color: #5A5A5A;
}
a {
	color: #000000;
	display: block;
	text-decoration: none;
	outline: none;
	padding: 0;
	margin: 0;
	/*-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;*/
}
ul, li {
	display: block;
	text-decoration: none;
	outline: none;
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

h1 {
	font-size: 32px;
}
h1.checkstock {
	font-size: 35px;
	font-weight: 800;
	text-align: center;
	padding: 30px 60px;
	text-transform: uppercase;
}
h2 {
	font-size: 30px;
}

h3 {
	font-size: 27px;
}
#wrapper {
	width: 100%;
	max-width: 1980px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: #eee;
}
.content {
	width : 1200px;
	margin: 0 auto;
	position: relative;
	background: #ffffff;
}



/*----------------------------------------------------*/
#header {
	width: 100%;
	padding: 0;
	margin: 0;
}
#header-mb {
	display: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.header-left {
	width: 79%;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	float: left;
}
.header-right {
	width: 20%;
	padding: 0;
	margin: 0;
	float: right;
}
.banner-header {
	width: 100%;
	margin-bottom: 5px;
	position:relative;
}
.box-menu-model {background: rgba(114,113,111,0.9);
width: 15%;
position: absolute;
top: 0;
right: 20px;}
.box-menu-model ul { margin:5px 0; padding:0;}
.box-menu-model ul li { margin:0; padding:0 0; border-bottom:1px solid #4e4d4a;font-size:13px;}
.box-menu-model ul li a { display:block; padding:3px 10px; color:#fff; font-size:13px; background:url(../images/arrow-hover.png) no-repeat right;}
.box-menu-model ul li a:hover {color:#000; background:url(../images/arrow.png) no-repeat right;}

.banner-header img {
	width: 100%;
}
ul.menu-box {
	width: 100%;
	background: #ffdd00;
	padding: 0;
}
ul.menu-box li {
	float: left;
}
ul.menu-box li a {
	display: block;
	color: #000000;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	position: relative;
	text-transform: uppercase;
}
ul.menu-box li a h1 {
	vertical-align: middle;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}
ul.menu-box li a:hover {
	background: #ff9900;
}
.select-menubox {
	background: #ff9900!important;
}
/*ul.menu-box li:hover > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -4px;
    border-bottom: 8px solid #ffdf10;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.dropdown-content ul li:hover > a::after {
   display: none;
}
*/
.dropdown-content {
	visibility: hidden;
	position: absolute;
	padding: 0;
	background: #cccccc;
	/*border: 1px solid #cccccc;*/
	z-index: 1000;
}
.dropdown:hover .dropdown-content {
	visibility: visible;
}
.dropdown-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.dropdown-content ul li {
	display: block;
	margin-right: 0;
	border: none;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	float: unset;
	margin: 0;
	color: #2e2e2e;
	text-align: left;
	height: auto;
	line-height: normal;
	font-size: 14px;
	min-width: 200px;
}
.dropdown-content ul li a {
	padding: 15px;
	height: auto;
	line-height: normal;
	border: 1px solid rgba(0,0,0,0.00);
}
.dropdown-content ul li a:hover {
	background: #ffffff;
	border: 1px solid #cccccc;
}
.logosmall a {
	width: 150px;
	padding: 0 10px;
}
.logosmall a img {
	width: 100%;
}
.small-search {
	padding: 7px 0 0 15px;
}
.showwhenscoll {display: none;}
.header-none-fixed-bg {
	position: fixed;
	top: 0;
	z-index: 9999;
	max-width: 1200px;
	height: 80px;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}
.header-none-fixed-bg .showwhenscoll {
	display: block;
	width: 11%;
}
.header-none-fixed-bg li a {
    height: unset!important;
    padding: 20px 15px 18px 15px !important;

}
.logosmall a:hover {
	background: rgba(0,0,0,0.00)!important;
}
.small-search {
	padding: 28px 15px 0 15px !important;
}

/*----------------------------------------------------*/
#container {
	width: 100%;
	padding: 10px;
	margin: 0;
	position: relative;
}
#banner-main {
	width: 100%;
	padding: 0;
	margin: 0 0 30px 0;
}
#banner-main img {
	width: 100%;
	vertical-align: bottom;
}
#footer {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	background: #ffdf10;
}
.logo {
    width: 20%;
    float: left;
    padding: 0 20px 0 25px;
}
.logo img {
	width: 100%;
}
.footer-info {
	float: left;
	width: 60%;
	border-left: 2px solid #000000;
	margin-top: 17px;
	padding: 10px 160px 10px 20px;
	color: #000000;
	background: url(../images/icon/rider.png) no-repeat right 5px bottom 5px;
}
.footer-info p {
	margin: 0 0 5px 0;
}
.footer-info a {
	display: inline-block;
}
.footer-info a:hover {
	text-decoration: underline;
}
.tab-menu-rightbox {
	width: 100%;
	float: left;
	background: #FFDC00;
	margin-bottom: 10px;
	padding: 12px 10px;
	font-size: 14px;
}
.tab-menu-rightbox img {
	width: 40px;
	vertical-align: middle;
	margin-right: 25px;
}
.tab-menu-rightbox span {
	vertical-align: middle;
	color: #000000;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
.breadcrumb {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.breadcrumb a {
	display: inline-block;
	color: #5A5A5A;
	text-decoration: underline;
}
.breadcrumb a:hover, .breadcrumb a:active {
    color: #72aa00;
}
ul.lang {
	width: 100%;
	padding: 0;
	margin: 0;
}
ul.lang li a {
	float: left;
	padding: 5px 7px;
	margin-left: 5px;
	background: #cccccc;
	font-weight: 700;
	color: #000000;
}
ul.lang li a:hover {
	background: #ff9900;
	color: #ffffff;
}
.lang-default {
	background: #ff9900!important;
	color: #ffffff!important;
	cursor: auto;
}
.menu-webshop {
	background: #6DEF00;
	margin-bottom: 0;
}
.menu-search {
	background: #6DEF00;
	border-top: 1px solid #000000;
	margin-bottom: 0;
}
.input-search {
	width: 80%;
	float: left;
	border: 1px solid #666666;
	padding: 5px;
}
.btn-search {
	width: 20%;
	float: left;
	border: none;
	padding: 0;
	text-align: center;
	background: none;
	cursor: pointer;
}
.btn-search img {
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
.btn-search:hover img {
	opacity: 0.5;
}
.tab-title {
	width: 100%;
	text-align: left;
	padding: 15px 20px;
	background: #ffdd00;
}
.tab-title {
	color: #000000;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
}
.tab-title a {
	color: #000000;
	display: inline-block;
}
.section-box {
	width: 100%;
	padding-bottom: 30px;
}
.tab-title span a {
    text-align: right;
    display: inline-block;
    float: right;
}
/*.tab-title a:hover, .tab-title span a:hover {
    color: #666666;
}*/
.top-news-section {
	width: 100%;
	padding: 0;
	margin: 0;
}
.topnews-pic {
	width: 60%;
	padding: 0;
	margin: 0;
	float: left;
}
.topnews-pic img {
	width: 100%;
}
.topnews-detail {
	width: 40%;
	padding: 15px 50px;
	margin: 0;
	float: left;
}
.topnews-detail h2 a {
	font-size: 18px;
	font-weight: 700;
	color: #666666;
	margin-bottom: 10px;
}
.topnews-txt {
	font-size: 14px;
	color: #5A5A5A;
	font-family: 'Open Sans',sans-serif,tahoma;
}
.slide-content-box {
	width: 100%;
	padding: 0;
	margin: 0;
}
.topcontent-pic {
	width: 60%;
	padding: 0;
	margin: 0;
	float: left;
}
.topcontent-pic img {
	width: 100%;
}
.topcontent-detail {
	width: 40%;
	padding: 15px;
	margin: 0;
	float: left;
}
.topcontent-detail h2 a {
	font-size: 18px;
	font-weight: 700;
	color: #666666;
	margin-bottom: 10px;
}
.topcontent-txt {
	font-size: 13px;
	color: #5A5A5A;
	font-family: 'Open Sans',tahoma,sans-serif;
}
.link-more {
	display: block;
}
.link-more a {
	color: #000000;
	text-decoration: underline;
	display: inline;
}
.link-more a:hover {
	color: #72aa00;
}
.tab-social {
	width: 100%;
}
.social-label {
	width: 30%;
	float: left;
	background: #cccccc;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
.social-icon {
	width: 70%;
	float: left;
}
.social-icon img {
	width: 60px;
	float: left;
	margin-right: 30px;
}
.long-box {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	border-top: 20px solid #ffdd00;
}
ul.half-content-box {
	width: 103%;
	padding: 0;
	margin: 0;
}
ul.half-content-box li {
	width: 48%;
	float: left;
	margin: 0 15px 20px 0;
	border-top: 20px solid #ffdd00;
}
.input-search-small {
	width: 80%;
	float: left;
	border: none;
	padding: 5px;
}
.btn-search-small {
	width: 20%;
	float: left;
	border: none;
	padding: 0 0 0 5px;
	text-align: center;
	background: none;
	cursor: pointer;
}
.btn-search-small img {
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
.btn-search-small:hover img {
	opacity: 0.5;
}
.title-h2 {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 0;
}
.title-h1 {
	font-size: 18px;
	font-weight: 700;
	padding: 0 0 10px 0;
	color: #5A5A5A;
}
.contact-wrapper p {
	margin:  0 0 30px 0;
	font-size: 12px;
	color: #5A5A5A;
}
.contact-wrapper p a {
	color: #5A5A5A;
}
.image-job {
	width: 100%;
}
.image-job img {
	width: 100%;
}
ul.job-box {
	width: 102%;
	padding: 0;
	margin: 5px 0 0 0;
}
ul.job-box li {
	width: 50%;
	padding: 0 25px 0 0;
	margin: 0 0 25px 0;
	float: left;
}
.job-position {
	width: 100%;
	padding: 10px 0;
}
.job-position b {
	padding-bottom: 10px;
	display: block;
}
.newsletter-wrapper {
	color: #000000;
	font-size: 12px;
	padding: 0 10px;
	margin-bottom: 100px;
}
.form-box {
	width: 100%;
	padding: 10px 0;
	margin: 0;
}
.form-box label {
	width: 10%;
	float: left;
	margin: 7px 0;
}
.form-box input, .form-box select {
	float: left;
	margin: 0 0 5px 0;
	padding: 5px;
	width: 20%;
}
.form-btn {
    margin: 15px 5px 0 0 !important;
    padding: 10px 16px !important;
    background: #000000;
    border: none;
    color: #ffffff;
    font-weight: bold;
    width: auto !important;
}
.form-btn:hover {
    background: #ff9900;
	cursor: pointer;
}
.newsletter-wrapper p {
	margin: 20px 0 10px 0;
}
.catalog-btn a {
	display: inline-block;
	background: url(../images/icon/catalog-cart.png) no-repeat #FFDD00 right 10px center;
	background-size: 25px;
	padding: 10px 40px 10px 10px;
	border-radius: 6px;
}
.catalog-pdf a {
	display: inline-block;
	background: url(../images/icon/catalog-pdf.png) no-repeat #FFDD00 right 10px center;
	background-size: 25px;
	padding: 10px 40px 10px 10px;
	border-radius: 6px;
	margin-top: 15px;
}
.catalog-pic {
	width: 20%;
	float: left;
	padding-right: 15px;
}
.catalog-pic img {
	width: auto;
}
.catalog-txt {
	float: left;
	width: 80%;
	padding-bottom: 70px;
	position: relative;
}
.link-download a {
	text-decoration: underline;
	color: #5A5A5A;
}
.catalog-big-box {
	width: 100%;
	padding: 20px 0;
	margin: 20px 0 100px 0;
	border-top: 1px solid #000000;
}
.catalog-big-pic {
	width: 50%;
	float: left;
	padding-right: 15px;
}
.catalog-big-pic img {
	width: 100%;
}
.catalog-big-txt {
	width: 50%;
	float: left;
}
.detail-page-wrapper {
	width: 70%;
	margin: 0 auto;
}
.news-title {
    font-size: 21px;;
    padding: 0 0 20px 0;
    color: #5A5A5A;
	font-weight: 700;
}
.detail-txt-box h2 {
    font-size: initial;
    /*padding: 15px 0 10px 0;
    color: #5A5A5A;
    text-transform: uppercase;
	font-weight: 700;*/
}
.detail-txt-box h3 {
    font-size: initial;
    /*padding: 0 0 10px 0;
    color: #5A5A5A;
	font-weight: bold;*/
}
.detail-txt-box {
    font-size: initial;
	/*color: #5A5A5A;
	padding-bottom: 100px;*/
}
.detail-txt-box img {
    max-width: 100%;
	/*color: #5A5A5A;
	padding-bottom: 100px;*/
}
ul.tab-footer-product {
    width: 85%;
    margin: 15px auto;
    text-align: center;
}
ul.tab-footer-product li {
    float: left;
    padding: 0 15px;
    width: 25%;
}
ul.tab-footer-product li img {
	width: 100%;
}
.footer-title {
	font-size: 15px;
	font-weight: 700;
	padding: 20px 10px;
}
.section-product-footer {
	width: 100%;
	background: #ffdf10;
	padding: 25px 10px;
}
.product-footer-box {
	width: 100%;
	padding: 0 6px;
}
.product-footer-box img {
	width: 100%;
}
ul.tab-footer-partner {
    width: 85%;
    margin: 25px auto;
    text-align: center;
}
ul.tab-footer-partner li {
    float: left;
    padding: 0 15px;
    width: 20%;
}
ul.tab-footer-partner li img {
	width: 100%;
}
.section-product-logo {
	width: 90%;
	margin: 20px auto 25px auto;
}
.content-fix {
	position: absolute;
	left: 1200px;
	top: 0;
	z-index: 99;
}
.tab-onlineshop {
	width: 35px;
	height: 100vh;
	position: fixed;
	top: 0;
	background: url(../images/tab-onlineshop.png) no-repeat #6f6f6f center center;
	background-size: 20px;
	cursor: pointer;
}
.tab-onlineshop:hover {
	background: url(../images/tab-onlineshop-hover.png) no-repeat #6f6f6f center center;
	background-size: 20px;
}

.dropdown-brand {
	visibility: hidden;
	position: absolute;
	padding: 10px;
	background: rgba(114,113,111,0.9);
	/*border: 1px solid #cccccc;*/
	z-index: 1000;
	top: 0;
	left: 143px;
	min-width: 450px;
	min-height: 210px;
}
.dropdown-mainbrand:hover .dropdown-brand {
	visibility: visible;
}
.dropdown-brand ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 50%;
}
.dropdown-brand li.labelbrand {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 5px 0;
}
.dropdown-brand ul li {
	display: block;
	margin-right: 0;
	border: none;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	float: unset;
	margin: 0;
	color: #2e2e2e;
	text-align: left;
	height: auto;
	line-height: normal;
	font-size: 14px;
	min-width: 200px;
}
.dropdown-brand ul li a {
	padding: 0;
	height: auto;
	line-height: normal;
	background: none;
}
.dropdown-brand ul li a:hover {
	background: none;
}
.btn-register {
	display: inline-block;
}
.btn-register a {
	padding: 5px;
	border-radius: 3px;
	background: red;
	color: #ffffff;
	font-size: 12px;
}
.quick-contact {display: inline-block; font-size: 12px;}
.quick-contact a {display: inline-block;;}
.quick-contact a:hover {text-decoration: underline;}
.tab-regis {
	float: right;
	margin: 10px 10px 0 10px;
}
.newsletter-box {
	width: 100%;
	padding: 15px;
	background: #ffdd00;
	text-align: center;
	margin-bottom: 15px;
}
.newsletter-box label {
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    vertical-align: middle;
	margin-right: 5px;
}
.newsletter-box input {
	padding: 5px;
	border: 1px solid #a1a1a1;
	text-align: center;
	margin-right: 5px;
}
.btn-signup {
	display: inline-block;
}
.btn-signup a  {
	padding: 5px;
	background: #000000;
	color: #ffdd00;
	text-transform: uppercase;
	text-align: center;
	border: none;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
}
.btn-top {
	position: absolute;
	top: -45px;
	right: 3px;
	background: #dadada;
	padding: 10px;
	border-radius: 10px;
	color: #000000;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-top i {
	font-size: 20px;
	line-height: 0;
	vertical-align: middle;
}
.btn-top span {
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
}
.btn-top:hover {
	background: #dadada;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-top:hover span {
	text-decoration: underline;
}
ul.policy-box {
	width: 33.3%;
	padding: 0 25px 0 0;
	margin: 35px 0 25px 0;
	float: left;
}
ul.policy-box li {
	width: 100%;
}
ul.policy-box li h3 {
	padding: 3px 0;
	border-top: 1px dashed #a0a0a0;
	border-bottom: 1px dashed #a0a0a0;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	color: #000000;
}
ul.policy-box li ol {
	margin: 15px 0 50px 0;
	padding: 0 0 0 20px;
	text-align: justify;
}
ul.policy-box li ol li {
	margin-bottom: 10px;
	width: 100%;
	display: list-item;
	list-style: decimal;
}
ul.policy-box li ol ul {
	margin: 15px 0 35px 0;
	padding: 0 0 0 20px;
}
ul.policy-box li ol ul li {
	margin-bottom: 0;
	width: 100%;
	display: list-item;
	list-style: circle;
}
.h3-event {font-size: 16px; font-weight: bold; margin: 10px 0 25px 0;}
ul.events-box {
	width: 102%;
	padding: 0;
	margin: 30px 0 0 0;
}
ul.events-box li {
	width: 50%;
	padding: 0 25px 0 0;
	margin: 0 0 25px 0;
	float: left;
}
.events-topic {
	width: 100%;
	padding: 10px 0;
	color: #5A5A5A;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
}
.events-detail {
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 27px;
	font-size: 13px;
}
.events-location {
	width: 100%;
	padding: 0;
	margin: 25px 0 10px 0;
	line-height: 27px;
	font-size: 13px;
}
.events-detail .link-more a {
	font-weight: bold;
	font-size: 14px;
	color: #5A5A5A;
}
.events-detail .link-more a:hover, .events-detail .link-more a:active {
    color: #72aa00;
    text-decoration: underline;
}
.events-location .link-more a {
	font-size: 13px;
	color: #5A5A5A;
}
.events-location .link-more a:hover, .events-detail .link-more a:active {
    color: #72aa00;
    text-decoration: underline;
}
.newsdetail-wrapper iframe {
	width: 100%;
	height: 533px;
}

.img-about{padding: 0;margin: 27px 0 17px 0;}
ul.img-about{padding: 0;margin: 0;width: 101%;}
ul.img-about li {overflow: hidden;margin:0;padding-right: 10px;list-style: none;width:33.3333%;float: left}
.img-about-left{float: left;width: 49.5%;margin: 0 11px 8px 0;}
.img-about-right{float: left;width: 49.5%;margin: 0 0 8px 0;}
.img-about-left img, .img-about-right img, ul.img-about li img, .img-about img {width: 100%}
.line-about{border-bottom: 1px solid #ccc;margin: 35px 0 48px 0;}
.img-3{height: 271px;}
.our-experts {background: #000;color: #fff;padding: 20px 0 20px 20px;font-size: 29px;font-weight: bold;}
.box-our-experts{padding: 0;margin: 27px 0 17px 0;}
.img-circle {width: 118px!important;border-radius: 50%;}
.experts-txt{float: left;margin-left: 50px;background: #FFC700;width: 87%;color: #000;padding-left: 22%;padding-top: 7px;
padding-bottom: 7px;line-height: 18px;}
.experts{float: left;width: 30%;position: absolute;}
.ico-experts {width: 25px!important;padding-right: 5px;}
ul.list-experts{padding: 0;margin: 0;width: 101%;}
ul.list-experts li {overflow: hidden;margin:0;padding-right: 10px;list-style: none;width:33.3333%;float: left;padding-bottom: 10px;}
.map-contact-txt {width: 30%;float: left;}
.map-contact-img {width: 60%;float: left;}

.map-contact-img img {

    width: 100%;

}