.mt-0 {margin-top:0 !important;} .mt-10 {margin-top:10px !important;} .mt-15 {margin-top:15px !important;} .mt-20 {margin-top:20px !important;} .mt-30 {margin-top:30px !important;} .mt-50 {margin-top:50px !important;} .mt-75 {margin-top:75px !important;} .mt-100 {margin-top:100px !important;} .mt-150 {margin-top:150px !important;} .mb-0 {margin-bottom:0 !important;} .mb-10 {margin-bottom:10px !important;} .mb-15 {margin-bottom:15px !important;} .mb-20 {margin-bottom:20px !important;} .mb-30 {margin-bottom:30px !important;} .mb-50 {margin-bottom:50px !important;} .mb-75 {margin-bottom:75px !important;} .mb-100 {margin-bottom:100px !important;} .mb-150 {margin-bottom:150px !important;} .pt-0 {padding-top:0 !important;} .pt-10 {padding-top:10px !important;} .pt-15 {padding-top:15px !important;} .pt-20 {padding-top:20px !important;} .pt-30 {padding-top:30px !important;} .pt-50 {padding-top:50px !important;} .pt-75 {padding-top:75px !important;} .pt-100 {padding-top:100px !important;} .pt-150 {padding-top:150px !important;} .pb-0 {padding-bottom:0 !important;} .pb-10 {padding-bottom:10px !important;} .pb-15 {padding-bottom:15px !important;} .pb-20 {padding-bottom:20px !important;} .pb-30 {padding-bottom:30px !important;} .pb-50 {padding-bottom:50px !important;} .pb-75 {padding-bottom:75px !important;} .pb-100 {padding-bottom:100px !important;} .pb-150 {padding-bottom:150px !important;} @media (max-width: 768px) {.hide_mob {display:none;} .show_mob {display:block;} .mt-0-mob {margin-top:0;} .mt-10-mob {margin-top:10px !important;} .mt-15-mob {margin-top:15px !important;} .mt-20-mob {margin-top:20px !important;} .mt-30-mob {margin-top:30px !important;} .mt-50-mob {margin-top:50px !important;} .mt-75-mob {margin-top:75px !important;} .mt-100-mob {margin-top:100px !important;} .mt-125-mob {margin-top:125px !important;} .mt-150-mob {margin-top:150px !important;} .mb-0-mob {margin-bottom:0 !important;} .mb-10-mob {margin-bottom:10px !important;} .mb-15-mob {margin-bottom:15px !important;} .mb-20-mob {margin-bottom:20px !important;} .mb-30-mob {margin-bottom:30px !important;} .mb-50-mob {margin-bottom:50px !important;} .mb-75-mob {margin-bottom:75px !important;} .mb-100-mob {margin-bottom:100px !important;} .mb-125-mob {margin-bottom:125px !important;} .mb-150-mob {margin-bottom:150px !important;} .pt-0-mob {padding-top:0 !important;} .pt-10-mob {padding-top:10px !important;} .pt-15-mob {padding-top:15px !important;} .pt-20-mob {padding-top:20px !important;} .pt-30-mob {padding-top:30px !important;} .pt-50-mob {padding-top:50px !important;} .pt-75-mob {padding-top:75px !important;} .pt-100-mob {padding-top:100px !important;} .pt-125-mob {padding-top:125px !important;} .pt-150-mob {padding-top:150px !important;} .pb-0-mob {padding-bottom:0 !important;} .pb-10-mob {padding-bottom:10px !important;} .pb-15-mob {padding-bottom:15px !important;} .pb-20-mob {padding-bottom:20px !important;} .pb-30-mob {padding-bottom:30px !important;} .pb-50-mob {padding-bottom:50px !important;} .pb-75-mob {padding-bottom:75px !important;} .pb-100-mob {padding-bottom:100px !important;} .pb-125-mob {padding-bottom:125px !important;} .pb-150-mob {padding-bottom:150px !important;}}

