.slider-wrapper {
     position: relative;
     height: 101vh;
}
 .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;
}
 .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: 10px;
}
 .slick-dots li {
     margin: 0 1px;
}
 .slider-wrapper .slick-dots li button:before {
     opacity: 0.6;
     color: #fff;
}
 .slider-wrapper .slick-dots li.slick-active button:before {
     opacity: 1;
     color: #fff;
}
 .daterangepicker.dropdown-menu {
     z-index: 100000;
}
 .big-gradient {
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 71%, rgba(0, 0, 0, 0.95) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 71%, rgba(0, 0, 0, 0.95) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 71%, rgba(0, 0, 0, 0.95) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000',GradientType=0);
    /* IE6-9 */
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 280px;
}
 .title-search {
     font-size: 44px;
     color: #fff;
     font-weight: bold;
     text-align: center;
     top: 15px;
     position: relative;
     text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
 .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);
}
/* END FORM */
 .main-search.ville {
     top: 265px;
     bottom: auto;
}
/* SLIDER HOME BIG */
 .slider_wrapper {
     position: relative;
}
 .place-slider {
     font-size: 15px;
     color: #fff;
     text-transform: uppercase;
     display: block;
}
 .villa-name-slider {
     font-size: 24px;
     color: #fff;
     font-weight: bold;
     transition: all 0.4s ease;
     display: block;
}
 .slider-home-txt {
     position: absolute;
     z-index: 100;
     right: 30px;
     top: 20%;
     padding: 20px;
     width: 315px;
     color: #fff;
     text-align: right;
     text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
     display: block;
}
 .slider-home-txt:hover span {
     color: #92d2ff !important;
     transition: all 0.4s ease;
}
 .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 .slick-prev.slick-arrow {
     position: absolute;
     z-index: 10;
     top: 50%;
     left: 40px;
     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: "\f3cf";
     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: 40px;
     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: "\f3d1";
     font-family: "Ionicons";
     font-size: 30px;
     color: #000;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: 0;
     margin-left: -6px;
     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: visible;
}
 .slider-villas .slide {
     padding: 0 30px;
     opacity: 0.5;
     z-index: 1;
     position: relative;
}
 .slider-villas.no-opacity .slide {
     opacity: 1;
}
 .slick-current > div > div {
     opacity: 1 !important;
}
 .slider-villas .slide:hover .title-villa-slider, .slider-villas .slide:hover .place-villa-slider, .slider-villas .slide:hover .beds-villa-slider {
     color: #0076c8;
     transition: all 0.4s ease;
}
/* .slider-villas .slide.slick-slide.slick-current.slick-active.slick-center {
     transform: scale(1.5);
     opacity: 1;
     z-index: 99999 !important;
}
 */
 .slider-villas .slick-current {
     transform: scale(1.5);
     opacity: 1 !important;
     z-index: 99999 !important;
}
 .title-villa-slider {
     color: #000;
     font-size: 20px;
     font-weight: bold;
     margin-top: 15px;
}
 .place-villa-slider {
     color: #515151;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 500;
}
 .slider-villas-txt {
     position: relative;
}
/* .slider-villas .slide.slick-slide.slick-current.slick-active.slick-center .slider-villas-txt {
     padding: 0;
     transform: scale(0.7);
     margin-left: -25px;
}
 .slider-villas .slide.slick-slide.slick-current.slick-active.slick-center .title-villa-slider {
     margin-top: 0;
}
 .slider-villas .slide.slick-slide.slick-current.slick-active.slick-center .boxshadow {
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
     background-color: #fff;
}
 */
 .slider-villas .slick-current .slider-villas-txt {
     padding: 0;
     transform: scale(0.7);
     margin-left: -25px;
}
 .slider-villas .slick-current .title-villa-slider {
     margin-top: 0;
}
 .slider-villas .slick-current .boxshadow {
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
     background-color: #fff;
}
 .boxshadow {
     position: relative;
}
 .slider-villas .slick-list {
     overflow: visible;
}
 .slider-villas .slide .slider-villas-img {
     height: auto;
     background-size: cover;
     overflow: hidden;
}
 .slider-villas .slide .slider-villas-img img {
     width: 100%;
     height: auto;
}
 .tab-pane.slider {
     overflow: hidden;
     padding: 80px 0;
     padding-bottom: 40px;
}
 .slider-villas .slick-prev.slick-arrow {
     position: absolute;
     z-index: 10;
     top: 50%;
     left: 10px;
     width: 53px;
     height: 53px;
     margin-top: -10px;
     border: 0;
     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: "\f3cf";
     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: 10;
     top: 50%;
     right: 10px;
     width: 53px;
     height: 53px;
     margin-top: -10px;
     border: 0;
     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 {
     opacity: 0.5;
     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: "";
}
/* 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 i {
     color: #fff;
     font-size: 40px;
}
 .content-holder {
     background: #22262b;
    /* Old browsers */
     background: -moz-linear-gradient(top, rgba(34, 38, 43, 1) 0%, rgba(55, 62, 71, 1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(34, 38, 43, 1) 0%, rgba(55, 62, 71, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(34, 38, 43, 1) 0%, rgba(55, 62, 71, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22262b', endColorstr='#373e47',GradientType=0);
    /* IE6-9 */
     -webkit-transition: -webkit-filter 0.1s;
     transition: -webkit-filter 0.1s;
     -o-transition: filter 0.1s;
     transition: filter 0.1s;
     transition: filter 0.1s, -webkit-filter 0.1s;
}
/* 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: bold;
     text-align: center;
     font-size: 36px;
     margin-bottom: 15px;
     margin-top: 80px;
}
 h2.subtitle-confidence {
     color: #e0d9d9;
     font-weight: 300;
     text-align: center;
     font-size: 20px;
     margin-bottom: 40px;
}
 .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: 'Poppins';
     color: #fff;
     font-weight: normal;
     position: relative;
     top: -10px;
     display: block;
}
 .section {
     width: 1546px;
     margin: 0 auto;
     padding: 80px 0;
}
 .section.destinations {
     background-color: #fff;
     position: relative;
}
 .section.destinations.dark {
     background-color: #dedede;
}
 .top {
     position: relative;
     height: 100vh;
     top: 0 !important;
}
 .destinations .nav-tabs {
     border: 0;
     text-align: center;
}
 .destinations .nav-tabs > li {
     display: inline-block;
     float: none;
}
 .destinations .nav-tabs > li > a {
     border: 0;
     border-radius: 0;
     font-family: 'playfair_displaybold';
     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: #2a3036;
     border-bottom: 2px solid #2a3036;
     background: transparent;
}
 .destinations .nav > li > a:hover, .nav > li > a:focus {
     background: transparent;
}
 .destinations .tab-content {
     margin-top: 40px;
}
 .section.guide {
     background: #14181a;
    /* Old browsers */
     background: -moz-linear-gradient(top, rgba(20, 24, 26, 1) 0%, rgba(27, 31, 34, 1) 10%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(20, 24, 26, 1) 0%, rgba(27, 31, 34, 1) 10%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(20, 24, 26, 1) 0%, rgba(27, 31, 34, 1) 10%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14181a', endColorstr='#1b1f22',GradientType=0);
    /* IE6-9 */
     position: relative;
}
 .section.story {
     background: #cacaca;
    /* 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;
}
 .section.story.reviewsdiv {
     background: #fff;
}
 .title-sec {
     font-size: 44px;
     line-height: 50px;
     font-family: 'playfair_displaybold';
     text-align: center;
}
 .title-sec span {
     width: 50px;
     height: 1px;
     background-color: #666;
     margin: 20px auto;
     display: block;
}
 .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: 16px;
     color: #666;
     font-weight: 600;
     text-transform: uppercase;
     text-align: center;
     margin-bottom: 40px;
}
 .sub-title.white {
     color: #9b9c9d;
}
 a.guide {
     width: 20%;
     float: left;
     height: 465px;
     position: relative;
     transform: scale(1);
     transition: all 0.4s ease;
     overflow: hidden;
}
 a.guide .gradient {
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000',GradientType=0);
    /* IE6-9 */
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 30px;
     height: 150px;
     display: block;
}
 a.guide .title-guide {
     position: absolute;
     bottom: 100px;
     left: 30px;
     color: #fff;
     font-size: 20px;
     font-weight: bold;
     width: 100%;
     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;
}
 a.guide.sights {
     background-image: url(../img/sights.jpg?preset=preset60);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 a.guide.restaurants {
     background-image: url(../img/restaurants.jpg?preset=preset60);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 a.guide.activities {
     background-image: url(../img/activities.jpg?preset=preset60);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 a.guide.events {
     background-image: url(../img/events.jpg?preset=preset60);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 a.guide.travel {
     background-image: url(../img/travel.jpg?preset=preset60);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
 a.guide:hover {
     transform: scale(1.1);
     -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);
     z-index: 20;
}
 a.guide:hover .gradient {
     background: -moz-linear-gradient(top, rgba(2, 64, 145, 0) 0%, rgba(2, 64, 145, 0.6) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(2, 64, 145, 0) 0%, rgba(2, 64, 145, 0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(2, 64, 145, 0) 0%, rgba(2, 64, 145, 0.6) 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;
}
 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;
}
 a.guide:hover span.title-guide {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .text-holder {
     text-align: center;
     font-size: 16px;
     font-weight: 500;
     line-height: 26px;
     margin-bottom: 40px;
}
 .text-holder.lefttxt {
     text-align: left;
}
 .eyecatcher {
     color: #707070;
     font-size: 42px;
     line-height: 50px;
     font-family: 'Poppins';
     float: right;
     width: 35%;
     padding: 50px;
}
 .icons-story {
     border-top: 1px solid #d3d3d3;
     border-bottom: 1px solid #d3d3d3;
     padding: 40px 0;
     margin-bottom: 120px;
}
 .icon-story {
     margin: 0 auto;
     display: block;
     width: 110px;
}
 .icon-story:hover {
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-name: Floating;
     animation-timing-function: ease-in-out;
}
 .title-icons {
     text-align: center;
     margin-top: 15px;
     color: #575757;
     font-size: 15px;
     font-weight: bold;
     display: block;
}
 .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;
}
 .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.submit {
     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 #fff;
     padding: 10px 30px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     position: relative;
     top: 150px;
     width: 188px;
}
 .btn.submit.drugi {
     margin-left: 20px;
}
 .btn.submit: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;
}
 .btn.submit:hover, .btn.submit:focus, .btn.submit:active {
     color: #000;
}
 .btn.submit:hover:before, .btn.submit:focus:before, .btn.submit:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
 .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;
}
 .footer {
     margin-top: 50px;
     color: #fff;
     text-align: center;
     padding-bottom: 50px;
}
 .footer a {
     color: #fff;
}
 .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: 40px 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;
}
 a.owner {
     font-size: 12px;
     text-transform: uppercase;
     color: #ddd;
     font-weight: bold;
}
/* MOZAIK */
 .pad0 {
     padding: 0;
     margin: 0;
}
 .mar0 {
     margin: 0;
}
 .mozaik {
     position: relative;
}
 .gradient {
     background-image: url(../img/gradient-white-2.png);
     background-repeat: repeat-x;
     background-position: center;
     background-size: 100% 257px;
     height: 257px;
     width: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 11;
}
 .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);
}
 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;
}
 .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: #fefefe;
    /* 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+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#b5b5b5',GradientType=0);
    /* IE6-9 */
     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: -1s;
     animation-delay: -1s;
}
 @-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 0.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(0.74, 0.74, 0.64, 1.41);
     animation: rotation1 16s infinite cubic-bezier(0.74, 0.74, 0.64, 1.41);
}
 .pl-circle.small {
     width: 86%;
     height: 86%;
     margin: -43% 0 0 -43%;
     -webkit-animation: rotation2 8s infinite cubic-bezier(0.74, 0.74, 0.64, 1.41);
     animation: rotation2 8s infinite cubic-bezier(0.74, 0.74, 0.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);
         opacity: 0.75;
    }
     50% {
         -webkit-transform: scale(1.06);
         opacity: 1;
    }
     to {
         -webkit-transform: scale(1);
         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: 'playfair_displaybold';
}
 .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 {
     50% {
         -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
     75% {
         -webkit-transform: translateZ(-372.5px) rotateY(15deg);
         opacity: 0.5;
    }
     100% {
         -webkit-transform: translateZ(-500px) rotateY(0deg);
         opacity: 0;
    }
}
 @-webkit-keyframes MenuAnimOut2 {
     100% {
         -webkit-transform: translateX(-100%);
         opacity: 0;
    }
}
 @-webkit-keyframes MenuAnimOut3 {
     100% {
         -webkit-transform: translateZ(300px);
         opacity: 0;
    }
}
 @-webkit-keyframes MenuAnimOut4 {
     100% {
         -webkit-transform: translateZ(-300px);
         opacity: 0;
    }
}
 @-webkit-keyframes MenuAnimOut5 {
     100% {
         -webkit-transform: translateY(40%);
         opacity: 0;
    }
}
 @keyframes MenuAnimOut1 {
     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: 0.5;
    }
     100% {
         -webkit-transform: translateZ(-500px) rotateY(0deg);
         transform: translateZ(-500px) rotateY(0deg);
         opacity: 0;
    }
}
 @keyframes MenuAnimOut2 {
     100% {
         -webkit-transform: translateX(-100%);
         transform: translateX(-100%);
         opacity: 0;
    }
}
 @keyframes MenuAnimOut3 {
     100% {
         -webkit-transform: translateZ(300px);
         transform: translateZ(300px);
         opacity: 0;
    }
}
 @keyframes MenuAnimOut4 {
     100% {
         -webkit-transform: translateZ(-300px);
         transform: translateZ(-300px);
         opacity: 0;
    }
}
 @keyframes MenuAnimOut5 {
     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;
}
/* PUSHY */
 .pushy-left {
     transform: translate3d(-330px, 0, 0);
     -webkit-transform: translate3d(-330px, 0, 0);
}
 .pushy-open-left #container, .pushy-open-left .push {
     transform: translate3d(330px, 0, 0);
     -webkit-transform: translate3d(330px, 0, 0);
}
 .pushy-right {
     transform: translate3d(330px, 0, 0);
     -webkit-transform: translate3d(330px, 0, 0);
}
 .pushy-open-right #container, .pushy-open-right .push {
     transform: translate3d(-330px, 0, 0);
     -webkit-transform: translate3d(-330px, 0, 0);
}
/*.pushy-left {
     transform: translate3d(-1000px,0,0);
}
 .pushy-open-left #container, .pushy-open-left .push {
     transform: translate3d(1000px, 0, 0);
     -webkit-transform: translate3d(1000px, 0, 0);
}
 .pushy-right {
     transform: translate3d(1000px, 0, 0);
     -webkit-transform: translate3d(1000px, 0, 0);
}
 .pushy-open-right #container, .pushy-open-right .push {
     transform: translate3d(-1000px, 0, 0);
     -webkit-transform: translate3d(-1000px, 0, 0);
}
 */
 .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;
}
 .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: 15px;
     padding-right: 15px;
     font-size: 22px;
     cursor: pointer;
     color: #000;
     font-family: 'Poppins';
}
 .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: #f00;
}
 .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 0.3s;
     transition: transform 0.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: 15px;
     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: #fff;
     opacity: 1 !important;
}
 .form-holder-search input.input::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff;
     opacity: 1 !important;
}
 .form-holder-search input.input:-ms-input-placeholder {
    /* IE 10+ */
     color: #fff;
     opacity: 1 !important;
}
 .form-holder-search input.input:-moz-placeholder {
    /* Firefox 18- */
     color: #fff;
     opacity: 1 !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.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: #fc0;
     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: 'playfair_displaybold';
     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 0.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: #006cb8;
    /* 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+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006cb8', endColorstr='#0087e4',GradientType=0);
    /* IE6-9 */
     -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 0.5s ease-in;
}
 .trakica-grey {
     background: #cdcdcd;
    /* 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+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcdcd', endColorstr='#dedede',GradientType=0);
    /* IE6-9 */
     height: 65px;
     margin: 0 auto;
     width: 1546px;
}
 .trakica-white {
     background: #fff;
     height: 65px;
     margin: 0 auto;
     width: 1546px;
}
 a.filters-a {
     color: #0076c8;
     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;
}
 a.filters-a:hover {
     color: #0763ac;
}
 .showing {
     float: left;
     font-weight: 600;
     color: #333;
}
 .holder-filteri-site {
     margin-bottom: 30px;
}
 .form-holder-sort {
     float: right;
}
 .form-holder-sort .btn-default {
     background-color: transparent;
     border: 0;
}
 .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: 11px;
     background-color: #b9d4e6;
     padding: 1px 6px;
     text-align: center;
     color: #3a454c;
     font-weight: bold;
     border-radius: 5px;
     display: inline-block;
     margin: 0 3px;
     cursor: pointer;
}
 .filter i {
     cursor: pointer;
}
 a.map-view-a {
     color: #3f3f3f;
     font-size: 15px;
     font-weight: bold;
     display: inline-block;
     float: right;
     margin-top: 22px;
     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: #3f3f3f;
     font-size: 15px;
     font-weight: bold;
     display: inline-block;
     float: right;
     margin-top: 22px;
}
 a.favorites-a i {
     color: #d00;
     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 0.3s ease-out;
     transition: all 0.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: #fff;
}
 .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: 2.9%;
     position: relative;
    /*cursor: pointer;
    */
}
 .opis-villa-wrapper {
     cursor: pointer;
}
 a.title-villa-a, span.title-villa-a {
     font-weight: bold;
     color: #191a1b;
     font-size: 20px;
     display: block;
     margin-top: 33px;
}
 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: #0076c8;
     font-weight: 600;
}
 .price-villa span.akcija {
     color: #ac0101;
}
 a.add-to-favorite {
     position: absolute;
     right: 0;
     top: 22px;
     color: #d00;
     font-size: 22px;
}
 a.remove-from-favorite {
     position: absolute;
     right: 0;
     top: 22px;
     color: #202020;
     font-size: 20px;
}
 .viewed {
     font-size: 12px;
     padding: 3px 5px;
     color: #fff !important;
     background-color: #666;
     position: absolute;
     font-weight: bold;
     right: 40px;
     top: 26px;
}
 a.viewed:visited {
     color: #fff;
}
 .viewed i {
     margin-right: 5px;
     font-size: 14px;
     color: #fff;
}
 .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;
}
 .shadow-villa img {
     margin: 0 auto;
     width: 1140px;
     bottom: 0;
     left: 50%;
     position: absolute;
     margin-left: -570px;
     overflow: hidden;
}
/* SLIDER VILLA */
 .villa-slider-holder {
     height: 230px;
     width: 67%;
     float: right;
}
 .villa-slider, .villa-slider-future {
     height: 230px;
}
 .villa-slider .slide, .villa-slider-future .slide {
     height: 230px;
     background-size: cover;
}
 .villa-slider .slide img, .villa-slider-future .slide img {
     width: 100%;
}
 .villa-slider .slick-prev.slick-arrow, .villa-slider-future .slick-prev.slick-arrow {
     position: absolute;
     z-index: 10;
     top: 80%;
     left: 10px;
     width: 53px;
     height: 53px;
     margin-top: 0;
     border: 0;
     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;
}
 .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: 80%;
     right: 10px;
     width: 53px;
     height: 53px;
     margin-top: 0;
     border: 0;
     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;
}
 .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 0;
     text-align: left;
     float: 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 .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, 0.95);
     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%;
}
 .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;
     width: 15%;
     float: left;
}
 .filter-row-holder {
     float: left;
     width: 25%;
}
 .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: #1b1f22;
     border: 1px solid #1b1f22;
     padding: 10px 30px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     margin-left: 10px;
     background: #fff;
}
 a.reset-filters:hover, a.reset-filters:focus, a.reset-filters:active {
     color: #fff;
     background-color: #1b1f22;
}
 .gumbi-filters {
     display: inline-block;
     position: fixed;
     bottom: 30px;
     left: 0;
     right: 0;
     text-align: center;
     white-space: nowrap;
}
 .submit-filters {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     border-radius: 20px;
     color: #fff;
     border: 1px solid #0076c8;
     background-color: #0076c8;
     padding: 10px 30px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     opacity: 1;
}
 .submit-filters[disabled] {
     opacity: 0.5;
     cursor: no-drop;
}
 .submit-filters:hover, .submit-filters:focus, .submit-filters:active {
     color: #fff;
     background-color: #004676;
}
 .submit-filters[disabled] {
     opacity: 0.5;
     cursor: no-drop;
}
 .category-slika-wrapper .main-search {
     bottom: 40px;
}
 .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 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
     background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff', endColorstr='#1a000000',GradientType=0);
    /* IE6-9 */
     -webkit-box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.45);
     -moz-box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.45);
     box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.45);
     padding: 45px 0 45px 45px;
     bottom: 0;
     position: absolute;
     left: 50%;
     margin-left: -773px;
     width: 1546px;
     z-index: 11;
     color: #fff;
     pointer-events: all;
}
 .villa-name {
     font-size: 34px;
     font-family: 'Poppins';
}
 .villa-name-booking {
     font-size: 48px;
     font-family: 'Poppins';
     position: absolute;
     top: 45%;
     left: 50%;
     margin-left: -250px;
     text-align: center;
     width: 500px;
     color: #fff;
     z-index: 5;
}
 .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: 'Poppins';
     float: left;
     font-size: 18px;
     margin-right: 50px;
}
 .villa-infos ul li {
     margin-bottom: 20px;
}
 a.add-to-fav i {
     color: #f00;
     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;
}
 .villa-menu ul li {
     display: inline-block;
     padding: 20px 30px;
}
 .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 #fff;
}
 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: gray;
     filter: grayscale(100%);
    /*filter: url(desaturate.svg#greyscale);
    */
}
 .magnific-gallery a:hover, .magnific-gallery a:hover img {
     transition: all 0.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;
     -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;
     border: 1px solid #fff;
     padding: 10px 30px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     top: 150px;
     left: 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: #1b1f22;
}
 a.btn.showmore.white:hover:before, a.btn.showmore.white:focus:before, a.btn.showmore.white:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
