html,
body {
    width: 100%;
    margin: 0;
    padding: 0;}

*,
::before,
::after {
    box-sizing: border-box;}

/*--------------------------
Typography --------------------------*/

    html,
    body {
        font-family: 'Open Sans', sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5rem;
    }

    h1,
    h2 {
        font-weight: 500;}
    h1 span,
    h2 span {
        font-weight: 800;}

    h1 strong,
    h2 strong {
        font-weight: 800;}

/*    h1 {
        font-size: 1.5rem;
        line-height: 2rem;}*/
    
    h1, h2 {
        font-size: 2rem;
        line-height: 2.1rem;
        text-transform: uppercase;
        padding: 15px 0 8px 0;
        position: relative;
    }
    
    h1::before, h2::before {
        content: "";
        position: absolute;
        left: 13%;
        bottom: 6px;
        width: 30%;
        height: 14px;
        transform: skew(-12deg) translateX(-50%);
        background: rgba(255,203,8,1);
        z-index: -2;
    }
        
    .sub-title-h2 {
            text-transform: none;
            font-size: 1.9em;
    }

    h3 {
        font-size: 1.2rem;
        font-weight: 300;}
    h4 {
        font-size: 1.125rem;
        font-weight: 400;}
    h1,
    h2 {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;}

    input,
    select,
    textarea {
        font-size: 1rem;
        font-weight: 400;
        cursor: pointer;}

    .light {
        font-weight: 300;}
    strong {
        font-weight: 700;}
    .stronger {
        font-weight: 800;}


/*--------------------------
Typo Colors --------------------------*/

    h1,
    h2 {
        }

    .white-txt {
        color: #fff;}


/*--------------------------
Elements --------------------------*/

    a {
        color: #194681;
        text-decoration: none;
        display: inline-block;

        -webkit-transition: color .2s ease-out;
        -moz-transition: color .2s ease-out;
        -o-transition: color .2s ease-out;
        transition: color .2s ease-out;}
    a:hover {
        color: #779fd3;}
    ul,
    li {
        list-style: none;
        padding: 0;
        margin: 0;}

    ul {
        }
    li {
        }
    select {
        font-family: 'Open Sans', sans-serif;
        color: #666;
        padding: 10px 7px;
        border: 1px solid #fff;
/*        border-radius: 6px;*/
        width: 100%;
        display: block;
        cursor:  pointer;}
    
    input,
    textarea {
        font-family: 'Open Sans', sans-serif;
        color: #666;
        padding: 10px 12px;
        border: 1px solid #fff;
/*        border-radius: 6px;*/
        width: 100%;
        display: block;
        cursor: text;}
    
        input[type="file"] {
            border: 0;
        }

    .list-2col {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;}

    .title-underline {
        border-bottom: 2px solid #194681;
        display: inline-block;
        padding: 0 40px 20px 0;}

    .overlay-absolute {
        position: absolute;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;}

    .overlay-element { /* mostly overlay titles */
        position: absolute;
        z-index: 1;
        margin: 0 auto;
        left: 0;
        top: 100px;}

    .wrap-center { /* mostly centered a href */
        text-align: center;
        width: 100%;
        height: auto;}

    .centered-vh {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;}

    .center-txt {
        text-align: center}

    .lightgrey-bg {
        background-color: #f3f3f3;
    }
    
    .yellow-bg {
        background-color: #ffcb08;
    }


    /* Buttons */

        /* Normal Button */
            .btn-normal {
                padding: 15px 30px;
/*                border-radius: 6px;*/
                font-weight: 500;
                line-height: 1.5rem;
                position: relative;
                text-align: center;
                cursor:  pointer;
                background-color: #333;
                color:#ffcb08;
            }

            button.btn-normal {
                font-family: 'Open Sans', sans-serif;
                font-size: 1.125rem;
                border: none;}

            /* Button sizes */
                .btn-normal.huge {
                    padding: 15px 30px;}

            /* Black button */
                .btn-black {
                    background-color: #000;
                    color: #fff;

                    -webkit-transition: background-color .2s ease-out;
                    -moz-transition: background-color .2s ease-out;
                    -o-transition: background-color .2s ease-out;
                    transition: background-color .2s ease-out;}
                .btn-black:hover {
                    background-color: #333;
                    color: #fff;}

            /* White button */
                .btn-white {
                    background-color: #fff;
                    color: #194681;
        
                    -webkit-transition: color .2s ease-out;
                    -moz-transition: color .2s ease-out;
                    -o-transition: color .2s ease-out;
                    transition: color .2s ease-out;}
                .btn-white:hover {
                    color: #779fd3;}
                
            /* Yellow button */
            .btn-yellow {
                padding: 15px 30px;
/*                border-radius: 6px;*/
                font-weight: 500;
                line-height: 1.5rem;
                position: relative;
                text-align: center;
                cursor:  pointer;
                background-color: #ffcb08;
                color:#000;
                text-transform: uppercase;
            }
                
    /* cta-connect-btns */
            #cta-connect-btns {
                position: fixed;
                z-index: 9;
                right: 15px;
                top: 50%;
                transform: translateY(-170px)
            }
            #cta-connect-btns a {
                background-color: #fff;
                color: #333;
                font-size: 0.87em;
                font-weight: 500;
                margint-top:10px;
                padding: 10px;
/*                border-radius: 30px 0 0 30px;*/
                line-height: 1.2em;
                cursor: pointer;
                width: 40px;
                height: 40px;
                position: absolute;
                right: 0;
                transition: 0.3s;
                z-index: 9;
                box-shadow: 0px 0 40px rgb(0 0 0 / 20%);
            }
            #cta-connect-btns a.callus {
                top:0;}
            #cta-connect-btns a.reachus {
                top:51px;}
            #cta-connect-btns a.reachfriend {
                top:102px;}
            #cta-connect-btns a.dwnl-broshure {
                top:102px;}
            #cta-connect-btns a.award-pops {
                background-color: transparent;
                width: 210px;
                top: 204px;
                right: -152px;
                padding: 0;
                border-radius: 8px 0 0 8px;
                display: flex;
                flex-wrap: wrap;}
            #cta-connect-btns a.award-pops img {
                display: inline-block;
                flex: 1 0 20%;}
            #cta-connect-btns a.award-pops div {
                background-color: #ffcb08;
                display: inline-block;
                width: 102px;
                flex: 1 0 65%;
                padding: 0 15px 0 15px;
                font-size: 14px;
                line-height: normal;}
            #cta-connect-btns a.award-pops div p {
                }
            #cta-connect-btns a.award-pops:hover {
                background-color: transparent;}
            
            #cta-connect-btns a:hover {
                background-color: #fee894;
                color: #000;

                -webkit-transition: background-color .2s ease-out;
                -moz-transition: background-color .2s ease-out;
                -o-transition: background-color .2s ease-out;
                transition: background-color .2s ease-out;}
            #cta-connect-btns i {
                font-size: 22px;
                background-color: #fff;
                color: #999;
/*                border-radius: 50%;*/
                width: 30px;
                height: 30px;
                position: absolute;
                top: 5px;
                left: 5px;
                text-align: center;

                -webkit-transition: color .2s ease-out;
                -moz-transition: color .2s ease-out;
                -o-transition: color .2s ease-out;
                transition: color .2s ease-out;}
            #cta-connect-btns a:hover i {
                color: #fee894;}
            #cta-connect-btns i:before {
                margin-top: 5px;
                display: block;}

            /* Media Queries CTA Connect buttons */
                @media screen and (max-width: 2110px) {
                    #cta-connect-btns a {
                        transition: 0.3s;
/*                        right: -192px;*/
                    }
                    #cta-connect-btns a:hover {
                        right: 0;
                        transition: 0.3s;}
            }

    /* Breadcrumbs */
    
        .breadcrumb {
            display: block;
            width: 100%;
            text-align: left;
        }
        
        .btn-breadcrumb {
            padding: 10px 20px;
            font-weight: 500;
            line-height: 1.5rem;
            position: relative;
            text-align: center;
            cursor: pointer;
            background-color: #ffcb08;
            color: #000;
/*            text-transform: uppercase;*/
        }
        
        .breadcrumb a{
            color:#000 !important;
        }
        .breadcrumb a:hover, .btn-yellow:hover{
            color:#fff !important;
        }
        
        .b_info-block .breadcrumbs {
            color: #666;
            font-size: 0.8em;}
        .b_info-block .breadcrumbs i {
            font-size: 16px;}
        .b-ap .b_info-block .breadcrumbs {
            font-size: 12px;}
        .b_info-block .breadcrumbs li {
            margin-right: 5px;
            padding: 0;
            background-color: transparent;
            overflow: visible;
            display: inline-block;}
        .b_info-block .breadcrumbs li:after {
            content: "/";
            margin-left: 6px;}
        .b_info-block .breadcrumbs li:last-child:after {
            display: none;}
        .b_info-block .breadcrumbs a {
            color: #666;
            font-weight: 700;
            text-decoration: underline;
            margin: 0;}
        .b_info-block .breadcrumbs a:hover {
            color: #aaa;}
        .b_info-block .breadcrumbs a:last-child {
            }
        .b_info-block .breadcrumbs .drop-selector {
            display: table;
            position: relative;}
        .b_info-block .breadcrumbs .drop-selector i {
            position: absolute;
            top: 12px;
            right: -6px;
            z-index: 0;}
        .b_info-block .breadcrumbs select {
            font-size: 17px;
            font-weight: 300;
            border: none;
            border-radius: 0;
            background-color: transparent;
            padding: 0;
            width: 217px;}
        .b_info-block .breadcrumbs .drop-selector form {
            width: 200px;
            overflow: hidden;
            position: relative;
            z-index: 2;
            margin-top: 7px;}
        


    /* Breadcrumbs standalone */
        .breadcrumbs.standalone {
            color: #666;
            font-size: 0.7em;}
        .breadcrumbs.standalone li {
            }
        .breadcrumbs.standalone li {
            margin-right: 5px;
            padding: 0;
            background-color: transparent;
            overflow: visible;
            display: inline-block;}
        .breadcrumbs.standalone li:after {
            content: "/";
            margin-left: 6px;}
        .breadcrumbs.standalone li:last-child:after {
            display: none;}
        .breadcrumbs.standalone a {
            color: #666;
            font-weight: 700;
            text-decoration: underline;
            margin: 0;}
        .breadcrumbs.standalone a:hover {
            color: #aaa;}


    /* Icons Sizes */
        .huge-i img {
            font-size: 6rem;
            text-align: center;
            width: auto;
            height: 120px;
/*            border-radius: 50%;*/
        }

        .huge-i img::before {
            margin-top: 50px;
            display: block;
            justify-content: center;
        }

        /* Icons Colors */
            .red-i img {
/*                background-color: #333;*/
                color: #ffcb08;
                cursor: pointer;

                -webkit-transition: color .2s ease-out;
                -moz-transition: color .2s ease-out;
                -o-transition: color .2s ease-out;
                transition: color .2s ease-out;

                -webkit-transition: background-color .2s ease-out;
                -moz-transition: background-color .2s ease-out;
                -o-transition: background-color .2s ease-out;
                transition: background-color .2s ease-out;}
            .red-i:hover img,
            .red-i img:hover, .zoom img {
                
                color: #333;
                padding-top: 20px;
            }
            
            .icon-lightgrey img {
                color: #ccc;
                border: 2px solid #ccc;}

        /* Icons Shadows */
/*            .shadow-i img {
                -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
                box-shadow: 0 10px 20px rgba(0,0,0,0.25);}*/

            .service-more {
                display: none;
                padding: 10px;
            }
            
            .service-zoom, .zoom {
                transition: transform .2s;
                cursor: pointer;
            }
            
            .service-zoom h3, .zoom {
                padding: 0 10px;
            }
            
            .service-zoom:hover, .zoom {
                transform: scale(1.2);
                color: #000;
            }
            
            .service-zoom:hover .service-zoom-hover, .zoom .service-zoom-hover{
                position: absolute;
                top: -100px;
                bottom: -50px;
                left: -150px;
                background-color: #ffcb08; 
                width:300px;
                height: 320px;
            }
            
            .service-zoom:hover .service-more, .zoom .service-more{
                display: block;
                z-index: 100;
            }

    /* Google Map */
        /* Set the size of the div element that contains the map */
        #map {
            height: 700px;
            width: 100%;}


    /* Counters */

            .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
              display: inline-block;
              vertical-align: middle;
              *vertical-align: auto;
              *zoom: 1;
              *display: inline;
              position: relative;
            }
            .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
              display: inline-block;
              vertical-align: middle;
              *vertical-align: auto;
              *zoom: 1;
              *display: inline;
              position: relative;
            }
            .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
              display: inline-block;
              vertical-align: middle;
              *vertical-align: auto;
              *zoom: 1;
              *display: inline;
              visibility: hidden;
            }
            .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
              text-align: left;
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              overflow: hidden;
            }
            .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
              display: block;
            }
            .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
              display: block;
              -webkit-backface-visibility: hidden;
            }
            .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
              display: block;
              -webkit-transform: translateZ(0);
            }
            .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
              position: absolute;
            }
            .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
              -webkit-transition: -webkit-transform 2s;
              -moz-transition: -moz-transform 2s;
              -ms-transition: -ms-transform 2s;
              -o-transition: -o-transform 2s;
              transition: transform 2s;
            }
            .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
              -webkit-transform: translateY(-100%);
              -moz-transform: translateY(-100%);
              -ms-transform: translateY(-100%);
              -o-transform: translateY(-100%);
              transform: translateY(-100%);
            }
            .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
              -webkit-transform: translateY(-100%);
              -moz-transform: translateY(-100%);
              -ms-transform: translateY(-100%);
              -o-transform: translateY(-100%);
              transform: translateY(-100%);
            }
            .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
              -webkit-transition: -webkit-transform 2s;
              -moz-transition: -moz-transform 2s;
              -ms-transition: -ms-transform 2s;
              -o-transition: -o-transform 2s;
              transition: transform 2s;
              -webkit-transform: translateY(0);
              -moz-transform: translateY(0);
              -ms-transform: translateY(0);
              -o-transform: translateY(0);
              transform: translateY(0);
            }
            .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
              font-family: "Helvetica Neue", sans-serif;
              line-height: 1.1em;
            }
            .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
              text-align: left;
            }
                