* {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

i, img, a {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: var(--text);
    background-position: center center;
    background-attachment: fixed;
    background-size: 80% auto;
    background-repeat: no-repeat;
}


h1, h2, h3, h4, h5, h6 {font-family: "Playfair", serif; font-weight: 400; font-style: normal; line-height: 110%; margin: 0 0 15px 0; text-transform: none; }
.colors h1, .colors h2, .colors h3, .colors h4, .colors h5, .colors h6 {color: var(--primary);}

.colors .tf-top-bar {background-color: var(--secondary) !important;}



.btn-fill {background-color: var(--primary); border: none;}
.btn-fill:hover {background-color: var(--secondary); }
.btn-fill span {margin-right: 10px;}
.btn-fill .icon.icon-arrow-right {margin-left: 10px;}

.colors .wg-pagination .active .pagination-item {
    background-color: var(--secondary);
}

.colors .nav-sw:hover:not(.swiper-button-disabled) {
    background-color: var(--secondary);
    color: var(--white);
}

h1 {font-size: 52px; }
h2 {font-size: 52px; }
h3 {font-size: 40px; }
h4 {font-size: 24px; }
h5 {font-size: 20px; }
h6 {font-size: 16px; }

.centered {text-align: center;}

.collection-item-v4 .collection-content .heading {
    font-size: 40px;
    line-height: 130%;
}

.logo-header img {transform: translateY(-3px);}

.footer .footer-infor ul li p a:hover {
    color: var(--primary);
}
.tf-social-icon .social-line:hover {
    border: 1px solid var(--primary) !important; 
}
.tf-social-icon .social-line:hover i {
    color: var(--primary);
}

.footer {background-repeat: no-repeat; background-position: center right; background-image: url(../images/wf-c.webp); background-size: 100% auto;}

.footer .footer-heading h6 {font-family: "Montserrat", sans-serif;}

.footer-logo {min-height: 112px; display: flex; align-items: center;}
.footer-logo img {max-width: 200px; height: auto;}

.footer-heading-desktop {padding-top: 142px;}

.tf-top-bar_wrap {
    padding: 10px 0;
}

#header .box-nav-ul .item-link {display: block; white-space: nowrap;}

.box-nav-ul .submenu-default {left: 0;}

#header .box-nav-ul .item-link .icon {
    font-size: 5px;
    display: inline-block;
    transform: translateY(-3px);
}

.tf-top-bar a {color: white;}

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

.tf-languages ul ul {
    display: none; padding: 20px 0 0 0; position: absolute; z-index: 1000; top: 100%; right: 0; border-bottom: 10px solid white;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.2); background: white;
}
.tf-languages ul li:hover  ul {display:block;}

.tf-languages ul li span {color: white; display: inline-block;}

.tf-languages ul li span i {font-size: 5px; transform: translateY(-2px); display: inline-block;}

.tf-languages ul li li {background: white; padding: 5px 20px;}

.tf-languages ul li li a {display: block; color: var(--text);}

.slider-radius {padding: 0 30px;}

/*
.wrap-slider:after {
    content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; 
    background-image: linear-gradient(180deg, rgba(1, 68, 99, 0)  0%, rgba(1, 68, 99, 0.5) 100%);
}
*/

.wrap-slider .box-content {
    top: auto;
    bottom: 50px;
    transform: none; z-index: 5;
}

