.button_style_slider{

			
    text-align: center;
    display: inline-block;
    z-index: 1000;
    position: absolute;
    left: auto;
    right: auto;
    width: 100%;
    margin: 0 auto;
}
.button_style_slider li{ 
	display: inline-block;
	
    padding: 0;
    margin:0 5px;
    background: #fff;
    color: transparent;
    width: 20px;
    cursor: pointer;
    height: 6px;
    border-radius: 7px;

}
.button_style_slider li:hover{ 
    opacity:0.5;
}

.button_style_slider li.active{ 
	
	background: #f15d2f;
 
}
@media (min-width: 769px)  {
    
    
    
    
    
body.customcursor, body.customcursor a, body.customcursor button {
    cursor: none;
}
header section#header #header-menu button span{
	display: none;
}
header .menuToggle {
    position: absolute;
    right: 35px;
    top: 35px;
    z-index: 2;
    color: #FFF;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3rem;
}
.box_label{



font-size: 1.2rem;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .3rem;
    font-weight: 600;
	color: #000;
	margin-bottom: 12px;
}
.menu_box{

	margin-left: 80px;
}

.bg_container_logo.slider a.logo{
	left: 42%;


	
}




.class_after_load {


  -webkit-animation: linear ;
  -webkit-animation-name: run;
  -webkit-animation-duration: 1s;
}
@-webkit-keyframes run {
  0% {
    left: 0;

  }
  50% { 
    left: calc(100% - 100px); 
	
   }
  100% {
    left: 0;    
	
  }
}
.class_after_load a.logo{
	

}


.showLogodiv{
	opacity: 0.2;
	-webkit-animation: linear ;
  -webkit-animation-name: runs;
  -webkit-animation-duration: 0.58s;
}


.bg_container_logo a.logo{

	

  transition: all 0.45s  
                cubic-bezier(0.23, 1, 0.32, 1) 0ms; 
				
  
}


@-webkit-keyframes runs {
  0% {
	opacity: 0.4;

  }
  50% { 
	opacity: 0.8;
	
   }
  100% {
	opacity: 1;   
	
  }
}

				.bg_container_logo.slider{
					background-color: #fff;
					
    
    width: 100%;
    height: 100vh;
	position: relative;
    z-index: 10000;
				}


				.bg_container_logo.class_after_load{
					
					-webkit-animation: linear ;
  -webkit-animation-name: runsss;
  -webkit-animation-duration: 1s;
				}

				@-webkit-keyframes runsss {
  0% {
	background-color: #fff;

  }
  50% { 
	background-color: transparent;
	
   }
  100% {
	background-color: transparent;
	
  }
}
				

.logo{position:fixed;left:100px;top:75px;height:calc(100vh - 170px);z-index:12;display:block;opacity:1;}
.logo .mobile, .logo .desktop{height:100%;}
.logo .img{position:absolute;left:0;top:0;height:100%;width:auto; max-width:300px;opacity .3s ease-out;}
.logo .img:nth-of-type(1){position:relative;}
.logo .img:nth-of-type(2){opacity:0;}
.logoson .logo{opacity:1;}

body.hori {

}



/*      Menu        */
header{position:fixed;left:0;top:0;width:100%;height:0;z-index:10;}
header.open{height:100%;}
header .menuoverlay{position:absolute;left:0;top:0;width:100%;height:0;color:#FFF;overflow:hidden;/*opacity:0;transition:opacity .5s ease-out;*/}
header.open .menuoverlay{height:100%;/*opacity:1;*/}


/* toggle */
header .menuToggle{position:absolute;right:35px;top:35px;z-index:2;color:#FFF;width:100px;height:100px;border-radius:100px;text-align:center;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.3rem;}
header .menuToggle:before{content:"";position:absolute;left:0;top:0;width:100px;height:100px;border-radius:100px;background-color:var(--burgundy);transition:transform .3s ease-out, background-color .3s ease-out;will-change:transform, background-color;z-index:-1;}
header .menuToggle span:nth-of-type(1){transition:opacity .6s ease-in-out;}
header .menuToggle .arrow{position:absolute;display:block;left:30px;top:32px;width:20px;height:19px;background:no-repeat;background-size:contain;opacity:0;transform:translate(2px,-2px);transition:all .3s ease-out 0s;}
header.open:not(.closing) .menuToggle .arrow, .opencontact header .menuToggle .arrow{opacity:1;transform:translate(0px,0px);transition-delay:.3s;}
header.open .menuToggle span:nth-of-type(1), .opencontact header .menuToggle span:nth-of-type(1){opacity:0;transition:opacity .3s ease-out;}

header:not(.dark) section#header #header-menu button:hover strong{
    color:#fff!important;
}

section#menu div.container a
{
    color: #000;
}
section#menu div.container a:hover
{
    color: #f15d2f;
}

.text-reveal.concurrent span sub {
    color: #000;
    transition-delay: calc(var(--animation-delay) + .05s)
}
section#menu::before {
    background: #000;
    content: '';
    display: block;
    height: 100%;
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity var(--menu_transition);
    width: 100%;
    z-index: -2
}

