@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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:after,blockquote:before,q:after,q:before{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 .5s linear;-moz-transition:background-color .5s linear;-o-transition:background-color .5s linear;-ms-transition:background-color .5s linear;transition:background-color .5s linear}
body,html{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{min-width:100%;min-height:100%;margin:0;padding:0;font-size:16px;font-family:'Exo 2',sans-serif;color:#1e1e1e;font-weight:400;letter-spacing:.01em;line-height:1.75;-webkit-tap-highlight-color:transparent;-webkit-transition:all .2s cubic-bezier(0,0,.3,1);transition:all .2s cubic-bezier(0,0,.3,1);background:#fff;position:relative;overflow-x:hidden}
a{font-weight:600;color:#082882;text-decoration:none;outline:0;outline:0;noFocusLine:expression(this.onFocus=this.blur()) outline: none}
:focus{outline:0}
a:visited{color:#072272}
a:hover{color:#b22222}
a img{border:0}
a [class^=icon-]{color:inherit;text-decoration:none}
:focus{outline:0}
.strong,strong{font-weight:700}
a,a strong{color:#1462a0;text-decoration:none}
a:active{color:inherit}
.italic,italic{font-style:italic}
figure{overflow:hidden}
ol{list-style:decimal;padding-left:20px}
h1,h2,h3,h4,h5,h6{letter-spacing:.02em;color:#05131e;font-weight:600}
h2{font-size:28px;line-height:40px;margin:0 0 50px;display:block}
h3{font-size:21px;line-height:33px}
h4{font-size:17px;line-height:28px}
h5{font-size:16px;line-height:27px}
h6{font-size:16px;line-height:27px}
p{font-size:1em;margin:1.2em 0}
p.minip{margin:0.7em 0 0.7em}
h2.long{font-size:17px;line-height:30px;padding-bottom:15px;margin-bottom:0}
h3.long{font-size:16px;line-height:28px;padding-bottom:10px}
@media all and (max-width:991px){
p{margin:0 0 12px}
body{line-height:1.7}
h2,h3,h4,h5{margin:0 0 2.5rem;line-height:1.5}
h2{font-size:21px;line-height:33px;margin:0 0 30px}
h3{font-size:19px;line-height:31px}
h4{font-size:18px;line-height:30px}
h5{font-size:17px;line-height:29px}
h6{font-size:16px;line-height:27px}
}
@media all and (max-width:767px){
body,html{font-size:15px}
h2{font-size:20px;line-height:32px;margin:0 0 30px}
h3{font-size:18px;line-height:30px}
h4{font-size:17px;line-height:29px}
h5{font-size:16px;line-height:28px}
h6{font-size:15px;line-height:27px}
h2.long{font-size:16px;line-height:28px}
h3.long{font-size:15px;line-height:27px}
}
.hide{display:none}
.show{display:block}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;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}
ol,ul{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}
}
.box1400 img,.grid img,.halfbox img{margin:0;padding:0;display:inline-block;position:relative;zoom:1;vertical-align:bottom}
.img-wrap.align-left,img.align-left{float:left;margin:0 10px 5px 0}
.img-wrap.align-right,img.align-right{float:right;margin:0 0 5px 10px}
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0}
.grid{max-width:1410px;margin:0 auto;padding:0 15px}
.grid.flex{width:100%;max-width:100%;padding:0}
.grid.flex12{max-width:1200px;margin:0 auto;padding:0 1em}
.grid.flex16{max-width:1600px;margin:0 auto;padding:0 1em}
.grid.flex18{max-width:1800px;margin:0 auto;padding:0 1em}
.row{display:block;overflow:hidden;clear:both}
[class*=col_].alpha{margin-left:0}
[class*=col_].omega{margin-right:0}
[class*=col_].delta{margin-bottom:0!important}
[class*=col_].beta{margin-top:0!important}
[class*=col_].alomdebe{margin:0!important}
[class*=col_].nopama{margin:0!important}
[class*=col_].debe{margin-bottom:0!important;margin-top:0!important}
.col_1,.desk_1,.moby_1,.taby_1{width:6.6666666666667%}
.col_2,.desk_2,.moby_2,.taby_2{width:15%}
.col_3,.desk_3,.moby_3,.taby_3{width:23.333333333333%}
.col_4,.desk_4,.moby_4,.taby_4{width:31.666666666667%}
.col_5,.desk_5,.moby_5,.taby_5{width:40%}
.col_6,.desk_6,.moby_6,.taby_6{width:48.333333333333%}
.col_7,.desk_7,.moby_7,.taby_7{width:56.666666666667%}
.col_8,.desk_8,.moby_8,.taby_8{width:65%}
.col_9,.desk_9,.moby_9,.taby_9{width:73.333333333333%}
.col_10,.desk_10,.moby_10,.taby_10{width:81.666666666667%}
.col_11,.desk_11,.moby_11,.taby_11{width:90%}
.col_12,.desk_12,.moby_12,.taby_12{width:98.333333333333%}
[class*=col_]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
[class*=desk_]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
[class*=taby_]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
[class*=moby_]{margin-left:.83333333333333%;margin-right:.83333333333333%;margin-top:.5em;margin-bottom:.5em;float:left;display:block}
.colM_1{width:4.333333333333333%}
.colM_2{width:12%}
.colM_3{width:21%}
.colM_4{width:29.333333333333%}
.colXM_4{width:29.333333333333%;float:left;display:block;margin:10px 2%}
.colM_5{width:36%}
.colM_6{width:46%}
.colM_7{width:56%}
.colM_8{width:62.6666666667%}
.colM_9{width:71%}
.colM_10{width:80%}
.colM_11{width:86%}
.colM_12{width:96%}
[class*=colM_]{float:left;display:block;margin:10px 2%}
@media all and (max-width:1023px){
.colM_1{width:12.66666666666667%}
.colM_2{width:29.33333333333333%}
.colM_3{width:42%}
.colM_4{width:96%}
.colM_5{width:36%}
.colM_6{width:46%}
.colM_7{width:56%}
.colM_8{width:62.6666666667%}
.colM_9{width:71%}
.colM_10{width:80%}
.colM_11{width:86%}
[class*=colM_]{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%}
}
.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_3,.colX_34,.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}
}
.max1200{width:100%;max-width:1200px!important;margin-right:auto;margin-left:auto}
.max1000{width:100%;max-width:1000px!important;margin-right:auto;margin-left:auto}
.max960{display:flex;width:100%;max-width:960px!important;margin-right:auto;margin-left:auto}
.max800{width:100%;max-width:800px!important;margin-right:auto;margin-left:auto}
.max700{width:100%;max-width:700px!important;margin-right:auto;margin-left:auto}
.max600{width:100%;max-width:600px!important;margin-right:auto;margin-left:auto}
.max500{width:100%;max-width:500px!important;margin-right:auto;margin-left:auto}
.max400{width:100%;max-width:400px!important;margin-right:auto;margin-left:auto}
.max200{width:100%;max-width:200px!important;margin-right:auto;margin-left:auto}
.grid img{max-width:100%;height:auto}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix{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-right:auto;margin-left: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%}
}
.colB_4{width:31.333333333333%}
[class*=colB_]{float:left;display:block;margin:10% 1%}
@media all and (min-width:480px) and (max-width:1280px){
.grid [class*=colB_]{float:none;width:auto;clear:both;display:block}
}
@media all and (max-width:480px){
.grid [class*=colB_]{float:none;width:auto;clear:both;display:block}
}
.prSN{padding-right:30px}
.plSN{padding-left:30px}
.pt-5M{padding-top:5rem!important}
@media all and (max-width:992px){
.prSN{padding-right:0}
.plSN{padding-left:0}
.pt-5M{padding-top:0!important}
}
.mt-0{margin-top:0!important}
.mb-0{margin-bottom:0!important}
.pt-0{padding-top:0!important}
.pb-0{padding-bottom:0!important}
.mt-1{margin-top:.7rem!important}
.mb-1{margin-bottom:.7rem!important}
.pt-1{padding-top:1rem!important}
.pb-1{padding-bottom:1rem!important}
.mt-2{margin-top:1.4rem!important}
.mb-2{margin-bottom:1.4rem!important}
.pt-2{padding-top:2rem!important}
.pb-2{padding-bottom:2rem!important}
.mt-3{margin-top:2.1rem!important}
.mb-3{margin-bottom:2.1rem!important}
.pt-3{padding-top:3rem!important}
.pb-3{padding-bottom:3rem!important}
.mt-4{margin-top:2.8rem!important}
.mb-4{margin-bottom:2.8rem!important}
.pt-4{padding-top:4rem!important}
.pb-4{padding-bottom:4rem!important}
.mt-5{margin-top:3.5rem!important}
.mb-5{margin-bottom:3.5rem!important}
.pt-5{padding-top:5rem!important}
.pb-5{padding-bottom:5rem!important}
.mt-6{margin-top:4.2rem!important}
.mb-6{margin-bottom:4.2rem!important}
.pt-6{padding-top:6rem!important}
.pb-6{padding-bottom:6rem!important}
.mt-7{margin-top:4.9rem!important}
.mb-7{margin-bottom:4.9rem!important}
.pt-7{padding-top:7rem!important}
.pb-7{padding-bottom:7rem!important}
.mt-8{margin-top:5.6rem!important}
.mb-8{margin-bottom:5.6rem!important}
.pt-8{padding-top:8rem!important}
.pb-8{padding-bottom:8rem!important}
.mt-9{margin-top:6.3rem!important}
.mb-9{margin-bottom:6.3rem!important}
.pt-9{padding-top:9rem!important}
.pb-9{padding-bottom:9rem!important}
.mt-10{margin-top:7rem!important}
.mb-10{margin-bottom:7rem!important}
.pt-10{padding-top:10rem!important}
.pb-10{padding-bottom:10rem!important}
.ml-0{margin-left:0!important}
.mr-0{margin-right:0!important}
.pl-0{padding-left:0!important}
.pr-0{padding-right:0!important}
.ml-1{margin-left:.5rem!important}
.mr-1{margin-right:.5rem!important}
.pl-1{padding-left:1rem!important}
.pr-1{padding-right:1rem!important}
.ml-2{margin-left:1rem!important}
.mr-2{margin-right:1rem!important}
.pl-2{padding-left:2rem!important}
.pr-2{padding-right:2rem!important}
.ml-3{margin-left:1.5rem!important}
.mr-3{margin-right:1.5rem!important}
.pl-3{padding-left:3rem!important}
.pr-3{padding-right:3rem!important}
.ml-4{margin-left:2rem!important}
.mr-4{margin-right:2rem!important}
.pl-4{padding-left:4rem!important}
.pr-4{padding-right:4rem!important}
.ml-5{margin-left:2.5rem!important}
.mr-5{margin-right:2.5rem!important}
.pl-5{padding-left:5rem!important}
.pr-5{padding-right:5rem!important}
.ml-6{margin-left:3rem!important}
.mr-6{margin-right:3rem!important}
.pl-6{padding-left:6rem!important}
.pr-6{padding-right:6rem!important}
.ml-7{margin-left:3.5rem!important}
.mr-7{margin-right:3.5rem!important}
.pl-7{padding-left:7rem!important}
.pr-7{padding-right:7rem!important}
.ml-8{margin-left:4rem!important}
.mr-8{margin-right:4rem!important}
.pl-8{padding-left:8rem!important}
.pr-8{padding-right:8rem!important}
.ml-9{margin-left:4.5rem!important}
.mr-9{margin-right:4.5rem!important}
.pl-9{padding-left:9rem!important}
.pr-9{padding-right:9rem!important}
.ml-10{margin-left:5rem!important}
.mr-10{margin-right:5rem!important}
.pl-10{padding-left:10rem!important}
.pr-10{padding-right:10rem!important}
.ml-auto{margin-left:auto!important}
.mr-auto{margin-right:auto!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}
.padd-y{padding:2rem 0!important}
@media(max-width:992px){
.mt-0{margin-top:0!important}
.mt-1{margin-top:.5rem!important}
.mt-2{margin-top:1rem!important}
.mt-3{margin-top:1.5rem!important}
.mt-4{margin-top:2rem!important}
.mt-5{margin-top:2.5rem!important}
.mt-6{margin-top:3rem!important}
.mt-7{margin-top:3.5rem!important}
.mt-8{margin-top:4rem!important}
.mt-9{margin-top:4.5rem!important}
.mt-10{margin-top:5rem!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.5rem!important}
.mb-2{margin-bottom:1rem!important}
.mb-3{margin-bottom:1.5rem!important}
.mb-4{margin-bottom:2rem!important}
.mb-5{margin-bottom:2.5rem!important}
.mb-6{margin-bottom:3rem!important}
.mb-7{margin-bottom:3.5rem!important}
.mb-8{margin-bottom:4rem!important}
.mb-9{margin-bottom:4.5rem!important}
.mb-10{margin-bottom:5rem!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:.5rem!important}
.pt-2{padding-top:1rem!important}
.pt-3{padding-top:1.5rem!important}
.pt-4{padding-top:2rem!important}
.pt-5{padding-top:2.5rem!important}
.pt-6{padding-top:3rem!important}
.pt-7{padding-top:3.5rem!important}
.pt-8{padding-top:4rem!important}
.pt-9{padding-top:4.5rem!important}
.pt-10{padding-top:5rem!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:.5rem!important}
.pb-2{padding-bottom:1rem!important}
.pb-3{padding-bottom:1.5rem!important}
.pb-4{padding-bottom:2rem!important}
.pb-5{padding-bottom:2.5rem!important}
.pb-6{padding-bottom:3rem!important}
.pb-7{padding-bottom:3.5rem!important}
.pb-8{padding-bottom:4rem!important}
.pb-9{padding-bottom:4.5rem!important}
.pb-10{padding-bottom:5rem!important}
.padd-y{padding:0!important}	
}
@media all and (min-width:1281px){
.view1280{display:block!important}
}
@media all and (max-width:1280px){
.view1280{display:none!important}
}
@media all and (min-width: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}
}
header{width:100%;position:relative;z-index:2}
header.fixed-header{position:fixed;left:0;z-index:999}
header.fixed-header .head-control{transition-property:background-color,box-shadow,line-height,height;transition-duration:.4s}
.pull-right{float:right}
.menu-right{float:right}
.pull-left{float:left}
.head-control{font-size:0px;margin:0 auto;padding-left:15px;padding-right:15px;position:relative}
.head-wrap{width:100%;max-width:1170px;margin:0 auto;position:relative;display:table}
.header-top{background-color:#e2000f;height:40px;color:#fff;line-height:40px}
.head-contact{font-size:14px;vertical-align:middle;line-height:40px;display:inline-block}
.head-contact-list{margin:0 -10px}
.head-contact-item{margin:0 10px;vertical-align:top;display:inline-block;white-space:nowrap}
a.toplink{color:#fff;margin-left:5px;font-weight:500;letter-spacing:1px}
.header-mid{width:100%;line-height:52px;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}
header.sticky .header-top{height:0;line-height:0}
#logo{padding-top: 5px; line-height:110px;float:left;clear:both;position:relative;margin:0;display:block}
.logoimg{width:200px;vertical-align:middle}
header.sticky .header-mid #logo{line-height:60px;transition-property:line-height;transition-duration:.4s}
header.sticky .header-mid,header.sticky .header-mid nav.primary-nav ul{line-height:0;transition-property:background-color,box-shadow,line-height,height;transition-duration:.4s}
.main-content{background:#fff;position:relative}
header.fixed-header+div.main-content{padding-top:150px!important}
.container{padding-left:0;padding-right:0}
.content{padding-top:50px!important}
@media only screen and (max-width:1080px){
header.fixed-header+div.main-content{padding-top:120px!important}
}
@media only screen and (max-width:1080px){
header.sticky .header-mid .logo h1{line-height:60px}
.logo,.logo h1{margin:0 auto;text-align:center;float:none;line-height:80px}
}
.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:#000;text-transform:uppercase;font-size:13px;padding:30px 25px 30px;letter-spacing:1px}
.nav ul a:hover{color:#b22222}
.nav ul a.home,.nav ul ul li a.home{color:#b22222}
.nav ul a.home:hover{color:#000}
.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:"\E005";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:middle}
.nav .nav-submenu li{min-width:260px}
.nav ul ul{min-width:300px;text-transform:none;display:none;position:absolute;top:100%;z-index:901;background-color:#fff;text-align:left;line-height:1.6;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.2);-moz-box-shadow:0 4px 6px 0 rgba(0,0,0,.2);box-shadow:0 4px 6px 0 rgba(0,0,0,.2)}
.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 #dbdbea}
.nav ul ul a:hover{color:#fff!important;background:#b22222}
.nav ul ul a,.nav ul ul a:visited{padding:20px;text-transform:none;color:#000;font-weight:600}
.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:#8e5fc0}
.lang{display:inline-block;padding-right:10px}
@media all and (min-width:1080px) and (max-width:1400px){
.nav a,.nav a:visited{padding:30px 15px 26px;letter-spacing:0}
}
@media all and (min-width:1080px) and (max-width:1400px){
.nav a,.nav a:visited{padding:30px 16px}
.menu-right{float:left;margin-left:50px}
}
.nav ul ul a:visited,header.sticky .header-mid .nav ul ul a{line-height:1.6}
@media only screen and (max-width:1080px){
.head-contact{display:block;text-align:center}
.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}
.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:120px;z-index:900;border-bottom:0}
#logo{line-height:80px;float:none}
#logo h1{text-align:center;margin:0 auto}
header.sticky .header-mid .nav-button{top:0}
header.sticky .header-mid .nav{top:60px}
.nav-button{display:block;width:70px;height:60px;position:absolute;z-index:999;top:10px;cursor:pointer;background:#fff;padding:11px;right:5px}
.nav-button span{display:block;position:absolute;z-index:999;height:2px;width:40px;background:#000;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:#fff;font-weight:600;line-height:1.6}
.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:#b22222;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 #dfe8ff}
.nav ul li.nav-submenu ul li.nav-submenu>a:after{content:"\E005"}
.nav-active,.nav-active a{background-color:#f2fdff}
.nav a:hover,.nav ul ul{background-color:#b22222;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}
.nav ul ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
}
@-webkit-keyframes right {
  from {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
  to {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
}

@keyframes right {
  from {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
  to {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
}

@-webkit-keyframes left {
  from {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
  to {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
}

@keyframes left {
  from {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
  to {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
}

@-webkit-keyframes down {
  from {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
  to {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
}

@keyframes down {
  from {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
  to {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
}

@-webkit-keyframes up {
  from {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
  to {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
}

@keyframes up {
  from {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
  to {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
}

@-webkit-keyframes out {
  from {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes out {
  from {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes in {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}

@keyframes in {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}

#slides {
  position: fixed;
  width: 1px;
  height: 1px;
  left: -9999px;
}

#slideshow {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#slideshow .slide, #slideshow span, #slideshow .static-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#slideshow .slide span {
  background-size: cover;
  background-position: center;
}

#slideshow .slide span.animate.right, #slideshow .slide span.animate.left {
  left: calc((-4vw + -4vh + -4%)/3);
  right: calc((-4vw + -4vh + -4%)/3);
}

#slideshow .slide span.animate.up, #slideshow .slide span.animate.down {
  top: calc((-4vw + -4vh + -4%)/3);
  bottom: calc((-4vw + -4vh + -4%)/3);
}

#slideshow span.animate {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

#slideshow span.animate.right {
  -webkit-animation-name: right;
  animation-name: right;
}

#slideshow span.animate.left {
  -webkit-animation-name: left;
  animation-name: left;
}

#slideshow span.animate.up {
  -webkit-animation-name: up;
  animation-name: up;
}

#slideshow span.animate.down {
  -webkit-animation-name: down;
  animation-name: down;
}

#slideshow span.animate.in {
  -webkit-animation-name: in;
  animation-name: in;
}

#slideshow span.animate.out {
  -webkit-animation-name: out;
  animation-name: out;
}

#slideshow span.animate.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.nivoSlider img{position:absolute;top:0;left:0;display:none}
.nivoSlider a{border:0;display:block}
.nivo-directionNav a{display:block;width:30px;height:30px;background:url(arrows.png) no-repeat;text-indent:-9999px;border:0;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.nivoSlider:hover .nivo-directionNav a{opacity:1}
a.nivo-nextNav{background-position:-30px 0;right:15px}
a.nivo-prevNav{left:15px}
.nivo-caption a{color:#fff;border-bottom:1px dotted #fff}
.nivo-caption a:hover{color:#fff}
.nivo-controlNav.nivo-thumbs-enabled{width:100%}
.nivo-controlNav.nivo-thumbs-enabled a{width:auto;height:auto;background:0 0;margin-bottom:5px}
.nivo-controlNav.nivo-thumbs-enabled img{display:block;width:120px;height:auto}
.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden}
.nivoSlider img{position:absolute;top:0;left:0;max-width:none}
.nivo-main-image{display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:#fff;opacity:0}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img{display:block}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;width:100%;z-index:8;padding:5px 10px;opacity:.8;overflow:hidden;display:none;-moz-opacity:0.8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nivo-caption p{padding:5px;margin:0}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer}
.nivo-prevNav{left:0}
.nivo-nextNav{right:0}
.nivo-controlNav{text-align:center;padding:15px 0}
.nivo-controlNav a{cursor:pointer}
.nivo-controlNav a.active{font-weight:700}
@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")}
@font-face{font-family:icomoon;src:url('fonts2/icomoon.eot?wzmhbd');src:url('fonts2/icomoon.eot?wzmhbd#iefix') format('embedded-opentype'),url('fonts2/icomoon.ttf?wzmhbd') format('truetype'),url('fonts2/icomoon.woff?wzmhbd') format('woff'),url('fonts2/icomoon.svg?wzmhbd#icomoon') format('svg');font-weight:400;font-style:normal;font-display:block}
[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-external-link1:before{content:"\e919"}
.icon-twitter1:before{content:"\e91c"}
.icon-instagram1:before{content:"\e91d"}
.icon-facebook1:before{content:"\e91e"}
.icon-map:before{content:"\e91f"}
.icon-envelope:before{content:"\e920"}
.icon-telephone:before{content:"\e921"}
.icon-double_arrow1:before{content:"\e923"}
.icon-arrow1down:before{content:"\e90a"}
.icon-chevron-down:before{content:"\f078"}
.icon-file-text-o:before{content:"\f0f6"}
.icon-angle-double-left:before{content:"\f100"}
.icon-angle-double-right:before{content:"\f101"}
.icon-angle-left:before{content:"\f104"}
.icon-angle-right:before{content:"\f105"}
.icon-angle-up:before{content:"\f106"}
.icon-angle-down:before{content:"\f107"}
.icon-home:before{content:"\e906"}
.icon-zoom-in:before{content:"\e987"}
.icon-plus:before{content:"\ea0a"}
.icon-cross:before{content:"\ea0f"}
.icon-facebook2:before{content:"\ea90"}
.icon-instagram:before{content:"\ea92"}
.icon-whatsapp:before{content:"\ea93"}
.icon-twitter:before{content:"\ea96"}
.icon-youtube:before{content:"\ea9d"}
.icon-youtube2:before{content:"\ea9e"}
@charset "UTF-8";
.relative,.section{position:relative}
.sub-title{font-size:16px;line-height:28px;margin:0;text-transform:uppercase;font-weight:400}
.accent-title{color:#f3115b;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:700;font-size:24px;line-height:34px;margin:3px 0 30px;color:#212121;text-transform:uppercase}
.first-title24{font-weight:900;font-size:24px;line-height:36px;margin:3px 0 30px;color:#000;text-transform:uppercase}
.first-title20{font-weight:900;font-size:20px;line-height:32px;margin:3px 0 30px;color:#000}
.first-title24:after,.first-title:after{content:"";display:block;margin:0;width:100px;padding-top:10px;border-bottom:3px solid #feba26}
.accent{color:#e2000f}
.primary-color{color:#1d418a}
.center{text-align:center}
.strong{font-weight:700}
#vegas{display:flex;justify-content:left;align-items:center;height:100vh}
#padinfo{width:34%;vertical-align:middle;position:relative;z-index:9;padding:2em;margin-left:9%;border:solid 1px #feba26;background:rgba(255,255,255,.8)}
@media all and (max-width:1080px){
#padinfo{width:50%;padding:2em;margin-left:5%}
}
@media all and (max-width:768px){
#padinfo{width:80%;padding:2em;margin-left:10%}
}
@media all and (max-width:600px){
#padinfo{width:90%;padding:2em;margin-left:5%}
}
@media all and (max-width:480px){
#padinfo{width:96%;padding:2em;margin-left:2%}
}
.naslov{width:70%;position:relative;border:solid 1px #ead09d;display:block;margin-top:5rem}
.naslov-title{font-size:24px;font-weight:900;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%;margin-top:2rem}
.naslov-title{padding:0;margin:2rem auto;text-align:center}
.kocka2{display:none}
}
.columns{display:flex}
.columns__column{flex:1;margin:0 2%;flex-direction:column}
.columns__content{flex:1}
@media all and (max-width:1280px){
.columns{flex-direction:column}
}
.columns__column60{width:60%;margin:0 2%;display:flex;flex-direction:column}
.columns__column40{width:40%;margin:0 2%;display:flex;flex-direction:column}
@media all and (max-width:1280px){
.columns__column40, .columns__column60{width:94%; margin:0 auto;display:block}
}
.rowF{display:flex;flex-wrap:wrap;margin-bottom:20px}
[class*=icon5_]{text-align:center;font-size:24px;flex-grow:1;max-width:230px}
.icon5_20s{flex-basis:calc(20% - 30px);margin:0 15px}
.cura{position:relative;z-index:1}
.cura figcaption{position:absolute;z-index:2;bottom:10px;right:30px;margin-right:50px;text-transform:uppercase;text-align:center;white-space:nowrap}
h3.role1{color:#fff;font-size:18px;font-weight:700}
h3.role1.black{color:#ffcebb;padding:0 10px;background:#e2000f}
p.role2{padding:3px 5px;margin:0;color:#cda85c;font-size:18px;font-weight:900;letter-spacing:2px;background:#04090d}
@media all and (max-width:767px){
h3.role1{font-size:21px;font-weight:700}
p.role2{margin:0;padding:1px 3px;font-size:15px;font-weight:500}
}
#testimony blockquote{position:relative;display:block;padding:20px;font-size:14px;line-height:1.6;font-style:italic;color:#666;border:solid 1px silver;margin:0}
.blockquote-background{background:#f9f9f9;padding:20px}
#testimony blockquote::before{content:"\201C";background-color:#fff;border-radius:50%;width:75px;height:75px;font-size:60px;font-weight:700;color:silver;text-align:center;line-height:93px;position:absolute;left:-30px;top:-30px}
#testimony blockquote::after{content:""}
#testimony blockquote span{width:100%;display:block;font-size:13px;font-style:italic;text-align:right;padding:15px 0}
#testimony blockquote,#testimony blockquote a{font-size:15px;font-style:normal;color:#000;font-weight:500}
#testimony .blockquote-background{display:flex;align-items:center;padding:20px 20px 20px 40px}
.text-desno{text-align:right;font-style:normal}
@media only screen and (max-width:480px){
#testimony blockquote{padding:0;border:none}
.blockquote-background{background:#fff;padding:0}
#testimony .blockquote-background{padding:20px 0 30px}
#testimony blockquote::before{display:none}
}
.container5{display:flex;justify-content:space-between}
.responsiveDiv2A,.responsiveDiv2B{width:calc(50% - 10px);background-color:#fff;padding:3em;display:flex;flex-direction:column;align-items:stretch;box-shadow:inset 0 0 0 0 #fff,inset 0 0 0 1px silver,inset 0 0 0 2px #fff,inset 0 0 0 3px silver,inset 0 0 0 4px #fff,inset 0 0 0 5px silver;color:#000}
.responsiveDiv2A{margin-right:10px}
.zoom{overflow:hidden}
.zoom-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}
.zoom-image:hover{transform:scale(1.15)}
@media (max-width:1023px){
.container5{flex-direction:column}
.responsiveDiv2A,.responsiveDiv2B{width:100%}
.responsiveDiv2A{margin-right:0;margin-bottom:10px}
}
@media (max-width:600px){
[class*=icon5_]{flex-basis:100%;margin:10px auto}
}
.design-w h2{font-size:26px}
.padall321{padding:3rem}
.FAFAF8{background:#fafaf8}
img.fi-icon{display:block;width:80px;margin:15px auto 25px;text-align:center;color:red}
img.ikone{display:block;width:100%;max-width:120px;margin:15px auto 25px;text-align:center}
.nav-box{background:#f1f8ff;padding:24px 15px}
h2.info{text-align:center;font-size:24px;line-height:32px;margin:15px 0;font-weight:700;letter-spacing:1px}
ul.sec-nav{text-align:center}
ul.sec-nav li{display:inline-block;padding:0 10px;margin:0;color:#000;position:relative}
ul.sec-nav li.mini{display:inline-block;padding:0;margin:0;color:#000;position:relative}
ul.sec-nav li a{color:#16326a;font-size:15px;padding:0 15px;float:left}
ul.sec-nav li a:hover{color:#8e5fc0}
ul.sec-nav li a:after{content:'';display:block;margin:auto;height:1px;width:0;background:0 0;transition:width .5s ease,background-color .5s ease}
ul.sec-nav li a:hover:after{width:100%;background:#8e5fc0}
.sec-nav li a{background:transparent url(../icon/white-down.gif) no-repeat right center}
ul.lista{margin-bottom:30px}
ul.lista li{margin-bottom:10px;padding:0 0 0 20px;background:transparent url(../icon/aro.png) no-repeat scroll left 12px}
ol.lista5 li{margin-bottom:12px;padding:0}
.bgcolor2{background-color:#e8f0ff}
.short h3 a,.short2 h3 a{font-size:22px;line-height:1.5;color:#000;font-weight:700}
.short p a,.short2 p a{font-size:16px;line-height:1.43;margin:1em 0;color:#000;font-weight:400;display:block}
.short h3 a:hover,.short p a:hover{color:#2b0000}
.short2 h3 a:hover,.short2 p a:hover{color:#00bfff}
.padall{padding:3rem}
h3.text3{font-size:28px;padding:100px 0 0;margin-bottom:20px;letter-spacing:.05em;line-height:38px}
.bgcolor4{background-color:#00e2d3}
.text-right{text-align:right}
.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{zoom:1}
@media(max-width:992px){
.nav-box{padding:15px}
.padall,.padall321{padding:2rem}
.text-right{text-align:left}
h3.text3{padding:20px 0 0}
}
@media only screen and (max-width:767px){
.text-right{text-align:left}
.padall321{padding:1.5rem}
}
@media only screen and (max-width:480px){
.padall321{padding:1rem}
}
h3.title{font-weight:700;margin:15px 0 20px;font-size:22px}
h3.title span{font-weight:900;color:#1d418a}
.title1{font-weight:700;font-size:16px}
.phw{font-size:15px;line-height:28px;margin-bottom:15px}
.boxrela{position:relative;width:300px;display:block;margin-bottom:20px;height:40px;float:right;margin-right:40px;margin-top:10px}
.bouton{position:absolute;top:0;margin-left:-200px;right:0}
.bouton:hover{cursor:pointer}
.line2{position:relative;float:left;padding:20px 80px;background-color:#298683;transform:scale(.5,.05);animation-name:line-out;animation-duration:.3s}
.text{font-weight:400;float:left;position:relative;line-height:40px;color:#000;font-style:italic;letter-spacing:1px;animation-name:text-out;animation-duration:.3s}
.text-de{font-weight:400;float:left;position:relative;line-height:40px;color:#000;font-style:italic;font-size:13px;animation-name:text-out;animation-duration:.3s}
.text span,.text-de span{font-size:15px;line-height:0}
.bouton:hover .line2{animation-name:line-in;animation-duration:.3s;animation-fill-mode:forwards}
@keyframes line-in{
0%{left:0;transform:scale(.5,.05)}
50%{left:50%;transform:scale(1,.05)}
75%{left:50%;transform:scale(1,.05)}
100%{left:50%;transform:scale(1,1)}
}
@keyframes line-out{
0%{left:50%;transform:scale(1,1)}
50%{left:50%;transform:scale(1,.05)}
75%{left:50%;transform:scale(1,.05)}
100%{left:0;transform:scale(.5,.05)}
}
.bouton:hover .text,.bouton:hover .text-de{animation:text-in .3s ease-out forwards}
@keyframes text-in{
50%{color:#000}
100%{color:#fff}
}
@keyframes text-out{
50%{color:#000}
}
.boxrela1{position:relative;width:200px;display:block;margin-bottom:20px;height:42px;float:right;margin-right:20px;margin-top:10px;font-family:'Exo 2',sans-serif;font-size:14px;line-height:1.4;letter-spacing:2px;font-weight:600;text-align:center}
.btn5{display:block;padding:10px 40px;color:#000;text-decoration:none;position:relative;background:0 0;border:1px solid #e1e1e1;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:#000;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}
a.jonny{float:right;padding:10px 25px;cursor:pointer;background:#03dac6}
a.jonny span{display:inline-block;color:#000;padding-right:20px}
a.jonny svg{width:20px;display:inline-block;fill:#000;animation:roll-in 2s ease 1}
a.jonny:hover{background-color:#ad66bf;color:#fff}
a.jonny:hover span{color:#fff}
a.jonny svg{fill:#000;animation:roll-in 2s ease infinite}
a.jonny:hover svg{fill:#fff;animation:roll-in 2s ease infinite}
@keyframes roll-in{
0%{opacity:0;transform:translateX(-80%) rotate(-2deg)}
100%{opacity:1;transform:translateX(0) rotate(0)}
}
.btn55{display:block;padding:10px 40px;color:#fff;text-decoration:none;position:relative;background:#1bb0a4;border:1px solid #1bb0a4;text-indent:2px;transition:color .1s linear 50ms}
.btn55::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}
.btn55::after{transition:border .1s linear 50ms}
.btn55 .btn-inner5{position:relative;z-index:2}
.btn55:hover{color:#000;border:1px solid #03dac6;transition:color .1s linear 0s}
.btn55:hover::before{top:0;height:100%;opacity:1;transition:height .2s ease,top .2s ease,opacity 0s linear 0s}
.btn55:hover::after{border-color:#373737;transition:border .1s linear 0s}
.btn88{display:block;padding:10px 25px;color:#000;text-decoration:none;position:relative;background:#00e2d3;border:1px solid #00e2d3;transition:color .1s linear 50ms}
.btn88::before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background:#029e00;z-index:1;opacity:0;transition:height .2s ease,top .2s ease,opacity 0s linear .2s}
.btn88::after{transition:border .1s linear 50ms}
.btn88 .btn-inner8{position:relative;z-index:2;display:inline-block}
.btn88:hover{color:#000;border:1px solid #029e00;transition:color .1s linear 0s}
.btn88:hover::before{top:0;height:100%;opacity:1;transition:height .2s ease,top .2s ease,opacity 0s linear 0s}
.btn88:hover::after{border-color:#373737;transition:border .1s linear 0s}
a.btn88 span{display:inline-block;color:#000;padding-right:20px;position:relative;z-index:2}
a.btn88 svg{position:relative;z-index:2;width:20px;display:inline-block;fill:#000;animation:roll-in 2s ease 1}
a.btn88:hover span{color:#fff}
a.btn88 svg{fill:#000;animation:roll-in 2s ease infinite}
a.btn88:hover svg{fill:#fff;animation:roll-in 2s ease infinite}
@keyframes roll-in{
0%{opacity:0;transform:translateX(-80%) rotate(-2deg)}
100%{opacity:1;transform:translateX(0) rotate(0)}
}
.relative,.section{position:relative}
.fix-scroll{display:block;width:100%;height:60px;margin:-120px 0 0;position:relative}
.smoothscroll{display:block;width:30px;height:50px;margin:0 auto 0}
@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(.5,.5,.5);animation:move 3s ease-out infinite}
.chevron-hex:first-child,.chevron:first-child{animation:move 3s ease-out 1s infinite}
.chevron-hex:nth-child(2),.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}
.chevron:after,.chevron:before{content:' ';position:absolute;top:0;height:100%;width:51%;background:#b22222}
.chevron-hex:after,.chevron-hex:before{content:' ';position:absolute;top:0;height:100%;width:51%;background:#b22222}
.chevron-hex:before,.chevron:before{left:0;transform:skew(0deg,30deg)}
.chevron-hex:after,.chevron: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(.5,.5,.5)}
}
@keyframes pulse{
to{opacity:1}
}
@media all and (max-width:480px){
.fix-scroll{display:none}
}
#section-1 .chevron:after,#section-1 .chevron:before{background:#03dac6}
.bgwhite{background:#fff}
#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:#e2000f;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:#feba26}
#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}
}
.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,.4);-moz-box-shadow:0 1px 20px 0 rgba(0,0,0,.4);box-shadow:0 1px 20px 0 rgba(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 20px 0;font-size:13px;background-color:#00101e;-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.7);-moz-box-shadow:inset 0 3px 3px 0 rgba(0,0,0,.7);box-shadow:inset 0 5px 5px 0 rgba(0,0,0,.7)}
ul.footer-nav{margin:20px 0}
ul.footer-nav li{display:inline-block;padding:10px 5px 0}
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:0 0;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:.3;font-size:18px;color:#b3cffb;padding-top:7px;margin-right:5px}
.copy-block{display:block;background:#000b14;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:0 0;transition:width .5s ease,background-color .5s ease}
#copyright a:hover:after{width:100%;background:red}
.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}
.has-animation{position:relative}
.has-animation{opacity:0}
.has-animation.animate-in{animation:textHidden .1s 1.1s forwards}
.has-animation.animate-in:after,.has-animation.animate-in:before{content:'';position:absolute;top:0;right:0;height:100%;z-index:10}
.has-animation.animate-in:before{background-color:#6d7d98}
.has-animation.animate-in:after{background-color:#64738d;animation-delay:.5s}
.has-animation.animation-ltr.animate-in:before{animation:revealLTR 2s ease}
.has-animation.animation-ltr.animate-in:after{animation:revealLTR 1s .6s ease}
.has-animation.animation-rtl.animate-in:before{animation:revealRTL 2s ease}
.has-animation.animation-rtl.animate-in:after{animation:revealRTL 1s .6s ease}
@keyframes revealRTL{
0%{width:0;right:0}
65%{width:100%;right:0}
100%{width:0;right:100%}
}
@keyframes revealLTR{
0%{width:0;left:0}
65%{width:100%;left:0}
100%{width:0;left:100%}
}
@keyframes textHidden{
0%{opacity:0}
100%{opacity:1}
}
.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 horizontal{
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}
12%{-webkit-transform:translate(0,0);transform:translate(0,0)}
18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}
24%{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}
36%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes horizontal{
0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
6%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}
12%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
18%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}
24%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}
36%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
}
.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}
ul.lista2{margin:10px;display:block}
ul.lista2 li{background:url(../icon/bull2.png) no-repeat 0 10px;padding:0 0 0 15px;display:block}
ul.lista2 li a{color:#00f;list-style:none;margin:0 0 16px;line-height:26px}
ul.lista2 li a:hover{color:#f12200}
ol.lista{display:block;list-style:decimal inside;margin-top:10px;margin-bottom:25px}
ol.lista li{padding:0 0 10px 0;padding:0}
ol.lista li a{color:#00f;list-style:none;margin:0 0 16px;line-height:26px}
ol.listat li a:hover{color:#f12200}
.firstcharacter{color:#000;float:left;padding-left:3px;padding-right:10px;padding-top:4px;font:50px/40px"Times New Roman",Times,serif}
blockquote{border-left:4px solid #ebecef;padding-left:20px;color:#999;line-height:23px;margin:5px 0 20px;font-style:italic}
.red{color:#bf0000!important}
.blu{color:#33f!important}
.big{font-size:1.1em}
.bigcrno{font-size:16px;color:#000}
.under{text-decoration:underline}
.under-red{text-decoration:underline red}
.bg-acco{background:#e8f0ff}
.simple p{color:#1e1e1e;font-size:15px;font-weight:400;line-height:1.5!important;margin:.1em 0}
.acco-title{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08);padding:50px 30px 30px}
img.acco{float:left;margin-top:0;margin-right:20px;margin-bottom:5px;margin-left:0;display:block}
.ac-pane{background:#fff;margin-bottom:6px;box-shadow:0 1px 2px rgba(0,0,0,.08);-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s;padding:15px;position:relative}
.ac-pane:last-child{margin-bottom:0}
.ac-content{display:none}
.ac-title{color:#1d418a;font-size:17px;font-weight:600;padding:15px;display:block}
.ac-title .icon{float:right;font-size:20px}
.ac-title .icon:before{content:"\f107"}
.active .ac-title .icon:before{content:"\f106"}
.ac-content{border:1px solid #fff;margin-top:-1px;padding:0 15px 15px}
.circle-image{display:inline-block;border-radius:50%;overflow:hidden;width:100%;height:100%}
.circle-image img{width:100%;height:100%;object-fit:cover}
.masonry-gallery{column-count:3;column-gap:1em}
.masonry-gallery .image-container{display:flex;justify-content:center;align-items:center;margin-bottom:1em;break-inside:avoid}
.masonry-gallery figure{overflow:hidden}
.masonry-gallery img{max-width:600px;min-width:100%;min-height:100%;object-fit:cover}
@media (max-width:900px){
.masonry-gallery{column-count:2}
}
@media (max-width:480px){
.masonry-gallery{column-count:1}
}
.bglblu{background:#e6ebff;width:100%;padding-bottom:30px}
.blu-shadow{background:#fff;margin-bottom:1em;-webkit-box-shadow:0 6px 16px 0 rgba(134,160,226,.5);-moz-box-shadow:0 6px 16px 0 rgba(134,160,226,.5);box-shadow:0 6px 16px 0 rgba(134,160,226,.5)}
.blu-shadow1{background:#fff;margin-bottom:1em;-webkit-box-shadow:0 6px 16px 0 rgba(134,160,226,.1);-moz-box-shadow:0 6px 16px 0 rgba(134,160,226,.1);box-shadow:0 6px 16px 0 rgba(134,160,226,.1)}
.blu-bg{display:block;background:#162e50;padding:5rem 3em 3rem;color:#b3cffb}
.blu-bg h3.long{color:#b3cffb}
.padall321{padding:3rem}
.naslov{width:70%;position:relative;border:solid 1px #ead09d;display:block;margin-top:5rem}
.bglblu .naslov-title{background:#fff;padding:20px 10px;margin:220px -30% 30px 30%;font-weight:700}
#blog1 .role p{letter-spacing:2px;padding:2px 5px;background:#162e50;color:#b3cffb!important;margin:0}
#blog1 .title h3{color:#e2000f;font-size:21px;font-weight:900}
.show-1280{display:none}
.none-1280{display:block}

h2.et-carbon{font-size:28px;line-height:24px;margin:50px 0 30px;display:block}
h2.et-carbon span{font-size:16px;padding-top: 15px;line-height:24px;display: block}
h2.insidesection{margin:20px 0;}
h4.bg-green{font-size: 17px; color:#fff; background: #006A6A;padding: 14px;margin:35px 0 20px;text-align: center}
.s-icon{width:15.6%; margin-left:.5%;margin-right:.5%;margin-top:.5em;margin-bottom:.5em;float:left;display:block;text-align: center}
.s-icon p{margin:0 0 10px}	
@media all and (max-width:767px){
.s-icon{width:31.2%}	
}

.tablica{display:flex;flex-direction:column;width:100%;}
.redak{display:flex}
.celija{flex:1;border-top:1px solid #ddd;border-right:1px solid #ddd;padding:8px;text-align:left}
.redak:last-child .celija{border-bottom:1px solid #ddd}
.redak .celija:first-child{border-left:1px solid #ddd}
.redak:nth-child(2n) .celija{background-color:#FCFCFE}
.redak:hover .celija{background-color:#ddd}

/*-------------- animirana strelica --------------------*/
.arrow-box{position:relative;display:inline-block;width:40px;height:12px}
.arrow-part{position:absolute;top:3px;width:7px;height:7px;background:0 0;transform:rotate(45deg);border-top:2px solid #e2000f;border-right:2px solid #e2000f}
.arrow-part:first-of-type{left:0;animation:arrow-movement 2s ease-in-out infinite}
.arrow-part:last-of-type{left:0;animation:arrow-movement 2s 1s ease-in-out infinite}
@keyframes arrow-movement{
0%{opacity:0;left:0}
70%{opacity:1}
100%{opacity:0;left:12px}
}

/*-------------- 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:-5px;height:2px;background:#b22222}
.line:hover{cursor:pointer;color:#0000FF}
.line:hover:after{width:100%;left:0}
@media only screen and (max-width:1280px){
.line:hover:after{width:0;left:0}
}

@media all and (max-width:1280px){
.naslov{border:none;margin-top:0}
.naslov-title{padding:0;margin:0;text-align:left}
.bglblu .naslov-title{margin:0;}	
.show-1280{display:block}
.none-1280{display:none}
}
@media all and (max-width:992px){
.blu-bg{padding:4rem 2em 2rem}
}
@media all and (max-width:767px){
.design-w h2{font-size:21px}
.padall321{padding:2rem}
.role p{padding-top:3px}
}
@media all and (max-width:600px){
#bezz{padding:3rem 1rem}
.padall321{padding:1rem}
.blu-bg{padding:3rem 1em 1rem}
.blu-bg h4.long{padding-top:2rem;line-height:1}
}
@media all and (min-width:1024px) and (max-width:1200px){
#padinfo .padall{padding:10rem 0}
#info h2,#info h2 em,#info h2 span{font-size:28px;line-height:32px;margin-bottom:5px;display:inline}
.dotsRB{display:none}
}
@media only screen and (max-width:1023px){
#padinfo .padall{padding:3rem 0}
#info h2,#info h2 em{display:inline;font-size:24px;color:#000}
#info h2 span{display:inline;font-size:24px}
#heroimg{margin-top:0}
}
@media only screen and (max-width:600px){
.dotsRB{display:none}
}
@media only screen and (max-width:480px){
#heroimg{padding:30px}
#info h2,#info h2 em,#info h2 span{font-size:20px;line-height:32px}
#info h3{margin-top:1rem}
}
@media only screen and (max-width:380px){
#padinfo .padall{padding:2rem 0}
#heroimg{padding:20px}
#info h2,#info h2 em,#info h2 span{font-size:19px}
}
.partner, .partner a{font-size: 13px;font-weight: 400; font-style: italic;color:#888}