/*
Theme Name: DV Brat Sunce
Theme URI: https://www.dvbratsunce.hr/
Author: EGO MEDIA
Author URI: http://www.egomedia.hr/
Description: Dječji vrtić Brat Sunce
Version: 1.0
License: Copyright © Ego Media, Tezacka 47, 22000 Sibenik - Croatia
License URI: http://www.egomedia.hr/
Tags: css, egomedia, ego, media, dv, brat, sunce, dvbratsunce
Text Domain: dvbratsunce
Note: Date: 29.03.2020. 
-------------------------------------------------------*/ 

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300,400,500,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

@import url(../css/font-awesome-all.css);
@import url(../css/flaticon.css);
@import url(../css/owl.css);
@import url(../css/bootstrap.css);
@import url(../css/jquery.fancybox.min.css);
@import url(../css/animate.css);
@import url(../css/jquery-ui.css);

/******************************************************
/// Osnovni stilovi
******************************************************/
* { margin:0px; padding:0px; border:none; outline:none; }

html { margin: 0 80px 80px 80px; }
body { font-size:15px; color:#848484; line-height:26px; font-weight:400; background:#f8f7f1; font-family: 'Open Sans', sans-serif; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; box-shadow: 0 30px 50px rgba(8,13,62,.15); }

.site-wrapper { position: relative; overflow-x: hidden; margin: 0 auto; width: 100%; min-width: 300px; }

a { color: #1b75bc; text-decoration:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
a:hover { text-decoration:none; outline:none; color: #f1a11f; }
input, button, select, textarea { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; }
ul, li { list-style:none; padding:0px; margin:0px; }
input { transition: all 500ms ease; }
button:focus, input:focus, textarea:focus { outline: none; box-shadow: none; transition: all 500ms ease; }
p { position: relative; font-family: 'Open Sans', sans-serif; line-height: 26px; color: #615e5d; margin-bottom: 0px; font-style: normal; transition: all 500ms ease; }
h1, h2, h3, h4, h5, h6 { position:relative; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 400; margin: 0px; transition: all 500ms ease; }
h3 { position: relative; display: block; font-size: 22px; line-height: 30px; font-weight: 900; color: #1b75bc; margin-bottom: 10px; }
h3 a { position: relative; display: inline-block; color: #1b75bc; }
h3 a:hover { color: #f1a11f; }
.uppercase { text-transform: uppercase; }
.smaller { font-size: 80%; }
.bold { font-weight: 700; }
.mt30 { margin-top: 30px; }
.mt80 { margin-top: 80px; }
.mb80 { margin-bottom: 80px; }
.mb150 { margin-bottom: 150px; }
.mr30 { margin-right: 30px; }
.center { text-align: center; }
.pull-left { float: left; }
.pull-right { float: right; }
.sec-pad { padding: 144px 0px 150px 0px; }
.nopadding { padding-left:0; padding-right:0; }
.nomargin { margin-left:0; margin-right:0; }
figure { margin: 0px; }
img { display: inline-block; max-width: 100%; height: auto; }
blockquote { font-weight: 100; font-size: 2rem; max-width: 100%; line-height: 1.4; position: relative; margin: 0; padding: .5rem .5rem .8rem .5rem; text-align:center; }
blockquote:before, blockquote:after { position: absolute; color: #f1a11f; font-size: 6rem; width: 2rem; height: 2rem; }
blockquote:before { content: '“'; left: -2rem; top: -2rem; }
blockquote:after { content: '”'; right: -2rem; bottom: 1rem; }
cite { line-height: 3; text-align: left; }
hr { border: none; margin-bottom: 20px; margin-top: 20px; height: 1px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); }
h3::after { margin-bottom: 10px; margin-top: 10px; height: 1px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,1) 50%, rgba(0,0,0,0) 100%); }

@keyframes pulse { 50% { box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.1); }
}

/******************************************************
/// Preloader
******************************************************/
.preloader { position: fixed; left:0px; top:0px; height:100%; width: 100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif); }

/******************************************************
/// Na Vrh
******************************************************/
.naVrh { width: 50px; height: 50px; line-height: 50px; position: fixed; bottom: 105%; right: 50px; font-size: 20px; border-radius: 50%; z-index: 99; color: #ffffff; text-align: center; cursor: pointer; background: #f1a11f; transition: .5s ease; border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%; text-align: center; box-shadow: 0px 1px 20px rgba(255, 255, 255, 0.19); }
.naVrh.open { bottom: 30px; }
.naVrh:hover { background: #1b75bc; transform: scale(1.3); }
.naVrh:after { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); }

/******************************************************
/// Gumb
******************************************************/
.gumb { padding: 20px 25px; border-radius: 50%/15%; position: relative; margin-top: 10px; margin-bottom: 10px; color: #fff; font-family: 'M PLUS Rounded 1c', sans-serif; z-index: 1; font-size: 15px; line-height: 26px; font-weight: 900; text-align: center; text-transform: uppercase; transition: all linear 0.1s; -o-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -webkit-transition: all linear 0.1s; margin-left: 5px; cursor: pointer; background-color: #f1a11f; }
.gumb::before { content: ''; position: absolute; border-radius: 3%/50%; background: #1b75bc; top: 10px; bottom: 10px; right: -14px; left: -14px; z-index: -1; transition: all linear 0.1s; -o-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -webkit-transition: all linear 0.1s; }
.gumb:hover { padding: 23px 25px; border-radius: 50%/18%; margin-top: 7px; margin-bottom: 7px; color: #fff; animation: rainbow 5s infinite alternate; -moz-animation: rainbow 5s infinite alternate; -webkit-animation: rainbow 5s infinite alternate; -o-animation: rainbow 5s infinite alternate; }
.gumb:hover::before { border-radius: 6%/50%; top: 11px; bottom: 11px; right: -7px; left: -7px; animation: rainbow 5s infinite alternate; -moz-animation: rainbow 5s infinite alternate; -webkit-animation: rainbow 5s infinite alternate; -o-animation: rainbow 5s infinite alternate; }
.gumb.blue { background: #1b75bc; color: #fff !important; animation: rainbow 5s infinite alternate; -moz-animation: rainbow 5s infinite alternate; -webkit-animation: rainbow 5s infinite alternate; -o-animation: rainbow 5s infinite alternate; }
.gumb.blue::before { content: ''; position: absolute; border-radius: 3%/50%; background: #f1a11f; top: 10px; bottom: 10px; right: -14px; left: -14px; z-index: -1; transition: all linear 0.1s; -o-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -webkit-transition: all linear 0.1s; }
.gumb:hover.blue::before { background: #f1a11f; }

.btn-primary { color: #fff; background-color: #1b75bc; border-color: #1b75bc; }
.btn-primary:hover { color: #fff; background-color: #f1a11f; border-color: #f1a11f; }

@keyframes rainbow { 0% { background: #ca619b; filter: drop-shadow(0 5px 10px rgba(202, 97, 155, 0.3)); } 20% { background: #517abf; filter: drop-shadow(0 5px 10px rgba(81, 122, 191, 0.3)); } 40% { background: #84c2eb; filter: drop-shadow(0 5px 10px rgba(132, 194, 235, 0.3)); } 60% { background: #51bfa1; filter: drop-shadow(0 5px 10px rgba(81, 191, 161, 0.3)); } 80% { background: #f5958e; filter: drop-shadow(0 5px 10px rgba(245, 149, 142, 0.3)); } 100% { background: #db9abc; filter: drop-shadow(0 5px 10px rgba(219, 154, 188, 0.3)); }
}

/******************************************************
/// Header, Sticky header
******************************************************/
.header { position:relative; left:0px; top:0px; background: #ffffff; z-index:999; width:100%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
.sticky-header { position:fixed; opacity:0; visibility:hidden; background: #ffffff; padding: 30px 0 0 0; left:0px; top:0px; border-bottom: 1px solid #e0e0e0; width:100%; z-index:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; box-shadow: 0 30px 50px rgba(8,13,62,.15); }
.fixed-header .sticky-header { z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
li.header-pretraga-bar i { position: relative; display: inline-block; font-size: 20px; width: 35px; height: 35px; line-height: 35px; color: #fff; background: #f1a11f; text-align: center; border-radius: 50%; cursor: pointer; margin: 9px 0 0 10px; transition: all 500ms ease; font-size:14px; }
li.header-pretraga-bar i:hover { background: #1b75bc; }
.header .logo-wrapper .logo { width: 190px; position: absolute; left: 50%; margin-left: -80px; top:-80px; }
.header .logo-wrapper .logo:before { position: absolute; z-index:-1; content: ''; background: url(../images/icons/logo-shap.png); width: 216px; height: 57px; left: -15px; bottom: -45px; background-repeat: no-repeat; }

/******************************************************
/// Pretraga
******************************************************/
.pretraga { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.pretraga > .table { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0; }
.pretraga > .table > .table-cell { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; }
.pretraga > .table > .table-cell > .pretraga-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transform: translateX(100%); -webkit-transform: translateX(100%); }
.pretraga > .table > .table-cell > .pretraga-layer:nth-child(1) { left: 0; background-color: rgba(27, 117, 188,0.5); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.pretraga > .table > .table-cell > .pretraga-layer:nth-child(2) { left: 0px; background-color: rgba(27, 117, 188,0.4); transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; }
.pretraga > .table > .table-cell > .pretraga-layer:nth-child(3) { left: 0px; background-color: rgba(27, 117, 188,0.9); transition: all 0.9s ease-in-out 0.6s; -webkit-transition: all 0.9s ease-in-out 0.6s; }
.pretraga > .table > .table-cell > .zatvori { position: absolute; top: 40px; right: 40px; width: 30px; z-index: 2; text-align: center; cursor: pointer; }
.pretraga > .table > .table-cell > .zatvori > .zatvori-line { width: 100%; height: 2px; float: left; margin-bottom: 5px; background-color: #fff; }
.pretraga > .table > .table-cell > .zatvori > .zatvori-line:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.pretraga > .table > .table-cell > .zatvori > .zatvori-line:nth-child(2) { margin-top: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.pretraga > .table > .table-cell .trazilica { position: relative; z-index: 1; float: right; width: 100%; max-width: 500px; padding: 100px 40px 100px 40px; text-align: right; }
.pretraga > .table > .table-cell .trazilica > .naslov-pretrage { margin-bottom: 40px; }
.pretraga > .table > .table-cell .trazilica > .naslov-pretrage > *:last-child { margin-bottom: 0 !important; }
.pretraga > .table > .table-cell .trazilica > .naslov-pretrage h4 { margin-bottom: 20px; text-transform: uppercase; font-weight: 300; font-size: 35px; color: #fff; line-height: 45px; letter-spacing: 50px; opacity: 0; transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; }
.pretraga > .table > .table-cell .trazilica > .pretraga-bar .form-row { position: relative; padding: 0; margin: 0; }
.pretraga > .table > .table-cell .trazilica > .pretraga-bar .form-row input[type=text] { width: 100%; height: 60px; padding: 0px 40px 0px 0px; background-color: initial; border: none; border-bottom: 3px #dedede solid; box-shadow: initial; font-size: 20px; color: #fff; }
.pretraga > .table > .table-cell .trazilica > .pretraga-bar .form-row input::-webkit-input-placeholder { color:#fff; }
.pretraga > .table > .table-cell .trazilica > .pretraga-bar .form-row button[type=submit] { position: absolute; top: 17px; right: 0; z-index: 1; width: 40px; height: auto; background-color: initial; border: none; cursor: pointer; }
.pretraga > .table > .table-cell .trazilica > .pretraga-bar .form-row button[type=submit] i { font-size: 20px; color: #fff; line-height: 20px; }
body.pretraga-aktivirana .pretraga { opacity: 1; visibility: visible; }
body.pretraga-aktivirana .pretraga > .table > .table-cell > .pretraga-layer { transform: translateX(0); -webkit-transform: translateX(0); } 
body.pretraga-aktivirana .pretraga > .table > .table-cell .trazilica > .naslov-pretrage h4 { letter-spacing:3px; opacity: 1; } 

/******************************************************
/// Izbornik
******************************************************/
#hamburger-menu { width: 100%; }

.header .menu-area { position: relative; float: left; float: none; margin-right: 0px; margin-right: 22px;  }
.izbornik { position: relative; display: block; }
.izbornik .navbar-collapse { padding:0px; }
.izbornik .navigacija > li { position:relative; float:left; margin: 0px 35px; }
.izbornik .navigacija > li:first-child { margin-left: 0px; }
.izbornik .navigacija > li:last-child { margin-right: 0px; }
.izbornik .navigacija > li:before { position: absolute; content: ''; background: url(../images/icons/menu-icon.png); width: 59px; height: 10px; left: 50%; margin-left: -30px; bottom: 42px; transform: scale(0,0); background-repeat: no-repeat; transition: all 500ms ease; }
.izbornik .navigacija > li.active:before, .header .izbornik .navigacija > li:hover:before { transform: scale(1,1); }
.izbornik .navigacija > li > a { position:relative; display:block; font-size:19px; color:#1b75bc; line-height:26px; font-weight:900; opacity:1; text-transform:capitalize; padding: 67px 0px 63px 0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
.izbornik .navigacija > li.active > a, .izbornik .navigacija > li:hover > a { color: #f1a11f; }
.izbornik .navigacija { position: relative; }
.izbornik .navigacija > li > ul { position:absolute; left:0px; top: 100%; width:250px; z-index:100; display:none; background:#ffffff; border-top: 3px solid #f1a11f; box-shadow: 0px 0px 10px rgba(0,0,0,0.10); }
.izbornik .navigacija > li > ul > li { position:relative; width:100%; padding: 7px 30px; border-bottom: 1px solid #e5e5e5; transition: all 500ms ease; }
.izbornik .navigacija > li > ul > li:last-child { border-bottom:none; }
.izbornik .navigacija > li > ul > li > a { position:relative; display:block; font-family: 'M PLUS Rounded 1c', sans-serif; padding:6px 0px; line-height:24px; font-size:15px; color:#1b75bc; font-weight: 700; text-align:left; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
.izbornik .navigacija > li > ul > li:hover { background: #f1a11f; border-bottom: 1px solid #f1a11f; }
.izbornik .navigacija > li > ul > li:hover a { color: #ffffff; padding-left: 10px; }
.izbornik .navigacija > li > ul > li:last-child:hover { border-bottom: none; }
.izbornik .navigacija > li.dropdown:hover > ul { visibility:visible; opacity:1; }
.izbornik .navbar-collapse > ul li.dropdown .dropdown-btn { position:absolute; right: 15px; top: 8px; font-size:18px; border: 1px solid #ffffff; color:#ffffff; width: 35px; height: 30px; line-height: 30px; text-align: center; cursor:pointer; z-index:5; display: none; }
.navbar-header { display: none; }

.izbornik .navigacija > li.logo-wrapper:before { display: none; }

/** Sub-izbornik **/
.izbornik .navigacija > li > ul > li > ul { position:absolute; left:100%; top:0%; width:230px; z-index:100; display:none; padding: 0px 0px; background-color: #ffffff; border-top: 3px solid #f1a11f; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); }
.izbornik .navigacija li > ul > li.dropdown:hover > ul { visibility: visible; opacity: 1; top: 0; }
.izbornik .navigacija > li > ul > li > ul > li { position:relative; width:100%; margin:0px; border-bottom: 1px solid #e5e5e5; }
.izbornik .navigacija > li > ul > li > ul > li:last-child { border-bottom:none; }
.izbornik .navigacija > li > ul > li > ul > li > a { position:relative; display:block; padding:10px 25px !important; line-height:24px; font-weight:700; font-family: 'M PLUS Rounded 1c', sans-serif; font-size:15px; text-transform:capitalize; color: #1b75bc !important; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; }
.izbornik .navigacija > li > ul > li > ul > li:hover > a { color: #ffffff !important; background:#f1a11f; padding-left: 35px !important; }
.izbornik .navigacija > li > ul > li.dropdown > a:after { position: absolute; content: "\f105"; font-size: 16px; color: #222; top: 6px; right: -12px; font-weight: 600; cursor: pointer; transition: all 500ms ease; }
.izbornik .navigacija > li > ul > li.dropdown:hover > a:after { color: #ffffff; }

/** Sticky header **/
.sticky-header .izbornik .navigacija > li{ margin: 0 5px!important; }
.sticky-header .izbornik .navigacija > li:before { display: none !important; }
.sticky-header .izbornik .navigacija > li > a { padding: 15px !important; }
.sticky-header .izbornik .navigacija > li > a { color: #1b75bc; }
.sticky-header .izbornik .navigacija > li.active > a, .sticky-header .izbornik .navigacija > li:hover > a { background: #f1a11f; color: #ffffff !important; }
.sticky-header .logo-wrapper { position: relative; float: left; top: -17px; }
.sticky-header .menu-area { position: relative; float: right !important; }
.sticky-header .izbornik .navigacija > li > a:before { display: none; }

/******************************************************
/// Slider
******************************************************/
.slider { position:relative; }
.slider:before { position: absolute; content: ''; background: url(../images/icons/slider-shap.png); width: 100%; height: 140px; left: 0px; bottom: 0px; z-index: 11; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-position: center; background-repeat: no-repeat; }
.slider .slide { position:relative; padding: 185px 0px 290px 0px; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-repeat:no-repeat; background-position:center center; }
.slider .slide:before { position: absolute; content: ''; background: rgba(0, 0, 0, 0.50); width: 100%; height: 100%; left: 0px; top: 0px; }
.slider .naslovi-wrapper { position: relative; display: block; max-width: 700px; width: 100%; }
.slider h3 { position:relative; display: block; font-size: 28px; line-height: 35px; color: #f1a11f; font-weight: 900; opacity: 0; margin-bottom: 11px; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }
.slider .active h3 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 1000ms; }
.slider h1 { position:relative; display: block; font-size: 60px; line-height: 70px; color: #fff; font-weight: 900; margin-bottom: 44px; opacity:0; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px); }
.slider .active h1 { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 1500ms; }
.slider .text { position:relative; display: block; font-size: 20px; line-height: 30px; color: #454442; margin-bottom: 37px; opacity:0; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px); }
.slider .active .text { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 1500ms; }
.slider .gumb-wrapper { opacity:0; -webkit-transition: all 1800ms ease; -moz-transition: all 1800ms ease; -ms-transition: all 1800ms ease; -o-transition: all 1800ms ease; transition: all 1800ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
.slider .active .gumb-wrapper { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 1800ms; }

/* Slider navigacija */
.slider .owl-dots { position: absolute; text-align: center; left: 50%; bottom: 52px; display: none; }
.slider .owl-dots .owl-dot span { width: 9px; height: 9px; border-radius: 50%; border: none; background: rgba(255, 255, 255, 0.50); cursor: pointer; margin: 0px 3px; transition: all 500ms ease; }
.slider .owl-dots .owl-dot.active span, .slider .owl-dots .owl-dot:hover span { background: #ffffff; border: none; }
.slider .owl-nav { position:absolute; left:0px; top:50%; z-index:1; width:100%; margin-top:-20px; }
.slider .owl-theme .owl-controls .owl-nav [class*="owl-"] { position: absolute; color: rgba(255, 255, 255, 0.10); }
.slider .owl-nav .owl-prev { position:absolute; top: -85px; cursor: pointer; display: inline-block; color: #fff; font-size: 20px; background: #f1a11f; width: 75px; height: 75px; line-height:75px; font-weight: 700; margin: 0px; cursor: pointer; text-align: center; transition: .5s ease; border-radius: 70% 30% 30% 70% / 55% 70% 30% 45%; box-shadow: 0px 1px 20px rgba(255, 255, 255, 0.19); }
.slider .owl-nav .owl-next { position:absolute; cursor: pointer; display: inline-block; color: #fff; font-size: 20px; background: #f1a11f; width: 75px; height: 75px; line-height:75px; font-weight: 700; margin: 0px; cursor: pointer; text-align: center; transition: .5s ease; border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%; box-shadow: 0px 1px 20px rgba(255, 255, 255, 0.19); }
.slider .owl-nav .owl-prev, .slider .owl-nav .owl-next { right: 70px; }
.slider .owl-nav .owl-prev:hover, .slider .owl-nav .owl-next:hover { background-color:#fff; color: #b2b2b2; }

.float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; }
.float-bob-x { animation-name: float-bob-x; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-x; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-x; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-x; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-x; -o-animation-duration: 15s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; }

/******************************************************
/// Naslovi, breadcrumbs
******************************************************/
.naslovi h5 { position: relative; display: inline-block; font-size: 22px; line-height: 26px; color: #f1a11f; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 900; margin-bottom: 13px; padding: 0px 0px 0px 50px; }
.naslovi h5:before { position: absolute; content: ''; background: #f1a11f; width: 30px; height: 2px; left: 0px; bottom: 11px; }
.naslovi h1 { position: relative; display: block; font-size: 40px; line-height: 50px; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight: 900; color: #1b75bc; }

.naslovi-stranica { position: relative; display: block; width: 100%; padding: 143px 0px 148px 0px; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-repeat: no-repeat; background-position: center; }
.naslovi-stranica:before { position: absolute; content: ''; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; left: 0px; top: 0px; }
.naslovi-stranica .naslovi-wrapper h1 { position: relative; display: block; font-size: 50px; line-height: 60px; color: #fff; font-weight: 900; margin-bottom: 23px; }

.bread-crumb li { position: relative; display: inline-block; font-size: 17px; line-height: 26px; font-weight: 600; color: #f1a11f; padding-right: 16px; margin-right: 5px; }
.bread-crumb li:before { position: absolute; content: '/'; font-size: 17px; color: #fff; top: 0px; right: 0px; font-weight: 400; }
.bread-crumb li:last-child:before { display: none; }
.bread-crumb li:last-child { padding: 0px; margin: 0px; }
.bread-crumb li a { color: #fff; }
.bread-crumb li a:hover { color: #f1a11f; }

/******************************************************
/// Stranice
******************************************************/
.section-bg:after { content: ""; height: 25%; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(transparent)); background: -webkit-linear-gradient(top, #ededed, transparent); background: -moz-linear-gradient(top, #ededed, transparent); background: -ms-linear-gradient(top, #ededed, transparent); background: -o-linear-gradient(top, #ededed, transparent); z-index: -1; overflow: hidden; opacity: 1; width: 100%; position: absolute; top: 0%; left: 0px; right: 0px; }

.staticna-stranica { position: relative; display: block; padding: 144px 0px 100px 0px; }
.staticna-stranica:after { content: ""; height: 25%; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(transparent)); background: -webkit-linear-gradient(top, #ededed, transparent); background: -moz-linear-gradient(top, #ededed, transparent); background: -ms-linear-gradient(top, #ededed, transparent); background: -o-linear-gradient(top, #ededed, transparent); z-index: -1; overflow: hidden; opacity: 1; width: 100%; position: absolute; top: 0%; left: 0px; right: 0px; }
.staticna-stranica.no-bg:after { background:none; }

.anim-icon { position: absolute; left: 0; top: 0; right: 0; height: 100%; width: 100%; max-width: 1920px; margin: 0 auto; }
.anim-icon .icon { position: absolute; background-repeat: no-repeat; }
.anim-icon .icon-4 { background: url(../images/icons/butterfly-2.png); width: 102px; height: 198px; bottom: -40px; left: 150px; background-repeat: no-repeat; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; z-index: 2; }
.anim-icon .icon-5 { background: url(../images/icons/butterfly-2.png); width: 285px; height: 287px; right: 0px; bottom: 330px; background-repeat: no-repeat; }

.staticna-stranica .anim-icon .icon-1 { background: url(../images/icons/anim-icon-1.png); width: 210px; height: 275px; left: 120px; top: 340px; background-repeat: no-repeat; }
.staticna-stranica .anim-icon .icon-1-reverse { background: url(../images/icons/bee-2.png); width: 210px; height: 275px; left: 180px; top: 340px; background-repeat: no-repeat; }
.staticna-stranica .anim-icon .icon-2 { background: url(../images/icons/caterpillar.png); width: 188px; height: 192px; top: 110px; right: 110px; background-repeat: no-repeat; }
.staticna-stranica .anim-icon .icon-2-reverse { background: url(../images/icons/anim-icon-2.png); width: 188px; height: 192px; top: 70px; left: 110px; background-repeat: no-repeat; }
.staticna-stranica .anim-icon .icon-3 { background: url(../images/icons/anim-icon-3.png); width: 102px; height: 198px; bottom: -40px; right: 150px; background-repeat: no-repeat; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; z-index: 2; }
.staticna-stranica .anim-icon .icon-3-reverse { background: url(../images/icons/bird-2.png); width: 102px; height: 198px; top: 340px; left: 150px; background-repeat: no-repeat; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; z-index: 2; }

.staticna-stranica .slika { position: relative; display: block; margin: 6px 30px 0px 140px; }
.staticna-stranica .slika:before { position: absolute; content: ''; background: #9be9ff; width: 215px; height: 215px; border-radius: 50%; left: -135px; top: 105px; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; }
.staticna-stranica .slika .image { position: relative; display: block; }
.staticna-stranica .slika .image img { width: 100%; }
.staticna-stranica .slika .image-1 { position: relative; display: block; border-radius: 30px; }
.staticna-stranica .slika .image-1 img { border-radius: 30px; }
.staticna-stranica .slika .image-2 { position: absolute; left: -85px; bottom: -125px; border: 15px solid #fff; border-radius: 30px; }
.staticna-stranica .naslovi-wrapper .naslovi { position: relative; display: block; margin-bottom: 33px; }
.staticna-stranica .naslovi-wrapper .bold-text { position: relative; display: block; font-size: 18px; line-height: 28px; color: #4c4c4c; font-weight: 600; margin-bottom: 15px; }
.staticna-stranica .naslovi-wrapper p { position: relative; display: block; margin-bottom: 46px; }

.text.sadrzaj h3 { position: relative; display: block; font-size: 30px; color: #1b75bc; line-height: 40px; font-weight: 900; margin-bottom: 20px; margin-top:20px; }
.text.sadrzaj p { line-height:26px; margin:0; padding:0; display: block; }
.text.sadrzaj ul { margin: 15px 0 15px 40px; }
.text.sadrzaj ul li { list-style: none; line-height:26px; position: relative; display: block; margin-bottom: 5px; padding: 0px 0px 0px 17px; }
.text.sadrzaj ul li:before { position: absolute; content: ''; background: #f1a11f; height: 6px; width: 6px; left: 0px; top: 12px; border-radius: 50%; }

.text.sadrzaj.dokumenti ul { margin: 35px 0 15px 0px; }
.text.sadrzaj.dokumenti ul li { list-style: none; font-weight:600; line-height:26px; position: relative; display: block; margin-bottom: 12px; padding: 0px 0 10px 0; border-bottom: 1px solid #ddd; }
.text.sadrzaj.dokumenti ul li img { margin-right: 10px; background:#ededed; padding:8px; max-width: 40px; }
.text.sadrzaj.dokumenti ul li:before { display:none; }

/******************************************************
/// Video
******************************************************/
.video { position: relative; display: block; }
.video .outer-container { position: relative; min-height: 450px; }
.video .video-column { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.video .video-column .video-inner { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 216px 0px 415px 0px; text-align: center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-repeat: no-repeat; background-position: center; }
.video .video-column .video-inner:before { position: absolute; content: ''; background: rgba(67, 179, 217, 0.85); width: 100%; height: 100%; left: 0px; top: 0px; }
.video .video-column .video-inner a { position: relative; display: inline-block; width: 110px; height: 110px; line-height: 110px; background: #fff; font-size: 30px; color: #1b75bc; text-align: center; border-radius: 50%; -webkit-animation: pulse 3s infinite; -o-animation: pulse 3s infinite; animation: pulse 3s infinite; }
.video .video-column .video-inner a span { position: relative; display: block; width: 230px; line-height: 100px; font-size: 18px; color: #fff; text-align: left; margin-left:-5px; }
.video .anim-icon .icon-1 { background: url(../images/icons/anim-icon-12.png); width: 285px; height: 287px; right: 30px; bottom: 30px; background-repeat: no-repeat; }

/******************************************************
/// Vrtic - programi
******************************************************/
.programi { position: relative; display: block; background: #ededed; bottom: -80px; }
.programi .anim-icon .icon-1 { background: url(../images/icons/anim-icon-3.png); width: 102px; height: 198px; left: 120px; bottom: -40px; background-repeat: no-repeat; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; }
.programi .naslovi { margin-bottom: 61px; }
.programi .program { position: relative; display: block; background: #fff; border-radius: 15px; padding: 35px 15px 20px 15px; box-shadow: 0 15px 50px rgba(0,0,0,.10); margin-bottom: 30px; }
.programi .program .icon-box { position: relative; display: inline-block; font-size: 65px; line-height: 60px; color: #1b75bc; margin-bottom: 20px; }
.programi .program h3 { position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 600; color: #1b75bc; margin-bottom: 10px; }
.programi .program-wrapper .program .icon-box:before { position: absolute; content: ''; background: url(../images/icons/icon-2.png); width: 95px; height: 100px; right: -66px; top: -4px; background-repeat: no-repeat; transition: all 500ms ease; }
.programi .program-wrapper .program:hover .icon-box:before { transform: scale(0.5); }

/******************************************************
/// Natječaji
******************************************************/
.natjecaji { position: relative; display: block; width: 100%; padding: 95px 0px 100px 0px; }
.natjecaji .anim-icon { z-index: 0; }
.natjecaji .anim-icon .icon-1 { background: url(../images/icons/anim-icon-9.png); width: 158px; height: 115px; top: -45px; left: 180px; background-repeat: no-repeat; }
.natjecaji .anim-icon .icon-2 { background: url(../images/icons/anim-icon-10.png); width: 149px; height: 106px; top: 220px; right: 260px; background-repeat: no-repeat; }
.natjecaji .naslovi-wrapper h3 { position: relative; display: block; font-size: 22px; line-height: 30px; font-family: 'M PLUS Rounded 1c', sans-serif; color: #f1a11f; font-weight: 900; margin-bottom: 11px; }
.natjecaji .naslovi-wrapper h1 { position: relative; display: block; font-size: 60px; line-height: 70px; font-family: 'M PLUS Rounded 1c', sans-serif; color: #1b75bc; font-weight: 900; margin-bottom: 25px; }
.natjecaji .naslovi-wrapper .text { position: relative; display: block; font-size: 20px; line-height: 30px; color: #dfbdf9; font-weight: 600; margin-bottom: 36px; }

/******************************************************
/// Lokacije
******************************************************/
.lokacije { position: relative; display: block; padding: 80px 0px; }
.lokacije .anim-icon .icon-1 { background: url(../images/icons/anim-icon-2.png); width: 188px; height: 192px; top: 45%; right: 80px; background-repeat: no-repeat; }
.lokacije .naslovi { margin-bottom: 33px; }
.lokacije .title-box { position: relative; display: block; margin-bottom: 63px; }
.lokacije .title-box .text { position: relative; display: block; font-size: 20px; line-height: 30px; color: #dfbdf9; font-weight: 600; margin-bottom: 36px; }
.lokacije .image-inner h3 { margin: 20px 0 10px 0; }
.lokacije .image-inner .slika { position: relative; display: block; margin-top:35px; }
.lokacije .slika img { width: 100%; transition: all 500ms ease; }
.lokacije .slika:hover img { opacity: 0.5; transform: scale(1.03); }
.lokacije .image-inner .slika img { width: 100%; border-radius: 20px; }
.lokacije .sadrzaji { position: relative; display: block; max-width: 760px; width: 100%; margin: 0 auto; }
.lokacije .sadrzaji .text { margin-bottom: 63px; }

/******************************************************
/// Lokacije detaljnije
******************************************************/
.lokacije-detaljnije { position: relative; display: block; padding: 150px 0px 150px 0px; }
.lokacije-detaljnije:after { content: ""; height: 25%; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(transparent)); background: -webkit-linear-gradient(top, #ededed, transparent); background: -moz-linear-gradient(top, #ededed, transparent); background: -ms-linear-gradient(top, #ededed, transparent); background: -o-linear-gradient(top, #ededed, transparent); z-index: -1; overflow: hidden; opacity: 1; width: 100%; position: absolute; top: 0%; left: 0px; right: 0px; }
.lokacije-detaljnije .anim-icon .icon-3-reverse { background: url(../images/icons/bird-2.png); width: 102px; height: 198px; top: 340px; left: 150px; background-repeat: no-repeat; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; z-index: 2; }

.lokacije-detaljnije .lokacije-sadrzaj { position: relative; display: block; margin-right: 20px; }
.lokacije-detaljnije .lokacije-sadrzaj .slika { position: relative; display: block; overflow: hidden; margin-bottom: 30px; border-radius: 20px; }
.lokacije-detaljnije .lokacije-sadrzaj .slika img { width: 100%; border-radius: 20px; }
.lokacije-detaljnije .lokacije-sadrzaj .slika .view-box { position: absolute; top: 30px; right: 30px; z-index: 1; }
.lokacije-detaljnije .lokacije-sadrzaj .slika .view-box a { position: relative; display: inline-block; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; color: #1b75bc; background: #ededed; }
.lokacije-detaljnije .lokacije-sadrzaj .slika .view-box a:hover { color: #fff; background: #f1a11f; transform: scale(1.3); }

.lokacije-detaljnije .lokacije-sadrzaj .sadrzaj-wrapper .date { position: relative; display: block; font-size: 18px; line-height: 28px; font-family: 'M PLUS Rounded 1c', sans-serif; color: #fbb419; font-weight: 900; text-transform: uppercase; margin-bottom: 10px; }
.lokacije-detaljnije .lokacije-sadrzaj .sadrzaj-wrapper h1 { position: relative; display: block; font-size: 40px; line-height: 50px; color: #1b75bc; font-weight: 900; margin-bottom: 33px; }
.lokacije-detaljnije .lokacije-sadrzaj .sadrzaj-wrapper .bold-text { position: relative; display: block; font-size: 18px; line-height: 28px; color: #1b75bc; margin-bottom: 30px; }

.lokacije-detaljnije .lokacije-sadrzaj .text { position: relative; display: block; padding-bottom: 10px; }
.lokacije-detaljnije .lokacije-sadrzaj .text p { position: relative; display: block; margin-bottom: 26px; }
.lokacije-detaljnije .lokacije-sadrzaj .sadrzaj-wrapper h2 { position: relative; display: block; font-size: 30px; line-height: 40px; font-weight: 900; color: #1b75bc; margin-bottom: 23px; margin-top: 31px; }
.lokacije-detaljnije .lokacije-sadrzaj .sadrzaj-wrapper .list-item { position: relative; display: block; margin-bottom: 72px; }
.lokacije-detaljnije .lokacije-sadrzaj .sadrzaj-wrapper .list-item li { position: relative; display: block; margin-bottom: 5px; padding: 0px 0px 0px 17px; }
.lokacije-detaljnije .lokacije-sadrzaj .sadrzaj-wrapper .list-item li:last-child { margin-bottom: 0px; }
.lokacije-detaljnije .lokacije-sadrzaj .sadrzaj-wrapper .list-item li:before { position: absolute; content: ''; background: #f1a11f; height: 6px; width: 6px; left: 0px; top: 12px; border-radius: 50%; }

.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper { position: relative; display: block; background: #ededed; padding: 44px 40px 50px 40px; border-radius: 20px; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .widget-title { position: relative; display: block; font-size: 22px; line-height: 30px; color: #1b75bc; font-weight: 900; margin-bottom: 15px; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .text { position: relative; display: block; margin-bottom: 27px; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .lista li { position: relative; display: block; margin-bottom: 19px; padding-bottom: 19px; border-bottom: 1px dashed #cdccc5; }
.lokacije-detaljnije .lokacije-sidebar  ul.lista.lokacije { margin-top: 35px; padding:0; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .lista.lokacije li { margin-bottom: 0px; padding: 12px 0; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .lista li:last-child { margin-bottom: 54px; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .lista.lokacije li:last-child { margin-bottom: 0px; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .lista li h5 { position: relative; display: block; font-size: 18px; line-height: 26px; color: #1b75bc; font-weight: 700; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .lista li span { position: relative; display: block; font-size: 18px; font-family: 'M PLUS Rounded 1c', sans-serif; line-height: 26px; color: #f1a11f; font-weight: 700; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .lista li a { position: relative; display: inline-block; font-size: 18px; font-family: 'M PLUS Rounded 1c', sans-serif; line-height: 26px; color: #f1a11f; font-weight: 700; }
.lokacije-detaljnije .lokacije-sidebar .sadrzaj-wrapper .lista li a:hover { color: #1b75bc; }

/******************************************************
/// Izdvojene novosti - Naslovnica
******************************************************/
.novosti-izdvojeno { position: relative; display: block; background: #ededed; padding: 100px 0px 150px 0px; }
.novosti-izdvojeno:after { content: ""; height: 25%; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(transparent)); background: -webkit-linear-gradient(top, #ededed, transparent); background: -moz-linear-gradient(top, #ededed, transparent); background: -ms-linear-gradient(top, #ededed, transparent); background: -o-linear-gradient(top, #ededed, transparent); z-index: -1; overflow: hidden; opacity: 1; width: 100%; position: absolute; top: 0%; left: 0px; right: 0px; }
.novosti-izdvojeno .anim-icon .icon-1 { background: url(../images/icons/anim-icon-11.png); width: 140px; height: 143px; top: 140px; left: 100px; background-repeat: no-repeat; }
.novosti-izdvojeno .anim-icon .icon-2 { background: url(../images/icons/anim-icon-11.png); width: 140px; height: 143px; top: 140px; left: 120px; background-repeat: no-repeat; }
.novosti-izdvojeno .naslovi { margin-bottom: 60px; }

.izdvojeno .sadrzaj-wrapper { position: relative; display: block; border-radius: 20px; overflow: hidden; border: 2px dotted #aaa; padding: 5px; border-radius: 20px; }
.izdvojeno .sadrzaj-wrapper .slika { position: relative; display: block; overflow: hidden; height: 376px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.izdvojeno .sadrzaj-wrapper .slika img { width: 100%; transition: all 500ms ease; }
.izdvojeno .sadrzaj-wrapper:hover .slika img { opacity: 0.5; transform: scale(1.03); }
.izdvojeno .sadrzaj-wrapper .sadrzaji { position: relative; display: block; background: #fff; padding: 43px 30px 60px 50px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.izdvojeno .sadrzaj-wrapper .sadrzaji h3 { line-height: 28px; margin-bottom: 26px; }
.izdvojeno .sadrzaj-wrapper .sadrzaji .meta-data { position: relative; display: block; margin-bottom: 6px; }
.izdvojeno .sadrzaj-wrapper .sadrzaji .meta-data li { position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: #f1a11f; margin-right: 38px; }
.izdvojeno .sadrzaj-wrapper .sadrzaji .meta-data li:before { position: absolute; content: ''; display: inline-block; width: 8px; height: 8px; top: 9px; right: -25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #1b75bc; }
.izdvojeno .sadrzaj-wrapper .sadrzaji .meta-data li:last-child:before { display: none; }
.izdvojeno .sadrzaj-wrapper .sadrzaji .meta-data li:last-child { color: #848484; }
.izdvojeno .sadrzaj-wrapper .sadrzaji .meta-data li a { text-transform: uppercase; text-decoration: none; }

.izdvojeno .sadrzaj-wrapper .sadrzaji .text { position: relative; display: block; margin-bottom: 42px; }

.novosti-izdvojeno .novost-wrapper:last-child .izdvojeno .sadrzaj-wrapper { margin-bottom: 20px; border: 2px dotted #aaa; padding: 5px; border-radius: 20px; }
.novosti-izdvojeno .novost-wrapper:last-child .izdvojeno:last-child .sadrzaj-wrapper { margin-bottom: 0px; }
.novosti-izdvojeno .novost-wrapper:last-child .izdvojeno .sadrzaj-wrapper .sadrzaji .text { margin-bottom: 0px; }
.novosti-izdvojeno .novost-wrapper:last-child .izdvojeno .sadrzaj-wrapper .sadrzaji { padding-bottom: 42px; border-radius: 20px; }

/******************************************************
/// Novosti
******************************************************/
.novosti { position: relative; display: block; padding: 90px 0px 120px 0px; }
.novosti:after { content: ""; height: 25%; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(transparent)); background: -webkit-linear-gradient(top, #ededed, transparent); background: -moz-linear-gradient(top, #ededed, transparent); background: -ms-linear-gradient(top, #ededed, transparent); background: -o-linear-gradient(top, #ededed, transparent); z-index: -1; overflow: hidden; opacity: 1; width: 100%; position: absolute; top: 0%; left: 0px; right: 0px; }

.novost { margin-bottom: 30px; }
.novost .sadrzaj-wrapper { position: relative; display: block; border-radius: 20px; background:#fff; border: 2px dotted #aaa; padding:5px; overflow: hidden; }
.novost .sadrzaj-wrapper .slika { position: relative; display: block; overflow: hidden; border-top-right-radius: 20px; border-top-left-radius: 20px; }
.novost figure { position: relative; padding-bottom: 60%; overflow: hidden; width: 100%; }
.novost figure img { position: absolute; top:0; left:0; width:100%; height:100%; transition: all 500ms ease; object-fit: cover; }
.novost .sadrzaj-wrapper:hover .slika img { transform: scale(1.33); }
.novost .sadrzaj-wrapper .sadrzaji { position: relative; display: block; padding: 34px 20px 41px 40px; background:#fff; }
.novost .sadrzaj-wrapper .sadrzaji h3 { line-height: 28px; margin-bottom: 7px; }
.novost .sadrzaj-wrapper .sadrzaji .meta-data { position: relative; display: block; margin-bottom: 22px; }
.novost .sadrzaj-wrapper .sadrzaji .meta-data li { position: relative; display: inline-block; font-size: 13px; font-weight: 700; color: #848484; margin-right: 22px; }
.novost .sadrzaj-wrapper .sadrzaji .meta-data li:before { position: absolute; content: ''; width: 8px; height: 8px; top: 10px; right: -16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #1b75bc; }
.novost .sadrzaj-wrapper .sadrzaji .meta-data li:last-child:before { display: none; }
.novost .sadrzaj-wrapper .sadrzaji .meta-data li:last-child { margin-right: 0px; }
.novost .sadrzaj-wrapper .sadrzaji .text { position: relative; display: block; margin-bottom: 20px; }
.novost .sadrzaj-wrapper .sadrzaji .detaljnije { position: relative; left: 0px; bottom: 0px; transition: all 500ms ease; }
.novost .sadrzaj-wrapper .sadrzaji .detaljnije a { position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; background: #f1a11f; text-align: center; border-radius: 50%; font-size: 20px; font-weight: 600; color: #fff; }
.novost .sadrzaj-wrapper .sadrzaji .detaljnije a:hover { background: #1b75bc; }

.novost .gumb-detaljnije { position: relative; left: 0px; top: 10px; margin:20px 0; }

/******************************************************
/// UI Select Box - izbor kategorije
******************************************************/
.izbor-kategorije { position: relative; display: block; padding: 22px 30px 26px 30px; margin: 10px auto 30px auto; max-width: 660px; }
.izbor-kategorije .select-box .ui-state-default{ width: 100% !important; }
.izbor-kategorije .select-box .ui-selectmenu-button span.ui-icon:before{ color: #848484; }
.select-box .ui-state-default { position: relative; display: block; background: #ffffff; border: 1px solid #e5e5e5 !important; border-radius: 0; color: #777777; font-size: 14px; font-weight: 400; height: 50px; outline: medium none; width: 100%; cursor: pointer; border-radius: 10px; font-family: 'Open Sans', sans-serif; }
.select-box .ui-selectmenu-button span.ui-icon { position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 60px; height: 48px; text-indent: 0; margin: 0; }
.select-box .ui-selectmenu-button span.ui-icon::before { color: #222222; content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 700; font-size: 15px; overflow: visible; position: absolute; right: 21px; top: 12px; }
.select-box .ui-state-default { width: 210px !important; }
.ui-selectmenu-open .ui-widget-sadrzaj { border: none; background: #ffffff; color: #222222; border-radius: 0; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.10); }
.ui-selectmenu-open .ui-widget-sadrzaj .ui-state-focus { border: none; background: #f1a11f; font-weight: normal; color: #ffffff; font-size: 13px; }
.ui-selectmenu-open .ui-menu .ui-menu-item { border-bottom: 1px solid #efebea; position: relative; margin: 0; padding: 10px 15px; cursor: pointer; text-align: center; font-size: 14px; font-weight: 500; font-family: 'Open Sans', sans-serif; text-transform: none; transition: all 500ms ease; }
.ui-selectmenu-open .ui-menu .ui-menu-item:last-child { border-bottom: none; }
.select-box .ui-selectmenu-button span.ui-selectmenu-text { display: block; line-height: 18px; overflow: hidden; padding: 15px 19px; text-align: left; margin-right: 0px; }
.ui-selectmenu-menu .ui-menu { transform: scaleY(0); transform-origin: top center; transition: .4s ease; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.ui-selectmenu-open .ui-menu { transform: scaleY(1); top: 100%; }
.ui-selectmenu-menu { transform: scaleY(0); transform-origin: top center; display: block; }
.ui-selectmenu-open { transform: scaleY(1); }

/******************************************************
/// Novosti detaljnije
******************************************************/
.novost-detaljnije { position: relative; display: block; padding: 143px 0px 150px 0px; }
.novost-detaljnije:after { content: ""; height: 25%; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(transparent)); background: -webkit-linear-gradient(top, #ededed, transparent); background: -moz-linear-gradient(top, #ededed, transparent); background: -ms-linear-gradient(top, #ededed, transparent); background: -o-linear-gradient(top, #ededed, transparent); z-index: -1; overflow: hidden; opacity: 1; width: 100%; position: absolute; top: 0%; left: 0px; right: 0px; }

.novost-detaljnije .anim-icon .icon-5 { background: url(../images/icons/butterfly-2.png); width: 285px; height: 287px; left: 100px; top: 230px; background-repeat: no-repeat; }

.novost-detaljnije hr { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.novost-detaljnije .novost-detaljnije-content { position: relative; display: block; margin-right: 20px; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .uvodno h4 { position: relative; display: block; font-size: 15px; line-height: 28px; padding: 5px 10px; color: #f1a11f; font-weight: 900; border-radius: 5px; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .uvodno h1 { position: relative; display: block; font-size: 40px; line-height: 50px; font-weight: 900; color: #1b75bc; margin-bottom: 20px; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .uvodno .bold-text { position: relative; display: block; font-size: 18px; line-height: 28px; color: #1b75bc; margin: 20px 0 40px 0; font-weight: 700; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .slika { position: relative; display: block; overflow: hidden; border-radius: 20px; margin-bottom: 40px; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .slika img { width: 100%; border-radius: 20px; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .slika .view-box { position: absolute; top: 30px; right: 30px; z-index: 1; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .slika .view-box a { position: relative; display: inline-block; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; color: #1b75bc; background: #ededed; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .slika .view-box a:hover { color: #fff; background: #f1a11f; transform: scale(1.3); }
.novost-detaljnije .novost-detaljnije-content .text p { margin-bottom: 26px; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container .text p:last-child { margin-bottom: 0px; }
.novost-detaljnije .novost-detaljnije-content .sadrzaj-container { position: relative; display: block; margin-bottom: 67px; }

.novost-detaljnije .sidebar .sidebar-widget { position: relative; display: block; background: #ededed; border-radius: 20px; overflow: hidden; padding: 43px 40px 50px 40px; margin-bottom: 30px; }
.novost-detaljnije .sidebar .sidebar-widget:last-child { margin-bottom: 0px; }

.sidebar-search .form-group { position: relative; display: block; margin: 0px; }
.sidebar-search .form-group input[type='text'] { position: relative; display: block; width: 100%; height: 70px; border: 3px solid #fff; border-radius: 20px; font-size: 16px; background: #fff; padding: 10px 60px 10px 30px; transition: all 500ms ease; }
.sidebar-search .form-group input:focus { border-color: #f1a11f; }
.sidebar-search .form-group input:focus + button, .sidebar-search .form-group button:hover { color: #f1a11f; }
.sidebar-search .form-group button { position: absolute; top: 22px; right: 28px; background: transparent; font-size: 18px; color: #848484; cursor: pointer; transition: all 500ms ease; }
.novost-detaljnije .sidebar .sidebar-title { font-weight: 900; padding-bottom: 14px; }

.novost-detaljnije .sidebar .sidebar-categories .widget-sadrzaj .text { position: relative; display: block; padding-bottom: 33px; margin-bottom: 33px; }
.novost-detaljnije .sidebar .sidebar-categories .widget-sadrzaj ul li { position: relative; display: block; border-bottom: 2px dotted #aaa; padding:8px 0; }
.novost-detaljnije .sidebar .sidebar-categories .widget-sadrzaj ul li:last-child { border-bottom: 0px dotted #aaa; }

.novost-detaljnije .sidebar .sidebar-categories.arhiva .widget-sadrzaj ul li { position: relative; display: block; padding:3px 0 3px 20px; border-bottom: 0px dotted #aaa; }
.novost-detaljnije .sidebar .sidebar-categories.arhiva .widget-sadrzaj ul li:before { position: absolute; content: ''; background: #f1a11f; height: 6px; width: 6px; left: 0px; top: 12px; border-radius: 50%; }.novost-detaljnije .sidebar .sidebar-categories .widget-sadrzaj ul li a { position: relative; display: inline-block; font-size: 17px; line-height: 26px; font-family: 'M PLUS Rounded 1c', sans-serif; color: #1b75bc; font-weight: 700; }

.novost-detaljnije .sidebar .sidebar-categories .widget-sadrzaj ul li a:hover { color: #f1a11f; }
.novost-detaljnije .sidebar .sidebar-categories .sidebar-title { margin-bottom: 15px; }
.novost-detaljnije .sidebar .sidebar-categories { padding-bottom: 45px; }

.sidebar .sidebar-post .post { position: relative; display: block; padding: 0 0 11px 0px; margin: 12px 0; border-bottom: 2px dotted #aaa!important; }
.sidebar .sidebar-post .post:hover figure.image img { opacity: 0.5; }
.sidebar .sidebar-post .post .post-date { position: relative; display: block; font-size: 12px; line-height: 16px; color: #f1a11f; font-weight: 700; margin-bottom: 0px; }
.sidebar .sidebar-post .post h4 { position: relative; display: block; font-size: 15px; line-height: 24px; color: #1b75bc; font-weight: 700; }
.sidebar .sidebar-post .post h4 a { position: relative; display: inline-block; color: #1b75bc; }
.sidebar .sidebar-post .post h4 a:hover { color: #f1a11f; }
.sidebar .sidebar-post .sidebar-title { margin-bottom: 31px; }

.sidebar-title { position: relative; display: block; font-size: 22px; line-height: 30px; color: #1b75bc; font-weight: 700; }

/******************************************************
/// Galerija
******************************************************/
.galerija { position: relative; display: block; padding: 142px 0px 120px 0px; }
.galerija .galerija-img-wrapper { margin-bottom: 30px; }
.galerija .filter-tabs { position: relative; display: block; margin-bottom: 63px; }
.galerija .filter-tabs li { position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-family: 'M PLUS Rounded 1c', sans-serif; color: #1b75bc; font-weight: 700; margin: 0px 12px; cursor: pointer; transition: all 500ms ease; }
.galerija .filter-tabs li.active, .galerija .filter-tabs li:hover { color: #f1a11f; }
.galerija-img-wrapper { position: relative; }
.galerija-img-wrapper .slika { position: relative; border-radius: 20px; overflow: hidden; }
.galerija-img-wrapper .slika .image { position: relative; }
.galerija-img-wrapper .slika .image img { display: block; width: 100%; height: auto; }
.galerija-img-wrapper .overlay-box { position: absolute; top: 0; height: 100%; width: 100%; text-align: center; background-color: rgba(27, 117, 188, 0); content: ""; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }
.galerija-img-wrapper .slika:hover .overlay-box { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }
.galerija-img-wrapper .overlay-box a { position: absolute; left: 50%; top: 50%; display: block; height: 70px; width: 70px; font-size: 20px; background-color: #f1a11f; color: #ffffff; font-weight: 700; border-radius: 50%; font-weight: 400; line-height: 70px; transform: translate(-50%,-50%); }
.galerija-img-wrapper .overlay-box a i { position: relative; font-weight: 700; }

/******************************************************
/// Kontakt
******************************************************/
.kontakt { position: relative; display: block; }
.kontakt .naslovi { position: relative; display: block; margin-bottom: 60px; }
.kontakt .kontakt-wrapper .sadrzaj-wrapper { position: relative; display: block; background: #ededed; border-radius: 20px; padding: 10px 15px 46px 15px; border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%; }
.kontakt .kontakt-wrapper .sadrzaj-wrapper .icon-box { position: relative; display: inline-block; font-size: 120px; line-height: 60px; color: #fbb419; font-weight: 400; margin-bottom: 33px; -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear; }
.kontakt .kontakt-wrapper:hover .sadrzaj-wrapper .icon-box:before { transform: rotate(25deg); }
.kontakt .info-column:nth-child(2) .kontakt-wrapper .sadrzaj-wrapper .icon-box { color: #43b3d9; }
.kontakt .info-column:last-child .kontakt-wrapper .sadrzaj-wrapper .icon-box { color: #f1a11f; }
.kontakt .kontakt-wrapper .sadrzaj-wrapper .icon-box:before { position: absolute; content: ''; background: url(../images/icons/icon-3.png); width: 65px; height: 70px; right: -20px; top: -10px; background-repeat: no-repeat; transition: all 500ms ease; }
.kontakt .info-column:nth-child(2) .kontakt-wrapper .sadrzaj-wrapper .icon-box:before { position: absolute; content: ''; background: url(../images/icons/icon-2.png); width: 64px; height: 70px; right: -20px; top: -10px; background-repeat: no-repeat; transition: all 500ms ease; }
.kontakt .info-column:last-child .kontakt-wrapper .sadrzaj-wrapper .icon-box:before { position: absolute; content: ''; background: url(../images/icons/icon-1.png); width: 56px; height: 71px; right: -20px; top: -10px; background-repeat: no-repeat; transition: all 500ms ease; }
.kontakt .kontakt-wrapper .sadrzaj-wrapper .text { position: relative; display: block; font-size: 17px; line-height: 26px; color: #848484; font-weight: 400; padding:10px 0 20px 0; }
.kontakt .kontakt-wrapper .sadrzaj-wrapper .text a { position: relative; display: inline-block; font-size: 17px; line-height: 26px; color: #848484; font-weight: 400; }
.kontakt .kontakt-wrapper .sadrzaj-wrapper .text a:hover { color: #f1a11f; }
.kontakt .kontakt-wrapper .sadrzaj-wrapper h3 { margin-bottom: 29px; }

/******************************************************
/// Kontakt forma
******************************************************/
.kontakt-forma { position: relative; display: block; padding: 24px 0px 150px 0px; }
.kontakt-forma .contact-form .form-group { position: relative; display: block; margin-bottom: 20px; }
.kontakt-forma .contact-form .form-group:last-child { margin-bottom: 0px; }
.kontakt-forma .contact-form .form-group input[type='text'], .kontakt-forma .contact-form .form-group input[type='email'], .kontakt-forma .contact-form .form-group textarea { position: relative; display: block; width: 100%; height: 60px; background: #ededed; border: 3px solid #ededed; border-radius: 20px; padding: 10px 20px; font-size: 15px; color: #1b75bc; transition: all 500ms ease; }
.kontakt-forma .contact-form .form-group textarea { height: 170px; resize: none; margin-bottom: 30px; }
.kontakt-forma .contact-form .form-group input:focus, .kontakt-forma .contact-form .form-group textarea:focus { border-color: #f1a11f; }
.kontakt-forma .contact-form .form-group input::-webkit-input-placeholder, .kontakt-forma .contact-form .form-group textarea::-webkit-input-placeholder { color:#1b75bc; }

/******************************************************
/// Paginacija
******************************************************/
.paginacija{ position: relative; display: block; margin-top: 30px; }
.paginacija li{ display: inline-block; margin: 0px 5px; }
.paginacija li a{ position: relative; display: inline-block; font-size: 18px; font-family: 'M PLUS Rounded 1c', sans-serif; height: 60px; font-weight: 700; width: 60px; line-height: 60px; text-align: center; color: #1b75bc; border-radius: 50%; border: 1px solid #1b75bc; transition: all 500ms ease; }
.paginacija li a:hover, .paginacija li a.active{ background: #f1a11f; color: #ffffff; }

/******************************************************
/// 404 stranica
******************************************************/
.404-page { position: relative; padding: 350px 0px 150px 0; }
.404-page h1 { position: relative; display: block; font-size: 200px; line-height: 150px; color: #f1a11f; font-weight: 700; margin-bottom: 15px; }
.404-page h2 { position: relative; display: block; font-size: 44px; line-height: 52px; color: #1b75bc; font-weight: 600; margin-bottom: 21px; }
.404-page .text a { color: #f1a11f; }
.404-page .text a:hover { text-decoration: underline; }

/******************************************************
/// Audio player
******************************************************/
.audioplayer { height: 2.5em; /* 40 */ color: #fff; text-shadow: 1px 1px 0 #000; border: 1px solid #222; position: relative; z-index: 1; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) ); background: -webkit-linear-gradient( top, #444, #222 ); background: -moz-linear-gradient( top, #444, #222 ); background: -ms-radial-gradient( top, #444, #222 ); background: -o-linear-gradient( top, #444, #222 ); background: linear-gradient( top, #444, #222 ); -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */ -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */ box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } 
.audioplayer-mini { width: 2.5em; /* 40 */ margin: 0 auto; }
.audioplayer > div { position: absolute; }
.audioplayer-playpause { width: 2.5em; /* 40 */ height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; left: 0; }
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause { border-right: 1px solid #555; border-right-color: rgba( 255, 255, 255, .1 ); }
.audioplayer-mini .audioplayer-playpause { width: 100%; }
.audioplayer-playpause:hover, .audioplayer-playpause:focus { background-color: #222; }
.audioplayer-playpause a { display: block; }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-right: none; border-left-color: #fff; content: ''; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.25em; /* 8 4 */ }
.audioplayer-playing .audioplayer-playpause a { width: 0.75em; /* 12 */ height: 0.75em; /* 12 */ position: absolute; top: 50%; left: 50%; margin: -0.375em 0 0 -0.375em; /* 6 */ }
.audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after { width: 40%; height: 100%; background-color: #fff; content: ''; position: absolute; top: 0; }
.audioplayer-playing .audioplayer-playpause a:before { left: 0; }
.audioplayer-playing .audioplayer-playpause a:after { right: 0; }
.audioplayer-time { width: 4.375em; /* 70 */ height: 100%; line-height: 2.375em; /* 38 */ text-align: center; z-index: 2; top: 0; }
.audioplayer-time-current { border-left: 1px solid #111; border-left-color: rgba( 0, 0, 0, .25 ); left: 2.5em; /* 40 */ }
.audioplayer-time-duration { border-right: 1px solid #555; border-right-color: rgba( 255, 255, 255, .1 ); right: 2.5em; /* 40 */ }
.audioplayer-novolume .audioplayer-time-duration { border-right: 0; right: 0; }
.audioplayer-bar { height: 0.875em; /* 14 */ background-color: #222; cursor: pointer; z-index: 1; top: 50%; right: 6.875em; /* 110 */ left: 6.875em; /* 110 */ margin-top: -0.438em; /* 7 */ }
.audioplayer-novolume .audioplayer-bar { right: 4.375em; /* 70 */ }
.audioplayer-bar div { width: 0; height: 100%; position: absolute; left: 0; top: 0; }
.audioplayer-bar-loaded { background-color: #333; z-index: 1; }
.audioplayer-bar-played { background: #007fd1; background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) ); background: -webkit-linear-gradient( left, #007fd1, #c600ff ); background: -moz-linear-gradient( left, #007fd1, #c600ff ); background: -ms-radial-gradient( left, #007fd1, #c600ff ); background: -o-linear-gradient( left, #007fd1, #c600ff ); background: linear-gradient( left, #007fd1, #c600ff ); z-index: 2; }
.audioplayer-volume { width: 2.5em; /* 40 */ height: 100%; border-left: 1px solid #111; border-left-color: rgba( 0, 0, 0, .25 ); text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0; }
.audioplayer-volume:hover, .audioplayer-volume:focus { background-color: #222; }
.audioplayer-volume-button { width: 100%; height: 100%; }
.audioplayer-volume-button a { width: 0.313em; /* 5 */ height: 0.375em; /* 6 */ background-color: #fff; display: block; position: relative; z-index: 1; top: 40%; left: 35%; }
.audioplayer-volume-button a:before, .audioplayer-volume-button a:after { content: ''; position: absolute; }
.audioplayer-volume-button a:before { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-left: none; border-right-color: #fff; z-index: 2; top: 50%; right: -0.25em; margin-top: -0.5em; /* 8 */ }
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after { /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */ width: 0.313em; /* 5 */ height: 0.313em; /* 5 */ border: 0.25em double #fff; /* 4 */ border-width: 0.25em 0.25em 0 0; /* 4 */ left: 0.563em; /* 9 */ top: -0.063em; /* 1 */ -webkit-border-radius: 0 0.938em 0 0; /* 15 */ -moz-border-radius: 0 0.938em 0 0; /* 15 */ border-radius: 0 0.938em 0 0; /* 15 */ -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.audioplayer-volume-adjust { height: 6.25em; /* 100 */ cursor: default; position: absolute; left: 0; right: -1px; top: -9999px; background: #222; background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) ); background: -webkit-linear-gradient( top, #444, #222 ); background: -moz-linear-gradient( top, #444, #222 ); background: -ms-radial-gradient( top, #444, #222 ); background: -o-linear-gradient( top, #444, #222 ); background: linear-gradient( top, #444, #222 ); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0; }
.audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100%; }
.audioplayer-volume-adjust > div { width: 40%; height: 80%; background-color: #222; cursor: pointer; position: relative; z-index: 1; margin: 30% auto 0; }
.audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #007fd1; background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) ); background: -webkit-linear-gradient( bottom, #007fd1, #c600ff ); background: -moz-linear-gradient( bottom, #007fd1, #c600ff ); background: -ms-radial-gradient( bottom, #007fd1, #c600ff ); background: -o-linear-gradient( bottom, #007fd1, #c600ff ); background: linear-gradient( bottom, #007fd1, #c600ff ); }
.audioplayer-novolume .audioplayer-volume { display: none; }
.audioplayer-play, .audioplayer-pause, .audioplayer-volume a { -webkit-filter: drop-shadow( 1px 1px 0 #000 ); -moz-filter: drop-shadow( 1px 1px 0 #000 ); -ms-filter: drop-shadow( 1px 1px 0 #000 ); -o-filter: drop-shadow( 1px 1px 0 #000 ); filter: drop-shadow( 1px 1px 0 #000 ); }
.audioplayer-bar,.audioplayer-bar div, .audioplayer-volume-adjust div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.audioplayer-bar, .audioplayer-volume-adjust > div { -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); }
.audioplayer-volume-adjust div div, .audioplayer-bar-played { -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); }
.audioplayer-volume-adjust { -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); }
.audioplayer *, .audioplayer *:before, .audioplayer *:after { -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease; transition: color .25s ease, background-color .25s ease, opacity .5s ease; }

/******************************************************
/// Footer animacija
******************************************************/
.kit { left: 50%; z-index: 0; -webkit-animation: float 6s ease-in-out infinite; animation: float 6s ease-in-out infinite; margin-bottom: -45px; margin-left: 120px; }
.more { height: 50px; position: relative; z-index: 99; background-color: #1b75bc; }
.valovi { width: 100%; height: 20px; position: relative; bottom: 0; z-index: 9; }
.val { width: 100%; height: 100%; display: block; position: absolute; background-repeat: repeat-x; -webkit-animation: move 12s linear infinite; animation: move 12s linear infinite; }
#val1, #val2, #val3 { background: url("data:image/svg+xml,%3Csvg version='1.1' id='val1' class='wave1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='350px' height='20px' viewBox='0 0 350 20' enable-background='new 0 0 350 20' xml:space='preserve'%3E%3Cpath fill=' %231b75bc' d='M0,17.1C29.9,17.1,57.8,0,87.5,0c30.2,0,58.1,17.1,87.1,17.1c29.9,0,57.8-17.1,87.7-17.1 s57.8,17.1,87.7,17.1V20H0V17.1z'/%3E%3C/svg%3E%0A"); -webkit-animation-delay: -4s; }

@keyframes float { 
	0% { -webkit-transform: translatey(0px); transform: translatey(0px); } 
	50% { -webkit-transform: translatey(-10px); transform: translatey(-10px); } 
	100% { -webkit-transform: translatey(0px); transform: translatey(0px); }
}

#val1 { background-size: 100px 100px; opacity: 0.3; }
#val2 { -webkit-animation-delay: -2s; animation-delay: -2s; -webkit-animation-duration: 12s; animation-duration: 12s; opacity: 0.5; }
#val3 { -webkit-animation-delay: -4s; animation-delay: -4s; -webkit-animation-duration: 8s; animation-duration: 8s; }

@keyframes move { 
	0% { background-position: left 0px bottom 0; } 
	100% { background-position: left 350px bottom 0; }
}

.parallax-icon { position: absolute; left: 0; top: 0; right: 0; height: 100%; width: 100%; max-width: 1920px; margin: 0 auto; }
.parallax-icon .icon-1 { left: 110px !important; top: 160px !important; background: url(../images/icons/parallax-icon.png); width: 15px; height: 15px; background-repeat: no-repeat; }
.parallax-icon .icon-2 { left: 30% !important; top: 80px !important; background: url(../images/icons/parallax-icon.png); width: 15px; height: 15px; background-repeat: no-repeat; }
.parallax-icon .icon-3 { left: 27% !important; top: 70% !important; background: url(../images/icons/parallax-icon.png); width: 15px; height: 15px; background-repeat: no-repeat; }
.parallax-icon .icon-4 { left: 40% !important; top: 40% !important; background: url(../images/icons/parallax-icon.png); width: 15px; height: 15px; background-repeat: no-repeat; }
.parallax-icon .icon-5 { left: 75% !important; top: 80px !important; background: url(../images/icons/parallax-icon.png); width: 15px; height: 15px; background-repeat: no-repeat; }
.parallax-icon .icon-6 { left: 65% !important; top: 40% !important; background: url(../images/icons/parallax-icon.png); width: 15px; height: 15px; background-repeat: no-repeat; }
.parallax-icon .icon-7 { left: 72% !important; top: 70% !important; background: url(../images/icons/parallax-icon.png); width: 15px; height: 15px; background-repeat: no-repeat; }

/******************************************************
/// Footer
******************************************************/
.footer .footer-sadrzaj { position: relative; display: block; background: #1b75bc; padding: 90px 10px 170px 10px; }
.footer .footer-sadrzaj h5 { font-size: 22px; line-height: 29px; color: #fff; margin-bottom: 50px; }
.footer .footer-sadrzaj h5:before, .footer .footer-sadrzaj h5:after { background: #fff; }
.footer-kontakti { position: relative; display: block; margin-left: 0px; text-align: center; border: 2px dotted #4890c9; padding: 15px 10px; border-radius:20px; }
.footer-sadrzaj .widget-naslov { position: relative; display: block; font-size: 22px; line-height: 28px; font-weight: 600; color: #fff; border-bottom: 2px dotted #4890c9; padding: 5px 0 15px 0; }
.footer-kontakti .widget-sadrzaj .text { position: relative; display: block; color: #bec5d4; margin-bottom: 18px; }
.footer-kontakti .widget-sadrzaj .lista li { position: relative; display: block; font-size: 14px; color: #bec5d4; padding: 0px; margin-bottom: 5px; }
.footer-kontakti .widget-sadrzaj .lista li:last-child { margin-bottom: 0px; }
.footer-kontakti .widget-sadrzaj .lista li a { position: relative; display: inline-block; font-size: 14px; color: #bec5d4; }
.footer-kontakti .widget-sadrzaj .lista li a:hover { color: #f1a11f; }
.footer-kontakti .widget-sadrzaj .lista li.tel, .footer-kontakti .widget-sadrzaj .lista li.tel a { font-size: 21px; color:#fff; font-weight: 700; }

.footer-menu { margin: 30px 0 30px 0; padding: 18px 0; background: -moz-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,0.6) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,0.6) 50%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,0.6) 50%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,0.6) 50%, rgba(0,0,0,0) 100%); background: linear-gradient(left, rgba(0,0,0,0) 5%, rgba(204,204,204,0.6) 50%, rgba(0,0,0,0) 100%); }
.footer-menu ul { margin: 0; list-style-type: none; display: block; list-style-type: disc; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 10px;}
.footer-menu ul li { display: inline; font-size: 14px; font-weight:600; margin-right: 5px; }
.footer-menu ul li:last-child { margin-right: 0; }
.footer-menu ul li a { color: #1b75bc; }
.footer-menu ul li a:hover { color: #f1a11f; }

.copyright-wrapper { position: relative; display: block; background: #ededed; padding: 33px 0px; }
.copyright { position: relative; display: block; color: #212f54; margin:30px 0; font-size:14px; }
.design { max-width:200px; margin:0px auto; text-align:center; background: #eee; border-radius:5px; border:1px solid #ddd; font-size: 10px; font-weight: 400; color: #000; text-transform:uppercase; padding: 10px 10px; margin-top:30px; }
.design a { color:#2e3192; display:block; padding-top:3px; }
.design a:hover { text-decoration:none; outline:none; color: #f1a11f;  }

/******************************************************
/// Kolacici
******************************************************/
#cookies-notice { position: fixed; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1030; color: #fff; padding: 8px 0; }

/******************************************************
/// Modus održavanja
******************************************************/
body#odrzavanje { background: url("../images/odrzavanje_bg.jpg") no-repeat center top fixed!important; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
.odrzavanje { font-size: 24px; color: #fff; font-weight: 200; }