/*** FONTS ***/

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?klbi2b');
    src: url('../fonts/icomoon.eot?klbi2b#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?klbi2b') format('truetype'), url('../fonts/icomoon.woff?klbi2b') format('woff'), url('../fonts/icomoon.svg?klbi2b#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="ficon-"], [class*="ficon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ficon-fax:before {
    content: "\e990";
}

.ficon-fax-alter:before {
    content: "\e991";
}

.ficon-mail:before {
    content: "\e992";
}

.ficon-mail-alter:before {
    content: "\e993";
}

.ficon-phone:before {
    content: "\e994";
}

.ficon-phone-alter:before {
    content: "\e995";
}

.ficon-pin:before {
    content: "\e996";
}

.ficon-pin-alter:before {
    content: "\e997";
}

.ficon-facebook:before {
    content: "\e998";
}

.ficon-google-plus:before {
    content: "\e999";
}

.ficon-linkedin:before {
    content: "\e99a";
}

.ficon-pinterest:before {
    content: "\e99b";
}

.ficon-rss:before {
    content: "\e99c";
}

.ficon-twitter:before {
    content: "\e99d";
}

.ficon-youtube:before {
    content: "\e99e";
}

.form-control {
    font: 400 18px 'Rubik', sans-serif;
    height: 40px;
    padding-right: 16px;
    padding-right: 16px;
    margin-bottom: 12px;
}

    .form-control::-webkit-input-placeholder {
        color: #080a01;
        font-size: 18px !important;
    }

    .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #080a01;
        font-size: 18px;
    }

    .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #080a01;
        font-size: 18px;
    }

    .form-control:-ms-input-placeholder {
        color: #080a01;
        font-size: 18px;
    }

.form-group {
    position: relative;
}

select.form-control {
    background-image: url(../img/arrow-down.png);
    background-position: 2% 55%;
    background-repeat: no-repeat;
    background-size: 3% auto;
    border-color: #cccccc;
    -webkit-border-radius: 3px;
    border-radius: 300px;
    color: #080a01;
    font-family: 'Rubik', sans-serif;
    margin-bottom: 20px;
    margin-top: 22px;
    padding-right: 15px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 18px;
    margin: 0 0 30px 0;
}

select::-ms-expand {
    display: none;
    text-shadow: none;
}

select.form-control option:checked:disabled {
    display: none;
    text-shadow: none;
    -webkit-appearance: none;
    background: #fff;
}


.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ccc;
    min-height: 44px;
    resize: none;
}


/*** GENERAL ***/

html {
    overflow-x: hidden;
    margin-left: auto;
    margin-right: auto;
}

body {
    direction: rtl;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
    color: #030b0c;
    padding-top: 75px;
    font-size: 18px;
    line-height: 23px;
}

a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {
    color: #080a01;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #080a01;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #080a01;
}

:-ms-input-placeholder {
    color: #080a01;
}

.hidden {
    display: none;
}


/*
 * Row with equal height columns
 */

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.badge h1 {
    margin: 10px 0 15px 0;
}

.projects-box-content h2 {
    font-size: 18px;
    margin: 10px 0 40px;
}

.narrow-banner .badge h1 {
    color: #fff;
}

.col-sm-12.text-left.btn-holder.sendForm {
    margin: 5px 0 20px;
    float: left;
}

.why-text {
    color: #fff;
    font-size: 25px;
    line-height: 40px;
}

.projects-box .projects-box-content .imgFrame {
    height: 290px;
    overflow: hidden;
    display: flex;
}

.projects-box .projects-box-content img {
    display: block;
    width: 100%;
    align-self: center;
}

input.error, select.error, .form-control.error {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 0 1px 2px #ff0000 !important;
    -moz-box-shadow: 0 0 1px 2px #ff0000 !important;
    box-shadow: 0 0 1px 2px #ff0000 !important;
}

.footer-nav__list .footer-nav__item:nth-child(odd) {
    padding-left: 20px;
}

.footer-nav__list .footer-nav__item {
    float: right;
    width: 50%;
    word-break: break-word;
}

.lobby_img_holder .badge {
    min-width: 45%;
    max-width: 55%;
}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.red {
    color: red;
}

.article_content img {
    max-width: 100%;
}

    .article_content img.map {
        max-width: 700px;
    }

.form-control {
    border-radius: 30px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 5px;
}

header nav li a {
    font-size: 16px;
}

.projects-box-content .badge h2 {
    font-size: 21px;
    margin: 13px 0px;
}

.projects-box-content .badge {
    min-width: 300px;
    color: #000;
    position: absolute;
    bottom: 100px;
    left: 15px;
    border-radius: 0 300px 300px 0;
}

.tableDiv {
    display: table;
}

    .tableDiv .article_content-right,
    .tableDiv .article_content-left {
        display: table-cell;
        vertical-align: top;
    }

.article_content-left .article_image {
    max-width: 400px;
}

.innerContact {
    width: 450px;
    margin-bottom: 30px;
    float: left;
}

.btn-pink {
    color: #fff;
    background-color: #f04392;
    border-color: #8e8e8e;
}

.article-content .btn {
    margin-left: 15px;
}

.thanks-title {
    font-size: 28px;
}

.thanks-txt {
    font-size: 22px;
    line-height: 28px;
}

.navbar-fixed-top.close {
    opacity: 1;
}

.article-content.iframePage .container {
    position: relative;
}

.iframePage .footerBanne {
    background: url(/media/1944/ewave_web_1900x600_3.png) no-repeat 20% bottom transparent;
    background-size: 41%;
    height: 190px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    left: 0;
}

.commentForm {
    border: 1px solid #ccc;
    display: table;
    width: 100%;
    padding: 25px 20px;
    border-radius: 10px;
}

    .commentForm .title {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 10px;
    }

    .commentForm textarea.form-control {
        height: 100px;
        border-radius: 15px;
    }

    .commentForm label.control-label {
        width: 14.5%;
        text-align: right;
        float: right;
        padding-top: 7px;
    }

    .commentForm .form-group {
        position: relative;
        display: table;
        width: 100%;
    }

.commentFormMini {
    border: 1px solid #ccc;
    display: table;
    width: 30%;
    padding: 25px 20px;
    border-radius: 10px;
}

    .commentFormMini .title {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .commentFormMini textarea.form-control {
        height: 70px;
        border-radius: 15px;
    }

    .commentFormMini label.control-label {
        width: 30%;
        text-align: right;
        float: right;
        padding-top: 7px;
    }

    .commentFormMini .form-group {
        position: relative;
        display: table;
        width: 100%;
    }

.commentList .item {
    margin-top: 11px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

    .commentList .item .title + div.comment, .commentList .item .subComment .title + div.comment {
        opacity: 0;
        transition: all 0.4s ease;
        height: auto;
        min-height: 0px;
        max-height: 0;
    }

    .commentList .item .title.open + div.comment, .commentList .item .subComment .title.open + div.comment {
        opacity: 1;
        transition: all 0.4s ease;
        min-height: 20px;
        max-height: none;
    }

    .commentList .item .title {
        font-weight: bold;
        cursor: pointer;
    }

    .commentList .item .subComment .title:before {
        content: '>';
    }

    .commentList .item .subComment .title {
        color: #777;
        position: relative;
        z-index: 10;
    }

        .commentList .item .subComment .title.open + div.comment {
            padding: 10px 12px;
            background: #f8f8f8;
        }
#whatsupButton {
    position: fixed;
    bottom: 3em;
    left: 1em;
    z-index: 20;
}

@media screen and (min-width: 768px) {
    .row-eq-height-reverse {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: normal;
        -ms-flex-direction: normal;
        flex-direction: normal;
    }

    div[class^="col-"] {
        float: right;
    }
}

@media screen and (max-width: 768px) {
    .row-eq-height {
        display: block;
    }
}


/*** BUTTONS ***/

.btn {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-main {
    background-color: #fed434;
    font: 400 18px 'Rubik', sans-serif;
    color: #272727;
    padding: 12px 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #fed434;
    line-height: 1;
}

    .btn-main:hover, .btn-main:focus {
        color: #fff;
    }

.contact-form__holder .btn-main {
    outline: 0;
    float: left;
    margin: 5px 0 20px;
}

.btn-main:hover, .btn-main:focus {
    background-color: #fff;
    color: #000;
}

@media screen and (max-width: 992px) {
    .btn-main {
        font-size: 16px;
    }
}


/*** NAVIGATION ***/

header {
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}

    header nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #272727;
        background: #fff;
        position: relative;
        z-index: 20;
        min-height: 75px;
    }

.main-nav {
    margin: 0;
    padding-right: 0;
    padding-left: 36px;
}

header nav li a {
    color: #272727;
    text-decoration: none;
    font: 400 19px 'Rubik', sans-serif;
    line-height: 1;
}

header ul.main-nav li.dropdown a i {
    font-size: 10px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px;
}

header nav .search {
    width: auto;
    background: #d0e342;
    border: none;
    z-index: 2;
    height: 75px;
    width: 75px;
    font-size: 20px;
    outline: none;
}

header nav .search-bar {
    width: 100%;
    -webkit-transition: left .5s ease-in;
    transition: left .5s ease-in;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    left: -100%;
    top: 0;
    min-height: 75px;
}

    header nav .search-bar input {
        padding: 15px;
        width: 100%;
        border: none;
        text-align: center;
        font-size: 20px;
        height: 75px;
        border-top: 2px solid #d0e342;
        border-bottom: 2px solid #d0e342;
        font: 400 20px 'Rubik', sans-serif;
        color: #000;
    }

    header nav .search-bar label {
        position: absolute;
        top: 0;
        left: 75px;
        font-size: 20px;
        color: #272727;
    }

        header nav .search-bar label a {
            color: #272727;
            display: inline-block;
            height: 75px;
            width: 75px;
            position: relative;
            top: 0;
            font-family: 'Rubik';
            font-weight: 400;
        }

            header nav .search-bar label a i {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                font-size: 18px;
            }

    header nav .search-bar.open {
        left: 0;
    }

        header nav .search-bar.open input, header nav .search-bar.open label::after {
            display: block;
        }

header nav .main-nav .dropdown {
    position: relative;
}

    header nav .main-nav .dropdown.open .dropdown-menu li {
        padding-right: 0;
    }

.dropdown-menu {
    opacity: 0;
}

header nav .main-nav .dropdown.open ul {
    opacity: 1;
    display: flex;
}

header nav .main-nav .dropdown.open .dropdown-menu li a:hover, header nav .main-nav .dropdown.open .dropdown-menu li a:focus {
    background-color: #7E619F;
}

header nav .main-nav.close {
    display: none;
}

header nav .main-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

    header nav .main-nav > li {
        min-height: 75px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15px;
        position: relative;
    }

        header nav .main-nav > li:hover, header nav .main-nav > li.focusStyle {
            background-color: #481e76;
        }

        header nav .main-nav > li > a {
            position: relative;
            display: inline-block;
            min-height: 75px;
            line-height: 37px;
            text-decoration: none;
            display: flex;
            align-items: center;
        }

        header nav .main-nav > li:hover a, header nav .main-nav > li.focusStyle a {
            color: #fff;
            outline: none;
            background: transparent;
        }

        header nav .main-nav > li > a.active {
            box-shadow: inset 0 -5px 0px #481e76;
        }

    header nav .main-nav > .active > a:after {
        background: #481e76;
        bottom: 0;
        content: '';
        display: block;
        left: 0;
        height: 5px;
        position: absolute;
        width: 100%;
    }


.dropdown .dropdown-menu {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #481e76;
    left: 0;
    width: 100%;
}

header nav .main-nav .dropdown .dropdown-menu:before {
    content: "";
    position: fixed;
    right: -100%;
    left: -100%;
    background-color: #481e76;
    z-index: 10;
    top: 75px;
    bottom: auto;
    height: 87px;
}

header nav .main-nav > li:nth-child(n + 2) .dropdown-menu,
header nav .main-nav > li:nth-child(n + 5) .dropdown-menu {
    position: fixed;
    justify-content: flex-end;
    top: 75px;
}

header nav .main-nav .dropdown .dropdown-menu li {
    padding-right: 10px;
    position: relative;
    z-index: 50;
}

header nav .main-nav .dropdown .dropdown-menu a {
    padding: 30px 2.95rem;
    color: #fff;
    /*font-size: 1rem;*/
}

header nav .main-nav .dropdown .dropdown-menu-left {
    left: 0;
    right: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    header nav .main-nav .dropdown .dropdown-menu-left::after {
        left: -100%;
        right: auto;
    }

header nav .main-nav .dropdown.open {
    background-color: #481e76;
}

    header nav .main-nav .dropdown.open a {
        color: #fff;
        text-decoration: none;
        font-size: 19px
    }

        header nav .main-nav .dropdown.open a:hover {
            background: none;
        }

    header nav .main-nav .dropdown.open .dropdown-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        margin-right: -15px;
    }

    header nav .main-nav .dropdown.open .after {
        position: relative;
        min-height: 20px;
        background: #481e76;
    }

header nav .navbar-toggle {
    background-color: #d0e342;
}

    header nav .navbar-toggle .icon-bar {
        background-color: #fff;
    }

header nav .logo {
    z-index: 2000;
    position: relative;
}

    header nav .logo img {
        max-width: 230px;
        margin-right: 8px;
    }

.form-content-logo .img-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: right;
    width: 29.433%;
    height: 11.2rem;
    margin: 0;
    margin-left: 5.5%;
    margin-bottom: 5.5%;
    text-align: center;
    border: 1px solid #b7b7b7;
}

