@charset "UTF-8";
/******* RESET *******/
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}
iframe {border: 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}
a {	noFocusLine: expression(this.onFocus=this.blur())
	outline: none;}
*:focus { outline: none; }
a img{border:0}
a [class^="icon-"]{color:inherit;text-decoration:none}
.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 0 20px 25px}
li{padding:5px 0;margin:0}
ul.list-unstyled{padding:0;margin:0 0 20px 0}
ul.list-unstyled li{padding:5px 0;margin:0;list-style-type:none}
ul.alt{padding:0;margin:0 0 20px 0}
ul.alt li{list-style-type:none;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:0 0 -1px 0;background:url(../img/aro.png) no-repeat 5px .7em;padding-left:20px}
ul.icons{margin:0 0 20px 0;padding:0}
ul.icons li{list-style-type:none;margin:0;padding:5px 0}
.grid img{margin:0;padding:0;display:inline-block;position:relative;zoom:1;vertical-align:bottom}
img.align-left,.img-wrap.align-left{float:left;margin:0 10px 5px 0}
img.align-right,.img-wrap.align-right{float:right;margin:0 0 5px 10px}
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0}
.grid{max-width:1410px;margin:0 auto;padding:0 15px}
.grid.flex{width:100%;max-width:100%;padding:0}
.grid.flex15{max-width:1500px;margin:0 auto;padding:0 1em}
.grid.flex16{max-width:1600px;margin:0 auto;padding:0 1em}
.grid.flex18{max-width:1800px;margin:0 auto;padding:0 1em}
.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}
[class*="col_"].nopama{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_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}

.colM_1{width:4.333333333333333%}
.colM_2{width:12%}
.colM_3{width:21%}
.colM_4{width:29.333333333333%}
.colXM_4{width:29.333333333333%;float:left;display:block;margin:10px 2%}
.colM_5{width:36%}
.colM_6{width:46%}
.colM_7{width:56%}
.colM_8{width:62.6666666667%}
.colM_9{width:71%}
.colM_10{width:80%}
.colM_11{width:86%}
.colM_12{width:96%}
[class*="colM_"]{float:left;display:block;margin:10px 2%}

@media all and (max-width:1023px){
.colM_1{width:12.66666666666667%}	
.colM_2{width:29.33333333333333%}
.colM_3{width:42%}
.colM_4{width:96%}
.colM_5{width:36%}
.colM_6{width:46%}
.colM_7{width:56%}
.colM_8{width:62.6666666667%}
.colM_9{width:71%}
.colM_10{width:80%}
.colM_11{width:86%}	
[class*="colM_"]{float:none;display: inline-block;}		
}
	@media all and (max-width:600px){
[class*="colM_"]{float:none;display: block;width:96%}	
.grid [class*="colM_"] [class*="colM_"]{width:96%}	
}

.colX_34{width:34%}
.colX_3{width:33.333333333333333%}
.colX_4{width:25%}
.colX_6{width:50%}
.colX_66{width:66%}
.colX_12{width:100%}
[class*="colX_"]{float:left;display:block;margin:0 0;}

@media all and (max-width:768px){
.colX_34,.colX_3, .colX_4,.colX_6,.colX_66 {float:none;display: inline-block;width:100%}
}

.max800{width:100%;max-width:800px!important;margin-right:auto;margin-left:auto}
.max700{width:100%;max-width:700px!important;margin-right:auto;margin-left:auto}
.max600{width:100%;max-width:600px!important;margin-right:auto;margin-left:auto}
.max500{width:100%;max-width:500px!important;margin-right:auto;margin-left:auto}
.max400{width:100%;max-width:400px!important;margin-right:auto;margin-left:auto}
.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}


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

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

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

