@charset "utf-8";
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}
html{min-width:300px;margin:0;padding:0;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;font-family:'Roboto',sans-serif;font-size:16px;line-height:25px;overflow-x:hidden;letter-spacing:.03em;color:#444;background-color:#FFF}
h2,h3,h4,h5,h6{font-family:'Oswald',sans-serif;letter-spacing:.02em;color:#000;font-weight:400}
h2{font-size:32px;line-height:44px;margin:0 0 50px;display:block}
h2 span{font-size:.6em;color:#000;width:66%;max-width:600px;line-height:1px}
h3{font-size:24px;line-height:36px;padding-bottom:25px}
h4{font-size:22px;line-height:32px;padding-bottom:20px}
h5{font-size:20px;line-height:30px;padding-bottom:15px}
h6{font-size:18px;line-height:28px;padding-bottom:10px;font-weight:700}
h2.crta,h3.crta,h4.crta,h2.crta2,h3.crta2,h4.crta2,h2.crta3,h3.crta3,h4.crta3,h2.crta4,h3.crta4,h4.crta4{padding-bottom:20px;margin-bottom:20px}
.crta span,.crta2 span,.crta3 span,.crta4 span{width:100px;height:5px;display:block;margin-top:10px}
.crta span{background-color:#20A39E}
.crta2 span{background-color:#EF5B5B}
.crta3 span{background-color:#083D77}
.crta4 span{background-color:#FFAE03}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{color:#004691;text-decoration:none;outline:0!important}
a:visited{color:#60b7e2}
:focus{outline:0}
a:hover,a:focus{color:red}
a img{border:0}
a [class^="icon-"]{color:inherit;text-decoration:none}
strong,b{color:#000;font-weight:700}
.hide{display:none}
.show{display:block}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.padtop50{padding-top:20px}
.padtop100{padding-top:50px}
.padtop85{padding-top:50px}
.padbot50{padding-bottom:20px}
.padbot100{padding-bottom:50px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{padding:0;margin:0}
li{padding:5px 0;margin:0}
ul.list-unstyled{padding:0;margin:0 0 20px}
ul.list-unstyled li{padding:5px 0;margin:0;list-style-type:none}
ul.alt{padding:0;margin:0 0 20px}
ul.alt li{list-style-type:none;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:0 0 -1px;background:url(img/icon-arrow-right.png) no-repeat 5px .7em;padding-left:20px}
ul.icons{margin:0 0 20px;padding:0}
ul.icons li{list-style-type:none;margin:0;padding:5px 0}
p{padding-bottom:15px;margin:0}
.hero{position:relative;background:url(../images/agencija-turist-split.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;text-align:center;color:#fff;padding-top:100px;min-height:100vh;letter-spacing:2px;font-family:"Oswald",sans-serif}
.main_header{position:fixed;top:0;max-height:60px;z-index:999;width:100%;background:#083D77;-webkit-transition:all .3s;transition:all .3s;opacity:0;top:-100px}
@media only screen and (max-width: 766px) {
.main_header{padding-top:25px}
}
.sticky{background-color:#083D77;opacity:1;top:0}
@-webkit-keyframes scroll {
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes scroll {
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}
.intro{display:block;text-align:center;position:relative;margin-top:58vh;margin-left:auto;margin-right:auto;width:100%}
.intro h1{display:block;margin-bottom:55px;text-transform:uppercase;font-family:'Archivo Black',sans-serif;font-size:5em;letter-spacing:2px;color:#FFF;-webkit-text-stroke:2px #000}
.frame{position:relative;width:100%;display:block}
h2.subintro{text-transform:uppercase;display:block;font-family:'Caveat Brush',cursive;font-weight:400;font-size:3.5em;letter-spacing:2px;color:#083D77;-webkit-text-stroke:1px #000;text-shadow:2px 2px 0 #FFAE03,-1px -1px 0 #FFAE03,1px -1px 0 #FFAE03,-1px 1px 0 #FFAE03,1px 1px 0 #FFAE03}
.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
from{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 {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {
from{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 {
from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.arrow-box{width:60px;position:absolute;bottom:0px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1;height:100px;padding-bottom:50px}
.arrow-box-hex{position:relative;z-index:2;width:24px;height:80px;margin-right:auto;margin-left:auto;padding-top:30px;padding-bottom:30px}
.chevron,.chevron-hex{position:absolute;width:56px;height:16px;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:#20A39E}
.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(50px)}
100%{opacity:0;transform:translateY(75px) scale3d(0.5,0.5,0.5)}
}
@keyframes pulse {
to{opacity:1}
}
.test{height:100vh}
hr.triangle{height:6px;background:url(../img/hr-12.png) repeat-x 0 0;border:0;display:block;margin-top:50px;margin-bottom:40px}
.footer{position:relative;display:block;text-align:center;float:left;width:100%;padding-top:30px;padding-bottom:30px;font-size:13px}
.footer a{display:inline-block;position:relative;color:#000;text-decoration:none}
.footer a:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}
.footer a:hover:after{width:100%;background:#FF2DFF}
.footer a:hover{color:#90F}
ul.footer-nav li{display:inline-block;padding:20px}
ul.footer-nav li a{color:#004691}
ul.footer-nav li a:hover{color:red}
#scroll-Top .return-to-top{position:fixed;right:20px;bottom:20px;display:none;width:40px;line-height:40px;height:40px;text-align:center;font-size:28px;cursor:pointer;color:#fff;background:#083d77;border:1px solid #083D77;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:#eee;color:#A9362A;border:1px solid #999}
#scroll-Top .return-to-top i{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}
}
a.link{display:inline-block;position:relative;padding-bottom:2px;color:#004691;text-decoration:none}
a.link:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width .5s ease,background-color .5s ease}
a.link:hover:after{width:100%;background:#00F}
a.link:hover{color:red}
.item-cont{overflow:hidden;display:inline-block}
.item-cont a{display:block;position:relative;color:#000;font-weight:700;border-color:#fff;font-size:24px}
.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:#fff;position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity 0.8s,-webkit-transform .8s;transition:opacity 0.8s,transform .8s}
.item-cont a .item-content .text-cont{width:100%;opacity:0}
.item-cont a .item-content .text-cont p{padding-right:20px;padding-left:20px}
.item-cont a .item-content .align-content{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.item-cont a .figa{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .8s;transition:transform .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,196,236,0.5);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:#fff}
.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}
ul.gold{margin-top:20px;margin-bottom:20px}
ul.gold li{display:block;padding-left:16px;list-style-type:none;background:url(../img/aro.png) no-repeat left 13px;padding-bottom:8px}
.back{height:500px;width:100%;margin-top: 60px; box-shadow:0 1px 12px rgba(0,0,0,0.15)}
h2.para{width:100%;display:block;padding:29px 15px 50px 30px;font-family:'Archivo Black',sans-serif;letter-spacing:1px;color:#FFF;font-size:2em;line-height:1.05;text-shadow: 1px 0 1px #000040}
.title1{display:block;width:66%;height:4px;border-bottom:double 4px #083D77;position:relative;margin-top:40px;margin-left:auto;margin-right:auto}
img.logo-title1{width:80px;height:60px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}
.title2{display:block;width:66%;height:4px;border-bottom:double 4px #083D77;position:relative;margin-top:40px;margin-left:auto;margin-right:auto}
img.logo-title2{width:70px;height:40px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}
.frame{display:block;width:90%;margin-left:auto;margin-right:auto;border:double 5px #FFAE03;padding-bottom:50px;padding-left:20px;padding-right:20px;text-align:center}
h3.titelframe{font-family:'Roboto',sans-serif;font-size:32px;font-weight:700;letter-spacing:2px;text-transform:uppercase;width:400px;height:40px;background-color:#fff;margin:-20px auto 60px}
h3.titelframe span{width:280px;height:5px;display:block;margin-top:10px;margin-left:auto;margin-right:auto;background-color:#EF5B5B}
#section2{display:block;width:100%;padding-top:100px;padding-bottom:100px;background-color:#E0E0E0}
h3.title-3{text-align:center;font-size:32px;display:block;width:100%;background:#fff;text-transform:uppercase;font-family:'Roboto',sans-serif;font-weight:700;padding:10px 20px 50px}
.title4{font-size:20px;font-weight:700;padding-bottom:5px;margin:0}
.latinski{padding:0;margin:20px auto;width:100%}
.latinski li{height:230px;overflow:hidden;display:block;background:#fff;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);margin-bottom:5px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.latinski li.jedan{border-left:10px solid #083D77}
.latinski li.dva{border-left:10px solid #EF5B5B}
.latinski li.tri{border-left:10px solid #20A39E}
.latinski li.cetiri{border-left:10px solid #03A0B0}
.latinski li.pet{border-left:10px solid #D00328}
.latinski li.sest{border-left:10px solid #FFAE03}
.latinski li:last-child{margin-bottom:0}
.latinski li a{text-align:left;display:block;width:100%;height:100%;color:#333;position:relative}
.opis{padding:2em 1em 2em 30px}
h4.lat{font-size:24px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;padding-bottom:.5em}
.hrv{font-size:16px;color:#666;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}
.latinski li:hover{border-color:#FFAE03;background:#083D77}
.latinski li:hover .lat{color:#fff004;font-size:18px}
.latinski li:hover .hrv{color:#fff;font-size:18px}
@media only screen and (max-width:1400px) {
.latinski li{height:300px}
}
.kontakt{width:100%;float:none;margin:0 auto;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}
.big{font-size:18px;color:#000;font-weight:700}
.bigcontact .fa{font-size:24px;line-height:28px;margin:-1px 8px 0 -4px;vertical-align:top;color:#b5b5b5}
@media only screen and (max-width:1200px) {
.intro h1{letter-spacing:2px;font-size:3.3em;margin-bottom:30px}
h2.subintro{font-size:2.2em}
h3.titelframe{font-size:26px;width:320px}
}
@media only screen and (max-width:1024px) {
.latinski li{height:auto}
h3.titelframe{font-size:26px;width:310px}
.frame{background-image:none}
}
@media only screen and (max-width:900px) {
.intro h1{font-size:2.9em}
h2.subintro{font-size:2em}
h3.titelframe{font-size:25px;width:300px}
}
@media only screen and (max-width:767px) {
.intro h1{letter-spacing:1px;font-size:2.5em;margin-bottom:25px}
h2.subintro{font-size:1.6em}
h3{font-size:20px;line-height:32px;padding-bottom:25px}
h4{font-size:19px;line-height:30px;padding-bottom:20px}
h5{font-size:18px;line-height:29px;padding-bottom:15px}
h6{font-size:17px;line-height:28px;padding-bottom:10px;font-weight:700}
h3.titelframe{font-size:24px;width:290px}
h2.para{width:100%;font-size:1.5em;}
}
@media only screen and (max-width:600px) {
.intro h1{letter-spacing:0;font-size:2.2em;margin-bottom:20px}
h2.subintro{font-size:1.35em}
h3.titelframe{font-size:23px;width:280px}
}
@media only screen and (max-width:480px) {
.intro h1{letter-spacing:0;font-size:1.8em}
h2.subintro{font-size:1.3em}
h3.titelframe{font-size:22px;width:270px}
h2.para{width:100%;font-size:1.3em;}
}
@media only screen and (max-width:360px) {
.intro h1{font-size:1.6em;margin-bottom:15px}
h2.subintro{font-size:1.2em}
h3.titelframe{font-size:20px;width:260px}
h2.para{width:100%;font-size:1.3em;}
}
.grid{max-width:1280px;padding:0;margin:0 auto}
.grid.flex{width:100%;max-width:100%;padding:0}
.grid.flex16{max-width:1600px;padding-right:10px;padding-left:10px}
.row{display:block;overflow:hidden;clear:both}
.col_1{width:6%}
.col_2{width:12%}
.col_3{width:21%}
.col_4{width:29.333333333333%}
.col_5{width:36%}
.col_6{width:46%}
.col_7{width:56%}
.col_8{width:62.6666666667%}
.col_9{width:71%}
.col_10{width:80%}
.col_11{width:86%}
.col_12{width:96%}
.col768_4{width:29.333333333333%}
.col768_6{width:46%}
.col768_8{width:62.6666666667%}
[class*="col768_"]{float:left;display:block;margin:10px 2%}
.nobig{display:none!important}
.nosmal{display:block!important}
[class*="col_"]{float:left;display:block;margin:10px 2%}
.hidesmall{display:block}
.hidebig{display:none!important}
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}
.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}
[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_"].nopama{margin:0!important}
@media all and (min-width: 480px) and (max-width: 1024px) {
.grid [class*="col_"]{float:none;width:auto;clear:both;display:block}
.grid [class*="col_"] [class*="col_"]{margin-left:0;margin-right:0;width:100%}
.grid{max-width:96%}
}
@media all and (max-width: 768px) {
.grid [class*="col_"]{margin:10px 0}
.grid [class*="col768_"]{float:none;width:auto;clear:both;display:block}
.grid [class*="col768_"] [class*="col768_"]{margin-left:0;margin-right:0;width:100%}
.hide768{display:none!important}
}
@media all and (max-width: 480px) {
.grid [class*="col_"]{float:none;width:auto;clear:both;display:block}
.grid [class*="col_"] [class*="col_"]{margin-left:0;margin-right:0;width:100%}
.grid{max-width:94%}
}
@media all and (max-width: 1280px) {
.hide1280{display:none!important}
}
@media all and (min-width: 1280px) {
.blocklaptop{display:none!important}
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
.hidelaptop{display:none!important}
.blocklaptop{display:block!important}
}
@media all and (max-width: 1023px) {
.blocklaptop,.hidelaptop,.hidesmall{display:none!important}
.hidebig{display:block!important}
img.full-width768{float:none;clear:both;display:block;width:auto;max-width:768px;display:block;margin-right:auto;margin-left:auto}
.nobig{display:block!important}
.nosmal{display:none!important}
}
@media all and (max-width: 480px) {
.hide480{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")}
*{transition:background-color 500ms linear 0}
#fixtop{position:fixed;z-index:2;display:block;top:0;left:0;width:100%}
.navigationWrapper{clear:both;height:60px;background:#083D77;line-height:1.1;letter-spacing:2px;font-family:Arial,Helvetica,sans-serif}
.navigationWrapper .grid .col_12{margin-top:0;margin-bottom:0}
.nav-button{display:none}
.nav-close{display:none}
.nav{display:block;position:relative;bottom:auto;overflow:visible}
.nav ul{display:block;position:relative;zoom:1;list-style-type:none;margin:0;padding-left:50px}
.nav li{position:relative;white-space:nowrap;padding-top:0;padding-bottom:0}
.nav>ul>li{display:inline-block}
.nav a,.nav a:visited{display:block;font-weight:400;position:relative;color:#FFF;text-transform:uppercase;font-size:12px;padding:24px 15px 23px}
.nav a:hover{color:#fff;background:#001C4F}
.nav a.here{color:#fff;background:#001C4F}
.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;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{text-transform:none;display:none;position:absolute;top:100%;left:0;z-index:901;background-color:#22649C}
.nav ul ul li{border-top:1px solid #155B95}
.nav ul ul a,.nav ul ul a:visited{padding:20px;text-transform:none;color:#fff;font-weight:400}
.nav ul ul a:hover{background-color:#003D6F}
.nav ul ul ul{top:5px;left:95%;z-index:902}
.nav ul ul ul ul{z-index:903}
.nav ul ul ul ul ul{z-index:904}
.nav-active{background-color:#004F8F;color:#fff!important}
.nav .nav-active a{color:#fff!important}
.linkline{display:inline-block;position:relative}
.linkline:after{content:'';display:block;margin:auto;height:1px;width:0;background:0 0;transition:width .5s ease,background-color .5s ease}
.linkline:hover:after{width:100%;background-color:red;text-decoration:none}
a.linkline:hover{color:#03C}
@media only screen and (max-width: 1023px) {
.nav ul{padding-left:0}
.navigationWrapper{background-color:#083D77!important;border:0!important;height:auto!important;padding-bottom:20px}
.nav{display:none;background:#00589F none repeat scroll 0 0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:68px;z-index:900}
.nav-button{display:block;width:70px;height:60px;position:absolute;top:3px;cursor:pointer;background:#083D77;padding:11px;left:10px}
.nav-button span{display:block;position:absolute;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 50px 22px 14px;color:#D1E0ED!important;text-shadow:0 0 1px #00111F}
.nav>ul>li{display:block;border-bottom:1px solid #00233F;border-top:1px solid #1968A8}
.nav>ul>li:hover{border-bottom:1px solid #001A2F;border-top:1px solid #001A2F}
.nav ul ul li{border-top:1px solid #00233F}
.nav .nav-submenu>ul{position:relative;left:0;top:0}
.nav .nav-submenu ul li a:hover{background-color:#001A2F;color:#7FABCF!important}
.nav .nav-submenu ul li a{padding-left:40px;background:url(../icons/bull8.png) no-repeat 15px 19px;border:none!important}
.nav .nav-submenu ul ul li a{padding-left:60px;background:url(../icons/bull8.png) no-repeat 35px 19px;border:none!important}
.nav .nav-submenu ul ul ul li a{padding-left:80px;background:url(../icons/bull8.png) no-repeat 55px 19px;border:none!important}
.nav ul li.nav-submenu ul li.nav-submenu>a:after{content:"\E005"}
.nav-active,.nav ul ul,.nav a:hover{background-color:#002C4F}
.nav-active,.nav a:hover{border-top:none!important}
.nav-active,.nav ul ul li a:hover{border-top:1px solid #00233F!important}
.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"}
}
#logo-small{display:block;padding-left:10px;padding-top:10px;max-height:50px;margin-right:20px}
@media only screen and (max-width: 1280px) {
#logo-small{max-width:150px;max-height:50px;margin-right:auto;margin-left:auto;padding-top:10px}
.nav a,.nav a:visited{padding:24px 4px 23px}
}
@media only screen and (max-width: 1023px) {
#logo-small{padding-top:12px}
}
@media only screen and (max-width: 400px) {
#logo-small{margin-right:20px}
}
.bg-zuto {background-color: yellow;display: inline-block; padding:0 4px;margin:20px 0 15px}

.bg-zuto.big2{font-size:24px; padding: 8px;border: solid 1px #777}

.bg-zuto a{color:#000}
.bg-zuto a:hover{color:#0000FF;background-color: #fff;}
.bg-zuto2 {background-color:#FFBF00;display: inline-block; padding:0 4px;margin:20px 0 15px}