/*
Theme Name: Collina Verde
Author: Angel Demirev
Author URI: https://www.demirev.net/
*/

@font-face {
    font-family: 'muller_demothin';
    src: url('fonts/mullerdemo-thin-webfont.eot');
    src: url('fonts/mullerdemo-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mullerdemo-thin-webfont.woff2') format('woff2'),
         url('fonts/mullerdemo-thin-webfont.woff') format('woff'),
         url('fonts/mullerdemo-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html{
    overflow-x: hidden;
}

body{
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #505050;
    overflow-x: hidden;
}

.wrapper{
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}

/*Global*/

*{
    box-sizing: border-box;
}

img{
    max-width: 100%;
    height: auto;
}

a{

}

a:focus{
    outline: none;
}

p{

}

h1, h2, h3, h4, h5{

}

h1{
    font-size: 32px;
}

h2{
    font-size: 25px;
}

h3{
    font-size: 18px;
}

h4{
    font-size: 16px;
}

h5{
    font-size: 14px;
}

ul,
ol{
    margin: 0;
    padding: 0;
}

ul li,
ol li{
    list-style: none;
}

.section-title{
    background: #b9d178;
    padding: 4px 0;
    position: relative;
    z-index: 1;
}

.section-title:before{
    content: '';
    background: #b9d178;
    width: 110px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
}

.section-title:after{
    content: '';
    background: #b9d178;
    width: 110px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
}

.section-title h2{
    font-family: 'muller_demothin';
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}

.btn{
    background: #9bd2cd;
    padding: 15px 34px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn:hover{
    color: #38615c;
}

.social-links{}

.social-links a{
    margin: 0 4px 10px;
    font-size: 30px;
    color: #eee78c;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

/*Sprite*/

.sprite{
    background-image: url('images/sprite.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
}

.bed-icon{
    background-position: -145px 0;
    width: 139px;
    height: 49px;
}

.bed-icon{
    background-position: 0 0;
    width: 39px;
    height: 32px;
}

.bath-icon{
    background-position: -43px 0;
    width: 40px;
    height: 41px;
}

.garage-icon{
    background-position: -90px 0;
    width: 44px;
    height: 36px;
}

/* Header */

#header .wrapper{
    position: relative;
    z-index: 10;
}

#header:after{
    content: '';
    display: block;
    clear: both;
}

#logo{
    background: #aed180;
    padding: 11px 24px 16px;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#logo img{
    width: 100px;
    position: relative;
    z-index: 1;
}

#language{
    position: absolute;
    top: 18px;
    right: 60px;
}

#language > span{
    padding: 10px;
    font-size: 16px;
    color: #5b5b5b;
}

#language > #language-box{
    background: #fff;
    padding: 10px 10px 0;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
}

#language:hover > #language-box{
    display: block;
}

#language > #language-box ul{}

#language > #language-box ul li{
    margin: 0 0 10px;
}

#language > #language-box ul li a{
    font-size: 16px;
    color: #5b5b5b;
    text-decoration: none;
}

#language > #language-box ul li.active span{
    color: #aed180;
}

#navigation{
    margin: 0;
    padding: 0 0 60px;
    float: right;
    position: relative;
    z-index: 1;
}

#navigation button{
    background: transparent;
    padding: 6px;
    height: 18px;
    border: 0;
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 101;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation button:focus{
    outline: none;
    box-shadow: none;
    border: none;
}

#navigation button span{
    background: #b9d178;
    width: 26px;
    height: 3px;
    display: block;
    position: relative;
    text-indent: -9999px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation.open-menu button span{
    background: transparent;
}

#navigation button span:before{
    content: '';
    background: #b9d178;
    width: 26px;
    height: 3px;
    margin: 0 0 3px;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation.open-menu button span:before{
    background: #fff;
    -webkit-transform: rotate(45deg) translateX(4px) translateY(6px);
    -moz-transform: rotate(45deg) translateX(4px) translateY(6px);
    transform: rotate(45deg) translateX(4px) translateY(6px);
}

#navigation button span:after{
    content: '';
    background: #b9d178;
    width: 26px;
    height: 3px;
    margin: 3px 0 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation.open-menu button span:after{
    background: #fff;
    -webkit-transform: rotate(-45deg) translateX(3px) translateY(-5px);
    -moz-transform: rotate(-45deg) translateX(3px) translateY(-5px);
    transform: rotate(-45deg) translateX(3px) translateY(-5px);
}

