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

 @font-face{
 	font-family:'P22UndergroundCYPro-Demi';
 	src:url('../fonts/P22UndergroundCYPro-Demi.otf');
 }

@font-face{
 	font-family:'P22UndergroundCYPro-Book';
 	src:url('../fonts/P22UndergroundCYPro/P22UndergroundCYPro-Book.otf');
 }

@font-face{
 	font-family:'PetitaMedium';
 	src:url('../fonts/PetitaMedium.ttf');
 }

@font-face{
 	font-family:'PetitaLight';
 	src:url('../fonts/PetitaLight.ttf');
 }

@font-face{
 	font-family:'PetitaLight';
 	src:url('../fonts/PetitaLight.ttf');
 	}


html, body{
    font-size:16px;
	padding: 0;
	margin: 0;
	/*margin-bottom: -10px;*/


}

html,
body {
    height: 100%;

}


body{
    font-family:'P22UndergroundCYPro-Demi';
	font-weight: 400;
    background-color: #000;
    position: relative;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

p {
   font-family:'P22UndergroundCYPro-Book';
}

/* ==========================================================================
   MENU CONFIGURATION
   ========================================================================== */

.menu {
	position: fixed;
	/*right: -200px;*/
	left:-282px;
	width: 282px;
	height: 100%;
	top: 0;
	z-index: 500;
	text-align: left;
}

.menu.menu-open {
	left:0px;
}

.menu-wrap {
	position: absolute;
	top: 0;
	left: 0px;
	background: #e6e6e6;
	width: 282px;
	height: 100%;
	overflow-y: scroll;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.wrap_about{
    width: 70%;
    margin: 0 auto;
    position:relative;
    top:12%;
    text-align:left;
}

.wrap_about h4{
    margin-bottom:3%;

}

.wrap_about p{
    margin-bottom:7%;

}


.wrap_about small{
    font-size:0.6rem;
    color:#8a8a8a;
}

.about, .service {
    margin-top:6%;

    text-align: left;
}

.call-back{
    background:#982d33;
    border-radius:5px;
    width:80%;
    color:#fff;
    padding:5px;
    text-align:center;
    cursor:pointer;
    margin-bottom:30%;
}

.menu h1 .logo a {
	font-family: "Oswald-700", sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.15em;
	line-height: 40px;
	text-transform: uppercase;
	color: #b5b5b5;
	margin-top: 20px;
}

.menu h1.logo a:hover {
	color: #434343;
}

.menu img.logo {
	/*margin: 20px 0;*/
	/*max-width: 160px;*/
}

.logo_link  {
	/*margin-left: 20px;*/
	color: #808080;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.lang_link{
    font-size:23px!important;
    position:relative;
    right:20px;
    top:20px;
    display:inline-block!important;
    float:right;
    color:#fff;
    padding:3px;
    border:1px solid %fff;
    z-index:450;
}

.lang_link:hover{
    color:#808080!important;
}

.lang_link_active{
    display:none!important;
}

.xs-lang_link{
    position:fixed;
    top:11px;
    right:10px;
    font-size:23px;
    z-index:450!important;

}
.xs-lang_link_active{
    right: 282px;
}

.contacts a{
    color:#000;
    font-size: 0.8rem;
}

.contacts a:hover{
    color:#b39999!important;
}

.menu a small{
    font-size:0.5rem;
}

.menu a:hover {
	color: #ffffff;
}

.menu a:active {
	color: #ffffff;
}

.menu a > i {
	float: left;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	width: 25px;
	font-size: 14px;
	line-height: 40px;
	margin: 25px 2px;
}

.menu-close {
	cursor: pointer;
	display: block;
	position: absolute;
	font-size: 14px;
	color: #808080;
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: 20px;
	right: 5px;
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
}

.menu-close:hover {
	color: #ffffff;
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
}

.logo_block{
    /*text-align:center;*/
    position: relative;
    top: 0px;
    left: 343px;
    z-index: 1;
    display: block;
    color: #fff;
    width: 60%;
    /*height: 33.3%;*/
    height:20%;
    cursor: pointer;
    /*overflow:hidden;*/
	background: rgba(0,0,0,0);
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;

}

.logo_block_active{
    -webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;

}

.background-text-block{
    position:absolute;
    width:100%;
    height:40%;
    bottom: 0;
    z-index:10;
    opacity:.7;
    background: transparent;
    background: -moz-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(left top, left top, color-stop(0%, rgba(255, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -o-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 44%, rgba(0, 0, 0, 0) 100%)


}



.xs-back-logo {
    position:fixed;
    width:100%;
    height:85px;


    z-index:300;
    background: transparent;
        background: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -webkit-gradient(left bottom, left bottom, color-stop(0%, rgba(255, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.1)));
        background: -webkit-linear-gradient(bottom, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -o-linear-gradient(bottom, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -ms-linear-gradient(bottom, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 44%, rgba(0, 0, 0, 0) 100%)



}

/* Push the body after clicking the menu button */
.body-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.menu,
.body-push {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		 -o-transition: all .3s ease;
			transition: all .3s ease;
}

#menuToggle {
	position: absolute;
	top: 15px;
	left: 292px;
	z-index: 11;
	display: block;
	text-align: center;
	font-size: 25px;
	color: #ffffff;
	width: 40px;
	height: 40px;
	line-height: 44px;
	cursor: pointer;
	/*background: #000;*/
	border-radius: 4px;
	/*background: rgba(0,0,0,0.25);*/
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
}

#menuToggle:hover {
	color: #ffffff;
	/*background: rgba(206, 189, 189, 0.2);*/
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
}

/* ======================================================*/











.container-fluid{
	position: relative;
	padding:0;
    margin:0;
    width:100%;
	/*transform: scaleY(1.1);*/
	/*transform: scaleY(0.2);*/
	/*height: 100%;*/
}


.sorbus_white{
    color:#fff;
}

.logo{

    /*width:80%;*/
    /*margin:0 auto;*/
    margin-top: 11px;
}

.logo div{
    display:inline;

}
.logo-img{
    display:inline;
    width:20px;

}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:0;margin:0
}

html, body {
height:100%
}
#logo {height:10%;text-align:center;}
#logo * {height:100%;display:inline-block;}
#logo img{
    /*width:13%;*/
}

#logo {
    color:#fff;
}

#logo:hover {
    color:#d0d0d0;
}
.s-contacts{
    /*width:66%;*/
    margin: 0 auto;
    margin-top:2%;
    text-align:center;


}