section#menu #menu-container {
    background: #fff;
    height: var(--vh100);
    position: relative;
    width: 0;
    -webkit-transform: translate3d(250%, 0, 0);
    transform: translate3d(250%, 0, 0)
}

header.menu section#menu #menu-container {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0)
}

header section#header #header-menu button strong {
        margin-right: -5px;
        color:#fff!important;
            font-size: 14px;
    line-height: 14px;
     }
	 section#menu nav#main-nav .menu-item:not(:last-child) {
        margin-bottom: 15px
    }

	section#menu nav
	{
		margin-left: 0;
	}
	section#menu #menu-container {
        /*width: calc(var(--margin) + var(--col8-g));*/
        width: 40%;
  
    }
    section#menu button[action="menu.close"] {
        background-size: 40px;
        height: 100px;
        right: 35px;
        top: 35px;
        width: 100px;
        opacity: 0;
    }
	section#menu nav#main-nav {
        margin-bottom: 120px;
        margin-left: 80px;
    }
    section#menu nav#main-nav .menu-item:not(:last-child) {
        margin-bottom: 15px
    }

	section#homepage-hero,section#homepage-hero figure:last-of-type,section#homepage-hero figure:first-of-type video{
	height: 100vh;
	padding-bottom: 0;
}
}


    .fancybox__nav_arch .f-button.is-next{
	position: fixed;
    
    top: 50%;    right: 10px;
    transform: translateY(-50%);

    
			    }
			    
			    .fancybox__nav_arch .f-button.is-prev{
			        position: fixed;
        left: 10px;
    top: 50%;
    transform: translateY(-50%);

			    }


@media (max-width: 768px)  {
.fancybox__nav_arch{
    
    display:none;
}
	.bg_container_logo.slider a.logo{
	left: auto;

	


	
}
.box_label {
	font-size: 18px;
	margin-bottom: 20px;
}
header section#header div.container{
	justify-content: end;
}
section#menu nav#main-nav div,section#menu nav#secondary-nav{
	align-items: center;
	text-align: center;
}
.class_after_load {


  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 1s;
}
@-webkit-keyframes run {
  0% {
    left: 0;
  }
  50% { 
    left: calc(100% - 100px); 
   }
  100% {
    left: 0;     
  }
}



.bg_container_logo a.logo{
	


	transition-duration: 0.8s;
  transition-timing-function: linear;
  
}
				.bg_container_logo.slider{
					background-color: #fff;
					
    
    width: 100%;
    height: 100vh;
	position: relative;
    z-index: 10000;
				}
				

.logo{position: fixed;
    left: auto;
    top: 75px;
    height: calc(100vh - 170px);
    z-index: 12;
    display: block;
    opacity: 1;
    right: auto;
    justify-content: center;
    width: 100%;}
.logo .mobile, .logo .desktop{height:100%;    text-align: center;}
.logo .img{position:absolute;left:0;top:0;height:100%;width:auto; max-width:200px;opacity .3s ease-out;}
.logo .img:nth-of-type(1){position:relative;}
.logo .img:nth-of-type(2){opacity:0;}
.logoson .logo{opacity:1;}

body.hori {
    overflow-y: hidden;
    overflow-x: auto;
}
#smoothscroll,.bg-container,section#homepage-hero,section#homepage-hero figure:last-of-type,section#homepage-hero figure:first-of-type video{
	height: 100vh;
	padding-bottom: 0;
}

header section#header{
	opacity: 1;

    top: 10px;
    width: 100%;
    z-index: 100;
}
section#menu{
    color:#24242c;
}


header section#header{
    opacity: 1;

    top: 10px;
    width: 100%;
    z-index: 100;
}
}  
#about_forum_video{
	opacity: 0;
}
video#about_forum_video.show_video{
	
	-moz-animation: fade-in  1.5s ease-in forwards; /* Firefox */
    -webkit-animation: fade-in  1.5s ease-in forwards; /* Safari and Chrome */
    -o-animation: fade-in  1.5s ease-in forwards; /* Opera */
    animation: fade-in  1.5s ease-in forwards;
    
}
@keyframes fade-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fade-in { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fade-in { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fade-in { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}