@charset "UTF-8";
html{background:#FFF;color:#333; font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0}img{border:0}ol,ul{list-style:none}h1,h2,h3{font-weight:normal;font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit}input,textarea,select{*font-size:100%}legend{color:#000}a{color:inherit;text-decoration:none}a:hover{text-decoration: none}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::-webkit-scrollbar { width: 5px; height: 8px; }
	::-webkit-scrollbar-track:enabled { background-color: transparent; }
	::-webkit-scrollbar-thumb:vertical { background-color: #fb5e1d; }
	::-webkit-scrollbar-thumb:horizontal { background-color: #fb5e1d; }
}
::selection {background: #fb5e1d;color: #ffffff;}
::-moz-selection {background: #fb5e1d;color: #ffffff;}
::selection {	background: #fb5e1d;color: #ffffff;}
::-moz-selection {background: #fb5e1d;color: #ffffff;}

.fl{float:left} .fr{float:right}
.clear:after{content:'\20';display:block;height:0;clear:both}
.hide{ display: none}
.oh{overflow: hidden}
.tac{ text-align: center}
.db{ display: block}
.dib{ display: inline-block}
.pr{ position: relative}
.img-scale{ transition: all 0.3s}
.img-scale:hover{transform: scale(1.05)}
.trans3{ transition: all 0.3s}
.trans4{ transition: all 0.4s}
.trans5{ transition: all 0.5s}
.cp{ cursor: pointer}
.ihover:hover{ color: #fb5e1d}
.w19{ max-width: 1920px; margin: 0 auto}
.w18{ max-width: 1800px; margin: 0 auto}
.w16{ max-width: 1600px; margin: 0 auto}
.w15{ max-width: 1500px; margin: 0 auto}
.w14{ max-width: 1400px; margin: 0 auto}
.w13{ width: 1300px; margin: 0 auto}
.w12{ max-width: 1200px; margin: 0 auto}
.tof1{ text-overflow:ellipsis; white-space: nowrap}
.tof2{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tof3{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.head{ padding: 5px 0}
.head .fr{font-size: 24px;font-weight: bold;}
.head .email-icon{ display: inline-block; width: 25px; height: 25px; background: url(../img/little-icon.png) no-repeat -48px -10px; margin-bottom: -5px}
.head .email{ cursor: default}
.head .language-icon{ display: inline-block; width: 17px; height: 16px; background: url(../img/little-icon.png) no-repeat -92px -14px; margin: 0 0 -2px 15px}
.head .language-switch{ cursor: default}
.head .languages{ display: none; position: absolute; top: 20px; left: -36px; width: 100px; background-color: rgba(39,39,39,0.7); text-align: center; padding-bottom: 10px; z-index: 2; border-radius: 5px}
.head .languages li{ padding-top: 10px; color: #fff}
.head .share{ height: 30px; margin-bottom: 15px}
.head .share a{ margin-right: 17px}
.head .share a:hover > span{ opacity:1 !important;}
.a2a_menu a.a2a_i:hover svg path{fill:#ff6700;}
.head .share a:hover svg path{fill:#ff6700;}
.head .share .num,.footer-l .share .num{ width: 32px; height: 22px; margin: 5px 0 0 -5px; cursor: default}
.head .share .num{ background: url(../img/little-icon.png) no-repeat -205px -10px}
.footer-l .share .num{ background: url(../img/little-icon.png) no-repeat -244px -9px}
.a2a_menu a{ color: #4c4c4c !important}
.a2a_menu a:hover{ color: #fb5e1d !important}
.share-plug a:hover{color: #fb5e1d !important;}
.share-plug a:hover svg path{fill:#ff6700 !important}

.nav{ background-color: #e1e1e1}
.nav .inner{ width: 1060px; padding-right: 240px}
.nav .inner .first{ float: left; width: 12.5%; text-align: center; font-family: Arial}
.nav .inner .first .actions{ border-bottom: 3px solid #fb5e1d;}
.nav .inner .first.Contacts a{ border-right:none;}
.nav .inner .first:after{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; width: 0; height: 3px; margin: 0 auto; transition: all 0.3s}
/*.nav .inner .first:after{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; width: 0; height: 3px; margin: 0 auto; background-color: #fb5e1d; transition: all 0.3s}*/
.nav .inner .first:hover:after{ width: 80%}
.nav .inner .first-link{ display: block; border-right: 1px solid #d3d3d3; line-height: 52px;}
.nav .inner .first:hover .first-link{ color: #fb5e1d}
.nav form{ position: absolute; width: 230px; height: 30px; right: 0px; top: 50%; margin-top: -15px}
.nav form .text{ width: 60%; height: 28px; border:none;  padding-left:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nav form .submit{ width: 33%; height: 28px; background-color: #686868; color: #fff; text-indent: 12px; border: none; font-size: 14px; vertical-align: top}
.nav form .text:focus{ outline:none;}
.nav form .submit:hover{ background-color: #fb5e1d}
.nav form .submit:after{ position: absolute; left: 9px; top: 9px; content: ''; width: 11px; height: 11px; background: url(../img/little-icon.png) no-repeat -174px -17px}
.nav form .submit:hover:after{ top: 8px}
.nav .sub-menu{ display: none; position: absolute; top: 100%; width: 185%; background-color: rgba(245,245,245,0.8); z-index: 2}
.nav .sub-menu a{ display: block; padding-left: 20px; line-height: 44px; text-align: left; transition: all 0.3s}
.nav .sub-menu a:hover{ background-color: #fff; color: #fb5e1d}

.pro-nav{ position: absolute; top: 100%; width: 100%; height: 700px; background-color: rgba(0,0,0,0.85); z-index: 3; display: none;}
.pro-nav-ctn{ width: 1300px; margin: 0 auto; padding-top: 20px;}
.cate-list{ color: #ddd}
.cate-list li{ width: 20%; float: left; font-family: Arial, Helvetica, sans-serif;}
.cate-list li .hd{}
.cate-list li a{ transition: all 0.3s;}
.cate-list li .hd img{ width: 90%; margin: 0 auto; border-radius: 3px;}
.cate-list li .ct{ padding: 10px 0; margin: 0 5px; border-bottom: 1px dotted #eaeaea; font-weight: bold;}
.cate-list li .pro-names{ margin-top: 5px; padding-left: 10px;}
.cate-list li .pro-names a{ display: block; text-align: left; font-size: 14px; padding: 7px 0;}
.cate-list li .pro-names i{ width: 5%; float: left;}
.cate-list li .pro-names span{ width: 95%; float: left; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.cate-list li .pro-names a:hover span{ -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}
.cate-list li a:hover{ color: #fb5e1d;}
.cate-list li .pro-names .more{ font-weight: bold;}

.friendlink{ padding: 30px 0; background-color: #f4f4f4; margin-top: 50px}
.friendlink .hd{ padding-right: 30px; border-right: 1px solid #d6d6d6; font-size: 26px; color: #ff6700; font-weight: bold}
.friendlink a{ padding: 0 20px}

.footer{ padding-top: 30px; background-color: #2c2b2b; color: #acabab}
.footer h1{ color: #fff; font-weight: bold; font-size: 20px; margin-bottom: 25px}
.footer-l{ width: 30%; padding-left: 30px}
.footer-l a{ position: relative; font-size: 14px; color: #acabab; padding-left: 20px; margin-bottom: 15px;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.footer-l a:hover svg path{fill:#ff6700;}
.footer-l a:hover >span{ opacity:1 !important;}
.footer-l .plist:before{ content: ''; width: 5px; height: 5px; background-color: #acabab; border-radius: 50%; position: absolute; left: 0; margin: auto;top: 0;bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.footer-l a.plist:hover{ padding-left:15px;}
.footer-l a:hover:before{ background-color: #fb5e1d;}

.footer-c{ width: 35%; margin: 0 auto; border-left: 1px solid #565555; border-right: 1px solid #565555; text-align: center; padding: 0 20px; box-sizing: border-box;}
.footer-c h1,.footer-c li{ text-align: left}
.footer-c li{ font-size: 14px; color: #acabab; margin-bottom: 15px; padding-left: 25px}
.footer-c li .fa{ position: absolute; left: 0px; top: 3px}
.footer-c .fa-volume-control-phone{ font-size: 16px; left: 1px !important}
.footer-c .fa-whatsapp{ font-size: 16px}
.footer-c .fa-skype{ font-size: 16px}
.footer-c .fa-envelope-open-o{ font-size: 14px}
.footer-c .fa-map-marker{ font-size: 16px; left: 2px !important}
.footer-r{ width: 30%}
.footer-r form{ width: 80%}
.footer-r .input{ width: 100%; text-indent: 5px; color: #fff}
.footer-r input{ background-color: #4a4949; border: 1px solid #4a4949; margin-bottom: 10px; height: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.footer-r textarea{resize: none; background-color: #4a4949; border: 1px solid #4a4949; padding-top:3px;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.footer-r input:focus,.footer-r textarea:focus{outline:none;border: 1px solid #fb5e1d;}
.footer-r button{ border: none; background-color: #fb5e1d; text-align: center; color: #fff; padding: 10px 28px; margin-top: 15px}
.footer-r button:hover{ background-color: #fb4900}
.footer .ft{ padding: 25px 0; margin-top: 50px; border-top: 1px solid #565555}

.pro-main .section-ctn table{border-spacing: 0;}
.pro-main .section-ctn table tr td{border: 1px dashed #333;}

@keyframes point {
	0% { transform: translate(0, 5px)}
	/*10% { transform: translate(0, 0)}*/
	/*20% { transform: translate(0, 5px)}*/
	100% { transform: translate(0, 0)}
}
@keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg)}
	10% { transform: translate(-1px, -2px) rotate(-1deg)}
	20% { transform: translate(-3px, 0px) rotate(1deg)}
	30% { transform: translate(3px, 2px) rotate(0deg)}
	40% { transform: translate(1px, -1px) rotate(1deg)}
	50% { transform: translate(-1px, 2px) rotate(-1deg)}
	60% { transform: translate(-3px, 1px) rotate(0deg)}
	70% { transform: translate(3px, 1px) rotate(-1deg)}
	80% { transform: translate(-1px, -1px) rotate(1deg)}
	90% { transform: translate(1px, 2px) rotate(0deg)}
	100% { transform: translate(1px, -2px) rotate(-1deg)}
}
@keyframes text_animation {
	0% {background-position: 0 0}
	100% {background-position: -100% 0}
}
@font-face {
	font-family: "FlamaCondensed-Basic";
	src: url("../font/FlamaCondensed/FlamaCondensed-Basic.eot"); /* IE9*/
	src: url("../font/FlamaCondensed/FlamaCondensed-Basic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		 url("../font/FlamaCondensed/FlamaCondensed-Basic.woff2") format("woff2"), /* chrome firefox */
		 url("../font/FlamaCondensed/FlamaCondensed-Basic.woff") format("woff"), /* chrome firefox */
		 url("../font/FlamaCondensed/FlamaCondensed-Basic.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
		 url("../font/FlamaCondensed/FlamaCondensed-Basic.svg#basic") format("svg"); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: "voestalpine";
	src: url("../font/voestalpine/voestalpine-Regular.eot");
	src: url("../font/voestalpine/voestalpine-Regular.eot?#iefix") format("embedded-opentype"),
		 url("../font/voestalpine/voestalpine-Regular.woff2") format("woff2"),
		 url("../font/voestalpine/voestalpine-Regular.woff") format("woff"),
		 url("../font/voestalpine/voestalpine-Regular.ttf") format("truetype"),
		 url("../font/voestalpine/voestalpine-Regular.svg#basic") format("svg");
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: "DINPro";
	src: url("../font/DINPro/DINPro-Regular.eot"); /* IE9*/
	src: url("../font/DINPro/DINPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		 url("../font/DINPro/DINPro-Regular.woff2") format("woff2"), /* chrome firefox */
		 url("../font/DINPro/DINPro-Regular.woff") format("woff"), /* chrome firefox */
		 url("../font/DINPro/DINPro-Regular.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
		 url("../font/DINPro/DINPro-Regular.svg#basic") format("svg"); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "DINPro-M";
	src: url("../font/DINPro-M/DINPro-Medium.eot"); /* IE9*/
	src: url("../font/DINPro-M/DINPro-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		 url("../font/DINPro-M/DINPro-Medium.woff2") format("woff2"), /* chrome firefox */
		 url("../font/DINPro-M/DINPro-Medium.woff") format("woff"), /* chrome firefox */
		 url("../font/DINPro-M/DINPro-Medium.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
		 url("../font/DINPro-M/DINPro-Medium.svg#basic") format("svg"); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "HelveticaNeueLTS";
	src: url("../font/HelveticaNeueLTS/HelveticaNeueLTStd-Roman.eot"); /* IE9*/
	src: url("../font/HelveticaNeueLTS/HelveticaNeueLTStd-Roman.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		 url("../font/HelveticaNeueLTS/HelveticaNeueLTStd-Roman.woff2") format("woff2"), /* chrome firefox */
		 url("../font/HelveticaNeueLTS/HelveticaNeueLTStd-Roman.woff") format("woff"), /* chrome firefox */
		 url("../font/HelveticaNeueLTS/HelveticaNeueLTStd-Roman.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
		 url("../font/HelveticaNeueLTS/HelveticaNeueLTStd-Roman.svg#basic") format("svg"); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "opensans";
	src: url("../font/opensans/opensans.eot"); /* IE9*/
	src: url("../font/opensans/opensans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		 url("../font/opensans/opensans.woff2") format("woff2"), /* chrome firefox */
		 url("../font/opensans/opensans.woff") format("woff"), /* chrome firefox */
		 url("../font/opensans/opensans.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
		 url("../font/opensans/opensans.svg#basic") format("svg"); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "opensans-bold";
	src: url("../font/opensans-bold/opensans-bold.eot"); /* IE9*/
	src: url("../font/opensans-bold/opensans-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		 url("../font/opensans-bold/opensans-bold.woff2") format("woff2"), /* chrome firefox */
		 url("../font/opensans-bold/opensans-bold.woff") format("woff"), /* chrome firefox */
		 url("../font/opensans-bold/opensans-bold.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
		 url("../font/opensans-bold/opensans-bold.svg#basic") format("svg"); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}
.ripple-effect {
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
	user-select: none;
	z-index: 1;
}
.ripple-effect .ripple {
	display: block;
	position: absolute;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.5);
	transform: scale(0);
	pointer-events: none;
}
.ripple-effect .animated {
	animation: ripple 0.6s linear;
}
@keyframes ripple {
	100% { opacity: 0; transform: scale(2.5);}
}
