@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?ora6ub');
    src:  url('fonts/icomoon.eot?ora6ub#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ora6ub') format('truetype'),
    url('fonts/icomoon.woff?ora6ub') format('woff'),
    url('fonts/icomoon.svg?ora6ub#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-vk1:before {
    content: "\e901";
}
.icon-google-plus:before {
    content: "\ea8b";
}
.icon-google-plus2:before {
    content: "\ea8c";
}
.icon-google-plus3:before {
    content: "\ea8d";
}
.icon-facebook:before {
    content: "\ea90";
}
.icon-facebook2:before {
    content: "\ea91";
}
.icon-instagram:before {
    content: "\ea92";
}
.icon-whatsapp:before {
    content: "\ea93";
}
.icon-twitter:before {
    content: "\ea96";
}
.icon-vk:before {
    content: "\ea98";
}
.icon-youtube:before {
    content: "\ea9d";
}
.icon-youtube2:before {
    content: "\ea9e";
}
.icon-vimeo:before {
    content: "\eaa0";
}
.icon-vimeo2:before {
    content: "\eaa1";
}
.icon-tumblr:before {
    content: "\eab9";
}
.icon-tumblr2:before {
    content: "\eaba";
}
.icon-linkedin:before {
    content: "\eac9";
}
.icon-linkedin2:before {
    content: "\eaca";
}
.icon-rutube:before {
    content: "\e900";
}
.icon-dzen:before {
    content: "\e902";
}
.icon-telegram:before {
    content: "\ea95";
}


.md_social_footer {
    text-decoration: none;
}

.md_social_footer span{
    font-size: 1.5em;
    margin: 0 5px 0 0;
}

.mbl_design{
    visibility: hidden;
}

.mbl_wrapper .mbl_modal .mbl_modal_wrapper .mbl_main_block .mbl_form .form-control {

    border-radius: 0px !important;
    border-color: #CCC !important;

}

.mbl_wrapper .mbl_btn.mbl_btn_send {
    border-radius: 5px !important;
}

.b-facingDetail-title {
    font: 18px 'heliosbold' !important;
}


.b-facingDetail-scheme .b-carousel-next {
    top: calc(50% + 8px) !important;
}

.b-facingDetail-scheme .b-carousel-prev {
    z-index: 3 !important;
}

.md_facade_union_logo {
    width: 90px;
    margin: 10px auto;
    opacity: 0.7;
}

.md_facade_union_logo:hover {
    opacity: 1;
}

.md_facade_union_logo img {
    width: 100%;
}

.md_links_title {
    color: #FFFFFF;
    margin-top: 30px;
}

@media (max-width: 1000px){
    .b-facingDetail-scheme .b-carousel-next {
        z-index: 3 !important;
    }

    .b-facingDetail-scheme .b-carousel-prev {
        z-index: 3 !important;
    }
}

@media (max-width: 800px){
    .b-facingDetail-scheme .b-carousel-prev, .b-facingDetail-scheme .b-carousel-next {
        top: calc(50% + 8px) !important;
    }

    .page-footer-menu-addition {
        display: block !important;
    }

    .page-footer-menu-addition {
        display: block;
        float: none;
        clear: unset;
        width: 100%;
        margin: 10px 0 0;
    }
}


@media (max-width: 500px) {
    body {
        font: 17px Arial, sans-serif;
    }

    #webcallMobileindent {
        width: 100% !important;
        height: 0 !important;
    }

    #webcallMobile {
        background-color: unset !important;
        min-height: 0 !important;
    }

    #webcallMobileButton {
        background-color: #e10019 !important;
        right: 40px;
        left: unset !important;
    }

    #webcallMobileButton svg g path{
        fill: #FFFFFF !important;
    }

    #webcallMobileForm input[type=text] {
        font-size: 20px !important;
        padding: 20px;
    }

}