.s-contacts * {
    height:50%;
    display:inline-block!important;
    }

.s-contacts a {
    margin-left:15px;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
}

.s-contacts img{
    margin-left:20px;

    }

.i {
    height: 18px;
    background-size: 18px;
    background-position: top left;
    background-repeat: no-repeat;
    display:inline-block;
    padding-left: 24px;
    line-height: 1.4;
}

.laravel-icon {
    background:url(https://laravel.ru/favicon.ico) no-repeat left center;
    background-size: 16px;
    background-repeat: no-repeat;
    display:inline-block;
    vertical-align:bottom;
    padding-left: 25px;
}

.email-call{

}

.logo1 {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    }

.logo-text{
    line-height: 0.7;
    text-align:left;

}
.logo-text >p{
    font-size:27px;
}

.logo-text > small{
    font-size:8px;
    text-align:left;
}

p.sorbus{
    font-size: 2rem;
    line-height:2;

}

.logo-text-2{
    position:relative;
    margin-top: 150px;
}

.hr{
    margin:20px 0;
    background:#ccb392;
    height:2px;
    border:none;
}

.logo-text-2 p{

    width:80%;
    margin:0 auto;
    color:#ccb392;
    font-size:17px;
    text-align:center;
}


.text-center{
    text-align:center;
}




.menu-block, .s-block, .l-block, .video-block{
    display:block;
    position:relative;
    height:33.3%;
    float:left;
    padding:0;
    margin:0;
    overflow:hidden;
    z-index:6;
    min-height:140px;

}

.menu-block, .s-block, .video-block{
    width: 33.333%;

}

.l-block{
    width: 66.6666%;
}

.content-video-block{

    position:relative;
    height:100%;
}


.draggable{
    position:relative;
    width:100%!important;
    height:100%!important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.s-block .bg, .l-block .bg, .bg-display-block, .video-block .bg{
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
   /* height:100%;
    width:100%;
    z-index:50;
*/
}



.bg-slide{
    position:relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    height:100%;
    width:100%;
}



.bg:hover, .bg:hover {

    /*transition: all 1s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;*/
}

.slider-block{
    position:relative;
    z-index:10;
    height:100%;

}


.youtube_button{
    position:relative;
    height:100%;
    width:100%;
    background:url(../img/youtube_button.png);
    background-position:center;
    background-size:68px;
    background-repeat:no-repeat;
    z-index:1000;
    filter:grayscale(100%);
}

.youtube_button:hover{
    filter:grayscale(0);
}




.content_event{

    display:block;
    position:absolute;
    bottom:10px;
    left:7%;
    width:auto;
    margin:0 auto;
    color:#fff;
    z-index:200;
}

.content_event .content_text{
    line-height:1;
}

.content_text{
    position:relative;
    display:block;
    width:90%;

}



.content_text p {
    font-family:'P22UndergroundCYPro-Demi';


    margin:0!important;

    vertical-align:center;

}
.dates_events{
    font-size:0.7rem;
    font-weight:100;
}


.desc{
    width:40%;
    min-width:200px;
    font-size:0.5rem;
    padding-bottom:5px;
}


/* = = = = = = ===== == = = = = = xs-block ======================================== */
#trigger{
    position:fixed;
    top:20%;
}

.xs-bg-active{
   filter:grayscale(0%)!important;
   /*display:none;*/
}
.xs-block{
    display: block;
    position:relative;
    height:35%;
    overflow:hidden;
    padding: 0;
    margin: 0;
    overflow: hidden;
    z-index: 6;
}
.xs-block .xs-bg{
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    }

.xs-content_event {

    display: block;
    position: absolute;
    bottom: 10px;
    left: 7%;
    width: 90%;
    margin: 0 auto;
    color: #fff;
    z-index: 200;
}

.xs-content_event .content_text{
    width:90%;
    font-size:15px;
}

.xs-content_event .content_text .name_event, .xs-content_event .content_text .dates_events{
       position:relative;
    width:100%;
}

.name_event, .name_event>small{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content_text> small{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.hr-default{
    margin:0;
}
.xs-logo-block{
    position:relative;
    height:30%;
}

.xs-logo-text {
    padding-top:70px;
}
.xs-logo-text p{
    color:#ccb392;
    height:auto;
    width:90%;
    margin:0 auto;
    text-align:center;
}



/* = = = = = = ===== == = = = = = EVENT ======================================== */
.line{
    width:100%;
    height:20px;
    background-color:#5f4728;
}
.test-event{
    position:relative;
    height:100%;
    background:url(../img/logo.png);
    background-position:cover;
}


.event_content{
    background:#000;
    height:100%;
}

.event_head{
    padding:30px;
    margin-left:5%;
    position:absolute;
    opacity:1;
    top:32%;



}

.event_head h1{
    margin-top:5px;
    opacity:1;
    z-index:50;

}

.event-content-text{
    position:relative;
    height:100%;
    width:100%;
    color:#fff;
    z-index:50;
}

.event_bg{
    /*margin-bottom:20px;*/
    position:relative;
    height:100%;
    width:100%;
    background-size: cover;
    background-position: center;
}

.first_bg_event{
    opacity:.5;
    z-index:0;
}

.event_name{
    font-size: 4rem;
    width: 70%;
    line-height: 1;
    letter-spacing: 0.4rem;
    text-transform:uppercase;
    hyphens:auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.event_dates_events{
    font-size:1.6rem;
    margin-right:10px;
    line-height: 0.8;
    float: left;
}

.event_desc{
    font-family:'P22UndergroundCYPro-Book';
    font-size:13px;
    margin:0 auto;
    margin-left:13%;
    width:70%;
    /*column-count:3;
    column-gap:3%;
    column-width:20%;*/
    overflow:hidden;
}



.event_desc_for_3{
    font-family:'P22UndergroundCYPro-Book';
    font-size:13px;
 }


.event-photos{
    position:absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height:100%;
}

.event-video{
    position:absolute;
    height:100%;
    width:100%;
}

.slick-slide{
	height: auto;
}

.draggable{
    position:relative;
    height:100%;
    width:100%;
}
.slick-track {
    position:relative;
    width:33.3%;
    height:100%;
}

.slick-dotted.slick-slider {
    margin-bottom: 0!important;
}

.slick-dots{
    bottom:9px!important;
    width:auto!important;
    background: #000;
    border-radius:3px;
    height: 22px;
    width: auto;
    right: 20px;
    margin-right: 20px;
    bottom: 10px;
    color: white;
    z-index: 200;
    background: #000000b3;
    padding-top: 1px!important;
    padding-left:6px!important;
    border-radius: 10px;
}



.slick-dots li button:before {
    font-family: 'slick';
    font-size: 13px!important;
    line-height: 15px!important;
    width: 12px!important;
    height: 13px!important;
    color:#fff!important;
    padding-right: 1px;
}


.slick-dots li.slick-active button:before {

    background: #ffffff91;
    color: black!important;
    border-radius: 26px;
}

.dotstest{
    color:red;
    width:430px;
    height:300px;
}


iframe{
    position:relative;
    height:100%;
    width:100%;
}

.video-player{
    display:none;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
}

.content-video-block .bg :: before{
    content:'';
    z-index:500;
    background:url(img/video_button.png);
}

.video iframe{
    position:relative;
    width:100%;
    height:100%;
}
.ytp-title-link, .yt-uix-sessionlink{
    display:none!important;
}





.s-block, .l-block{
   /* display:none;*/
}


.border-white{
    border: 1px solid white;
}


.col-sm-4{
    width:33.333%;
    float:left;
    padding-left:5px;
    padding-right:5px;
}

/*---------------------------------MEDIA--Querys---------------------------------------------------------------------*/






@media screen and (max-width: 375px) and (max-height: 490px) {
    .xs-logo-text {
        padding-top: 50px;
    }
    .xs-logo-text > .hr {
    margin-top: 10px!important;
    margin-bottom: 3px!important;
    }
    .xs-logo-text p{
        font-size: 12px;
    }
    .xs-contacts a{
        margin-top:2px!important;
        }
}
@media screen and (min-width: 320px) and (max-width: 500px) {

    .lang_link_event{
        display:none!important;
    }

}



@media screen and (min-width: 320px) and (max-width: 374px) {
    #menuToggle{
        top:7px;
        left:282px;
    }
    .logo_block{
        width:70%;
        left:354px;
    }
}

@media screen and (min-width: 375px) and (max-width: 413px) {
    #menuToggle{
        top:7px;

    }

    .logo_block{
        width:78%;
        left:375px;
    }
    .logo{
        margin-top:11px;
    }
}

@media screen and (min-width: 414px) and (max-width: 500px) {
    #menuToggle{
        top:7px;

    }

    .logo_block{
        width:80%;
        left:395px;
    }
    .logo{
        margin-top:11px;
    }

}



@media screen and (max-width: 320px) and (max-height: 390px) {
    .xs-logo-text {
        padding-top: 50px;
    }
    .xs-logo-text > .hr {
    margin-top: 10px!important;
    margin-bottom: 3px!important;
    }
    .xs-logo-text p{
        font-size: 9px;
    }


}

@media screen and (min-width: 320px) and (max-width: 414px){
    #menuToggle{
        /*left:291px!important;*/
    }
}