.colB_4{width:31.333333333333%}
[class*="colB_"]{float:left;display:block;margin:10% 1% }
@media all and (min-width:480px) and (max-width:1280px){.grid [class*="colB_"]{float:none;width:auto;clear:both;display:block}
}
@media all and (max-width:480px){.grid [class*="colB_"]{float:none;width:auto;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:992px){
.hide-992{display:none!important;}	
}
@media all and (max-width:1023px){
.hide-1023{display:none!important;}	
}

.mt-0{margin-top:0rem!important}
.mb-0{margin-bottom:0rem!important}
.pt-0{padding-top:0rem!important}
.pb-0{padding-bottom:0rem!important}
.mt-1{margin-top:.7rem!important}
.mb-1{margin-bottom:.7rem!important}
.pt-1{padding-top:1rem!important}
.pb-1{padding-bottom:1rem!important}
.mt-2{margin-top:1.4rem!important}
.mb-2{margin-bottom:1.4rem!important}
.pt-2{padding-top:2rem!important}
.pb-2{padding-bottom:2rem!important}
.mt-3{margin-top:2.1rem!important}
.mb-3{margin-bottom:2.1rem!important}
.pt-3{padding-top:3rem!important}
.pb-3{padding-bottom:3rem!important}
.mt-4{margin-top:2.8rem!important}
.mb-4{margin-bottom:2.8rem!important}
.pt-4{padding-top:4rem!important}
.pb-4{padding-bottom:4rem!important}
.mt-5{margin-top:3.5rem!important}
.mb-5{margin-bottom:3.5rem!important}
.pt-5{padding-top:5rem!important}
.pb-5{padding-bottom:5rem!important}
.mt-6{margin-top:4.2rem!important}
.mb-6{margin-bottom:4.2rem!important}
.pt-6{padding-top:6rem!important}
.pb-6{padding-bottom:6rem!important}
.mt-7{margin-top:4.9rem!important}
.mb-7{margin-bottom:4.9rem!important}
.pt-7{padding-top:7rem!important}
.pb-7{padding-bottom:7rem!important}
.mt-8{margin-top:5.6rem!important}
.mb-8{margin-bottom:5.6rem!important}
.pt-8{padding-top:8rem!important}
.pb-8{padding-bottom:8rem!important}
.mt-9{margin-top:6.3rem!important}
.mb-9{margin-bottom:6.3rem!important}
.pt-9{padding-top:9rem!important}
.pb-9{padding-bottom:9rem!important}
.mt-10{margin-top:7rem!important}
.mb-10{margin-bottom:7rem!important}
.pt-10{padding-top:10rem!important}
.pb-10{padding-bottom:10rem!important}
.ml-0{margin-left:0rem!important}
.mr-0{margin-right:0rem!important}
.pl-0{padding-left:0rem!important}
.pr-0{padding-right:0rem!important}
.ml-1{margin-left:.5rem!important}
.mr-1{margin-right:.5rem!important}
.pl-1{padding-left:1rem!important}
.pr-1{padding-right:1rem!important}
.ml-2{margin-left:1rem!important}
.mr-2{margin-right:1rem!important}
.pl-2{padding-left:2rem!important}
.pr-2{padding-right:2rem!important}
.ml-3{margin-left:1.5rem!important}
.mr-3{margin-right:1.5rem!important}
.pl-3{padding-left:3rem!important}
.pr-3{padding-right:3rem!important}
.ml-4{margin-left:2rem!important}
.mr-4{margin-right:2rem!important}
.pl-4{padding-left:4rem!important}
.pr-4{padding-right:4rem!important}
.ml-5{margin-left:2.5rem!important}
.mr-5{margin-right:2.5rem!important}
.pl-5{padding-left:5rem!important}
.pr-5{padding-right:5rem!important}
.ml-6{margin-left:3rem!important}
.mr-6{margin-right:3rem!important}
.pl-6{padding-left:6rem!important}
.pr-6{padding-right:6rem!important}
.ml-7{margin-left:3.5rem!important}
.mr-7{margin-right:3.5rem!important}
.pl-7{padding-left:7rem!important}
.pr-7{padding-right:7rem!important}
.ml-8{margin-left:4rem!important}
.mr-8{margin-right:4rem!important}
.pl-8{padding-left:8rem!important}
.pr-8{padding-right:8rem!important}
.ml-9{margin-left:4.5rem!important}
.mr-9{margin-right:4.5rem!important}
.pl-9{padding-left:9rem!important}
.pr-9{padding-right:9rem!important}
.ml-10{margin-left:5rem!important}
.mr-10{margin-right:5rem!important}
.pl-10{padding-left:10rem!important}
.pr-10{padding-right:10rem!important}
.ml-auto{margin-left:auto!important}
.mr-auto{margin-right:auto!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}

@media(max-width:992px){
.mt-0{margin-top:0rem!important}
.mt-1{margin-top:.5rem!important}
.mt-2{margin-top:1rem!important}
.mt-3{margin-top:1.5rem!important}
.mt-4{margin-top:2rem!important}
.mt-5{margin-top:2.5rem!important}
.mt-6{margin-top:3rem!important}
.mt-7{margin-top:3.5rem!important}
.mt-8{margin-top:4rem!important}
.mt-9{margin-top:4.5rem!important}
.mt-10{margin-top:5rem!important}
.mb-0{margin-bottom:0rem!important}
.mb-1{margin-bottom:.5rem!important}
.mb-2{margin-bottom:1rem!important}
.mb-3{margin-bottom:1.5rem!important}
.mb-4{margin-bottom:2rem!important}
.mb-5{margin-bottom:2.5rem!important}
.mb-6{margin-bottom:3rem!important}
.mb-7{margin-bottom:3.5rem!important}
.mb-8{margin-bottom:4rem!important}
.mb-9{margin-bottom:4.5rem!important}
.mb-10{margin-bottom:5rem!important}
.pt-0{padding-top:0rem!important}
.pt-1{padding-top:0.5rem!important}
.pt-2{padding-top:1rem!important}
.pt-3{padding-top:1.5rem!important}
.pt-4{padding-top:2rem!important}
.pt-5{padding-top:2.5rem!important}
.pt-6{padding-top:3rem!important}
.pt-7{padding-top:3.5rem!important}
.pt-8{padding-top:4rem!important}
.pt-9{padding-top:4.5rem!important}
.pt-10{padding-top:5rem!important}
.pb-0{padding-bottom:0rem!important}
.pb-1{padding-bottom:0.5rem!important}
.pb-2{padding-bottom:1rem!important}
.pb-3{padding-bottom:1.5rem!important}
.pb-4{padding-bottom:2rem!important}
.pb-5{padding-bottom:2.5rem!important}
.pb-6{padding-bottom:3rem!important}
.pb-7{padding-bottom:3.5rem!important}
.pb-8{padding-bottom:4rem!important}
.pb-9{padding-bottom:4.5rem!important}
.pb-10{padding-bottom:5rem!important}
}
@media all and (min-width: 1281px) {
.view1280{display:block!important}
}
@media all and (max-width: 1280px) {
.view1280{display:none!important}
}
@media all and (min-width: 1024px) {
.viewsmall{display:block!important}
.viewbig{display:none!important}
}
@media all and (max-width: 1023px) {
.viewsmall{display:none!important}
.viewbig{display:block!important}
}
@media all and (min-width: 1024px) {
.viewlap{display:none!important}
}
@media all and (min-width: 481px) and (max-width: 1023px) {
.viewlap{display:block!important}
}
@media all and (max-width: 480px) {
.viewlap{display:none!important}
}
@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")}
#fixtop{position:fixed;z-index:999;display:block;height:60px;top:0;left:0;width:100%;background-color:#000c53;-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}
.costum-navbar{background-color:#000c53!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:#DFE4FF;text-transform:uppercase;font-size:13px;padding:23px 35px;letter-spacing:.063rem}
.nav ul a:hover{background:#00106E;color:#fff}
.nav .nav-submenu>a{padding-right:20px}
.nav ul li.nav-submenu>a:after{padding-left:8px;padding-top:25px;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 ul ul, .nav .nav-submenu li{min-width:260px}
.nav ul ul{min-width:270px;text-transform:none;display:none;position:absolute;top:100%;z-index:901;background-color:#000C53;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 #001D64}
.nav ul ul a:hover{color:#fff!important;background:#001D64}
.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}
.nav li.here,.nav li.here a:hover {background:rgba(0,71,141,.3) }
.costum-navbar .nav li.here {background:rgba(0,71,141,.4) }

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

@media only screen and (max-width:1023px){
#logo{display:block;float:none;margin:13px auto 0}	
.navigationWrapper{background:#000C53;width:100%;border:0!important;height:80px;padding:0;border-top:solid 20px #00063B!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:#000C53;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!important;}	
.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:#4861F0;color:#fff!important}
.nav .nav-submenu ul ul li a{padding-left:60px;border:none!important}
.nav .nav-submenu ul ul ul li a{padding-left:80px;border:none!important}
.nav ul li.nav-submenu ul li.nav-submenu>a:after{content:"\E005"}
.nav-active,.nav-active a{background-color:#000C53}
.nav ul ul,.nav a:hover{background-color:#4861F0;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 .nav-submenu>a {padding-right: 0;}	
.nav ul li a{color:#112942}
.nav li.here a {background:#00A0ED }	
.nav li.here a:hover {background:#0024ED }
}

* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

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{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

html{font-size:62.5%;min-width:320px;height:100%}
body{min-width:100%;min-height:100%;overflow-x: hidden;margin:0;padding:0;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:400;letter-spacing: .1px; color: #1E1E1E;line-height:3rem;background-color:#FFF;}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

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

h1,h2,h3{font-family: 'Montserrat', sans-serif;font-weight: 300;color:#000;line-height:1.5;margin:0 0 2.75rem;}
h1{font-size:32px;line-height: 44px;text-transform:uppercase;letter-spacing: 2px;font-weight: 600}
h2, h3{font-size:28px;line-height: 40px}
h4, h5, h6 {font-family: 'Roboto', sans-serif;font-weight: 500;}
h4.slim, h5.slim, h6.slim {font-weight: 400!important;}
h4{font-size:19px;line-height: 32px;}
h5{font-size:18px;line-height: 30px;}
h6{font-size:17px;line-height: 29px;}

h2.headline, h2.headline2{color:#000;font-size:26px;line-height:1.2em;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;margin-bottom:15px}
h2.headline2{font-weight: 700}
h3.headline{font-weight: 400; color:#2E2E2E;font-size:18px;letter-spacing:.01em;margin: 1.5rem 0}
h2.longh2, h3.font18, h3.font16 {font-family: 'Roboto', sans-serif;font-weight: 400;color:#2E2E2E;}
h2.longh2{font-size:17px;line-height: 3.1rem; letter-spacing:.01em;margin-bottom: 1.5rem;}
h3.mid{font-size: 19px;line-height: 32px;margin: 2rem 0 1rem}
h3.font18{font-size:18px;letter-spacing:.01em;margin: 1rem 0}
h3.font16{font-size:16px;letter-spacing:.01em;margin: 1rem 0}

figure.mobile {width:100%;display: block; margin: 40px auto;}
small,.text_small{font-size:.707em}
strong{font-weight: 700}
italic, .italic{font-style:italic;}
figure {overflow: hidden;}
.arial{font-family:Arial,Helvetica,sans-serif!important}
.align-center{text-align:center}
.align-left{text-align:left}
.align-right{text-align:right}
.fadebg{-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;}

mark h3,mark h4,mark h5{margin:0 0 3rem;font-size: 130%; font-weight:700;line-height:1.6;}

a {color: #155FFF;text-decoration:none}
a:active{color:inherit}
a:hover,a:focus {color: #F72C00;}
a:visited {color: #22649C;}
p { font-size: 1em; line-height: 3.1rem;margin: 0 0 27px;}

.italic{font-style: italic}
.relativ{position:relative}
.back1{background-color: #F7f7f7}
.back2{background:url(../images/back-2.jpg) repeat center top #F7f7f7;}
.back3{background-color: #000c53}
.backgray{background: #c2c6cf}
.white{background-color: #ffffff;}
.card{background-color: #fff;border: 0 solid #edf2f9;border-radius: 0.375rem;box-shadow: 0 7px 14px 0 rgb(59 65 94 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);}
.pad4{padding:4rem!important}
.mar4{margin: 4rem!important}
.cmt40{margin-top: 100px}
h3.black{color:#000!important;font-weight: 700!important}
.orange {color:#C99D45}
.red {color:#FF0346}
.gray {background: #EFF7FF}
.luda {color:#f25555}

header {position: relative;margin-top: 60px}
#home{position:relative;min-height: 100vh;background:url(../images/back2.png) repeat-x center top;}
.para1 {width:100%; min-height: 100vh; display: block;}
/*--- ANIMATE ----*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}

/** ANIMACIJA NASLOVA */
#tophead{min-height:400px;padding:60px 30px 0;}
h1.toph,h2.toph{text-align:center;color:#fff;padding:0;position:relative;z-index:99;text-shadow:1px 1px 0 rgba(0,0,0,0.5)}
h1.toph{font-weight:500;margin:150px 15px 10px;letter-spacing:2px;font-size:20px}
h2.toph{font-weight:500;margin:10px 0 30px 0;letter-spacing:1px;font-size:40px} 

.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:120%;z-index:10}
.has-animation.animate-in:before{background-color:#1e90ff}
.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}
}
/*-------------- cijena--------------------*/
.okvir-left{padding:0 0 0 16px;background-image:url(../images/okvir2.png);background-repeat:no-repeat;background-position:0 0}
.okvir-top{background:url(../images/okvir2.png) 100% 0 no-repeat;padding:16px 0 0}
.okvir-right{background:url(../images/okvir2.png) 100% 100% no-repeat;padding:0 16px 0 0}
.okvir-bottom{background:url(../images/okvir2.png) 0 100% no-repeat;padding:0 0 16px 16px;margin-left:-16px}
.okvirpad1,.okvirpad2{padding:50px}
.padd100{padding:60px}
.orna5{width:200px;height:auto;margin:30px auto}
.wrapp{max-width:1490px;position:relative;z-index:2;margin:-150px auto 0;background:#fff;padding:50px 0}
#stars{color:#fbb616;font-size:4em;text-align:center;padding-bottom:30px}
#stars span{display:inline-block;transform:scale(1);transition:transform 2s cubic-bezier(0,1,0,1);text-shadow:-.02em 0 #ddd,.02em 0 #772400;letter-spacing:.08em}
#stars span:hover{cursor:crosshair;transform:scale(1.3);transition:transform .2s cubic-bezier(0,0.75,0,1)}
#stars span:active{text-shadow:none}
#stars span:nth-child(1),#stars span:nth-child(5){font-size:.3em;animation-delay:.2s}
#stars span:nth-child(2),#stars span:nth-child(4){font-size:.5em;animation-delay:.1s}
#stars span:nth-child(3){font-size:.8em;animation-delay:0}
#stars span{animation:stars-animation 3s 50 ease-in-out}
@-webkit-keyframes stars-animation {
0%{transform:scale(1)}
90%{transform:scale(1)}
95%{transform:scale(1.3)}
100%{transform:scale(1)}
}
#stars:hover span{animation:none}
.multi-line{line-height:1.4;display:inline;background-image:linear-gradient(transparent 50%,#FFF19F 50%,#FFFCEC 85%,transparent 85%,transparent 100%);background-repeat:no-repeat;background-size:0 100%;animation:animatedBackground 2s cubic-bezier(0.645,0.045,0.355,1) .5s forwards}
@keyframes animatedBackground {
to{background-size:100% 100%}
}
.dop_60{width:58%}
.dop_40{width:38%}
[class*="dop_"]{float:left;display:block;margin:10px 1%}
@media all and (max-width:1200px) {
.dop_60{width:98%}
.dop_40{width:98%}
[class*="dop_"]{float:none;}	
}
.dop_60 h1{font-size: 30px}
.dop_60 h2{font-size: 26px}
.goldline{width:100%;margin:0 auto;padding:1px;background-color:#eaab00;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==),url(data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==),url(data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==);background-repeat:no-repeat;background-size:0 2px,0 100%,0 2px;background-position:top center,top center,bottom center;-webkit-animation:drawBorderFromCenter 4s}
@-webkit-keyframes drawBorderFromCenter {
0%{background-size:0 2px,0 0,100% 100%}
20%{background-size:100% 2px,100% 0,100% 100%}
66%{background-size:100% 2px,100% 98%,100% 100%}
99%{background-size:100% 2px,100% 98%,0 2px}
}
.gold-content{background:#fff;padding:2em}
/*-------------- STRELICE --------------------*/
.fix-scroll{display:block;width:100%;height:60px;margin: -60px 0 0; position:relative}
.smoothscroll5{width:60px;height:60px;position:absolute;z-index:999;left:calc(50% + 22px);-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom: 100px;}
.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:#FA232A}
.chevron-hex:before,.chevron-hex:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#FA232A}
.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;}
}

.down:before{content:"↓"}
.arro::before{border-style:solid;border-width:.1em .1em 0 0;content:'';display:inline-block;height:.5em;left:.3em;position:relative;top:.3em;transform:rotate(-45deg);vertical-align:top;width:.5em}
.arro.right:before{left:0;transform:rotate(45deg)}
.arro.bottom:before{color:red;top:9px;transform:rotate(135deg)}
.arro.left:before{left:.25em;transform:rotate(-135deg)}

a.long:hover{color:#3700B3!important;}
.line{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;position:relative;-webkit-transition:1s;transition:1s}
.line:after{position:absolute;z-index:2;-webkit-transition:1s;transition:1s;content:'';width:0;left:50%;bottom:-4px;height:1px;background:red}
.line:hover{cursor:pointer}
.line:hover:after{width:100%;left:0}

.underline{border-bottom:1px solid #888888;padding-bottom:.25em;text-decoration:none;cursor:default}
.underline:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23888888' stroke-width='1' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");background-position:bottom;background-repeat:repeat-x;background-size:30%;border-bottom:0;padding-bottom:.3em;text-decoration:none}

/*-------------- SECTIONS --------------------*/
section{min-height: 100vh;width: 100%;position:relative}
.usual {display: block;}
.back {background: #fff;position: relative;z-index: 0}
.infographic {background: rgb(253,253,253);background: linear-gradient(90deg, rgba(253,253,253,1) 0%, rgba(250,250,250,1) 50%, rgba(248,248,248,1) 100%);}
.infographic2 {background: rgb(253,253,255);background: linear-gradient(90deg, rgba(253,253,255,1) 0%, rgba(249,249,255,1) 50%, rgba(247,247,255,1) 100%);}
img.web-1{clear:both;display:block;width:100%;max-width: 320px; height:auto;position:relative;margin: 0 auto}

h3.reason {font-size: 21px; color: #000;text-align: center;padding: 30px 0 0}
h4.suma{font-size: 15px; color: #000;font-weight: 400; text-align: center;margin-bottom: 40px;}

@media all and (max-width:1023px){
.pit{position:absolute;top:90px;left:50%;transform:translate3d(-50%,0,0);}
}
@media all and (max-width:1023px){
.pit-inner{padding:30px 20px}
}
/*-------------- accordion --------------------*/
.accosec{background:#E8F0FF;padding:50px 0}
.ac-pane-naslov{margin:30px 0 15px;padding:40px 30px 10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.08);-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}
img.acco{float:left;display:block;margin:0 20px 5px 0}
.ac-pane{margin-bottom:15px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.08);-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s;padding:20px}
.ac-pane:last-child{margin-bottom:0}
.ac-content{display:none}
a.ac-title h3{width:90%;color:#a9c056;text-decoration:none;margin:0;font-size:17px;font-weight: 500;padding:15px;display:inline-block}
a.ac-title h3:hover{color:red}
.ac-title span{float:left;font-size:20px;width:5%;color:#a9c056;padding-top:23px}
.ac-title span:hover{color:red}
.ac-title span:before{content:"\ea43"}
.accoactive .ac-title span:before{content:"\ea41"}
.ac-content{border:1px solid #fff;margin-top:-1px;padding:15px}
.ac-content p{font-size:15px;line-height:3rem;margin:0 0 14px}
.ac-content ul.lista{margin-bottom:30px}
.ac-content ul.lista li{margin-bottom:10px;padding:0 0 0 20px;background:transparent url(../img/aro.png) no-repeat scroll left 12px}
#section-door{background-image:url(../images/door.jpg);background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;width:100%}
#section-door p{font-size:15px;line-height:3rem;margin:0 0 14px}
.paddspec{padding:100px 5% 5%}
.bijelo{background:#fff}
/*-------------- PARALLAX Pino --------------------*/
.para2 {width:100%; display: block;  background:url(../images/parallax-bg1.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(11,25,45,0.8);}
.parainner h3{padding-left:30px;color:#fff;position:relative;margin-bottom:20px;line-height: 1.4;}
.parainner h4{color:#fff}
.service_item{background:rgba(11,25,45,0.5);color:#fff;padding:30px 30px 30px 0;position:relative;-moz-transition:all linear .3s;-webkit-transition:all linear .3s;transition:all linear .3s}
.service_item:hover{background: rgba(255, 167, 38, .8);color: white;}
p.crta{text-transform:uppercase;color:#ffa726;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}
.service_item h4 {font-size: 15px;font-weight: 700;margin-bottom: 10px;}
.service_item h5 {padding-left: 70px;font-size: 13px; line-height: 2.7rem;color:#fff;font-weight: 400; margin: 0; }
.service_item:hover .ikone i{color:#fff;}

@media only screen and (max-width:1023px){
.smoothscroll5{display: none}
}
/*-------------- OVERLAP --------------------*/
.pino33{width:31.33333333333333%;margin-left:1%;margin-right:1%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
.jonny{width:100%;float:left;clear:both;position:relative;padding:20px 0 10px 20px;box-sizing:border-box}
.jonny:before{content:'';position:absolute;left:0;top:250px;border-top:20px solid #e8eef3;border-left:20px solid transparent}
.jonny:after{content:'';position:absolute;width:20px;height:250px;top:0;left:0;background-color:#e8eef3}

.overlap:after{content:'';position:absolute;width:180px;height:20px;bottom:100%;left:0;background-color:#e8eef3}
.overlap:before{content:'';position:absolute;left:180px;bottom:100%;border-top:20px solid transparent;border-left:20px solid #e8eef3}
.overlap{width:100%;float:left;clear:both;position:relative;background-color:#fff;padding:30px;min-height:300px;box-shadow:0 0 10px rgba(0,0,0,0.08);box-sizing:border-box}

@media only screen and (max-width:992px){.pino33{width:98%;float:none}
}

/*-------------- hr i telefon --------------------*/
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:50%;display:block;margin:0 auto 50px;}
.nazovi{width: 200px; position:relative;z-index:2;display:block;padding:5px 15px;background:#fff;margin:0 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;cursor:default;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}

/*-------------- Scroll Top --------------------*/
.arrow{margin-top: 25px; display:inline-block;height:12px;position:relative;width:12px;}
.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;}
.arrow.is-top{-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.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:#0051A1;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:#FA232A}
#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}
}
/*-------------- svasta --------------------*/
.zaimage {width: 32.33333333333333%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5em; margin-bottom: 0.5em; float: left; display: block;}

@media all and (max-width: 1024px) {.zaimage { float: none; width: auto; clear: both; display: block;}}

.zaimage3 {clear: both;display: block;width: 100%;max-width: 600px!important;height:auto;position:relative;margin:0 auto 0}
.gradient-1 {display: block;overflow: hidden; width: 100%; padding: 100px 0; background: rgb(233,237,246);background: linear-gradient(90deg, rgba(233,237,246,1) 0%, rgba(244,233,237,1) 100%);}
h2.description-2{font-size:20px;line-height: 36px; text-align: justify}
.sha{-webkit-box-shadow: 5px 5px 15px 5px #000000; 
box-shadow: 5px 5px 15px 5px #000000;}
.max64{width:100%;max-width:600px;margin-right:auto;margin-left:auto}
/* paginacija */
.pagination{font-weight:400;font-size:14px;text-align:center; margin:50px auto;}
.pagination a{padding:8px 16px;border:1px solid #E4E8EB;border-radius:3px;background:#F8F9FA;color:#333;text-decoration:none}
.pagination a:hover,.pagination a.active,.pagination .next:hover,.pagination .prev:hover{border-color:#89C053;background:#89C053;color:#fff}
.pagination a.active:hover{cursor:default}
.pagination .prev:before{content:"« ";font-weight:400}
.pagination .next:after{content:" »";font-weight:400}

/*-------------- KONTAKT --------------------*/
.box800{width:100%;max-width:800px;margin:0 auto;padding:0 30px}
.box800 h2 {font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 18px;line-height: 3.1rem;color:#000}
.kontakt1,.kontakt2{width:100%;float:none;min-height:100px;position:relative;background:#fff;padding:3em;display:block;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}
ul.kontakt-info li{display:block;padding:5px 20px 20px 5px;font-size:16px;line-height:24px}
ul.kontakt-info span{float:left;display:block;font-size:20px;margin-right:15px}
.pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:red;position:absolute;transform:rotate(-45deg);left:36.5%;top:45%;margin:-20px 0 0 -20px;z-index:99}
.pin:after{content:"";width:14px;height:14px;margin:8px 0 0 8px;background:#ff0;position:absolute;border-radius:50%}
.bounce{animation-name:bounce;animation-fill-mode:both;animation-duration:1s}
.pulse{background:#03F;border-radius:50%;height:14px;width:14px;position:absolute;left:36.5%;top:45%;margin:11px 0 0 -12px;transform:rotateX(55deg);z-index:97}
.pulse:after{content:"";border-radius:50%;height:40px;width:40px;position:absolute;margin:-13px 0 0 -13px;animation:pulsate 1s ease-out;animation-iteration-count:infinite;opacity:0;box-shadow:0 0 1px 2px red;animation-delay:1.1s;z-index:99}
@keyframes pulsate {
0%{transform:scale(0.1,0.1);opacity:0}
50%{opacity:1}
100%{transform:scale(1.2,1.2);opacity:0}
}
@keyframes bounce {
0%{opacity:0;transform:translateY(-2000px) rotate(-45deg)}
60%{opacity:1;transform:translateY(30px) rotate(-45deg)}
80%{transform:translateY(-10px) rotate(-45deg)}
100%{transform:translateY(0) rotate(-45deg)}
}
/*-------------- IKONE --------------------*/

.bar-ul {text-align:center; }
.bar-ul i.force{display:inline-block;width: 32px; height: 32px;background: rgba(0,67,136,.2); padding: 2px 3px;margin: 0 5px;cursor: pointer}
.bar-ul i.force:before{line-height: 26px;font-size:12px;color:#E3F0FF;}

.bar-ul i.force:hover{background: #FFDA46;}
.bar-ul i.force:hover:before{color:#143B78;}

.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}

/*-------------- LISTE--------------------*/

ul.lista{margin-bottom:50px;}
ul.lista li{margin-bottom:15px;padding:0 0 0 25px;background:transparent url(../img/aro.png) no-repeat scroll left 10px }
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 }
ul.yes{margin-bottom:30px;}
ul.yes li{margin-bottom:8px;padding:0 0 0 20px;background:transparent url(../img/yes.svg) no-repeat scroll left 8px;background-size: 12px 12px; }
ul.yes2{margin-bottom:25px;}
ul.yes2 li{margin-bottom:8px;padding:0 0 0 20px;background:transparent url(../img/yes2.svg) no-repeat scroll left 8px;background-size: 12px 12px; }
/*-------------- DRUŠTVENE MREŽE --------------------*/

.social-box{height:3em;margin:50px auto;width:12em}
.social{position:relative;height:3em;width:13.5em}
.social li{display:block;height:3.2em;line-height:3.2em;margin:-1.2em;position:absolute;-webkit-transition:-webkit-transform .7s;-moz-transition:-moz-transform .7s;-ms-transition:-ms-transform .7s;-o-transition:-o-transform .7s;transition:transform .7s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);text-align:center;width:3.2em}
.social a{color:#fff!important;display:block;line-height:1.6em;font-size:24px;height:3.2em;text-align:center;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:3.2em}
.social li:hover{-webkit-transform:scale(1.3,1.3) rotate(45deg);-moz-transform:scale(1.3,1.3) rotate(45deg);-ms-transform:scale(1.3,1.3) rotate(45deg);-o-transform:scale(1.3,1.3) rotate(45deg);transform:scale(1.3,1.3) rotate(45deg)}
.facebook{background:#155b9d;left:0;top:0}
.twitter{background:#00acee;bottom:0;left:25%}
.valeron-icon{background:#F3115B;left:50%;top:0}
.instagram{background:#E56969;bottom:0;left:75%}
.my-business{background:#4885ed;left:100%;top:0}

/*-------------- canvas - nodes - ponuda web stranica --------------------*/
#head{background:rgba(72,119,194,1);padding:90px 30px;margin:60px 0 0; position:relative;z-index:1}
#head h1,#head h2{color:#fff;text-align:center;padding:0;position:relative;z-index:3;text-shadow:1px 1px 0 #041B37}
@media all and (max-width: 1023px) {
#head{padding:80px 20px}
}
@media all and (max-width: 992px) {
h1.toph{margin:100px 15px 10px;}
.max64{width:100%;max-width:200px!important;}	
}
@media all and (max-width: 820px) {
#head{padding:70px 20px}
}
@media all and (max-width: 768px) {
#head{padding:60px 20px}
#head h1,#head h2{margin:0;background:rgba(8,46,97,.8)}
#head h1{padding:35px 15px 10px}
#head h2{padding:10px 15px 35px}
}
@media all and (max-width:600px) {
#head{padding:60px 20px}
}
@media only screen and (max-width: 480px) {
#head{padding:50px 10px}
}
/*-------------- pomoćna navigacija --------------------*/
p.title-menu2{margin-bottom:10px;margin-top:30px;display:block;text-align:center;color:#5D5D5D;letter-spacing:2px;padding:12px;overflow:hidden;width:100%;text-transform:uppercase;font-weight:bold;}
ul.menu2{text-align: center;margin:10px!important;overflow: hidden}
ul.menu2 li {background:#FFF;transition: background-color 0.5s ease;width:19%;margin:5px 0;padding: 10px 0; display:inline-block;border:1px solid #dddddd;text-align: center;}
ul.menu2 li a{color:#5D5D5D;display: block;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:1px;outline:none;padding:0 10px}
ul.menu2 li a:active{border-color:#555;color:#000}
ul.menu2 li a:hover{color:#FFF;}
ul.menu2 li:hover{background:#225CFF;border:none}
ul.menu2 li:hover a{color:#fff}
@media only screen and (max-width:1200px){ul.menu2 li {width:33%}}
@media only screen and (max-width:860px){ul.menu2 li {width:48%;}ul.menu2{margin:5px 0;padding: 8px 0;}}
@media only screen and (max-width:600px){ul.menu2 li a{font-size:12px;letter-spacing:0;}ul.menu2{margin:4px 0;padding: 7px 0;}}
@media only screen and (max-width:400px){ul.menu2 li {width:98%;margin:4px auto;}}

/*-------------- pomoćna navigacija 3  --------------------*/
ul.menu3{text-align: center;margin:10px!important;overflow: hidden}
ul.menu3 li {width:32%;margin:5px 0;padding: 10px; display:inline-block;border:1px solid #eee;}
ul.menu3 li a{color:#2E2E2E;display: block;font-size:15px;line-height: 2.5rem;}
ul.menu3 li a:active, ul.menu3 li a:hover,ul.menu3 li:hover, ul.menu3 li:hover a {color:#0000FF}
ul.menu3 li a h3 {font-size: 19px;font-weight: 700; margin:0}
@media only screen and (max-width:1200px){ul.menu3 li {width:49%}}
@media only screen and (max-width:767px){ul.menu3 li {width:98%;margin:5px auto}	
}
/*-------------- footer --------------------*/
.foot-box{max-width: 600px; min-width:200px;min-height:66vh;border:solid 1px #D7DBE8;position:relative;top:50%;bottom:50%;margin:0 auto;padding:5%;text-align:center;background:#fff;-webkit-box-shadow:0 1px 20px 0 rgba(0,111,255,0.4);-moz-box-shadow:0 1px 20px 0 rgba(0,111,255,0.4);box-shadow:0 1px 20px 0 rgba(0,111,255,0.4)}

.footer{letter-spacing: 1px; align-self: flex-end;width:100%;text-align:center;color: #90b5dd;padding:20px;font-size:13px;background-color: #00162B;-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,28,40,0.9); -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,28,40,0.8);box-shadow: inset 0px 5px 5px 0px rgba(0,28,40,0.6);}

ul.footer-nav li{display:inline-block;padding:20px}
ul.footer-nav li a{color:#90b5dd}
ul.footer-nav li a:hover{color:#FFF}
ul.footer-nav li a:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}
ul.footer-nav li a:hover:after{width:100%;background:#fff}

ul.footer-info li{display:inline-block;padding:5px 5px 20px; color:#90b5dd;}
ul.footer-info li a{color:#90b5dd}
ul.footer-info li a:hover{color:#FFF}
ul.footer-info span{float:left;display:inline-block;font-size:14px; color:#90b5dd;padding-top: 7px; margin-right: 5px}

#copyright, #copyright a{font-size:13px;line-height: 2.2rem;display:inline-block;position:relative;padding-bottom:10px;color:#5175a5;text-decoration:none;}
#copyright {text-align: center}
#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}

@media all and (max-width:1440px){
.cmt40{margin-top: 60px}
.okvirpad1,.okvirpad2{padding:30px}	
.padd100{padding:30px}
.dop_60 h1{font-size: 28px}
.dop_60 h2{font-size: 24px}	
}

@media only screen and (max-width:1023px){
header{margin-top: 80px}
#stars{font-size:2em;font-size:3em;padding-top:0}
.wrapp{padding:20px;margin: -50px 0}
.okvirpad1,.okvirpad2{padding:20px}		
.padd100{padding:20px}	
.nest_3{width:29.333333333333%}
.nest_3:nth-child(4){clear:both;}	
.nest_6{width:46%}
[class*="nest_"]{float:left;clear:none;margin:50px 2%}

}

@media all and (max-width: 768px) {
.okvirpad1{padding:0}
.okvirpad2{padding:20px}
.padd100{padding:30px}
#stars{padding-bottom:10px}
h1{font-size:28px;line-height: 40px;}	
h1.toph{font-size:18px;}	
h2.toph{font-size:24px;}
h2.description-2{font-size:18px;line-height: 30px;text-align: center}	
}

@media all and (max-width: 480px) {
#tophead{min-height:300px;padding:60px 30px 0;}
.nest_3{width:46%}	
.nest_3:nth-child(3){clear:both;}
.nest_3:nth-child(4){clear:none;}	
.nest_3:nth-child(5){clear:both;}
.okvirpad2{padding:0}
.padd100{padding:20px}
#stars{padding-bottom:0}
.okvir-left,.okvir-top,.okvir-right,.okvir-bottom{padding:0;background-image:none;margin:0}	
h1{font-size:26px;line-height: 38px;}		
h1.toph{font-size:16px;}	
h2.toph{font-size:19px;letter-spacing: 0}	
}