@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=Gruppo&family=Play:wght@400;700&display=swap');
     @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@700&display=swap');
        body{
    margin: 0;
    background-color: #0000;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.background{
    width: 100%;
    background: url('../img/bgmain.jpg');
    background-size: cover;
    
}
.header {
    width: 100%;
    height: 202px;
    background: url('../img/group2.png') center no-repeat;
    background-size: cover;
}

.header_inner{
    width: 100%;
    margin: 0 20px;
    display: flex;
}
a{
		color: white;
		}




/*Фиксация----------------------------------------*/

.menu
{
  width: 100%;
  height: 60px; 
    display: flex;
    justify-content: space-around;
    z-index: 50;
}

.butt_m,
.butt_r,
.butt_p,
.butt_t,
.butt_a,
.butt_c
{  
font-family: 'Play', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 40px;
text-align: center;
color: rgba(255, 255, 255, 0.88);
    text-decoration: none; 
}
li {
    list-style-type: none; /* Убираем маркеры */
   }
nav {

width: 100%;

margin: 0 auto;

}

nav ul {

list-style: none;

margin: 0;

padding: 0;

}

.menu:after {

content: "";

display: none;}

.menu > li {

padding: 0.7% 0%;

float: left;

position: relative;

font-family: 'Play', sans-serif;

}

.menu > li > a {

text-transform: uppercase;

font-size: 2.1vw;

color: white;

}

.menu li a:hover { color: white;

font-weight: bold;}

.submenu-link:after {

font-family: 'Play', sans-serif;

color: inherit;

margin-left: 10px;

}

.submenu {

background: rgba(141, 11, 35, 0.8);

position: absolute;

left: 0;

top: 100%;

z-index: 5;

width: 210px;

transform: scaleY(0);

transform-origin: 0 0;

transition: .5s ease-in-out;

}

.submenu a {

color: white;

text-align: left;

padding: 12px 15px;

font-size: 20px;

margin: 100px 0;

}

.submenu li:last-child a { border-bottom: none; }

.menu > li:hover .submenu {

opacity: 1;

transform: scaleY(1);

}


/*Ссылка "Главная"----------------------------------------*/
.butt_m::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_m::before,
.butt_m::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_m:hover {
  font-weight: bold;
}



/*Ссылка "Рейтинг"---------------------------------------*/
.butt_r::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_r::before,
.butt_r::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_r:hover {
  font-weight: bold;
}


/*Ссылка "Пазлы"---------------------------------------*/
.butt_p::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_p::before,
.butt_p::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_p:hover {
  font-weight: bold;
}




 /*Ссылка "Тесты"*/