@media screen and (max-height: 440px){
    .hr-menu{
        display:none;
    }
    .logo_block{
        height:70px;
    }
}


@media screen and (max-height: 600px){
    .hr-menu{
        margin:4px 0;
    }
    .s-contacts {
        margin-top: 3px!important;
        width: 100%;
    }
}

@media screen and (max-width: 490px) and (max-height: 505px) {
    .logo-text-2 p {
        font-size:9px;
    }


    .s-contacts {
        margin-top: 1px!important;
        width: 100%;
    }

    .i {
        height:14px;
        background-size: 12px;
    }
}


@media screen and (max-width: 650px) and (max-height: 650px){

    .logo-text-2 p {
        font-size: 10px;
        width: 90%;
    }

    .s-contacts {
        margin-top: 3px!important;
        width: 100%;
    }

    .i {
        height:16px;
        background-size: 15px;
    }

}

@media screen and (max-width: 720px) and (max-height: 720px){

    .logo-text-2 p {
        font-size: 10px;
        width: 90%;
    }

    .s-contacts {
        margin-top: 3px!important;
        width: 100%;
    }

    .i {
        height:16px;
        background-size: 15px;
    }

}

@media screen and (min-width: 721px) and (max-width: 820px){

    .s-contacts {
        margin-top: 3px!important;
        width: 100%;
    }

    .s-contacts a {
        margin-left: 7px;
        font-size: 9px;
    }

}

