body:not(.gridbox) .btn-hover-effect .ba-btn-transition {
    overflow: hidden;
    position: relative;
    transition: background .0s ease-in-out;
}
 
body:not(.gridbox) .btn-hover-effect .ba-btn-transition > i,
body:not(.gridbox) .btn-hover-effect .ba-btn-transition > span {
    z-index: 5
}
 
body:not(.gridbox) .btn-hover-effect .ba-btn-transition:before,
body:not(.gridbox) .btn-hover-effect .ba-btn-transition:after {
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
}
 
body:not(.gridbox) .btn-hover-effect .ba-btn-transition:before {
    background: var(--button-background-color);
    z-index: 1;
}
 
body:not(.gridbox) .btn-hover-effect .ba-btn-transition:after {
    background: var(--button-background-hover);
    z-index: 2;
}

body:not(.gridbox) .btn-hover-effect.hover-13 .ba-btn-transition:after {
    border-radius: 0;
    z-index: 1;
}
 
body:not(.gridbox) .btn-hover-effect.hover-13 .ba-btn-transition:before {
    border-radius: 0;
    transform: scaleX(1);
    z-index: 2;
}
 
body:not(.gridbox) .btn-hover-effect.hover-13 .ba-btn-transition:hover:before {
    transform: scaleX(0);
}

.close-overlay-section i, .close-lightbox i {
    color: inherit;
    cursor: pointer;
    font-size: 24px;
    margin-top: 15px;
    background-color: var(--primary);
    padding: 10px 15px;
    margin: 0px -15px 0 0;
  color: var(--title);
}
.close-overlay-section i:hover, .close-lightbox i:hover{background-color: var(--bg-primary);} 

.tours-main h2{
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
#item-15754451052:hover #item-15754457190 h2, #item-15754457122:hover h2, #item-15754457123:hover #item-15754468410552 h2, #item-15754457124:hover #item-15754468471674 h2{color: #b8cd05;}
.tour-detailed:hover .headline-wrapper h2{ color: #b8cd05; 
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.transfers:hover .headline-wrapper h2{ color: #b8cd05; 
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.tour-detailed .ba-button-wrapper{
  opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); }

.tour-detailed:hover .ba-button-wrapper{opacity: 1;}
:root {
	--animation-delay: 1.2s;
	--duration: 1400ms;
	--iterations: 1;
}
.reveal-text,
.reveal-text::after {
	animation-delay: var(--animation-delay);
	animation-iteration-count: var(--iterations);
	animation-duration: var(--duration);
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.reveal-text {
	position: relative;
	user-select: none;
	animation-name: reveal-text;
	cursor: default;
}
.reveal-text:after{content: "";
		position: absolute;
		z-index: 999;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ffffff;
		transform: scaleX(0);
		transform-origin: 0 50%;
		pointer-events: none;
		animation-name: revealer-text;}
@keyframes reveal-text {
	from {
		clip-path: inset(0 100% 0 0);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes revealer-text {
	
	0%, 50% {
		transform-origin: 0 50%;
	}
	
	60%, 100% {
		transform-origin: 100% 50%;		
	}

	
	60% {
		transform: scaleX(1);
	}
	
	100% {
		transform: scaleX(0);
	}
}

@-webkit-keyframes bounce {
    0% { transform: translateY(0px)  }
    50% { transform: translateY(5px) }
    100% { transform: translateY(0px) }
}

@keyframes bounce {
    0% { transform: translateY(0px)  }
    50% { transform: translateY(5px) }
    100% { transform: translateY(0px) }
}

.zio {  
    -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out; 
    -moz-animation: bounce 2s infinite ease-in-out; 
    animation: bounce 2s infinite ease-in-out;
}
@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255, 1);
  }
  100% {
    box-shadow: 0 0 0 55px rgba(0, 0, 0, 0);
  }
}
.pulse{animation: shadow-pulse 2.5s infinite; border-radius: 100%;}


#item-15764795630 .ba-image-wrapper{box-shadow: 0 10px 20px 0 rgba(0,0,0,.55);}
#item-15753835113 .ba-button-wrapper, #item-15753845073 .ba-button-wrapper{opacity: 0;-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.58http://demo.ideal-media.hr/degenija-tours/index.php#code-edit-css0, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); }
#item-15753835113:hover .ba-button-wrapper, #item-15753845073:hover .ba-button-wrapper{opacity: 1;}
#item-15765875291:hover p, #item-15765882892:hover p, #item-15765882893:hover p, #item-15765882894:hover p{color: #baba16; -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);}
.pricelist span{font-size: 48px; font-weight:600; padding-right: 25px; color: #baba16;}
.timetable span{font-size: 32px; font-weight:300; padding-right: 25px; line-height: 1.4;}
.pricelist sup{vertical-align: top; font-size: 16px;}
.timetable sup{font-size: 16px;}

#item-15766928101, #item-15766928102, #item-15766928103, #item-15766928104, #item-15766928261975, #item-15766928261976, #item-15766928261977{box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0); -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
background-color:rgba(255,255,255,.25);}
#item-15766928101:hover, #item-15766928102:hover, #item-15766928103:hover, #item-15766928104:hover, #item-15766928261975:hover, #item-15766928261976:hover, #item-15766928261977:hover{background-color: #ffffff; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.1);
z-index: 99;}

.full-width-btn a span, 
.full-width-btn a {
    width: 100%;
    text-align: center !important;
    box-sizing: border-box;
}

/*btn local*/
body:not(.gridbox) .btn-hover-effect.hover-6 .ba-btn-transition:after {
    transform: translateY(-100%);
}
 
body:not(.gridbox) .btn-hover-effect.hover-6 .ba-btn-transition:hover:after {
    transform: translateY(0);
}
 
@keyframes hover-6 {
    0% {transform: translateY(0);}
    25% {transform: translateY(100%);opacity: 0;}
    26% {transform: translateY(-100%);opacity: 0;}
    100% {transform: translateY(0);}
}
 
body:not(.gridbox) .btn-hover-effect.hover-6 .ba-btn-transition:hover span {
    animation: hover-6 .5s linear both;
}
/*close menu icon*/
#item-15762371290 .ba-button-wrapper a:hover{color: var(--title);}


.open-menu i {
    color: inherit;
    font-size: 21px;
    padding: 15px;
    background-color: var(--primary);
    color: var(--title-inverse);
}