/*--------------------------
Layout --------------------------*/

    .header-inner,
    .section-inner,
    .news-inner {
        margin: 0 auto;
        position: relative;
    }
    
    .section-inner {
        width: 1600px;
    }
    
    .news-inner {
        width: 1000px;
        height: 450px;
    }
    
    .news-inner.gradient {
/*        position:absolute;*/
        width:100%;
/*        height:290px;*/
        background-image: linear-gradient(to right, rgba(243,243,243,1) 0, rgba(243,243,243,1), rgba(243,243,243,0));
        left:0px;
        z-index: 5;
        margin: 0;
    }
    
    .meta-description{
        font-style: italic;
    }
    
    .news-inner-description{
        margin: 0 auto;
        position: relative;
        width: 1000px;
    }
    
    .inner-title {
        margin: 0 auto;
        width: 1000px;
        padding: 60px 400px 0 0;
    }
    
    .inner-title h1 {
        font-weight: 800;
        line-height: 2.2rem;
    }
    
    .inner-title h1::before, .inner-title h2::before, .hide-title h1::before {
        content: "";
        position: relative;
    }

    .fullw {
        width: 100%;
/*        z-index:-1;*/
        position: relative;
        overflow: hidden;
    }
    
    .fullw_no_relative {
        width: 100%;
/*        z-index:-1;*/
/*        position: relative;
        overflow: hidden;*/
    }

    section.section-first {
        margin-top: 125px;
        padding-top: 50px;}
    section.section-first h1 {
        margin-top: 10px;}

    .split30-60 {
        display: flex;
        justify-content: space-between;}
    .split30-60 > div:first-child {
        flex: 0 1 30%;}
    .split30-60 > div:last-child {
        flex: 0 1 60%;}
    .split-2 {
        display: flex;}

    .split-3 {
        display: flex;}
    .split-3.equal-split {
        justify-content: space-between;}
    .split-3.equal-split li {
        flex: 0 1 30%;
        padding: 0 30px;}

    .split-4 {
        display: flex;
        justify-content: center;
        align-content: flex-start;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        text-align: center;
    }
    .split-4.equal-split li {
        flex: 0 1 25%;
        padding: 0 30px;
        margin: 0 auto;
    }

/*--------------------------
Spacing, Margin, Padding --------------------------*/

    .padd-tb-100 { /* Sections */
        padding-top: 100px;
        padding-bottom: 100px;}
    .padd-tb-60 { /* Sections */
        padding-top: 60px;
        padding-bottom: 60px;}
    .padd-tb-40 { /* Sections */
        padding-top: 40px;
        padding-bottom: 40px;}
    .padd-tb-20 { /* Sections */
        padding-top: 20px;
        padding-bottom: 20px;}
    .padd-tb-0 { /* Sections */
        padding-top: 0;
        padding-bottom: 0;}

    .padd-b-0 { /* Sections */
        padding-bottom: 0;}
    
    .padd-t-100 { /* Sections */
        padding-top: 100px;}
    .padd-t-80 { /* Sections */
        padding-top: 80px;}
    .padd-t-70 { /* Sections */
        padding-top: 70px;}
    .padd-t-60 { /* Sections */
        padding-top: 60px;}
    .padd-t-40 { /* Sections */
        padding-top: 40px;}
    
    .padd-b-100 { /* Sections */
        padding-bottom: 100px;}
    .padd-b-40 { /* Sections */
        padding-bottom: 40px;}
    .padd-b-60 { /* Sections */
        padding-bottom: 60px;}

    .marg-tb-40 {
        margin-top: 40px;
        margin-bottom: 40px;}
    
    .marg-tb-20 {
        margin-top: 20px;
        margin-bottom: 20px;}

    .marg-t-0 { /* Section titles */
        margin-top: 0;}
    .marg-t-10 { /* Section titles */
        margin-top: 10px;}
    .marg-t-20 {
        margin-top: 20px;}
    .marg-t-40 {
        margin-top: 40px;}
    .marg-t-60 {
        margin-top: 60px;}
    .marg-t-80 {
        margin-top: 80px;}
    .marg-t-100 {
        margin-top: 100px;}

    .marg-b-20 {
        margin-bottom: 20px;}
    .marg-b-40 {
        margin-bottom: 40px;}
    .marg-b-60 {
        margin-bottom: 60px;}

    .marg-lr-20 {
        margin-left: 20px;
        margin-right: 20px;}

/*    section {
        padding-top: 100px;
        padding-bottom: 100px;}*/

/*    .main-wrapper {
        height: 100%;
    }*/

.grecaptcha-badge { visibility: hidden; }
/*--------------------------
Header --------------------------*/
    
    header {
        background-color: #fff;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 20;
        -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.15);
        box-shadow: 0 0 40px rgba(0,0,0,0.15);
    }
    
    .header-top {
        background-color: #ffcb08;
        color: #000;
        font-size: 16px;
        padding: 8px 30px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
        z-index: 999;
    }
    
    .header-top .header-top-left {
        display: flex;
/*        flex: 1 50%;*/
    }

    .header-top > div {
        justify-content: space-between;
        align-content: space-between;
/*        flex: 1 30%;*/
    }
    
/*    .header-top .header-top-center {
        text-align: center;
    }*/
    
    .header-top ul {
        display: flex;
    }
    
    .header-top p {
        color: #000;
        margin: 0;
    }
    
