@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Oswald:wght@400;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 }
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;}
* {transition: background-color 500ms linear 0s;}
.loading-mask{position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;background:#0066B3;top:0;height:100%;transition:all 1s;transition-timing-function:ease}
.loading-mask.is-remove{top:-20px;height:0}
.loading-sets{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-20px}
.loading{width:10px;height:10px;background:#FFF;border-radius:100%;float:left;margin-right:5px}
.loading-0{-webkit-animation:bounce 1s infinite ease;-webkit-animation-delay:.1s;background:#A2ADD7}
.loading-1{-webkit-animation:bounce 1s infinite ease;-webkit-animation-delay:.3s;background:#E8A90E}
.loading-2{-webkit-animation:bounce 1s infinite ease;-webkit-animation-delay:.5s;background:#5EA9FF}
@-webkit-keyframes bounce {
0%,100%{opacity:1}
60%{opacity:0}
}
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-size:16px;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {min-width: 100%; min-height: 100%; margin: 0; padding: 0;font-family: 'Open Sans', sans-serif;font-size:16px; font-weight: 400; line-height:1.715; color:#1E1E1E;background-color:#fff;}
a, a strong {color: #0038E3;text-decoration:none}
a:hover,a:focus, a:hover strong {color: #F72C00;}
a:visited {color: #22649C;}
a:active{color:inherit}
a {	noFocusLine: expression(this.onFocus=this.blur())
	outline: none;}
*:focus { outline: none; }
a img{border:0}
a [class^="icon-"]{color:inherit;text-decoration:none}
strong{font-weight: 700;color:#000}
.italic, italic{font-style: italic}
.red{color:#f6483b}
.hide{display:none}
.show{display:block}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height:0;height:1px}
hr.alt1{border-style:solid}
hr.alt2{border-style:dashed}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{padding:0;margin:0}
li{padding:0;margin:0}
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}
.left-foto{float:left;max-width:250px;overflow:hidden;margin-right:40px;margin-bottom:10px;margin-left:0;display:block;}
.left-foto25 {max-width: 25%; margin-right: 40px;margin-bottom: 10px;margin-left: 0;display: block;overflow: hidden;float: left;}
.left-foto30 {max-width: 30%; margin-right: 40px;margin-bottom: 10px;margin-left: 0;display: block;overflow: hidden;float: left;}
.left-foto40 {max-width: 40%; margin-right: 40px;margin-bottom: 10px;margin-left: 0;display: block;overflow: hidden;float: left;}
.grid{max-width:1400px;margin:0 auto;padding:0 2em}
.grid.flex{width:100%;max-width:100%;padding:0}
.grid.flex18{max-width:1800px;margin:0 auto;padding:0 2em}
.grid.flex9{max-width:900px;margin:0 auto;padding:0 2em}
.row{display:block;overflow:hidden;clear:both}
*[class*="col_"].alpha{margin-left:0}
*[class*="col_"].omega{margin-right:0}
[class*="col_"].delta{margin-bottom:0!important}
[class*="col_"].beta{margin-top:0!important}
[class*="col_"].alomdebe{margin:0!important}
.col_1,.desk_1,.taby_1,.moby_1{width:6.6666666666667%}
.col_2,.desk_2,.taby_2,.moby_2{width:15%}
.col_3,.desk_3,.taby_3,.moby_3{width:23.333333333333%}
.col_4,.desk_4,.taby_4,.moby_4{width:31.666666666667%}
.col_5,.desk_5,.taby_5,.moby_5{width:40%}
.col_510,.desk_510,.taby_510,.moby_510{width:18.33333333333334%}
.col_6,.desk_6,.taby_6,.moby_6{width:48.333333333333%}
.col_7,.desk_7,.taby_7,.moby_7{width:56.666666666667%}
.col_8,.desk_8,.taby_8,.moby_8{width:65%}
.col_9,.desk_9,.taby_9,.moby_9{width:73.333333333333%}
.col_10,.desk_10,.taby_10,.moby_10{width:81.666666666667%}
.col_11,.desk_11,.taby_11,.moby_11{width:90%}
.col_12,.desk_12,.taby_12,.moby_12{width:98.333333333333%}
*[class*="col_"]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
*[class*="desk_"]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
*[class*="taby_"]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
*[class*="moby_"]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
.max800w{width:100%;max-width:800px!important;margin-right:auto;margin-left:auto}
.max600w{width:100%;max-width:600px!important;margin-right:auto;margin-left:auto}
.max400w{width:100%;max-width:400px!important;margin-right:auto;margin-left:auto}

.max500{width:31.666666666667%;margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}

.grid img{max-width:100%;height:auto}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}

.colw_1 {width: 8.3333333333333%}
.colw_2 {width: 16.666666666667%}
.colw_3 {width: 25%}
.colw_4 {width: 33.333333333333%}
.colw_5 {width: 41.666666666667%}
.colw_6 {width: 50%}
.colw_7 {width: 58.333333333333%}
.colw_8 {width: 66.666666666667%}
.colw_9 {width: 75%}
.colw_10 {width: 83.333333333333%}
.colw_11 {width: 91.666666666667%}
.colw_12 {width: 100%}
[class*="colw_"] { float: left; display: block; margin: 0;}
@media all and (min-width: 480px) and (max-width: 992px) {
    .grid [class*="colw_"] {float: none;width: auto;clear: both;display: block}
    }
@media all and (max-width: 480px) {
    .grid [class*="colw_"] {float: none;width: auto;clear: both;display: block}
    }
.box_4 {width: 25%;float: left; display: block; margin: 0}

@media all and (min-width: 600px) and (max-width: 1023px) {
.box_4 {width: 50%;}
    }
@media all and (max-width:600px){
.box_4 {float: none;width: auto;clear: both;display: block}	
}
@media all and (max-width:1023px){
.grid *[class*="moby_"]{float:none;width:auto;clear:both;display:block}
.grid *[class*="moby_"] [class*="col_"]{margin-left:0;margin-right:0;width:100%}
.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}
}

@media all and (max-width:992px){
.grid *[class*="col_"]{float:none;width:auto;clear:both;display:block}
.grid *[class*="col_"] [class*="col_"]{margin-left:0;margin-right:0;width:100%}
}

@media all and (max-width:767px){
.grid *[class*="taby_"]{float:none;width:auto;clear:both;display:block}
.grid *[class*="taby_"] [class*="col_"]{margin-left:0;margin-right:0;width:100%}
.left-foto{display: none}
.left-foto40, .left-foto30, .left-foto25 {float:none; width: 100%;max-width: 533px; margin: 0 auto;}	
.max500{width:100%;max-width:500px!important; float:none;margin-right:auto;margin-left:auto}	
}

@media all and (max-width:480px){
.grid *[class*="desk_"]{float:none;width:auto;clear:both;display:block}
.grid *[class*="desk_"] [class*="desk_"]{margin-left:0;margin-right:0;width:100%}	
.grid{max-width:100%}	
}


@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:992px){
.hide-992{display:none!important;}	
}
@media all and (max-width:1023px){
.hide-1023{display:none!important;}	
}


.mt-min5{margin-top:0rem!important}
.pright-2{padding-right:2rem!important}
.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}

.prl-5{padding-left: 2rem!important;padding-right: 2rem!important;}

.pt-2{padding-top:2.5rem!important}
.pb-1{padding-bottom:1.5rem!important}
.pb-2{padding-bottom:2.5rem!important}
.pt-5,.pt-5M{padding-top:3rem!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-2{padding-top:1rem!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}
.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}
}
.prM-2{padding-right: 0!important}
@media(min-width:992px){
.pt-5,.pt-5M{padding-top:5rem!important}	
.mt-min5{margin-top:-5rem!important}	
.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}
.pb-2{padding-bottom:2.5rem!important}
.pt-5{padding-top:3.5rem!important}
.pt-5M{padding-top:1rem!important}	
.pb-5{padding-bottom:3.5rem!important}
.pt-10{padding-top:5rem!important}
.pb-10{padding-bottom:5rem!important}
.prM-2{padding-right: 2rem!important}	
}
@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}
.prl-5{padding-left: 3rem!important;padding-right: 3rem!important;}	
}
@media(min-width:1400px){
.prl-5{padding-left: 5rem!important;padding-right: 5rem!important;}	
}

#home{position:relative;background-color:#022C53}
@font-face{font-family:icon-font;src:url(../fonts/icon-font.eot);src:url(../fonts/icon-font.eot?#iefix) format("eot"),url(../fonts/icon-font.woff) format("woff"),url(../fonts/icon-font.ttf) format("truetype"),url(../fonts/icon-font.svg#icon-font) format("svg")}
*{transition:background-color 500ms linear 0}
#fixtop{position:fixed;z-index:999;display:block;height:60px;top:0;left:0;width:100%;background-color:#022C53;-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.2); 
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);}
.costum-navbar{background-color:#022C53!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:#E2E8F5;text-transform:uppercase;font-size:13px;padding:24px 35px 22px;letter-spacing:.063rem}
.nav ul a:hover{background:#FB5607;color:#fff}
.nav .nav-submenu>a{padding-right:20px}
.nav ul li.nav-submenu>a:after{padding-left:8px;padding-top:16px;content:"\E005"}
.nav ul li.nav-submenu ul li.nav-submenu>a:after{content:"\E006";padding-left:0;padding-top:0;position:absolute;z-index:999;display:block;right:10px;top: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:320px;text-transform:none;display:none;position:absolute;top:100%;z-index:901;background-color:#00264D;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:#FB5607}
.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}
li.nav-active a{color:#fff!important}
.lang{display:inline-block;padding-right:10px}

@media all and (min-width:1024px) and (max-width:1280px){
.nav a,.nav a:visited{padding:24px 25px}
}
#logo{width:80px!important;padding:7px 0 0;margin:0 0 0 50px;display:inline-block;float:left}
@media only screen and (max-width:1100px){
#logo{margin:0 0 0 20px;}
}

@media only screen and (max-width:1023px){
.nav ul ul{min-width:240px;}	
#logo{display:block;float:none;margin:0 auto}		
.nav a,.nav a:visited{color:#000}	
a.nav-active{background: #05294F; 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 0;letter-spacing:1px;color:#000;font-weight:900}	
.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:240px}
.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 #001C39}
.nav ul ul li a{  background-color:#083c72;}	
.nav ul li.nav-submenu ul li.nav-submenu>a:after{content:"\E005"}
.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.nav-submenu>a:after{padding-left:0;padding-top:0!important;position:absolute;display:block;right:18px;top:20px;content:"\E005"}
.nav ul li a{color:#112942}
}

h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;letter-spacing: .02em;color: #000;font-weight: 400}
h2 {font-size: 28px;line-height: 40px;margin: 10px 0 40px;display: block}
h3 {font-size: 21px;line-height: 33px;}
h4 {font-size: 19px;line-height: 30px;}
h5 {font-size: 18px;line-height: 29px;}
h6 {font-size: 17px;line-height: 27px;font-weight: 700}

p { font-size: 1em; margin: 1.5em 0;}
.relative,.section{position:relative}
h2.sec{font-size:2em;margin:0 0 10px 0; color:#000}
.content h2 {margin:10px 0 30px}
h3.sec,h3.sec a{font-size:1.5rem;margin:10px 0 20px 0; color:#000}
h3.sec a:hover{color:#0000FF}
h3.long, h4.long {font-size: 16px; font-weight: 500;line-height:1.715;color: #000;font-family: 'Open Sans', sans-serif;}

/* CENTER CENTER */
.box-c{height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:center}
.box-c .box-inner{width:100%;}
@media(max-width:991px){
.box-c{height:auto;margin:0;display:block;}
.box-c .box-inner{width:auto; padding-top: 3rem;padding-bottom: 3rem}	
}
#tenisac {padding: 75px 0; background: url(../images22/tenisac.svg) no-repeat left center;background-size: 350px;}
#tennis{position: absolute;z-index: 9; left: 50%;top: 50%;transform: translate(-50%, -50%);width:200px;}
/* = STICKY SIDEBAR -------------------*/
#sidebar{font-size: 14px}
#sidebar span {padding-right: 10px}
h3.lett2{font-weight: 500;letter-spacing: 2px;padding: 20px 0}
/* DUGME ZA NOVOSTI */
#btn-box2 {position:absolute; top:120px; right:20px; z-index: 2; width: 200px; background: rgba(0,38,77,0.4);border: 1px solid rgba(2,56,110, .5); -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;overflow: hidden}
a.btnnews2 {display: block; height: 46px;padding-left: 15px; color:#fff; font-size: 13px; letter-spacing: 2px; line-height: 46px;  }
#btn-box2:hover {background: rgba(0,127,255,1);color:#fff;border: 1px solid rgba(2,56,110, .8)}
@media only screen and (max-width:992px){
#btn-box2 {display: none}	
}
.chev{position:absolute;z-index: 1; top:-8px; right:15px; width:12px;height:3px; opacity:0;transform:scale3d(0.5, 0.5, 0.5);animation:move 3s ease-out infinite;}
.chev:first-child{animation:move 3s ease-out 1s infinite;}
.chev:nth-child(2){animation:move 3s ease-out 2s infinite;}
.chev:before, .chev:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#FFF200;}
.chev:before{left:0;transform:skew(0deg, 30deg);}
.chev:after{right:0;width:50%;transform:skew(0deg, -30deg);}
@keyframes move{25%{opacity:1;}
33%{opacity:1;transform:translateY(10px);}
67%{opacity:1;transform:translateY(18px);}
100%{opacity:0;transform:translateY(26px) scale3d(0.5, 0.5, 0.5);}
}
@keyframes pulse{to{opacity:1;}
}

/* = arrow up - scroll-Top -------------------*/
 
.arrow5{margin-top: 25px; display:inline-block;height:12px;position:relative;width:12px;}
.arrow5::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;}
.arrow5.is-top{-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.arrow5::after,.arrow5 .arrow5::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:#007dfe;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:#004388}
#scroll-Top .return-to-top span{position:relative;bottom:0;position:relative;animation-name:example;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:1s}
@keyframes example {
0%{bottom:0}
100%{bottom:7px}
}

/* = OVERBOX -------------------*/

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

.overbox-left{width:100%;height:100%;position:relative;padding:5rem 5% 2rem;margin:1rem auto;z-index:1;}
.overbox-left:after{position:absolute;content:"";width: 85%;height: 110%;top: 0;left: -5%;z-index:-1; background: #004388;}

.overbox-left2{width:100%;height:100%;position:relative;padding:2rem 5% 2rem 0;margin:1rem auto;z-index:1;}
.overbox-left2:after{position:absolute;content:"";width: 85%;height: 110%;top: 0;left: -5%;z-index:-1; background: #004388;}

.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;}
}
/* =  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: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;}

.reserve{width: 240px; position:relative;z-index:2;display:block;padding:10px 12px;background:#fff;margin:0 auto -27px auto;color:#c0c0c0;text-align: center;}
.reserve a{color:#c0c0c0;padding: 0 5px}
.reserve a:hover{color:#fff}
.reserve i {margin-bottom: 8px;display: inline-block; font-size:14px; margin-right: 3px;}
/* LINK sa animiranom DEBELOM crtom */
.underlined{color:#1e1e1e;cursor:default;flex:1;text-decoration:none;background-image:linear-gradient(to right,#007DFE 0,#007DFE 100%);background-position:0 1.2em;background-size:0 100%;background-repeat:no-repeat;transition:background 500ms}
.underlined:hover{background-size:100% 100%;}
.underlined--thick{background-position:0 -.1em}

/* LINK sa animiranom crtom */
.linkline{display:inline-block;position:relative}
.linkline:after{content:'';display:block;margin:auto;height:1px;width:0;background:0;transition:width .5s ease,background-color .5s ease}
.linkline:hover:after{width:100%;background-color:red}
a.linkline:hover{color:#300;text-decoration:none}

/* animirani naslov */
.breaking_news{width:100%;font-size:14px;letter-spacing: 2px; margin-bottom:30px}
.label{padding:15px;background:#004388;color:#FFF;text-align:center;font-weight:bold;text-transform:uppercase}
.reketi{width:100px;margin: 0 auto 6px}
.ripple{position:relative;overflow:hidden}
.ripple:after{content:'';position:absolute;top:50%;left:50%;width:15px;height:5px;background:rgba(255,255,255,.2);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}
@keyframes ripple{0%{transform:scale(0,0);opacity:1}
20%{transform:scale(25,25);opacity:1}
100%{opacity:0;transform:scale(40,40)}
}.ripple::after{animation:ripple 2s ease-out infinite}

/* NOVOSTI I DATUM */
.news h3 a, .news h4 a {font-size: 16px;line-height: 1.5; color: #1d1d1d; font-weight: 700;}
.news h3 a:hover, .news h4 a:hover{color: #003CFF;}
.news a{font-size: 15px;line-height: 1.43;margin: 15px 0; color: #1d1d1d; font-weight: 400;}
.news a:hover{color: #003CFF;}
.news p{margin: 1.3em 0 1em;}
.date{margin:50px 0 15px;background:url(../img/span.png) repeat-x left center;overflow:hidden;font-size:11px}
.date span{line-height:24px;color:#999;background:#FFF url(../img/sat.png) no-repeat left center;padding-left:24px;padding-right:10px;padding-top: 3px;}
.doc{margin:35px 0 12px;background:url(../img/span.png) repeat-x left center;overflow:hidden;font-size:13px}
.doc span{line-height:24px;color:#000;background:#FFF url(../img/doc.png) no-repeat left center;padding-left:20px;padding-right:10px;padding-top: 3px;}
.contact a{color: #0000AA;}
.contact a:hover{color: #7F00FF;}
.novosti h3 a, .novosti h4 a {font-size: 16px;line-height: 1.5; color: #1d1d1d; font-weight: 700;}
.news h3 a:hover, .novosti h4 a:hover{color: #003CFF;}
.novosti a{ color: #1d1d1d; }
.novosti a:hover{color: #003CFF;}
.novosti article {clear: both;margin-bottom: 50px}

a.accoem {color:#000; font-size:14px;font-style: italic;letter-spacing: 1px; display:block;margin:0;cursor:pointer; padding: 8px 20px;background: #E8F2FF}
a.accoem:hover {color:#fff; background: #004388!important;}
a.accoem span {float:right; margin-right: 20px; }
a.accoem span.icon-double_arrow{ margin-top:3px;}
a.accoem span.icon-double_arrow:before{ margin-top:5px;color:#f6483b}

/** expand-collapse **/
em.accoem {color:#000; font-size:14px;font-style: italic;letter-spacing: 1px; display:block;margin:0;cursor:pointer; padding: 8px 20px;background: #E8F2FF}
em.accoem:hover {color:#fff; background: #004388!important;}

.acco p{position:relative;overflow:hidden;max-height:800px;opacity:1;transform:translate(0,0);margin-top:14px;z-index:2}
ul.acco{list-style:none;overflow: hidden}
ul.acco li{position:relative;}

ul.acco li .arrowacco{position:absolute;transform:translate(-6px,0);margin-top:16px;right:0}

ul.acco li .arrowacco:after,ul.acco li .arrowacco:before{content:"";position:absolute;right:20px; background-color:#f6483b;width:3px;height:9px}
ul.acco li .arrowacco:before{transform:translate(-2px,0) rotate(45deg)}
ul.acco li .arrowacco:after{transform:translate(2px,0) rotate(-45deg)}
ul.acco li input[type=checkbox]{position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0}

ul.acco li input[type=checkbox]:checked~p{margin-top:0;max-height:0;opacity:0;transform:translate(0,50%)}
ul.acco li input[type=checkbox]:checked~.arrowacco:before{transform:translate(2px,0) rotate(45deg)}
ul.acco li input[type=checkbox]:checked~.arrowacco:after{transform:translate(-2px,0) rotate(-45deg)}
.acco .transition,.acco p,.acco ul li .arrowacco:after,ul li .arrowacco:before{transition:all .25s ease-in-out}

/* DUGME sa animiranom crtom */
.boxrela{position:relative;width:100%;display:block;margin-bottom:20px;height:40px;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:#004388;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 span{font-size:16px;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{animation:text-in .3s ease-out forwards}
@keyframes text-in {
50%{color:#000}
100%{color:#fff}
}
@keyframes text-out {
50%{color:#000}
}
/* 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: 700; 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(0,48,97,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.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.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;}

/* = IMAGE ZOOM ----*/
.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);}

.mini-gallery {display: inline-block; width: 130px;height: 100%; transition: transform 400ms ease-out;}
.mini-gallery:hover {transform: scale(1.05);}

/* = BANNER ----*/
#banner{padding: 50px 0}
.hovereff{float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#fff}
.hovereff .hovermask{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}
.hovereff img{display:block;position:relative}
.hovereff p{position:relative;color:#fff;padding:20px 15px 10px;text-align:center;font-size:.875rem}
.hovereff a.hover-btn{display:inline-block;text-decoration:none;padding:7px 14px;background:#103f6d;color:#fff;font-size:.875rem;text-transform:uppercase}
.hovereff a.hover-btn:hover{background:#000;color:#FF9}
.hoverview img{transform:scaleY(1);transition:all .7s ease-in-out}
.hoverview .hovermask{background-color:rgba(0,127,255,1);transition:all .5s linear;opacity:0}
.hoverview p{opacity:0;transform:scale(0);transition:all .5s linear;padding:0}
.hoverview a.hover-btn{opacity:0;transform:scale(0);transition:all .5s linear}
.hoverview:hover img{-webkit-transform:scale(10);transform:scale(10);opacity:0}
.hoverview:hover .hovermask{opacity:1}
.hoverview:hover p,.hoverview:hover a.hover-btn{transform:scale(1);opacity:1}

/* = PARA IKONE -------------------*/
p.crta {text-transform: uppercase;color: #F2B807;font-size: 12px;margin-bottom: 25px;line-height: 1;position: relative;padding-left: 30px}
p.crta::after {content: "";position: absolute;top: 100%;left: 30px;margin-top: 15px;height: 1px;width: 20px;background: #a1a8b4}
.para1 {width: 100%;display: block;background: url(../images22/reket-plavi.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color: #c1d6f1}
.parainner {height: 100%;min-height: 560px;letter-spacing: 1px;padding: 60px 0;background: rgba(0,58,103, 0.5)}
.parainner h3 {padding-left: 30px;color: #fff;position: relative;margin-bottom: 20px;line-height: 1.4}
.parainner h4, #gallery h4 {color: #fff}

/*------------- IMAGE LINK ANIMACIJA -------------*/
.pino{background-color:#001E3E;box-shadow:0 0 5px rgba(0,0,0,0.25);font-size:16px;line-height:1.6em;overflow:hidden;position:relative;text-align:left;width:100%}
.pino *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;transition:all .25s ease}
.pino img{max-width:100%;vertical-align:top;position:relative;opacity:.75;transform:scaleY(1);transition:all .7s ease-in-out}
.pino:hover img{-webkit-transform:scale(1.5);transform:scale(1.25);opacity:.4}
.pino figcaption{padding:25px 20px 25px;position:absolute;bottom:0;z-index:1}
.pino h3,.pino p{margin:0;padding:0;color:#fff;}
.pino h3{font-size: 28px;line-height: 40px;font-weight:700;letter-spacing:-0.4px}
.pino .hover{position:absolute;top:0;bottom:0;left:0;right:0;align-items:center;background-color:rgba(0,30,62,0.75);display:flex;font-size:65px;justify-content:center;opacity:0}
.pino a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}
.pino:hover .hover,.pino.hover .hover{-webkit-transition-delay:.1s;transition-delay:.1s;opacity:1;border: solid 1px #0066B3;}
.pino:hover figcaption,.pino.hover figcaption{opacity:0}
.pino .force {color:#fff!important;font-size: 48px}
.pino .hover h3 {font-size:72px}

/* = STRELICE -------------------*/
.smoothscroll{position:absolute;z-index:1; top: 0; left: 0; width:100px;height:100px;}
p.redlink a {font-weight: 500;color:#000C90}
p.redlink a:hover {color:#AD0002}
/* VERTICAL LINE ANIMATE - SCROLL */
.rel-wrapp{width:100px;height: 66px;margin: 0 auto;position: relative}
.section-divider{position:absolute;right:49px;top:20px;width:1px;height:66px;overflow:hidden;}
.section-divider:after{content:"";display:block;background:#007DFE;width:100%;height:100%;top:0;left:0;position:absolute;transform:translateY(-100%);animation:line-scroll 4s forwards infinite}
@keyframes line-scroll {
0%{transform:translateY(-100%)}
60%{transform:translateY(0%)}
100%{transform:translateY(100%)}
}
.section-divider:hover{background:#C53F02!important;}

.chevron, .chevron-hex{position:absolute;z-index: 1; 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:#d7a449;}
.chevron-hex:before, .chevron-hex:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff;}
.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;}
}
/* HORIZONTALNA LINIJA */
.horizontal-line{display:block;position:absolute;top:0;left:50%;border-bottom:1px solid #8DC63F;width:0;text-align:center;animation:line 2s linear forwards}
@keyframes line{from{left:50%;width:0}
to{left:0;width:100%}
}

/* VERTIKALNA LINIJA */
.vertical-line{position:absolute;top:0;border:1px solid red;width:0;border-radius:4px;animation:grow 3s infinite alternate}
@keyframes grow{0%{width:0;height:0}
100%{width:0;height:100%}
}

.center {text-align: center}
.title-1{font-size:28px}
.title-2{font-size:24px}
.title-3{font-size:20px}
.title-usluge{font-weight: 700; font-size: 32px;letter-spacing: 3px}
.white{color: #fff}
.yellow{color:#FFF200}
.color1{color: #242B45}
.accent{color:#F2B807}
.bgcolorW{background-color: #fff}
.bgcolor1{background-color: #242B45}
.feature1{color:#000;letter-spacing: 1px}

.bgcolor2{background-color: #0066B3}
.bgcolor3{background-color: #F7F8FC}
.bgcolor4{background-color: #BF3E0B}
.bgcolor5{background-color: #F3EBE6}

.second {background: #007af7}
.text-right {text-align: right}
.elipse{width:100%; display:block;background-color: #F7F8FC;}

.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);}
.boxsha1{width:100%;background: #fff; padding:70px 0 0;position:relative;border-top: 1px solid #E9EFFF;border-right: 1px solid #E9EFFF;border-bottom: 0;border-left: 1px solid #E9EFFF; }
.boxsha2{-webkit-box-shadow: 0 2px 1px rgba(170,170,170,0.25);-moz-box-shadow: 0 2px 1px rgba(170,170,170,0.25);box-shadow: 0 2px 1px rgba(170,170,170,0.25);background: #fff;
	padding:100px 0 0;position:relative; }
.boxsha5 {box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 8%);}
.green-foot{width:100%;-webkit-box-shadow: 0 2px 1px rgba(170,170,170,0.25);-moz-box-shadow: 0 2px 1px rgba(170,170,170,0.25);box-shadow: 0 2px 1px rgba(170,170,170,0.25);background: #fff;padding: 20px 40px; font-size: 13px; text-align: right;margin: 0;border-top:solid 1px #8DC63F }

h2.veze{font-size: 2.5rem; color:#000; padding: 0 0 40px 0;text-align: center}
h3.veze{font-size: 1.5rem; color:#000; padding: 0 50px 0;margin:0}
ul.lista-links {padding: 30px;}
ul.lista-links li{margin-bottom:10px;padding:2px 0 0 25px;background:transparent url(../img/aro.png) no-repeat scroll left 9px }
ul.lista-links li a{color:#1D2338}
ul.lista-links li a:hover{color:#0038E3}

ul.list {padding: 20px;}
ul.list li{margin-bottom:10px;padding:2px 0 0 25px;background:transparent url(../img/aro2.png) no-repeat scroll left 9px }
ul.list li a, ul.list li a strong{color:#1D2338}
ul.list li a:hover{color:#0038E3}

ul.dokumenti li{display:block;padding-top:15px;border-bottom:1px dotted #ccc;font-size:14px;padding-left: 30px; padding-bottom:12px;background:url(../img/doc.png) no-repeat left 17px;}

ul.lista1 li{display:block;padding-left:10px;padding-top:8px;padding-bottom:8px;background:url(../icons/bull7.gif) no-repeat left center;}

h3.text3 {font-size: 28px;padding:0;margin-bottom: 20px;letter-spacing: .05em;line-height: 38px}
h4.text4{font-size: 18px;color: #FFF;padding: 0 30px 30px;margin-bottom: 30px;letter-spacing: .04em;line-height: 30px}
p.text4 {font-size: 16px;color: #FFF;padding: 0 30px 30px;margin-bottom: 30px;letter-spacing: .04em;line-height: 30px}

#simile-para {display: block; width: 100%; overflow: hidden; background: #00578d;background:url(../images/Trading_Company.jpg) no-repeat center center/cover fixed;padding: 200px 0;}
.para-font {font-size: 60px;line-height: 72px;font-weight: 700; text-align: center;color:#b4bde2;}

.pad200RL{padding:0 120px}
.pad100{padding:100px}

#para6{position: relative;width: 100%;height: 400px;display: block;background:url(../images/voda-1.jpg) no-repeat top left;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; resize: both;background-color:#242B45}


.unillax-content h1{color:#E9EFFF; font-size: 32px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;text-align: center;padding:180px 20px 0 20px}

.unillax-content h1.black{color:#000;}

.wrapp { max-width: 1380px;position: relative;z-index: 2;margin: -100px auto 0;background: #fff;padding: 40px;}
.wrapp16 { max-width: 1600px;position: relative;z-index: 2;margin: -100px auto 0;background: #fff;padding: 40px;}
.main { max-width: 1380px;position: relative;z-index: 2;margin: -100px auto 0;background: #fff;padding: 40px}

.post-media{position:relative;width:100%;margin-bottom:0;overflow:hidden}
.post-media img{display:block;width:100%;height:auto;transition:transform .3s}

a.black1{color:#1E1E1E; cursor:pointer}
a.black1:hover{color:#0038E3}

.youtube-player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;margin:5px}
.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.youtube-player img{object-fit:cover;display:block;left:0;bottom:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:0;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}
.youtube-player img:hover{-webkit-filter:brightness(75%);-moz-filter:brightness(75%);filter:brightness(75%)}
.youtube-player .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url("../img/TxzC70f.png") no-repeat;cursor:pointer}

ul.linkovi{margin: 0 0 20px}
ul.linkovi li a{padding: 0 0 0 15px; line-height: 35px}

.footer {position: relative;background: #01325B;letter-spacing: 1px;width: 100%;text-align: center;color: #aab6c9;font-size: 13px}
.footer a {color: #aab6c9}
.footer a:hover {color: #fff}
.footer h5 {font-size: 20px;padding: 35px 14px 25px;letter-spacing: 2px;margin: 0;color: #aab6c9}

ul.vertical,ul.vertical2 {display: block;}
ul.vertical li {display: block;padding: 5px;text-align: right;}
ul.vertical span {float:right; display: inline-block;font-size: 16px;padding-top: 3px;margin-left: 10px;margin-right: 29px}

ul.vertical2 li {display: block;padding: 5px;text-align: left;}
ul.vertical2 span {float:left; display: inline-block;font-size: 16px;padding-top: 3px;margin-right: 10px;}

/**************** auto 3 kolumn list ****************/
ul.lista3column, ol.lista3column { -webkit-column-count: 3; -moz-column-count: 3;  column-count: 3;}
@media(max-width:800px){
ul.lista3column, ol.lista3column { -webkit-column-count: 2; -moz-column-count: 2;  column-count: 2;}
}
@media(max-width:600px){
ul.lista3column, ol.lista3column { -webkit-column-count: 1; -moz-column-count: 1;  column-count: 1;}
}
ul.lista3column li, ol.lista3column li { margin: 0; padding: 0 0 12px 20px; font-size: 15px}
/**************** END auto 3 kolumn list ****************/

.lineleft{padding-left: 30px; border-left: solid 1px #667793}

#copyright {display: block;width: 100%;background: #022C53;color: #aab6c9;text-align: center;margin:25px 0 0;padding: 20px 20px 30px}
#copyright, #copyright a {color: #aab6c9;font-size: 12px;line-height: 2.2rem;display: inline-block;position: relative;padding-bottom: 15px;text-decoration: none}
#copyright a:hover {color: #Fb0}
#copyright a:after {content: '';display: block;margin: auto;height: 1px;width: 0;background: transparent;transition: width .5s ease, background-color .5s ease}
#copyright a:hover:after {width: 100%;background: red}


.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}
.equal-white{ display:table-cell; width: 1%px;	min-height: 250px;}

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

h2.s-contact, h3.s-contact{font-size: 20px;line-height: 33px;}
.viewzoom{width:100%;height:auto;float:left;overflow:hidden;position:relative;text-align:center;background:#fff;cursor:pointer}
.viewzoom img{display:block;position:relative;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}
.viewzoom:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
p.big{font-size:18px;color:#000;margin-top:0}
.big .fa{font-size:32px;line-height:28px;margin:-1px 8px 0 -4px;vertical-align:top;color:#b5b5b5;display:block}
h3.over {background: #fff;padding: 10px; margin: 0 auto -27px; text-align: center;position: relative;z-index: 2;max-width: 280px;font-size: 16px}

/**************** PAGINATION ****************/
.pagination-container{margin-top:1em;padding-top:2em;border-top:1px solid #f1f1f1;text-align:center;display:block;float:left;width:100%;padding-bottom:2em;margin-bottom:3em;border-bottom:1px solid #f1f1f1;}
.pagination-item{list-style-type:none;display:inline-block;border-right:1px solid #d7dadb;transform:scale(1) rotate(19deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-20deg);}
.pagination-item:hover,.pagination-item.is-active{background-color:#0072C6;border-right:1px solid #fff;}
.pagination-item:hover .pagination-link,.pagination-item.is-active .pagination-link{color:#fff;}
.pagination-item.first-number{border-left:1px solid #d7dadb;}
.pagination-link{padding:.52em 1em;display:inline-block;text-decoration:none;color:#8b969c;transform:scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(20deg) skewY(0deg);}
.pagination-item--wide{list-style-type:none;display:inline-block;}
.pagination-link--wide{text-decoration:none;color:#8b969c;padding:.52em 1.6em;font-size:18px;}
.pagination-link--wide:hover{color:#0072C6;}
.last a,.last a:hover {color:#ccc}

/**************** NAŠI PRIJATELJI ****************/
	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{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: #0066B3;color:#fff; display:block;}
	.anime1{position: absolute;bottom: -6vh;left:0;right:0;}
	.bijelo-vh12{height: 12vh;background: #fff;color:#0066B3;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; }
	}

@media only screen and (max-width:1400px){
.pad200RL{padding:0 100px}
.pad100{padding:90px}
#tennis{width:150px;}	
}
@media only screen and (max-width:1280px){
.pad200RL{padding:0 50px}
.pad100{padding:50px}
#tennis{width:100px;}	
}
@media only screen and (max-width:992px){
.wrapp { padding: 0}	
.pad200RL{padding:0 60px}
.pad100{padding:50px 20px}	
.overbox:after,.overbox-left:after{display: none}
.overbox-left{padding:0;}	
	
.overbox-left2:after{display: none}
.overbox-left2{padding:0;}		
	
.para-font {font-size: 48px;line-height: 60px}
#tennis{display: none}	
ul.lista-links li{margin-bottom:5px; }	
ul.list li{margin-bottom:5px; }
.text-right {text-align: left}	
.unillax-content h1{font-size: 28px;}	
ul.vertical li,ul.vertical2 li {display: block;padding: 5px;text-align: left;}
ul.vertical span,ul.vertical2 span {float:none; margin-right: 10px}
.lineleft{padding-left: 0px; border-left: none}	
ul.vertical span {margin-left: 0;}	
}
@media only screen and (max-width:767px){
.pad200RL{padding:0 30px}
.pad100{padding:40px 20px}
.para-font {font-size: 32px;line-height: 44px}	
.title-1{font-size:24px}
.title-2{font-size:20px}
.title-3{font-size:18px}
.item-cont a .item-content .text-cont em{font-size: 13px;}	
	.btn{width:320px;padding:24px 50px 24px 10px;}
	.btn .btn-content{padding:0 16px;}
.unillax-content h1{font-size: 22px;}	
}
@media only screen and (max-width:480px){
.pad200RL{padding:0 10px}	
	.para-font {font-size: 24px;line-height: 36px}
	.item-cont a .item-content .text-cont em{font-size: 12px;}
	.btn{width:280px}
.unillax-content h1{font-size: 20px;}	
}

@media only screen and (max-width:360px){
	.btn{width:248px}
	.item-cont a .item-content .text-cont em{font-size: 10px;}
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{color:inherit; border:none; padding:0!important; font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}

.grabbing { cursor:url(grabbing.png) 8 8, move;}

.d-table{width:100%;height:100%;display:table}
.d-tablecell{display:table-cell;vertical-align:middle}
.custom-btn1{background-color:rgba(97,140,246, 0.8);color:#fff;letter-spacing: 1px;display:inline-block;padding:12px 50px;text-transform:uppercase;border-radius:30px;text-decoration:none;margin-top:50px}
.custom-btn1:hover{background-color:rgba(97,140,246, 1);text-decoration:none;color:#fff; }
.hero-slider{position:relative;margin-top: 60px}
.hero-text{padding:50px 20px;text-align:center;width:50%;margin-left:auto;margin-right:auto;position:relative;background: rgba(36,43,69, 0.9);}
.whitebg{background: rgba(255,255,255, 0.5)!important;}

.nero{color:#000!important;}
.hero-text h3, .hero-text h4, .hero-text h5{color:#ECECFB;font-size:16px;font-weight:400;letter-spacing: 0.031rem; margin:0;padding: 0}
.hero-text p{color:#fff;font-size:16px;max-width:500px;line-height:30px;margin:20px auto 35px}

.hero-slider .owl-item.active .slider-btn{-webkit-animation:1s .3s fadeInUp both;animation:1s .3s fadeInUp both}
	
.owl-carousel .owl-nav button.owl-prev{background-color:#242B45;position:absolute;left:0;top:50%;transform: translateY(-50%);margin:-40px 0 0;border-radius:6px;height:100px;width:50px; }
.owl-carousel .owl-nav button.owl-next{background-color:#242B45;position:absolute;right:0;top:50%;transform: translateY(-50%);margin:-40px 0 0;border-radius:0;height:100px;width:50px;}

.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {font-size: 48px;color:#fff;line-height: 50px}
	
.owl-theme .owl-nav{margin-top:0}
.owl-dots{position:absolute;left:0;right:0;bottom:20px}
.owl-theme .owl-dots .owl-dot span{width:11px;height:20px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#242B45}
.owl-prev,.owl-next{opacity:0}
.owl-carousel:hover .owl-prev{opacity:.25}
.owl-carousel:hover .owl-next{opacity:.25}
.owl-carousel:hover .owl-prev:hover,.owl-carousel:hover .owl-next:hover{opacity:1}

@media only screen and (max-width: 1280px) {
.hero-slider{margin-top: 80px}	
}
@media only screen and (max-width: 992px) {
.hero-text{padding:40px 20px;width:66%;}	
.hero-text h2{font-size:30px}
.hero-text h3, .hero-text h4, .hero-text h5{font-size:16px;}
.hero-text p{font-size:15px;}	
.custom-btn1{margin-top:30px}	
}

@media only screen and (max-width: 768px) {
.hero-text{width:80%;}	
.hero-text h2{font-size:20px}
.hero-text h3, .hero-text h4, .hero-text h5{font-size:14px;}
.hero-text p{font-size:14px;}	
.custom-btn1{margin-top:20px}
.owl-carousel .owl-nav button.owl-next{top:auto;margin:0;bottom:0;}
.owl-carousel .owl-nav button.owl-prev{top:auto;margin:0;bottom:0;}
	
.owl-dots{bottom:10px;left:50px;right:50px}
}
#owl2 .item img{ display: block; width: 100%; height: auto;}
.carro{border:solid 1px #ddd;padding: 15px}

@-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;}