:root {
    --theme-color: #269ad6;
    --alt-color: #212d47;
    --turquoise-color: #80e1ff;
    --dark-gray-color: #404040;
    --gold-color: #eba405;
    --sand-color: #e2bf71;
    --dark-sand-color: #c1a670;
    --red-color: #ef0b48;
}

.color-red {color: var(--red-color)!important;}


body {background-color: #fff; padding-top: 161px; font-family: "Montserrat", sans-serif; font-weight: 500;}
h1 {font-size: 44px;}
h1, h2 {font-family: "Jost", sans-serif; font-weight: 600;}
h1, h2 {text-transform: uppercase; color: var(--alt-color);}
h3, h4 {font-family: "Montserrat", sans-serif;}
h2.title {color: var(--alt-color); text-transform: uppercase; font-size: 44px; line-height: 1.1; margin-bottom: 16px;}
.main-title {color: var(--theme-color); text-transform: unset; font-family: "Montserrat", sans-serif; font-weight: 500;}
.subtitle {font-family: "Jost", sans-serif; font-size: 22px; line-height: 1.2; color: var(--dark-gray-color); font-weight: 500;}
.mt-auto {margin-top: auto;}
.flex-items-start {align-items: flex-start!important;}

header {position: fixed; top: 0; z-index: 99; width: 100%;}
.nav-up {top: -161px;}
header.header-shadow {box-shadow: 0 5px 10px -5px #aaa;}
header .top .top-right ul li:first-child {display: none;}
header .bottom {border-top: 1px solid var(--alt-color);}
header #nav-section {background: #fff;}

header .solid-menus .navbar-default.bg-custom .navbar-nav > li > a {color: var(--alt-color); position: relative; border-right: none; font-weight: 500;}
header .solid-menus .navbar-default.bg-custom .navbar-nav > li.deal a {background-color: var(--sand-color)!important; color: var(--dark-gray-color)!important; border-right: none;}
header .solid-menus .navbar-default.bg-custom .navbar-nav > li.active > a {color: var(--theme-color);}
header .solid-menus .navbar-default.bg-custom .navbar-nav > li.darker, header .solid-menus .navbar-default.bg-custom .navbar-nav > li.darkerka {background-color: #fff;}

header .solid-menus .navbar-default.bg-custom .navbar-nav > li:hover > a, header .solid-menus .navbar-default.bg-custom .navbar-nav > li.active > a {box-shadow: none;}
header .solid-menus .navbar-default.bg-custom .navbar-nav > li:hover > a {color: #fff;background-color: var(--alt-color)!important;}

header .solid-menus .navbar-default.bg-custom .navbar-nav > li.deal:hover a {color: var(--sand-color)!important; background-color: var(--alt-color)!important;}
header .bottom .solid-menus .navbar-default.bg-custom .navbar-nav > li.deal > a > i {display: none;}
header .solid-menus .s-list.s-list-mb-10 > li > a:hover {color: var(--red-color);}
header .solid-menus .navbar-default.bg-custom .navbar-nav > li > a:before {content: ''; position: absolute; left: -1px; height: 50%; top: 50%; transform: translateY(-50%); width: 1px; background-color: var(--dark-gray-color); z-index: 1;}
header .solid-menus .navbar-default.bg-custom .navbar-nav > li:first-child > a:before, header .solid-menus .navbar-default.bg-custom .navbar-nav > li.no-border > a:before {display: none;}
header .bottom #nav-section .navbar-default .navbar-nav > li.dropdown > a:after {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%2328396a' viewBox='252 16 459 860' style='enable-background:new 252 16 459 860;' xml:space='preserve'%3E%3Cpath d='M260,66l360,359c5.3,6,8,13,8,21s-2.7,15-8,21L260,826c-5.3,5.3-8,12.2-8,20.5s2.7,15.5,8,21.5l0,0c6,5.3,13,8,21,8 s15-2.7,21-8l400-401c6-5.3,9-12,9-20s-3-15.3-9-22L302,24c-5.3-5.3-12.2-8-20.5-8S266,18.7,260,24l0,0c-5.3,6-8,13.2-8,21.5 S254.7,60.7,260,66L260,66z'/%3E%3C/svg%3E");}
header .bottom #nav-section .navbar-default .navbar-nav > li.dropdown:hover > a:after {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23ef0b48' viewBox='252 16 459 860' style='enable-background:new 252 16 459 860;' xml:space='preserve'%3E%3Cpath d='M260,66l360,359c5.3,6,8,13,8,21s-2.7,15-8,21L260,826c-5.3,5.3-8,12.2-8,20.5s2.7,15.5,8,21.5l0,0c6,5.3,13,8,21,8 s15-2.7,21-8l400-401c6-5.3,9-12,9-20s-3-15.3-9-22L302,24c-5.3-5.3-12.2-8-20.5-8S266,18.7,260,24l0,0c-5.3,6-8,13.2-8,21.5 S254.7,60.7,260,66L260,66z'/%3E%3C/svg%3E");}
header .menu-cart {display: none;}
header .header-social {display: block!important;}
header .header-social li {display: inline-flex; align-items: center;}
header .header-social li a {display: inline-flex; align-items: center; margin-left: 5px; border-radius: 5px; padding: 5px;}
header .header-social li a svg {height: 24px; max-width: 24px; fill: var(--alt-color);}
header .header-social li a:hover {background: #CD201F;}
header .header-social li a:hover svg {fill: #fff;}

.one-product .product-holder a h2 {font-size: 22px; text-transform: none;}
.one-product .product-holder .product-title {font-size: 13px;}

.media-wrapper:before {content: ''; position: absolute; top: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%; background-color: #0008;}
.icon-wrapper {left: 0; top: 0; height: 100%; width: 100%; display: inline-flex; justify-content: center; align-items: center; z-index: 2;}
.icon-wrapper img {width: 110px; max-height: 110px;}
.button-block-item a .button-block-item-text {font-weight: 400; font-family: "Jost", sans-serif; font-size: 22px; transition: all .3s ease-out .1s; z-index: 2; position: absolute; background: none; width: 100%; bottom: 30px; text-transform: uppercase; height: 2.2em;}
.button-block-item a .icon-wrapper img {transition: all .3s ease-out .2s;}
.button-block-item a:hover .icon-wrapper img {transform: scale(.7) translateY(-50px); transition: all .2s ease-out;}
.button-block-item a:hover .button-block-item-text {transform: translateY(-50px); transition: all .2s ease-out;}

.fm-greece {background: url(/img/back/first_minute_grcka_back.jpg) no-repeat top center / cover;}
.fm-montenegro, .wellness-i-spa, .evropski-gradovi {
    .one-product .product-holder a {background-color: var(--alt-color);}
    .one-product .product-holder a h2, .one-product .product-info-packages-desc {color: #fff;}
    /*.one-product .product-info-packages-desc {color: var(--dark-gray-color); font-weight: 400;}*/
    .one-product .product-holder .product-title, .one-product .product-info-packages-desc span {color: var(--sand-color)!important;}
    .one-product .price, .one-product .noprice {color: var(--turquoise-color);}
    .one-product .product-bottom-label {color: #fff;}
    }
.list-card-simple-hover .card-simple-hover .card-hover-wrapper h3 {text-transform: uppercase; color: var(--sand-color); left: 15px; right: 15px; font-size: 22px;}
.list-card-simple-hover .swiper-slide .card-simple-hover:after {content: ''; position: absolute; bottom: 0; left: 0; display: block; z-index: 0; width: 100%; height: 50%; background: linear-gradient(0deg, var(--alt-color), transparent);}
.list-card-simple-hover .swiper-slide a {z-index: 2;}
.list-card-simple-hover .card-hover-wrapper {text-align: center; text-shadow: 0px 0px 6px #000; z-index: 2;}
.list-card-simple-hover .swiper-slide, .list-card-simple-hover .swiper-slide .card-simple-hover {min-height: 260px;}
.list-card-simple-hover .card-hover-title {color: #fff; position: absolute; display: flex; height: 100%; width: 100%; top: 0px; left: 0; margin-top: 0; display: flex;
    align-items: center;  padding: 15px; font-size: 27px; font-weight: 500; text-shadow: 1px 1px 6px #000; transition: .2s ease-out;}
 .list-card-simple-hover .card-simple-hover .card-hover-wrapper {display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 400; line-height: 1.3; opacity: 0;}
 .list-card-simple-hover .swiper-slide .card-simple-hover:before {background-color: rgb(0 0 0 / 48%);}
 .list-card-simple-hover .swiper-slide .card-simple-hover:after {display: none; opacity: 0;}
 .list-card-simple-hover .card-simple-hover:hover .card-hover-wrapper {opacity: 1; background-color: #28396ad4;}
 .list-card-simple-hover .card-simple-hover:hover .card-hover-title {opacity: 0; transform: translateY(-100px);}


    .masonry-home {background: url(/img/back/ideja-za-letovanje.webp) no-repeat center left / contain;}
    .masonry-home .grid-item {width: 100%; min-height: 200px;}
    .masonry-home .grid-item:after {content: ''; position: absolute; bottom: 0; left: 0; display: block; z-index: 0; width: 100%; height: 60%; background: linear-gradient(0deg, var(--sand-color) 25%, transparent 100%);}
    .masonry-home .grid-item span, .masonry .swiperProducts .swiper-slide a > span {display: inline-block; background: none; width: 90%; left: 0; text-align: center; text-transform: uppercase; bottom: 0; font-size: 23px; font-weight: 500;
        color: var(--alt-color);}
    .masonry-home .grid-item img {min-height: 100%; min-width: 100%; transition: all .2s ease-out;}
    .masonry-home .grid-item:hover img {transform: scale(1.1);}
    .masonry-home .grid-item:hover span {color: var(--alt-color);}
.products-highlight {background: url(/img/back/novo_ponuda_back.jpg) no-repeat center center / cover;}
.products-highlight .products-banner-product-price, .products-highlight .products-banner-product-from {color: var(--alt-color);}
.products-highlight .products-banner-product-main span {color: var(--dark-gray-color); font-weight: 500;}

.one-product .price {color: var(--alt-color); font-weight: 700; font-family: "Jost", sans-serif;}
.one-product .price-old {color: var(--dark-sand-color); font-family: "Jost", sans-serif; font-weight: 400;}
.orange-button { background-color: var(--sand-color); color: var(--alt-color); font-family: "Jost", sans-serif;}
.one-product .noprice, .one-product .product-bottom-label {font-family: "Jost", sans-serif;}

.orange-button:hover {background-color: var(--gold-color);}


.feature-cards {background: url(/img/back/pet_razloga_back.jpg) no-repeat right bottom; background-size: cover;}
.feature-cards .feature-card-content {font-family: "Jost", sans-serif; font-weight: 400; font-size: 21px; line-height: 1.3;}
.feature-cards .feature-card-content strong {font-weight: 500;}
.feature-card-desc p {font-size: 21px; font-family: "Jost", sans-serif; font-weight: 400; line-height: 1.3;}

.hero-image {height: auto; border-top: 1px solid #eee;}
.hero-image p {color: var(--alt-color);}

.five-banners {background: url(/img/back/treba_vam_odmor_back.jpg) no-repeat left top; background-size: cover;}

.breadcrumb-img .breadcrumb-title h1 {text-transform: uppercase; margin: 0; text-align: center;}
.breadcrumb-img .breadcrumb-title h2 {color: var(--theme-color); text-transform: lowercase; font-weight: 400; margin-bottom: 0;}
.breadcrumb-img .breadcrumb-title {min-height: 400px;}
.breadcrumb-img .img-wrap:before {/*background-color: #00000047;*/ width: 100%; height: 100%;}
.preporuke .breadcrumb-img .img-wrap {background-image: url(/img/back/breadcrumb-test.jpg);}
.shop .breadcrumb-img .img-wrap {background-image: url(/img/back/letovanje_2024_cover.jpg);}

.wellness-bg.breadcrumb-img .img-wrap {background-image: url(/img/back/wellnesstest.jpg);}

.preporuke > .border {background: url(/img/back/preporuke.webp) no-repeat bottom center / contain;}


.shop .border {background: url(/img/back/letovanje_2024_back_fixed.jpg) no-repeat center bottom / 100% auto;}
.shop.wellness-i-spa .border {background: url(/img/back/wellness.webp) no-repeat center bottom / 100% auto;}

.shop.evropski-gradovi .border {background: url(/img/back/bg-putovanja.jpg) no-repeat center bottom / 100% auto;}
.shop.daleke-destinacije .border {background: url(/img/back/bg-daleka.jpg) no-repeat center bottom / 100% auto;}
.shop.individualna-putovanja .border {background: url(/img/back/bg-individualna.jpg) no-repeat center bottom / 100% auto;}

.category-description {font-size: 18px;}
.shop .category-description span {display: block;}
.shop ul.city-list li a:hover, ul.city-list li.active a {color: var(--theme-color);}
.shop .one-product .price {font-size: 22px;}

.pagination > li > a, .pagination > li > span  {color: var(--alt-color); background-color: var(--sand-color); font-weight: 700; font-family: "Jost", sans-serif; border-radius: 4px; font-size: 17px; border: none;}
.pagination > .active > a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: var(--alt-color); 
        background-color: #e2bf717d;}
.pagination > .pagination-prev a, .pagination > .pagination-next a, .pagination > .pagination-first a, .pagination > .pagination-last a {background-color: transparent;}

.kontakt .contact-right h5 {font-family: "Jost", sans-serif; color: var(--dark-gray-color);}
.kontakt .form-group {margin-bottom: 30px;}
.kontakt .contact-left .contact-wrap .contact-icon-text h3 {font-family: "Jost", sans-serif; font-size: 18px; color: var(--alt-color); }
.kontakt .contact-left {font-family: "Jost", sans-serif;}
.kontakt .contact-content {background: url(/img/back/kontakt.webp) no-repeat bottom right / contain;}
.kontakt .contact-content:before {background: linear-gradient(180deg, #f8f8f8, #fff); width: 100%; height: 100%; z-index: -1;}
.kontakt .contact-content iframe {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.orderby select {background-color: var(--sand-color);}


footer, footer .details, footer .footer-bottom {background: var(--alt-color);}
footer h4 {font-family: "Montserrat", sans-serif;}
footer .details a {font-weight: 500;}
footer .details a:hover {color: var(--gold-color);}
footer .footer-logos {background: var(--dark-gray-color);}
footer h4:after {background-color: var(--sand-color);}
footer .footer-social a {padding: 7px; border-radius: 0;}


@media (min-width: 992px) {
    .hero-image {background: url(/img/back/vaucer_back.jpg) no-repeat left top / cover;}
}


@media screen and (max-width: 767px) { 
    body {padding-top: 84px;}
    header .bottom #nav-section .navbar-nav {background-color: transparent; max-height: 100vh; overflow-y: scroll;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {color: var(--alt-color);}
    header .nav-subtitle {color: var(--alt-color);}
    header .solid-menus .s-list > li > a {color: var(--alt-color)!important; font-weight: 500;}

    .p-t-70 {padding-top: 36px!important;}
    .p-b-70 {padding-bottom: 36px!important;}

    h1, h2.title {font-size: 36px;}
    .subtitle {font-size: 20px;}
    .main-title {font-size: 26px;}

    .fm-greece, .fm-montenegro, .masonry {margin-top: 0!important;}
    
    .button-block-item a .icon-wrapper img {width: 80px; max-height: 80px;}
    
    .feature-cards {padding: 0 30px; position: relative;}
    .feature-cards:before {background: #ffffff52; width: 100%; height: 100%;}
    .feature-cards > .container {position: relative; z-index: 1;}

    .feature-card-desc p, .feature-cards .feature-card-content {font-size: 19px; line-height: 1.4;}

    /*.hero-image h2.title, .hero-image p.subtitle {color: #fff;}*/
    .hero-image .hero-text {padding-left: 15px; padding-right: 15px;}

}