@import url('fontawesome-all.css');
@import url('flaticon.css');

/******************************************************
/// Osnovni stilovi
******************************************************/
* { margin:0px; padding:0px; border:none; outline:none; font-size: 100%; line-height: inherit; }
html:before { content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .8); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .8); box-shadow: 0px 0px 15px rgba(0, 0, 0, .8); z-index: 9999999; }
body { margin: 60px; font-size: 15px; color: #7f8a99; line-height:1.6em; font-weight:400; background: rgba(6, 17, 56, 1); -webkit-font-smoothing: antialiased; font-family: 'Poppins', sans-serif; -moz-font-smoothing: antialiased; }
a { text-decoration: none; cursor: pointer; color: #ffc107; }
a:hover, a:focus, a:visited, a:active, button:active { text-decoration: none; outline: none; }
h1, h2, h3, h4, h5, h6 { position: relative; font-weight: normal; margin: 0px 0px 15px; background: none; line-height: 1.50em; }
h1 { font-size: 90px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 14px; }
input, select, button { font-family: 'Poppins', sans-serif; }
textarea { overflow:hidden; resize: none; }
button { outline: none !important; cursor: pointer; }
p { font-size: 15px; line-height: 1.6em; font-weight: 400; margin: 0 0 15px; }
.text { font-size: 17px; line-height: 1.8em; font-weight: 400; margin: 0; }
.text p { font-size: 17px; line-height: 1.8em; font-weight: 400; }
.text p strong { color: #061138; }
ul, li { list-style:none; padding:0px; margin:0px; }
figure { display: block; margin: 0; padding: 0; }
.centered { text-align:center !important; }
::-webkit-input-placeholder { color: inherit; }
::-moz-input-placeholder { color: inherit; }
::-ms-input-placeholder { color: inherit; }
img { display:inline-block; max-width:100%; height:auto; }
.dropdown-toggle::after { display: none; }
.fa { line-height: inherit; }

.link { position: relative; display: inline-block; font-weight: 600; text-transform: uppercase; color: #061138; font-size: 15px; line-height: 24px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.link .icon { position: relative; font-size: 18px; font-weight: 400; vertical-align: middle; padding-right: 5px; }
.link:hover { color: #ffc107; }

.bg { background: url(../images/bg/sonar_bg.jpg); width:100%; height:100%; background-repeat: no-repeat; background-position: top center; background-size: cover; }
.bg { background: #061138 url(../images/bg/izobate.png); width:100%; height:100%; background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 90px 0px; }
.bg-blue { background: rgba(6, 17, 56, 1); }
.bg-yellow { background: rgba(220, 153, 9, 0.85) }
.pt-0 { padding-top: 0px!important; }
.p-lr-100 { padding: 0 100px!important; }
.p-50 { padding: 50px 0!important; }
.pt-30 { padding-top: 30px!important; }
.pt-50 { padding-top: 50px!important; }
.pt-100 { padding-top: 100px!important; }
.pb-50 { padding-bottom: 50px!important; }
.pb-100 { padding-bottom: 100px!important; }
.mt-30 { margin-top: 30px!important; }
.mt-50 { margin-top: 50px!important; }
.mt-80 { margin-top: 80px!important; }
.mt-80 { margin-top: 80px!important; }
.mt-100 { margin-top: 100px!important; }
.mt-0 { margin-top: 0px!important; }
.mb-50 { margin-bottom: 50px!important; }
.nopadding { padding-left: 0; padding-right: 0; }


/******************************************************
/// Scroll Down
******************************************************/
.scrollDown a { position: relative; bottom: 100px; z-index: 2; display: inline-block; 
color: #fff; font-size: 15px; font-weight: 500; letter-spacing: 1px; text-decoration: none; transition: opacity .3s; }
.scrollDown a:hover { opacity: .5; }
#scrollDown a { padding-top: 80px; }
#scrollDown a span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb07 2s infinite; animation: sdb07 2s infinite; opacity: 0; box-sizing: border-box; }
#scrollDown a span:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
#scrollDown a span:nth-of-type(2) { top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s; }
#scrollDown a span:nth-of-type(3) { top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s; }
@-webkit-keyframes sdb07 {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes sdb07 {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

/******************************************************
/// Gumbi
******************************************************/
.gumb { display:inline-block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.gumb i { position: relative; display: inline-block; font-size: 14px; margin-left: 3px; }
.stil-1 { position: relative; display: inline-block; text-transform:uppercase; border-radius:0px; overflow:hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.stil-1 .naslov { position: relative; display: block; font-size: 17px; line-height: 22px; color: #ffffff; font-weight: 600; padding: 15px 50px; min-height: 42px; background: #061138; border-radius: 0px; z-index: 1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.stil-1:hover .naslov { background: #ffc107; color: #ffffff; }
.stil-2 { position: relative; display: inline-block; text-transform:uppercase; border-radius:0px; overflow:hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.stil-2 .naslov { position: relative; display:block; font-size: 15px; line-height: 28px; color: #ffffff; font-weight: 600; padding: 10px 45px; background: none; border: 2px solid #ffffff; border-radius:0px; z-index:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.stil-2:hover .naslov { background: #ffc107; border-color: #ffc107; color: #061138; }
.stil-3 { position: relative; display: inline-block; text-transform:uppercase; border-radius:0px; overflow:hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.stil-3 .naslov { position: relative; display:block; font-size: 15px; line-height: 28px; color: #ffffff; font-weight: 600; padding: 12px 45px; background: #ffc107; border-radius:0px; z-index:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.stil-3:hover .naslov { background: #202020; color: #ffffff; }
.stil-4 { position: relative; display: inline-block; text-transform:uppercase; border-radius:0px; overflow:hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.stil-4 .naslov { position: relative; display:block; font-size: 15px; line-height: 28px; color: #061138; font-weight: 600; padding: 10px 45px; background: none; border: 2px solid #061138; border-radius:0px; z-index:1; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.stil-4:hover .naslov { background: #061138; border-color: #061138; color: #ffffff; }

/******************************************************
/// Preloader
******************************************************/
.preloader { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999999999; background-color:rgba(0, 0, 0, 0); } 
.preloader:before { content:''; position:absolute; left:0; top:0; width:51%; height:100%; background:#ffffff; z-index:0; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.page-loaded .preloader:before { -webkit-transform:translateX(-101%); -ms-transform:translateX(-101%); transform:translateX(-101%); }
.preloader:after { content:''; position:absolute; right:0; top:0; width:51%; height:100%; background:#ffffff; z-index:2; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; }
.page-loaded .preloader:after { -webkit-transform:translateX(101%); -ms-transform:translateX(101%); transform:translateX(101%); }
.preloader .icon { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:5; background-color:rgba(0, 0, 0, 0); background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.page-loaded .preloader .icon { opacity:0;  }

/******************************************************
/// To Top
******************************************************/
.to-top { position: fixed; right: 0px; bottom: 0px; width: 60px; height: 60px; color: #ffc107; font-size: 24px; line-height: 60px; text-align: center; z-index: 100; cursor: pointer; background: #061138; display: none; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
.to-top .icon { position: relative; display: block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.to-top:hover { color: #061138; background: #ffc107; } 

/******************************************************
/// Struktura
******************************************************/
.page-wrapper { position:relative; margin:0 auto; width:100%; min-width:300px; z-index: 9; }
.auto-container { position:static; max-width:1200px; padding:0 15px; margin:0 auto; text-align:center; }
.inner, .inner-box, .sadrzaj-inner { display: block; }

/******************************************************
/// Animacija naslovnice
******************************************************/
#layer-a { opacity:0.40; z-index:-1; width: 1067px; height: 1240px; margin: 0; padding: 0; background: url(../images/bg/kosina1.png) no-repeat bottom center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; position: fixed; top: 0px; left: -407px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; animation-name: slide-a; animation-duration:5s; animation-delay:0.5s; animation-direction: alternate; animation-timing-function: ease-in-out; -webkit-animation-name: slide-a; -webkit-animation-duration:5s; -webkit-animation-delay:1s; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; }
#layer-b { opacity:0.40; z-index:-1; width: 1233px; height: 1240px; margin: 0; padding: 0; background: url(../images/bg/kosina2.png) no-repeat top left; position: fixed; top: 0px; left: -507px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; animation-name: slide-b; animation-duration:5s; animation-delay:0.5s; animation-direction: alternate; animation-timing-function: ease-in-out; -webkit-animation-name: slide-b; -webkit-animation-duration:5s; -webkit-animation-delay:0.5s; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; }

@keyframes slide-a { 0% { left:-407px; } 50% { left:0px; } 100% { left:-407px; }  }
@-webkit-keyframes slide-a { 0% { left:-407px; } 50% { left:0px; } 100% { left:-407px; }  }
@keyframes slide-b { 0% { left:-507px; } 50% { left:0px; } 100% { left:-507px; }  }
@-webkit-keyframes slide-b { 0% { left:-507px; } 50% { left:0px; } 100% { left:-507px; }  }




/******************************************************
/// Naslovi
******************************************************/
.naslovi { position:relative; margin-bottom:50px; }
.naslovi.centered { max-width: 720px; margin: 0 auto 50px; }
.naslovi .uppercase { position: relative; display: inline-block; line-height: 1.5em; font-size: 15px; color: #7f8a99; text-transform: uppercase; font-weight: 500; letter-spacing: 0.03em; margin: 0 0 7px; }
.naslovi h2 { position: relative; display: block; font-size: 70px; line-height: 1.20em; color: #061138; font-weight: 100; text-transform:uppercase; margin-bottom: 0px; }
.naslovi h2 strong { font-weight: 700; }
.naslovi h3 { position: relative; display: block; font-size:30px; line-height: 1.25em; color: #061138; font-weight: 400; text-transform:capitalize; margin-bottom: 0px; }
.naslovi h3 strong { font-weight: 700; }
.naslovi .lowercase { position: relative; display: inline-block; line-height: 1.5em; font-size: 14px; color: #7f8a99; text-transform: uppercase; font-weight: 400; margin: 10px 0 0; }
.naslovi .title-text { position: relative; display: block; line-height: 1.7em; font-size: 15px; color: #7f8a99; font-weight: 400; margin: 15px 0 0; }
.naslovi .linkWrap { position: relative; display: block; margin: 25px 0 0; }
.naslovi.light, .naslovi.light h3, .naslovi.light h2 { color: #ffffff; }
.naslovi.light .uppercase { color: #7f8a99; }
.naslovi.light .lowercase { color: #8a91ae; }

/******************************************************
/// SubHeaderi
******************************************************/
.subHeader { position:relative; padding: 0; color: #ffffff; background: #061138; background-position:center top; background-repeat:no-repeat; background-size:cover; margin-top: 290px; z-index: 9; }
.subHeader.small { min-height:290px; font-size:100%; }
.subHeader.wide { min-height:800px; margin-top:0; }
.subHeader.wide:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; background: linear-gradient(to top, transparent 0%, #061138 100%); z-index: 2; opacity: 1; }
.subHeader.wide:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; background: linear-gradient(to bottom, transparent 0%, #061138 100%); z-index: 2; opacity: 0.55; }
.subHeader.wider { min-height:950px; margin-top:0; }
.subHeader.wider:before { content: ""; width: 100%; height:100%; position: absolute; top: 0; background: linear-gradient(to top, transparent 0%, #061138 100%); z-index: 2; opacity: 1; }
.subHeader.wider:after { content: ""; width: 100%; height:100%; position: absolute; bottom: 0; background: linear-gradient(to bottom, transparent 0%, #061138 100%); z-index: 2; opacity: 0.55; }
.subHeader.small:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; background: linear-gradient(to top, transparent 0%, #061138 100%); z-index: 2; opacity: 1; }
.subHeader.small:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; background: linear-gradient(to bottom, transparent 0%, #061138 100%); z-index: 2; opacity: 0.55; }
.subHeader .filter-box { margin: 0 auto; padding-top:30px; width: 300px; text-align:center; }
.subHeader .slika { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.subHeader .slika.top { background-position:top center; }
.subHeader .slika.bottom { background-position: bottom center; }
.subHeader .sadrzaj-inner { position: relative; display: block; text-align: center; }
.subHeader .naslovi { position: relative; padding: 70px 0; z-index:999; }
.subHeader.wider .naslovi { position: absolute; left: 0; top: 50%; width: 100%; padding: 0px 20px; text-align: center; color: #ffffff; font-size: 15px; text-transform: uppercase; font-weight: 500; line-height: 1.6em; z-index: 9; }
.subHeader.wider .naslovi h2 { color:#fff; font-size: 78px; line-height: 90px; font-weight: 700; text-transform: uppercase; margin-bottom: 50px; }
.subHeader.wider .naslovi p { color:#fff; font-size: 28px; letter-spacing:5px; font-weight: 500; text-transform: uppercase; margin-bottom: 0px; }
.subHeader h1 { position:relative; font-size:48px; color:#ffffff; line-height: 1.2em; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin: 0; }
.subHeader.not-available #booking, .subHeader.sold #booking { display:none; }

/******************************************************
/// Kategorije sadrzaj-slika lijevo-desno u nizu
******************************************************/
.kategorijaWide { position:relative; padding: 0; }
.kategorijaWide .slika-lijevo { position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index:1; }
.kategorijaWide .slika-lijevo .slika { position: absolute; left: 0; right: 0; top: 0px; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.kategorijaWide .slika-desno { position: absolute; right: 0; top: 0; width: 50%; height: 100%; z-index:1; }
.kategorijaWide .slika-desno .slika { position: absolute; right: 0px; left: 0px; top: 0; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.kategorijaWide .sadrzaj-outer { position: relative; }
.kategorijaWide .sadrzaj-inner { position: relative; display: block; width: 50%; float: right; }
.kategorijaWide .sadrzaj-inner.left { position: relative; display: block; width: 50%; float: left; }
.kategorijaWide .sadrzaj-wrapper { position: relative; display: block; padding: 130px 100px; background: #ffffff; box-shadow: 0px 0px 40px 20px rgba(6, 17, 56, 1); z-index:3; }
.kategorijaWide .sadrzaj-inner .video-link { position: absolute; right: 100%; margin-right: 70px; bottom: 100px; display: block; width: 280px; z-index:3; }
.kategorijaWide .sadrzaj-inner .video-link .video-thumb { position: relative; left: 0; top: 0; width: 100%; height: 200px; overflow: hidden; }
.kategorijaWide .sadrzaj-inner .video-link .video-thumb img { display: block; width: 100%; height: auto; }
.kategorijaWide .sadrzaj-inner .video-link .icon { position: absolute; left: 50%; top: 50%; margin: -35px 0px 0px -35px; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #061138; font-size: 24px; background: #ffffff; border-radius: 50%; }
.kategorijaWide .sadrzaj-inner .video-link .overlink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; color: #ffffff; background: rgba(0, 0, 0, 0); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.kategorijaWide .sadrzaj-inner .video-link .overlink:hover { background: rgba(0, 0, 0, 0.50); }

.kategorijaWide .sadrzaj-wrapper .naslovi { margin-bottom: 15px; }
.kategorijaWide .sadrzaj-wrapper h4 { margin-bottom: 25px; color: #061138; }
.kategorijaWide .sadrzaj-wrapper .sadrzaj { margin-bottom: 40px; }
.kategorijaWide .sadrzaj-wrapper .sadrzajBottom { position: relative; }
.kategorijaWide .sadrzaj-wrapper .sadrzajBottom .linkWrap { position: relative; }
.kategorijaWide .sadrzaj-wrapper .sadrzajBottom .imgWrap, .kategorijaWide .sadrzaj-wrapper .imgWrap { display: block; margin:0 0 30px 0; }
.kategorijaWide .sadrzaj-wrapper .sadrzajBottom .imgWrap img, .kategorijaWide .sadrzaj-wrapper .imgWrap img { display: inline-block; max-width:350px; }
.kategorijaWide .sadrzaj-wrapper .sadrzajBottom .imgWrap:first-child img, .kategorijaWide .sadrzaj-wrapper .imgWrap:first-child img { margin-right:30px; }
.kategorijaWide .sadrzaj-wrapper .sadrzajBottom .info { position: relative; float: right; text-align: right; padding-right: 15px; }
.kategorijaWide .sadrzaj-wrapper .sadrzajBottom .info:before { content: ''; position: absolute; right: 0px; top: 6px; bottom: 4px; border-right: 2px solid #ffc107; }

/******************************************************
/// Services blokovi
******************************************************/
.services-blokovi { position:relative; padding: 0; color: #ffffff; z-index:99; overflow: hidden; }
.services-blokovi .slika { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.services-blokovi .slika:before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(6, 17, 56, 0.85); }
.services-blokovi .slika.layer-desno { left: auto; right: 0; }
.services-blokovi .stupac { position: relative; float: left; width: 50%; }
.services-blokovi .stupac-lijevo { position: relative; }
.services-blokovi .stupac-desno { position: relative; }
.services-blokovi .stupac .sadrzajWrap { position: relative; display: block; width: 100%; max-width: 750px; }
.services-blokovi .stupac-lijevo .sadrzajWrap { float: right; padding-right: 200px; }
.services-blokovi .stupac-desno .sadrzajWrap { float: left; padding-right: 0px; padding-left: 200px; }
.services-blokovi .stupac .sadrzaj { position: relative; display: block; padding: 140px 20px; text-align: center; }
.services-blokovi .stupac .slika { width: 100%; display: none; }
.services-blokovi .stupac .podnaslov { font-size: 15px; text-transform: uppercase; color: #ffffff; margin-bottom: 5px; }
.services-blokovi .stupac h2 { font-size: 45px; text-transform: uppercase; color: #ffffff; margin-bottom: 30px; }
.services-blokovi .stupac .tekst p { font-size: 17px; line-height: 1.8em; font-weight: 400; }

/******************************************************
/// izleti blokovi
******************************************************/
.izleti-blokovi { position: relative; z-index:99; padding: 100px 0 0 0; margin-bottom: -50px; }
.tourWrap { position: relative; margin-bottom: 30px; }
.tourWrap .sadrzajWrap { position: relative; display: block; padding-bottom: 45px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.tourWrap .imgWrap { position: relative; display: block; overflow: hidden; max-height: 360px; }
.tourWrap .imgWrap:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6, 17, 56, 0.90); transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; opacity: 0; z-index: 1; }
.tourWrap:hover .imgWrap:before { opacity: 1; }
.tourWrap .imgWrap img { position: relative; display: block; width: 100%; }
.tourWrap .nasloviWrap { position: absolute; left: 0; bottom: 50px; width: 100%; padding: 0px 20px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index: 3; }
.tourWrap .linkWrap { position: absolute; left: -15px; bottom: -25px; width: 100%; padding: 0px 20px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index: 3; }
.tourWrap .linkWrap a { position: relative; display: block; float: right; width: 100%; max-width: 300px; background: #ffffff; padding: 0; padding: 15px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index: 1; }
.tourWrap .sadrzaj { position: relative; display: block; float: right; width: 100%; max-width: 300px; background: #ffffff; padding: 25px 20px 22px; box-shadow: 0px 0px 60px 0px rgba(6, 17, 56, 1); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index: 1; }
.tourWrap:hover .sadrzaj { padding-bottom: 65px; background: #ffc107; }
.tourWrap .sadrzaj h4 { position: relative; color: #061138; font-size: 22px; line-height: 1.3em; margin: 0; }
.tourWrap .sadrzaj h4 a { color: #061138; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
.tourWrap:hover .sadrzaj h4 a { color: #061138; }
.tourWrap .sadrzaj h4 a:hover { color: #061138; text-decoration: none; }
.tourWrap .sadrzaj .tourType { position: relative; display: block; color: #7f8a99; font-size: 15px; text-transform: uppercase; margin-top: 10px; }
.tourWrap:hover .sadrzaj .tourType { color: #ffffff; }

/******************************************************
/// Staticni sadrzaji
******************************************************/
.staticniSadrzaji { position: relative; display: block; background: #ffffff; padding: 100px 0 100px 0; }
.staticniSadrzaji .sadrzaj p { font-size: 17px; line-height: 1.8em; font-weight: 400; }
.staticniSadrzaji .sadrzaj p strong  { color: #061138; }
.staticniSadrzaji .col-lg-7 { padding-right: 50px; }
.staticniSadrzaji .sadrzaj ul { margin: 10px 0px 20px 30px; font-size: 17px; line-height: 1.8em; font-weight: 400; }
.staticniSadrzaji .sadrzaj ul li { list-style: disc; padding: 2px 0; }






/******************************************************
/// Footer
******************************************************/
.footerBg { padding: 450px 0 80px 0; background: linear-gradient(to left bottom, rgba(6, 17, 56, 0) 0%, rgba(6, 17, 56, 1) 65%), url(../images/bg/footer.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 9; }
.footer { color: #7f8a99; font-size: 15px; line-height:26px; text-align: center; padding: 0 0 80px 0; width: 100%; margin:0px auto; }
.footer svg { margin: 0 0 5px 15px; }
.footer p { font-size: 15px; color: #7f8a99; }
.footer p strong { font-size: 17px; }
.footer a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.footer .socialLinks ul { position:relative; text-align:center; display:block; width: 100%; margin:0px auto 54px auto; }
.footer .socialLinks li { display: inline-block; padding-right: 20px; }
.footer .socialLinks li:last-child { padding-right: 0px; }
.footer .socialLinks li a { position: relative; display: block; width: 64px; height: 64px; line-height: 64px; background: transparent; border: 1px solid #384160; color: #ffffff; font-size: 28px; text-align: center; border-radius: 50%; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; }
.footer .socialLinks li a:hover { color: #ffffff; background: #ffc107; }
.footer .f-menuWrap { padding: 20px 0 30px 0; text-align: center; }
.footer .f-menu ul { padding: 8px 0; margin: 0px auto; list-style-type: none; border-top: 1px solid #7f8a99; border-bottom: 1px solid #7f8a99; max-width: 600px; }
.footer .f-menu ul li { display: inline-block; vertical-align: baseline; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0; }
.footer .f-menu ul li a { font-size: 15px; font-weight: 700; }
.footer .f-menu ul li + li:before { content: ' '; display: inline-block; width: 0; height: .8em; margin: 0 1em; vertical-align: baseline; border-left: 1px solid #7f8a99; }
.footer .f-menu ul li a:hover { color: #fff; }
.footer .copyright { text-align: center; }
.footer .copyright p { font-size: 13px; line-height:23px; }
.footer .dizajn { float:left; width:100%; font-size: 15px; font-weight: bold; text-align: center; padding-left: 15px; margin-top: 40px; }
.footer .dizajn p { color:#7f8a99; font-weight:600; font-size: 11px; line-height:21px; margin-bottom:0; text-transform:uppercase; } 
.footer .dizajn img { display: block; margin: 5px auto 0 auto; text-align: center; } 
.footer .dizajn a { color: #7f8a99; }
.footer .dizajn a:hover { opacity: 0.65; }