@charset "UTF-8";
.loading-mask{position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;background:#F4F4F4;top:0;height:100%;transition:all 1s;transition-timing-function:ease}
.loading-mask.is-remove{top:-20px;height:0}
.loading-sets{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-20px}
.loading{width:10px;height:10px;background:#FFF;border-radius:100%;float:left;margin-right:5px}
.loading-0{-webkit-animation:bounce 1s infinite ease;-webkit-animation-delay:.1s;background:#73BE3F}
.loading-1{-webkit-animation:bounce 1s infinite ease;-webkit-animation-delay:.3s;background:#D92227}
.loading-2{-webkit-animation:bounce 1s infinite ease;-webkit-animation-delay:.5s;background:#0298D7}
@-webkit-keyframes bounce {
0%,100%{opacity:1}
60%{opacity:0}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
*,:after,:before{margin:0;padding:0;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{border-color:#e1e1e1;border-style:solid;border-width:0;zoom:1;-webkit-tap-highlight-color:rgba(0,0,0,0)}
*{margin:0;padding:0}
*{-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{height:100%;width:100%}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{min-width:100%;min-height:100%;margin:0;padding:0;font-family:'Roboto',sans-serif;font-size:16px;font-weight:400;line-height:1.7;color:#1e1e1e;background-color:#fff}
body.german{font-size:15px;}
.grid{max-width:1280px;padding:0;margin:0 auto}
.grid.flex{width:100%;max-width:100%;padding:0}
.grid.flex18{max-width:1800px;padding-right:10px;padding-left:10px}
.grid.flex16{max-width:1600px;padding-right:10px;padding-left:10px}
.grid.flex14{max-width:1400px;padding-right:10px;padding-left:10px}
.row{display:block;overflow:hidden;clear:both}
.col_1{width:6%}
.col_2{width:12%}
.col_3{width:21%}
.col_4{width:29.333333333333%}
.col_5{width:36%}
.col_6{width:46%}
.col_7{width:56%}
.col_8{width:62.6666666667%}
.col_9{width:71%}
.col_10{width:80%}
.col_11{width:86%}
.col_12{width:96%}
.col768_4{width:29.333333333333%}
.col768_5{width:36%}
.col768_6{width:46%}
.col768_7{width:56%}
.col768_8{width:62.6666666667%}
.col480_4{width:29.333333333333%}
.col480_5{width:36%}
.col480_6{width:46%}
.col480_7{width:56%}
.col480_8{width:62.6666666667%}
.col-3{width:24%}
.col-4{width:32.334%}
.col-6{width:49%}
.col_12{width:99%}
.colf_3{width:25%}
.colf_4{width:33.33332%}
.colf_5{width:40%}
.colf_6{width:50%}
.colf_7{width:60%}
.colf_12{width:100%}
[class*="col_"]{float:left;display:block;margin:10px 2%}
[class*="col768_"]{float:left;display:block;margin:10px 2%}
[class*="col480_"]{float:left;display:block;margin:10px 2%}
[class*="col-"]{float:left;display:block;margin:5px .5%}
[class*="colf_"]{float:left;display:block;margin:0}
.figa600{float:left;display:block;width:25%;margin:0}
.figa600 img{clear:both;display:block;width:100%;height:auto;position:relative}
.figa500{float:left;display:block;width:24%;margin:0 .5%}
.figa500 img{clear:both;display:block;width:100%;height:auto;position:relative;max-width:500px;margin:0 auto}
img{max-width:100%}
img.align-left,.img-wrap.align-left{max-width:300px!important;float:left;position:relative;margin:0 20px 5px 0}
img.align-right,.img-wrap.align-right{max-width:300px!important;float:right;position:relative;margin:0 0 5px 20px}
img.full-width,img.full-width768{clear:both;display:block;width:100%;height:auto;position:relative}
img.max-300{clear:both;display:block;max-width:300px;height:auto;position:relative;margin-right:auto;margin-left:auto}
.grid img{max-width:100%;height:auto;vertical-align:middle}
.max-700{width:100%;max-width:700px;display:block;margin-left:auto;margin-right:auto}
.max-500{width:100%;max-width:500px;display:block;margin-left:auto;margin-right: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}
[class*="col_"].alpha{margin-left:0}
[class*="col_"].omega{margin-right:0}
[class*="col_"].delta{margin-bottom:0!important}
[class*="col_"].beta{margin-top:0!important}
[class*="col_"].nopama{margin:0!important}
.max-500{width:48%;max-width:500px;float:left;display:block;margin:0 1%}
@media all and (max-width: 1280px) {
.max-500{width:100%;max-width:500px;float:none;margin:10px auto}
}
@media all and (min-width: 1025px) and (max-width: 1300px) {
.grid,.grid.flex14,.grid.flex16,.grid.flex18{max-width:96%}
}
@media all and (min-width: 480px) and (max-width: 1024px) {
.grid [class*="col_"]{float:none;width:auto;clear:both;display:block}
.grid [class*="col_"] [class*="col_"]{margin-left:0;margin-right:0;width:100%}
.grid,.grid.flex14,.grid.flex16,.grid.flex18{max-width:90%}
}
@media all and (max-width: 768px) {
.grid [class*="col_"]{margin:10px 0}
.grid [class*="col768_"]{float:none;width:auto;clear:both;display:block}
.grid [class*="col768_"] [class*="col768_"]{margin-left:0;margin-right:0;width:100%}
.hide768{display:none!important}
.max-700{padding-bottom:10px}
.col-3{width:49%}
}
@media all and (max-width: 480px) {
.grid [class*="col_"]{float:none;width:auto;clear:both;display:block}
.grid [class*="col_"] [class*="col_"]{margin-left:0;margin-right:0;width:100%}
.grid,.grid.flex14,.grid.flex16,.grid.flex18{max-width:88%}
.grid [class*="col-"]{float:none;width:auto;clear:both;display:block}
.grid [class*="col480_"]{float:none;width:auto;clear:both;display:block}
.grid [class*="col480_"] [class*="col480_"]{margin-left:0;margin-right:0;width:100%}
}
@media all and (min-width: 1024px) {
.hidesmall{display:block}
.hidebig{display:none!important}
}
@media all and (max-width: 1024px) {
.hidemid{display:none!important}
.grid [class*="colf_"]{float:none;width:auto;clear:both;display:block}	
}
@media all and (min-width: 1280px) {
.blocklaptop{display:none!important}
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
.hidelaptop{display:none!important}
.blocklaptop{display:block!important}
}
@media all and (max-width: 1500px) {
.figa500{width:32.333333333333%}
}
@media all and (max-width: 1024px) {
.blocklaptop,.hidelaptop,.hidesmall{display:none!important}
img.full-width768{float:none;clear:both;display:block;width:auto;max-width:768px;margin-right:auto;margin-left:auto}
.figa500{width:49%}
}
@media all and (max-width: 600px) {
.hide600{display:none!important}
.figa600{float:none;width:100%}
.figa500{float:none;margin:0;width:100%}
}
@media all and (max-width: 480px) {
.mini{display:none!important}
}
#fixtop{position:fixed;z-index:502;display:block;top:0;left:0;width:100%;background:#095B90;-webkit-transition:500ms all ease-in-out;-moz-transition:500ms all ease-in-out;-ms-transition:500ms all ease-in-out;-o-transition:500ms all ease-in-out}
.fix-close{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
.slideanim{visibility:hidden;visibility:visible\9}
.slideanim.slide{visibility:visible;animation:slide 1s}
.slideanim::after{content:"";display:table;clear:both}
@keyframes slide {
0%{opacity:0;transform:translateY(50%)}
100%{opacity:1;transform:translateY(0)}
}
a.lang{text-transform:none!important;font-style:italic;font-weight:400}
@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")}
.frame{width:100%;height:60px;background:#D92227;position:relative}
.navigationWrapper{background-color:#D92227;clear:both;display:block;max-width:1280px;height:60px;margin-right:auto;margin-left:auto}
.navigationWrapper .grid .col_12{margin-top:0;margin-bottom:0}
.nav-button{display:none}
.nav-close{display:none}
.nav{display:block;position:relative;bottom:auto;overflow:visible;right:0}
.nav ul{display:block;position:relative;list-style-type:none;margin:0;padding:0}
.nav li{position:relative;white-space:nowrap;padding-top:0;padding-bottom:0}
.nav > ul > li{display:inline-block}
.navigationWrapper .nav a,.navigationWrapper .nav a:visited{display:block;font-weight:700;position:relative;padding:15px 30px;line-height:29px;color:rgba(255,255,255,1);font-size:14px;letter-spacing:1px;text-transform:uppercase}
.navigationWrapper .nav a:hover{color:#FBCC00;background-color:#AD1B1F;padding-top:15px;padding-bottom:16px}
.nav .nav-submenu > a{padding-right:32px;padding-bottom:16px}
.nav ul li.nav-submenu > a:after{position:absolute;display:block;right:10px;top:16px;content:"\E005"}
.nav ul li.nav-submenu ul li.nav-submenu > a:after{content:"\E006";right:10px;top:27px;position:absolute;display:block}
.nav-button:before,.nav-close:before,.nav .nav-submenu > a:after,.nav > ul > .nav-submenu > a:after{font-family:"icon-font";font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top}
.nav .nav-submenu li{min-width:260px}
.navigationWrapper .nav ul ul{min-width:320px;text-transform:none;display:none;position:absolute;top:100%;left:0;z-index:999901;background-color:#AD1B1F}
.navigationWrapper .nav ul ul li a{border-bottom:solid 1px #821417;padding-bottom:16px;padding-left:50px}
.navigationWrapper .nav ul ul li a:hover{background-color:#97181B}
.nav ul ul a,.nav ul ul a:visited{padding:20px;text-transform:none;color:#fff;font-weight:400}
.nav ul ul a:hover{background-color:#97181B}
.nav ul ul ul{top:5px;left:95%;z-index:999902}
.nav ul ul ul ul{z-index:999903}
.nav ul ul ul ul ul{z-index:999904}
.nav-active{background-color:#C31F23!important}
.navigationWrapper .nav a.active{background-color:#C31F23!important;color:#FBCC00}
@media only screen and (max-width:1280px) {
.nav ul li.nav-submenu > a:after{right:5px}
}
@media only screen and (max-width:1024px) {
.frame{background:#D92227}
.navigationWrapper{background-color:transparent!important;height:auto!important}
.nav{display:none;background:none 0 0 repeat scroll #D92227;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:60px;z-index:999900;border-top:solid 1px #97181B}
.navigationWrapper .nav a,.navigationWrapper .nav a:visited{padding-bottom:16px}
.navigationWrapper .nav a:hover{color:#fff;background:#AD1B1F}
.nav-button{display:block;width:64px;height:60px;cursor:pointer;background:#C31F23;padding:5px;position:absolute;top:0;z-index:9999999}
.nav-button span{display:block;position:absolute;height:2px;width:40px;background:#fff;opacity:1;left:12px;transform:rotate(0deg);transition:.25s ease-in-out}
.nav-button span:nth-child(1){top:23px}
.nav-button span:nth-child(2),.nav-button span:nth-child(3){top:31px}
.nav-button span:nth-child(4){top:39px}
.nav-button:hover span:nth-child(1){top:20px}
.nav-button:hover span:nth-child(4){top:42px}
.nav-button.active span:nth-child(1){top:42px;opacity:0}
.nav-button.active span:nth-child(2){transform:rotate(225deg);transition-delay:.25s}
.nav-button.active span:nth-child(3){transform:rotate(135deg);transition-delay:.25s}
.nav-button.active span:nth-child(4){top:24px;opacity:0}
.nav-lock-scroll{overflow:hidden}
.nav a{padding:12px 50px 12px 14px;color:rgba(255,255,255,.9)!important}
.nav a:hover{color:rgba(255,255,255,1)!important}
.navigationWrapper .nav ul ul{width:100%;text-transform:none;display:none;position:relative;top:100%;left:0;z-index:999901;background-color:#97181B}
.navigationWrapper .nav > ul > li{display:block;border-bottom:solid 1px #97181B}
.navigationWrapper .nav > ul > li:hover{display:block}
.nav a,.nav a:visited{font-size:12px;font-weight:700}
.nav .nav-submenu > ul{position:relative;left:0;top:0}
.nav .nav-submenu ul li a{padding-bottom:16px;padding-left:30px;padding-top:15px;border-bottom:#97181B;letter-spacing:1px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.nav .nav-submenu ul li a:hover{background-color:#821417!important;color:#FBCC00!important}
.nav .nav-submenu ul li a.active:hover{background-color:#C31F23!important;color:#FBCC00}
.nav .nav-submenu ul ul li a{padding-left:50px;border:none!important}
.nav .nav-submenu ul ul ul li a{padding-left:70px;border:none!important}
.nav ul li.nav-submenu ul li.nav-submenu > a:after{content:"\E005"}
.nav-active,.nav ul ul,.nav a:hover{background-color:#003F7F}
.nav-active,.nav a:hover{border-top:none!important}
.nav ul li.nav-submenu > a::after{top:12px}
}
a{color:#2227D9;text-decoration:none}
a:hover,a:focus{color:#D92227;text-decoration:none;outline:0 none}
a{nofocusline:expression(this.onFocus=this.blur());outline:none}
:focus{outline:none}
*{-webkit-transition:color .5s ease;-moz-transition:color .5s ease;-o-transition:color .5s ease;transition:color .5s ease}
p{font-size:1em;margin-bottom:1.3em}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#000;font-family:'Oswald',sans-serif}
h1{font-size:2em;line-height:2.4;letter-spacing:.032em;padding-bottom:50px}
h2,h3.atrakcije{font-size:2em;padding-bottom:30px;line-height:1.6}
h2.title,h3.title{font-size:1.5em;padding-bottom:25px;line-height:1.5}
h2.title-w,h3.title-w{font-size:1.6em;padding-bottom:10px;line-height:1.5;text-align:center}
h2.titlehr{padding-bottom:10px}
h2.de-in {font-size:1.6em;}
h3.de-in {font-size:1.3em;}
h3{font-size:1.3em;padding-bottom:25px;line-height:1.5}
h3.description{font-size:1.3em;padding-bottom:25px;line-height:1.5;font-weight:400}
h3.long{font-family:'Roboto',sans-serif;font-size:1em;padding-bottom:25px;line-height:1.5;font-weight:700}
h4{font-size:1.2em;padding-bottom:20px;line-height:1.4}
h5{font-size:1.15em;padding-bottom:20px;line-height:1.3}
h6{font-size:1em;padding-bottom:15px;line-height:1.2}
.center{text-align:center}
.clear{clear:both}
.hidden{visibility:hidden}
.visible{visibility:visible}
.none{display:none}
.left{float:left}
.right{float:right}
.nowrap{white-space:nowrap}
.stretch{width:100%}
.relativ{position:relative}
.italic{font-style:italic}
strong{font-weight:700}
p.pfirst{padding-top:20px}
.big{font-size:130%!important}
.underline{text-decoration-line:underline}
.ptb30{padding-top:30px;padding-bottom:30px}
.ptb50{padding-top:50px;padding-bottom:50px}
.ptb80{padding-top:80px;padding-bottom:80px}
.ptb100{padding-top:100px;padding-bottom:100px}
.pt100,.pt100x{padding-top:100px}
.pt80,.pt80x{padding-top:80px}
.pt50,.pt50x{padding-top:50px}
.pt30{padding-top:30px}
.pb100{padding-bottom:100px}
.pb80{padding-bottom:80px}
.pb50{padding-bottom:50px}
.pb30{padding-bottom:30px}
.matop50{margin-top:50px}
.padd44{padding:44px}
.red{color:#D92227}
.orange{color:#ffb536}
.orange-bg{background:#ffb536}
.blue-1{background:#0298D7;color:#fff}
.blue-2{background:#2196F3;color:#fff;text-shadow:0 1px 1px #0B74CA}
.green-1{background:#A1AF14}
.blue-2 h4{font-size:1.4em;letter-spacing:1px;color:#fff;text-shadow:0 1px 1px rgba(11,81,115,0.8);text-align:right;padding:0 10px}
.minus20{margin-top:-20px}
.gold{color:#f16f24}
a.silver,.silver{color:silver!important}
a.silver:hover{color:#000!important}
.newroman{font-family:Times,Times New Roman,serif;font-style:italic;font-size:1.1em}
#flags{display:inline-block;width:58px;height:14px;margin-right:12px}
hr{border:0;margin:1.35em auto 4em;max-width:100%;background-position:50%;box-sizing:border-box}
.slash-3{height:10px;background-image:linear-gradient(45deg,rgba(13,13,13,0),rgba(13,13,13,0) 33.33%,silver 33.33%,silver 66.67%,rgba(13,13,13,0) 66.67%,rgba(13,13,13,0) 100%);background-size:10px 100%;width:250px}
ul.check{list-style-type:none;padding-left:0;margin:30px 0}
ul.check li{position:relative;padding-left:2.25rem;margin-bottom:1.25rem}
ul.check li:before{content:"";width:24px;height:20px;top:2px;left:0;position:absolute;background:url(../icons/check.svg)}
h1.message{color:#000;font-size:20px;font-weight:400;line-height:29px;letter-spacing:1px;padding-top:15px;padding-bottom:0}
h1.message span{color:#555;font-size:17px}

h1.message-de{color:#000;font-size:17px;font-weight:400;line-height:29px;padding-top:17px;padding-bottom:0}
h1.message-de span{color:#555;font-size:15px}

#entry{width:100%;overflow:hidden;padding:90px 0 30px;background:#fff;position:relative;z-index:9}
.wide760{width:100%;max-width:760px;overflow:hidden;margin:0 auto}
.logo-b{float:left;width:200px}
.logo-s{display:none}
.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:#2196F3;transform:scale(0.5,0.05);animation-name:line-out;animation-duration:.3s}
.text{float:left;position:relative;line-height:40px;color:#D92227;letter-spacing:1px;animation-name:text-out;animation-duration:.3s;font-size:15px;font-style:italic}
.text span{font-size:18px;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(0.5,0.05)}
50%{left:50%;transform:scale(1,0.05)}
75%{left:50%;transform:scale(1,0.05)}
100%{left:50%;transform:scale(1,1)}
}
@keyframes line-out {
0%{left:50%;transform:scale(1,1)}
50%{left:50%;transform:scale(1,0.05)}
75%{left:50%;transform:scale(1,0.05)}
100%{left:0;transform:scale(0.5,0.05)}
}
.bouton:hover .text{animation:text-in .3s ease-out forwards}
@keyframes text-in {
50%{color:#000}
100%{color:#fff}
}
@keyframes text-out {
50%{color:#000}
}
.arrow{margin-top:25px;display:inline-block;height:12px;position:relative;width:12px}
.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}
.arrow.is-top{-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.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:#2196F3;border-radius:50%;-webkit-transition:500ms;-moz-transition:500ms;-ms-transition:500ms;-o-transition:500ms;transition:500ms;z-index:2}
#scroll-Top .return-to-top:hover{background:#73BE3F}
#scroll-Top .return-to-top span{position:relative;bottom:0;position:relative;animation-name:example;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:1s}
@keyframes example {
0%{bottom:0}
100%{bottom:7px}
}
.arrow-box{width:120px;height:120px;padding:30px 46px;position:absolute;bottom:0;left:50%;transform:translateX(calc(-50%));z-index:2}
.arrow-box-hex{position:relative;z-index:2;width:24px;height:60px;margin-right:auto;margin-left:auto;padding-top:30px;padding-bottom:30px}
.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:#E72723}
.chevron-hex:before,.chevron-hex:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff}
.chevron:before,.chevron-hex:before{left:0;transform:skew(0deg,30deg)}
.chevron:after,.chevron-hex:after{right:0;width:50%;transform:skew(0deg,-30deg)}
@keyframes move {
25%{opacity:1}
33%{opacity:1;transform:translateY(30px)}
67%{opacity:1;transform:translateY(40px)}
100%{opacity:0;transform:translateY(55px) scale3d(0.5,0.5,0.5)}
}
@keyframes pulse {
to{opacity:1}
}
a.bottmid{width:100px;height:60px;padding-left:49px;paddin-right:49px;position:absolute;bottom:0;left:50%;transform:translateX(calc(-50%));z-index:1}
a.hidebottmid{display:none}
.line5{width:1px;height:60px;background-color:#FBCC00;display:block}
.line5:before{content:'';width:1px;height:50%;top:0;background-color:#D92227;display:block;animation:downWipe 2s ease-in-out infinite}
@keyframes downWipe {
0%{height:0}
50%{height:100%}
70%{height:100%;transform:scaleY(0.5);transform-origin:bottom}
100%{height:100%;transform:scaleY(0);transform-origin:bottom}
}
#footer{height:170px;color:#1b3b6a;background-image:url(../images/footer.jpg);background-repeat:repeat-x;background-position:center center;text-align:center;padding-top:100px;margin-top:50px;font-size:13px}
a.line{display:inline-block;position:relative;color:#2227D9;text-decoration:none}
a.line:after{content:'';display:block;margin:auto;height:1px;width:0;background:transparent;transition:width 500ms ease,background-color 500ms ease}
a.line:hover:after{width:100%;background:#FF2DFF;text-shadow:2px 2px 3px #fff}
a.line:hover{color:red}
section{width:100%}
#sec-33333{background:#F2F3F7;border-top:solid 1px #E9EAEE;border-bottom:solid 1px #E9EAEE;padding:100px 0 0}
#para{position:relative;background:url(../images/bg-2.jpg) no-repeat center center fixed;background-size:cover;border-top:solid 1px #E9EAEE;border-bottom:solid 1px #E9EAEE;padding:100px 0}
.box{position:relative;background-color:rgba(0,0,0,0.5);width:100%;padding:5px;border:2px solid #b78846;margin:0 auto}
.box:before,.box:after{content:"•";position:absolute;width:14px;height:14px;font-size:14px;color:#b78846;border:2px solid #b78846;line-height:12px;top:5px;text-align:center}
.box:before{left:5px}
.box:after{right:5px}
.box .box-inner{position:relative;border:2px solid #b78846;padding:40px;height:100%}
.box .box-inner:before,.box .box-inner:after{content:"•";position:absolute;width:14px;height:14px;font-size:14px;color:#b78846;border:2px solid #b78846;line-height:12px;bottom:-2px;text-align:center}
.box .box-inner:before{left:-2px}
.box .box-inner:after{right:-2px}
.box-all{width:100%;height:100%;position:relative;display:table;text-align:center}
.box-all .mid{height:100%;display:table-cell;text-align:center;vertical-align:middle}
.box-text{width:100%;height:100%;background:rgba(37,25,13,.5);padding:15px;position:relative;display:table;border:dashed 1px #3c250a}
.box-text span{display:table-cell;text-align:center;vertical-align:middle;color:#ffb536;text-shadow:0 1px 1px #170101;font-weight:700;font-size:1.4em;letter-spacing:1px}
.box-text span em{font-weight:400}

.item-cont{overflow:hidden;display:inline-block;width:100%}
.item-cont img{width:100%}
.item-cont a{display:block;position:relative;color:#FFF;border-color:#fff;font-size:20px}
.item-cont a .item-content{position:absolute;width:100%;cursor:pointer;height:100%;text-align:center;top:0;left:0;opacity:1}
.item-cont a .item-content:before{border-top:1px solid;border-bottom:1px solid;-webkit-transform:scale(0,1);transform:scale(0,1);opacity:0}
.item-cont a .item-content:after{border-left:1px solid;border-right:1px solid;-webkit-transform:scale(1,0);transform:scale(1,0);opacity:0}
.item-cont a .item-content:before,.item-cont a .item-content:after{border-color:#fff;position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity 1.2s,-webkit-transform 1.2s;transition:opacity 1.2s,transform 1.2s}
.item-cont a .item-content .text-cont{opacity:0;position:relative;left:50%;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.item-cont a .item-content .text-cont em{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:48px;font-weight: 400; text-align:center;color:#fff;opacity:0}
.item-cont a .item-content .text-cont em.mali{font-size:18px!important}
.item-cont a:hover .item-content .text-cont{opacity:1;transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in}
.item-cont a:hover .item-content .text-cont em{opacity:1;transition:opacity 1.5s ease-in;-moz-transition:opacity 1.5s ease-in;-webkit-transition:opacity 1.5s ease-in;-o-transition:opacity 1.5s ease-in}
.item-cont a .item-content .align-content{width: 80%;margin: 0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.item-cont a .figa{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform .8s;transition:transform .8s;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.item-cont a .figa:after{position:absolute;width:100%;height:100%;left:0;top:0;content:"";background-color:rgba(5,28,97,0.6);opacity:0}
.item-cont a .figa img{max-width:100%;height:auto;display:block}
.item-cont a:hover .figa{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.item-cont a:hover .figa:after{opacity:1}
.item-cont a:hover .item-content{opacity:1}
.item-cont a:hover .item-content:before,.item-cont a:hover .item-content:after{border-color:#fff}
.item-cont a:hover .item-content:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.item-cont a:hover .item-content:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.responsive-video{position:relative;padding-bottom:56.25%;height:0}
.number{list-style:none;padding-left:1rem;counter-reset:circle-counter}
.number--list{counter-increment:circle-counter;margin-bottom:.25rem}
.number--list:before{content:counter(circle-counter);border-radius:50%;border:1px solid #ffb536;width:1.3rem;height:1.3rem;display:inline-block;font-size:.75rem;line-height:1.4rem;color:#ffb536;font-weight:700;text-align:center;margin-right:.9rem;position:relative;top:-2px}
.over{position:absolute;left:50%;bottom:70px;transform:translateY(-50%);z-index:9}
a.hero-up{position:absolute;top:2px;left:50%;transform:translateX(calc(-50%));z-index:99;height:80px;padding:0 100px}
hr.goldhr{border:0;height:8px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,silver 42%,silver 57%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;margin:0 0 30px;width:100%;display:block}
hr.goldhr2{border:0;height:8px;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 39%,#ffb536 42%,#ffb536 57%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);background-size:5px 8px;margin:-20px 0 40px;width:100%;display:block}
.reserve{float:left;position:relative;z-index:2;display:block;padding:5px 15px;background:#fff;margin:0 0 -21px 100px;font-style:italic;color:silver}
.reserve a{color:silver}
.reserve a:hover{color:#D92227}
.underlined{color:#1e1e1e;cursor:default;flex:1;text-decoration:none;background-image:linear-gradient(to right,yellow 0,yellow 100%);background-position:0 1.2em;background-size:0 100%;background-repeat:no-repeat;transition:background 500ms}
.underlined:hover{background-size:100% 100%}
.underlined--thick{background-position:0 -.1em}
.block{display:block;text-align:center}
.icon-1{display:inline-block;margin-right:15px;color:#1e1e1e;font-size:16px;cursor:pointer}
.icon-1 a{color:#1e1e1e}
.icon-1 a:hover{color:#D92227}
.icon-1 i{font-size:16px;margin-bottom:5px;color:#9e9e9e}
.wave{content:“”;display:block;background-image:url(../img/wave.svg);background-repeat:repeat-x;background-position:50%;width:55%;max-width:192px;height:32px;margin:0 auto 15px;text-align:center}
.blink{text-decoration:blink}
@-webkit-keyframes blinker {
from{opacity:1}
to{opacity:0}
}
.blink{text-decoration:blink;-webkit-animation-name:blinker;-webkit-animation-duration:.8s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:alternate}
.white{font-size:15px;line-height:1.8;background:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.1);padding:50px 30px 20px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border-top:solid 1px #EF74CD;border-bottom:solid 1px #9AC8EC}
.white-bo{font-size:15px;line-height:1.8;padding:50px 30px 20px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:solid 1px;border-color:#E8E8E8 #E8E8E8 #9AC8EC}
.conect{background:#fff;padding:2em;display:block;overflow:hidden;box-shadow:inset 0 0 0 0 #fff,inset 0 0 0 1px #c0c0c0,inset 0 0 0 2px #fff,inset 0 0 0 3px #c0c0c0,inset 0 0 0 4px #fff,inset 0 0 0 5px silver;color:#000}
.Zebra_Tooltip{position:absolute;z-index:8000;background:transparent}
.Zebra_Tooltip .Zebra_Tooltip_Message{min-width:150px;text-align:center;position:relative;padding:10px 15px;font-size:.9em;line-height:inherit;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);box-shadow:1px 1px 3px rgba(0,0,0,0.5)}
.Zebra_Tooltip .Zebra_Tooltip_Arrow{position:absolute;height:10px;width:20px;overflow:hidden}
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom{bottom:0}
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top{top:0}
.Zebra_Tooltip .Zebra_Tooltip_Arrow div{position:absolute;border-style:solid;border-width:10px;height:0;width:0;left:0;_border-left-color:#f2F2F2;_border-right-color:#f2F2F2;_filter:chroma(color=white)}
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div{top:0;_border-bottom-color:#F2F2F2}
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div{bottom:0;_border-top-color:#F2F2F2}
.Zebra_Tooltip .Zebra_Tooltip_Close:hover{color:#C40000}
.zlato{width:50%;float:right;background-color:#baad85}
.zlato h2{font-size:3em;padding:100px 40px 40px;color:#fff}
.zlato h3{font-size:1.8em;padding:0 40px 50px;color:#fff}
h2.title-page{font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;text-shadow:1px 1px 0 rgba(64,0,0,.4)}
h2.title-page22{font-size:72px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;text-shadow:1px 1px 0 rgba(64,0,0,.4)}
h2.title-page50{font-size:50px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;text-shadow:1px 1px 0 rgba(64,0,0,.4)}
h2.subtitle-page,h3.subtitle-page{font-size:1.3em;line-height:1.5;width:100%;max-width:760px;margin:0 auto;padding:100px 20px}
p.subtitle-page{font-size:1em;line-height:1.5;width:100%;max-width:760px;margin:0 auto;padding:100px 20px}
.firstcharacter{float:left;color:#0298D7;font-size:4em;line-height:60px;padding-top:4px;padding-right:30px;padding-left:3px;font-family:'Great Vibes',cursive}
#banner{height:70vh;padding:40px 0;position:relative;color:#f5f5f5;background-attachment:fixed;text-shadow:0 0 30px #000}
#bannerbig{min-height:90vh;padding:40px 0;position:relative;color:#f5f5f5;background-attachment:fixed}
#banner22{height:86vh;padding:40px 0;position:relative;color:#f5f5f5;background-attachment:fixed;text-shadow:0 0 30px #000}
#banner:before,#banner22:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#3FD2FF;opacity:0}
.cover{background-repeat:no-repeat;background-position:center top;background-attachment:scroll;background-size:cover}
.cover-svg{background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:100% 100%,auto}
.ab-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.midd{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
h2.title-cursive{font-family:'Great Vibes',cursive;font-size:5vh;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:1px 1px 0 rgba(64,0,0,.4)}
h2.title-vibes{color:#DAA521;font-size:3em;padding-bottom:0;font-family:'Great Vibes',cursive}
h3.vibe{color:#DAA521;font-size:3em;line-height: 1.2;padding-bottom:0;font-family:'Great Vibes',cursive}
h4.title-vibes{color:#DAA521;font-size:2.5em; padding-bottom:0;font-family:'Great Vibes',cursive}
.wavew{width:105%;height:auto;position:absolute;bottom:-2px;left:-10px}
.skew-frame{width:50%;display:block;margin:0 auto;padding:0 30px;margin-left:5%;position:absolute;top:50%;transform:translateY(-50%)}
.skew-box{min-width:280px;position:relative;padding:20px;transform:skewX(-25deg);border-radius:10px;height:auto;transition:200ms ease-in-out;background:rgba(16,75,121,.05);border:solid 1px rgba(255,255,255,.4);box-shadow:inset 0 0 12px rgba(16,75,121,.05)}
.skew-box .skew-box-img,.skew-box-text,.skew-title{transform:skewX(25deg);transition:200ms ease-in-out}
.skew-box:hover{box-shadow:inset 0 0 200px #2196F3;transition:200ms ease-in-out;position:relative;cursor:pointer;z-index:99}
h2.skew-title{font-size:3.5vh;font-weight:700;text-align:center;text-shadow:1px 1px 0 rgba(64,0,0,.1);letter-spacing:2px;text-transform:uppercase;padding:3%;color:red}
p.title-menu2{margin-bottom:20px;margin-top:0;display:block;text-align:center;color:#5D5D5D;letter-spacing:2px;padding:12px;overflow:hidden;width:100%;text-transform:uppercase;font-weight:700}
ul.menu2{text-align:center;display:block;margin-bottom:50px;outline:none}
ul.menu2 li{display:inline-block;margin:5px;overflow:hidden;cursor:pointer}
ul.menu2 li a{display:block;padding:14px 30px;color:#5D5D5D;font-size:13px;font-weight:400;text-align:center;text-transform:uppercase;letter-spacing:1px;border:1px solid #66A9D2}
ul.menu2 li a:hover{background:#0E81CC;color:#FFF!important;border:1px solid #0C72B4}
ul.gold-ul{margin-top:0;margin-bottom:20px}
ul.gold-ul li{display:block;padding-left:20px;list-style-type:none;background:url(../img/aro.png) no-repeat left 8px;padding-bottom:8px}
ul.check{list-style-type:none;padding-left:0;color:#5e5e5e}
ul.check li{position:relative;padding-left:2.25rem;margin-bottom:1rem}
ul.check li:before{content:"";width:20px;height:17px;top:4px;left:0;position:absolute;background:url(../img/check.svg)}
.pino{display:block;position:absolute;top:0;left:50%;border-bottom:1px solid #ddd;width:0;text-align:center;animation:line 2s linear forwards}
@keyframes line {
from{left:50%;width:0}
to{left:0;width:100%}
}
.figa-left{float:left;position:relative;margin:0 20px 5px 0;max-width:350px}
.figa-right{float:right;position:relative;margin:0 0 5px 20px;max-width:350px}
.gdpr{width:100%;margin:20px auto;padding:50px;box-shadow:inset 0 0 0 1px #c0c0c0,inset 0 0 0 2px #fff,inset 0 0 0 3px #c0c0c0,inset 0 0 0 4px #fff,inset 0 0 0 5px #c0c0c0,inset 0 0 0 10px #fff}
.gdpr h4{margin-top:60px}
.inset{-webkit-box-shadow:inset 0 0 0 5px rgba(255,255,255,1);-moz-box-shadow:inset 0 0 0 5px rgba(255,255,255,1);box-shadow:inset 0 0 0 5px rgba(255,255,255,1)}
.galerija{display:block;width:99%;margin:0 .5%}
@media only screen and (max-width:1600px) {
#banner{height:50vh}
}
@media only screen and (max-width:1280px) {
#entry{margin-left:10px}
h1.message{font-size:18px;letter-spacing:0}
h1.message span{font-size:16px}
.item-cont a .item-content .text-cont p{font-size:.9em}
}
@media only screen and (max-width:1024px) {
.logo-s{display:block;float:none;width:140px;margin-left:auto;margin-right:auto;padding-top:4px}
.logo-b{display:none}
h1.message{font-size:20px;letter-spacing:0;text-align:center}
h1.message span{font-size:16px}
#entry{float:none;max-width:600px;margin-left:auto;margin-right:auto;padding:60px 0 0}
.item-cont a .item-content .text-cont p{font-size:1em}
.button5{margin-left:auto;margin-right:auto}
.welcome{display:none}
.blue-2 h4{text-align:center}
.gold{padding:0;background-image:none}
.parallax-window{min-height:350px}
.midd{position:inherit;top:50px;transform:translateY(0)}
.kofer{width:25%}
#banner{height:48vh}
}
@media only screen and (max-width:768px) {
html,body{font-size:14px; line-height:1.5;}
.pt100x,.pt80x,.pt50x{padding-top:0}
.social-icons{margin-top:15px}
#entry{float:none;padding:50px 0 0}
h1.message{font-size:17px;line-height:26px;text-align: center}
h1.message span{font-size:15px}
h1.message-de{font-size:15px;text-align: center}
h1.message-de span{font-size:14px}	
.ptb30{padding-top:20px;padding-bottom:20px}
.ptb50{padding-top:30px;padding-bottom:30px}
.ptb80{padding-top:50px;padding-bottom:50px}
.ptb100{padding-top:60px;padding-bottom:60px}
.pt100{padding-top:60px}
.matop50{margin-top:30px}
.padd44{padding:0}
.parallax-window{min-height:300px}
h2.title-page{font-size:32px}
h2.title-page22,h2.title-page50{font-size:40px}
#banner{height:45vh}
.kofer{width:28%}
.item-cont a .item-content .text-cont p{font-size:.83em}	
}
@media only screen and (max-width:600px) {
.reserve{padding:5px 10px;margin:0 0 -23px 30px}
h2.title-page{font-size:28px}
h2.title-page22,h2.title-page50{font-size:32px}
}
@media only screen and (max-width:480px) {
h1.message{font-size:17px}
h1.message span{font-size:14px}
.no480{display:none}
.parallax-window{min-height:250px}
h2.title-page{font-size:24px}
h2.title-page22,h2.title-page50{font-size:28px}
}
@media only screen and (max-width:380px) {
.item-cont a .item-content .text-cont p{font-size:.8em}
.box-text span{font-size:16px;letter-spacing:0}
.parallax-window{min-height:200px}
h2.title-page{font-size:20px}
h2.title-page22,h2.title-page50{font-size:24px}
}
#sissan{background:url(../images/orange-summer.jpg) no-repeat center center fixed;background-size:cover}
.sissan-bg{width:100%;min-height:500px;background:rgba(250,250,250,.95);display:block;margin:50px 0 0 -150px;padding:100px;position:relative;z-index:9;box-shadow:inset 0 0 0 25px rgba(250,250,250,.99),inset 0 0 0 26px #ffb536,inset 0 0 0 27px #fff,inset 0 0 0 28px #ffb536,inset 0 0 0 29px #fff,inset 0 0 0 30px #ffb536}
.box-sha{width:100%;display:block;-webkit-box-shadow:0 0 8px 2px rgba(72,57,44,0.4);-moz-box-shadow:0 0 8px 2px rgba(72,57,44,0.4);box-shadow:0 0 8px 2px rgba(72,57,44,0.4)}
h2.subtitle-page-w,h3.subtitle-page-w{font-size:1.3em;letter-spacing:.03rem;color:#000!important;line-height:1.7;width:100%;padding:50px}
.w-bg{background:#fff}
.ab1{position:relative;z-index:1}
.ab2{position:relative;z-index:2}
.top-wave{width:100%;height:91px;background:url(../img/top-wave.png) repeat-x center center}
.bottom-wave{width:100%;height:104px;background:url(../img/bottom-wave.png) repeat-x center center}
#liznjan{float:left;width:100%;background:url(../images/liznjan_banner4.jpg) no-repeat center center fixed;background-size:cover}
.likeinsta{float:right;width:80%;max-width:600px;height:auto;position:relative;bottom:0;right:5%;background:rgba(250,250,250,.8);padding:80px;margin:50px}
.likeinsta2{float:left;width:80%;max-width:700px;height:auto;position:relative;bottom:0;left:5%;background:rgba(250,250,250,.8);padding:80px;margin:50px}
.like{display:block;box-shadow:inset 0 0 0 25px rgba(250,250,250,.99),inset 0 0 0 26px #ffb536,inset 0 0 0 27px #fff,inset 0 0 0 28px #ffb536,inset 0 0 0 29px #fff,inset 0 0 0 30px #ffb536}
.likeinsta h2{font-size:1.2em;color:#000}
.likeinsta2 h2{color:#000;font-size:3.5em;padding-bottom:0;font-family:'Great Vibes',cursive}
.likeinsta2 p{font-size:17px;line-height:1.8;color:#000}
h3.title-vibes{color:#f89921;font-size:5em;padding-bottom:0;font-family:'Great Vibes',cursive}
@media only screen and (max-width:1500px) {
.sissan-bg{padding:60px}
h3.title-vibes{font-size:3.5em}
}
@media only screen and (max-width:1300px) {
.sissan-bg{margin:30px auto;padding:50px}
h3.title-vibes{font-size:3em}
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
.sissan-bg{margin:10px auto;padding:40px;font-size:14px}
h3.title-vibes{font-size:2.4em}
h3.vibe, h4.title-vibes{font-size:2.4em;}	
}
@media only screen and (max-width:1024px) {
.sisa{padding:20px 20px 70px;background-image:none;background-color:#F0EDFF}
.likeinsta{float:none;width:80%;position:relative;bottom:0;right:auto;margin:30px auto}
.likeinsta2{max-width:500px}
.likeinsta2 h2{font-size:2.5em}
.likeinsta2 p{font-size:16px;line-height:1.7}
}
@media only screen and (max-width:768px) {
.likeinsta2{float:none;width:80%;max-width:400px;position:relative;bottom:0;left:auto;margin:30px auto}
.likeinsta2 p{font-size:15px}
ul.menu2 li {margin: 1px;}
ul.menu2 li a{padding:10px 20px;}
}
@media only screen and (max-width:600px) {
.likeinsta,.likeinsta2{width:90%;margin:20px auto;padding:50px}
h2.skew-title{font-size:3vh;}
}

.tobi-zoom{border:0;-webkit-box-shadow:none;box-shadow:none;display:block;position:relative;text-decoration:none}
.tobi-zoom img{display:block}
.tobi-zoom__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(26,42,58,0.94);bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;position:absolute;left:0}
.tobi-zoom__icon svg{color:#fff;fill:none;height:1.11111em;pointer-events:none;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2;stroke:#fff;width:1.11111em;padding:.22222em}
.tobi-is-open{overflow-y:hidden}
.tobi{background-color:rgba(22,27,30,0.99);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;contain:strict;font-size:18px;left:0;line-height:1.5555555555556;overflow:hidden;position:fixed;right:0;top:0;z-index:1337}
.tobi[aria-hidden="true"]{display:none}
.tobi *,.tobi ::before,.tobi ::after{-webkit-box-sizing:inherit;box-sizing:inherit}
.tobi__slider{bottom:0;left:0;position:absolute;right:0;top:0;will-change:transform}
.tobi__slider:not(.tobi__slider--is-dragging){-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19,1,0.22,1);transition-timing-function:cubic-bezier(0.19,1,0.22,1)}
@media screen and (prefers-reduced-motion: reduce) {
.tobi__slider:not(.tobi__slider--is-dragging){-webkit-transition:none;transition:none}
}
.tobi__slider--is-draggable .tobi__slider__slide__content{cursor:-webkit-grab;cursor:grab}
.tobi__slider--is-dragging .tobi__slider__slide__content{cursor:-webkit-grabbing;cursor:grabbing}
.tobi__slider__slide{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}
.tobi__slider__slide__content > figure{margin:0;position:relative}
.tobi__slider__slide__content > figure > img{display:block;height:auto;max-height:100vh;max-width:100vw;width:auto}
.tobi__slider__slide__content > figure > figcaption{background-color:rgba(255,255,255,0.5);bottom:0;color:#000;display:block;left:0;position:absolute;white-space:pre-wrap;width:100%;text-align:center;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:1em .44444em}
.tobi__slider__slide__content[data-type="html"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="html"] video{cursor:auto;display:block!important;max-height:85vh;max-width:85vw}
.tobi__slider__slide__content[data-type="iframe"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="iframe"] iframe{display:block!important;height:85vh;width:85vw}
.tobi__slider__slide__content[data-type="youtube"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="youtube"] iframe{display:block!important}
.tobi button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.05556em solid transparent;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin:0;opacity:.5;position:absolute;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19,1,0.22,1);transition-timing-function:cubic-bezier(0.19,1,0.22,1);will-change:opacity,transform;padding:.22222em}
@media screen and (prefers-reduced-motion: reduce) {
.tobi button{-webkit-transition:none;transition:none;will-change:opacity}
}
.tobi button svg{pointer-events:none;stroke:#fff;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;fill:none;color:#fff}
.tobi button:active,.tobi button:focus,.tobi button:hover{opacity:1;-webkit-transform:scale(0.84);transform:scale(0.84)}
.tobi button:focus:focus{outline-color:rgba(255,255,255,0.1)}
@media screen and (prefers-reduced-motion: reduce) {
.tobi button:active,.tobi button:focus,.tobi button:hover{-webkit-transform:none;transform:none}
}
.tobi button.tobi__prev,.tobi button.tobi__next{top:50%;top:calc(50% - 2.22222em)}
.tobi button.tobi__prev svg,.tobi button.tobi__next svg{height:3.88889em;width:3.88889em}
.tobi button.tobi__prev{left:0}
.tobi button.tobi__next{right:0}
.tobi button.tobi__close{right:.27778em;top:5em}
.tobi button.tobi__close svg{height:3.33333em;width:3.33333em}
.tobi button:disabled,.tobi button[aria-hidden="true"]{display:none}
.tobi__counter{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.11111em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:1em;line-height:1;position:absolute;top:2.22222em}
.tobi__counter[aria-hidden="true"]{display:none}
.tobi-loader{display:inline-block;height:5.55556em;left:calc(50% - 2.77778em);position:absolute;top:calc(50% - 2.77778em);width:5.55556em}
.tobi-loader::before{-webkit-animation:spin 1s infinite;animation:spin 1s infinite;border-radius:100%;border:.22222em solid #949ba3;border-top-color:#fff;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}
@-webkit-keyframes spin {
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.wrapper{width:90%;max-width:1540px;margin:0 auto}
.cols{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.col-card{width:calc(25% - 2rem);margin:1rem;cursor:pointer}
.container-card{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}
.front-card,.back-card{background-size:cover;background-position:center;-webkit-transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-o-transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1),-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;min-height:280px;height:auto;border-radius:10px;color:#fff;font-size:1.2rem}
.back-card{background:#2196F3}
.front-card:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:'';display:block;opacity:.2;background-color:#021035;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px}
.container-card:hover .front-card,.container-card:hover .back-card{-webkit-transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-o-transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1),-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1)}
.back-card{position:absolute;top:0;left:0;width:100%}
.inner-card{-webkit-transform:translateY(-50%) translateZ(60px) scale(0.94);transform:translateY(-50%) translateZ(60px) scale(0.94);top:50%;position:absolute;left:0;width:100%;padding:2rem;-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2}
.container-card .back-card{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.container-card .front-card{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.container-card:hover .back-card{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.container-card:hover .front-card{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.front-card .inner-card p{font-size:1.5rem;margin-bottom:2rem;position:relative}
.front-card .inner-card p:after{content:'';width:4rem;height:2px;position:absolute;background:#C6D4DF;display:block;left:0;right:0;margin:0 auto;bottom:-.75rem}
.front-card .inner-card span{color:rgba(255,255,255,0.7)}
@media screen and (max-width: 90rem) {
.inner-card{padding:1rem}
.back-card{font-size:1rem;line-height:1.5}
}
@media screen and (max-width: 64rem) {
.col-card{width:calc(33.333333% - 2rem)}
}
@media screen and (max-width: 48rem) {
.col-card{width:calc(50% - 2rem)}
}
@media screen and (max-width: 32rem) {
.col-card{width:100%;margin:0 0 2rem}
}
@font-face{font-family:'icomoon';src:url(../ico-fonts/icomoon.eot?cubgn9);src:url(../ico-fonts/icomoon.eot?cubgn9#iefix) format("embedded-opentype"),url(../ico-fonts/icomoon.woff2?cubgn9) format("woff2"),url(../ico-fonts/icomoon.ttf?cubgn9) format("truetype"),url(icomoon.woff?cubgn9) format("woff"),url(../ico-fonts/icomoon.svg?cubgn9#icomoon) format("svg");font-weight:400;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ikone,.ikone2,.ikone3{text-align:center;vertical-align:top;margin:0 auto}
.ikone i{display:inline-block;background:#fff;color:#1e1e1e;border:solid 1px #ccc;margin-bottom:4px}
.ikone2 i{display:inline-block;background:#fff;color:#2196f3;border:solid 1px #ffb536;margin-bottom:4px}
.ikone i:hover,.ikone2 i:hover{background:#D92227;border:solid 1px #D92227;-webkit-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear}
.speci{display:block;font-family:"icomoon";font-size:48px;line-height:1;padding:30px}
.speci2{display:block;font-family:"icomoon";font-size:46px;line-height:1;padding:24px}
.ikone i:hover,.ikone2 i:hover{color:#fff}
@media only screen and (max-width:1240px) {
.speci2{font-size:27px;padding:20px}
}
@media only screen and (max-width:1100px) {
.speci{font-size:40px}
}
@media only screen and (max-width:1024px) {
.speci{font-size:32px;padding:20px}
.speci2{font-size:20px}
}
@media only screen and (max-width:768px) {
.speci{font-size:24px;padding:12px}
}
.social{padding:0;list-style:none;margin-top:25px;width:160px;margin-left:auto;margin-right:auto}
.social li{display:inline-block;margin:.15em;position:relative}
.social i{color:#fff;position:absolute;top:8px;left:9px;transition:all 265ms ease-out}
.social i.icoinsta{position:absolute;top:8px;left:8px}
.social i.icoface{color:#fff;position:absolute;top:8px;left:8px}
.social i.icotwit{color:#fff;position:absolute;top:8px;left:8px}
.social i.icoyou{color:#fff;position:absolute;top:8px;left:8px}
.social a{display:inline-block}
.social a:before{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);content:" ";width:32px;height:32px;border-radius:100%;display:block;transition:all 265ms ease-out}
.social a.insta:before{background:#c32aa3;font-size:.9em}
.social a.fejs:before{background:#1877f2;font-size:.9em}
.social a.twit:before{background:#1da1f2;font-size:.9em}
.social a.yout:before{background:red;font-size:1em}
.social a:hover:before{transform:scale(0);transition:all 265ms ease-in}
.social a:hover i{transform:scale(1.6);-ms-transform:scale(1.6);-webkit-transform:scale(1.6);color:#D92227;background:#D92227;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all 265ms ease-in;width:42px;height:42px;top:17px;left:17px}
ul.phone-mail{display:block;margin:50px 0}
ul.phone-mail li{display:block;padding-left:30px;padding-bottom:20px}
ul.phone-mail li span{padding-left:20px}
ul.phone-mail li i.icocontact{width:30px;float:left;font-size:24px;padding-right:15px}
.icon-googleplus:before{content:"\e916"}
.icon-social:before{content:"\e916"}
.icon-gplus:before{content:"\e916"}
.icon-home:before{content:"\e915"}
.icon-compass:before{content:"\e912"}
.icon-direction:before{content:"\e912"}
.icon-guide:before{content:"\e912"}
.icon-phone:before{content:"\e913"}
.icon-mobile:before{content:"\e913"}
.icon-contact:before{content:"\e913"}
.icon-telephone:before{content:"\e913"}
.icon-envelope:before{content:"\e914"}
.icon-mail:before{content:"\e914"}
.icon-email:before{content:"\e914"}
.icon-letter:before{content:"\e914"}
.icon-message:before{content:"\e914"}
.icon-facebook-logo:before{content:"\e90e"}
.icon-instagram-logo:before{content:"\e90f"}
.icon-twitter:before{content:"\e910"}
.icon-youtube:before{content:"\e911"}
.icon-parking:before{content:"\e900"}
.icon-museum:before{content:"\e901"}
.icon-washing-machine:before{content:"\e902"}
.icon-dishwasher:before{content:"\e903"}
.icon-kitchen:before{content:"\e904"}
.icon-pool:before{content:"\e905"}
.icon-air-conditioner:before{content:"\e906"}
.icon-bbq:before{content:"\e907"}
.icon-basket:before{content:"\e908"}
.icon-ping-pong-table:before{content:"\e909"}
.icon-volleyball:before{content:"\e90a"}
.icon-table-football:before{content:"\e90b"}
.icon-wifi:before{content:"\e90c"}
.icon-tv:before{content:"\e90d"}
:root {
  font-size: 1em;
  --accent-color:#D92227;
  --txt-shadow-color:silver;
  --menu-container-background: rgba(217,34,39, 0.9); 
}
.circle{display:inline-block;width:8px;height:8px;border-radius:50%;border:solid 1px #0298D7}
.menu-items{list-style:none;display:block;padding:1em;margin:0}
.menu-items > li > a{display:block;color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:1px;padding:.2rem 0}
.menu-items > li + li{margin-left:0}
.menu-label{padding:0 5px;font-size:.7rem;margin-left:.5rem;display:inline-block;opacity:0;-webkit-transform:translate(-2em);transform:translate(-2em);transition:all .5s linear}
.menu-items:hover .menu-label,.menu-items:focus .menu-label{-webkit-transform:translate(0);transform:translate(0);opacity:1}
.menu-items a:hover > .menu-label{color:#FBCC00;background-color:rgba(217,34,39, 1)}
.menu-items:hover .circle{border:solid 1px#fff!important;}
.menu-container{position:fixed;z-index:5;left:0;top: 50%; transform: translateY(-50%);transition:background-color .3s linear;border-top-right-radius:.3em;border-bottom-right-radius:.3em;background-color:transparent;border-left:4px solid var(--accent-color)}
.menu-container:hover{background-color:var(--menu-container-background)}
@media only screen and (max-width:768px){
.menu-container{border-left:4px solid #FBCC00}	
.circle{width:6px;height:6px;}
.menu-items > li > a{letter-spacing:0px;}	
.menu-items{padding:1em 0.3em;}
}
.youtube-player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#fff;margin:5px}
.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.youtube-player img{object-fit:cover;display:block;left:0;bottom:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:0;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}
.youtube-player img:hover{-webkit-filter:brightness(75%);-moz-filter:brightness(75%);filter:brightness(75%)}
.youtube-player .play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;background:url("https://wanderlust-istra-hostel.com/img/TxzC70f.png") no-repeat;cursor:pointer}