html{
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
}
body{
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding: 0px;
}
.main{
    position: relative;
    width: 100vw;
    margin: 0 auto;
    padding: 0 auto;
    overflow: hidden;
}
@media screen and (min-width:2064px){
    .main{
        width: 2064px;
    }
}
.top{
    position: relative;
    width: 100vw;
    height: 100px;
    margin: 0 auto;
    padding: 0 auto;
}
.top-blocks{
    position: absolute;
    width: 1237px;
    height: 100px;
    left: 100px;
}
@media screen and (min-width:1440px){
    .top{
        width: 1440px;
    }
}
@media screen and (max-width:1440px) and (min-width:1297px){
    .top-blocks{
        left: calc((100vw - 1200px)/2);
    }
}
.top-line{
    position: absolute;
    width: 100vw;
    height: 1px;
    top: 100px;
    margin: 0 auto;
    padding: 0 auto;
    background: #D0D0D0;
    z-index: 1;
}
.list-bottom-line{
    position: absolute;
    width: 100vw;
    height: 1px;
    top: 169px;
    margin: 0 auto;
    padding: 0 auto;
    background: #D0D0D0;
    z-index: 1;
}
.top-block1{
    position: absolute;
    top: 17px;
    width: 131px;
    height: 72px;
}
img{
    width: 131px;
    height: 72px;
}
.dash{
    position: absolute;
    top: 31px;
    left: 158px;
    width: 1px;
    height: 40px;
    background: #E2E2E2;
}
.top-block2{
    position: absolute;
    width: 35px;
    height: 43px;
    left: 179px;
    top: 28px;
    align-items: center;
}
.UA{
    position: absolute;
    width: 35px;
    height: 21px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #1F1F1F;
}
.top-blockRU{
    position: absolute;
    top: 23px;
    align-items: center;
    width: 35px;
    height: 20px;
    border-radius: 2px;
    background: #4AD295;
}
.RU{
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    
}
.dash2{
    position: absolute;
    width: 1px;
    height: 40px;
    left: 242px;
    top: 31px;
    background: #E2E2E2;
}
.top-block3{
    position: absolute;
    width: 75px;
    height: 42px;
    left: 265px;
    top: 31px;
}
.cost-1{
    position: absolute;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #393939;
}
.cost-2{
    position: absolute;
    top: 23px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #393939;
}
.dash3{
    position: absolute;
    width: 1px;
    height: 40px;
    left: 365px;
    top: 31px;
    background: #E2E2E2;
}
.top-block4{
    position: absolute;
    width: 85px;
    height: 20px;
    left: 391px;
    top: 42px;
}
.facebook{
    position: absolute;
    width: 20px;
    height: 20px;
    background: no-repeat url(../img/png-icons/facebook\ 1.png) center;
    background-size: 20px 20px;
}
.instagram{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 30px;
    background: no-repeat url(../img/png-icons/instagram\ \(1\)\ 1.png);
    background-size: 20px 20px;
}
.youtube{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 65px;
    background: no-repeat url(../img/png-icons/youtube\ 1.png);
    background-size: 20px 20px;
}
.dash4{
    position: absolute;
    width: 1px;
    height: 40px;
    left: 501px;
    top: 31px;
    background: #E2E2E2;
}
.top-block5{
    position: absolute;
    width: 128px;
    height: 47px;
    left: 527px;
    top: 29px;
}
.number-1,
.number-2{
    position: absolute;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
}
.number-2{
    top: 26px;
}
.smartphone-icon{
    position: absolute;
    width: 39px;
    height: 39px;
    left: 662px;
    top: 32px;
    background: url(../img/png-icons/smartphone\ 1.png);
    background-size: 39px 39px;
}
.dash5{
    position: absolute;
    width: 1px;
    height: 40px;
    left: 726px;
    top: 31px;
    background: #E2E2E2;
}
.top-block6{
    position: absolute;
    width: 475px;
    height: 55px;
    left: 762px;
    top: 23px;
}
.Maistra-block,
.TOURS-block{
    position: absolute;
    width: 240px;
    height: 55px;
    background: #EFF3F6;
    border-radius: 2px;
    outline: none;
    border: none;
}
.TOURS-block{
    width: 205px;
    left: 270px;
}
.Maistra-ONLINE,
.TOURS-ONLINE{
    position: absolute;
    height: 55px;
    padding: 0px 20px 0px 20px;
    background: #EFF3F6;
    border-radius: 2px;
    outline: none;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #373737;
}
.Maistra-ONLINE{
    width: 145px;
}
.TOURS-ONLINE{
    width: 110px;
}
.Maistra-ONLINE::placeholder,
.TOURS-ONLINE::placeholder{
    color: #373737;
}
.Check-icon-1,
.Check-icon-2{
    position: absolute;
    top: 17.5px;
    left: 17.5px;
    width: 20px;
    height: 20px;
}
.Check-icon-1{
    background: no-repeat url(../img/png-icons/book\ 1.png);
    background-size: 20px 20px;
}
.Check-icon-2{
    background: no-repeat url(../img/png-icons/Frame\ 18.png);
    background-size: 20px 20px;
}
.Maistra-btn{
    position: absolute;
    width: 55px;
    height: 55px;
    left: 185px;
    background: #DD4053;
    border-radius: 2px;
}
.TOURS-btn{
    position: absolute;
    width: 55px;
    height: 55px;
    left: 150px;
    background: #4AD295;
    border-radius: 2px;
}
@media screen and (max-width:1297px) and (min-width:0px){
    .top-blocks{
        left: calc((100vw - 701px)/2);
        width: 701px;
        height: 177px;
    }
    .dash5{
        display: none;
    }
    .top-line{
        top: 177px;
    }
    .top{
        position: relative;
        width: 100vw;
        height: 177px;
        margin: 0 auto;
        padding: 0 auto;
    }
    .top-block6{
        position: relative;
        top: 101px;
        left: 0px;
        margin: 0 auto;
    }
}
@media screen and (max-width:760px){
    .top-blocks{
        left: calc((100vw - 655px)/2);
        width: 655px;
        height: 177px;
    }
    .smartphone-icon{
        top: 110px;
        left: 40px;
    }
    .dash5{
        display: block;
        top: 109px;
        left: 104px;
    }
    .top-block6{
        position: absolute;
        top: 101px;
        left: 140px;
    }
}
.list{
    position: relative;
    width: 100vw;
    height: 69px;
}
.list-block{
    position: absolute;
    width: 1093px;
    height: 69px;
    left: 174px;
}
@media screen and (max-width:1440px) and (min-width:1153px){
    .list-block{
        position: absolute;
        width: 1093px;
        height: 69px;
        left: calc((100vw - 1093px)/2);
    }
}
@media screen and (min-width:1440px){
    .list{
        width: 1440px;
        margin: 0 auto;
    }
}
.search-icon{
    position: absolute;
    top: 27px;
    width: 19px;
    height: 19px;
    background: no-repeat url(../img/png-icons/search.png);
    background-size: 19px 19px;
}
.list-hotels,
.list-countries,
.list-avia,
.list-catalog,
.list-agents,
.list-WE,
.list-blog,
.list-FAQ,
.list-contacts{
    position: absolute;
    height: 42px;
    top: 27px;
    transition: 300ms;
}
.list-polygon-icon-1,
.list-polygon-icon-2,
.list-polygon-icon-3,
.list-polygon-icon-4,
.list-polygon-icon-5{
    position: absolute;
    width: 6px;
    height: 6px;
    top: 8px;
    right: 0px;
    background: no-repeat url(../img/png-icons/Polygon\ 6.png);
    background-size: 6px 6px;
    transition: 500ms;
}
.list-hotels:hover .list-hotels-link .list-polygon-icon-1,
.list-countries:hover .list-countries-link .list-polygon-icon-2,
.list-avia:hover .list-avia-link .list-polygon-icon-3,
.list-agents:hover .list-agents-link .list-polygon-icon-4,
.list-WE:hover .list-WE-link .list-polygon-icon-5{
    transform: matrix(-1, -0.0001, 0, -1, 0, 0);
    -ms-transform: matrix(-1, -0.0001, 0, -1, 0, 0);
    -webkit-transform:matrix(-1, -0.0001, 0, -1, 0, 0);
}
.list-hotels-link,
.list-countries-link,
.list-avia-link,
.list-catalog-link,
.list-agents-link,
.list-WE-link,
.list-blog-link,
.list-FAQ-link,
.list-contacts-link{
    position: absolute;
    height: 42px;
    width: 50px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    text-decoration: none;
    color: #616161;
    outline: none;
    transition: 300ms;
}
.hotels-red-overflow,
.countries-red-overflow,
.avia-red-overflow,
.catalog-red-overflow,
.agents-red-overflow,
.WE-red-overflow,
.blog-red-overflow,
.FAQ-red-overflow,
.contacts-red-overflow{
    position: absolute;
    overflow: hidden;
    width: 210px;
    height: 3px;
    top: 39px;
    left: -7px;
    z-index: -1;
    transition: 300ms;
}
.hotels-red,
.countries-red,
.avia-red,
.catalog-red,
.agents-red,
.WE-red,
.blog-red,
.FAQ-red,
.contacts-red{
    position: absolute;
    width: 210px;
    height: 3px;
    top: 5px;
    background: #DD4053;
    transition: 300ms;
}
.hotels-block-overflow,
.countries-block-overflow,
.avia-block-overflow,
.agents-block-overflow,
.WE-block-overflow{
    position: absolute;
    width: 210px;
    height: 230.5px;
    top: 42px;
    left: -7px;
    z-index: -2;
    overflow: hidden;
}
.hb-list,
.cb-list,
.ab-list,
.agb-list,
.wb-list{
    position: absolute;
    width: 210px;
    height: 230.5px;
    top: -230.5px;
    background: #FFFFFF;
    border: 0.5px solid #DDDDDD;
    border-top: none;
    box-sizing: border-box;
}
.list-hotels-link:focus,
.list-hotels:hover .list-hotels-link,
.list-countries-link:focus,
.list-countries:hover .list-countries-link,
.list-avia-link:focus,
.list-avia:hover .list-avia-link,
.list-catalog-link:focus,
.list-catalog:hover .list-catalog-link,
.list-agents-link:focus,
.list-agents:hover .list-agents-link,
.list-WE-link:focus,
.list-WE:hover .list-WE-link,
.list-blog-link:focus,
.list-blog:hover .list-blog-link,
.list-FAQ-link:focus,
.list-FAQ:hover .list-FAQ-link,
.list-contacts-link:focus,
.list-contacts:hover .list-contacts-link{
    color: #171717;
}
.list-hotels-link:focus .hotels-red-overflow .hotels-red{
    top: 0px;
    width: 74px;
}
.list-countries-link:focus .countries-red-overflow .countries-red{
    top: 0px;
    width: 83px;
}
.list-avia-link:focus .avia-red-overflow .avia-red{
    top: 0px;
    width: 64px;
}
.list-catalog-link:focus .catalog-red-overflow .catalog-red{
    top: 0px;
}
.list-agents-link:focus .agents-red-overflow .agents-red{
    top: 0px;
    width: 91px;
}
.list-WE-link:focus .WE-red-overflow .WE-red{
    top: 0px;
    width: 71px;
}
.list-blog-link:focus .blog-red-overflow .blog-red{
    top: 0px;
}
.list-FAQ-link:focus .FAQ-red-overflow .FAQ-red{
    top: 0px;
}
.list-contacts-link:focus .contacts-red-overflow .contacts-red{
    top: 0px;
}
.list-hotels:hover .hotels-block-overflow,
.list-countries:hover .countries-block-overflow,
.list-avia:hover .avia-block-overflow,
.list-agents:hover .agents-block-overflow,
.list-WE:hover .WE-block-overflow{
    z-index: 1;
}
.list-hotels:hover .hotels-red-overflow,
.list-countries:hover .countries-red-overflow,
.list-avia:hover .avia-red-overflow,
.list-catalog:hover .catalog-red-overflow,
.list-agents:hover .agents-red-overflow,
.list-WE:hover .WE-red-overflow,
.list-blog:hover .blog-red-overflow,
.list-FAQ:hover .FAQ-red-overflow,
.list-contacts:hover .contacts-red-overflow,
.list-hotels-link:focus .hotels-red-overflow,
.list-countries-link:focus .countries-red-overflow,
.list-avia-link:focus .avia-red-overflow,
.list-catalog-link:focus .catalog-red-overflow,
.list-agents-link:focus .agents-red-overflow,
.list-WE-link:focus .WE-red-overflow,
.list-blog-link:focus .blog-red-overflow,
.list-FAQ-link:focus .FAQ-red-overflow,
.list-contacts-link:focus .contacts-red-overflow{
    z-index: 2;
}
.list-countries:hover .countries-block-overflow .cb-list,
.list-countries:hover .list-countries-link .countries-red,
.list-avia:hover .avia-block-overflow .ab-list,
.list-avia:hover .list-avia-link .avia-red,
.list-agents:hover .agents-block-overflow .agb-list,
.list-agents:hover .list-agents-link .agents-red{
    top: 0px;
    width: 210px;
}
.list-hotels:hover .hotels-block-overflow .hb-list,
.list-hotels:hover .list-hotels-link .hotels-red{
    top: 0px;
    width: 198px;
}
.list-WE:hover .WE-block-overflow .wb-list,
.list-WE:hover .list-WE-link .WE-red{
    top: 0px;
    width: 176px;
}
.list-catalog:hover .list-catalog-link .catalog-red{
    top: 0px;
    width: 119px;
}
.list-blog:hover .list-blog-link .blog-red{
    top: 0px;
    width: 50px;
}
.list-FAQ:hover .list-FAQ-link .FAQ-red{
    top: 0px;
    width: 47px;
}
.list-contacts:hover .list-contacts-link .contacts-red{
    top: 0px;
    width: 87px;
}
.list-countries:hover .countries-block-overflow .cb-list,
.list-avia:hover .avia-block-overflow .ab-list,
.list-agents:hover .agents-block-overflow .agb-list,
.list-hotels:hover .hotels-block-overflow .hb-list,
.list-WE:hover .WE-block-overflow .wb-list{
    transition: 500ms;
}
.hb-txt-div-1,
.hb-txt-div-2,
.hb-txt-div-3,
.hb-txt-div-4,
.hb-txt-div-5,
.hb-txt-div-6,
.hb-txt-div-7,
.hb-txt-div-8,
.hb-txt-div-9,
.hb-txt-div-10,
.hb-txt-div-11,
.cb-txt-div-1,
.cb-txt-div-2,
.cb-txt-div-3,
.cb-txt-div-4,
.cb-txt-div-5,
.cb-txt-div-6,
.cb-txt-div-7,
.ab-txt-div-1,
.ab-txt-div-2,
.ab-txt-div-3,
.ab-txt-div-4,
.ab-txt-div-5,
.ab-txt-div-6,
.ab-txt-div-7,
.agb-txt-div-1,
.agb-txt-div-2,
.agb-txt-div-3,
.agb-txt-div-4,
.agb-txt-div-5,
.agb-txt-div-6,
.agb-txt-div-7,
.wb-txt-div-1,
.wb-txt-div-2,
.wb-txt-div-3,
.wb-txt-div-4,
.wb-txt-div-5{
    position: relative;
    width: 209px;
    height: 33px;
    float: left;
    border-bottom: 0.5px solid #D0D0D0;
    box-sizing: border-box;
}
.wb-txt-div-1,
.wb-txt-div-2,
.wb-txt-div-3,
.wb-txt-div-4,
.wb-txt-div-5{
    width: 175px;
}
.hb-txt-div-1,
.hb-txt-div-2,
.hb-txt-div-3,
.hb-txt-div-4,
.hb-txt-div-5,
.hb-txt-div-6,
.hb-txt-div-7,
.hb-txt-div-8,
.hb-txt-div-9,
.hb-txt-div-10,
.hb-txt-div-11{
    width: 197px;
}
.hb-txt-div-11,
.cb-txt-div-7,
.ab-txt-div-7,
.agb-txt-div-7,
.wb-txt-div-5{
    height: 32.5px;
    border: none;
}
.wb-txt-div-5,
.hb-txt-div-9,
.hb-txt-div-11{
    height: 45px;
}
.hb-txt,
.hb-txt-1,
.cb-txt,
.ab-txt,
.agb-txt,
.wb-txt,
.wb-txt-1{
    position: absolute;
    top: 10.5px;
    left: 15px;
    height: 12px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
    color: #616161;
    transition: 500ms;
}
.hb-txt-1,
.wb-txt-1{
    height: 24px;
}
.hb-txt:hover,
.hb-txt:focus,
.hb-txt-1:hover,
.hb-txt-1:focus,
.cb-txt:hover,
.cb-txt:focus,
.ab-txt:hover,
.ab-txt:focus,
.agb-txt:hover,
.agb-txt:focus,
.wb-txt:hover,
.wb-txt:focus,
.wb-txt-1:hover,
.wb-txt-1:focus{
    color: #DD4053;
}

.list-hotels{
    left: 79px;
    width: 60px;
}
.list-hotels-link{
    width: 60px;
}
.hotels-red-overflow,
.hotels-red{
    width: 198px;
}
.hotels-block-overflow{
    width: 198px;
    height: 386.5px;
}
.hb-list{
    width: 198px;
    height: 386.5px;
    top: -386.5px;
}
.list-countries{
    left: 195px;
    width: 69px;
}
.list-countries-link{
    width: 69px;
}
.list-avia{
    left: 320px;
    width: 50px;
}
.list-catalog{
    left: 427px;
    width: 103px;
}
.list-catalog-link{
    text-align: center;
    width: 103px;
}
.catalog-red-overflow{
    width: 119px;
    left: -8px;
}
.catalog-red{
    width: 119px;
}
.list-agents{
    left: 586px;
    width: 77px;
}
.list-agents-link{
    width: 77px;
}
.list-WE{
    left: 723px;
    width: 57px;
}
.list-WE-link{
    width: 57px;
}
.WE-red-overflow,
.WE-red{
    width: 176px;
}
.WE-block-overflow{
    width: 176px;
    height: 176.5px;
}
.wb-list{
    width: 176px;
    height: 176.5px;
    top: -176.5px;
}
.list-blog{
    left: 840px;
    width: 34px;
}
.list-blog-link{
    text-align: center;
    width: 34px;
}
.blog-red-overflow{
    width: 50px;
    left: -8px;
}
.blog-red{
    width: 50px;
}
.list-FAQ{
    left: 934px;
    width: 29px;
}
.list-FAQ-link{
    text-align: center;
    width: 29px;
}
.FAQ-red-overflow{
    width: 47px;
    left: -8px;
}
.FAQ-red{
    width: 47px;
}
.list-contacts{
    left: 1022px;
    width: 71px;
}
.list-contacts-link{
    text-align: center;
    width: 71px;
}
.contacts-red-overflow{
    width: 87px;
    left: -8px;
}
.contacts-red{
    width: 87px;
}
@media screen and (max-width:1153px){
    .list-block{
        left: 30px;
    }
    .list-hotels{
        left: calc(79px - (1093px - 100vw + 60px)*0.0723);
        transition: 0ms; 
    }
    .list-countries{
        left: calc(195px - (1093px - 100vw + 60px)*0.178);
        transition: 0ms;
    }
    .list-avia{
        left: calc(320px - (1093px - 100vw + 60px)*0.293);
        transition: 0ms;
    }
    .list-catalog{
        left: calc(427px - (1093px - 100vw + 60px)*0.39);
        transition: 0ms;
    }
    .list-agents{
        left: calc(586px - (1093px - 100vw + 60px)*0.536);
        transition: 0ms;
    }
    .list-WE{
        left: calc(723px - (1093px - 100vw + 60px)*0.6615);
        transition: 0ms;
    }
    .list-blog{
        left: calc(840px - (1093px - 100vw + 60px)*0.7685);
        transition: 0ms;
    }
    .list-FAQ{
        left: calc(934px - (1093px - 100vw + 60px)*0.8545);
        transition: 0ms;
    }
    .list-contacts{
        left: calc(1022px - (1093px - 100vw + 60px)*0.935);
        transition: 0ms;
    }
}
@media screen and (max-width:803px){
    .list{
        height: 138px;
    }
    .list-block{
        width: 537px;
        height: 138px;
        left: 10px;
    }
    .list-hotels,
    .list-countries,
    .list-avia,
    .list-agents,
    .list-WE{
        top: 96px;
    }
    .list-hotels{
        left: 0px;
    }
    .list-countries{
        left: 116px;
    }
    .list-avia{
        left: 241px;
    }
    .list-agents{
        left: 347px;
    }
    .list-WE{
        left: 480px;
    }
    .list-catalog{
        left: 60px;
    }
    .list-blog{
        left: 223px;
    }
    .list-FAQ{
        left: 317px;
    }
    .list-contacts{
        left: 406px;
    }
}
@media screen and (max-width:803px) and (min-width:557px){
    .list-block{
        left: calc(133px - (803px - 100vw)/2);
    }
}
.picture-horvat-hotel{
    position: relative;
    width: 100vw;
    height: 490px;
}
.overflow-picture{
    position: absolute;
    width: 100vw;
    height: 490px;
    left: 0px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 14.37%, rgba(0, 0, 0, 0.8) 100%);
}
#picture-horvat-hotel-full{
    width: 500vw;
    height: 490px;
    top: 0px;
    transition: left 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.picture-horvat-hotel-gradient{
    position: relative;
    float: left;
    width: 100vw;
    height: 490px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 14.37%, rgba(0, 0, 0, 0.8) 100%);
}
.picture-horvat-hotel-1,
.picture-horvat-hotel-2,
.picture-horvat-hotel-3,
.picture-horvat-hotel-4,
.picture-horvat-hotel-5{
    position: relative;
    float: left;
    width: 100vw;
    height: 490px;
}
.picture-horvat-hotel-1{
    background: no-repeat url(../img/maxresdefault\ \(1\)\ 2.png) center/cover;
}
.picture-horvat-hotel-2{
    background: no-repeat url(../img/montenegro-hero\ 1.png) center/cover;
}
.picture-horvat-hotel-3{
    background: no-repeat url(../img/maxresdefault\ \(1\)\ 2.png) center/cover;
}
.picture-horvat-hotel-4{
    background: no-repeat url(../img/montenegro-hero\ 1.png) center/cover;
}
.picture-horvat-hotel-5{
    background: no-repeat url(../img/maxresdefault\ \(1\)\ 2.png) center/cover;
}
.hh-cena-block{
    position: absolute;
    width: 249px;
    height: 45px;
    left: 199px;
    top: 104px;
    border: 1px solid #FFFFFF;
}
.hh-cena-txt{
    position: absolute;
    width: 249px;
    height: 32px;
    top: 6px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}
