.map-cont{
    position: relative;
    display: inline-block;
    margin: 40px 0;
}
.map{
    width: auto;
    height: 700px;    
}
.map .st0{
    opacity:0.71;
    fill:#CFCFCF;
}
.map .st1{
    fill:none;
    stroke:#FFFFFF;
    stroke-miterlimit:10;
}
.map .st2{
    fill:none;
    stroke:#FFFFFF;
    stroke-width:1;
    stroke-miterlimit:10;
}
.map .st3{
    opacity:0.75;
}
.map .st4{
    fill:transparent;
    stroke:#fff;
    stroke-width:0.75;
    stroke-miterlimit:10;
    opacity: .75;
    transition: all 400ms linear;
}
.map .is-active .st4{
    fill:#CFCFCF;
    stroke:#000000;
    /* opacity: 1; */
    z-index: 10;
}
.map-cont a{
    position: absolute;    
}
.map-cont a:hover{
    z-index: 10;
}
.map-cont a:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
    background: url(../images/map-point.svg) center no-repeat;
    background-size: contain;
    transition: all 250ms ease-out;
}
.map-cont a:hover:before{
    transform: scale(1.5);
    background-color: var(--white);
    border-radius: 100%;
}
.map-cont a.is-active:before{
    background: url(../images/map-point-active.svg) center no-repeat!important;
    background-size: contain;
    transform: scale(1.75);
}
.map-cont a:after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
}
.map-cont a .tooltip{
    position: absolute;
    width: max-content;
    max-width: 220px;
    padding: 5px;
    padding-top: 3px;
    left: 0px;
    transform: translateY(-50%);
    opacity: 0;
    /* font-family: "Flama R", sans-serif; */
    font-size: 12px;
    line-height: 1;
    line-height: 1.2;
    /* white-space: nowrap; */
    color: var(--white);
    background-color: rgba(0, 0, 0, .9);
    border-radius: 2px;
    pointer-events: none;
    transition: all 250ms ease-out;
    text-align: left;
}
.map-cont a:hover .tooltip{
    left: 14px;
    opacity: 1;
}
.map-cont a._19 .tooltip, .map-cont a._18 .tooltip{
    left: auto;
    right: 0;
    text-align: right;
}
.map-cont a._19:hover .tooltip, .map-cont a._18:hover .tooltip{
    right: 14px;
}
.map-cont a .tooltip b{
    display: block;    
}
.map-cont ._0{
    left: 0%;
    top: 52%;
}
.map-cont ._1{
    left: 28.5%;
    top: 47%;
}
.map-cont ._2{
    left: 26%;
    top: 58%;
}
.map-cont ._3{
    left: 27.5%;
    top: 60%;
}
.map-cont ._4{
    left: 27.5%;
    top: 62.5%;
}
.map-cont ._5{
    left: 25.5%;
    top: 72.5%;
}
.map-cont ._6{
    left: 24.5%;
    top: 76.5%;
}
.map-cont ._7{
    left: 28.5%;
    top: 83%;
}
.map-cont ._8{
    left: 32.5%;
    top: 86.5%;
}
.map-cont ._9{
    left: 30.5%;
    top: 89%;
}
.map-cont ._10{
    left: 42.5%;
    top: 96%;
}
.map-cont ._11{
    left: 37%;
    top: 50.5%;
}
.map-cont ._12{
    left: 31.5%;
    top: 59%;
}
.map-cont ._13{
    left: 30.5%;
    top: 72.5%;
}
.map-cont ._14{
    left: 32.5%;
    top: 86.5%;
}
.map-cont ._15{
    left: 41.5%;
    top: 75.5%;
}
.map-cont ._16{
    left: 53%;
    top: 63.5%;
}
.map-cont ._17{
    left: 60.5%;
    top: 50%;
}
.map-cont ._18{
    left: 73.5%;
    top: 89.5%;
}
.map-cont ._19{
    left: 60%;
    top: 62%;
}
.header{
    position: relative;
    margin-bottom: 92px;
}
.destinations .img-grid .cont{    
    /* padding-top: 210%!important; */
}
.destinations .img-grid ._1{
    top: 0;
    left: 20%;
    z-index: 50;
}
.destinations .img-grid ._2{
    right: 3%;
    top: calc(((100vw - 240px) / 100) * 3);
    z-index: 50;
}
.destinations .img-grid ._3{    
    top: calc(((100vw - 240px) / 100) * 14);
}
.destinations .img-grid ._4{  
    left: 30%;  
    top: calc(((100vw - 240px) / 100) * 34);
    z-index: 40;
}
.destinations .img-grid ._5{  
    right: 0;  
    top: calc(((100vw - 240px) / 100) * 52);
    z-index: 39;
}
.destinations .img-grid ._6{  
    left: 4%;
    top: calc(((100vw - 240px) / 100) * 66);
}
.destinations .img-grid ._7{  
    left: 34%;
    top: calc(((100vw - 240px) / 100) * 70);
    z-index: 38;
}
.destinations .img-grid ._8{  
    left: 65%;
    top: calc(((100vw - 240px) / 100) * 85);
}
.destinations .img-grid ._9{      
    top: calc(((100vw - 240px) / 100) * 91);
}
.destinations .img-grid ._10 {
    left: 45%;
    top: calc(((100vw - 240px) / 100) * 108);
    z-index: 39;
}
.destinations .img-grid ._11 {
    top: calc(((100vw - 240px) / 100) * 117);
    top: calc(((100vw - 240px) / 100) * 110);
}
.destinations .img-grid ._12 {
    left: 27%;
    top: calc(((100vw - 240px) / 100) * 120);
    top: calc(((100vw - 240px) / 100) * 125);
    z-index: 38;
}
.destinations .img-grid ._13 {
    right: 0;
    top: calc(((100vw - 240px) / 100) * 127);
    z-index: 40;
}
.destinations .img-grid ._14 {
    left: 3%;
    top: calc(((100vw - 240px) / 100) * 151);
    top: calc(((100vw - 240px) / 100) * 142);
    z-index: 40;
}
.destinations .img-grid ._15 {
    right: 10%;
    top: calc(((100vw - 240px) / 100) * 156);
}
.destinations .img-grid ._16 {
    left: 23%;
    top: calc(((100vw - 240px) / 100) * 163);
}
.destinations .img-grid .size {
    height: 60px;
    padding-top: calc(((100vw - 240px) / 100) * 180);
    /* background-color: red; */
    z-index: 1;
    opacity: .5;
}

