.like-section a:after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 100%;
}
.section div {
    color: #fff;
    padding-left: 10px;
    position: absolute;
    top: 10%
}

.header .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#footer .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .header .container,  #footer .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .header .container,  #footer .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .header .container,  #footer .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .header .container,  #footer .container {
        max-width: 1140px;
    }
}


body .experience-editor .section div, body .experience-editor .section div:hover  {
    color: black;
}
.section div:hover {
    color: #db2032;
}

.like-section .section {
    padding-top: 25.25%;
    height: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
@media (min-width: 768px) {
    .like-section a:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        min-height: 100px;
    }
    .like-section .section {
        padding: 0;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        max-width: none;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;

    }
    .section div {
        padding-left: 10px;
        position: absolute;
       
    }
}


.like-section .section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
    background: url(../images/decor.png);

}

.like-container h5 {
    color:#db2032;
    font-family: 'Roboto', sans-serif;
    padding-left: 5px;
}


.like-container .like-section {
    position: relative;
    display: block;
    margin: 20px 6px;
}
.like-section a > * {
    white-space: normal;
    vertical-align: middle;
    max-width: 100%;

}
.like-container {
    margin: 20px 0px;
    position: relative;
    display: block;
}



.header-list,
#nav > ul,
#nav > ul > li > ul,
#nav > ul > li > div.drop-menu,
#nav > ul > li > ul ul,
#nav > ul > li > div.drop-menu ul,
#nav > ul .bt-menu ul,
.social-networks,
.footer-nav,
.social-icons {
    margin: 0;
    padding: 0;
    list-style: none;
}



/* header styles */

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}

    .header .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

.header-area {
    position: relative;
    z-index: 1;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
}

.header-list {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

    .header-list li {
        margin-left: 21px;
    }

    .header-list a {
        color: grey;
        font-size: 21px;
        display: block;
        line-height: 1;
        text-decoration: none;
    }

        .header-list a .icon-phone {
            line-height: 1;
        }

    .header-list .txt {
        display: inline-block;
        vertical-align: middle;
        padding-left: 4px;
        text-transform: uppercase;
        font-size: 18px;
    }

/* page logo styles */

.logo-wrap {
    position: relative;
    z-index: 5;
    text-align: center;
    margin: 0 -15px;
    padding: 19px 15px;
}


.logo {
    width: 245px;
    margin: 0 auto;
}

    .logo a {
        display: block;
    }


/* page navigation styles */

.nav-drop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background: #232323;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s linear, visibility .3s linear;
    transition: opacity .3s linear, visibility .3s linear;
}

.nav-active .nav-drop {
    opacity: 1;
    visibility: visible;
}

.nav-drop .modal-close {
    top: 17px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    right: 20px;
}


.modal-close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 8px;
}

    .modal-close:hover:before,
    .modal-close:hover:after,
    .modal-close:focus:before,
    .modal-close:focus:after {
        background: #d82231;
    }

    .modal-close:before,
    .modal-close:after {
        -webkit-transition: background .3s linear;
        transition: background .3s linear;
        content: "";
        background: #88898c;
        height: 3px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .modal-close:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .modal-close:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }


.nav-drop .nav-wrap {
    position: relative;
    height: 100%;
    background: #232323;
    overflow: hidden;
    overflow-y: auto;
}