.butt_t::after 
{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_t::before,
.butt_t::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_t:hover 
{
  font-weight: bold;
}




/*Ссылка "О нас"---------------------------------------*/
.butt_a::after 
{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_a::before,
.butt_a::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_a:hover 
{
  font-weight: bold;
}



/*Ссылка "Контакты"-----------------------------------*/
.butt_c::after 
{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_c::before,
.butt_c::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_c:hover {
  font-weight: bold;
}
.text{
width: 50%;
font-family: EB Garamond;
font-style: normal;
font-weight: bold;
font-size: 76px;
margin-left: 10%;
color: #FFFFFF;
}
.text1{
    width: 50%;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 42px;
margin-top: 3%;
margin-left: 10%;
color: #FFFFFF;

}
.kino{
    font-family: Play;
font-style: normal;
font-weight: normal;
}
.kinopoisk{
     width: 50%;
font-family: Play;
font-style: normal;
font-weight: normal;
font-size: 42px;
line-height: 1;
 margin-left: 28%;   
color: #FFFFFF;
}
.bg_transparenta{
    width: 100%;
    height: 700px;
    background: url('../img/Rectangle%2015.png');
    margin: 0;
}
.bg_transparent{
    width: 100%;
    height: 700px;
    background: url('../img/stkhot.jpg');
      margin: 0;
}

.opisanie{
    height: 3400px;
  background: url('../img/%D1%84%D0%BE%D0%BD2.png');  
}

.rectangle{
    height: 3400px;
  background: url('../img/Rectangle%2011.png');  
}
.treyler{
    width: 50%;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 70px;
line-height: 2;
margin-left: 44.3%;
color: #FFFFFF;
}
.treller{
   width: 80%;
font-family: Play;
font-style: normal;
font-weight: normal;
font-size: 36px;
text-align: justify;
margin-left: 10%;
color: #FFFFFF; 
}
.video{
     height: 710px;
    width: 900px;
    margin: 4% 17% 0% 17%;
     background: url('../img/Rectangle%2016.png');  
}
.texttreller{
     width: 50%;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 2;
margin-left: 82%;
color: #FFFFFF;
}



.six {
    width: 25%;
    height: 10%;
    position: absolute;
    margin-left: 20%;
    margin-top: 4%;
    filter: drop-shadow(0px 9px 15px rgba(219, 38, 38, 0.7));
    background: black;
border: 1px solid #000000;
box-sizing: border-box;
box-shadow: 0px 9px 20px rgba(0, 0, 0, 0.25);
border-radius: 40px;
    z-index: 2;
    color: white;
    font-family: 'Play', sans-serif;
    font-size: 230%;
}
.six:focus,
.six:active,
.six:hover {
    outline: none;
    background: rgba(219, 38, 38, 0.8);
}

.line{
    position: absolute;
width: 45%;
margin-top: 13%;
left: 0;
}


/*Обнуление*/
,*:before,*:after{
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}
/*Стили для демонстрации*/
            .bodies{
                height: 100%;


                width: 170%;
                margin-left: -33%;

            }
.wrapper{
	height: 100%;
	padding: 50px;
	display: flex;
	justify-content:center;
	align-items: center;
}



/* Основные стили */

/* Слайдер */
.slick-slider{
	min-width: 70%;
}
/* Ограничивающая оболочка */
.slick-list {
	overflow: hidden;
}
/* Лента слайдов */
.slick-track{
	display: flex;
	align-items: flex-start;
}

/* Слайд */
.slick-slide{}
/* Слайд активный */
.slick-slide.slick-active{}
/* Слайд основной */
.slick-slide.slick-current{}
/* Слайд по центру */
.slick-slide.slick-center{}

/* Стрелка */
.slick-arrow{}
/* Стрелка влево */
.slick-arrow.slick-prev{}
/* Стрелка вправо */
.slick-arrow.slick-next{}
/* Стрелка не активная */
.slick-arrow.slick-disabled{}

/* Точки */
.slick-dots{}
.slick-dots li{}
.slick-dots button{}

/* Конкретный слайдер */
.slider {
	position: relative;
	padding: 0vw;
    top: 310%;
    width: 90%;
}



.slider .slick-arrow{
	position: absolute;
	top: 50%;
	margin: -30px 0px 0px 0px;
	z-index: 10;
	font-size: 0;
	width: 30px;
	height: 60px;
}
.slider .slick-arrow.slick-prev{
	left: 0;
	background: url('../img/sl-arrow_l.svg') 0 0 / 100% no-repeat;
}
.slider .slick-arrow.slick-next{
	right: 0;
	background: url('../img/sl-arrow_r.svg') 0 0 / 100% no-repeat;
}
.slider .slick-arrow.slick-disabled{
	opacity: 0.2;
}

.slider .slick-dots{
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider .slick-dots li{
	list-style: none;
	margin: 0px 10px;
}
.slider .slick-dots button{
	font-size: 0;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 50%;
}

.slider .slick-dots li.slick-active button{
	background-color: transparent;
	border: 1px solid #fff;
}

.slider__item {
	padding: 0px 15px;
}
.slider__item img{
	width: 300px;
    height: 400px;
}
.slider__item.slick-center{
	
} 



.facts{
    width: 50%;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 70px;
    line-height: 2;
 margin-top: 18%;   
margin-left: 41.3%;
color: #FFFFFF;
}
.textfacts{
  width: 80%;
font-family: Play;
font-style: normal;
font-weight: normal;
font-size: 36px;
text-align: justify;
margin-left: 10%;
color: #FFFFFF;   
}
.textfacts1{
  margin-top: 3%;  
}
.line2{
   position: absolute;
width: 45%;
margin-top: 7%;
left: 52.6%; 
}

.bg2 {
 position: absolute;
margin-top: -7%;
width: 10%;
}

.media {
    position: absolute;
width: 100%;  
display: flex;
justify-content: center;
    margin-top: -1%;

font-family: 'Play', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 50px;
color: #FFFFFF;
}

.q {
    position: absolute;
width: 100%;
display: flex;
justify-content: center;
    margin: 55px auto;

font-family: 'Play', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 45px;
text-align: center;
color: #FFFFFF;
}

.contacts{
    position: absolute;
display: flex;
justify-content: space-around;
width: 100%;
max-width: 500px;
    margin-top: 150px;
    margin-left: 420px;


}
.inst:hover {
  filter: drop-shadow(0px 0px 20px #FEF8F8);    
}
.tg:hover {
     filter: drop-shadow(0px 0px 20px #FEF8F8); 
}
.vk:hover {
     filter: drop-shadow(0px 0px 20px #FEF8F8); 
}
.right_line{
 width: 33%;
}
.right_line_bg{
width: 100%;
background: rgba(0, 0, 0, 1);
 margin: 0;
display: flex;
    justify-content: flex-end;
}

.scrollup{
width: 10%;
max-width: 60px;
position: fixed;  
height: 10%; 
right: 50%;
bottom: 5%;
    z-index: 200;
}

.line3{
position: absolute;
width: 45%;
margin-top: -5%;
left: 0;
}

@media only screen and (max-device-width: 1920px) {
    
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=Gruppo&family=Play:wght@400;700&display=swap');
     @import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@700&display=swap');
 
html { overflow-x: hidden; }
    
body{
    width: 100%;
    margin: 0;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow-x: hidden;
}
    
.background{
    width: 100vw;
    background: url('../img/bgmain.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
    
.header {
    width: 100vw;
    height: 12.63vw;
    background: url('../img/group2.png'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.header_inner{
    max-width: 100vw;
    margin: 0 1.25vw;
    display: flex;
}
    
* {
box-sizing: border-box;
}

a {
text-decoration: none;
}

/*    МЕНЮ-БУРГЕР*/
#menu-burger {
 width: 60px;
  height: 60px;
  background: rgba(141, 11, 35, 0.88);
  border-radius: 50%;
  position: fixed;
  margin-top: -9%;
  left: -5%;
    cursor: pointer;
  z-index: 200;
}

#menu-burger .menu-icon {
 display: block;
  height: 2px;
  width: 20px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -1px;
}

#menu-burger .menu-icon:after {
content: '';
display: block;
height: 2px;
width: 18px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -9px;
margin-top: -5px;
transition: 0.35s;
}

#menu-burger .menu-icon:before {
content: ' ';
display: block;
height: 2px;
width: 18px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
margin-left: -9px;
margin-top: 4px;
transition: 0.35s;
}

#menu-burger .menu-icon.open:before{
transform: rotate(45deg);
margin-top: -1px;
background: #000;
}

#menu-burger .menu-icon.open:after{
transform: rotate(-45deg);
margin-top: -1px;
background: #000;
}

#menu-burger.open {
background: #fff;
}

#menu-burger .menu-icon.open {
background: #fff;
}

#overlay-menu {
position: fixed;
background: rgba(141, 11, 35, 0.88);
height: 100%;
width: 30%;
top: 0;
opacity: 0.85;
z-index: 100;
right: -100vw;
transition: 0.35s;
}

#overlay-menu.open {
right: 0%;
}

#overlay-menu nav {
height: 60%;
position: relative;
top: 50%;
left: 0;
transform: translateY(-50%);
font-size: 31px;
text-align: center;

}

#overlay-menu nav ul {
margin: 10%;
height: 0;
display: inline-block;
}

