@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1350px){
    header nav ul.category li a{font-size:22px;}
}

@media only screen and (max-width: 1250px){
    header span.count{width:auto; padding:0px;}
    header nav ul.category li a{font-size:20px;}
    header aside{font-size:12px;}
    header.inner{margin:0px;}
    
    section.home a aside{width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); height:-moz-calc(100% - 60px); height:-webkit-calc(100% - 60px); height:-o-calc(100% - 60px); height:calc(100% - 60px); padding:30px;}
}

@media only screen and (max-width: 1200px){
    header nav ul.general li a{font-size:14px;}
    header nav ul.category li a{font-size:18px; padding:0px 15px;}
}

@media only screen and (max-width: 1100px){
    header nav ul.general li a{font-size:13px;}
    header nav ul.category li a{font-size:17px;}
    header.scroll-to-fixed-fixed nav ul.category li a{padding:0px 15px;}
}

@media only screen and (max-width: 1050px){
    header nav ul.general li a{font-size:12px; padding:0px 10px;}
    header nav ul.category li a{font-size:16px; padding:0px 10px;}
    
    section.headline div.info span.count h2{font-size:84px; line-height:84px;}
    section.headline div.info span.count h3{font-size:22px; line-height:26px;}
    
    section.points{padding:50px 0px;}
}

@media only screen and (max-width: 1000px){
    header{top:15px;}
    header a.logo{margin:0px;}
    header a.show{margin:27px 25px 0px 0px;}
    header nav{width:-moz-calc(100% - 230px); width:-webkit-calc(100% - 230px); width:-o-calc(100% - 230px); width:calc(100% - 230px); display:block; position:relative; float:left; padding:0px; margin:0px;}
    
    section.slider div.bx-wrapper .bx-viewport ul li{height:auto; padding:0px 0px 30px 0px;}
    section.slider div.bx-wrapper .bx-viewport ul li h1{font-size:72px; line-height:76px; margin:150px 0px 0px 0px;}
}