.bg1 {background: #f7f7f7; padding: 50px 0;}

.wrap-slider .box-content h2,
.collection-content .heading,
.tf-banner-collection .heading {text-shadow: 0 0 30px rgba(0,0,0,0.5);}

.cikcak {padding-bottom: 50px;}

.cikcak section {padding-top: 50px;}

.cikcak_holder {display: flex; gap: 50px; justify-content: space-between; align-items: center;}

.cikcak_img {flex-basis: calc(50% - 25px); overflow: hidden; }
.cikcak_img img {width: 100%; height: auto; }
.cikcak_txt {flex-basis: calc(50% - 25px);}

.cikcak section:nth-child(even) .cikcak_img {order: 2; }
.cikcak section:nth-child(even) .cikcak_txt {order: 1; }

.title {text-align: center; padding: 0 0 30px 0;}

.collection-content {pointer-events: none; bottom: 30px !important; left: 15px !important; right: 15px !important; }
.collection-content p {color: white;}

.collection-inner a:after {
    content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; 
    background-image: linear-gradient(180deg, rgba(1, 68, 99, 0)  0%, rgba(1, 68, 99, 0.5) 100%);
}

.collection-inner a,
.collection-content {z-index: 5;}

.collection-inner img {z-index: 1;}

.langs_mob {width: 100%; padding-top: 30px;}

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

.langs_mob li {margin: 0 15px 0 0; padding: 0; display: inline-block; width: 20px; }

.tf-banner-collection .box-content {
    top: auto; bottom: 50px; transform: none; z-index: 5;
}

.tf-banner-collection:after {
    content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px;
    /* background:  rgba(1, 68, 99, 0.6); */
    background-image: linear-gradient(0deg, rgba(1, 68, 99, 1) 0%, rgba(1, 68, 99, 0) 50%);
}

.blog-detail-main-heading .title {margin: 0; padding: 30px 0 0 0;}

.blog-detail {
    /* border-bottom: 1px solid var(--text);  */
    padding-bottom: 0;
}

.blog-detail .blog-detail-main .desc {width: 100%; max-width: 900px; margin: 0 auto 30px;}

.desc p {margin: 0 0 15px 0;}

.desc figure {margin: 0 0 30px 0; padding-top: 15px;}

.desc figure img {border-radius: 20px; width: 100%; height: auto;}

figcaption {font-size: 12px; display: block; padding-top: 5px;}

.desc h2 {font-size: 40px; padding-top: 15px;}

.desc h3 {font-size: 32px; padding-top: 15px;}

.desc ul {margin-bottom: 15px;}
.desc li {list-style: disc; margin-left: 15px;}

.downloads a {display: block; margin: 7px 15px 7px 0; padding-left: 20px; background-image: url(../images/ifile.svg); background-repeat: no-repeat; background-position: left 1px; background-size: auto 14px;}

.downloads a.btn-line::after {display: none;}

.featured_img img {width: 100%; height: auto; border-radius: 20px;}

.blog-article-item .article-label {
    background: white; color: var(--text); font-size: 13px; font-weight: 600; padding: 5px 10px;
}

.blog-grid-main h3 {font-size: 26px;}

.wg-pagination {width: 100%; margin: 30px 0 0 0; text-align: center; justify-content: center;}

.gmap {width: 100%; height: 450px; background: #ddd; border-radius: 20px; text-align: center; }

.flat-toggle .toggle-title img {width: 20px; height: auto; display: inline-block; margin: 0 15px 0 0;}

.article-thumb + .acc_data {margin-top: 15px;}

.datum {padding: 5px 0 5px 30px; background-repeat: no-repeat; background-position: left 1px; background-size: auto 16px;}

.datum:after {
    content: ""; width: 16px; height: 16px; position: absolute; top: 7px; left: 0;
    background-repeat: no-repeat; background-position: center center; background-size: contain;
}

.datum.map:after  {background-image: url(../images/imap.svg);}
.datum.tel:after  {background-image: url(../images/iphone.svg);}
.datum.mob:after  {background-image: url(../images/imob.svg);}
.datum.mail:after  {background-image: url(../images/imail.svg);}
.datum.web:after  {background-image: url(../images/iweb.svg);}

.datum a {color: var(--main);}
.datum a:hover {color: var(--primary);}

.acc_data.boxed {padding: 30px; border-radius: 20px; background: #f7f7f7;}

p + .datum {margin-top: 15px;}

.icons {display: flex; gap: 10px; padding: 20px 0 0 0; align-items: center;}

/* https://codepen.io/sosuke/pen/Pjoqqp */
.icons img {height: 20px; width: auto; filter: invert(54%) sepia(10%) saturate(2132%) hue-rotate(177deg) brightness(92%) contrast(89%);}

.tf-content-right {padding-top: 72px;}

.help-block {font-size: 14px;}

fieldset img {position: absolute; top: 1px; right: 1px; z-index: 5;}

fieldset {overflow: hidden;}

fieldset textarea, fieldset input {float: left;}

.wrap-slider:after,
.slider_article .wrap-navigation {
    pointer-events: none;
}
.slider_article .wrap-navigation .navigation-next-slider,
.slider_article .wrap-navigation .navigation-prev-slider {
    pointer-events: all;
}

.smjestaj {display: flex; gap: 30px;justify-content: center;}

.smjestaj picture {display: block;}

.footer-body .row .col-xl-3:nth-child(2) .footer-logo img {
    max-width: 150px;
}

.reach_icons {overflow: hidden; width: 100%; padding: 0;}
.reach_icons img {float: left; width: auto; height: 25px; margin: 0 40px 20px 0}

.bike3 {display: flex; gap: 30px; flex-wrap: wrap; justify-content: space-between; margin: 0 0 50px 0;}
.bike_full {width: 100%;}
.bike_box {width: 100%; background: var(--secondary); padding: 30px; color: white; border-radius: 10px;}

.ponasanje, .blog-detail blockquote  {width: 100%; border: 1px solid var(--secondary); padding: 30px; background: rgba(255, 255, 255, .5); border-radius: 10px;}
.ponasanje h3, .blog-detail blockquote  h3{padding-top: 0;}
.ponasanje p:last-child, .blog-detail blockquote p:last-child {margin-bottom: 0;}


.bg-1 {background: var(--secondary);}
.bg-2 {background: var(--main);}
.bg-0 {background: var(--primary);}

.bike_box h3 {
    font-size: 24px;
    color: white;
    font-weight: bold;
}



.trail_icons_holder {width: 100%; padding: 0 0 30px 0; display: flex; align-items: flex-end;}
.trail_icons_holder a {display: inline-block; margin: 0 10px 0 0;}
.trail_icons > span {font-weight: bold; font-size: 14px; color: #aaa; display: block; line-height: 30px; }

.trail_icons span + .trail_icons_holder:first-of-type {margin-top: -5px;}

.alt .trail_icons_holder {flex-wrap: wrap; align-items: flex-start;}
.alt .trail_icons_holder .trail_icon {width: 33.3%; padding: 0 10px 0 50px; min-height: 60px; margin: 0 0 15px 0;}
.alt .trail_icons_holder .trail_icon img {position: absolute; top: 50%; left: 50%; height: 20px; width: auto; max-width: 30px; z-index: 3; transform: translate(-50%, -50%);}
.alt .trail_icons_holder .trail_icon_img {position: absolute; top: 0; left: 0; height: 40px; width: 40px; z-index: 1; background: var(--secondary); border-radius: 50px; }
.alt .trail_icons_holder .trail_icon span {display: block; font-weight: bold; font-size: 14px; color: #aaa; }


.results ol  {margin: 0 0 30px 30px;}
.results ol li {list-style: decimal; margin-bottom: 15px;}
.results ol li a {display: block;}
.results ol li a:hover h3,
.results ol li a:hover p {color: var(--primary);}
.results ol li h3 {margin: 0;}
.results .tf-btn {
    padding: 17px 24px;
}

ol li, .desc ol li {list-style: decimal;}


.credits {position: absolute; bottom: 10px; right: 20px; max-width: 55%; z-index: 5; pointer-events: none; color: white; font-size: 13px; text-align: right; }
.slider-radius.featured_img .credits{right:70px;}


@media (min-width: 1150px) {
    .slider-radius {padding: 0 50px; max-width: 1920px; margin: 0 auto;}
    .container-full {padding-left: 50px; padding-right: 50px; max-width: 1920px;   }
    .slider_article {max-width: 1920px; margin: 0 auto;}
}

@media (min-width: 768px) {
    .smjestaj .hover-img .img-style img {
        width: 100%;
        height: auto;
        -o-object-fit: contain;
        object-fit:contain;
    }
}

@media (max-width: 1149px) {
    .footer-heading-desktop {padding-top: 0;}
    .tf-top-bar_wrap .top-bar-language,
    .tf-top-bar_left {display: none !important; }
    .tf-top-bar_wrap {padding: 0; }
    .tf-slideshow {padding-top: 20px !important;}
    .slider_article .wrap-navigation {margin-top: 10px;  }
    .cikcak section {padding-top: 50px;  }
    .cikcak_holder {gap: 30px;}
    .wrap-slider .box-content,
    .tf-banner-collection .box-content {
        bottom: 50px;
        left: 20px;
    }
    /* .logo-header img {transform: translateY(3px);} */
    .slider-radius.featured_img .credits{right:50px;}
    
}

@media (max-width: 991px) {
    .cikcak_holder {flex-wrap: wrap;}
    .cikcak_img {flex-basis: 100%; }
    .cikcak_txt {flex-basis: 100%;}
    .cikcak section:nth-child(even) .cikcak_img {order: 1; }
    .cikcak section:nth-child(even) .cikcak_txt {order: 2; }
    .slider-radius .tf-sw-slideshow {border-radius: 20px; }
    .cikcak_txt {padding: 0 30px;}
}

@media (max-width: 767px) {
    h1 {font-size: 48px; }
    h2 {font-size: 36px; }
    h3 {font-size: 26px; }
    h4 {font-size: 20px; }
    h5 {font-size: 18px; }
    h6 {font-size: 16px; }
    .slider-radius {padding: 0 15px;}
    .collection-item-v4 .collection-content .heading {font-size: 30px; }
    .wrap-slider .box-content,
    .tf-banner-collection .box-content {bottom: 30px; left: 15px; }
    .tf-slideshow .wrap-slider {height: auto;  }
    .slider_article .wrap-navigation, 
    .carousel_holder .wrap-navigation {display: none}
    .smjestaj {flex-wrap: wrap;}
    .smjestaj > .collection-item-v4 {width: 100%;}
    .footer-infor {text-align: center;}
    .footer-logo, .tf-social-icon {justify-content: center;}
    .footer {background-image: none;}
    .footer-body .row .col-xl-3:nth-child(2) {
        background-repeat: no-repeat; background-position: center center; background-image: url(../images/wf-c.webp);
        background-size: contain;
    }
    .bike_box {width: 100%; margin: 0 0 15px 0;}
    .alt .trail_icons_holder .trail_icon {
        width: 50%;
    }
     .slider-radius.featured_img .credits{right:40px;}
    
}


@media (max-width: 650px) {
    
    .tf-slideshow .box-content .subheading {display: none;}
    .tf-slideshow .btn-xl {
        padding: 0;
        font-size: 16px;
        line-height: 20px;
        background: transparent; color: white;
    }
    .tf-slideshow .wrap-pagination { bottom: 5px;}
    
}

@media (max-width: 450px) {
    .carousel2items .collection-content p {display: none;}
    .carousel2items .collection-content .heading {margin: 0;}
    .carousel2items .collection-content {bottom: 20px !important;  }
    .slider-radius .tf-sw-slideshow .heading {margin-bottom: 3px; font-size: 30px;    }
    .alt .trail_icons_holder .trail_icon {width: 100%;}
    
}

/*
rgba(1, 68, 99, 0.5) - modra

font-family: "Playfair", serif;
font-family: "Montserrat", sans-serif;
*/


/*google map marker info window*/
.gmap .gm-style .gm-style-iw-d {top:-40px; text-align:left;margin-right: 3em;}
.gmap .gm-style .gm-style-iw-d  h3{font-size: 2em;}
.gmap .gm-style .gm-style-iw-d  h3 + br{display:none;}

i:not(.icon) {
  font-style: italic;

}

#flipbook_container{height:600px !important;}
.flipbook-nav{height:100%;}
.flipbook-book-webgl, .flipbook-nav svg {
	 z-index: 1;
}




.collection-item-v4 .collection-content .heading {
    text-transform: none;
}






body:after {
	background: transparent no-repeat center center;
	background-size: 500px auto;
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	opacity: 0.3;
    z-index: -10;
   /* background-image: url(../images/home_bg.png);*/
	background-attachment: fixed;
}

body.p70:after {
    background-image: url(../images/logo.svg);
    background-size: 500px auto;
}