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

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

a,a strong{color:#0038e3;text-decoration:none;outline: none;}
a:active{color:inherit}
a{outline:0}
a:focus,a:hover,a:hover strong{color:#F24194}
a.accent{color:#F72C00}
.accent, .accent strong{color:#FF6700}
a.accent:hover{color:#000}
a.dark{color:#000}
a.dark:hover{color:#F72C00}
a img{border:0}
a [class^="icon-"]{color:inherit;text-decoration:none}
p{font-size:1em;margin:1.5em 0}
p.less{margin:1em 0}
strong, .strong {font-weight: 600;color:#000 }
italic, .italic{font-style:italic;}
figure {overflow: hidden;}
ol { list-style: decimal; padding-left: 20px;}
.v-middle{vertical-align: middle;}
.red{color:#D00000}
.hide{display:none}
.show{display:block}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}

h1,h2,h3,h4,h5{font-family: 'Oswald', sans-serif;font-weight:600;line-height: 1.5;}
.light{font-weight:400;line-height: 1.4;}
h2{font-size:28px;display:block}
h3{font-size:25px;}
h4{font-size:21px;}
h5{font-size:19px;}
h5.long{font-family: 'Nunito Sans', sans-serif;font-weight: 700;font-size:15px;padding-bottom: 10px}
h6{font-size:18px;font-weight:700}
h2.title-blu, h3.title-blu{color:#437FEC}
h2.title{font-size:28px;}

h2.inn{margin:0 0 20px;}
h2.headline {color:#152BA2;font-size: 3rem}
h3.inn,h4.inn{margin:0 0 15px;}
h2.viola,h3.viola,h4.viola{font-family: "Nunito Sans", Helvetica, Arial, Verdana, sans-serif;color:#8598FD;font-weight: 400;}
.title2{font-weight:600;margin-bottom:15px;font-size:20px}

.sub-title{font-size:16px;line-height:28px;margin:0;text-transform:uppercase;font-weight:400}
.sub-title-s{font-size:14px;line-height:25px; padding-bottom: 5px; margin:0;text-transform:uppercase;font-weight:400}
.first-title{font-weight:600;font-size:28px;line-height:40px;margin:3px 0 30px;color:#212121;text-transform:uppercase;}
.first-title:after {content: ""; display: block; margin: 0; width: 100px;padding-top: 10px;border-bottom: 3px solid #ffb600;}

@media only screen and (max-width:1023px) {
h2.title{font-size:26px;}		
}

@media only screen and (max-width:767px) {
h2.title{font-size:24px;}
h2.title.light{font-size:25px;}		
}

@media only screen and (max-width:600px) {
h2.title{font-size:22px;}
h2.title.light{font-size:23px;}		
}	

@media only screen and (max-width:480px) {
h2{font-size:22px;}	
h2.title{font-size:21px;}
h2.title.light{font-size:22px;}	
h3{font-size:21px;}	
}
@media only screen and (max-width:360px) {
h2, h2.title{font-size:21px;}
h2.title.light{font-size:20px;}	
h3{font-size:19px;}	
}

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}

.grid{width:100%;max-width:1400px;margin:0 auto;padding: 1.5rem}
.grid.flex12{width:100%;max-width:1200px;}
.grid.flex16{width:100%;max-width:1600px;}
.grid.flex18{width:100%;max-width:1800px;}
.grid.flex{width:100%;max-width:100%;padding: 0!important;}
.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}

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

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

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

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

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

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

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

@media all and (max-width:767px){
*[class*="col_"]{float:none;width:auto;clear:both;display:block;}	
}
@media all and (max-width:992px){
.col_1.mob,.col_2.mob,.col_3.mob,.col_4.mob,.col_5.mob,.col_6.mob,.col_7.mob,.col_8.mob,.col_9.mob,.col_10.mob, .col_11.mob,.col_12.mob, .colw_4.mob, .colw_5.mob, .colw_6.mob, .colw_7.mob, .colw_8.mob, .halfbox.mob{width:100%;float:none!important;clear:both;display:block;margin:.5em 0}
}
@media all and (max-width:1023px){
.col_1.lap,.col_2.lap,.col_3.lap,.col_4.lap,.col_5.lap,.col_6.lap,.col_7.lap,.col_8.lap,.col_9.lap,.col_10.lap, .col_11.lap,.col_12.lap,.halfbox.lap{width:100%;float:none!important;clear:both;display:block;margin:.5em 0}
}
@media all and (max-width:1023px){
.colw_5.lap, .colw_6.lap, .colw_7.lap{width:100%;float:none!important;clear:both;display:block;margin:0}
}
.show-1280{display:none}
.none-1280{display:block}
@media all and (max-width:1280px){
.show-1280{display:block}	
.none-1280{display:none}
.grid-pad{padding: 0 15px}	
.col_1.desk,.col_2.desk,.col_3.desk,.col_4.desk,.col_5.desk,.col_6.desk,.col_7.desk,.col_8.desk,.col_9.desk,.col_10.desk, .col_11.desk,.colw_5.desk,.colw_6.desk, .colw_7.desk, .halfbox.desk{float:none;width:auto;clear:both;display:block;margin:.5em 0}
}
@media all and (max-width:1536px){
.colw_6.bigboy{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;}	
}

.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_"]{width:96%;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%}	
}

.alpha{margin-left:0!important;}
.omega{margin-right:0!important;}
.delta{margin-bottom:0!important}
.beta{margin-top:0!important}
.alomdebe{margin:0!important}
.nopama{margin:0!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}

.pt-1{padding-top:1rem!important}
.pt-2{padding-top:2rem!important}
.pb-1{padding-bottom:1rem!important}
.pb-2{padding-bottom:2rem!important}
.pt-3{padding-top:3rem!important}
.pb-3{padding-bottom:3rem!important}
.pt-5{padding-top:5rem!important}
.ptm-5{padding-top:0rem!important}	
.pb-5{padding-bottom:5rem!important}
.pt-10{padding-top:10rem!important}
.ptm-10{padding-top:0rem!important}
.pb-10{padding-bottom:10rem!important}
.pr-5{padding-right:5rem!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}
}

@media(min-width:1024px){
.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}
.pb-5{padding-bottom:3.5rem!important}
.pt-10{padding-top:5rem!important}
.pb-10{padding-bottom:5rem!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}
.ptm-5{padding-top:5rem!important}	
.pb-5{padding-bottom:5rem!important}
.pt-10{padding-top:10rem!important}
.ptm-10{padding-top:10rem!important}		
.pb-10{padding-bottom:10rem!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 .5s linear 0}
#fixtop{position:fixed;z-index:99;display:block;height:70px;top:0;left:0;width:100%;background-color:#00264d;-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.2);box-shadow:0 4px 6px 0 rgba(0,0,0,.2)}
.costum-navbar{background-color:#00264d!important}
.fix-close{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
.slideanim{visibility:hidden}
.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{position:relative;clear:both;height:70px;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:600;position:relative;color:#e2e8f5;text-transform:uppercase;font-size:13px;padding:30px 35px 26px;letter-spacing:1px}
.nav ul a:hover{background:#006edb;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 .nav-submenu>a:after,.nav-button:before,.nav-close:before,.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:400px;text-transform:none;display:none;position:absolute;top:100%;z-index:901;background-color:#002244;text-align:left;-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);}
.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 #00152B}
.nav ul ul a:hover{color:#fff!important;background:#003974}


.nav ul li > a {transition: all .4s ease-in-out;}
.nav ul ul li>a{position:relative;}
.nav ul ul li>a::before{position:absolute;left:15px;top:28px;width:0;height:1px;content:"";background:#7692FF;transition:all .4s ease-in-out}
.nav ul ul li:hover>a{padding-left:35px!important;color:#fff;}
.nav ul ul li:hover>a::before{width:10px}

.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:1400px){
.nav a,.nav a:visited{padding:30px 15px 26px;letter-spacing:0}
}
@media all and (min-width:1024px) and (max-width:1280px){
.nav a,.nav a:visited{padding:24px 10px}
}
#logo{width:150px!important;position:absolute;top:19px;left:20px}
#logo-s{display:none}
@media only screen and (max-width:1100px){
#logo{margin:0 0 0 20px}
}
@media only screen and (max-width:1280px){	
#fixtop{height:60px;}	
.nav ul ul li>a::before{left:0}	
.nav ul ul li:hover>a{padding-left:0!important;}
.nav ul ul li:hover>a::before{width:0}	
.nav ul ul a,.nav ul ul a:visited{padding:20px 0;}		
	
#logo{display:none}
#logo-s{width:160px!important;padding:15px 0 0;display:block;float:none;margin:0 auto}
.navigationWrapper{background:#05294f;width:100%;border:0!important;height:60px;padding:0;}
.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:60px;z-index:900;border-bottom:0}
.nav-button{display:block;width:70px;height:60px;position:absolute;z-index:999;top:0;cursor:pointer;background:#05294f;padding:11px;left:10px}
.nav-button span{display:block;position:absolute;z-index:999;height:2px;width:40px;background:#fff;opacity:1;left:15px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-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:first-child{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:first-child{transform:translateX(-6px)}
.nav-button:hover span:nth-child(2){transform:translateX(6px)}
.nav-button:hover span:nth-child(4){transform:translateX(-6px)}
.nav-button.active span:first-child{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 20px 20px 50px;letter-spacing:1px;color:#000!important;font-weight:700}
.nav ul a:hover{color:#fff!important}
.nav>ul{background:#e9efff;padding:5px 20px 10px}
.nav>ul>li{display:block;background:#fff;margin:4px}
.nav .nav-submenu li{min-width:260px}
.nav .nav-submenu>ul{position:relative;left:0;top:0}
.nav .nav-submenu ul li a{border:none!important}
.nav .nav-submenu ul li a:hover{background-color:#007dfe;color:#fff!important}
.nav .nav-submenu ul ul li a{padding-left:60px;border:none!important}
.nav .nav-submenu ul ul ul li a{padding-left:80px;border:none!important}
.nav ul ul li{border-top:1px solid #00264d}
.nav ul li.nav-submenu ul li.nav-submenu>a:after{content:"\E005"}
.nav-active,.nav-active a{background-color:#073362}
.nav a:hover,.nav ul ul{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}
}
@media only screen and (max-width:380px){
#logo{display:none}
#logo-s{width:140px!important;padding:11px 0}
}
.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 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}


@-webkit-keyframes slideInLeft{
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight{
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}

/* init animacije sa anime.js */
@-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;}
/* ---- bočna traka - INFO --- */
aside{position: fixed;z-index: 9;}
nav#aside{background:#F9FAFB;bottom:0;height:100%;right:-22rem;padding: 140px 20px;position:fixed;top:0;transition:.5s ease-in-out;width:22rem;user-select:none;border-left: solid 1px #ddd}
nav#aside a{padding:12px;transition:.5s;text-decoration:none;-webkit-user-drag:none}
nav#aside a.nopad{padding:2px 16px;}
nav#aside{color:#333;}
nav#aside a:hover{background-color:#F9FAFB;color:#FE2F59}
#nav-collapse{padding:8px 12px;position:absolute;top:90px;border:none;background-color:#F9FAFB;color:#777;cursor:pointer;}
#nav-collapse:hover{color:#ff0000}
#nav-expand{position: fixed;z-index: 9;padding-top: 100px; background-color:#001C39;color:#D6EAFF;display:block;cursor:pointer; letter-spacing: 1px; right:0;top:80px;padding:8px 15px;text-decoration:none;border:none; transition:.5s linear;user-select:none;-webkit-user-drag:none}
#nav-expand:focus{opacity:0}
#nav-expand:focus~main{margin-left:17rem;transition-delay:.25s}
#nav-expand:focus~nav{right:0;transition-delay:.25s}
#nav-expand:hover{background-color:#4191F9;color:#fff}
.icon7{display:inline-block;background-position:center;background-repeat:no-repeat;height:12px;width:12px;color: #777;}
aside .icon-e-mail-5:before, aside .icon-telefon:before {color:#2B52B7!important;font-size: 20px!important;padding-right: 10px}

/* ---- split screen bg image ------- flex vertical --- */
.fullheigt,.fhc{min-height: 100vh}
.vh80{width:100%; min-height: 80vh}
.colFF{width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.bg-image{width:100%;height:100%;background-size:cover;background-position:center;position:absolute;top:0;left:0;transition:.25s ease all}
.bg-rela{width:100%;height:100%;background-size:cover;background-position:center;position:relative;z-index:1;top:0;left:0;transition:.25s ease all}
.ljuba{background:url('../images/valeron-web-design-istra.jpg')}

.Aligner{display:flex;align-items:center;justify-content:center}
.Aligner-item{width:100%;max-width: 800px}
.Aligner-item--top{align-self:flex-start}
.Aligner-item--bottom{align-self:flex-end}

#member{background-color: #081422;background-image: url(../images/blue-shadow.jpg); background-size:cover;background-position:center bottom;background-repeat:no-repeat;}
.image-bg{position:relative;background:#081422;margin-bottom:25px;-webkit-box-shadow: 0px 8px 12px 0px rgba(64,45,79,0.4);-moz-box-shadow: 0px 8px 12px 0px rgba(64,45,79,0.4);box-shadow: 0px 8px 12px 0px rgba(64,45,79,0.4);}

.mid-v{width:84%;position:absolute;overflow: hidden;top:50%;transform:translateY(-50%);left:3rem;z-index:2;color:#fff}
.mid-v h2{font-size:32px;color:#b4865e;text-shadow:0 0 1px #E5A762, 1px 1px 2px #000;}

.wrapp-text{width:70%;position:absolute;overflow: hidden;top:50%;transform:translateY(-50%);left:15%;z-index:2;color:#fff}
.wrapp-text h3{font-size:24px;color:#b4865e;text-shadow: 0 1px 1px #000;}

@media all and (max-width:1536px) {
.mid-v h2{font-size:24px;}		
}

@media all and (max-width:1280px) {
.mid-v h2{font-size:32px;}		
}

@media all and (max-width:992px) {
.mid-v	{width:90%;left:2rem;}
.mid-v h2{font-size:26px;left:2rem;}	
}

@media all and (max-width:767px) {
.mid-v	{width:94%;left:1rem;}	
.mid-v h2{font-size:20px;left:0;}	
.wrapp-text{width:92%;left:4%;font-size:15px}
.wrapp-text h3{font-size:18px;}	
}

@media all and (max-width:480px) {
.mid-v h2{font-size:17px;}		
.wrapp-text{width:94%;left:3%;font-size:13px}
.wrapp-text h3{font-size:15px;}	
}
@media all and (max-width:360px) {
	.nomini{display:none}	
}

.banner-img2{ clear:both;display:block;height:auto; position:absolute;bottom: 8%;right:-4%;z-index: 3}

/*-------------- ovo je prva sekcija--------------------*/
#section-1 h2{text-transform: uppercase;line-height: 1.65; font-size:1.500em; letter-spacing: 0.031em;margin: 0 0 30px;}
h3.like-p{font-family: 'Nunito Sans', sans-serif;color: #000;line-height: 1.65; font-size: 1rem; font-weight: 600; letter-spacing: 0.031em; }
#section-1 p{font-size: 1rem; letter-spacing: 0.031em; }

.boxc-7, .boxc-5{float:left;display:block;margin:0}
.boxc-5{width:40%}
.boxc-7{width:60%}
.big-none{display:none}
.bigs-none{display:none}
.padtopmin{padding-top: none}

@media all and (max-width:1536px) {	
.fhc{min-height: auto;}
.ljuba{background:none}		
.big-none{display:block}
.padtopmin{padding-top: 5rem}	
}

@media all and (max-width:1180px) {
.boxc-7, .boxc-5{width:100%;float:none;clear:both;display:block}
.padtopmin{padding-top: 2rem}	
}
@media all and (max-width:767px) {
.bigs-none{display:block}
}
/*-------------- style --------------------*/

.colC_7, .colC_5{float:left;display:block;margin:0}
.colC_5{width:40%}
.colC_7{width:60%}
.mtC-5{margin-top:10rem!important}

.relative,.section{position:relative}
.padall, .padallC{padding:8rem}
.padall5{padding:4rem 8rem}
.padall55{padding:5rem}
.padall4{padding:4rem}
.padall3{padding:3rem}
.padall2{padding:2rem}
.padall21{padding:1rem 2rem}
.padall1{padding:1rem}
.letter{letter-spacing: 1px}
#logo-viola{width:50%;max-width: 250px;position: absolute;top:7%; left:50%;transform:translateX(-50%);z-index:2}

@media all and (max-width:1536px) {
#section-1{padding: 50px 0}	
.colC_5{width:50%}
.colC_7{width:50%}
.mtC-5{margin-top:5rem!important}
.padall, .padall5,.padall55 {padding:2rem}
 .padallC{padding:3rem 2rem 0 2rem}	
#section-1 h2{font-size:1.8em;}	
#section-1 p{margin:1.2em 0 }	
.sec100{padding: 50px 0}
}

@media all and (max-width:1300px) {
.mtC-5{margin-top:1rem!important}
}

@media all and (max-width:1023px) {
.padall,.padall5,.padall55{padding:3rem}
.padallC{padding:2rem 3rem 0 2rem}		
#section-1{padding: 30px 0}	
.colC_7, .colC_5{float:none;width:auto;clear:both;display:block}
.mtC-5{margin-top:2rem!important}
#section-1 h2{font-size:1.625em;line-height: 38px;margin: 0 0 28px;}	
#logo-viola{max-width: 200px;}	
}
@media(max-width:768px){
.padall,.padall5,.padall55{padding:2rem}
.padallC{padding:2rem 1.5rem 0 1.5rem}	
#section-1 h2{font-size:1.500em;line-height: 32px;margin: 0 0 25px;}
}
@media(max-width:480px){
#section-1 h2{font-size:1.313em;line-height: 30px;margin: 0 0 20px;}
}
/*-------------- animacija na naslovnici Expect More. Pay Less! --------------------*/
.payless {position: absolute;z-index: 2;bottom: 20px;right: 30px;margin-right: 50px;}
.title-home h3{color:#162133;font-size:24px;font-weight: 700;letter-spacing:1px; -webkit-animation:mainFadeIn 2s forwards;-o-animation:mainFadeIn 2s forwards;animation:mainFadeIn 2s forwards;-webkit-animation-delay: .5s; animation-delay: .5s;opacity:0;display:flex;align-items:baseline;position:relative;text-transform: uppercase;}
.role{width:100%;position:relative;display:flex;align-items:center;height:30px;margin-top:-10px}

.role .block-home{width:0;height:inherit;background: #F24194;position:absolute;animation:secBlock 2s cubic-bezier(0.74,0.06,0.4,0.92) forwards;-webkit-animation-delay: .9s; animation-delay: .9s;display:flex}

#section-1 .role p{animation:secFadeIn 2s forwards;-webkit-animation-delay: 1.5s; animation-delay: 1.5s;opacity:0;font-weight:700;color:#F24194;font-size:13px;text-transform:uppercase;letter-spacing:0.256em; }

@keyframes secBlock{0%{width:0;left:0}
50%{width:100%;left:0}
100%{width:0;left:100%}
}@keyframes mainFadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes secFadeIn{0%{opacity:0}
100%{opacity:1}
}
@media all and (max-width:1023px){
.payless {width:90%;position: absolute;right: auto;left:50%;transform:translateX(-50%);margin-right: 0;}
.title-home h3{justify-content: center}
.role{justify-content: center}	
}
/*-------------- DUGME 1 --------------------*/
.boxrela1{position:relative;width:200px;display:block;margin-bottom:20px;height:42px;float:right;margin-right:20px;margin-top:10px}
.btn5{display:block;padding:12px 40px;color:#000;text-decoration:none;position:relative;background:0 0;border:1px solid #e1e1e1;font:12px/1.2 Oswald,sans-serif;letter-spacing:.4em;text-align:center;text-indent:2px;text-transform:uppercase;transition:color .1s linear 50ms;}
.btn5::before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background:#03DAC6;z-index:1;opacity:0;transition:height .2s ease,top .2s ease,opacity 0s linear .2s}
.btn5::after{transition:border .1s linear 50ms}
.btn5 .btn-inner{position:relative;z-index:2}
.btn5:hover{color:#1703B2;border:1px solid #03DAC6; transition:color .1s linear 0s}
.btn5:hover::before{top:0;height:100%;opacity:1;transition:height .2s ease,top .2s ease,opacity 0s linear 0s}
.btn5:hover::after{border-color:#373737;transition:border .1s linear 0s}
.slideshow .slide .btn5{margin:15px 0 0;border-color:#000}
.slideshow .slide .btn5::before{background:#000}

/*-------------- animirana jedna crta ispod linka--------------------*/
.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:0;height:2px;background:#03DAC6}
.line:hover{cursor:pointer}
.line:hover:after{width:100%;left:0}
@media only screen and (max-width:1280px){
.line:hover:after{width:0;left:0}
}
/*-------------- DUGME sa animiranom crtom --------------------*/
.boxrela{position:relative;width:300px;display:block;margin-bottom:20px;height:42px;float:right;margin-right:40px;margin-top:10px}
.bouton{position:absolute;top:0;margin-left:-100px;right:0}
.bouton:hover{cursor:pointer}
.line2{position:relative;float:left;padding:20px 80px;background-color:#2B52B7;transform:scale(0.5,0.05);animation-name:line-out;animation-duration:.3s}
.text2{font-size:14px;font-weight:400;float:left;position:relative;line-height:40px;color:#000;letter-spacing:1px;animation-name:text-out;animation-duration:.3s}
.text2 span{font-size:13px;line-height:0;display:inline-block;padding-right:5px}
.bouton:hover a.text2,.bouton:hover a.text2 span{color:#fff!important;font-weight: 400}
a.text2 span{width:10px;display:inline-block;fill:#000;}
.round4{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.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 .text2{animation:text-in .3s ease-out forwards}
@keyframes text-in {
50%{color:#000}
100%{color:#CDA85C}
}
@keyframes text-out {
50%{color:#000}
}
/*-------------- animirane crte ispod linka--------------------*/
.link{cursor:pointer;position:relative;white-space:nowrap;color:var(--color-text)}
.link::after,.link::before{position:absolute;width:100%;height:1px;background:currentColor;top:100%;left:0;pointer-events:none}
.link::before{content:''}
.link--io::before{transform-origin:100% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.7, 0, .2, 1)}
.link--io:hover::before{transform-origin:0% 50%;transform:scale3d(1,1,1);transition-timing-function:cubic-bezier(0.4,1,0.8,1)}
.link--io::after{content:'';top:calc(100% + 4px);transform-origin:0% 50%;transform:scale3d(0,1,1);transition:transform .3s cubic-bezier(.7, 0, .2, 1)}
.link--io:hover::after{transform-origin:100% 50%;transform:scale3d(1,1,1);transition-timing-function:cubic-bezier(0.4,1,0.8,1)}

/*-------------- horizontalna i vertikalna animirana linija --------------------*/
.h-line{display:block;z-index:9999;position:absolute;top:0;left:50%;width:0%;;text-align:center;animation:line 2s linear forwards;-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
@keyframes line{
from{left:50%;width:0%}
to{left:0%;width:100%}
}
.h-line.mint2{border-bottom:2px solid #5EF2C8!important;}
.h-line.mint1{border-bottom:1px solid #5EF2C8!important;}
.h-line.pink{border-bottom:1px solid #F24194;}
.h-line.gray{border-bottom:1px solid #ccc;}
.h-line.lblu{border-bottom:1px solid #65BFFC;}


.h-line2{display:block;z-index:2;position:absolute;top:0;left:50%;width:0%;;text-align:center;animation:line2 3s linear forwards;-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
@keyframes line2{
from{left:50%;width:0%}
to{left:0%;width:100%}
}
.h-line2.color1{border-bottom:1px solid #B4F1E8;}

.v-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%}
}
/*-------------- animirane strelice DOWN --------------------*/
.fix-scroll{display:block;width:100%;height:60px;margin: -120px 0 0; position:relative;}
.smoothscroll{display:block; position:absolute;z-index:2;left:calc(50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;width:30px;height:80px;margin:0 auto 0;padding-left:20px;padding-right: 51px}
@media all and (max-width:1023px) {
.smoothscroll{display:none;}
}
.fullscroll{display:flex;align-items:flex-end;justify-content: center; position:absolute;z-index:2;width:100%;min-height:100vh;padding-bottom: 50px}

.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:#FF6700}
.chevron-hex:before,.chevron-hex:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#FF6700}
.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;}
}
#section-1 .chevron:before,#section-1 .chevron:after{background:#03DAC6}

/*------------------ IZNAD SLIDERA --------------------------------*/
.over{margin-top: -150px}
.over .box-ikona{padding:50px;position:relative;overflow:hidden;background:#fff;box-shadow:0 0 29px 0 rgba(68,88,144,0.12);transition:all .3s ease-in-out;border-radius:4px;z-index:2}
.over .box-ikona::before{content:"";position:absolute;background:#cbe0fb;right:0;left:0;bottom:0;top:100%;transition:all .3s;z-index:-1}
.over .icon{margin-bottom:15px}
.over .icon i{font-size:80px;line-height:1;color:#9797A6;}
.over .title, .title1{font-weight:600;margin-bottom:15px;font-size:21px}
.over .phw{font-size:15px;line-height:28px;margin-bottom:0}


@media all and (max-width:992px){
.over .box-ikona{padding:30px;	}
}
@media all and (max-width:480px){
.over .box-ikona{padding:20px;	}
}

.blue{background-color: #111729;}
.lightBlue {background-color: #f6f9fe;}
.green{background-color:#76A713}
.greenblue {background-color:#50DEE2}
.darkred{background-color:#a7132c}
.viola{background-color:#8e13a7}
.gray{background: #f7f7f7;}
.bgwhite{background: #FFF;}

#atrakcije h2{font-size: 48px;line-height:60px;}
#atrakcije h4{font-family: 'Open Sans', sans-serif;font-size: 14px; text-transform: uppercase;padding-bottom:40px;}
@media all and (max-width:900px){
#atrakcije h4 {padding-bottom:10px;}
}

.box3{ width: calc(33.33333333333333% - 1px);margin-right: 1px;margin-bottom:1px;float:left;display:block;}

.box2{width:49.8%; margin:1px 0.1%;float:left;display:block}
@media all and (max-width:900px){	
.box3{width:100%;float:none;min-height:400px;margin:1px 0}
.box2{width:100%;max-width:700px!important;float:none;margin:5px auto!important;}
}
/** efekt fotka link strelica **/
.pino {background-color: #00162B;font-size: 16px;line-height: 1.6em;margin: 0;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.3);transform: scale(1.3);opacity: .2}
.pino figcaption {width:100%; padding: 20px;position: absolute;bottom: 0;z-index: 1;background-color: rgba(0,22,43,0.1);}
.pino figcaption:after{transition:opacity 3s ease,background-color .5s ease}
.pino h3, .pino p {margin: 0;padding: 0;color: #fff}
.pino h3 {font-size: 21px;line-height: 40px;font-weight: 700;}
.pino .hover {position: absolute;top: 0;bottom: 0;left: 0;right: 0;align-items: center;background-color: rgba(0,22,43, 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}
.pino:hover figcaption, .pino.hover figcaption {opacity: 0}
.pino .force {color: #fff !important;font-size: 48px}


.opis a{display: block;background: #fff; padding:20px 15px;margin-bottom: 15px; text-align: center;color:#000;font-weight: 600}
.opis a em{color:#777;}
.opis a:hover, .opis a:hover em {color:#0038e3}

/**************** stranice ****************/
.sec-block80{clear:both;display:block;overflow:hidden;width:100%;height:80px;  }
.sec-block{clear:both;display:block;overflow:hidden;width:100%;height:2px;  }

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

.footer1{letter-spacing: 1px; align-self: flex-end;width:100%;text-align:center;color: #B3CFFB;text-shadow:0 1px 1px #000; padding:25px 0 0;font-size:13px;background-color: #001120;-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.6); -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.5);box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.4);}

ul.footer-nav li{display:inline-block;padding:20px 10px;}
ul.footer-nav li a{color:#B3CFFB;text-transform: uppercase;font-size:12px}
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:#B3CFFB;}
ul.footer-info li a{color:#B3CFFB}
ul.footer-info li a:hover{color:#FFF}
ul.footer-info span{float:left;display:inline-block;line-height: 0.3;font-size:18px; color:#B3CFFB;padding-top: 7px; margin-right: 5px}
.copy-block{display: block;background:#000C15;margin-top:20px}

#copyright {text-align: center;font-size:13px;display:inline-block;position:relative;color:#5175a5; }
#copyright a{font-size:13px;line-height: 2.2rem;display:inline-block;position:relative;padding-bottom:10px;color:#5175a5;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}
/*-------------- GDPR --------------------*/
.gdprcookie{width:100%;max-width:450px;position:fixed;z-index:99;left:0;bottom:0; padding:0.1rem 0.5rem 1rem;background:#fff;color:#333;font-size:13px;line-height:1.5em;text-align: center;border:solid 1px #F9F9FE;box-shadow: 0 0 6px rgba(0,0,0,.05);}
.gdprcookie h3,.gdprcookie h4{font-family: 'Nunito Sans', sans-serif;font-size:16px;line-height: 1.7; margin-bottom:0;padding: 0; color:#333;}
.gdprcookie p{margin:1em 0}
.gdprcookie a{color:#555;text-decoration:underline;}
.gdprcookie a:hover{color:#063F8B;}
.gdprcookie-buttons{text-align:center}
.gdprcookie-buttons button{color:#333;font-size:1em;padding:6px 15px;border:solid .05rem #ddd;border-radius:.15rem;margin:0 .5rem;background:0;cursor:pointer}
.gdprcookie-buttons button:hover{background:#063F8B;border:solid .05rem #063F8B;  color:#fff;}
.gdprcookie-buttons button:disabled{background: #fff; color:rgba(0,0,0,.5)}
.gdprcookie-types ul{overflow:hidden;padding:0;margin:0 0 1rem}
.gdprcookie-types li{display:block;list-style:none;float:left;width:50%;padding:0;margin:0;}
.gdprcookie-types input[type=checkbox]{margin-right:.25rem;}

/** ANIMACIJA NASLOVA REVERSE */

#top-1{position: relative;width: 100%;min-height: 240px;display: block; resize: both;padding-top:60px;background-color: #002A54;background-image: url(../images/banner1.jpg); background-size:cover;background-position:bottom left;background-repeat:no-repeat;}
#head-1{padding: 70px 100px 0;}
.unillax-content h1{color:#FCAC26; font-size: 32px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;text-align: center;margin:15px 15px 10px;}
.unillax-content h2{font-weight:700;margin:10px 0 30px 0;letter-spacing:1px;font-size:17px;color:#D1DDFD;}

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

.vizuali{padding: 5em 0; background-color: #3c564f}
#azuriranje{margin-top:60px;position: relative;z-index: 0; width: 100%;height: 400px;display: block;background:url(../images/azuriranje-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}

#logotip{position: relative;z-index: 0; width: 100%;height: 400px;margin-top:60px;display: block;background:url(../images/izrada-logotipa-logo2.jpg) no-repeat top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; resize: both;background-color:#242B45}

.imagebox{width: calc(50% - 2px);margin:0 1px;float:left;display:block;}
@media only screen and (max-width:992px) {
#logotip{height: 300px;margin-top:80px;background:url(../images/izrada-logotipa-logo-b.jpg) no-repeat top center;}
.imagebox{width: 100%;margin:0;float:none}	
}

@media all and (max-width: 768px) {
#azuriranje {margin-top:80px;height: 300px;background:url(../images/azuriranje-1b.jpg) no-repeat top left;}
#tophead{height:300px;}
h1.toph {margin:50px 10px 0;font-size:26px;}	
h2.toph{font-size:18px;}
}
@media all and (max-width: 480px) {
#tophead{min-height:300px;padding:60px 30px 0;}
h1.toph{letter-spacing:1px;font-size:22px}
h2.toph{font-size:17px;}	
}

.has-animation{position:relative}
.has-animation{opacity:0}
.has-animation.animate-in{animation:textHidden .1s 1.1s forwards}
.has-animation.animate-in:before,.has-animation.animate-in:after{content:'';position:absolute;top:0;right:0;height:100%;z-index:10}
.has-animation.animate-in:before{background-color:#032140}
.has-animation.animate-in:after{background-color:#003e82;animation-delay:.1s}

.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}
}
/** ostalo */
#sec-1{width:100%;}
.kocka{width:300px;height: 300px;background-color: #FE2F59;position: absolute;top:30px;right:30px;z-index: -1}
#heroimg{padding: 50px 50px 0 0;margin-top: 5rem; position: relative; z-index: 1;}
.dotsLT{position: absolute;z-index: 2; top:20px;left: 20px}
.dotsRT{position: absolute;z-index: 2; top:20px;right: 20px}
.dotsRB{position: absolute;z-index: 2; bottom:20px;right: 20px}
.dotsLB{position: absolute;z-index: 2; bottom:20px;left: 20px}
.dotsmini{width:60px;opacity: 0.7; filter: alpha(opacity=70); zoom: 1;}
.dotsbig{width: 80px;opacity: 0.7; filter: alpha(opacity=70); zoom: 1;}

.cura, .curaL{position: relative;z-index: 1;}
.cura figcaption {position: absolute;z-index: 2;bottom: 10px;right: 30px;margin-right: 50px;}
.cura figcaption.sredina {position: absolute;z-index: 2;bottom: 10px;right: 30px;margin-right: 30%;}
.curaL figcaption {position: absolute;z-index: 2;top: 30px;right: 30px;margin-right: 50px;}

.title h3{color:#EBBB5B;font-size:24px;font-weight: 700;letter-spacing: 1px; -webkit-animation:mainFadeIn 2s forwards;-o-animation:mainFadeIn 2s forwards;animation:mainFadeIn 2s forwards;animation-delay:1.2s;opacity:0;display:flex;align-items:baseline;position:relative;text-transform: uppercase;}
.role{width:100%;position:relative;display:flex;align-items:center;height:30px;margin-top:-5px}
.role .block{width:0;height:inherit;background:#FE2F59;position:absolute;animation:secBlock 2s cubic-bezier(0.74,0.06,0.4,0.92) forwards;animation-delay:1.6s;display:flex}
.role p{animation:secFadeIn 2s forwards;animation-delay:3.2s;opacity:0;font-weight:400;color:#45F0FB;font-size:12px;text-transform:uppercase;letter-spacing:4px;}
@keyframes mainBlock{0%{width:0;left:0}
50%{width:100%;left:0}
100%{width:0;left:100%}
}@keyframes secBlock{0%{width:0;left:0}
50%{width:100%;left:0}
100%{width:0;left:100%}
}@keyframes mainFadeIn{0%{opacity:0}
100%{opacity:1}
}@keyframes popIn{0%{width:0;height:0;background:#e9d856;border:0 solid #ddd;opacity:0}
50%{width:10px;height:10px;background:#e9d856;opacity:1;bottom:45px}
65%{width:7px;height:7px;bottom:0;width:15px}
80%{width:10px;height:10px;bottom:20px}
100%{width:7px;height:7px;background:#e9d856;border:0 solid #222;bottom:13px}
}@keyframes secFadeIn{0%{opacity:0}
100%{opacity:1}
}


/*-------------- podstranice --------------------*/
#head{padding: 5rem 0 0}

#head h1{font-size:28px;color:#666;font-weight: 600;padding-bottom: 20px}
#head h2.longh2, #head h3.longh3{font-family: 'Nunito Sans', sans-serif;font-size:17px;color:#000;font-weight: 600}
@media all and (max-width: 1560px) {
#head{padding:50px 10px 10px}
}
@media all and (max-width: 1280px) {
#head{padding:2rem 20px}
#heroimg{padding: 0;margin-top: 1rem;}	
}
@media all and (max-width: 992px) {
.max64{width:100%;max-width:200px!important;}	
}
@media all and (max-width: 820px) {
#head{padding:70px 20px}
}
@media all and (max-width: 768px) {

#head h1,#head h2.longh2, #head h3.longh3{margin:0;}
#head h1{padding:35px 15px 10px}
#head h2.longh2, #head h3.longh3{padding:10px 15px 35px}
}

@media only screen and (max-width: 480px) {
#head{padding:1rem 10px}
}

@media all and (min-width:1024px) and (max-width:1200px){
.cura figcaption {right: 10px;margin-right: 20px;}	
.title h3{font-size:20px;letter-spacing: 0.031em;margin-top:1.5rem }	
.role p{font-size:11px;letter-spacing:1px;}	
.dotsRB{display: none}	
}

@media only screen and (max-width:1023px){	
#heroimg{margin-top: 0;}
}
@media only screen and (max-width:767px){	
.kocka{width:130px;height: 130px;}
}
@media only screen and (max-width:600px){	
.dotsRB{display: none}
.cura figcaption {right: 10px;margin-right: 20px;}	
.title h3{font-size:24px;}
.role p{font-size:11px;letter-spacing:1px;}	
}

@media only screen and (max-width:480px){
#heroimg{padding: 30px;}	
.kocka{width:120px;height: 120px;top:20px;right:20px;}
.cura figcaption {right: 5px;margin-right: 10px;}	
.title h3{font-size:18px;}
.role{margin-top:-20px}	
.role p{font-size:10px;letter-spacing:0;margin-bottom: 5px;}		
}
@media only screen and (max-width:380px){
#heroimg{padding: 20px;}		
.kocka{width:100px;height: 100px;top:10px;right:10px;}	
.title h3{font-size:16px;}
.role{margin-top:-22px}	
.role p{font-size:9px;}	
}

/*-------------- 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:#e2e8f5;position:relative;margin-bottom:20px;line-height: 1.4;font-size:21px; letter-spacing: 1px;text-transform: uppercase;}
.parainner h4{color:#e2e8f5;}
.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,p.crta2{text-transform:uppercase;color:#ffa726;font-size:12px;margin-bottom:25px;line-height:1;position:relative;}
p.crta{padding-left:30px}
p.crta::after,p.crta2::after{content:"";position:absolute;top:100%;margin-top:15px;height:1px;width:20px;background:#a1a8b4}
p.crta::after{left:30px;}
p.crta2::after{left:0;}

.service_item h4 {font-size: 15px;font-weight: 600; text-transform: uppercase; margin-bottom: 10px;}
.service_item h5 {padding-left: 70px;font-family: 'Nunito Sans', sans-serif;font-size: 13px; line-height: 1.4;color:#e2e8f5;font-weight: 400; margin: 0; }
.service_item:hover .ikone i, .service_item:hover h4, .service_item:hover h5{color:#000;}

@media only screen and (max-width:1023px){
.smoothscroll5{display: none}
}
/*-------------- 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}

/*-------------- CIJENE --------------------*/

.naslov{width:70%;position: relative;border:solid 1px #EAD09D;display: block;margin-top:5rem}
.naslov-title{background: #fff;padding: 20px 10px;margin: 220px -30% 30px 30%}
.kocka2{width:66%;height: 180px;background-color: #FFF2D5;position: absolute;top:-40px;right:-40px;z-index: -1}

@media all and (max-width: 1280px) {
	.naslov{width:100%;border:none;margin-top:2rem}
	.naslov-title{padding: 0;margin: 2rem auto;text-align: center}
	.kocka2{display: none}	
}
.blu-bg{display: block;background: #162E50;padding: 5rem 3em 3rem;color:#B3CFFB;}
@media all and (max-width:992px) {
.blu-bg{padding: 4rem 2em 2rem;}	
}
@media all and (max-width:600px) {
.blu-bg{padding: 3rem 1em 1rem;}	
}
.blubg{display: block;background: #162E50;color:#B3CFFB;}
h2.long{font-family: 'Nunito Sans', sans-serif;font-size:19px;font-weight: 600}
h3.long{font-family: 'Nunito Sans', sans-serif;font-size:18px;font-weight: 600}
h4.long{font-family: 'Nunito Sans', sans-serif;font-size:16px;font-weight: 600}
.blu-bg h4.long{padding-top: 2rem;line-height: 1}
#price figcaption {left: 30px;}
#price .role{width:250px;}
#price .role .block{background: #EAD09D;}



#bezz{background: #EAD09D;padding:7rem 2rem;}

.design{width: 100%;display: block;background: #162E50;padding: 0;color:#B3CFFB;position: relative; -webkit-box-shadow:0 0 35px 20px rgba(0,0,0,0.2);box-shadow:0 0 35px 20px rgba(0,0,0,0.2)}

.boxcenter-7, .boxcenter-5{float:left;display:block;}
.boxcenter-5{width:34%;position: relative}
.boxcenter-7{width:66%;background: #fff;padding: 2em}

@media all and (max-width:1280px) {
.boxcenter-7, .boxcenter-5{width:100%;float:none;clear:both;display:block}
}
.bg-bezz{display:block;width:100%;height:auto;position:relative;padding:2rem;z-index: 5}
.bg-bezz::after{content:""; position:absolute;z-index: -1;top:0;bottom:0;right:0; width:66%;background: #EAD09D;}
.pospad{padding: 3em 0 1em;max-width:800px;margin: 0 auto}
.center-xy {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

@media all and (min-width:1280px) {
.pospad{padding: 3em 1em 1em}	
}

@media all and (min-width:1536px) {
.pospad{padding: 4em 2em 3em}	
}

@media all and (min-width:1800px) {
.boxcenter-7{padding: 3em}
.bg-bezz{padding:4rem;}
.pospad{padding: 5em 2em 3em}	
}
.design h1{font-size: 19px;text-align: left}
.design h2.long{font-family: 'Nunito Sans', sans-serif;font-size: 16px;text-align: left;padding-top:25px}
.design h3{font-size: 16px}


/*-------------- 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%;font-family: 'Nunito Sans', sans-serif;color:#94A645;text-decoration:none;margin:0;font-size:16px;font-weight: 400;padding:15px; display:inline-block;letter-spacing: 1px}
a.ac-title h3:hover{color:red}
.ac-title span{float:left;font-size:20px;width:24px;color:#94A645;padding-top:10px}
.ac-title span:hover{color:red}
.ac-title span:before{content:"\f107"}
.accoactive .ac-title span:before{content:"\f106"}
.ac-content{border:1px solid #fff;margin-top:-1px;padding:15px}
.ac-content h4, .ac-content h5 {font-family: 'Nunito Sans', sans-serif;padding-bottom: 15px}
.ac-content p{font-size:15px;line-height:1.8rem;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}
ol.lista5 li{margin-bottom:12px;padding:0}

/*-------------- kontakt --------------------*/
#kontakt-first{width:100%; background-color: #e3e8eb;background-image: url(../images/lipa-cura-web.jpg); background-size:cover;background-position:right top;background-repeat:no-repeat;color:#B3CFFB}
@media all and (max-width:1600px) {
#kontakt-first{background-image: url(../images/lipa-cura-web-16.jpg); background-size:cover;background-position:right top;background-repeat:no-repeat;}
}
@media all and (max-width:1280px) {
#kontakt-first{ background-color: #162E50;background-image: none;}
}
ul.kontakt-info li{display:block;padding:0 20px;margin:10px 0; font-size:16px;line-height: 1.65;color:#e3b200}
@media all and (max-width:480px) {
ul.kontakt-info li{padding:0;font-size:14px;}	
}
ul.kontakt-info span{float:left;display:inline-block;font-size:20px;margin-right:15px;margin-top:-4px}
ul.kontakt-info li a, .orange {color:#ffbf2f}
ul.kontakt-info li a:hover {color:#ff0000}
.bluL{color:#B3CFFB!important;}

/*-------------- image  effect --------------------*/
.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);}

/*-------------- door1 - portfolio naslovnica ----*/
.door{width:100%;min-height: 100vh; position: relative; padding-bottom: 3rem;background: #fff;padding: 100px 0 0}
	   .expandable{background: #162E50;width:33%;position: absolute;top:0;bottom:0;z-index: 1;display: block }
	   .column60{width:60%; position: relative;z-index: 2;top:0;bottom:0;display: block;float: left}
	   .column40{width:40%;position: relative;z-index: 5; display: block;float: left;background-color: #162E50;color:#B3CFFB;margin-left:-5%;margin-top:5rem; padding: 50px;}	
	   .rela3{position: relative;z-index: 3}

.image img{box-shadow:0 1.1px 3.2px rgba(0,0,0,.09),0 3.4px 7.3px rgba(0,0,0,.076),0 7.6px 12.8px rgba(0,0,0,.065),0 14.9px 20.5px rgba(0,0,0,.057),0 26.1px 31.5px rgba(0,0,0,.053),0 38px 47px rgba(0,0,0,.048),0 47.6px 64.8px rgba(0,0,0,.038),0 55px 80px rgba(0,0,0,.022)}

@media all and (max-width:1536px){
.column40{width:50%;margin-left:-15%;margin-top:2rem;padding: 30px;}	
}

@media all and (max-width:1280px){
.image{width:100%;margin:0 auto}
.column60, .column40{width:100%;float: none}
.column40{max-width:900px;margin: 50px auto;padding: 30px;overflow:hidden;clear:both} 	
}

/**************** auto 2, 3 kolumn list ****************/
ul.lista2column, ol.lista2column { -webkit-column-count: 2; -moz-column-count: 2;  column-count: 2;}
@media(max-width:600px){
ul.lista2column, ol.lista2column { -webkit-column-count: 1; -moz-column-count: 1;  column-count: 1;}
}
ul.lista2column li, ol.lista2column li {padding:0 0 12px 15px;background:transparent url(../img/aro.png) no-repeat scroll left 8px}

/**************** auto 3 kolumn list ****************/
ul.lista3column, ol.lista3column { -webkit-column-count: 3; -moz-column-count: 3;  column-count: 3;margin:2rem}
ul.lista3column li, ol.lista3column li { margin-right:20px; padding: 0 0 12px 0; font-size: 15px;list-style-type: circle;}
ul.lista3column li.grupa{font-size:16px;list-style-type: none;margin-left:-20px}

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

/**************** auto 4 kolumn list ****************/
ul.lista4column, ol.lista4column { -webkit-column-count: 4; -moz-column-count: 4;  column-count: 4;margin:1rem}
ul.lista4column li, ol.lista4column li { margin-right:20px; padding: 0 0 12px 0; font-size: 15px;list-style-type: disc;}
ul.lista4column li.grupa{font-size:16px;list-style-type: none;margin-left:-20px}

@media(max-width:800px){
ul.lista4column, ol.lista4column { -webkit-column-count: 2; -moz-column-count: 2;  column-count: 2;}
}
@media(max-width:600px){
ul.lista4column, ol.lista4column { -webkit-column-count: 1; -moz-column-count: 1;  column-count: 1;}
}

#lore a {color:#001A66}
#lore a:hover {color:#BB001B}

.nomargin{margin:0!important;}
.vidise {display: none;}
.nevidise { display: block; }

@media screen and (min-width: 1024px) and (max-width: 1600px) {    
.vidise { display: block; }
.nevidise { display: none; }
}