.destination .header{
    margin-bottom: 52px;
}

.destination-info .txt{
    padding: 40px 120px;
}
.destination-info h2{
    margin-bottom: 30px;
    text-align: center;
}
.destination-info h4{
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center;
}
.destination-info h5{
    margin-top: -20px;
    margin-bottom: 30px;
    font-family: 'Flama';
    text-align: center;
    font-size: 14px;
}
.destination-info .text{
    /* columns: 2; */
    column-gap: 30px;
    padding-top: 40px;
    border-top: 1px solid var(--black);
    /* padding-bottom: 40px;
    border-bottom: 1px solid var(--black); */
}
.destination-info .text::first-letter {
    float: left;
    margin-right: 8px;
    font-family: 'Romana';
    font-size: 3em;
    line-height: .9;
}
.destination-info .text p:first-child{
    /* margin-bottom: 0; */
}
.destination-info .text b{
    /* font-family: 'Flama R'; */
    font-weight: 400;
}
.destination-info .carousel{
    line-height: 0;
}
.destination-info .carousel .slick-arrow{
    opacity: 0;
}
.destination-info .carousel:hover .slick-arrow{
    opacity: 1;
}
.destination-info .carousel .slick-prev{
    left: 40px;
}
.destination-info .carousel .slick-next{
    right: 40px;
}
.destination-info .carousel .slick-dots{
    bottom: 30px;
}
.destination-info .mail img{
    display: inline-block;
    width: 22px;
    margin-right: 4px;
    margin-top: 20px;
    vertical-align: bottom;
}
.destination-info .mail{
    font-family: 'Flama R';
}
.contact .columns{
    margin: 0 -12px;
}
.contact .column{
    padding: 0 12px;
}
.contact .field{
    margin-bottom: 24px;
}
.contact .field .input, .contact .field .select, .contact .field .textarea{
    margin-bottom: 0;
}
.contact .textarea[contenteditable]:empty::before {
    content: "Tell us about your travel plans";
}
.grid-responsive{
    display: none!important;
}



/* Tablets */
@media screen and (max-width: 1200px){

    .header .txt {
        padding: 30px;
        padding-bottom: 20px;
        left: 0;
    }
    .map-cont{
        width: 90%;
        margin-top: 80px;
        right: -30px;
    }
    .map {
        width: 100%;
        height: auto;
    }
    .map-cont a:before {
        width: 10px;
        height: 10px;
        margin-left: -5px;
        margin-top: -5px;
    }
    .header {
		margin-bottom: 40px;
	}
    .destination .header{
        margin-bottom: 0;
    }

}


/* Mobile */
@media screen and (max-width: 576px){

    .header{
        margin-bottom: 0;
    }
    .header .back{
        height: 720px!important;
    }
    .header .gradient{
        height: 360px;
    }
    .header .gradient.bottom{
        top: 360px;
        bottom: auto;
    }
    .header .columns{
        flex-direction: column-reverse;
    }
    .header .column{
        position: relative;
        width: 100%;
    }
    .header .cont-bottom{
        position: relative;
    }
    .header .cont-bottom .txt{
        /* margin-bottom: calc(-100% + 60px); */
    }
    .header .cont-bottom h1{
        position: fixed;
        top: 90px;
    }
    .header .txt {
        padding: 24px;
        padding-bottom: 0;
    }
    .header .links-grid {
        margin: 0 -24px;
        margin-top: 24px;
    }    
    .map-cont {
        max-width: 280px;
        margin-top: 150px;
        margin-bottom: 30px;
        right: 0;
    }
    .title-bar{
        position: relative;
        margin-top: 30px;
        margin-bottom: 40px;
        padding-top: 30px;
    }
    .title-bar::before{
        content: "";
        position: absolute;
        left: 20px;
        right: 20px;
        top: 0;
        border-top: 1px solid #ccc;
    }
    .grid-desktop{
        display: none;
    }
    .grid-responsive{
        display: flex!important;
    }
    .destination-info .txt {
        padding: 24px;
    }
    .destination-info h5 {
        margin-bottom: 20px;
    }
    .destination-info .text {
        padding-top: 30px;
    }
    .destination-info .carousel .slick-dots {
        bottom: 20px;
    }
    .destination-info .carousel .slick-dots {
        width: 100%;
        text-align: center;
    }

}