/*html::after {
    content: "";
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 34px;
    background: rgba(255, 0, 0, 0.2);
    pointer-events: none;
}*/


body {
    width: 100%;
    height: 100%;
    color: #000;
    padding: 0;
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    /* background-color: #f2f2f2;*/
    background: #256d9d;
    overflow-x:hidden !important;
}

html {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}


.container {
    margin: 0 auto;
}


.vs-container {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 15px;
}

.no-scroll,
.no-scroll-advanced {
    overflow: hidden;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

::-moz-selection {
    color: #ffffff;
    text-shadow: none;
    background: #0076c8;
}

::selection {
    color: #ffffff;
    text-shadow: none;
    background: #0076c8;
}

.br-top30 {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.br-bottom30 {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.mb-90-60-30{
    margin-bottom:90px;
}

.pb-90-60-30 {
    padding-bottom: 90px;
}

.mb-60-30 {
    margin-bottom: 60px;
}

.mt-60-30 {
    margin-top: 60px;
}

.pb-60-30 {
    padding-bottom: 60px;
}

.plr-5 {
    padding: 0 5%;
}

.plr-0{
    padding-left:0;
    padding-right:0;
}

.pt-60-30{
    padding-top:60px;
}

.pt-30 {
    padding-top: 30px;
}

hr {
    margin: 5px 0;
    width: 100%;
    color: #ccc;
    border-top: 1px solid #ccc;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand';
    margin-top:0;

}

h1, h2, h3{
    margin-bottom:60px;
}

h4, h5, h6 {
    margin-bottom: 30px;
}

.title-sec {
    font-family: 'Fraunce';
}

a img {
    border: none;
}

a {
    color: #256d9d;
    text-decoration: none;
    transition: all 0.3s linear;
}

a:hover,
a:active,
a:focus {
    color: #000;
    outline: none;
    text-decoration: none;
}

a.active {
    color: #0046a1;
    text-decoration: none;
    transition: all 0.3s linear;
    transition: color .2s ease-out, background 0.5s ease-in;
}

.clear {
    height: 1px;
    line-height: 0;
    font-size: 1px;
    clear: both;
}

.pad0 {
    padding: 0;
}

img {
    border: none;
}

a:active, a:focus, input {
    outline: 0;
    outline-style: none;
    outline-width: 0;
}

.top-header{
    display:flex;
    justify-content:center;
    align-items:center;
    height:41px;
}

.top-header .whatsApp{
    height:23px;
   position:relative;
   top:-3px;
}

.top-header a.favorites-a{
   margin: 0 15px 0 0;
}

.top-header a{
    margin-right:15px;
}

.top-header a.favorites-a i {
    font-size: 25px;
    margin-right: 0;
    color: #ffda00;
}

.top-header .emailIcon{
    width:22px;
    height:auto;
    position:relative;
    top:-3px;
}

.top-header .emailIcon:hover{
    opacity:0.8;
}

.header {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 10000;
    height: 120px;
    padding: 40px 40px 0 40px;
    display: flex;
    justify-content: space-between;
}

.top-info + .header {
    top: 50px;
}

.top-info ~ .content-holder .title-h1 {
    top: 176px;
}


/*
body.preloader-active .header {
    -webkit-filter: blur(10px);
       -moz-filter: blur(10px);
         -o-filter: blur(10px);
        -ms-filter: blur(10px);
            filter: blur(10px);
}
*/

.popUp {
    display: none;
}

.popUp.aktivan{
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.popUp.aktivan .imgWrap {
    position:relative;
    display:block;
    padding:35px;
}

.popUp.aktivan .imgWrap .x {
    position: absolute;
    right: 18px;
    top: 18px;
    display: block;
    cursor:pointer;
}


a.menu-opener {
    color: #fff;
   display:block;

}

a.menu-opener div {
    display: flex;
    flex-direction: column;
    align-items:center;
}
/*  a.menu-opener i {
        font-size: 34px;
        position: relative;
        top: -5px;
    }*/
a.menu-opener span {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    top: -5px;
}

a.menu-opener div img{
    width:55px;
    height:auto;
}

a.menu-opener:hover {
    transition: all 0.4s ease;
    opacity: 0.5;
}

        a.menu-opener:hover img {
            animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
            transform: translate3d(0, 0, 0);
            backface-visibility: hidden;
            perspective: 1000px;
        }

a.menu-opener-traka {
    color: #fff;
    display: block;
    float: left;
}

    a.menu-opener-traka i {
        font-size: 34px;
        position: relative;
        top: 15px;
    }

a.menu-opener .ion-android-close:before {
    font-size: 30px;
}


@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

/* MENU CLOSE */

a.close-menu {
    color: #000;
    display: block;
    position: absolute;
    top: 30px;
    left: 40px;
}

    a.close-menu i {
        font-size: 34px;
        position: relative;
        top: 6px;
    }

    a.close-menu span {
        font-size: 19px;
        text-transform: uppercase;
        margin-left: 10px;
        font-weight: 500;
    }

    a.close-menu:hover {
        transition: all 0.4s ease;
        opacity: 0.5;
    }

/* MAIN MENU STYLES */

.overlay-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.menu-container {
    height: 100%;
    background: rgba(255,255,255,0.85);
    text-align: center;
    padding: 40px;
}

.menu-main {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 120px;
}

    .menu-main li {
        display: block;
        padding: 15px 0;
        font-size: 26px;
        font-family: 'playfair_displaybold';
    }

        .menu-main li a {
            color: #000;
        }

            .menu-main li a:hover {
                color: #006bd8;
            }

            .menu-main li a.active {
                color: #006bd8;
            }

.logo-menu {
    position: absolute;
    height: 80px;
    width: 289px;
    top: 40px;
    left: 50%;
    margin-left: -144px;
}

/* MENU END */

a.logo {
    display: block;
    height: auto;
}

a.logo img {
    width: 165px;
    position:relative;
    top:-20px;
}

a.need-help {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    float: right;
    display: block;
}

    a.need-help:hover {
        transition: all 0.4s ease;
        opacity: 0.5;
    }

.language {
    position: relative;
  top: 0px;
}

.language .btn-default {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 0;
}

.language .btn-default img{
    position:relative;
    top:-3px;
}

.language .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    outline: none;
}

    .language .bootstrap-select.btn-group .dropdown-toggle .caret {
        border: 0;
        position: relative;
        right:0;
        top:-2px;
    }

        .language .bootstrap-select.btn-group .dropdown-toggle .caret:after {
            content: "\f3d0";
            font-family: "Ionicons";
            position: relative;
            font-size: 22px;
            color: #fff;
            position: absolute;
            top: -15px;
        }

    .language .btn-group.open .dropdown-toggle {
        box-shadow: 0;
    }

    .language .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background: transparent;
        border: 0;
    }

    .language .btn-group.open .dropdown-toggle {
        box-shadow: none;
    }

.language .dropdown-menu {
    background: #202129;
    box-shadow: none;
    border: 0;
    outline: none;
    border-radius: 8px;
    left: -10px;
    padding: 5px 10px;
}

        .language .dropdown-menu > li > a {
            padding: 5px 12px;
            text-align:center;
            margin-right:0;
        }

            .language .dropdown-menu > li > a:hover, .language .dropdown-menu > li > a:focus {
                background: transparent;
            }

.language .dropdown-menu > li > a img:hover{
    transform:scale(1.1);
}

/* SEARCH FORM */
.main-search {
    position: absolute;
    z-index: 11;
    bottom: -8px;
    width: 100%;
    left: 0;
    margin-left: 0;
}

.main-search-box {
    padding: 30px 0 0px 0px;
    pointer-events: auto;
   /* background: rgba(0,0,0,0.40) !important;*/
    position: relative;
}


.waves {
    width: 100%;
    position: absolute;
    bottom: 140px;
    z-index: 1;
    display:none;
}

.waves-villa {
    bottom: 170px;
    width: 200%;
}

.main-search-box form {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 30px 30px;
    background: rgba(3,17,26,0.5);
    border-radius:16px 16px 0px 0px;
}

.custom-shape-divider-bottom-1744654053 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .custom-shape-divider-bottom-1744654053 svg {
        position: relative;
        display: block;
        width: calc(150% + 1.3px);
        height: 120px;
    }

    .custom-shape-divider-bottom-1744654053 .shape-fill {
        fill: #001b3e;
    }



.form-holder-search {
    display: block;
    float: left;
    width: 25%;
    margin-right: 40px;
    border-bottom: 1px solid #FFDA00;
    border-bottom: 1px solid #FFDA00;
    height: 80px;
    position: relative;
}

    .form-holder-search.small {
        width: 25%;
    }

    .form-holder-search.bedrooms {
        width: 24%;
    }

    .form-holder-search.bedrooms .input-group-btn.left {
        padding-left: 0px;
    }

    .form-holder-search.bedrooms .input-group-btn.right {
        padding-right: 0px;
    }

.form-holder-search.buttonholder {
    width: 12%;
    border: 0;
    margin-right: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    position:relative;
}

    .form-holder-search label {
        display: block;
        color: white;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 17px;
        line-height: 14px;
        margin-bottom: 10px;
        text-shadow: 0 0 10px rgba(0, 0, 0, .5);
    }

    .form-holder-search .date {
        font-size: 48px;
        color: #fff;
        font-family: 'Fraunce';
        text-transform: uppercase;
        line-height: 48px;
        display: inline-block;
    }

    .form-holder-search .month {
        font-size: 18px;
        color: #b2b2b2;
        font-family: 'Fraunce';
        line-height: 62px;
        display: block;
        padding-right: 30px;
        color: #fff;
        background: transparent;
        border: 0;
        height: 30px;
        margin: 26px 0 0 0;
        width: 100%;
    }

      /*  .form-holder-search .month::after {
            content: "\f3d0";
            font-family: "Ionicons";
            position: absolute;
            font-size: 22px;
            color: #b2b2b2;
            right: 0;
        }*/

    .form-holder-search .slash {
        font-size: 20px;
        color: #b2b2b2;
        margin: 0 2px;
    }

    .form-holder-search span.ionicons.ion-ios-close-outline {
        font-size: 34px;
        color: #ffffff;
        cursor: pointer;
        position: absolute;
        bottom: 7px;
        right: 0;
        z-index: 100;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        opacity:0.86;
        display:none;
    }

.form-holder-search span.ionicons.ion-ios-close-outline:hover,
.form-holder-search span.ionicons.ion-ios-close-outline:active,
.form-holder-search span.ionicons.ion-ios-close-outline:focus {
    color: #FFDA00;
    text-shadow: 0 0 6px rgb(71, 180, 255);
}

    .form-holder-search input.input {
        background: transparent;
        width: 90%;
        width: 220px;
        border: 0;
        color: #fff;
        font-size: 18px;
        height: 30px;
        margin-top: 17px;
        padding: 0;
        color: #fff;
    }
	
    .form-holder-search.small input.input {
        background: transparent;
        width: 90%;
        border: 0;
        color: #fff;
        font-size: 18px;
		line-height: 21px;
        height: 30px;
        margin-top: 27px;
        padding: 0;
        color: #fff;
		border: 0 !important;
		box-shadow: none;
    }

    .form-holder-search.small input.input:focus {
		border: 0;
		box-shadow: none !Important;
		
    }

.form-holder-search.bedrooms .btn.btn-number {
    font-size: 25px;
    padding: 0;
    line-height: 1;
    margin: 16px 0 0 0;
    display: none;
}
    
    .form-holder-search.bedrooms input.input {
        padding: 0;
        margin: 17px 0 0 0;
        display: block;
    }

.form-holder-search.bedrooms .bedroom-minus {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../img/minus.svg) 50% 50% no-repeat;
    background-size: 30px auto;
    display: none;
}

    .form-holder-search.bedrooms .bedroom-plus {
        width: 30px;
        height: 30px;
        display: inline-block;
        background: url(../img/plus.svg) 50% 50% no-repeat;
        background-size: 30px auto;
        display:none;
    }

.search-form-submit {
    display: block;
    width: 100%;
    position: relative;
    border-radius: 8px;
    color: #001b3e;
    border: 0;
    background-color: #ffda00;
    text-align: center;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.4s ease;
    margin-top: 15px;
    font-family: 'Quicksand', sans-serif;

}

    .search-form-submit:hover {
        background-color: #ffe75b;
    }

a.filteri-a {
    font-size: 13px;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 15px;
}

    a.filteri-a:hover {
        text-decoration: underline;
    }

.slider-wrapper {
    position: relative;
    height: calc(100vh - 40px);
    height: calc(100dvh - 40px);
    overflow: hidden;
}


.slider-wrapper-villa {
    height: calc(100vh - 40px);
    height: calc(100dvh - 40px);
}

.slider-wrapper-mobile {
    display: none;
    height: 100vh;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.slider-wrapper-mobile > a {
    height: 100vh;
    width: 100%;
    display: block;
}

.slider-wrapper .slick-dots,
.villa-slider-holder .carousel-dots {
    bottom: 26%;
    width: 100px;
    overflow: hidden;
    height: 30px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.covid-btn-wrapper {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 100000;
    width: 100%;
}

.covid-btn {
    color: white;
    background-color: #0076c8;
    text-transform: uppercase;
    padding: 5px 10px;
    display: block;
    font-size: 18px;
    max-width: 170px;
    text-align: center;
    display: inline-block;
    margin-left: 20px;
}

    .covid-btn:hover, .covid-btn:visited, .covid-btn:active {
        color: white;
    }

.slider-wrapper .slider-dots,
.villa-slider-holder .carousel-dots {
    position: absolute;
    display: none;
    bottom: 24%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 10px;
    background: url(../img/slider-dots@2x.png) 50% 50% no-repeat;
    background-size: 70px auto;
    z-index:100;
}

.villa-holder .slider-dots {
    position: absolute;
    display: none;
    bottom: 4%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 10px;
    background: url(/img/slider-dots@2x.png) 50% 50% no-repeat;
    background-size: 70px auto;
    z-index: 10;
}

.slick-dots li button:before {
    font-size: 13px;
}

.slick-dots li {
    margin: 0 1px;
}

.slider-wrapper .slick-dots li button:before {
    opacity: .6;
    color: #fff;
}

.slider-wrapper .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}

.daterangepicker.dropdown-menu {
    z-index: 100000;
}

.big-gradient {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    height: 280px;
}

.title-search {
    font-family: 'Fraunce';
    font-size: 50px;
    color: white;
    font-weight: normal;
    text-align: center;
    top: 8px;
    position: relative;
    z-index: 200;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.4);
    line-height:normal;
   
}

.title-search-mobile {
    display:none;
}

.title-h1 {
    font-size: 44px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    top: 226px;
    position: relative;
    width: 1140px;
    left: 50%;
    margin-left: -570px;
    z-index: 101;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    padding: 0 15px;
}

/* END FORM */

.main-search.ville {
    top: 365px;
    bottom: auto;
}

h1.title-page {
}

/* SLIDER HOME BIG */

.slider_wrapper {
    position: relative;
}

.place-slider {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

.villa-name-slider {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    transition: all 0.4s ease;
    display: block;
    position:relative;

}
.villa-name-slider::after {
    display: inline-block;
    content: '→';
    font-size: 35px;
    font-weight:bold;
    color: #ffffff;
    margin-left: 15px;
    position:relative;
    top:0px;
}


.slider-home-txt {
    position: absolute;
    left: 150px;
    transform: translateY(-50%);
    top: 45%;
    z-index: 2;
    color: #fff;
    text-align: left;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    width: fit-content;
    position: relative;
    padding: 30px 15px;
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    animation: fadeIn 0.5s ease-in-out 0.8s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        visibility: visible;
    }
}

.slider-home-txt:hover {
    backdrop-filter: blur(10px);
    background-color:rgba(255,255,255,0.2);

}

.bedrooms-slider {
    font-weight: bold;
    font-size: 20px;
}

.price-slider {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

a.more-slider {
    font-size: 16px;
    color: #43b2ff;
    font-weight: bold;
    text-transform: uppercase;
}

    a.more-slider::after {
        content: "\f3d6";
        font-family: "Ionicons";
        margin-left: 10px;
    }

    a.more-slider:hover {
        color: #fff;
    }

slider-home .slider {
    height: 100%;
}

.smart-img-src {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


.slider-home .slider .slick-list,
.slider-home .slider .slick-track {
    height: 100%;
    
}

.slider-home .slide {
    height: 100vh;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    /*background-position-y: -230px !important;*/
}

.slider-home .slide::after {
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.15);
}

.slider-home .slick-prev.slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 30px;
    width: 53px;
    height: 53px;
    margin-top: -26px;
    border: 0;
    border-radius: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    color: #fff;
    overflow: hidden;
}

    .slider-home .slick-prev.slick-arrow:after {
        content: "\f3d5";
        font-family: "Ionicons";
        font-size: 30px;
        color: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: -9px;
        z-index: 11;
    }

.slider-home .slick-next.slick-arrow {
    position: absolute;
    /*z-index: 10;*/
    z-index: 9; /*Kre�o: jer se podvlacilo ispod tra�ilice na mobilnim*/
    top: 50%;
    right: 30px;
    width: 53px;
    height: 53px;
    margin-top: -26px;
    border: 0;
    border-radius: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    color: #fff;
    overflow: hidden;
}

    .slider-home .slick-next.slick-arrow:after {
        content: "\f3d6";
        font-family: "Ionicons";
        font-size: 30px;
        color: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: -9px;
        z-index: 11;
    }

    .slider-home .slick-prev.slick-arrow:hover, .slider-home .slick-next.slick-arrow:hover {
        opacity: 0.5;
        transition: all 0.4s ease;
    }

/* SLIDER HOME BIG END */

/* SLIDER VILLE */


.slider-villas {
  /* overflow: hidden;*/
}

.slick-track{
    display:flex;
}

.slider-villas .slide {
    margin: 0 10px 0 0;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease;
    float:none;
}

.slider-villas .slide:hover {  
    transform: scale(1.13);
    z-index: 99999 !important;
}



.slider-villas.no-opacity .slide {
    opacity: 1;
}

    .slick-current > div > div {
        opacity: 1 !important;
    }


.title-villa-slider {
    color: #202129;
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
}

.place-villa-slider {
    color: #202129;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

.beds-villa-slider {
    color: #202129;
    font-size: 16px;
    font-weight: 500;
}

.slider-villas-txt {
    position: relative;
}

.slider-villas-txt .discount-label {
    display: inline-block;
    content: "";
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #FFDA00;
    position: absolute;
    top: -40px;
    right: 10px;
    z-index: 0;
}

.slider-villas-txt .discount-label span {
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    background: #256D9D;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 8px;
    z-index: 6;
    padding: 15px;
}


.slider-villas .slider-villas-txt {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.8);
    border-radius: 50px 0 16px 0;
    padding: 15px 40px;
    width: 90%;
    transition: all .3s ease-out;
}

.slider-villas .title-villa-slider {
    margin-top: 0;
}

.boxshadow {
    position: relative;
    border-radius: 16px;
    overflow:hidden;
    width:300px;
    height:450px;
    transition: all .3s ease-out;
}

.priceLabel {
    position: absolute;
    top: 50px;
    width: fit-content;
    color: #ffffff;
    background-color: #256d9d;
    padding: 10px 15px 10px 10px;
    border-radius: 0 50px 50px 0;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.slider-villas .slide:hover  .boxshadow{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}

.slider-villas .slick-list {
    overflow: visible;
    z-index: 30;
    padding: 0px !important;
    
}

.slider-villas .slick-track {
    /*transform: none !important;*/
    left:-44px;
}

.slider-villas .slide .slider-villas-img {
    background-size: cover;
    overflow: hidden;
}

.slider-villas .slide .slider-villas-img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.tab-pane.slider {
   /* overflow: hidden;*/
    padding: 20px 0 0px 0;
}

.slider-villas .slick-prev.slick-arrow {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 0%;
    width: 53px;
    height: 53px;
    margin-top: -10px;
    border: 1px solid #1c1f23;
    border-radius: 100px;
    background-color: #1c1f23;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    color: #fff;
    overflow: hidden;
}

    .slider-villas .slick-prev.slick-arrow:after {
        content: "\f3d5";
        font-family: "Ionicons";
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: -9px;
        z-index: 11;
    }

.slider-villas .slick-next.slick-arrow {
    position: absolute;
    z-index: 50;
    top: 50%;
    right: 0%;
    width: 53px;
    height: 53px;
    margin-top: -10px;
    border: 1px solid #1c1f23;
    border-radius: 100px;
    background-color: #1c1f23;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    color: #fff;
    overflow: hidden;
}

    .slider-villas .slick-next.slick-arrow:after {
        content: "\f3d6";
        font-family: "Ionicons";
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: -9px;
        z-index: 11;
    }

.slider-villas .slick-prev.slick-arrow:hover, .slider-villas .slick-next.slick-arrow:hover {
    border: 1px solid #FFDA00;
    transition: all 0.4s ease;
}

.slider-villas .slick-prev::before, .slick-next::before {
    font-family: "";
}

.slider-villas .slick-prev::before {
    content: "";
}

.slider-villas .slick-next::before {
    content: "";
}

.slick-dots {
    position: relative;
    z-index: 0;
    bottom:-40px;
}

.slick-dots li button:before {
    color: #bbbbbb;
    
}

.slick-dots li.slick-active button:before {
    color: #256D9D;
}
/* SLIDER VILLE END */
a.explore-more {
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -52px;
    text-align: center;
    text-transform: uppercase;
    color: #919494;
    font-weight: bold;
    font-size: 14px;
    z-index: 1000;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(0, 0px);
    }

    65% {
        -webkit-transform: translate(0, 15px);
    }

    to {
        -webkit-transform: translate(0, -0px);
    }
}

@-moz-keyframes Floating {
    from {
        -moz-transform: translate(0, 0px);
    }

    65% {
        -moz-transform: translate(0, 15px);
    }

    to {
        -moz-transform: translate(0, -0px);
    }
}

a.explore-more:hover {
}

a.explore-more i {
    color: #fff;
    font-size: 40px;
}

.content-holder {
    background-color: #256d9d !important;
}

.content-holder-white {
    background-color: #ffffff !important;
}

.number-counters {
    margin-top: 60px;
}


/*
body.preloader-active .content-holder {
    -webkit-filter: blur(10px);
       -moz-filter: blur(10px);
         -o-filter: blur(10px);
        -ms-filter: blur(10px);
            filter: blur(10px);
}
    */
h1.title-confidence {
    color: #fff;
    font-weight: normal;
    text-align: center;
    font-size: 36px;
    margin-bottom: 15px;
    font-family: 'Fraunce';
}

h2.subtitle-confidence {
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    font-size: 20px;
    margin-bottom: 64px;
}

.badge-holder {
    color: #fff;
    display: table;
    margin: 0 auto;
    margin-bottom: 80px;
    width: 100%;
}

    .badge-holder:hover {
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-name: Floating;
        animation-timing-function: ease-in-out;
    }

.badge-confidence, .badge-txt {
    display: table-cell;
    vertical-align: middle;
}

.badge-confidence {
    padding-right: 20px;
}

.badge-txt {
    font-size: 16px;
    font-weight: bold;
    color: #959799;
    text-align: center;
    width: 100%;
}

    .badge-txt span {
        font-size: 42px;
        line-height: 52px;
        font-family: 'Fraunce';
        color: #fff;
        font-weight: normal;
        position: relative;
        top: -10px;
        display: block;
    }

.section, section {
    /*   width: 85%;*/
    margin: 0 auto;
    position: relative;
    /*overflow: hidden;*/
}

.section.contact .container,
.unutra .container{
   border-radius: 0 0 30px 30px;
    
}

.contact h3{
    margin-bottom:30px;
}

.contact .booking-form .btn-primary{
    margin:30px 0 0 0;
}

.section.custom .title-sec {
    margin-bottom: 30px;
}

.section.custom .flex{
    margin-bottom:-35px;
}

.section.custom .btn-primary{
    margin:30px auto 30px auto;
}

section.trakice,
section.contact,
.unutra {
   /* margin-top: 60px;*/
}




.white {
    background-color: #fff;
}

.dark {
    background-color: #202129;
    color:#ffffff;
}

.top {
    position: relative;
    height: 100vh;
    top: 0 !important;
}

/*.destinations .nav-tabs {
    border: 0;
    text-align: center;
    margin-top:60px;
}

    .destinations .nav-tabs > li {
        display: inline-block;
        float: none;
    }

        .destinations .nav-tabs > li > a {
            border: 0;
            border-radius: 0;
            font-size: 28px;
            color: #979797;
            padding-left: 0;
            padding-right: 0;
            margin: 0 20px;
        }

.destinations .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0;
    color: #202129;
    background: transparent;
    font-family: 'Fraunce';
    font-weight:600;
    font-size:40px;
}

.destinations .nav > li > a:hover, .nav > li > a:focus {
    background: transparent;
}



.destinations .tab-content {
    padding-top: 40px;
}*/

/*.section.guide {
    border-radius: 16px;
    position: relative;
    background: #ffffff !important;
    padding:40px 0;
    margin-top:60px;
}*/

/*.hp.section.guide {
    background: #ffffff !important;
    border-radius: 0;
    padding: 30px 0 90px 0px;
    margin-top: 0px;
}*/

.section.story {
    /*background: rgb(202,202,202);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(202,202,202,1) 0%, rgba(255,255,255,1) 16%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgba(202,202,202,1) 0%,rgba(255,255,255,1) 16%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgba(202,202,202,1) 0%,rgba(255,255,255,1) 16%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#ffffff',GradientType=0 );*/ /* IE6-9 */
   /* position: relative;
    background-color: #ffffff;
    padding: 0px;*/
}

.flex {
    display: flex;

}

/*.section.story.brt.brb{
    margin-top:60px;
    border-radius:8px;
    overflow-x:hidden;

}*/

/*.section.story.brb .title-sec {
    margin-bottom: 30px;
}*/

/*.section.story.reviewsdiv {
    background: #fff;
}*/

/*.section.contact{
    border-radius:30px;
    margin-top:60px;
    padding:60px 0;
}*/

.bg-box img{
    object-fit:cover;
    border-radius:16px;
}

.title-sec {
    font-size: 40px;
    line-height: 1.5;
    font-family: 'Fraunce';
    text-align: center;
    color: #202129;
    font-weight: 600;
    margin-bottom: 40px;
    padding:0 15px;
}

.title-sec.hasLine {
    position:relative;
    padding-top:30px;
  
}

.title-sec.hasLine::before {
    display:block;
    content:"";
    position:absolute;
    top:0px;
    left:50%;
    transform:translateX(-50%);
    width: 80%;
    height: 1px;
    border-top: 2px solid #256d9d;
}

.location .title-sec {
    margin-bottom: 0;
}

.title-sec a {
    color: #202129;
}

a.title-sec {
    color: #202129;
    margin-bottom: 30px;
    border: none;
    background: unset;
}


.title-sec span {
    width: 50px;
    height: 1px;
    background-color: #0046a1;
    margin: 20px auto;
    display: none;
}

/* nab tabs */

/* ul */
.nav-tabs {
    border-bottom: none;
    margin: 60px auto 0 auto;
    text-align: center;
}

.nav-tabs > li{
    float:none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #202129;
    margin-bottom: 0px;
    border: none;
    background: unset;
}

.nav-tabs > li > h2 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom:30px;
}