.horvat-hotel{
    position: absolute;
    width: auto;
    height: auto;
    left: 195px;
    right: 520px;
    top: 165px; 
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.hh-more-btn{
    position: absolute;
    width: 270px;
    height: 60px;
    left: 200px;
    top: 307px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 2px;
}
.hh-more-txt{
    position: absolute;
    width: 270px;
    height: 20px;
    top: 20px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}
label, a{
    cursor: pointer;
}
.picture-horvat-hotel input{
    display: none;
}
#picture-btn{
    position: absolute;
    width: 75px;
    height: 7px;
    left: 200px;
    top: 423px;
}
#picture-btn label{
    position: absolute;
    width: 7px;
    height: 7px;
    opacity: 0.5;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    transition: 500ms;
}
.picture-btn-2{
    left: 17px;
}
.picture-btn-3{
    left: 34px;
}
.picture-btn-4{
    left: 51px;
}
.picture-btn-5{
    left: 68px;
}
#picture-btn label:hover,
#switch1:checked ~ #picture-btn label:nth-child(1),
#switch2:checked ~ #picture-btn label:nth-child(2),
#switch3:checked ~ #picture-btn label:nth-child(3),
#switch4:checked ~ #picture-btn label:nth-child(4),
#switch5:checked ~ #picture-btn label:nth-child(5){
    position: absolute;
    width: 7px;
    height: 7px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    opacity: 1;
}
#switch1:checked ~ .overflow-picture #picture-horvat-hotel-full{
    position: relative;
    width: 500vw;
    height: 490px;
    left: 0px;
}
#switch2:checked ~ .overflow-picture #picture-horvat-hotel-full{
    position: relative;
    width: 500vw;
    height: 490px;
    left: -100vw;
}
#switch3:checked ~ .overflow-picture #picture-horvat-hotel-full{
    position: relative;
    width: 500vw;
    height: 490px;
    left: -200vw;
}
#switch4:checked ~ .overflow-picture #picture-horvat-hotel-full{
    position: relative;
    width: 500vw;
    height: 490px;
    left: -300vw;
}
#switch5:checked ~ .overflow-picture #picture-horvat-hotel-full{
    position: relative;
    width: 500vw;
    height: 490px;
    left: -400vw;
}
@media screen and (min-width: 2064px){
    .picture-horvat-hotel{
        width: 10320px;
    }
    .overflow-picture,
    .picture-horvat-hotel,
    .picture-horvat-hotel-gradient,
    .picture-horvat-hotel-1, .picture-horvat-hotel-2, .picture-horvat-hotel-3, .picture-horvat-hotel-4, .picture-horvat-hotel-5{
        width: 2064px;
    }
    #switch1:checked ~ .overflow-picture #picture-horvat-hotel-full{
        position: relative;
        width: 500vw;
        height: 490px;
        left: 0px;
    }
    #switch2:checked ~ .overflow-picture #picture-horvat-hotel-full{
        position: relative;
        width: 500vw;
        height: 490px;
        left: -2064px;
    }
    #switch3:checked ~ .overflow-picture #picture-horvat-hotel-full{
        position: relative;
        width: 500vw;
        height: 490px;
        left: -4128px;
    }
    #switch4:checked ~ .overflow-picture #picture-horvat-hotel-full{
        position: relative;
        width: 500vw;
        height: 490px;
        left: -6192px;
    }
    #switch5:checked ~ .overflow-picture #picture-horvat-hotel-full{
        position: relative;
        width: 500vw;
        height: 490px;
        left: -8256px;
    }
}
@media screen and (min-width: 1616px){
    .horvat-hotel{
        width: 901px;
    }
}
@media screen and (max-width: 1344px){
    .picture-horvat-hotel,
    #switch1:checked ~ .overflow-picture #picture-horvat-hotel-full,
    .picture-horvat-hotel-gradient,
    .picture-horvat-hotel-1, .picture-horvat-hotel-2, .picture-horvat-hotel-3, .picture-horvat-hotel-4, .picture-horvat-hotel-5,
    .overflow-picture{
        height: 545px;
    }
    .hh-more-btn{
        top: 362px;
    }
    #picture-btn{
        top: 478px;
    }
    .horvat-hotel{
        width: 445px;
        right: auto;
    }
}
@media screen and (max-width: 1160px){
    .horvat-hotel{
        width: 445px;
        right: auto;
    }
}
@media screen and (max-width: 835px){
    .horvat-hotel{
        left: calc(195px - (835px - 100vw)/2);
    }
}
@media screen and (max-width: 670px){
    .hh-more-btn{
        left: calc(200px - (670px - 100vw)/2);
    }
}
@media screen and (max-width: 649px){
    .hh-cena-block{
        left: calc(199px - (649px - 100vw)/2);
    }
}
@media screen and (max-width: 475px){
    #picture-btn{
        left: calc(200px - (475px - 100vw)/2);
    }
}
@media screen and (max-width: 445px){
    .horvat-hotel{
        left: 0px;
    }
}
@media screen and (max-width: 251px){
    .hh-cena-block{
        left: 0px;
    }
}
@media screen and (max-width: 270px){
    .hh-more-btn{
        left: 0px;
    }
}
@media screen and (max-width: 80px){
    #picture-btn{
        left: 0px;
    }
}
.under-picture{
    position: relative;
    width: 100vw;
    height: 250px;
    background: #F8F8F8;
}
.your-touroperator{
    position: absolute;
    width: 624px;
    height: 72px;
    left: 198px;
    top: 30px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #1D1D1D;
}
.travelling-world{
    position: absolute;
    width: 335px;
    height: 28px;
    left: 198px;
    top: 117px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #777777;
}
.up-btn-1{
    position: absolute;
    width: 270px;
    height: 50px;
    left: 198px;
    top: 165px;
    background: #BDBDBD;
    border-radius: 2px;
}
.up-btn-txt-1{
    position: absolute;
    width: 270px;
    height: 20px;
    top: 15px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}
.up-btn-2{
    position: absolute;
    width: 220px;
    height: 50px;
    left: 498px;
    top: 165px;
    border: 1px solid #969696;
    border-radius: 2px;
}
.up-btn-txt-2{
    position: absolute;
    width: 220px;
    height: 20px;
    top: 15px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #969696;
}
.up-three-icons{
    position: absolute;
    width: 435px;
    height: 175px;
    top: 27px;
    right: 121px;
}
.up-individual-icon,
.up-service-icon,
.up-rest-premium-icon{
    position: absolute;
    width: 45px;
    height: 45px;
    border: 1.2px dashed #969696;
    border-radius: 50%;
}
.up-service-icon{top: 65px;}
.up-rest-premium-icon{top: 130px;}
.up-individual-icon-2,
.up-service-icon-2,
.up-rest-premium-icon-2{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 12.5px;
    top: 12.5px;    
    background: no-repeat url(../img/png-icons/Frame\ 23.png);
    background-size: 20px 20px;
}
.up-individual{
    position: absolute;
    width: 370px;
    height: 20px;
    left: 65px;
    top: 12.5px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #3D3D3D;
}
.up-service-icon-2{
    background: no-repeat url(../img/png-icons/Frame\ 24.png);
    background-size: 20px 20px;
}
.up-service{
    position: absolute;
    width: 370px;
    height: 20px;
    left: 65px;
    top: 77.5px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #3D3D3D;
}
.up-rest-premium-icon-2{
    background: no-repeat url(../img/png-icons/star.png);
    background-size: 20px 20px;
}
.up-rest-premium{
    position: absolute;
    width: 370px;
    height: 20px;
    left: 65px;
    top: 142.5px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #3D3D3D;
}
@media screen and (min-width: 1680px){
    .under-picture{
        width: 1680px;
        margin: 0 auto;
    }
    .up-gradient-right{
        position: absolute;
        height: 260px;
        width: calc((100vw - 1680px)/2);
        min-width: 50px;
        max-width: 192px;
        left: 1680px;
        background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
    }
    .up-gradient-left{
        position: absolute;
        height: 260px;
        width: calc((100vw - 1680px)/2);
        min-width: 50px;
        max-width: 192px;
        right: 1680px;
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    }
}
@media screen and (max-width: 1400px){
    .your-touroperator{
        width: calc(624px - (1400px - 100vw));
    }
}
@media screen and (max-width: 1344px){
    .under-picture{
        height: 320px;
    }
    .up-btn-2{
        left: 198px;
        top: 235px;
    }
}
@media screen and (max-width: 1256px){
    .your-touroperator,
    .travelling-world,
    .up-btn-1,
    .up-btn-2{
        left: calc(198px - (1256px - 100vw)/2);
    }
    .your-touroperator{
        width: 490px;
    }
    .up-three-icons{
        right: calc(121px - (1256px - 100vw)/2);
    }
}
@media screen and (max-width: 912px){
    .under-picture{
        height: 515px;
    }
    .your-touroperator,
    .travelling-world,
    .up-btn-1,
    .up-btn-2,
    .up-three-icons{
        left: calc(198px - (912px - 100vw)/2);
    }
    .up-three-icons{
        bottom: 35px;
        top: auto;
    }
    .your-touroperator{
        width: 490px;
    }
    .up-three-icons{
        right: auto;
    }
}
@media screen and (max-width: 560px){
    .under-picture{
        height: 570px;
    }
    .your-touroperator,
    .travelling-world,
    .up-btn-1,
    .up-btn-2,
    .up-three-icons{
        left: calc(198px - (912px - 560px)/2);
    }
    .up-three-icons{
        bottom: 35px;
        top: auto;
    }
    .travelling-world{top: 153px;}
    .up-btn-1{top: 201px;}
    .up-btn-2{top: 271px;}
    .your-touroperator{
        width: calc(470px - (560px - 100vw));
        min-width: 400px;
    }
    .up-three-icons{
        right: auto;
    }
}
#best-hotels{
    position: relative;
    width: 100vw;
    height: 635px;
    left: 0px;
}
.best-hotels-txt{
    position: absolute;
    width: 411px;
    height: 43px;
    left: 198px;
    top: 90px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    color: #232323;
}
.overflow-best-hotels{
    position: absolute;
    width: 100vw;
    height: 450px;
    left: 0px;
    top: 185px;
    overflow: hidden;
}
.best-hotels-all{
    position: absolute;
    width: calc(200vw + 30px);
    height: 450px;
    transition: all 1400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.best-hotel-1,
.best-hotel-2,
.best-hotel-3{
    position: relative;
    width: calc(460px + (100vw - 1440px)/3);
    height: 450px;
    float: left;
    margin-right: 30px;
}
.best-hotel-3-3{
    position: relative;
    width: calc(460px + (100vw - 1440px)/3);
    height: 450px;
    float: left;
    margin-right:0px;
    background: no-repeat url(../img/c41c4172\ 1.png) center/cover;
}
.best-hotel-1{
    background: no-repeat url(../img/01_Valamar-Dubrovnik-President-Beach-Night_Dean-Tosovic_Valamar_riviera_dd\ 1.png) center/cover;
}
.best-hotel-2{
    background: no-repeat url(../img/276398231\ 2.png) center/cover;
}
.best-hotel-3{
    background: no-repeat url(../img/c41c4172\ 1.png) center/cover;
}
.best-hotels-gradient{
    position: absolute;
    width: calc(460px + (100vw - 1440px)/3);
    height: 450px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.bh-stars-4{
    position: absolute;
    width: 90.75px;
    height: 18px;
    left: calc(184.625px + (100vw - 1440px)/6);
    top: 180px;
    background: no-repeat url(../img/png-icons/Frame\ 20.png);
    background-size: 90.75px 18px;
}
.bh-stars-5{
    position: absolute;
    width: 114.75px;
    height: 18px;
    left: calc(172.625px + (100vw - 1440px)/6);
    top: 180px;
    background: no-repeat url(../img/png-icons/Frame\ 19.png);
    background-size: 114.75px 18px;
}
.bh-block-1{
    position: absolute;
    width: 195px;
    height: 30px;
    left: 0px;
    top: 20px;
    background: rgba(0, 0, 0, 0.35);
}
.bh-txt-1{
    position: absolute;
    width: 195px;
    height: 24px;
    top: 3px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}
.bh-txt-1-1{
    position: absolute;
    width: 249px;
    height: 34px;
    left: calc(105.5px + (100vw - 1440px)/6);
    top: 228px;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.bh-block-2{
    position: absolute;
    width: 140px;
    height: 30px;
    top: 20px;
    background: rgba(4, 4, 4, 0.35);
}
.bh-txt-2{
    position: absolute;
    width: 140px;
    height: 24px;
    top: 3px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}
.bh-txt-2-2{
    position: absolute;
    width: 233px;
    height: 49px;
    left: calc(113.5px + (100vw - 1440px)/6);
    top: 234px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.bh-block-3{
    position: absolute;
    width: 195px;
    height: 30px;
    top: 20px;
    background: rgba(0, 0, 0, 0.35);
}
.bh-txt-3{
    position: absolute;
    width: 167px;
    height: 20px;
    top: 3px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}
.bh-txt-3-3{
    position: absolute;
    width: 281px;
    height: 49px;
    left: calc(89.5px + (100vw - 1440px)/6);
    top: 233px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
#best-hotels input{
    display: none;
}
#bh-switch1:checked ~ .bh-labels label:nth-child(4),
#bh-switch2:checked ~ .bh-labels label:nth-child(1),
#bh-switch3:checked ~ .bh-labels label:nth-child(2),
#bh-switch4:checked ~ .bh-labels label:nth-child(3){
    position: absolute;
    width: 50px;
    height: 50px;
    left: 659px;
    top: 88px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#bh-switch1:checked ~ .bh-labels label:nth-child(4):hover,
#bh-switch2:checked ~ .bh-labels label:nth-child(1):hover,
#bh-switch3:checked ~ .bh-labels label:nth-child(2):hover,
#bh-switch4:checked ~ .bh-labels label:nth-child(3):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    background-position: center;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
#bh-switch1:checked ~ .bh-labels label:nth-child(2),
#bh-switch2:checked ~ .bh-labels label:nth-child(3),
#bh-switch3:checked ~ .bh-labels label:nth-child(4),
#bh-switch4:checked ~ .bh-labels label:nth-child(1){
    position: absolute;
    width: 50px;
    height: 50px;
    left: 729px;
    top: 88px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#bh-switch1:checked ~ .bh-labels label:nth-child(2):hover,
#bh-switch2:checked ~ .bh-labels label:nth-child(3):hover,
#bh-switch3:checked ~ .bh-labels label:nth-child(4):hover,
#bh-switch4:checked ~ .bh-labels label:nth-child(1):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background-position: center;
}
#bh-switch1:checked ~ .overflow-best-hotels .best-hotels-all{
   left: 0px;
}
#bh-switch2:checked ~ .overflow-best-hotels .best-hotels-all{
    left: calc(0px - 490px - (100vw - 1440px)/3);
}
#bh-switch3:checked ~ .overflow-best-hotels .best-hotels-all{
    left: calc(0px - 980px - (100vw - 1440px)/3*2);
}
#bh-switch4:checked ~ .overflow-best-hotels .best-hotels-all{
    left: calc(0px - 1470px - (100vw - 1440px)/3*3);
}
.bh-line{
    position: absolute;
    width: calc(237px + (100vw - 1440px));
    height: 1px;
    right: 366px;
    top: 112px;
    background: #C4C4C4;
}
.bh-allhotels-btn{
    position: absolute;
    width: 140px;
    height: 45px;
    right: 200px;
    top: 90px;
    border: 1px solid #969696;
    border-radius: 2px;
}
.bh-allhotels-txt{
    position: absolute;
    width: 140px;
    height: 17px;
    top: 14px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #969696;
}
@media screen and (min-width:2064px) {
    #best-hotels,
    .overflow-best-hotels{
        width: 2064px;
    }
    .best-hotels-all{
        width: 4158px;
    }
    .best-hotel-1,
    .best-hotel-2,
    .best-hotel-3,
    .best-hotel-3-3,
    .best-hotels-gradient{
        width: calc(460px + (2064px - 1440px)/3);
    }
    .bh-stars-4{
        left: calc(184.625px + (2064px - 1440px)/6);
    }
    .bh-stars-5{
        left: calc(172.625px + (2064px - 1440px)/6);
    }
    .bh-txt-1-1{
        left: calc(105.5px + (2064px - 1440px)/6);
    }
    .bh-txt-2-2{
        left: calc(113.5px + (2064px - 1440px)/6);
    }
    .bh-txt-3-3{
        left: calc(89.5px + (2064px - 1440px)/6);
    }
    .bh-line{
        width: calc(237px + (2064px - 1440px));
    }
}
@media screen and (max-width:1256px){
    .best-hotels-all{
        width: calc(3828px - (1256px - 100vw)*3);
    }
    .best-hotel-1,
    .best-hotel-2,
    .best-hotel-3,
    .best-hotel-3-3,
    .best-hotels-gradient{
        width: calc(613px + (100vw - 1256px)/2);
    }
    .bh-stars-4{
        left: calc(261.125px + (100vw - 1256px)/4);
    }
    .bh-stars-5{
        left: calc(249.625px + (100vw - 1256px)/4);
    }
    .bh-txt-1-1{
        left: calc(182px + (100vw - 1256px)/4);
    }
    .bh-txt-2-2{
        left: calc(190px + (100vw - 1256px)/4);
    }
    .bh-txt-3-3{
        left: calc(166px + (100vw - 1256px)/4);
    }
    #bh-switch2:checked ~ .overflow-best-hotels .best-hotels-all{
        left: calc(0px - 643px - (100vw - 1256px)/2);
    }
    #bh-switch3:checked ~ .overflow-best-hotels .best-hotels-all{
        left: calc(0px - 1286px - (100vw - 1256px)/2*2);
    }
    #bh-switch4:checked ~ .overflow-best-hotels .best-hotels-all{
        left: calc(0px - 1929px - (100vw - 1256px)/2*3);
    }
}
@media screen and (max-width:1200px){
    #bh-switch1:checked ~ .bh-labels label:nth-child(4),
    #bh-switch2:checked ~ .bh-labels label:nth-child(1),
    #bh-switch3:checked ~ .bh-labels label:nth-child(2),
    #bh-switch4:checked ~ .bh-labels label:nth-child(3){
        left: auto;
        right: 491px;
    }
    #bh-switch1:checked ~ .bh-labels label:nth-child(2),
    #bh-switch2:checked ~ .bh-labels label:nth-child(3),
    #bh-switch3:checked ~ .bh-labels label:nth-child(4),
    #bh-switch4:checked ~ .bh-labels label:nth-child(1){
        left: auto;
        right: 421px;
    }
}
@media screen and (max-width:1152px){
    #bh-switch1:checked ~ .bh-labels label:nth-child(4),
    #bh-switch2:checked ~ .bh-labels label:nth-child(1),
    #bh-switch3:checked ~ .bh-labels label:nth-child(2),
    #bh-switch4:checked ~ .bh-labels label:nth-child(3){
        left: auto;
        right: calc(491px - (1152px - 100vw)/2);
    }
    #bh-switch1:checked ~ .bh-labels label:nth-child(2),
    #bh-switch2:checked ~ .bh-labels label:nth-child(3),
    #bh-switch3:checked ~ .bh-labels label:nth-child(4),
    #bh-switch4:checked ~ .bh-labels label:nth-child(1){
        left: auto;
        right: calc(421px - (1152px - 100vw)/2);
    }
    .bh-allhotels-btn{
        right: calc(200px - (1152px - 100vw)/4);
    }
}
@media screen and (max-width:1032px){
    #bh-switch1:checked ~ .bh-labels label:nth-child(4),
    #bh-switch2:checked ~ .bh-labels label:nth-child(1),
    #bh-switch3:checked ~ .bh-labels label:nth-child(2),
    #bh-switch4:checked ~ .bh-labels label:nth-child(3){
        left: auto;
        right: calc(431px - (1032px - 100vw)/2);
    }
    #bh-switch1:checked ~ .bh-labels label:nth-child(2),
    #bh-switch2:checked ~ .bh-labels label:nth-child(3),
    #bh-switch3:checked ~ .bh-labels label:nth-child(4),
    #bh-switch4:checked ~ .bh-labels label:nth-child(1){
        left: auto;
        right: calc(361px - (1032px - 100vw)/2);
    }
    .bh-allhotels-btn{
        right: calc(170px - (1032px - 100vw)/2);
    }
    .best-hotels-txt{
        left: calc(198px - (1032px - 100vw)/2);
    }
}
@media screen and (max-width:832px){
    #best-hotels{
        height: 715px;
    }
    .overflow-best-hotels{
        top: 265px;
    }
    .best-hotels-all{
        width: calc(5142px - (832px - 100vw)*6);
    }
    .best-hotel-1,
    .best-hotel-2,
    .best-hotel-3,
    .best-hotel-3-3,
    .best-hotels-gradient{
        width: calc(832px + (100vw - 832px));
    }
    .bh-stars-4{
        left: calc(358.625px + (100vw - 832px)/2);
    }
    .bh-stars-5{
        left: calc(249.625px + (100vw - 832px)/2);
    }
    .bh-txt-1-1{
        left: calc(291.5px + (100vw - 832px)/2);
    }
    .bh-txt-2-2{
        left: calc(299.5px + (100vw - 832px)/2);
    }
    .bh-txt-3-3{
        left: calc(275.5px + (100vw - 832px)/2);
    }
    #bh-switch2:checked ~ .overflow-best-hotels .best-hotels-all{
        left: calc(0px - 862px - (100vw - 832px));
    }
    #bh-switch3:checked ~ .overflow-best-hotels .best-hotels-all{
        left: calc(0px - 1724px - (100vw - 832px)*2);
    }
    #bh-switch4:checked ~ .overflow-best-hotels .best-hotels-all{
        left: calc(0px - 2586px - (100vw - 832px)*3);
    }
    #bh-switch1:checked ~ .bh-labels label:nth-child(4),
    #bh-switch2:checked ~ .bh-labels label:nth-child(1),
    #bh-switch3:checked ~ .bh-labels label:nth-child(2),
    #bh-switch4:checked ~ .bh-labels label:nth-child(3){
        top: 168px;
        left: calc(198px - (832px - 100vw)/2);
        right: auto;
    }
    #bh-switch1:checked ~ .bh-labels label:nth-child(2),
    #bh-switch2:checked ~ .bh-labels label:nth-child(3),
    #bh-switch3:checked ~ .bh-labels label:nth-child(4),
    #bh-switch4:checked ~ .bh-labels label:nth-child(1){
        top: 168px;
        left: calc(268px - (832px - 100vw)/2);
        right: auto;
    }
    .bh-allhotels-btn{
        top: 170px;
        left: calc(356px - (832px - 100vw)/2);
        right: auto;
    }
    .best-hotels-txt{
        left: calc(198px - (832px - 100vw)/2);
    }
}
@media screen and (max-width:480px){
    #bh-switch1:checked ~ .bh-labels label:nth-child(4),
    #bh-switch2:checked ~ .bh-labels label:nth-child(1),
    #bh-switch3:checked ~ .bh-labels label:nth-child(2),
    #bh-switch4:checked ~ .bh-labels label:nth-child(3){
        top: 168px;
        left: calc(198px - (832px - 480px)/2);
        right: auto;
    }
    #bh-switch1:checked ~ .bh-labels label:nth-child(2),
    #bh-switch2:checked ~ .bh-labels label:nth-child(3),
    #bh-switch3:checked ~ .bh-labels label:nth-child(4),
    #bh-switch4:checked ~ .bh-labels label:nth-child(1){
        top: 168px;
        left: calc(268px - (832px - 480px)/2);
        right: auto;
    }
    .bh-allhotels-btn{
        top: 170px;
        left: calc(356px - (832px - 480px)/2);
        right: auto;
    }
    .best-hotels-txt{
        left: calc(198px - (832px - 480px)/2);
    }
}
#actual-tours{
    position: relative;
    width: 100vw;
    height: 974px;
}
.actual-tours-txt{
    position: absolute;
    width: 478px;
    height: 55px;
    left: 200px;
    top: 100px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    color: #232323;
}
.at-line{
    position: absolute;
    width: calc(340px - (1440px - 100vw));
    height: 1px;
    right: 366px;
    top: 122px;
    background: #C4C4C4;
}
.at-alltours-btn{
    position: absolute;
    width: 140px;
    height: 45px;
    right: 200px;
    top: 100px;
    border: 1px solid #969696;
    border-radius: 2px;
}
.at-alltours-txt{
    position: absolute;
    width: 140px;
    height: 17px;
    top: 14px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #969696;
}
.actual-tours-overflow{
    position: absolute;
    height: 480px;
    width: calc(1039px + (100vw - 1440px));
    left: 200px;
    top: 195px;
    overflow: hidden;
}
.actual-tours-all{
    position: absolute;
    height: 480px;
    width: calc(2108px + (100vw - 1440px)*2);
    transition: left 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.actual-tour-1,
.actual-tour-2,
.actual-tour-3,
.actual-tour-3-3{
    position: relative;
    width: calc(327px + (100vw - 1440px)/3);
    height: 480px;
    background: #F8F8F8;
    margin-right: 30px;
    float: left;
}
.actual-tour-2,
.actual-tour-3{
    width: calc(326px + (100vw - 1440px)/3);
}
.actual-tour-3-3{
    width: calc(326px + (100vw - 1440px)/3);
    margin-right: 0px;
}
#at-switch1,
#at-switch2,
#at-switch3,
#at-switch4{
    display: none;
}
#at-switch1:checked ~ .at-labels label:nth-child(4),
#at-switch2:checked ~ .at-labels label:nth-child(1),
#at-switch3:checked ~ .at-labels label:nth-child(2),
#at-switch4:checked ~ .at-labels label:nth-child(3){
    position: absolute;
    width: 50px;
    height: 50px;
    left: 115px;
    top: 419px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#at-switch1:checked ~ .at-labels label:nth-child(4):hover,