#navigation > div{
    background: #aed180;
    padding: 100px 10px 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: -100%;
    right: 0;
    bottom: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#navigation.open-menu > div{
    opacity: 1;
    visibility: visible;
    top: 0;
    bottom: 0;
}

#menu-main-navigation{}

#menu-main-navigation > li{
    display: block;
}

#menu-main-navigation > li a{
    padding: 10px 12px;
    font-size: 16px;
    color: #5b5b5b;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#menu-main-navigation > li a:hover,
#menu-main-navigation > li.pdf-btn a{
    background: #b9d178;
    color: #fff;
}

/* Content */

main{}

#slider{
    position: relative;
}

#slider-box{}

#slider-box .slider-entry{
    line-height: 0;
}

#slider-box .slider-entry img{
    width: 100%;
}


#intro{}

#intro .intro-box{
    margin: 30px 0 0;
    position: relative;
}

#intro header{}

#intro header h1{}

#intro figure{}

#intro figure img{
    width: 100%;
}

#intro .text{}

#complex-info{
    margin: 30px 0;
}

#complex-info figure{
    line-height: 0;
}

#complex-info .text-box{
    background: rgba(80, 130, 124, 0.95);
    margin: 0 10px;
    padding: 24px 0;
    position: relative;
    z-index: 1;
}

#complex-info .text-box header{
    padding: 4px 30px;
    display: inline-block;
}

#complex-info .text-box header:before,
#complex-info .text-box header:after{
    width: 50px;
}

#complex-info .text-box .text{
    padding: 0 20px 0;
    color: #fff;
    position: relative;
}

#complex-info .text-box .text .btn-link{
    background: #9bd2cd;
    padding: 11px 34px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

.cover-image img{
    width: 100%;
}

#houses{}

.house-list{}

.category .house-list{
    margin: 80px 0 0;
}

.house-list .house-entry{
    margin: 0 0 30px;
    position: relative;
}

.house-list .house-entry figure{
    line-height: 0;
}

.house-list .house-entry figure a{
    display: block;
}

.house-list .house-entry figure img{
    width: 100%;
}

.house-list .house-entry .house-cont{
    padding: 20px 0 0;
}

.house-list .house-entry .house-cont .text{
    padding: 0 30px 20px;
}

.house-list .house-entry .house-cont header{
    background: #b9d178;
    width: 100%;
    margin: 0 0 28px;
    display: table;
    text-align: center;
    position: relative;
}

.house-list .house-entry .house-cont header:before{
    content: '';
    background: #b9d178;
    width: 120px;
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
}

.house-list .house-entry .house-cont header h3{
    font-family: 'muller_demothin';
    padding: 2px 30px;
    font-size: 23px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

.house-list .house-entry .house-cont header p{
    background: #d1d1d0;
    margin: 0;
    padding: 1px 40px;
    font-size: 20px;
    color: #797979;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
}

.house-list .house-entry .house-cont .text > ul{
    margin: 0 0 24px;
    padding: 0 0 30px;
    border-bottom: 1px solid #c4c4c4;
    display: table;
}

.house-list .house-entry .house-cont .text > ul > li{
    display: table-cell;
    padding: 0 50px 0 0;
    vertical-align: bottom;
    text-align: center;
}

.house-list .house-entry .house-cont .text > ul > li > p{
    margin: 2px 0 0;
    font-size: 14px;
    color: #797979;
}

.house-list .house-entry .house-cont .text .backyard-sizes{
    margin: 0 0 24px;
}

.house-list .house-entry .house-cont .text .backyard-sizes > strong{
    margin: 0 0 10px;
    font-size: 14px;
    color: #797979;
    font-weight: normal;
    display: block;
}

.house-list .house-entry .house-cont .text .backyard-sizes > ul{
    font-size: 14px;
    color: #797979;
}

.house-list .house-entry .house-cont .text .backyard-sizes > ul:after{
    content: '';
    display: block;
    clear: both;
}

.house-list .house-entry .house-cont .text .backyard-sizes > ul > li{
    width: 50%;
    float: left;
}

.house-list .house-entry .house-cont .text .btn{
    margin: 0 0 10px;
    text-align: center;
    display: block;
}

#map{
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#map:hover{
    opacity: 0.6;
}