.narrow {
    width: 21.5%;
}

.wide {
    width: 44.72222%;
}

@media screen and (max-width: 1366px) {
    .main-nav {
        padding-left: 15px;
    }

    header nav li a {
        font-size: 16px;
    }

    header nav .main-nav > li {
        /*padding: 1.5rem 0.625rem;*/
    }

    header nav .main-nav .dropdown.open a {
        font-size: 16px
    }
}

@media screen and (max-width: 1231px) {
    header nav li a {
        font-size: 15px
    }

    header nav .main-nav > li {
        padding: 0 11px;
    }

    .footer-box:not(:first-of-type) {
        padding-right: 12px;
    }

    .footer-nav__list .footer-nav__item:nth-child(odd) {
        padding-left: 10px;
    }

    footer .logo-footer {
        width: 25%;
    }

    .logo-footer img {
        margin-left: 0;
    }

    footer .contacts-footer {
        width: 21%;
    }

    footer .links {
        width: 25%;
    }

    .footer-nav__link {
        margin-bottom: 20px;
    }

    .footer-list__item, .footer-list__link, .footer-nav__link, .footer-list__item a {
        margin-bottom: 20px;
    }

    .footer-box__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 992px) {
    header nav .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0;
    }

    header nav .main-nav {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        header nav .main-nav.open {
            position: absolute;
            top: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            background-color: white;
            z-index: 99;
            left: 0;
            width: 100%;
        }

    header nav .navbar-toggle {
        display: block;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    header nav .search-bar.open + .main-nav, header nav .search-bar.open + .main-nav + .navbar-toggle, header nav .search-bar.open + .main-nav + .navbar-toggle + .logo {
        display: none;
    }

    header nav .search {
        padding: 1.625rem;
    }

        header nav .search img {
            width: 20px;
            height: 20px;
        }

    header nav .search-bar input {
        padding: 1.4375rem;
    }
}

@media screen and (max-width: 768px) {
    header nav .main-nav .dropdown.open .dropdown-menu {
        display: block;
        width: 100%;
    }

        header nav .main-nav .dropdown.open .dropdown-menu li {
            display: block;
            width: 100%;
        }

    header nav .dropdown-menu {
        top: 100%;
        width: 100%;
    }

    header nav .main-nav.open {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    header nav .main-nav > li, header nav .main-nav > li a, header nav .main-nav > li:hover, header nav .main-nav > li.focusStyle, header nav .main-nav > li:hover a, header nav .main-nav > li.focusStyle a {
        min-height: 40px;
        line-height: 40px;
    }

    header nav .main-nav .dropdown .dropdown-menu a {
        padding: 0;
    }

    header nav .main-nav .dropdown.open .after {
        min-height: 0;
    }

    header nav .main-nav > li {
        display: block;
    }

    header nav .main-nav .dropdown.open .dropdown-menu {
        display: block;
        width: 100%;
    }

    .main-nav {
        padding-right: 0;
    }

    header nav li a {
        padding-right: 15px;
    }

    header nav li {
        border-bottom: 1px solid #b5a5c8;
        width: 100%;
        display: block;
    }

    header nav .main-nav .dropdown.open {
        position: relative;
    }

    header nav .main-nav > li {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .form-content-logo .img-wrap {
        width: 32%;
        margin-bottom: 2%;
        margin-left: 1%;
    }

    .wide {
        width: 83.722%;
    }

    header nav .main-nav > li {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    .form-content-pen {
        background: #fff;
    }
}

@media screen and (max-width: 415px) {
    header nav .main-nav .dropdown.open {
        position: relative;
    }

        header nav .main-nav .dropdown.open .dropdown-menu {
            display: block;
        }

            header nav .main-nav .dropdown.open .dropdown-menu li {
                display: block;
            }

                header nav .main-nav .dropdown.open .dropdown-menu li a {
                    text-align: center;
                    padding: 12px 0;
                    min-height: 0;
                }

        header nav .main-nav .dropdown.open .dropdown-menu-left {
            margin-top: -51px;
        }

        header nav .main-nav .dropdown.open .dropdown-menu::after {
            display: none;
        }

    header nav .logo img {
        max-width: 112%;
        height: auto;
        right: -8px;
        position: relative;
    }

    header nav .search-bar label {
        left: 55px;
    }

        header nav .search-bar label a {
            width: 55px;
            height: 55px;
        }

    header nav .search-bar {
        height: 55px;
        min-height: 55px;
        position: relative;
        z-index: 10000;
    }

        header nav .search-bar input {
            height: 55px;
            text-align: right;
        }

    body {
        padding-top: 55px;
    }

    header nav .search {
        height: 55px;
        width: 55px;
    }

    header nav {
        min-height: 55px;
    }
}


/*** Slider ***/

.slider {
    overflow-x: hidden;
    position: relative;
}

.badge img {
    margin-top: 4px;
    margin-left: 1px;
}

.mobile-banner {
    min-height: 100vh;
    background: url(../img/slide-1.jpg) no-repeat center / cover;
}

.owl-stage-outer {
    padding-top: 0;
    position: relative;
    min-height: 400px;
}

.homePage .owl-stage-outer {
    padding-top: 0;
}

.owl-carousel .owl-stage {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mobile-banner .badge, .owl-carousel__item .badge {
    position: absolute;
    top: 47px;
    right: 0;
    background-color: #fff;
    -webkit-border-radius: 200px 0 0 200px;
    border-radius: 200px 0 0 200px;
    width: 600px;
    height: 217px;
}

.owl-carousel, .owl-carousel .owl-item {
    height: 100%;
}

.owl-carousel__item--1 {
    background: url(../img/slide-1.jpg) no-repeat left center / cover;
}

.owl-carousel__item--2 {
    background: url(../img/slide-2.jpg) no-repeat left center / cover;
}

.owl-carousel__item--3 {
    background: url(../img/slide-1.jpg) no-repeat left center / cover;
}

.owl-carousel__item--4 {
    background: url(../img/slide-2.jpg) no-repeat left center / cover;
}

.mobile-banner .badge img, .owl-carousel__item .badge img {
    width: 380px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 80px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-nav {
    position: absolute;
    bottom: 0;
    left: 0;
}

    .owl-nav span i {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #d0e342;
        font-size: 28px;
    }

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    float: right;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:focus, .owl-carousel .owl-nav .owl-prev:focus {
        background-color: rgba(0, 0, 0, 0.7);
    }

.form-hide {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.form-show {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.form-top {
    position: fixed;
    float: left;
    min-width: 310px;
    font: 300 2.25rem 'Rubik', sans-serif;
    background: #fff;
    background-origin: border-box;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-transition: .4s;
    transition: .4s;
    top: 123px;
    left: 0;
    z-index: 30000;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    max-width: 650px !important;
}

    .form-top .form-control {
        padding-right: 16px;
    }

label.error {
    font-size: 14px;
    color: red;
    margin-bottom: 10px;
    font-weight: normal;
}

.home-form .btn:hover, .home-form .btn:focus, .btn-holder .btn:hover, .btn:focus, {
    color: #272727;
}

.form-top ::-webkit-input-placeholder {
    font: 400 1.125rem 'Rubik', sans-serif;
    color: #080a01;
}

.form-button-up.active, .form-button-down.active {
    border-left: none;
    z-index: 50;
}

.form-button-up, .form-button-down {
    width: 9.75rem;
    right: -93px;
    min-width: 85px;
    min-height: 75px;
    height: 13%;
    position: absolute;
    border: none;
    -webkit-border-radius: 0 400px 400px 0;
    border-radius: 0 400px 400px 0;
    outline: none;
    background: #fff;
    border: 4px solid rgba(25, 26, 21, 0.1);
    border-left: none;
    /*  -webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);*/
}

    .form-button-up.focusOutline, .form-button-down.focusOutline, header nav .search.focusOutline, .home-form .btn.focusOutline, .contact-form__holder .btn-main.focusOutline {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.form-button-up {
    top: 0;
}

    .form-button-up img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-37%, -50%);
        -ms-transform: translate(-37%, -50%);
        transform: translate(-37%, -50%);
        max-width: 50%;
    }

.form-button-down {
    top: 90px;
}

    .form-button-down img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-37%, -50%);
        -ms-transform: translate(-37%, -50%);
        transform: translate(-37%, -50%);
        max-width: 50%;
    }

.form-content-logo .form-button-up {
    width: 14%;
    right: -14%;
    height: 15%;
}

.form-content-logo .form-button-down {
    width: 14%;
    right: -14%;
    height: 15%;
    top: 16%;
}

.input-box {
    position: relative;
    margin-bottom: 1.25rem;
}

.select-required {
    position: absolute;
    top: 290px;
    right: 35px;
}

@media screen and (max-width: 1101px) {
    i.select-required {
        top: 230px;
        right: 30px;
    }
}

.home-form__text.form-control {
    min-height: 143px;
    padding-top: 10px;
    padding-right: 10px;
}

.panel-content {
    /*-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.1);*/
    border: 4px solid rgba(25, 26, 21, 0.1);
    padding: 8px 22px 17px 13px;
    z-index: 51;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.form-content-pen {
    /*width: 17.1875rem;*/
    z-index: 22;
    position: relative;
    padding-top: 11px;
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
}

    .form-content-logo .form-name, .form-content-pen .form-name {
        margin-bottom: 0px;
        font: 300 36px 'Rubik', sans-serif;
        margin-bottom: 18px;
    }

.home-form .form-group {
    position: relative;
    margin-bottom: 0;
}

.home-form .form-control {
    margin-bottom: 22px;
}

    .home-form .form-control.error {
        margin-bottom: 0;
    }

.home-form .form-group:nth-last-child(2) {
    margin-bottom: 20px;
}

.home-form .btn {
    padding: 15px 30px;
    float: left;
    margin-left: -4px;
    margin-top: -3px;
    margin-bottom: 3px;
    outline: 0;
}

.required-sign {
    color: red;
    font-size: 18px;
    position: absolute;
    right: 13px;
    top: 10px;
    z-index: 1;
}

.form-content-logo {
    /*width: 40.875rem;*/
    background-color: #fff;
    z-index: 22;
    position: relative;
    min-width: 400px;
}

    .form-content-logo .img-wrap:hover, .form-content-logo .img-wrap:focus {
        -webkit-box-shadow: 2px 3px 12px -4px rgba(0, 0, 0, 0.4);
        box-shadow: 2px 3px 12px -4px rgba(0, 0, 0, 0.4);
    }

    .form-content-logo .img-wrap img {
        max-width: 85%;
        margin: auto;
        max-height: 50%;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-content-logo .img-wrap:nth-child(2) img {
        max-width: 41px;
        width: 100%;
        height: 55px;
    }

    .form-content-logo .img-wrap:nth-child(3) img {
        max-width: 142px;
        width: 100%;
        height: 35px;
    }

    .form-content-logo .img-wrap:nth-child(4) img {
        max-width: 91px;
        width: 100%;
        height: 55px;
    }

    .form-content-logo .img-wrap:nth-child(5) img {
        max-width: 142px;
        width: 100%;
        height: 22px;
    }

    .form-content-logo .img-wrap:nth-child(6) img {
        max-width: 145px;
        width: 100%;
        height: 22px;
    }

    .form-content-logo .img-wrap:nth-child(7) img {
        max-width: 119px;
        width: 100%;
        height: 22px;
    }

    .form-content-logo .img-wrap:nth-child(8) img {
        max-width: 144px;
        width: 100%;
        height: 31px;
    }

    .form-content-logo .img-wrap:nth-child(9) img {
        max-width: 146px;
        width: 100%;
        height: 28px;
    }

    .form-content-logo .img-wrap:nth-child(10) img {
        max-width: 135px;
        width: 100%;
        height: 36px;
    }

    .home-form .form-control {
        padding-right: 15px;
    }

    .form-control {
        padding-right: 18px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1450px) {
    .form-top {
        top: 124px;
    }

    .mobile-banner .badge, .owl-carousel__item .badge {
        width: 582px;
        height: 217px;
    }

        .mobile-banner .badge img, .owl-carousel__item .badge img {
            max-width: 100%;
            height: auto;
        }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 5px;
    }

    header nav li a {
        font-size: 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    header nav li a {
        font-size: 10px;
    }

    header nav .main-nav .dropdown.open a {
        font-size: 10px;
    }

    header nav li a:hover, header nav li a:focus {
        font-size: 10px;
    }

    header nav .main-nav > li > a {
        min-height: 60px;
        line-height: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .mobile-banner .badge, .owl-carousel__item .badge {
        width: 400px;
        height: 130px;
    }

        .mobile-banner .badge img, .owl-carousel__item .badge img {
            max-width: 50%;
            height: auto;
        }
}

@media screen and (max-width: 992px) {
    .form-top {
        top: 100px;
    }
}

@media screen and (min-width: 768px) {
    .form-content-logo .img-wrap:nth-child(4), .form-content-logo .img-wrap:nth-child(7), .form-content-logo .img-wrap:nth-child(10) {
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .mobile-banner .badge, .owl-carousel__item .badge {
        height: 78px;
        width: 241px;
    }

        .mobile-banner .badge img, .owl-carousel__item .badge img {
            max-width: 50%;
            height: auto;
        }

    .wide {
        width: 50%;
    }

    .form-content-logo {
        min-width: 0;
    }
}


/*** About section ***/

.about {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    text-align: center;
    margin-bottom: 28px
}

.container.contentAbout {
    max-width: 1222px;
    width: 100%;
    padding-top: 25px;
    padding-left: 11px;
    padding-right: 19px;
}

.about-form__holder .about-header {
    text-align: center;
}

.about-form label, .home-form label:not(.error) {
    display: block;
    margin: 0;
}

.about-form .form-group {
    position: relative;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.about-form label.error {
    position: absolute;
    top: 43px;
    color: red;
    font-weight: normal;
    right: 0;
}

.about-form label.error {
    color: #fff;
}

.about-title {
    color: #030b0c;
    font: 300 36px 'Rubik', sans-serif;
    line-height: 40px;
    margin-bottom: 21px;
    margin-top: 26px;
}

.about-item {
    position: relative;
}

.about .about-header {
    padding-left: 20px;
}

.about-text {
    max-width: 71%;
    display: inline-block;
    color: #030b0c;
    font: 300 18px 'Rubik', sans-serif;
    line-height: 23px;
    margin-bottom: 27px;
    letter-spacing: 0.02px;
    margin-top: 1px;
}

.about-img__holder {
    position: relative;
    padding-top: 99.4%;
}

    .about-img__holder span {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.about-item__img {
    width: 100%;
    height: 100%;
}

.about-item__body {
    padding-bottom: 60px;
}

.about-item__title {
    font: 400 30px 'Rubik', sans-serif;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px;
}

.about-item__text {
    font: 300 21px 'Rubik', sans-serif;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.2px;
    margin-bottom: 18px;
}

.about-item__footer {
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: 53%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

    .about-item__footer .btn-main:hover {
        color: #272727;
    }

@media screen and (min-width: 768px) {
    .about div[class^="col-"] {
        padding-left: 46.5px;
        padding-right: 19.5px;
        margin-bottom: 65px;
    }
}

@media screen and (max-width: 992px) {
    .about-item__title {
        font-size: 20px;
    }

    .about-item__text {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .about-text {
        max-width: 100%;
        padding: 15px;
    }

    .about-item {
        padding: 80px;
    }

    .about {
        padding-bottom: 50px;
    }

    .about-item__footer .btn-main {
        padding: 10px 30px;
    }
}

@media screen and (max-width: 480px) {
    .about-item {
        padding: 30px;
    }

    .about div[class^="col-"] {
        margin-bottom: 0px;
    }
}


/*** WHY SECTION ***/

.why {
    padding-top: 49.2%;
    position: relative;
}

.why-img__holder {
    position: absolute;
    left: 0;
    right: 49%;
    top: 0;
    bottom: 0;
    background: url(../img/why.jpg) no-repeat 0 50% / cover;
}

.why-img {
    position: absolute;
    height: 100%;
    width: 100%;
}

.why-text__holder {
    background: url(../img/why-text.jpg) no-repeat center / cover;
    position: absolute;
    right: 0;
    left: 50.8%;
    top: 0;
    bottom: 0;
    text-align: center;
    padding-left: 6px;
}

.why-text {
    left: 53.9%;
    max-width: 63%;
    position: absolute;
    top: 48.6%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.why-title {
    color: #fff;
    font: 300 36px 'Rubik', sans-serif;
    margin-bottom: 20px;
    margin-top: 24px;
}

.why-text__line {
    font-size: 21px;
    color: #fff;
    line-height: 35px;
    margin-bottom: 32px;
    margin-top: 19px;
}

.why-text .btn-main {
    padding: 16px 58px;
}

    .why-text .btn-main:hover, .why-text .btn-main:focus {
        color: #000;
    }

@media screen and (max-width: 1122px) {
    .why-text__holder {
        left: 0;
        background: url(../img/why.jpg) no-repeat center / cover;
    }

        .why-text__holder:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            background-color: rgba(0, 0, 0, 0.7);
        }

    .why-img__holder {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .why {
        padding-top: 100%;
    }

    .why-title {
        font-size: 36px;
    }

    .why-text__line {
        font-size: 16px;
    }

    .why-text {
        max-width: 85%;
    }

    .why-text {
        left: 50%;
        position: absolute;
        top: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 414px) {
    .why-text {
        max-width: 90%;
    }
}

@media screen and (max-width: 320px) {
    .why {
        padding-top: 100%;
    }

    .why-title {
        font-size: 32px;
    }

    .why-text__line {
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 15px
    }

    .why-text .btn-main {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    /*    .why-text {
        max-width: 85%;
        padding-bottom: 50px;
        padding-top: 50px;
    }*/

}


/*** NUMBERS SECTION ***/

.numbers {
    padding-top: 130px;
    padding-bottom: 37px;
    overflow: hidden;
}

    .numbers .col-sm-4:nth-child(1) .numbers-img__holder img {
        margin-right: -5px;
        margin-top: -4px;
    }

    .numbers .col-sm-4:nth-child(1) .numbers-body {
        padding-right: 0;
    }

    .numbers .col-sm-4:nth-child(2) .numbers-img__holder img {
        margin-right: 16px;
        margin-top: -3px;
    }

    .numbers .col-sm-4:nth-child(2) .numbers-body {
        padding-right: 13px;
    }

    .numbers .col-sm-4:nth-child(3) .numbers-img__holder img {
        margin-left: 14px;
        margin-top: -2px;
        margin-bottom: 5px;
    }

    .numbers .col-sm-4:nth-child(3) .numbers-body {
        padding-right: 0;
    }

.numbers-img__holder {
    text-align: center;
    margin-bottom: 13px;
    ;
}

.number-img {
    max-width: 279px;
    max-height: 255px;
    margin: 0 auto;
}

.numbers-body {
    font: 400 30px 'Rubik', sans-serif;
    margin: 0;
    text-align: center;
}

    .numbers-body span {
        display: block;
        text-align: center;
        color: #2b2b2b;
        line-height: 1;
    }

    .numbers-body .timer {
        font: 500 90px 'Rubik', sans-serif;
        line-height: 90px;
    }

    .numbers-body .number-line h2 {
        font-weight: normal;
        margin: 5px 0 0 0;
    }

@media screen and (min-width: 768px) and (max-width: 992px) {
    .number-img {
        max-width: 100%;
        max-height: 200px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    .numbers div[class^="col-"] {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 65px;
    }

    .numbers .row {
        margin: 0 -75.5px;
    }

    .numbers .container {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .numbers div[class^="col-"] {
        margin-bottom: 40px;
    }

    .numbers .col-sm-4:nth-child(1) .numbers-img__holder img, .numbers .col-sm-4:nth-child(1) .numbers-body, .numbers .col-sm-4:nth-child(2) .numbers-img__holder img, .numbers .col-sm-4:nth-child(2) .numbers-body, .numbers .col-sm-4:nth-child(3) .numbers-img__holder img, .numbers .col-sm-4:nth-child(3) .numbers-body {
        margin: 0 auto;
        padding: 0;
    }
}


/*** PROJECTS SLIDER ***/

section.projects-slider {
    height: 60%;
}

.owl-projects-slide .owl-stage-outer {
    padding-top: 0;
    position: relative;
    min-height: 0;
    height: 70vh;
}

.project-details-content .owl-projects-slide .owl-stage-outer {
    height: auto;
}

.projects-slider .owl-carousel .owl-stage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.projects__item .badge {
    background-color: rgba(72, 30, 118, 0.8);
    -webkit-border-radius: 300px 0 0 300px;
    border-radius: 300px 0 0 300px;
    color: #fff;
    font-size: 50px;
    letter-spacing: -0.1px;
    padding: 28px 136px 31px 48px;
    position: absolute;
    top: 86px;
    font-weight: 300;
}

.projects-slider .owl-dots {
    bottom: 30px;
    position: absolute;
    left: 47.5%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.projects-slider .owl-dot {
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    background: transparent;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    float: right;
    margin-left: 12.5px;
    margin-right: 12.5px;
}

    .projects-slider .owl-dot.active {
        background: #fff;
    }

.owl-carousel, .owl-carousel .owl-item {
    height: 100%;
}

.projects__item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
}

.owl-carousel .owl-item img {
    width: 100%;
    height: auto;
}

.projects__item--1 {
    background: url(../img/slide-1.jpg) no-repeat left center / cover;
}

.projects__item--2 {
    background: url(../img/slide-2.jpg) no-repeat left center / cover;
}

.projects__item--3 {
    background: url(../img/slide-1.jpg) no-repeat left center / cover;
}

.projects__item--4 {
    background: url(../img/slide-2.jpg) no-repeat left center / cover;
}

.projects__item--5 {
    background: url(../img/slide-2.jpg) no-repeat left center / cover;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .projects__item .badge {
        font-size: 24px;
        padding: 19px 123px 19px 42px;
        top: 50px;
    }
}

@media screen and (max-width: 768px) {
    .projects__item .badge {
        font-size: 18px;
        top: 30px;
        padding: 15px 58px 15px 35px;
    }

    .projects-slider .owl-stage-outer {
        padding-top: 53%;
    }

    .projects-slider .owl-dot {
        margin-left: 4.5px;
        margin-right: 4.5px;
        height: 10px;
        width: 10px;
    }
}


/*** CONTACT SECTION ***/

.contact {
    position: relative;
}

#homeMap {
    height: 100%;
}

.homeMap {
    position: absolute;
    right: 0;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 49.4%;
    float: right;
}

.contact-list {
    padding-right: 0;
}

.contact-list__item {
    font: 400 18px 'Rubik', sans-serif;
    line-height: 23px;
    color: #2b2b2b;
    margin-bottom: 22px;
}

    .contact-list__item a {
        color: #2b2b2b;
    }

        .contact-list__item a:hover, .contact-list__item a:focus {
            text-decoration: none;
        }

    .contact-list__item .ficon {
        color: #ef408e;
        font-size: 32px;
        vertical-align: middle;
        margin-left: 18px;
    }

    .contact-list__item:nth-child(2) .ficon {
        margin-top: -2px;
    }

.contact-form {
    max-width: 537px;
    padding-right: 72px;
}

    .contact-form .form-control {
        margin-bottom: 0;
        margin-top: -1px;
    }

.contact-form__holder {
    text-align: right;
    padding-right: 27px;
    padding-left: 50px;
    padding-top: 38px;
    width: 50%;
    float: left;
}

.contact-form__title {
    color: #030b0c;
    display: inline-block;
    font: 300 36px 'Rubik', sans-serif;
    margin-bottom: 28px;
    margin-right: 7px;
    margin-top: 15px;
}

.contact-form__holder div.input-holder, .contact-form__holder label.control-label, .contact-form__holder div.checkbox-holder {
    float: right;
    padding: 22px 0 0 0;
}

.contact-form__holder label.control-label {
    padding-top: 30px;
    text-align: right;
}

.contact-form__holder .message-group label.control-label {
    padding-top: 4px;
}

.main-form .form-group.message-group {
    margin-bottom: 16px;
}

.message-group .control-label {
    line-height: 1;
}

label.control-label {
    width: 20.5%;
    text-align: center;
}

.input-holder, .checkbox-holder {
    border-radius: 100px;
    padding: 0;
}

.about-form__body .input-holder {
    width: 100%;
}

.checkbox-holder {
    margin-right: 20.5%;
}

.contact-form .btn {
    float: left;
    margin-left: -5px;
    margin-top: 6px;
    margin-bottom: 9px;
}

.main-form {
    padding-bottom: 40px;
}

    .main-form .form-group {
        margin-bottom: 6px;
    }

        .main-form .form-group:nth-last-child(2) {
            margin-bottom: 10px;
        }

    .main-form textarea.form-control {
        min-height: 156px;
    }

    .main-form select.form-control {
        margin-top: 0;
        margin-bottom: 10px;
    }

.checkbox-holder .checkbox input[type="checkbox"], .checkbox-holder .checkbox-inline input[type="checkbox"], .checkbox-holder .radio input[type="radio"], .checkbox-holder .radio-inline input[type="radio"] {
    margin-right: -20px;
}

@media screen and (min-width: 768px) {
    .contact-form .btn-holder {
        margin-right: 25%;
    }
}

.checkbox-holder .checkbox label, .checkbox-holder .radio label {
    padding-right: 20px;
}

.squaredFour {
    position: relative;
    white-space: nowrap;
    z-index: 20;
}

    .squaredFour label {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 0;
        margin-right: 13px;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        letter-spacing: -0.4px;
        white-space: normal;
    }

        .squaredFour label:before {
            content: '';
            width: 25px;
            height: 25px;
            cursor: pointer;
            position: absolute;
            margin-bottom: 0;
            top: 50%;
            right: 0;
            background: transparent;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #ccc;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .squaredFour label:after {
            content: '';
            height: 8px;
            right: 5px;
            opacity: 0;
            position: absolute;
            top: 50%;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            width: 14px;
            border: 3px solid transparent;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            -webkit-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
        }

        .squaredFour label:hover::after {
            opacity: 0.5;
        }

    .squaredFour input[type=checkbox] {
        visibility: hidden;
        width: 25px;
        float: right;
        margin-left: 6px;
    }

        .squaredFour input[type=checkbox]:checked + label:before {
            background: #fff;
            border-color: #ccc;
        }

        .squaredFour input[type=checkbox]:checked + label:after {
            opacity: 1;
            border-color: #ef408e;
        }

.checkboxes-blue .squaredFour input[type=checkbox]:checked + label:after {
    border-color: #76a9db;
}

.contact-form .control-label {
    font: 400 21px 'Rubik', sans-serif;
    color: #080a01;
}

    .contact-form .control-label em {
        color: #ef408e;
        font-size: 16px;
    }

@media screen and (max-width: 1366px) {
    .about div[class^="col-"], .numbers div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contentAbout .row, .numbers .row {
        margin-right: 0;
        margin-left: 0;
    }

    header nav .main-nav > li {
        padding: 0 11px;
    }
}

@media screen and (max-width:992px) {
    .contact-form__holder {
        width: 100%;
        float: left;
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .homeMap {
        position: relative;
        width: 100%;
        min-height: 100vh;
        float: right;
    }

    .contact-form {
        max-width: 100%;
        padding-right: 0;
    }

    .contact-form__holder div.input-holder, .contact-form__holder label.control-label, .contact-form__holder div.checkbox-holder {
        float: none;
    }

    header nav .logo img {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    .contact-list {
        width: 100%;
        float: right;
    }

    .contact-form {
        width: 100%;
        float: right;
    }

    .contact-list__item {
        font-size: 16px;
    }
}

@media screen and (max-width:480px) {
    .contact-list__item {
        font-size: 16px;
        padding-right: 40px;
        position: relative;
    }

        .contact-list__item .ficon {
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    label.control-label {
        width: 100%;
        text-align: right;
    }

    .contact-form__holder div.input-holder, .contact-form__holder label.control-label, .contact-form__holder div.checkbox-holder {
        float: right;
    }
}


/*** FOOTER ***/

footer {
    background-color: #272727;
    -webkit-box-shadow: 0 0 1px #1d1d1d;
    box-shadow: 0 0 1px #1d1d1d;
    padding: 27px 0 44px;
    position: relative;
}

    footer .row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

.footer-list__holder {
    border-right: 1px solid red;
}

.footer-contact__list {
    padding: 0;
    margin: 0;
}

.footer-list__item, .footer-list__link, .footer-nav__link, .footer-list__item a {
    font-size: 14px;
    color: #fff;
    display: block;
    margin-bottom: 22px;
}

.footer-list__link {
}

.footer-nav__link {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    margin-bottom: 26px;
}

.footer-list__item .ficon, .footer-list__link .ficon {
    color: #d0e342;
    padding-left: 9px;
    font-size: 21px;
    position: relative;
    top: 6px;
}

.footer-list__link:hover, .footer-list__link:focus, .footer-nav__link:focus, .footer-nav__link:hover {
    text-decoration: none;
    color: #d0e342;
}

.footer-box.links {
    padding-right: 43px;
}

.footer-box__title {
    color: #ffffff;
    margin-bottom: 24px;
    margin-top: 0;
    font: 300 28px 'Rubik', sans-serif;
}

footer .logo-footer {
    width: 26%;
}

.logo-footer img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -20px;
    margin-left: -35px;
    max-width: 65%;
}

footer .contacts-footer {
    width: 17.4%;
    display: block;
}

.contacts-footer .footer-box__title {
    margin-bottom: 21px;
}

footer .links {
    width: 21.9%;
}

footer .footer-socials {
    width: 24.09722%;
}

.footer-nav__list {
    padding: 0;
    margin: 0;
}

.footer-box:not(:first-of-type) {
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    padding-right: 15px;
}

.social-list {
    padding: 0;
    margin: 0;
    max-width: 193px;
}

.socisl-list__link {
    height: 40px;
    width: 40px;
    display: inline-block;
    background-color: red;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    float: right;
    margin-left: 3px;
    margin-top: -1px;
    margin-right: 4px;
    margin-bottom: 11px;
    float: left;
    border: 3px solid red;
}

    .socisl-list__link span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 21px;
        line-height: 1;
        vertical-align: middle;
    }

        .socisl-list__link span .ficon {
            vertical-align: top;
        }

.facebook-link {
    background-color: #537cbd;
    border-color: #537cbd;
}

    .facebook-link:focus, .facebook-link:hover {
        background-color: #fff;
        border-color: #537cbd;
    }

.twitter-link {
    background-color: #78cdf0;
    border-color: #78cdf0;
}

    .twitter-link:focus, .twitter-link:hover {
        background-color: transparent;
        border-color: #78cdf0;
    }

.linkedin-link {
    background-color: #1885c7;
    border-color: #1885c7;
}

    .linkedin-link:focus, .linkedin-link:hover {
        background-color: transparent;
        border-color: #1885c7;
    }

.google-plus-link {
    background-color: #4c4c4b;
    border-color: #4c4c4b;
}

    .google-plus-link:focus, .google-plus-link:hover {
        background-color: transparent;
        border-color: #4c4c4b;
    }

.youtube-link {
    background-color: #e9644b;
    border-color: #e9644b;
}

    .youtube-link:focus, .youtube-link:hover {
        background-color: transparent;
        border-color: #e9644b;
    }

.rss-link {
    background-color: #f39200;
    border-color: #f39200;
}

    .rss-link:focus, .rss-link:hover {
        background-color: transparent;
        border-color: #f39200;
    }

.pinterest-link {
    background-color: #ea5755;
    border-color: #ea5755;
}

    .pinterest-link:focus, .pinterest-link:hover {
        background-color: transparent;
        border-color: #ea5755;
    }

.copyright {
    background: #1d1d1d;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.copy {
    margin-bottom: 2px;
    color: #fff;
    font: 300 13px 'Rubik', sans-serif;
    padding: 14px 0 15px;
    margin-right: 9.8%;
}

.siteby {
    float: left;
    margin-left: 9.2%;
    padding: 10px 0 0;
}

    .siteby span {
        font: 300 16px 'Rubik', sans-serif;
        color: #fff;
        padding-right: 11px;
    }

@media screen and (min-width: 1200px) {
    .footer-box:not(:first-of-type) {
        padding-right: 35px;
        margin-bottom: 33px;
    }

    .footer-box.links {
        padding-right: 43px;
    }

    .footer-box.socials {
        padding-right: 18px;
    }

        .footer-box.socials .footer-box__title {
            padding-right: 13px;
        }

    .logo-footer {
        position: relative;
    }

        .logo-footer img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            margin-top: -20px;
            margin-left: -35px;
        }
}

@media screen and (max-width: 1500px) {
    .logo-footer img {
        margin-left: -35px;
    }
}

@media screen and (max-width: 1200px) {
    footer .logo-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .logo-footer img {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    footer .logo-footer {
        width: 100%;
        text-align: center;
    }

    footer .contacts-footer {
        width: 100%;
        text-align: center;
        display: block;
    }

    footer .links {
        width: 100%;
        text-align: center;
    }

    footer .footer-socials {
        width: 100%;
        text-align: center;
    }

    .social-list {
        max-width: 50%;
        width: 100%;
        margin: 0 auto;
        display: inline-block;
    }

    .logo-footer img {
        margin-left: 0;
    }
}

@media screen and (max-width: 380px) {
    .social-list {
        max-width: 69%;
        width: 100%;
        margin: 0 auto;
        display: inline-block;
    }

    .copyright, .siteby {
        float: none;
        text-align: center;
        margin: 0;
    }
}


/*=== MEDIA 1600px ===*/

@media screen and (min-width: 1441px) and (max-width: 1600px) {
    header nav {
        min-height: 75px;
    }

        header nav .search {
            height: 75px;
            width: 75px;
            font-size: 24px;
        }
}

@media(max-width:1199px) {
    .container.contentAbout {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*** BANNERS ***/

.narrow-banner {
    padding-top: 21%;
    position: relative;
    min-height: 300px;
}

    .narrow-banner .badge {
        color: #000000;
        font: 300 50px 'Rubik', sans-serif;
        line-height: 1;
        position: absolute;
        top: 35px;
        right: 0;
        -webkit-border-radius: 300px 0 0 300px;
        border-radius: 300px 0 0 300px;
        padding-top: 29px;
        padding-right: 119px;
        padding-bottom: 29px;
        padding-left: 45px;
    }

        .narrow-banner .badge .heading {
            font: inherit;
            line-height: inherit;
            margin: 0;
            padding: 0;
        }


/*** BREADCRUMBS ***/

.breadcrumb {
    padding-right: 0;
    background: transparent;
    padding-top: 21px;
    margin-bottom: 0;
    font: 400 16px 'Rubik', sans-serif;
}

    .breadcrumb li a {
        color: #030b0c;
        text-decoration: none;
    }

    .breadcrumb > li + li::before {
        color: #ef408e;
    }

    .breadcrumb > li + li::before {
        content: "\f053";
        font-size: 9px;
        font-family: FontAwesome;
        -webkit-columns: #ef408e;
        -moz-columns: #ef408e;
        columns: #ef408e;
        vertical-align: middle;
        padding: 0 3px 0 9px;
        display: inline-block;
    }


/*** SERVICES PAGE ***/

.services-content__holder {
    padding-bottom: 51px;
}

.services-content {
    margin-bottom: 42px;
}

.services-banner {
    background: url(../img/services-banner.jpg)no-repeat center / cover;
}

    .services-banner .badge {
        background-color: #fed434;
        padding-left: 53px;
    }

.services-title {
    color: #030b0c;
    font: 300 50px 'Rubik', sans-serif;
    margin-bottom: 30px;
    margin-top: 10px;
}

.services-item {
    margin-bottom: 22px;
}

    .services-item a {
        text-decoration: none;
        color: #272727;
        font: 500 30px 'Rubik', sans-serif;
    }

.service-text {
    color: #030b0c;
    font: 300 21px 'Rubik', sans-serif;
    line-height: 1.24;
    margin-bottom: 22px;
}

.services-img__holder {
    padding-top: 39%;
    position: relative;
}

.service-item__img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.services-item__name {
    color: #272727;
    font: 500 30px 'Rubik', sans-serif;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

@media screen and (min-width: 768px) {
    .services-content__holder .container {
        padding-right: 9px;
        padding-left: 4px;
    }

    .services-content__holder div[class^="col-"] {
    }
}


/*** ABOUT US PAGE ***/

.about-content__holder .breadcrumb {
    margin-bottom: 14px;
}

.about-content__holder .container {
    padding-right: 0;
}

.about-content__holder .about-form__holder {
    padding-top: 5px;
    padding-right: 17px
}

.about-content__holder .about-form__name {
    padding-bottom: 19px;
}

.about-content__holder .about-form__body {
    padding-left: 31px;
    padding-right: 29px;
    padding-bottom: 21px;
}

    .about-content__holder .about-form__body .form-group textarea {
        min-height: 140px;
        padding-bottom: 0px;
    }

.about-content__holder .about-form {
    overflow: hidden;
}

.about-content__holder .btn-main {
    float: left;
    padding: 16px 30px;
    margin-left: 1px;
    margin-bottom: 19px;
}

    .about-content__holder .btn-main:hover {
        color: #fed434;
    }

.about-us-banner .badge {
    background: #fed434;
    padding-top: 29px;
    padding-right: 140px;
    padding-bottom: 29px;
    padding-left: 60px;
}

.narrow-banner.about-us-banner {
    background: url(../img/about-us.jpg) no-repeat center / cover;
    padding-top: 20%;
}

.about-form {
    background: url(/media/1913/contactbg.png) no-repeat 100% 100% #ee4392;
    border-radius: 25px;
    padding: 40px 0;
    background-size: 44%;
}

.about-us__text {
    color: #030b0c;
    font: 300 21px 'Rubik', sans-serif;
    line-height: 25px;
    margin-bottom: 27px;
    letter-spacing: 0.02px
}

.about-form__name {
    font: 600 36px 'Rubik', sans-serif;
    padding-right: 30px;
    padding-top: 13px;
    padding-bottom: 30px;
    color: #42247a;
}

.about-form__body {
    padding-left: 31px;
    padding-right: 29px;
    padding-bottom: 21px;
}

    .about-form__body .form-group {
        margin-bottom: 30px;
    }

        .about-form__body .form-group:last-of-type {
            margin-top: 26px;
        }

        .about-form__body .form-group textarea {
            min-height: 140px;
            max-height: 140px;
        }

.team .team-title {
    font-size: 50px;
    margin-top: 12px;
    margin-bottom: 31px;
}

.team .team-img_bl {
    width: 30.2%;
}

.team-member_bio_content {
    width: 69%;
    padding-left: 5px;
}

.team-member {
    margin-bottom: 95px;
}

.team-member__bio {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    margin-right: -3px;
}

.team-member__name {
    font-size: 42px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 19px;
    line-height: 35px;
}

.team-member__title {
    font: 500 24px 'Rubik', sans-serif;
    display: inline-block;
    margin-bottom: 17px;
    line-height: 32px;
}

    .team-member__title span {
        display: block;
    }

.team-member__desc {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 19px;
    letter-spacing: -0.1px;
    line-height: 27px;
}

    .team-member__desc span {
        display: block;
    }

.team-member__email a {
    font-size: 21px;
    color: #272727;
}

.team-member__email span {
    font-size: 30px;
    vertical-align: middle;
    color: #ef408e;
    display: inline-block;
    margin-left: 10px;
    margin-top: 6px;
    margin-right: 2px;
}

.project-details-content .about-form__body {
    display: table;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .about-content__holder div[class^="col-"] {
    }

    .about-form__text {
        width: 56.733%;
    }

    .about-form__holder {
        padding-top: 7px;
    }
}

@media(max-width:768px) {
    .form-top {
        min-width: 250px;
    }

    .narrow-banner .badge {
        font-size: 24px;
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        max-width: 95%;
        overflow: hidden;
    }

    .form-button-up, .form-button-down {
        right: -93px;
    }

        .form-button-up img {
            -webkit-transform: translate(-30%, -50%);
            -ms-transform: translate(-30%, -50%);
            transform: translate(-30%, -50%);
        }

    .input-holder, .checkbox-holder {
        margin: 0 auto;
        width: 100%;
    }

    .main-form {
        width: 80%;
        margin: 0 auto;
    }

    .contact-form__title {
        margin-right: -15px;
    }

    body label.control-label {
        width: 100%;
        text-align: right;
    }

    .contact-form .control-label em {
        padding-right: 5px;
    }

    .squaredFour {
        margin-right: 0;
    }

    .contact-form__holder div.input-holder, .contact-form__holder label.control-label, .contact-form__holder div.checkbox-holder {
        float: right;
    }

    .contactForm .squaredFour label {
        margin-right: 0;
    }

    .contact-list {
        width: 85%;
        display: table;
        margin: 0 auto;
    }

    .contact-form__title {
        font-size: 40px;
    }

    .checkbox-holder .col-xs-1, .checkbox-holder .col-xs-10 {
        float: right;
        margin-right: 0;
        padding-right: 0;
    }

    .breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-box:not(:first-of-type) {
        padding-right: 0;
    }

    .footer-box.links, .footer-box.socials {
        margin-top: 40px;
    }

    .footer-contact__list {
        padding-left: 15px;
    }

    .dropdown-menu {
        position: relative;
    }
}

@media(max-height: 765px) {
    .home-form .form-group, .form-control, .home-form .form-group:nth-last-child(2) {
        margin-bottom: 8px;
    }

    .form-control {
        padding-right: 19px;
    }

    select.form-control {
        margin-bottom: 8px;
        margin-top: 0;
    }

    .home-form__text {
        min-height: 80px;
    }

    .form-content-logo .form-name, .form-content-pen .form-name {
        margin-bottom: 5px;
    }

    .panel-content {
        padding: 0 10px 4px 3px;
    }

    .home-form .btn {
        padding: 10px 30px;
    }

    .form-content-logo .img-wrap {
        margin-left: 2%;
        margin-bottom: 2%;
        height: 9.5rem;
        width: 31%;
    }

    .form-button-up, .form-button-down {
        right: -82px;
    }

    .form-button-up, .form-button-down {
        -webkit-transform: scale(0.7) translateX(0%);
        -ms-transform: scale(0.7) translateX(0%);
        transform: scale(0.7) translateX(0%);
    }

    .form-top {
        bottom: 46px;
        min-width: 250px;
        top: auto;
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
    }

    .form-hide {
        -webkit-transform: scale(0.7) translateX(-100%);
        -ms-transform: scale(0.7) translateX(-100%);
        transform: scale(0.7) translateX(-100%);
    }
}

@media(max-height: 768px) and (max-width: 1366px) and (min-width: 768px) {
    header nav .search {
        height: 60px;
        width: 60px;
        ;
    }

    header nav .main-nav > li {
        min-height: 60px;
    }

        header nav, header nav .main-nav > li > a,
        header nav .search-bar {
            min-height: 60px;
        }

            header nav .search-bar input,
            header nav .search-bar label a {
                height: 60px;
            }

            header nav .main-nav .dropdown .dropdown-menu:after {
                top: 60px;
                height: 60px;
            }

            header nav .main-nav .dropdown .dropdown-menu a {
                padding: 18px 2.95rem;
            }

    .owl-carousel .owl-item img {
        width: 100%;
        height: auto;
        max-height: calc(100vh - 128px);
    }

    body {
        padding-top: 60px;
    }

    .about-title {
        margin-top: 13px;
    }

    header nav .main-nav > li:nth-child(n + 2) .dropdown-menu,
    header nav .main-nav > li:nth-child(n + 5) .dropdown-menu {
        top: 60px;
    }

    header nav .main-nav .dropdown .dropdown-menu:before {
        top: 60px;
        height: 60px;
    }
}

@media(max-height: 480px) {
    .form-top {
        top: 55px;
        bottom: auto;
    }

    .narrow-banner .badge {
        font-size: 21px;
        padding-top: 12px;
    }
}




/***PAST PROJECTS***/

.projects-content {
    margin-bottom: 41px;
}

.projects-banner {
    background: url(../img/past-banner.jpg) no-repeat center / cover;
}

    .projects-banner .badge {
        background-color: #ef408e;
    }

        .projects-banner .badge span {
            color: #fff;
        }

.projects-box {
    margin-top: 23px;
}

    .projects-box ul {
        list-style-type: none;
        text-align: center;
        padding-right: 0;
    }

    .projects-box .projects-navigation > li {
        display: inline-block;
        font: 400 36px/48px 'Rubik', sans-serif;
        padding: 6px 32px;
    }

        .projects-box .projects-navigation > li button {
            display: block;
            padding: 4px 0;
            line-height: 41px;
            text-decoration: none;
            color: #00adef;
            cursor: pointer;
            background: transparent;
            border: none;
            outline: none;
            font-size: 25px;
        }

            .projects-box .projects-navigation > li button:before, .projects-box .projects-navigation > li button:after {
                content: "";
                display: block;
                width: 0;
                height: 3px;
                background-color: #00adef;
                -webkit-transition: width 0.8s 0.1s ease;
                transition: width 0.8s 0.1s ease;
                margin: 0 auto;
            }

            .projects-box .projects-navigation > li button:not(.mixitup-control-active):hover:before, .projects-box .projects-navigation > li button:not(.mixitup-control-active):hover:after, .projects-box .projects-navigation > li button.mixitup-control-active:before, .projects-box .projects-navigation > li button.mixitup-control-active:after {
                width: 100%;
            }

    .projects-box .projects-box-content {
        margin-top: 39px;
        text-align: center;
    }

        .projects-box .projects-box-content a {
            text-decoration: none;
            display: flex;
            flex-direction: column;
        }

.project-details-content .projects-box .projects-box-content a {
    float: right;
}

.projects-box .projects-box-content img {
    display: block;
    width: 100%;
}

.projects-box .projects-box-content .projects-title {
    display: block;
    font: 400 30px/48px 'Rubik', sans-serif;
    padding-left: 13px;
    margin-top: 6px;
    color: #272727;
}

.projects-box-content .box > div {
    margin-bottom: 24px;
    float: right;
    padding-right: 15px;
}

    .projects-box-content .box > div:nth-child(2n+2) {
        padding-right: 11px
    }

@media screen and (max-width:768px) {
    .projects-box-content .row {
        margin-right: 0;
        margin-left: 0;
    }

    .projects-box .projects-box-content {
        margin-top: 25px;
    }

        .projects-box .projects-box-content img {
            margin: 0 auto;
        }

    .projects-box .projects-navigation > li {
        font-size: 29px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .projects-box .projects-box-content h3 {
        font-size: 24px;
    }
}

@media screen and (max-width:767px) {
    .projects-box-content .box > div {
        float: none;
    }
}

@media screen and (max-width:480px) {
    .projects-box .projects-navigation > li {
        font-size: 20px;
    }

    .narrow-banner .badge {
        font-size: 21px;
        padding-top: 12px;
    }
}


/***CONTACT***/

.contact_content {
    position: relative;
    margin-bottom: 6px;
}

.contact-banner {
    padding-top: 20.7%;
    background: url(../img/contact-banner.jpg) no-repeat left center / cover;
}

    .contact-banner .badge {
        background-color: #d0e342;
    }

.contact_content .contact-form__holder {
    width: 56%;
    padding-right: 46px;
}

.contact_content .homeMap {
    width: 42.8%;
}

.contact_content .contact-list {
    width: 47.5%;
    float: right;
}

    .contact_content .contact-list:nth-child(2) {
        margin-right: 10px;
    }

.contact_content .main-form {
    clear: both;
}

.contact_content .title {
    display: block;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 25px;
}

.contact_content .contact-form__holder {
    padding-top: 26px;
}

.contact_content .contact-list__item .ficon {
    margin-left: 12px;
    margin-top: -5px;
    margin-right: -1px;
    font-size: 30px;
}

.contact_content .contact-list__item {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 40px;
    clear: both;
}

    .contact_content .contact-list__item > span {
        display: block;
    }

        .contact_content .contact-list__item > span:not(.address) {
            float: right;
        }

.contact_content .contact-form {
    max-width: 635px;
    padding-right: 64px;
}

.contact_content .contact-form__title {
    font-size: 36px;
}

.contact_content .contact-form__title {
    font-size: 36px;
    margin-top: 3px;
    margin-bottom: 30px;
    margin-right: 0;
    font-weight: 400;
}

.contact_content .contact-form .control-label {
    width: 17.3%;
    font-size: 18px;
    margin-top: 3px;
    padding-right: 1px;
    ;
}

.contact_content .message-group .control-label {
    margin-top: 0;
}

.contact_content .contact-form .checkbox-holder {
    margin-right: 17.3%;
}

.contact_content .contact-form .checkbox-label {
    font-size: 18px;
    margin-top: 3px;
    margin-right: -5px;
    letter-spacing: 0;
}

.contact_content .contact-form .btn {
    margin-top: 3px;
    margin-left: 18px;
}

.contact_content label.error {
    top: -4px;
    margin-bottom: 0;
    position: relative;
}

.contact_content .squaredFour label {
    font-size: 18px;
    margin-right: 8px;
    letter-spacing: 0;
}

.contact_content .main-form .form-group.message-group {
    margin-bottom: 19px;
}

.contact_content .squaredFour label:before {
    top: 45%;
    right: 2px;
}

.contact_content .squaredFour label:after {
    height: 9px;
    top: 32%;
    right: 7px;
}

@media screen and (max-width: 1170px) {
    .contact_content .title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .contact_content .contact-list__item {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .contact_content .contact-list__item {
        font-size: 16px;
    }

        .contact_content .contact-list__item .ficon {
            font-size: 25px;
        }

    .contact_content .contact-list {
        width: 50%;
    }

    .contact_content .contact-form__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 992px) {
    .contact_content .homeMap, .contact_content .input-holder, .contact_content .contact-form__holder {
        width: 100%;
    }

    .contact_content .contact-form {
        float: none;
        padding-right: 0;
    }

        .contact_content .contact-form .checkbox-holder {
            margin-right: 0;
        }

    .contact_content .form-horizontal .form-group {
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .contact_content .contact-form {
        padding-right: 0;
    }

    .contact_content .contact-list {
        width: 50%;
        padding-right: 5%;
    }

    .contact_content .main-form {
        width: 90%;
    }
}

@media screen and (max-width: 640px) {
    .contact_content .contact-list, .contact_content .contact-form .control-label {
        width: 100%;
    }

    .contact_content .contact-form .checkbox-label {
        margin-right: 10px;
    }
}

@media screen and (max-width: 414px) {
    .contact_content .contact-form .btn {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}


/***NEWS LOBBY***/

.lobby-banner {
    background: url(../img/news-lobby-banner.jpg) no-repeat left center / cover;
}

    .lobby-banner .badge {
        background-color: #d0e342;
    }

.lobby-content .breadcrumb {
    padding: 19px 8px 18px 15px;
}

.lobby-content .lobby-news-wrap {
    margin-top: 20px;
    padding: 0 8px;
}

.lobby_img_holder {
    position: relative;
    text-align: center;
}

    .lobby_img_holder .lobby_badge {
        position: absolute;
        top: 5%;
        right: 0;
        background-color: #fff;
        padding: 0 6px 0 30px;
        -webkit-border-radius: 300px 0 0 300px;
        border-radius: 300px 0 0 300px;
        min-height: 64px;
        vertical-align: middle;
        line-height: 62px;
    }

.lobby_badge_logo {
    width: 100%;
}

.lobby_item_body {
    padding: 0 5px 64px 7px;
}

    .lobby_item_body .btn {
        margin-top: 5px;
        width: 100%;
        padding-top: 16px;
        padding-bottom: 16px;
    }

.lobby_news_title {
    min-height: 40px;
    font: 400 28px/35px 'Rubik', sans-serif;
    text-align: center;
    color: #272727;
    margin-top: 25px;
    margin-bottom: 3px;
    letter-spacing: -0.8px;
}

.lobby_text_news {
    text-align: center;
    letter-spacing: -0.2px;
}

.lobby_box {
    max-width: 370px;
    margin-bottom: 63px;
    padding: 0 14px 0 14px;
}

    .lobby_box img.img-responsive {
        width: 100%;
        max-width: 340px;
        max-height: 340px;
        margin: 0 auto;
        border: 1px solid #d8d8d8;
    }

    .lobby_box .badge img {
        width: auto;
        height: 50px;
        max-width: 100%;
    }

.lobby-news-wrap .about-item__footer {
    width: 86.3%;
    left: 50.5%;
}

.lobby-news-wrap .btn:hover {
    color: #272727;
}

.lobby_box:nth-child(3n+2) {
    margin-right: 3.1%;
    margin-left: 3.1%;
}

.lobby_box:nth-last-child(4), .lobby_box:nth-last-child(2), .lobby_box:nth-last-child(3) {
    #opacity: 0;
}

.lobby_more_news {
    position: relative;
    top: -30px;
    text-align: center;
    clear: both;
    padding-left: 9px;
}

    .lobby_more_news .more_news_link {
        font: 400 36px/48px 'Rubik', sans-serif;
        color: #00adef;
    }

        .lobby_more_news .more_news_link:hover {
            text-decoration: underline;
        }

@media screen and (max-width: 1199px) {
    .lobby_box:nth-child(3n+2) {
        margin-right: 0;
        margin-left: 0;
    }

    .lobby-news-wrap .row {
        margin: 0;
    }

    .lobby-content .breadcrumb {
        padding-right: 15px;
    }

    .lobby_more_news {
        padding-left: 0;
    }
}

@media screen and (max-width: 992px) {
    .lobby_news_title {
        font-size: 20px;
        line-height: 30px;
    }

    .lobby_text_news {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .lobby_box {
        max-width: 100%;
        width: 100%;
    }

    .lobby_item_body .btn {
        width: auto;
    }

    .lobby_img_holder img {
        max-width: 100%;
    }

    .lobby-news-wrap {
        padding: 80px;
    }

    .lobby_news_title {
        min-height: 0;
    }
}

@media screen and (max-width: 480px) {
    .lobby-news-wrap {
        padding: 0;
    }
}


/***ARTICLE PAGE***/

.article-banner {
    background: url(../img/article-banner.jpg) no-repeat left center / cover;
    padding-top: 34.8%;
}

    .article-banner .badge {
        background-color: #fed434;
    }

.article-content .article_image {
    float: left;
    padding: 14px 15px 15px 0;
}

.article-content .breadcrumb {
    padding-top: 17px;
    padding-right: 8px;
}

.article_content {
    margin-top: 36px;
    padding-bottom: 69px;
    padding-right: 8px;
    padding-left: 7px;
    width: 100%;
}

.article-content p {
    font-size: 18px;
    color: #030b0c;
    line-height: 23px;
    margin-bottom: 15px;
    padding-left: 10px;
    letter-spacing: 0.02px;
}

@media screen and (max-width: 768px) {
    .article_content {
        padding: 0;
    }

    .article-content .row {
        margin: 0;
    }

    .article-content .article_image {
        float: none;
        margin: 0 auto;
    }

    .article-content .article_image {
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 414px) {
    .article-banner .badge {
        font-size: 24px;
    }
}


/***PROJECT INITIATION***/

.project-initiation-banner {
    background: url(../img/project-initiation-banner.jpg) no-repeat left center / cover;
    padding-top: 34.7%;
}

    .project-initiation-banner .badge {
        background-color: #ef408e;
        padding-left: 61px;
        color: #fff;
    }

.article_initiation-content .article_content {
    margin-top: 22px;
    margin-bottom: 34px;
}

.article_initiation-content .breadcrumb {
    padding-top: 19px;
    padding-right: 6px;
}

.article_initiation-content .article_title {
    font: 300 50px 'Rubik';
}

.article_initiation-content .about-content {
    margin-top: 26px;
}

.article_initiation-content .about-form__holder {
    width: 42%;
    padding-top: 7px;
    padding-right: 18px;
    padding-left: 0;
}

.article_initiation-content .about-form__body, .project-details-content .about-form__body {
    padding-bottom: 0;
}

    .article_initiation-content .about-form__body input {
        margin-top: 8px;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .article_initiation-content .about-form__body input {
        padding-right: 15px;
    }
}

.article_initiation-content .btn-main, .project-details-content .btn-main {
    float: left;
    padding: 10px 30px;
    margin-left: 1px;
    margin-bottom: 19px;
}

.article_initiation-content .form-control {
    margin-bottom: 21px;
}

.article_initiation-content .about-form__body .form-group:last-of-type {
    margin-top: 26px;
}

.article_initiation-content .about-us__text {
    font: 300 21px 'Rubik', sans-serif;
    line-height: 1.24;
    margin-bottom: 22px;
    font-size: 21px;
    color: #030b0c;
    line-height: 25px;
    margin-bottom: 26px;
    padding-left: 10px;
}

@media screen and (max-width: 1366px) {
    .article_initiation-content .about-form__holder {
        padding-left: 15px;
        padding-right:
    }

    .footer-box.links {
        padding-right: 30px;
    }

    .footer-nav__list .footer-nav__item:nth-child(odd) {
        padding-left: 13px;
    }

    .footer-box:not(:first-of-type) {
        padding-right: 20px;
        margin-bottom: 33px;
    }
}

@media screen and (max-width: 768px) {
    .article_initiation-content .article_row {
        margin-left: 0;
        margin-right: 0;
    }

    .article_initiation-content .breadcrumb {
        padding-left: 0;
        padding-right: 0;
    }

    .article_initiation-content .about-form__holder {
        width: 100%;
        margin-bottom: 26px;
    }

    .article_initiation-content .about-form__text {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .article_initiation-content .about-form__holder {
        width: 100%;
        margin-bottom: 26px;
    }

    .article_initiation-content .article_title {
        font-size: 35px;
    }
}

@media screen and (max-width: 414px) {
}


/***PROJECT DETAILS***/

.project-details-banner {
    background: url(../img/project-details-banner.jpg) no-repeat left center / cover;
    padding-top: 34.7%;
}

    .project-details-banner .badge {
        padding-left: 99px;
        background-color: #00adef;
        color: #fff;
    }

.project-details-content .container {
    padding: 0 12px;
}

.project-details-content p {
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 23px;
}

.project-details-content .business_info {
    padding: 0;
}

.project-details-row {
    margin-right: -7px;
}

.project-details-content .section-content {
    margin-top: 3px
}

.project-details-content h2.title,
h2.title {
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 27px;
}

.project-details-content .breadcrumb {
    padding-top: 20px;
}

.project-details-content .logo_wrap {
    margin-top: 14px;
}

.logo_wrap .logo_meron {
    float: left;
    max-width: 45%;
}

.project-details-content .owl-stage-outer {
    min-height: 480px;
}

.project-details-content .projects-slider {
    margin-top: 3px;
}

    .project-details-content .projects-slider .owl-dots {
        left: 48.6%;
    }

    .project-details-content .projects-slider .owl-dots {
        bottom: 14px;
    }

.project_details_slide_1 {
    background: url("../img/project_details_slide_1.jpg") no-repeat center / cover;
}

.project_details_slide_2 {
    background: url("../img/project_details_slide_1.jpg") no-repeat center / cover;
}

.project_details_slide_3 {
    background: url("../img/project_details_slide_1.jpg") no-repeat center / cover;
}

.project_details_slide_4 {
    background: url("../img/project_details_slide_1.jpg") no-repeat center / cover;
}

.project_details_slide_5 {
    background: url("../img/project_details_slide_1.jpg") no-repeat center / cover;
}

.project-details-content .business_info {
    width: 56.333333%;
    padding-left: 30px;
}

.business_info ul {
    padding-right: 12px;
}

.business_info li {
    color: #ef408e;
    line-height: 45px;
}

    .business_info li > span {
        font-size: 21px;
        color: #030b0c;
    }

.project-details-content .slider_inner {
    width: 43.666667%;
    padding-left: 9px;
    padding-right: 21px;
}

.project-details-content .about-form__holder {
    width: 100%;
    margin-top: 17px;
}

.project-details-content .about-form__name {
    padding-top: 13px;
    padding-bottom: 18px;
}

.project-details-content textarea.form-control {
    max-height: 140px;
}

.section_text_info-2 {
    margin-top: 56px;
}

    .section_text_info-2 h3 {
        font-size: 35px;
        margin-bottom: 11px;
    }

.floor_plans {
    margin-top: 36px;
}

.floor_plans_container {
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
}

.floor_plans .floor_plans_bl {
    position: relative;
    margin-bottom: 57px;
}

    .floor_plans .floor_plans_bl img {
        padding: 0 9px;
    }

    .floor_plans .floor_plans_bl .badge {
        position: absolute;
        top: 50%;
        background-color: rgba(254, 212, 52, 0.9);
        padding: 16px 35px;
        font-size: 21px;
        color: #030b0c;
        -webkit-border-radius: 300px;
        border-radius: 300px;
        line-height: 16px;
        min-width: 65%;
        display: inline-table;
        align-self: center;
        left: auto;
        right: auto;
    }

.more_plans {
    text-align: center;
    position: relative;
    top: -4px;
    padding-left: 22px;
}

    .more_plans .btn_more {
        font: 400 36px/48px 'Rubik', sans-serif;
        color: #00adef;
    }

.project-details-content .map-holder {
    height: 400px;
    position: relative;
    overflow: hidden;
    position: relative;
}

.project-details-content .logo-map {
    bottom: 0;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 13px;
    width: 100%;
}

.project-details-map {
    margin-top: 40px;
    margin-bottom: 12px;
}

@media screen and (max-width: 1199px) {
    .projects-slider .owl-dot {
        height: 12px;
        width: 12px;
        margin-left: 7.5px;
        margin-right: 7.5px;
    }
}

@media screen and (max-width: 991px) {
    .business_info li > span, .project-details-content p {
        font-size: 18px;
    }

    .project-details-content .owl-stage-outer {
        min-height: 390px;
    }

    .project-details-content .row {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .project-details-content .slider_inner, .project-details-content .business_info, .floor_plans .floor_plans_bl {
        width: 100%;
    }

    .project-details-content .slider_inner {
        padding: 0;
    }

    .floor_plans .floor_plans_bl img {
        width: 100%;
    }

    .project-details-content .business_info {
        padding-left: 0;
    }
}

@media screen and (max-width: 414px) {
    .section_text_info-2 h3 {
        font-size: 26px;
    }

    .project-details-content h2.title, .project-details-map h2.title {
        font-size: 36px;
        margin-bottom: 20px;
    }
}


/***MAP PAGE***/

.map-content {
    position: relative;
}

    .map-content .map-holder {
        height: 525px;
        position: relative;
        min-height: 100%;
        min-height: -webkit-calc(100vh - 75px);
        min-height: calc(100vh - 75px);
        overflow: hidden;
        position: relative;
    }

    .map-content .logo-map {
        bottom: 0;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
    }

    .map-content .filter-box {
        background: rgba(255, 255, 255, .89);
        -webkit-border-radius: 4px;
        border-radius: 4px;
        max-height: 508px;
        padding: 15px 41px 28px;
        position: absolute;
        top: 80px;
        right: 0;
        width: 369px;
    }

        .map-content .filter-box .box {
            margin-bottom: 28px;
        }

            .map-content .filter-box .box:last-of-type {
                margin-bottom: 0;
            }

        .map-content .filter-box .box-title {
            color: #272727;
            font: 400 30px 'Rubik', sans-serif;
            letter-spacing: -.2px;
            margin: 0 -2px 18px 0;
        }

        .map-content .filter-box .title-smaller {
            font-size: 24px;
            margin-bottom: 24px;
        }

        .map-content .filter-box .squaredFour {
            margin-bottom: 43px;
        }

            .map-content .filter-box .squaredFour label {
                letter-spacing: .45px;
                margin-right: 11px;
            }

            .map-content .filter-box .squaredFour:last-of-type {
                margin-bottom: 0;
            }

@media screen and (max-height: 700px) {
    .map-content .filter-box .box {
        margin-bottom: 17px;
    }

    .map-content .filter-box .box-title {
        margin: 0 0 11px;
    }

    .map-content .filter-box .squaredFour {
        margin-bottom: 23px;
    }
}

@media screen and (max-width: 767px) {
    .map-content .filter-box {
        height: auto;
        top: auto;
        right: auto;
        position: relative;
        width: 100%;
    }

        .map-content .filter-box .box {
            float: right;
        }
}

@media screen and (max-width: 480px) {
    .map-content .filter-box .box {
        clear: both;
        float: none;
        width: 100%;
    }

    .narrow-banner {
        min-height: 0;
    }

    .projects-slider .owl-dot {
        height: 18px;
        width: 18px;
        border: 1px solid #888;
        background: rgba(0,0,0,0.5);
        margin-top: 7px;
    }

    .h1, h1 {
        font-size: 28px;
    }

    .project-details-content p {
        margin-bottom: 7px;
        line-height: 22px;
        font-size: 17px;
    }

    .about-form__body {
        height: auto !important;
        display: table;
        width: 100%;
    }

    .badge h1 {
        margin: 15px 0 20px;
    }

    .lobby_box .badge {
        max-width: 50%;
    }

        .lobby_box .badge img {
            max-width: 100%;
            height: auto;
            max-height: 40px
        }

    .projects-box-content h2 {
        font-size: 20px;
        margin: 10px 0 40px;
    }

    .about-content__holder .container {
        padding-right: 15px;
    }

    .team-member_bio_content {
        width: 100%;
    }

    .team .team-img_bl {
        width: 100%;
    }

    .team-member__name {
        font-size: 34px;
        font-weight: 400;
        margin: 10px 0 9px 0;
        line-height: 35px;
    }

    .team-member {
        margin-bottom: 55px;
    }

    .team .team-title {
        font-size: 36px;
    }

    .lobby-content .breadcrumb {
        display: none;
    }

    .floor_plans {
        margin-top: 0;
    }

    .owl-stage-outer {
        min-height: 0;
    }

    .projects__item .badge {
        padding: 15px 20px 15px;
        max-width: calc(100% - 50px);
        z-index: 1000;
        width: 95%;
    }

    .badge h2 {
        font-size: 20px;
        white-space: normal;
        text-align: center;
        margin: 10px 0;
    }

    .why {
        padding-top: 0;
        position: static;
        width: 100%;
    }

    .why-img__holder {
        position: static;
        padding: 30px 25px;
        float: right;
        display: block;
        height: 225px;
        width: 100%;
    }

    .why-text__holder {
        left: 0;
        background: url(../img/why.jpg) no-repeat center / cover;
        position: static;
        padding: 10px 25px 30px;
    }

    .why-text {
        position: static;
        display: table;
        max-width: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 18px;
        line-height: 27px;
    }

    .why-text__holder:before {
        display: none;
    }

    .numbers {
        padding-top: 80px;
    }

    .row.row-eq-height-reverse .lobby_box {
        margin-bottom: 50px;
    }

    .about .about-header {
        padding: 0 20px;
    }

    section.projects-slider {
        height: auto;
        max-height: 60%;
        min-height: 100px;
    }

    .projects__item {
        height: auto;
    }

    .projects-box .projects-box-content .imgFrame {
        height: auto;
        max-height: 200px;
    }

    .contact-form__holder div.input-holder, .contact-form__holder label.control-label, .contact-form__holder div.checkbox-holder {
        padding: 5px 0 0 0;
    }

    .contact-form__holder label.control-label {
        padding-top: 10px;
    }

    .col-sm-12.text-left.btn-holder.sendForm {
        margin: 20px 0 20px;
    }

    .contact-form__title {
        margin-bottom: 10px;
    }

    .footer-box:not(:first-of-type) {
        padding: 0 20px;
    }

    footer .contacts-footer {
        text-align: right;
        padding: 0 20px;
    }

    footer .links {
        text-align: right;
    }

    .footer-box__title {
        text-align: right;
    }

    footer {
        padding: 27px 0 90px;
    }

    .social-list li {
        float: right;
    }

    .social-list {
        max-width: none;
        width: 100%;
    }

    .footer-nav__link {
        margin-bottom: 16px;
    }

    header nav .search-bar.open input {
        padding-left: 112px;
    }

    .searchresults {
        word-break: break-all;
        max-width: 100%;
    }

    header nav .main-nav .dropdown.open ul {
        opacity: 1;
        display: block;
    }

    header nav .main-nav > li a {
        display: block;
        min-height: 0;
    }

    .article_content {
        width: 100% !important;
    }

    .floor_plans .floor_plans_bl .badge {
        font-size: 19px;
        word-break: break-word;
        width: 90%;
        right: 5%;
        padding: 16px 10px;
        overflow: hidden;
        transform: none;
        min-width: 50px;
        text-align: center;
        height: auto;
        white-space: normal;
        line-height: 27px;
        display: inline-table;
        margin: 0;
    }

    .projects-slider .owl-dots {
        bottom: 6px;
        width: 72%;
        display: flex;
        justify-content: center;
    }

    header nav .main-nav > li:nth-child(n + 2) .dropdown-menu,
    header nav .main-nav > li:nth-child(n + 5) .dropdown-menu {
        position: relative;
    }

    header nav .main-nav > li > a.active {
        box-shadow: none;
    }

    .footer-nav__list .footer-nav__item {
        width: 100%;
    }

    .projects-box .projects-navigation > li button:before, .projects-box .projects-navigation > li button:after {
        content: none;
    }

    .projects-box .projects-navigation > li button.mixitup-control-active {
        border-top: 3px solid #00adef;
        border-bottom: 3px solid #00adef;
    }

    header nav .main-nav.open {
        overflow: scroll;
        max-height: 100vh;
        padding: 0 0 14px;
    }

    .homePage .owl-stage-outer {
        height: auto;
    }

    .article_content img.map {
        max-width: 100%;
    }

    .footer-socials iframe {
        min-height: 30px;
    }


    header nav .navbar-toggle {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        align-self: flex-start;
        position: absolute;
        right: 0;
        z-index: 1000;
    }

    header nav .search, header nav .logo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3;
        align-self: flex-start;
        position: absolute;
        z-index: 1000;
    }

    header nav .search {
        z-index: 100000;
        left: 0;
        top: 0;
    }

    header nav .logo {
        top: 27px;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: none;
        min-width: 100%;
        right: 0;
        width: 100%;
        padding: 0;
    }

    .navbar-fixed-top .navbar-collapse {
        position: absolute;
        top: 55px;
        background: #fff;
        right: 0;
        left: 0;
    }

    header nav .main-nav {
        margin-top: 0;
        overflow: auto;
        max-height: calc(100vh - 55px);
        padding: 0;
    }

        header nav .main-nav .dropdown.open .dropdown-menu {
            display: block;
            float: left;
            position: initial;
        }

    .article-content .row {
        margin: 20px 0;
        width: 100% !important;
    }

    .projects-box-content .badge {
        border-radius: 300px;
        margin-right: auto;
        margin-left: auto;
        left: 0;
        right: 0;
        width: calc(100% - 55px);
    }

    .ekko-lightbox .modal-dialog {
        width: 96vh;
        margin: 10vh 2vh;
    }

    .ekko-lightbox-nav-overlay a {
        opacity: 1;
    }

        .ekko-lightbox-nav-overlay a span {
            width: 30px;
            height: 30px;
            font-size: 21px;
            padding: 3px;
            vertical-align: middle;
            display: table;
            margin: 0 6px;
        }

    .tableDiv, .tableDiv .article_content-right, .tableDiv .article_content-left {
        display: block;
    }

    .innerContact {
        width: 100%;
    }

    .close:focus, .close:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .article-content .btn {
        margin-bottom: 15px;
    }

    .thanks-title {
        font-size: 19px;
    }

    .thanks-txt {
        font-size: 17px;
    }

    .iframePage .footerBanne {
        background-size: 70%;
    }

    header nav .main-nav .dropdown .dropdown-menu:before {
        content: none;
    }

    .project-details-content .about-form__holder.about-form__holderMobile {
        padding: 0 15px 20px;
    }

    .modal-open {
        overflow: hidden;
        height: 100vh;
    }

    .copy {
        margin-right: 0;
    }

    .copyright {
        padding-top: 20px;
    }
}

@media screen and (max-width: 320px) {

    .about-form__name {
        font: 600 30px 'Rubik', sans-serif;
    }

    .about-form__body {
        padding: 0 13px;
    }

    .about-form__name {
        padding-right: 13px;
        padding-left: 13px;
    }

    .article-content .btn {
        margin-left: 0;
        padding: 12px 36px;
    }
}


@media screen and (max-width: 415px) {
    .map-content .map-holder {
        height: 175px;
        min-height: 0;
        /*min-height: -webkit-calc(100vh - 55px);
        min-height: calc(100vh - 55px);*/
    }
}


/*user1st*/
#u1stLogoContainer {
    top: inherit;
    bottom: 0;
    left: inherit !important;
    right: 0;
}

.u1st_content.u1st_position {
    top: inherit;
    bottom: 33px;
    left: inherit;
    right: 8px;
}