@media screen and (min-width: 821px) and (max-width: 930px){

    .s-contacts {
        margin-top: 3px!important;
        width: 100%;
    }

    .s-contacts a {
        margin-left: 7px;
        font-size: 10px;
    }

}



@media screen and (max-width: 820px) and (max-height: 820px){

    .logo-text-2 p {
        font-size: 10px;
        width: 90%;
    }

    .s-contacts {
        margin-top: 3px!important;
        width: 100%;
    }

    .i {
        height:16px;
        background-size: 15px;
    }

}

@media screen and (min-width: 820px) and (max-width: 1120px){
    .logo-text-2 p {
        font-size: 15px;
        width: 90%;
    }
}

@media screen and (min-width: 1121px) and (max-width: 1400px){
    .s-contacts a {
        font-size: 15px;
    }

}




@media screen and (min-width: 1401px){
    .logo-text-2 p {
        font-size: 22px;
        width: 90%;
    }

    .s-contacts a {
        font-size: 17px;
    }
}




@media screen and (min-width: 421px) and (max-width: 500px) {
    .hr-menu{
        margin:4px 0;
    }

}

@media screen and (min-width: 501px) and (max-width: 767px) {

    #menuToggle{
        width:22px;
        height:22px;
        top:0;
    }

    #logo img{
        width: 20px
    }
    .logo{
        margin-top:7px!important;
    }
    .logo-text p{
        font-size:16px!important;
    }

    .logo-text  small{
        font-size:5px!important;
    }
    .logo_block{
        /*top:-12px;*/
        width:95px;
        left:323px;
    }

    .lang_link{
        font-size:23px;
        top:3px;
        right:5px;
    }



}