#overlay-menu nav ul li {
position: relative;
color: #fff;
margin-bottom: 20px;
list-style-type: none
}

#overlay-menu nav ul li a {
color: #fff;

}
.down_arrow{
max-width: 20px;
margin: 0 2%;
    }


    .accordeon,
.accordeon ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.accordeon li {
	margin: 0 0 2px 0;
	padding: 0 65px;
    text-align: left;
    
}

.accordeon > li > a {
	color: #333;
	display: block;
	font-weight: 700;
      font-family: 'Play', sans-serif;
	padding: 0;
	text-decoration: none;
	vertical-align: top;
	width: 100%;
}
.accordeon > li.slide > a,
.accordeon > li.active > a {
	color: #FFF;

}
.accordeon > li > ul {
	display: none;
	width: 100%;
	padding: 10px 8px;
    margin: 100px;
}
.accordeon > li.active > ul {
	display: block;
}

.accordeon > li > ul > li {
	padding: 5px 0;
	text-decoration: none;
	display: block;
	color: #333;
}
    @media (min-width: 1170px){
    #menu-burger{
        display: none;
    }
}
@media (max-width: 1170px){
    .menu{
        display: none;
    }
    #menu-burger{
        display: inline-block;
        width: 5vw;
        height: 5vw;
     
    }
}
*/
/*Фиксация----------------------------------------*/



}


