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

* {
	outline:none;
	box-sizing:border-box;
	padding:0;
	margin:0;
}

html{
	height:100%;
	padding:0;
	margin:0;
}

body{
	background-color:#000;
	font-family:'OpenSansLight';
	font-size:clamp(14px, 2vw, 16px);
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:150%;
	padding:0;
	margin:0;
}

/* ALL */
.clear{height:0; display:block; clear:left; font-size:0; line-height:0;}
.clean{height:0; display:block; clear:right; font-size:0; line-height:0;}
.cleall{height:0; display:block; clear:both; font-size:0; line-height:0;}

hr{height:1px; background-color:#FFF; border:none; color:#FFF; margin:clamp(15px, 3vw, 30px) 0;}
img{max-width:100%; height:auto; border:none;}

ul,
ol{display:block; padding:0; margin:clamp(5px, 2vw, 15px) 0 clamp(5px, 2vw, 15px) clamp(10px, 2vw, 20px);}
ul li{list-style-type:square; padding:0; margin:0;}

a,
.link{color:#DB373B; text-decoration:none; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a:hover,
.link:hover{text-decoration:underline;}

.button{display:inline-block; position:relative; background-color:transparent; border:2px solid #FFF; font-family:'OpenSans'; font-size:clamp(15px, 2vw, 18px); color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; text-align:center; line-height:43px; padding:0 clamp(15px, 3vw, 30px); margin:0; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.button:hover{background-color:#921a1d; border:2px solid #921a1d; color:#FFF; text-decoration:none;}

.hide{display:none;}
.count{max-width:1400px; display:block; position:relative; padding:0 clamp(10px, 2vw, 15px); margin:0 auto;}
.cookies{font-size:12px; line-height:140%;}

/* STATUS */
small{display:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:clamp(10px, 1vw, 12px); text-decoration:none; text-transform:none; padding:0; margin:0;}
small.error{display:block; color:#D52F2F;}
small.success{display:block; color:#5DDE07;}
small.loading{display:block; color:#C1BEBE;}

small img,
small svg{vertical-align:text-bottom; padding:0; margin:0 clamp(5px, 1vw, 10px) 0 0;}

/* INPUT */ 
input{width:100%; height:43px; display:block; position:relative; background-color:#F1F1F1; border:none; font-family:'OpenSans', sans-serif; font-size:14px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0 clamp(10px, 2vw, 15px); margin:0 0 clamp(10px, 2vw, 15px) 0;}
input.error{background-color:#FEF1F1; color:#EC4343; text-decoration:none;}

:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus, 
:-webkit-autofill:active{background-color:#FFF !important; border:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;}

/* TEXTAREA */
textarea{width:100%; height:200px; display:block; position:relative; background-color:#F1F1F1; border:none; font-family:'OpenSans', sans-serif; font-size:14px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; line-height:140%; padding:clamp(10px, 2vw, 15px); margin:0 0 clamp(10px, 2vw, 15px) 0;}
textarea.error{background-color:#FEF1F1; color:#EC4343; text-decoration:none;}

/* HEADER */
header{width:100%; display:block; position:absolute; top:clamp(15px, 3vw, 30px); padding:0; margin:0; z-index:9999;}

/* --- LOGO --- */
header .logo{width:400px; height:45px; fill:#FFF; display:block; position:relative; float:left; padding:0; margin:10px 0 0 0; cursor:pointer;}
header .logo:hover{opacity:0.75;}

/* --- SHOW --- */
header a.show{display:none; float:right; font-size:36px; color:#FFF; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase; line-height:28px; padding:15px 0 0 0; margin:0;}
header a.show:hover{color:#666; text-decoration:none;}

/* --- NAVIGATION --- */
header nav{display:block; float:right; padding:0; margin:8px 0 0 0;}
header nav ul{display:block; position:relative; list-style:none; padding:0; margin:0;}
header nav ul li{display:block; position:relative; float:left; list-style:none; padding:0; margin:0;}

header nav ul li a{display:block; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:40px; padding:0 clamp(15px, 3vw, 30px) 0 0; margin:0; cursor:pointer;}
header nav ul li a p{width:0; height:0; display:inline-block; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #FFF; vertical-align:middle; padding:0; margin:0 0 0 5px;}

header nav ul li a:hover{color:#DB373B; text-decoration:none;}
header nav ul li a:hover p{border-top:5px solid #DB373B;}

header nav ul li.select a{color:#DB373B; text-decoration:none;}

header nav ul li div{min-width:240px; display:none; position:absolute; background-color:rgba(0,0,0,0.5); padding:clamp(10px, 2vw, 15px) 0 0 0; margin:0 0 0 -10px;}
header nav ul li div a{color:#FFF; text-transform:none; line-height:30px; padding:0 10px;}

header nav ul li:hover a{color:#DB373B; text-decoration:none;}
header nav ul li:hover a p{border-top:5px solid #DB373B;}
header nav ul li:hover div{display:block;}
header nav ul li:hover div a{color:#FFF;}
header nav ul li:hover div a:hover{color:#DB373B;}

/* --- STICKLY --- */
header.pinned{position:-webkit-sticky; position:sticky; top:-1px; background-color:#FFF; padding:10px 0 15px 0; box-shadow:0 3px 7px rgba(0,0,0,0.2);}
header.pinned .logo{fill:#000;}
header.pinned a.show{color:#000;}

header.pinned nav ul li a{color:#000;}
header.pinned nav ul li a:hover{color:#921a1d;}
header.pinned nav ul li a p{border-top:5px solid #000;}
header.pinned nav ul li.select a{color:#DB373B;}

header.pinned nav ul li div{background-color:#FFF;}
header.pinned nav ul li div a{color:#000;}
header.pinned nav ul li div a:hover{background-color:#f1f1f1;}

/* PAGE */
section.page{display:block; position:relative; padding:0; margin:0;}

/* --- HEADLINE --- */
section.page h1{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(36px, 6vw, 55px); color:#FFF; text-decoration:none; font-weight:bold; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.page h2{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(32px, 6vw, 55px); color:#FFF; text-decoration:none; font-weight:bold; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(10px, 2vw, 15px) 0;}
section.page h3{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(24px, 3vw, 32px); color:#FFF; text-decoration:none; font-weight:bold; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(10px, 2vw, 15px) 0;}
section.page h4{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(32px, 6vw, 55px); color:#FFF; text-decoration:none; font-weight:bold; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(10px, 2vw, 15px) 0;}
section.page h5{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(24px, 4vw, 36px); color:#FFF; text-decoration:none; font-weight:bold; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(10px, 2vw, 15px) 0;}

/* --- VIDEO --- */
section.page.video{margin:0 0 clamp(40px, 8vw, 80px) 0;}

/* === CONTENT === */
section.page.video div.info{max-width:500px; height:100%; display:-webkit-flex; display:flex; position:absolute; color:#FFF; text-decoration:none; padding:0; margin:0; z-index:99; -webkit-align-items:center; align-items:center;}
section.page.video div.info p{display:block; position:relative; font-size:clamp(15px, 2vw, 20px); line-height:150%;}

/* === MASK === */
section.page.video div.mask{width:100%; max-width:1180px; height:804px; display:block; position:relative; overflow:hidden; padding:0; margin:0 0 0 530px; z-index:1; -webkit-mask-image:url(../Images/Backgrounds/video.svg); mask-image:url(../Images/Backgrounds/video.svg); aspect-ratio:1180/804;}
section.page.video div.mask video{width:1600px; height:auto; display:block; position:relative; padding:0; margin:-50px 0 0 -200px; aspect-ratio:800/450;}
section.page.video div.mask .gradient{width:100%; height:75%; display:block; position:absolute; background-image:linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0)); padding:0; margin:0; z-index:99;}

/* --- WHY --- */
section.page.why{text-align:center; margin:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.why p{font-size:clamp(18px, 2vw, 24px); line-height:120%; margin:0 0 clamp(40px, 8vw, 80px) 0;}

/* === BOX === */
section.page.why div.box{width:25%; display:block; float:left; position:relative; padding:0 clamp(10px, 2vw, 15px); margin:0;}
section.page.why div.box:nth-of-type(4n + 1){clear:left;}

section.page.why div.box p{display:block; font-size:clamp(14px, 2vw, 16px); padding:0; margin:0 auto;}
section.page.why div.box svg{display:block; fill:#921a1d; padding:0; margin:0 auto clamp(20px, 4vw, 40px) auto;}
section.page.why div.box strong{display:block; font-family:'OpenSansBold'; font-size:clamp(15px, 3vw, 30px); color:#FFF; text-decoration:none; font-weight:bold; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(10px, 2vw, 20px) 0;}

/* --- ITEMS --- */
section.page.items{margin:0 0 clamp(40px, 8vw, 80px) 0;}

/* === LINK === */
section.page.items a{display:block; position:relative; position:0; margin:0 2px;}
section.page.items a picture{display:block; position:relative; position:0; margin:0; opacity:0.75; z-index:1;}

section.page.items a div.info{width:100%; height:100%; position:absolute; padding:clamp(15px, 3vw, 30px); margin:0; z-index:99;}
section.page.items a div.info p{display:block; font-size:clamp(14px, 2vw, 16px); color:#FFF; padding:0; margin:0;}
section.page.items a div.info h3{line-height:120%; margin:0;}
section.page.items a div.info em{display:inline-block; position:absolute; bottom:clamp(15px, 3vw, 30px); background-color:transparent; border:2px solid #FFF; font-family:'OpenSans'; font-size:clamp(15px, 2vw, 18px); color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; text-align:center; line-height:43px; padding:0 clamp(15px, 3vw, 30px); margin:0;}
section.page.items a div.info em:hover{background-color:#921a1d; border:2px solid #921a1d; color:#FFF; text-decoration:none;}

section.page.items .list a{width:-moz-calc(33.3334% - 37px); width:-webkit-calc(33.3334% - 37px); width:-o-calc(33.3334% - 37px); width:calc(33.3334% - 37px); float:left; margin:20px 0 35px 55px;}
section.page.items .list a:nth-of-type(3n + 1){clear:left; margin:20px 0 35px 0;}

/* --- INFO --- */
section.page.info{margin:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.info p{display:block; position:relative; font-size:clamp(18px, 4vw, 36px); z-index:99;}
section.page.info h4{margin:0; z-index:99;}

/* === LINK === */
section.page.info a{display:block; position:relative; color:#FFF; line-height:clamp(14px, 2vw, 16px); margin:clamp(40px, 8vw, 80px) 0 0 0; z-index:99;}
section.page.info a svg{display:inline-block; vertical-align:middle; fill:#FFF; padding:0; margin:0 clamp(5px, 1vw, 10px) 0 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.page.info a:hover{text-decoration:none;}
section.page.info a:hover svg{margin:0 5px;}

/* === BOX === */
section.page.info div.box{width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); min-height:200px; display:block; float:left; position:relative; background-color:#921a1d; padding:clamp(15px, 5vw, 50px); margin:0;}
section.page.info div.box svg.element{display:block; position:absolute; right:40px; bottom:35px; fill:#FFF; padding:0; margin:0; z-index:1;}

section.page.info div.box.blue{background-color:#002f67; margin:0 0 0 clamp(20px, 4vw, 40px);}
section.page.info div.box.blue a{margin:clamp(36px, 6vw, 56px) 0 0 0;}

/* --- BRAND --- */
section.page.brand{margin:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.brand picture{width:40%; display:block; float:left; padding:0; margin:0;}

/* === INFO === */
section.page.brand div.info{width:60%; display:block; float:left; padding:clamp(20px, 4vw, 40px); margin:0;}
section.page.brand div.info p{display:block; margin:0 0 clamp(15px, 3vw, 30px) 0;}

/* --- REVIEWS --- */
section.page.reviews{margin:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.reviews .button{max-width:200px; display:block; margin:clamp(15px, 3vw, 30px) auto 0 auto;}

/* === HEADLINE === */
section.page.reviews div.headline{width:250px; float:left; padding:0; margin:0 clamp(30px, 5vw, 50px) 0 0;}
section.page.reviews div.headline h6{display:block; font-family:'OpenSansBold'; font-size:clamp(32px, 6vw, 64px); font-weight:normal; line-height:100%; padding:0; margin:0;}
section.page.reviews div.headline strong{display:block; font-size:clamp(18px, 3vw, 30px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0;}

/* === CONTENT === */
section.page.reviews div.content{width:-moz-calc(100% - 300px); width:-webkit-calc(100% - 300px); width:-o-calc(100% - 300px); width:calc(100% - 300px); position:relative; float:left; padding:0; margin:0;}
section.page.reviews div.content.full{width:auto; float:none;}

section.page.reviews div.content .testimonial{background-color:#333; padding:clamp(15px, 3vw, 30px); margin:clamp(15px, 3vw, 30px) 0 0 0;}

section.page.reviews div.content picture{display:block; position:relative; float:left; overflow:hidden; padding:0; margin:0 clamp(10px, 2vw, 15px) 0 0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; aspect-ratio:1/1;}

/* +++ TEXT +++ */
section.page.reviews div.content p{display:block; position:relative; font-size:clamp(18px, 2vw, 24px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:150%; padding:0; margin:0 0 clamp(10px, 2vw, 15px) 0;}
section.page.reviews div.content p svg{display:inline-block; fill:#DDD; vertical-align:bottom; padding:0; margin:0 clamp(5px, 1vw, 10px) 0 0;}
section.page.reviews div.content p svg.close{vertical-align:top; margin:0 0 0 clamp(5px, 1vw, 10px); rotate:180deg;}

/* +++ INFO +++ */
section.page.reviews div.content .info{width:-moz-calc(100% - 75px); width:-webkit-calc(100% - 75px); width:-o-calc(100% - 75px); width:calc(100% - 75px); position:relative; float:left; line-height:60px; padding:0; margin:0;}
section.page.reviews div.content .info strong{font-family:'OpenSansBold'; color:#921a1d; font-weight:normal;}

/* === CONTROLS === */
section.page.reviews ul.slick-dots{display:block; text-align:center; padding:0; margin:clamp(10px, 2vw, 15px) 0 0 0;}
section.page.reviews ul.slick-dots li{display:inline-block; vertical-align:middle; padding:0; margin:0 5px;}
section.page.reviews ul.slick-dots li button{width:12px; height:12px; display:block; position:relative; background-color:#ebebeb; border:none; text-indent:-9999px; padding:0; margin:0; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
section.page.reviews ul.slick-dots li button:hover{background-color:#CCC;}
section.page.reviews ul.slick-dots li.slick-active button{background-color:#921a1d;}

/* --- HEADLINE --- */
section.page.headline{margin:clamp(60px, 12vw, 120px) 0 clamp(15px, 3vw, 30px) 0;}
section.page.headline div.map{width:100%; height:100%; display:block; position:absolute; top:0; left:0; background-color:#CCC; padding:0; margin:0; z-index:99; aspect-ratio:1400/500; pointer-events:all;}

/* === IMAGE === */
section.page.headline picture{display:block; position:relative; padding:0; margin:0; z-index:1; pointer-events:none;}
section.page.headline picture img{display:block; position:relative; padding:0; margin:0;}

/* === INFO === */
section.page.headline .info{width:100%; height:100%; display:-webkit-flex; display:flex; position:absolute; top:0; left:0; padding:0; margin:0; z-index:999; -webkit-align-items:flex-start; align-items:flex-start; pointer-events:none;}
section.page.headline .info .center{width:100%;}
section.page.headline .info .center h1{display:inline-block; background-color:#FFF; color:#000; text-align:center; padding:clamp(5px, 1vw, 10px); margin:clamp(10px, 12vw, 260px) 0 0 0; z-index:99;}

section.page.headline .info .center ul{display:inline-block; background-color:#FFF; color:#333; list-style:none; padding:clamp(5px, 1vw, 10px); margin:clamp(10px, 2vw, 15px) 0 0 0; z-index:99;}
section.page.headline .info .center ul li{display:inline-block; background-color:#FFF; color:#000; list-style:none; vertical-align:middle; padding:0; margin:0; z-index:99;}
section.page.headline .info .center ul li+li:before{display:inline-block; content:"/\00a0"; color:#666; padding:0 4px 0 5px}
section.page.headline .info .center ul li a{font-family:'OpenSans'; color:#DB373B; pointer-events:all;}
section.page.headline .info .center ul li a:hover{color:#666; text-decoration:none;}

/* --- ABOUT --- */
section.page.about{padding:clamp(15px, 3vw, 30px) 0 clamp(40px, 8vw, 80px) 0;}
section.page.about h3{font-size:clamp(32px, 5vw, 48px);}

/* --- DETAILS --- */
section.page.details{margin:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.details h2{margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.page.details iframe{width:50%; display:block; float:right; padding:0; margin:0 0 clamp(15px, 3vw, 30px) clamp(15px, 3vw, 30px); aspect-ratio:16/9;}

/* === BUTTON === */
section.page.details a.button{display:block; float:right; background-color:#921a1d; border:none; color:#FFF; text-align:center; margin:-52px clamp(15px, 3vw, 30px) 0 0; z-index:99;}
section.page.details a.button:hover{background-color:#DB373B;}

/* === INFO === */
section.page.details div.info{display:-webkit-flex; display:flex; padding:0; margin:0;}

section.page.details div.info .box{flex:1; background-color:#666; padding:clamp(15px, 3vw, 30px); margin:clamp(30px, 6vw, 60px) 0 0 15px;}
section.page.details div.info .box.first{background-color:#888; margin:clamp(30px, 6vw, 60px) 0 0 0;}
section.page.details div.info .box.last{background-color:#444;}
section.page.details div.info .box h3{border-bottom:2px solid #FFF; padding:0 0 clamp(10px, 2vw, 15px) 0; margin:0 0 clamp(15px, 3vw, 30px) 0;}

/* --- INSTALLERS --- */
section.page.installers{margin:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.installers h2{margin:0 0 clamp(15px, 3vw, 30px) 0;}

/* --- FAQ --- */
section.page.faq{padding:0 0 clamp(40px, 8vw, 80px) 0;}

/* === QUESTION === */
section.page .question{display:block; clear:left; background-color:#C8C2C2; font-size:clamp(16px, 2vw, 24px); color:#000; text-decoration:none; line-height:100%; text-align:left; text-transform:uppercase; padding:clamp(10px, 2vw, 15px); margin:0 0 clamp(10px, 2vw, 20px) 0; cursor:pointer;}
section.page .question span{width:0; height:0; display:block; float:right; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #000; padding:0; margin:7px 0 0 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
section.page .question:hover{background-color:#FFF; color:#921a1d; text-decoration:none;}
section.page .question.active{background-color:#921a1d; color:#FFF; text-decoration:none; margin:0;}
section.page .question.active span{border-top:10px solid #FFF; -ms-transform:rotate(180deg); transform:rotate(180deg);}

/* === ANSWER === */
section.page span.answer{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); display:none; position:relative; float:left; padding:clamp(10px, 2vw, 15px); margin:0 0 clamp(10px, 2vw, 15px) 0;}

/* +++ OFFICE +++ */ 
section.page span.answer div.info{display:-webkit-flex; display:flex; position:relative; border-top:1px dotted #999; padding:clamp(15px, 3vw, 30px) 0; margin:0; -webkit-align-items:center; align-items:center;}
section.page span.answer div.info:first-of-type{border-top:none}

section.page span.answer div.info .countent{width:100%; padding:0; margin:0;}
section.page span.answer div.info .countent strong{display:block; font-size:12px; color:#FFF; text-transform:uppercase;}

section.page span.answer div.info .countent .box{width:33.3334%; min-height:100px; display:-webkit-flex; display:flex; float:left; border-left:1px dotted #999; padding:0 30px; margin:0 0 30px 0; -webkit-align-items:center; align-items:center;}
section.page span.answer div.info .countent .box:first-of-type{border-left:none; padding:0 30px 0 0;}

section.page span.answer div.info .countent .box .pointer{padding:0; margin:0; cursor:pointer;}
section.page span.answer div.info .countent .box .pointer p{display:inline-block; color:#e7242a; font-size:12px; line-height:16px; vertical-align:middle; padding:0; margin:0;}
section.page span.answer div.info .countent .box .pointer svg{display:inline-block; fill:#e7242a; vertical-align:middle; padding:0; margin:0 5px 0 0;}

/* --- CONTACTS --- */
section.page.contacts{padding:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.contacts div.navigation{height:400px; overflow:hidden; background-color:#f1f1f1; padding:0; margin:clamp(10px, 2vw, 20px) 0 0 0;}

/* === HEADLINES === */
section.page.contacts h2,
section.page.contacts h3,
section.page.contacts h4{font-size:clamp(24px, 3vw, 32px);}

/* === ADDRESS === */
section.page.contacts div.address{width:40%; float:left; padding:0 clamp(20px, 4vw, 40px) 0 0; margin:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.contacts div.address strong{display:block; font-family:'OpenSansBold'; font-weight:normal; margin:0 0 clamp(5px, 1vw, 10px) 0;}

/* === FORM === */
section.page.contacts div.form{width:60%; float:left; padding:0; margin:0 0 clamp(40px, 8vw, 80px) 0;}
section.page.contacts div.form small{margin:0 0 clamp(10px, 2vw, 15px) 0;}

/* FOOTER */
footer{display:block; position:relative; padding:0; margin:0;}
footer strong{display:block; font-family:'OpenSansBold'; font-weight:normal; padding:0; margin:0 0 clamp(5px, 1vw, 10px) 0;}

/* --- SECOND --- */
footer div.box{width:30%; float:left; border-top:1px solid #e4e4e4; padding:clamp(30px, 4vw, 40px) 0; margin:0;}
footer div.box p{display:block; padding:0; margin:0; -moz-column-count:3; -webkit-column-count:3; column-count:3; -moz-column-gap:clamp(10px, 2vw, 20px); -webkit-column-gap:clamp(10px, 2vw, 20px); column-gap:clamp(10px, 2vw, 20px);}

footer div.box.contacts{width:70%;}

/* === SOCIAL === */
footer div.box svg{display:inline-block; fill:#FFF; vertical-align:middle; padding:0; margin:5px 0 0 10px; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
footer div.box svg:first-of-type{margin:5px 0 0 0;}
footer div.box svg:hover{fill:#921a1d;}

/* --- COPIRIGHT --- */
footer div.copyright{width:50%; font-size:12px; color:#666; padding:clamp(10px, 2vw, 20px) 0; margin:0;}
footer div.copyright strong{display:inline-block; font-family:'OpenSans'; color:#FFF; font-weight:normal;}

/* --- DESIGN --- */
footer div.design{width:50%; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:12px; color:#666; text-align:right; padding:clamp(15px, 1vw, 20px) 0; margin:0;}
footer div.design a{color:#F60;}
footer div.design a:hover{text-decoration:underline;}

/* POPUP */
#add{width:100%; max-width:640px;}
#add h2{color:#000; margin:0 0 clamp(10px, 2vw, 20px) 0;}
#add input,
#add textarea{width:100%;}

#add .button{border:2px solid #000; color:#000;}
#add .button:hover{border:2px solid #921a1d; color:#FFF;}

/* MOBILE */
@media only screen and (max-width: 1300px){
	section.page.items .list a{width:-moz-calc(33.3334% - 13px); width:-webkit-calc(33.3334% - 13px); width:-o-calc(33.3334% - 13px); width:calc(33.3334% - 13px); margin:20px 0 0 19px;}
	section.page.items .list a:nth-of-type(3n + 1){margin:20px 0 0 0;}
}

@media only screen and (max-width: 1250px){
	section.page.brand div.info{padding:clamp(10px, 2vw, 40px);}
}

@media only screen and (max-width: 1200px){
	section.page.video{margin:0;}
	section.page.video div.mask video{max-width:100%;}
}

@media only screen and (max-width: 1150px){	
	section.page.why div.box{width:50%; margin:0 0 clamp(30px, 5vw, 50px) 0;}
	section.page.why div.box:nth-of-type(2n + 1){clear:left;}
	
	section.page.info div.box{width:auto; min-height:20px; float:none; padding:clamp(15px, 3vw, 30px);}
	section.page.info div.box.blue{margin:clamp(10px, 2vw, 15px) 0 0 0;}
	section.page.info div.box svg.element{right:30px; bottom:20px;}
	
	section.page.brand div.info{padding:0;}
}

@media only screen and (max-width: 1100px){	
	footer div.box p{-moz-column-count:2; -webkit-column-count:2; column-count:2;}
}

@media only screen and (max-width: 1000px){
	section.page.video .count{padding:0;}
	section.page.video div.info{max-width:none; position:absolute; text-align:center; padding:0 15px;}
	section.page.video div.mask{max-width:none; height:auto; display:block; margin:30px 0 0 0; -webkit-mask-image:none; mask-image:none; aspect-ratio:none;}
	section.page.video div.mask video{width:100%; height:auto; margin:0; aspect-ratio:none;}
	section.page.video div.mask .gradient{height:100%; background-image:linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));}
}

@media only screen and (max-width: 950px){
	header a.show{display:block;}
	header nav{width:100%; display:none; position:absolute; left:0; top:90px; float:none; clear:left; background-color:#FFF; padding:0; margin:0;}
	header nav ul{background-color:#FFF; padding:0;}
	header nav ul li{float:none;}
	header nav ul li.hide{display:block;}
	header nav ul li a{font-size:15px; color:#000; padding:0px 15px;}
	header nav ul li a:hover{background-color:#f1f1f1;}
	header nav ul li a p,
	header nav ul li:hover div{display:none;}
	header.pinned nav{top:70px;}
	
	section.page.headline div.map{min-height:300px; position:relative; margin:clamp(15px, 3vw, 30px) 0 0 0; z-index:1;}
}

@media only screen and (max-width: 900px){
	section.page.info div.box svg.element{display:none;}
	
	section.page.brand picture{width:auto; max-width:100%; float:none; margin:0 auto;}
	section.page.brand div.info{width:auto; float:none; padding:clamp(15px, 3vw, 30px) 0 0 0;}
	
	section.page.items .list a{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); margin:20px 0 0 20px;}
	section.page.items .list a:nth-of-type(3n + 1){clear:none; margin:20px 0 0 20px;}
	section.page.items .list a:nth-of-type(2n + 1){clear:left; margin:20px 0 0 0;}
}

@media only screen and (max-width: 850px){
	footer div.box{width:auto; float:none; text-align:center;}
	footer div.box:first-of-type{display:none;}
	footer div.copyright{width:50%; float:left; text-align:left;}
	footer div.design{width:50%; float:left; text-align:right;}
}

@media only screen and (max-width: 800px){
	section.page.contacts div.address{width:auto; float:none; padding:0;}
	section.page.contacts div.form{width:auto; float:none;}
}

@media screen and (max-width: 750px){
	body{-webkit-text-size-adjust:none;}
	
	section.page.reviews{text-align:center;}
	section.page.reviews div.headline{width:auto; float:none; text-align:center; margin:0 0 clamp(15px, 3vw, 30px) 0;}
	section.page.reviews div.content{width:auto; float:none;}
	section.page.reviews div.content picture{width:60px; display:block; float:none; text-align:center; margin:0 auto;}
	section.page.reviews div.content .info{width:auto; display:block; float:none; text-align:center; margin:0 auto;}
}

@media only screen and (max-width: 700px){
	section.page.details iframe{width:100%; float:none; margin:0 0 clamp(15px, 3vw, 30px) 0;}
	section.page.details a.button{width:100%; position:fixed; float:none; bottom:0; left:0; margin:0;}
	section.page.details div.info{display:block;}
	section.page.details div.info .box{flex:none; margin:clamp(10px, 2vw, 15px) 0 0 0;}
	
	footer{padding:0 0 35px 0;}
}

@media only screen and (max-width: 650px){
	footer div.copyright{width:auto; float:none; border-top:none; text-align:center; padding:0;}
	footer div.design{width:auto; float:none; border-top:none; text-align:center; padding:0 0 clamp(15px, 3vw, 30px) 0;}
}

@media only screen and (max-width: 600px){
	section.page.video div.info p{line-height:120%;}
}

@media only screen and (max-width: 500px){
	header .logo{width:300px; height:33px; margin:0;}
	header a.show{padding:0;}
	header nav{top:50px;}
	header.pinned nav{top:45px;}
}

@media only screen and (max-width: 450px){
	section.page.headline .info .center h1{margin:clamp(10px, 6vw, 100px) 0 0 0; z-index:99;}
	
	section.page.items .list a,
	section.page.items .list a:nth-of-type(3n + 1),
	section.page.items .list a:nth-of-type(2n + 1){width:auto; float:none; clear:both; margin:clamp(15px, 3vw, 30px) 0 0 0;}
}