#at-switch2:checked ~ .at-labels label:nth-child(1):hover,
#at-switch3:checked ~ .at-labels label:nth-child(2):hover,
#at-switch4:checked ~ .at-labels label:nth-child(3):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    background-position: center;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
#at-switch1:checked ~ .at-labels label:nth-child(2),
#at-switch2:checked ~ .at-labels label:nth-child(3),
#at-switch3:checked ~ .at-labels label:nth-child(4),
#at-switch4:checked ~ .at-labels label:nth-child(1){
    position: absolute;
    width: 50px;
    height: 50px;
    right: 115px;
    top: 419px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#at-switch1:checked ~ .at-labels label:nth-child(2):hover,
#at-switch2:checked ~ .at-labels label:nth-child(3):hover,
#at-switch3:checked ~ .at-labels label:nth-child(4):hover,
#at-switch4:checked ~ .at-labels label:nth-child(1):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background-position: center;
}
#at-switch1:checked ~ .actual-tours-overflow .actual-tours-all{
   left: 0px;
}
#at-switch2:checked ~ .actual-tours-overflow .actual-tours-all{
    left: calc(0px - 357px + (1440px - 100vw)/3);
}
#at-switch3:checked ~ .actual-tours-overflow .actual-tours-all{
    left: calc(0px - 713px + (1440px - 100vw)/3*2);
}
#at-switch4:checked ~ .actual-tours-overflow .actual-tours-all{
    left: calc(0px - 1069px + (1440px - 100vw));
}
.at-picture-1,
.at-picture-2,
.at-picture-3{
    position: absolute;
    width: auto;
    left: 0px;
    right: 0px;
    height: 250px;
    background: no-repeat url(../img/mandarina\ 2.png) center/cover;
}
.at-picture-2{
    background: no-repeat url(../img/1491655\ 1.png) center/cover;
}
.at-picture-3{
    background: no-repeat url(../img/276398231\ 1.png) center/cover;
}
.at-block-1,
.at-block-2,
.at-block-3{
    position: absolute;
    width: 195px;
    height: 30px;
    top: 15px;
    background: rgba(0, 0, 0, 0.35);
}
.at-block-2{
    width: 140px;
}
.at-txt-1-1,
.at-txt-2-1,
.at-txt-3-1{
    position: absolute;
    width: 195px;
    height: 24px;
    top: 3px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}
.at-txt-2-1{
    width: 140px;
}
.at-txt-1-2,
.at-txt-2-2,
.at-txt-3-2{
    position: absolute;
    width: auto;
    height: 34px;
    left: 20px;
    right: 20px;
    top: 265px;
    font-family: 'Monserrat',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    color: #323232;
}
.at-txt-2-2{
    right: 25px;
    height: 49px;
    top: 269px;
}
.at-txt-3-2{
    right: 25px;
    height: 49px;
    top: 269px;
}
.at-txt-1-3,
.at-txt-2-3,
.at-txt-3-3{
    position: absolute;
    width: auto;
    height: auto;
    left: 20px;
    right: 10px;
    top: 328px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #848484;
}
.at-txt-2-3,
.at-txt-3-3{
    height: 41px;
}
.at-line-1{
    position: absolute;
    width: auto;
    height: 1px;
    left: 20px;
    right: 20px;
    top: 388px;
    background: #E8E8E8;
}
.at-cost-from{
    position: absolute;
    width: 18px;
    height: 34px;
    left: 20px;
    top: 415px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 34px;
    color: #DD4053;
}
.at-cost-euro{
    position: absolute;
    width: 73px;
    height: 32px;
    left: 46px;
    top: 412px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #DD4053;
}
.at-cost-bottom-1,
.at-cost-bottom-2,
.at-cost-bottom-3{
    position: absolute;
    width: 158px;
    height: 34px;
    left: 20px;
    top: 432px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 34px;
    color: #C9C9C9;
}
.at-cost-bottom-2{
    width: 46px;
    height: 34px;
}
.at-cost-bottom-3{
    width: 103px;
    height: 34px;
    left: 22px;
}
.at-time{
    position: absolute;
    width: 86px;
    height: 36px;
    right: 25px;
    top: 422px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #3E3E3E;
}
.at-choosing-panel-line{
    position: absolute;
    width: auto;
    height: 6px;
    left: 200px;
    right: 198px;
    top: 735px;
    background: #969696;
}
.at-choosing-panel{
    position: absolute;
    width: auto;
    height: 140px;
    left: 200px;
    right: 198px;
    top: 741px;
    background: #F8F8F8;
}
.at-select-icon-1,
.at-select-icon-2,
.at-select-icon-3,
.at-select-icon-4,
.at-select-icon-5{
    position: absolute;
    top: 26px;
    left: 30px;
    width: 15px;
    height: 15px;
    background: no-repeat url(../img/png-icons/compass\ 1.png);
    background-size: 15px 15px;
}
.at-select-icon-2{
    width: 16px;
    height: 16px;
    left: 131px;
    background: no-repeat url(../img/png-icons/Frame\ 83.png);
    background-size: 16px 16px;
}
.at-select-icon-3{
    left: 347px;
    background: no-repeat url(../img/png-icons/Frame\ 84.png);
    background-size: 15px 15px;
}
.at-select-icon-4{
    left: 568px;
    background: no-repeat url(../img/png-icons/Frame\ 85.png);
    background-size: 15px 15px;
}
.at-select-icon-5{
    left: 705px;
    background: no-repeat url(../img/png-icons/Frame\ 86.png);
    background-size: 15px 15px;
}
.at-select-txt-1,
.at-select-txt-2,
.at-select-txt-3,
.at-select-txt-4,
.at-select-txt-5{
    position: absolute;
    width: 51px;
    height: 17px;
    left: 50px;
    top: 25px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgba(34, 34, 34, 0.4);
}
.at-select-txt-2{
    position: absolute;
    width: 97px;
    height: 17px;
    left: 154px;
}
.at-select-txt-3{
    position: absolute;
    width: 87px;
    height: 17px;
    left: 370px;
}
.at-select-txt-4{
    position: absolute;
    width: 61px;
    height: 17px;
    left: 591px;
}
.at-select-txt-5{
    position: absolute;
    width: 48px;
    height: 17px;
    left: 728px;
}
.at-choosing-panel input{
    display: block;
}
.chosing-panel-chooses{
    position: absolute;
    width: auto;
    height: 50px;
    left: 30px;
    right: 184px;
    top: 52px;
}
.at-select-block-1,
.at-select-block-2,
.at-select-block-3-1,
.at-select-block-3-2,
.at-select-block-4,
.at-select-block-5-1,
.at-select-block-5-2{
    position: relative;
    float: left;
    width: 103px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid rgba(46, 46, 46, 0.2);
    display: inline;
    outline: none;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #4B4B4B;
    box-sizing: border-box;
}
.at-select-block-1::placeholder{
    color: #4B4B4B;
}
.at-select-block-2{
    position: relative;
    width: 215px;
    height: 50px;
    background: no-repeat url(../img/png-icons/Polygon\ 9.png);
    background-size: 6px 6px;
    background-position-x: 187px;
    background-position-y: 22px;
    background-color: #FFFFFF;
    border: 1px solid rgba(46, 46, 46, 0.2);
    border-left: none;
    border-radius: none;
    outline: none;
    margin: 0;
    padding-left: 20px;
    cursor: pointer;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgba(34, 34, 34, 0.4);
    appearance: none;
    box-sizing: border-box;
}
.at-select-block-3-1{
    position: relative;
    width: 111px;
    height: 50px;
    background: rgba(46, 46, 46, 0.2);
    background: no-repeat url(../img/png-icons/Polygon\ 9.png);
    background-size: 6px 6px;
    background-position-x: 81px;
    background-position-y: 22px;
    background-color: #FFFFFF;
    border: 1px solid rgba(46, 46, 46, 0.2);
    border-right: none;
    border-radius: none;
    outline: none;
    padding-left: 20px;
    margin: 0;
    cursor: pointer;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgba(34, 34, 34, 0.4);
    appearance: none;
    box-sizing: border-box;
}
.at-select-block-3-2{
    position: relative;
    width: 111px;
    height: 50px;
    background: rgba(46, 46, 46, 0.2);
    background: no-repeat url(../img/png-icons/Polygon\ 9.png);
    background-size: 6px 6px;
    background-position-x: 81px;
    background-position-y: 22px;
    background-color: #FFFFFF;
    border: 1px solid rgba(46, 46, 46, 0.2);
    border-radius: none;
    outline: none;
    border-left: none;
    margin: 0;
    padding-left: 20px;
    cursor: pointer;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgba(34, 34, 34, 0.4);
    appearance: none;
    box-sizing: border-box;
}
.at-select-dash{
    position: absolute;
    top: 15px;
    width: 7px;
    height: 20px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    z-index: 1;
    color: rgba(34, 34, 34, 0.4);
}
.at-select-block-4{
    position: relative;
    width: 138px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid rgba(46, 46, 46, 0.2);
    display: inline;
    outline: none;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #4B4B4B;
    box-sizing: border-box;
}
.at-select-block-4::placeholder{
    color: rgba(34, 34, 34, 0.4);
}
.at-select-block-5-1{
    position: relative;
    width: 75px;
    height: 50px;
    background: rgba(46, 46, 46, 0.2);
    background: no-repeat url(../img/png-icons/Polygon\ 9.png);
    background-size: 6px 6px;
    background-position-x: 51px;
    background-position-y: 22px;
    background-color: #FFFFFF;
    border: 1px solid rgba(46, 46, 46, 0.2);
    border-left: none;
    border-right: none;
    border-radius: none;
    outline: none;
    padding-left: 20px;
    margin: 0;
    cursor: pointer;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgba(34, 34, 34, 0.4);
    appearance: none;
    box-sizing: border-box;
}
.at-select-block-5-2{
    position: relative;
    width: 75px;
    height: 50px;
    background: rgba(46, 46, 46, 0.2);
    background: no-repeat url(../img/png-icons/Polygon\ 9.png);
    background-size: 6px 6px;
    background-position-x: 51px;
    background-position-y: 22px;
    background-color: #FFFFFF;
    border: 1px solid rgba(46, 46, 46, 0.2);
    border-left: none;
    border-radius: none;
    outline: none;
    padding-left: 20px;
    margin: 0;
    cursor: pointer;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgba(34, 34, 34, 0.4);
    appearance: none;
    box-sizing: border-box;
}
.at-select-dash-2{
    position: absolute;
    top: 15px;
    width: 7px;
    height: 20px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: rgba(34, 34, 34, 0.4);
    z-index: 1;
}
.at-select-btn{
    position: absolute;
    width: 135px;
    height: 35px;
    right: 30px;
    top: 52px;
    background: #DD4053;
    border-radius: 2px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    text-emphasis: none;
    text-decoration: none;
    padding-top: 15px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}
@media screen and (min-width:1356px){
    .at-select-dash{
        left: calc(420px + (100vw - 1440px)/5*2.5);
    }
    .at-select-dash-2{
        left: calc(748px + (100vw - 1440px)/5*4.5);
    }
    .at-select-block-1{
        width: calc(103px + (100vw - 1440px)/5);
    }
    .at-select-block-2{
        width: calc(215px + (100vw - 1440px)/5);
        background-position-x: calc(187px + (100vw - 1440px)/5);
    }
    .at-select-block-3-1,
    .at-select-block-3-2{
        width: calc(111px + (100vw - 1440px)/10);
        background-position-x: calc(81px + (100vw - 1440px)/10);
    }
    .at-select-block-4{
        width: calc(138px + (100vw - 1440px)/5);
    }
    .at-select-block-5-1,
    .at-select-block-5-2{
        width: calc(75px + (100vw - 1440px)/10);
        background-position-x: calc(51px + (100vw - 1440px)/10);
    }
    .at-select-icon-2{left: calc(131px + (100vw - 1440px)/5);}
    .at-select-icon-3{left: calc(347px + (100vw - 1440px)/5*2);} 
    .at-select-icon-4{left: calc(571px + (100vw - 1440px)/5*3);}
    .at-select-icon-5{left: calc(707px + (100vw - 1440px)/5*4);}
    .at-select-txt-2{left: calc(154px + (100vw - 1440px)/5);}
    .at-select-txt-3{left: calc(371px + (100vw - 1440px)/5*2);} 
    .at-select-txt-4{left: calc(593px + (100vw - 1440px)/5*3);}
    .at-select-txt-5{left: calc(730px + (100vw - 1440px)/5*4);}
}
@media screen and (min-width:1944px) {
    .actual-tours-overflow{
        width: 1544px;
        left: calc(200px + (100vw - 1944px)/2);
    }
    .actual-tours-all{
        width: 3118px;
    }
    .actual-tour-1, .actual-tour-2, .actual-tour-3, .actual-tour-3-3{
        width: calc(1484px *2 /6);
    }
    .at-select-dash{
        left: calc(420px + (1944px - 1440px)/5*2.5);
    }
    .at-select-dash-2{
        left: calc(748px + (1944px - 1440px)/5*4.5);
    }
    .at-select-block-1{
        width: calc(103px + (1944px - 1440px)/5);
    }
    .at-select-block-2{
        width: calc(215px + (1944px - 1440px)/5);
        background-position-x: calc(187px + (1944px - 1440px)/5);
    }
    .at-select-block-3-1,
    .at-select-block-3-2{
        width: calc(111px + (1944px - 1440px)/10);
        background-position-x: calc(81px + (1944px - 1440px)/10);
    }
    .at-select-block-4{
        width: calc(138px + (1944px - 1440px)/5);
    }
    .at-select-block-5-1,
    .at-select-block-5-2{
        width: calc(75px + (1944px - 1440px)/10);
        background-position-x: calc(51px + (1944px - 1440px)/10);
    }
    .at-choosing-panel,
    .at-choosing-panel-line{
        width: 1546px;
        left: calc(200px + (100vw - 1944px)/2);
    }
    #at-switch2:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 357px + (1440px - 1944px)/3);
    }
    #at-switch3:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 713px + (1440px - 1944px)/3*2);
    }
    #at-switch4:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 1069px + (1440px - 1944px));
    }
    .at-select-icon-2{left: calc(131px + (1944px - 1440px)/5);}
    .at-select-icon-3{left: calc(347px + (1944px - 1440px)/5*2);} 
    .at-select-icon-4{left: calc(571px + (1944px - 1440px)/5*3);}
    .at-select-icon-5{left: calc(707px + (1944px - 1440px)/5*4);}
    .at-select-txt-2{left: calc(154px + (1944px - 1440px)/5);}
    .at-select-txt-3{left: calc(371px + (1944px - 1440px)/5*2);} 
    .at-select-txt-4{left: calc(593px + (1944px - 1440px)/5*3);}
    .at-select-txt-5{left: calc(730px + (1944px - 1440px)/5*4);}
}
@media screen and (min-width:2064px){
    .actual-tours-overflow,
    .at-choosing-panel,
    .at-choosing-panel-line{
        left: calc(200px + (2064px - 1944px)/2);
    }
    #actual-tours{
        width: 2064px;
    }
    .at-line{
        width: calc(340px - (1440px - 2064px));
        left: auto;
    }
}
@media screen and (max-width:1344px){
    .actual-tours-all{
        width: calc(2892px + (100vw - 1440px)*3);
    }
    .actual-tour-1, .actual-tour-2, .actual-tour-3, .actual-tour-3-3{
        width: calc(457px + (100vw - 1344px)/2);
    }
    #at-switch2:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 487px + (1344px - 100vw)/2);
    }
    #at-switch3:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 974px + (1344px - 100vw)/2*2);
    }
    #at-switch4:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 1461px + (1344px - 100vw)/2*3);
    }
}
@media screen and (max-width:1000px){
    .at-choosing-panel,
    .at-choosing-panel-line{
        display: none;
    }
    #actual-tours{
        height: 735px;
    }
}

@media screen and (max-width:968px){
    .actual-tours-all{
        width: calc(3558px + (100vw - 968px)*6);
    }
    .actual-tour-1, .actual-tour-2, .actual-tour-3, .actual-tour-3-3{
        width: calc(568px + (100vw - 968px));
    }
    #at-switch2:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 598px + (968px - 100vw));
    }
    #at-switch3:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 1196px + (968px - 100vw)*2);
    }
    #at-switch4:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 1794px + (968px - 100vw)*3);
    }
    .actual-tours-txt{
        left: calc(200px - (968px - 100vw)/2);
    }
    .at-alltours-btn{
        right: calc(200px - (968px - 100vw)/2);
    }
}
@media screen and (max-width:712px){
    #actual-tours{
        height: 805px;
    }
    .actual-tours-overflow{
        top: 265px;
        width: 311px;
        left: calc(200px - (712px - 100vw)/2);
    }
    .actual-tours-all{
        width: calc(3558px + (712px - 968px)*6);
    }
    .actual-tour-1, .actual-tour-2, .actual-tour-3, .actual-tour-3-3{
        width: calc(568px + (712px - 968px));
    }
    #at-switch2:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 598px + (968px - 712px));
    }
    #at-switch3:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 1196px + (968px - 712px)*2);
    }
    #at-switch4:checked ~ .actual-tours-overflow .actual-tours-all{
        left: calc(0px - 1794px + (968px - 712px)*3);
    }
    #at-switch1:checked ~ .at-labels label:nth-child(4),
    #at-switch2:checked ~ .at-labels label:nth-child(1),
    #at-switch3:checked ~ .at-labels label:nth-child(2),
    #at-switch4:checked ~ .at-labels label:nth-child(3){
        top: 489px;
        left: calc(115px - (712px - 100vw)/2);
    }
    #at-switch1:checked ~ .at-labels label:nth-child(2),
    #at-switch2:checked ~ .at-labels label:nth-child(3),
    #at-switch3:checked ~ .at-labels label:nth-child(4),
    #at-switch4:checked ~ .at-labels label:nth-child(1){
        top: 489px;
        right: calc(115px - (712px - 100vw)/2);
    }
    .at-alltours-btn{
        top: 175px;
        left: calc(284.5px - (712px - 100vw)/2);
    }
    .actual-tours-txt{
        text-align: center;
        left: calc(117px - (712px - 100vw)/2);
    }
}
@media screen and (max-width:584px){
    #at-switch1:checked ~ .at-labels label:nth-child(4),
    #at-switch2:checked ~ .at-labels label:nth-child(1),
    #at-switch3:checked ~ .at-labels label:nth-child(2),
    #at-switch4:checked ~ .at-labels label:nth-child(3){
        top: 175px;
        left: calc(115px - (584px - 100vw)/2);
    }
    #at-switch1:checked ~ .at-labels label:nth-child(2),
    #at-switch2:checked ~ .at-labels label:nth-child(3),
    #at-switch3:checked ~ .at-labels label:nth-child(4),
    #at-switch4:checked ~ .at-labels label:nth-child(1){
        top: 175px;
        right: calc(115px - (584px - 100vw)/2);
    }
}
@media screen and (max-width:1356px){
    .at-select-dash{
        left: calc(420px + (1356px - 1440px)/5*2.5);
    }
    .at-select-dash-2{
        left: calc(748px + (1356px - 1440px)/5*4.5);
    }
    .at-select-block-1{
        width: calc(103px + (1356px - 1440px)/5);
    }
    .at-select-block-2{
        width: calc(215px + (1356px - 1440px)/5);
        background-position-x: calc(187px + (1356px - 1440px)/5);
    }
    .at-select-block-3-1,
    .at-select-block-3-2{
        width: calc(111px + (1356px - 1440px)/10);
        background-position-x: calc(81px + (1356px - 1440px)/10);
    }
    .at-select-block-4{
        width: calc(138px + (1356px - 1440px)/5);
    }
    .at-select-block-5-1,
    .at-select-block-5-2{
        width: calc(75px + (1356px - 1440px)/10);
        background-position-x: calc(51px + (1356px - 1440px)/10);
    }
    .at-select-icon-2{left: calc(131px + (1356px - 1440px)/5);}
    .at-select-icon-3{left: calc(347px + (1356px - 1440px)/5*2);} 
    .at-select-icon-4{left: calc(571px + (1356px - 1440px)/5*3);}
    .at-select-icon-5{left: calc(707px + (1356px - 1440px)/5*4);}
    .at-select-txt-2{left: calc(154px + (1356px - 1440px)/5);}
    .at-select-txt-3{left: calc(371px + (1356px - 1440px)/5*2);} 
    .at-select-txt-4{left: calc(593px + (1356px - 1440px)/5*3);}
    .at-select-txt-5{left: calc(730px + (1356px - 1440px)/5*4);}
    .at-choosing-panel,
    .at-choosing-panel-line{
        width: 958px;
        left: calc(200px + (100vw - 1356px)/2);
    }
}