@media screen and (max-width: 400px){
    .content_event {
       /* top: 65%;*/
        }

    .content_text{
        font-size:11px;
    }

}



@media screen and (min-width: 400px) and (max-width:767px) {

    .content_event {
       /* top: 65%;*/
        }
    .content_text{
        font-size:14px;

    }

}




@media screen and (max-width: 500px){
        html, body{
            /*overflow-x:hidden;*/
        }
    .hidden-xs{
        display:none
    }

    .xs-back-logo{
        display:block;
    }


}




@media screen and (min-width: 501px){
    .xs-block{
        display:none!important;
    }
    .xs-content{
        display:none!important;
    }
    .xs-back-logo{
        display:none;
    }

}


@media screen and (max-width: 600px){
    .event-video, .event_bg{
        height:50%;
    }
}


@media screen and (max-width: 767px){

    .s-contacts a {
        font-size:10px;
    }

    .col-sm-4{
        margin-top:10px;
        width:100%;
    }

}



@media screen and (min-width:478) and (max-width: 767px){
    .logo-text-2 p{
        width:83%;
        font-size:.8rem;
    }

    .s-contacts{
        margin-top:10px!important;
        width:100%;
    }

    .s-contacts a {
        font-size:10px!important;
    }
}


@media screen and (max-width: 768px){
    .logo-text-2 {
    position: relative;
    margin-top:150px;
    /*margin-top: 62%!important;*/
    }
    .s-contacts{
        margin-top:0;
    }
    .s-contacts a{
        font-size:12px;
    }

    .s-contacts img{
        width:15px;
    }
    .line{
        height:5px;
    }
}

@media screen and (min-width: 768px) and (max-width:999px) {
    .content_event {
        /*top: 70%;*/
        }
    .content_text{
        font-size:15px;
    }
     .logo_block{
        width:54%;
     }
}

@media screen and (min-width: 768px) and (max-width:950px) {
    .logo-text  p {
    font-size: 23px;
}


}

