:root {
    --blue-red-house-svg: url(/local/templates/cambridge/images/town_reports_h1.svg);
}


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

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
  
*::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
    background-color: #f9f9fd;
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(180deg, #0a225a9f, #0a225a);
}

html{
    height:calc(var(--vh, 1vh) * 100);
    overflow:hidden;

}
body{
    font-family: 'MuseoCyrl',Georgia,serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    background-color: #fff;
    color: #262537;
    margin: 0;
    height:calc(var(--vh, 1vh) * 100);;
    box-sizing: border-box;
}

@font-face {
    font-family: "MuseoCyrl";
    src: url('../fonts/MuseoCyrl-700.woff2') format("truetype");
}
@font-face {
    font-family: "Gilroy";
    src: url('../fonts/Gilroy-Medium.woff2') format("truetype");
}

h1, .h1{
    font-family: 'MuseoCyrl',Georgia,serif;
    color: #0a225a;
    font-size: 36px;
    line-height: 1.1;
    margin: 0 0 35px;
}

.wrap{
    padding: 0 70px;
}
.wrap.-full{
    padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 70px;
    padding-right: 70px;
    max-width: 1900px;
    margin: auto;
}

.a_link{
    font-size:14px;
}

#wrapper {width:100%;height: 100%;overflow:hidden;position:relative;}
.-mobile{
    display:none !important;
}
.hidden{
    display: none !important;
}

a,
a:hover,
a:active{
    text-decoration: none;
}

.main{
    margin-left: 82px;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: calc(var(--vh, 1vh) * 100);;
}
.map-page{
    position: relative;
    align-items: flex-start;
    margin-bottom:50px;
}

h1.-small, .h1.-small{
    font-size: 32px;
}
/*h1.-small.-hr::after{margin-top:20px}*/

.breadcrumbs{
    font-family: 'Gilroy',Helvetica,Arial,sans-serif;
    color:#0a225a;
    margin-bottom:30px;
}
.breadcrumbs a{
    color:#0a225a;
    text-decoration: underline;
}
.breadcrumbs a:hover{
    color:#f82044;
}



.h3, h3{
    font-family: 'MuseoCyrl',Georgia,serif;
    color: #0a225a;
    font-size: 18px;
    line-height: 1.33;
    margin: 20px 0;
}
h3:first-child, .h3:first-child {
    margin-top: 0;
}



.map-center{
    position: relative;
    z-index: 10;
    width: 75%;

    /*top: -205px;*/
}
.page-center{
    position: relative;
    z-index: 10;
}

.map-block{
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* min-height: 1000px; */
    /*left: calc(85px + 15%);*/
    margin: 0;
    overflow:hidden;
    width: 100%;
}


/*.map-img:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    box-shadow: inset 0 0 100px 100px #ffffff;*/
/*}*/