/*    .header-top .header-top-phone {
        margin-left: 30px;
    }*/
    
    .header-top .header-top-phone:before {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2857 12.1719C14.2857 12.462 14.1518 13.0312 14.0402 13.2991C13.7054 14.0357 12.2991 14.5714 11.529 14.5714C10.7812 14.5714 10.1004 14.2701 9.40848 14.0134C6.96429 13.1205 4.30804 10.4643 3.41518 8.02008C3.15848 7.32812 2.85714 6.64731 2.85714 5.89955C2.85714 5.12946 3.39286 3.72321 4.12946 3.38838C4.39732 3.27678 4.96652 3.14285 5.2567 3.14285C5.3125 3.14285 5.37946 3.14285 5.43527 3.16517C5.63616 3.23214 6.46205 4.8616 6.64062 5.1741C6.76339 5.38615 7.00893 5.64285 7.00893 5.89955C7.00893 6.39062 5.54688 7.11606 5.54688 7.55133C5.54688 7.77455 5.74777 8.05356 5.85938 8.25446C6.68527 9.72767 7.70089 10.7433 9.17411 11.5692C9.375 11.6808 9.65402 11.8817 9.87723 11.8817C10.3125 11.8817 11.0379 10.4196 11.529 10.4196C11.7857 10.4196 12.0424 10.6652 12.2545 10.7879C12.567 10.9665 14.1964 11.7924 14.2634 11.9933C14.2857 12.0491 14.2857 12.1161 14.2857 12.1719ZM17.1429 3.49999C17.1429 1.72544 15.7031 0.285706 13.9286 0.285706H3.21429C1.43973 0.285706 0 1.72544 0 3.49999V14.2143C0 15.9888 1.43973 17.4286 3.21429 17.4286H13.9286C15.7031 17.4286 17.1429 15.9888 17.1429 14.2143V3.49999Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .header-top .header-top-email {
        margin-left: 30px;
    }
    
    .header-top .header-top-email:before {
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9434 7.65625C16.9434 8.59375 16.7936 9.45312 16.4941 10.2344C16.1947 11.0091 15.7715 11.6178 15.2246 12.0605C14.6777 12.5033 14.043 12.7246 13.3203 12.7246C12.8385 12.7246 12.4121 12.6107 12.041 12.3828C11.6699 12.1484 11.403 11.8424 11.2402 11.4648H11.084C10.3809 12.3047 9.48568 12.7246 8.39844 12.7246C7.24609 12.7246 6.33789 12.3796 5.67383 11.6895C5.00977 10.9928 4.67773 10.0423 4.67773 8.83789C4.67773 7.46419 5.11393 6.35742 5.98633 5.51758C6.85872 4.67773 7.99805 4.25781 9.4043 4.25781C9.96419 4.25781 10.5794 4.31315 11.25 4.42383C11.9271 4.52799 12.4837 4.65495 12.9199 4.80469L12.6953 9.58008C12.6953 10.485 12.9427 10.9375 13.4375 10.9375C13.8542 10.9375 14.1862 10.6348 14.4336 10.0293C14.681 9.41732 14.8047 8.61979 14.8047 7.63672C14.8047 6.58854 14.5866 5.66406 14.1504 4.86328C13.7142 4.05599 13.099 3.44076 12.3047 3.01758C11.5169 2.5944 10.6152 2.38281 9.59961 2.38281C8.28451 2.38281 7.14193 2.65299 6.17188 3.19336C5.20182 3.73372 4.45638 4.51497 3.93555 5.53711C3.42122 6.55273 3.16406 7.72786 3.16406 9.0625C3.16406 10.8594 3.64258 12.2396 4.59961 13.2031C5.56315 14.1602 6.95638 14.6387 8.7793 14.6387C9.4694 14.6387 10.2279 14.5638 11.0547 14.4141C11.8815 14.2578 12.6953 14.0332 13.4961 13.7402V15.6152C12.1029 16.2077 10.5566 16.5039 8.85742 16.5039C6.38346 16.5039 4.45312 15.8529 3.06641 14.5508C1.6862 13.2487 0.996094 11.4388 0.996094 9.12109C0.996094 7.51302 1.34766 6.05469 2.05078 4.74609C2.76042 3.43099 3.76628 2.40234 5.06836 1.66016C6.37695 0.911458 7.88086 0.537109 9.58008 0.537109C11.0124 0.537109 12.2917 0.830078 13.418 1.41602C14.5443 2.00195 15.4134 2.83529 16.0254 3.91602C16.6374 4.99674 16.9434 6.24349 16.9434 7.65625ZM6.94336 8.87695C6.94336 10.2507 7.50326 10.9375 8.62305 10.9375C9.20898 10.9375 9.65495 10.7324 9.96094 10.3223C10.2669 9.9056 10.4525 9.23177 10.5176 8.30078L10.6445 6.14258C10.3125 6.07096 9.93815 6.03516 9.52148 6.03516C8.70768 6.03516 8.07292 6.28906 7.61719 6.79688C7.16797 7.30469 6.94336 7.99805 6.94336 8.87695Z' fill='black'/%3E%3C/svg%3E%0A");
    }
    
    .header-top .header-top-phone:before,  .header-top .header-top-email:before {
        content: "";
        background-repeat: no-repeat;
        background-size: 21px 21px;
        background-position: center;
        width: 21px;
        height: 21px;
        display: inline-block;
        vertical-align: top;
        margin-top: 1px;
/*        margin-right: 10px;*/
    }

    .header-top .header-top-phone a, .header-top .header-top-email a {
       color: #000;
    } 
    
    .header-top-center {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        width: 89px;
        top: 0;
    }
    
    .header-inner {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height:80px;
    }
    /* Brand */
        .brand-wrap {
            flex: 1;
            margin-left: 30px;
        }
        .brand-wrap a {
            line-height: 0;
            display: inline-block;
            margin: 0;
            padding: 17px 0 15px 0;
            opacity: 1;
            transition: 0.2s;}
/*        .brand-wrap a:hover {
            opacity: 0.8;}*/ 
        .logo {
            width: 200px;
            height: auto;
            transition: 0.2s;}
        
        a svg {
            width: 180px;
            height: auto;
            transition: 0.2s;}

    /* Main Nav */
        nav {
            text-align: center;
            transition: 0.2s;
            text-transform: uppercase;
            }
        nav > ul {
            display: flex;
            margin: 0 auto;
/*            overflow: hidden;*/

            -webkit-transition: max-height 0.4s;
            -ms-transition: max-height 0.4s;
            -moz-transition: max-height 0.4s;
            -o-transition: max-height 0.4s;
            transition: max-height 0.4s;}
        nav > ul > li {
            margin: 0 12px;}
        nav a {
            color: #000;
            transition: 0.2s;}
        nav a.current,
        nav a:hover,
        nav a:focus,
        nav a:active {
            color: #999;}

        .divider {
            color: #bbb;}

        /* Mobile menu Icon Animation */
            .mobile-menu {
                display: none;}
            .menu {
                width: 30px;
                position: absolute;
                top: 54px;
                right: 80px;
                transition: 0.2s;}
            .menu:hover {
                cursor: pointer;}
            .menu:hover .menu-item:nth-child(2) {
                -webkit-transform: translateX(5px);
                transform: translateX(5px);}
            .menu.toggle .menu-item {
                background: #666;}
            .menu.toggle .menu-item:first-child {
                -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transform-origin: 5px 50%;
                transform-origin: 5px 50%;}
            .menu.toggle .menu-item:nth-child(2) {
                -webkit-transform: translateX(40px);
                transform: translateX(40px);
                opacity: 0;}
            .menu.toggle .menu-item:nth-child(3) {
                -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 3px 50%;
                transform-origin: 3px 50%;}

            .menu-item {
                -webkit-transition: all 0.2s;
                transition: all 0.2s;
                display: block;
                width: 30px;
                height: 2px;
                margin: 0 0 6px;
                background: #333;}
            
            .dropdown {
                position: relative;
            }
            .dropdown .dropbtn {
                font-size: 1rem;
                color: #333;
                font-weight: 500;
                border: none;
                outline: none;
                background-color: inherit;
                font-family: inherit;
                margin: 0;
                padding: 10px;
                text-transform: uppercase;
                cursor: pointer;
            }
            
            .dropbtn .arrow-icon {
                color: #ffcb08;
            }
            
            .dropdown-content {
                display: none;
                position: absolute;
                background-color: #fff;
                min-width: 200px;
                box-shadow: 0px 0 40px rgb(0 0 0 / 20%);
                z-index: 1;
                left: -16px;
                padding: 10px 10px;
            }
            
            .dropdown-content a {
                padding: 5px 15px;
                text-decoration: none;
                display: block;
                text-align: left;
/*                background: #ffcb08;*/
                margin-top: 1px;
            }
            
            .dropdown-content a:first-child {
                margin-top: 0px !important;
            }
            .dropdown-content a:hover {
                color: #999;
            }
            .dropdown:hover .dropdown-content {
                display: block;
            }

            
    /* Parcel */
    .parcel {
        display: inline-block;
        background: #ffcb08;
        height:auto;
        width:200px;
        text-align: center;
        position: relative;
        cursor: pointer;
        font-weight: bold;
        margin-top: 1px;
        margin-right: 0;
    }
    
    .parcel a {
        display: flex;
        height:79px;
        vertical-align: central;
/*        padding-top: 27px;*/
    }
    
    .parcel a img {
        height:100%;
    }
    
    .parcel-text {
        padding-top: 17px;
    }

    /* Language Switcher */
        .language-switch {
            text-align: right;
            cursor: pointer;
            position: relative;
            margin-left: 30px;
/*            top: 6px;*/
            transition: 0.2s;
        }
        .language-switch:hover .lang-dropdown {
            display: block;}
        .switcher-link {
            color: #fff;}
        .switcher-link:hover {
            color: #fff;}
        .current-lang {
            box-shadow: 0 0 15px rgb(0 0 0 / 15%);
            width: 22px;
            height: 22px;
            overflow: hidden;
            transition: 0.2s;
        }
        .lang-flag {
            width: 24px;
            height: 24px;
            transition: 0.2s;
            display: inline-block;}
        .lang-text {
            display: inline-block;
            margin-left: 5px;
            vertical-align: top;
            margin-top: 2px;}
        .lang-dropdown {
            display: none;
            position: absolute;
            padding: 15px 0 0 0;
            top: 18px;
            left: -10px;}
        .lang-dropdown-inner {
            background: #fff;
            border-radius: 6px;
            box-shadow: 0 0 20px rgb(0 0 0 / 15%);
            padding: 10px;
        }
        .lang-dropdown-inner > div:first-child{
            margin-top: 0;}
        .selecting-lang {
            margin: 10px 0 0 0;
            cursor: pointer;
            opacity: 1;
            height: 24px;
            width: 24px;
            box-shadow: 0 0 5px rgb(0 0 0 / 30%);
            border-radius: 3px;
            overflow: hidden;
            cursor: pointer;
            -webkit-transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out;
            transition: opacity .2s ease-out;
        }
        .selecting-lang a {
            font-size: 0.875rem;
            color:#333333;
        }
        .selecting-lang:hover {
            opacity: 0.6;}
        .language-switch ul > :first-child {
            border-radius: 5px 5px 0px 0px;}
        .language-switch ul > :last-child {
            border-radius: 0px 0px 5px 5px;}
        .language-switch li {
            list-style-type: none;}
        .menu-arrow {
            display: inline-block;
            width: 10px;
            margin-left: 10px;
            vertical-align: top;
            margin-top: 6px;}           

        /* Sticky header */
            #header-main.sticky .logo {
                width: 130px;}
            #header-main.sticky svg {
                width: 130px;}
            .sticky .header-inner {
                height:60px; 
            }
            .sticky .brand-wrap a {
                padding: 10px 0 8px 0;}
            #header-main.sticky nav a {
                font-size: 0.9em; }
            #header-main.sticky .mobile-menu {
                top: 35px;}
/*            #header-main.sticky .language-switch {
                padding-top: 12px;
                padding-bottom: 10px;}*/
            #header-main.sticky .lang-flag {
                width: 22px;
                height: 22px;
                top: -2px;
                position: relative;}
            #header-main.sticky .current-lang {
                width: 20px;
                height: 20px;}
            #header-main.sticky .selecting-lang {
                height: 20px;
                width: 22px;}
            #header-main.sticky .lang-dropdown {
                top: 19px;}
            
            #header-main.sticky .parcel {
                width: 180px;
            }
            #header-main.sticky .parcel a {
                height: 59px;
            }
            #header-main.sticky .parcel a .parcel-text {
                padding: 5px 10px;
                font-size: 0.9rem;
            }
            #header-main.sticky .parcel a img {
                height: 100%;
            }
            #header-main.sticky nav button {
                font-size: 0.9em;
                padding-top: 12px;
            }
            
            .video-presentation{
                height: 684px;
                text-align: center;
            }
            
            .video-presentation video{
                 object-fit: cover;
            }
            
/*            video[poster] {
  width:100%;
}*/
            
/*video {
  width: 100% !important;
  height: 684px
}*/

/*--------------------------Footer --------------------------*/
    
    footer {
        }
    footer > div {
        display: flex;
        justify-content: space-between;
        align-items: center;}