.butt_m,
.butt_r,
.butt_p,
.butt_t,
.butt_a,
.butt_c
{  
font-family: 'Play', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 2.50vw;
text-align: center;
color: rgba(255, 255, 255, 0.88);
text-decoration: none; 
}
    
/*Ссылка "Главная"----------------------------------------*/
.butt_m::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_m::before,
.butt_m::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_m:hover {
  font-weight: bold;
}

/*Ссылка "Рейтинг"---------------------------------------*/
.butt_r::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_r::before,
.butt_r::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_r:hover {
  font-weight: bold;
}

/*Ссылка "Пазлы"---------------------------------------*/
.butt_p::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_p::before,
.butt_p::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_p:hover {
  font-weight: bold;
}

 /*Ссылка "Тесты"*/
.butt_t::after 
{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_t::before,
.butt_t::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_t:hover 
{
  font-weight: bold;
}

/*Ссылка "О нас"---------------------------------------*/
.butt_a::after 
{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_a::before,
.butt_a::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_a:hover 
{
  font-weight: bold;
}

/*Ссылка "Контакты"-----------------------------------*/
.butt_c::after 
{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

.butt_c::before,
.butt_c::after 
{
  content: '';
  position: absolute;
  z-index: -1;
}

.butt_c:hover {
  font-weight: bold;
}
    
.text{
width: 50vw;
font-family: EB Garamond;
font-style: normal;
font-weight: bold;
font-size: 4.75vw;
margin-left: 10vw;
color: #FFFFFF;
}
.text1{
    width: 50vw;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 2.63vw;
margin-top: 3vw;
margin-left: 10vw;
color: #FFFFFF;

}
    
.kino{
font-family: Play;
font-style: normal;
font-weight: normal;
}
    
.kinopoisk{
width: 50vw;
font-family: Play;
font-style: normal;
font-weight: normal;
font-size: 2.63vw;
line-height: 1;
 margin-left: 11.7vw;   
color: #FFFFFF;
}
    
.bg_transparenta{
    width: 100vw;
    height: 43.75vw;
    background: url('../img/Rectangle%2015.png');
    margin: 0;
    background-size: cover;

}
    
.bg_transparent{
    width: 100vw;
    height: 43.75vw;
    background: url('../img/vok.png');
    background-size: cover;
    margin: 0;
}

.opisanie{
  height: 212.50vw;
  background: url('../img/%D1%84%D0%BE%D0%BD2.png');  
  background-size: cover;
width: 100vw;
}

.rectangle{
    height: 212.50vw;
  background: url('../img/Rectangle%2011.png');  
}
.treyler{
width: 50vw;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 4.38vw;
line-height: 2;
margin-left: 44.3vw;
color: #FFFFFF;
}
.treller{
width: 80vw;
font-family: Play;
font-style: normal;
font-weight: normal;
font-size: 2.25vw;
text-align: justify;
margin-left: 10vw;
color: #FFFFFF; 
object-position: center;
}
.video{
    height: 35vw;
    width: 60vw;
    margin-left: 19vw;
     background: url('../img/Rectangle%2016.png');  
     background-size: cover;
    background-position: center;
}
    
video {
position: absolute;
width: 60vw;
object-position: center;
height: auto;
margin-top: 0vw;
}

.texttreller{
width: 50vw;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 2.25vw;
line-height: 2;
margin-left: 45vw;
color: #FFFFFF;
}


.six {
    width: 25vw;
    height: 7vw;
    position: absolute;
    object-position: center;
    margin-top: 46vw;
    filter: drop-shadow(0vw 0.56vw 0.94vw rgba(219, 38, 38, 0.7));
    background: black;
    border: 0.06vw solid #000000;
    box-sizing: border-box;
    box-shadow: 0vw 0.56vw 1.25vw rgba(0, 0, 0, 0.25);
    border-radius: 2.50vw;
    z-index: 2;
    color: white;
    font-family: 'Play', sans-serif;
    font-size: 2.5vw;
}
    
.six:focus,
.six:active,
.six:hover {
    outline: none;
    background: rgba(219, 38, 38, 0.8);
}

.line{
    position: absolute;
    width: 45vw;
    margin-top: 55vw;
    left: 0;
    background-size: cover;
}
.facts{
    width: 50vw;
font-family: Play;
font-style: normal;
font-weight: bold;
font-size: 4.38vw;
    line-height: 2;
 margin-top: 27vw;   
margin-left: 41.3vw;
color: #FFFFFF;
}
    
.textfacts{
  width: 80vw;
font-family: Play;
font-style: normal;
font-weight: normal;
font-size: 2.25vw;
text-align: justify;
margin-left: 10vw;
color: #FFFFFF; 
margin-top: 1vw;
object-position: center;
}
    
.textfacts1{
  margin-top: 3vw;  
}
    
.line2 {
position: absolute;
width: 45vw;
margin-top: 4vw;
left: 55vw; 
background-size: cover;
}

.bg2 {
position: absolute;
margin-top: 60vw;
width: 100vw;
background-size: cover;
background-repeat: no-repeat;
margin-top: 60vw;
}
       
.line3{
position: absolute;
width: 45vw;
margin-top: 59.2vw;
}
    
.media {
position: absolute;
width: 100vw;  
display: flex;
justify-content: center;
    margin-top: 65vw;

font-family: 'Play', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 3.13vw;
color: #FFFFFF;
}
.q {
position: absolute;
width: 100vw;
display: flex;
justify-content: center;
margin: 3.44vw auto;
margin-top: 72vw;
font-family: 'Play', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 2.81vw;
text-align: center;
color: #FFFFFF;
}
    
.contacts{
    position: absolute;
    display: flex;
justify-content: space-around;
    max-width: 31.25vw;
    margin-top: 80vw;
    margin-left: 33vw;
}

.inst {
    width: 6vw;
    height: 6vw;
    position: absolute;
    left: 3vw;
    }

.tg {
    width: 6vw;
    height: 6vw;
    position: absolute;
    left: 13vw;
    }
    
.vk {
    width: 6vw;
    height: 6svw;
    position: absolute;
    left: 23vw;
    }
    
.inst:hover {
  filter: drop-shadow(0vw 0vw 1.25vw #FEF8F8);    
}
.tg:hover {
     filter: drop-shadow(0vw 0vw 1.25vw #FEF8F8); 
}
.vk:hover {
     filter: drop-shadow(0vw 0vw 1.25vw #FEF8F8); 
}
.right_line{
 width: 33vw;
}
.right_line_bg{
width: 100vw;
background: rgba(0, 0, 0, 1);
 margin: 0;
display: flex;
    justify-content: flex-end;
}

.scrollup{
width: 5vw;
position: fixed;  
height: 10vw; 
right: 2.5vw;
bottom: 5vw;
z-index: 200;
} 
    
.slider {
	position: absolute;
    top: 310vw;
    object-position: center;
    width: 100vw;
}

.bodies{
	height: 48vw;
	width: 107vw;
    margin-right: 10vw;
    }
    
    .slider {
	position: relative;
	padding: 0vw;
    top: 105vw;
    width: 100vw; 
    margin-right: 7.5vw; 
}

.slider__item img{
	width: 30vw;
    height: 37vw;
}

.slider .slick-dots{
	display: flex;
    margin-left: -10vw;
}

 .slider .slick-dots li{
	list-style: none;
	margin: 0vw 1vw;    
}

.slider .slick-dots button{
	font-size: 0;
	width: 1.883vw;
	height: 1.883vw;
	background-color: #fff;
	border-radius: 50%;
    
}  
.slider .slick-arrow.slick-prev{
	left: 5vw;
    top: 20vw;
	background: url('../img/sl-arrow_l.svg') 0 0 / 100% no-repeat;
}
.slider .slick-arrow.slick-next{
	right: 5vw;
    top: 20vw;
	background: url('../img/sl-arrow_r.svg') 0 0 / 100% no-repeat;
}
}

@media only screen and (max-device-width:1280px) {
   .slider {
	position: absolute;
    top: 310vw;
    object-position: center;
    width: 100vw;
}

.bodies{
	height: 48vw;
	width: 112.7vw;
    margin-right: 15vw;
    }
    
    .slider {
	position: relative;
	padding: 0vw;
    top: 113vw;
    width: 100vw; 
    margin-right: 11.5vw; 
}
}

@media only screen and (max-device-width: 1200px){
.menu{
display: none;
}

#menu-burger{
display: inline-block;
width: 5vw;
height: 5vw;
}
  a.bu{
        font-size: 25px;
        color: white;
      font-weight: 700;
        font-family: 'Play', sans-serif;
         position: relative;
list-style-type: none;
display: inline-block;
        padding: 0 65px;
        margin-bottom: 20px;
    }   
* {
box-sizing: border-box;
}

a {
text-decoration: none;
}

#menu-burger {
background: rgba(141, 11, 35, 0.88);
border-radius: 30vw;
position: fixed;
margin:-9vw 90vw;
cursor: pointer;
z-index: 200;
}

#menu-burger .menu-icon {
display: block;
height: 0.16vw;
width: 1.57vw;
background: #fff;
position: absolute;
top: 2.3vw;
left: 2.45vw;
margin-left: -0.58vw;
margin-top: 0vw;
}

#menu-burger .menu-icon:after {
content: '';
display: block;
height: 0.16vw;
width: 1.5vw;
background: #fff;
position: absolute;
top: 0.1vw;
left: 0.6vw;
margin-left: -0.56vw;
margin-top: -0.38vw;
transition: 0.35s;
}

#menu-burger .menu-icon:before {
content: ' ';
display: block;
height: 0.16vw;
width: 1.5vw;
background: #fff;
position: absolute;
top: 0.1vw;
left: 0.6vw;
margin-left: -0.56vw;
margin-top: 0.22vw;
transition: 0.35s;
}

#menu-burger .menu-icon.open:before{
transform: rotate(45deg);
margin-top: -0.06vw;
background: #000;
}