.villa-average-rating span {
    font-size: 30px;
    width: auto;
    height: auto;
    background: transparent;
    margin: 0;
    display: inline-block;
}

    .title-sec.white {
        color: #fff;
    }
	
    .title-sec.white a {
        transition: all 0.4s ease;
    }	
	
    .title-sec.white a:hover {
        color: #0076c8;
		transition: all 0.4s ease;
    }	

        .title-sec.white span {
            background-color: #8d8f91;
        }

.sub-title {
    font-size: 22px;
    color: #202129;
    font-weight:400;
    text-transform: lowercase;
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Quicksand';
    line-height:1.4;
}

    .sub-title.white {
        color: #9b9c9d;
    }

.travelGuide {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    width: 100%;
}

a.guide {
    overflow: hidden;
    border-radius: 0 50px 50px 0;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    position: relative;
    height: 400px;
    min-width: 100px;
    max-width:50%;
    background-size: cover;
    background-position: center;
    margin-left: -30px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    flex-grow: 1;
    flex-basis: auto;
    flex-shrink: 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    display: flex;
    align-items: flex-end;
    transition: all 0.4s ease;
}

a.guide:first-child {
   margin-left:0;
   z-index:5;
}

a.guide:nth-child(2) {
    z-index: 4;
}
 a.guide:nth-child(3) {
    z-index: 3;
}
a.guide:nth-child(4) {
    z-index: 2;
}
a.guide:nth-child(5) {
    z-index: 1;
}


a.guide .gradient {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index:0 !important;

}

a.guide .title-guide {
    position: absolute;
    bottom: 30px;
    left: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 90%;
    transition: all 0.4s ease;
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    text-align: center;
    padding: 0 30px;
    display: block;
    transform: translateX(-50%);
    width: 70%;
}

    a.guide.sights {
        background-image: url(../img/AdobeStock_238047979.jpg?preset=home_special_guide_2);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }


a.guide.restaurants {
    background-image: url(../img/Gastronomic-Journeys750x500.jpg?preset=home_special_guide_2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

a.guide.activities {
    background-image: url(../img/Outdoor-Thrills750x500.jpg?preset=home_special_guide_2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

a.guide.events {
    background-image: url(../img/Beaches-and-Nature750x500.jpg?preset=home_special_guide_2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

a.guide.travel {
    background-image: url(../img/Our-Travel-Tips750x500.jpg?preset=home_special_guide_2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.popularRegions a.guide.sights {
    background-image: url(../img/POPULAR_REGIONS_0000_zadarAdobeStock_385930860.jpg?preset=home_special_guide_2);
}
.popularRegions a.guide.restaurants {
    background-image: url(../img/POPULAR_REGIONS_0002_kvarner2-AdobeStock_931654897.jpg?preset=home_special_guide_2);
}
.popularRegions a.guide.activities {
    background-image: url(../img/POPULAR_REGIONS_0003_istra-AdobeStock_1282068440.jpg?preset=home_special_guide_2);
}
.popularRegions a.guide.events {
    background-image: url(../img/POPULAR_REGIONS_0004_crikvenica-AdobeStock_611644697.jpg?preset=home_special_guide_2);
}

.popularRegions a.guide.travel {
    background-image: url(../img/POPULAR_REGIONS_0001_pasman-AdobeStock_563042735.jpg?preset=home_special_guide_2);
}

a.guide:hover {
    transform: scale(1.1);
    z-index: 20;
    border: 5px solid #F2F2F2;
  
}

a.guide:hover .gradient {
    /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00024091', endColorstr='#99024091',GradientType=0 );*/ /* IE6-9 */
    /*transition: all 0.4s ease;*/
}

a.guide .small-txt {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
    color: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 30px;
    display: none;
}

    a.guide:hover .small-txt {
        opacity: 1;
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
        -webkit-transition-delay: 0.05s;
        transition-delay: 0.05s;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
       
    }

.text-holder {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 40px;
    padding: 15px;
}

.textBox {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 40px;
    width: 60%;
    height: 100%;
    padding: 30px;
}


.bg-box {
    width: 40%;
    display: flex;
    align-items: baseline;
    background: url(../img/AdobeStock_968884403.jpg);
    background-position:center;
    background-size: cover;
    aspect-ratio: 3 / 2;
    border-radius: 16px;
    position: relative;
    bottom:-50px;
    max-height:450px;
}
.bg-box img{
    /*position:relative;
    top:40px;
    left:0;*/
}


.text-holder.lefttxt {
    text-align: left;
}

.location .text-holder {
    margin-bottom: 0px;
}

.eyecatcher {
    color: #001b3e;
    font-size: 42px;
    line-height: 50px;
/*    font-family: 'Fraunce';*/
    /*float: right;*/
    width: 50%;
    margin-bottom:0;
   
    
}

.singleVilla.text-holder {
    width: 100%;
    margin-bottom: 0;
    display:flex;
    align-items:center;
    padding:60px 0 30px 0;
}

.eyecatcherIntro{
    width:50%;
    padding-left:35px;
}

.icons-story {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 40px 0;
    margin-bottom: 0px;
    display: flex;
}

.icons-story a{
    cursor:pointer;
    width:25%;
    justify-content:center;
    padding:0 15px;
}

.icon-story {
    margin: 0 auto;
    display: block;
    width: 110px;
}

.icon-story img{
    max-width:100%;
    height:auto;
}

.icon-story:hover {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: Floating;
    animation-timing-function: ease-in-out;
}

.icons-story-villa{
    margin: 0 auto;
    max-width:760px;
}

.icons-story-villa .icon-story{
    width:80px;
}

.icons-story-villa .title-icons {
    font-size: 14px;
}

.title-icons {
    text-align: center;
    margin-top: 15px;
    color: #575757;
    font-size: 17px;
    font-weight: bold;
    display: block;
}

.icons-story-villa .title-icons {
    color: white;
}

.rating-show {
    /*background-image: url(../img/rating.jpg);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 325px;
    text-align: center;
    color: #fff;
    position: relative;
    border-radius: 30px;
}

    .rating-show.voting {
        background-image: url(../img/rating.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 530px;
        text-align: center;
        color: #fff;
        position: relative;
    }

.vote-slider-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px;
    background: rgba(0,0,0,0.3);
}

.vote-inner {
    padding: 0 120px;
    font-size: 18px;
    line-height: 26px;
}

    .vote-inner .personvote {
        margin-top: 20px;
    }

.vote-slider .slick-prev.slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 10px;
    width: 53px;
    height: 53px;
    margin-top: 0;
    border: 0;
    border-radius: 100px;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    color: #fff;
    overflow: hidden;
}

    .vote-slider .slick-prev.slick-arrow:after {
        content: "\f3d5";
        font-family: "Ionicons";
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: -9px;
        z-index: 11;
    }

.vote-slider .slick-next.slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 10px;
    width: 53px;
    height: 53px;
    margin-top: 0;
    border: 0;
    border-radius: 100px;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    color: #fff;
    overflow: hidden;
}

    .vote-slider .slick-next.slick-arrow:after {
        content: "\f3d6";
        font-family: "Ionicons";
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0;
        margin-left: -9px;
        z-index: 11;
    }

    .vote-slider .slick-prev.slick-arrow:hover, .vote-slider .slick-next.slick-arrow:hover {
        opacity: 0.5;
        transition: all 0.4s ease;
    }

.vote-slider .slick-prev::before, .slick-next::before {
    font-family: "";
}

.vote-slider .slick-prev::before {
    content: "";
}

.vote-slider .slick-next::before {
    content: "";
}

.blue-badge {
    background-image: url(../img/badge-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 140px;
    height: 140px;
    color: #fff;
    position: absolute;
    top: -70px;
    left: 50%;
    margin-left: -70px;
    font-size: 52px;
    font-family: 'playfair_displaybold';
    padding-top: 35px;
}

.votes {
    font-weight: bold;
    font-size: 15px;
    position: relative;
    top: 80px;
}

.stars {
    position: relative;
    top: 110px;
}

.punchine-rating {
    font-size: 22px;
    position: relative;
    top: 130px;
}

.btn-primary {
    display: block;
    vertical-align: middle;
    position: relative;
    background-color: #202129;
    border-radius: 8px;
    color: #ffffff !important;
    border: 1px solid #202129;
    padding: 10px 30px;
    min-width: 180px;
    width:fit-content;
    font-size: 18px;
    font-weight: 300;
    margin: 15px auto 30px auto;
    transition: 0.3s all ease-in-out;
    text-align:center;
    border:1px solid #ffffff;
    line-height: 1.4;
}

.btn-primary:hover {
    transform: scale(1.10);
  
}

.btn-primary.disabled {
    background-color: #3071a9;
    border-color: #285e8e;
}

.btn-primary.white {
    border: 1px solid #ffffff;
}

.btn-primary.outline {
    border: 1px solid #202129;
    border-color: #202129;
    color: #202129 !important;
    background-color: #ffffff;
}

.btn.submit {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    position: relative;
    border-radius: 8px;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 30px;
    font-size: 18px;
    top: 150px;
    width: 188px;
}

    .btn.submit.drugi {
        margin-left: 20px;
    }

    .btn.submit:hover,
    .btn.submit:focus,
    .btn.submit:active {
        color: #000;
        background: #fff;
    }


.big-shadow {
    margin: 0 auto;
    bottom: -40px;
    left: 0;
    right: 0;
    position: absolute;
    overflow: hidden;
    text-align: center;
    background-image: url(../img/big-shadow.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 40px;
    display:none;
}

.footer {
    margin-top: 120px;
    color: #fff;
    padding-bottom: 50px;
    background: #202129;
    padding:90px 0 0 0;  
}

.footer li {
    margin-bottom:7px;
}

    .footer a {
        color: #fff;
    }

.footerCta {
    display: inline-block;
    background: #256D9D;
    border-radius: 8px;
    font-size: 16px;
    padding: 7px 10px;
    margin-top: 8px;
}

.footerCta:hover {
    background: #ffda00;
    color:#000;
    text-decoration:none !important;
}

.title-footer {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer a:hover {
    text-decoration: underline;
}

.logos-footer {
    margin: 0;
	text-align: center;
}

    .logos-footer a, .logos-footer span {
        display: inline-block;
        margin-right: 50px;
    }

        .logos-footer a:hover, .logos-footer span:hover {
            opacity: 0.5;
            transition: all 0.4s ease;
        }

.logos-footer img{
    height:100px;
    width:auto;
/*    filter:grayscale(1);*/
}

.footer-2{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:60px;
}

.copy-login {
    display: block;
    text-align: center;
    margin: 20px 0;
    font-size: 14px;
    font-weight: 300;
}

.copy-login .owner {
    background: #256D9D;
    border-radius: 8px 8px 0 0;
    font-size: 18px;
    padding: 10px 25px;
    display: none;
}

/* MOZAIK */
.mozaikWrap {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    gap: 8px;
}

.mozaik-1 a {
    background-size: cover;
    background-position: center center;
    display: block;
    height: 100%;
}

.mozaik-1 {
    position: relative;
    transition: 0.4s all ease-in-out;
    height: 450px;
    width: 50%;
    border-radius: 16px;
    box-sizing: border-box;
    overflow:hidden;
}

.mozaik-1.inner {
    height: 50%;
    width: 100%;
    box-sizing: border-box;
}

.mozaik-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    position: relative;
    height: 450px;
    width: 50%;
    box-sizing: border-box;
}

.mozaik-1:hover {
    transform: scale(1.15);
    z-index: 30;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
}

.mozaik-1:hover img {
   
}

.mozaikWrap img {
    border-radius: 16px;
}

.info-label {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50px 0 16px 0;
    padding: 15px 40px;
    width: 90%;
    font-size: 18px;
    font-weight: 500;
    color: #202129;
}

.pad0 {
    padding: 0;
    margin: 0;
}

.mar0 {
    margin: 0;
}

.mozaik {
    position: relative;
   display:none;
 
}

.show-more-items {
    height: 257px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
}

.gradient {
    background-image: url(../img/gradient-white-2.png);
    background-repeat: repeat-x;
    background-position: center;
    background-size: 100% 257px;
    height: 257px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
    text-align: center;
    margin: 0 auto;
}

    .gradient.grey {
        background-image: url(../img/gradient-grey-2.png);
    }

    .gradient.lightgrey {
        background-image: url(../img/gradient-lightgrey-2.png);
    }

    .gradient.dark {
        background-image: url(../img/gradient-dark.png);
    }


.gradient-2 {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    height: 350px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
    border-radius: 0 0 16px 16px;
    text-align: center;
}

a.mozaik-box {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    height: 363px;
    width: 100%;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
}

    a.mozaik-box.kvarner {
        background-image: url(../UserDocsImages/home-mozaik/kvarner.jpg);
    }

    a.mozaik-box.dalmatia {
        background-image: url(../UserDocsImages/home-mozaik/dalmacija.jpg);
    }

    a.mozaik-box.rovinj {
        background-image: url(../UserDocsImages/home-mozaik/rovinj.jpg);
    }

    a.mozaik-box.pula {
        background-image: url(../UserDocsImages/home-mozaik/pula.jpg);
    }

    a.mozaik-box.zagreb {
        background-image: url(../UserDocsImages/home-mozaik/zagreb.jpg);
    }

    a.mozaik-box.premium {
        background-image: url(../UserDocsImages/home-mozaik/premium.jpg);
    }

    a.mozaik-box.character {
        background-image: url(../UserDocsImages/home-mozaik/lots-of-character.jpg);
    }

    a.mozaik-box.panoramic {
        background-image: url(../UserDocsImages/home-mozaik/panoramic-views.jpg);
    }

    a.mozaik-box.pets {
        background-image: url(../UserDocsImages/home-mozaik/pet-friendly.jpg);
    }

.overlay {
    display: table;
    height: 363px;
    width: 100%;
    background: rgba(0,0,0,0.3);
}

a.mozaik-box:hover .overlay {
    background: rgba(0,0,0,0.6);
    transition: all 0.4s ease;
}

a.mozaik-box.last {
    opacity: 0.5;
}

.title-mozaik {
    display: table-cell;
    vertical-align: middle;
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
}

/* MOZAIK END */

a.btn.showmore.black {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0;
    color: #1b1f22;
    border: 1px solid #1b1f22;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    top: 150px;
    left: 50%;
}

    a.btn.showmore.black:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #1b1f22;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    a.btn.showmore.black:hover, a.btn.showmore.black:focus, a.btn.showmore.black:active {
        color: #fff;
    }

        a.btn.showmore.black:hover:before, a.btn.showmore.black:focus:before, a.btn.showmore.black:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

    a.btn.showmore.black.villas {
        top: 200px;
        margin-left: -109px;
    }

.confidence-ico-holder {
    position: relative;
}

.confidence {
    width: 600px;
    max-width: 100%;
    display:none;
}

.our-villas {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 40px;
}

.our-villas .slide  {
    display: inline-block;
}


    .our-villas .slide .slider-villas-img img {
        max-width: 100%;
        border-radius: 15px;
        min-width: 200px;
    }

.popup-prvi, .popup-drugi, .popup-treci {
    width: 320px;
    padding: 30px;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    color: #292e35;
    position: absolute;
    top: -180px;
    left: 50%;
    margin-left: -160px;
    font-family: 'playfair_displaybold';
    background: rgb(254,254,254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(181,181,181,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(181,181,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(181,181,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: none;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #b5b5b5;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -20px;
}

a.need-help.black {
    display: none;
}

a.next-level {
    margin-left: 10px;
}

a.topscroll {
    float: right;
    margin-top: 20px;
    position: relative;
    text-align: center;
    padding-top: 35px;
}

    a.topscroll i {
        border-radius: 100px;
        width: 30px;
        height: 30px;
        background-color: #fff;
        color: #000;
        display: block;
        padding-top: 5px;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -15px;
    }

.bedrooms-drop {
    background: rgba(255,255,255,0.9);
    position: relative;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 100;
    display: none;
}

    .bedrooms-drop ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .bedrooms-drop ul li {
            border-bottom: 1px solid #ccc;
        }

            .bedrooms-drop ul li a {
                display: block;
                padding: 7px 20px;
                color: #000;
                font-weight: 500;
            }

                .bedrooms-drop ul li a:hover {
                    background-color: #dedede;
                }

/* LOADER */

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,1);
    z-index: 15000;
}

.sk-double-bounce {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}

    .sk-double-bounce .sk-child {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #0076c8;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
        animation: sk-doubleBounce 2s infinite ease-in-out;
    }

    .sk-double-bounce .sk-double-bounce2 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

@-webkit-keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

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

@keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

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

/* LOADER END */


.preloader-myistria {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(92,92,92,.85);
    z-index: 15000;
    transition: visibility 0s, opacity .5s linear;
}

.pl-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    margin: -150px 0 0 -150px;
}

.pl-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin: -50% 0 0 -50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-animation: rotation1 16s infinite cubic-bezier(.74,.74,.64,1.41);
            animation: rotation1 16s infinite cubic-bezier(.74,.74,.64,1.41);
}

.pl-circle.small {
    width: 86%;
    height: 86%;
    margin: -43% 0 0 -43%;
    -webkit-animation: rotation2 8s infinite cubic-bezier(.74,.74,.64,1.41);
            animation: rotation2 8s infinite cubic-bezier(.74,.74,.64,1.41);
}

.pl-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.pl-txt {
    position: absolute;
    bottom: 28%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 17px;
    color: #fff;
}


    .preloader-myistria > div:not(.pl-content) {
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -20px 0 0 -100px;
        text-align: center;
        opacity: 0.75;
        -webkit-animation-name: pulsing;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: 50;
    }


        .preloader-myistria > div:not(.pl-content) > img {
            width: 100%;
        }

@-webkit-keyframes pulsing {
    from {
        -webkit-transform: scale(1.0);
        opacity: 0.75;
    }

    50% {
        -webkit-transform: scale(1.06);
        opacity: 1.0;
    }

    to {
        -webkit-transform: scale(1.0);
        opacity: 0.75;
    }
}




/* MENU */

.dl-menuwrapper {
    margin: 0 auto;
    max-width: 300px;
    position: relative;
    top: 120px;
    z-index: 10000;
}

    .dl-menuwrapper:first-child {
        margin-right: 100px;
    }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
    }

    .dl-menuwrapper li {
        position: relative;
    }

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
    color: #000;
    outline: none;
    font-family: 'Fraunce';
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'Ionicons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f3d6";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212,204,198,0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0,0,0,0.75);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 1;
    z-index: 1000;
}

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */


.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}


@-webkit-keyframes MenuAnimOut1 {
    0% {
    }

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    0% {
    }

    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    0% {
    }

    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    0% {
    }

    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    0% {
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    0% {
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    0% {
    }

    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0,0,0,0.1);
}

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: '';
    }

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

    .demo-1 .dl-menuwrapper button:hover,
    .demo-1 .dl-menuwrapper button.dl-active,
    .demo-1 .dl-menuwrapper ul {
        background: #9e1847;
    }

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

    .demo-2 .dl-menuwrapper button:hover,
    .demo-2 .dl-menuwrapper button.dl-active,
    .demo-2 .dl-menuwrapper ul {
        background: #D35400;
    }

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

    .demo-3 .dl-menuwrapper button:hover,
    .demo-3 .dl-menuwrapper button.dl-active,
    .demo-3 .dl-menuwrapper ul {
        background: #00b4ae;
    }

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

    .demo-4 .dl-menuwrapper button:hover,
    .demo-4 .dl-menuwrapper button.dl-active,
    .demo-4 .dl-menuwrapper ul {
        background: #79a002;
    }

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
    background: #744783;
}

    .demo-5 .dl-menuwrapper button:hover,
    .demo-5 .dl-menuwrapper button.dl-active,
    .demo-5 .dl-menuwrapper ul {
        background: #643771;
    }

#container {
}

/* PUSHY */

.pushy-left { transform: translate3d(-330px,0,0); -webkit-transform:translate3d(-330px,0,0); }

.pushy.pushy-right {
right:-330px;
transform:none;
transition:0.2s all ease-in-out;


}
.pushy-open-left .pushy.pushy-right {
    right: 0;
    transform: none;
}


.pushy-open-left {
    /*position: fixed;*/
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

.pushy {
    background-color: rgba(255,255,255,0.9);
    width: 320px;
    -webkit-box-shadow: 4px 0px 10px 0px rgba(0,0,0,0.27);
    -moz-box-shadow: 4px 0px 10px 0px rgba(0,0,0,0.27);
    box-shadow: 4px 0px 10px 0px rgba(0,0,0,0.27);
    z-index: 100000;
    padding: 0 0 60px 0;
}

.pushy-content ul {
    list-style: none;
    padding-left: 0;
}

.pushy-open-left .site-overlay, .pushy-open-right .site-overlay {
    background-color: transparent;
}

.mob-menu,
.mob-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .mob-menu,
    .mob-menu a {
        color: #fff;
    }

        .mob-menu ul {
            display: none;
        }

            .mob-menu ul.active {
                display: block;
            }

        .mob-menu > li {
            border-bottom: 1px solid #ccc;
        }

            .mob-menu > li > a {
                position: relative;
                display: block;
                padding: 10px 15px;
                padding-left: 25px;
                padding-right: 15px;
                font-size: 20px;
                cursor: pointer;
                color: #000;
/*              font-family: 'Fraunce';*/
            }			
			
			.mob-menu a.active {
				color: #0076c8;
			}

                .mob-menu > li > a > i {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    left: 0;
                    /*width: 45px;*/
                    display: inline-block;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    speak: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
				
                .mob-menu > li > a > i.ionicons.ion-android-favorite {
                   /* color: #ff0000;*/
                }		

                .mob-menu > li > a > i.ionicons.ion-eye {
                    color: #3b3b3b;
                }				

        .mob-menu a:hover {
            color: #0076c8;
        }

        .mob-menu li a i:before {
            font-size: 22px;
            position: absolute;
            top: 50%;
            right: 15px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: transform .3s;
            transition: transform .3s;
        }

        .mob-menu li a i.active:before {
            content: "\f2f4";
        }

        .mob-menu .mob-submenu {
            background-color: transparent;
            padding: 0;
        }

.mob-submenu > li {
    position: relative;
}

    .mob-submenu > li + li {
        border-top: 1px solid #ccc;
    }

    .mob-submenu > li > a {
        position: relative;
        display: block;
        padding: 15px 20px 15px 0;
        padding-left: 25px;
        padding-right: 45px;
        font-weight: bold;
        font-size: 18px;
        color: #000;
    }

.mob-submenu .expand-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45px;
}

    .mob-submenu .expand-btn:before {
        content: "\6c";
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: "dkom";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .mob-submenu .expand-btn.active:before {
        content: "\6d";
    }

.mob-submenu {
    border-top: 1px solid #ccc;
}

    .mob-submenu ul {
        background-color: transparent;
    }

        .mob-submenu ul a {
            display: block;
            padding: 13px 30px;
            padding-right: 10px;
            font-size: 13px;
        }

        .mob-submenu ul li + li {
            border-top: 1px solid #ccc;
        }

.mob-menu .mob-submenu-sub {
    padding: 0;
    border-top: 1px solid #ccc;
}

.mob-submenu-sub li a {
    font-weight: 600;
    font-size: 15px;
    color: #000;
    position: relative;
}

    .mob-submenu-sub li a i.ionicons.ion-record:before {
        font-size: 9px;
        position: absolute;
        left: 14px;
        top: 50%;
        margin-top: 0;
    }

/* PUSHY END */

.mob-menu-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 300px;
    overflow: auto;
}


a.toggle-form {
    display: none;
}

a.hide-form {
    display: none;
}

a.toggle-form2 {
    display: none;
}

a.hide-form2 {
    display: none;
}

a.logo-mob {
    display: none;
}




.form-holder-search input.input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
    opacity: 0.86 !important;
}

.form-holder-search input.input::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
    opacity: 0.86 !important;
}

.form-holder-search input.input:-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
    opacity: 0.86 !important;
}

.form-holder-search input.input:-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
    opacity: 0.86 !important;
}

.category-slika-wrapper {
    height: 470px;
    width: 100%;
    /*overflow: hidden;*/
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.category-slika-wrapper::before{
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
}

.category-slika-wrapper.error-header {
    height: 635px;
}

.black-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.your-selection {
    text-align: center;
    color: #ffcc00;
    font-size: 20px;
}

    .your-selection span {
        font-weight: bold;
        font-size: 26px;
    }

.trakica-black {
    position: relative;
    background-color: #22272c;
    color: #fff;
    height: 65px;
    margin: 0 auto;
    margin-top: -65px;
    z-index: 0;
    width: 1546px;
    opacity: 0;
    display: none;
}

.logo-trakica {
    width: 15%;
    padding-top: 11px;
    margin-right: 40px;
    float: left;
    margin-left: 40px;
}

    .logo-trakica img {
        width: 146px;
    }

.trakica-form-holder {
    width: 23%;
    float: left;
    border-left: 1px solid #666;
    height: 65px;
}

.labela-trakica {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
    float: left;
    padding-top: 22px;
    margin-left: 10px;
}

.input-trakica {
    background: transparent;
    border: 0;
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
    font-family: 'Fraunce';
    width: 120px;
}

.trakica-black input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff !important;
    opacity: 1 !important;
}

.trakica-black input::-moz-placeholder { /* Firefox 19+ */
    color: #fff !important;
    opacity: 1 !important;
}

.trakica-black input:-ms-input-placeholder { /* IE 10+ */
    color: #fff !important;
    opacity: 1 !important;
}

.trakica-black input:-moz-placeholder { /* Firefox 18- */
    color: #fff !important;
    opacity: 1 !important;
}

.reset-form {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    text-transform: uppercase;
    text-align: center;
    float: right;
    padding: 10px 25px;
    margin-top: 7px;
    font-weight: bold;
}

.trakica-black.showme.sticky {
    opacity: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: fixed !important;
    z-index: 950 !important;
    top: 0px !important;
    margin-top: 0 !important;
    background-color: rgba(34, 39, 44, 0.87);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);
    transition: all .5s ease-in;
}

.trakica-black.showme.blue.sticky {
    opacity: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: fixed !important;
    z-index: 950 !important;
    top: 0px !important;
    margin-top: 0 !important;
    background: rgb(0,108,184); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,108,184,1) 0%, rgba(0,135,228,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,108,184,1) 0%,rgba(0,135,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,108,184,1) 0%,rgba(0,135,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 39px -10px rgba(0,0,0,0.5);
    transition: all .5s ease-in;
}