/*    footer > div > div {
        flex: 1;}*/
    footer .brand-wrap {
        flex: 1;
        margin-right: 50px;}
    footer .logo {
/*        width:25%;*/
    }
    .footernav ul {
        display: flex;
        margin: 0 auto;
        justify-content: center;}
    .footernav li {
        margin: 0 10px;}
    .footernav a {
        color: #000;
        font-size: 0.85em;
        font-weight: 400;
        text-transform: uppercase;}
    .footernav a:hover,
    .footernav a.current,
    .footernav a:focus,
    .footernav a:active{
        color: #999;}
    
    .subscribe-fullw{
        margin-top: 60px;
        height:152px;
    }
    
    .home .subscribe-fullw, .contacts .subscribe-fullw, .contact_form .subscribe-fullw{
        margin-top: 0;
    }

    .socials {
        padding-top: 10px;}
    .socials ul {
        display: flex;
        justify-content: flex-end;}
    .socials li {
        margin: 0 10px 0 0;}
    .socials li:last-child {
        margin: 0;}
    .socials a {
        color: #999;}
    .socials a:hover {
        color: #ccc;}
    .socials span {
        display: none;}
    .socials i {
        font-size: 36px;}

    .copyright {
        color: #666;
        font-size: 13px;
        text-align: right;
        padding-top: 5px;
        line-height: 1.8em;}
    .copyright ul {
        display: flex;
        justify-content: flex-end;}
    .copyright li {}
    .copyright li:first-child {
        margin-right: 20px;}
    .copyright li a {
        color: #666;}
    .copyright li a:hover {
        color: #999;}
    .copyright a {}
    .copyright p {
        margin: 0;}
    .copyright p span {
        display: block;}
    
    .subscription-title{
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;
        padding:0 10px;
    }
    
    .subscription_label{
        text-align: center;
        margin: 10px 0;
        font-size: 1rem;
        font-weight: 700;
    }

/*-------------------------- Loader --------------------------*/
#page-loader {
    background-color: #fff;
    width: 10%;
    height:auto;
    margin:250px auto;
    position: relative;
}
/*--------------------------
Pages --------------------------*/

    section.header-presentation {
        width: 100%;
        height: 100%;
        min-height: 867px;
    }
    
    .innser-slider {
/*        width: 100%;
        height: 100%;*/
        min-height: 600px;
    }


     /* Home Page Header SLIDER
    --------------------------*/
        .header-presentation .header-slider {
            height: 100%;
            width: 100%;
            position: relative;
            overflow: hidden;}
        .header-presentation .swiper-container{
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            z-index: 0;
        }
        
        .videoThumbs{
            position: relative;
            width: 80%;
            left:0;
            right:0;
            margin:10px auto;
            overflow: hidden;
        }
        .videoThumbs .swiper-slide {
            width: 20%;
            height: 100%;
            opacity: 0.4;
            text-align: center;
        }
        
        .videoThumbs .swiper-slide-thumb-active {
            opacity: 1;
        }
        
        video{
            height: 650px;
        }

        .header-presentation .swiper-slide {
            background-size: cover;
            background-position: center;}
        .header-presentation .swiper-slide .arrow-image {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 4px;
            height: 99px;
            width: 89px;
            display: inline-block;
            vertical-align: top;}

        .header-presentation .gallery-top {
            height: 100%;
            width: 100%;
            text-align: center;}
        .header-presentation .gallery-top .swiper-slide:after, .inner-slider .gallery-top .swiper-slide:after {
            content: "";
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.3);
            background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.4) 100%);
            background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 68%,rgba(0,0,0,0.4) 100%);
            background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 68%,rgba(0,0,0,0.4) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#66000000',GradientType=0 );}

        .header-presentation .gallery-top .swiper-slide {
            display: flex; 
            align-items: center;
            justify-content: center;
            text-align: center;
            min-height: 880px;
        }
        
        .title-border{
            position:relative;
            border-top: 5px solid #ffcb08;
            height: 1px;
/*            padding:10px;
            margin:10px;*/
/*            width: 300px;*/
/*            margin: 10px 0;*/
            padding-top: 10px !important;
        }
        
        .inner-slider .gallery-top .swiper-slide {
            display: flex; 
            align-items: center;
            justify-content: center;
            text-align: center;
            min-height: 600px;
        }

        .header-presentation .homeslider-title {
            position: absolute;
            display: flex;
/*            left: 10px;*/
            bottom: 200px;
            width: 600px;
            height:150px;
            text-align: center;
            font-size: 1.5rem;
            background: rgba(0,0,0,0.30);
/*            background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.10));*/
        }
        
        .inner-slider .homeslider-title {
            position: absolute;
            display: flex;
            left: 10px;
            bottom: 100px;
            width: 600px;
            height:100px;
            text-align: left;
            background: rgba(0,0,0,0.30);
/*            background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.10));*/
        }
/*        .homeslider-title > div {
            justify-content: space-between;
            align-content: space-between;
        }*/
        .homeslider-title-text,  .homeslider-title-link {
            position: relative;
        }
        .homeslider-title-text{
            margin: 0 10px;
            flex:0 1 100%;
        }
        .homeslider-title-link {
            z-index:20;
            position: absolute;
            font-size: 1.2rem;
            bottom: -25px;
            text-align: center;
            background-color: #ffcb08;
            color: #000 !important;
            width: 300px;
            height:50px;
            margin:0 auto !important;           
            left: 0;
            right: 0;
            cursor: pointer;
        }
        
        .de .homeslider-title-link {
            font-size: 1rem;
        }
        
        .homeslider-title-link span{
            position:relative;
            top: 12px;
            font-weight: 500;
        }
        
        .header-presentation .homeslider-title h2, .inner-slider .homeslider-title h2 {
            font-size: 2rem;
            line-height: 2rem;
            height: 14px;
            color: #fff;
            z-index: 2;
            position: relative;
            text-transform: uppercase;
/*            margin: 0 10px;*/
            font-weight: 600;
            padding: 0 20px;
        }
        
        .header-presentation .homeslider-title h2::before, .inner-slider .homeslider-title h2::before {
            content: "";
            height: 0;
        }
        
        .header-presentation .homeslider-title h2 span, .inner-slider .homeslider-title h2 span {
            font-size: 40px;
            font-weight: 800;
            display: block;
            margin-top: 5px;}
        .header-presentation .homeslider-title a, .inner-slider .homeslider-title a {
            font-weight: 700;
            z-index: 2;
/*            border-left: 5px #ffcb08 solid;
            margin-left: 10px;
            margin-top: 5px;*/
        }
        .header-presentation .homeslider-title p, .inner-slider .homeslider-title p {
/*            font-weight: 700;*/
            z-index: 2;
/*            margin:10px 20px; */
            color: #fff;
            padding:0;
            margin:0;
        }
        .header-presentation .homeslider-title i, .inner-slider .homeslider-title i {
            z-index: 20;
            color: #ffcb08;
            font-size: 2rem;
        }
        .gallery-top .swiper-line-button-next,
        .gallery-top .swiper-line-button-prev,
        .gallery-top .swiper-button-next,
        .gallery-top .swiper-button-prev {
            background-color: rgba(255,255,255,0.5);
            color: #fff;
            border-radius: 4px;
            height: 30px;
            width: 30px;}
        .gallery-top .swiper-line-button-next::after,
        .gallery-top .swiper-line-button-prev::after,
        .gallery-top .swiper-button-next::after,
        .gallery-top .swiper-button-prev::after {
            color: #666;
            font-size: 20px;
            font-weight: bold;}
        .gallery-top .swiper-button-next,
        .gallery-top .swiper-button-prev {
            top: 55%;}

        .header-presentation .gallery-thumbs {
            box-sizing: border-box;
            padding: 10px 0;
            position: absolute;
            left: 30px;
            top: 180px;
            width: auto;
            overflow: visible;}
        .gallery-thumbs .thumbs-info {
            display: inline-block;
            vertical-align: top;
            line-height: normal;
            width: 108px;
            overflow: hidden;}
        .gallery-thumbs .thumbs-info h3 {
            margin: 0 0 5px 0;
            font-size: 14px;
            text-transform: uppercase;}
        .gallery-thumbs .thumbs-info p {
            font-size: 14px;
            margin: 3px 0;}
        .gallery-thumbs .thumbs-info small.location {
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 700;
            display: block;}
        .swiper-link a {
            color:#000}
        .swiper-link a:link {
            color:#000}
        .swiper-link a:hover {
            color:#fff}

    /* Slider button */
    .scroll-button{
        position: absolute;
        bottom: 40px;
        width:54px;
        height:104px;
        background-color: #ffcb08;
        margin: 0 auto;
        justify-content: space-between;
        align-items: center;
        left:48%;
        cursor: pointer;
    }
    .black-square{
        position: absolute;
        width:50px;
        height:50px;
        background-color: #333;
        left:2px;
        bottom:2px;
    }
    
    .black-square i{
        color: #ffcb08;
        font-size: 2rem;
        padding: 10px 11px;
    }
    
    
    /* Property item */
    .sliders-properties-section, .sliders-news-section  {
/*        overflow: hidden;*/
        padding: 0 20px 5px 20px;}
    .property-items-wrapper, .news-items-wrapper {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
    }
    
    .property-items-wrapper .property-item {
    /* margin-right: 15px; */
        height: auto;
        margin: 0 auto;
    }
    
    .contacts.projects .property-items-wrapper .property-item {
        margin: 0;
/*        flex: 1 0 30%;*/
    }
    
    .home .property-items-wrapper, .home .news-items-wrapper {
        display: block;}
    .property-items-wrapper .property-item, .news-items-wrapper .news-item {
        margin-right: 15px;
        height: auto;}
    .property-items-wrapper .property-item:last-child, news-items-wrapper .news-item:last-child {
        margin-right: 0;}
    
    .property-items-wrapper .property-item:first-child {
        margin-left: 0;}
    
    .property-item{
        background-color: #fff;
/*        border: 1px solid #eee;*/
/*        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);*/
        display: inline-block;
        width: 30%;
        vertical-align: top;
    }
    
    .property-item a {
        color: #000;
        padding: 10px;
    }
    
    .property-item a:hover {
        color: #000;
        border: 1px solid #eee;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    }
    
    .property-item-top img {
        width: 100%;
        height: auto;
    }
    
    .video-button{
        position: absolute;
        bottom: 6px;
        right: 0;
        z-index: 2;
        width: 50px;
        height: 35px;
        background-color: #ffcb08;
        padding: 5px;
        text-align: center;
        font-size: 1.5rem;
    }
    
/*    .contacts.projects .video-button{
        bottom: 30px;
    }*/
    
    .property-item-spec {
        display: flex;
        gap: 2px;
        justify-content: flex-end;
        position: absolute;
        bottom: 6px;
        right: 0;
        z-index: 2;
        font-size: 1.5rem;
    }
    
    .property-item-spec li {
        background-color: #ffcb08;
        color: #000;
        line-height: normal;
        padding: 5px 10px 5px 10px;
        text-align: center;
    }
    
    .property-item-images-number span {
        font-weight: 700;
/*        font-size: 16px;*/
        display: inline-block;
        vertical-align: top;
    }
    
    .video-button-slide{
        z-index:1000;
        position: absolute;
        font-size: 1.2rem;
        top: 45%;
        text-align: center;
        background-color: #ffcb08;
        color: #000 !important;
        width: 100px;
        height:50px;
        margin:0 auto !important;           
        left: 0;
        right: 0;
/*        cursor: pointer;*/
    }
        
    .video-button-slide span{
            position:relative;
            top: 12px;
            font-weight: 500;
    }
    
    .video-link:hover span{
        color:#fff !important;
    }
    
    .wrap-center-button {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    .news-item-top img {
        width: 80%;
        height: auto;
    }
    
    .property-item-bottom {
        padding:0 20px;
    }
    
    .property-description, .news-description{
        min-height: 94px;
    }
    
    .property-items-wrapper .swiper-line-button-next::after,
    .property-items-wrapper .swiper-line-button-prev::after{
        color: #666;
        font-size: 20px;
        font-weight: bold;}
    .property-items-wrapper .swiper-line-button-next,
    .property-items-wrapper .swiper-line-button-prev {
        position: absolute;
        top: 50%;
        margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;}
    .swiper-line-button-next::after,
    .swiper-line-button-prev::after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;}
    .swiper-line-button-next::after {
            content: 'next';}
    .swiper-line-button-prev::after {
            content: 'previous';}
    .property-items-wrapper .swiper-line-button-next,
    .property-items-wrapper .swiper-line-button-prev{
        background-color: rgba(255,255,255,0.5);
        border-radius: 4px;
        height: 30px;
        width: 30px;}
    .property-items-wrapper .swiper-line-button-next {
        right: -10px;}
    .property-items-wrapper .swiper-line-button-prev {
        left: -10px;}
    
    /* New property item */
    .in-progress .property-item-icon{
        position:relative;
        width: 100%;
/*        flex: 0 1 50% !important;*/
    }
    
    .realized .property-item-icon{
        position:relative;
        width: 50%;
    }
    
    .property-item-icon .property-top h2:before{
        content: "";
        background: transparent;
    }
    
    .prperty-container{
        position:relative;
        display:flex;
        flex-wrap: wrap;
        width: 100%;
/*        height: 100%;*/
    }
    
    .in-progress .property-item-left, .property-item-left{
        position:relative;
/*        width: 60%;*/
        flex: 0 1 50% !important;
        overflow: hidden;
    }
    
    .realized .property-item-left{
        position:relative;
/*        width: 60%;*/
        flex: 0 1 90% !important;
        overflow: hidden;
    }
    
    .in-progress .property-item-right, .property-item-right{
        position:relative;
/*        width: 60%;*/
        flex: 0 1 40% !important;
    }
    
    .realized .property-item-right{
        position:relative;
/*        width: 60%;*/
        flex: 0 1 90% !important;
    }
    
    .shape-property {
        position: relative;
        display: flex;
        width: 100%;
    /* justify-content: center; */
        align-content: flex-start;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-left: 50px;
    }
    
    .realized .shape-property{
        margin-left: 0;
    }
    
    .shape-property li{
        display:flex;
        padding:20px;
        background-color: #d5d4d4;
        width:100%;
        margin-top:25px;
        min-height:120px;
        align-items:center;
/*        min-height: 80px;*/
    }
    
    .shape-property li img{
        display: block;
        width: 90px;
        height: auto;
        padding: 0 20px 0 20px;
/*        cursor: pointer;*/
    }
    
    .shape-property li img:hover{
        transition: .5s;
        transform: scaleX(-1);
    }
    
    .shape-property li span{
        padding-left: 10px;
        font-size: 1.3rem;
        line-height: 1.6rem;
    }
    
    .progress{
        position: relative;
        display:flex;
        margin: 20px auto;
        align-items:center;
        width:80%;
        font-size: 1.5rem;
    }
    
    .progress-label{
        flex: 0 1 20% !important;
        text-align: right;
        padding-right: 20px;
    }
    
    .progress-bar{
        position: relative;
        height:25px;
        flex: 0 1 60% !important;
        background-color: #f1f1f1!important;
    }
    .bar{
        height:25px;
        background-color: rgb(255,203,8);
/*        background-image: linear-gradient(
            center bottom,
            rgb(43,194,83) 37%,
            rgb(84,240,84) 69%
        );
        box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);*/
        position: relative;
        overflow: hidden;
    }
    
    .bar:after{
        content: "";
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background-image: linear-gradient(
            -45deg, 
            rgba(255, 255, 255, .2) 25%, 
            transparent 25%, 
            transparent 50%, 
            rgba(255, 255, 255, .2) 50%, 
            rgba(255, 255, 255, .2) 75%, 
            transparent 75%, 
            transparent
        );
        z-index: 1;
        background-size: 50px 50px;
        animation: move 2s linear infinite;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow: hidden;
    }
    
    .progress-percent{
        padding-left: 20px;
    }
    
    .news-items-wrapper .swiper-lazy{
        border: 1px solid #eee;
        box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    }
    
/*    .animate-bar>.bar:after {
        display: none;
    }*/
    
    @keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
    
/*    .subhead {
  initial-letter: 2;
}*/

    .subhead:first-letter {
        padding: 0 .3rem;
        margin: 0 .3rem 0 0;
        font-size: 4rem;
        font-weight: 600;
        float: left;
        line-height: 0.9;
    }
    
    .head-image {
        width:100%;
        height:100%;
        background: #f3f3f3;
    }
    
    .news-inner img, .news-inner-description img{
        width:100% !important;
        height:auto !important;
        text-align: center;
    }
    
    /* Home about us */
    .about-us-image{
        position:absolute;
        left:-150px;
        top:100px;
        bottom:-40px;
    }
    .passage-container {
        columns: 2;
        column-gap: 50px;
        padding-left: 350px;
        }
    .passage-container p:first-child {
            margin-top: 0;
        }
    
    /* Numbers in circles */    
    .circle-container {
        display: flex;
        justify-content: center;
        align-content: flex-start;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .circle {
        position: relative;
        background-color: rgba(255,203,8,1);;
        width: 250px;
        height: 250px;
        border-radius: 1000px; 
        margin: 0 auto;
    }
    .aligner {
        display: flex;
        justify-content: center;
        height: 60%;
        padding-top: 70px;
        text-align: center;
    }
    .aligner-top {
        display: flex;
        justify-content: center;
        height: 60%;
        padding-top: 60px;
        text-align: center;
    }
    .circle-text-top {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 20%;
        margin:0 auto;
        font-size: 1.3rem;
        text-transform: uppercase;
/*        width:100px;*/
        text-align: center;
    }
    .circle-text {
        display: flex;
        justify-content: center;
        height: 40%;
        text-align: center;
        font-size: 1.3rem;
        text-transform: uppercase;
    }
    .aligner span, .aligner-top span {
        font-size: 3.5rem;
        font-weight: 800;
        display: block;
        line-height: 0.8em;
    }
    
    /* Subscription */
/*    .subscription {
        width:30%;
        margin: 0 auto;
    }*/
    
    #subscription-section .subscription {
        width: 510px;
        height: 300px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        background-color: #ffcb08;
        top: -90px;
        padding: 20px 10px;
        border: 15px solid #fff;
        z-index: 10;
    }
    
    #subscription-section .subscription-container{
        display: flex;
        position:relative;
    }
    
    #subscription-section .subscription-image-container{
        flex: 0 1 33%;
        padding-top: 30px;
    }
    
    #subscription-section .subscription-form-container{
        margin-left: 10px;
    }
    
    #subscription-section .email-subscription, #subscription-section .subscription_label, #subscription-section .submit-subscription {
        width:100%;
        position: relative;
    }
    
    #subscription-section .subscription_label{
        text-align: left;
    }
    
    #subscription-section .submit-subscription {
        background-color: #333;
        border-color: #333;
        color: #ffcb08;
        cursor: pointer;
    }
    
    .subscription-container{
        display: flex;
    }
    
    .email-subscription {
        flex: 0 1 66%;
    }
    
    .submit-subscription {
        flex: 0 1 33%;
        background-color: #333;
        border-color: #333;
        color: #ffcb08;
        cursor: pointer;
    }
    
    /* Last news */
    .news-item{
        position:relative;
        padding-bottom: 130px;
    }
    .news-item-bottom {
        position:absolute;
        top:160px;
        right:40px;
        width: 80%;
        z-index: 10;
        background-color: #fff;
        padding: 10px;
        border: 1px solid #eee;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    }
    
    .news-item h3{
        margin: 10px 0 15px 0;
    }
    
    .see-more {
        text-align: right;
        color:#ffcb08;
        font-weight: 600;
    }
    
    .see-more a {
        color:#ffcb08;
        font-weight: 600;
    }
    
    /* List items*/
    .sliders-properties-section {
        position: relative;
/*        display: flex;*/
        flex-wrap: wrap;
    }
    
    .list-video .property-item{
        margin:15px;
        flex: 0 1 30% !important;
    }
    .list-items .news-items-wrapper .news-item{
        margin-right: 0px;
        flex: 0 1 33%;
    }
    
    .apartaments-status {
        position: absolute;
        margin: 0 auto;
        width: 40%;
        height: 50px;
        text-align: center;
        padding-top: 10px;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 600;
        text-transform: uppercase;
        left: 0;
        right: 0;
    }
    
    .apartaments-status-img {
        position: absolute;
        margin: 0 auto;
        width: 40% !important;
        height: auto;
        text-align: center;
        padding-top: 0;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 600;
        text-transform: uppercase;
        left: 0;
        right: 0;
        top:40%;
        z-index: 11;
    }
    
    img.apartaments-status-img{
        filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));
    }