#menu-burger .menu-icon.open:after{
transform: rotate(-45deg);
margin-top: -0.06vw;
background: #000;
}

#menu-burger.open {
background: #fff;
}

#menu-burger .menu-icon.open {
background: #fff;
}

#overlay-menu {
position: fixed;
background: rgba(141, 11, 35, 0.88);
height: 100%;
width: 30vw;
top: 0;
opacity: 0.85;
z-index: 100;
right: -100vw;
transition: 0.35s;
}

#overlay-menu.open {
right: 0vw;
}

#overlay-menu nav {
height: 70vw;
position: relative;
top: 50vw;
left: -35%;
transform: translateY(-55%);
text-align: justify;
margin: 0 35%;
}

#overlay-menu nav ul {
margin: auto;
height: 0%;
}

#overlay-menu nav ul li {
position: relative;
color: #fff;
list-style-type: none;
font-size: 25px;
margin-bottom: 15px;
}

#overlay-menu nav ul li a {
color: #fff;
}
}
.down_arrow{
max-width: 15px;
margin: 3%  2%;
    }
    }

@media only screen and (max-device-width:1024px) {
   .slider {
	position: absolute;
    top: 310vw;
    object-position: center;
    width: 100vw;
}

.bodies{
	height: 48vw;
	width: 118vw;
    margin-right: 15vw;
    }
    
    .slider {
	position: relative;
	padding: 0vw;
    top: 113vw;
    width: 100vw; 
    margin-right: 17vw; 
}
    
.slider__item img{
	width: 30vw;
    height: 37vw;
    padding-left: 2vw;
}
 #overlay-menu nav {
height: 70vw;
position: relative;
top: 50vw;
left: -30%;
transform: translateY(-55%);
text-align: justify;
margin: 0 30%;
}