#important-news{
    position: relative;
    width: 100vw;
    height: 620px;
    margin: auto;
    background: #F8F8F8;
}
.important-news-txt{
    position: absolute;
    width: 548px;
    height: 43px;
    left: 199px;
    top: 94px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    color: #232323;
}
.in-line{
    position: absolute;
    width: auto;
    height: 1px;
    left: 734px;
    right: 366px;
    top: 121px;
    background: #C4C4C4;
}
.in-allnews-btn{
    position: absolute;
    width: 140px;
    height: 45px;
    right: 200px;
    top: 99px;
    border: 1px solid #969696;
    border-radius: 2px;
}
.in-allnews-txt{
    position: absolute;
    width: 95px;
    height: 17px;
    left: 23px;
    top: 14px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #969696;
}
.important-news-overflow{
    position: absolute;
    height: 330px;
    width: 1042px;
    left: 199px;
    top: 200px;
    overflow: hidden;
}
.important-news-all{
    position: absolute;
    height: 330px;
    width: 2114px;
    transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
}
.important-1,
.important-2,
.important-3,
.important-4,
.important-4-4{
    position: relative;
    width: 238px;
    height: 330px;
    background: #F8F8F8;
    margin-right: 14px;
    float: left;
}
.important-4-4{
    margin-right: 0px;
}
.in-vertical-line{
    position: relative;
    width: 1px;
    height: 330px;
    margin-right: 15px;
    float: left;
    background: #EEEEEE;
}
#important-news input{
    display: none;
}
#in-switch1:checked ~ .in-labels label:nth-child(5),
#in-switch2:checked ~ .in-labels label:nth-child(1),
#in-switch3:checked ~ .in-labels label:nth-child(2),
#in-switch4:checked ~ .in-labels label:nth-child(3),
#in-switch5:checked ~ .in-labels label:nth-child(4){
    position: absolute;
    width: 50px;
    height: 50px;
    left: 115px;
    top: 354px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#in-switch1:checked ~ .in-labels label:nth-child(5):hover,
#in-switch2:checked ~ .in-labels label:nth-child(1):hover,
#in-switch3:checked ~ .in-labels label:nth-child(2):hover,
#in-switch4:checked ~ .in-labels label:nth-child(3):hover,
#in-switch5:checked ~ .in-labels label:nth-child(4):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    background-position: center;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
#in-switch1:checked ~ .in-labels label:nth-child(2),
#in-switch2:checked ~ .in-labels label:nth-child(3),
#in-switch3:checked ~ .in-labels label:nth-child(4),
#in-switch4:checked ~ .in-labels label:nth-child(5),
#in-switch5:checked ~ .in-labels label:nth-child(1){
    position: absolute;
    width: 50px;
    height: 50px;
    right: 115px;
    top: 354px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#in-switch1:checked ~ .in-labels label:nth-child(2):hover,
#in-switch2:checked ~ .in-labels label:nth-child(3):hover,
#in-switch3:checked ~ .in-labels label:nth-child(4):hover,
#in-switch4:checked ~ .in-labels label:nth-child(5):hover,
#in-switch5:checked ~ .in-labels label:nth-child(1):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background-position: center;
}
#in-switch1:checked ~ .important-news-overflow .important-news-all{
   left: 0px;
}
#in-switch2:checked ~ .important-news-overflow .important-news-all{
    left: -268px;
}
#in-switch3:checked ~ .important-news-overflow .important-news-all{
    left: -536px;
}
#in-switch4:checked ~ .important-news-overflow .important-news-all{
    left: -804px;
}
#in-switch5:checked ~ .important-news-overflow .important-news-all{
    left: -1072px;
}
.in-picture-1,
.in-picture-2,
.in-picture-3,
.in-picture-4{
    position: absolute;
    width: auto;
    left: 0px;
    right: 0px;
    height: 170px;
}
.in-picture-1{
    background: no-repeat url(../img/news_20170411_091637_1491891397\ 1.png) center/cover;
}
.in-picture-2{
    background: no-repeat url(../img/p184j411emam71qc8tc16kjl125\ 1.png) center/cover;
}
.in-picture-3{
    background: no-repeat url(../img/1615470437_162\ 1.png) center/cover;
}
.in-picture-4{
    background: no-repeat url(../img/montenegro-hero\ 2.png) center/cover;
}
.in-date-icon{
    position: absolute;
    width: 16px;
    height: 16px;
    left: 1px;
    top: 188px;
    background: no-repeat url(../img/png-icons/date\ 1.png);
    background-size: 16px 16px;
}
.in-date-txt{
    position: absolute;
    width: 130px;
    height: 25px;
    left: 26px;
    top: 185px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #BBBBBB;
}
.in-txt{
    position: absolute;
    width: 195px;
    height: 49px;
    left: 1px;
    top: 216px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #323232;
}
.in-more-btn{
    position: absolute;
    width: 77px;
    height: 24px;
    top: 290px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    border-bottom: 1px solid #232323;
    color: #232323;
    transition: 300ms;
    z-index: 2;
}
.in-more-btn:hover,
.in-more-btn:focus{
    border-bottom: 1px solid #DD4053;
    color: #DD4053;
}
@media screen and (min-width:1440px){
    .important-news-overflow{
        width: calc(1042px + (100vw - 1440px));
    }
    .important-news-all{
        width: calc(2510px + (100vw - 1440px)*2);
    }
    .important-1, .important-2, .important-3, .important-4, .important-4-4{
        width: calc(238px + (100vw - 1440px)/4);
    }
    #in-switch2:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 268px - (100vw - 1440px)/4);
    }
    #in-switch3:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 536px - (100vw - 1440px)/2);
    }
    #in-switch4:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 822px - (100vw - 1440px) / 4 * 3);
    }
    #in-switch5:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 1072px - (100vw - 1440px)/1);
    }
}
@media screen and (min-width:1842px){
    #important-news{
        width: 1842px;
        margin: auto;
    }
    .important-news-overflow{
        width: 1442px;
    }
    .important-news-all{
        width: 2914px;
    }
    .important-1, .important-2, .important-3, .important-4, .important-4-4{
        width: 338px;
    }
    #in-switch2:checked ~ .important-news-overflow .important-news-all{
        left: -368px;
    }
    #in-switch3:checked ~ .important-news-overflow .important-news-all{
        left: -736px;
    }
    #in-switch4:checked ~ .important-news-overflow .important-news-all{
        left: -1104px;
    }
    #in-switch5:checked ~ .important-news-overflow .important-news-all{
        left: -1472px;
    }
    .important-news-right{
        position: absolute;
        height: 620px;
        min-width: 50px;
        max-width: 111px;
        width: calc(0px + (100vw - 1842px)/2);
        right: 1842px;
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    }
    .important-news-left{
        position: absolute;
        height: 620px;
        min-width: 50px;
        max-width: 111px;
        width: calc(0px + (100vw - 1842px)/2);
        left: 1842px;
        background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
    }
}
@media screen and (max-width:1440px){
    .important-news-overflow{
        width: calc(1042px - (1440px - 100vw));
    }
    .important-news-all{
        width: calc(2510px - (1440px - 100vw)*2);
    }
    .important-1, .important-2, .important-3, .important-4, .important-4-4{
        width: calc(238px - (1440px - 100vw)/4);
    }
    #in-switch2:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 268px + (1440px - 100vw)/4);
    }
    #in-switch3:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 536px + (1440px - 100vw)/2);
    }
    #in-switch4:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 822px + (1440px - 100vw) / 4 * 3);
    }
    #in-switch5:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 1072px + (1440px - 100vw)/1);
    }
}
@media screen and (max-width:1280px){
    .important-news-overflow{
        width: calc(882px - (1280px - 100vw));
    }
    .important-news-all{
        width: calc(2402px - (1280px - 100vw)*8/3);
    }
    .important-1, .important-2, .important-3, .important-4, .important-4-4{
        width: calc(274px - (1280px - 100vw)/3);
    }
    #in-switch2:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 304px + (1280px - 100vw)/3);
    }
    #in-switch3:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 608px + (1280px - 100vw)/3 * 2);
    }
    #in-switch4:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 912px + (1280px - 100vw));
    }
    #in-switch5:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 1216px + (1280px - 100vw)/3 * 4);
    }
}
@media screen and (max-width:1052px){
    .important-news-overflow{
        width: calc(654px - (1052px - 100vw));
    }
    .important-news-all{
        width: calc(2706px - (1052px - 100vw)*4);
    }
    .important-1, .important-2, .important-3, .important-4, .important-4-4{
        width: calc(312px - (1052px - 100vw)/2);
    }
    #in-switch2:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 342px + (1052px - 100vw)/2);
    }
    #in-switch3:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 684px + (1052px - 100vw));
    }
    #in-switch4:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 1026px + (1052px - 100vw)/2 * 3);
    }
    #in-switch5:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 1368px + (1052px - 100vw)/2 * 4);
    }
}
@media screen and (max-width:972px){
    .important-news-txt{
        left: calc(199px - (972px - 100vw)/2);
    }
    .in-allnews-btn{
        right: calc(199px - (972px - 100vw)/2);
    }
}
@media screen and (max-width:824px){
    .important-news-overflow{
        width: calc(426px - (824px - 100vw));
    }
    .important-news-all{
        width: calc(3618px - (824px - 100vw)*4);
    }
    .important-1, .important-2, .important-3, .important-4, .important-4-4{
        width: calc(426px - (824px - 100vw));
    }
    #in-switch2:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 456px + (824px - 100vw));
    }
    #in-switch3:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 912px + (824px - 100vw)*2);
    }
    #in-switch4:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 1368px + (824px - 100vw)*3);
    }
    #in-switch5:checked ~ .important-news-overflow .important-news-all{
        left: calc(0px - 1824px + (824px - 100vw)*4);
    }
}
@media screen and (max-width:664px){
    #important-news{
        height: 720px;
    }
    .important-news-txt{
        width: 464px;
        text-align: center;
        left: calc(100px - (664px - 100vw)/2);
    }
    .in-allnews-btn{
        top: 169px;
        left: calc(261px - (664px - 100vw)/2);
        right: auto;
    }
    .important-news-overflow{
        top: 270px;
        width: 266px;
        left: calc(199px - (664px - 100vw)/2);
    }
    .important-news-all{
        width: 2258px;
    }
    .important-1, .important-2, .important-3, .important-4, .important-4-4{
        width: 266px;
    }
    #in-switch2:checked ~ .important-news-overflow .important-news-all{
        left: 296px;
    }
    #in-switch3:checked ~ .important-news-overflow .important-news-all{
        left: 592px;
    }
    #in-switch4:checked ~ .important-news-overflow .important-news-all{
        left: 888px;
    }
    #in-switch5:checked ~ .important-news-overflow .important-news-all{
        left: 1184px;
    }
    #in-switch1:checked ~ .in-labels label:nth-child(5),
    #in-switch2:checked ~ .in-labels label:nth-child(1),
    #in-switch3:checked ~ .in-labels label:nth-child(2),
    #in-switch4:checked ~ .in-labels label:nth-child(3),
    #in-switch5:checked ~ .in-labels label:nth-child(4){
        left: calc(180px - (484px - 100vw)/2);
        top: 620px;
    }
    #in-switch1:checked ~ .in-labels label:nth-child(2),
    #in-switch2:checked ~ .in-labels label:nth-child(3),
    #in-switch3:checked ~ .in-labels label:nth-child(4),
    #in-switch4:checked ~ .in-labels label:nth-child(5),
    #in-switch5:checked ~ .in-labels label:nth-child(1){
        right: calc(180px - (484px - 100vw)/2);
        top: 620px;
    }
}
#blog{
    position: relative;
    width: 100vw;
    height: 615px;
    margin: auto;
}
.blog-txt{
    position: absolute;
    width: 132px;
    height: 50px;
    left: 201px;
    top: 90px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 55px;
    color: #232323;
}
.b-line{
    position: absolute;
    width: auto;
    height: 1px;
    left: 396px;
    right: 364px;
    top: 115px;
    background: #C4C4C4;
}
.b-airplane{
    position: absolute;
    width: 372.69px;
    height: 405.16px;
    right: 158.31px;
    top: -159.86px;
    background: no-repeat url(../img/png-icons/Frame\ 77.png);
    background-size: 372.69px 405.16px;
    background-position: center;
    z-index: 1;
}
.b-allblogs-btn{
    position: absolute;
    width: 140px;
    height: 45px;
    right: 198px;
    top: 93px;
    border: 1px solid #969696;
    border-radius: 2px;
    z-index: 2;
}
.b-allblogs-txt{
    position: absolute;
    width: 140px;
    height: 17px;
    top: 14px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #969696;
}
.blog-overflow{
    position: absolute;
    width: 1250px;
    height: 340px;
    left: 190px;
    top: 200px;
    overflow: hidden;
}
.blog-all{
    position: absolute;
    width: 2610px;
    height: 310px;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 15px;
    transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);
}
.blog-1,
.blog-2,
.blog-3,
.blog-4,
.blog-4-4{
    position: relative;
    width: 300px;
    height: 320px;
    background: #FFFFFF;
    margin-right: 30px;
    float: left;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
}
.blog-4-4{
    margin-right: 0px;
}
#blog input{
    display: none;
}
#b-switch1:checked ~ .b-labels label:nth-child(5),
#b-switch2:checked ~ .b-labels label:nth-child(1),
#b-switch3:checked ~ .b-labels label:nth-child(2),
#b-switch4:checked ~ .b-labels label:nth-child(3),
#b-switch5:checked ~ .b-labels label:nth-child(4){
    position: absolute;
    width: 50px;
    height: 50px;
    left: 117px;
    top: 280px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#b-switch1:checked ~ .b-labels label:nth-child(5):hover,
#b-switch2:checked ~ .b-labels label:nth-child(1):hover,
#b-switch3:checked ~ .b-labels label:nth-child(2):hover,
#b-switch4:checked ~ .b-labels label:nth-child(3):hover,
#b-switch5:checked ~ .b-labels label:nth-child(4):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    background-position: center;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
#b-switch1:checked ~ .b-labels label:nth-child(2),
#b-switch2:checked ~ .b-labels label:nth-child(3),
#b-switch3:checked ~ .b-labels label:nth-child(4),
#b-switch4:checked ~ .b-labels label:nth-child(5),
#b-switch5:checked ~ .b-labels label:nth-child(1){
    position: absolute;
    width: 50px;
    height: 50px;
    left: 117px;
    top: 360px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#b-switch1:checked ~ .b-labels label:nth-child(2):hover,