.trakica-grey {
    background: rgb(205,205,205); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(205,205,205,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(205,205,205,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(205,205,205,1) 0%,rgba(222,222,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 65px;
    margin: 0 auto;
    width: 1546px;
}

.trakica-white {
   /* background: #fff;
    height: 65px;
    margin: 60px auto 0 auto;
    width: 85%;*/
    padding: 0px 15px;
}

.filters-map-wrapper{
    order:1;
}

a.filters-a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    font-size: 16px;
    padding-top: 5px;
}

a.filters-a img {
    margin-right: 10px;
    width: 20px;
    height: 16px;
    margin-top: -5px;
    filter: grayscale(1) brightness(500%);
}

a.filters-a:hover {
    color: #ffffff;
    background-color: #256d9d;
}

.showing {
    font-weight: 600;
    color: #ffffff;
    order:2;
}

.holder-filteri-site {
    padding: 10px 10px;
    background-color:#202129;
    display:flex;
    justify-content:space-between;
    color:#ffffff;
    align-items:center;
}

.form-holder-sort {
  order:3;
}

.form-holder-sort .btn-default, .open > .dropdown-toggle.btn-default {
    background-color: transparent;
    border: 0;
    color: #ffffff;
}

    .form-holder-sort .btn-group.open .dropdown-toggle {
        box-shadow: none;
    }

    .form-holder-sort .bootstrap-select .dropdown-toggle:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .form-holder-sort .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-size: 16px;
    }

.filteri-odabrani {
    text-align: center;
   /*margin-bottom: 30px;*/
}

.filter {
    font-size: 12px;
    background-color: #202129;
    padding: 5px 8px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    margin: 15px 7px;
    cursor: pointer;
}

    .filter i {
        cursor: pointer;
    }

a.map-view-a {
    color: #3f3f3f;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    margin: 10px 0 10px 0;
    margin-right: 30px;
}

    a.map-view-a i {
        color: #ec6a00;
        font-size: 20px;
        margin-right: 10px;
        position: relative;
    }

a.list-view-a {
    color: #3f3f3f;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    float: right;
    margin-top: 22px;
    margin-right: 30px;
}

    a.list-view-a i {
        color: #ec6a00;
        font-size: 20px;
        margin-right: 10px;
        position: relative;
    }

a.favorites-a {
    color: #256d9d;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    margin: 10px 30px 10px 0;
}

a.favorites-a i {
    color: #256d9d;
    font-size: 20px;
    margin-right: 10px;
    position: relative;
}

    a.favorites-a.traka {
        display: inline-block;
        float: right;
        margin-top: 20px;
    }

        a.favorites-a.traka i {
            color: #fff;
            font-size: 24px;
        }

a.map-view-a.traka {
    display: inline-block;
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}

    a.map-view-a.traka i {
        color: #fff;
        font-size: 24px;
        margin-right: 10px;
    }

a.list-view-a.traka {
    display: inline-block;
    float: right;
    margin-top: 20px;
}

    a.list-view-a.traka i {
        color: #fff;
        font-size: 24px;
        margin-right: 10px;
    }

a.filters-a.traka {
    display: inline-block;
    float: right;
    margin-top: 16px;
    margin-right: 30px;
    width: auto;
}

    a.filters-a.traka i {
        color: #fff;
        font-size: 24px;
        margin-right: 10px;
    }

a.form-opener-traka {
    display: inline-block;
    float: right;
    margin-top: 17px;
    color: #fff;
    font-weight: bold;
    margin-right: 35px;
    position: relative;
}

    a.form-opener-traka i {
        color: #fff;
        font-size: 24px;
        margin-left: 10px;
        position: relative;
        top: 4px;
    }

a.map-view-a:hover, a.favorites-a:hover {
    color: #000;
}

.section.destinations.grey {
    background-color: #f1f0f0;
    padding-top: 40px;
}

.villa-holder {
    background-color: #fff;
   /* height: 230px;*/
    /*margin-bottom: 40px;*/
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.villa-holder:hover,
.villa-holder:active,
.villa-holder:focus {
   /* background: #363d46;*/
}

.villa-holder:hover .opis-villa,
.villa-holder:hover a.add-to-favorite,
.villa-holder:hover .price-villa,
.villa-holder:focus .opis-villa,
.villa-holder:focus a.add-to-favorite,
.villa-holder:focus .price-villa,
.villa-holder:active .opis-villa,
.villa-holder:active a.add-to-favorite,
.villa-holder:active .price-villa,
.villa-holder:hover a.number-reviews,
.villa-holder:active a.number-reviews,
.villa-holder:focus a.number-reviews {
   /* color: #ffffff;*/
}

.villa-holder:hover a.title-villa-a,
.villa-holder:hover span.title-villa-a,
.villa-holder:hover .price-villa span,
.villa-holder:active a.title-villa-a,
.villa-holder:active span.title-villa-a,
.villa-holder:active .price-villa span,
.villa-holder:focus a.title-villa-a,
.villa-holder:focus span.title-villa-a,
.villa-holder:focus .price-villa span {
    /*color: #0a89e2;*/
}

.villa-data {
    /* width: 30%;
    float: left;*/
    padding: 15px 10px;
    position: relative;
    /*cursor: pointer;*/
    width:calc(100% - 150px);
}

.villa-data-wrap {
    display: flex;
    align-items: center;
    height: fit-content;
    padding-top:15px;
}

.opis-villa-wrapper {
    cursor: pointer;
    width: fit-content;
}


a.title-villa-a, span.title-villa-a {
    font-weight: bold;
    color: #191a1b;
    font-size: 23px;
    display: block;
    width: fit-content;
}

a.title-villa-a:hover,
a.title-villa-a:focus,
a.title-villa-a:active,
span.title-villa-a:hover,
span.title-villa-a:focus,
span.title-villa-a:active {
    color: #0076c8;
}

.opis-villa {
    font-size: 16px;
    line-height: 24px;
    color: #515151;
    font-weight: 500;
    margin-bottom: 10px;
}

.price-villa {
    font-size: 14px;
    line-height: 20px;
    color: #515151;
    font-weight: 500;
}

    .price-villa span {
        font-size: 20px;
        line-height: 20px;
        color: #256d9d;
        font-weight: 600;
    }

        .price-villa span.akcija {
            color: #ac0101;
        }

a.add-to-favorite {
    position: static;
    margin-right:15px;
    color: #256d9d;
    font-size: 22px;
}


a.remove-from-favorite {
    position: absolute;
    right: 0;
    top: 22px;
    color: #202020;
    font-size: 20px;
}

.viewed {
    font-size: 12px;
    padding: 5px 10px;
    color: #ffffff !important;
    background-color: #256d9d;
    position: relative;
    top:0px;
    font-weight: bold;
    border-radius: 50px;
    width: fit-content;
    margin-left:15px;
}

a.viewed:visited {
    color: #ffffff;
}

    .viewed i {
        margin-right: 5px;
        font-size: 14px;
        color: #ffffff;
    }

.reviews {
    position: absolute;
    top: 26px;
}

.badge-review {
    background-image: url(../img/badge-review.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
    font-size: 11px;
    font-weight: bold;
    padding-top: 6px;
    color: #000;
    text-align: center;
    float: left;
    margin-right: 10px;
}

a.number-reviews {
    color: #252a2f;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.shadow-villa {
    position: absolute;
    bottom: -30px;
    height: 30px;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    display: none;
}

    .shadow-villa img {
        margin: 0 auto;
        width: 1140px;
        bottom: 0;
        left: 50%;
        position: absolute;
        margin-left: -570px;
        overflow: hidden;
    }

/* SLIDER VILLA */

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.villa-slider-holder {
   /* height: 230px;*/
   /* margin-bottom: 30px;*/
     padding-top: 60px;
    margin-top:-60px;
    margin-bottom:15px;
}

.villa-slider, .villa-slider-future {
  /*  height: 230px;*/
}

.villa-slider .slide, .villa-slider-future .slide {
   /* height: 230px;*/
    background-size: cover;
    margin: 0 7px;
    overflow: hidden;
    border-radius: 16px;
}

        .villa-slider .slide img, .villa-slider-future .slide img {
            width: 100%;
            border-radius:8px;
        }

    .villa-slider .slick-prev.slick-arrow, .villa-slider-future .slick-prev.slick-arrow {
        position: absolute;
        z-index: 10;
        top: -40px;
        left:unset;
        right: 50px;
        width: 40px;
        height: 40px;
        margin-top: 0;
        border: 0;
        border-radius: 100px;
        background-color: #1c1f23;
        color: #fff;
        overflow: hidden;
    }

        .villa-slider .slick-prev.slick-arrow:after, .villa-slider-future .slick-prev.slick-arrow:after {
            content: "\f3d5";
            font-family: "Ionicons";
            font-size: 30px;
            color: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: 0;
            margin-left: -9px;
            z-index: 11;
        }

    .villa-slider .slick-next.slick-arrow, .villa-slider-future .slick-next.slick-arrow {
        position: absolute;
        z-index: 10;
        top: -40px;
        right: 0px;
        width: 40px;
        height: 40px;
        margin-top: 0;
        border: 0;
        border-radius: 100px;
        background-color: #1c1f23;
        color: #fff;
        overflow: hidden;
    }

        .villa-slider .slick-next.slick-arrow:after, .villa-slider-future .slick-next.slick-arrow:after {
            content: "\f3d6";
            font-family: "Ionicons";
            font-size: 30px;
            color: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: 0;
            margin-left: -9px;
            z-index: 11;
        }

        .villa-slider .slick-prev.slick-arrow:hover, .villa-slider .slick-next.slick-arrow:hover, .villa-slider-future .slick-prev.slick-arrow:hover, .villa-slider-future .slick-next.slick-arrow:hover {
            opacity: 0.5;
            transition: all 0.4s ease;
        }

    .villa-slider .slick-prev::before, .slick-next::before, .villa-slider-future .slick-prev::before, .slick-next::before {
        font-family: "";
    }

    .villa-slider .slick-prev::before, .villa-slider-future .slick-prev::before {
        content: "";
    }

    .villa-slider .slick-next::before, .villa-slider-future .slick-next::before {
        content: "";
    }


/* SLIDER VILLA END */

.row.mar0.relat {
    position: relative;
}

.breadcrumbs_inner {
    pointer-events: auto;
    margin: 20px auto 10px;
    text-align: left;
}

    .breadcrumbs_inner ul {
        margin: 0;
        padding: 0;
    }

    .breadcrumbs_inner li {
        display: inline-block;
        list-style: outside none none;
        padding: 0;
    }

        .breadcrumbs_inner li::before {
            content: none;
            margin: 0;
            padding: 0;
        }

        .breadcrumbs_inner li::after {
            content: "\f3d3";
            font-family: "Ionicons";
            margin: 0;
            padding: 0;
            font-size: 11px;
            margin-left: 5px;
        }

        .breadcrumbs_inner li:last-child::after {
            content: "";
        }

    .breadcrumbs_inner a {
        color: #717171;
        font-size: 12px;
    }

    .breadcrumbs_inner li span.ionicons.ion-ios-arrow-right {
        color: #717171;
        font-size: 12px;
    }

.gradient-mobile {
    display: none;
}

.postanifluid {
    width: 80%;
}

.postanifluid .breadcrumbs_inner {
    margin-top: 20px;
}

.breadcrumbs_inner_other {
    margin-bottom: 20px;
}


/* FILTER OVERLAY */
.filters-overlay {
    position: absolute;
    z-index: 99999;
    background: rgba(255,255,255,1);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow-x: hidden;
}

.filter-holder-inner {
    padding: 50px 10% 90px 10%;
    margin-top: 50px;
}

.filter-row {
    border-bottom: 1px solid #ccc;
    padding: 30px 0 25px 0;
}


    .filter-row .clear-filter {
        position: absolute;
        right: 0;
        top: 51px;
    }

    .filter-row:first-of-type {
        border-top: 1px solid #ccc;
    }

.labela-filter {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #202020;
    margin-bottom:15px;
}

.filter-row-holder {
    display: flex;
    width: 22%;
    margin-left: 10px;
    padding-right:15px;
}

.filter-inner .filter-row-holder{
    width:100%;
}

.fil-label {
    float: left;
    font-weight: 500;
}

.filter-holder-inner .checkbox {
    float: left;
    margin-right: 5px;
    margin-top: 0;
}

a.reset-filters {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 20px;
    color: #202129;
    border: 1px solid #202129;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 10px;
    background: #ffffff;
}

    a.reset-filters:hover, a.reset-filters:focus, a.reset-filters:active {
        color: #fff;
        background-color: #1b1f22;
    }

.gumbi-filters {
    display: flex;
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
}

.submit-filters-wrapper {
    display: flex;
    align-items: center;
}

.submit-filters {
    display: inline-block;
    position: relative;
    border-radius: 20px;
    color: #fff;
    border: 1px solid #256D9D;
    background-color: #256D9D;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 1;
}

    .submit-filters[disabled] {
        opacity: .5;
        cursor: no-drop;
    }

    .submit-filters:hover, .submit-filters:focus, .submit-filters:active {
        color: #fff;
        background-color: #004676;
    }

    .submit-filters[disabled] {
        opacity: .5;
        cursor: no-drop;
    }

.category-slika-wrapper .main-search {
    top:unset;
    bottom: 0px;
}

.category-slika-wrapper a.toggle-form.ville {
    top: 76%;
}

a.close-big-filters {
    position: absolute;
    z-index: 10000;
    top: 30px;
    left: 30px;
    color: #000;
    font-size: 34px;
}

.main-villa-content {
    background: rgba(3,17,26,0.5);
    padding: 45px 0 45px 45px;
    bottom: 0;
    position: absolute;
   /* width: 90%;*/
    left: 50%;
    transform: translateX(-50%);
    z-index: 11;
    color: #fff;
    pointer-events: all;
    border-radius: 16px 16px 0 0;
    bottom: -8px;
}

.villa-name {
    font-size: 44px;
    margin-bottom:0px;
}

.villa-name-booking {
    font-size: 48px;
    font-family: 'Fraunce';
    position: absolute;
    top: 45%;
    left: 50%;
    transform:translate(-50%);
    text-align: center;
    width:100%;
    max-width: 767px;
    color: #fff;
    z-index: 5;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    padding:15px;
    margin-bottom:0;
}

.main-villa-content .breadcrumbs_inner {
    margin-top: 10px;
}

    .main-villa-content .breadcrumbs_inner a, .ionicons.ion-ios-arrow-right {
        color: #fff;
    }

.villa-infos {
/*    font-family: 'Fraunce';*/
    float: left;
    font-size: 14px;
    margin-right: 25px;
    text-transform: uppercase;
}

.villa-infos ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style-type: none;
    margin-top: 10px;
    padding: 0;
}

.villa-infos ul li {
    margin-right: 25px;
    text-transform:lowercase;
    border:1px solid #ffffff;
    border-radius:4px;
    padding:5px 8px;
    margin-bottom:7px;
}

a.add-to-fav i {
    color: #FFDA00;
    margin-left: 10px;
    font-size: 30px;
}

a.add-to-fav {
    display: inline-block;
}

.villa-menu {
    text-align: center;
}

.villa-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}

        .villa-menu ul li {
            display: inline-block;
            padding: 20px 70px;
        }

            .villa-menu ul li a {
                color: #fff;
                font-size: 18px;
                font-weight: bold;
            }

.villa-menu ul li a:hover, .villa-menu ul li a.active {
    border-bottom: 2px solid #FFDA00;
}

a.btn-book-now {
    display: block;
    float: right;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 30px;
    font-size: 16px;
    margin-top: 10px;
}

/* GALERIJA */

.magnific-gallery {
    margin: 20px 0;
}

    .magnific-gallery div {
        padding: 0;
    }

    .magnific-gallery a {
        display: block;
    }

img.desaturate {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    /*filter: url(desaturate.svg#greyscale);*/
}

.magnific-gallery a:hover, .magnific-gallery a:hover img {
    transition: all .5s ease-in;
}

.magnific-gallery a.effect-hover:hover img {
    opacity: 0.5;
}

.mfp-arrow-right::before {
    border-left: 0 !important;
}

.mfp-arrow-left::before {
    border-right: 0 !important;
}

a.btn.showmore.white {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    border-radius: 8px;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 30px;
    font-size: 16px;
    transition: 0.3s all ease-in-out;
    background: #202129;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
}

    a.btn.showmore.white:before {
       /* content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;*/
    }

a.btn.showmore.white:hover, a.btn.showmore.white:focus, a.btn.showmore.white:active {
    color: #ffffff;
    transform: translateX(-50%) scale(1.15);
}

a.btn.showmore.white:hover:before, a.btn.showmore.white:focus:before, a.btn.showmore.white:active:before {
    -webkit-transform: scaleX(1);
    transform: translateX(-50%) scaleX(1);
}

/* GALERIJA END */

.villa-gmap {
    margin-bottom: 40px;
}

.title-distance {
    font-size: 18px;
    color: #373e47;
    text-transform: uppercase;
    font-weight: bold;
    padding-left:15px;
}

ul.distance-ul {
    margin: 0 0 30px 15px;
    padding: 0 0 0 15px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #373e47;
    
}

    ul.distance-ul li {
        margin-bottom: 10px;
    }

a.btn-write-review, a.btn-show-more-description {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0;
    color: #fff;
    background-color: #001b3e;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    left: 50%;
    margin-left: -100px;
    margin-bottom: 40px;
}

    a.btn-write-review:before, a.btn-show-more-description:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #006fbd;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    a.btn-write-review:hover, a.btn-write-review:focus, a.btn-write-review:active, a.btn-show-more-description:hover, a.btn-show-more-description:focus, a.btn-show-more-description:active {
        color: #fff;
    }

        a.btn-write-review:hover:before, a.btn-write-review:focus:before, a.btn-write-review:active:before, a.btn-show-more-description:hover:before, a.btn-show-more-description:focus:before, a.btn-show-more-description:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }


.btn-show-more-description {
    display: none !important;
}

.review {
    margin-bottom: 60px;
    position: relative;
    border-radius: 16px;
}

.review:first-of-type {
    margin-top: 30px;
}

.review-rating {
    margin-top: 20px;
}

.review-data {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.star-holder {
    color: #f1c100;
    font-size: 20px;
}

.review-bubble {
    -webkit-box-shadow: 0px 11px 42px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 11px 42px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 11px 42px 0px rgba(0,0,0,0.25);
    padding: 60px;
    position: relative;
	background: #fff;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid white;
    position: absolute;
    left: -29px;
    top: 30px;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    right: -29px;
    top: 30px;
}

.review-data.right {
    padding-left: 50px;
}

.your-selection-box {
    background-color: #256d9d;
    background-image: url(../img/shine.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    color: #fff;
    padding: 50px 40px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    display: table;
    width: 100%;
    margin-bottom: 40px;
    display: none;
    border-radius: 16px;
}

.title-selection {
    font-size: 26px;
    font-family: 'Fraunce';
    display: table-cell;
    vertical-align: middle;
    width: 20%;
}

    .title-selection span {
        font-size: 16px;
        display: block;
        font-family:Quicksand;
    }

.selection-box-data {
    font-size: 14px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    width: 11%;
    text-align: left;
}

    .selection-box-data p {
        text-transform: lowercase;
        text-align: left;
        display: none;
    }



.reset-book {
    width: 18%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#btnBook {
    display: none;
}


.selection-price {
    font-size: 34px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    width: 13%;
}


.selection-price-special-offer {
    color: #fadd6a;
    text-align: center;
}


    .selection-price-special-offer p {
        font-size: 16px;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
    }


    .selection-price-special-offer span {
        display: block;
        color: white;
        font-size: 24px;
        text-decoration: line-through;
        font-weight: normal;
        text-align: center;
    }


.selection-book {
    display: table-cell;
    vertical-align: middle;
    width: 14%;
}

a.btn-book-now-green {
    display: block;
    vertical-align: middle;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 8px;
    color: #202129;
    background-color: #ffda00;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
}

    a.btn-book-now-green:before {
        /*content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #037c00;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;*/
    }

a.btn-book-now-green:hover, a.btn-book-now-green:focus, a.btn-book-now-green:active {
    transform: scale(1.15);
}

      /*  a.btn-book-now-green:hover:before, a.btn-book-now-green:focus:before, a.btn-book-now-green:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }*/

a.btn-all-rates {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition: 0.3s all ease-in-out;
    padding: 10px 30px;
    margin: 0 0 20px 0;
    background: #256D9D;
    color: #fff;
    border-radius: 8px;
    font-size: 18px;
}

a.btn-all-rates:hover,
a.btn-all-rates:focus
a.btn-all-rates:active {
    transform: scale(1.10);
}

.btn-holder-selection {
    margin-bottom: 30px;
}

.your-selection-box + .btn-holder-selection {
    text-align: center;
}

a.btn-contact-us {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0;
    color: #363d46;
    background-color: transparent;
    border: 1px solid #363d46;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

    a.btn-contact-us:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #363d46;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    a.btn-contact-us:hover, a.btn-contact-us:focus, a.btn-contact-us:active {
        color: #fff;
    }

        a.btn-contact-us:hover:before, a.btn-contact-us:focus:before, a.btn-contact-us:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }



a.btn-inverse {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius:8px;
    transition:all 0.2s ease-in-out;
}

   /* a.btn-inverse:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }*/

a.btn-inverse:hover, a.btn-inverse:focus, a.btn-inverse:active {
    transform: scale(1.15);
}

        a.btn-inverse:hover:before, a.btn-inverse:focus:before, a.btn-inverse:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }





.deposit-txt {
    border-top: 1px solid #ccc;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
    font-size: 14px;
    text-align: center;
}

.need-help-call {
   text-align:center;
    color: #ffffff;
    font-size: 24px;
    margin: 5px auto 30px auto;
}

.need-help-call a {
    color: #FFDA00;
}

/* FACILITIES */


.section.facilities {
    background-color: #ffffff;
    border-radius: 16px;
    color: inherit;
    margin-top: 60px;
    overflow-x: hidden;
    padding:60px 0;
}