#overlay-menu nav ul li {
position: relative;
color: #fff;
list-style-type: none;
font-size: 25px;
margin-bottom: 20px;
}
    a.bu{
       position: relative;
color: #fff;
list-style-type: none;
font-size: 25px;
display: inline-block;
        padding: 0 65px;
        font-weight: 700;
        font-family: 'Play', sans-serif;
        margin-bottom: 20px;
    }
}
@media only screen and (max-device-width:767px) {
   .slider {
	position: absolute;
    top: 310vw;
    object-position: center;
    width: 100vw;
}

.bodies{
	height: 48vw;
	width: 109vw;
    margin-right: 15vw;
    }
    
    .slider {
	position: relative;
	padding: 0vw;
    top: 105vw;
    width: 100vw; 
    margin-right: 3vw; 
}
    
.slider__item img{
	width: 33vw;
    height: 38vw;
    padding-left: 1vw;
}
	  #overlay-menu nav {
height: 70vw;
position: relative;
top: 55vw;
left: -7%;
transform: translateY(-55%);
text-align: justify;
margin: 0 20%;
}

#overlay-menu nav ul {
    margin: auto;
    height: 0%;
    padding: 0 7%;
    }
#overlay-menu nav ul li {
position: relative;
color: #fff;
list-style-type: none;
font-size: 20px;
margin-bottom: 10%;
}
    
     a.bu{
    position: relative;
    color: #fff;
    list-style-type: none;
    font-size: 20px;
    display: block;
    padding: 0 15px;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    list-style-type: none;
    margin-bottom: 10%;
    margin-left: 0;
    }
    .accordeon li {
    margin: 0 2px 0;
    padding: 0 10px;
    text-align: left;

}

