@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&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}
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, body {min-height: 100%;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:16px;-webkit-tap-highlight-color:transparent;}
body{font-family: "Raleway", sans-serif;min-width:100%;min-height:100%;margin:0;padding:0;font-size:16px;color:#70708F;font-weight:500;letter-spacing:0.01em;line-height:1.75;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:all .2s cubic-bezier(0,0,0.3,1);transition:all .2s cubic-bezier(0,0,0.3,1);background:#FFF;position:relative;overflow-x:hidden; }

body .bigfont{font-size:17px;}
body .bigfont18{font-size:18px;}
body .bigfont20{font-size:20px;}
body .bigfont24{font-size:24px;}

a{color:#1a73e8;text-decoration:none;font-weight: 600;}
a{outline:0;outline: none;noFocusLine: expression(this.onFocus=this.blur())
outline: none;}
:focus{outline:none}

a:hover{color:#D92227}
a img{border:0}
a [class^="icon-"]{color:inherit;text-decoration:none}
*:focus { outline: none; }

strong, .strong {font-weight: 700; }
a,a strong{color:#1a73e8;}
a:active{color:inherit}
i, .italic{font-style:italic;}
.uppercase {text-transform: uppercase;}
figure {overflow: hidden;}
ol { list-style: decimal; padding-left: 20px;}
.relative{position: relative}

.hide{display:none}
.show{display:block}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
hr{clear:both;border-bottom:0;border-top:1px dotted #c0c0c0;border-right:0;border-left:0;min-height:0;}
hr.alt1{border-style:solid}
hr.alt2{border-style:dashed}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{padding:0;margin:0}
li{padding:0;margin:0}
ul.list-unstyled li{padding:0;margin:0;list-style-type:none}

img.lazy-load{width:100%;opacity:.95}img.lazy-success{animation-fill-mode:forwards;animation-iteration-count:1;animation-duration:.6s;animation-name:fade-in;animation-delay:.1s;position:absolute;opacity:0;left:0;top:0}@keyframes fade-in{from{opacity:0}to{opacity:1}}
.container img{margin:0;padding:0;display:inline-block;position:relative;zoom:1;vertical-align:bottom;max-width:100%;height:auto}
img.align-left,.img-wrap.align-left{float:left;margin:0 10px 5px 0}
img.align-right,.img-wrap.align-right{float:right;margin:0 0 5px 10px}
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0}

.left-foto{float:left;max-width:300px;overflow:hidden;margin-right:40px;margin-bottom:20px;margin-left:0;display:block}
@media all and (max-width:1023px){
.left-foto{max-width:200px;margin-right:25px}
}
@media all and (max-width:768px){
.left-foto{max-width:150px;margin-right:25px}
}
@media all and (max-width:600px){
.left-foto{float:none;max-width:100%;margin-right:0;margin-left:0;margin-bottom:0}
}

.grid{width:100%;max-width:1440px;margin:0 auto;padding: 0 20px}
.grid.flex{width:100%;max-width:100%;padding:0}
.grid.flex18{width:100%;max-width:1800px!important;margin: 0 auto}
.grid.flex16{width:100%;max-width:1600px!important;margin: 0 auto}
.grid.flex13{width:100%;max-width:1300px!important;margin: 0 auto}
.grid.flex12{width:100%;max-width:1200px!important;margin: 0 auto}
.grid.flex96{width:100%;max-width:960px!important;margin: 0 auto}

.row{display:block;overflow:hidden;clear:both}
.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}

.rowE{display: flex;flex-wrap: wrap; margin-bottom: 20px;align-items: stretch;}
.box{display: flex; flex:1;margin:0 2%;flex-direction:column}

@media (min-width:801px) and (max-width:1280px){
.box{flex-basis:calc(50% - 4%);margin-bottom: 15px!important}
}
@media (max-width: 800px) {
    *[class*="box_"]{flex-basis: 100%;}
    .box{flex-basis:100%;margin-bottom: 15px!important}    	
    }
.blu-shadow{background:#fff;margin-bottom:1em;box-shadow:0 6px 12px 0 rgba(134,160,226,.4)}
.padd5{padding:2rem}
@media(max-width:992px){
.padall,.padd5{padding:1.5rem}
}
@media only screen and (max-width:767px){
.padd5{padding:1rem}
}
@media only screen and (max-width:480px){
.padd5{padding:.8rem}
}
.row{display:block;overflow:hidden;clear:both}

*[class*="col_"].alpha{margin-left:0}
*[class*="col_"].omega{margin-right:0}
[class*="col_"].delta{margin-bottom:0!important}
[class*="col_"].beta{margin-top:0!important}
[class*="col_"].alomdebe{margin:0!important}
[class*="col_"].nopama{margin:0!important}
[class*="col_"].debe{margin-bottom:0!important;margin-top:0!important}

.desk_1,.taby_1,.moby_1{width:6.6666666666667%}
.desk_2,.taby_2,.moby_2{width:15%}
.desk_3,.taby_3,.moby_3{width:23.333333333333%}
.desk_4,.taby_4,.moby_4{width:31.666666666667%}
.desk_5,.taby_5,.moby_5{width:40%}
.desk_6,.taby_6,.moby_6{width:48.333333333333%}
.desk_7,.taby_7,.moby_7{width:56.666666666667%}
.desk_8,.taby_8,.moby_8{width:65%}
.desk_9,.taby_9,.moby_9{width:73.333333333333%}
.desk_10,.taby_10,.moby_10{width:81.666666666667%}
.desk_11,.taby_11,.moby_11{width:90%}
.desk_12,.taby_12,.moby_12{width:98.333333333333%}

*[class*="desk_"]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
*[class*="taby_"]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
*[class*="moby_"]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}

.col_1{width:3.6666666666667%}
.col_2{width:12%}
.col_3{width:20.333333333333%}
.col_4{width:28.666666666667%}
.col_5{width:37%}
.col_6{width:45.333333333333%}
.col_7{width:53.666666666667%}
.col_8{width:62%}
.col_9{width:70.333333333333%}
.col_10{width:78.666666666667%}
.col_11{width:87%}
.col_12{width:95.333333333333%}
[class*=col_]{margin-left:1.5%;margin-right:1.5%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}

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

@media all and (max-width:1023px){
[class*="colM_"]{width:100%;float:none;margin:10px 0;display: block;}		
}


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

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

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

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


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

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

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

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


.max1000,.max1080,.max1200,.max1280,.max1400,.max300,.max400,.max500,.max600,.max700,.max800,.max900,.max960{width:100%;margin:0 auto}
.max1400{max-width:1400px!important}
.max1200{max-width:1200px!important}
.max1080{max-width:1080px!important}
.max1000{max-width:1000px!important}
.max960{max-width:960px!important;display:flex}
.max900{max-width:900px!important}
.max800{max-width:800px!important}
.max700{max-width:700px!important}
.max600{max-width:600px!important}
.max500{max-width:500px!important}
.max400,img.max400{max-width:400px!important;display:block}
.max300{max-width:300px!important}
.max1280{max-width:1280px!important}
.container{max-width:1410px;margin:0 auto;padding:0 15px}
.container.flex{width:100%;max-width:100%;padding:0}
.container.flex12{max-width:1200px;margin:0 auto;padding:0 1em}
.container.flex16{max-width:1600px;margin:0 auto;padding:0 1em}
.container.flex18{max-width:1800px;margin:0 auto;padding:0 1em}

/*---- FLEXBOX ---*/

.rowF{display: flex;flex-wrap: wrap; margin-bottom: 20px;align-items: flex-start;}

/*---- FLEXBOX SA ISTOM VISINOM STUPACA ---*/
.rowE{display: flex;flex-wrap: wrap; margin-bottom: 20px;align-items: stretch;}
/*********** END ISTA VISINA STUPCA ***************/

.box{display: flex; flex:1;margin:0 2%;flex-direction:column}
.box-0{display: flex; flex:1;margin:0;flex-direction:column}

.box_20mini{flex-basis:calc(20% - 10px);margin:5px;text-align:center;}

.box_20{flex-basis:20%}
.box_25{flex-basis:25%}
.box_30{flex-basis:30%}
.box_33{flex-basis:33.3333%}
.box_34{flex-basis:34%}
.box_40{flex-basis:40%}
.box_50{flex-basis:50%}	
.box_60{flex-basis:60%}
.box_66{flex-basis:66%}
.box_70{flex-basis:70}	
.box_80{flex-basis:80%}
.box_100{flex-basis:100%}

.box_20s{flex-basis:calc(20% - 30px);margin:15px}
.box_25s{flex-basis:calc(25% - 30px);margin:15px}
.box_30s{flex-basis:calc(30% - 30px);margin:15px}
.box_33s{flex-basis:calc(33.3333% - 30px);margin:15px}
.box_34s{flex-basis:calc(34% - 30px);margin:15px}
.box_40s{flex-basis:calc(40% - 30px);margin:15px}
.box_50s{flex-basis:calc(50% - 30px);margin:15px}	
.box_60s{flex-basis:calc(60% - 30px);margin:15px}
.box_66s{flex-basis:calc(66% - 30px);margin:15px}
.box_70s{flex-basis:calc(70% - 30px);margin:15px}	
.box_80s{flex-basis:calc(80% - 30px);margin:15px}
	
.box_20m{flex-basis:calc(20% - 50px);margin:25px}
.box_30m{flex-basis:calc(30% - 50px);margin:25px}
.box_33m{flex-basis:calc(33.3333% - 50px);margin:25px}
.box_34m{flex-basis:calc(34% - 50px);margin:25px}
.box_40m{flex-basis:calc(40% - 50px);margin:25px}
.box_50m{flex-basis:calc(50% - 50px);margin:25px}	
.box_60m{flex-basis:calc(60% - 50px);margin:25px}
.box_66m{flex-basis:calc(66% - 50px);margin:25px}
.box_70m{flex-basis:calc(70% - 50px);margin:25px}	
.box_80m{flex-basis:calc(80% - 50px);margin:25px}
	
.box_20b{flex-basis:calc(20% - 80px);margin:40px}
.box_30b{flex-basis:calc(30% - 30px);margin:15px}
.box_33b{flex-basis:calc(33.3333% - 80px);margin:40px}
.box_40b{flex-basis:calc(40% - 80px);margin:40px}
.box_50b{flex-basis:calc(50% - 80px);margin:40px}	
.box_60b{flex-basis:calc(60% - 80px);margin:40px}
.box_70b{flex-basis:calc(70% - 80px);margin:45px}	
.box_80b{flex-basis:calc(80% - 80px);margin:40px}

*[class*="box_"]{flex-grow:1}
@media (min-width:901px) and (max-width:1280px){
.box{flex-basis:calc(50% - 4%)}
*[class*="box_"]{flex-basis:calc(50% - 4%)}
}
@media (max-width: 900px) {
    *[class*="box_"]{flex-basis: 100%;}
    .box, .box-0{flex-basis:100%}    	
    }
	
.overH{overflow: hidden;}

.box-news{display:flex;flex:1;margin:0 2%;flex-direction:row}
.news-img img{max-width:34%;height:auto}
.box-text{margin-left:20px}
@media (max-width:600px){
.box-news{flex-basis:100%}
}
@media (min-width:601px) and (max-width:992px){
.box-news{flex-basis:calc(50% - 4%)}
}
@media (max-width:992px){
.box-news{flex-direction:column}
.box-text{margin-left:0}
}


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

@media all and (max-width:480px){	
.container{max-width:100%}
}

.padd15{padding:15px}
.padd20{padding:20px;}
.padd30{padding:30px}
.padd50{padding:50px}
	
.pdLR15{padding:0 15px}
.pdLR30{padding:0 30px}
.pdLR50{padding:0 50px}
	
.pdTB15{padding:15px 0}
.pdTB30{padding:30px 0}
.pdTB50{padding:50px 0}
	
.pdT15{padding-top:15px}
.pdT30{padding-top:30px}
.pdT50{padding-top:50px}
	
.pdB15{padding-bottom:15px}
.pdB30{padding-bottom:30px}
.pdB50{padding-bottom:50px}

.paddbox{padding:30px 20px 20px;}
.prSN{padding-right: 30px}
.plSN{padding-left: 30px}
.pt-5M{padding-top:5rem!important}
.pl-nosmall{padding-left: 30px;}

@media all and (max-width:992px){
.prSN{padding-right: 0}
.plSN{padding-left: 0}
.pt-5M{padding-top:0!important}	
.pl-nosmall{padding-left: 15px;}	
}
@media all and (max-width:767px){
    .pl-nosmall{padding-left: 0;}		
    }
    
.mt-0{margin-top:0rem!important}
.mb-0{margin-bottom:0rem!important}
.pt-0{padding-top:0rem!important}
.pb-0{padding-bottom:0rem!important}
.mt-1{margin-top:.7rem!important}
.mb-1{margin-bottom:.7rem!important}
.pt-1{padding-top:1rem!important}
.pb-1{padding-bottom:1rem!important}
.mt-2{margin-top:1.4rem!important}
.mb-2{margin-bottom:1.4rem!important}
.pt-2{padding-top:2rem!important}
.pb-2{padding-bottom:2rem!important}
.mt-3{margin-top:2.1rem!important}
.mb-3{margin-bottom:2.1rem!important}
.pt-3{padding-top:3rem!important}
.pb-3{padding-bottom:3rem!important}

.mt-5{margin-top:3.5rem!important}
.mb-5{margin-bottom:3.5rem!important}
.pt-5{padding-top:5rem!important}
.pb-5{padding-bottom:5rem!important}

.mt-7{margin-top:4.9rem!important}
.mb-7{margin-bottom:4.9rem!important}
.pt-7{padding-top:7rem!important}
.pb-7{padding-bottom:7rem!important}
.mt-8{margin-top:5.6rem!important}
.mb-8{margin-bottom:5.6rem!important}
.pt-8{padding-top:8rem!important}
.pb-8{padding-bottom:8rem!important}

.mt-10{margin-top:7rem!important}
.mb-10{margin-bottom:7rem!important}
.pt-10{padding-top:10rem!important}
.pb-10{padding-bottom:10rem!important}

.ml-auto{margin-left:auto!important}
.mr-auto{margin-right:auto!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}

@media(max-width:992px){
    .mt-1{margin-top:.4rem!important}
    .mb-1{margin-bottom:.4rem!important}
    .pt-1{padding-top:0.5rem!important}
    .pb-1{padding-bottom:0.5rem!important}
    .mt-2{margin-top:0.7rem!important}
    .mb-2{margin-bottom:0.7rem!important}
    .pt-2{padding-top:1rem!important}
    .pb-2{padding-bottom:1rem!important}
    .mt-3{margin-top:1.1rem!important}
    .mb-3{margin-bottom:1.1rem!important}
    .pt-3{padding-top:1.5rem!important}
    .pb-3{padding-bottom:1.5rem!important}
    
    .mt-5{margin-top:1.7rem!important}
    .mb-5{margin-bottom:1.7rem!important}
    .pt-5{padding-top:2.5rem!important}
    .pb-5{padding-bottom:2.5rem!important}
    
    .mt-7{margin-top:2.4rem!important}
    .mb-7{margin-bottom:2.4rem!important}
    .pt-7{padding-top:3.5rem!important}
    .pb-7{padding-bottom:3.5rem!important}
    .mt-8{margin-top:2.8rem!important}
    .mb-8{margin-bottom:2.8rem!important}
    .pt-8{padding-top:4rem!important}
    .pb-8{padding-bottom:4rem!important}
    
    .mt-10{margin-top:3.5rem!important}
    .mb-10{margin-bottom:3.5rem!important}
    .pt-10{padding-top:5rem!important}
    .pb-10{padding-bottom:5rem!important}
}
@media all and (min-width: 1281px) {
.view1280{display:block!important}
}
@media all and (max-width: 1280px) {
.view1280{display:none!important}
}

@media all and (max-width: 1080px) {
.view1080{display:none!important}
}

@media all and (min-width: 992px) {
.viewsmall{display:none!important}
.viewbig{display:block!important}
}
@media all and (max-width: 991px) {
.viewsmall{display:block!important}
.viewbig{display:none!important}
.mb-5s{margin-bottom:5rem!important}
.mt-5s{margin-top:5rem!important}	
.pb-5s{padding-bottom: 5rem!important}
.pt-5s{padding-top: 5rem!important}	
}
@media all and (min-width: 1024px) {
.nosmall{display:block!important}	
.viewlap{display:none!important}	
}
@media all and (min-width: 481px) and (max-width: 1023px) {
.nosmall{display:none!important}		
.viewlap{display:block!important}
}
@media all and (max-width: 480px) {
.nosmall{display:none!important}		
.viewlap{display:none!important}
}

/****************************** PROVJERI DA LI BAŠ TREBAŠ ***********************************/
.col-25{width:25%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-66{width:66.66%}
[class*="col-"]{float:left;display:block}

.pt-10{padding-top:10rem!important}
.pb-10{padding-bottom:10rem!important}
.padR30{padding-right: 30px}
.pad200{padding:200px}
.pad200RL{padding:0 200px}
.pad100RL{padding:0 100px}
.pad50RL{padding:0 50px}
.pad200TB{padding:200px 0}
.pad150TB{padding:150px 0}
.pad100{padding:100px}
.pad75{padding:75px}

@media only screen and (max-width:1600px) {
.pad100RL{padding:0 20px}	
}
@media only screen and (max-width:1400px) {
.pad200{padding:150px}
.pad200RL{padding:0 150px}	
.pad100{padding:90px}
.pad75{padding:65px}	
}
@media only screen and (max-width:1280px) {
.pad200{padding:100px}
.pad200RL{padding:0 100px}
.pad100RL{padding:0 60px}	
.pad50RL{padding:0 40px}	
.pad100{padding:80px}
.pad75{padding:60px}	
}
@media all and (max-width: 1024px) {
.col-25,.col-33,.col-40, .col-50,.col-60, .col-66{float:none;clear:both;display:block;width:100%}
}

@media all and (max-width: 991px) {	
    .pt-10{padding-top:5rem!important}
    .pb-10{padding-bottom:5rem!important}   	
.pad40{padding:0}	
.pad200{padding:80px}
.pad200RL{padding:0 60px}	
.pad100RL{padding:0 50px}
.pad50RL{padding:0 30px}	
.pad100{padding:50px 10px}
.pad75{padding:55px}
.pad150TB{padding:100px 0}
.padR30{padding-right: 0}	
}
@media(max-width:768px){
    .pt-10{padding-top:4rem!important}
    .pb-10{padding-bottom:4rem!important}
    }
@media(max-width:480px){
.pt-10{padding-top:3rem!important}
.pb-10{padding-bottom:3rem!important}
}