#nav {
    padding-top: 68px;
    height: 100%;
}

    #nav .drop-close {
        position: absolute;
        top: 20px;
        left: 20px;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        font-size: 25px;
        -webkit-transition: opacity .3s linear, visibility .3s linear;
        transition: opacity .3s linear, visibility .3s linear;
    }

        #nav .drop-close.show {
            opacity: 1;
            visibility: visible;
        }

    #nav a.drop-opener {
        background: #3d3d3d;
        text-align: left;
        display: block;
        width: 49px;
        height: 36px;
        color: #fff;
        font-size: 21px;
        padding: 4px 9px;
    }

    #nav > ul {
        border-top: 4px solid #d82231;
        height: 100%;
        position: relative;
    }

        #nav > ul > li {
            border-bottom: 1px solid #3d3d3d;
        }

            #nav > ul > li > a:not([class]) {
                color: #fff;
                font-size: 26px;
                line-height: 30px;
                font-weight: 500;
                margin: 20px 20px;
                display: inline-block;
                vertical-align: top;
            }

            #nav > ul > li > ul,
            #nav > ul > li > div.drop-menu {
                padding: 0 20px;
                background: #232323;
                -webkit-transform: translateX(100%);
                -ms-transform: translateX(100%);
                transform: translateX(100%);
                -webkit-transition: -webkit-transform .3s linear;
                transition: -webkit-transform .3s linear;
                transition: transform .3s linear;
                transition: transform .3s linear, -webkit-transform .3s linear;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                height: 100%;
                overflow: hidden;
                overflow-y: auto;
                width: 100%;
                padding-bottom: 20px;
            }

                #nav > ul > li > ul.visible,
                #nav > ul > li > div.drop-menu.visible {
                    -webkit-transform: translate(0) !important;
                    -ms-transform: translate(0) !important;
                    transform: translate(0) !important;
                }

                #nav > ul > li > ul > li,
                #nav > ul > li > div.drop-menu > li {
                    padding-top: 20px;
                }

                    #nav > ul > li > ul > li > a,
                    #nav > ul > li > div.drop-menu > li > a {
                        font-size: 24px;
                        font-weight: 300;
                        color: #fff;
                        display: inline-block;
                        vertical-align: top;
                    }

                #nav > ul > li > ul > ul,
                #nav > ul > li > div.drop-menu > ul {
                    margin-bottom: 14px;
                    padding-top: 14px;
                }

                    #nav > ul > li > ul > ul > li,
                    #nav > ul > li > div.drop-menu > ul > li {
                        padding-top: 20px;
                    }

                        #nav > ul > li > ul > ul > li > a,
                        #nav > ul > li > div.drop-menu > ul > li > a {
                            font-size: 24px;
                            font-weight: 300;
                            color: #fff;
                        }

                #nav > ul > li > ul ul,
                #nav > ul > li > div.drop-menu ul {
                    padding-top: 20px;
                }

                    #nav > ul > li > ul ul li,
                    #nav > ul > li > div.drop-menu ul li {
                        margin-bottom: 7px;
                    }

                    #nav > ul > li > ul ul a,
                    #nav > ul > li > div.drop-menu ul a {
                        color: #999;
                        font-weight: 300;
                        font-size: 20px;
                        line-height: 24px;
                        display: inline-block;
                        vertical-align: top;
                    }

        #nav > ul .bt-menu {
            background: #232323;
            width: 100%;
            border-bottom: 1px solid #3d3d3d;
        }

            #nav > ul .bt-menu > a:not([class]) {
                color: #fff;
                font-size: 26px;
                line-height: 30px;
                font-weight: 500;
                margin: 20px 0 20px 20px;
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 73px);
            }

            #nav > ul .bt-menu ul {
                padding: 20px;
                -webkit-transform: translateX(100%);
                -ms-transform: translateX(100%);
                transform: translateX(100%);
                -webkit-transition: -webkit-transform .3s linear;
                transition: -webkit-transform .3s linear;
                transition: transform .3s linear;
                transition: transform .3s linear, -webkit-transform .3s linear;
                position: absolute;
                left: 0;
                background: #232323;
                top: 0;
                bottom: 0;
                height: 100%;
                overflow: hidden;
                overflow-y: auto;
                width: 100%;
            }

                #nav > ul .bt-menu ul.visible {
                    -webkit-transform: translate(0) !important;
                    -ms-transform: translate(0) !important;
                    transform: translate(0) !important;
                }

                #nav > ul .bt-menu ul li {
                    margin-bottom: 7px;
                }

                #nav > ul .bt-menu ul a {
                    color: #999;
                    font-weight: 300;
                    font-size: 20px;
                    line-height: 24px;
                    display: inline-block;
                    vertical-align: top;
                }

.resize-active * {
    -webkit-transition: none !important;
    transition: none !important;
}