/*    .shadow {
        -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
        filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
         Similar syntax to box-shadow 
    }*/
    .apartaments-status-sold{
        background-color: #ff0000;
    }
    
    .apartaments-status-free{
        background: #ff9b06;
        height: 70px !important;
    }
    
    .realized {
        position: relative;
        display: flex;
        width: 100%;
        padding: 30px 20px 10px 20px;
    }
    
    .realized .property-top{
        position: relative;
        width:80%;
        margin-left: 30px;
    }
    
    .realized .property-top h2, .realized .property-top h1{
        padding: 0;
        margin:10px;
    }
    
    .property-top h1:before {
        content: "";
        background: transparent;
    }
    
    .month-year-status{
        position: relative;
        left: 0;
        bottom: 0;
/*        width: 20%;*/
        height: 50px;
        text-align: center;
        padding-top: 10px;
        background: #ffd704;
        transform: skewX(-45deg);
        flex: 0 1 20% !important;
    }
    
    .month-year-status div{
        color: #000;
        font-size: 1.5rem;
        font-weight: 600;
        transform: skewX(45deg);
    }
    
    /* Partners */
    .swiper-partners {
        position: relative;}
    .swiper-partners .swiper-slide {
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        text-align: center;}

    .swiper-partners .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: auto;
    }

    /* Arrow */
    .swiper-partners .swiper-button-next::after,
    .swiper-partners .swiper-button-prev::after {
        color: #666;
        font-size: 20px;
        font-weight: bold;}

    .swiper-partners .swiper-button-next,
    .swiper-partners .swiper-button-prev{
        background-color: rgba(255,255,255,0.5);
        border-radius: 4px;
        height: 30px;
        width: 30px;}
    .swiper-partners .swiper-button-next {
        right: -10px;}
    .swiper-partners .swiper-button-prev {
        left: -10px;}
    
/*    .news-item a:hover {
        color: #000;
        border: 1px solid #eee;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    }*/
        
    /* Gallery */
        .gallery-grid ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;}
        .gallery-grid li {
            flex: 0 1 30%;
            margin-bottom: 40px;
            position: relative;
            line-height: 0;
            max-height: 350px;
            overflow: hidden;
            box-shadow: 0 0 50px rgba(0,0,0,0.10);}
        .gallery-grid a {
            color: #000;
            cursor: pointer;}
        .gallery-grid a span {
            background-color: rgba(255,255,255,0.90);
            display: inline-block;
            cursor: pointer;
            width: 100%;
            padding: 30px 10px;
            position: relative;
            overflow: hidden;
            transition: 0.2s;}
        .gallery-grid a:hover span {
            background-color: rgba(255,255,255,1);}
        .gallery-grid img {
            width: 100%;
            height: auto;}


    /* Contact us */
    .form-inner-wrap {
        display: flex;
        position: relative;
        padding: 0 50px;
    }
    
    .career.form-inner-wrap {
        padding: 0;
    }
    
    .career .form-image-wrap img{
        width:100%;
        padding-top: 150px;
    }
    
    .form-phone-wrap, .form-image-wrap, .request-form {
/*        flex: 0 1 50%;*/
        width:50%;
        padding: 0 0 0 50px;
    }
    
    .form-phone-wrap{
        padding-left: 300px;
    }
    
/*    .form-image-wrap img {
        width:100%;
        height:auto;
    }*/
    
/*    .request-form{
        flex: 0 1 50%;
    }*/
    
    .form-phone-wrap h3 {
        margin: 20px 0 10px 0;
    }
    
    .error-message{
        display: none;
    }
    
    .form-toinclude form .fieldset > div {
        margin: 0 0 20px 0;
    }
    
    .form-toinclude form textarea {
        min-height: 10em;
    }
    
    form .btn-normal {
        width: 50% !important;
    }
    
    .kaska {
        position:absolute;
        right: -600px;
        top: -120px;
        z-index: 1000;
    }
    
    .kaska img {
         z-index:1000;
    }
    
    .subscription{
        overflow: visible;
    }
    
    .bager-background{
        background-image:url("../images/construmax/bager_1.jpg");
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    
    #contact_form_modal .checkbox-container, 
    #contact_form .checkbox-container, 
    #career_form .checkbox-container, 
    #parcel_form .checkbox-container {
        display: flex;
    }
    
    #contact_form_modal .checkbox-container .container, 
    #contact_form .checkbox-container .container, 
    #career_form .checkbox-container .container, 
    #parcel_form .checkbox-container .container{
        margin-right: 10px;
    }
    
    /* About us */
    .shape-about-us {
        position: relative;
        display: flex;
        width: 100%;
/*        justify-content: center;*/
        align-content: flex-start;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        align-items:center;
        font-size: 1.3rem;
    }
    .shape-about-us li{
        flex:0 1 70% !important;
        display:flex;
        width: 70%;
        min-height: 100px;
        padding: 40px;
        color: #000;
        margin: 5px 20px 20px 0px;
        box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
    }
    
    .shape-about-us li img {
        display: block;
        width: 90px;
        height: auto;
        padding: 0 20px 0 10px;
    }
    
    .shape-about-us li span {
        padding-top: 20px;
    }
    
    .shape-about-us li:nth-child(odd) {
        margin-right: auto; 
        background-color: #ffcb08;
    }
    
    .shape-about-us li:nth-child(even) {
        margin-left: auto; 
        background-color: #d5d4d4;
    }

    /* Importing form */
        .wrap-incl-form {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            padding-top: 150px; /* Location of the box */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}

        /* Modal Content */
        .incl-form-content {
            position: relative;
            background-color: #fefefe;
            margin: auto;
            padding: 20px;
            border: 1px solid #888;
            width: 50%;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
            -webkit-animation-name: animatetop;
            -webkit-animation-duration: 0.4s;
            animation-name: animatetop;
            animation-duration: 0.4s}

        @-webkit-keyframes animatetop {
            from {top:-300px; opacity:0} 
            to {top:0; opacity:1}
        }

        @keyframes animatetop {
            from {top:-300px; opacity:0}
            to {top:0; opacity:1}
        }

        .incl-form-content .inner-section,
        .incl-form-content .onpage-request-form {
            width: 100%;}
        .incl-form-content .inner-section h2{
            text-transform: none;
            margin-bottom: 20px;}

        .close-modal {
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
            z-index: 10;
            position: absolute;
            top: 6px;
            right: 15px;}

        .close-modal:hover,
        .close-modal:focus {
            color: #999;
            text-decoration: none;}

        /*Text*/
        .page-description ul {
            width: 90%;
            margin: 10px 5% 0 5%;
        }
        
        .page-description ul li {
            line-height: 1.4;
/*            list-style: square;
            list-style-position: inside;
            color: #000;*/
            font-size: 95%;
/*            height: 45px;*/
            margin-top:10px;
        }
        
        .page-description ul li:before {
            content: "";
            display: inline-block;
            background-image:url("../images/construmax/logo_bulet.svg");
            background-size: 10px 10px;
            background-repeat: no-repeat;
            padding-left: 15px;
            width: 10px;
            height: 10px;
            position: relative;
            top: 0px;
        }
