@charset "UTF-8";

@media print, screen and (min-width: 64em) {
    .h2, h2 {
        font-size: 1.62857rem;
    }
}

.text-color-red {color: #f04036;}
.redbg {background-color: #f04036;}

.logo {
    max-width: 300px;
}

.map-section {
    padding: 0;
}

.whitebg {
    background: #ffffff;
}

.lightbluebg {background: #cee7fc;} 
.mediumbluebg {background: #8cc9fc;}
.darkbluebg {background: #0a426f;} 

.button.secondary,
.button.secondary.disabled,
.button.secondary.disabled:focus,
.button.secondary.disabled:hover,
.button.secondary[disabled],
.button.secondary[disabled]:focus,
.button.secondary[disabled]:hover {
    background-color: #f04036;

}

.service-block {background-color: rgba(255, 255, 255, 0.7); padding: 1rem; border-radius: 15px;
}
.service-block .img-block {margin-right: -15px; margin-left: -15px;}

.main-title:after {
    -webkit-transform: translateX(calc(-50% + 32px));
    transform: translateX(calc(-50% + 32px));
    width: 0px;
}
.main-title:after, .main-title:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    height: 0px;
    background-color: none;
}


.contact-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(10, 66, 111, .6);
}


.contact-list {
    margin: 0;
    padding-left: 1.5rem;
    list-style: none;
}
.contact-list .icon {margin-left: -1.5rem}


.visual-banner .holder {   justify-content: flex-end;
}

.slick-current {max-width: 65%}
@media print, screen and (min-width: 48em) {.slick-current {max-width: 40%}}


.service-block p {font-size: 1.3rem}



@media screen and (min-width: 75em) {
    .visual-banner .image-block {
       /** right: -8.28125vw;
        top: -20.3125vw;
        max-width: 64.21875vw;**/
    }
}


@media print, screen and (min-width: 48em) {
    .visual-banner .image-block {
        top: -100px;
        right: -100px;
        left: auto;
        bottom: auto;
        z-index: 0;
        max-width: 50%;
        text-align: right;
        background-repeat: no-repeat;
        background-position: 100% 100%;
    }
}
@media print, screen and (min-width: 48em) {
    .visual-banner .image-block img {
        border-radius: 0% 50% 00% 0%;
    }
}
.visual-banner .image-block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}