@charset "UTF-8";
@import "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:.01em;line-height:1.75;-webkit-tap-highlight-color:#0000;-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;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 silver;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 #86a0e266}
.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_"]{float:left;display:block;margin:.5em .83333333333333%}
[class*="taby_"]{float:left;display:block;margin:.5em .83333333333333%}
[class*="moby_"]{float:left;display:block;margin:.5em .83333333333333%}
.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_]{float:left;display:block;margin:.5em 1.5%}
.colM_1{width:4.3333333333333%}
.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.333333333333%}
.colX_4{width:25%}
.colX_6{width:50%}
.colX_66{width:66%}
.colX_12{width:100%}
[class*="colX_"]{float:left;display:block;margin: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%}
.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}

.max400,img.max400{width:100%;max-width:400px!important;margin:0 auto;display:block}

.rowF{display:flex;flex-wrap:wrap;margin-bottom:20px;align-items:flex-start}
.rowE{display:flex;flex-wrap:wrap;margin-bottom:20px;align-items:stretch}
.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: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-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:.5rem!important}
.pb-1{padding-bottom:.5rem!important}
.mt-2{margin-top:.7rem!important}
.mb-2{margin-bottom:.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}
}
.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}
}
.pt-intro{padding-top:9rem}
.full{width:100%;min-height:100vh;position:relative}
h1.logotip{display:block!important;width:200px!important;position:absolute;top:30px;left:50px;z-index:2}
h1.logotip2{display:block!important;width:160px!important;position:absolute;top:30px;left:50px;z-index:2}
.full-intro{width:100%;height:100vh;position:relative;z-index:1;background-image:url(../images/deinpogled-1.jpg);background-size:cover;background-position:left top;background-repeat:no-repeat;background-attachment:fixed}
.cage_40{width:40%;margin:10px 0;float:left;display:block}
.cage_60{width:60%;margin:10px 0;float:left;display:block}
.intro div.headings{overflow:hidden;height:120px;width:100%;max-width:400px;margin-top:17%}
.intro h2{position:relative;padding:20px 40px;margin:0;text-align:right;font-size:2.7em;line-height:60px;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff}
.intro h2,.intro h2 .small{display:block;color:#fff}
.intro h2 .small{position:absolute;top:100%;right:20px;padding:0 20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);font-size:24px}
.intro h2 .small:after,.intro h2 .small:before{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:200%;height:1px;background-color:#fff}
.intro h2 .small:before{right:100%}
.intro h2 .small:after{left:100%}
.text-reveal{opacity:0;transition:opacity .2s ease-in-out}
.text-reveal-visible{opacity:1}
.text-reveal-scale{font-size:0;transition:font-size .2s ease-in-out}
.text-reveal-scale-visible{font-size:inherit}
#rjesenje{margin-top:100px;color:#fff;display:block}
#rjesenje-2{display:none}
.reveal-me,.reveal-me2,.reveal-me3{margin:8px 0;padding:0;line-height:0;font-size:1.3em;letter-spacing:2px}
@media only screen and (max-width:1024px) {
h1.logotip{width:160px!important;top:30px;left:40px}
h1.logotip2{width:150px!important;top:30px;left:40px}
.intro h2{padding:20px 40px;margin:0;text-align:right;font-size:2.3em}
.full-intro{background-image:url(../images/deinpogled-1-1024.jpg)}
.cage_60{padding-top:5em}
.reveal-me,.reveal-me2,.reveal-me3{margin:5px 0;font-size:1.1em;letter-spacing:1px}
}
@media only screen and (max-width:780px) {
#rjesenje{display:none}
#rjesenje-2{margin-top:0;color:#fff;display:block;font-size:15px}
h1.logotip{width:150px!important;left:30px}
h1.logotip2{width:140px!important;left:30px}
.full-intro{background-image:url(../images/deinpogled-1-680.jpg);background-position:center top}
.cage_40{height:60vh}
.cage_60{background:#080807}
.cage_40,.cage_60{width:100%;float:none;padding:20px}
.intro{max-width:320px;margin:0 auto}
.intro div.headings{height:90px;width:100%;max-width:300px;margin:2% 0 0}
.intro h2{padding:25px 40px;margin:0;text-align:right;font-size:1.7em;line-height:30px}
.intro h2 .small{font-size:21px}
.reveal-me,.reveal-me2,.reveal-me3{margin:5px 0;font-size:1.1em;letter-spacing:1px}
}
@media only screen and (max-width:600px) {
h1.logotip{width:140px!important;left:20px}
h1.logotip2{width:130px!important;left:20px}
.cage_40,.cage_60{width:100%;float:none;padding:10px}
.intro{max-width:300px;margin:0 auto}
.intro div.headings{height:80px;width:100%;max-width:300px;margin:2% 0 0}
.intro h2{padding:20px 40px;margin:0;text-align:right;font-size:1.5em;line-height:14px}
.intro h2 .small{font-size:18px}
.reveal-me,.reveal-me2,.reveal-me3{margin:1px 0;font-size:1em;letter-spacing:.5px}
}
.full-hidden,.full-bezzbg{width:100%;min-height:100vh;position:relative;overflow:hidden;background-color:#e5dcd3;background-image:url(../images/beige-ok-min.jpg);background-size:cover;background-position:left top;background-repeat:no-repeat;background-attachment:fixed}
.container-z2{width:100%;max-width:1410px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.full-bezz{width:100%;min-height:100vh;background-color:#E6E3DC;position:relative}
.full-white{width:100%;min-height:100vh;background-color:#fff;position:relative}
.feel-box{width:100%;background-color:#F7F6F7;padding:10rem 3rem;box-shadow:#00000040 2px 2px 3px}
.crop-top{width:100%;height:0;padding-top:56.25%;position:relative;overflow:hidden}
.crop-top a{position:absolute;top:0;left:0;width:100%;height:100%}
.crop-top img{position:absolute;top:-10%;left:0;width:100%;height:120%;object-fit:cover;transition:transform .3s ease}
.crop-top img:hover{transform:scale(1.15)}
@media (max-width:900px) {
.crop-top{height:auto;padding-top:0}
.crop-top img{position:static;object-fit:contain;width:100%;height:auto;transform:none}
}
.crop-mid{width:100%;height:0;padding-top:56.25%;position:relative;overflow:hidden}
.crop-mid a{position:absolute;top:0;left:0;width:100%;height:100%}
.crop-mid img{position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%);object-fit:cover;transition:transform .3s ease}
.crop-mid img:hover{transform:translate(-50%,-50%) scale(1.15)}
@media (max-width:900px) {
.crop-mid{height:auto;padding-top:0}
.crop-mid img{position:static;object-fit:contain;width:100%;height:auto;transform:none}
}
.gpt-zoom{transition:transform .3s ease}
.gpt-zoom:hover{transform:scale(1.15)}
.title-lin{font-weight:400;font-size:30px;line-height:33px}
.title--lines{text-transform:uppercase;align-items:center;display:flex;justify-content:center}
.title--lines:after,.title--lines:before{width:32px;height:1px;background-color:#000;content:'';display:inline-block;margin:0 15px}
.title--upper{text-transform:uppercase}
.footer1{letter-spacing:1px;width:100%;text-align:center;color:#e2d5bb;padding:60px 0 0;font-size:13px;box-shadow:inset 0 5px 5px 0 #0003}
.bg-dark{background:#21201F}
ul.footer-info li{display:block;padding:5px;color:#e2d5bb}
ul.footer-info li a{color:#e2d5bb}
ul.footer-info li a:hover{color:orange}
ul.footer-info span.icon-f{display:inline-block;color:#e2d5bb;padding-top:3px;margin-right:5px}
#copyright{display:block;width:100%;padding:12px 0;margin-top:50px;background:#1A1A1A;color:#C9B9A2}
#copyright a{font-size:12px;line-height:2.2rem;display:inline-block;color:#C9B9A2}
#copyright{text-align:center}
#copyright a:hover{color:orange}
#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:#fff}
.dim156{width:156px;display:block}
.dim120{width:100%;max-width:120px!important;display:block;margin:0 auto}
.dim85{width:85px;display:block;margin:0 auto}
.dim28{width:28px;display:block;margin:0 auto}
.dim18{width:18px}
@media all and (max-width: 767px) {
#footer{width:100%;min-height:auto;background:none;background-color:#fff;padding-top:0}
ul.footer-nav{margin-bottom:20px}
ul.footer-nav li{padding:1px 6px}
ul.footer-info{margin-bottom:15px}
ul.footer-info li{padding:1px 10px}
}
ul.social-ul{text-align:center;padding:0;list-style:none}
ul.social-ul li{display:inline-block;margin:0 5px}
.social{height:32px;width:32px;margin:10px;float:left;background-size:cover;transition:all ease .3s}
.facebook{background-image:url(../img/fejs.svg)}
.tiktok{background-image:url(../img/tiktok.svg)}
.instagram{background-image:url(../img/inst.svg)}
.youtube{background-image:url(../img/you.svg)}
.social:hover{background-position:0 -32px;box-shadow:0 0 3px 1px #0000004d;cursor:pointer}
.btn,.button{background:#1d1d1d;border:none;font-size:14px;color:red;letter-spacing:1.5px;padding:10px 14px;border:1px solid #c0784a;transition:color .1s cubic-bezier(.16,.08,.355,1),background .1s cubic-bezier(.16,.08,.355,1);display:inline-block;cursor:pointer;width:100%;max-width:240px;outline:0;vertical-align:middle;text-align:center;position:relative;float:right}
.btn800{background:#196c6c;font-size:14px;color:#f5f5dc;letter-spacing:1.5px;padding:11px 14px;transition:color .1s cubic-bezier(.16,.08,.355,1),background .1s cubic-bezier(.16,.08,.355,1);display:block;cursor:pointer;width:100%;max-width:800px;outline:0;vertical-align:middle;text-align:center;position:relative;float:none;margin:0 auto}
.btn800:hover{background:#00aaad;color:#eefcfc}
a.btn-dark-arrow{color:#1d1d1d}
.btn:hover,.button:hover{background:#c0784a;border-color:#c0784a;color:#f5f5dc}
.btn-border{background-color:transparent;color:#1d1d1d}
.btn-arrow{display:flex;align-items:center;position:relative;transition:background-color .3s ease-out}
.btn-arrow span{display:inline-block;position:relative;transition:all .3s ease-out;will-change:transform;padding:0 1rem}
.btn-arrow .arrow1{width:6px;height:6px;border-right:2px solid #777;border-bottom:2px solid #777;position:relative;top:0;transform:rotate(-45deg);margin:0 6px;transition:all .3s ease}
.btn-arrow:hover .arrow1{transform:rotate(-45deg) translate(4px,4px);border-color:#f5f5dc}
.btn-arrow .arrow1::before{display:block;width:3px;transform-origin:bottom right;height:2px;position:absolute;opacity:0;bottom:calc(-2px / 2);transform:rotate(45deg);transition:all .3s ease;content:"";right:0}
.btn-arrow:hover .arrow1::before{opacity:1;width:8px;background:#f5f5dc}
.btn-wrapper{display:flex;justify-content:center}
.btn-light-arrow{color:#fff;border-color:#fff;display:inline-flex;align-items:center;text-align:center}
.btn-light-arrow .arrow1{border-right:2px solid #fff;border-bottom:2px solid #fff}
.btn-light-arrow:hover .arrow1{border-color:#fff}
.btn-light-arrow:hover .arrow1::before{background:#fff}
.btn-no-arrow{display:inline-block;position:relative;transition:background-color .3s ease-out;text-align:center;padding:10px 14px}
.btn-no-arrow span{display:inline-block;position:relative;transition:all .3s ease-out;will-change:transform;padding:0 1rem}
.btn-dark-no-arrow{color:#1d1d1d}
.btn-light-no-arrow{color:#fff;border-color:#fff}
.over-hidden{position:relative;overflow:hidden}
.box_first{width:100%;max-width:400px;float:right;text-align:right;margin:50px 30px 0 0;overflow:hidden}
.full-shadow{width:100%;max-width:500px;float:left;display:block;position:relative;box-shadow:30px -30px 0 0 #C0784A}
.mt-min5{margin-top:-5rem!important}
@media (max-width:900px) {
.box_first{float:none;text-align:left;margin:0;max-width:100%}
.full-shadow{float:none;box-shadow:none;max-width:100%}
.over-hidden{overflow:visible}
.btn,.button{float:none;margin-bottom:3em}
}
.gray{background-color:#F4F9FF;position:relative}
.wsha{background-color:#fff;box-shadow:0 0 13px 0 #223e991a}
.padd3{padding:3rem}
.red{color:#E3010F}
.container-one{width:100%;background:url(../images/beige-ok-min.jpg) no-repeat center center/cover;display:flex;justify-content:center;align-items:center}
.bagie{max-width:1350px;background-color:#e7dabf;padding:0 50px 0 0;margin:10% 0;position:relative;display:flex;justify-content:center;overflow:visible}
.image-text-container{display:flex;align-items:center;position:relative}
.floating-image{max-width:600px;width:100%;margin-top:-10%;margin-bottom:-10%;margin-right:20px;flex-shrink:0;z-index:0}
.text-box{position:relative;padding:30px 100px;margin-left:-60px;max-width:600px;border:1px solid #fff;text-align:left;color:#000;background-color:#e7dabf00;z-index:3}
.text-box p{font-size:19px;color:#000}
.text-box::after{content:"istraži ponudu";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);background-color:#e7dabf;padding:5px 15px;font-size:18px;text-transform:uppercase;font-weight:700;letter-spacing:1px;color:#fff}
.text-box:hover::after{color:#155858!important}
@media (max-width:1280px) {
.bagie{padding:0;margin:0;background-color:transparent}
.image-text-container{position:relative}
.floating-image{margin-top:30px;margin-bottom:30px;margin-right:0}
.text-box{position:absolute;bottom:30px;left:0;width:100%;padding:15px;text-align:center;margin-left:auto;background-color:#e7dabfd9}
.text-box p{font-size:16px;padding:10px 0 15px;margin:0 0 20px 15px}
.text-box::after{bottom:10px;background-color:transparent}
}
@media (max-width:768px) {
.text-box::after{font-size:16px}
}
@media (max-width:600px) {
.text-box p{font-size:15px;line-height:1.5}
.text-box::after{font-size:15px;letter-spacing:0}
}
.container-two{width:100%;background:#196C6C;padding:50px 0}
.container-two h2{font-size:36px;line-height:46px}
.container-two h3{font-size:24px;line-height:34px}
.box-ikona{color:#fff;padding:50px 30px;position:relative;overflow:hidden;background:#155858;box-shadow:0 0 29px 0 #4458901f;transition:all .3s ease-in-out;border-radius:4px;z-index:1}
.box-ikona2{padding:50px 30px;position:relative;overflow:hidden;background:#FFF4E0;box-shadow:0 0 29px 0 #4458901f;transition:all .3s ease-in-out;border-radius:4px;z-index:1}
.box-ikona::before{content:"";position:absolute;background:#cbe0fb;right:0;left:0;bottom:0;top:100%;transition:all .3s;z-index:-1}
.box-ikona:hover::before{background:#0C3434;top:0;border-radius:0}
.icon{margin-bottom:15px}
.icon i{font-size:64px;line-height:1;color:#fff;transition:all .3s ease-in-out}
.title{font-weight:700;margin-bottom:15px;font-size:18px}
.title a{color:#fff}
.phw{font-size:15px;line-height:28px;margin-bottom:0}
.box-ikona:hover .title a,.box-ikona:hover .phw{color:#fff}
.box-ikona:hover .icon i{color:#fff}
.icon-two{width:72px;margin:5px auto}
.icon-logo{width:150px;margin:5px auto}
@media (max-width:800px) {
.container-two h2{font-size:30px;line-height:40px}
.container-two h3{font-size:20px;line-height:30px}
}
@media (max-width:600px) {
.container-two h2{font-size:24px;line-height:34px}
.container-two h3{font-size:19px;line-height:29px}
}
.container-three{width:100%;background:#21201F;padding:5% 0}
.dark{background:#1A1A1A}
.container-four{background:#F1E3C6;padding:5% 20px}
.border-w{padding:30px 20px;border:solid 1px #fff;margin:-40px 0 0 30px}
.circle-img{width:100%;max-width:300px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;display:block}
.stribor{width:100%;max-width:120px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;display:block;float:left;margin-right:20px}
.star-5{width:120px;margin:5px auto}
.border-w h2.long{font-size:16px;font-weight:400}
.border-w h3.long{font-size:15px;font-weight:600}
@media (max-width:600px) {
.container-four{text-align:center;padding:30px 20px}
.border-w{margin:0;padding:20px}
.stribor{max-width:160px;float:none;margin:0 auto 20px}
}
.sec-gray{width:100%;background:#21201F}
.sec-green{width:100%;background:#196c6c}
.sec-visual{width:100%;background:#196c6c;padding:120px 0;position:relative;min-height:700px;overflow:visible}
.box-container{max-width:1200px;width:100%;position:relative;margin:0 auto;padding:0 20px;height:auto;min-height:400px}
.boxV{position:absolute;width:380px;padding:40px 30px;border:1px solid #ffffffe6;text-align:center;background-color:#196c6cf2;color:#fff;transition:all .3s ease}
.boxV h2{color:#fff}
.newsletter{left:12%;top:0;z-index:1;animation:fadeInLeft 1s ease forwards}
.shift{left:50%;transform:translateX(-50%);z-index:3;background-color:transparent;border:1px solid #fff;color:#fff;top:calc(60% + var(--text-overflow,0px));padding-top:80px}
.blog{right:12%;top:20px;z-index:1;animation:fadeInRight 1s ease forwards}
@media (max-width:1180px) {
.sec-visual{padding:60px 0;height:auto}
.box-container{display:flex;flex-direction:column;align-items:center;gap:30px}
.boxV{position:relative;width:90%;max-width:500px;left:auto;right:auto;top:auto;transform:none;margin:0 auto}
.newsletter{order:1}
.shift{order:2;padding-top:40px;margin-top:-20px}
.blog{order:3}
}
@media (max-width:576px) {
.sec-visual{padding:40px 0}
.boxV{width:100%;padding:30px 20px}
.shift{margin-top:-10px;padding-top:30px}
}
.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}
#logopng{text-align:center;width:100%;max-width:250px;height:100%;opacity:1;-webkit-animation:animInitialHeader 2.5s cubic-bezier(0.7,0,0.3,1) both;animation:animInitialHeader 2.5s cubic-bezier(0.7,0,0.3,1) both;margin:2.2em auto 2em}
@-webkit-keyframes animInitialHeader {
from{opacity:0;-webkit-transform:translate3d(0,800px,0)}
}
@keyframes animInitialHeader {
from{opacity:0;-webkit-transform:translate3d(0,800px,0);transform:translate3d(0,800px,0)}
}
@-moz-keyframes bounce {
0%,20%,50%,80%,100%{-moz-transform:translateY(0);transform:translateY(0)}
40%{-moz-transform:translateY(-30px);transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px);transform:translateY(-15px)}
}
@-webkit-keyframes bounce {
0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce {
0%,20%,50%,80%,100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
40%{-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
.cd-intro{position:relative;width:100%;display:table;overflow:hidden}
.cd-intro-content{display:table-cell;vertical-align:middle;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:2px;padding-bottom:0}
.cd-intro-content h1{font-size:1.4rem;color:#000;line-height:60px}
.cd-intro-content p{font-size:1.2rem;line-height:2rem;color:#000;margin:1em 0}
.cd-intro-content .action-wrapper{display:inline-block}
.cd-intro-content .action-wrapper::after{clear:both;content:"";display:table}
.cd-intro-content .action-wrapper>*{float:left}
@media only screen and (min-width:768px) {
.cd-intro-content h1{font-size:1.8rem;line-height:72px}
.cd-intro-content p{font-size:1.1rem;margin:1.1em 0 1em}
}
.cd-intro-content h1,.cd-intro-content h1 span,.cd-intro-content p{opacity:0;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.no-cssanimations,.no-cssanimations .cd-intro-content h1,.no-cssanimations .cd-intro-content h1 span,.no-cssanimations .cd-intro-content p{opacity:1}
.reveal.cd-intro-content h1{position:relative;opacity:1;color:transparent;overflow:hidden}
.reveal.cd-intro-content h1::after{content:attr(data-content);position:absolute;top:0;left:0;height:100%;width:100%;background-color:#f7f6f7ff;color:#000;opacity:0;-webkit-animation-name:cd-reveal-up;-moz-animation-name:cd-reveal-up;animation-name:cd-reveal-up;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.no-cssanimations .reveal.cd-intro-content h1::after{opacity:1}
@media only screen and (min-width:768px) {
.reveal.cd-intro-content h1{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}
}
.reveal.cd-intro-content p{position:relative;margin-top:2px;background-color:#f7f6f7ff;-webkit-animation-name:cd-reveal-down;-moz-animation-name:cd-reveal-down;animation-name:cd-reveal-down;padding:2em 1.5em}
@media only screen and (min-width:1900px) {
.reveal.cd-intro-content p{padding:3em 1.5em}
}
.reveal.cd-intro-content h1::after,.reveal.cd-intro-content p{-webkit-animation-duration:2.2s;-moz-animation-duration:2.2s;animation-duration:2.2s;-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;animation-delay:2.1s;width:100%}
.reveal.cd-intro-content .action-wrapper{width:100%;position:relative;overflow:hidden}
.reveal.cd-intro-content .action-wrapper::before{content:'';position:absolute;top:0;left:0;height:1px;width:100%;background-color:#C0784A;-webkit-animation:cd-loading 1.5s 1s backwards;-moz-animation:cd-loading 1.5s 1s backwards;animation:cd-loading 1.5s 1s backwards}
@-webkit-keyframes cd-reveal-up {
0%{opacity:1;-webkit-transform:translateY(100%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes cd-reveal-up {
0%{opacity:1;-moz-transform:translateY(100%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes cd-reveal-up {
0%{opacity:1;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes cd-reveal-down {
0%{opacity:1;-webkit-transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes cd-reveal-down {
0%{opacity:1;-moz-transform:translateY(-100%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes cd-reveal-down {
0%{opacity:1;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes cd-loading {
0%{-webkit-transform:scaleX(0)}
100%{-webkit-transform:scaleX(1)}
}
@-moz-keyframes cd-loading {
0%{-moz-transform:scaleX(0)}
100%{-moz-transform:scaleX(1)}
}
@keyframes cd-loading {
0%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0)}
100%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
}
*{transition:background-color 500ms linear,color 500ms linear}
main,.relative{position:relative}
.header1 li,ul{margin:0;padding:0;list-style:none}
.header1 button{background:0 0;border:none;appearance:none;outline:0;padding:0;cursor:pointer}
.header1{display:flex;align-items:center;height:80px;padding:10px 20px;color:#000;position:fixed;top:0;right:0;z-index:10}
.nav{background:#E8C99B;position:fixed;top:0;right:0;width:300px;height:100vh;transition:transform .7s,opacity 1s;transform:translateX(100%);opacity:0;color:#fff}
.nav.show{transform:translateX(0);opacity:1}
.list{display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit}
.list li{display:block}
.hamburger{position:relative;margin-left:auto;z-index:100;background-color:#ffffff80!important;padding:10px!important;border-radius:3px;cursor:pointer}
.hamburger-inner{position:relative;width:45px;height:25px;cursor:pointer}
.hamburger span{position:absolute;left:0;background:#000;width:100%;height:3px;transition:transform .5s,opacity .5s}
.top-line{top:0}
.center-line{top:11px}
.bottom-line{bottom:0}
.top-line.active{transform:translateY(11px) rotate(45deg)}
.center-line.active{opacity:0}
.bottom-line.active{transform:translateY(-11px) rotate(-45deg)}
.nav a{display:inline-block;margin:.6rem auto;font-size:1.1rem;letter-spacing:1px;color:#000;padding:6px 50px}
.nav a:hover{background-color:#fff6!important;color:#196C6C}
a.here{display:inline-block;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;background-color:transparent!important}
a.here:hover{color:#000!important}
.line-mid{display:inline-block;position:relative;margin-bottom:0}
.line-mid:after{content:'';display:block;margin:5px auto 0;height:2px;width:0;background:0 0;transition:width 1s ease,background-color 1s ease}
.line-mid:hover:after{width:100%;background:#C0784A}
@media only screen and (max-width:1079px) {
.line-mid:after{margin:2px auto 0;max-width:200px}
}
p.likeh2{font-size:28px;line-height:40px;margin:0 0 30px;display:block}
h1,h2,h3,h4,h5,h6{letter-spacing:.02em;color:#333360;font-weight:600}
h2{font-size:28px;line-height:40px;margin:0 0 30px;display:block}
h2.big{font-size:48px;line-height:60px}
h3{font-size:28px;line-height:38px}
h4{font-size:24px;line-height:28px}
h5{font-size:20px;line-height:27px}
h6{font-size:16px;line-height:27px}
p{font-size:1em;margin:1em 0}
p.minip{margin:1em 0}
h2.long{font-size:18px;line-height:30px;padding-bottom:15px;margin-bottom:0}
h2.long20{font-size:20px;line-height:30px;padding-bottom:20px;margin-bottom:0}
h2.long24{font-size:24px;line-height:34px;padding-bottom:20px;margin-bottom:0}
h3.long-first{font-size:19px;line-height:31px;font-weight:500;margin-bottom:0}
h3.long{font-size:15px;line-height:28px;font-weight:500;padding-bottom:10px;margin-bottom:0}
h3.ita{font-size:32px;line-height:39px;font-weight:400;font-style:italic;padding-bottom:25px;margin-bottom:0}
h3.info-first{font-size:26px;line-height:40px;margin-bottom:0}
h3.info{font-size:22px;line-height:35px;margin-bottom:0}
h4.info{font-size:21px;line-height:33px;margin-bottom:0}
h3.title-1,h3.title-11,h4.title-1,h3.title-22,h4.title-22,h3.title-1 a,h4.title-1 a{margin-bottom:0}
h3.title-1 a:hover,h4.title-1 a:hover{color:#ED117D}
h3.title-11{font-size:24px;line-height:36px;font-weight:600;padding:25px 0 20px}
h3.title{font-size:28px;line-height:38px;font-weight:600;padding:25px 0 35px}
h3.title-1{font-size:21px;line-height:34px;font-weight:600;padding-bottom:10px;padding-bottom:20px}
h3.tera{color:#D17954;font-size:32px;line-height:43px;font-weight:700}
h4.title-1{font-size:20px;line-height:31px;font-weight:600;padding-top:15px;padding-bottom:10px}
h3.title-22{font-size:23px;line-height:34px;font-weight:600;padding-bottom:25px}
h4.title-22{font-size:19px;line-height:30px;font-weight:600;padding-top:30px}
h4.title-in{font-size: 21px;line-height: 32px;font-weight: 600; margin: 32px 0 16px;}
h3.title-blog{font-size: 22px;line-height: 32px;font-weight: 700; margin-bottom:0}
h3.title-blog span{font-size: 21px;font-weight: 500; padding-top:20px;display: block}
.white-bg{background:#fff;color:#000}
.paddbox{padding:40px 30px 30px}
.bg-white{background-color:#fff}
.bg-green{background-color:#86ba28}
.bg-gold{background-color:#ffd700;color:#000}
.bg-blue{background-color:#00aeef}
.bg-terakota{background-color:#e04838}
.bg-pink{background-color:#ed117d}
.tera{color:#D17954}
.bg-tera{padding-top:1em;width:100%;min-height:100vh;position:relative;overflow:hidden;background-color:#924d34;background-image:url(../images/bg-terakota.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}
.sjena-prozori{width:100%;min-height:100vh;position:absolute;z-index:2;top:0;background-image:url(../images/sjena-prozori-20.png);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}
.biljka{position:absolute;top:0;let:0;width:100%}
.paper{background-color:#fff;background-image:url(../img/paper-2.jpg);background-repeat:repeat;background-position:center;background-size:auto}
.paper1{background-color:#fff;background-image:url(../img/paper1.png);background-repeat:repeat;background-position:center;background-size:auto}
.zid-cvijece{padding-top:1em;width:100%;min-height:100vh;position:relative;overflow:hidden;background-color:#ddd;background-image:url(../images/zid-cvijece.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}
.tera-3{width:100%;position:relative;overflow:hidden;background-color:#924d34;background-image:url(../images/tera-3.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}
.visit-card{width:90%;max-width:600px;margin:10% auto;padding:7% 30px 6%;box-shadow:#00000040 2px 2px 3px}
.visit-card1,.visit-card2{background-color:#fff;display:block;width:100%;max-width:600px;padding:40px 30px 35px;box-shadow:#0006 2px 2px 3px;border-radius:6px}
.visit-card1{float:right;margin:50px 20px 10px}
.visit-card2{float:left;margin:10px 20px 50px}
.card-v{background-color:#fff;width:90%;max-width:800px;margin:0 auto;padding:40px 30px 35px;box-shadow:#0006 2px 2px 3px;border-radius:6px;float:right}
.card{background-color:#fff;width:100%;margin:0 auto;padding:60px 0 55px;box-shadow:#0006 2px 2px 3px;border-radius:4px}
@media (max-width:900px) {
.bg-tera{background-image:url(../images/bg-terakota1080.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;padding-top:5em}
.visit-card1,.visit-card2{display:block;width:90%;max-width:600px;float:none;margin:15px auto}
.card-v{float:none}
.card{padding:40px 30px 30px}
}
ul.lista{font-size:16px}
ul.lista li{margin:5px 0;padding:0 0 0 25px;background:transparent url(../img/aro.png) no-repeat scroll left 7px}
ul.finger li{margin:5px 0;padding:0 0 0 25px;background:transparent url(../icon/finger.svg) no-repeat scroll left 7px;background-size: 16px auto;}
ul.arrow-right li{margin:5px 0;padding:0 0 0 25px;background:transparent url(../icon/arrow-right.svg) no-repeat scroll left 7px;background-size: 16px auto;}

ul.disc{list-style-type:disc;padding-left:1.5em;margin:1em 0}
ul.disc li{margin-bottom:.5em}
ol.numbered{list-style-type:decimal;padding-left:1.5em;margin:1em 0}
ol.numbered li{margin-bottom:.5em}
.text-alignR{text-align:right}
.text-alignL{text-align:left}
@media only screen and (max-width:1023px) {
.text-alignR{text-align:left}
}
.okvir{width:100%;margin:0 auto;padding:0}
.kutija{display:block;overflow:hidden;clear:both}
.okvir img{max-width:100%;height:auto;vertical-align:middle}
.vaza_6{width:50%;float:left;display:block;margin:0;padding:70px 0 50px 50px}
.vaza_650{width:50%;float:left;display:block;margin:0;padding:0 0 50px 50px}
.vaza_6zero{width:50%;float:left;display:block;margin:0;padding:100px 0 0 50px}
.vaza_6pad{width:50%;float:left;display:block;margin:0;padding:100px 100px 0}
.vaza_60{width:60%;float:left;display:block;margin:0;padding:70px 0 50px 50px}
.vaza_40{width:40%;float:left;display:block;margin:0;padding:70px 0 50px 50px}
.izzy{background-color:#f3ece6;padding-top:5rem!important;padding-bottom:7rem!important}
.skin{background-color:#f3ece6;color:#000}
.skin h3.long-first{color:#000}
.over-1{width:100%;padding:30px 50px;margin:0 0 0 -150px;background:#fff;position:relative;z-index:5;box-shadow:#00000040 2px 2px 3px}
.over-1 h3.long-first{color:#000;font-size:16px}
.dea-bg{display:block;width:100%;min-height:100vh;background-image:url(../images/o-meni-1.jpg);background-size:cover;background-position:left top;background-repeat:no-repeat;background-attachment:fixed}
.brooklyn{display:block;width:100%;min-height:100vh;background-image:url(../images/brooklyn.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat}
.omeni3{color:#fff;text-align:center;font-size:21px;font-weight:600;padding:5em 15px 12em;display:block;width:100%;background-image:url(../images/omeni3.jpg);background-size:cover;background-position:center bottom;background-repeat:no-repeat}
.parallax{position:relative;width:100%;height:400px;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center}
.parallax.dea-savjetuje{background-image:url(../images/dea-savjetuje.jpg)}
@media only screen and (max-width:1023px) {
.parallax.dea-savjetuje{background-image:url(../images/dea-savjetuje-900.jpg)}
}
@media only screen and (max-width:600px) {
.parallax.dea-savjetuje{background-image:url(../images/dea-savjetuje-600.jpg)}
}
.parallax.psihodeukacija{background-image:url(../images/bg-psihodeukacija.jpg)}
.parallax.mreze{background-image:url(../images/mreze.jpg)}
.parallax.organizacija{background-image:url(../images/organizacija.jpg)}
.parallax h2{color:#fff;font-size:60px;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 10px #0009}
@media only screen and (max-width:1023px) {
.parallax h2{font-size:48px;letter-spacing:1px}
}
@media only screen and (max-width:480px) {
.parallax h2{font-size:40px}
}
.green-dark{color:#155858;padding:50px 30px;font-size:18px}
.green-dark-txt{color:#155858}
.green-dark-border{border:solid 2px #155858}
.solid-green-dark{background:#155858;color:#fff;padding:50px 30px;font-size:18px}
.border-simple{padding:40px 30px;border:solid 1px #fff;position:relative}
.slika-gore{position:relative;top:-15%;left:0;max-width:100%}
.slika-dolje{position:relative;bottom:-15%;right:0;max-width:100%}
.c-box{width:100%;padding:20px;position:relative;margin-bottom:3em;display:flex;align-items:flex-start}
.floating-box{width:66%;background-color:#fff;color:#000;padding:15px;position:relative;flex-shrink:0}
.floating-box-50{width:34%;position:relative;margin-left:auto;margin-right:-50px;flex-shrink:0}
@media only screen and (max-width:900px) {
.c-box{flex-direction:column}
.floating-box,.floating-box-50{width:100%;margin-right:0;margin-top:10px}
}
.gold-border{border:solid 2px #CBB48F}
.c-box-0{width:100%;position:relative;margin-bottom:3em;display:flex;align-items:flex-start}
.floating-box-left{width:28%;max-width:400px;position:relative;margin-top:-80px;flex-shrink:0}
.floating-box-right{width:72%;background-color:#fff;color:#000;padding:15px;position:relative;flex-shrink:0}
@media only screen and (max-width:900px) {
.c-box-0{flex-direction:column}
.floating-box-left,.floating-box-right{width:100%;margin-top:10px}
}
.arian h2{padding:2em 0;margin:0;color:#fff;font-size:60px;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 10px #0009}
@media only screen and (max-width:1023px) {
.arian h2{font-size:48px;letter-spacing:1px}
}
@media only screen and (max-width:480px) {
.arian h2{font-size:40px}
}
.ac-pane{margin-bottom:15px;background:#fff;margin-bottom:6px;box-shadow:0 1px 2px #00000014;-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s;padding:15px}
.ac-pane:last-child{margin-bottom:0}
.ac-content{display:none}
.ac-title{color:#155858;text-decoration:none;padding:15px;display:block;position:relative}
.ac-title::after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(135deg);width:8px;height:8px;border-left:2px solid #155858;border-bottom:2px solid #155858;transition:transform .3s ease}
.ac-pane.active .ac-title::after,.ac-title:hover::after{transform:translateY(-50%) rotate(-45deg)}
.ac-content{border:1px solid #fff;margin-top:-1px;padding:15px}
.border-box{width:100%;max-width:800px;margin:0 auto 50px}
.quote-box{border:2px solid #000;padding:50px 20px 20px;text-align:center;position:relative}
.quote{font-family:Raleway,sans-serif;font-size:20px;line-height:1.6;color:#000}
.signature{background-color:#fff;padding:0 15px;position:absolute;bottom:-12px;left:75%;transform:translateX(-50%);white-space:nowrap}
.signature img{height:20px;display:block}
.newyork{display:block;width:100%;min-height:100vh;background-image:url(../images/newyork2.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat}
.kontakt{display:block;width:100%;min-height:100vh;background:#cbb58f;background-image:url(../images/kontakt-1.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat}
.bezz{display:block;width:100%;background:#cbb58f;padding:3em 0}
.bezz-light{display:block;width:100%;background:#F3E3C9;padding:0}
.border-000{border:solid 2px #000;padding:20px 5em 20px 20px;margin-right:-7em}
.fix{width:100%;height:60px;display:flex;justify-content:center;align-items:center;gap:20px}
.icon-spotify,.icon-youtube{display:block;width:160px;height:60px;float:none;margin:0}
.border-000 h2{color:#fff;font-size:30px}
.border-000 h3{color:#000;font-size:19px}
.mobitel{width:100%;max-width:400px!important;margin:0 auto}
.krema-sarena{display:block;width:100%;background-image:url(../images/sarena-krema.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff!important;font-size:18px;padding:50px 30px}
@media all and (max-width:1023px) {
.border-000{padding:30px 20px;margin:70px 20px 20px!important}
.border-000 h2{font-size:24px}
.border-000 h3{font-size:17px}
.icon-spotify,.icon-youtube{width:150px}
.mobitel{width:100%;max-width:360px!important}
}
@media all and (max-width:600px) {
.mobitel{width:100%;max-width:300px!important}
.icon-spotify,.icon-youtube{width:140px}
}
@media all and (max-width:380px) {
.mobitel{width:100%;max-width:200px!important}
.icon-spotify,.icon-youtube{width:128px}
}
h2.title-over1{font-size:60px;line-height:76px;text-transform:uppercase;color:#fff;text-align:center;padding-top:75px;margin-bottom:-35px;position:relative;z-index:9;font-weight:900;letter-spacing:2px;text-shadow:0 1px 1px #888}
h2.title-over1 span{font-size:72px;line-height:48px;font-weight:900;letter-spacing:2px}
h2.title-over2{font-size:72px;line-height:80px;text-transform:uppercase;color:#fff;text-align:center;padding-top:75px;margin-bottom:-35px;position:relative;z-index:9;font-weight:900;letter-spacing:2px;text-shadow:0 1px 1px #888}
h2.title-over300{font-size:60px;line-height:76px;text-transform:uppercase;color:#fff;text-align:center;padding-top:300px;margin-bottom:-35px;position:relative;z-index:9;font-weight:900;letter-spacing:2px;text-shadow:0 1px 1px #888}
@media all and (max-width:768px) {
h2.title-over300{padding-top:200px}
}
@media all and (max-width:600px) {
h2.title-over300{padding-top:200px;font-size:48px;line-height:60px}
}
.skew-image{position:relative;width:100%;overflow:hidden}
.skew-image img{width:100%;height:auto;clip-path:polygon(0% 0%,100% 0%,100% 100%,33% 100%)}
.arch-image{position:relative;width:100%;overflow:hidden;display:inline-block;border-top-left-radius:50% 33%;border-top-right-radius:50% 33%}
.arch-image img{width:100%;height:auto;display:block}
@media all and (max-width:1023px) {
.izzy{padding-top:2rem!important;padding-bottom:7rem!important}
.okvir{margin:0 15px}
.vaza_6,.vaza_6zero,.vaza_6pad{width:100%;max-width:800px;margin:0 auto;float:none;padding:0 30px}
.skew-image img{width:100%;height:auto;clip-path:none}
}
.indented-list{list-style-type:disc;padding-left:30px}
.indented-list li{margin:10px 20px 10px 10px}
.naslov{width:50%;position:relative;border:solid 1px #EAD09D;display:block}
.naslov-title{color:#000;font-size:54px;font-weight:700;letter-spacing:2px;background:#f3ece6;padding:20px 10px;margin:220px -30% 40px 20%}
@media all and (max-width: 1280px) {
.naslov{width:100%;border:none;margin-top:2rem}
.naslov-title{padding:0;margin:6rem 0 1rem;font-size:40px;letter-spacing:1px}
}
.anilinkgreen{display:inline-block;color:#155858;text-decoration:none;position:relative}
.anilinkgreen:hover{color:#000}
.anilinkgreen::after{content:'';display:block;margin:auto;height:1px;width:0;background:0 0;transition:width .5s ease,background-color .5s ease;position:absolute;left:0;right:0;bottom:-1px}
.anilinkgreen:hover::after{width:100%;background:#000}
.anilink000{display:inline-block;color:#CDA85C;text-decoration:none;position:relative}
.anilink000:hover{color:#EADAB9}
.anilink000::after{content:'';display:block;margin:auto;height:1px;width:0;background:0 0;transition:width .5s ease,background-color .5s ease;position:absolute;left:0;right:0;bottom:-13px}
.anilink000:hover::after{width:100%;background:#EADAB9}
.anilinkFFF{display:inline-block;color:#fff;text-decoration:none;position:relative}
.anilinkFFF:hover{color:#155858!important}
.anilinkFFF::after{content:'';display:block;margin:auto;height:1px;width:0;background:0 0;transition:width .5s ease,background-color .5s ease;position:absolute;left:0;right:0;bottom:-3px}
.anilinkFFF:hover::after{width:100%;background:#155858!important}
.anilink{display:inline-block;color:#8A3224;text-decoration:none;position:relative}
.anilink:hover{color:#CC5600}
.anilink::after{content:'';display:block;margin:auto;height:1px;width:0;background:0 0;transition:width .5s ease,background-color .5s ease;position:absolute;left:0;right:0;bottom:0}
.anilink:hover::after{width:100%;background:#CC5600}
.clouds{width:100%;display:flex;padding:0;background:url(../images/clouds.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.ara-white{position:relative;width:100%;overflow:hidden;padding:30px 50px 40px;background:#ffffff80;border-radius:5px;box-shadow:5px 5px 5px #0000001a}
.img-sha{box-shadow:0 4px 8px 0 #0003}
.tag{width:100%;min-height:100vh;padding:0;background:url(../images/moja-ponuda.webp) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.title-sub{font-weight:700;font-size:32px;line-height:33px;padding:100px 15px 15px;margin:0 auto}
.title--Lsub{text-transform:uppercase;align-items:center;display:flex;justify-content:center}
.title--Lsub:after,.title--Lsub:before{width:32px;height:1px;background-color:#000;content:'';display:inline-block;margin:0 15px}
.title--upper{text-transform:uppercase}
img.box-icon{display:block;width:35%;margin:-.7rem auto 5px}
.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:.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}
}
.buje{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;background-image:url(../images/buje-1.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;position:relative}
.central-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:50%;position:relative;margin-top:40vh}
.central-image{width:100%;height:auto;border-radius:10px;box-shadow:3px 3px 15px #0003;margin-bottom:10vh}
h2.title-over3{font-size:72px;line-height:80px;text-transform:uppercase;color:#fff;text-align:center;font-weight:900;letter-spacing:2px;text-shadow:0 1px 1px #888;position:absolute;top:-6%;left:50%;transform:translateX(-50%);z-index:10;white-space:nowrap;max-width:90%;overflow:hidden}
@media (max-width:1200px) {
.central-wrapper{max-width:70%}
h2.title-over3{font-size:65px;line-height:56px;top:-5%;max-width:95%}
}
@media (max-width:900px) {
.central-wrapper{max-width:75%}
h2.title-over3{font-size:60px}
}
@media (max-width:768px) {
.buje{min-height:auto}
.central-wrapper{max-width:80%;margin-top:20vh}
.central-image{margin-bottom:3vh}
h2.title-over3{font-size:48px;top:-9%}
}
@media (max-width:480px) {
.central-wrapper{max-width:84%}
h2.title-over3{font-size:36px}
}
@media (max-width:380px) {
.central-wrapper{max-width:90%}
h2.title-over3{font-size:32px}
}
.line{padding:0 5px;color:#1a73e8;flex:1;text-decoration:none;background-image:linear-gradient(to right,#ff0 0,#ff0 100%);background-position:0 1.2em;background-size:0 100%;background-repeat:no-repeat;transition:background .5s}
.line:hover{color:#D92227;background-size:100% 100%}
.line--y{background-position:0 -.1em}
.accent-1{color:#C0784A}
.accent-2{color:#FF6700}
.accent-3{color:#E8C99B}
.black{color:#000}
.tomato{color:#FE4A49}
.white,.white h2,.white h3,.white h4,.white a{color:#fff}
.white a:hover{color:#0FF}
a.whitebox{color:#fff}
a.whitebox:hover{color:#E8C99B}
.bg-green{background-color:#86BA28}
.bg-gold{background-color:#FFD700;color:#000}
.bg-blue{background-color:#00AEEF}
.bg-terakota{background-color:#E04838}
.bg-pink{background-color:#ED117D}
.zoom{overflow:hidden}
.zoom-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}
.zoom-image:hover{transform:scale(1.15)}
.nav-box{background:#FAFAF8;padding:30px 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}
.smoothscroll{position:absolute;z-index:2;left:calc(50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-50px;width:84px;height:120px;margin:0 auto;padding-left:28px}
.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:#C50}
.chevron-hex:before,.chevron-hex:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#C50}
.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}
}
#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:#D17954;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:#e04838}
#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}
}
@media all and (max-width:991px) {
h2.section,h2.page-content{font-size:1.3rem;padding:.4rem 1rem;line-height:26px;font-weight:600;letter-spacing:0}
}
@media all and (max-width:767px) {
h2.section,h2.page-content{font-size:1.2rem;line-height:28px}
}
@media all and (max-width:500px) {
.none500{display:none}
}
@media all and (max-width:480px) {
.none480{display:none}
h2.section,h2.page-content{font-size:1.1rem;line-height:22px}
}