#map .map-box{
    background-image: url('images/map-mobile.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0 0 139.6%;
    display: block;
}

.contacts-box{
    margin: 70px 0;
}

.contacts-box .contact-text{
    background: #aed180;
    padding: 60px 20px 120px;
    text-align: center;
}

.contacts-box .contact-text h2{
    font-family: 'muller_demothin';
    margin: 0 0 10px;
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.contacts-box .contact-text a[href^="tel:"]{
    font-size: 32px;
    color: #50827c;
    text-decoration: none;
}

.contacts-box .contact-text br{
    margin: 0 0 8px;
}

.contacts-box .contact-text a{
    font-size: 14px;
    color: #50827c;
    display: inline-block;
}

.contacts-box .file-box{
    background: rgba(80, 130, 124, 0.95);
    max-width: 930px;
    margin: -84px auto 0;
    padding: 56px 10px;
    text-align: center;
}

.contacts-box .file-box .btn{
    background: #9bd2cd;
    color: #38615c;
}

.contact-form{
    max-width: 690px;
    margin: 70px auto 0;
}

.contact-form .nf-form-title,
.contact-form .nf-form-title h3{
    font-family: 'muller_demothin';
    font-size: 36px !important;
    color: #4d817b;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}

.contact-form .nf-form-fields-required{
    display: none;
}

.contact-form .nf-field-label{
    display: none;
}

body .contact-form input.ninja-forms-field,
body .contact-form textarea.ninja-forms-field{
    background: #ededed;
    font-size: 14px;
    color: #8c8c8c;
    border: none;
    resize: none;
}

body .contact-form input.ninja-forms-field[type="button"]{
    background: #50827c;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

#detail-house{}

.house-info{
    background: #b9d178;
    margin: 65px -65px 0;
    padding: 60px 20px;
    text-align: center;
    position: relative;
}

.house-info:after{
    content: '';
    display: block;
    clear: both;
}

.house-info h2{
    font-family: 'muller_demothin';
    margin: 0 0 26px;
    font-size: 33px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.house-info > ul{
    margin: 0 0 24px;
    text-align: center;
}

.house-info > p{
    background: #50827c;
    margin: 0 auto 20px;
    padding: 9px 43px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
}

.house-info > p > span{
    background: #d1d1d1;
    margin: -9px 36px -9px -43px;
    padding: 9px 30px 9px 42px;
    color: #797979;
    display: inline-block;
    vertical-align: top;
}

.house-info > ul > li{
    padding: 0 25px;
    vertical-align: bottom;
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
}

.house-info > ul > li > p{
    margin: 2px 0 0;
    font-size: 14px;
    color: #fff;
}

#detail-house .backyard-sizes{
    background: rgba(80, 130, 124, 0.95);
    max-width: 930px;
    margin: -60px auto 0;
    padding: 30px 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

#detail-house  .backyard-sizes > strong{
    margin: 0 0 10px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    display: block;
}

#detail-house  .backyard-sizes > ul{
    font-size: 14px;
    color: #fff;
}

#detail-house .backyard-sizes > ul:after{
    content: '';
    display: block;
    clear: both;
}

#detail-house .backyard-sizes > ul > li{
    margin: 0 8px 16px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.house-images{}

.house-images .slick-dots{
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 10px;
    left: 10px;
}

.house-images .slick-dots li{
    margin: 0 6px;
    display: inline-block;
    vertical-align: middle;
}

.house-images .slick-dots li button{
    background: #aed180;
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    border-radius: 100%;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.house-images .slick-dots li.slick-active button,
.house-images .slick-dots li button:hover{
    background: #3f7679;
}

.plans-images{
    margin: 0 35px;
}

.plans-images:after{
    content: '';
    display: block;
}

.plans-images .image-entry figure{
    margin: 0 15px 30px;
    line-height: 0;
}

.plans-images .image-entry figure a{
    display: block;
    position: relative;
}

.plans-images .image-entry figure a:hover:before{
    content: '';
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.plans-images .image-entry figure a:hover:after{
    content: '';
    background-image: url('images/plus.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 59px;
    height: 59px;
    margin: -30px 0 0 -30px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
}

.plans-images .image-entry figure figcaption{
    line-height: normal;
    font-size: 16px;
    color: #525252;
    text-align: center;
}

.detail-text{
    margin: 40px 0;
}

.detail-text > .text{
    margin: 0 0 68px;
}

.detail-text h3{
    font-family: 'muller_demothin';
    background: #b9d178;
    margin: 10px 0 40px -25px;
    padding: 6px 25px;
    font-size: 25px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

.detail-text p{
    font-size: 14px;
    color: #000;
    font-weight: 300;
}

.detail-picture-text{
    margin: 0;
    padding: 22px 10px;
    position: relative;
}

.detail-picture-text h3{
    font-family: 'muller_demothin';
    max-width: none;
    margin: 0 0 0 -25px;
    padding: 6px 25px;
    position: relative;
    z-index: 1;
}

.detail-picture-text .text{
    padding: 5px 0 0;
}

.detail-picture-text .detail-text-images{
    padding: 5px 0 0;
}

.detail-picture-text .detail-text-images figure{
    width: 100%;
    margin: 0 0 10px;
    position: relative;
    z-index: 0;
}

.detail-picture-text .detail-text-images figure img{
    width: 100%;
}

#price-start{
    background: #50827c;
    padding: 60px 0 80px;
    text-align: center;
}

#price-start .text{
    max-width: 654px;
    margin: 0 auto;
}

#price-start .text h2{
    font-family: 'muller_demothin';
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

#price-start .text p{
    font-size: 14px;
    color: #fff;
}

#price-start .text .price-box{
    font-family: 'muller_demothin';
    margin: 30px 0 20px;
    font-size: 20px;
    text-transform: uppercase;
}

#price-start .text .price-box strong{
    font-size: 48px;
    color: #b9d178;
    font-weight: 700;
    display: block;
}