@media only screen and (max-width: 950px){
    header a.logo{width:200px; height:90px; float:left;}
    header a.show{display:block;}
    header aside{display:none;}
    
    header nav{width:auto; display:none; float:none; clear:both; padding:15px 0px; margin:0px;}
    header nav ul.general{background-color:#1f4fa2; text-align:left; padding:10px 0px 0px 0px;}
    header nav ul.category{background-color:#1f4fa2; text-align:left;}
    header nav ul.general li,
    header nav ul.category li{display:block; float:none;}
    header nav ul.general li a,
    header nav ul.category li a{font-size:14px; color:#FFF; text-decoration:none; line-height:28px; padding:5px 15px;}
    header nav ul.general li a:hover,
    header nav ul.category li a:hover{background-color:transparent; color:#e01212; text-decoration:none;}
    header nav ul.general li.select a,
    header nav ul.category li.select a{background-color:#FFF; color:#e01212; text-decoration:none;}
    
    header.inner{background-color:#f1f1f1;}
    header.inner nav{padding:0px;}
    
    section.slider span.controls{display:none;}
    section.slider div.bx-wrapper .bx-viewport ul li h1{font-size:64px; line-height:68px;}
    section.slider div.bx-wrapper .bx-viewport ul li h5{font-size:18px; line-height:24px;}
    section.slider div.bx-wrapper .bx-viewport ul li aside{margin:30px 0px 0px 30px;}
    section.slider div.bx-wrapper .bx-viewport ul li aside:first-of-type{margin:30px 0px 0px 0px;}
    section.slider div.bx-wrapper .bx-viewport ul li aside p{font-size:12px; line-height:16px; padding:10px 0px 0px 0px; margin:0px;}
    section.slider div.bx-wrapper .bx-viewport ul li aside strong{border-top:3px solid #e01212; font-size:36px; line-height:36px; padding:5px 0px 0px 0px; margin:0px 5px 0px 0px;}
    
    section.home{padding:50px 0px; margin:0px;}
    section.home p{font-size:16px; line-height:24px; margin:0px 0px 50px 0px;}
    section.home h4{font-size:36px; line-height:40px; margin:0px 0px 15px 0px;}
    section.home a aside{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); height:-moz-calc(100% - 30px); height:-webkit-calc(100% - 30px); height:-o-calc(100% - 30px); height:calc(100% - 30px); padding:15px;}
    
    footer article{padding:50px 0px;}
    
    section.headline div.info span.count h2{font-size:72px; line-height:72px;}
    section.headline div.info span.count h3{font-size:20px; line-height:24px;}
    
    section.page h4{font-size:34px; line-height:38px;}
    section.page h5{font-size:22px; line-height:26px;}
    
    section.page.contacts article div.box{width:auto; float:none; margin:0px 0px 15px 0px;}
    section.page.contacts article div.boxing{width:auto; float:none;}
    
    section.technicals{padding:50px 0px;}
    
    #google_translate_element{float:none; margin:0px 10px 10px 10px;}
}

@media only screen and (max-width: 900px){
    section.points{padding:30px 0px;}
    section.points h4{font-size:32px; line-height:36px; margin:0px 0px 15px 0px;}
    section.points a.img{width:-moz-calc(25% - 6px); width:-webkit-calc(25% - 6px); width:-o-calc(25% - 6px); width:calc(25% - 6px); margin:3px;}
    section.points a.img:nth-of-type(5n + 1){clear:none;}
    section.points a.img:nth-of-type(4n + 1){clear:left;}
    
    section.technicals h5{font-size:32px; line-height:36px; margin:0px 0px 15px 0px;}
}

@media only screen and (max-width: 850px){
    section.slider div.bx-wrapper .bx-viewport ul li h1{font-size:60px; line-height:64px;}
    section.slider div.bx-wrapper .bx-viewport ul li h5{font-size:17px; line-height:22px;}
    
    footer article ul.category li{margin:0px 10px;}
    footer article ul.category li a{font-family:'OpenSans'; font-size:14px;}
    footer article ul.general li{line-height:14px; padding:0px 10px;}
    
    section.headline div.info span.count h2{font-size:64px; line-height:64px;}
    section.headline div.info span.count h3{font-size:18px; line-height:22px; margin:15px 0px 0px 0px;}
    
    section.page span.answer{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); font-size:13px; line-height:18px; padding:20px 10px;}
    
    section.page.category a{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); margin:0px 0px 30px 10px;}
    section.page.category a:nth-of-type(3n + 1){clear:none; margin:0px 0px 30px 10px;}
    section.page.category a:nth-of-type(2n + 1){clear:left; margin:0px 0px 30px 0px;}
    section.page.category a p{font-size:12px; line-height:18px;}
    section.page.category a h4{font-size:20px; line-height:24px; margin:0px;}
    section.page.category a strong{top:-10px; right:10px; font-family:'OpenSansLight'; font-size:12px; line-height:14px; padding:3px 10px;}
}

@media only screen and (max-width: 800px){
    section.home{padding:30px 0px; margin:0px;}
    section.home p{font-size:12px; line-height:16px; margin:0px 0px 30px 0px;}
    section.home h4{font-size:24px; line-height:28px;}
    
    section.newsletter{padding:30px 0px;}
    
    footer article{padding:30px 0px;}
    
    section.page h4{font-size:32px; line-height:36px;}
    section.page h5{font-size:20px; line-height:24px;}
    
    section.technicals{padding:30px 0px;}
}

@media only screen and (max-width: 750px){
    section.slider div.bx-wrapper .bx-viewport ul li h1{font-size:52px; line-height:56px;}
    section.slider div.bx-wrapper .bx-viewport ul li h5{font-size:16px; line-height:20px;}
    
    section.headline div.info span.count h2{font-size:56px; line-height:56px;}
    section.headline div.info span.count h3{font-size:16px; line-height:20px;}
    
    section.filter{padding:15px 0px 20px 0px;}
    section.filter h6{font-size:18px; line-height:38px; margin:0px;}
    section.filter .slct{width:-moz-calc(100% - 120px); width:-webkit-calc(100% - 120px); width:-o-calc(100% - 120px); width:calc(100% - 120px);}
    
    section.page{padding:30px 0px;}
    
    section.page span.answer{font-size:12px; line-height:16px; padding:15px 0px;}
    
    section.page a.question{font-size:16px; line-height:16px; padding:10px;}
	section.page a.question span{font-size:48px;}
	section.page a.question span.open{margin:-5px 0px 0px 0px;}
	
	section.technicals h5{font-size:28px; line-height:32px;}
	section.technicals aside{min-width:inherit; display:block; border-left:none; text-align:center; padding:0px;}
    section.technicals aside strong{text-align:center;}
    section.technicals a.file{display:block; border-left:none; padding:0px; margin:0px auto;}
    section.technicals a.phone{display:block; border-left:none; text-align:center; padding:0px; margin:15px 0px 0px 0px;}
    section.technicals a.phone strong{text-align:center;}
}

@media only screen and (min-width: 700px){
    section.points div.hotspot .hotspot-item{width:36px; height:36px; position:absolute;}
	section.points div.hotspot .marker{top:auto; left:auto;}
    
	section.points div.hotspot .hotspot-popup{width:150px; position:absolute; left:58px; transform:translateY(-50%);}
	section.points div.hotspot .hotspot-popup::before{width:0; height:0; content: ""; position:absolute; top:50%; left:-5px; border-style:solid; border-width:16px 16px 16px 0px; border-color:transparent #e01212 transparent transparent; margin-top:-16px;}
	section.points div.hotspot .hotspot-popup.edge{left:auto; right:calc(100% + 24px);}
  	section.points div.hotspot .hotspot-popup.edge::before{left:auto; right:-16px; border-width:16px 0px 16px 16px; border-color:transparent transparent transparent #e01212;}
}

@media only screen and (max-width: 700px){
    section.home a aside div h3{font-size:44px; line-height:48px;}
    
    footer article div.social{margin:0px auto;}
    footer article ul.category,
    footer article ul.general{display:none;}
    
    section.page.contacts aside{width:auto; float:none; margin:0px 0px 30px 0px;}
    section.page.contacts article{width:auto; float:none;}
    
    section.points{padding:15px 0px;}
    section.points h4{font-size:28px; line-height:32px;}
    section.points div.hotspot .marker,
    section.points div.hotspot .hotspot-item,    
    section.points div.hotspot .hotspot-popup{display:none;}
    section.points a.img{width:-moz-calc(33.334% - 6px); width:-webkit-calc(33.334% - 6px); width:-o-calc(33.334% - 6px); width:calc(33.334% - 6px);}
    section.points a.img:nth-of-type(4n + 1){clear:none;}
    section.points a.img:nth-of-type(3n + 1){clear:left;}
}

@media only screen and (max-width: 650px){
    section.slider div.bx-wrapper .bx-viewport ul li h1{font-size:44px; line-height:48px;}
    section.slider div.bx-wrapper .bx-viewport ul li h5{font-size:15px; line-height:19px;}
    
    section.headline div.info span.count h2{font-size:48px; line-height:48px;}
    section.headline div.info span.count h3{font-size:14px; line-height:18px;}
}

@media only screen and (max-width: 600px){
    section.newsletter p{font-size:12px; line-height:16px; margin:5px 0px 15px 0px;}
    section.newsletter h4{font-size:36px; line-height:40px;}
    section.newsletter input{width:-moz-calc(100% - 120px); width:-webkit-calc(100% - 120px); width:-o-calc(100% - 120px); width:calc(100% - 120px); height:36px; font-size:12px; line-height:36px; padding:0px 10px; margin:0px 5px 0px 0px;}
    section.newsletter a.button{font-size:12px; line-height:36px; padding:0px 15px;}
    
    section.page h4{font-size:28px; line-height:32px;}
    section.page h5{font-size:18px; line-height:22px;}
}

@media only screen and (max-width: 550px){
    section.slider div.bx-wrapper .bx-viewport ul li h1{font-size:36px; line-height:40px;}
    section.slider div.bx-wrapper .bx-viewport ul li h5{font-size:14px; line-height:18px;}
    section.slider div.bx-wrapper .bx-viewport ul li aside{display:none;}
    
    section.page{padding:15px 0px;}
    
    section.page a.question{font-size:14px; line-height:14px;}
	section.page a.question span{font-size:36px;}
}

@media only screen and (max-width: 500px){
    section.home a aside div p{ font-size:12px; line-height:16px;}
    section.home a aside div h3{font-size:36px; line-height:40px;}
    section.home a aside div em{font-size:12px; line-height:30px; padding:0px 10px;}
    
    section.headline div.info span.count h2{font-size:32px; line-height:32px;}
    section.headline div.info span.count h3{font-size:13px; line-height:17px;}
    
    section.page.category a,
    section.page.category a:nth-of-type(2n + 1){width:auto; float:none; clear:none; border-bottom:3px solid #CCC; padding:0 0 30px 0; margin:0 0 40px 0;}
    
    section.technicals h5{font-size:24px; line-height:28px;}
    section.technicals table tr th{width:auto; display:block; border-bottom:none; font-size:12px; line-height:16px; text-align:center; padding:6px;}
    section.technicals table tr td{border-left:none; display:block; text-align:center;  padding:10px;}
}

@media only screen and (max-width: 450px){
    section.home a aside{-webkit-align-items:center; align-items:center;}
    section.home a aside div{width:100%; text-align:center;}
    section.home a aside div p,
    section.home a aside div em{display:none;}
    section.home a aside div h3{font-size:30px; line-height:36px; text-align:center; margin:0px;}
    
    section.page h4{font-size:24px; line-height:28px;}
    section.page h5{font-size:14px; line-height:18px;}
    
    section.points h4{font-size:24px; line-height:28px;}
    section.points a.img{width:-moz-calc(50% - 6px); width:-webkit-calc(50% - 6px); width:-o-calc(50% - 6px); width:calc(50% - 6px);}
    section.points a.img:nth-of-type(3n + 1){clear:none;}
    section.points a.img:nth-of-type(2n + 1){clear:left;}
	
	div.action .up{width:32px; height:32px;}
	div.action .up p{border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #FFF; margin:-2px auto 0 auto;}
	div.action img{width:32px; height:32px;}
}

@media only screen and (max-width: 400px){
    section.home a aside div h3{font-size:24px; line-height:28px;}
    
    footer aside{padding:15px 0px;}
    footer aside a{margin:0px 10px;}
    footer aside strong{font-size:14px;}
    
    section.headline div.info span.count{padding:15px;}
    section.headline div.info span.count h2{font-size:26px; line-height:26px;}
    section.headline div.info span.count h3{font-size:12px; line-height:16px;}
    
    section.technicals h5{font-size:20px; line-height:24px;}
}

@media only screen and (max-width: 350px){
    section.filter h6{float:none; line-height:22px;}
    section.filter .slct{width:100%; float:none; margin:5px 0px 0px 0px;}
}

@media only screen and (max-width: 300px){
    section.page.category a p{display:none;}
}