.facilities-row {
    padding: 0px;
}

.facilities-row-not-visible {
    display: none;
}

.facilities-row-visible {
    display: block;
}

.labela-facilities {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    width: 100%;
    margin: 0 auto 40px auto;
    background: #256d9d;
    padding: 7px;
    border-radius: 8px;
}

.facilities-data-holder {
  display:flex;
 /* justify-content:space-between;*/
  flex-wrap:wrap;
  margin-bottom:30px;
}

.facilities-row-holder {
    width: 25%;
    padding-right: 2.5%;
    color: #202129;
    margin-bottom: 20px;
    font-size:17px;
}

    .facilities-row-holder i {
        font-size: 26px;
        margin-right: 5px;
    }

.facilities-row-holder div:not(.ico-holder, .clear) {
    margin-bottom: 15px;
}

.section.facilities .gradient-2 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.ico-holder {
    position: relative;
    padding-left: 19px;
}

.ico-holder::before {
    content: "\f383";
    font-family: "Ionicons";
    left: 0;
    top: 0;
    position: absolute;
    color: #256d9d;
}

.facilities-label {
    float: left;
    font-weight: 500;
    color: #fff;
}

.facilities-row-holder.big {
    width: 50%;
}

.extras {
    color: #256d9d;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin: 20px auto 0px auto;
    width: 100%;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* FACILITIES END */

.section.location{
    margin-top:60px;
    padding:60px 0;
}


.location .sub-title {
    margin-bottom: 30px;
}

.big-gradient.vila {
    height: 320px;
    z-index: 1;
}

.holder_review {
    margin-bottom: 20px;
}

.holder_review + label.error {
    position: relative;
    margin-top: 0;
    top: -15px;
}

.review-form {
    margin: 40px 0 0 0;
}

/*.review-form-reviewsmain {
    margin-bottom: 40px;
    margin-top: 0;
    display: block;
}

    .review-form-reviewsmain .form-control.rev {
        border: none;
        border-bottom: 1px solid #ccc;
        box-shadow: none;
        border-radius: 0;
        background: transparent;
    }

    .review-form-reviewsmain .form-control.textarea {
        border: 1px solid #ccc;
        min-height: 200px;
    }

.review-form .form-control {
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    padding: 6px 0;
}

.review-form .form-control.textarea {
    border: 1px solid #ccc;
    min-height: 200px;
    padding: 6px 12px;
}
*/
.btn-review-submit {
    background-color: #0076c8;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 30px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    width: 230px;
    margin: 0 auto;
}

.all-rates-holder {
    margin: 40px 0;
    border-top: 1px solid #ccc;
    padding-top: 40px;
    display: none;
}

/*table saw*/
.tablesaw tr:nth-child(odd) {
    background: #f1f5f7;
}

.tablesaw tr:nth-child(even) {
    background: #e1e6e9;
}

.tablesaw .nobg {
    background: #363d46 !important;
    color: #fff;
}

.tblnapomena {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

    .tblnapomena.prva {
        padding-top: 20px;
        margin-bottom: 0;
    }


.all-rates-holder .tablesaw tr:nth-child(odd) {
    background: transparent;
}

.all-rates-holder .tablesaw tr:nth-child(even) {
    background: #333544;
}

.all-rates-holder .tablesaw-stack tbody tr {
    border-bottom: none;
}

.booking-data {
    /* margin-top: 10px;*/
}

.booking-data > div {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    float: left;
    margin-right:20px;
}

        .booking-data > div:first-of-type {
            margin-left: 0;
        }

    .booking-data div span {
        text-transform: uppercase;
        margin-right: 5px;
        font-size: 16px;
        color: #dedede;
    }

.booking-price {
    font-size: 30px;
    font-weight: bold;
    color: #ffda00;
    text-align: right;
}

.main-villa-content.booking {
    padding:0;
    background: transparent;
    bottom: 0;
    transform: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.bookingWrap {
    height:100%;
    padding: 30px;
    background-color: rgba(3, 17, 26, 0.5);
    border-radius: 16px;
}

.main-villa-content.booking.mobile {
    display: none;
}

    .main-villa-content.booking .villa-name {
        font-size: 30px;
        margin-top: 10px;
    }

.booking-form .form-control {
    border: none;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    border-radius: 6px;
}

    .booking-form .form-control:focus {
        border: 1px solid #006fbd;
    }

    .booking-form .form-control.error {
        border: 1px solid red;
    }

.booking-form .dropdown .btn-default {
    width: 100%;
    text-align: left;
}

.form-holder-booking .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.form-holder-booking{
    position:relative;
}

.form-holder-booking.novi .caretWrap {
    position: absolute;
    background-color:#ffff;
    width:20px;
    height:30px;
    right:2px;
    top:2px;
   /* border:1px solid red;*/
}

.form-holder-booking.novi .caret {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    left: 0px;
    margin-top: -2px;
    vertical-align: middle;
    background-color: #ffffff;
}

.form-holder-booking .btn-default {
    border-radius: 6px;
}

.booking-form textarea {
    min-height: 150px;
}

a.continue-btn, input.continue-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0;
    color: #001b3e;
    background-color: #ffda00;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
    margin-top: 30px;
}

    a.continue-btn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ffe75b;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    a.continue-btn:hover, a.continue-btn:focus, a.continue-btn:active, input.continue-btn:hover, input.continue-btn:focus, input.continue-btn:active {
        color: #001b3e;
    }

        a.continue-btn:hover:before, a.continue-btn:focus:before, a.continue-btn:active:before, input.continue-btn:hover:before, input.continue-btn:focus:before, input.continue-btn:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

a.back-btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0;
    color: #363d46;
    background-color: transparent;
    border: 1px solid #363d46;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    margin-top: 30px;
}

    a.back-btn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #363d46;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    a.back-btn:hover, a.back-btn:focus, a.back-btn:active {
        color: #fff;
    }

        a.back-btn:hover:before, a.back-btn:focus:before, a.back-btn:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

h2.booking-title {
    font-size: 30px;
    margin-bottom: 30px;
    font-family: 'Fraunce';
}

.section-title-booking {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.data-booking-details {
   /* font-weight: bold;*/
    color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}

.data-booking-details div:not(.cost-breakdown) {
    color: #333;
    font-weight: bold;
    margin-right: 10px;
   /* white-space:nowrap;*/
}

        .data-booking-details div.clear {
            float: none;
            margin-right: 0;
        }

.itemRow {
    display: flex;
    width:100%;
    gap:20px;
    margin-bottom:40px;
}

.itemRow .item-6 {
    width: 60%;

}


.inner-section-booking {
    display: flex;
    flex-direction: column;
    height: 100%;
   /* margin-bottom: 30px;*/
    padding: 60px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
    border-radius: 16px;
    position: relative;
    font-size: 18px;
    width:100%;
}

.tocka {
    color: #ffffff;
    font-size: 37px;
    font-weight: 500;
    position: absolute;
    top: -10px;
    left: -10px;
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items:center;
    background: url(../img/blueDot.svg);
    background-size:100% 100%;

}

.tocka::after {
    /*display: inline-block;
    content: "";*/
    /*position: absolute;
    left: 0;
    top: 0;*/
    /*background: url(../img/blueDot.svg);
    background-size:100% 100%;
    width:100%;
    height:100%;*/
}






.inner-section-booking h3 {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 4px solid #256d9d;
    width: fit-content;
}

.inner-section-booking h4{
    margin-bottom:15px;
}

a.continue-btn.green, input.continue-btn.green {
    color: #fff;
    background-color: #04a800;
    border-width: 0;
}

    a.continue-btn.green:before, input.continue-btn.green:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #037c00;
    }

    a.continue-btn.green:hover, a.continue-btn.green:focus, a.continue-btn.green:active, input.continue-btn.green:hover, input.continue-btn.green:focus, input.continue-btn.green:active {
        color: #fff;
    }

        a.continue-btn.green:hover:before, a.continue-btn.green:focus:before, a.continue-btn.green:active:before, input.continue-btn.green:hover:before, input.continue-btn.green:focus:before, input.continue-btn.green:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

.total-booking {
    
    text-align: left;
}

.cost-breakdown {
    font-weight:normal;
}

    .cost-breakdown.big {
        color: #256d9d;
        font-size: 20px;
        font-weight:bold;
    }

.terms-conditions {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 30px;
    text-align: center;
    padding-bottom:30px;
}

.terms-conditions a {
    color: #256d9d;
    text-decoration: underline;
}

.insurance-if {
    margin: 0px 0 20px 0;
}

.buy-now-via {
    color: #000;
    font-style: italic;
    margin-bottom: 10px;
}


.booking-form ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.booking-form ul li {
    color: #000;
    display: block;
    position: relative;
    display: flex;
    margin: 0px 0 10px 0;
    align-items:center;
}

.booking-form .dropdown-menu.inner li a{
    width:100%;
}

.booking-form ul li input[type=radio] {
    position: absolute;
   visibility: hidden;
}

        .booking-form ul li label {
            display: block;
            position: relative;
            font-weight: 300;
            font-size: 16px;
            padding: 0px 0px 0px 30px;
            margin-bottom:0;
            z-index: 9;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
        }

        .booking-form ul li:hover label {
            color: #000;
        }

.booking-form ul li .check {
    display: block;
    position: absolute;
    border: 2px solid #AAAAAA;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 1px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

        .booking-form ul li:hover .check {
            border: 2px solid #666;
        }

        .booking-form ul li .check::before {
            display: block;
            position: absolute;
            content: '';
            border-radius: 100%;
            height: 10px;
            width: 10px;
            top: 3px;
            left: 3px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
        }

.booking-form input[type=radio]:checked ~ .check {
    border: 2px solid #256d9d;
}

.booking-form input[type=radio]:checked ~ .check::before {
    background: #256d9d;
}

.booking-form input[type=radio]:checked ~ label {
    color: #000000;
}

.booking-form-confirmation {
    font-size: 18px;
    line-height: 26px;
}

    .booking-form-confirmation a {
        color: #202020;
        text-decoration: underline;
    }

        .booking-form-confirmation a.back-btn {
            text-decoration: none;
        }

.section.story.topmarminus {
    margin-top: -100px;
    z-index: 10;
}

/* maja dodala */

.filters-overlay {
    position: fixed;
    z-index: 10001;
}

a.close-big-filters {
    left: auto;
    right: 30px;
    top: 50px;
}

.filter-row-wrapper {
  display:flex;
}

.filter-row .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
   /* width: 100px;*/
    margin-top: -14px;
}

.filter-row .noUi-target {
    width: 50%;
    display: inline-block;
    box-shadow: none;
    border-radius: 0;
    margin: 0 30px;
}

.filter-row .noUi-horizontal .noUi-handle {
    top: -10px;
    outline: none;
}

.filter-row .noUi-horizontal {
    height: 5px;
}

.filter-row .noUi-connect {
    background: #0077ca;
}

.filter-row .noUi-handle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: none;
    background: #256d9d;
    border: none;
}

    .filter-row .noUi-handle:before,
    .filter-row .noUi-handle:after {
        content: '';
        display: none;
    }

.filter-row .example-val {
    display: inline-block;
}

.filter-row .bootstrap-select > .dropdown-toggle {
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    border-bottom: 1px solid #1b1f22;
    border-radius: 0;
    background: transparent;
}

    .filter-row .bootstrap-select > .dropdown-toggle:focus {
        outline: 0 !important;
        outline-offset: 0;
    }

.filter-row .bootstrap-select .btn:active {
    box-shadow: none;
}

.filter-row .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.filter-row .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 18px;
    color: #000000;
}

.filter-row .bootstrap-select.btn-group .dropdown-menu li a {
    padding: 7px 15px;
}

.filter-row .bootstrap-select.btn-group .dropdown-menu {
    padding: 0;
    background-color: rgba(255,255,255,.7);
}

    .filter-row .bootstrap-select.btn-group .dropdown-menu li {
        border-bottom: 1px solid #ccc;
    }

.filter-row .bootstrap-select.btn-group .dropdown-menu {
    border-radius: 0;
}

.filter-row .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.filter-row .bootstrap-select.btn-group .btn {
    padding: 2px 0;
}

.filter-row .bootstrap-select.btn-group .dropdown-toggle .caret {
    border: none;
}

    .filter-row .bootstrap-select.btn-group .dropdown-toggle .caret:after {
        content: "\f3d0";
        font-family: "Ionicons";
        position: relative;
        font-size: 20px;
        color: #000000;
        position: absolute;
        top: -12px;
    }

