@font-face {
font-family: 'century-gothic';
src: local('century-gothic'), url(century-gothic.woff) format('woff');
}
@font-face {
font-family: 'ARIAL';
src: local('ARIAL'), url(ARIAL.woff) format('woff');
}
*{
margin:0;
padding:0;
text-decoration:none
}
html{
height: 100%;
width: 100%;
}
body {
margin: 0;
padding: 0;
font-family : 'century-gothic';
color: #ffffff;
overflow: hidden;
  }
h1, h2, .left {
font-family : 'century-gothic';
font-size : 32px;
font-weight: normal;
}
h3 {
font-family : 'century-gothic';
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
font-size-adjust : none;
font-stretch : normal;
font-size : 16px;
color : #ffffff;
}
#bottom {
position : absolute;
bottom : 0;
margin : auto;
overflow : hidden !important ;
float : left;
width : 100%;
height : 26px;
z-index : 4;
padding-right : 15px;
background: #24222d;
opacity : 0.60000002384185791015625;
filter : alpha(opacity=60); /* For IE8 and earlier */
}
.box {
position : absolute;
top : 20%;
left : 10%;
right : auto;
width : 300px;
padding-bottom : 100px;
}
.left {
text-align: justify;
font-weight: 500;
font-size : 14px;
}
.white {
color : #ffffff;
}
.flagbox {
position : absolute;
top: 50pt;
right : 15pt;
}
.temperature {
position : absolute;
bottom : 0;
left : 1px;
padding : 8px 4px 0px;
margin : 0 auto;
z-index : 5;
vertical-align : middle;
background : transparent;
}
.terms {
position : absolute;
bottom : 0;
right: 30px;
padding : 0px 0px 3px;
margin : 0 auto;
z-index : 5;
vertical-align : middle;
text-align : center;
background : transparent;
}
.cbp-bislideshow {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
padding: 0;
margin: 0;
}
.cbp-bislideshow li {
position: absolute;
width: 101%;
height: 101%;
top: -0.5%;
left: -0.5%;
opacity: 0;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
transition: opacity 1s;
}
.backgroundsize .cbp-bislideshow li {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-position: center center;
}
.backgroundsize .cbp-bislideshow li img {
	display: none;
}
.cbp-bislideshow li img {
display: block;
width: 100%;
}
a {
color: #5dc;
text-decoration: none;
}
a:hover {
color: #6ae1d2;
}
.container {
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;
position: relative;
transition: all 0.3s;
}
.menu-open {
-webkit-transform: translate(-230px, 0);
transform: translate(-230px, 0);
}
#nav {
background: #24222d;
opacity : 0.60000002384185791015625;
filter : alpha(opacity=60); /* For IE8 and earlier */
text-align: center;
margin: 0;
padding: 6px 0;
width: 100%;
}
#nav li {
display: inline-block;
}
#nav li a {
display: block;
color: #ffffff;
font-size: 1rem;
padding: 6px 6px;
border: 2px solid transparent;
text-decoration: none;
-webkit-transition:all ease-in-out .3s;
transition: all ease-in-out .3s;
}
#nav li a:hover {
border: 2px solid #ffffff;
}
.home {
text-decoration: underline;
}
/* Burger */
 .toggle {
display: none;
position: absolute;
left: -55px;
top: 0;
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
padding: 15px 15px 10px;
}
.toggle .bar1,
.toggle .bar2,
.toggle .bar3 {
width: 25px;
height: 2px;
background: #ffffff;
margin-bottom: 8px;
-webkit-transition:all .3s ease;
transition: all .3s ease;
}
/* Change it to an X */
#nav.open .toggle .bar1 {
-webkit-transform: rotate(45deg) translate(8px, 7px);
transform: rotate(45deg) translate(8px, 7px);
}
 #nav.open .toggle .bar2 {
opacity: 0;
}
 #nav.open .toggle .bar3 {
-webkit-transform: rotate(-45deg) translate(7px, -6px);
transform: rotate(-45deg) translate(7px, -6px);
}
@media (max-width: 768px) {
body {
min-width: 320px;
}
.toggle {
display: block;
}
#nav {
width: 230px;
max-width: 480px;
height: 100%;
position: absolute;
top: 0;
right: -230px;
}
#nav li{
display: block;
}
#nav li a:hover, #nav li a:focus {
border-color: transparent;
background: rgba(0, 0, 0, 0.5);
color: #5cd;
}
}