@media screen and (min-width: 1281px){
    .content_event {
        /*top: 75%;*/
        }
    .content_text{
        font-size:22px;
    }
    #menuToggle{
        font-size:50px;
        width: 52px;
        height: 50px;
        background:none;

    }
    .logo_block{
        width:200px;
        left:375px;
    }
    .logo{
    /*width:60%;*/
    margin-top:20px;
    }
    .logo-text  p {
    font-size: 40px;
    }
    .logo-text  small {
    font-size: 10px;
    }

    .event_head{
        padding:30px;
        margin-left:5%;
        position:absolute;
        opacity:1;
        top:37%;
    }

    .event_head h4{
    font-size: 2rem;
    }


    .event-content-text{
        position:relative;
        height:100%;
        width:100%;
        color:#fff;
        z-index:50;
    }

    .event_bg{
        position:relative;
        height:100%;
        width:100%;
        background-size: cover;
        background-position: center;
    }

    .first_bg_event{
        opacity:0.5;
        z-index:0;
    }

    .event_name{
        margin-top:5px;
        opacity:1;
        z-index:50;
        font-size: 4rem;
        width: 70%;
        line-height: 0.9;
        letter-spacing: 1rem;
        text-transform:uppercase;
        hyphens:auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }

    .event_dates_events{
        margin-top: 10px;
        font-size:2.6rem;
        float:left;
    }

    .event_desc{
        margin:0 auto;
        margin-left:16%;
        width:70%;
        /*column-count:3;
        column-gap:3%;
        column-width:20%;*/
    }

    .lang_link{
        font-size:41px!important;
        top:12px;
    }
}

@media screen and (max-width: 321px){
    .xs-logo-text > .hr{
        margin-top: 3px;
        margin-bottom: 7px;
    }

    .xs-contacts{
        width:90%;
        margin: 0 auto;
    }

}





@media screen and (max-width: 375px){
    .event_desc {
        position: relative;
        top: 0;
        width:95%;
        margin: 0 auto;
        /*column-count:1;
        column-gap:3%;
        column-width:20%;*/
        hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }



    .event_head{
        width80%;
        padding:30px;
        margin-left:0;
        position:absolute;
        opacity:1;
        top:37%;
    }

    .event_head h4{
    font-size: 1rem;

    }


    .event-content-text{
        position:relative;
        height:100%;
        width:100%;
        color:#fff;
        z-index:50;
    }

    .event_bg{
        position:relative;
        height:50%;
        width:100%;
        background-size:cover;
        background-repeat:no-repeat;
        background-position: top;
    }

    .first_bg_event{
        opacity:1;
        z-index:0;
        position:relative;
        height:100%;
        width:100%;
        background-size: contain;
        background-repeat:no-repeat;
        background-position: top;
        background-blend-mode: screen;
    }

    .first_bg_event::before{
        z-index:70;
        position:absolute;
        height:100%;
        width:100%;
        background-size: contain;
        background-repeat:no-repeat;
        background-position: bottom;
        content: " ";
        background: transparent;
        background: -moz-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.1)));
        background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -o-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 44%,  rgb(0, 0, 0) 33%,  rgba(0, 0, 0, 0) 100%);
    }

    .event_name{
        margin-top:5px;
        opacity:1;
        z-index:50;
        font-size: 1.5rem;
        width: 100%;
        line-height: 1.2;
        letter-spacing: 0.3rem;
        text-transform:uppercase;
        hyphens:auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }

    .event_dates_events{
        font-size:1.4rem;

    }


    .logo_block{
        /*text-align: center;*/
        position: relative;
        top: 0px;
        /*left: 219px;*/
        z-index: 1;
        display: block;
        color: #fff;
        /*width: 113%;*/
        height: 21%;
        cursor: pointer;

        background: rgba(0,0,0,0);
    }



    .logo {
        /*width:100%;*/
        /*margin: 0 auto;*/
        /*margin-top: 8px;*/
        /*margin-left:18%;*/
    }

    .logo-text p {
    font-size: 34px;
    }

    .event-photos{

        height:100%;
    }

    /*.xs-logo-text > .hr{
        margin-top: 10px;
        margin-bottom: 10px;
    }*/

    .xs-contacts{
        width:90%;
        margin: 0 auto;
    }
    .xs-contacts a{
        font-size: 13px;
        margin-top: 10px;
    }


    #logo img {
        /*width: 33px;*/
    }


}