@media (min-width: 768px) {
    h2 {
        font-size: 30px;
    }
    .modal-close {
        width: 64px;
        height: 64px;
        right: 10px;
        top: 8px;
    }
    .btn-more {
        font-size: 21px;
        line-height: 24px;
    }

    .back-to-top {
        bottom: 82px;
        width: 48px;
        height: 48px;
        font-size: 18px;
        line-height: 48px;
        right: 26px;
    }

    .header {
        padding: 15px 0 10px;
    }

        .header .container {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .header-area {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

        .header-area:before {
            display: none;
        }

    .header-list {
        width: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
    }

        .header-list li {
            margin-left: 34px;
        }

        .header-list a .icon-search {
            font-size: 25px;
        }

        .header-list a.opener {
            text-align: center;
        }

        .header-list .txt {
            display: block;
            font-size: 12px;
            line-height: 16px;
            padding: 11px 0 0;
            font-weight: 700;
        }

    .logo-wrap:before {
        display: none;
    }

    .logo-wrap {
        margin: 0;
        background: none;
        padding: 0;
    }

    .nav-drop {
        background: #000;
        overflow: hidden;
        overflow-y: auto;
    }

    .nav-drop {
        padding: 0 5%;
        padding-top: 0;
    }

        .nav-drop .nav-wrap {
            padding: 9% 8% 2%;
            height: auto;
            overflow: visible;
        }

    #nav {
        padding-top: 0;
    }

        #nav .drop-close {
            display: none;
        }

        #nav a.drop-opener {
            display: none;
        }

        #nav .full {
            width: 100%;
        }

            #nav .full .drop-menu {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                margin: 0 -5px;
            }

                #nav .full .drop-menu > li {
                    width: 32%;
                    padding: 0 5px;
                }

            #nav .full .bt-menu {
                width: 25%;
                padding: 0 5px;
            }

            #nav .full:nth-last-child(2) {
                border-top: 2px solid #fff;
                margin-top: 20px;
            }

        #nav .opener-holder.column-4 {
            width: 32%;
        }

        #nav .opener-holder.column-8 {
            width: 66.67%;
        }

            #nav .opener-holder.column-8 .drop-menu {
                margin: 0 -5px;
            }

                #nav .opener-holder.column-8 .drop-menu:after {
                    display: block;
                    content: "";
                    clear: both;
                }

                #nav .opener-holder.column-8 .drop-menu > li {
                    width: 50%;
                    float: left;
                    padding: 0 5px;
                }

                    #nav .opener-holder.column-8 .drop-menu > li:nth-child(2n) {
                        float: right;
                        clear: right;
                    }

        #nav > ul {
            border: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            #nav > ul > li {
                margin-bottom: 12px;
                border: none;
            }

                #nav > ul > li > a:not([class]) {
                    margin: 0 0 14px;
                    line-height: 27px;
                    text-transform: uppercase;
                }

                #nav > ul > li > div.drop-menu {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    margin: 0 -5px;
                }

                    #nav > ul > li > div.drop-menu > ul {
                        width: 50%;
                        padding: 0 5px;
                    }

                #nav > ul > li > ul,
                #nav > ul > li > div.drop-menu {
                    padding: 0;
                    background: none;
                    -webkit-transform: none !important;
                    -ms-transform: none !important;
                    transform: none !important;
                    position: static;
                }

                    #nav > ul > li > ul > li,
                    #nav > ul > li > div.drop-menu > li {
                        padding-top: 0;
                        margin-bottom: 14px;
                    }

                        #nav > ul > li > ul > li > a,
                        #nav > ul > li > div.drop-menu > li > a {
                            font-weight: 400;
                            font-size: 18px;
                            margin: 0;
                        }

                    #nav > ul > li > ul > ul > li,
                    #nav > ul > li > div.drop-menu > ul > li {
                        padding-top: 0;
                        margin-bottom: 14px;
                    }

                        #nav > ul > li > ul > ul > li > a,
                        #nav > ul > li > div.drop-menu > ul > li > a {
                            font-weight: 400;
                            font-size: 18px;
                            margin-bottom: 0;
                        }

                    #nav > ul > li > ul ul,
                    #nav > ul > li > div.drop-menu ul {
                        padding-top: 14px;
                    }

                        #nav > ul > li > ul ul li,
                        #nav > ul > li > div.drop-menu ul li {
                            margin-bottom: 7px;
                        }

                        #nav > ul > li > ul ul a,
                        #nav > ul > li > div.drop-menu ul a {
                            font-size: 16px;
                            line-height: 20px;
                        }

            #nav > ul .bt-holder {
                margin: 0 -5px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                padding-top: 25px;
            }

            #nav > ul .bt-menu {
                border: none;
                background: none;
            }

                #nav > ul .bt-menu > a:not([class]) {
                    border: none;
                    padding: 0;
                    font-weight: 300;
                    width: auto;
                    margin: 0 0 14px;
                    font-size: 18px;
                    line-height: 22px;
                }

                #nav > ul .bt-menu ul {
                    padding: 0;
                    background: none;
                    -webkit-transform: none !important;
                    -ms-transform: none !important;
                    transform: none !important;
                    position: static;
                }

                    #nav > ul .bt-menu ul a {
                        font-size: 16px;
                        line-height: 20px;
                    }
}


@media (min-width: 992px) {

    #header {
        padding: 32px 0;
    }

    .header-list a .icon-phone {
        font-size: 27px;
    }
}