/*Checkboxes styles*/
.filter-row input[type="checkbox"] {
    display: none;
}

    .filter-row input[type="checkbox"] + label {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 20px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        .filter-row input[type="checkbox"] + label:last-child {
            margin-bottom: 0;
            margin-right: 10px;
        }

        .filter-row input[type="checkbox"] + label:before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border: 2px solid #9a9b9d;
            background: #9a9b9d;
            position: absolute;
            left: 0;
            top: 2px;
            opacity: .6;
            -webkit-transition: all .12s, border-color .08s;
            transition: all .12s, border-color .08s;
        }

    .filter-row input[type="checkbox"]:checked + label:before {
        width: 10px;
        top: -3px;
        left: 5px;
        background: transparent;
        border-radius: 0;
        opacity: 1;
        border-color: #6eb3f9;
        border-top-color: transparent;
        border-left-color: transparent;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.call-to-action {
    font-size: 26px;
    text-align: center;
}

    .call-to-action a {
        color: #fff;
    }

.contact-txt {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.contact-txt img {
    border-radius: 20px;
}

.contact-txt-bottom {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 30px;
}

.contact-txt h3{
    margin-bottom:30px;
}

.daterangepicker.ltr .ranges {
    float: none;
}

/* booking maja */

/*.section.destinations.dark.book {
    background-color: #202129;
    color: #ffffff;
    padding-top: 60px;
    margin-top: 60px;
    border-radius: 16px;
}*/

.book>.container {
    padding-top: 60px;
}

.book .title-sec{
    color:#ffffff;
    margin-bottom:10px;
}

.book .col-lg-12 {
    position: relative;
}

.book .select-date-wrapper {
    display: block;
    /*width: 525px;*/
    width: 605px;
    margin: 0 auto;
}

.book .month {
    color: #202129;
}

    .book .select-date-wrapper .arrival,
    .book .select-date-wrapper .departure {
        display: inline-block;
        position: relative;
    }

    .book .select-date-wrapper .departure {
        /*opacity: 0.5;*/
    }


.book .label-booking {
    text-transform: uppercase;
    font-weight: 700;
}

.book .holder-arrival,
.book .holder-departure {
    font-size: 12px;
    font-family: 'Quicksand';
    line-height: 95px;
}

.book .date-month-wrapper-arrival,
.book .date-month-wrapper-departure {
    display: none;
}

.book .date-month {
    font-family: 'Fraunce';
    border-bottom: 1px solid #dcdbdb;
    /*min-width: 130px;*/
    min-width: 200px;
    height: 69px;
}

.arrow-wiggle {
    font-size: 30px;
    margin-left: 20px;
    color: #b1b1b1;
    position: absolute;
    bottom: 10px;
    -webkit-animation-name: Floating2;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floating2 {
    from {
        -webkit-transform: translate(0, 0px);
    }

    65% {
        -webkit-transform: translate(0, 10px);
    }

    to {
        -webkit-transform: translate(0, -0px);
    }
}



.book .date-month .date {
    font-size: 48px;
}

.book .date-month .month {
    font-size: 20px;
    color: #828282;
}

.book .select-date-wrapper .reset-btn {
    margin: 40px 0 0 0;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 25px;
    color: #444343;
    padding: 8px 0;
    display: block;
    font-size: 14px;
    width: 155px;
    border: 1px solid #444343;
    text-align: center;
}

.book .select-date-wrapper .ion-android-close:before {
    margin-left: 5px;
}

.book .select-date-wrapper .ion-ios-arrow-thin-right {
    display: inline-block;
    padding: 0 80px;
    vertical-align: middle;
}

    .book .select-date-wrapper .ion-ios-arrow-thin-right:before {
        font-size: 58px;
        color: #b1b1b1;
    }

.book .calendar-wrapper {
    margin: 80px 0 30px 0;
}

.book .calendar-wrapper .slick-prev.slick-arrow.slick-disabled,
.book .calendar-wrapper .slick-next.slick-arrow.slick-disabled {
    filter: grayscale(1);
    background: #a8a8a8;
    opacity: 0.5;
}

.book .calendar-wrapper .slick-prev.slick-arrow {
    position: absolute;
    z-index: 10;
    top: -40px;
    left: calc(50% - 60px);
    width: 45px;
    height: 45px;
    border: 0;
    border-radius: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    color: #fff;
    overflow: hidden;
    transition: background-color 0.3s ease-in-out;
}

        .book .calendar-wrapper .slick-prev.slick-arrow:after {
            content: "\f3d5";
            font-family: "Ionicons";
            font-size: 30px;
            color: #000;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: 0;
            margin-left: -9px;
            z-index: 11;
        }

.book .calendar-wrapper .slick-next.slick-arrow {
    position: absolute;
    z-index: 10;
    top: -40px;
    right: calc(50% - 60px);
    width: 45px;
    height: 45px;
    border: 0;
    border-radius: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.45);
    color: #fff;
    overflow: hidden;
}

        .book .calendar-wrapper .slick-next.slick-arrow:after {
            content: "\f3d6";
            font-family: "Ionicons";
            font-size: 30px;
            color: #000;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: 0;
            margin-left: -9px;
            z-index: 11;
        }

.book .calendar-wrapper .slick-prev:before {
    content: unset;
}

.book .calendar-wrapper .month {
    width: 100%;
    background: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 8px;
}

.qtip {
    font-size: 16px;
}

table.month {
    border: none !important;
    outline: none !important;
}

.book .calendar-wrapper .month th {
    text-align: center;
    background: #256d9d;
    color:#ffffff;
    padding: 8px 0;
}

.book .calendar-wrapper .month td {
    border: 1px solid #dcdcdc;
    padding: 7px;
}

    .book .calendar-wrapper .month td.today {
        background: #a1c8e3;
    }


    .book .calendar-wrapper .month td.specialOffer {
        background: #f59898;
        cursor: default;
        color: #787f89;
    }



    .book .calendar-wrapper .month td.specialOffer {
        background: #fadd6a;
    }

    .book .calendar-wrapper .month td.specialOffer-end {
        background: #fadd6a;
        background-image: -webkit-linear-gradient(-50deg, #fadd6a 51%, #ffffff 50%);
        background-image: -moz-linear-gradient(-50deg, #fadd6a 51%, #ffffff 50%);
        background-image: -o-linear-gradient(-50deg, #fadd6a 51%, #ffffff 50%);
    }


    .book .calendar-wrapper .month td.specialOffer-end-mixed-not-available {
        background: #fadd6a;
        background-image: -webkit-linear-gradient(-50deg, #fadd6a 51%, #f59898 50%) !important;
        background-image: -moz-linear-gradient(-50deg, #fadd6a 51%, #f59898 50%) !important;
        background-image: -o-linear-gradient(-50deg, #fadd6a 51%, #f59898 50%) !important;
    }



    .book .calendar-wrapper .month td.specialOffer-start {
        background-image: -webkit-linear-gradient(-50deg, #ffffff 51%, #fadd6a 50%);
        background-image: -moz-linear-gradient(-50deg, #ffffff 51%, #fadd6a 50%);
        background-image: -o-linear-gradient(-50deg, #ffffff 51%, #fadd6a 50%);
    }


    .book .calendar-wrapper .month td.specialOffer-start-mixed-not-available {
        background-image: -webkit-linear-gradient(-50deg, #f59898 51%, #fadd6a 50%) !important;
        background-image: -moz-linear-gradient(-50deg, #f59898 51%, #fadd6a 50%) !important;
        background-image: -o-linear-gradient(-50deg, #f59898 51%, #fadd6a 50%) !important;
    }

    .book .calendar-wrapper .month td.notAvailable {
        background: #f59898;
        cursor: default;
        color: #787f89;
    }

    .book .calendar-wrapper .month td.notAvailable-end {
        background-color: #f59898 !important;
        background-image: -webkit-linear-gradient(-50deg, #f59898 51%, #ffffff 50%);
        background-image: -moz-linear-gradient(-50deg, #f59898 51%, #ffffff 50%);
        background-image: -o-linear-gradient(-50deg, #f59898 51%, #ffffff 50%);
    }

    .book .calendar-wrapper .month td.notAvailable-start {
        background-color: #f59898;
        background-image: -webkit-linear-gradient(-50deg, #ffffff 51%, #f59898 50%);
        background-image: -moz-linear-gradient(-50deg, #ffffff 51%, #f59898 50%);
        background-image: -o-linear-gradient(-50deg, #ffffff 51%, #f59898 50%);
    }

    .book .calendar-wrapper .month td.odabraniTermin.end {
        background-color: #84d182 !important;
        background-image: -webkit-linear-gradient(-50deg, #84d182 51%, #ffffff 50%);
        background-image: -moz-linear-gradient(-50deg, #84d182 51%, #ffffff 50%);
        background-image: -o-linear-gradient(-50deg, #84d182 51%, #ffffff 50%);
    }

    .book .calendar-wrapper .month td.odabraniTermin.start {
        background-color: #84d182 !important;
        background-image: -webkit-linear-gradient(-50deg, #ffffff 51%, #84d182 50%) !important;
        background-image: -moz-linear-gradient(-50deg, #ffffff 51%, #84d182 50%) !important;
        background-image: -o-linear-gradient(-50deg, #ffffff 51%, #84d182 50%) !important;
    }


    .book .calendar-wrapper .month td.moguci-odabir-end-date-hovered {
        background-color: rgba(132, 209, 130, .4) !important;
        color: rgba(0, 0, 0, .4) !important;
        background-image: none !important;
    }

    .book .calendar-wrapper .month td.restricted {
        background-color: rgba(255, 255, 255, 1) !important;
        background-image: none !important;
    }

    .book .calendar-wrapper .month td.restricted b {
        color: rgba(0, 0, 0, .25) !important;
    }

        .book .calendar-wrapper .month td.odabrano-start {
        background-color: #84d182 !important;
        /*
        background-image: -webkit-linear-gradient(-50deg, #ffffff 51%, #84d182 50%) !important;
        background-image: -moz-linear-gradient(-50deg, #ffffff 51%, #84d182 50%) !important;
        background-image: -o-linear-gradient(-50deg, #ffffff 51%, #84d182 50%) !important;
        background-image: -ms-linear-gradient(-50deg, #ffffff 51%, #84d182 50%) !important;
        */
    }


    .book .calendar-wrapper .month td.odabrano-end {
        background-color: #84d182 !important;
        /*
        background-image: -webkit-linear-gradient(-50deg, #84d182 51%, #ffffff 50%) !important;
        background-image: -moz-linear-gradient(-50deg, #84d182 51%, #ffffff 50%) !important;
        background-image: -o-linear-gradient(-50deg, #84d182 51%, #ffffff 50%);
        background-image: -ms-linear-gradient(-50deg, #84d182 51%, #ffffff 50%);
        */
    }


    .book .calendar-wrapper .month td.odabraniTermin {
        background: #84d182 !important;
    }


    .book .calendar-wrapper .month td:hover {
        cursor: pointer;
    }

    .book .calendar-wrapper .month td:first-child {
        border-left: none;
    }

    .book .calendar-wrapper .month td:last-child {
        border-right: none;
    }

    .book .calendar-wrapper .month td {
        position: relative;
    }

    .book .calendar-wrapper .month td.nije-moguce-odabrati {
        color: rgba(0, 0, 0, .4);
    }

        .book .calendar-wrapper .month td.dot::after {
            position: absolute;
            content: "";
            width: 3px;
            height: 3px;
            bottom: 2px;
            background-color: #00cc18;
            z-index: 99999;
            left: 50%;
        }

        .book .calendar-wrapper .month tr:last-child td {
            border-bottom: none;
        }

.book .calendar-wrapper .month .monthName {
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 0;
    color: #256d9d;
    border: none;
}

.book .calendar-wrapper .item-month {
    display: inline-block;
    margin: 0 12px;
    position: relative;
}

.book .date-month.disabled .date {
    color: #828282;
}

.book .calendar-wrapper .item-month:last-child {
    margin-right: 0;
}

.calendar-wrapper .slick-slide > div {
    margin: 0 12px;
}

.book .legenda {
    margin: 0 0 30px 0;
}

    .book .legenda ul {
        padding: 0;
        list-style-type: none;
        text-align: center;
    }

        .book .legenda ul li {
            display: inline-block;
            font-size: 13px;
            font-weight: 600;
            margin-right: 30px;
        }

            .book .legenda ul li:last-child {
                margin-right: 0;
            }

        .book .legenda ul li span {
            width: 18px;
            height: 18px;
            display: block;
            float: left;
            margin-right: 10px;
            border-radius: 50px;
        }

                .book .legenda ul li span.available {
                    background: #ffffff;
                    border: 1px solid #c2c2c2;
                }

                .book .legenda ul li span.possible-arrival {
                    background: #a1c8e3;
                    border: 1px solid #a1c8e3;
                }

                .book .legenda ul li span.special-offer {
                    background: #fadd6a;
                    border: 1px solid #fadd6a;
                }

                .book .legenda ul li span.not-available {
                    background: #f59898;
                    border: 1px solid #f59898;
                }


                .book .legenda ul li span.selection {
                    /*background: rgba(132, 209, 130, .4);*/
                    background-color: #84d182;
                    border: 1px solid rgba(132, 209, 130, .4);
                }


.book .btn-primary {
    background: #ffda00;
    border: none;
    color: #202129 !important;
    font-weight:500;
}

/* end booking maja */

.big-gradient.ville {
    height: 220px;
}

.mfp-arrow-left::after {
    border-right: 25px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-right::after {
    border-left: 25px solid #fff;
    margin-left: 39px;
}

.mfp-arrow::after {
    border-bottom-width: 20px;
    border-top-width: 20px;
    top: 8px;
}


.gallery-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0 7px;
}

.gallery-grid a {
    display: block;
    flex: 0 0 20%;
    width: 25%;
    overflow: hidden;
    transition: all .3s ease-in-out;
    padding: 0 7px 0 7px;
    border-radius: 16px;
    margin-bottom: 15px;
}

		.gallery-grid a:hover { 
			transform: scale(1.1); 
			-ms-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-webkit-transform: scale(1.1);
			-o-transform: scale(1.1);
			
		}

.gallery-grid a img {
    border-radius: 16px;
}

.gallery-grid a:hover img {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.main-villa-content.booking.small {
    display: none;
}

.daterangepicker_input {
    display: none;
}

.daterangepicker.ltr .ranges {
    display: none;
}

a.telefon-prati {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100px;
    text-align: center;
    background-color: #0076c8;
    color: #fff;
    padding-top: 8px;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    z-index: 11;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.pratime-telefon span {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 70px;
    padding: 8px;
    background-color: #fff;
    border-radius: 100px;
    transition: all 0.4s ease;
    z-index: 10;
}

a.telefon-prati:hover {
    background-color: #fff;
    color: #0076c8;
    transition: all 0.4s ease;
}

/*.pratime-telefon a:hover + span {
    display: block;
    transition: all 0.4s ease;
    animation: fadeInRight 0.5s;
}*/

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

.pratime-telefon {
    position: fixed;
    right: 20px;
    bottom: 20px;
    transition: all 0.4s ease;
    z-index: 1000;
    display: none;
}


.need-help-phone {
    display: none;
}

.postotak-villa {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    width: 0;
    height: 0;
    text-align: center;
    font-weight: bold;
    border-style: solid;
    border-width: 0 70px 70px 0;
    border-color: transparent #dd0000 transparent transparent;
}

    .postotak-villa span {
        position: absolute;
        left: 27px;
        top: 6px;
    }

.hidden-arrows {
    display: none;
}

.google-maps-mobile {
    display: none;
}

a.map-view-top {
    display: none;
}

.selection-mobile {
    display: none;
}


a.menu-opener.darkclose {
    color: black;
    transition: none;
    float: right;
    margin: 20px 20px 0 0;
}

    a.menu-opener.darkclose:hover {
        transition: none;
    }

a.btn.showmore.black.slider {
    top: auto;
    margin-left: -80px;
}

.slider-villas.center {
    margin-bottom: 0px;
}

.gradient.whiteslider {
    background-image: none;
    height: auto;
    position: relative;
}

.oldvalue {
    text-decoration: line-through;
}

.newvalue {
    color: #ff0000;
    display: block;
}

.explore-more.villa {
    color: #fff;
    top: auto;
    left: auto;
    bottom: auto;
}

.trakica-blue {
    width: 85%;
    margin: 0 auto;
    background: rgb(0,108,184); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,108,184,1) 0%, rgba(0,135,228,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,108,184,1) 0%,rgba(0,135,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,108,184,1) 0%,rgba(0,135,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background: #202129 !important;
}


.trakica-blue.is_stuck {
    margin: 0 auto;
    z-index: 999;
    left: 0;
    right: 0;
    border-radius: 0 0 8px 8px !important;
}

    .trakica-blue.villas{
        width:100%;
      /*  border-radius:30px 30px 0 0;*/
    }

.poruka-holder {
    display: none;
}

a.add-message {
    display:inline-block;
    color: #000;
    font-weight: bold;
    margin-bottom:10px;
}

    a.add-message i {
        margin-left: 5px;
    }

.ttip {
    display: inline-block;
}
.blue-down {
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #000000;
    font-size: 24px;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-border-top-left-radius: 100px;
    -webkit-border-top-right-radius: 100px;
    -moz-border-radius-topleft: 100px;
    -moz-border-radius-topright: 100px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    width: 50px;
    height: 30px;
    text-align: center;
    margin-left: -25px;
    pointer-events: all;
    z-index:30;
   display:none;
}

    .blue-down:hover, .blue-down:focus {
        color: #000000;
        background-color: #ffffff;
    }

.villa-title-responsive {
    display: none;
}


#map-view {
    width: 100%;
    height: 700px;
    top: -60px;
}


#gmapa {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border-radius: 20px;
}

.breadcrumbs-holder {
    background-color: #f2f2f2;
    width: 1546px;
    margin: 0 auto;
    padding: 10px 0;
}

#breadcrumbs_inner {
    text-align: left;
}

    #breadcrumbs_inner ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #breadcrumbs_inner li {
        display: inline-block;
        list-style: outside none none;
        padding: 0;
    }

        #breadcrumbs_inner li::before {
            content: none;
            margin: 0;
            padding: 0;
        }

#breadcrumbs_inner a,
#breadcrumbs_inner li span.ionicons.ion-ios-arrow-right {
    color: #606060;
    font-size: 12px;
}

.breadcrumbs_inner li:last-child a::after {
    content: " ";
    white-space: pre;
}


label.error {
    color: red;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0.5em;
    width: 100%;
    float: none;
}

.review-report, .review-report2 {
    text-align: center;
    /*margin-bottom: 50px;*/
}

    .review-report > div, .review-report2 > div {
        margin-bottom: 50px;
    }

.txt-voting-holder {
    text-align: center;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid #ccc;
    padding: 40px 0;
}

/*
.moguci-odabir-end-date {
    background-color: rgba(132, 209, 130, .4);
}
*/





.month td b {
    color: #000;
}

.input-booking {
    background-color: #0087e5;
    padding: 10px;
    position: relative;
}

.input-booking span {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.triangle-book {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 12px 9px;
    border-color: transparent transparent #f1f0f0 transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
}


.semi-transparent {
    opacity: .3;
}


    .semi-transparent span.arrow-wiggle {
        display: none;
    }


.map-view-info {
    width: 250px;
    overflow: hidden;
    /*padding-top: 10px;*/
}

    .map-view-info h4 {
        margin-top: 15px;
    }


.mobile-desc, .mobile-desc-location {
    line-height: 26px;
    display: none;
    margin-top: 15px;
    padding-bottom: 30px;
}



.villa-slider-holder .slick-slide img {
    width: 100%;
}

.input-booking {
    background-color: #0087e5;
    padding: 10px;
    position: relative;
}

    .input-booking span {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
    }

.triangle-book {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 12px 9px;
    border-color: transparent transparent #f1f0f0 transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
}


li.nav-separator {
    border-top-width: 3px !important;
    margin-top: 30px;
}



.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
}

.book .calendar-wrapper .item-month {
    outline: none !important;
}


.not-visible {
    display: none !important;
}

.notice {
    margin-bottom: 50px;
    text-align: center;
    font-size: smaller;
}

.notice-booking {
    font-size: 16px;
    color: #666;
}


#your-selection-dt1 span, #your-selection-dt2 span {
    display: none;
}

.villa-average-rating {
    font-size: 18px;
    color: #1a1e21;
    font-weight: bold;
    margin-bottom: 20px;
}


#report-payment-method {
    display: none;
}


.debug-area {
    width: 100%;
    height: 600px;
}


.brain {
    border: 1px solid #E6E3DD;
    height: 40px !important;
    background-color: #fff;
    border-radius: 10px;
    padding: 6px 10px;
    width: 100%;
    margin-bottom: 10px;
}

    .brain.braintree-hosted-fields-focused {
        border-color: #777;
    }

    .brain.braintree-hosted-fields-invalid {
        border-color: tomato;
    }


.invalid {
    border-color: tomato !important;
}

    .brain.braintree-hosted-fields-valid {
        border-color: limegreen;
    }



.brain input {
    border-width: 0;
    width: 100%;
}


.brain .chosen-container-single .chosen-single {
    border-width: 0;
    padding-top: 0;
    height: auto;
}

.brain ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}

.brain ::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}



#processing {
    display: none;
    vertical-align: middle;
    float: right;
    margin-top: 30px;
}

#insurance_reports {
    display: none;
    vertical-align: middle;
    float: right;
    margin-top: 30px;
}

#btnWriteReviewVilla, #btnWriteReviewService {
    margin: 40px auto;
}

.booking-buttons {
    margin: 30px 0 30px 0;
    display:flex;
    justify-content:space-between;
}

    .booking-buttons a.back-btn, .booking-buttons a.continue-btn {
        margin-top: 0;
    }


.tab-pane.active .btn-review-submit {
    margin-bottom: 30px !important;
}

a.phone-top {
    color: #fff;
    float: right;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 2px;
    font-size: 18px;
}


.phone-contact {
    float: right;
    font-weight: bold;
    font-size: 20px;
}

span.label-description {
    display: inline;
    margin-left: 10px;
    color: #999;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
}






.form-holder-search.bedrooms .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.form-holder-search.bedrooms .btn-default {
    color: #fff;
    background-color: transparent;
    border: 0;
}

.form-holder-search.bedrooms .btn {
    color: #fff;
    font-size: 18px;
    font-family: 'Fraunce';
    padding-left: 0;
}

.form-holder-search.bedrooms .bootstrap-select.btn-group .dropdown-toggle .caret {
    display: none;
}

/*.form-holder-search.bedrooms .btn::after {
    content: "\f3d0";
    font-family: "Ionicons";
    color: #fff;
    font-size: 22px;
}*/

.btn-group.bootstrap-select.myistria {
    margin-top: 13px;
}

    .btn-group.bootstrap-select.myistria:focus, .form-holder-search.bedrooms .btn:focus {
        border: 0 !important;
        outline: none !important;
    }

#list-view{
    margin-bottom:30px;
}

.permanent-link {
    text-align: center;
}

.permanent-link a{
    text-decoration:underline;
}

#demo {
    opacity: .5;
}


.aa {
    background-color: #f00;
}

.bb {
    background-color: #0f0;
}

.c {
    text-align: center;
}


/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}






/* Customize InfoWindow*/

/*.gm-style-iw {
    width: 350px !important;
    top: 15px !important;
    left: 0px !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(72, 181, 233, 0.6);
}*/

p.info-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

#iw-container {
    margin-bottom: 0;
}

#iw-container .iw-title {
    font-family: 'Quicksand';
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
    background-color: #48b5e9;
    color: white;
    margin: 0;
    /*border-radius: 2px 2px 0 0;*/
}


        #iw-container .iw-title a {
            color: #fff;
        }


    #iw-container .iw-content {
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        margin-right: 0px;
        padding: 0;
        /*max-height: 140px;*/
        overflow-y: auto;
        overflow-x: hidden;
    }

.iw-content img {
    float: right;
    margin: 0;
}

.iw-subTitle {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}

.iw-bottom-gradient {
    position: absolute;
    width: 326px;
    height: 25px;
    bottom: 10px;
    right: 18px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

p.close-info-view {
    padding-top: 2px;
    padding-left: 2px;
}

.footer .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
	text-align: center !important;
}

.ui-autocomplete {
    z-index: 99999999999;
}

ul.ui-autocomplete li.search-villa:first-child {
    border-top: solid 1px #363d46;
}

a.btn-show-more-description.btn-show-more-description-2, a.btn-more-text {
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0) translateX(-50%);
    transform: perspective(1px) translateZ(0) translateX(-50%);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0;
    color: #fff;
    background-color: #0087e5;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    left: 50%;
    margin-bottom: 40px;
    width: 180px;
    text-align: center;
}

.navrh {
    background-color: #202129;
    padding: 6px 18px;
    color: #fff;
    position: fixed;
    right: 15px;
    bottom: 74px;
    z-index: 9999;
    font-size: 24px;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    box-shadow: 0 0 5px rgba(255, 255, 255);
}

.navrh:hover {
	color: #fff;
	background-color: #0076c8;
}

.booking-podaci-mobile {
    background: -moz-linear-gradient(top, rgba(0,134,227,0.7) 0%, rgba(0,134,227,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,134,227,0.7) 0%,rgba(0,134,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,134,227,0.7) 0%,rgba(0,134,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 30px 0;
	color: #fff;
	display: none;	
}

.alert-success, .alert-warning, .alert-danger {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    text-align: center;
    font-weight:bold;
    font-size: 22px;
    font-family: 'Fraunce';
    width: 80%;
    margin: 15px auto 15px auto;
    color: #202129;
    border-color: #202129;
    border-top:0;
}


.gd-tip {
    position: absolute;
    background-color: #256d9d;
    width: 100%;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 10px;
    text-align: center;
    z-index: 9999;
    bottom: 0;
    cursor: pointer;
    margin: 0 !important;
    border-radius: 0 0 6px 6px;
}

.contact-image-wrapper {
    margin-bottom: 30px;
    height: 450px;
}

.contact-image-wrapper img {
    border-radius: 16px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


.chosen-container-single .chosen-single {
    background-color: #fff;
    border: 1px solid #ccc;
}




.chosen-container-single .chosen-single {
    padding: 7px 0 0 8px;
    font-size: 16px;
    height: 34px;
    background-image: none;
    box-shadow: none;
}



.qtip-content {
    line-height: 25px;
}


p.payment-method-notice {
    margin-bottom: 30px;
    /*color: #1f82f2;*/
}


.qtip-default {
    border: 1px solid #6bbaf1;
    background-color: #ddeefa;
}


.ui-menu .ui-menu-item-wrapper {

}

.chosen-container-single .chosen-single {
	border-radius: 6px;
}


.btn-show-more-desc {
    display: none !important;
}

a.ui-state-active {
    width: 100% !important;
    display: inline-block !important;
}


.ui-menu .ui-menu-item-wrapper {
    width: 100% !important;
    display: inline-block !important;
}


.hideUntilShowMoreClicked {
    display: none;
}

.aaa-logo {
	margin-right: 50px;
}

.fake-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*

.chosen-container {
	display: block;
	width: 100%;
}

.chosen-container-single .chosen-single, .chosen-container-single .chosen-search, .chosen-container-single .chosen-single span {
	white-space: normal;
}

.form-holder-booking {
	width: 100%;
	overflow: hidden;
}

*/


#lightcase-info > #lightcase-sequenceInfo {
    display: none !important;
}

a[class*="lightcase-icon-"] {
    font-size: 30px;
}

/*[class*='lightcase-icon-']:before {
    border-radius: 50%;
    background-color: rgba(119,135,147,.87);
}*/

p.special-offer {
    text-align: center;
    font-weight: bold;
    color: #0076c8;
}

.preloaderFadeout {
    opacity: 0;
    
}


a.globaldizajn {
    display: block;
    width: 90px;
    margin: 10px auto 20px auto;
}

    a.globaldizajn img {
        width: 90px;
    }



span.filter:hover i {
    color: #dd0000;
}

.filter-inner {
	display: block;
	float: left;
	width: 20%;
}

.filter-inner .labela-filter {
	width: auto;
	padding-top: 6px;	
}

.filter-inner .filter-row-wrapper {
	width: auto;
}

#frmContactUs .flatpickr-wrapper {
    width: 100% !important;
}

html.no-scroll,
html.no-scroll > body {
	overflow: hidden;
}

html.ios-device.no-scroll,
html.ios-device.no-scroll > body {
	position: fixed;
}

.inprocess-wrapper {
    position: fixed;
    z-index: 10000000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,134,227,0.9) 0%, rgba(0,134,227,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,134,227,0.9) 0%,rgba(0,134,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,134,227,0.9) 0%,rgba(0,134,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #fff;
    text-align: center;
    font-size: 28px;
    padding-top: 20%;
    font-family: 'Fraunce';
    overflow-y: auto;
}

.spinner {
  margin: 50px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* Valute holder */

.valute-holder {
	margin-bottom: 30px;
	text-align: center;
}

.valute-holder a {
	display: inline-block;
	border-radius: 100px;
	border: 1px solid #dedede;
	background-color: #fff;
	width: 35px;
	height: 35px;
	text-align: center;
	padding: 5px 4px;	
}

.valute-holder a.active {
    color: #fff;
    border: 1px solid #256d9d;
    background-color: #256d9d;
}

.houses-footer {
    display: none;
}



ul.houses-footer {
    text-align: left;
    margin-top: 20px;
}

    ul.houses-footer li {
        display: block;
        float: left;
        width: 33.333333%;
        text-align: center;
        font-size: 13px;
        opacity: .5;
    }


.owner-response {
    font-style: italic;
    margin-top: 30px;
    margin-left: 20px;
}

.mobilni-info {
    display: none;
}

.cookies-floater {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 1000;
    background: rgba(0,0,0,.6);
    color: #fff;
    padding: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}


.cookies-floater > div a {
    font-weight: bold;
    text-decoration: none;
}

body.preloader-active .cookies-floater {
    -webkit-filter: blur(10px);
       -moz-filter: blur(10px);
            filter: blur(10px);
}

.cookies-floater a {
   color: #fff;
   border-bottom: 1px solid #fff;
}

.cookies-floater a:hover {
   color: #0076c8;
   border-bottom: 1px solid #0076c8;
}

.cookies-floater i {
   margin-left: 10px;
   cursor: pointer;
}

.newsletter-holder {
  /*  margin: 40px 0;*/
}

.newsletter-prijava {

}

.title-newsletter {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.newsletter-input {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 18px;
    height: 40px;
    padding: 0;
    font-family: 'Quicksand';
    font-weight:300;
    text-transform:lowercase;
    border-bottom: 1px solid #ccc;
    width: 280px;
}

.newsletter-subscribe {
    background-color: #256D9D;
    border-radius: 8px;
    height: 40px;
    border: 0;
    font-weight: bold;
    text-transform: lowercase;
    color: #fff;
    padding: 0 20px;
}

.privola-checkholder {
    font-weight: normal !important;
    margin-top: 15px;
    display: none;
    transition: all 0.4s ease;
}

.checkbox-custom {
	display: none;
}

.checkbox-custom + .checkbox-custom-label::before {
    content: '';
    background: transparent;
    border: 2px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -3px;
    text-align: center;
}

.checkbox-custom-label {
    font-weight: normal;
    font-size: 14px;
}

.checkbox-custom-label a {
    border-bottom: 1px solid #fff;
}

.checkbox-custom:checked + .checkbox-custom-label::before {
    background-image: url("../img/done-check.svg");
	background-repeat: no-repeat;
	background-position: center;
    background-size: 20px;
    width: 20px;
    height: 20px;
    border: 0;
}

.news-checkholder {
    margin-top: 30px;
}

.news-checkholder .checkbox-custom:checked + .checkbox-custom-label::before {
    background-image: url("../img/done-check-blue.svg");
	background-repeat: no-repeat;
	background-position: center;
    background-size: 20px;
    width: 20px;
    height: 20px;
    border: 0;
}

.icons-story.navili {
    margin-top: 40px;
    border-bottom: 0;
    margin-bottom: 0;
}


#btnSubscribeNewsletter:disabled, #btnSubscribeNewsletter[disabled] {
    opacity: .4;
}


.newsletter-success {
    display: none;
}

.newsletter-error {
    display: none;
}

.zopim {
    z-index: 100!important;
}

body.preloader-active .zopim {
    -webkit-filter: blur(10px);
       -moz-filter: blur(10px);
            filter: blur(10px);
}


.lg-sub-html {
    display: none;
}

.navijacka {
    position: absolute;
    top: 0;
    left: 0;
    width: 214px;
    height: 497px;
    display: block;
    background: url(../img/navijacki-bg.png) 0 0 no-repeat;
    background-size: 214px auto;
}


#bar {
    width: 100%;
    height: 4px;
}


    #bar span {
        background-color: #006cb8;
        width: 0px;
        height: 4px;
        display: block;
        transition: all 2s;
        transition: all 0.5s;
    }


        #bar span.animate-progress {
            width: 100%;
            transition: all 1s;
        }


@-webkit-keyframes rotation1 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    6.25%, 25% {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    31.25%, 50% {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
    56.25%, 75% {
        -webkit-transform: rotate(-270deg);
                transform: rotate(-270deg);
    }
    81.25%, 100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
}

@keyframes rotation1 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    6.25%, 25% {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    31.25%, 50% {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
    56.25%, 75% {
        -webkit-transform: rotate(-270deg);
                transform: rotate(-270deg);
    }
    81.25%, 100% {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotation2 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    6.25%, 12.5% {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    18.75%, 25% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    31.25%, 37.5% {
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
    }
    43.75%, 50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    56.25%, 62.5% {
        -webkit-transform: rotate(225deg);
                transform: rotate(225deg);
    }
    68.75%, 75% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
    }
    81.25%, 87.5% {
        -webkit-transform: rotate(315deg);
                transform: rotate(315deg);
    }
    93.75%, 100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes rotation2 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    6.25%, 12.5% {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    18.75%, 25% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    31.25%, 37.5% {
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
    }
    43.75%, 50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    56.25%, 62.5% {
        -webkit-transform: rotate(225deg);
                transform: rotate(225deg);
    }
    68.75%, 75% {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
    }
    81.25%, 87.5% {
        -webkit-transform: rotate(315deg);
                transform: rotate(315deg);
    }
    93.75%, 100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}


.meshim_widget_components_chatButton_Button .button_bar {
    background: #353d48!important;
}

.meshim_widget_components_chatButton_ButtonBar .favicon {
    background: #676767!important
}


a.btn.showmore.black, a.btn.showmore-default.black {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-color: #202129;
    border-radius: 8px;
    color: #ffffff;
    border: 1px solid #202129;
    padding: 10px 30px;
    min-width:180px;
    font-size: 18px;
    font-weight: 300;
    margin: 30px auto 0 auto;
    transition: 0.2s all ease-in-out;
}

.gradient .btn-primary {
    margin: 130px auto 0 auto;
}

.nav-tabs-sliders .gradient .btn-primary {
    margin: 30px auto;
}

.glyphicon.spinning {
    margin-top: 2px;
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}


.ui-menu-item i.fa {
    width: 15px;
}

.form-holder-sort .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.form-holder-sort .dropdown-menu > li > a {
    padding: 3px 12px;
}

.form-holder-sort .bootstrap-select.btn-group .dropdown-menu {
    min-width: 135px;
    font-size: 15px;
    left: auto;
    right: 0;
}

a.map-view-top span {
    display: none;
}

.villa-menu ul li a.book-btn-invert {
    background: #ffda00;
    color: #001b3e;
    padding: 10px 35px;
    border-radius:8px;
    text-transform:uppercase;
    font-weight:bold;
    display: inline-block;
}

.villa-menu ul li a.book-btn-invert:hover,
.villa-menu ul li a.book-btn-invert:focus,
.villa-menu ul li a.book-btn-invert:active {
    border-bottom: none;
}
    a.btn.showmore.black.slider, a.btn.showmore-default.black.slider {
        top: auto;
    }

    /* autocomplete css */

    .ui-front {
        z-index: 10001!important;
    }

    .error-page {
        background: #f1f0f0;
        position: relative;
        margin-top: -420px;
        z-index: 2;
        text-align: center;
        color: #2a3036;
    }

.error-page h1 {
    font-size: 120px;
    font-family: 'Fraunce';
}

.error-page .main-desc {
    font-size: 30px;
    font-family: 'Fraunce';
    line-height: 1.6;
}

    .error-page .blue-btn {
        background: #0087e5;
        text-transform: uppercase;
        color: #ffffff;
        padding: 15px 10px;
        font-weight: bold;
        display: block;
        width: 260px;
        margin: 0 auto;
    }

    .error-page .blue-btn:hover,
    .error-page .blue-btn:focus,
    .error-page .blue-btn:active {
        background: #0076c8;
    }

    .error-page .oops-txt {
        margin: 30px 0;
    }

    .error-page .main-search {
        position: relative;
        bottom: auto;
        width: 100%;
        left: auto;
        margin-left: auto;
    }

    .error-page .title-search {
        color: #2a3036;
    }

    .error-page .main-search-box {
        border: 1px solid #b5b6b8;
        box-shadow: none;
        background: transparent;
        padding: 50px;
    }

    .error-page .form-holder-search {
        width: 450px;
        height: 50px;
    }

.error-page .form-holder-search input.input {
    color: #2a3036;
    font-family: 'Fraunce';
}

    .error-page .form-holder-search input.input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #2a3036;
        opacity: 1;
    }
    
    .error-page .form-holder-search input.input::-moz-placeholder { /* Firefox 19+ */
        color: #2a3036;
        opacity: 1;
    }
    
    .error-page .form-holder-search input.input:-ms-input-placeholder { /* IE 10+ */
        color: #2a3036;
        opacity: 1;
    }
    
    .error-page .form-holder-search input.input:-moz-placeholder { /* Firefox 18- */
        color: #2a3036;
        opacity: 1;
    }

    .error-form-wrapper {
        width: 610px;
        display: block;
        margin: 0 auto;
    }

    .error-page .search-form-submit {
        width: 115px;
        float: right;
        display: block;
        margin-top: 3px;
    }


    .benefits-wrapper {
        padding: 30px 0;
    }
    
    .benefits-wrapper ul,
    .benefits-wrapper-mobile ul {
        list-style-type: none;
        display: inline-block;
        text-align: center;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .benefits-wrapper ul li,
    .benefits-wrapper-mobile ul li {
        display: inline-block;
        width: 30%;
    }

    .benefits-wrapper-mobile ul li {
        width: 100%;
    }

    .benefits-wrapper .benefit-item,
    .benefits-wrapper-mobile .benefit-item {
        display: inline-block;
        width: 100%;
    }

    .benefits-wrapper-mobile .benefit-item {
        width: auto;
    }

    .benefits-wrapper  img,
    .benefits-wrapper-mobile img {
        float: left;
        display: block;
    }

    .benefits-wrapper-mobile img {
        width: 70px;
        height: 70px;
    }

    .benefits-wrapper .benefit-name,
    .benefits-wrapper-mobile .benefit-name {
        color: #ffffff;
        font-size: 15px;
        text-align: left;
        font-weight: 700;
        display: block;
        float: left;
        position: relative;
        margin: 28px 0 0 20px;
    }

    .benefits-wrapper-mobile .benefit-name {
        font-size: 13px;
        margin: 28px 0 0 10px;
    }

    .benefits-wrapper .benefit-name a,
    .benefits-wrapper-mobile .benefit-name a {
        color: #ffffff;
    }

    .benefits-wrapper .benefit-name a:hover,
    .benefits-wrapper .benefit-name a:focus,
    .benefits-wrapper .benefit-name a:active,
    .benefits-wrapper-mobile .benefit-name a:hover,
    .benefits-wrapper-mobile .benefit-name a:focus,
    .benefits-wrapper-mobile .benefit-name a:active {
        color: #519fdd;
    }

.number-one {
    font-family: 'Fraunce';
    position: absolute;
    bottom: 10px;
    color: #fff;
    z-index: 11;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 25px;
}


.form-holder-search div.advanced-srch {
    color: #fff;
    font-size: 19px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    margin: 5px 0 0 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative;
    padding-left: 30px;
    white-space: nowrap;
    position: relative;
    top: -67px;
    height: fit-content;
    z-index: 201;
    box-sizing: border-box;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .4);
}

.form-holder-search div.advanced-srch::before{
    display:inline-block;
    content:"";
    width:24px;
    height:24px;
    background-image:url(../img/search-icon.svg);
    background-size:100% 100%;
    position:absolute;
    left:0; 
    top:3px;
}

.form-holder-search span.advanced-srch:hover,
.form-holder-search span.advanced-srch:focus,
.form-holder-search span.advanced-srch:active {
    color: #5cc1ff;
}

.filter-input {
    border-width: 0;
    border-bottom: 1px solid #1b1f22;
    background-color: transparent;
}


.filter-inner .flatpickr_filter {
    background-color: transparent !important;
    border-radius: 0 !important;
    /* width: 230px !important; */
    box-shadow: none;
    position: relative;
    top: -9px;
}

.filters-overlay .filter-inner.when {
    position: relative;
   /* width: 320px;*/
}

.filters-overlay .filter-inner.where {
   /* width: 400px;*/
}

.filters-overlay .filter-inner.where .clear-filter {
    right: 10px;
    top: 3px;
}

.filters-overlay .filter-inner.when .clear-filter {
   
   right:0;
}

.filters-overlay .filter-inner.when .form-control {
    height: 28px;
    padding: 0;
    top: -3px;
    left: 10px;
}

.filters-overlay .filter-inner.when .filter-row-wrapper {
   /* width: 250px;*/
}

.filters-overlay .filter-inner.when .filter-row-holder {
    width: 100%;
}

.filters-overlay .filter-inner.when .filter-inner .flatpickr_filter {
    top: -4px;
}

.filters-overlay .filter-inner.when .form-control:focus {
    border-bottom: 1px solid #1b1f22;
}

.filters-overlay .filter-inner.where .filter-row-holder {
    width: 100%;
    position: relative;
}

.filters-overlay .filter-input,
.filters-overlay .filter-row .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.filters-overlay .filter-row .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 16px;
    width:90%;
}

.filters-overlay .filter-row .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    margin: 0;
}

.glyphicon-refresh:before {
    color: white;
}

.clear-filter {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer !important;
}


.flatpickr-current-month {
    padding: 5px 0;
}

.flatpickr-months .flatpickr-month {
    background: #256d9d;
    color: #ffffff;
    height: 35px;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    color: #ffffff;
    fill: #ffffff;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    fill: #a6ceff;
}
    

    .share-div {
        position:fixed;
        z-index: 1000;
        bottom: 0;
        left: 0;
        background: #0076c8;
        color: #ffffff;
        padding: 3px 10px;
        border-top-right-radius: 5px;
    }

    .share-txt {
        font-weight: bold;
        font-size: 15px;
        display: block;
        line-height: 25px;
        float: left;
    }

    .share-btns {
        list-style-type: none;
        margin: 0 0 0 10px;
        padding: 0;
        display: block;
        float: right;
        width: 60px;
        height: 25px;
    }

    .share-btns li {
        display: inline-block;
        width: 25px;
        height: 25px;
    }

    .share-btns li a {
        width: 25px;
        height: 25px;
        display: block;
    }

    #facebook {
        background: url(../img/fb-ico.svg) 50% 50% no-repeat;
        background-size: 25px auto;
    }

    #mail {
        margin: 0 0 0 5px;
        background: url(../img/mail-ico.svg) 50% 50% no-repeat;
        background-size: 25px auto;

    }

    .benefits-wrapper-mobile {
        display: none;
        padding: 10px 0 6px 0;
        margin-bottom: 40px;
        background: #23272c;
    }

    .holder_review.captc {
        margin: 0;
    }

.holder_review.captc2 {
    margin: 0;
}

    #frmContactUs a.continue-btn {
        float: none;
        margin-top: 20px;
    }


.form-holder-search {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}





#modal {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 100vh;
    width: 100vw;
    z-index: 100;
}

.bt-modal-frame {
    height: 480px;
    width: 440px;
    margin: auto;
    background-color: #eee;
    z-index: 2;
    border-radius: 6px;
}

.bt-modal-body {
    height: 400px;
    margin: 0 20px;
    background-color: white;
    border: 1px solid lightgray;
}

.bt-modal-header, .bt-modal-footer {
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.bt-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.8;
}


.paypal-usr-details {
    margin: 20px 0;
    font-size: 11px;
    border-top: 1px solid rgb(209, 212, 214);
    border-bottom: 1px solid rgb(209, 212, 214);
    padding: 16px;
    max-width: 500px;
    display: none;
}


h1.special {
    font-family: 'Fraunce';
    font-size: 36px;
    margin-bottom: 20px;
}



div.promo-wrapper {
    margin-top: 0;
    overflow: hidden;
}

/*
a.btn-promo {
    display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border-radius: 0;
    color: #fff;
    background-color: #0087e5;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
}
*/
a.btn-promo, a.btn-voucher {
    display: block;
    vertical-align: middle;
    float: left;
    padding: 10px 0;
}


.promo-input, .voucher-input {
    display: inline-block;
    margin-left: 20px;
    float: left;
    margin-top: 5px;
}


    .promo-input .form-control, .voucher-input .form-control {
        display: inline-block;
        width: auto;
        margin-right: 10px;
    }


.promo-input a, .voucher-input a {
    font-weight: bold;
}


#promo-msg-err, #voucher-msg-err {
    margin: 20px 0;
    color: darkred;
}


#promo-msg-success, #voucher-msg-success {
    margin: 20px 0;
    color: seagreen;
}

    #promo-msg-success a, #voucher-msg-success a {
        color: darkred;
    }