#b-switch2:checked ~ .b-labels label:nth-child(3):hover,
#b-switch3:checked ~ .b-labels label:nth-child(4):hover,
#b-switch4:checked ~ .b-labels label:nth-child(5):hover,
#b-switch5:checked ~ .b-labels label:nth-child(1):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background-position: center;
}
#b-switch1:checked ~ .blog-overflow .blog-all{
   left: 0px;
}
#b-switch2:checked ~ .blog-overflow .blog-all{
    left: -330px;
}
#b-switch3:checked ~ .blog-overflow .blog-all{
    left: -660px;
}
#b-switch4:checked ~ .blog-overflow .blog-all{
    left: -990px;
}
#b-switch5:checked ~ .blog-overflow .blog-all{
    left: -1320px;
}
.b-picture-1,
.b-picture-2,
.b-picture-3,
.b-picture-4{
    position: absolute;
    width: auto;
    height: 140px;
    left: 15px;
    right: 15px;
    top: 15px;
}
.b-picture-1{
    background: no-repeat url(../img/blog/Strani_Sri-Lanka_5-min\ 1.png) center/cover;
}
.b-picture-2{
    background: no-repeat url(../img/blog/104276fb11cd5d5a5a2b9ed233bde285\ 1.png) center/cover;
}
.b-picture-3{
    background: no-repeat url(../img/blog/завантаження\ 1.png) center/cover;
}
.b-picture-4{
    background: no-repeat url(../img/blog/1581002914_lagomaggiore2\ 1.png) center/cover;
}
.b-date-icon{
    position: absolute;
    width: 16px;
    height: 16px;
    left: 21px;
    top: 173px;
    background: no-repeat url(../img/png-icons/date\ 1.png);
    background-size: 16px 16px;
}
.b-date-txt{
    position: absolute;
    width: 130px;
    height: 25px;
    left: 46px;
    top: 170px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #BBBBBB;
}
.b-eye-icon{
    position: absolute;
    width: 16px;
    height: 16px;
    right: 69px;
    top: 175px;
    background: no-repeat url(../img/png-icons/view\ 1.png);
    background-size: 16px 16px;
}
.b-eye-number{
    position: absolute;
    width: 34px;
    height: 25px;
    right: 20px;
    top: 170px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #BBBBBB;
}
.b-txt{
    position: absolute;
    width: auto;
    height: auto;
    left: 21px;
    right: 84px;
    top: 201px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #323232;
}
.b-more-btn{
    position: absolute;
    width: 77px;
    height: 24px;
    top: 270px;
    left: 20px;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    color: #232323;
    transition: 300ms;
}
.b-more-btn-arrow,
.b-more-btn-arrow-point{
    position: absolute;
    width: 25.5px;
    height: 7.4px;
    top: 280px;
    left: 142px;
    transition: 300ms;
}
.b-more-btn-arrow-point{
    z-index: 2;
}
.b-more-btn-arrow{
    background: no-repeat url(../img/png-icons/Vector\ black.png);
    background-size: 25.5px 7.4px;
}
.b-more-btn-arrow-point:hover ~ .b-more-btn-arrow,
.b-more-btn:hover ~ .b-more-btn-arrow,
.b-more-btn-arrow-point:focus ~ .b-more-btn-arrow,
.b-more-btn:focus ~ .b-more-btn-arrow{
    background: no-repeat url(../img/png-icons/Vector\ red.png);
    background-size: 25.5px 7.4px;
}
.b-more-btn:hover,
.b-more-btn-arrow-point:hover ~ .b-more-btn,
.b-more-btn:focus,
.b-more-btn-arrow-point:focus ~ .b-more-btn{
    color: #DD4053;
}
@media screen and (min-width:1440px){
    .blog-overflow{
        width: calc(1250px + (100vw - 1440px));
    }
}
@media screen and (min-width:1490px){
    .blog-all{
        width: calc(2610px + (100vw - 1490px)*2);
    }
    .blog-1, .blog-2, .blog-3, .blog-4, .blog-4-4{
        width: calc(300px + (100vw - 1490px)/4);
    }
    #b-switch2:checked ~ .blog-overflow .blog-all{
        left: calc(0px - 330px - (100vw - 1490px)/5);
    }
    #b-switch3:checked ~ .blog-overflow .blog-all{
        left: calc(0px - 660px - (100vw - 1490px)/5*2);
    }
    #b-switch4:checked ~ .blog-overflow .blog-all{
        left: calc(0px - 990px - (100vw - 1490px)/5*3);
    }
    #b-switch5:checked ~ .blog-overflow .blog-all{
        left: calc(0px - 1320px - (100vw - 1490px)/5*4);
    }
}
@media screen and (min-width:1904px){
    .blog-overflow{
        width: 1734px;
        margin: auto;
    }
    .blog-all{
        width: 3458px;
    }
    .blog-1, .blog-2, .blog-3, .blog-4, .blog-4-4{
        width: 406px;
    }
    #b-switch2:checked ~ .blog-overflow .blog-all{
        left: -436px;
    }
    #b-switch3:checked ~ .blog-overflow .blog-all{
        left: -872px;
    }
    #b-switch4:checked ~ .blog-overflow .blog-all{
        left: -1308px;
    }
    #b-switch5:checked ~ .blog-overflow .blog-all{
        left: -1744px;
    }
}
@media screen and (min-width:2064px){
    #blog{
        width:2064px;
    }
}
@media screen and (max-width:1440px){
    .blog-overflow{
        width: calc(1250px + (100vw - 1440px));
    }
}
@media screen and (max-width:1000px){
    .b-line{
        width: 240px;
        left: auto;
    }
}
@media screen and (max-width:952px){
    .b-line{
        width: 240px;
        left: auto;
        right: calc(364px - (952px - 100vw)/2);
    }
    .b-airplane{
        right: calc(158.31px - (952px - 100vw)/2);
    }
    .blog-txt{
        left: calc(201px - (952px - 100vw)/2);
    }
    .b-allblogs-btn{
        right: calc(198px - (952px - 100vw)/2);
    }
}
@media screen and (max-width:696px){
    .b-line,
    .b-airplane{
        display: none;
    }
    .blog-txt{
        left: calc(201px - (696px - 100vw)/2);
    }
    .b-allblogs-btn{
        left: calc(353px - (696px - 100vw)/2);
    }
}
@media screen and (max-width:550px){
    .blog-overflow{
        width: 320px;
        left: calc(190px - (550px - 100vw));
    }
    #b-switch1:checked ~ .b-labels label:nth-child(5),
    #b-switch2:checked ~ .b-labels label:nth-child(1),
    #b-switch3:checked ~ .b-labels label:nth-child(2),
    #b-switch4:checked ~ .b-labels label:nth-child(3),
    #b-switch5:checked ~ .b-labels label:nth-child(4){
        left: calc(117px - (550px - 100vw));
    }
    #b-switch1:checked ~ .b-labels label:nth-child(2),
    #b-switch2:checked ~ .b-labels label:nth-child(3),
    #b-switch3:checked ~ .b-labels label:nth-child(4),
    #b-switch4:checked ~ .b-labels label:nth-child(5),
    #b-switch5:checked ~ .b-labels label:nth-child(1){
        left: calc(117px - (550px - 100vw));
    }
}
@media screen and (max-width:443px){
    .blog-txt{
        left: calc(201px - (696px - 443px)/2);
    }
    .b-allblogs-btn{
        left: calc(353px - (696px - 443px)/2);
    }
    .blog-overflow{
        width: 320px;
        left: calc(190px - (550px - 443px));
    }
    #b-switch1:checked ~ .b-labels label:nth-child(5),
    #b-switch2:checked ~ .b-labels label:nth-child(1),
    #b-switch3:checked ~ .b-labels label:nth-child(2),
    #b-switch4:checked ~ .b-labels label:nth-child(3),
    #b-switch5:checked ~ .b-labels label:nth-child(4){
        left: calc(117px - (550px - 443px));
    }
    #b-switch1:checked ~ .b-labels label:nth-child(2),
    #b-switch2:checked ~ .b-labels label:nth-child(3),
    #b-switch3:checked ~ .b-labels label:nth-child(4),
    #b-switch4:checked ~ .b-labels label:nth-child(5),
    #b-switch5:checked ~ .b-labels label:nth-child(1){
        left: calc(117px - (550px - 443px));
    }
}
.travel-with{
    position: relative;
    width: 100vw;
    height: 255px;
    margin: auto;
    background: #DD4053;
}
.travel-with-txt-1{
    position: absolute;
    width: 618px;
    height: 55px;
    left: 201px;
    top: 60px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 55px;
    color: #FFFFFF;
}
.travel-with-txt-2{
    position: absolute;
    width: auto;
    height: 52px;
    right: 201px;
    left: 959px;
    top: 60px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #EFEFEF;
}
.travel-with-waves{
    position: absolute;
    width: 406px;
    height: 406px;
    right: 103px;
    top: -90px;
    background: no-repeat url(../img/wave3\ 5.png);
}
.travel-with-email{
    position: absolute;
    width: 370px;
    height: 50px;
    left: 203px;
    top: 146px;
    padding-left: 20px;
    padding-right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #FFFFFF;
    outline: none;
    color: #FFFFFF;
    border-radius: 2px;
}
.travel-with-email::placeholder{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.travel-with-label-1{
    position: absolute;
    width: 23px;
    height: 23px;
    left: 664px;
    top: 158px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
}
#travel-with-check-1,
#travel-with-check-2{
    display: none;
}
#travel-with-check-1:checked ~ .travel-with-labels label:nth-child(1),
#travel-with-check-2:checked ~ .travel-with-labels label:nth-child(2){
    position: absolute;
    width: 23px;
    height: 23px;
    border: 1px solid #FFFFFF;
    background: no-repeat url(../img/png-icons/red.png);
    background-position-x: 5px;
    background-position-y: 7px;
    background-size: 12.37px 9px;
    background-color: #FFFFFF;
}
.travel-with-label-2{
    position: absolute;
    width: 23px;
    height: 23px;
    left: 820px;
    top: 158px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
}
.travel-with-labeltxt-1{
    position: absolute;
    width: 71px;
    height: 20px;
    left: 709px;
    top: 161px;
    font-family: 'Robot', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.travel-with-labeltxt-2{
    position: absolute;
    width: 89px;
    height: 20px;
    left: 865px;
    top: 161px;    
    font-family: 'Robot', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.travel-with-btn{
    position: absolute;
    width: 237px;
    height: 20px;
    right: 199px;
    top: 146px;
    padding: 15px 0px 15px 0px;
    background: #FFFFFF;
    border-radius: 2px;
    font-family: 'Robot', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
    color: #DA2032;
}
@media screen and (min-width:1440px){
    .travel-with-waves{
        right: calc(103px + (100vw - 1440px)/2);
    }  
}
@media screen and (min-width:1672px){
    .travel-with{
        width: 1672px;
    }
    .travel-with-txt-2{
        top: 80px;
        right: 199px;
        left: auto;
        text-align: right;
        width: 530px;
    } 
    .travel-with-right{
        position: absolute;
        left: 1672px;
        width: calc(0px + (100vw - 1672px)/2);
        min-width: 50px;
        max-width: 196px;
        height: 255px;
        background: rgb(221,64,83);
        background: linear-gradient(90deg, rgba(221,64,83,1) 0%, rgba(227,103,117,1) 20%, rgba(234,141,151,1) 40%, rgba(241,179,186,1) 60%, rgba(248,218,220,1) 80%, rgba(255,255,255,0) 100%);
    }
    .travel-with-left{
        position: absolute;
        right: 1672px;
        width: calc(0px + (100vw - 1672px)/2);
        min-width: 50px;
        max-width: 196px;
        height: 255px;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(248,218,220,1) 20%, rgba(241,179,186,1) 40%, rgba(234,141,151,1) 60%, rgba(227,103,117,1) 80%, rgba(221,64,83,1) 100%);
    }
}
@media screen and (max-width:1392px){
    .travel-with{
        height: 311.2px;
    }
    .travel-with-txt-2{
        top: calc(60px - (100vw - 1392px)*0.43);
        width: 232px;
        right: 199px;
        left: auto;
    } 
    .travel-with-label-1{
        left: 203px;
    }
    .travel-with-labeltxt-1{
        left: 249.2px;
    }
    .travel-with-label-2{
        left: 360.2px;
    }
    .travel-with-labeltxt-2{
        left: 406.4px;
    }
    .travel-with-label-1,
    .travel-with-label-2{
        top: 226px;
    }
    .travel-with-labeltxt-1,
    .travel-with-labeltxt-2{
        top: 230px;
    }
    .travel-with-btn{
        top: calc(146px - (100vw - 1392px)*0.43);
    }
}
@media screen and (max-width:1192px){
    .travel-with-txt-2{
        top: calc(60px - (1192px - 1392px)*0.43);
    }
    .travel-with-btn{
        top: calc(146px - (1192px - 1392px)*0.43);
    }
}
@media screen and (max-width:1088px){
    .travel-with-txt-2{
        right: calc(199px + (100vw - 1088px)/2);
    }
    .travel-with-btn{
        right: calc(199px + (100vw - 1088px)/2);
    }
    .travel-with-txt-1{
        left: calc(201px + (100vw - 1088px)/2);
    }
    .travel-with-email,
    .travel-with-label-1{
        left: calc(203px + (100vw - 1088px)/2);
    }
    .travel-with-labeltxt-1{
        left: calc(249.2px + (100vw - 1088px)/2);
    }
    .travel-with-label-2{
        left: calc(360.2px + (100vw - 1088px)/2);
    }
    .travel-with-labeltxt-2{
        left: calc(406.4px + (100vw - 1088px)/2);
    }
}
@media screen and (max-width:792px){
    .travel-with{
        height: 480px;
    }
    .travel-with-txt-1{
        text-align: center;
        left: calc((100vw - 618px)/2);
    }
    .travel-with-txt-2{
        top: 282px;
        left: calc((100vw - 232px)/2);
    }
    .travel-with-btn{
        top: 382px;
        left: calc((100vw - 237px)/2);
    }
    .travel-with-txt-1{
        left: calc(201px + (100vw - 1088px)/2);
    }
    .travel-with-email{
        left: calc((100vw - 410px)/2);
    }
    .travel-with-label-1{
        left: calc((100vw - 291.2px)/2);
    }
    .travel-with-labeltxt-1{
        left: calc(46.2px + (100vw - 291.2px)/2);
    }
    .travel-with-label-2{
        left: calc(157.2px + (100vw - 291.2px)/2);
    }
    .travel-with-labeltxt-2{
        left: calc(202.2px + (100vw - 291.2px)/2);
    }
}
#why-choose{
    position: relative;
    width: 100vw;
    height: 1000px;
    margin: auto;
    background: #F8F8F8;
}
.why-choose-background{
    position: absolute;
    width: 1179px;
    height: 590px;
    left: calc(130px + (100vw - 1440px)/2);
    top: 23px;
    background: no-repeat url(../img/png-icons/Frame\ \(1\).png);
}
.why-choose-txt{
    position: absolute;
    width: 558px;
    height: 55px;
    left: 200px;
    top: 90px;
    font-family: 'Robot', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 55px;
    color: #232323;
}
.why-choose-block-1,
.why-choose-block-2,
.why-choose-block-3,
.why-choose-block-4,
.why-choose-block-5,
.why-choose-block-6,
.why-choose-block-7,
.why-choose-block-8{
    position: absolute;
    width: 505px;
    height: 165px;
    left: 200px;
    top: 185px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
}
.why-choose-block-2,
.why-choose-block-6{
    height: 140px;
    top: 380px;
}
.why-choose-block-3,
.why-choose-block-7{
    height: 140px;
    top: 550px;
}
.why-choose-block-4,
.why-choose-block-8{
    top: 720px;
}
.why-choose-block-5,
.why-choose-block-6,
.why-choose-block-7,
.why-choose-block-8{
    right: 200px;
    left: auto;
}
.wc-block-txt-1,
.wc-block-txt-2,
.wc-block-txt-3,
.wc-block-txt-4,
.wc-block-txt-5,
.wc-block-txt-6,
.wc-block-txt-7,
.wc-block-txt-8{
    position: absolute;
    width: auto;
    height: auto;
    left: 30px;
    right: 98px;
    top: 30px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #656565;
}
.wc-block-txt-2,
.wc-block-txt-3,
.wc-block-txt-5,
.wc-block-txt-7,
.wc-block-txt-8{
    right: 76px;
}
.wc-block-txt-6{
    right: 113px;
}
.wc-line-1,
.wc-line-2,
.wc-line-3,
.wc-line-4,
.wc-line-5,
.wc-line-6,
.wc-line-7,
.wc-line-8{
    transition: 1s;
}
.why-choose-block-1:hover ~ .wc-line-1,
.why-choose-block-4:hover ~ .wc-line-4,
.why-choose-block-5:hover ~ .wc-line-5,
.why-choose-block-8:hover ~ .wc-line-8{
    position: absolute;
    top: 185px;
    left: 200px;
    width: 6px;
    height: 165px;
    background: #DD4053;
}
.wc-checked-1,
.wc-checked-2,
.wc-checked-3,
.wc-checked-4,
.wc-checked-5,
.wc-checked-6,
.wc-checked-7,
.wc-checked-8{
    position: absolute;
    width: 35px;
    height: 35px;
    right: 30px;
    top: 30px;
    border: 1px solid #C6C6C6;
    box-sizing: border-box;
    background: no-repeat url(../img/png-icons/checked\ \(1\)\ 17.png);
    background-position: 6px 7px;
    background-size: 20px 20px;
    transition: 1s;
}
.why-choose-block-1:hover .wc-checked-1,
.why-choose-block-2:hover .wc-checked-2,
.why-choose-block-3:hover .wc-checked-3,
.why-choose-block-4:hover .wc-checked-4,
.why-choose-block-5:hover .wc-checked-5,
.why-choose-block-6:hover .wc-checked-6,
.why-choose-block-7:hover .wc-checked-7,
.why-choose-block-8:hover .wc-checked-8{
    border: 1px solid #DD4053;
    box-sizing: border-box;
    background: no-repeat url(../img/png-icons/checked\ \(1\)\ 10.png);
    background-color: #DD4053;
    background-position: 6px 7px;
    background-size: 20px 20px;
}
.wc-line-1,
.wc-line-2,
.wc-line-3,
.wc-line-4,
.wc-line-5,
.wc-line-6,
.wc-line-7,
.wc-line-8{
    width: 0px;
    transition: all 300ms;
}
.why-choose-block-1:hover .wc-line-1,
.why-choose-block-2:hover .wc-line-2,
.why-choose-block-3:hover .wc-line-3,
.why-choose-block-4:hover .wc-line-4,
.why-choose-block-5:hover .wc-line-5,
.why-choose-block-6:hover .wc-line-6,
.why-choose-block-7:hover .wc-line-7,
.why-choose-block-8:hover .wc-line-8{
    position: absolute;
    background: #DD4053;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 6px;
    height: auto;
}
@media screen and (max-width:1440px){
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4, .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        width: calc(505px + (100vw - 1440px)/2);
    }
}
@media screen and (max-width:1264px){
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4, .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        width: calc(505px + (1264px - 1440px)/2);
    }
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4{
        left: calc(200px - (1264px - 100vw)/2);
    }
    .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        right: calc(200px - (1264px - 100vw)/2);
    }
}
@media screen and (max-width:968px){
    #why-choose{
        height: 1775px;
    }
    .why-choose-txt{
        text-align: center;
        width: 568px;
        left: calc(200px - (968px - 100vw)/2);
    }
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4, .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        width: calc(568px + (100vw - 968px));
    }
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4{
        left: 200px;
    }
    .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        left: 200px;
        right: auto;
    }
    .why-choose-block-5{top: 940px;}
    .why-choose-block-6{top: 1305px;}
    .why-choose-block-7{top: 1135px;}
    .why-choose-block-8{top: 1475px;}
}
@media screen and (max-width:824px){
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4, .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        width: calc(568px + (824px - 968px));
    }
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4{
        left: calc(200px - (824px - 100vw)/2);
    }
    .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        left: calc(200px - (824px - 100vw)/2);
        right: auto;
    }
}
@media screen and (min-width:1440px){
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4, .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        width: calc(505px + (100vw - 1440px)/2);
    }
}
@media screen and (min-width:1768px){
    #why-choose{
        width: 1768px;
    }
    .why-choose-background{
        left: calc(130px + (1768px - 1440px)/2);
    }
    .why-choose-block-1, .why-choose-block-2, .why-choose-block-3, .why-choose-block-4, .why-choose-block-5, .why-choose-block-6, .why-choose-block-7, .why-choose-block-8{
        width: calc(505px + (1768px - 1440px)/2);
    }
    .wc-right{
        position: absolute;
        width: calc(0px + (100vw - 1768px)/2);
        min-width: 50px;
        max-width: 139px;
        left: 1768px;
        height: 1000px;
        background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
    }
    .wc-left{
        position: absolute;
        min-width: 50px;
        width: calc(0px + (100vw - 1768px)/2);
        max-width: 139px;
        right: 1768px;
        height: 1000px;
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    }
}
.we-touragent{
    position: relative;
    width: 100vw;
    height: 450px;
    margin: auto;
    background: no-repeat url(../img/Rovinj-15\ 1.png) center/cover;
}
.we-touragent-txt-1{
    position: absolute;
    width: 497px;
    height: 96px;
    left: 200px;
    top: 98px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 55px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.we-touragent-txt-2{
    position: absolute;
    width: 554px;
    height: 28px;
    left: 200px;
    top: 224px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}
.we-touragent-btn{
    position: absolute;
    width: 270px;
    height: 20px;
    left: 200px;
    top: 292px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #FFFFFF;
    border-radius: 2px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #969696;
    text-decoration: none;
}
.we-touragent-sticker{
    position: absolute;
    width: 156px;
    height: 137px;
    right: calc(476.81px + (100vw - 1440px)/2);
    top: 57px;
    background: no-repeat url(../img/png-icons/unnamed1\ 2.png);
    background-size: 156px 137px;
}
@media screen and (min-width:2064px){
    .we-touragent{
        width: 2064px;
    }
    .we-touragent-sticker{
        right: calc(476.81px + (2064px - 1440px)/2);
    }
}
@media screen and (max-width:1092px){
    .we-touragent-txt-1,
    .we-touragent-txt-2,
    .we-touragent-btn{
        left: calc(200px + (798px - 1092px)/2);
    }
}
@media screen and (max-width:798px){
    .we-touragent-txt-1,
    .we-touragent-txt-2,
    .we-touragent-btn{
        left: calc(200px + (798px - 1092px)/2);
    }
    .we-touragent-sticker{
        right: calc(155.81px + (100vw - 798px));
    }
}
@media screen and (max-width:480px){
    .we-touragent-txt-2{
        width: auto;
        right: 53px;
        left: 53px;
        min-width: 250px;
    }
    .we-touragent-sticker{
        right: calc(155.81px + (100vw - 798px));
    }
}
#rest-premium-class{
    position: relative;
    width: 100vw;
    height: 707px;
    left: 0px;
}
.rpc-txt-1{
    position: absolute;
    min-width: 300px;
    height: 42px;
    left: 200px;
    top: 90px;
    font-family: 'Mistral';
    font-style: normal;
    font-weight: 400;
    font-size: 31px;
    line-height: 42px;
    color: #DD4053;
}
.rpc-txt-2{
    position: absolute;
    width: 706px;
    height: 73px;
    left: 200px;
    top: 131px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 31px;
    line-height: 42px;
    color: #232323;
}
.rpc-txt-3{
    position: absolute;
    width: 180px;
    height: 49px;
    right: 203px;
    top: 159px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #DD4053;
}
.rpc-txt-3-span{
    font-weight: 900;
}
.rpc-blocks{
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 1042px;
    height: 229.02px;
    left: 201px;
    top: 264px;
    z-index: 2;
}
.rpc-block-1,
.rpc-block-2,
.rpc-block-3,
.rpc-block-4{
    float: left;
    position: relative;
    width: 238px;
    height: 185px;
    margin-top: 44.02px;
    background: #F8F8F8;
}
.rpc-flag-1,
.rpc-flag-2,
.rpc-flag-3,
.rpc-flag-4{
    position: absolute;
    width: 144px;
    height: 124px;
    left: 20px;
    top: -44px;
    background: no-repeat url(../img/png-icons/Flag1.png);
    background-size: 144px 124px;
}
.rpc-block-txt{
    position: absolute;
    width: 118px;
    height: 55px;
    right: 40px;
    top: 44px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 55px;
    text-align: center;
    color: #232323;
}
.rpc-block-btn{
    position: absolute;
    width: 188px;
    height: 24px;
    left: 25px;
    top: 104px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #969696;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    color: #969696;
    transition: 600ms;
}
.rpc-block-btn:hover,
.rpc-block-btn:focus{
    background: #969696;
    color: #FFFFFF;
}
.rpc-flag-2{
    background: no-repeat url(../img/png-icons/Frame\ 80.png);
    background-size: 144px 124px;
}
.rpc-flag-3{
    background: no-repeat url(../img/png-icons/Flag3.png);
    background-size: 144px 124px;
}
.rpc-flag-4{
    background: no-repeat url(../img/png-icons/Flag4.png);
    background-size: 144px 124px;
}
.rpc-montenegro{
    position: absolute;
    width: 245.05px;
    height: 103.21px;
    right: 115.95px;
    top: -10px;
    background: no-repeat url(../img/png-icons/Frame\ 71.png);
    background-size: 245.05px 103.21px;
    background-position: center;
}
.rpc-italy-overflow{
    position: absolute;
    width: 125px;
    height: 155px;
    top: 154px;
    overflow: hidden;
}
.rpc-italy{
    position: absolute;
    width: 141.3px;
    height: 155px;
    left: -16.3px;
    background: no-repeat url(../img/png-icons/Frame\ 70.png);
    background-size: 141.3px 155px;
    background-position: center;
}
.rpc-croatia{
    position: absolute;
    width: 154px;
    height: 140.04px;
    right: 0px;
    top: 595px;
    z-index: 1;
    background: no-repeat url(../img/png-icons/Frame\ 72.png);
    background-size: 154px 140.04px;
}
.rpc-txt-4{
    position: absolute;
    width: 430px;
    height: 84px;
    left: 200px;
    top: 533px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #252525;
}
.rpc-txt-4-a{
    color: #DA2032;
}
.rpc-txt-5{
    position: absolute;
    width: 471px;
    height: 53px;
    right: 199px;
    top: 536px;
    padding: 14px 17px;
    border: 1px solid #C4C4C4;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #252525;
}
.rpc-txt-5-strong{
    font-weight: 700;
}
@media screen and (max-width:1440px){
    .rpc-blocks{
        width: calc(1042px - (1440px - 100vw));
    }
}
@media screen and (max-width:1350px){
    .rpc-blocks{
        height: 466.02px;
        display: grid;
        grid-template-columns: 238px 238px;
        justify-content: space-around;
    }
    .rpc-block-3,
    .rpc-block-4{
        margin-top: 50px;
    }
    .rpc-txt-4{
        left: 201px;
        top: auto;
        bottom: 193px;
    }
    .rpc-txt-5{
        left: 201px;
        top: auto;
        bottom: 90px;
    }
    #rest-premium-class{
        height: 1047px;
    }
}
@media screen and (max-width:1278px) and (min-width:1053px){
    .rpc-txt-2{
        width: auto;
        left: 201px;
        right: 400px;
    }
}
@media screen and (max-width:1088px){
    .rpc-txt-2{
        width: auto;
        left: 201px;
        right: 410px;
        height: auto;
    }
    .rpc-blocks{
        top: 306px;
    }
    #rest-premium-class{
        height: 1089px;
    }
}
@media screen and (max-width:1053px){
    .rpc-txt-2{
        width: 359px;
    }
}
@media screen and (max-width:960px){
    .rpc-txt-3{
        width: 300px;
        height: 25px;
        top: 257px;
        left: 201px;
    }
    .rpc-blocks{
        top: 331px;
    }
    #rest-premium-class{
        height: 1114px;
    }
}
@media screen and (max-width:876px){
    #rest-premium-class{
        height: 1580px;
    }
    .rpc-blocks{
        height: 940.02px;
        display: grid;
        grid-template-columns: 238px;
        justify-content: space-around;
    }
    .rpc-txt-4{
        left: calc(201px - (876px - 100vw)/2);
    }
    .rpc-txt-5{
        left: calc(201px - (876px - 100vw)/2);
    }
    .rpc-txt-1,
    .rpc-txt-2,
    .rpc-txt-3{
        left: calc(201px - (876px - 100vw)/2);
    }
    .rpc-italy-overflow{
        top: 350px;
    }
}
@media screen and (max-width:642px){
    #rest-premium-class{
        height: 1580px;
    }
    .rpc-blocks{
        width: 238px;
        left: calc(201px - (642px - 100vw)/2);
    }
}
@media screen and (max-width:500px){
    .rpc-montenegro{
        left: 139px;
        right: auto;
    }
    .rpc-txt-4{
        left: calc(201px - (876px - 500px)/2);
    }
    .rpc-txt-5{
        left: calc(201px - (876px - 500px)/2);
    }
    .rpc-txt-1,
    .rpc-txt-2,
    .rpc-txt-3{
        left: calc(201px - (876px - 500px)/2);
    }
}
@media screen and (min-width:2064px){
    .about-company{
        width: 2064px;
    }
}
@media screen and (min-width:1440px) and (max-width:1570px){
    .rpc-blocks{
        width: calc(1042px - (1440px - 100vw));
        justify-content: space-between;
    }
}
@media screen and (min-width:1570px) and (max-width:1848px){
    .rpc-blocks{
        width: 1172px;
        left: calc(201px + (100vw - 1570px));
    }
}
@media screen and (min-width:1848px){
    .rpc-txt-1,
    .rpc-txt-2{
        width: calc(248px - (1848px - 100vw));
    }
    .rpc-txt-3{
        width: 300px;
        top: 90px;
        right: 203px;
    }
    .rpc-txt-4,
    .rpc-txt-5{
        top: auto;
        bottom: 90px;
    }
    .rpc-blocks{
        width: 1172px;
        left: auto;
        right: 203px;
    }
    .rpc-blocks{
        top: 132px;
    }
    #rest-premium-class{
        height: 575px;
    }
}
@media screen and (min-width:2064px){
    #rest-premium-class{
        width: 2064px;
    }
    .rpc-txt-1,
    .rpc-txt-2{
        width: 464px;
    }
}
#exclusive-service{
    position: relative;
    width: 100vw;
    height: 1001px;
    margin: auto;
    background: #F8F8F8;
}
.exclusive-service-txt{
    position: absolute;
    width: 644px;
    height: 75px;
    left: 198px;
    top: 100px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 31px;
    line-height: 42px;
    color: #262626;
}
.es-line{
    position: absolute;
    width: 628px;
    height: 1px;
    left: 198px;
    top: 225px;
    background: #C4C4C4;
}
.es-underline-txt-1{
    position: absolute;
    width: 304px;
    height: 140px;
    left: 199px;
    top: 256px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    color: #656565;
}
.es-underline-txt-2{
    position: absolute;
    width: 270px;
    height: 168px;
    left: 556px;
    top: 256px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    color: #656565;
}
.es-picture-1{
    position: absolute;
    width: 327px;
    height: 401px;
    right: 241.76px;
    top: 110.22px;
    background: no-repeat url(../img/Group\ 175.png) center/cover;
    z-index: 2;
}
.es-picture-back-1{
    position: absolute;
    width: 514px;
    height: 358px;
    right: 0px;
    top: 203px;
    background: no-repeat url(../img/Mask\ Group.png);
    background-size: 514px 358px;
    z-index: 1;
}
.es-slovenia{
    position: absolute;
    width: 105px;
    height: 117.09px;
    top: 311px;
    background: no-repeat url(../img/png-icons/Frame\ 73.png);
    background-size: 105px 117.09px;
}
.es-picture-2{
    position: absolute;
    width: 100vw;
    max-width: 2064px;
    height: 471px;
    bottom: 0px;
    background: no-repeat url(../img/lake-bled-castle-wedding-1024x768\ 2.png) center/cover;
}
.es-picture-gradient{
    position: absolute;
    width: 100vw;
    max-width: 2064px;
    height: 471px;
    background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);
}
.es-picture-txt{
    position: absolute;
    width: 447px;
    height: 60px;
    left: 199px;
    top: 521px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #323232;
}
.es-picture-txt-strong{
    font-weight: 600;
}
.es-block-txt-1,
.es-block-txt-2,
.es-block-txt-3,
.es-block-txt-4,
.es-block-txt-5,
.es-block-txt-6,
.es-block-txt-7,
.es-block-txt-8,
.es-block-txt-9{
    position: absolute;
    width: 387px;
    height: 52px;
    left: 284px;
    top: 615px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    color: #252525;
}
.es-block-txt-2{
    width: 387px;
    height: 26px;
    top: 698px;
}
.es-block-txt-3{
    width: 387px;
    height: 26px;
    top: 755px;
}
.es-block-txt-4{
    width: 387px;
    height: 26px;
    top: 812px;
}
.es-block-txt-5{
    width: 387px;
    height: 26px;
    top: 869px;
}
.es-block-txt-6{
    left: 819px;
}
.es-block-txt-7{
    width: 387px;
    height: 26px;
    top: 698px;
    left: 819px;
}
.es-block-txt-8{
    width: 387px;
    height: 26px;
    top: 755px;
    left: 819px;
}
.es-block-txt-9{
    top: 812px;
    left: 819px;
}
.es-block-txt-icon-1,
.es-block-txt-icon-2,
.es-block-txt-icon-3,
.es-block-txt-icon-4,
.es-block-txt-icon-5,
.es-block-txt-icon-6,
.es-block-txt-icon-7,
.es-block-txt-icon-8,
.es-block-txt-icon-9{
    position: absolute;
    width: 22px;
    height: 28px;
    left: 219px;
    top: 615px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: rgba(150, 150, 150, 0.5);
    transition: color 400ms;
}
.es-block-txt-icon-2{top: 698px;}
.es-block-txt-icon-3{top: 755px;}
.es-block-txt-icon-4{top: 821px;}
.es-block-txt-icon-5{top: 869px;}
.es-block-txt-icon-6{left: 754px;}
.es-block-txt-icon-7{top: 698px;left: 754px;}
.es-block-txt-icon-8{top: 755px;left: 754px;}
.es-block-txt-icon-9{top: 812px;left: 754px;}
.es-block-1,
.es-block-2,
.es-block-3,
.es-block-4,
.es-block-5,
.es-block-6,
.es-block-7,
.es-block-8,
.es-block-9{
    position: absolute;
    width: 472px;
    height: 1px;
    left: 199px;
    top: 678px;
    margin-top: 4px;
    background: #E3E3E3;
    transition: height 400ms;
}
.es-block-2{top: 735px;}
.es-block-3{top: 792px;}
.es-block-4{top: 849px;}
.es-block-5{top: 906px;}
.es-block-6{left: 734px;}
.es-block-7{
    top: 735px; 
    left: 734px;
}
.es-block-8{
    top: 792px; 
    left: 734px;
}
.es-block-9{
    top: 875px; 
    left: 734px;
}
.es-block-icon-h:hover{
    color: #717171;
}
.es-block-h:hover{
    background: #DD4053;
    margin: 0px;
    height: 6px;
    transition: height 400ms;
}
.es-block-txt-1:hover ~ .es-block-txt-icon-1,
.es-block-txt-2:hover ~ .es-block-txt-icon-2,
.es-block-txt-3:hover ~ .es-block-txt-icon-3,
.es-block-txt-4:hover ~ .es-block-txt-icon-4,
.es-block-txt-5:hover ~ .es-block-txt-icon-5,
.es-block-txt-6:hover ~ .es-block-txt-icon-6,
.es-block-txt-7:hover ~ .es-block-txt-icon-7,
.es-block-txt-8:hover ~ .es-block-txt-icon-8,
.es-block-txt-9:hover ~ .es-block-txt-icon-9{
    color: #717171;
}
.es-block-txt-1:hover ~ .es-block-1,
.es-block-txt-2:hover ~ .es-block-2,
.es-block-txt-3:hover ~ .es-block-3,
.es-block-txt-4:hover ~ .es-block-4,
.es-block-txt-5:hover ~ .es-block-5,
.es-block-txt-6:hover ~ .es-block-6,
.es-block-txt-7:hover ~ .es-block-7,
.es-block-txt-8:hover ~ .es-block-8,
.es-block-txt-9:hover ~ .es-block-9{
    background: #DD4053;
    margin: 0px;
    height: 6px;
}
@media screen and (max-width:1440px){
    .exclusive-service-txt{
        width: auto;
        right: 598px;
    }
    .es-line{
        width: auto;
        right: 614px;
    }
    .es-underline-txt-1{
        width: calc(304px + (100vw - 1440px)/2);
    }
    .es-underline-txt-2{
        right: 614px;
        left: auto;
        width: calc(270px + (100vw - 1440px)/2);
    }
}
@media screen and (max-width:1344px){
    #exclusive-service{
        height: 967px;
    }
    .es-picture-1{
        top: 426px;
        width: auto;
        left: 198px;
        right: 198px;
    }
    .es-picture-back-1{
        top: 518.78px;
    }
    .exclusive-service-txt{
        width: auto;
        right: 198px;
    }
    .es-line{
        width: auto;
        right: 198px;
    }
    .es-underline-txt-1{
        width: calc(447.5px + (100vw - 1344px)/2);
    }
    .es-underline-txt-2{
        right: 198px;
        left: auto;
        width: calc(447.5px + (100vw - 1344px)/2);
    }
    .es-picture-txt,
    .es-block-txt-1, .es-block-txt-icon-1,
    .es-block-txt-2, .es-block-txt-icon-2,
    .es-block-txt-3, .es-block-txt-icon-3,
    .es-block-txt-4, .es-block-txt-icon-4,
    .es-block-txt-5, .es-block-txt-icon-5,
    .es-block-txt-6, .es-block-txt-icon-6,
    .es-block-txt-7, .es-block-txt-icon-7,
    .es-block-txt-8, .es-block-txt-icon-8,
    .es-block-txt-9, .es-block-txt-icon-9,
    .es-block-1,
    .es-block-2,
    .es-block-3,
    .es-block-4,
    .es-block-5,
    .es-block-6,
    .es-block-7,
    .es-block-8,
    .es-block-9{
        display: none;
    }
}
@media screen and (max-width:968px){
    .es-picture-1{
        top: 454px;
        width: auto;
        left: 198px;
        right: 198px;
    }
    .es-picture-back-1{
        top: 546.78px;
    }
    .es-underline-txt-1{
        width: calc(444px + (100vw - 1344px)/2);
    }
    .es-underline-txt-2{
        right: 198px;
        left: auto;
        width: calc(444px + (100vw - 1344px)/2);
    }
}
@media screen and (max-width:880px){
    .es-slovenia{
        top: 454px;
    }
    .es-picture-1{
        top: 454px;
        width: auto;
        left: 198px;
        right: 198px;
    }
    .es-picture-back-1{
        top: 546.78px;
    }
    .exclusive-service-txt{
        width: 484px;
        left: calc(198px + (100vw - 880px)/2);
    }
    .es-line{
        width: 484px;
        left: calc(198px + (100vw - 880px)/2);
    }
    .es-underline-txt-1{
        width: calc(447px + (880px - 1344px)/2);
        left: calc(198px + (100vw - 880px)/2);
    }
    .es-underline-txt-2{
        right: calc(198px + (100vw - 880px)/2);
        width: calc(447px + (880px - 1344px)/2);
    }
}
@media screen and (max-width:723px){
    .es-picture-1{
        top: 454px;
        width: 327px;
        left: auto;
        right: 198px;
    }
    .es-picture-back-1{
        top: 546.78px;
    }
}
@media screen and (min-width:1347px){
    .es-block-txt-icon-6, .es-block-txt-icon-7, .es-block-txt-icon-8, .es-block-txt-icon-9{
        left: calc(754px + (100vw - 1440px)/2);
    }
    .es-block-6, .es-block-7, .es-block-8, .es-block-9{
        left: calc(734px + (100vw - 1440px)/2);
    }
    .es-block-txt-6, .es-block-txt-7, .es-block-txt-8, .es-block-txt-9{
        left: calc(819px + (100vw - 1440px)/2);
    }
    .es-block-1, .es-block-2, .es-block-3, .es-block-4, .es-block-5{
        width: calc(472px + (100vw - 1440px)/2);
    }
    .es-block-6, .es-block-7, .es-block-8, .es-block-9{
        width: calc(505px + (100vw - 1440px)/2);
    }
}
@media screen and (min-width:1440px){
    .es-picture-1{
        width: calc(327px + (100vw - 1440px));
    }
}
@media screen and (min-width:1528px){
    .es-picture-1{
        width: calc(327px + (1528px - 1440px));
    }
    .exclusive-service-txt{
        width: auto;
        right: 689px;
    }
    .es-line{
        width: auto;
        right: 702px;
    }
    .es-underline-txt-1{
        width: calc(304px + (100vw - 1528px)/2);
    }
    .es-underline-txt-2{
        right: 702px;
        left: auto;
        width: calc(270px + (100vw - 1528px)/2);
    }
}
@media screen and (min-width:1840px){
    .es-picture-txt{
        top: 370px;
        width: 900px;
    }
    .es-block-1, .es-block-2, .es-block-3, .es-block-4, .es-block-5{
        width: calc(422px + (100vw - 1840px)/2);
    }
    .es-block-6, .es-block-7, .es-block-8, .es-block-9{
        width: calc(455px + (100vw - 1840px)/2);
    }
    .es-block-txt-icon-6, .es-block-txt-icon-7, .es-block-txt-icon-8, .es-block-txt-icon-9{
        left: calc(704px + (100vw - 1840px)/2);
    }
    .es-block-6, .es-block-7, .es-block-8, .es-block-9{
        left: calc(684px + (100vw - 1840px)/2);
    }
    .es-block-txt-6, .es-block-txt-7, .es-block-txt-8, .es-block-txt-9{
        left: calc(769px + (100vw - 1840px)/2);
    }
    .es-block-txt-1, .es-block-txt-icon-1, .es-block-txt-6, .es-block-txt-icon-6{
        top: 434px;
    }
    .es-block-txt-2, .es-block-txt-icon-2, .es-block-txt-7, .es-block-txt-icon-7{
        top: 517px;
    }
    .es-block-txt-3, .es-block-txt-icon-3, .es-block-txt-8, .es-block-txt-icon-8{
        top: 574px;
    }
    .es-block-txt-4, .es-block-txt-icon-4, .es-block-txt-9, .es-block-txt-icon-9{
        top: 631px;
    }
    .es-block-txt-5, .es-block-txt-icon-5{
        top: 688px;
    }
    .es-block-1, .es-block-6{top: 497px;}
    .es-block-2, .es-block-7{top: 558px;}
    .es-block-3, .es-block-8{top: 615px;}
    .es-block-4{top: 672px;}
    .es-block-9{top: 698px;}
    .es-block-5{top: 729px;}
    #exclusive-service{
        height: 789px;
    }
}
@media screen and (min-width:1904px){
    .exclusive-service-txt{
        top: 138px;
        right: 610px;
    }
}
@media screen and (min-width:2064px){
    #exclusive-service{
        width: 2064px;
    }
    .es-block-1, .es-block-2, .es-block-3, .es-block-4, .es-block-5{
        width: calc(422px + (2064px - 1840px)/2);
    }
    .es-block-6, .es-block-7, .es-block-8, .es-block-9{
        width: calc(455px + (2064px - 1840px)/2);
    }
    .es-block-txt-icon-6, .es-block-txt-icon-7, .es-block-txt-icon-8, .es-block-txt-icon-9{
        left: calc(704px + (2064px - 1840px)/2);
    }
    .es-block-6, .es-block-7, .es-block-8, .es-block-9{
        left: calc(684px + (2064px - 1840px)/2);
    }
    .es-block-txt-6, .es-block-txt-7, .es-block-txt-8, .es-block-txt-9{
        left: calc(769px + (2064px - 1840px)/2);
    }
    .es-underline-txt-1{
        width: calc(304px + (2064px - 1528px)/2);
    }
    .es-underline-txt-2{
        width: calc(270px + (2064px - 1528px)/2);
    }
}
#take-konsultation{
    position: relative;
    width: 100vw;
    height: 475px;
    margin: auto;
    background: no-repeat url(../img/OO_PM_Drone_ChurchIsland_Twilight_0867_MASTER\ 1.png) center/cover;
}
.take-konsultation-gradient{
    position: absolute;
    width: 100vw;
    height: 475px;
    left: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.take-konsultation-txt{
    position: absolute;
    min-width: 626px;
    max-width: 690px;
    width: auto;
    height: 110px;
    left: 201px;
    right: 613px;
    top: 90px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 55px;
    color: #FFFFFF;
}
.tk-txt{
    position: absolute;
    min-width: 245px;
    max-width: 653px;
    width: auto;
    height: 60px;
    left: 201px;
    right: 650px;
    top: 230px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #EFEFEF;
}
.tk-input-name,
.tk-input-email,
.tk-input-telephone{
    position: absolute;
    width: 230px;
    height: 50px;
    left: 201px;
    bottom: 90px;
    background: rgba(25, 28, 32, 0.3);
    padding: 0px 20px;
    border: 1px solid #BEBEBE;
    outline: none;
    border-radius: 2px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    transition: 300ms;
}
.tk-input-name::placeholder,
.tk-input-email::placeholder,
.tk-input-telephone::placeholder{
    color: #C4C4C4;
}
.tk-input-email{
    left: 491px;
}
.tk-input-telephone{
    left: 781px;
}
.tk-input-name:hover,
.tk-input-name:focus,
.tk-input-email:hover,
.tk-input-email:focus,
.tk-input-telephone:hover,
.tk-input-telephone:focus{
    background: #191C20;
    border: 1px solid #FFFFFF;
}
.tk-input-name:hover::placeholder,
.tk-input-email:hover::placeholder,
.tk-input-telephone:hover::placeholder,
.tk-input-name:focus::placeholder,
.tk-input-email:focus::placeholder,
.tk-input-telephone:focus::placeholder{
    color: #FFFFFF;
}
.tk-exclamation{
    position: absolute;
    width: 32.25px;
    height: 141.5px;
    right: 465.75px;
    top: 116px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 200px;
    line-height: 55px;
    background: no-repeat url(../img/png-icons/!.png);
    background-size: 32.25px 141.5px;
}
.tk-block{
    position: absolute;
    width: 275px;
    height: 180px;
    right: 198px;
    top: 101px;
    background: rgba(255, 255, 255, 0.15);
}
.tk-block-txt{
    position: absolute;
    width: 240px;
    height: 129px;
    left: 29px;
    top: 38px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}
.tk-btn{
    position: absolute;
    width: 170px;
    height: 20px;
    right: 198px;
    padding: 15px 0px;
    bottom: 90px;
    background: #FFFFFF;
    border-radius: 2px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #969696;
}
@media screen and (min-width:1440px){
    .tk-input-name, .tk-input-email, .tk-input-telephone{
        width: calc(230px + (100vw - 1440px)/3);
    }
    .tk-input-email{left: calc(491px + (100vw - 1440px)/3);}
    .tk-input-telephone{left: calc(781px + (100vw - 1440px)/3*2);}
}
@media screen and (min-width:1768px){
    #take-konsultation,
    .take-konsultation-gradient{
        width: 1768px;
    }
    .tk-input-name, .tk-input-email, .tk-input-telephone{
        width: calc(230px + (1768px - 1440px)/3);
    }
    .tk-input-email{left: calc(491px + (1768px - 1440px)/3);}
    .tk-input-telephone{left: calc(781px + (1768px - 1440px)/3*2);}
    .take-konsultation-right{
        position: absolute;
        left: 1768px;
        min-width: 50px;
        max-width: 148px;
        width: calc(0px + (100vw - 1768px)/2);
        height: 475px;
        background: rgb(248,248,248);
        background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
    }
    .take-konsultation-left{
        position: absolute;
        right: 1768px;
        min-width: 50px;
        max-width: 148px;
        width: calc(0px + (100vw - 1768px)/2);
        height: 475px;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    }
}
@media screen and (max-width:1440px){
    .tk-input-name, .tk-input-email, .tk-input-telephone{
        width: calc(230px + (100vw - 1440px)/3);
    }
    .tk-input-email{left: calc(491px + (100vw - 1440px)/3);}
    .tk-input-telephone{left: calc(781px + (100vw - 1440px)/3*2);}
}
@media screen and (max-width:1296px){
    #take-konsultation,
    .take-konsultation-gradient{
        height: 530px;
    }
    .tk-txt{
        top: 285px;
    }
    .take-konsultation-txt{
        min-width: 282px;
        height: auto;
    }
} 
@media screen and (max-width:1008px){
    #take-konsultation,
    .take-konsultation-gradient{
        height:640px;
    }
    .tk-input-name, .tk-input-email, .tk-input-telephone{
        width: calc(230px + (1008px - 1440px)/3);
    }
    .tk-input-name, .tk-input-telephone{
        bottom: 170px;
    }
    .tk-input-telephone,.tk-btn{left: calc(346px  - (1008px - 100vw)/2);}
    .tk-exclamation{
        top: calc((640px - 141.5px)/2);
        right: calc(465.75px - (1008px - 100vw)/2);
    }
    .tk-block{
        top: calc((640px - 180px)/2);
        right: calc(198px - (1008px - 100vw)/2);
    }
    .take-konsultation-txt,
    .tk-txt,
    .tk-input-name, .tk-input-email{
        left: calc(201px - (1008px - 100vw)/2);
    }
} 
@media screen and (max-width:672px){
    #take-konsultation,
    .take-konsultation-gradient{
        height:850px;
    }
    .tk-input-telephone,.tk-btn{left: calc(346px  - (672px - 100vw)/2);}
    .tk-exclamation{
        top: 390px;
        right: calc(465.75px - (672px - 100vw)/2);
    }
    .tk-block{
        top: 390px;
        right: calc(198px - (672px - 100vw)/2);
    }
    .take-konsultation-txt,
    .tk-txt,
    .tk-input-name, .tk-input-email{
        left: calc(201px - (672px - 100vw)/2);
    }
} 
#valanta-travel-company{
    position: relative;
    width: 100vw;
    height: 1081px;
    margin: auto;
}
.valanta-travel-company-txt{
    position: absolute;
    width: 224px;
    height: 208px;
    left: 200px;
    top: 123px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 55px;
    color: #232323;
}
.vtc-txt-red{
    color: #DA2032;
    font-weight: 500;
}
.vtc-txt{
    position: absolute;
    width: 241px;
    height: 90px;
    left: 200px;
    top: 363px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #898989;
}
.vtc-line{
    position: absolute;
    width: 43px;
    height: 92px;
    left: 441px;
    top: 353px;
    background: no-repeat url(../img/png-icons/line.png);
    background-size: 43px 92px;
}
.vtc-blocks{
    position: absolute;
    width: auto;
    left: 201px;
    right: 205px;
    top: 515px;
    display: grid;
    height: 476px;
    grid-template-columns: calc(304px + (100vw - 1440px)/3) calc(300px + (100vw - 1440px)/3) calc(321px + (100vw - 1440px)/3);
    justify-content: space-between;
    grid-template-rows: 235px 243px;
}
.vtc-block-1,
.vtc-block-2,
.vtc-block-3,
.vtc-block-4,
.vtc-block-5,
.vtc-block-6{
    position: relative;
    width: auto;
    float: left;
    margin-bottom: 50px;
}
.vtc-block-number-1,
.vtc-block-number-2,
.vtc-block-number-3,
.vtc-block-number-4,
.vtc-block-number-5,
.vtc-block-number-6{
    position: absolute;
    width: 80px;
    height: 55px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 60px;
    line-height: 55px;
    color: #262626;
}
.vtc-block-number-5{
    width: 138px;
}
.vtc-block-number-6{
    width: 182px;
}
.vtc-block-line-1,
.vtc-block-line-2,
.vtc-block-line-3,
.vtc-block-line-4,
.vtc-block-line-5,
.vtc-block-line-6{
    position: absolute;
    width: auto;
    left: 0px;
    right: 0px;
    height: 1px;
    top: 80px;
    background: rgba(35, 35, 35, 0.3);
}
.vtc-block-txtr-1,
.vtc-block-txtr-2,
.vtc-block-txtr-3,
.vtc-block-txtr-4,
.vtc-block-txtr-5,
.vtc-block-txtr-6{
    position: absolute;
    width: auto;
    height: auto;
    left: 0px;
    right: 0px;
    top: 101px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 28px;
    color: #656565;
}
.vtc-picture{
    position: absolute;
    width: 683px;
    height: 322px;
    right: 199px;
    top: 123px;
    background: no-repeat url(../img/Mask\ Group1.png) center/cover;
}
.vtc-traectory{
    position: absolute;
    width: 211px;
    height: 395.62px;
    right: 0px;
    bottom: 250.38px;
    background: no-repeat url(../img/png-icons/Frame\ 74.png);
    background-size: 211px 395.62px;
}
@media screen and (min-width:1830px){
    #valanta-travel-company{
        height: 689px;
    }
    .vtc-picture{
        display: none;
    }
    .vtc-blocks{
        top: 123px;
        grid-template-columns: calc(304px + (100vw - 1830px)/3) calc(300px + (100vw - 1830px)/3) calc(321px + (100vw - 1830px)/3);
        left: 590px;
    }
}
@media screen and (min-width:2064px){
    #valanta-travel-company{
        width: 2064px;
    }
    .vtc-picture{
        display: none;
    }
    .vtc-blocks{
        top: 123px;
        grid-template-columns: calc(304px + (2064px - 1830px)/3) calc(300px + (2064px - 1830px)/3) calc(321px + (2064px - 1830px)/3);
        left: 590px;
    }
}
@media screen and (max-width:1392px){
    .vtc-picture{
        width: calc(683px - (1392px - 100vw));
    }
}
@media screen and (max-width:1288px){
    #valanta-travel-company{
        height: 1324px;
    }
    .vtc-picture{
        width: calc(683px - (1392px - 1288px));
        right: calc(199px + (100vw - 1288px)/2);
        left: auto;
    }
    .vtc-txt, .valanta-travel-company-txt{
        left: calc(200px + (100vw - 1288px)/2);
    }
    .vtc-line{
        left: calc(441px + (100vw - 1288px)/2); 
    }
    .vtc-blocks{
        grid-template-columns: calc(403px + (100vw - 1288px)/2) calc(424px + (100vw - 1288px)/2);
        grid-template-rows: 235px 243px 243px;
        height: 721px;
    }
}
@media screen and (max-width:984px){
    #valanta-travel-company{
        height: 1558px;
    }
    .vtc-picture{
        top: 363px;
        width: 585px;
        right: auto;
        left: calc(200px + (100vw - 984px)/2);
    }
    .valanta-travel-company-txt{
        left: calc(200px + (100vw - 984px)/2);
    }
    .vtc-txt{
        top: 183px;
        left: calc(473px + (100vw - 984px)/2);
    }
    .vtc-line{
        top: 173px;
        left: calc(714px + (100vw - 984px)/2); 
    }
    .vtc-blocks{
        top: 747px;
        width: 578px;
        grid-template-columns: calc(403px + (984px - 1288px)/2) calc(424px + (984px - 1288px)/2);
        grid-template-rows: 235px 243px 243px;
        height: 721px;
        left: calc(201px + (100vw - 984px)/2);
        right: auto;
    }
}
@media screen and (max-width:584px){
    .vtc-picture{
        top: 363px;
        width: 585px;
        right: auto;
        left: calc(200px + (584px - 984px)/2);
    }
    .valanta-travel-company-txt{
        left: calc(200px + (584px - 984px)/2);
    }
    .vtc-txt{
        top: 183px;
        left: calc(473px + (584px - 984px)/2);
    }
    .vtc-line{
        top: 173px;
        left: calc(714px + (584px - 984px)/2); 
    }
    .vtc-blocks{
        top: 747px;
        grid-template-columns: calc(403px + (984px - 1288px)/2) calc(424px + (984px - 1288px)/2);
        grid-template-rows: 235px 243px 243px;
        height: 721px;
        left: calc(201px + (584px - 984px)/2);
        right: calc(205px + (584px - 984px)/2);
    }
}
#we-proude-of{
    position: relative;
    width: 100vw;
    height: 650px;
    margin: auto;
    background: #F8F8F8;
}
.we-proude-of-txt{
    position: absolute;
    width: 381px;
    height: 101px;
    left: 200px;
    top: 89px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 55px;
    color: #232323;
    z-index: 1;
}
.wpo-txt-1,
.wpo-txt-2{
    position: absolute;
    width: auto;
    height: auto;
    left: 734px;
    right: 186px;
    top: 89px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #656565;
    z-index: 1;
}
.wpo-txt-2{
    height: auto;
    left: 734px;
    right: 186px;
    top: 205px;
}
.wpo-fly{
    position: absolute;
    width: 234.34px;
    height: 358.41px;
    top: -101px;
    background: no-repeat url(../img/png-icons/Frame\ 82.png);
    background-size: 234.34px 358.41px;
}
.wpo-picture{
    position: absolute;
    width: 100vw;
    height: 356px;
    left: 0px;
    top: 294px;
    background: no-repeat url(../img/1615470437_162\ 3.png) center/cover;
}
.wpo-gradient{
    position: absolute;
    width: 100vw;
    height: 356px;
    background: linear-gradient(180deg, #F8F8F8 17.5%, rgba(248, 248, 248, 0.1) 100%);
}
.wpo-overflow{
    position: absolute;
    width: 1040px;
    height: 175px;
    left: 200px;
    top: 91px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}
.wpo-partners{
    position: absolute;
    width: 2081px;
    height: 175px;
    background: #FFFFFF;
    transition: all 1.4s cubic-bezier(0.445, 0.05, 0.55, 0.95)
}
.wpo-picture input{
    display: none;
}
.wpo-partner-1,
.wpo-partner-2,
.wpo-partner-3,
.wpo-partner-4,
.wpo-partner-5,
.wpo-partner-6{
    position: relative;
    width: 172px;
    height: 175px;
    float: left;
}
.wpo-partner-1{    width: 174px;}
.wpo-partner-6{    width: 173px;}
.wpo-partner-line-1,
.wpo-partner-line-2,
.wpo-partner-line-3,
.wpo-partner-line-4,
.wpo-partner-line-5,
.wpo-partner-line-6{
    position: relative;
    width: 1px;
    height: 175px;
    float: left;
    background: rgba(196, 196, 196, 0.5);
}
#wpo-switch1:checked ~ .wpo-labels label:nth-child(6),
#wpo-switch2:checked ~ .wpo-labels label:nth-child(1),
#wpo-switch3:checked ~ .wpo-labels label:nth-child(2),
#wpo-switch4:checked ~ .wpo-labels label:nth-child(3),
#wpo-switch5:checked ~ .wpo-labels label:nth-child(4),
#wpo-switch6:checked ~ .wpo-labels label:nth-child(5){
    position: absolute;
    width: 50px;
    height: 50px;
    left: 115px;
    top: 154px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#wpo-switch1:checked ~ .wpo-labels label:nth-child(6):hover,
#wpo-switch2:checked ~ .wpo-labels label:nth-child(1):hover,
#wpo-switch3:checked ~ .wpo-labels label:nth-child(2):hover,
#wpo-switch4:checked ~ .wpo-labels label:nth-child(3):hover,
#wpo-switch5:checked ~ .wpo-labels label:nth-child(4):hover,
#wpo-switch6:checked ~ .wpo-labels label:nth-child(5):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    background-position: center;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
#wpo-switch1:checked ~ .wpo-labels label:nth-child(2),
#wpo-switch2:checked ~ .wpo-labels label:nth-child(3),
#wpo-switch3:checked ~ .wpo-labels label:nth-child(4),
#wpo-switch4:checked ~ .wpo-labels label:nth-child(5),
#wpo-switch5:checked ~ .wpo-labels label:nth-child(6),
#wpo-switch6:checked ~ .wpo-labels label:nth-child(1){
    position: absolute;
    width: 50px;
    height: 50px;
    right: 115px;
    top: 154px;
    border: 1px solid #C6C6C6;
    border-radius: 50%;
    background: no-repeat url(../img/png-icons/Frame\ 52.png);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    background-size: 25.5px 7.4px;
    background-position: center;
}
#wpo-switch1:checked ~ .wpo-labels label:nth-child(2):hover,
#wpo-switch2:checked ~ .wpo-labels label:nth-child(3):hover,
#wpo-switch3:checked ~ .wpo-labels label:nth-child(4):hover,
#wpo-switch4:checked ~ .wpo-labels label:nth-child(5):hover,
#wpo-switch5:checked ~ .wpo-labels label:nth-child(6):hover,
#wpo-switch6:checked ~ .wpo-labels label:nth-child(1):hover{
    border: 1px solid #454545;
    background: no-repeat url(../img/png-icons/arrow_black.png);
    background-size: 25.5px 7.4px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    background-position: center;
}
#wpo-switch1:checked ~ .wpo-overflow .wpo-partners{
    left: 0px;
}
#wpo-switch2:checked ~ .wpo-overflow .wpo-partners{
    left: -175px;
}
#wpo-switch3:checked ~ .wpo-overflow .wpo-partners{
    left: -348px;
}
#wpo-switch4:checked ~ .wpo-overflow .wpo-partners{
    left: -521px;
}
#wpo-switch5:checked ~ .wpo-overflow .wpo-partners{
    left: -694px;
}
#wpo-switch6:checked ~ .wpo-overflow .wpo-partners{
    left: -867px;
}
.wpo-partner-1{
    background: no-repeat url(../img/завантаження\ 2.png);
    background-size: 124px 38px;
    background-position: 26px 72px;
}
.wpo-partner-2{
    background: no-repeat url(../img/Screenshot-2019-03-06-at-11.11\ 1.png);
    background-size: 158px 68px;
    background-position: 13px 57px;
}
.wpo-partner-3{
    background: no-repeat url(../img/losinj-logo-bw\ 1.png);
    background-size: 97px 97px;
    background-position: 37px 42px;
}
.wpo-partner-4{
    background: no-repeat url(../img/6eRZufC3dNIabVsP6hxW-770x_\ 1.png);
    background-size: 126px 95px;
    background-position: 23px 44px;
}
.wpo-partner-5{
    background: no-repeat url(../img/5d12200617fe6db64beb2c49_5d11e3b03e3a266985bd9a85_Regent\ 1.png);
    background-size: 126px 50px;
    background-position: 24px 66px;
}
.wpo-partner-6{
    background: no-repeat url(../img/rikki.png);
    background-size: 154px 89px;
    background-position: 11px 42px;
}
.wpo-partner-1:hover .wpo-p-up-1,
.wpo-partner-1:hover .wpo-p-up-1-1,
#wpo-switch1:checked ~ .wpo-overflow .wpo-p-up-1{
    position: absolute;
    width: 175px;
    height: 6px;
    background: #DD4053;
    transition: 500ms;
}
.wpo-partner-2:hover .wpo-p-up-2,
.wpo-partner-2:hover .wpo-p-up-2-2,
#wpo-switch2:checked ~ .wpo-overflow .wpo-p-up-2,
.wpo-partner-3:hover .wpo-p-up-3,
.wpo-partner-3:hover .wpo-p-up-3-3,
#wpo-switch3:checked ~ .wpo-overflow .wpo-p-up-3,
.wpo-partner-4:hover .wpo-p-up-4,
.wpo-partner-4:hover .wpo-p-up-4-4,
#wpo-switch4:checked ~ .wpo-overflow .wpo-p-up-4,
.wpo-partner-5:hover .wpo-p-up-5,
.wpo-partner-5:hover .wpo-p-up-5-5,
#wpo-switch5:checked ~ .wpo-overflow .wpo-p-up-5{
    position: absolute;
    width: 174px;
    height: 6px;
    left:-1px;
    background: #DD4053;
    transition: 500ms;
}
.wpo-partner-6:hover .wpo-p-up-6,
.wpo-partner-6:hover .wpo-p-up-6-6,
#wpo-switch6:checked ~ .wpo-overflow .wpo-p-up-6{
    position: absolute;
    width: 174px;
    height: 6px;
    left:-1px;
    background: #DD4053;
    transition: 500ms;
}
@media screen and (min-width:1440px){
    .wpo-overflow{
        left: calc(200px + (100vw - 1440px)/2);
    }
}
@media screen and (min-width:1482.835px){
    .wpo-fly{
        left: calc(0px - (100vw - 1482.835px));
    }
}
@media screen and (min-width:1600px){
    #we-proude-of,
    .wpo-picture,
    .wpo-gradient{
        width: 1600px;
    }
    .wpo-overflow{
        left: calc(200px + (1600px - 1440px)/2);
    }
    .wpo-left{
        position: absolute;
        height: 650px;
        right: 1600px;
        min-width: 50px;
        max-width: 232px;
        width: calc(0px + (100vw - 1600px));
        background: rgb(255,255,255);
        background: linear-gradient(83deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    }
    .wpo-right{
        position: absolute;
        height: 650px;
        left: 1600px;
        min-width: 50px;
        max-width: 232px;
        width: calc(0px + (100vw - 1600px));
        background: rgb(248,248,248);
        background: linear-gradient(83deg, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
    }
    .wpo-fly{
        display: none;
    }
}
@media screen and (max-width:1440px){
    .wpo-overflow{
        left: calc(200px + (100vw - 1440px)/2);
    }
}
@media screen and (max-width:1410px){
    .wpo-overflow{
        width: 865px;
        left: calc(272px + (100vw - 1410px)/2);
    }
}
@media screen and (max-width:1278px){
    .wpo-txt-1, .wpo-txt-2{
        left: calc(734px + (100vw - 1278px));
    }
}
@media screen and (max-width:1235px){
    .wpo-overflow{
        width: 692px;
        left: calc(271.5px + (100vw - 1235px)/2);
    }
}
@media screen and (max-width:1134px){
    .wpo-txt-1, .wpo-txt-2{
        left: calc(590px + (100vw - 1134px)/2);
        right: calc(186px + (100vw - 1134px)/2);
    }
    .we-proude-of-txt{
        height: auto;
        left: calc(200px + (100vw - 1134px)/2);
    }
}
@media screen and (max-width:1062px){
    .wpo-overflow{
        width: 519px;
        left: calc(271.5px + (100vw - 1062px)/2);
    }
}
@media screen and (max-width:889px){
    .wpo-overflow{
        width: 346px;
        left: calc(271.5px + (100vw - 889px)/2);
    }
}
@media screen and (max-width:846px){
    #we-proude-of{
        height: 961px;
    }
    .wpo-txt-1, .wpo-txt-2{
        top: 339px;
        width: 358px;
        left: calc((100vw - 358px)/2);
        right: auto;
    }
    .wpo-txt-2{top: 455px;}
    .we-proude-of-txt{
        height: auto;
        left: calc((100vw - 381px)/2);
    }
    .wpo-picture{
        top: 605px;
    }
}
@media screen and (max-width:716px){
    .wpo-overflow{
        width: 172px;
        left: calc(272px + (100vw - 716px)/2);
    }
}
@media screen and (max-width:542px){
    #wpo-switch1:checked ~ .wpo-labels label:nth-child(6),
    #wpo-switch2:checked ~ .wpo-labels label:nth-child(1),
    #wpo-switch3:checked ~ .wpo-labels label:nth-child(2),
    #wpo-switch4:checked ~ .wpo-labels label:nth-child(3),
    #wpo-switch5:checked ~ .wpo-labels label:nth-child(4),
    #wpo-switch6:checked ~ .wpo-labels label:nth-child(5){
        left: calc(115px - (542px - 100vw)/2);
    }
    #wpo-switch1:checked ~ .wpo-labels label:nth-child(2),
    #wpo-switch2:checked ~ .wpo-labels label:nth-child(3),
    #wpo-switch3:checked ~ .wpo-labels label:nth-child(4),
    #wpo-switch4:checked ~ .wpo-labels label:nth-child(5),
    #wpo-switch5:checked ~ .wpo-labels label:nth-child(6),
    #wpo-switch6:checked ~ .wpo-labels label:nth-child(1){
        right: calc(115px - (542px - 100vw)/2);
    }
}
@media screen and (max-width:400px){
    .wpo-txt-1, .wpo-txt-2{
        left: calc((400px - 358px)/2);
    }
    .we-proude-of-txt{
        left: calc((400px - 381px)/2);
    }
    #wpo-switch1:checked ~ .wpo-labels label:nth-child(6),
    #wpo-switch2:checked ~ .wpo-labels label:nth-child(1),
    #wpo-switch3:checked ~ .wpo-labels label:nth-child(2),
    #wpo-switch4:checked ~ .wpo-labels label:nth-child(3),
    #wpo-switch5:checked ~ .wpo-labels label:nth-child(4),
    #wpo-switch6:checked ~ .wpo-labels label:nth-child(5){
        top: 20px;
        left: calc(135px - (400px - 100vw)/2);
    }
    #wpo-switch1:checked ~ .wpo-labels label:nth-child(2),
    #wpo-switch2:checked ~ .wpo-labels label:nth-child(3),
    #wpo-switch3:checked ~ .wpo-labels label:nth-child(4),
    #wpo-switch4:checked ~ .wpo-labels label:nth-child(5),
    #wpo-switch5:checked ~ .wpo-labels label:nth-child(6),
    #wpo-switch6:checked ~ .wpo-labels label:nth-child(1){
        top: 20px;
        right: calc(135px - (400px - 100vw)/2);
    }
}
@media screen and (max-width:230px){
    .wpo-txt-1, .wpo-txt-2{
        left: calc((400px - 358px)/2);
    }
    .we-proude-of-txt{
        left: calc((400px - 381px)/2);
    }
    #wpo-switch1:checked ~ .wpo-labels label:nth-child(6),
    #wpo-switch2:checked ~ .wpo-labels label:nth-child(1),
    #wpo-switch3:checked ~ .wpo-labels label:nth-child(2),
    #wpo-switch4:checked ~ .wpo-labels label:nth-child(3),
    #wpo-switch5:checked ~ .wpo-labels label:nth-child(4),
    #wpo-switch6:checked ~ .wpo-labels label:nth-child(5){
        top: 20px;
        left: calc(135px - (400px - 230px)/2);
    }
    #wpo-switch1:checked ~ .wpo-labels label:nth-child(2),
    #wpo-switch2:checked ~ .wpo-labels label:nth-child(3),
    #wpo-switch3:checked ~ .wpo-labels label:nth-child(4),
    #wpo-switch4:checked ~ .wpo-labels label:nth-child(5),
    #wpo-switch5:checked ~ .wpo-labels label:nth-child(6),
    #wpo-switch6:checked ~ .wpo-labels label:nth-child(1){
        top: 20px;
        right: calc(135px - (400px - 230px)/2);
    }
}
#we-offer-exclusive{
    position: relative;
    width: 100vw;
    height: 1216px;
    left: 0px;
}
.woe-picture{
    position: absolute;
    width: 347px;
    height: 401px;
    right: 891px;
    top: 90px;
    background: no-repeat url(../img/Group\ 170.png) center/cover;
}
.we-offer-exclusive-txt-1{
    position: absolute;
    width: 607px;
    height: 161px;
    right: 217px;
    top: 125px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 31px;
    line-height: 42px;
    color: #232323;
}
.we-offer-exclusive-txt-2{
    position: absolute;
    width: 595px;
    height: 120px;
    right: 229px;
    top: 321px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #656565;
}
.woe-img-country{
    position: absolute;
    width: 220px;
    height: 430px;
    top: 270px;
    background: no-repeat url(../img/country.png);
    background-size: 220px 430px;
}
.woe-img-sticker{
    position: absolute;
    width: 129.9px;
    height: 129.9px;
    left: 122px;
    top: 338px;
    background: no-repeat url(../img/png-icons/Group\ 176.png);
    background-size: 129.9px 129.9px;
}
.woe-img-sticker-txt{
    position: absolute;
    width: 85px;
    height: 42px;
    left: 22.45px;
    top: 43.95px;
    font-family: 'Mistral';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    transform: rotate(-18.82deg);
}
.woe-img-country-left{
    position: absolute;
    width: 220px;
    height: 430px;
    left: -220px;
    top: 270px;
    background: no-repeat url(../img/country.png);
    transform:matrix(-1.00,0.00,0.00,1.00,0,0);
    background-size: 220px 430px;
}
.woe-img-sticker-left{
    position: absolute;
    width: 129.9px;
    height: 129.9px;
    left: 122px;
    left: -251.9px;
    top: 338px;
    transform:matrix(-1.00,0.00,0.00,1.00,0,0);
    background: no-repeat url(../img/png-icons/Group\ 176.png);
    background-size: 129.9px 129.9px;
}
.woe-img-sticker-txt-left{
    position: absolute;
    width: 85px;
    height: 42px;
    left: 22.45px;
    top: 43.95px;
    transform:matrix(-1.00,0.00,0.00,1.00,0,0);
    font-family: 'Mistral';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    transform: rotate(-18.82deg);
}
.woe-txt{
    position: absolute;
    width: 818px;
    height: 30px;
    left: 202px;
    top: 561px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #323232;
}
.woe-btn{
    position: absolute;
    width: 180px;
    height: 19px;
    top: 553px;
    right: 200px;
    padding: 13px 0px;
    border: 1px solid #969696;
    border-radius: 2px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #969696;
}
.woe-blocks{
    position: absolute;
    display: grid;
    width: auto;
    height: 500px;
    left: 200px;
    right: 200px;
    top: 626px;
    grid-template-columns: calc(348px + (100vw - 1440px)/3) calc(347px + (100vw - 1440px)/3) calc(345px + (100vw - 1440px)/3);
    grid-template-rows: 263px 237px;
    background: #F8F8F8;
}
.woe-block-1,
.woe-block-2,
.woe-block-3{
    position: relative;
    width: auto;
    height: auto;
    background: #F8F8F8;
}
.woe-block-4,
.woe-block-5,
.woe-block-6{
    position: relative;
    width: auto;
    height: auto;
    background: #F8F8F8;
}
.woe-block-1:hover .woe-block-1-red,
.woe-block-2:hover .woe-block-2-red,
.woe-block-3:hover .woe-block-3-red,
.woe-block-4:hover .woe-block-4-red,
.woe-block-5:hover .woe-block-5-red,
.woe-block-6:hover .woe-block-6-red{
    position: absolute;
    width: auto;
    left: 0px;
    right: 1px;
    height: 6px;
    background: #DD4053;
    transition: 500ms;
}
.woe-block-3:hover .woe-block-3-red,
.woe-block-6:hover .woe-block-6-red{
    right: 0px;
}
.woe-block-1:hover,
.woe-block-2:hover,
.woe-block-3:hover,
.woe-block-4:hover,
.woe-block-5:hover,
.woe-block-6:hover{
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
    transition: 500ms;
}
.woe-block-txt-1{
    position: absolute;
    width: auto;
    height: auto;
    left: 30px;
    right: 68px;
    top: 30px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #323232;
}
.woe-block-txt-2{
    position: absolute;
    width: auto;
    height: auto;
    left: 30px;
    right: 39px;
    top: 92px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #848484;
}
.woe-block-number,
.woe-block-number-2{
    position: absolute;
    width: 22px;
    height: 28px;
    right: 20px;
    bottom: 16px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #717171;
}
.woe-line-1,
.woe-line-4{
    position: absolute;
    width: auto;
    height: 1px;
    left: 0px;
    right: 0px;
    top: 262px;
    background: #E3E3E3;
}
.woe-line-4{display: none;}
.woe-line-2{
    position: absolute;
    width: 1px;
    height: 500px;
    left: calc(347px + (100vw - 1440px)/3);
    background: #E3E3E3;
}
.woe-line-3{
    position: absolute;
    width: 1px;
    height: 500px;
    left: calc(694px + (100vw - 1440px)/3*2);
    background: #E3E3E3;
}
.woe-traectory{
    position: absolute;
    width: 141.3px;
    height: 155px;
    right: 0px;
    top: 792px;
    background: no-repeat url(../img/png-icons/Frame\ 78.png);
    background-size: 141.3px 155px;
}
@media screen and (min-width:1584px){
    .woe-picture{
        width: calc(347px + (100vw - 1584px));
    }
}
@media screen and (min-width:1824px){
    .woe-picture{
        width: calc(347px + (1824px - 1584px));
    }
    .woe-img-country, .woe-img-country-left{top: 90px;}
    .woe-img-sticker, .woe-img-sticker-left{top: 158px;}
    .woe-img-country{left: calc(0px + (100vw - 1824px));}
    .woe-img-country-left{left: calc(-218px + (100vw - 1824px));}
    .woe-img-sticker{left: calc(122px + (100vw - 1824px));}
    .woe-img-sticker-left{left: calc(-252px + (100vw - 1824px));}
}
@media screen and (min-width:1944px){
    .woe-blocks{
        width: 1544px;
        left: calc((100vw - 1544px)/2);
        grid-template-columns: calc(348px + (1944px - 1440px)/3) calc(347px + (1944px - 1440px)/3) calc(345px + (1944px - 1440px)/3);
    }
    .woe-line-2{left: calc(347px + (1944px - 1440px)/3);}
    .woe-line-3{    left: calc(694px + (1944px - 1440px)/3*2);}
}
@media screen and (min-width:2064px){
    #we-offer-exclusive{
        width: 2064px;
    }
    .woe-blocks{
        left: calc((2064px - 1544px)/2);
    }
    .woe-img-country{left: calc(0px + (2064px - 1824px));}
    .woe-img-country-left{left: calc(-218px + (2064px - 1824px));}
    .woe-img-sticker{left: calc(122px + (2064px - 1824px));}
    .woe-img-sticker-left{left: calc(-252px + (2064px - 1824px));}
}
@media screen and (max-width:1440px){
    .woe-picture{
        left: 202px;
    }
    .we-offer-exclusive-txt-1,
    .we-offer-exclusive-txt-2{
        width: auto;
        left: 616px;
    }
}
@media screen and (max-width:1368px){
    #we-offer-exclusive{
        height: 1454px;
    }
    .woe-blocks{
        height: 738px;
        grid-template-columns: calc(485px + (100vw - 1368px)/2) calc(483px + (100vw - 1368px)/2);
        grid-template-rows: 238px 263px 237px;
    }
    .woe-line-2{
        height: 738px;
        left: calc(484px + (100vw - 1368px)/2);
    }
    .woe-line-3{display: none;}
    .woe-line-4{
        display: block;
        top: 500px;
    }
    .woe-line-1{
        top: 237px;
    }
}
@media screen and (max-width:1312px){
    #we-offer-exclusive{
        height: 1853px;
    }
    .woe-blocks{
        top: 1025px;
        height: 738px;
        grid-template-columns: calc(485px + (100vw - 1368px)/2) calc(483px + (100vw - 1368px)/2);
        grid-template-rows: 238px 263px 237px;
    }
    .woe-txt{
        width: auto;
        top: 945px;
        right: 420px;
    }
    .woe-btn{top: 945px;}
    .woe-picture{
        top: 490px;
        width: 587px;
        left: calc((100vw - 587px)/2);
    }
    .we-offer-exclusive-txt-1,
    .we-offer-exclusive-txt-2{
        width: 607px;
        left: calc((100vw - 607px)/2);
    }
    .woe-img-country{top: 490px;}
    .woe-img-sticker{top: 558px;}
}
@media screen and (max-width:1048px){
    .woe-block-txt-1{
        width: 225px;
    }
    .woe-block-txt-2{
        width: 254px;
        right: 430px;
    }
}
@media screen and (max-width:1008px){
    .woe-txt{
        width: auto;
        top: 930px;
        right: 420px;
    }
}
@media screen and (max-width:1000px){
    .woe-block-txt-1{
        width: 225px;
        left: calc(30px - (1000px - 100vw)/4);
    }
    .woe-block-txt-2{
        width: 254px;
        left: calc(30px - (1000px - 100vw)/4);
    }
}
@media screen and (max-width:944px){
    .woe-block-txt-1{
        width: 225px;
        left: calc(30px - (1000px - 944px)/4);
    }
    .woe-block-txt-2{
        width: 254px;
        left: calc(30px - (1000px - 944px)/4);
    }
    .woe-blocks{
        width: 544px;
        left: calc(200px - (944px - 100vw)/2);
        grid-template-columns: calc(485px + (944px - 1368px)/2) calc(483px + (944px - 1368px)/2);
    }
    .woe-line-2{
        left: calc(484px + (944px - 1368px)/2);
    }
    .woe-txt{
        width: 322px;
        left: calc(202px - (944px - 100vw)/2);
    }
    .woe-btn{
        right: calc(200px - (944px - 100vw)/2);
    }
    .woe-picture{
        width: auto;
        left: calc((944px - 587px)/2);
        right: calc((944px - 587px)/2);
    }
}
@media screen and (max-width:704px){
    .woe-picture{
        width: 347px;
        left: calc((100vw - 347px)/2);
    }
}
@media screen and (max-width:648px){
    .we-offer-exclusive-txt-1, .we-offer-exclusive-txt-2{
        width: auto;
        left: calc((648px - 607px)/2);
        right: calc((648px - 607px)/2);
        min-width: 418px;
    }
}
.what-is-traveling{
    position: relative;
    width: 100vw;
    height: 450px;
    margin: auto;
    background: no-repeat url(../img/what.png) center/cover;
}
.what-is-traveling-txt-back{
    position: absolute;
    width: 846px;
    height: 55px;
    left: calc((100vw - 846px)/2);
    top: 143px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 200px;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.2);
}
.what-is-traveling-txt{
    position: absolute;
    width: 622px;
    height: 110px;
    left: calc((100vw - 622px)/2);
    top: 115px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.what-is-travel-bottom{
    position: relative;
    width: 100vw;
    height: 1111px;
    margin: auto;
    background: linear-gradient(180deg, #F8F8F8 -12.15%, #E8E8E8 100%);
}
.wit-block{
    position: absolute;
    width: calc(1180px + (100vw - 1440px));
    height: 525px;
    left: 126px;
    top: -133px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
}
.wit-block-txt-1,
.wit-block-txt-2,
.wit-block-txt-3,
.wit-block-txt-4,
.wit-block-txt-5,
.wit-block-txt-6{
    position: absolute;
    width: 413.2px;
    height: 103.3px;
    left: 161.9px;
    top: 70.3px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #2C2C2C;
}
.wit-block-txt-st{
    font-weight: 700;
}
.wit-block-txt-2{
    width: 413.2px;
    height: 77.47px;
    top: 223.27px;
}
.wit-block-txt-3{
    width: 413.2px;
    height: 77.47px;
    top: 376.23px;
}
.wit-block-txt-4{
    width: 397.31px;
    height: 77.47px;
    left: 696.28px;
    top: 70.3px;
}
.wit-block-txt-5{
    width: 419.16px;
    height: 103.3px;
    left: 696.28px;
    top: 223.27px;
}
.wit-block-txt-6{
    width: 419.16px;
    height: 77.47px;
    left: 696.28px;
    top: 376.23px;
}
.wit-block-line-1{
    position: absolute;
    width: 0.99px;
    height: 316.85px;
    left: 103.3px;
    top: 95.13px;
    background: #C4C4C4;
}
.wit-block-line-2{
    position: absolute;
    width: 0.99px;
    height: 316.85px;
    left: 633.7px;
    top: 95.13px;
    background: #C4C4C4;
}
.wit-block-icon-1,
.wit-block-icon-2,
.wit-block-icon-3,
.wit-block-icon-4,
.wit-block-icon-5,
.wit-block-icon-6{
    position: absolute;
    width: 59.6px;
    height: 58px;
    left: 72.51px;
    top: 75.27px;
    background: no-repeat url(../img/png-icons/Frame\ 65.png);
    background-size: 59.6px 58px;
}
.wit-block-icon-2{
    top: 229.23px;
    background: no-repeat url(../img/png-icons/Frame\ 66.png);
    background-size: 59.6px 58px;
}
.wit-block-icon-3{
    top: 382.19px;
    background: no-repeat url(../img/png-icons/Frame\ 67.png);
    background-size: 59.6px 58px;
}
.wit-block-icon-4{
    left: 604.9px;
    background: no-repeat url(../img/png-icons/Frame\ 64.png);
    background-size: 59.6px 58px;
}
.wit-block-icon-5{
    left: 604.9px;
    top: 229.23px;
    background: no-repeat url(../img/png-icons/Frame\ 63.png);
    background-size: 59.6px 58px;
}
.wit-block-icon-6{
    left: 604.9px;
    top: 382.19px;
    background: no-repeat url(../img/png-icons/Frame\ 62.png);
    background-size: 59.6px 58px;
}
@media screen and (min-width:1440px){
    .wit-block{
        left: calc(126px - (100vw - 1440px)/2);
    }
    .wit-block-txt-1, .wit-block-txt-2, .wit-block-txt-3{
        left: calc(161.9px + (100vw - 1440px)/4);
    }
    .wit-block-icon-4, .wit-block-icon-5, .wit-block-icon-6{
        left: calc(604.9px + (100vw - 1440px)/4*2);
    }
    .wit-block-line-2{
        left: calc(633.7px + (100vw - 1440px)/4*2);
    }
    .wit-block-txt-4, .wit-block-txt-5, .wit-block-txt-6{
        left: calc(696.28px + (100vw - 1440px)/4*3);
    }
}
@media screen and (min-width:1600px){
    .wit-block-txt-1, .wit-block-txt-2, .wit-block-txt-3{
        left: calc(161.9px + (1600px - 1440px)/4);
    }
    .wit-block-icon-4, .wit-block-icon-5, .wit-block-icon-6{
        left: calc(604.9px + (1600px - 1440px)/4*2);
    }
    .wit-block-line-2{
        left: calc(633.7px + (1600px - 1440px)/4*2);
    }
    .wit-block-txt-4, .wit-block-txt-5, .wit-block-txt-6{
        left: calc(696.28px + (1600px - 1440px)/4*3);
    }
    .wit-block{
        width: 1340px;
        left: 46px;
    }
}
@media screen and (min-width:1800px){
    .what-is-traveling{
        width: 1800px;
    }
    .wit-block{
        width: 1340px;
    }
    .what-is-traveling-left{
        position: absolute;
        right: 1800px;
        height: 450px;
        min-width: 50px;
        max-width: 132px;
        width: calc(0px + (100vw - 1800px)/2);
        background: #f6f6f6;
    }
    .what-is-traveling-right{
        position: absolute;
        left: 1800px;
        height: 450px;
        min-width: 50px;
        max-width: 132px;
        width: calc(0px + (100vw - 1800px)/2);
        background: #f6f6f6;
    }
    .what-is-traveling-txt-back{
        left: calc((1800px - 846px)/2);
    }
    .what-is-traveling-txt{
        left: calc((1800px - 622px)/2);
    }
}
@media screen and (max-width:1440px){
    .wit-block-icon-1, .wit-block-icon-2, .wit-block-icon-3{
        left: calc(72.51px + (100vw - 1440px)/2);
    }
    .wit-block-line-1{
        left: calc(103.3px + (100vw - 1440px)/2);
    }
    .wit-block-txt-1, .wit-block-txt-2, .wit-block-txt-3{
        left: calc(161.9px + (100vw - 1440px)/2);
    }
    .wit-block-icon-4, .wit-block-icon-5, .wit-block-icon-6{
        left: calc(604.9px + (100vw - 1440px)/2);
    }
    .wit-block-line-2{
        left: calc(633.7px + (100vw - 1440px)/2);
    }
    .wit-block-txt-4, .wit-block-txt-5, .wit-block-txt-6{
        left: calc(696.28px + (100vw - 1440px)/2);
    }
}
@media screen and (max-width:1328px){
    .wit-block{
        width: calc(1180px + (1328px - 1440px));
        left: calc(126px + (100vw - 1328px)/2);
    }
    .wit-block-icon-1, .wit-block-icon-2, .wit-block-icon-3{
        left: calc(72.51px + (1328px - 1440px)/2);
    }
    .wit-block-line-1{
        left: calc(103.3px + (1328px - 1440px)/2);
    }
    .wit-block-txt-1, .wit-block-txt-2, .wit-block-txt-3{
        left: calc(161.9px + (1328px - 1440px)/2);
    }
    .wit-block-icon-4, .wit-block-icon-5, .wit-block-icon-6{
        left: calc(604.9px + (1328px - 1440px)/2);
    }
    .wit-block-line-2{
        left: calc(633.7px + (1328px - 1440px)/2);
    }
    .wit-block-txt-4, .wit-block-txt-5, .wit-block-txt-6{
        left: calc(696.28px + (1328px - 1440px)/2);
    }
    
}
@media screen and (max-width:1120px){
    .wit-block{
        width: calc(860px + (100vw - 1120px));
        left: 126px;
        height: 970px;
    }
    .what-is-travel-bottom{
        height: 1556px;
    }
    .wit-block-icon-1, .wit-block-icon-2, .wit-block-icon-3, .wit-block-icon-4, .wit-block-icon-5, .wit-block-icon-6{
        left: calc(72.51px + (1120px - 1120px)/2);
    }
    .wit-block-line-1, .wit-block-line-2{
        left: calc(103.3px + (1120px - 1120px)/2);
    }
    .wit-block-txt-1, .wit-block-txt-2, .wit-block-txt-3, .wit-block-txt-4, .wit-block-txt-5, .wit-block-txt-6{
        left: calc(161.9px + (1120px - 1120px)/2);
    }
    .wit-block-icon-4{top: 520px;}
    .wit-block-icon-5{top: 673.96px;}
    .wit-block-icon-6{top: 826.92px;}
    .wit-block-line-2{top: 539.87px;}
    .wit-block-txt-4{top: 515.03px;}
    .wit-block-txt-5{top: 668px;}
    .wit-block-txt-6{top: 820.95px;}
}
@media screen and (max-width:902px){
    .wit-block-icon-1, .wit-block-icon-2, .wit-block-icon-3, .wit-block-icon-4, .wit-block-icon-5, .wit-block-icon-6{
        left: calc(72.51px + (100vw - 902px)/2);
    }
    .wit-block-line-1, .wit-block-line-2{
        left: calc(103.3px + (100vw - 902px)/2);
    }
    .wit-block-txt-1, .wit-block-txt-2, .wit-block-txt-3, .wit-block-txt-4, .wit-block-txt-5, .wit-block-txt-6{
        left: calc(161.9px + (100vw - 902px)/2);
    }
}
@media screen and (max-width:784px){
    .wit-block{
        width: calc(860px + (784px - 1120px));
        left: calc(126px + (100vw - 784px)/2);
        height: 970px;
    }
    .wit-block-icon-1, .wit-block-icon-2, .wit-block-icon-3, .wit-block-icon-4, .wit-block-icon-5, .wit-block-icon-6{
        left: calc(72.51px + (784px - 902px)/2);
    }
    .wit-block-line-1, .wit-block-line-2{
        left: calc(103.3px + (784px - 902px)/2);
    }
    .wit-block-txt-1, .wit-block-txt-2, .wit-block-txt-3, .wit-block-txt-4, .wit-block-txt-5, .wit-block-txt-6{
        left: calc(161.9px + (784px - 902px)/2);
    }
}
.travel-with-bottom{
    position: absolute;
    width: 100vw;
    height: 630px;
    bottom: 0px;
}
.twb-txt-1a{
    position: absolute;
    width: 508px;
    height: 110px;
    left: 201px;
    top: 70px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 55px;
    color: #232323;
}
.twb-txt-2a{
    position: absolute;
    width: 492px;
    height: 60px;
    right: 199px;
    top: 90px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #232323;
}
.twb-email{
    position: absolute;
    width: 370px;
    height: 50px;
    left: 201px;
    top: 210px;
    padding-left: 20px;
    padding-right: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #C4C4C4;
    outline: none;
    color: #969696;
    border-radius: 2px;
    z-index: 1;
}
.twb-email::placeholder{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #969696;
}
.twb-label-1{
    position: absolute;
    width: 23px;
    height: 23px;
    left: 664px;
    top: 223px;
    border: 1px solid #DD4053;
    border-radius: 50%;
}
#twb-check-1,
#twb-check-2{
    display: none;
}
#twb-check-1:checked ~ .twb-labels label:nth-child(1),
#twb-check-2:checked ~ .twb-labels label:nth-child(2){
    position: absolute;
    width: 23px;
    height: 23px;
    border: 1px solid #DD4053;
    background: no-repeat url(../img/png-icons/white.png);
    background-position: 6px 8px;
    background-size: 12.37px 9px;
    background-color: #DD4053;
}
.twb-label-2{
    position: absolute;
    width: 23px;
    height: 23px;
    left: 820px;
    top: 223px;
    border: 1px solid #DD4053;
    border-radius: 50%;
}
.twb-labeltxt-1{
    position: absolute;
    width: 71px;
    height: 20px;
    left: 709px;
    top: 225px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #969696;
}
.twb-labeltxt-2{
    position: absolute;
    width: 89px;
    height: 20px;
    left: 865px;
    top: 225px;    
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #969696;
}
.twb-btn{
    position: absolute;
    width: 237px;
    height: 20px;
    right: 199px;
    top: 210px;
    padding: 15px 0px 15px 0px;
    background: #DD4053;
    border-radius: 2px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    z-index: 1;
}
.twb-picture{
    position: absolute;
    width: 100vw;
    max-width: 1440px;
    height: 370px;
    left: 0px;
    bottom: 0px;
    background: no-repeat url(../img/SloveniaHeader\ 3.png) center/cover;
}
.twb-picture-gradient{
    position: absolute;
    width: 100vw;
    max-width: 1440px;
    height: 370px;
    background: linear-gradient(180deg, #ECECEC 0%, rgba(232, 232, 232, 0) 51.87%, #FFFFFF 100%);
}
.twb-logo{
    position: absolute;
    width: 156px;
    height: 86px;
    left: 201px;
    top: 134px;
    background-size: 156px 86px;
    background-blend-mode: darken;
}
.twb-link-1,
.twb-link-2,
.twb-link-3,
.twb-link-4,
.twb-link-5,
.twb-link-6,
.twb-link-7{
    position: absolute;
    width: 73px;
    height: 19px;
    left: 514px;
    top: 130px;
    font-family: 'Suisse Int`l Trial', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    text-decoration: none;
    color: #3E3E3E;
}
.twb-link-2{
    top: 154px;
}
.twb-link-3{
    width: 103px;
    top: 178px;
}
.twb-link-4{
    width: 103px;
    top: 202px;
}
.twb-link-5{
    left: 697px;
}
.twb-link-6{
    left: 697px;
    top: 154px;
}
.twb-link-7{
    width: 103px;
    left: 697px;
    top: 178px;
}
.twb-txt-1{
    position: absolute;
    width: 131px;
    height: 16px;
    left: 854px;
    top: 130px;
    font-family: 'Suisse Int`l Trial', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #3E3E3E;
    opacity: 0.5;
}
.twb-txt-2{
    position: absolute;
    width: 150px;
    height: 19px;
    left: 854px;
    top: 154px;
    font-family: 'Suisse Int`l Trial', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #3E3E3E;
}
.twb-nuber-1,
.twb-nuber-2{
    position: absolute;
    width: 154px;
    height: 19px;
    left: 1084px;
    top: 130px;
    font-family: 'Suisse Int`l Trial', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #3E3E3E;
}
.twb-nuber-2{top: 154px;}
.twb-contacts{
    position: absolute;
    width: 89px;
    height: 16px;
    left: 1084px;
    top: 198px;
    font-family: 'Suisse Int`l Trial', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #3E3E3E;
    opacity: 0.5;
}
.twb-bottom-line{
    position: absolute;
    width: 1036px;
    height: 1px;
    left: 201px;
    top: 261px;
    background: rgba(29, 29, 29, 0.2);
    border-radius: 2px;
}
.twb-bottom-txt{
    position: absolute;
    width: 377px;
    height: 18px;
    left: 201px;
    top: 284px;
    font-family: 'Suisse Int`l Trial', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: rgba(62, 62, 62, 0.5);
}
.twb-fiy{
    position: absolute;
    width: 79.2px;
    height: 20px;
    right: 203px;
    top: 285px;
}
.twb-facebook{
    position: absolute;
    width: 20px;
    height: 20px;
    background: no-repeat url(../img/png-icons/facebook\ 2.png);
    background-size: 20px 20px;
}
.twb-instagram{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 26.4px;
    background: no-repeat url(../img/png-icons/instagram\ \(1\)\ 2.png);
    background-size: 20px 20px;
}
.twb-youtube{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 52.8px;
    background: no-repeat url(../img/png-icons/youtube\ 2.png);
    background-size: 20px 20px;
}
@media screen and (min-width:1440px){
    .what-is-travel-bottom,
    .travel-with-bottom{
        width: 1440px;
    }
    .travel-with-bottom-right{
        position: absolute;
        left: 1440px;
        width: calc(0px + (100vw - 1440px)/2);
        min-width: 50px;
        max-width: 312px;
        height: 1111px;
        background: linear-gradient(180deg, #F8F8F8 -12.15%, #E8E8E8 100%);
    }
    .travel-with-bottom-left{
        position: absolute;
        right: 1440px;
        width: calc(0px + (100vw - 1440px)/2);
        min-width: 50px;
        max-width: 312px;
        height: 1111px;
        background: linear-gradient(180deg, #F8F8F8 -12.15%, #E8E8E8 100%);
    }
}
@media screen and (max-width:1392px){
    .what-is-travel-bottom{
        height: 1176px;
    }
    .travel-with-bottom{
        height: 695px;
    }
    .twb-txt-2a{
        width: auto;
        left: 701px;
    }
    .twb-label-1{
        left: 203px;
    }
    .twb-labeltxt-1{
        left: 249.2px;
    }
    .twb-label-2{
        left: 360.2px;
    }
    .twb-labeltxt-2{
        left: 406.4px;
    }
    .twb-label-1,
    .twb-label-2{
        top: 290px;
    }
    .twb-labeltxt-1,
    .twb-labeltxt-2{
        top: 294px;
    }
    .twb-btn{
        top: calc(210px - (100vw - 1392px)*0.4);
    }
}
@media screen and (max-width:1192px){
    .twb-btn{
        top: calc(210px - (1192px - 1392px)*0.4);
    }
}
@media screen and (max-width:1088px){
    .twb-txt-2a{
        width: 188px;
        right: calc(199px + (100vw - 1088px)/2);
        left: auto;
    }
    .twb-btn{
        right: calc(199px + (100vw - 1088px)/2);
    }
    .twb-txt-1a{
        left: calc(201px + (100vw - 1088px)/2);
    }
    .twb-email,
    .twb-label-1{
        left: calc(203px + (100vw - 1088px)/2);
    }
    .twb-labeltxt-1{
        left: calc(249.2px + (100vw - 1088px)/2);
    }
    .twb-label-2{
        left: calc(360.2px + (100vw - 1088px)/2);
    }
    .twb-labeltxt-2{
        left: calc(406.4px + (100vw - 1088px)/2);
    }
}
@media screen and (max-width:1120px){
    .what-is-travel-bottom{
        height: 1556px;
    }
}
@media screen and (max-width:792px){
    .what-is-travel-bottom{
        height: 1725px;
    }
    .travel-with-bottom{
        height: 864px;
    }
    .twb-txt-1a{
        text-align: center;
        left: calc((100vw - 508px)/2);
    }
    .twb-txt-2a{
        top: 335px;
        width: 270px;
        left: calc((100vw - 270px)/2);
    }
    .twb-btn{
        top: 435px;
        left: calc((100vw - 237px)/2);
    }
    .twb-email{
        left: calc((100vw - 410px)/2);
    }
    .twb-label-1{
        left: calc((100vw - 291.2px)/2);
    }
    .twb-labeltxt-1{
        left: calc(46.2px + (100vw - 291.2px)/2);
    }
    .twb-label-2{
        left: calc(157.2px + (100vw - 291.2px)/2);
    }
    .twb-labeltxt-2{
        left: calc(202.2px + (100vw - 291.2px)/2);
    }
}
@media screen and (max-width:1440px){
    .twb-bottom-line{
        width: calc(100vw - 404px);
    }
    .twb-link-1,
    .twb-link-2,
    .twb-link-3,
    .twb-link-4{
        left: calc(514px - (1440px - 100vw));
    }
    .twb-link-5,
    .twb-link-6,
    .twb-link-7{
        left: calc(697px - (1440px - 100vw));
    }
    .twb-txt-1,
    .twb-txt-2{
        left: calc(854px - (1440px - 100vw));
    }
    .twb-nuber-1,
    .twb-nuber-2,
    .twb-contacts{
        left: calc(1084px - (1440px - 100vw));
    }
}
@media screen and (max-width:1140px){
    .twb-link-1,
    .twb-link-2,
    .twb-link-3,
    .twb-link-4{
        left: 214px;
    }
}
@media screen and (max-width:1090px){
    .twb-link-5,
    .twb-link-6,
    .twb-link-7{
        left: 347px;
    }
}
@media screen and (max-width:1036px){
    .twb-txt-1,
    .twb-txt-2{
        left: 450px;
    }
}
@media screen and (max-width:986px){
    .twb-bottom-line{
        width: 582px;
    }
    .twb-bottom-line,
    .twb-bottom-txt,
    .twb-logo{
        left: calc(201px - (986px - 100vw)/2);
    }
    .twb-link-1,
    .twb-link-2,
    .twb-link-3,
    .twb-link-4{
        left: calc(214px - (986px - 100vw)/2);
    }
    .twb-link-5,
    .twb-link-6,
    .twb-link-7{
        left: calc(347px - (986px - 100vw)/2);
    }
    .twb-txt-1,
    .twb-txt-2{
        left: calc(450px - (986px - 100vw)/2);
    }
    .twb-nuber-1,
    .twb-nuber-2,
    .twb-contacts{
        left: calc(630px - (986px - 100vw)/2);
    }
    .twb-fiy{
        right: calc(203px - (986px - 100vw)/2);
    }
}
@media screen and (max-width:644px){
    .twb-bottom-line{
        width: calc(582px - (644px - 100vw));
    }
    .twb-bottom-line,
    .twb-bottom-txt,
    .twb-logo{
        left: 30px;
    }
    .twb-link-1,
    .twb-link-2,
    .twb-link-3,
    .twb-link-4{
        left: 43px;
    }
    .twb-link-5,
    .twb-link-6,
    .twb-link-7{
        left: 176px;
    }
    .twb-txt-1,
    .twb-txt-2{
        left: 279px;
    }
    .twb-nuber-1,
    .twb-nuber-2,
    .twb-contacts{
        left: 279px;
        top: 181px;
    }
    .twb-nuber-1{
        top: 205px;
    }
    .twb-nuber-2{
        display: none;
    }
    .twb-fiy{
        right: 30px;
    }
}