@media screen and (max-width:415px){
    .xs-contacts{
        width:90%;
        margin: 0 auto;
    }
    .xs-contacts a{
        font-size: 13px;
        margin-top: 10px;
    }
}
@media screen and (min-width:768px) and (max-width: 1090px) {

    .logo-text-2{
        position:relative;
        margin-top: 180px;
    }
}
@media screen and (min-width:900px) and (max-width: 1200px) {
    .s-contacts {
    width: 84%;}
}
@media screen and (min-width:376px) and (max-width: 767px) {

    .event_head{
        width80%;
        padding:30px;
        margin-left:5%;
        position:absolute;
        opacity:1;
        top:37%;
    }

    .event_head h4{
    font-size: 1rem;

    }


    .event-content-text{
        position:relative;
        height:100%;
        width:100%;
        color:#fff;
        z-index:50;
    }

    .event_bg{
        position:relative;

        width:100%;
        background-size:cover;
        background-repeat:no-repeat;
        background-position: top;
    }

    .first_bg_event{
        opacity:1`;
        z-index:0;
        position:relative;
        height:100%;
        width:100%;
        background-size: contain;
        background-repeat:no-repeat;
        background-position: top;
        background-blend-mode: screen;
    }

    .first_bg_event::before{
        z-index:70;
        position:absolute;
        height:100%;
        width:100%;
        background-size: contain;
        background-repeat:no-repeat;
        background-position: bottom;

        content: " ";
        background: transparent;
        background: -moz-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.1)));
        background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -o-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 44%, rgba(0, 0, 0, 0) 100%)


    }

    .event_name{
        margin-top:5px;
        opacity:1;
        z-index:50;
        font-size: 2rem;
        width: 45%;
        line-height: 1.2;
        letter-spacing: 0.3rem;
        text-transform:uppercase;
        hyphens:auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }

    .event_dates_events{
        font-size:1.4rem;

    }

    .event_desc{
        position: absolute;
        top: 0;
        left:55%;
        margin:0 auto;
        width:40%;
        column-count:1;
        column-gap:3%;
        column-width:20%;
        overflow:hidden;
        hyphens:auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
    .logo_block{
        /*text-align: center;*/
        position: relative;
        top: 0px;
        /*left: 259px;*/
        z-index: 1;
        display: block;
        color: #fff;
        /*width: 100%;*/
        height: 20%;
        cursor: pointer;

        background: rgba(0,0,0,0);
    }



    .logo {
        /*width:100%;*/
        /*margin: 0 auto;*/
/*        margin-top: 20px;*/

    }

    .logo-text p {
    font-size: 34px;
    }



}


@media screen and (max-height: 450px) {
    .logo-text-2 {
        /*margin-top: 21%;*/
        }

}

/* Portrait and Landscape IPHONE X */
@media only screen
  /*and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)*/
  /* uncomment for only portrait: */
  /* and (orientation: portrait) */
  /* uncomment for only landscape: */
   and (orientation: landscape)  {
    .logo-text-2 {
        /*margin-top: 21%;*/
        }
}


@media screen and (max-height: 376px){
    .wrap_about{
        font-size:10px;
        top:0;
    }
}




@media screen and (min-width: 768px) and (max-width: 1280px){
    .event_name{
        font-size: 3rem;
        width:100%;
    }

    .wrap_about{


    }


}
@media screen and (max-height: 767px){
    .wrap_about{
        /*font-size: 13px!important;*/

    }

    .name_event{
        /*font-size:1.9vw!important;*/
    }
    .xs-logo-text > .hr {
        margin-top: 10px!important;
        margin-bottom: 3px!important;
        }
}



@media screen and (max-width: 414px){
    .logo-text-2 {
        position: relative;
        margin-top: 90px;
    }
}








@media screen and (max-width: 375px){
   .wrap_about br{
       display:none;
   }


}


@media screen and (max-height: 375px){
   .wrap_about br{
       display:none;
   }

   .wrap_about h4{
        font-size:8px;
        margin-bottom:2px;
   }
   .wrap_about p{
        font-size:7px;
        margin-bottom:4px;
   }
}


@media screen and (min-width: 1281px){
    .event_desc{
        font-size:18px;
    }

    .event_name{
        line-height:1.1;
        letter-spacing:.5rem;

    }

      .wrap_about{
        font-size: 13px!important;

    }
}

@media screen and (min-width: 1400px){
    .logo-text-2 p{
     /*   width:60%;*/
    }
    .logo-text-2{
        position:relative;
        margin-top: 200px;
    }
}

@media screen and (max-width:768px) and (orientation: landscape){
        .logo1{
            margin-top:5px;
        }
        .about, .service {
            margin-top: 3%;
        }

        .service{

        }

        .wrap_about p {
            font-size:8px;
            margin:0;
        }

        .wrap_about h4 {
            margin:0;
            font-size:10px;
        }

        .wrap_about a {
            font-size:8px;
        }
}


@media screen and (min-width:768px){
    .event-video{
       height:100%;
    }
    .s-contacts {
    width: 84%;
}

}