#price-start .text .price-box strong span{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

#price-start .btn-box .btn{
    width: 100%;
    max-width: 240px;
    margin: 0 15px 10px;
    text-align: center;

}

.about-text{
    max-width: 680px;
    margin: 0 auto;
}

.about-text h2{
    font-family: 'muller_demothin';
    font-size: 36px;
    color: #4d817b;
    font-weight: 400;
    text-transform: uppercase;
}

.complex-info{
    margin: 70px 0;
}

.complex-image-box{
    background: #aed180;
    margin: 0 -90px;
    padding: 75px 10px 180px;
    text-align: center;
}

.complex-image-box h2{
    font-family: 'muller_demothin';
    margin: 0 0 40px;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}

.complex-image-box .complex-image-entry{
    margin: 0 75px 30px;
    display: inline-block;
}

.complex-image-box .complex-image-entry figure{
    margin: 0;
    border-radius: 100%;
    line-height: 0;
    overflow: hidden;
}

.complex-text{
    background: rgba(80, 130, 124, 0.95);
    max-width: 1230px;
    margin: -130px auto 0;
    padding: 56px 10px;
    color: #fff;
    text-align: center;
}

.complex-text .text{
    max-width: 670px;
    margin: 0 auto;
}

#refferences-box{
    margin: 50px 0;
    padding: 60px 0 0;
    position: relative;
    z-index: 1;
}

#refferences-box:before{
    content: '';
    background: #aed180;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 90px;
    left: 0;
    z-index: -1;
}

#refferences-box .section-title{
    background: none;
    text-align: center;
}

#refferences-box .section-title:before,
#refferences-box .section-title:after{
    display: none;
}

.refferences-image-box{
    margin: 40px 0 0;
}

.refferences-image-box .refferences-image-entry{
    line-height: 0;
}

/* Footer */

#footer{
    background: #b8d078;
    text-align: center;
}

#footer .footer-top{
    padding: 60px 0 25px;
}

#footer .footer-top:after{
    content: '';
    display: block;
    clear: both;
}

#footer .footer-top .footer-logo{
    padding: 0 0 20px;
}

#footer .footer-top .footer-menu{
    padding: 0 0 20px;
}

#footer .footer-top .footer-address{
    padding: 0 0 20px;
}

#footer .footer-top .footer-contacts{
    padding: 0 0 20px;
}

#footer .footer-top .footer-social{}

#footer .footer-top .footer-section-title{
    margin: 0 0 10px;
    font-size: 16px;
    color: #50827c;
    font-weight: 600;
    text-transform: uppercase;
}