.anti-covid{
	background-color: #0076c8;
	color: white;
	padding: 12px;
	margin: 12px 0px;
	text-align: center;
	font-size: 22px;
}

.section.destinations.dark.villas-score {
    margin: 0 auto 70px auto;
    padding: 40px 0;
}

.villas-score-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #282D33;
    color: #B5DEFF;
    padding: 50px;
    font-family: 'Fraunce';
}

.villas-score-wrapper h2 {
    font-size: 58px;
    position: absolute;
    width: 36%;
    left: 50px;
    bottom: 50px;
}

.villas-score-wrapper img {
    float: right;
}

.score-badge {
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 10px;
    width: 130px;
    height: 130px;
    display: block;
    background: url(../img/badge-1000-en.svg) 50% 50% no-repeat;
    background-size: 130px auto;
}

.score-badge.de {
    background: url(../img/badge-1000-de.svg) 50% 50% no-repeat;
}

.top-info {
    position: relative;
    background: #bc4e9c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #f80759, #bc4e9c);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #f80759, #bc4e9c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
}

.ti-heading {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.ti-heading > span {
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle;
}

.ti-heading > span:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 20px;
    background: url("../img/top-info.svg") no-repeat center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -8px;
}

.ti-heading > span:after {
    content: "";
    display: inline-block;
    font-size: 24px;
    margin-left: 10px;
    margin-top: -5px;
    vertical-align: middle;
    font-family: "Ionicons";
    -webkit-transition: transform .3s;
            transition: transform .3s;
}

