@import url('https://fonts.googleapis.com/css?family=Cabin&text=0123456789,$%');

@font-face {
  font-family: 'Frutiger Black';
  src: url('../fonts/FrutigerLTStd-Black.otf');
}

@font-face {
  font-family: 'Frutiger Light';
  src: url('../fonts/FrutigerLTStd-Light.otf');
}

.main_logo {
    max-width: 100%;
    max-height: 100%;
}

.sidebar-close-btn:hover {
    cursor: pointer;
}

.sidebar-menu-btn:hover {
    cursor: pointer;
}

.sidebar-content {
    position: absolute;
    top: -7px;
    left: -3px;
    height: 102%;
    width: 30%;
    margin-left: -40%;
    background: url('../../assets-additional/opened-menu.png') no-repeat;
    background-size: cover;
    z-index: 99;
    -webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.75);
}

.sidebar-content ul {
    list-style: none;
    position: absolute;
    top: 250px;
    width: 90%;
}

.sidebar-content ul li {
    padding: 5px 0;
    border-bottom: 1px solid #00b1e5;
}

.sidebar-content ul li.blue:not(:first-child) {
    margin-top: 30px;
}

.sidebar-content ul li.blue a {
    font-weight: 900;
    color: #00b1e5;
}

.sidebar-content ul li a {
    text-transform: uppercase;
}

.sidebar-content ul li.blue a:hover {
    color: #fff;
}

.sidebar-content ul li a:hover {
    text-decoration: none;
    color: #00b1e5;
}

.grow-animation {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.grow-animation.up { transform: translateY(-100%);-webkit-animation-name: growingUp; animation-name: growingUp; }
.grow-animation.right { transform: translateX(-100%); -webkit-animation-name: growingRight; animation-name: growingRight; }

.grow-animation.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.grow-animation.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }
.grow-animation.delay-3s { animation-delay: 3s; -webkit-animation-delay: 3s; }
.grow-animation.delay-4s { animation-delay: 4s; -webkit-animation-delay: 4s; }
.grow-animation.delay-5s { animation-delay: 5s; -webkit-animation-delay: 5s; }
.grow-animation.delay-6s { animation-delay: 6s; -webkit-animation-delay: 6s; }

.animated.delay-1h5s { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.animated.delay-2h5s { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.animated.delay-3h5s { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.animated.delay-4h5s { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
.animated.delay-5h5s { -webkit-animation-delay: 5.5s; animation-delay: 5.5s; }

.grow-overflow {
	overflow: hidden;
}

.grow-overflow img {
	width: 100%;
	height: 100%;
}

@keyframes growingUp {
    0% {
    	transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes growingUp {
    0% {
    	transform: translateY(100%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes growingRight {
    0% {
    	transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes growingRight {
    0% {
    	transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

.frutiger-light {
	font-family: 'Frutiger Light' !important;
}

.eb-page-htmlContainer .absolute {
	position: absolute;
}

.eb-page-htmlContainer .title {
	-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.eb-page-htmlContainer .w-animated {
	display: none;
}

.eb-header .eb-toc-dropdown>li>a:hover, .eb-header .eb-share-dropdown>li>a:hover {
	background-color: rgba(0, 0, 0, .1);
}

.eb-header .eb-header-bg {
	background-color: rgba(0, 0, 0, .1);
}

.counter {
	position: absolute;
	font-family: 'Frutiger Black';
}

#fullsize-navigation {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: scroll;
	z-index: 999;
	transition: .2s all;
	display: none;
}

.close-btn {
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 4rem !important;
	z-index: 1000;
}

.close-btn:hover {
	text-decoration: none;
	cursor: pointer;
}

#fullsize-navigation ul {
	margin: auto;
	list-style: none;
	text-align: left;
	padding: 0px 20px;
	padding-top: 0;
	max-width: 400px;
}

#fullsize-navigation .container {
	padding-bottom: 70px;
}

#fullsize-navigation h3 {
	color: #000;
	margin-top: 10vh;
	margin-left: 20px;
}

#fullsize-navigation a:hover {
	font-size: 14px;
	color: #999;
	text-decoration: underline;
}

#fullsize-navigation a {
	font-size: 14px;
	color: #000;
}

#fullsize-navigation ul li {
	line-height: 14px;
	margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  #fullsize-navigation a {
	font-size: 12px;
}
#fullsize-navigation ul li {
	margin-bottom:5px;
	line-height: 12px;
}
}


div.eb-thumb-group ul li {
	cursor: e-resize; }

/* .eb-link {
        background-color: #A4DE02;
        opacity: 0.5
    }

    .eb-link.broken {
        background-color: #000 !important;
        opacity: 1 !important;
    }

*/

/*
.eb-page-htmlContainer a {
      animation: colorchange 3s;
      -webkit-animation: colorchange 3s;
} 

@keyframes colorchange
    {
      0%   {background: transparent;}
      50%  {background: #FCEB00;}
      100% {background: transparent;}
    }

    @-webkit-keyframes colorchange
    {
      0%   {background: transparent;}
      50%  {background: #FCEB00;}
      100% {background: transparent;}
    } */