.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}

html {  font-size: 16px; font-weight: 400;  font-style: normal;}
body, html {  position: relative;  overflow-x: hidden;}
body{letter-spacing: normal;font-size: 16px;}
p {font-style: normal;}
  
h1, h2, h3, h4, h5, h6 { font-optical-sizing: auto;  font-style: normal;color: var(--primary)}
h1{font-size:2.25rem;line-height:1.1;margin-top:0;margin-bottom:.5rem;  }
h2{font-size:1.75rem;line-height:1.2;margin-top:1rem;margin-bottom:.5rem;}
h3{font-size:1.5rem;line-height:1.3;margin-top:1rem;margin-bottom:.5rem; }
h4{font-size:1.25rem;line-height:1.35;margin-top:1rem;margin-bottom:.5rem;}
h5{font-size:1.125rem;line-height:1.4;margin-top:1rem;margin-bottom:.5rem;}
h6{font-size:1rem;line-height:1.5;margin-top:1rem;margin-bottom:.5rem; }

a:hover { text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--secondary) ;}
a {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: var(--primary);}

.make-relative {position: relative}

.clear {clear:both; height:0px;}
.clear10 {clear:both; height:10px;}
.clear15 {clear:both; height:15px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}
.clear50 {clear:both; height:50px;}
.clear60 {clear:both; height:60px;}

section.section {background: transparent;}

.card-body {color: var(--default);}
.list li { margin-bottom: 6px;}
.galerija-detaljna .masonry-item {  margin-bottom: 15px;  width: 24% !important;}