@media only screen and (max-device-width:548px) {
   .slider {
	position: absolute;
    top: 310vw;
    object-position: center;
    width: 100vw;
}

.bodies{
	height: 48vw;
	width: 100vw;
    }
    
    .slider {
	position: relative;
	padding: 0vw;
    top: 105vw;
    width: 100vw; 
    margin-right: 3vw; 
}
    
.slider__item img{
	width: 36vw;
    height: 39vw;
}

    .slider__item {
        padding-left: 20vw;
    }
	 #overlay-menu nav {
height: 70vw;
position: relative;
top: 50vw;
left: -25%;
transform: translateY(-50%);
text-align: justify;
margin: 0 35%;
}
#overlay-menu nav ul li {
font-size: 20px;
}
}


@media only screen and (max-device-width:450px) {
    .slider__item {
    padding-left: 19vw;
    }
    
    .slider .slick-dots li{
	list-style: none;
	margin: -3vw 1vw;    
}
  #overlay-menu nav {
height: 70vw;
position: relative;
top: 50vw;
left: 1%;
transform: translateY(-50%);
text-align: justify;
margin: 0;
}
#overlay-menu nav ul li {
font-size: 15px;
	margin: 20% 0;
    
}
    
       a.bu{
    position: relative;
    color: #fff;
    list-style-type: none;
    font-size: 15px;
    display: block;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    list-style-type: none;
   
    margin: 20% 0;
    }
    .accordeon li {
    margin: 0 0 2px 0;
    padding: 0 10px;
    text-align: left;
}
    .accordeon > li > a {
    margin: 0% 0% 10% 7%;
            
}