/* Media modals subscription */
    #modal-subscription-wrapper.show-modal-subscription {
        display: flex;
        align-items: center;
    }
    #modal-subscription-wrapper {
        background-color: rgba(0,0,0,0.85);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 199;
        display: none;
    }
    #modal-subscription {
        background-color: transparent;
        max-width: 600px;
        margin: 0 auto;
        padding: 0;
        flex: auto;
    }
    .subscription-block {
        font-size: 16px;
        position: relative;
    }
    #modal-subscription-wrapper {
        background-color: rgba(0,0,0,0.85);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 199;
        display: none;}
    #modal-subscription .simple-subscription-wrapper {
        background-color: #fff;
/*        padding: 25px 0 20px 0;*/
        border-radius: 0 0 4px 4px;
    }

    #close-modal-subscription {
        background-color: #fff;
        display: block;
        height: 25px;
        width: 25px;
        position: absolute;
        z-index: 99;
        top: 0;
        right: 0;
        border-radius: 4px;
        cursor: pointer;}
    #close-modal-subscription:after {
        content: "";
        background-image: url('data:image/svg+xml,%3Csvg width="352" height="352" viewBox="0 0 352 352" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M242.72 176L342.79 75.93C355.07 63.65 355.07 43.74 342.79 31.45L320.55 9.21C308.27 -3.07 288.36 -3.07 276.07 9.21L176 109.28L75.93 9.21C63.65 -3.07 43.74 -3.07 31.45 9.21L9.21 31.45C-3.07 43.73 -3.07 63.64 9.21 75.93L109.28 176L9.21 276.07C-3.07 288.35 -3.07 308.26 9.21 320.55L31.45 342.79C43.73 355.07 63.65 355.07 75.93 342.79L176 242.72L276.07 342.79C288.35 355.07 308.27 355.07 320.55 342.79L342.79 320.55C355.07 308.27 355.07 288.36 342.79 276.07L242.72 176Z" fill="black"/%3E%3C/svg%3E%0A');
        background-repeat: no-repeat;
        background-size: 11px 11px;
        width: 11px;
        height: 11px;
        position: absolute;
        top: 7px;
        left: 7px;}
    body.open-modal {
        overflow: hidden;
    }
    
    .simple-subscription-wrapper .subscription-logo img{
        padding: 20px 120px;
        width:100%;
        height: auto;
    }
    
    .simple-subscription-wrapper .subscription-line{
        margin: 0 80px;
        width:400px;
        border-top: 1px solid #ffcb08;
    }
    
    .simple-subscription-wrapper .subscription-second-line{
        padding-top: 400px;
        height:400px;
    }
    
    .simple-subscription-wrapper .subscription-image{
        position:absolute;
        width:100%;
        height:290px;
        background-image:url("../images/construmax/sub_construmax.jpg");
        background-repeat: no-repeat;
        left:0px;
    }
    
    .simple-subscription-wrapper .gradient {
        position:absolute;
        width:100%;
        height:290px;
        background-image: linear-gradient(to right, rgba(255,255,255,1) 20%, rgba(255,255,255,1), rgba(255,255,255,0.70));
        left:0px;
        z-index: 5;
        margin: 0;
    }
    
    .simple-subscription-wrapper .subscription-content{
/*        background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));*/
        position: relative;
/*        background-color: #fff;*/
        width:100%;
        height:290px;
        font-size: 1.2rem;
        
    }
    
    .subscription-content h3{
        text-align: center;
        font-weight: 800;
        font-size: 1.5rem;
    }
    
    .circle-i i{
        text-align: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ffcb08;
        margin:15px 20px 10px 100px;
        padding-top: 10px;
    }
    
    ul.circle-i{
        margin-top: 8px;
    }
    
    .subscription-send-form{
        padding: 20px;
    }
    
    .subscription-send-form .subscription {
        width: 80%;
        margin: 0 auto;
    }
    
    .subscription-send-form .email-subscription {
        border: 1px solid #000;
        flex: 0 1 70%;
    }
    
    .subscription-send-form .submit-subscription {
        flex: 0 1 20%;
        background-color: #333;
        border-color: #333;
        color: #ffcb08;
        cursor: pointer;
        font-size: 1.3rem;
    }
    
    .checkbox-container {
        position: relative;
        display: inline-block;
        vertical-align: top;
        flex: 1;
        padding-top: 15px;
        margin-bottom: 10px;
    }
    
    #parcel_form .checkbox-container{
        padding-top: 10px;
        padding-left: 10px;
    }
    
/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #000;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
  border: 1px solid #000;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #ffcb08;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

 /* CTA Connect Form Starts */
            .cd-user-modal {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.85);
                z-index: 10;
                overflow-y: auto;
                cursor: pointer;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
                -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
                transition: opacity 0.3s 0, visibility 0 0.3s;}
            .cd-user-modal.is-visible {
                visibility: visible;
                opacity: 1;
                -webkit-transition: opacity 0.3s 0, visibility 0 0;
                -moz-transition: opacity 0.3s 0, visibility 0 0;
                transition: opacity 0.3s 0, visibility 0 0;
                z-index: 199;
            }
            .cd-user-modal.is-visible .cd-user-modal-container {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                -o-transform: translateY(0);
                transform: translateY(0);}
            .cd-user-modal-container {
                position: relative;
                width: 90%;
                max-width: 600px;
                background: #FFF;
                margin: 3em auto 4em;
                cursor: auto;
                border-radius: 6px;
                -webkit-transform: translateY(-30px);
                -moz-transform: translateY(-30px);
                -ms-transform: translateY(-30px);
                -o-transform: translateY(-30px);
                transform: translateY(-30px);
                -webkit-transition-property: -webkit-transform;
                -moz-transition-property: -moz-transform;
                transition-property: transform;
                -webkit-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                transition-duration: 0.3s;}

            .cd-close-me {
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f057";
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                position: absolute;
                right: -19px;
                top: -19px;
                color: #fff;
                font-size: 22px;
                -webkit-transition: transform .4s;
                transition: transform .4s;}
            
            .cd-user-modal input,.cd-user-modal textarea{
                color: #666;
                padding: 10px 12px;
                border: 1px solid #ccc;
                border-radius: 6px;
                width: 100%;
                display: block;
            }
            
            .cd-form {
                padding: 20px;
            }
            
            .cd-form fieldset .fieldset:first-child {
                margin-right: 10px;
            }

            .cd-form fieldset .fieldset {
                display: inline-block;
                width: 46%;
                vertical-align: top;
            }
            .cd-form .fieldset {
                position: relative;
                margin: 5px 0;
            }
            
            .cd-form .cd-error-message {
                display: inline-block;
                position: absolute;
                left: -5px;
                bottom: -35px;
                background: rgba(215, 102, 102, 0.9);
                padding: 0.8em;
                z-index: 2;
                color: #FFF;
                font-size: 13px;
                border-radius: 0.25em;
                pointer-events: none;
                visibility: hidden;
                opacity: 0;
                -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
                -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
                transition: opacity 0.2s 0, visibility 0 0.2s;
            }
            
            .cd-form fieldset .fieldset:first-child {
                margin-right: 10px;
            }

            .cd-form fieldset .fieldset {
                display: inline-block;
                width: 46%;
                vertical-align: top;
            }
            .cd-form .fieldset {
                position: relative;
                margin: 5px 0;
            }
            
            .cd-form fieldset {
                border: none;
                padding: 0;
                margin: 0;
            }
            
            .cd-close-form {
                display: block;
                position: absolute;
                right: -18px;
                top: -18px;
                overflow: hidden;
                color: #fff;
                font-size: 20px;
            }
            .cd-title{
                text-align: center;
                font-size: 1rem;
                font-weight: 600;
                padding: 20px 0 10px 0;
            }
            
            .cd-form input[type=submit] {
                padding: 16px 0;
                cursor: pointer;
                background: #333;
                color: #ffcb08;
                font-weight: bold;
                border: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                -o-appearance: none;
                appearance: none;
            }
            
            #contact_response_message_modal, #contact_response_message, #career_response_message, #parcel_response_message, #subscription_response_message_modal {
                text-align: center;      
            }
            
            .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
                border: 1px solid #333;
                background: #333;
                color: #ffcb08;
            }
            
    /* Start Before - after section gallery */  
    .before-after{
        position:relative;
        width: 100%;
    }
   
    .before-after-container{
        position:relative;
        display:flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
    }
   
    .before-after-left{
        position:relative;
        flex: 0 1 40% !important;
        overflow: hidden;
    }
   
    .before-after-right{
        position:relative;
        flex: 0 1 40% !important;
        overflow: hidden;
    }
   
    .before-after-center{
        position:relative;
        flex: 0 1 20% !important;
        overflow: hidden;
        text-align: center;
    }
    
    .before-after-center img{
        width:30%;
        height:auto;
        
    }
   
    .before-after-bottom{
        margin: 30px 0 25px 0;
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
    }
    
    .before-after-bottom-border{
        padding: 10px 20px;
        border: 4px solid #ffcb08; 
        border-radius: 25px;
    }
    
    .before-after-bottom-text{
        margin: 30px 20px;
        font-weight: normal;
    }
   /* End Before - after section gallery */  

/* Media Queries */
        @media screen and (max-width: 1820px) {
/*            .header-inner,*/
            footer,
            .section-inner,
            .info-search-blocks {
                width: 1500px;}
            
            .onpage-request-form {
                width: 1500px;}
            .gallery-grid li {
                max-height: 298px;}
            
            .list-items .news-items-wrapper .news-item {
                margin-right: 0px;
                flex: 0 1 50%;
            }
            
            .kaska {
                right: -500px;
            }
            
            .page .news-item .news-item-bottom .news-description {
                display: none;
            }
        }
        @media screen and (max-width: 1670px) {
/*            .header-inner,*/
            footer,
            .section-inner,
            .info-search-blocks {
                width: 1400px;}
            
            .onpage-request-form {
                width: 1400px;}
            .gallery-grid li {
                max-height: 298px;}
            
            #page-loader {
                width: 15%;
            }
            
/*            .property-item-left img {
                width: 100%;
                height: auto;
            }*/
        }
        @media screen and (max-width: 1600px) {
            .header-presentation .gallery-top .swiper-slide {
                min-height: 800px;
            }
            .kaska {
                right: -450px;
            }
        }
        @media screen and (max-width: 1470px) {
/*            .header-inner,*/
            footer,
            .section-inner,
            .info-search-blocks {
                width: 1200px;}
            .sliders-news-section{
                overflow: hidden;
            }
            footer {
                padding-bottom: 30px;}
            .footernav {
                padding-top: 0;
                flex: 1;}
            .footernav ul {
                justify-content: right;}
            footer > div {
                flex-wrap: wrap;}
            footer > div > div:last-child {
                flex: 1 0 75%;}
            

            #header-main.sticky nav button {
                padding-top: 14px;
            }
            
            .onpage-request-form {
                width: 1200px;}
            
            section.section-first {
                padding-top: 20px;}
            section.section-first h1 {
                margin-bottom: 20px;}
            
            .incl-form-content {
                width: 70%;}
            .gallery-grid li {
                max-height: 250px;}
            
            .subscription {
                width: 40%;
            }
            
            #page-loader {
                width: 20%;
            }
            
            .news-item {
                padding-bottom: 80px;
            }
            
            .property-description {
                min-height: 118px;
            }
            .news-description{
                min-height: 90px;
            }
            .kaska {
                right: -400px;
            }
            
            .videoThumbs .swiper-slide {
                width: 25%;
            }
            

        }
        
        @media screen and (max-width: 1366px) {
            .header-presentation .gallery-top .swiper-slide {
                min-height: 650px;
            }
            
            .header-presentation .homeslider-title {
                bottom: 150px;
            }
            
            .passage-container {
                columns: 1;
                column-gap: 50px;
                padding-left: 300px;
            }
            
            .swiper-slide.video-presentation{
                height: 500px !important;
            }
            
            video {
                height: 500px;
            }
        }
        @media screen and (max-width: 1300px) {
            .kaska {
                display:none !important;
            }
        }
        @media screen and (max-width: 1270px) {
            
            h1,h2 {
                font-size: 1.8rem;
            }
            
            h3 {
                font-size: 1.2rem;
            }
            
/*            .header-inner,*/
            footer,
            .section-inner,
            .info-search-blocks {
                width: 100%;
                padding-left: 20px;
                padding-right: 20px;}
            .section-inner {
                overflow: hidden;
            }
            #subscription-section.section-inner{
                overflow: visible;
            }
            #service-inner {
                overflow: visible !important;
            }
            footer {
                padding: 0 30px;}
            .home .header-presentation {
                padding-left: 0;
                padding-right: 0;
                min-height: 850px;
            }
            
            /* Header and Nav */
            nav {
                font-size: 0.8rem;
            }
             nav > ul > li{
                margin: 0 6px;}
            .parcel {
                width:180px;
            }