.top-info.active .ti-heading > span:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.ti-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    padding: 25px 15px;
    background-color: #244998;
    z-index: 99999;
    -webkit-transition: opacity .3s, visibility 0s .3s;
            transition: opacity .3s, visibility 0s .3s;
}

.top-info.active .ti-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s;
            transition: opacity .3s;
}

.tid-content {
    max-width: 940px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.7;
}

    .tid-content p {
        font-size: 12px;
    }

.tid-heading,
.tid-signature {
    display: inline-block;
    line-height: 1.4;
    font-family: 'Fraunce';
}

.tid-heading {
    font-size: 20px;
    margin-bottom: 13px;
}

.tid-signature {
    font-size: 18px;
    margin-top: 13px;
}




a.btn.showmore.blue {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 0;
    color: #fff;
    border: 1px solid #0076c8;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    top: 150px;
    left: 50%;
    margin-left: -139px;
    background-color: #0076c8;
}

    a.btn.showmore.blue:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0064aa;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    a.btn.showmore.blue:hover, a.btn.showmore.blue:focus, a.btn.showmore.blue:active {
        color: #fff;
    }

        a.btn.showmore.blue:hover:before, a.btn.showmore.blue:focus:before, a.btn.showmore.blue:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

    a.btn.showmore.blue.villas {
        top: 250px;
        margin-left: -109px;
        pointer-events: all;
    }



.show-more-2 {
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    color: #666;
    /*margin-top: 55px;*/
    position: relative;
    z-index: 100;
    bottom: -25px;
    pointer-events: none;
}

.qr-display {
    padding: 4px;
    color: lightslategray;
    font-size: 16px;
    font-style: italic;
    border-right: 1px dotted gray;
    border-left: 1px solid gray;
    text-align: center;
    margin: 0px auto;
    width: 400px;
}
    .qr-display svg {
        float: left;
    }
    .qr-display div{
        margin: 10% 20px;
    }

.questionMark{
    margin-bottom: 6px;
    margin-left:4px;
}

.stay-safe {
    position: absolute;
    top: 190px;
    left: 3%;
    z-index: 100;
}

.stay-safe img {
    width: 310px;
}

.bf-promo {
    position: absolute;
    top: 0;
    right: 25%;
    width: 295px;
    z-index: 99999;
    animation: backInDown 1s, swing 4s;
    animation-fill-mode: both;
    animation-delay: 2s;
    transform-origin: top center;
}

.bf-promo.closed {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .1s, visibility 0s .1s;
            transition: opacity .1s, visibility 0s .1s;
}

.bf-promo a,
.bf-promo img {
    display: block;
    width: 100%;
}

.bf-close {
    position: absolute;
    top: 30%;
    left: 60%;
    color: #fff;
    width: 40px;
    height: 40px;
    background-color: #000;
    border-radius: 50%;
    cursor: pointer;

}

.bf-close svg {
    display: block;
    width: 100%;
    height: 100%;
}

@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 30deg);
    transform: rotate3d(0, 0, 1, 30deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -30deg);
    transform: rotate3d(0, 0, 1, -30deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.sandbox-notice {
    background-color: #bb0000;
    color: white;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    z-index: 99999;
    position: relative;
    padding: 10px;
    letter-spacing: 1px;
}

.you-will-pay-now {
    font-weight: bold;
    color:#256d9d;
}

.table-wrapper > table {
    max-width: 100% !important;
}


.mobile-table {
    display: none;
    border: solid 1px #ddd;
    padding: 2rem;
}

.mobile-table > p {
    font-weight: bold;
    margin-bottom: 0;
}

.mobile-table > div {
    margin-bottom: 1rem;
}

.mobile-table hr:last-child {
    display: none;
}



.downpayment, .remainingBalance {
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 4px solid #e0e0e0;
    width: fit-content;
}

.downpayment-options{
    margin-bottom: 30px;
}


.tc {
}

.tc h2 {
    margin-bottom: 1rem;
}


    .tc h3 {
        margin-bottom: 1rem !important;
        margin-top: 2rem !important;
    }

.todo {
    margin: 16px 0;
    color: red;
    background-color: #fde6e6;
    padding: 10px;
    border-radius: 9px;
}

#booking-calendar {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    background: #fff;
    border: 1px solid #c4c4c4;
    padding: 36px 36px 60px;
    z-index: 9;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#booking-calendar.active {
    display: block;
}

#bc-placeholder {
    display: none;
}

#bc-filter {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

#bc-filter > li {
    display: inline-block;
    border: 1px solid #0076c8;
    padding: 8px 12px;
    color: #0076c8;
    cursor: pointer;
}

#bc-filter > li.active {
    background-color: #c9e2f3;
    border-color: transparent;
    color: #0076c8;
    font-weight: 700;
}

#bc-filter > li + li {
    margin-left: 8px;
}

.container.inline {
    box-shadow: none;
}

#bc-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 24px;
    cursor: pointer;
}

#bc-controls {
    position: absolute;
    bottom: 20px;
    right: 36px;
}

.bcc-btn {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    color: #1b1f22;
    border: 1px solid #1b1f22;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 8px;
}

.bcc-btn + .bcc-btn {
    margin-left: 4px;
}

#bcc-confirm {
    background-color: #0076c8;
    border-color: transparent;
    color: #fff;
   
}

.container-wider {
  /*  width: 85%;*/
    margin: 0 auto;
  overflow-x:hidden;
}

.main-villa-content .container-wider{
    overflow:unset;
}

.container-full {
    width: 100%;
    margin: 0 auto;
}


.brt {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding-bottom:0;
}


.brb {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.phone {
    background-color: #202129;
    padding-block: 6px;
    position: relative;
    z-index: 99999;
    text-align: center;
    font-family: 'Quicksand';
    font-weight: bold;
    color: white;
    border-bottom: solid 1px #ffffff55;
}

.phone a {
    color: inherit;
}

.booking-form .btn-primary {
    margin: 10px auto 30px auto;
}

.callFloat {
    position: fixed;
    left: 15px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    z-index: 100;
    background: #202129;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    box-shadow: 0 0 5px rgba(255, 255, 255);
}

.callFloat img {
    width:30px;
    position:relative;
    left:-2px;
}

.bookNowFloat {
    position: fixed;
    left: 15px;
    bottom: 80px;
    width: 45px;
    height: 45px;
    z-index: 100;
    background: #202129;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    box-shadow: 0 0 5px rgba(255, 255, 255);
}


.bookNowFloat img {
    width: 30px;
    position:relative;
    left:-1px;
}


.logo-voucher {
    width: 130px !important;
}


.output-wrapper {
    text-align: center;
    margin-top: 32px;
}

.bookingInfo .imageWrapp{
    border-radius:16px;
    overflow:hidden;
}

.bookingInfo {
    padding:30px 40px;
}

.basicInfo{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:10%;
}

.basicInfo h1 {
    border-bottom: 4px solid #256D9D;
    padding-bottom:20px;
    margin-bottom:30px;
    width:fit-content;
}

.basicInfo ul li{
    margin-bottom:10px;
    font-size:20px;
}

.paymentCards{
    margin-top:15px;
}

.paymentCards img {
    width: 40px;
    margin-right: 10px;
    margin-bottom:5px;
}


.bookingInfo .btn-primary{
    margin: 0;
}

/*#ctl00_output {
    padding: 0 25px 25px 25px;
}*/

table.container, .table.container row {
    width: 100% !important;
}

table.container .villa-img{
    width:unset !important;
}

table.container .villa-img img{
    max-width:260px;
    width:100%;
    height:auto;
}

.output-wrapper table.container {
    text-align: left;
}

.effortless-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.effortless-item {
    width: 48%;
    margin-bottom: 20px;
    padding: 50px;
    border: solid 1px #ccc;
    border-radius: 16px;
    position: relative;
    border-top: 5px solid #b5ccd5;
    border-right: 5px solid #b5ccd5;
    word-break: break-word;
}

.effortless-item h3 {
    color: #256d9d;
    width: calc(100% - 120px);
    font-weight: bold;
    border-bottom: 2px solid #256d9d;
    padding-bottom:15px;
}

.effortless-item img {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 80px;
}

ul.nav-tabs-rate > li {
    display: inline-block;
}


ul.nav-tabs-rate > li > a {
    border: 0;
    border-radius: 0;
    font-size: 20px;
    color: #616161;
    padding-left: 0;
    padding-right: 0;
    margin: 0 20px;
    font-weight: 600;
    transition: all .3s ease-out;
}

ul.nav-tabs-rate > li.active > a,
ul.nav-tabs-rate > li.active > a:hover,
ul.nav-tabs-rate > li.active > a:focus,
ul.nav-tabs-rate > li.active > a:active,
ul.nav-tabs-rate > li > a:hover,
ul.nav-tabs-rate > li > a:focus,
ul.nav-tabs-rate > li > a:active {
    border: 0;
    color: #256d9d;
    border-bottom: 1px solid #256d9d;
    background: transparent;
}


.btn-review-submit {
    margin-top: 30px;
}

.img_responsive,
.imgresponsive {
    max-width: 100% !important;
    max-height: 100% !important;
}

.reviews-home {
    position: relative;
    max-width: 1660px;
    margin: 0 auto;
    background: #fff;
    padding: 0 30px 70px 30px;
}

.container.lock-plugin .calendar > .days-grid > .day.not-available {
    font-style: normal;
}

.find-perfect-villa .container {
    overflow-x: hidden;
}

.effortless-booking {
    margin: 0 0 150px 0;
}

.effortless-booking .textBox {
    padding: 30px 0 30px 30px;
}

.effortless-booking-inner {
    display: flex;
    position: relative;
    margin-bottom: -60px;
}

.effortless-booking-inner .bg-box {
    max-height: 100%;
    bottom: auto;
}

.reviews-villa .title-sec {
    margin-bottom: 20px;
}

/* partner with us */
.vs-btn {
    position: fixed;
    bottom: 0;
    right: -330px;
    width: 320px;
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
    font-family: 'Fraunce';
    font-size: 22px;
    z-index: 100001;
    text-align: center;
    transform: none;
    transition: 0.2s all ease-in-out;
}

.pushy-open-left .vs-btn {
    right: 0;
}

.vs-btn:hover,
.vs-btn:focus,
.vs-btn:active,
.vs-btn:visited {
    color: #fff;
}

.vsc-links-wrap {
    margin-top: 30px;
}

.vs-why > .container,
.vs-contact > .container {
    padding: 60px 15px;
}

.vs-hero {
    color: #fff;
    padding: 35px 0;
    text-align: center;
}

.vs-title {
    font-family: 'Fraunce';
    position: relative;
    font-size: 39px;
    font-weight: 400;
    padding: 0 0 20px;
    margin: 0 0 50px;
    color: #25292E;
    text-align: center;
}

.vs-title:after {
    content: "";
    width: 42px;
    height: 1px;
    background-color: #25292E;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -21px;
}

.vs-subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #676767;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.vs-title + .vs-subtitle {
    margin-top: -25px;
}

.vs-hero .vs-title {
    color: #fff;
    margin: 0 0 20px;
}

.vsh-description {
    font-size: 18px;
    color: #D1D1D1;
}

.vsh-btn-wrap {
    text-align: center;
    margin-top: 40px;
}

.vsh-btn {
    display: block;
    vertical-align: middle;
    position: relative;
    border-radius: 8px;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    padding: 10px 30px;
    min-width: 180px;
    width: fit-content;
    font-size: 18px;
    font-weight: 400;
    margin: 15px auto 30px auto;
    transition: 0.3s all ease-in-out;
    text-align: center;
    border: 1px solid #ffffff;
    text-transform: uppercase;
}

.vsh-btn:focus,
.vsh-btn:active,
.vsh-btn:visited,
.vsh-btn:hover {
    transform: scale(1.15);
}

.vs-testimonials {
    background: rgb(203,203,203);
    background: -moz-linear-gradient(top, rgba(203,203,203,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(203,203,203,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(203,203,203,1) 0%,rgba(255,255,255,1) 100%);
}

.vst-cols {
    display: table;
    width: 100%;
}

.vst-col {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 0 10px;
}

.vst-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.vst-video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.vst-label {
    font-size: 14px;
    font-weight: 500;
    color: #262626;
    text-transform: uppercase;
    margin-top: 15px;
}

.vst-label > a {
    font-weight: 700;
    color: #1176C9;
    text-decoration: underline;
}

.vst-label > a:focus,
.vst-label > a:active,
.vst-label > a:visited {
    color: #1176C9;
}

.vst-label-location:before {
    content: "";
    display: inline-block;
    background: url("../img/vs-pin.svg") no-repeat center;
    background-size: cover;
    width: 14px;
    height: 22px;
    margin-top: -4px;
    margin-right: 15px;
    vertical-align: middle;
}

.vst-quote {
    font-size: 24px;
    color: #000;
    line-height: 1.34615;
    font-family: 'playfair_displayregular';
    margin-top: 20px;
}

.vst-quote:before {
    content: "";
    display: block;
    width: 42px;
    height: 36px;
    margin-bottom: 20px;
    background: url("../img/vs-quote.svg") no-repeat center;
    background-size: cover;
}

.vst-quote b,
.vst-quote strong {
    font-weight: 400;
    font-family: 'playfair_displaybold';
}

.vst-slider > .vst-slide + .vst-slide {
    display: none;
}

.vst-slide {
    outline: none;
}

.vst-slider .slick-arrow {
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #1C1F23;
    opacity: .5;
    z-index: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.vs-container {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 15px;
}

.vsn-intro {
    font-size: 18px;
    color: #000000;
    line-height: 1.4444;
}

.vsn-features {
    margin-top: 30px;
}

.vsnf-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    color: #000;
    text-transform: uppercase;
}

.vsnf-cols {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: -30px -15px 0;
}

.vsnf-col {
    width: 50%;
    margin-top: 75px;
    padding: 0 15px;
}

.vsnfc-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 12px 0 0;
    text-transform: uppercase;
}

.vs-why {
    color: #25292E;
}

.vsw-cols {
    margin: 0 -15px;
}

.vsw-cols:after {
    content: "";
    display: table;
    clear: both;
}

.vsw-col {
    float: left;
    width: 50%;
    padding: 0 15px;
}

.vsw-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.vsw-list > li {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    padding-left: 36px;
}

.vsw-list > li + li {
    margin-top: 44px;
}

.vsw-list > li:before {
    content: "";
    width: 18px;
    height: 17px;
    background: url("../img/vs-star.svg") no-repeat center;
    background-size: cover;
    position: absolute;
    top: 1px;
    left: 0;
}

.vsw-img {
    width: 100%;
    border-radius: 5px;
}

.vsw-img + .vsw-img {
    margin-top: 30px;
}


.vsc-links-wrap {
    margin-top: 30px;
}

.vsc-links {
    margin: 0;
    list-style-type: none;
    padding: 0;
    text-align: center;
}

.vsc-links > li {
    display: inline-block;
}

.vsc-links > li + li {
    margin-left: 75px;
}

.vsc-links > li > a {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.vsc-links > li > a > img,
.vsc-links > li > a > span {
    vertical-align: middle;
}

.vsc-links > li > a > img {
    margin-right: 20px;
}

.vsc-main {
    margin-top: 45px;
}

.vs-banner {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    height: 325px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    margin-top: 25px;
    padding: 0 85px;
}

.vs-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
}

.vsb-txt {
    position: relative;
    float: right;
    text-align: center;
}

.vsb-description {
    font-size: 22px;
    line-height: 1.6;
    color: #fff;
}

.vsb-description b {
    font-weight: 600;
}

.gdc-container {
    z-index: 10001 !important;
    border-radius: 12px 0 0 0;
}

#gdc-accept-all,
.gdc-button {
    border-color: #25adef;
    color: #25adef;
}

#gdc-accept-all:hover,
.gdc-button:hover {
    background-color: #ffda00;
    border-color: #ffda00;
    color: #000;
}

.gdc-description a {
    color: #25adef;
}

.gdc-description a:hover {
    color: #ffda00;
}

.gdc-smallTxt-splitter {
    border-bottom: solid 1px #505264;
    margin: 10px 0;
}

.gdc-options input[type=checkbox] + label:before {
    border-radius: 4px;
}