@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap');

html{padding: 0; margin: 0; font-family: 'Work Sans', sans-serif; font-weight: 400;}
body{padding: 0; margin: 0;}
*{box-sizing: border-box;}
input{font-family: 'Work Sans', sans-serif;}
textarea{font-family: 'Work Sans', sans-serif;}
a{text-decoration: none;}
p{color: #1E222D}
sup{ vertical-align: top;  position: relative; top: -0.25vh;}
section{position: relative; z-index: 100;}
#wrapper{}
.mobile-show{display: none;}
.container{width: 100%; max-width: 2600px; padding: 0 6vw; margin: 0 auto; position: relative; z-index: 150;}
.container.small{ padding: 0 4vw;}
.container.right-bigger{ padding: 0 4vw 0 6vw;}
.cleaner{clear: both}
.pull-left{float: left}
.pull-right{float: right}
.text-center{text-align: center;}
.text-left{text-align: left}
.uppercase{text-transform: uppercase}
.orange{color: #EF9C66;}
.blue{color: #548DDC;}
.thin-line{background: #ECECEC; height: 1px; width: 104%; margin: 2vh 0; position: relative; left: -2%;}
.thin-line.small-margin{margin: 1vh 0;}
.thin-line.big-margin{margin: 4vh 0;}
.thin-line.no-overlap{left: 0; width: 100%;}

#wrapper .cloud{display: none; position: absolute; top: 12.5vh; bottom: 0; right: 0; left: 0; z-index: 155; background: rgba(255,255,255,0.62);}

#header{z-index: 200; position: absolute; top: 0; left: 0; right: 0; height: 12.5vh; padding: 2.5vh 0; transition: all ease 500ms}
#header .logo{display: block; float: left;}
#header .logo.white{display: none;}
#header .logo img{height: 7.5vh; display: block}
#header .forms-button{display: none}
#header .switcher{float: right; font-size: 5vh; margin: 0 0 0 2vh; line-height: 7.5vh; color: #ffffff; display: none;}
#header .switcher:hover{color: #EF9C66;}
#header .close{float: right; display: inline-block; padding: 0.25vh 0 0 0; height: 6vh; width: 6vh; font-size: 4vh; text-align: center; margin: 0 0 0 5vh; line-height: 6vh; color: #ffffff; border-radius: 0.75vh; background: #EF9C66; transition: 200ms ease all;}
#header .close:hover{background: rgb(209,126,72)}

nav{float: right;}
nav .link{display: inline-block; line-height: 7.5vh; font-size: 0.9vw; font-weight: 400; margin: 0 0 0 3vw; text-transform: uppercase; position: relative; color: #1E222D;}
nav .link>a{color: #1E222D;  line-height: 7.5vh; display: block}
nav .link>a:hover{color: #EF9C66;}
nav .link.important{background: #EF9C66; padding-right: 20px; padding-left: 20px; border-radius: 4px;}
nav .link.important>a{color: #ffffff;}
nav .link.important>a:hover{color: #1E222D;}
nav .link.first{margin-left: 0;}
nav .link:hover{color: #EF9C66;}
nav .link .box{display: none; position: absolute; box-shadow: 0.2vh 0.5vh 10px rgba(0,0,0,0.1); z-index: 200; top: 6vh; left: 0; background: #ffffff; list-style: none; font-size: 2vh; line-height: 3vh; font-weight: 400; margin: 0; padding: 0;}
nav .link:hover>.box{display: block}
nav .link .box a{display: block; text-transform: none; color: #1E222D!important; cursor: pointer; font-size: 0.75vw; line-height: 1.5vw; white-space: nowrap; font-weight: 400; margin: 0; padding: 0.5vh 1vh;}
nav .link .box a:hover{background: #EF9C66; color: #ffffff;}
nav .link img{height: 1.9vh; position: relative; top: 0.4vh; margin: 0 0.5vh 0 0; transition: transform 200ms ease;}
nav .link img.big{transform: scale(2);}
nav .nav-logo{display:none}
nav .times{display: none;}

/*.header-cover.hp nav{display: none;}*/
.header-cover.hp nav .link, .header-cover.contact nav .link, .header-cover.contact nav .link{color: #ffffff;}
.header-cover.hp nav .link>a, .header-cover.contact nav .link>a{color: #ffffff;}
.header-cover.hp nav .link>a:hover, .header-cover.contact nav .link>a:hover{color: #EF9C66;}
.header-cover.hp nav .link:hover, .header-cover.contact nav .link:hover{color: #EF9C66;}
.header-cover.hp nav .link.important>a:hover, .header-cover.contact nav .link.important>a:hover{color: #ffffff;}
.header-cover.hp #header{height: 17.5vh; padding: 5vh 0;}
.header-cover.hp #header .logo.white{display: block;}
.header-cover.hp #header .logo.color{display: none;}
/*.header-cover.hp #header .switcher{display: block;}*/

#form-popup{position: fixed; display: none; bottom: 5vh; background: #da8751; padding: 1.35vw; z-index: 500; left: 50%; transform: translate(-50%, 0); border-radius: 0.5vw; box-shadow: 0 2vw 2vw rgba(0,0,0, 0.5) }
#form-popup .img{width: 7vw; height: 6vw; margin: 0 1vw 0 0; background: url("/img/form-popup.jpg") no-repeat center center; background-size: cover; border-radius: 0.5vw;}
#form-popup .text{margin: 0 1vw 0 0; width: 23vw;}
#form-popup .text p{color: #ffffff}
#form-popup .text p.big{font-size: 1.05vw; line-height: 1.3vw; font-weight: 600; padding: 0; margin: 0 0 0.75vw 0;}
#form-popup .text p.small{font-size: 0.95vw; line-height: 1.2vw; padding: 0; margin: 0 ;}
#form-popup .button{ display: flex; align-items: center}
#form-popup .button a{margin: 0;background: #4f8390; border-radius: 0.5vw; padding: 0.5vw 1.25vw; display: inline-block; color: #ffffff; font-size: 1.1vw; line-height: 1.5vw; font-weight: 600}
#form-popup .button a:hover{background: #ffffff;color: #4f8390; }
#form-popup .close{color: #ffffff; font-size: 1.2vw; line-height: 1.1vw; position: absolute; top: 1vw; right: 1.1vw;}
#form-popup .close span{display: none}

section.welcome{margin: 0 0 4vw 0; min-height: 650px; height: 100vh; background: #1E222D; padding: 0; display: flex; align-items: center; align-content: center; justify-content: start; justify-items: start;}
section.welcome.contact{margin: 0;}
.welcome .bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 125; background: url('/img/bg_hp.jpg') center center;  background-size: cover;  opacity: 0.57;}
.welcome.contact .bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 125; background: url('/img/bg_contact.jpg') center center;  background-size: cover;  opacity: 0.57;}
.welcome .middle{display: flex; margin: 5vh 0 0 0;}
.welcome .middle h1{font-size: 3.5vw; line-height: 4.75vw; text-transform: uppercase; color: #ffffff; font-weight: 400; margin: 0; padding: 2.5vh 0 0 0;}
.welcome .middle h2{font-size: 1.25vw; line-height: 2.2vw; color: #ffffff; font-weight: 600; margin: 0; padding: 0 0 0 0;}
.welcome .middle h1 strong{font-weight: 700;}
.welcome .middle p{font-size: 1vw; line-height: 1.4vw; color: #ffffff; font-weight: 500; margin: 0; padding: 1vh 0;}
.welcome .middle p strong{font-weight: 600;}
.welcome .middle a{color: #ffffff}
.welcome .middle a.dark{color: #8a8a8a}
.welcome .middle p a.big{color: #ffffff; font-size: 1.5vw; line-height: 2vw; font-weight: 600; text-decoration: underline;}
.welcome .middle .line{height: 0.5vh; width: 7.5vw; background: #4C8491; margin: 4vh 0;}
.welcome .middle .col{width: 55%;}
.welcome .middle .col:last-child{padding: 0 0 0 10%; width: 45%;}
.welcome .bottom{position: absolute; z-index: 150; bottom: 0; left: 0; right: 0; text-align: center;}
.welcome .bottom p, .welcome .bottom a{font-size: 1vw; line-height: 1vw; font-weight: 700; color: #ffffff; margin: 0; padding: 0;}
.welcome .bottom .scrolldown{display: inline-block; transition: 250ms ease all;}
.welcome .bottom .scrolldown:hover{transform: scale(1.1,1.1)}
.welcome .bottom .scrolldown img{display: inline-block; height: 4vh; margin: 2vh 0 3vh 0;}
.welcome .bottom .right{position: absolute; bottom: 4vh; right: 6.5vw; z-index: 160;}
.welcome .bottom .right a{display: inline-block; margin: 0 0 0 5vh;}
.welcome .bottom .right a:hover{color: #EF9C66; transform: scale(1.1, 1.1)}
.welcome .bottom .left{position: absolute; bottom: 4vh; left: 6vw; z-index: 160; text-align: left;}
.welcome .bottom .left a{float: left; display: block; margin: 0 1.5vh 1vh 0; padding: 0 0 0 0; position: relative;}
.welcome .bottom .left a .underline{width: 100%; border-radius: 0.2vh; height: 0.5vh; margin: 1.1vh 0 0 0;background: rgba(255,255,255,0.42);}
.welcome .bottom .left a:hover .underline{background: #EF9C66}
.welcome .bottom .left p{font-weight: 500; margin: 1.2vh 5vh 0 0;}

.guide{display: flex; height: 100vh;}
.guide .bg{width: 50%; position: relative; background: #1E222D;}
.guide .bg .veil{ position: absolute; z-index: 150;  top: 0; bottom: 0; left: 0; right: 0; }
.guide .bg .text{ position: absolute; z-index: 155;  top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; align-content: center;}
.guide.guide-1 .bg{background: #1E222D}
.guide.guide-1 .bg .veil{background: url('/img/pruvodce/1.jpg') center center no-repeat; background-size: cover; opacity: 0.46;}
.guide.guide-2 .bg .veil{background: url('/img/pruvodce/2.jpg') center center no-repeat; background-size: cover; opacity: 1;}
.guide.guide-3 .bg .veil{background: url('/img/pruvodce/3.jpg') center center no-repeat; background-size: cover; opacity: 1;}
.guide.guide-4 .bg .veil{background: url('/img/pruvodce/4.jpg') center center no-repeat; background-size: cover; opacity: 1;}
.guide.guide-5 .bg .veil{background: url('/img/pruvodce/5.jpg') center center no-repeat; background-size: cover; opacity: 1;}
.guide.guide-6 .bg .veil{background: url('/img/pruvodce/6.jpg') center center no-repeat; background-size: cover; opacity: 1;}
.guide .ask{width: 50%; position: relative;}
.guide .bg .text h1{margin: 0 0 1vh 0; padding: 0 0 1vh 0; color: #ffffff; font-weight: 600; font-size: 5vh; line-height: 6.5vh;}
.guide .bg .text p{margin: 1vh 0 0 0; padding: 1vh 0 0 0; color: #ffffff; font-weight: 400; font-size: 3vh; line-height: 4.5vh;}
.guide .ask .bottom{height: 8vh; position: absolute; bottom: 0; left: 0; right: 0; z-index: 150; display: flex;}
.guide .ask .bottom .gray{width: 87.5%; background: #F7F7F7; position: relative;}
.guide .ask .bottom a{ transition: 200ms ease all;}
.guide .ask .bottom .gray a.next{display: block; padding: 0 2vh 0 0; position: absolute; right: 0; bottom: 0; line-height: 8vh; font-size: 2vh; font-weight: 600; color: #4C8491; z-index: 155;}
.guide .ask .bottom .gray a.next:hover{color: rgb(209,126,72);}
.guide .ask .bottom .gray a.next.hovered{color: rgb(209,126,72);}
.guide .ask .bottom .gray a.prev{display: block; padding: 0 0 0 4vw; position: absolute; left: 0; bottom: 0; z-index: 155; line-height: 8vh}
.guide .ask .bottom .gray a.prev img{height: 4vh; display: block; margin: 2vh 0;}
.guide .ask .bottom .gray .pagination{text-align: center; padding: 0 10vh 0 0; height: 8vh; color: #4C8491; line-height: 8vh; font-size: 2.5vh; overflow: hidden;}
.guide .ask .bottom .gray .pagination span.big{font-size: 3.5vh; font-weight: 600;}
.guide .ask .bottom .gray .pagination span.icon{margin: 0 0.5vh; font-size: 1vh; color: #8A8A8A; position: relative; top: -0.6vh;}
.guide .ask .bottom .gray .pagination span.icon.first{margin-left: 2vh;}
.guide .ask .bottom .gray .pagination span.icon.active{font-size: 2.75vh;  color: #4C8491; top: 0; }
.guide .ask .bottom .gray .pagination span.icon.complete{color: #4C8491;}
.guide .ask .bottom .orange{width: 12.5%; background: #EF9C66; display: flex; align-items: center; align-content: center; transition: 200ms ease all;}
.guide .ask .bottom .orange:hover{background: rgb(209,126,72)}
.guide .ask .bottom .orange.hovered{background: rgb(209,126,72)}
.guide .ask .bottom .orange img{height: 5.5vh; display: block; margin: 0 auto;}
.guide .ask .top{height: 20vh; padding: 7.5vh 0 0 0; position: absolute; top: 0; left: 0; right: 0; z-index: 150;}
.guide .ask .top h3{color: #4C8491; font-weight: 600; font-size: 2vh; line-height:  2.5vh; margin: 0 0 0.5vh; padding: 0 0 0.5vh; text-transform: uppercase;}
.guide .ask .top h2{color: #1E222D; font-weight: 600; font-size: 3.5vh; line-height:  4.25vh; margin: 0; padding: 0 0 1.5vh;  text-transform: uppercase; border-bottom: #ECECEC 1px solid; }
.guide .ask .middle{position: absolute; z-index: 150; top: 20vh; padding: 0 0 15vh 0; bottom: 8vh; left: 0; right: 0; align-content: center; align-items: center; display: flex;}
.guide .ask .middle.no-padding{padding: 0;}
.guide .ask .middle p{color: #1E222D; font-size: 2.5vh; line-height: 3.5vh; margin: 1vh 0; padding: 1vh 0; font-weight: 600;}
.guide .ask .middle .buttons{margin: 1vh 0 3vh 0; padding: 0;}
.guide .ask .middle .buttons a{display: block; float: left; color: #8A8A8A; border: 0.3vh #D0CFCF solid; border-radius: 0.75vh; margin: 0 1vh 0 0; height: 6vh; font-size: 2vh; line-height: 5.5vh; text-align: center; padding: 0.1vh 2.5vh 0.4vh}
.guide .ask .middle .buttons a:hover{background: #EF9C66; border-color: #EF9C66; color: #ffffff}
.guide .ask .middle .buttons a.active{background: #EF9C66; border-color: #EF9C66; color: #ffffff}
.guide .ask .middle .buttons.images a{width: 31%; margin: 0 3.5% 2% 0; border: none; height: auto; padding: 0;}
.guide .ask .middle .buttons.images a .image{background: #F7F7F7; border-radius: 1vh; text-align: center; border: 0.4vh solid #F7F7F7;}
.guide.guide-6 .ask .middle .buttons.images a .image{background: transparent; }
.guide .ask .middle .buttons.images a .image img{height: 8.5vh; display: block; margin: 1.75vh auto;}
.guide .ask .middle .buttons.images.doubles a .image img{height: 12.5vh; margin: 3vh auto;}
.guide.guide-6 .ask .middle .buttons.images a .image img{height: 11vh; margin: 3vh auto;}
.guide.guide-6 .ask .middle .buttons.images a .image img.small-margin{height: 14vh; margin: 1.5vh auto;}
.guide .ask .middle .buttons.images a:nth-child(3n){margin-right: 0;}
.guide .ask .middle .buttons.images a:hover{background: transparent;}
.guide .ask .middle .buttons.images a.active{background: transparent;}
.guide .ask .middle .buttons.images a:hover .image{background: #F7F7F7; border-color: #EF9C66; }
.guide .ask .middle .buttons.images a.active .image{background: #F7F7F7; border-color: #EF9C66; }
.guide.guide-6 .ask .middle .buttons.images a:hover .image{background: transparent; border-color: #EF9C66;}
.guide .ask .middle .buttons.images a.active .image{background: #F7F7F7; border-color: #EF9C66;}
.guide .ask .middle .buttons.images.multi a:hover .image{background: #F7F7F7; border-color: #dddddd; }
.guide .ask .middle .buttons.images.multi a.active .image{background: #F7F7F7; border-color: #EF9C66; }
.guide .ask .middle .buttons.images.no-gray-active a.active .image{background: transparent}
.guide .ask .middle .buttons.images a p{transition: 200ms ease all; text-transform: uppercase; text-align: left; color: #8a8a8a; font-size: 1.35vh; line-height: 2.25vh; font-weight: 400; margin: 0.5vh 0; padding: 0.25vh;}
.guide .ask .middle .buttons.images a.active p{color: #EF9C66; font-weight: 600;}
.guide .ask .middle .buttons.images.doubles a{width: 48.25%;}
.guide .ask .middle .buttons.images.doubles a:nth-child(3n){margin-right: 3.5%;}
.guide .ask .middle .buttons.images.doubles a:nth-child(2n){margin-right: 0;}
.guide.guide-3 .ask .middle .buttons.images a .image{ padding-top: 50%; border: 0.4vh solid #ffffff;}
.guide.guide-3 .ask .middle .buttons.images a:hover .image{border-color: #EF9C66}
.guide.guide-3 .ask .middle .buttons.images a.active .image{border-color: #EF9C66}
.guide.guide-3 .ask .middle .buttons.images a:nth-child(1) .image{background: url('/img/pruvodce/3.1.jpg') center center no-repeat; background-size: cover;}
.guide.guide-3 .ask .middle .buttons.images a:nth-child(2) .image{background: url('/img/pruvodce/3.2_v2.jpg') center center no-repeat; background-size: cover;}
.guide.guide-3 .ask .middle .buttons.images a:nth-child(3) .image{background: url('/img/pruvodce/3.3.jpg') center center no-repeat; background-size: cover;}
.guide.guide-3 .ask .middle .buttons.images a:nth-child(4) .image{background: url('/img/pruvodce/3.4.jpg') center center no-repeat; background-size: cover;}

.banner{background: url('/img/arrow_banner.svg') right 3vw center no-repeat #38707D; transition: ease 250ms; background-size: 3.5vw 3.5vw; border-radius: 0.75vw; padding:1vw 10vw 1vw 2vw; margin: 1.5vw 0 0 0; display: block;}
.banner h2{margin: 0.5vh 0 0.25vh 0; padding: 0; font-size: 1.2vw; line-height: 1.5vw; color: #ffffff; font-weight: 600; }
.banner p{margin: 0.25vh 0; padding: 0; font-size: 0.9vw; line-height: 1.2vw; color: #ffffff; font-weight: 600; transition: 250ms ease all;}
.banner:hover{background: url('/img/arrow_banner.svg') right 2vw center no-repeat #4C8491; background-size: 3.5vw 3.5vw;}

section.content{padding: 6vh 0 2vh 0;}
section.content.gray{background: #FAFAFA;}
section.content.dark{background: #F2F2F2}
section.content.no-top-padding{padding-top: 0;}
section.content.padding-header{padding-top: 12.5vh;}
.content .col{width: 37%; float: left; padding: 0 2vw;}
.content .col:first-child{padding: 0 4vw 0 0; width: 26%;}
.content .col:last-of-type{padding-right: 0;}
.content .col.slim{padding: 0 6vw 0 4vw;}
.content .col.double{width: 74%;}
.content .col.double-smaller{width: 72%;}
.content .col.no-padding{padding: 0;}
.content .col.small{width: 28%; padding: 0 0 0 3%;}
.content .col .gray{border-top-left-radius: 1.5vh; border-bottom-left-radius: 1.5vh; background: #F7F7F7; padding: 6% 0 6% 6%; position: relative; z-index: 150; overflow: visible;}
.content .col .gray .graphics{position: absolute; z-index: 140; top: 0; bottom: 0; left: 100%; width: 4vw; background: #F7F7F7;}

/*.content h2{font-size: 5vh; line-height: 6vh; color: #4C8491; font-weight: 600; margin: 1vh 0; padding: 0.5vh 0;}
.content h2.small{font-size: 3.5vh; line-height: 4.75vh;}
.content .col h2{text-align: right;}*/
.content h2{font-size: 2vh; line-height: 3vh; color: #4C8491; font-weight: 600; margin: 1vh 0; padding: 0.5vh 0;  position: relative; z-index: 150; }
.content h2.bigger{font-size: 2.75vh; line-height: 3.5vh;}
.content h3{font-size: 2vh; line-height: 3vh; color: #4C8491; font-weight: 600; margin: 1vh 0; padding: 0.5vh 0;  position: relative; z-index: 150; }
.content h3.bigger{font-size: 2.75vh; line-height: 3.5vh;}
.content h4{font-size: 2.25vh; line-height: 3.5vh; color: #1E222D; font-weight: 500; margin: 1vh 0; padding: 0.5vh 0;}
.content p{font-size: 1.75vh; line-height: 2.25vh; color: #1E222D; font-weight: 500; margin: 1vh 0; padding: 0.5vh 0;}
.content .bubble{background: #F2F2F2; border-radius: 1vh; padding: 1.5vh 5vh; margin: 0 0 3vh 0;}
.content .trailer .bubble{background: transparent; border-radius: 0; padding: inherit; margin: inherit;}
.content .bubble .icon{display: none;}
.content .symbol{display: block; float: right; margin: 4vh 0 0 0; width: 33%;}
.content .line{background: #4C8491; height: 0.2vh; width: 25%; margin: 2vh 0;}

.content .lists{width: 63%; float: left; padding: 0 0 0 4vw}
.content .lists a{float: left; width: 33.333%; font-size: 1.25vh; line-height: 2.5vh; color: #1E222D; font-weight: 500; margin: 0 0 0.85vh 0; }

.content .trailer{border-radius: 1vh; background: #F7F7F7; margin: 0; padding: 2vh 3vh; display: flex;}
.content .trailer .third{width: 33.333%; margin: 0; padding: 0 3vh; border-right: 1px solid #CBCACA; }
.content .trailer .third:first-of-type{padding: 0 3vh 0 0;}
.content .trailer .third:nth-child(3){padding: 0 0 0 3vh; border-right: none;}
.content .trailer a.link{display: block; margin: 0.5vh 0; padding: 0.25vh 0; color: #1E222D; font-size: 1.5vh; line-height: 2.25vh; font-weight: 500;}
.content .trailer a.link.orange{color: #EF9C66;}
.content .trailer a.link:hover{color: #EF9C66; text-decoration: underline;}
.content .col.small .gray .trailer{flex-wrap: wrap; padding: 0 0 3vh;}
.content .col.small .gray .trailer .third{width: 100%; padding: 1vh 0; border-right: none; border-bottom: 1px solid #CBCACA}
.content .col.small .gray .trailer .third:first-of-type{padding: 0 0 1vh 0;}

.content .articles{margin: 4vh 0 0vh;}
.content .articles a.article{display: block; float: left; width: 48%; margin: 0 4% 0 0;}
.content .articles a.article:nth-child(2n){margin-right: 0;}
.content .articles a.article img{width: 100%; border-radius: 1vh;}
.content .articles a.article p.date{text-align: center; color: #4C8491; font-size: 1.5vh; line-height: 2.5vh; margin: 1vh 0 0.5vh; padding: 1vh 0 0; font-weight: 600;}
.content .articles a.article p.perex{color: #1E222D; font-size: 1.75vh; line-height: 2.75vh; margin: 0; padding: 1vh 0 0; font-weight: 400;}
.content .articles a.article h3{text-align: center; color: #1E222D; font-size: 2.5vh; line-height: 3.5vh; margin: 0 0 1vh 0; padding: 0 0 1vh 0; font-weight: 600;}
.content .articles a.article:hover h3{color: #EF9C66;}
.content .articles.wide a.article{width: 100%; margin: 0 0 2vh 0; float: none;}
.content .articles.wide a.article img{float: left; margin: 0 3vh 0 0; width: 35%}
.content .articles.wide a.article p.date{text-align: left; margin: 0; padding: 0;}
.content .articles.wide a.article h3{text-align: left; padding: 0; margin: 0.5vh 0 0 0;}
.content .articles.in-col{margin: 0;}
.content .articles.in-col a.article{width: 100%; margin: 1vh 0 1vh 0;  padding: 1vh 0; float: none; border-bottom: 1px solid #CBCACA;}
.content .articles.in-col a.article:last-child{border-bottom: none;}
.content .articles.in-col a.article img{margin: 0 ; width: 100%; float: none;}
.content .articles.in-col a.article h3{text-align: left; padding: 0; margin: 1.5vh 0 0.5vh 0; font-size: 2.25vh; line-height: 3.25vh;}
.content .articles.in-col a.article p.perex{font-size: 1.5vh; line-height: 2.5vh; padding: 0.5vh 0 0; font-weight: 400;}
.content .articles.blog a.article{width: 31%; margin: 0 3.5% 0 0;}
.content .articles.blog a.article:nth-child(2n){margin-right: 3.5%;}
.content .articles.blog a.article:nth-child(3n){margin-right: 0;}
.content .articles.blog a.article h3{box-sizing: content-box; font-size: 1.3vh; line-height: 1.9vh; height: 3.8vh; overflow: hidden; font-weight: 500}
.content .articles.blog a.article p.date{font-size: 1.25vh; line-height: 1.9vh; margin: 0; padding: 0.5vh 0 0 0;}

.content .article{}
.content .article img{width: 100%; border-radius: 1.5vh;}
.content .article h1{color: #1E222D; font-weight: 600; font-size: 4.5vh; line-height: 6vh; margin: 0; padding: 1vh 0;}
.content .article h2{color: #4C8491; font-weight: 700; font-size: 2.5vh; line-height: 4vh; margin: 1vh 0; padding: 1vh 0; text-align: left;}
.content .article:hover h2{color: #EF9C66;}
.content .article p{color: #1E222D; font-weight: 400; font-size: 1.9vh; line-height: 3vh; margin: 0.5vh 0; padding: 0.5vh 0;}
.content .article .image{margin: 2vh auto; width: 50%;}
.content .article .image img{width: 100%;}
.content .article ul{list-style: none; padding: 15px 25px; border-radius: 8px; background: rgba(76,132,145,0.8);  max-width: 80%;}
.content .article li{font-weight: 400; font-size: 1.9vh; line-height: 3vh; color: #ffffff; margin: 0; padding: 0.25vh 0; list-style-position: inside; text-indent: -1em; padding-left: 1em;}
.content .article li:before{content: '- '  ; color: #ffffff;}
.content .article p.date{color: #4C8491; font-size: 1.75vh; line-height: 2.9vh; margin: 1vh 0 0.5vh; padding: 1vh 0 0; font-weight: 600;}

.content .guide-banner{border-radius: 1.5vh; background: #38707D; display: flex; padding: 4vh 4%;}
.guide-banner:hover{background:  #4C8491; }
.content .guide-banner .part{display: flex; align-items: center; align-content: center;}
.content .guide-banner .part:nth-child(1){width: 37.5%; padding: 0 5% 0 0;}
.content .guide-banner .part:nth-child(2){width: 52.5%; padding: 0 7.5% 0 0;}
.content .guide-banner .part:nth-child(3){width: 10%;}
.content .guide-banner .part h2{text-transform: uppercase; font-size: 3.75vh; line-height: 5vh; color: #ffffff; font-weight: 700; margin: 0; padding: 0; text-align: left}
.content .guide-banner .part h3{font-size: 2.75vh; line-height: 3.5vh; color: #ffffff; font-weight: 600; margin: 0; padding: 0 0 0.5vh 0;}
.content .guide-banner .part p{font-size: 1.75vh; line-height: 2.5vh; color: #ffffff; font-weight: 400; margin: 0; padding: 0;}
.content .guide-banner .part img{width: 65%; display: block; margin: 0 auto;}

.form{margin: 0 0 2vh 0;}
.form input{width: 100%; color: #4C8491; text-transform: uppercase; margin: 1vh 0; padding: 1vh 1.5vh; text-align: left; border: 0.25vh solid #D0CFCF; border-radius: 1vh;  font-size: 1.4vh; line-height: 2.5vh; font-weight: 600; }
.form.contact input{text-transform: none}
.form input::placeholder{color: #8A8A8A; font-weight: 500;}
.form textarea{resize: none; height: 15vh; width: 100%; color: #4C8491; text-transform: none; margin: 1vh 0; padding: 1vh 1.5vh; text-align: left; border: 0.25vh solid #D0CFCF; border-radius: 1vh;  font-size: 1.4vh; line-height: 2.5vh; font-weight: 600; }
.form textarea::placeholder{color: #8A8A8A; font-weight: 500; text-transform: uppercase;}
.form p.required{color: #8A8A8A; font-size: 1.4vh; line-height: 2.5vh; font-weight: 600; }
.form .form-left{width: 65%; float: left; font-size: 1.15vh; line-height: 2vh; font-weight: 400; color: #8a8a8a}
.form .form-right{width: 30%; float: right;}
.form .form-right a{transition: 200ms ease all; display: block;}
.form p.required{font-weight: 300;}
.form .form-right a:hover{transform: scale(1.1);}
.form input.error{border-color: red;}
.form .form-right a p{ float: right;font-size: 1.6vh; line-height: 5vh; color: #EF9C66; padding: 0; margin: 0;}
.form .form-right a img{float: right; height: 5vh; display: inline-block; margin: 0 0 0 1.5vh; transition: 250ms ease all;}
.content .inquiry-window .inner .form label{margin: 0 0 1vh 0; display: flex}
.content .inquiry-window .inner .form label input{width: auto; margin: 0 10px 0 0; float: left; /*position: relative; top: 9px;*/}
.content .inquiry-window.pop-up .inner .form label input{margin: 0 10px 0 0;}
.content .inquiry-window .inner .form label p{float: left; display: inline; width: 94%; margin: 0; padding: 0}

.filter{background: #ffffff; border-radius: 0.75vw; padding: 1vw 2vw; margin: 0;}
.filter p.h3{margin: 1vw 0 0.5vw 0; padding: 0; font-size: 1.1vw; line-height: 1.5vw; color: #4C8491; font-weight: 500; text-transform: uppercase;}
.filter p.h3 .help{cursor: pointer; display: inline-block; position: relative; top: -0.25vh; padding: 0.5vh 0.75vh; margin: 0 0 0 1vh; color: #8A8A8A; font-size: 1vh; line-height: 1.2vh; font-weight: 500; background: #EBEBEB; border-radius: 0.25vh;}
.filter .input{width: 100%; margin: 0.25vh 0 2vh 0;}
.filter .input.flex{display: flex; }
.filter .input.flex .option{ flex: 1; }
.filter .input.float{display: block; }
.filter .input.float .option{ float: left; min-width: 4vh; }
.filter .input .option{text-transform: uppercase; cursor: pointer; margin: 0.6vh 1.2vh 0.6vh 0; padding: 0.75vh 0; text-align: center; border: 0.12vw solid #D0CFCF; border-radius: 0.3vw; color: #1E222D; font-size: 0.85vw; line-height: 1.35vw; font-weight: 600;}
.filter .input .option.active{border-color: #EF9C66; background: #EF9C66; color: #ffffff;}
@media (hover: hover) {.filter .input .option:hover{border-color: #EF9C66; background: #EF9C66; color: #ffffff;}}
.filter .input .option:last-child{margin-right: 0;}
.filter .input.slider{padding: 0 16px 0 4px; margin: 20px auto 15px; height: 4px; border: none;}
.filter .input.slider .c-1-color{background: #EF9C66;}
.filter .input.slider .noUi-handle:before, .noUi-handle:after{height: 10px}
.filter .input.slider .noUi-handle{top: -9px; height: 22px; width: 22px;}
.filter .input.slider .noUi-handle::before{left: 8px;}
.filter .input.slider .noUi-handle::after{left: 12px;}
.filter .slider-cover .slider-range-min{float: left; color: #1E222D; font-size: 0.85vw; line-height: 1.25vw; font-weight: 600; /*position: absolute; bottom: -37px; left: 0;*/}
.filter .slider-cover .slider-range-max{float: right; color: #1E222D; font-size: 0.85vw; line-height: 1.25vw; font-weight: 600;  /*position: absolute; bottom: -37px; right: 0;*/}
.filter .input .check{width: 100%; margin: 0.75vh 0; cursor: pointer;}
.filter .input .check .checker{float: left; border: 0.25vh solid #D0CFCF; border-radius: 0.25vh; width: 2vh; height: 2vh; margin: 0 0.75vh 0 0; line-height: 1.6vh; text-align: center; font-size: 1.6vh;}
.filter .input .check .checker .icon{color: #ffffff; display: none;}
.filter .input .check p{float: left; color: #1E222D; font-weight: 500; line-height: 2vh; font-size: 1.5vh; margin: 0; padding: 0;}
.filter .input .check p.count{float: right; color: #8A8A8A;}
.filter .input .check.active .checker{border-color: #EF9C66; background: #EF9C66;}
.filter .input .check.active .checker .icon{display: initial;}
.filter .separator{background: #979797; height: 1px; width: 100%; margin: 1.5vh 0; opacity: 0.25;}
.filter p.filter-title{margin: 0.5vh 0; padding: 0.5vh 0; color: #1E222D!important; font-size: 1.5vh; line-height: 2.5vh; font-weight: 600;}
.filter p.filter-title strong{font-weight: 700; font-size: 2vh}
.filter .button{transition: 250ms ease all; text-transform: uppercase; background: #4C8491; font-size: 0.9vw; line-height: 1.25vw; font-weight: 600; color: #ffffff; margin: 1vh 0 0.5vh 0; padding: 0.75vw 1.25vw 0.7vw; border-radius: 0.5vw; display: block; float: right;}
.filter .button:hover{background: #EF9C66;}

.content .config{float: left; width: 25%; background: #fafafa;}
.content .config .blue{background: #4C8491; border-top-right-radius: 1vh; border-bottom-right-radius: 1vh; position: relative; z-index: 150}
.content .config .blue .graphics{position: absolute; z-index: 140; top: 0; bottom: 0; right: 100%; width: 6vw; background: #4C8491;}
.content .config .gray{background: #fafafa; border-radius: 1vh;  position: relative; z-index: 150}
.content .config .gray .graphics{position: absolute; z-index: 140; top: 0; bottom: 0; right: 100%; width: 6vw; background: #fafafa;}
.content .config .filter{background: transparent; padding: 3vh 4.5vh 2vh 0; position: relative; z-index: 155;}
.content .config .filter .option{border-width: 0.2vh; line-height: 2.1vh; font-size: 1.3vh; font-weight: 500}
.blue .filter p.h3{color: #ffffff}
.blue .filter .option{color: #ffffff; border-color: #ffffff; font-size: 1.2vh;}
.blue .filter .input .slider-range .ui-slider-handle{background: #ffffff; }
.blue .filter .slider-cover .slider-range-min{color: #ffffff}
.blue .filter .slider-cover .slider-range-max{color: #ffffff}
.blue .filter .input .slider-range .ui-widget-header{background: #ffffff;}
.gray .filter{padding: 2vh 4.5vh 2vh 0;}
.gray .filter .input .slider-range .ui-slider-handle{background: #4C8491; }
.gray .filter .input .slider-range .ui-widget-header{background: #4C8491;}

.content .catalogue{float: left; width: 75%; padding: 0 0 0 2vh;}
.content .catalogue.big{width: 100%; padding: 0;}
.content .catalogue h1{font-size: 2.5vh; line-height: 3vh;  color: #EF9C66; font-weight: 600; margin: 0 0 0.5vh 0; padding:  0;}
.content .catalogue h1 strong{color: #EF9C66}
.content .catalogue p{font-size: 2vh; line-height: 3vh; font-weight: 400; margin: 0; padding: 0;}
.content .catalogue p strong{color: #EF9C66; font-weight: 700;}
.content .catalogue p strong span{color: #4C8491}
.content .catalogue .sorting{float: right; font-size: 1.5vh; line-height: 3vh; cursor: pointer; position: relative; }
.content .catalogue .sorting .icon{color: #4C8491; font-size: 2vh; position: relative; top: -0.2vh; margin: 0 0 0 0.25vh;}
.content .catalogue .sorting .picked{color: #1E222D; font-weight: 500; }
.content .catalogue .sorting .picker{display: none; position: absolute; box-shadow: 0.2vh 0.5vh 10px rgba(0,0,0,0.1); z-index: 200; top: 3vh; right: 0; background: #ffffff; list-style: none; font-size: 2vh; line-height: 3vh; font-weight: 400; margin: 0; padding: 0;}
.content .catalogue .sorting .picker li{display: block; cursor: pointer; font-size: 1.5vh; line-height: 2vh; white-space: nowrap; font-weight: 400; margin: 0; padding: 0.5vh 1vh;}
.content .catalogue .sorting .picker li:hover{background: #EF9C66; color: #ffffff;}
.content .catalogue .sorting:hover .picker{display: block;}
.content .catalogue .filters{margin: 1.5vh 0;}
.content .catalogue .filters .button{cursor: pointer; transition: 250ms ease all; text-transform: uppercase; border-radius: 0.75vh; float: left; display: block; margin: 0 0.75vh 0.75vh 0; border: 1px solid #D0CFCF; color: #1E222D; font-weight: 400; font-size: 1.1vh; line-height: 1.6vh; padding: 0.5vh 0.75vh 0.4vh}
.content .catalogue .filters .button:hover{background: #EF9C66; border-color: #EF9C66}
.content .catalogue .filters .button .icon{color: #E50241; padding: 0 0.25vh 0 0; transition: 200ms ease all;}
.content .catalogue .filters .button .icon-gray{color: #222222; }
.content .catalogue .filters .button:first-child{transition: 200ms ease all; border-color: #4C8491; background: #4C8491; color: #ffffff; padding: 0.5vh 1.5vh 0.4vh}
.content .catalogue .filters .button:first-child:hover{background: #EF9C66; border-color: #EF9C66;}
.content .catalogue .filters .button .remove-value{display: inline; cursor: pointer; transition: all 200ms ease; padding: 0 0.15vh; border-radius: 0.25vh;}
.content .catalogue .filters .button .remove-value:hover{background: #ffffff;}
.content .catalogue .filters .button .remove-value:hover .icon{color: #E50241}

.content .catalogue .text{margin: 1.5vh 0}
.content .catalogue .text h1{font-size: 2vh; line-height: 3vh; font-weight: 500; margin: 0; padding: 0; color: #4C8491}
.content .catalogue .text h2{font-size: 2vh; line-height: 3vh; font-weight: 500; margin: 0; padding: 0; color: #4C8491}
.content .catalogue .text p{font-size: 1.5vh; line-height: 2vh; font-weight: 300; margin: 0; padding: 0; color: #222222}

.content .catalogue .houses{margin: 1.5vh 0; display: flex; flex-wrap: wrap;}
.content .catalogue .houses a{display: block; margin: 0 2vh 2vh 0; width: calc((100% - 4vh) / 3); position: relative; }
.content .catalogue .houses a:hover h3{color: #EF9C66}
.content .catalogue .houses a .tag{transition: 200ms ease all; z-index: 150; position: absolute; top: 0; right: 0; background: #4C8491; font-weight: 500; color: #ffffff; font-size: 1.5vh; line-height: 2.3vh; padding: 0.5vh 1.5vh;}
.content .catalogue .houses a:hover .tag{background: #EF9C66}
.content .catalogue .houses a:nth-child(3n){margin-right: 0;}
.content .catalogue .houses a img{width: 100%; border-radius: 1vh; border-top-right-radius: 0; transition: 200ms ease all;}
.content .catalogue .houses a h3{margin: 0.75vh 0 0; padding: 0.5vh 0; color: #4C8491; font-weight: 600; font-size: 2vh; line-height: 2.25vh;  transition: 200ms ease all;}
.content .catalogue .houses a p{margin: 0 0 1.5vh 0; padding: 0; font-weight: 400; font-size: 1.4vh; line-height: 2vh;}
.content .catalogue .houses a:hover img{transform: scale(1.04);}

.content .joined .houses img{width: 100%; border-radius: 1vh; transition: 200ms ease all;}
.content .joined .houses a{width: 42%; float: left; margin: 0 2vh 2vh 0; }
.content .joined h3{font-size: 1.75vh; line-height: 2.25vh; padding: 0.5vh 0; margin: 0.5vh 0 0 0;}
.content .joined p{font-size: 1.3vh; line-height: 2vh; font-weight: 500; margin: 0; padding: 0;}
.content .joined .houses{margin: 1vh 0;}
.content .joined .houses a:hover h3{color: #EF9C66}
.content .joined .houses a:hover img{transform: scale(1.04);}

.content .pagination{font-size: 2vh; padding: 0; margin: 3.5vh 0 2vh; text-align: center; width: 100%; line-height: 3vh; clear: both;}
.content .pagination .page{color: #ffffff; font-weight: 500; border-radius: 100%; background: #EF9C66; font-size: 1.5vh; width: 3vh; height: 3vh; display: inline-block;}
.content .pagination a{color: #1E222D; font-weight: 500; padding: 0 2px; font-size: 1.5vh;display: inline-block; }
.content .pagination span{ padding: 0 2px;}
.content .pagination .button{padding: 0.1vh 0 0 0; display: inline-block; background: #DADADA; color: #ffffff; font-weight: 600; width: 3vh; height: 3vh; border-radius: 100%; line-height: 3vh; margin: 0 20px; font-size: 1.5vh; text-decoration: none; text-transform: uppercase;;}
.content .pagination .button:hover{ background: #4C8491; color: #ffffff;}

.content .text-button{transition: 250ms ease all; text-transform: uppercase; background: #4C8491; font-size: 0.9vw; line-height: 1.25vw; font-weight: 600; color: #ffffff; margin: 1vh auto 0.5vh; padding: 0.75vw 1.25vw 0.7vw; border-radius: 0.5vw; display: table; }
.content .text-button:hover{background: #EF9C66;}

.content .gallery{float: left; width: 44%; background: #FAFAFA; border-top-right-radius: 1.5vh; border-bottom-right-radius: 1.5vh; padding: 3vh 3vh 1.5vh 0; position: relative; z-index: 150;}
.content .gallery .graphics{position: absolute; z-index: 160; top: 0; bottom: 0; right: 100%; width: 6vw; background: #FAFAFA;}
.filter.alone {position: absolute; z-index: 160;background: #4C8491; top: 0; left: 0; width: auto; padding: 1vh 0 2vh 0; display: flex; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.filter.alone .slide-button{text-align: center; display: block;  width: 3vw; position: relative; min-height: 38vh;}
.filter.alone .slide-button .inner{ transform: rotate(270deg); position: absolute; z-index: 165; bottom: 0; left: 0; right: 0; white-space: nowrap;}
.filter.alone .slide-button img{transform: rotate(90deg); height: 3.5vh; float: left; display: block; margin: 0 4vh 0 5vh; transition: 200ms ease all; }
.filter.alone:hover .slide-button img{transform: scale(1.15)  rotate(90deg);}
.filter.alone .slide-button img.open{transform: rotate(-90deg); }
.filter.alone:hover .slide-button img.open{transform: rotate(-90deg); }
.filter.alone .slide-button p{line-height: 3.5vh; font-size: 2.15vh; letter-spacing: 0.75vh; color: #ffffff; margin: 0; padding: 0; float: left; display: contents;}
.filter.alone .in-detail .inner{width: 23vw; padding: 0 3vh; display: none; }
.filter.alone .button{background: #EF9C66; color: #ffffff; transition: 200ms ease all;}
.filter.alone .button:hover{transform: scale(1.025);}

.content .veil{display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 500000; background: rgba(255,255,255,0.35); }
.content .veil.open{display: flex; align-items: center; align-content: center; justify-items: center; justify-content: center}

.content .gallery .main-image{padding: 3.5vh 0 0 0; position: relative;}
.content .inquiry-window{display: block; position: absolute; top: 0; left: calc(50% - 19vh); z-index: 155; padding: 1vh 3vh 0.75vh 2.5vh;  background: #51BF83;  border-radius: 0.75vh;}
.content .inquiry-window.mobile-show{display: none; position: relative; }
.content .inquiry-window.open{right: 0; background: #4C8491; left: 0;}
.content .inquiry-window.open .switch p .icon{visibility: hidden}
.content .inquiry-window .closebutton{display: none; top: 1vh; right: 3vh; position: absolute; z-index: 160; color: #ffffff; line-height: 5vh; font-size: 1.25vh; font-weight: 500; transition: 200ms ease all;}
.content .inquiry-window .closebutton:hover{transform: scale(1.1); color: #EF9C66;}
.content .inquiry-window .closebutton span{font-size: 2.25vh; position: relative; top: 0.3vh;}
.content .inquiry-window .switch{cursor: pointer; display: inline-block;}
.content .inquiry-window:not(.open):hover{background: #3DAB6F; transform: scale(1.1);}
.content .inquiry-window .switch p{letter-spacing: 0.05vh; float: left; color: #ffffff; font-weight: 600; padding: 0; margin: 0;  line-height: 5vh; font-size: 3vh;}
.content .inquiry-window .switch p small{font-size: 18px; line-height: 20px; position: relative; top: -12px}
.content .inquiry-window .switch p .icon{font-size: 4vh; position: relative; top: 0.5vh; margin: 0 0 0 2vh; }
.content .inquiry-window .switch img{ float: left; display: block; margin: 0.5vh 3vh 0 0; height: 4vh; width: auto; border-radius: 0;}
.content .inquiry-window .inner{display: none; padding: 2vh 8% 4vh 7.5%; position: relative;}
.content .inquiry-window .inner p{color: #ffffff; text-transform: uppercase; font-size: 1.5vh; line-height: 3vh;}
.content .inquiry-window .inner p.required{font-weight: 300; margin: 0 0 0.1vh 0; padding: 0 0 1vh 0; }
.content .inquiry-window .inner p .bigger{font-size: 2.7vh; font-weight: 600; white-space: nowrap; color: #EF9C66}
.content .inquiry-window .inner .form p{text-transform: none;}
.content .inquiry-window .inner .form a p{line-height: 5vh; font-size: 2vh; transition: 200ms ease all;}
.content .inquiry-window .inner .form a:hover p{color: #EF9C66; font-weight: 600;}
.content .inquiry-window .inner .form a{display: block; }
.content .inquiry-window .inner .form .form-left a{display: inline; color: #ffffff}
.content .inquiry-window.open .inner .form a{transition: 200ms ease all;}
.content .inquiry-window .inner .form a:hover{transform: scale(1.1);}
.content .inquiry-window .inner .form input{border-color: #ffffff; line-height: 4vh; margin: 1vh 0 1vh 0; text-transform: none; position: relative;}
.content .inquiry-window .inner .form input.error{border-color: red;}
.content .inquiry-window .inner .form input:focus{outline: none;}
.content .inquiry-window .inner .form input.last{margin-bottom: 2vh}
.content .inquiry-window .inner .form .form-left{color: #ffffff;}
.content .inquiry-window .inner .success{display: none; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 500; background: #4C8491; padding: 2vh 10%; justify-items: center; justify-content: center; align-items: center; align-content: center}
.content .inquiry-window .inner .success img{width: 15%; display: block; margin: 0 auto 4vh;}
.content .inquiry-window .inner .success p{margin-bottom: 0; padding-bottom: 0; color: #ffffff; font: 400; font-size: 2vh; line-height: 3vh; text-transform: none;}
.content .inquiry-window .inner .success p span{color: #EF9C66;}
.content .inquiry-window.pop-up{width: 100%; max-width: 800px; position: relative; top: auto; left: auto; right: auto; bottom: auto;}
.content .inquiry-window.pop-up .inner .form input{margin: 1vh 0 1vh 0;}

.content .gallery .main-image img.picture{border-radius: 1.5vh; width: 100%;}
.content .gallery .sliders{margin: 4vh auto 1.5vh; width: 90%; }
.content .gallery .sliders .buttons{display: flex; flex-wrap: nowrap;}
.content .gallery .sliders .buttons a{ text-transform: uppercase; flex: 1; border: 0.25vh solid #D0CFCF; border-radius: 0.5vh; margin: 0 1.5vh 1.5vh 0; color: #1E222D; font-weight: 500; text-align: center; font-size: 1.25vh; line-height: 2vh; padding: 0.3vh 0.25vh;}
.content .gallery .sliders .buttons a:last-child{margin-right: 0;}
.content .gallery .sliders .buttons a:hover{ background: #EF9C66; border-color: #EF9C66; color: #ffffff;}
.content .gallery .sliders .buttons a.active{ background: #EF9C66; border-color: #EF9C66; color: #ffffff;}
.content .gallery .sliders-cover .slider{width: 90%; margin: 0 auto; display: none}
.content .gallery .sliders-cover .slider.slick-initialized{display: block}
.content .gallery .sliders-cover .slider .slick-slide{margin: 0 1vh 0 0;}
.content .gallery .sliders-cover .slider .slick-list {margin: 0 -1vh 0 0;}
.content .gallery .sliders-cover .slider img{width: 100%; border-radius: 0.5vh;}
.content .gallery .sliders-cover{position: relative}
.content .gallery .sliders-cover .next-arrow{position: absolute;  top: calc(50% - 2vh); right: 0; font-size: 4vh; line-height: 4vh; color: #4C8491;}
.content .gallery .sliders-cover .prev-arrow{position: absolute;  top: calc(50% - 2vh);  left: 0; font-size: 4vh; line-height: 4vh; color: #4C8491;}
.content .gallery .fb-slides{display: none}

.content .desc{float: left; width: 28%; padding: 0 3vh;}
.content .desc h1{font-size: 3.5vh; line-height: 5vh;  color: #4C8491; font-weight: 600; margin: 0 0 0.5vh 0; padding: 0 0 0.5vh 0;}
.content .desc h1 small{font-size: 1.25vh; position: relative; top: -2vh;}
.content .desc h2{font-size: 2vh; line-height: 3vh;  color: #4C8491; font-weight: 600; margin: 1vh 0; padding: 1vh 0 0; text-transform: uppercase;}
.content .desc h3{font-size: 1.5vh; line-height: 2.5vh;  color: #4C8491; font-weight: 600; margin: 0.5vh 0 0; padding: 0;  text-transform: uppercase;}
.content .desc h4{font-size: 2.5vh; line-height: 3vh;  color: #EF9C66; font-weight: 600; margin: 0; padding: 0.5vh 0 0 0; }
.content .desc p{font-size: 1.5vh; line-height: 2.5vh;  color: #1E222D; font-weight: 400; margin: 0; padding: 0.5vh 0;}
.content .desc p.small{font-size: 1.25vh; line-height: 2.25vh;}
.content .grid{}
.content .grid .row{display: flex;}
.content .grid .row .col{display: flex; align-content: center; width: 50%; padding: 1vh;}
.content .grid.no-padding .row .col{ padding: 0 1vh;}
.content .grid .row .col:first-child{padding-left: 0;}
.content .grid .row .col:last-child{padding-right: 0;}
.content .grid .row .col img{height: 1.75vh; float: left; display: block; margin: 0 1vh 0 0;}
.content .grid .row .col p{float: left; line-height: 1.75vh; font-size: 1.25vh; color: #1E222D; font-weight: 400; display: block; margin: 0; padding: 0;}
.content .grid .row .col .button{padding: 0.75vh; text-align: center; width: 100%; display: block; border: 0.2vh solid #8A8A8A; border-radius: 0.75vh;  line-height: 2vh; font-size: 1.25vh; color: #1E222D; font-weight: 400; }
.content .grid .row .col .button:hover{color: #ffffff; border-color: #EF9C66; background: #EF9C66;}
.content .grid .row .col .button.active{color: #ffffff; border-color: #EF9C66; background: #EF9C66;}
.content .grid .row .col.add-to-favorite{}
.content .grid .row .col.add-to-favorite p{display: none}
.content .grid .row .col.add-to-favorite p.active{display: initial}
.content .grid.bordered{margin: 1vh 0 0 0;}
.content .grid.bordered .row{border-bottom: 1px solid #ECECEC}
.content .grid.bordered .row .col:first-child{border-right: 1px solid #ECECEC}
.content .grid.bordered .row .col p{float: none; text-align: center; font-size: 1.35vh; line-height: 3vh; text-transform: uppercase;}
.content .grid.bordered .row .col p.big{color: #4C8491; font-size: 2.5vh; font-weight: 500; line-height: 4vh;  text-transform: none;}
.content .grid.bordered .row .col p.big a{color: #4C8491; }
.content .grid.bordered .row .col p.big .small{font-size: 1.75vh;}
.content .grid.bordered .row .col{justify-content: center;}
.content .desc .lines{display: none;}
.content .desc .lines.active{display: block;}
.content .desc .lines .lines-line{border-bottom: 1px solid #ECECEC; padding: 0.75vh 0;}
.content .desc .lines .lines-line p{float: left; font-size: 1.4vh; font-weight: 400; line-height: 3vh; text-transform: uppercase; margin: 0; padding: 0; color: #1E222D; text-align: right;}
.content .desc .lines .lines-line p span{white-space: nowrap}
.content .desc .lines .lines-line p:last-of-type{font-weight: 600; color: #4C8491; float: right; text-transform: none; }

.content .desc2{float: right; width: 28%; }
.content .desc2 .blue{background: #4C8491; border-bottom-left-radius: 1vh; position: relative; z-index: 150; padding: 2vh 3vh 2vh 3vh;}
.content .desc2 .blue .graphics{position: absolute; z-index: 140; top: 0; bottom: 0; left: 100%; width: 6vw; background: #4C8491; }
.content .desc2 .gray{background: #fafafa; border-radius: 1vh;  position: relative; z-index: 150; padding: 3vh 0 3vh 3vh;}
.content .desc2 .gray .graphics{position: absolute; z-index: 140; top: 0; bottom: 0; left: 100%; width: 6vw; background: #fafafa;}
.content .desc2 .blue *{color: #ffffff}
.content .desc2 .prices{display: none;}
.content .desc2 .prices.active{display: block;}

.content .joined{float: right; width: 56%; padding: 3vh 0 3vh 3vw;}

footer{padding: 0vh 0 3.5vh 0; position: relative; z-index: 20;}
footer .flex{display: flex; flex-wrap: nowrap}
footer img{width: 66%; display: block; margin:0 0 3vh 0;}
footer .col-50{width: 50%; }
footer .col-50:first-child{padding-right: 5%}
footer .col-50:nth-child(2n){padding-left: 5%}
footer .col-33{width: 33%; }
footer .no-padding{padding: 0!important;}
footer p{line-height: 2vh; padding: 0; margin: 0;  color: rgba(30,34,45,0.64); font-weight: 500; font-size: 1.2vh; }
footer a{color: #EF9C66;}
footer a.social{display: inline-block; margin: 0 3vh 0 0; font-size: 1.4vh;}
footer a strong{font-weight: 700}
footer strong.blue{color: #4C8491; display: block; margin: 0;}
footer a:hover{color: #4C8491}
footer ul.menu{margin: 1vh 0 1vw 0; padding: 0; list-style: none}
footer ul.menu li{ display: block; padding: 0.25vh 0; font-size: 1.4vh}

/* Animation */
.filter .input .option{transition: 200ms ease all;}
nav a{transition: 200ms ease color;}
.welcome .bottom .left a .underline{transition: 250ms ease all;}
.filter .input .check .checker{transition: 250ms ease all;}
.content .pagination .button{transition: 250ms ease all;}
.content .gallery .sliders .buttons a{transition: 250ms ease all;}
.content .desc .grid .row .col .button{transition: 250ms ease all;}
.content .gallery .graphics .filter .slide-button img{transition: 250ms ease all;}
.content .gallery .main-image .inquiry-window{transition: 250ms ease all;}
.guide .ask .middle .buttons a{transition: 250ms ease all;}
.guide .ask .middle .buttons.images a .image{transition: 250ms ease all;}
.welcome .bottom .right a{transition: 250ms ease all;}
.content .catalogue .sorting .picker li{transition: 200ms ease all;}

/* Ultrawide protections */
@media(min-width: 1366px){
    section.welcome{min-height: 850px;}
}
@media(min-width: 2000px) and (max-height: 1080px){
    section.welcome{min-height: 1080px;}
}

/*
@media(min-width: 2000px) and (max-height: 1080px){
    .header-cover.hp nav a, .header-cover.contact nav a{font-size: 18px; }
    #header .logo img{height: 72px;}
    .container{max-width: 1920px;}
    .welcome .middle h1{font-size: 70px; line-height: 90px;}
    .welcome .middle h2{font-size: 30px; line-height: 40px;}
    .welcome .middle p{font-size: 20px; line-height: 32px;}
    .banner h2{font-size: 20px; line-height: 26px;}
    .banner{padding: 20px 130px 15px 30px; background: url(/img/arrow_banner.svg) right 30px center no-repeat #38707D; background-size: 60px 60px; margin: 30px 0 0 0;}
    .banner:hover {background: url(/img/arrow_banner.svg) right 40px center no-repeat #4C8491;  background-size: 80px 80px;}
    .filter{padding: 5px 30px 10px;}
    .filter h3{font-size: 20px; line-height: 30px; margin: 0.7vw 0 0.3vw 0;}
    .filter .input .option{font-size: 14px; line-height: 20px;     margin: 0.4vh 0.8vh 0.4vh 0;}
    .filter .slider-cover .slider-range-min{font-size: 14px; line-height: 18px;}
    .filter .slider-cover .slider-range-max{font-size: 14px; line-height: 18px;}
    .filter .button {font-size: 16px;   line-height: 30px;  margin: 0.8vh 0 0.5vh 0; padding: 10px 30px;}
    .filter .input .option{border-width: 2px;}
    .welcome .bottom p, .welcome .bottom a{font-size: 16px; line-height: 30px;}
}
*/

@media(min-width: 2000px) and (max-height: 1440px){
    .header-cover.hp nav .link, .header-cover.contact nav .link{font-size: 20px; }
    .header-cover.hp nav .link a, .header-cover.contact nav .link a{font-size: 20px; }
    #header .logo img{height: 92px;}
    .welcome .middle h1{font-size: 92px; line-height: 106px;}
    .welcome .middle p{font-size: 25px; line-height: 50px;}
    .welcome .middle h2{font-size: 1.15vw;}
    .banner h2{font-size: 20px; line-height: 26px;}
    .banner{padding: 20px 130px 15px 30px; background: url(/img/arrow_banner.svg) right 30px center no-repeat #38707D; background-size: 60px 60px; margin: 30px 0 0 0;}
    .banner:hover {background: url(/img/arrow_banner.svg) right 40px center no-repeat #4C8491;  background-size: 80px 80px;}
    .filter{padding: 5px 30px 10px;}
    .filter p.h3{font-size: 24px; line-height: 38px; margin: 0.7vw 0 0.3vw 0;}
    .filter .input .option{font-size: 14px; line-height: 20px;     margin: 0.4vh 0.8vh 0.4vh 0;}
    .filter .slider-cover .slider-range-min{font-size: 18px; line-height: 26px;}
    .filter .slider-cover .slider-range-max{font-size: 18px; line-height: 26px;}
    .filter .button {font-size: 20px;   line-height: 38px;  margin: 0.8vh 0 0.5vh 0; padding: 10px 30px;}
    .filter .input .option{border-width: 2px; font-size: 18px; line-height: 40px;}
    .welcome .bottom p, .welcome .bottom a{font-size: 20px; line-height: 36px;}
}

/* Responsive design */
@media (max-width: 1500px){ /*1366*/

}

@media (max-width: 1366px){ /*1366*/
    footer .second{ max-width: 35%; padding: 0 0 0 20px}
    footer img{margin: 2vh 3vh 0 0}
}


@media (max-width: 1024px){ /* iPads landscape */}
@media (max-width: 1023px){


}

@media
(max-width: 1023px) and (min-width: 768px) and (min-height: 650px),
(max-width: 1280px) and (min-width: 768px) and (min-height: 1024px){
    .guide .bg{width: 40%;}
    .guide .ask{width: 60%}
    .guide .bg .text h1{font-size: 4vh; line-height: 5.5vh;}
    .guide .bg .text p{font-size: 2.5vh; line-height: 4vh;}
    .guide .ask .top h2{font-size: 3vh; line-height: 4vw; margin-top: 3vh;}
    .guide .ask .bottom .orange img{height: 3.5vh;}
    .guide .ask .bottom .gray a.next{font-size: 1.5vh; }
    .guide .ask .bottom .gray a.prev img{height: 3vh; margin: 2.5vh 0;}
    .guide .ask .bottom .gray a.prev{padding: 0 0 0 2vw;}
    .guide .ask .bottom .gray .pagination span.big{font-size: 2.5vh;}
    .guide .ask .bottom .gray .pagination{font-size: 1.75vh;}
    .guide.guide-6 .ask .middle .buttons.images a .image img{height: 6vh;}
    .guide.guide-6 .ask .middle .buttons.images a .image img.small-margin{height: 9vh}

    .filter p.h3{font-size: 1.5vw; line-height: 2vw;}
    .filter .input .option{font-size: 1.1vw; }
    .filter .button{font-size: 1.2vw; line-height: 1.6vw; padding: 0.85vw 1.25vw 0.7vw}
    .filter .input.flex .option{display: flex; justify-content: center; justify-items: center; align-content: center; align-items: center; padding: 0.8vw 0 0.6vw}
    .filter .slider-cover .slider-range-max{font-size: 1.2vw; line-height: 1.5vw;}
    .filter .slider-cover .slider-range-min{font-size: 1.2vw; line-height: 1.5vw;}
    .filter.alone .slide-button{width: 4.25vw; min-height: 33vh}
    .filter.alone .in-detail .inner{padding: 0 2vw; width: 30vw;}
    .filter.alone .slide-button img{margin: 0 4vw; height: 3vh;}
    .filter.alone .slide-button p{font-size: 1.6vw}
    .filter.alone .button{margin: 1.5vw 0 0 0}
    .filter.alone .input .option{font-size: 1.3vw; }
    .filter .input .check p{font-size: 1.2vw;}
    .filter .input.flex.no-equal{display: block}
    .filter .input.flex.no-equal .option:first-child{margin-right: 0}

    .content .config .filter .option{ padding: 0.4vw 0.2vw 0.2vw; margin: 0.6vh 0.3vw 0.6vh 0}

    .banner h2{font-size: 1.8vw; line-height: 2.2vw;}
    .welcome .middle p{font-size: 1.4vw; line-height: 2.1vw}

    .welcome .middle h1{font-size: 4.4vw; line-height: 5.5vw;}
    .welcome .middle h2{font-size: 1.7vw; line-height: 2.5vw;}
    .welcome .middle .col:last-child{width: 50%; padding: 0 0 0 5%}
    .welcome .bottom p, .welcome .bottom a{font-size: 1.3vw; line-height: 1.3vw}
    .welcome .bottom .left p{margin: 1.2vh 3vh 0 0}

    nav a.link{font-size: 1.15vw; margin: 0 0 0 1.5vw}

    .content .col:first-child{padding: 0 2vw 0 0;}
    .content h2.small{font-size: 2.75vw; line-height: 4vw;}
    .content .bubble{padding: 1vw 2.25vw;}
    .content h3{margin: 0.7vw 0 0vw 0}
    .content h3.bigger{font-size: 1.75vw; line-height: 2.5vw;}
    .content .bubble p{margin: 0 0 0.7vw 0}
    .content h4{font-size: 1.75vw; line-height: 2.6vw;}

    .content .trailer{padding: 2vw 3vw;}
    .content .trailer .third:first-of-type{padding: 0 2vw 0 0;}
    .content .trailer .third{padding: 0 2vw;}
    .content .trailer .third:nth-child(3){padding: 0 0 0 2vw;}
    .content .trailer a.link{font-size: 1.5vw; line-height: 2vw;}

    .content .articles a.article h3{font-size: 2.2vw; line-height: 3.5vw;}
    .content .articles.in-col a.article h3{font-size: 1.75vw; line-height: 2.5vw;}

    .content .guide-banner{padding: 2.5vh 4%}
    .content .guide-banner .part h2{font-size: 2vw; line-height: 3vw;}
    .content .guide-banner .part h3{font-size: 1.85vw; line-height: 2.25vw}
    .content .guide-banner .part p{font-size: 1.5vw; line-height: 2vw;}

    .content .config .filter{padding: 1.5vw 1.75vw 1vw 0}

    .content .catalogue .houses a .tag{font-size: 1.05vw; line-height: 2vw; text-align: right; padding: 0.25vw 0.75vw;}
    .content .catalogue .houses a p{font-size: 1.1vw; line-height: 1.5vw;}
    .content .catalogue .houses a h3{margin: 0;}
    .content .joined p{font-size: 1.1vw; line-height: 1.5vw;}
    .content .joined h3{margin: 0;}

    .content .gallery{width: 54%;}
    .content .desc{width: 46%;}
    .content .desc2{width: 46%;}
    .content .joined{width: 46%;}

    .content .inquiry-window .switch img{height: 3.5vw; margin: 0.5vw 2vw 0 0;}
    .content .inquiry-window .switch p{line-height: 4vw; font-size: 2.5vw;}
    .content .inquiry-window .switch p .icon{font-size: 3vw; top: 0.25vw;}
    .content .inquiry-window{left: calc(50% - 16.75vw);}
    .content .inquiry-window .inner{padding: 2vh 7.5% 4vh}
}

@media (max-width: 768px){ /* iPads portrait */}
@media (max-width: 767px){
    .mobile-hide{display: none!important;}
    .mobile-show{display: inherit;}
    .mobile-text-center{text-align: center}
    .pull-left.mobile-text-center{float: none;}
    .container.right-bigger{padding: 0 5vw;}
    .container.no-padding{padding: 0;}
    .content.dark p{font-size: 4vw; line-height: 7vw; font-weight: 600; text-align: center;}

    section.mobile-show{display: block}
    section.welcome{margin: 0; min-height: 100vh; height: auto;}
    section.content {padding: 4vw 0}
    section.content.dark{padding: 4vw 0;}

    .header-cover.hp #header{padding: 2vh 0; height: 12vh;}
    #header{position: fixed}
    #header.backgrounded{background: #ffffff; box-shadow: 0 5px 50px rgba(0,0,0, 0.5)}
    #header.backgrounded .logo.color, .header-cover.hp #header.backgrounded .logo.color{display: block;}
    #header.backgrounded .logo.color .logo.white, .header-cover.hp #header.backgrounded .logo.white{display: none;}
    #header.backgrounded .switcher,.header-cover.hp #header.backgrounded  .switcher{color: #000000}
    #header .forms-button{display: block; float: right; position: relative; font-size: 2vh; text-transform: uppercase; letter-spacing: -1px;  padding-right: 8px; padding-left: 8px; background: rgb(209,126,72); border-radius: 4px; margin: 0; line-height: 7.5vh; color: #ffffff;}
    #header .forms-button .box{display: none; z-index: 200; padding: 5px 5px 0 5px; position: absolute; top: calc(6vh - 4px); right: 0;  background: rgb(209,126,72); border-radius: 6px; margin: 0;}
    #header .forms-button .box a{letter-spacing: 0; font-weight: 500; line-height: 6vh;text-transform: uppercase; font-size: 2vh; white-space: nowrap; background: #ffffff; border-radius: 4px; display: block; color: #1E222D; padding: 0px 30px; text-align: center; margin: 10px 10px;}
    #header .switcher{display: block; color: #4C8491;}
    .header-cover.hp #header .switcher{color: #ffffff}

    nav{display: none; position: absolute; min-height: 100vh; top: -2vh; left: 0; right: 0; background: #4C8491; z-index: 500;padding: 2vw 4vw;}
    nav .link, nav .link a{display: block; font-size: 5vw; line-height: 12vw; padding: 4vw 2vw; color: #ffffff; border-bottom: 1px solid rgba(236,236,236,0.26); margin: 0; font-weight: 500;}
    nav .link>a{border-bottom: none; padding: 0}
    nav .link .box{position: relative; top: auto; right: auto;}
    nav .link .box a{display: block; font-size: 4.5vw; line-height: 8vw; padding: 4vw 4vw; border-bottom: 1px solid rgba(236,236,236,0.26); margin: 0; font-weight: 500;}
    nav a img{height: 3vh;}
    nav .nav-logo{display: block; width: 50%; margin: 4vw 0 8vw 2vw; height: auto; }
    nav .times{display: block; position: absolute; z-index: 505; top: 5vw; right: 7vw; color: #ffffff; font-size: 6vh; line-height: 10vh; text-decoration: none; border-bottom: none;}

    #form-popup{flex-wrap: wrap; bottom: 5vh; padding: 3.25vh 2.5vh 2vh; left: 5vh; right: 5vh; transform: none; border-radius: 1vh; }
    #form-popup .img{width: 100%; height: 15vh; margin: 0 0 1.5vh 0; border-radius: 1vh;}
    #form-popup .text{margin: 0 0 1vh 0; width: 100%;}
    #form-popup .text p.big{font-size: 2vh; line-height: 2.25vh; padding: 0; margin: 0 0 0.75vh 0;}
    #form-popup .text p.small{font-size: 1.75vh; line-height: 2vh; padding: 0; margin: 0 ;}
    #form-popup .button{ display: flex; align-items: center; border-radius: 1vh; width: 100%; margin: 1.5vh 0 0 0}
    #form-popup .button a{margin: 0; padding: 1vh 1.5vh; display: block; width: 100%; text-align: center; font-size: 2.25vh; line-height: 2.5vh; border-radius: 1vh;}
    #form-popup .close{font-size: 2vh; line-height: 1.1vh; position: absolute; top: -3vh; right: 0; background: #da8751; border-top-left-radius: 1vh; border-top-right-radius: 1vh; padding: 1vh 1.5vh;}
    #form-popup .close span{display: initial}

    .welcome .middle{display: block; margin: 12vh 0 0 0}
    .welcome .middle p a.big{font-size: 5.5vw; line-height: 7.25vw;}
    .welcome .middle .col{width: 100%;}
    .welcome .middle .col:last-child{padding: 0; width: 100%;}
    .welcome .middle h1{font-size: 8vw; line-height: 10vw;}
    .welcome .middle h2{font-size: 6vw; line-height: 8vw;}
    .welcome .middle .line{display: none;}
    .welcome .middle .line.no-hide{display: block;}
    .welcome .middle p{font-size: 5.5vw; line-height: 7.25vw; padding: 2vw 0 4vw;}
    .welcome .middle p.required{font-size: 3.5vw; line-height: 5vw;}
    .welcome .middle p br{display: none}
    .welcome .middle p br.force{display: initial}
    .welcome .bottom{display: none;}

    .form{margin: 0;}
    .filter{padding: 3vw 5vw;}
    .filter.margin-bottom{margin-bottom: 5vw;}
    .filter p.h3{font-size: 4.5vw; line-height: 6vw; margin: 2vw 0 1.5vw; font-weight: 600}
    .filter .input.flex{flex-wrap: wrap;}
    .filter .input.flex .option{flex: initial; width: 23%; margin: 0.6vh 2.66% 0.6vh 0; padding: 2.5vw 0; font-size: 3.5vw; line-height: 5vw; border-radius: 1.5vw;}
    .filter .input.flex .option:nth-child(4n){margin-right: 0; }
    .filter .input.flex .option.no-margin{margin-right: 0;}
    .filter .input.flex.no-equal .option{flex: initial; width: auto; padding: 1.5vw 2vw}
    .filter .input .check{margin: 3vw 0;}
    .filter .input .check p{font-size: 4vw; line-height: 5vw; }
    .filter .input .check .checker{height: 5vw; width: 5vw; margin: 0 3vw 0 0; line-height: 4.25vw; font-size: 3vw;}
    .filter .input .slider-range-min{font-size: 4vw; line-height: 5vw;}
    .filter .input .slider-range-max{font-size: 4vw; line-height: 5vw;}
    .filter p.filter-title{font-size: 4vw; line-height: 6vw; padding: 2vw 0 1vw;}
    .filter p.filter-title strong{font-size: 4vw; line-height: 6vw;}
    .filter .button{font-size: 3vw; line-height: 5vw; border-radius: 2.5vw; padding: 3vw 8vw; }

    .filter .slider-cover .slider-range-max{font-size: 3vw; line-height: 5vw;}
    .filter .slider-cover .slider-range-min{font-size: 3vw; line-height: 5vw;}

    .content .text-button{font-size: 3vw; line-height: 5vw; border-radius: 2.5vw; padding: 3vw 8vw; margin: 1vh auto 5vh;}

    .content .config{width: 100%; float: none;}
    .content .config .blue .graphics{display: none;}
    .content .config .gray{display: none; position: fixed; z-index: 1000; top: 0; bottom: 0; left: 0; right: 0; overflow-y:scroll; overflow-x:hidden;}
    .content .config .gray .head{position: fixed; left: 0; right: 0; z-index: 500;}
    .content .config .gray .head .button{display: block; line-height: 8vw; margin: 3.5vw 0 3.5vw 4vw; font-size: 3.5vw; padding: 0.5vw 3vw; border: 0.25vh solid #D0CFCF; border-radius: 0.75vh;  float: left;  }
    .content .config .gray .head .button.build-filter{background: #4C8491; border-color: #4C8491; color: #ffffff;}
    .content .config .gray .mobile-show{}
    .content .config .gray .head{background: #ffffff;}
    .content .config .gray .head a{font-size: 5vw; line-height: 18vw; color: #1E222D; margin: 0 0 0 5vw; font-weight: 500;}
    .content .config .gray .head a.close{position: absolute; top: 0; right: 6vw; z-index: 1010; font-size: 8vw;}
    .content .config .gray .graphics{display: none;}
    .content .config .filter{padding: 18vw 4vw 3vw;}
    .content .config .filter.live{padding: 3vw 4vw;}
    .content .config .filter .input.flex.no-equal .option{width: auto; font-size: 3.25vw;}
    .content .config .blue{border-radius: 5vw;}
    .blue .filter p.h3{font-size: 5vw;}
    .content .config .gray h3{font-size: 5vw;}

    .content .catalogue{width: 100%; padding: 5vw 0vw;}
    .content .catalogue .houses{margin: 0 0 2vw 0;}
    .content .catalogue .houses a{width: 100%; margin: 2vw 0;}
    .content .catalogue .houses a h2{font-size: 5vw; line-height: 6.5vw;}
    .content .catalogue .houses a p{font-size: 4vw; line-height: 5.5vw;}
    .content .catalogue .houses a .tag{font-size: 5vw; line-height: 8vw;}
    .content .catalogue .sorting{font-size: 4vw; line-height: 5vw; margin: 5vw 0 0 0; float: right}
    .content .catalogue .more-filters{font-size: 4vw; color: #ffffff; text-transform: uppercase; border-radius: 15px; line-height: 5vw; width: 100%; background: #4C8491; padding: 10px 14px 9px 14px; display: block; margin: 5vw 0 0 0; font-weight: 500;}
    .content .catalogue .more-filters img{float: right; height: 5vw; width: 5vw; display: block; transform: rotate(90deg)}
    .content .catalogue .filters{margin: 2.5vw 0 0;}
    .content .catalogue .filters a{font-size: 3vw; line-height: 4vw; margin: 0 1.5vw 3vw 0; padding: 1.75vw 0.75vh 1.25vw;}
    .content .catalogue .filters a:first-child{padding: 1.75vw 0.75vh 1.25vw;}

    .content .joined{width: 100%; margin: 0; padding: 2.5vw 5vw;}
    .content .joined .houses a{width: 48%; margin: 1% 4% 0 0;}
    .content .joined .houses a:nth-child(2n){margin-right: 0;}


    .banner {border-radius: 2vw;  padding: 2vw 22.5vw 0vw 4.5vw; margin: 4vw 0;  background: url(/img/arrow_banner.svg) right 7vw center no-repeat #38707D; background-size: 10vw 10vw;}
    .banner h2{font-size: 4.5vw; line-height: 6vw;}
    .welcome .middle .banner p{font-size: 3vw; line-height: 4.5vw; padding-top: 0.5vw;}

    .content h2{font-size: 7vw; line-height: 8.25vw; margin: 1.5vw 0; padding: 1.5vw 0;}
    .content h3{font-size: 6vw; line-height: 7vw; margin: 1.5vw 0; padding: 1vw 0;}
    .content p{font-size: 4vw; line-height: 5.5vw; margin: 1.5vw 0; padding: 1vw 0;}
    .content .line{margin: 3vw auto; height: 0.5vw;}
    .content .col h2{text-align: center;}
    .content .col:first-child{width: 100%; padding: 0;}
    .content .col{width: 100%; padding: 0;}
    .content .col.double{width: 100%;}

    .content .lists{width: 100%; margin: 2vh 0 1vh 0}
    .content .lists a{ width: 100%; text-align: center}

    .content .bubble:first-of-type{margin-top: 1.5vw;}
    .content .bubble{padding: 2vw 5vw; position: relative; margin: 0 0 3vw 0;}
    .content .bubble p{display: none;}
    .content .bubble .icon{display: block; position: absolute; z-index: 150; right: 5vw; line-height: 12vw; font-size: 5vw; color: #EF9C66}
    .content .symbol{display: none;}

    .content .trailer{display: block; border-radius: 2vw;}
    .content .trailer .third{width: 100%; padding: 2vw 0; border-right: none; border-bottom: 1px solid #CBCACA;}
    .content .trailer .third:first-of-type{padding: 0 0 2vw 0; }
    .content .trailer .third:nth-child(3){padding: 2vw 0 0 0; border-bottom: none;}
    .content .trailer a.link{font-size: 3.5vw; line-height: 5vw; display: none}
    .content .trailer .bubble.active a.link{display: block;}

    .content .articles a.article, .content .articles.wide a.article{width: 100%; margin: 0 0 3vw 0; text-align: center}
    .content .articles a.article h3, .content .articles.wide a.article h3{font-size: 5vw; line-height: 6.5vw; text-align: center; margin: 0 0 1vh 0; padding: 0 0 1vh 0;}
    .content .articles a.article p.date, .content .articles.wide a.article p.date{font-size: 3vw; line-height: 5vw; margin-top: 0; text-align: center; padding: 1.5vw 0 0;}
    .content .articles.wide a.article img{width: 100%; float: none;}
    .content .articles a.article p.perex{display: none;}

    .content .inquiry-window .switch p .icon{ font-size: 6vw; margin: 0 0 0 4vw; top: -2px;}
    .content .inquiry-window .switch p small{font-size: 14px; line-height: 20px; position: relative; top: -5px}

    .content .article img{margin: 5vw 0 0 0; border-radius: 3vw;}
    .content .article h1{font-size: 5.5vw; line-height: 8vw; margin: 1vw 0 3vw 0; float: left;}
    .content .article p{font-size: 4vw; line-height: 6vw;}
    .content .article ul{max-width: 100%;}
    .content .article li{font-size: 4vw; line-height: 6vw;}
    .content .article li:before{}
    .content .col .article h2{text-align: left;}

    .content .v2 .article .date, .content .v2 .articles.wide a.article .date, .content .articles.blog a.article .date{display: block; padding: 0 0 0.25vh 0 ; margin: 0; text-align: left;}
    .content .v2 .article, .content .v2 .articles.wide a.article, .content .articles.blog a.article{display: block; width: 100%; margin: 2.5vh 0; float: none}
    .content .v2 .article img, .content .v2 .articles.wide a.article img, .content .articles.blog a.article img{margin: 0 4vw 0.5vw 0; border-radius: 3vw; width: 46%; float: left;  }
    .content .v2 .article p, .content .v2 .articles.wide a.article p.content .articles.blog a.article p{display: none;}
    .content .v2 .article p.date, .content .v2 .articles.wide a.article p.date, .content .articles.blog a.article p.date{font-size: 1.5vh; line-height: 2vh;}
    .content .v2 .article h3, .content .v2 .articles.wide a.article h3,.content .articles.blog a.article h3{text-align: left; margin: 0; padding: 0; font-size: 1.75vh; line-height: 2.35vh; height: auto; overflow: auto; color: black; overflow: hidden}
    .content .articles.blog a.article:nth-child(2n){margin-right: 0}

    .content .guide-banner{margin: 5vw 0;}
    .content .guide-banner .part:nth-child(1){display: none;}
    .content .guide-banner .part:nth-child(2){width: 83%; padding: 0 4% 0 0;}
    .content .guide-banner .part:nth-child(3){width: 17%}
    .content .guide-banner{padding: 4vw 4%;}
    .content .guide-banner .part h3{font-size: 4.5vw; line-height: 6vw;}
    .content .guide-banner .part img{width: 100%}

    .form input{padding: 3vw 4vw; font-size: 3vw; line-height: 6vw; border-radius: 2vw;}
    .form textarea{padding: 3vw 4vw; font-size: 4vw; line-height: 6vw; border-radius: 2vw;}
    .form .form-left{width: 100%; font-size: 3vw; line-height: 4.5vw;}
    .form .form-right{width: 100%; text-align: center; padding: 5vw 0 1vw 0;}
    .form .form-right a img{float: none; margin: 0; height: 3vh;}
    .form .form-right a p{float: none; font-size: 5vw; line-height: 7vw;}

    .content .gallery{width: 100%; padding: 3vw 5vw; }
    .content .desc{width: 100%; padding: 3vw 5vw;}
    .content .desc h2{font-size: 4.5vw; line-height: 6vw;}
    .content .desc h3{font-size: 3.75vw; line-height: 5vw;}
    .content .desc h4{font-size: 5.25vw; line-height: 6.5vw;}
    .content .desc p.small{font-size: 3vw; line-height: 4vw;}
    .content .desc p{font-size: 3.75vw; line-height: 6vw;}
    .content .desc2{width: 100%; padding: 3vw 0;}
    .content .desc2 .gray{padding: 3vw 5vw;}
    .content .desc2 .gray .graphics{display: none}
    .content .desc2 .blue{border-bottom-left-radius: 0;}
    .content .desc2 .blue .graphics{display: none;}
    .content .gallery .graphics{display: none;}
    .content .gallery h1{color: #4C8491; margin: 0; padding: 2vw 0; font-weight: 600;}
    .content .gallery .main-image .fancybox{display: none}
    .content .gallery .sliders-cover .next-arrow{right: -4.5vw;}
    .content .gallery .sliders-cover .prev-arrow{left: -4.5vw;}
    .content .inquiry-window{position: relative; padding: 2vw 5vw 0.75vw 4vw; margin: 0 0 4vw;  left: 0;}
    .content .inquiry-window.mobile-show{display: block; margin: 3vw 5vw 1vw}
    .content .inquiry-window.mobile-show .closebutton{top: 2vw}
    .content .inquiry-window .switch{text-align: center; width: 100%;}
    .content .inquiry-window .switch img{height: auto; width: 7%; margin: 0.5vw 0 0 0;}
    .content .inquiry-window .switch p{text-align: center; width: 92%; font-size: 5vw; line-height: 8.5vw;}
    .content .inquiry-window .switch p .icon{ font-size: 6vw; margin: 0 0 0 4vw;}
    .content .inquiry-window.open .switch p{text-align: left; padding-left: 4vw;}
    .content .inquiry-window .closebutton{font-size: 4vw; top: -30px; right: 0; color: #ffffff; background: #4C8491; border-radius: 0.75vh; padding: 0 15px}
    .content .inquiry-window .inner{padding: 2vw;}
    .content .inquiry-window .inner p{font-size: 3.5vw ;line-height: 5.5vw; margin-top: 0}
    .content .inquiry-window .inner p .bigger{font-size: 4vw;}
    .content .inquiry-window .inner .success{padding: 2vh 5%;}
    .content .inquiry-window .inner .form input.last{margin-bottom: 1vh;}
    .content .inquiry-window .inner .form{margin: 0;}
    .content .inquiry-window .inner .form a p{line-height: 5vw; font-size: 4vw}
    .content .gallery .sliders-cover .slider{width: 100%}
    .content .gallery .sliders-cover .slider img{border-radius: 2vw;}
    .content .gallery .sliders{width: 100%; margin: 2vw auto 0;}
    .content .gallery .sliders .buttons a{border-radius: 1.5vw; line-height: 5vw; font-size: 3vw; margin: 0 0.75vh 0.75vh 0;}

    .content .inquiry-window.pop-up .inner .form input{line-height: 2.5vh; margin: 0.5vh 0.5vh;}
    .content .inquiry-window.pop-up{margin-bottom: 0}

    .content .grid .row .col p{font-size: 3.5vw; }
    .content .grid .row .col .button{border-radius: 1.5vw; line-height: 5vw; font-size: 3vw;}
    .content .grid.bordered .row .col p{font-size: 3vw; line-height: 4.5vw;}
    .content .grid.bordered .row .col p.big{font-size: 6vw; line-height: 11vw;}
    .content .grid.bordered .row .col p.big .small{font-size: 3.75vw;}

    .content .veil{padding: 0 2.5vw;}

    .content .desc .lines .lines-line{padding: 2.5vw 0;}
    .content .desc .lines .lines-line p{font-size: 3.5vw; line-height: 5vw;}

    .content .catalogue .text p{font-size: 1.75vh; line-height: 2.5vh}
    .content .catalogue .sorting .picker li{font-size: 1.75vh; line-height: 2.5vh}

    .guide{flex-wrap: wrap; height: 100vh; display: flex;}
    .guide .bg{height: 25vh; width: 100%;}
    .guide .ask{width: 100%;}
    .guide .ask .top{height: auto; padding: 5vw 0; position: initial; top: auto}
    .guide .ask .top h3{display: none;}
    .guide .ask .top h2{font-size: 5vw; line-height: 7vw;}
    .guide .ask .top h2 br{display: none}
    .guide .ask .middle{position: initial; top: auto; padding: 0 0 5vh 0;}
    .guide .ask .middle.no-padding{padding: 0 0 5vh 0;}
    .guide .ask .bottom .orange{width: 20%; height: 8vh;}
    .guide .ask .bottom .gray{width: 80%;}
    .guide .ask .bottom .gray .pagination{padding: 0; font-size: 5vw;}
    .guide .ask .bottom .gray .pagination span.big{font-size: 8vw;}
    .guide .ask .bottom .gray .pagination span.icon{display: none}
    .guide .ask .bottom .gray a.next{display: none}
    .guide .ask .middle .buttons.images a .image img{height: 4vh; margin: 1vh auto;}
    .guide .ask .middle .buttons.images a p{font-size: 1.2vh; line-height: 1.75vh; }
    .guide.guide-6 .ask .middle .buttons.images a .image img{height: 6vh;}
    .guide.guide-6 .ask .middle .buttons.images a .image img.small-margin{height: 8vh; margin: 2vh auto;}
    .guide .ask .middle .buttons.images.doubles a .image img{height: 7vh;}
    .guide .bg .text{position: absolute; bottom: 1vh; left: 0; right: 0; top: auto;}
    .guide .bg .text h1{display: none;}
    .guide .bg .text p{font-size: 3.5vw; line-height: 5vw; position: absolute; bottom: 2vw;}

    .content .col.double-smaller{width: 100%;}
    .content .col.small{width: 100%; padding: 3vw 0; display: none}

    .content .inquiry-window .inner .form label p{width: 85%;}

    footer{padding: 0 0 2em 0;}
    footer .flex{flex-wrap: wrap}
    footer img{width: 66%; display: block; margin:0 auto 3vh auto;}
    footer .col-50{width: 100%; text-align: center}
    footer .col-50:first-child{padding-right: 0}
    footer .col-50:nth-child(2n){padding-left: 0%}
    footer .col-33{width: 100%; }
    footer p{float: none; text-align: center; font-size: 4vw; line-height: 6vw; margin: 5vw 0;}
    footer p a{margin: 0 5vw; font-size: 4vw; line-height: 5vw;}
    footer a.social{font-size: 5vw; line-height: 6vh; padding: 0 1vw; margin: 2vw 0 0 0}
    footer ul.menu{margin: 0 0 2vw 0}
    footer ul.menu li{padding: 0; text-align: center}
    footer ul.menu a{font-size: 4vw; line-height: 2.5vh}


}

@media (max-width: 480px){ /* iPhones landscape */}
@media (max-width: 479px){

}

@media (max-width: 320px){ /* iPhones portrait */}