/*            .parcel a {
                padding-top: 20px;
            }*/
            .dropdown .dropbtn {
                font-size: 0.8rem;
                padding: 12px;
            }
            nav > ul > li a .animate {
                padding: 10px;
            }
            
            .onpage-request-form {
                width: 1000px;}
            
            .gallery-grid li {
                max-height: 210px;}
            
            .header-presentation .gallery-top .swiper-slide {
                min-height: 750px;
            }
            
            .header-presentation .homeslider-title {
                bottom: 50px;
            }
            
            .news-item-bottom {
                top:180px;
                width: 80%;
                height-min:150px; 
            }
            
            .news-description{
                display:none;
            }
            
            .circle {
                width: 200px;
                height: 200px;
            }
            
            .aligner {
                padding-top: 40px;
            }
            
            .circle-text {
                font-size: 1.3rem;
            }
            
            #page-loader {
                width: 25%;
            }
    
            .realized .property-item-icon{
                position:relative;
                width: 100%;
            }
            
            .realized .property-item-left{
                position:relative;
                flex: 0 1 50% !important;
            }
    
            .realized .property-item-right{
                position:relative;
                flex: 0 1 40% !important;
            }
            
            .shape-property li {
                margin-top: 15px;
            }
            
            .huge-i img {
                height: 100px;
            }
            
            #service-section{
                padding-top: 40px;
                padding-bottom: 20px;
            }
            
            .service-more{
                font-size: 0.8rem;
            }
            
            .service-zoom:hover .service-zoom-hover, .zoom .service-zoom-hover{
                position: absolute;
                top: -80px;
                bottom: -50px;
                left: -100px;
                background-color: #ffcb08; 
                width:250px;
                height: 270px;
            }
            
            .aligner {
                padding-top: 65px;
            }
            
            .aligner span, .aligner-top span {
                font-size: 3rem;
            }
            
            .split-4.equal-split li {
                padding: 0;
            }
            
            .service-zoom:hover, .zoom {
                transform: scale(1.1);
                color: #000;
            }
            
            .service-zoom:hover .service-zoom-hover, .zoom .service-zoom-hover{
                width:280px;
                height: 300px;
            }
            
        }
        @media screen and (max-width: 1200px) {
            
            .property-description, .news-description{
                min-height: 94px;
            }
        }
        @media screen and (max-width: 1070px) {

            .onpage-request-form {
                width: 100%;}
            
            .contacts .contact-details {
                flex: 1 0 30%;}
            .contacts .formwrapper {
                flex: 1 0 60%;}
            .contacts .onpage-request-form .fieldset {
                display: block;}
            .contacts .onpage-request-form .fieldset div:first-child {
                margin-right: 0;}
            .contacts .onpage-request-form .fieldset div:last-child {
                margin-left: 0;}
            
            footer .section-inner {
                display: block;
                text-align: center;}
            footer .brand-wrap {
                margin-right: 0;}
            .footernav ul {
                justify-content: center;}
            footer {
                padding: 40px 30px;}
            .footernav {
                margin: 20px 0;}
            .copyright {
                text-align: center;}
            
            .padd-tb-100 {
                padding-top: 50px;
                padding-bottom: 50px;
            }
            
/*            .split-4.equal-split li {
                padding: 0 15px; 
            }*/

            .huge-i i {
                font-size: 4rem;
                width: 150px;
                height: 150px;
            }
            
            
            .huge-i i::before {
                margin-top: 40px;
            }
            
            .realized .property-item-icon {
                position: relative;
                width: 100%;
            }
            
            .prperty-container{
                display:block;
            }

            .property-item-left, .property-item-right{
                position:relative;
                width:800px;
                margin:0 auto;
            }
            
            .shape-property {
                margin-left: 0px;
            }
            
            .header-top-center{
                display: none;
            }  
            .news-inner {
                height: 400px;
            }
            
            .list-items .news-description, .list-items .news-description{
                display: none;
            }
            
            .service-zoom:hover, .zoom, .service-zoom a {
                pointer-events: none !important;
                color:#000 !important;
            }
            
            .huge-i a{
                color:#000 !important;
            }
            
            .service-zoom:hover .service-zoom-hover, .zoom .service-zoom-hover{
                pointer-events: none !important;
            }
            
            .noHover{
                pointer-events: none;
            }

            
            .huge-i img {
                font-size: 5rem;
            }
            
            .split-4.equal-split li {
                flex: 0 1 50%;
                padding: 0 30px;
            }
            
            .service-more{
                display: block;
            }
            
            .videoThumbs .swiper-slide {
                width: 33% !important;
            }
            
            .list-video .property-item {
                margin: 5px;
            }
            
            .page .news-item .news-item-bottom {
                top: 160px;
            }
        }
        @media screen and (max-width: 1024px) {
            .header-presentation .gallery-top .swiper-slide {
                min-height: 650px;
            }
            
            .news-inner {
                padding-left: 20px;
            }
            
            .news-inner-description {
                padding: 20px;
                width: 100%;
            }
            
            .property-item-left img {
                width: 100%;
                height: auto;
            }
        }
        @media screen and (max-width: 991px) {  
            h1 {
                padding-top: 40px;
            }
            h1, h2{
                font-size: 1.5rem;
                line-height: 1.6rem;
            }
            
            h1::before, h2::before {
                left: 19%;
                width: 40%;
            }
            
            h3 {
                font-size: 1rem;
            }
                        
            .home .header-presentation {
                padding-top: 50px;
                padding-bottom: 0px;
                min-height: 467px;
             }
            
            .padd-tb-20 {
                padding-top: 0px;
            }
             
            .split-3.equal-split {
                display: block;}
            .split-3.equal-split li {
                margin-top: 80px;
                padding-left: 0;
                padding-right: 0;}
            .split-3.equal-split li i {
                margin-bottom: 0;}
            
            /* Header and Nav */
                .header-inner {
                    display: block;}
                .brand-wrap {
                    margin-right: 30px;
                    display: inline-block;}
                .mobile-menu {
                    display: inline-block;
                    vertical-align: middle;}
                .mobile-nav {
                    position: absolute;
                    width: 100%;
                    left: 0;
                    top: 80px;}
                .mobile-nav.showing {
                    display: block;}
                nav ul {
                    display: none;
                    max-height: 0px;
                    -webkit-box-shadow: 0 12px 40px rgba(0,0,0,0.1);
                    box-shadow: 0 12px 40px rgba(0,0,0,0.1);}
                nav ul li {
                    background-color: rgba(255,255,255,0.97);
                    box-sizing: border-box;
                    width: 100%;
                    margin-top: 0px;
                    margin-left: 0;
                    margin-right: 0;
/*                    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.15);
                    box-shadow: 0 0 40px rgba(0,0,0,0.15);*/
                    transition: 0.4s;}
                nav ul a:hover {
                    background-color: #ffcb08;
                    color: #fff;
                }
/*                nav ul li:hover a {
                    color: #fff;}*/
                nav a {
                    padding: 15px;
                    width: 100%;}
                .showing nav ul {
                    max-height: 20em;
                    display: block;}
/*                .language-switch {
                    position: absolute;
                    right: 30px;
                    top: 30px;}*/
/*                .sticky .language-switch {
                    top: 5px;}*/
                nav ul li.divider {
                    display: none;}
                
                .animate::before, .animate::after {
                    border: 0 !important;
                    background: none;
                }
                
                .parcel {
                    position: absolute;
                    width: 180px;
                    height: 79px;
                    top: 0;
                    right: 0;
                }
                
                #header-main.sticky .parcel {
                    height: 59px;
                }
                
                .menu {
                    top:35px;
                    right: 200px;
                }
                #header-main.sticky .mobile-menu {
                    top: 20px;
                }
            .gallery-grid li {
                flex: 0 1 48%;}
            
            .gallery-grid li {
                max-height: 260px;}

            .form-phone-wrap {
                padding-left: 0;
            }
            
            .bager-background {
                background-image: none;
            }
            
            
            form .btn-normal {
                width: 100% !important;
            }
            
            .dropdown .dropbtn {
                display: none;
            }
            
            .dropdown-content {
                display: block;
                padding: 0;
                position: relative;
                width: auto;
                min-width: unset;
                background: transparent;
                box-shadow: none;
                text-align: center;
                left: auto;
            }
            
            .dropdown-content a {
                padding:10px 0;
/*                margin: 20px 0 0 0;*/
                text-align: center;
            }
            
            .dropdown-content a:hover {
                color:#fff !important;
            }
            
            .subscription {
                padding-top: 20px;
            }
            
            .progress {
                width: 80%;
                font-size: 1.3rem;
            }
            
            .swiper-slide.video-presentation{
                height: 400px !important;
            }
            
            video {
                height: 400px;
            }
            
            .list-video .property-item {
                margin: 10px;
                flex: 0 1 45% !important;
                width: 45%;
            }
            
            #subscription-section .subscription {
                top: -70px;
            }
            
            #before-after{
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                overflow: hidden;
            }
            
            .before-after{
                width: 100%;
            }
            
            .before-after-container{
                display:block;
                width: 600px;
                margin: auto;
            }
            
            .before-after-center{
                margin-bottom: 20px;
            }
            .before-after-center img{
                width: 20%;
            }
        }

        @media screen and (max-width: 870px) {
            
            .header-presentation .gallery-top .swiper-slide {
                min-height: 430px;
            }
            
            .subscription {
                width: 70%;
            }
            .form-inner-wrap {
/*                display: inline-block;*/
                width: 100%;
            }
            
            .request-form{
                padding-top: 20px;
            }
            
            .circle {
                width: 150px;
                height: 150px;
            }
            
            .aligner {
                padding-top: 53px;
            }
            
            .aligner span {
                font-size: 3rem;
            }
            
            .circle-text {
                font-size: 0.9rem;
            }
            
            .circle-text-top {
                font-size: 1.3rem;
            }

            .aligner span, .aligner-top span {
                font-size: 2rem;
            }
            
            #page-loader {
                width: 35%;
            }
            
            .form-phone-wrap, .form-image-wrap, .request-form {
/*                flex: 0 1 100%;*/
                padding:0;
            }
            
            .career.form-inner-wrap {
                display: inline-block !important;
            }
            
            .career .form-phone-wrap, .career .form-image-wrap, .career .request-form{
                width:100%;
            }
            
            .career .form-image-wrap img{
                padding-top: 20px;
            }
            
            .progress {
                width: 90%;
                font-size: 1.3rem;
            }
            
            .month-year-status {
                flex: 0 1 30% !important;
                height: 45px;
            }
            
            .realized .property-top {
                width: 70%;
                margin-left: 20px;
            }
            
            .month-year-status div {
                font-size: 1.3rem;
            }
            
            .realized .property-top h2 {
                font-size: 1.3rem;
                line-height: 1.3rem;
            }
            
            .page .news-item .news-item-bottom {
                top: 140px;
            }
        }
        @media screen and (max-width: 810px) {
            footer {
                display: block;
                padding: 30px 20px;
                text-align: center;}
            footer .brand-wrap a {
                left: 0;
                right: 0;}
            .footernav {
                padding-bottom: 0;}
            .socials {
                margin-top: 20px;
                margin-left: 0;}
            .socials ul {
                justify-content: center;}
            .copyright {
                margin-top: 20px;
                margin-left: 0;}
            .copyright ul {
                justify-content: center;}
            
            .home .header-presentation.split-2 {
                display: block;}
/*            .home .header-presentation > div {
                padding: 60px 0;}*/
            
            .contacts .formwrapper {
                flex: 1 0 40%;}

            .split-4.equal-split li {
                flex: 0 1 50%;
            }
            
            .news-inner.gradient {
                background-image: none;
            }
            
            .news-section{
                background-position: center !important;
            }
            
            .inner-title {
                display:none;
            }
            
            .hide-title{
                display: inline-block !important;
/*                margin: 0 auto !important;
                width:700px;*/
            }
            
            .hide-title h1::before {
                content: none;
            }
            
            .hide-title h1 {
                padding: 0;
            }
            
            .passage-container {
                columns: 1;
                padding-left: 50px;
            }
            
            .about-us-image {
                position: relative; 
                text-align: center;
                margin: 0 auto;
                left: 0;
                right: 0;
                top:0;
            }
            
            .shape-about-us li {
                flex: 0 1 100% !important;
                margin: 5px 0px 20px 0px;
            }
            
            .property-item-left, .property-item-right {
                position: relative;
                width: 100%;
                margin: 0 auto;
            }
            
            .projects .property-items-wrapper .property-item {
                flex: 0 1 50%;
                margin-right: 0px;
            }
            
            .page .news-item .news-item-bottom {
                top:180px;
            }
            
            .page .news-item .news-item-bottom .news-description {
                display: block;
            }
            
        }
        @media screen and (max-width: 730px) {
            
            .incl-form-content .onpage-request-form .fieldset {
                display: block;}
            .incl-form-content .onpage-request-form .fieldset div:first-child {
                margin-right: 0;}
            .incl-form-content .onpage-request-form .fieldset div:last-child {
                margin-left: 0;}
            
            .incl-form-content input, textarea {
                padding: 7px 10px;}
            .incl-form-content .onpage-request-form .fieldset div {
                margin-bottom: 10px;}
            .incl-form-content .onpage-request-form {
                font-size: 0.9em;}
            .incl-form-content .inner-section h2 {
                font-size: 1.6em;}
            .incl-form-content {
                width: 90%;}
            
            .swiper-slide.video-presentation{
                height: 300px !important;
            }
            
            video {
                height: 300px;
            }
            
            .apartaments-status-img {
                width: 50% !important;
            }
            
            .shape-property li span {
                font-size: 1.1rem;
                line-height: 1.5rem;
            }
        }
        @media screen and (max-width: 710px) {
            #header-main .logo {
                width: 140px;}
