@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@300;400;700;900&family=Oswald:wght@500;700&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block }
ul,ol{padding:0;margin:0}
li{padding:0;margin:0}
body{line-height:1 }
ol, ul{list-style:none }
blockquote, q{quotes:none }
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none }
table{border-collapse:collapse;border-spacing:0 }
*, *:after, *:before{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
*{-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;transition:background-color 500ms linear;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:15px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{min-width:100%;min-height:100%;overflow-x: hidden;margin:0;padding:0;font-size:15px;font-family: 'Martel Sans', sans-serif;color:#212529;font-weight:400;letter-spacing:0.01em;line-height:1.75;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:all .2s cubic-bezier(0,0,0.3,1);transition:all .2s cubic-bezier(0,0,0.3,1);background:#FFF;position:relative;overflow-x:hidden;}


a{color:#117cc4;text-decoration:none;outline:0;outline: none;}
:focus{outline:none}
a:visited{color:#117cc4}
a:hover{color:#E3000F}
a{outline:0}
a:active{color:inherit}
a img{border:0}
a [class^="icon-"]{color:inherit;text-decoration:none}
p{margin:10px 0}
strong, .strong {font-weight: 700; }
italic, .italic{font-style:italic;}
figure {overflow: hidden;}
ol { list-style: decimal; padding-left: 20px;}
.red{color:#D00000}
.hide{display:none}
.show{display:block}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.bluebg{background: #0D85FC;}

img{max-width:100%}
img.align-left,.img-wrap.align-left{max-width:300px!important;float:left;position:relative;margin:0 20px 5px 0}
img.align-right,.img-wrap.align-right{max-width:300px!important;float:right;position:relative;margin:0 0 5px 20px}
img.full-width,img.full-width768{clear:both;display:block;width:100%;height:auto;position:relative}
.grid img{max-width:100%;height:auto;vertical-align:middle}
.max1600{width:100%;max-width:1600px!important;margin-right:auto;margin-left:auto}
.max1200{width:100%;max-width:1200px!important;margin-right:auto;margin-left:auto}
.max960{width:100%;max-width:960px!important;margin-right:auto;margin-left:auto}
.max800{width:100%;max-width:800px!important;margin-right:auto;margin-left:auto}
.max600{width:100%;max-width:600px!important;margin-right:auto;margin-left:auto}
.max400{width:100%;max-width:400px!important;margin-right:auto;margin-left:auto}

.box2{width:49.8%; margin:1px 0.1%;float:left;display:block;overflow: hidden}
.box3{width:33.13333333333333%; margin:0 0.1% 5px;float:left;display:block;overflow: hidden}
@media all and (max-width:900px){	
.box2{width:100%;max-width:700px!important;float:none;margin:5px auto!important;}
.box3{width:100%;max-width:600px!important;float:none;margin:2px auto!important;min-height:400px}	
}
.zoom {overflow: hidden;}
.zoom-image {display: block;	width: 100%;height: 100%;object-fit: cover;transition: transform 400ms ease-out;}
.zoom-image:hover {transform: scale(1.15);}

.grid{width:100%;max-width:1400px;margin:0 auto;}
.grid.flex96{width:100%;max-width:960px;}
.grid.flex12{width:100%;max-width:1200px;}
.grid.flex16{width:100%;max-width:1600px;}
.grid.flex18{width:100%;max-width:1800px;}
.grid.flex{width:100%;max-width:100%;}

.parile{padding:0 1rem;}
.patobo{padding:1rem 0;}
.pad {padding: 1rem}

.pad1{padding: 1rem}
.pad2{padding: 2rem}
.pad5{padding: 5rem}
.pad10{padding: 10rem}

.padLR1{padding:0 1rem}
.padLR2{padding:0 2rem}
.padLR5{padding:0 5rem}
.padLR10{padding:0 10rem}

.row{display:block;overflow:hidden;clear:both}

.col_1{width:6%}
.col_2{width:12%}
.col_3{width:21%}
.col_4{width:29.333333333333%}
.col_5{width:36%}
.col_6{width:46%}
.col_7{width:56%}
.col_8{width:62.6666666667%}
.col_9{width:71%}
.col_10{width:80%}
.col_11{width:86%}
.col_12{width:96%}
[class*="col_"]{float:left;display:block;margin:.5em 2%}

.colw_1{width:8.333%}
.colw_2{width:16.667%}
.colw_3{width:25%}
.colw_4{width:33.333%}
.colw_5{width:41.667%}
.colw_6{width:50%}
.colw_7{width:58.333%}
.colw_8{width:66.667%}
.colw_9{width:75%}
.colw_10{width:83.333%}
.colw_11{width:91.667%}
.colw_12{width:100%}

*[class*="colw_"]{float:left;display:block}

@media all and (max-width:767px){
*[class*="col_"]{float:none;width:auto;clear:both;display:block}	
}
@media all and (max-width:991px){
	.padgrid{padding: 0 10px}
*[class*="mob"]{float:none;width:auto;clear:both;display:block}	
}
@media all and (max-width:1023px){
.col_3.laptop, .col_6.laptop{width:50%;float:left;display:block;}
}
@media all and (max-width:800px){
.col_1.laptop,.col_2.laptop,.col_3.laptop,.col_4.laptop,.col_5.laptop,.col_6.laptop,.col_7.laptop,.col_8.laptop,.col_9.laptop,.col_10.laptop, .col_11.laptop,.col_12.laptop{width:100%;float:none!important;clear:both;display:block}
}

@media all and (max-width:1280px){
.col_3.desktop, .col_6.desktop{width:50%;float:left;display:block;}
}
@media all and (max-width:800px){
.col_1.desktop,.col_2.desktop,.col_3.desktop,.col_4.desktop,.col_5.desktop,.col_6.desktop,.col_7.desktop,.col_8.desktop,.col_9.desktop,.col_10.desktop, .col_11.desktop,.col_12.desktop{width:100%;float:none!important;clear:both;display:block}
}

@media all and (max-width:480px){
.hide-480{display:none!important;}	
}
@media all and (max-width:767px){
.hide-767{display:none!important;}	
}
@media all and (max-width:991px){
.hide-991{display:none!important;}	
}
@media all and (max-width:1023px){
.hide-1023{display:none!important;}	
}

.prbig{padding-right: 10%}
.plbig{padding-left: 10%}

.mt-2{margin-top:1rem!important}
.mb-2{margin-bottom:1rem!important}
.mt-5{margin-top:1.5rem!important}
.mb-5{margin-bottom:1.5rem!important}
.mt-10{margin-top:2.5rem!important}
.mb-10{margin-bottom:2.5rem!important}
.mlr-auto{margin-left:auto!important;margin-right:auto!important}

.pt-2{padding-top:2.5rem!important}
.pt-3{padding-top:3.5rem!important}
.pb-1{padding-bottom:1rem!important}
.pb-2{padding-bottom:2.5rem!important}
.pt-5{padding-top:5rem!important}
.pb-5{padding-bottom:5rem!important}
.pt-10{padding-top:10rem!important}
.pb-10{padding-bottom:10rem!important}


@media(min-width:480px){
.mt-2{margin-top:1.2rem!important}
.mb-2{margin-bottom:1.2rem!important}
.mt-5{margin-top:2rem!important}
.mb-5{margin-bottom:2rem!important}
.mt-10{margin-top:3rem!important}
.mb-10{margin-bottom:3rem!important}
	
.pt-1{padding-top:.75rem!important}
.pt-2{padding-top:1rem!important}
.pt-3{padding-top:1.5rem!important}	
.pb-2{padding-bottom:1rem!important}
.pt-5{padding-top:2rem!important}
.pb-5{padding-bottom:2rem!important}
.pt-10{padding-top:3rem!important}
.pb-10{padding-bottom:3rem!important}
}
@media(min-width:768px){
.mt-2{margin-top:1.5rem!important}
.mb-2{margin-bottom:1.5rem!important}
.mt-5{margin-top:2.5rem!important}
.mb-5{margin-bottom:2.5rem!important}
.mt-10{margin-top:4rem!important}
.mb-10{margin-bottom:4rem!important}

.pt-2{padding-top:1.5rem!important}
.pt-3{padding-top:2rem!important}	
.pb-2{padding-bottom:1.5rem!important}
.pt-5{padding-top:2.5rem!important}
.pb-5{padding-bottom:2.5rem!important}
.pt-10{padding-top:4rem!important}
.pb-10{padding-bottom:4rem!important}
}

@media(min-width:992px){
.mt-2{margin-top:2.5rem!important}
.mb-2{margin-bottom:2.5rem!important}
.mt-5{margin-top:3.5rem!important}
.mb-5{margin-bottom:3.5rem!important}
.mt-10{margin-top:5rem!important}
.mb-10{margin-bottom:5rem!important}

.pt-2{padding-top:2.5rem!important}
.pt-3{padding-top:3rem!important}	
.pb-2{padding-bottom:2.5rem!important}
.pt-5{padding-top:3.5rem!important}
.pb-5{padding-bottom:3.5rem!important}
.pt-10{padding-top:5rem!important}
.pb-10{padding-bottom:5rem!important}
}
@media(max-width:1600px){
.pts2{padding-top:2rem!important}
.pbs2{padding-bottom:2rem!important}
.pts3{padding-top:3rem!important}
.pbs3{padding-bottom:3rem!important}
.pts5{padding-top:5rem!important}
.pbs5{padding-bottom:5rem!important}	
}
@media(max-width:1600px){
.prbig{padding-right: 0}
.plbig{padding-left: 0}
}

@media(min-width:1280px){
.mt-2{margin-top:3rem!important}
.mb-2{margin-bottom:3rem!important}
.mt-5{margin-top:5rem!important}
.mb-5{margin-bottom:5rem!important}
.mt-10{margin-top:10rem!important}
.mb-10{margin-bottom:10rem!important}

.pt-2{padding-top:3rem!important}
.pb-2{padding-bottom:3rem!important}
.pt-5{padding-top:5rem!important}
.pb-5{padding-bottom:5rem!important}
.pt-10{padding-top:10rem!important}
.pb-10{padding-bottom:10rem!important}
}
/*------ INTRO -------*/
.abso{position: absolute; left: 50%; top: 0; transform: translate(-50%); width: 100%; height: 100vh;z-index: 2; background: rgba(0,22,42,.2);text-align: center;padding: 0 15px;}

#home {width:100%;position: relative; height: 100vh}
.parallax{display:block;width:100%;position: relative; height: 100vh}
#homeimg {display: none}
.backw{position:relative; background: #fff}
#logo{padding:15px 20px;text-align:center;display:block;}
#enterlogo{width:400px;display:block;margin:auto;padding-top: 80px}
#logo-small{width:120px; position:absolute; left:30px; top:9px;}
.none{display: none!important}

.opanula{visibility: hidden; opacity: 0; transition: visibility 0s .5s, opacity .5s linear;}
.opasto{visibility: visible; opacity: 1;transition: opacity 2s linear;}

.abso h1{position:relative;z-index:2;margin:0;padding: 150px 25px 30px;color:#007EFC; font-weight:900;font-size:48px;letter-spacing:2px;line-height:1.65;text-transform: uppercase}

.abso h2{text-transform:uppercase;font-size:24px;font-weight:700;letter-spacing:3px;margin:0;padding: 30px 0; text-align: center;color:#FCAC26; line-height: 1.2em}


.abso h2 span{font-weight:700;}

.show{background: rgba(1,14,20,.1); }
.abso a{text-decoration:none;color:#B3865D;text-transform:uppercase;font-weight:500;font-size:14px}

@media only screen and (max-width:1400px) {	
#enterlogo{width:350px;padding-top: 120px}	
.abso h1{font-size:36px;letter-spacing:2px;padding: 100px 25px 30px;}	
}

@media only screen and (max-width:992px) {	
#enterlogo{width:300px;}		
#logo-small{width:170px;top:15px;left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
#logotip{display: none}	
.abso h1{font-size:32px;letter-spacing:2px;padding: 75px 0;}	
.abso h2{font-size:19px;padding: 35px 15px;}	
}

@media only screen and (max-width:767px) {
#enterlogo{width:220px;padding-top: 100px}
	
#home{display:none}	
#homeimg {width:100%; height: 100vh; display: block;padding-top:80px;background: #00578d;background:url(../images/gliser.jpg) no-repeat center center/cover;}
#head{min-height:300px;padding:60px 30px 0;}
.abso h1{font-size:28px;letter-spacing:1px;padding: 50px 0;}	
.abso h2{font-size:17px;padding: 30px 15px;}	
}

@media only screen and (max-width:480px) {	
#logo-small{width:160px;top:17px;}
#enterlogo{width:200px;padding-top: 80px}	
.abso h1{font-size:24px;letter-spacing:1px;padding: 40px 0;}
.abso h2{padding: 20px 15px;font-size:16px;}			
}
@media only screen and (max-width:380px) {	
#logo-small{width:120px;top:23px;}
}
/*-------------- PODSTRANICE --------------------*/
.banner{width:100%;max-width:100vw;min-height:400px;display:block;position:relative;padding:0;transition:all .1s ease 0}
#head{min-height:400px;background:rgba(0,31,42,.2);padding:40px 30px;position:relative;z-index:1}
#logo-banner{display: block;width:200px;margin:50px auto 0}
#head h1,#head h2{text-align:center;padding:0;position:relative;z-index:3;text-shadow:1px 1px 0 rgba(0,0,0,0.1)}
#head h1{font-weight:700;margin:25px 15px 10px;letter-spacing:2px;font-size:28px;color:#FCAC26}
#head h2{font-weight:700;margin:10px 0 30px 0;letter-spacing:1px;font-size:17px;color:#D1DDFD;}

/* = OVERBOX -------------------*/
.mt-min5 { margin-top: -5rem!important;}

.overbox{width:100%;height:100%;position:relative;padding:1.5rem;margin:0 auto;}
.overbox:after{position:absolute;content:"";width: 86%;height: 86%;top: -3%;right: -3%;z-index:-1; background: #FCAC26;}

.overbox2{width:100%;height:100%;position:relative;padding:1.5rem;margin:0 auto;}
.overbox2:after{position:absolute;content:"";width: 86%;height: 86%;top: -3%;right: -3%;z-index:-1; background: #06427D;}

.overbox-left{width:100%;height:100%;position:relative;padding:1.5rem;margin:0 auto;}
.overbox-left:after{position:absolute;content:"";width: 86%;height: 86%;top: -3%;left: -3%;z-index:-1; background: #0D85FC;}

.mtmin80{margin-top: -80px}

.flex-box { display: flex; align-items: center;flex-direction: row;}
.flex-box__item {position: relative;display: flex; align-content: center;justify-content: center;width: 100%}
.col-50{width:50%}
.col-40{width:40%}
.col-25{width:25%}
.col-60{width:60%}
[class*="col-"]{float:left;display:block}
@media all and (max-width: 1024px) {
.col-50, .col-40, .col-25, .col-60{float:none;clear:both;display:block;width:100%}
.flex-box { flex-direction: column;}
}
/* IMAGE EFFECT */
.item-cont{overflow:hidden;display:inline-block;width:100%}
.item-cont img {width:100%}
.item-cont a {display:block;position:relative;color:#FFF;border-color:#E9EFFF;font-size:20px;}
.item-cont a .item-content{position:absolute;width:100%;cursor:pointer;height:100%;text-align:center;top:0;left:0;opacity:1;}
.item-cont a .item-content:before{border-top:1px solid;border-bottom:1px solid;-webkit-transform:scale(0, 1);transform:scale(0, 1);opacity:0;}
.item-cont a .item-content:after{border-left:1px solid;border-right:1px solid;-webkit-transform:scale(1, 0);transform:scale(1, 0);opacity:0;}
.item-cont a .item-content:before,.item-cont a .item-content:after{border-color:#E9EFFF;position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity 1.2s, -webkit-transform 1.2s;transition:opacity 1.2s, transform 1.2s;}
.item-cont a .item-content .text-cont{width:100%;opacity:0;position: relative}
.item-cont a .item-content .text-cont em{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: 16px;text-align: center; color:#fff; font-style: normal; font-weight: 600; margin: 0;padding: 0}
.item-cont a .item-content .text-cont em.big{font-size: 36px;}
.item-cont a .item-content .text-cont em{  opacity: 0; }
.item-cont a:hover .item-content .text-cont em{ opacity:1;
  transition: opacity .8s ease-in;
  -moz-transition: opacity .8s ease-in;
  -webkit-transition: opacity .8s ease-in;
  -o-transition: opacity .8s ease-in; }
.item-cont a .item-content .align-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.item-cont a .figa{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}
.item-cont a .figa:after{position:absolute;width:100%;height:100%;left:0;top:0;content:"";background-color:rgba(36,43,69,0.9);opacity:0;}
.item-cont a .figa img{max-width:100%;height:auto;display:block;}
.item-cont a:hover .figa{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.item-cont a:hover .figa:after{opacity:1;}
.item-cont a:hover .item-content{opacity:1;}
.item-cont a:hover .item-content:before,.item-cont a:hover .item-content:after{border-color:#E9EFFF;}
.item-cont a:hover .item-content:before{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.item-cont a:hover .item-content:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.item-cont a:hover .item-content .text-cont{opacity:1;}

/*------ STYLES -------*/
/*-------------- ANIMATE.CSS --------------------*/
@-webkit-keyframes slideInUp5 {
0%{opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes slideInUp5 {
0%{opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes slideInDown5 {
0%{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes slideInDown5 {
0%{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes slideInUp50 {
0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes slideInUp50 {
0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes slideInDown50 {
0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes slideInDown50 {
0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes slideInleft5 {
0%{opacity:0;-webkit-transform:translateX(25%);transform:translateX(25%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes slideInleft5 {
0%{opacity:0;-webkit-transform:translateX(25%);transform:translateX(25%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes slideInRight5 {
0%{opacity:0;-webkit-transform:translateX(-25%);transform:translateX(-25%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes slideInRight5 {
0%{opacity:0;-webkit-transform:translateX(-25%);transform:translateX(-25%)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeIn5 {0%{opacity:0}100%{opacity:1}
}
@keyframes fadeIn5 {0%{opacity:0}100%{opacity:1}
}
@-webkit-keyframes zoomIn5 {
0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes zoomIn5 {
0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes zoomReverseIn5 {
0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes zoomReverseIn5 {
0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes flipInY5 {
0%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes flipInY5 {
0%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
[data-animation]{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;animation-duration:1.5s}
.animations-disabled,.animations-disabled [data-animation]{-webkit-animation:none!important;animation:none!important;opacity:1!important}
.slideInUp5{-webkit-animation-name:slideInUp5;animation-name:slideInUp5}
.slideInDown5{-webkit-animation-name:slideInDown5;animation-name:slideInDown5}

.slideInUp50{-webkit-animation-name:slideInUp5;animation-name:slideInUp50}
.slideInDown50{-webkit-animation-name:slideInDown5;animation-name:slideInDown50}

.slideInLeft5{-webkit-animation-name:slideInleft5;animation-name:slideInleft5}
.slideInRight5{-webkit-animation-name:slideInRight5;animation-name:slideInRight5}
.fadeIn5{-webkit-animation-name:fadeIn5;animation-name:fadeIn5}
.fadeOut5{-webkit-animation-name:fadeIn5;animation-name:fadeIn5;animation-direction:reverse}
.zoomIn5{-webkit-animation-name:zoomIn5;animation-name:zoomIn5}
.zoomOut5{-webkit-animation-name:zoomIn5;animation-name:zoomIn5;animation-direction:reverse}
.zoomReverseIn5{-webkit-animation-name:zoomReverseIn5;animation-name:zoomReverseIn5}
.zoomReverseOut5{-webkit-animation-name:zoomReverseIn5;animation-name:zoomReverseIn5;animation-direction:reverse}
.flipInY5{-webkit-animation-name:flipInY5;animation-name:flipInY5}
.flipOutY5{-webkit-animation-name:flipInY5;animation-name:flipInY5;animation-direction:reverse}

.delay-01 { animation-delay: .1s;}
.delay-02 { animation-delay: .2s;}
.delay-03 { animation-delay: .3s;}
.delay-04 { animation-delay: .4s;}
.delay-05 { animation-delay: .5s;}
.delay-06 { animation-delay: .6s;}
.delay-07 { animation-delay: .7s;}
.delay-08 { animation-delay: .8s;}
.delay-09 { animation-delay: .9s;}
.delay-1  { animation-delay: 1s;}
.delay-12 { animation-delay: 1.2s;}
.delay-15 { animation-delay: 1.5s;}
.delay-2  { animation-delay: 2s;}


/*-------------- HEADINGS --------------------*/

h1, h2, h3, h4, h5, h6{letter-spacing:0.02em;color:#000;font-weight:400;}

h2,.title-1{font-size:36px;line-height:48px;}
h3{font-size:32px;line-height:44px;padding-bottom:25px;}
h4{font-size:26px;line-height:38px;padding-bottom:20px;}
h5{font-size:22px;line-height:34px;padding-bottom:15px;}
h6{font-size:20px;line-height:32px;}

h2.long, h3.long, h4.long, h5.long{font-family:'Oswald', sans-serif;font-weight:500;}
h2.info{font-size:20px;line-height:32px;font-weight: 700}
h2.info span{font-size:18px;line-height:32px;font-weight: 400}
h4.info{font-size:14px;line-height:28px;font-weight: 400; font-style: italic}

h2.long{font-size:32px;line-height:44px;margin:0 0 50px;display:block;}
h3.long{font-size:21px;line-height:34px;padding-bottom:25px;}
h4.long{font-size:20px;line-height:32px;padding-bottom:20px;}
h5.long{font-size:19px;line-height:30px;padding-bottom:15px;}
h6.long{font-size:18px;line-height:28px;padding-bottom:10px;font-weight:700;}

figure.mobile {width:100%;display: block; margin: 40px auto;}
small,.text_small{font-size:.707em}

h2.home{font-size:22px;font-weight: 700; line-height:36px;margin:30px 0 25px;display:block;letter-spacing:0;}
h3.home{font-size:20px;font-weight: 600;line-height:34px;margin:30px 0 0;padding-bottom: 10px; display:block;letter-spacing:0;}

/* =  PRVI NASLOV ukras naslovu - kose ///// linije
----------------------------------------------------------------------------------------------------------------------*/
h2.title1{font-size:48px;line-height:48px;color:#525252; margin:0 0 20px;padding-top: 50px}	
h2.title1 span{font-size:13px;color:#000; letter-spacing: 5.55px;line-height: inherit; text-transform: uppercase;}

hr.goldhr{border:0;height:8px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,#c0c0c0 35%,#c0c0c0 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;width:66%;display:block;margin:0 auto 50px;}

hr.goldhr2{border:0;height:7px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,#c0c0c0 35%,#c0c0c0 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;width:50%;display:block;margin:0 0 30px;}

hr.goldhr100{border:0;height:7px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,#c0c0c0 35%,#c0c0c0 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;width:100%;display:block;margin:0 0 30px;}

/*-------------- hr i telefon --------------------*/
h2.title11 {margin-bottom: 15px}
hr.goldhr{border:0;height:8px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,silver 35%,silver 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;width:66%;display:block;margin:0 auto 50px;}
.nazovi{width: 200px; position:relative;z-index:2;display:block;padding:5px 15px;background:#fff;margin:10px auto -24px auto;color:silver;text-align: center;font-weight: 700}
.nazovi a{color:silver}
.nazovi a:hover{color:#D92227}
.nazovi i {margin-bottom: 8px;display: inline-block; font-size:14px; margin-right: 3px;}
.underlined{color:#1e1e1e;flex:1;text-decoration:none;background-image:linear-gradient(to right,yellow 0,yellow 100%);background-position:0 1.2em;background-size:0 100%;background-repeat:no-repeat;transition:background 500ms; cursor:pointer}
.underlined:hover{background-size:100% 100%}
.underlined--thick{background-position:0 -.1em}

/*-------------- IKONE --------------------*/
.ikone {display: inline-block;float: left; width: 70px; height: 100%;margin: 0 auto }
.ikone i{display: block;text-align:center;font-size:30px;color:#ffa726;}

.phone-box{width:100%;height:60px;position:relative}
.phone{width:60px;height:60px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#1E90FF;text-align:center;cursor:pointer;transform-origin:50% 50%;transition:transform .4s}
.phone:hover{transform:translate(-50%,-50%) scale(1.25)}
.phone i{line-height:60px;font-size:30px;color:#fff}

/* DUGME sa animiranom crtom */
.boxrela{position:relative;width:300px;display:block;margin-bottom:20px;height:40px;float:right;margin-right:40px;margin-top:10px}
.bouton{position:absolute;top:0;margin-left:-200px;right:0}
.bouton:hover{cursor:pointer}
.line2{position:relative;float:left;padding:20px 80px;background-color:#1D80F7;transform:scale(0.5,0.05);animation-name:line-out;animation-duration:.3s}
.text{font-weight:400;float:left;position:relative;line-height:40px;color:#000;font-style: italic; letter-spacing:1px;animation-name:text-out;animation-duration:.3s}
.text-de{font-weight:400;float:left;position:relative;line-height:40px;color:#000;font-style: italic; font-size:13px;animation-name:text-out;animation-duration:.3s}
.text span, .text-de span{font-size:15px;line-height:0}
.bouton:hover .line2{animation-name:line-in;animation-duration:.3s;animation-fill-mode:forwards}
@keyframes line-in {
0%{left:0;transform:scale(0.5,0.05)}
50%{left:50%;transform:scale(1,0.05)}
75%{left:50%;transform:scale(1,0.05)}
100%{left:50%;transform:scale(1,1)}
}
@keyframes line-out {
0%{left:50%;transform:scale(1,1)}
50%{left:50%;transform:scale(1,0.05)}
75%{left:50%;transform:scale(1,0.05)}
100%{left:0;transform:scale(0.5,0.05)}
}
.bouton:hover .text, .bouton:hover .text-de{animation:text-in .3s ease-out forwards}
@keyframes text-in {
50%{color:#000}
100%{color:#fff}
}
@keyframes text-out {
50%{color:#000}
}

/*-------------- STRELICE --------------------*/
.fix-scroll{display:block;width:100%;height:60px;margin: -120px 0 0; position:relative;}
.smoothscroll{position:absolute;z-index:2;left:calc(50% - 15px);-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;width:120px;height:120px;margin:0 auto 0;padding-left:60px;}
.chevron,.chevron-hex{position:absolute;width:28px;height:8px;opacity:0;transform:scale3d(0.5,0.5,0.5);animation:move 3s ease-out infinite;}
.chevron:first-child,.chevron-hex:first-child{animation:move 3s ease-out 1s infinite}
.chevron:nth-child(2),.chevron-hex:nth-child(2){animation:move 3s ease-out 2s infinite}
.chevron:before,.chevron:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#ffb600}
.chevron-hex:before,.chevron-hex:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#ffb600}
.chevron:before,.chevron-hex:before{left:0;transform:skew(0deg,30deg)}
.chevron:after,.chevron-hex:after{right:0;width:50%;transform:skew(0deg,-30deg)}
@keyframes move {
25%{opacity:1}
33%{opacity:1;transform:translateY(30px)}
67%{opacity:1;transform:translateY(40px)}
100%{opacity:0;transform:translateY(55px) scale3d(0.5,0.5,0.5)}
}
@keyframes pulse {
to{opacity:1}
}
@media all and (max-width:480px) {
.fix-scroll{display:none;}
}

/*-------------- CENTER ITD--------------------*/
.flex-box { display: flex; align-items: center;flex-direction: row;}
.flex-box__item {position: relative;display: flex; align-content: center;justify-content: center;width: 100%}

.col-25{width:25%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-66{width:66.66%}
[class*="col-"]{float:left;display:block}

@media all and (max-width: 1024px) {
.col-25,.col-33,.col-40, .col-50,.col-60, .col-66{float:none;clear:both;display:block;width:100%}
.flex-box { flex-direction: column;}
.title-1{font-size:30px;line-height:48px;margin-top:5rem}	
}

.middle { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);  transform: translateY(-50%);}

.image1{clear:both;display:block;width:80%;max-width: 600px; height:auto;position:relative;margin: 10% 20% 10% 0}

/* =  ukras naslovu - kose ///// linije
----------------------------------------------------------------------------------------------------------------------*/
hr.goldhr{border:0;height:8px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,#c0c0c0 35%,#c0c0c0 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;width:80%;display:block;margin:1px auto 50px;}

hr.goldhr2{border:0;height:7px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,#c0c0c0 35%,#c0c0c0 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;width:50%;display:block;margin:0 0 30px;}

hr.goldhr100{border:0;height:7px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,#c0c0c0 35%,#c0c0c0 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;width:100%;display:block;margin:4px 0 30px;}

.reserve{width: 189px; position:relative;z-index:2;display:block;padding:8px 0;background:#fff;margin:0 auto -27px auto;color:#c0c0c0;text-align: center;}

.reserve a{color:#c0c0c0; padding: 0;}
.reserve a:hover{color:#000}
.reserve i {margin-bottom: 8px;display: inline-block; font-size:14px; margin-right: 3px;}

/*-------------- LISTE--------------------*/
ul.fishing{margin-bottom:50px;}
ul.fishing li{margin-bottom:15px;padding:0; }
ul.fishing li span {display:inline-block; width:80px; padding-right:20px;}

ul.fishing li span.icon-tuna{font-size:32px}
ul.fishing li span.icon-fishing1{font-size:24px}
ul.fishing li span.icon-izleti-brodom{font-size:42px}
ul.fishing li span.icon-dolphins-sea-sunset3{font-size:36px}

ul.gliser{margin-bottom:30px;}
ul.gliser li{margin-bottom:10px;padding:0; }
ul.gliser li span {display:inline-block; width:48px; padding-right:20px;}

ul.lista{font-size: 16px;}
ul.lista li{margin-bottom:15px;padding:0 0 0 25px;background:transparent url(../img/aro.png) no-repeat scroll left 7px }

ul.lista2{margin-bottom:30px;}
ul.lista2 li{margin-bottom:8px;padding:0 0 0 20px;background:transparent url(../img/aro.png) no-repeat scroll left 4px }

/** ANIMACIJA IZNAD FOOTERA */
#rezfoot{padding-top: 200px; position: relative;width: 100%;height: 600px;display: block;resize: both;background-color:#032140}
#rezfoot h3{position: relative;z-index: 2; font-weight:900;padding:50px 15px 10px;letter-spacing:2px;font-size:72px;color:#89b6ff; text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
#rezfoot p{position: relative;z-index: 2;}
#rezfoot p a{font-weight:700;color:#BED0FB; margin:10px 0 30px 0;letter-spacing:1px;font-size:48px}
#rezfoot p a:hover{color:#FC3326;}

/** ANIMACIJA NASLOVA REVERSE */

.has-animation{position:relative}
.has-animation{opacity:0}
.has-animation.animate-in{animation:textHidden .1s 1.1s forwards}
.has-animation.animate-in:before,.has-animation.animate-in:after{content:'';position:absolute;top:0;right:0;height:100%;z-index:10}
.has-animation.animate-in:before{background-color:#032140}
.has-animation.animate-in:after{background-color:#003e82;animation-delay:.5s}
.has-animation.animation-ltr.animate-in:before{animation:revealLTR 2s ease}
.has-animation.animation-ltr.animate-in:after{animation:revealLTR 1s .6s ease}
.has-animation.animation-rtl.animate-in:before{animation:revealRTL 2s ease}
.has-animation.animation-rtl.animate-in:after{animation:revealRTL 1s .6s ease}
@keyframes revealRTL{0%{width:0;right:0}
65%{width:100%;right:0}
100%{width:0;right:100%}
}@keyframes revealLTR{0%{width:0;left:0}
65%{width:100%;left:0}
100%{width:0;left:100%}
}@keyframes textHidden{0%{opacity:0}
100%{opacity:1}
}

/*-------------- PARALLAX --------------------*/

.para-font{display:inline-block;margin-bottom:2px;font-size:60px;color:#EDCD9C;text-shadow:0 0 5px rgba(0,0,0,.6);letter-spacing:.02rem;}
#parallax1 .container{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:15px;position:relative;width:100%}
.container--half:before {content: "";background: rgba(0,31,42, 0.02);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}

.container--full{height:100vh}
.container--half{height:50vh}
.container--small{height:40vh}
.container .content{background:rgba(0,31,42,.1);border-radius:8px;color:#fff;margin:0 10%;padding:30px 35px;text-align:center;position: relative;z-index: 2}
.parallax__container{clip:rect(0,auto,auto,0);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;}
.parallax__container .parallax{background-position:center;background-repeat:no-repeat;background-size:cover;position:fixed;top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}
@media screen and (max-width:991px){
	.para-font{font-size:48px;}		
}
@media screen and (max-width:767px){
	.para-font{font-size:32px}	
	.title-1{font-size:24px;line-height:36px;}
}
@media screen and (max-width:480px){
	.para-font{font-size:24px}	
	.title-1{font-size:21px;line-height:34px;}
}
/*-------------- unilax parallax --------------------*/
.para-font{font-size:60px;color:#fff;text-shadow: 0 0 1px #000}
#simile-para {display: block; width: 100%;overflow: hidden; background: #00578d;background:url(../images/umag-sunset2.jpg) no-repeat center center/cover fixed;padding: 250px 0;position:relative;z-index: 2;text-align: center}

.container-fix{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;position:relative;width:100%;background: #012251}
.container--little{height:300px;padding-top: 50px}
.container--full{height:100vh}
.container--small{height:600px}

.container-fix .content{width:96%;max-width: 1024px; color:#fff;margin:0 auto 30px;padding:0 20px;text-align:center}

.parallax__container{clip:rect(0,auto,auto,0);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;}
.parallax__container .parallax{background-position:center;background-repeat:no-repeat;background-size:cover;position:fixed;top:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}
.bg1{background-image:url(../img/bg1.jpg)}
#bg3{background-image:url(../img/bg3.jpg)}
.show-on-mobile--inline{display:none}

@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
@media screen and (max-width:1023px){
.container--small{height:500px}
}
@media screen and (max-width:767px){
.container--small{height:450px}
}
@media screen and (max-width:480px){
.hide-on-mobile{display:none}
.show-on-mobile--inline{display:inline}
}
/**************** NAŠA PONUDA ****************/
	h3.deut{line-height: 6vh;font-size: 1.6vw;font-weight: 400;color:#fff;margin: 10vh 0 0;letter-spacing: 7px;}
	.sivo-vh24, .bijelo-vh12, .plavo-vh24, .bijeloplavo-vh12{font-family:'Oswald', sans-serif;font-weight: 700;position: relative;display: block;width: 100%;line-height: 12vh;font-size: 8vw;letter-spacing: 10px;text-transform:uppercase;text-align: center;overflow: hidden }
	
.sivo-vh24{height: 24vh;background: #0D85FC;color:#fff; display:block;}
	.anime1{position: absolute;bottom: -6vh;left:0;right:0;}
	.bijelo-vh12{height: 12vh;background: #fff;color:#0D85FC;display:block}
	.anime2{position: absolute;top: -6vh;left:0;right:0;}
	@media only screen and (max-width: 767px) {
		.sivo-vh24, .bijelo-vh12{height: 12vh;letter-spacing: 3px; }
	}

.plavo-vh24{height: 24vh;background: #0044A5;color:#fff; display:block;}
	.bijeloplavo-vh12{height: 12vh;background: #fff;color:#0044A5;display:block}
	.anime2{position: absolute;top: -6vh;left:0;right:0;}
	@media only screen and (max-width: 767px) {
.plavo-vh24, .bijeloplavo-vh12{height: 12vh;letter-spacing: 3px; }
	}

img.realicon{width: 100%;max-width: 260px;margin: 0 auto 20px;display: flex;  align-items: center;  justify-content: center;}
img.realicon2{width: 100%;max-width: 200px;margin: 0 auto 20px;display: flex;  align-items: center;  justify-content: center;}

/*-------------- KONTAKT --------------------*/
.contact{font-size: 16px;line-height: 2.7;}
.equal-container{display:table;width:100%}
.equal{display:table-cell;width:48%;background:#fff;padding:3em;box-shadow:inset 0 0 0 0 #fff,inset 0 0 0 1px #c0c0c0,inset 0 0 0 2px #fff,inset 0 0 0 3px #c0c0c0,inset 0 0 0 4px #fff,inset 0 0 0 5px silver;color:#000;position:relative}
.equal-white{ display:table-cell; width: 1%px;	min-height: 250px;}

.contact span.icon-home{padding-right: 20px;font-size: 19px}
.contact span.icon-phone{padding-right: 20px;font-size: 20px}
.contact span.icon-mail-envelope-closed{padding-right: 20px;font-size:24px;}

.contact span.icon-mail-envelope-closed:before {
margin-top: 10px
}

@media only screen and (max-width:992px){
.equal-container{display:block}
.equal{display:block;width:100%;margin-bottom: 20px}	
.equal-white{  display: none}	
}

/*-------------- VIDEO --------------------*/
.video-wrap{background-color:#000;margin-bottom:30px;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer}
.video-wrap img{width:100%;top:-16.82%;left:0;opacity:.7}
.video-wrap .play-button{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px rgba(0,0,0,0.6);z-index:1;opacity:.8;border-radius:6px}
.video-wrap .play-button:before{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff}
.video-wrap img,.video-wrap .play-button{cursor:pointer}
.video-wrap img,.video-wrap iframe,.video-wrap .play-button,.video-wrap .play-button:before{position:absolute}
.video-wrap .play-button,.video-wrap .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.video-wrap iframe{height:100%;width:100%;top:0;left:0}

/*-------------- Scroll Top --------------------*/
#scroll-Top .arrow{margin-top: 25px; display:inline-block;height:12px;position:relative;width:12px;}
#scroll-Top .arrow::after{border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:'';display:inline-block;height:12px;left:0;position:absolute;top:0;width:12px;}
#scroll-Top .arrow.is-top{-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);}
#scroll-Top .arrow::after,.arrow .arrow::after{border-color:#fff;}
#scroll-Top .return-to-top{position:fixed;right:10px;bottom:10px;display:none;width:48px;line-height:48px;height:48px;text-align:center;cursor:pointer;background:#0D85FC;border-radius:50%;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;z-index:2}
#scroll-Top .return-to-top:hover{background:#FC3326}
#scroll-Top .return-to-top span{position:relative;bottom:0;animation-name:top;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:1s}
@keyframes top {
0%{bottom:0}
100%{bottom:7px}
}

/*-------------- footer --------------------*/
.footer{letter-spacing: 1px; align-self: flex-end;width:100%;text-align:center;color: #BED0FB;font-size:14px;background-color: #031931;-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.8); -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.6);box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.4);padding: 50px 10px 30px}
ul.footer-info {padding-bottom: 10px}
ul.footer-info li{display:inline-block;padding:0 15px; color:#BED0FB;padding-bottom: 5px}
ul.footer-info span{float:left;display:inline-block;font-size:14px; color:#BED0FB;padding-top: 3px; margin-right: 7px}
ul.footer-info span.icon-home{margin-top: -2px}
ul.footer-info span.icon-phone{margin-top: -2px;font-size: 16px}
ul.footer-info span.icon-mail-envelope-closed{font-size:20px;padding-top: 1px;}

.footer a{line-height: 1.5rem;display:inline-block;position:relative;color:#BED0FB;text-decoration:none;}

.footer a:hover{color:#Fb0;}
.footer a:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}
.footer a:hover:after{width:100%;background:red}
#copyright, #copyright a{font-size: 12px;line-height: 1.2rem;color: #89b6ff;}

.padR30{padding-right: 30px}
.pad200{padding:200px}
.pad200RL{padding:0 200px}
.pad100RL{padding:0 100px}
.pad50RL{padding:0 50px}
.pad200TB{padding:200px 0}
.pad150TB{padding:150px 0}
.pad100{padding:100px}
.pad75{padding:75px}

/*-------------- RESPONSIVE --------------------*/

@media only screen and (max-width:1400px) {
.pad200{padding:150px}
.pad200RL{padding:0 150px}
.pad100RL{padding:0 75px}	
.pad100{padding:90px}
.pad75{padding:65px}	
}
@media only screen and (max-width:1280px) {
.pad200{padding:100px}
.pad200RL{padding:0 100px}
.pad100RL{padding:0 60px}	
.pad50RL{padding:0 40px}	
.pad100{padding:80px}
.pad75{padding:60px}	
}
@media all and (max-width: 991px) {		
.pad40{padding:0}	
.pad200{padding:80px}
.pad200RL{padding:0 60px}	
.pad100RL{padding:0 50px}
.pad50RL{padding:0 30px}	
.pad100{padding:50px 10px}
.pad75{padding:55px}
.pad150TB{padding:100px 0}
.padR30{padding-right: 0}
.item-cont a .item-content {display: none}
.item-cont a .figa:after{cursor:default;background-color:rgba(36,43,69,0)}
body{font-size:15px;}	
p{font-size:15px;line-height: 2.2rem;margin: 0 0 25px;}	
#rezfoot h3{font-size:48px;}
#rezfoot p a{font-size:40px}	
}

@media all and (max-width: 768px) {	
body{font-size:14px;}
#rezfoot h3{font-size:40px;}
#rezfoot p a{font-size:32px}	
}
@media all and (max-width: 480px) {	
#rezfoot h3{font-size:36px;}
#rezfoot p a{font-size:30px}	
}
/*--------- NAV MENU ---------*/
#home{position:relative;background-color:#032140}

#fixtop{position:fixed;z-index:999;display:block;height:60px;top:0;left:0;width:100%;background-color:#032140;-webkit-transition:500ms all ease-in-out;-moz-transition:500ms all ease-in-out;-ms-transition:500ms all ease-in-out;-o-transition:500ms all ease-in-out;-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);}

#fixtop.light{background-color: rgba(3,33,64,.1);}
#fixtop.dark{background-color: rgba(3,33,64,1);}

.costum-navbar{background-color:#032140!important}
.fix-close{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
.slideanim{visibility:hidden;visibility:visible\9}
.slideanim.slide{visibility:visible;animation:slide 1s}
.slideanim::after{content:"";display:table;clear:both}
@keyframes slide{0%{opacity:0;transform:translateY(50%)}
100%{opacity:1;transform:translateY(0)}
}.navigationWrapper{clear:both;height:60px;line-height:1.1}
.navigationWrapper{margin-top:0;margin-bottom:0}
.nav-button{display:none}
.nav-close{display:none}
.nav{display:block;position:relative;bottom:auto;overflow:visible;text-align:center}
.nav ul{display:block;position:relative;zoom:1;list-style-type:none;margin:0;padding:0}
.nav li{position:relative;padding-top:0;padding-bottom:0;margin-left:-4px}
.nav>ul>li{display:inline-block}
.nav a,.nav a:visited{display:block;font-weight:400;position:relative;color:#D1DDFD;text-transform:uppercase;font-size:14px;padding:23px 25px 22px;letter-spacing:0.094em}
.nav ul a:hover{background:#0D85FC;color:#fff;text-shadow: 1px 1px 0 rgba(1,28,53,.5);}
.nav .nav-submenu>a{padding-right:20px}
.nav-button:before,.nav-close:before,.nav .nav-submenu>a:after,.nav>ul>.nav-submenu>a:after{font-family:"icon-font";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top}
.nav .nav-submenu li{min-width:260px}
.nav ul ul{min-width:420px;text-transform:none;display:none;position:absolute;top:100%;z-index:901;background-color:#032140;text-align:left;}
.nav ul ul.lijevo{right:0;}
.nav ul ul.desno{left:0;}
.nav ul ul.short{min-width:200px}
.nav .nav-submenu ul.short li{min-width:200px}
.nav ul ul li{margin-left:0;border-top:1px solid #001C39}
.nav ul ul a:hover{color:#fff!important;background:#0D85FC;text-shadow: 1px 1px 0 rgba(1,28,53,.5);}
.nav ul ul a,.nav ul ul a:visited{padding:20px;text-transform:none;color:#fff}
.nav ul ul ul{top:5px;left:95%;z-index:902}
.nav ul ul ul ul{z-index:903}
.nav ul ul ul ul ul{z-index:904}
.nav a.nav-active, .nav a.nav-active:hover{background:#01204E; color:#fff!important}	
.lang{display:inline-block;padding-right:10px}
.nav .icon-arrow1down:before { content: "\e90a";font-size:8px;margin-left:6px}

@media all and (min-width: 992px) and (max-width: 1280px) {
.nav a,.nav a:visited{ padding:24px 15px}
#logo-small{width:100px; position:absolute; left:15px; top:18px;}	
}
@media only screen and (max-width:992px){
#logo{display:block;float:none;margin:0 auto}		
.nav a,.nav a:visited{color:#000}	
.nav a.nav-active, .nav a.nav-active:hover{background: #2693FF; color:#fff!important}	

.navigationWrapper{background:#073362;width:100%;border:0!important;height:80px;padding:0;border-top:solid 20px #05294F!important}
.nav{display:none;background:#fff none repeat scroll 0 0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:80px;z-index:900;border-bottom:0;}	
.nav-button{display:block;width:70px;height:60px;position:absolute;z-index:999;top:20px;cursor:pointer;background:#073362;padding:11px;right:10px}
.nav-button span{display:block;position:absolute;z-index:999;height:2px;width:40px;background:#fff;opacity:1;left:15px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button span:nth-child(1){top:21px}
.nav-button span:nth-child(2),.nav-button span:nth-child(3){top:30px}
.nav-button span:nth-child(4){top:39px}
.nav-button:hover span:nth-child(1){top:18px}
.nav-button:hover span:nth-child(4){top:40px}
.nav-button.active span:nth-child(1){top:29px;opacity:0}
.nav-button.active span:nth-child(2){-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.25s}
.nav-button.active span:nth-child(3){-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);transition-delay:.25s}
.nav-button.active span:nth-child(4){top:29px;opacity:0}
.nav-lock-scroll{overflow:hidden}
.nav a{padding:20px;letter-spacing:1px;color:#000;font-weight:700}	
.nav ul a:hover{color:#fff!important}
.nav>ul{background:#e9efff;padding:10px 20px}
.nav>ul>li{display:block;background:#fff;margin:4px}
.nav .nav-submenu li{min-width:260px}
.nav .nav-submenu>ul{position:relative;left:0;top:0}
.nav .nav-submenu ul li a{border:none!important}
.nav .nav-submenu ul li a:hover{background-color:#007dfe;color:#fff!important}
.nav .nav-submenu ul ul li a{padding-left:60px;border:none!important}
.nav .nav-submenu ul ul ul li a{border:none!important}
.nav ul ul li{margin-left:0;border-top:1px solid #003060}
.nav ul ul li a{  background-color:#083c72;}	
.nav-active,.nav-active a{background-color:#073362}	
.nav ul ul,.nav a:hover{background-color:#007dfe;text-align:center}
.nav ul li.nav-submenu>a::after{top:16px}
.nav ul li a{color:#112942}
}
.btn a{display:block;width:100%;height:100%;text-decoration:none;color:inherit}

/* =========================
   NOVO 2026 LANG SWITCHER  Desktop:hover Mobile:click
   ========================= */
.lang-switcher,.lang-switcher *{font-weight:400;font-size:13px}
.nav .nav-lang{display:inline-block;vertical-align:middle;margin-left:-4px;padding:0;position:relative;overflow:visible}
.nav .nav-lang .lang-switcher{position:relative;display:inline-block;width:220px;max-width:220px;height:60px;margin:0}
.nav .nav-lang .lang-switcher__toggle{position:absolute;left:0;top:0;width:100%;height:60px;z-index:5;opacity:0;cursor:pointer}
.nav .nav-lang .lang-switcher__button{position:relative;background:#012251;height:60px;margin:0;color:#d1ddfd;display:flex;align-items:center;justify-content:center;gap:10px;user-select:none;transition:background .25s,color .25s;box-shadow:none}
.nav .nav-lang:hover .lang-switcher__button{background:#0b2d6b;color:#d1ddfd}
.nav .nav-lang .lang-switcher__icon{display:block;width:76px;height:9px}
.nav .nav-lang .lang-switcher__button::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:8px;transition:transform .35s ease}
.lang-switcher__button .lang-switcher__icon,.lang-switcher__button::after{position:relative;top:-2px}
.nav .nav-lang .lang-switcher__menu{display:block!important;min-width:0!important;text-transform:none!important;position:absolute;left:0;top:60px;width:220px;margin:0;padding:0;list-style:none;overflow:hidden;max-height:0;opacity:0;transform:translateY(-12px) scaleY(.9);transform-origin:top;pointer-events:none;transition:opacity .12s ease-out,transform .28s cubic-bezier(.175,.885,.32,1.275);z-index:5000;background:0 0}
.nav .nav-lang .lang-switcher__menu li{background:#012251;margin:0;box-shadow:none;transition:background .45s}
.nav .nav-lang .lang-switcher__item{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:12px 12px;text-decoration:none;color:#d1ddfd;font-weight:400;font-size:13px;transition:color .25s}
.nav .nav-lang .lang-switcher__item-icon{width:18px;height:18px;display:block;position:relative;top:-2px}
.nav .nav-lang .lang-switcher__menu li:hover{background:#0b2d6b}
.nav .nav-lang .lang-switcher__menu li:hover .lang-switcher__item{color:#fff}
@media (min-width:993px){
.nav .nav-lang:hover .lang-switcher__menu{max-height:260px;opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}
.nav .nav-lang:hover .lang-switcher__button::after{transform:rotate(-135deg)}
}
@media only screen and (max-width:992px){
.nav .nav-lang{display:block;margin:4px}
.nav .nav-lang .lang-switcher{width:100%;max-width:100%;height:auto}
.nav .nav-lang .lang-switcher__button{height:60px}
.nav .nav-lang .lang-switcher__toggle{height:60px}
.nav .nav-lang .lang-switcher__menu{position:relative;top:0;width:100%;z-index:1}
#toggle-lang:checked~.lang-switcher__menu{max-height:260px;opacity:1;transform:translateY(0) scaleY(1);pointer-events:auto}
#toggle-lang:checked+.lang-switcher__button::after{transform:rotate(-135deg)}
}
/*======= LISTA YES =====*/
.lista-yes{list-style:none;margin:0;padding:0}
.lista-yes li{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px 0;color:#000;font-size:16px;line-height:1.35}
.lista-yes li::before{content:"✓";width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1fbf6b;color:#fff;font-weight:700;font-size:14px;margin-top:1px}

/*======= home - dual block =====*/
.ddx-dualBlock{display:flex;align-items:stretch}
.ddx-dualBlock__col{width:50%;min-width:0}

/* 60 / 40 */
.ddx-dualBlock--60 .ddx-dualBlock__col:first-child{width:60%}
.ddx-dualBlock--60 .ddx-dualBlock__col:last-child{width:40%}

/* 40 / 60 */
.ddx-dualBlock--40 .ddx-dualBlock__col:first-child{width:40%}
.ddx-dualBlock--40 .ddx-dualBlock__col:last-child{width:60%}

.ddx-dualBlock__col--media{background:linear-gradient(90deg, #4C7DDD 0%, #3567BF 45%, #2857AF 100%);

overflow:hidden}
.ddx-dualBlock__col--media picture{width:100%;display:block}
.ddx-dualBlock__col--media img{width:100%;height:auto;display:block}

.alone1{padding:80px 50px 0 150px}
@media (max-width:1600px){
  .alone1{padding:30px 25px 0 50px}
}
@media (min-width:1281px){
  .ddx-dualBlock__col--media{display:flex;flex-direction:column;justify-content:flex-end}
}

@media (max-width:1280px){
  .ddx-dualBlock{flex-direction:column}
  .ddx-dualBlock__col{width:100%}

  /* KLJUČNO: pregazi first/last-child (veća specifičnost) */
  .ddx-dualBlock--40 .ddx-dualBlock__col:first-child,
  .ddx-dualBlock--40 .ddx-dualBlock__col:last-child,
  .ddx-dualBlock--60 .ddx-dualBlock__col:first-child,
  .ddx-dualBlock--60 .ddx-dualBlock__col:last-child{
    width:100%;
  }

  .alone1{padding:0 25px;box-sizing:border-box}
  .ddx-dualBlock__col--media{display:block}
}

@media (max-width:600px){
.alone1{padding:0 20px}
}
@media (max-width:480px){
.alone1{padding:0 15px}
}

.iconline{display:flex;align-items:center;margin:0;font-size:18px}
.iconline .svgicon{width:24px;height:auto;flex:0 0 24px}
.iconline span{margin-left:10px}

.gray { background-color: #F4F9FF; position: relative;}
.blue { background-color: #215BAB; position: relative;}
.bgwhite{ background-color: #fff; position: relative;}

.ac-pane{margin-bottom:15px;background:#fff;margin-bottom:6px;box-shadow:0 1px 2px rgba(0,0,0,.08);-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s;padding:15px}
.ac-pane:last-child{margin-bottom:0}
.ac-content{display:none}
.ac-title{color:#001b81;font-weight: 600; text-decoration:none;padding:15px;display:block;position:relative}
.ac-title::after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(135deg);width:8px;height:8px;border-left:2px solid #001b81;border-bottom:2px solid #001b81;transition:transform .3s ease}
.ac-pane.active .ac-title::after,.ac-title:hover::after{transform:translateY(-50%) rotate(-45deg)}
.ac-content{border:1px solid #fff;margin-top:-1px;padding:15px}

.boxsha{-webkit-box-shadow: 0px 2px 5px 0px rgba(17,9,5,0.2);-moz-box-shadow: 0px 2px 5px 0px rgba(17,9,5,0.2);box-shadow: 0px 2px 5px 0px rgba(17,9,5,0.2);}

/*---- FLEXBOX + ISTOM VISINOM STUPACA ---*/

.containerF{width:100%;display:flex;flex-wrap:wrap;gap:2%}
.containerF.two .boxE{flex:1 1 calc((100% - 2%)/ 2)}
.containerF.three .boxE{flex:1 1 calc((100% - 4%)/ 3)}
.containerF.four .boxE{flex:1 1 calc((100% - 6%)/ 4)}
.containerF.thirty-four-sixty-six.narrow-first .boxE.narrow{flex:1 1 calc(34% - 1%)}
.containerF.thirty-four-sixty-six.narrow-first .boxE.wide{flex:1 1 calc(66% - 1%)}
.containerF.thirty-four-sixty-six.wide-first .boxE.wide{flex:1 1 calc(66% - 1%)}
.containerF.thirty-four-sixty-six.wide-first .boxE.narrow{flex:1 1 calc(34% - 1%)}
.containerF.forty-sixty.forty-first .boxE.forty{flex:1 1 calc(40% - 1%)}
.containerF.forty-sixty.forty-first .boxE.sixty{flex:1 1 calc(60% - 1%)}
.containerF.forty-sixty.sixty-first .boxE.sixty{flex:1 1 calc(60% - 1%)}
.containerF.forty-sixty.sixty-first .boxE.forty{flex:1 1 calc(40% - 1%)}
.pd-boxE{padding:75px 50px}
@media (max-width:1023px){
.containerF.forty-sixty .boxE,.containerF.four .boxE,.containerF.thirty-four-sixty-six .boxE,.containerF.three .boxE,.containerF.two .boxE{flex:1 1 100%;max-width:100%}
.pd-boxE{padding:30px 20px 5px}
}
@media (max-width:767px){
.containerF .boxE{flex:1 1 100%}
.pd-boxE{padding:30px 20px 0}
}
.rowF{display:flex;flex-wrap:wrap;margin-bottom:2px;align-items:flex-start}
.box{display:flex;flex:1;margin:0 1px;flex-direction:column;overflow: hidden}
@media (max-width:480px){
.box{flex-basis:100%;max-width:300px;margin:0 auto 20px auto}
}

.item-cont{overflow:hidden;display:inline-block;width:100%}
.item-cont img {width:100%}
.foto-3{width:24%}
.foto-4{width:32.334%}
.foto-6{width:49%}
.foto-12{width:99%}
[class*="foto-"]{float:left;display:block;margin:5px .5%}

@media all and (max-width: 768px) {
.foto-3{width:49%}
}
@media all and (max-width: 480px) {
[class*="foto-"]{float:none;width:auto;clear:both;display:block}
}
.relative{position:relative}
/* WhatsUp - plus mali js u function.js*/
.wa-widget{position:absolute;bottom:20px;right:20px}
.wa-fab{width:48px;height:48px;padding:0;border:0;background:0 0;outline:0;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s ease,filter .25s ease}
.wa-fab:hover{transform:scale(1.1);filter:drop-shadow(0 3px 6px rgba(0,0,0,.15))}
.wa-icon{width:48px;height:48px;display:block;border:0}
.wa-panel{position:absolute;bottom:70px;right:0;width:280px;background:#fff;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.25);display:none}
.wa-panel.open{display:block}
.wa-header{background:#0b8457;color:#fff;padding:10px;display:flex;justify-content:space-between}
.wa-body{padding:12px}
.wa-cta{display:block;text-align:center;background:#25d366;color:#fff;padding:10px;text-decoration:none}
.wa-center-wrapper{text-align:center;margin-top:20px}
.wa-center{position:relative;display:inline-flex;opacity:0;transform:translateY(15px);transition:opacity .8s ease,transform .8s ease}
.wa-center.in-view{opacity:1;transform:translateY(0)}