#footer .footer-top .menu-footer-menu-container{}

#footer .footer-top .menu-footer-menu-container ul{}

#footer .footer-top .menu-footer-menu-container ul li{
    margin: 0 0 4px;
}

#footer .footer-top .menu-footer-menu-container ul li a{
    font-size: 14px;
    color: #50827c;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#footer .footer-top .menu-footer-menu-container ul li a:hover{
    color: #fff;
}

#footer .footer-top .text p{
    margin: 0;
    font-size: 14px;
    color: #50827c;
    line-height: 22px;
}

#footer .footer-top .text p a{
    color: #50827c;
}

#footer .footer-top .text p a[href^="tel:"]{
    margin: 5px 0 0;
    font-size: 26px;
    color: #eee78c;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

#footer .footer-top .social-links{
    margin: 4px 0 0;
}

#footer .footer-bottom{
    background: #fff;
    padding: 14px 0;
    text-align: center;
}

#footer .footer-bottom p{
    margin: 0;
    font-size: 12px;
    color: #50827c;
}

/* Media Queries */

@media all and (min-width: 768px){

    #complex-info{
        margin: 70px 0;
    }

    .plans-images .image-entry{
        width: 50%;
        float: left;
    }

    .house-list .house-entry .house-cont .text .btn{
        margin: 0 10px 10px 0;
        display: inline-block;
        text-align: left;
    }

    .house-list .house-entry .house-cont .text .backyard-sizes > ul > li{
        width: 25%;
    }

    .detail-text{
        margin: 100px 0;
    }

    .detail-text h3{
        max-width: 60%;
        margin: 10px 0 40px;
        padding: 6px 30px;
        font-size: 33px;
    }

    #map .map-box{
        background-image: url('images/map.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 673px;
        padding: 0;
    }

    #footer{
        text-align: left;
    }

    #footer .footer-top .footer-logo{
        width: 20%;
        padding: 0 20px 0 0;
        float: left;
    }

    #footer .footer-top .footer-menu{
        width: 20%;
        padding: 0 20px 0 0;
        float: left;
    }

    #footer .footer-top .footer-address{
        width: 20%;
        padding: 0 20px 0 0;
        float: left;
    }

    #footer .footer-top .footer-contacts{
        width: 20%;
        padding: 0 20px 0 0;
        float: left;
    }

    #footer .footer-top .footer-social{
        width: 20%;
        float: left;
    }
}