/* GALERIJA END */
 .villa-gmap {
     margin-bottom: 40px;
}
 .title-distance {
     font-size: 18px;
     color: #373e47;
     text-transform: uppercase;
     font-weight: bold;
}
 ul.distance-ul {
     margin: 0;
     padding: 0;
     padding-left: 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: #0087e5;
     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;
}
 .review-rating {
     margin-top: 20px;
}
 .review-data {
     color: #515151;
     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: #363d46;
     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);
     margin-bottom: 40px;
}
 .title-selection {
     font-size: 26px;
     font-family: 'playfair_displaybold';
     display: table-cell;
     vertical-align: middle;
}
 .title-selection span {
     font-size: 16px;
     display: block;
}
 .selection-box-data {
     font-size: 14px;
     font-weight: bold;
     display: table-cell;
     vertical-align: middle;
     text-align: left;
}
 .selection-box-data p {
     text-transform: lowercase;
     text-align: left;
     display: none;
}
 .reset-book {
     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;
}
 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: 0;
     color: #fff;
     background-color: #04a800;
     padding: 5px 10px;
     width:90px;
     font-size: 12px;
     font-weight: bold;
     text-transform: uppercase;
}
 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 {
     color: #fff;
}
 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;
     -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: #0087e5;
     background-color: transparent;
     border: 1px solid #0087e5;
     padding: 10px 30px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     margin-right: 15px;
}
 a.btn-all-rates:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #0087e5;
     -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-all-rates:hover, a.btn-all-rates:focus, a.btn-all-rates:active {
     color: #fff;
}
 a.btn-all-rates:hover:before, a.btn-all-rates:focus:before, a.btn-all-rates:active:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
 .btn-holder-selection {
     float: left;
}
 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: 5px 6px;
     width:90px;
     font-size: 12px;
     font-weight: bold;
     text-transform: uppercase;
}
 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 {
     color: #363d46;
}
 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;
     margin-top: 40px;
     font-size: 14px;
     text-align: center;
}
 .need-help-call {
     float: right;
     color: #363d46;
     font-size: 24px;
     margin-top: 5px;
}
 .need-help-call a {
     color: #363d46;
}
/* FACILITIES */
 .facilities-row {
     border-bottom: 1px solid #515456;
     padding: 30px 0 25px 0;
}
 .facilities-row-not-visible {
     display: none;
}
 .facilities-row-visible {
     display: block;
}
 .facilities-row:first-of-type {
     border-top: 1px solid #515456;
}
 .labela-facilities {
     font-weight: bold;
     font-size: 14px;
     text-transform: uppercase;
     color: #fff;
     width: 15%;
     float: left;
}
 .facilities-data-holder {
     float: left;
     width: 85%;
}
 .facilities-row-holder {
     float: left;
     width: 25%;
     padding-right: 2.5%;
     color: #fff;
     margin-bottom: 20px;
}
 .facilities-row-holder i {
     font-size: 26px;
     margin-right: 5px;
}
 .ico-holder {
     position: relative;
     padding-left: 19px;
}
 .ico-holder::before {
     content: "\f383";
     font-family: "Ionicons";
     left: 0;
     top: 0;
     position: absolute;
     color: #fff;
}
 .facilities-label {
     float: left;
     font-weight: 500;
     color: #fff;
}
 .facilities-row-holder.big {
     width: 50%;
}
 .extras {
     color: #6eb3f9;
     font-size: 14px;
     font-style: italic;
}
/* FACILITIES END */
 .big-gradient.vila {
     height: 320px;
     z-index: 1;
}
 .holder_review {
     margin-bottom: 20px;
}
 .review-form {
     margin: 40px 0;
     display: none;
}
 .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;
}
 .review-form .form-control.textarea {
     border: 1px solid #ccc;
     min-height: 200px;
}
 .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;
}
 .booking-data {
     margin-top: 10px;
}
 .booking-data > div {
     font-size: 16px;
     font-weight: bold;
     color: #fff;
     float: left;
     margin-left: 45px;
}
 .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: #fff;
     text-align: right;
}
 .main-villa-content.booking {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0086e3+0,0086e3+100&0.7+0,1+100 */
     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+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30086e3', endColorstr='#0086e3',GradientType=0);
    /* IE6-9 */
     padding: 30px;
}
 .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;
}
 .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 .btn-default {
     border-radius: 0;
}
 .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: #fff;
     background-color: #0087e5;
     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: #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.continue-btn:hover, a.continue-btn:focus, a.continue-btn:active, input.continue-btn:hover, input.continue-btn:focus, input.continue-btn:active {
     color: #fff;
}
 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: 'Poppins';
}
 .section-title-booking {
     font-size: 22px;
     font-weight: bold;
     margin-bottom: 20px;
}
 .data-booking-details {
     font-weight: 300;
     color: #333;
     font-size: 16px;
     margin-bottom: 10px;
}
 .data-booking-details div {
     float: left;
     margin-right: 10px;
     font-weight: 600;
     color: #333;
}
 .data-booking-details div.clear {
     float: none;
     margin-right: 0;
}
 .inner-section-booking {
     border: 1px solid #ccc;
     margin-bottom: 30px;
     padding: 30px 40px;
}
 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 {
     float: left;
     text-align: left;
}
 .cost-breakdown {
     float: right !important;
     text-align: right !important;
}
 .cost-breakdown.big {
     color: #1f82f2;
     font-size: 22px;
}
 .terms-conditions {
     border-top: 1px solid #ccc;
     margin-top: 30px;
     padding-top: 30px;
     text-align: center;
}
 .terms-conditions a {
     color: #000;
     text-decoration: underline;
}
 .insurance-if {
     margin: 10px 0 20px 0;
}
 .buy-now-via {
     color: #000;
     font-style: italic;
     margin-bottom: 10px;
}
 .buy-now-via.drugi {
     margin-top: 42px;
}
/**/
 .booking-form ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: inline-block;
}
 .booking-form ul li {
     color: #000;
     display: block;
     position: relative;
     float: left;
     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: 15px 25px 21px 30px;
     margin: 5px auto;
     height: 30px;
     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 #aaa;
     border-radius: 100%;
     height: 20px;
     width: 20px;
     top: 21px;
     left: 0;
     z-index: 5;
     transition: border 0.25s linear;
     -webkit-transition: border 0.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 #1f82f2;
}
 .booking-form input[type=radio]:checked ~ .check::before {
     background: #1f82f2;
}
 .booking-form input[type=radio]:checked ~ label {
     color: #1f82f2;
}
 .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;
}
 .filter-row-wrapper {
     float: left;
     width: 83%;
     margin-left: 10px;
}
 .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: 230px;
     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: #0077ca;
     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: #000;
}
 .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: #000;
     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: 0;
     opacity: 0.6;
     -webkit-transition: all 0.12s, border-color 0.08s;
     transition: all 0.12s, border-color 0.08s;
}
 .filter-row input[type="checkbox"]:checked + label:before {
     width: 10px;
     top: -5px;
     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: 26px;
     margin-bottom: 30px;
}
 .contact-txt-bottom {
     font-size: 18px;
     line-height: 26px;
     margin-top: 30px;
}
 .daterangepicker.ltr .ranges {
     float: none;
}
/* booking maja */
 .section.destinations.dark.book {
     background-color: #f1f0f0;
}
 .col-lg-12 {
     position: relative;
}
 .select-date-wrapper {
     display: block;
    /*width: 525px;
    */
     width: 605px;
     margin: 0 auto;
}
 .select-date-wrapper .arrival, .select-date-wrapper .departure {
     display: inline-block;
     position: relative;
}
 .select-date-wrapper .departure {
    /*opacity: 0.5;
    */
}
 .label-booking {
     text-transform: uppercase;
     font-weight: 700;
}
 .holder-arrival, .holder-departure {
     font-size: 12px;
     font-family: 'Raleway', Arial, sans-serif;
     line-height: 95px;
}
 .date-month-wrapper-arrival, .date-month-wrapper-departure {
     display: none;
}
 .date-month {
     font-family: 'Poppins';
     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);
    }
}
 .date-month .date {
     font-size: 48px;
}
 .date-month .month {
     font-size: 20px;
     color: #828282;
}
 .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;
}
 .select-date-wrapper .ion-android-close:before {
     margin-left: 5px;
}
 .select-date-wrapper .ion-ios-arrow-thin-right {
     display: inline-block;
     padding: 0 80px;
     vertical-align: middle;
}
 .select-date-wrapper .ion-ios-arrow-thin-right:before {
     font-size: 58px;
     color: #b1b1b1;
}
 .calendar-wrapper {
     margin: 50px 0 30px 0;
}
 .calendar-wrapper .slick-prev.slick-arrow.slick-disabled, .calendar-wrapper .slick-next.slick-arrow.slick-disabled {
     background-color: transparent;
}
 .calendar-wrapper .slick-prev.slick-arrow {
     position: absolute;
     z-index: 10;
     top: 50%;
     left: -50px;
     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;
}
 .calendar-wrapper .slick-prev.slick-arrow:after {
     content: "\f3cf";
     font-family: "Ionicons";
     font-size: 30px;
     color: #000;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: 0;
     margin-left: -7px;
     z-index: 11;
}
 .calendar-wrapper .slick-next.slick-arrow {
     position: absolute;
     z-index: 10;
     top: 50%;
     right: -50px;
     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;
}
 .calendar-wrapper .slick-next.slick-arrow:after {
     content: "\f3d1";
     font-family: "Ionicons";
     font-size: 30px;
     color: #000;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: 0;
     margin-left: -5px;
     z-index: 11;
}
 .calendar-wrapper .month {
     width: 100%;
     background: #fff;
     text-align: center;
     font-size: 12px;
}
 .qtip {
     font-size: 16px;
}
 table.month {
     border: none !important;
     outline: none !important;
}
 .calendar-wrapper .month th {
     text-align: center;
     background: #d2d2d2;
     padding: 8px 0;
}
 .calendar-wrapper .month td {
     border: 1px solid #dcdcdc;
     padding: 3px 6px;
}
 .calendar-wrapper .month td.today {
     background: #a1c8e3;
}
 .calendar-wrapper .month td.specialOffer {
     background: #f59898;
     cursor: default;
     color: #787f89;
}
 .calendar-wrapper .month td.specialOffer {
     background: #fadd6a;
}
 .calendar-wrapper .month td.specialOffer-end {
     background: #fadd6a;
     background-image: -webkit-linear-gradient(-50deg, #fadd6a 51%, #fff 50%);
     background-image: -moz-linear-gradient(-50deg, #fadd6a 51%, #fff 50%);
     background-image: -o-linear-gradient(-50deg, #fadd6a 51%, #fff 50%);
     background-image: -ms-linear-gradient(-50deg, #fadd6a 51%, #fff 50%);
}
 .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;
     background-image: -ms-linear-gradient(-50deg, #fadd6a 51%, #f59898 50%) !important;
}
 .calendar-wrapper .month td.specialOffer-start {
     background-image: -webkit-linear-gradient(-50deg, #fff 51%, #fadd6a 50%);
     background-image: -moz-linear-gradient(-50deg, #fff 51%, #fadd6a 50%);
     background-image: -o-linear-gradient(-50deg, #fff 51%, #fadd6a 50%);
     background-image: -ms-linear-gradient(-50deg, #fff 51%, #fadd6a 50%);
}
 .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;
     background-image: -ms-linear-gradient(-50deg, #f59898 51%, #fadd6a 50%) !important;
}
 .calendar-wrapper .month td.notAvailable {
     background: #f59898;
     cursor: default;
     color: #787f89;
}
 .calendar-wrapper .month td.notAvailable-end {
     background-color: #f59898 !important;
     background-image: -webkit-linear-gradient(-50deg, #f59898 51%, #fff 50%);
     background-image: -moz-linear-gradient(-50deg, #f59898 51%, #fff 50%);
     background-image: -o-linear-gradient(-50deg, #f59898 51%, #fff 50%);
     background-image: -ms-linear-gradient(-50deg, #f59898 51%, #fff 50%);
}
 .calendar-wrapper .month td.notAvailable-start {
     background-color: #f59898;
     background-image: -webkit-linear-gradient(-50deg, #fff 51%, #f59898 50%);
     background-image: -moz-linear-gradient(-50deg, #fff 51%, #f59898 50%);
     background-image: -o-linear-gradient(-50deg, #fff 51%, #f59898 50%);
     background-image: -ms-linear-gradient(-50deg, #fff 51%, #f59898 50%);
}
 .calendar-wrapper .month td.odabraniTermin.end {
     background-color: #84d182 !important;
     background-image: -webkit-linear-gradient(-50deg, #84d182 51%, #fff 50%);
     background-image: -moz-linear-gradient(-50deg, #84d182 51%, #fff 50%);
     background-image: -o-linear-gradient(-50deg, #84d182 51%, #fff 50%);
     background-image: -ms-linear-gradient(-50deg, #84d182 51%, #fff 50%);
}
 .calendar-wrapper .month td.odabraniTermin.start {
     background-color: #84d182 !important;
     background-image: -webkit-linear-gradient(-50deg, #fff 51%, #84d182 50%) !important;
     background-image: -moz-linear-gradient(-50deg, #fff 51%, #84d182 50%) !important;
     background-image: -o-linear-gradient(-50deg, #fff 51%, #84d182 50%) !important;
     background-image: -ms-linear-gradient(-50deg, #fff 51%, #84d182 50%) !important;
}
 .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;
}
 .calendar-wrapper .month td.restricted {
     background-color: rgba(255, 255, 255, 1) !important;
     background-image: none !important;
}
 .calendar-wrapper .month td.restricted b {
     color: rgba(0, 0, 0, .25) !important;
}
 .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;
     */
}
 .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%);
     */
}
 .calendar-wrapper .month td.odabraniTermin {
     background: #84d182 !important;
}
 .calendar-wrapper .month td:hover {
     cursor: pointer;
}
 .calendar-wrapper .month td:first-child {
     border-left: none;
}
 .calendar-wrapper .month td:last-child {
     border-right: none;
}
 .calendar-wrapper .month td {
     position: relative;
}
 .calendar-wrapper .month td.nije-moguce-odabrati {
     color: rgba(0, 0, 0, .4);
}
 .calendar-wrapper .month td.dot::after {
     position: absolute;
     content: "";
     width: 3px;
     height: 3px;
     bottom: 2px;
     background-color: #00cc18;
     z-index: 99999;
     left: 50%;
}
 .calendar-wrapper .month tr:last-child td {
     border-bottom: none;
}
 .calendar-wrapper .month .monthName {
     text-align: center;
     font-weight: 700;
     font-size: 15px;
     padding: 15px 0;
     color: #0087e5;
     border: none;
}
 .calendar-wrapper .item-month {
    display: inline-block;
    margin: 0 12px;
    position: relative;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px 0px #ccc;
    min-width: fit-content;
}
 .date-month.disabled .date {
     color: #828282;
}
 .calendar-wrapper .item-month:last-child {
     margin-right: 0;
}
 .calendar-wrapper .slick-slide > div {
     margin: 0 12px;
}
 .legenda {
     margin: 0 0 30px 0;
}
 .legenda ul {
     padding: 0;
     list-style-type: none;
     text-align: center;
}
 .legenda ul li {
     display: inline-block;
     font-size: 13px;
     font-weight: 600;
     margin-right: 30px;
}
 .legenda ul li:last-child {
     margin-right: 0;
}
 .legenda ul li span {
     width: 18px;
     height: 18px;
     display: block;
     float: left;
     margin-right: 10px;
}
 .legenda ul li span.available {
     background: #fff;
     border: 1px solid #c2c2c2;
}
 .legenda ul li span.possible-arrival {
     background: #a1c8e3;
     border: 1px solid #a1c8e3;
}
 .legenda ul li span.special-offer {
     background: #fadd6a;
     border: 1px solid #fadd6a;
}
 .legenda ul li span.not-available {
     background: #f59898;
     border: 1px solid #f59898;
}
 .legenda ul li span.selection {
    /*background: rgba(132, 209, 130, .4);
    */
     background-color: #84d182;
     border: 1px solid rgba(132, 209, 130, .4);
}
/* 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 {
     padding-top: 48px;
}
*/
 .gallery-grid a {
     display: block;
     float: left;
     width: 275px;
     height: 225px;
     overflow: hidden;
     transition: all 0.2s ease-in-out;
}
 .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);
     box-shadow: 0px 16px 24px 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(0.36, 0.07, 0.19, 0.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 #d00 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: 100px;
}
 .gradient.whiteslider {
     background-image: none;
     height: auto;
     position: relative;
}
 .oldvalue {
     text-decoration: line-through;
}
 .newvalue {
     color: #f00;
     display: block;
}
 .explore-more.villa {
     color: #fff;
     top: auto;
     left: auto;
     bottom: auto;
}
 .trakica-blue {
     width: 1546px;
     margin: 0 auto;
     background: #006cb8;
    /* 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+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006cb8', endColorstr='#0087e4',GradientType=0);
    /* IE6-9 */
     -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);
}
 .trakica-blue.is_stuck {
     margin: 0 auto;
     z-index: 999;
     left: 0;
     right: 0;
}
 .poruka-holder {
     display: none;
}
 a.add-message {
     color: #000;
     font-weight: bold;
}
 a.add-message i {
     margin-left: 5px;
}
 .ttip {
     display: inline-block;
}
 .blue-down {
     position: absolute;
     bottom: 0;
     left: 50%;
     color: #000;
     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;
}
 .blue-down:hover, .blue-down:focus {
     color: #000;
     background-color: #fff;
}
 .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;
}
 .breadcrumbs-holder {
     background-color: #f2f2f2;
     width: 1546px;
     margin: 0 auto;
     padding: 10px 0;
}
 #breadcrumbs_inner {
     text-align: left;
     float: 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 {
     color: #717171;
     font-size: 12px;
}
 #breadcrumbs_inner li span.ionicons.ion-ios-arrow-right {
     color: #717171;
     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: 0.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 {
     display: block;
}
 .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;
}
 .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: 12px;
     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 {
    /* Internet Explorer 10-11 */
     color: #ccc;
}
 .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-bottom: 50px;
}
 .booking-buttons {
     margin-bottom: 30px;
}
 .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: 'Poppins';
     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;
}
 .permanent-link {
     text-align: center;
}
 #demo {
     opacity: 0.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;
    }
     to {
         opacity: 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: 'Open Sans Condensed', sans-serif;
     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%);
     background: -ms-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;
}

 .ui-autocomplete {
     z-index: 99999999999;
}
 .white a {
     color: #fff;
}
 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: rgba(119, 135, 147, 0.87);
     padding: 4px 15px;
     color: #fff;
     position: fixed;
     right: 20px;
     bottom: 70px;
     z-index: 9999;
     font-size: 24px;
     width: 40px;
     height: 40px;
     border-radius: 100px;
}
 .navrh:hover {
     color: #fff;
     background-color: #0076c8;
}
 .booking-podaci-mobile {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0086e3+0,0086e3+100&0.7+0,1+100 */
     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+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30086e3', endColorstr='#0086e3',GradientType=0);
    /* IE6-9 */
     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-size: 18px;
     font-family: 'Poppins';
}
 .gd-tip {
     position: absolute;
     background-color: #0087e5;
     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;
}
 .contact-image-wrapper {
     margin-bottom: 30px;
}
 .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;
}
 .chosen-container-single .chosen-single {
     border-radius: 0;
}
 .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: 40px auto 0 auto;
}
 a.globaldizajn img {
     width: 90px;
}
 span.filter:hover i {
     color: #d00;
}
 .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+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30086e3', endColorstr='#0086e3',GradientType=0);
    /* IE6-9 */
     color: #fff;
     text-align: center;
     font-size: 28px;
     padding-top: 20%;
     font-family: 'playfair_displaybold';
     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);
    }
}
 @keyframes sk-bouncedelay {
     0%, 80%, 100% {
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     40% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
/* 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 #0087e4;
     background-color: #0087e4;
}
 .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: 0.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);
     -o-filter: blur(10px);
     -ms-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;
}
 .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: 'Poppins';
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;
     width: 280px;
}
 .newsletter-subscribe {
     background-color: #fff;
     border-bottom: 1px solid #fff;
     border-top: 1px solid #fff;
     height: 40px;
     border: 0;
     font-weight: bold;
     text-transform: uppercase;
     color: #000;
     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: 15px;
     height: 15px;
     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: 15px;
     width: 15px;
     height: 15px;
     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: 15px;
     width: 15px;
     height: 15px;
     border: 0;
}
 .icons-story.navili {
     margin-top: 40px;
     border-bottom: 0;
     margin-bottom: 0;
}
 #btnSubscribeNewsletter:disabled, #btnSubscribeNewsletter[disabled] {
     opacity: 0.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);
     -o-filter: blur(10px);
     -ms-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;
     -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: #1b1f22;
     border: 1px solid #1b1f22;
     padding: 10px 30px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     top: 150px;
     left: 50%;
}
 .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: 13px;
}
 a.map-view-top span {
     display: none;
}
 .villa-menu ul li a.book-btn-invert {
     background: #fff;
     color: #0087e5;
     padding: 10px 25px;
}
 .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: 'playfair_displaybold';
}
 .error-page .main-desc {
     font-size: 30px;
     font-family: 'playfair_displaybold';
     line-height: 1.6;
}
 .error-page .blue-btn {
     background: #0087e5;
     text-transform: uppercase;
     color: #fff;
     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: 'Poppins';
}
 .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: #fff;
     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: #fff;
}
 .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: 'Poppins';
     position: absolute;
     bottom: 10px;
     color: #fff;
     z-index: 11;
     left: 0;
     right: 0;
     text-align: center;
     font-size: 25px;
}
 .form-holder-search span.advanced-srch {
     color: #fff;
     font-size: 14px;
     cursor: pointer;
     font-weight: 700;
     display: inline-block;
     margin: 5px 0 0 0;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
 .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: 300px;
}
 .filters-overlay .filter-inner.where .clear-filter {
     right: 0;
     top: 3px;
}
 .filters-overlay .filter-inner.when .clear-filter {
     right: 4px;
     top: 3px;
}
 .filters-overlay .filter-inner.when .form-control {
     height: 28px;
     padding: 0;
     top: -3px;
}
 .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;
}
 .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-months .flatpickr-month {
     background: #42a5f5;
     color: #fff;
     fill: #fff;
}
 .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
     color: #fff;
     fill: #fff;
}
 .share-div {
     position: fixed;
     z-index: 1000;
     bottom: 0;
     left: 0;
     background: #0076c8;
     color: #fff;
     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 {
     float: left;
     margin: 0;
}
 .holder_review.captc2 {
     float: right;
     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 #d1d4d6;
     border-bottom: 1px solid #d1d4d6;
     padding: 16px;
     max-width: 500px;
     display: none;
}
 h1.special {
     font-family: 'playfair_displaybold';
     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: 'Bahagia', serif;
}
 .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 0.3s;
     transition: transform 0.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 0.3s, visibility 0s 0.3s;
     transition: opacity 0.3s, visibility 0s 0.3s;
}
 .top-info.active .ti-dropdown {
     opacity: 1;
     visibility: visible;
     -webkit-transition: opacity 0.3s;
     transition: opacity 0.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: 'playfair_displaybold';
}
 .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;
}
 .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 0.1s, visibility 0s 0.1s;
     transition: opacity 0.1s, visibility 0s 0.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: #b00;
     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;
}
 .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 {
     font-weight: bold;
}
 .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;
}
 .bcc-btn + .bcc-btn {
     margin-left: 4px;
}
 #bcc-confirm {
     background-color: #0076c8;
     border-color: transparent;
     color: #fff;
}
 .calendar-wrapper .month td.nije-moguce-odabrati.dot,.calendar-wrapper .month td.nije-moguce-odabrati.moguci-odabir-end-date-hovered {
    font-weight: bold;
    color: #000 !important;
}
.lg-toolbar {padding: 0 20px 0px 0px;}
.skiptranslate,#goog-gt-tt,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none !important;}
.skiptranslate.goog-te-gadget{display:block !important;}
body{top:0 !important;}