.noUi-target {border-radius:0;border:0;-webkit-box-shadow:none;box-shadow:none;background: none}
.noUi-target .noUi-base {height:43px;position:absolute;}
.noUi-target .noUi-connects {height:3px;}
.noUi-target .noUi-connect {background:#192ccb;}
.noUi-target .noUi-handle {transform:translateX(0px);width:21px;height:21px;top:-9px;right:-11px !important;border-radius:50%;background-image: linear-gradient(225deg, #495ec4 0%, #374298 100%);-webkit-box-shadow:none;box-shadow:none;border:0;}
.noUi-target .noUi-handle:before {display:none;}
.noUi-target .noUi-handle:after {display:none;}

.noUi-target .noUi-marker {width:1px;margin-left:0;top:14px;height:7px;background:#cecece;}
.noUi-target .noUi-marker-normal {display:none;}
.noUi-target .noUi-value {font-size:10px;color: rgba(10,34,90, 0.8);line-height:1;top:20px;}

.noUi-target .noUi-pips {padding:0;height:auto;}

.noUi-target.-equal .noUi-origin:nth-child(2) .noUi-handle {transform:translateX(-11px)}
.noUi-target.-equal .noUi-origin:nth-child(3) .noUi-handle {transform:translateX(11px)}

.map_red_btns{
    padding-top: 40px;
}
.map_red_btns:before{
    content: '';
    font-size: 0;
    max-width: 225px;
    height: 1px;
    background: rgba(184,184,184,.5);
    margin-bottom: 32px;
    display: block;
}
.-full{
    padding: 0;
}


.map-beauty{
    /*max-width: calc(100vw - 320px);*/
    /* max-height: calc(var(--vh, 1vh) * 100);; */
    overflow: hidden;
    /* max-width: 100px; */
    /*position: absolute;*/
    top: 0;
    /* left: 300px; */
    height: 100%;
    width: 100%;
}

.map-balloon{
    position: absolute;
    top:50%;
    left:50%;
    background-image: url('../images/map/map_beauty/map-balloon.png');
    width: 150px;
    height: 174px;
    background-size: cover;
    transition: opacity 0.5s;
    z-index:0;
}
/*.map-balloon:hover{*/
/*    opacity: 0.2;*/
/*}*/

.map-cloud{
    position: absolute;
    transition: opacity 0.5s;
    z-index:0;
    opacity:0.6;
}
/*.map-cloud:hover{*/
/*    opacity:0.2;*/
/*}*/
#map-cloud-1{
    background-image: url('../images/map/map_beauty/map-cloud-1.png');
    background-repeat:no-repeat;
    top:0;
    left:0;
    width: 1654px;
    height: 846px;
}
#map-cloud-2{
    background-image: url('../images/map/map_beauty/map-cloud-2.png');
    background-repeat:no-repeat;
    bottom:5%;
    right:0;
    width: 1264px;
    height: 606px;
}




.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.page-center{
    position: relative;
    z-index: 10;
    width: 75%;
}
.tippy-box{
    top:10px;
}

.tippy-box[data-theme~='scotland-blue'] {
    background-image: url('../images/backgrounds/scotland-blue.png');
    color: white;
}
.tippy-box[data-theme~='scotland-blue'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #27346b;
    color:#27346b
}
.tippy-box[data-theme~='scotland-blue'][data-placement^='left'] > .tippy-arrow::before {
    border-top-color: #27346b;
    color:#27346b
}
.tippy-box[data-theme~='scotland-blue'][data-placement^='right'] > .tippy-arrow::before {
     border-top-color: #27346b;
     color:#27346b
 }
.tippy-box[data-theme~='scotland-blue'][data-placement^='bottom'] > .tippy-arrow::before{
    border-top-color: #27346b !important;
    color:#27346b
}


.queue_tooltip, .house_tooltip{
    text-align: center;
    font-size: 14px;
    line-height: 1.35;
    font-family: 'MuseoCyrl',Georgia,serif;
}
.house_tooltip{
    min-width: 200px;
    max-width: 300px;
}

.map-tip-title{
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.color-red{
    color:#f82044;
}
.color-white{
    color:white;
}
.stroke-text{
    text-decoration: line-through;
    font-weight: 400;
}
.map-houses-table{
    padding-left: 70px;
    padding-top: 20px;
    padding-right:20px;
    position: relative;
    box-shadow: 20px -20px 20px 8px white;
    transition:transform 0.5s;
}

.compas{
    position: fixed;
    width: 130px;
    height: 130px;
    background-image: url('../images/map/compas.png');
    background-color: #ffffffbf;
    border-radius: 50%;
    z-index: 100;
    box-shadow: 0 0 20px 20px #ffffffbf;
    bottom: 50px;
    right: 40px;
    /*top: 800px;*/
    /*left: auto;*/
}
.svg__sprite {
    display:none;
}

.go-action-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.go-action-block .redbtn,
.go-action-block p{
    margin-bottom:0;
}

.preloader {
    /*фиксированное позиционирование*/
    position: fixed;
    /* координаты положения */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* фоновый цвет элемента */
    background: #0a225a;
    /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
    z-index: 10002;
    transition: 1s;
}

.preloader__row {
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    text-align: center;
    animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
    position: absolute;
    display: inline-block;
    top: 0;
    background-color: #f82044;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
    top: auto;
    bottom: 0;
    animation-delay: -1s;
}

@keyframes preloader-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes preloader-bounce {

    0%,
    100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

.loaded_hiding .preloader {
    opacity: 0;
}

.loaded .preloader {
    display: none;
}
.pd-t75{
    padding-top: 75px!important;
}
/* .-hr:after{content:'';display:block;margin-top:25px;margin-bottom:-15px;width:74px;height:14px;background-position:0 0;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,%3Csvg width='74' height='14' xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 74 14'%3E%3Cg transform='matrix(1,0,0,1,-997,-4592)'%3E%3Cpath d='M1034.00555,4597.78229c-4.3781,-3.70066 -9.97035,-5.77504 -15.85861,-5.77504l-21.14694,-0.00725c1.01576,3.27354 3.99322,5.6461 7.51189,5.6461l13.63505,0.00241c5.63749,0 10.92264,2.42252 14.50082,6.6438c0.37377,0.44244 0.86261,1.0259 1.42922,1.70769l0.00079,-0.17488c0.50471,-0.60442 0.94434,-1.12986 1.28558,-1.53281c3.57898,-4.22128 8.86333,-6.6438 14.50003,-6.6438l13.65012,-0.01853c3.50597,0 6.47391,-2.36288 7.4865,-5.62434l-21.13662,0.00161c-5.88667,0 -11.47972,2.07438 -15.85783,5.77504z' fill='%23f92043' /%3E%3C/g%3E%3C/svg%3E")} */
/*iframe#CalltouchWidgetFrame {*/
/*    margin: 20px 20px !important;*/
/*}*/

/*iframe.mobileFrame .ButtonContainer-sc-1eqa2g6-0.KNJti{*/
/*    display: none !important;*/
/*}*/

@media (max-width: 990px){
    .-mobile{
        display:block !important;
    }

    .-desktop {
        display: none !important;
    }
    .wrap.-full{
        padding: 20px 20px !important;
        height:100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }


    .main{
        padding-top: 50px;
        margin-left: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        max-height: calc(var(--vh, 1vh) * 100);
        height: calc(var(--vh, 1vh) * 100);
    }

    h1, .h1{
        margin-bottom: 0 !important;
    }
    h3, .h3{
        margin:10px 0;
    }
    .d-flex.map-page{
        display: block !important;
    }
    .map-center{
        text-align: center;
        width:100% !important;
        margin-top:30px;
    }
    .page-center{
        width: 100% !important;
    }

    .map-touchable{
        /*padding-top:50px;*/
    }
    .map-block{
        /*display: none;*/
        vertical-align: top;
        position: relative;
        min-height: 0;
        width: 100%;
        /* left: calc(85px + 15%); */
        margin: 0 0 0 -2px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        float: left;
    }


    .redbtn{
        width: 100%;
    }
    .map-houses-table{
        position:absolute;
        top:0;
        left: 0;
        padding-left:0 !important;
        padding-right:0 !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        z-index:10;
        width: 100%;
        background-color: white;
        box-shadow:0px 3px 15px 20px white;
        height: max-content;
    }
    .map-houses-table-content{
        padding-left: 10px;
        padding-right:10px;
        padding-top: 60px;
        padding-bottom: 30px;
        z-index:2;
    }
    .map-houses-table-shade{
        position:absolute;
        top:0;
        left:0;
        z-index: 1;
        width: 100vw;
        height:calc(var(--vh, 1vh) * 100);;
        background-color: white;
    }
    .map-houses-table-hide-show-btn{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .map-houses-table-hide-show-btn img{
        transition: transform 0.3s linear;
        transform: rotate(0deg);
    }
    .map-houses-table-hide-show-btn img.active{
        transform: rotate(180deg);
    }

    .mobile-rotate-icon{
        /*text-align: center;*/
        /*font-size: 10px;*/
        display: inline-block !important;
        float: right;
        margin: 0 20px;
    }
    .mobile-rotate-icon img{
        animation: half-2x-rotate 2s infinite linear;
    }



    @keyframes half-2x-rotate {
        0% {
            transform: rotate(-30deg);
        }
        50% {
            transform: rotate(30deg);
        }
        100% {
            transform: rotate(-30deg);
        }
    }

    .compas{
        position: fixed;
        width: 80px;
        height: 80px;
        background-image: url('../images/map/compas.png');
        background-color: #ffffffbf;
        border-radius: 50%;
        z-index: 100;
        box-shadow: 0 0 20px 20px #ffffffbf;
        bottom: 100px;
        right: 40px;
        background-size: cover; /* Фон занимает всю доступную площадь */
    }
    .breadcrumbs{
        font-size:11px;
    }
    .go-action-block{
        justify-content: center;
        flex-direction: column;
        align-items: stretch;
    }
    .go-action-block .go-action-text-block{
        font-size: 14px;
        margin-bottom:20px;
    }

    .bottom-feedback.wrap{
        padding: 10px!important;
    }
    .footer-other, .footer-copy {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .footer-other-projects{
        margin:10px 0;
    }
    .footer .wrap {
        padding: 20px 20px 20px 20px!important;
    }
    .pd-t75 {
        padding-top: 20px!important;
    }

}

@media screen and (max-width: 550px) {
    .footer-address{
        flex-direction: column;

        align-items: flex-start!important;
    }
}



.translate-to-top-on-scroll{
    opacity: 0;
    transform: translateY(140px);
}
.translate-to-right-on-scroll{
    opacity: 0;
    transform: translateX(-100px);
}
.translate-to-left-on-scroll{
    opacity: 0;
    transform: translateX(100px);
}
.translate-to-top-on-scroll-2{
    opacity: 0;
    transform: translateY(50px);
}

.content-center{
    width:100%;
    max-width:1900px;
    min-width:320px;
    margin:0 auto;
    padding:0 120px
}
@media screen and (max-width:1440px){
    .content-center{padding:0 24px}
}


div#snow-animation-container {
    z-index: 100;
    position: absolute;
}