/*            .language-switch {
                top: 26px;}*/
            .menu {
                top: 30px;
                right: 200px;
            }
            #header-main.sticky .logo {
                width: 100px;}
            #header-main.sticky .mobile-menu {
                top: 27px;}
/*            .sticky .language-switch {
                top: 14px;}
            */

            section.section-first {
                margin-top: 100px;}
            
            .header-presentation .header-slider {
                height: 450px;} 
            
        
            a svg {
                width: 140px;
            }
            
            .header-top .header-top-phone:before, .header-top .header-top-email:before {
                width: 0; 
                height: 0;
            }
            
            .header-presentation .homeslider-title {
                width: 90%;
            }
            
            .form-phone-wrap, .form-image-wrap, .request-form {  
                width: 100%;
            }
            
            #modal-subscription {
                margin: 0 20px;
            }
            
            .simple-subscription-wrapper .subscription-line {
            margin: 0;
            width: 100%;
            }
            
            .videoThumbs .swiper-slide {
                width: 50% !important;
            }
            
            .list-video .property-item {
                margin: 10px;
                flex: 0 1 90% !important;
                width: 100%;
            }
            
            .page .news-item .news-item-bottom .news-description {
                display: none;
            }
        }
        @media screen and (max-width: 610px) {
            .footernav ul {
                display: block;}
            .footernav .socials ul {
                display: flex !important;
            }
            
            footer .brand-wrap{
                margin: 0 auto;
                left:0;
                right:0;
            }
            
            .footernav .divider {
                color: transparent;}

            ul.aps-list-table-container {
                display: block;}
            
            .form-toinclude form .fieldset > div {
                width: 100%;}
            
            .contacts .split-2 {
                display: block;}
            .contacts .contact-details h4 {
                margin-bottom: 0;
                font-size: 1.4em;}
            .gallery-grid li {
                flex: 0 1 100%;}
            
            .gallery-grid li {
                max-height: none;}
            
            form .btn-normal {
                width: 70% !important;
            }
            
            .form-inner-wrap {
                display: inline-block !important;
                padding: 0 20px;
            }
            
            .list-items .news-items-wrapper .news-item {
                flex: 0 1 100%;
            }
            
            .circle-i i {
                margin: 15px 20px 10px 50px;
            }
            
            .request-form{
                margin-top: 10px;
            }
            
            .news-item-bottom {
                top: 100px;
            }
            
            .sliders-properties-section, .sliders-news-section {
                padding: 0 20px 5px 15px;
            }
            
            .before-after-container{
                width: 100%;
                margin:0 auto;
            }
            
            .before-after-center img{
                width: 15%;
            }

        }
        @media screen and (max-width: 530px) {
            #subscription-section .subscription{
                width: 400px;
                border: 10px solid #fff;
            }
            
            .subscription-image-container{
                display: none;
            }
            
            .subscription-form{
                width: 95%;
            }
            
            .subscription-title{
                font-size: 1.2rem;
            }
            
            .swiper-slide.video-presentation{
                height: 250px !important;
            }
            
            video {
                height: 250px;
                width:100%;
            }
            .videoThumbs{
                width:100%;
            }
            
            .realized{
                display: block;
            }
            .month-year-status {
                width: 100%;
                height: 45px;
            }
            
            .realized .property-top {
                width: 100%;
                margin-left: 0;
                text-align: center;
            }
            
            .page .subscribe-fullw{
                margin-top: 50px;
            }
            
            .page .news-item .news-item-bottom .news-description {
                display: none;
            }
        }
        @media screen and (max-width: 510px) {
            
            .mobile-menu {
                left: 27px;
            }
            
            .brand-wrap {
                position:absolute;
                left: 80px;
                margin-left: 0;
            }
/*            .mobile-nav{
                order:1;
            }
            .brand-wrap{
                order:2;
            }
            .parcel{
               order:3; 
            }*/

            
            .outer-title h1 {
                padding-top: 30px;
            }
            
            .inner-title h1 {
                padding-top: 10px;
            }
            .sub-title-h2 {
                font-size: 1.7em;}

            .circle {
                margin: 10px;
            }
            
            #header-main .logo {
                width: 110px;
            }
            
            .subscription {
                width:90%;
            }
            
            .hide-title h1 {
                font-size: 1rem;
                font-weight: 600;
            }
            
            .subscription-content h3 {
                font-size: 1.2rem;
            }
            
            .subscription-send-form .subscription {
                width: 90%;
            }
            
            .homeslider-title h2{
                font-size: 1.5rem !important;
            }
            
            .header-presentation .homeslider-title {
                font-size: 1.2rem;
            }
            
            .passage-container {
                padding-left: 10px;
            }
            
            .split-4.equal-split li {
                flex: 0 1 100%;
                padding: 20px 30px;
            }
            
            .service-more {
                font-size: 1rem;
            }
            
            .service-zoom h3, .zoom {
                font-size: 1.5rem;
            }
            
            .split-4.equal-split li:nth-child(even) {
                background-color: #ffcb08;
            }       
            
            .padd-lr-no{
                padding-left: 0;
                padding-right: 0;
            }
            
            #service-section {
                padding-bottom: 0;
                padding-top: 0;
            }
            
            .marg-tb-mobile{
                margin-top: 0 !important;
                margin-bottom:0 !important;
            }
            
            .subscription-title {
                font-size: 1.2rem;
            }
            
            .footer-menu .mobile-list{
                margin-top: 80px;
            }
            
            .videoThumbs .swiper-slide {
                width: 55% !important;
            }
            
            .simple-subscription-wrapper .subscription-content {
                font-size: 1rem;
            }
            
            .simple-subscription-wrapper .subscription-logo img {
                padding: 20px 50px;
            }
            
            .projects .property-items-wrapper .property-item {
                flex: 0 1 100%;
            }
/*            .property-item {
                width: 100%;
            }*/
        }
        @media screen and (max-width: 470px) { 
            h1::before, h2::before {
                left: 32%;
                width: 70%;
            }
            .copyright ul {
                display: block;}
            .copyright ul li {
                margin: 0 0 10px 0;}
            
            .header-top {
                font-size: 15px;
                padding: 8px 5px;
            }
            
            .brand-wrap {
                left: 70px;
            }
            
            .subscription-content h3 {
                font-size: 1rem;
            }
            
            .circle-i i {
                margin: 15px 20px 10px 10px;
            }
            
            .subscription-send-form .subscription {
                width: 100%;
            }
            
            .language-switch {
                right: 10px;
            }
        }
        @media screen and (max-width: 400px) { 
            #subscription-section .subscription {
                width: 360px;
                border: 5px solid #fff;
            }
            
            .brand-wrap {
                left: 60px;
            }
            
            .mobile-menu {
                left: 17px;
            }
        }
        
        @media screen and (max-width: 360px) { 
            #subscription-section .subscription {
                width: 350px;
            }
        }
    
/* Animations */
    .animate {
        position:relative;
        padding: 10px;
    }
    .animate::before {
        content: "";
        position: absolute;
        top: -2px;
        left: -2px;
        width: 0;
        height: 0;
        background: transparent;
        border: 2px solid transparent;
    }
  
    .animate:hover::before {
        animation: animate 0.3s linear forwards;
    }
  
    @keyframes animate {
        0% {
            width: 0;
            height: 0;
            border-top-color: black;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
        }
  
        50% {
            width: 100%;
            height: 0;
            border-top-color: black;
            border-right-color: black;
            border-bottom-color: transparent;
            border-left-color: transparent;
        }
  
        100% {
            width: 100%;
            height: 100%;
            border-top-color: black;
            border-right-color: black;
            border-bottom-color: transparent;
            border-left-color: transparent;
        }
    }
  
    .animate::after {
        content: "";
        position: absolute;
        top: -2px;
        left: -2px;
        width: 0;
        height: 0;
        background: transparent;
        border: 2px solid transparent;
    }
  
    .animate:hover::after {
        animation: animates 0.3s linear forwards;
    }
  
    @keyframes animates {
        0% {
            width: 0;
            height: 0;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: black;
        }
  
        50% {
            width: 0;
            height: 100%;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: black;
            border-left-color: black;
        }
  
        100% {
            width: 100%;
            height: 100%;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: black;
            border-left-color: black;
        }
    }
    
/* Logo animation */
/***************************************************
 * Generated by SVG Artista on 2/9/2022, 9:40:13 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
    
/*    #logo:hover {
        animation-play-state: running;  
    }   */
        
@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.3s both;
          animation: animate-svg-fill-1 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.3s both;
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.32999999999999996s both;
          animation: animate-svg-fill-2 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.32999999999999996s both;
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.36s both;
          animation: animate-svg-fill-3 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.36s both;
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.39s both;
          animation: animate-svg-fill-4 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.39s both;
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.42s both;
          animation: animate-svg-fill-5 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.42s both;
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.44999999999999996s both;
          animation: animate-svg-fill-6 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.44999999999999996s both;
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.48s both;
          animation: animate-svg-fill-7 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.48s both;
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.51s both;
          animation: animate-svg-fill-8 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.51s both;
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.54s both;
          animation: animate-svg-fill-9 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.54s both;
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-fill-10 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.5700000000000001s both;
          animation: animate-svg-fill-10 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.5700000000000001s both;
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-fill-11 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.6s both;
          animation: animate-svg-fill-11 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.6s both;
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-fill-12 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.6299999999999999s both;
          animation: animate-svg-fill-12 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.6299999999999999s both;
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-fill-13 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.6599999999999999s both;
          animation: animate-svg-fill-13 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.6599999999999999s both;
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(43, 42, 41);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-fill-14 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.69s both;
          animation: animate-svg-fill-14 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.69s both;
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 204, 0);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 204, 0);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-fill-15 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.72s both;
          animation: animate-svg-fill-15 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.72s both;
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 204, 0);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 204, 0);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-fill-16 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.75s both;
          animation: animate-svg-fill-16 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0.75s both;
}