@media (min-width: 993px) {
    .header-list a:hover,
    .header-list a:focus {
        color: #d82231;
    }

        .header-list a:hover .icon-menu,
        .header-list a:focus .icon-menu {
            color: #d82231;
        }

    #nav > ul > li > a:not([class]):hover,
    #nav > ul > li > a:not([class]):focus {
        color: #d82231;
    }

    #nav > ul > li > ul > li > a:hover,
    #nav > ul > li > ul > li > a:focus,
    #nav > ul > li > div.drop-menu > li > a:hover,
    #nav > ul > li > div.drop-menu > li > a:focus {
        color: #d82231;
    }

    #nav > ul > li > ul > ul > li > a:hover,
    #nav > ul > li > ul > ul > li > a:focus,
    #nav > ul > li > div.drop-menu > ul > li > a:hover,
    #nav > ul > li > div.drop-menu > ul > li > a:focus {
        color: #d82231;
    }

    #nav > ul > li > ul ul a:hover,
    #nav > ul > li > ul ul a:focus,
    #nav > ul > li > div.drop-menu ul a:hover,
    #nav > ul > li > div.drop-menu ul a:focus {
        color: #d82231;
    }

    #nav > ul .bt-menu > a:not([class]):hover,
    #nav > ul .bt-menu > a:not([class]):focus {
        color: #d82231;
    }

    #nav > ul .bt-menu ul a:hover,
    #nav > ul .bt-menu ul a:focus {
        color: #d82231;
    }

    .post a:hover .hover {
        opacity: 1;
        visibility: visible;
    }

    .social-networks a:hover {
        opacity: .7;
    }

    .social-icons a:hover,
    .social-icons a:focus {
        color: #d82231;
    }
}

@media (min-width: 1200px) {
    h2 {
        font-size: 50px;
    }

    .slider-holder .heading h2 {
        padding-right: 0;
        line-height: 39px;
        height: 36px;
    }

    .about-holder h2 {
        margin-right: -10px;
    }

    .slider .item {
        padding: 205px 42px 150px;
        min-height: 668px;
    }
}

@media (min-width: 1366px) {
    .posts h2 {
        font-size: 31px;
        line-height: 35px;
        padding: 13px 10px;
    }

    .post .hover {
        font-size: 19px;
        line-height: 29px;
    }
}

@media (max-width: 991px) {
    #nav > ul > li > div.drop-menu > ul {
        padding: 0 !important;
    }
}



@media (max-width: 767px) {
    .header-list a .icon-search {
        margin-top: -6px;
        display: block;
    }

    .header-list a .icon-phone {
        font-size: 21px;
    }

    .header-list a.opener {
        position: absolute;
        left: 14px;
        font-size: 20px;
        top: 11px;
    }

    .logo-wrap {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    #nav .opener-holder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
       -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #nav .opener-holder > a:not([class]) {
            margin-right: 0;
            width: calc(100% - 73px);
        }
}

/* Icomoon font Embedded */

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

[class^="icon-"],
[class*=" icon-"] {
    /* 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; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
    content: "\e908";
}

.icon-arrow-left:before,
.carousel .owl-nav .owl-next span:before {
    content: "\e90b";
}

.icon-arrow-right:before,
.carousel .owl-nav .owl-prev span:before {
    content: "\e90c";
}

.icon-phone2:before {
    content: "\e909";
}

.icon-bar:before {
    content: "\e90a";
}

.icon-angle-right:before,
.slider.owl-carousel .owl-nav .owl-next:before {
    content: "\e900";
}

.icon-angle-left:before,
.slider.owl-carousel .owl-nav .owl-prev:before {
    content: "\e901";
}

.icon-twitter:before {
    content: "\e902";
}

.icon-mail:before {
    content: "\e903";
}

.icon-angle-up-bold:before {
    content: "\e904";
}

.icon-angle-up:before {
    content: "\e905";
}

.icon-angle-down:before {
    content: "\e906";
}

.icon-search:before {
    content: "\e907";
}

.icon-angle-right2:before {
    content: "\e90d";
}

.icon-arrow-left2:before {
    content: "\ea40";
}

.icon-linkedin2:before {
    content: "\eaca";
}

.call-icon {
    width: initial;
    height: initial;
    float: none;
    margin-right: initial;
    overflow: initial
}

/* search styles */
@media (max-width: 768px) {
    .mobile-search {
        padding: 0px;
    }
}
.search-drop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    background: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s linear, visibility .3s linear;
    transition: opacity .3s linear, visibility .3s linear;
}

.search-active .search-drop {
    opacity: 1;
    visibility: visible;
}

.search-drop .input-wrap {
    position: relative;
    padding-right: 35px;
}