/*Cookies*/
.gdpr-cookie-trigger{position:fixed;bottom:50px;right:0;padding:.2em 1em;background-color:#0e3a5e;font-size:.8em;z-index:10000;box-shadow:0 0 10px 0 #00000040}
.gdpr-cookie-trigger a{color:#fff}
.fa-cookie-bite::before{content:"\f564"}
.gdpr-bar { background: var(--primary);  max-width: 400px;   left: initial;} 
.gdpr-bar-description p {color: #fff !important}
@media (min-width: 1200px) {
	.gdpr-bar {flex-direction: column; align-items: center;}
}

.gdpr-bar-description .linkgdpr {color: #fff !important; text-decoration: underline;}
.gdpr-bar-description .linkgdpr:hover {color: var(--secondary) !important; text-decoration: none;}

@media (min-width: 1200px) {
  .gdpr-bar .gdpr-bar-actions {justify-content: flex-end;    margin-top: 20px;  }
  .gdpr-bar {  right: 1rem; bottom: 1rem;} 
}

#header .header-top {border: 0;min-height: 30px;color: #fff;top: 10px;  position: relative;}
#header .header-top p, #header .header-top a {color: #fff !important}

html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body {background-color: transparent !important;}

@media (min-width: 992px) and (min-width: 1200px) {
	#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a,   #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a { padding: 0 2.6rem;}
}

@media (max-width: 991px) {
  html #header.header-transparent .header-body.bg-dark .header-nav-main::before, html #header.header-transparent .header-body.bg-color-dark .header-nav-main::before { background-color: #fff;}
}

@media (min-width: 992px) {
	#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {color: #fff; }
	#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active::before {background: #fff; }
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { color: #fff;}
	.sticky-header-active #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {color: var(--primary); }
	.sticky-header-active #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active::before {background: var(--primary);}
	.sticky-header-active #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, .sticky-header-active #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { color: var(--primary);}   
	.sticky-header-active #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li:hover > a::before { background: var(--primary);} 		
	#header .header-nav.header-nav-line nav > ul li:hover > a { color: #fff;  }
	#header .header-nav.header-nav-line nav > ul li:hover > a::before {background:  var(--secondary); } 	
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { font-size: 0.92em;}	
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a::after {border: 0 !important;  }	
	
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu { background: var(--primary);  }
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {border-bottom: 1px solid var(--grey-100); color: #fff; }
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.open > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.accessibility-open > a { background-color: var(--secondary);  }
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {padding: 0;}
}

@media (min-width: 992px) and (min-width: 1200px) {
	#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {  padding: 0 1.5rem;  }
  
    ul#mainNav.nav.nav-pills li.li-ikone a.nav-link.nav-link-ikone {  padding: 0 1rem !important;  }
	#header .header-nav.header-nav-line nav > ul li.li-ikone:hover > a::before {
    background: transparent !important;  }  
}

html.sticky-header-active #header .header-body { box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.05);}

#header .header-logo .logo-default{opacity:1;transition:opacity .5s ease,transform .5s ease}
#header .header-logo .logo-color{opacity:0;position:absolute;top:0;left:0;transition:opacity .5s ease,transform .5s ease}
.sticky-header-active #header .header-logo .logo-default{opacity:0;transform:translateY(-20px)}
.sticky-header-active #header .header-logo .logo-color{opacity:1;transform:translateY(0)}

#header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img {color: #fff;}
.sticky-header-active #header .header-nav-features .header-nav-top-icon, .sticky-header-active #header .header-nav-features .header-nav-top-icon-img {color: var(--primary)}
.color-i {color: var(--primary) !important}
.simple-search .btn { border-radius: 0;}

/*Video*/
.home-video {height: calc(100vh - 120px);}
.home-video::after {  content: "";  width: 100%;  height: 50px;  background-image: url(https://pp-velebit.hr/slike/planina.svg);  background-size: 100%;background-repeat: repeat-x;  bottom: 0px;   left: 0;  position: absolute;  z-index: 999;}

.responsive-video{position:relative;padding-bottom:56.25%;padding-top:60px;overflow:hidden}
.responsive-video iframe,.responsive-video object,.responsive-video embed{position:absolute;top:0;left:0;width:100%;height:100%}

/*Uvod*/
.home-intro {position: relative;  background-size: cover !important;  background-position: center top !important;  background-repeat: repeat-y !important;  background-image: url('https://pp-velebit.hr/slike/velebit-linije.png') !important;}

/*Ponuda*/
.home-offer {}
.home-offer .flip-card .flip-front, .home-offer .flip-card .flip-back { height: 300px}
.home-offer .flip-card h3 {color: #fff !important}
.home-offer .flip-card .flip-back {background:  var(--primary) !important;}
.home-offer .flip-card {  cursor: pointer;}
.home-offer .flip-card .flip-back p {color: #fff !important;}

/*Ponuda*/
.child-offer {}
.child-offer .flip-card .flip-front, .child-offer .flip-card .flip-back { height: 350px}
.child-offer .flip-card h3 {color: #fff !important}
.child-offer .flip-card .flip-back {background:  var(--primary) !important;}
.child-offer .flip-card {  cursor: pointer;}
.child-offer .flip-card .flip-back p {color: #fff !important;}

/*Atrakcije*/
.home-attractions { position: relative;  background-size: cover !important;  background-position: center top !important;  background-repeat: repeat-y !important;  background-image: url('https://pp-velebit.hr/slike/park-prirode-velebit-gospic.png') !important;margin: 0 !important }
.home-attractions .text-3-5 { margin-top: 1rem;}

/*Novosti*/
.home-news { background: linear-gradient(0deg,#f4f4f4,#e4e4e4) !important;}

/*Korisni linkovi*/
.home-links {}
.home-links-holder{height:auto;background-color:#fff;width:auto;padding:20px 10px;align-items:center;display:flex;justify-content:center;float:none;margin:0 auto}
.home-links-holder img{width:auto!important;height:60px;max-height:60px}

/*header ostale*/
.bg-custome{background:url(https://pp-velebit.hr/slike/header-ostale.jpg) center no-repeat;background-size:cover}
.bg-custome::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#000;opacity:.35}
.page-header.page-header-modern.page-header-md{padding: 200px 0 150px 0;}
.bg-custome::after {  content: "";  width: 100%;  height: 50px;  background-image: url(https://pp-velebit.hr/slike/planina.svg);  background-size: 100%;background-repeat: repeat-x;  bottom: 0px;   left: 0;  position: absolute;  z-index: 999;}
.h1-heading {  font-weight: 400;}


/*Footer*/
#footer{background-image:url(https://pp-velebit.hr/slike/footer-ravni-dabar.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;color:#fff;z-index:1;border:0;position:relative;padding:5rem 0}
#footer::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#028541;opacity:.8}
#footer .container{position:relative;z-index:2}
#footer p,#footer a{color:#fff!important}
#footer .social-icons {margin: 30px 0 0 0;}
#footer .social-icons li {padding-right: 25px !important;}
.logo-footer {width: 80%;  margin-bottom: 40px;}

#footer .footer-copyright {background: transparent;}
#footer .footer-copyright p {  color: #fff;  margin: 15px 0;  padding: 0; text-align: center;}
#footer .footer-copyright a{  color: #fff;}
#footer.short .footer-copyright{border:none;text-align:center;color:#fff;padding:0;font-weight:600;position:relative;z-index:2}

.btn-moj { border-color: #fff !important;  color: #fff !important;}
.btn-moj:hover {  background-color: var(--primary);  border-color: var(--primary);  color: #fff;}

/* Custom Card Style */
.custom-card-style-1 .custom-card-img-top-wrapper .post-date{position:absolute;top:35px;left:35px;text-align:center}
.custom-card-style-1 .custom-card-img-top-wrapper .post-date .month{display:block;background:var(--grey-500);border-radius:0 0 2px 2px;color:var(--light);font-size:.8em;line-height:1.8;padding:1px 10px;text-transform:uppercase}
.custom-card-style-1 .custom-card-img-top-wrapper .post-date .day{background:var(--grey-100);border-radius:2px 2px 0 0;color:var(--grey-500);display:block;font-size:18px;font-weight:900;padding:10px}

.mdp-readabler-trigger-button-box button {padding: 10px;}

@media (max-width: 1981px) {}
@media (max-width: 1921px) {}
@media (max-width: 1681px) {}
@media (max-width: 1600px) {}
@media (max-width: 1440px) {}
@media (max-width: 1367px) {}
@media (max-width: 1281px) {}
@media (max-width: 1266px) {}
@media (max-width: 1199px) {}	
@media (max-width: 1025px) {}
@media (min-width: 992px) and (min-width: 1200px) {
  #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    padding: 0 1.3rem;
  }
}

@media (max-width: 991px) {
	#header .header-btn-collapse-nav {background: transparent;}	
	#header .header-btn-collapse-nav:focus,	#header .header-btn-collapse-nav:active {outline: none !important;box-shadow: none;}	
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color: #fff;}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #fff;}
	
	.sticky-header-active .hamburger-inner, 
	.sticky-header-active .hamburger-inner::before, 
	.sticky-header-active .hamburger-inner::after {background-color: var(--primary);}

	.sticky-header-active .hamburger.is-active .hamburger-inner, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::before, 
	.sticky-header-active .hamburger.is-active .hamburger-inner::after {background-color: var(--primary);}		
	.dropdown-item.active, .dropdown-item:active {text-decoration: none;  background-color: var(--secondary);}
}

@media (max-width: 801px) {}
@media (max-width: 769px) {}	

/*iPhone 6 Plump landscape  width: 736px*/
@media (max-width: 737px) {	
	.home-offer .flip-card .flip-front, .home-offer .flip-card .flip-back { height: 300px;}
	.home-video::after, .bg-custome::after  {bottom: -20px;}
	.page-header.page-header-modern.page-header-md {  text-align: center;}
	.galerija-detaljna .masonry-item {   width: 47% !important;}	
}

@media (max-width: 668px) {}	

/*Android (Nexus 4) landscape  width: 600px*/
@media (max-width: 601px) {
	.home-video::after, .bg-custome::after  {bottom: -30px;}
	.page-header.page-header-modern.page-header-md {padding: 150px 0 100px 0;}
}

/*iPhone 5 landscape width: 568px*/
@media (max-width: 569px) {
	.home-offer .flip-card .flip-front, .home-offer .flip-card .flip-back {height: 250px;}
	.home-video::after, .bg-custome::after  {bottom: -40px;}
}
	
@media (max-width: 481px) {}	
@media (max-width: 416px) {}
@media (max-width: 376px) {}
@media (max-width: 321px) {}
@media (max-width: 241px) {}