@media all and (min-width: 991px){

    #logo{
        padding: 21px 34px 26px;
    }

    #logo img{
        width: auto;
    }

    .home #logo{
        background: transparent;
    }

    .home #logo:before{
        content: '';
        border-style: solid;
        border-width: 184px 320px 0 0;
        border-color: #aed180 transparent transparent;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    #language{
        right: 10px;
    }

    #navigation{
        margin: 0 44px 0 0;
        padding: 0;
    }

    #navigation button{
        display: none;
    }

    #navigation > div{
        background: transparent;
        padding: 0;
        opacity: 1;
        visibility: visible;
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    #menu-main-navigation > li{
        display: inline-block;
    }

    #menu-main-navigation > li a{
        padding: 18px 12px;
    }

    /* #slider:before{
        content: '';
        border-style: solid;
        border-width: 0 0 246px 400px;
        border-color: transparent transparent #aed180 transparent;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

    #slider:after{
        content: '';
        background-image: url('images/slider-logo.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 160px;
        height: 92px;
        position: absolute;
        bottom: 24px;
        right: 160px;
        z-index: 2;
    } */

    #intro .intro-box{
        padding: 20px 50% 0 130px;
        position: relative;
    }

    #intro figure{
        width: 47.5%;
        position: absolute;
        top: 0;
        right: -10px;
    }

    #intro .text{
        margin: 0 30px 0 0;
    }

    #complex-info figure{
        margin: 0 -105px;
    }

    #complex-info .text-box .text{
        padding: 0 270px 30px;
    }

    #complex-info .text-box .text .btn-link{
        position: absolute;
        top: -8px;
        right: 120px;
    }

    #complex-info .text-box{
        margin: -110px -15px 0;
    }

    .house-list .house-entry{
        background: #ebebeb;
        margin: 0 110px 68px 42px;
        padding: 0 0 0 46%;
        position: relative;
    }

    .house-list .house-entry:nth-child(2n){
        margin: 0 48px 68px 102px;
        padding: 0 46% 0 0;
    }

    .house-list .house-entry:nth-child(2n) .house-cont header{
        width: 120%;
    }

    .house-list .house-entry:nth-child(2n) .house-cont header:before{
        display: none;
    }

    .house-list .house-entry figure{
        width: 56%;
        position: absolute;
        top: -20px;
        left: -30px;
    }

    .house-list .house-entry:nth-child(2n) figure{
        right: -30px;
        left: auto;
    }

    .plans-images{
        margin: 0 165px;
    }

    .detail-picture-text{
        margin: 0 0 68px;
        padding: 22px 50% 0 0;
        position: relative;
    }

    .detail-picture-text:nth-child(2n - 1){
        padding: 22px 0 0 50%;
    }

    .detail-picture-text h3{
        max-width: none;
        margin: 0 -120px 0 0;
        position: relative;
        z-index: 1;
    }

    .detail-picture-text:nth-child(2n - 1) h3{
        margin: 0 0 0 -150px;
        padding: 6px 30px 6px 150px;
    }

    .detail-picture-text .text{
        padding: 5px 0 0 30px;
    }

    .detail-picture-text:nth-child(2n - 1) .text{
        padding: 0 0 0 30px;
    }

    .detail-picture-text .detail-text-images{
        padding: 5px 0 0;
    }

    .detail-picture-text .detail-text-images figure{
        width: 100%;
        margin: 0;
        position: relative;
        z-index: 0;
    }

    .detail-picture-text .detail-text-images figure:first-child{
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .detail-picture-text:nth-child(2n - 1) .detail-text-images figure:first-child{
        position: absolute;
        top: 0;
        left: 0;
    }

    .detail-picture-text .detail-text-images figure img{
        width: 100%;
    }

    /* .detail-picture-text .detail-text-images figure:first-child img{
        width: auto;
    } */

    .house-info > p{
        margin: 0;
        padding: 8px 43px 8px 62px;
        position: absolute;
        top: 27px;
        right: 0;
    }

    .house-info > p > span{
        background: #d1d1d1;
        margin: -8px 36px -8px -63px;
        padding: 8px 30px 8px 42px;
    }
}

@media all and (min-width: 1320px){

    .home #logo:before{
        border-width: 224px 420px 0 0;
    }

    #menu-main-navigation > li a{
        padding: 18px 14px;
    }

    /* #slider:before{
        border-width: 0 0 369px 600px;
    }

    #slider:after{
        width: 256px;
        height: 147px;
        position: absolute;
        bottom: 44px;
        right: 220px;
        z-index: 2;
    } */

    .house-list .house-entry .house-cont header h3{
        font-size: 30px;
    }

    .detail-picture-text .text{
        padding: 5px 110px 7px 30px;
    }

    .detail-picture-text:nth-child(2n - 1) .text{
        padding: 5px 20px 0 30px;
    }

    .house-info > p{
        right: -43px;
    }

}

@media all and (min-width: 1640px){

    /* #slider:before{
        border-width: 0 0 569px 913px;
    }

    #slider:after{
        bottom: 64px;
        right: 490px;
    } */
}

/* upgrade browser */

#upgrade-browser {
    /*padding: 17px 30px 14px 10px;*/
    padding: 10px 60px;
    position: relative;
    z-index: 10000;
    text-align: center;
    background: #ffe490;
}

#upgrade-browser a {
    height: 50px; width: 50px;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 0;
    vertical-align: middle;
    background: url('../images/browser-sprite.jpg') no-repeat -1000px 0;
}
#upgrade-browser a.chrome {
    background-position: 0px 0px;
}
#upgrade-browser a.ie {
    background-position: -50px 0px;
}
#upgrade-browser a.firefox {
    background-position: -100px 0;
}
#upgrade-browser a.opera {
    background-position: -150px 0;
}
#upgrade-browser a.safari {
    background-position: -200px 0;
}
#upgrade-browser span {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    margin: 10px;
}
#upgrade-browser .close-warning {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background: url('../images/browser-sprite.jpg') no-repeat -250px 0;
}

/* end of upgrade browser */