.search-drop .search-wrap {
    background: #232323;
    position: relative;
    height: 100%;
    padding: 15px 15px 15px 15px;
}

.search-drop .form-control {
    font-weight: 300;
    height: auto;
    font-size: 17px;
    padding: 10px 10px 10px 35px;
    line-height: 20px;
    border-radius: 0;
    border: none;
    color: #000;
}

.search-drop .form-control::-webkit-input-placeholder {
    color: #959498;
}

.search-drop .form-control::-moz-placeholder {
    opacity: 1;
    color: #959498;
}

.search-drop .form-control:-moz-placeholder {
    color: #959498;
}

.search-drop .form-control:-ms-input-placeholder {
    color: #959498;
}

.search-drop .form-control.placeholder {
    color: #959498;
}

.search-drop button {
    background: none;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    color: #d82231;
    outline: none;
    position: absolute;
    top: 50%;
    font-size: 24px;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 8px;
}

.modal-close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 8px;
}

.modal-close:hover:before,
.modal-close:hover:after,
.modal-close:focus:before,
.modal-close:focus:after {
    background: #d82231;
}

.modal-close:before,
.modal-close:after {
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
    content: "";
    background: #88898c;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.modal-close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.modal-close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
@media (min-width: 768px) {
    .search-drop {
        padding: 0 5%;
        padding-top: 0;
    }

    .search-drop .input-wrap {
        padding-right: 90px;
    }

    .search-drop .search-wrap {
        padding: 5% 5% 5%;
    }

    .search-drop .form-control {
        height: 80px;
        font-size: 26px;
        line-height: 30px;
        padding-left: 54px;
    }

    .search-drop button {
        left: 10px;
        font-size: 28px;
    }

    .modal-close {
        width: 64px;
        height: 64px;
        right: 10px;
        top: 8px;
    }
    .nav-drop.menu-active .nav-wrap {
        overflow: hidden;
    }
}
/* footer styles */

#footer {
       background: #888a8d;
       color: #dbdbdb;
       padding: 17px 0 30px;
       text-align: center;
   }

/* footer navigation styles */

.footer-nav {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       margin-bottom: 20px;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 0 0 13px;
   }

.footer-nav a {
       color: #dbdbdb;
   }

.footer-nav a:hover,
.footer-nav a:focus {
       color: #d82231;
   }

.footer-nav li {
       padding: 0 8px;
       position: relative;
   }

.footer-nav li + li:before {
      content: "";
      width: 1px;
      height: 14px;
      background: #dbdbdb;
      left: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  }

/* copyright styles */

.copyright {
       font-size: 12px;
       line-height: 15px;
       display: block;
       text-align: center;
   }

.copyright a {
       color: #dbdbdb;
   }

.copyright a:hover,
.copyright a:focus {
       color: #d82231;
   }

/* social netwroks styles */

.social-icons {
       margin: 0 -24px;
   }

.social-icons li {
       font-size: 24px;
       line-height: 1;
       padding: 0 24px;
   }

.social-icons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -10px 12px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }

.social-icons li {
       padding: 0 10px;
   }

.social-icons a {
       color: #dbdbdb;
   }

.social-icons a .icon-linkedin2 {
       font-size: 31px;
   }
.social-icons a .icon-twitter {
    font-size: 24px;
}
/*footer stylings*/
@media (min-width: 768px) {
    #footer {
          padding: 9px 0;
          text-align: left;
        border-top: none;
      }

  #footer .container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
      }

  .footer-block {
          width: 68%;
      }

  .footer-area {
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3;
          max-width: 30%;
      }

  .footer-nav {
          text-align: left;
          font-size: 14px;
          line-height: 18px;
          margin: 0 -16px 3px;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
      }

  .footer-nav li {
          padding: 0 16px;
      }

  .copyright {
          font-size: 10px;
          line-height: 14px;
          text-align: left;
      }

  .social-icons {
          margin: 0 -13px;
      }

  .social-icons li {
          padding: 0 13px;
      }
  
}
@media (max-width: 767px) {
    .footer { border-top: none; }
    .footer ul li {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
    }
}

.mobile-search {
       width: unset;
   }
@media (max-width: 767px) {
    .logo { position: unset; padding-top: 40px; }
}
@media (min-width: 768px) {
    .d-md-none { display: none !important; }
}

/*Mobile header*/
@media (max-width:767px) {
    .header {
        padding-top: 0px;
        height: 135px;
    }
    .header .container {
        padding-left: 0px;
    }
    

}

.search-active {
    overflow-y: hidden;
}

.search-wrap {
    width: -moz-available;
    width: -webkit-fill-available;
}