html {
	scroll-behavior: smooth;
	}
	body { 
	background: white;
	font-family: lft-etica, sans-serif;
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 0;
    overflow-x: hidden;
}
#main {
   width: 100%;
   max-width:900px;
   margin: 0 auto;
   scroll-behavior: smooth;
}

#logo {
	width: 15%;
	height: 15%;
	padding-top: 1%;
	display: block;
	margin: 0 auto;
}
.footer {
   color: #aaa;
   text-align: center;
   white-space: nowrap;
 }
p {
	margin-top: 1.5em;
}
.pic {width: 100%}
a, a:link {
	color:#e70000;
}
a:visited {
	color: #e70000;
}
h1 {
	font-size: 3em;
	font-weight: normal;
	line-height: 0.80em;
	margin-top: 0;
}
h2 {
	font-size: 1.2em;
	color: #aaa;
	text-transform: uppercase;
}
hr {

	background-color: black;
	border-style: solid;
	height: 1px;
	margin: 6% 0;
}
#menu {
	display: block;
    margin: auto auto;
    width: 70%;
    text-align: center;
	}
#menu a {
   text-decoration: none;   
   font-weight: bold;
   font-size: 1em;
   background: black;
   padding: 0.15em 0.6em;
   color: white;
   white-space: nowrap;
}
table {
	margin: 0;
    padding-bottom: 1.2em;
    width: 100%;
    font-size: 0.8em;
    color: #000000;
}

table td {
	margin: 0;
	padding: 0 0 0 1em;
	border-style: solid;
	border-width: 0 0 0 2px;
	border-color: #aeaeae;
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;//65.25%;
    //padding-top: 30px;
    height: 0;
    overflow: auto; 
    //-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
    //border: solid black 1px;
}
.iframe-container iframe {
    position: absolute;
    border: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


* {
    box-sizing: border-box;
}

.slider {
    width: 100%;
    margin: 50px auto;
}

.slick-prev
{
    left: -50px;
}

.slick-slide {
    margin: 0px 0px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev,
.slick-next {
    color: black;
}

.slick-prev:before,
.slick-next:before {
    color: black;
    font-size: 40px;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
    color: #e70000; 
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
   	color: #e70000; 
}

.slick-slide {
    transition: all ease-in-out .2s;
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
   background: #eee url('gfx/loading.png') no-repeat center;
   
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);

}
.pos-relative{
	position: relative;
}
.align-center {
	text-align: center;
}
.hero-wrapper{
	padding-left: 3vw;
	padding-right: 3vw;
	box-sizing: border-box;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 100vh;
}
#aktuba {
	margin: 0;
	width: 100%;
}
#menu_container {
	position: absolute;
	padding-bottom: 6vh; 
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 100%;
}
#celltop {
	display: none;
	}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	body {
	    font-size: 1.2em;
		margin: 1em;
	}
	h1 {
		font-size: 2.5em;
	}
	#logo {
		width: 30%;
		height: 30%;
		}
	#menu {
		width: 100%;
		}
	.footer {
	   white-space: normal;
 	}
	#menu a {
	   text-decoration: none;   
	   font-weight: bold;
	   font-size: 1em;
	   background: none;
	   color: #e70000;
	   white-space: normal;
	   padding: 0;
	}
	.slick-arrow {opacity: 0;}
	#hero {display: none;}
	#celltop {display: block;
	}
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}