@media only screen and (max-device-width:400px) {
    .slider__item {
    padding-left: 17vw;
    }
    
    .slider .slick-dots li{
	list-style: none;
	margin: -3vw 1vw;    
}
    
.slider .slick-dots button{
	font-size: 0;
	width: 1vw;
	height: 3vw;
	background-color: #fff;
	border-radius: 50%;  
} 
	#overlay-menu nav {
height: 70vw;
position: relative;
top: 50vw;
left: 2%;
transform: translateY(-50%);
text-align: justify;
margin: 0;
}
#overlay-menu nav ul li {
font-size: 15px;
margin: 20% 0;
    
}
    .down_arrow{
max-width: 10px;
margin: 3%  2%;
    }

}
@media only screen and (max-device-width:320px) {
.slider__item img{
	width: 32vw;
    height: 39vw;
}
    
.slider__item {
    padding-left: 16.5vw;
    }

.slider .slick-dots{
	display: flex;
    margin-left: -10vw;
}

 .slider .slick-dots li{
	list-style: none;
	margin: -5vw 1vw;    
}

.slider .slick-dots button{
	font-size: 0;
	width: 1vw;
	height: 3vw;
	background-color: #fff;
	border-radius: 50%;  
}  
    
.slider .slick-arrow.slick-prev{
	left: 5vw;
    top: 24vw;
	background: url('../img/sl-arrow_l.svg') 0 0 / 100% no-repeat;
    width: 1vw;
    height: 8vw;
}
.slider .slick-arrow.slick-next{
	right: 5vw;
    top: 24vw;
	background: url('../img/sl-arrow_r.svg') 0 0 / 100% no-repeat;
     width: 1vw;
    height: 8vw;
}

#overlay-menu nav {
height: 50vw;
position: relative;
top: 50vw;
transform: translateY(-50%);
text-align: justify;
}
#overlay-menu nav ul li {
font-size: 10px;
margin: 10% 0%;
    
}
       a.bu{
    position: relative;
    color: #fff;
    list-style-type: none;
    font-size: 10px;
    display: block;
    font-weight: 700;
    font-family: 'Play', sans-serif;
    list-style-type: none;
   
    margin: 10% 0%;
    }
#overlay-menu nav ul {
    margin: -5%;
        height: 0%;
    }
    .down_arrow{
max-width: 10px;
margin: 7%  -3%;
    }