.loading{width:100vw;height:100vh;background: #919cae;vertical-align:middle;z-index:9999;position:absolute;}
.loading_logo{position:absolute;width:100vw;height:100vh;}
.loading_logo img{width:10%;opacity: .3;bottom:4%;position:absolute;min-width:100px;margin-left:-50px;left:50%;animation:logo_pulsing .7s alternate infinite;}
.loading_line{width:20%;height:2px;background: #b0bac8;position:relative;animation:loading_move .7s alternate infinite;margin-top:50vh;}
@keyframes loading_move {from {left: 0px;} to {left: calc(100% - 20%);}}
@keyframes logo_pulsing {from {opacity: .3;} to {opacity: .8;}}





@font-face{src:url(../fonts/bebas.ttf);font-family:bebas;}
@font-face{src:url(../fonts/PT_Sans-Web-Regular.ttf);font-family:ptsans-regular;}
*, *:before, *:after{box-sizing:border-box;margin:0;padding:0;}
html, body{font-size:62.5%;overflow:hidden;}

#logo{position:absolute;top:0;left:0;width:calc(15rem - 1px);z-index:905;text-align:center;}
#logo img{height:8rem;padding:0;transform:rotate(-90deg);margin-top:8rem;}

#contact{position:absolute;bottom:2rem;left:0;width:calc(15rem - 1px);z-index:900;text-align:center;}
#contact img{width:6rem;cursor:pointer;}

.main{width:100%;height:100vh;overflow:hidden;background:#000000;}
.sidebar-hover, .sidebar-real, .left-part, .content, .bg-part{position:absolute;top:0;height:100%;}
.sidebar-hover{position:fixed;z-index:100;left:0;width:15rem;}
.sidebar-hover:after{content:"";display:block;width:1px;height:100%;position:absolute;top:0;right:0;background:rgba(255, 255, 255, 0.5);}
.sidebar-hover:hover ~ .sidebar-real{max-width:30rem;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem{-webkit-transform:translateX(0);transform:translateX(0);}
.sidebar-hover:hover ~ .sections .content{-webkit-transform:translateX(30rem);transform:translateX(30rem);}
.sidebar-hover:hover ~ .sections .contact-us{-webkit-transform:translateX(30rem);transform:translateX(30rem);}
.pagination{z-index:500;position:absolute;font-size:1.6rem;font-family:ptsans-regular;top:26.7rem;left:0rem;width:calc(15rem - 1px);text-align:center;color:rgba(255, 255, 255, 0.5);padding:0.5rem;background:rgba(255, 255, 255, 0.1); &:before{content:"";display:block;position:absolute;top:-0.5rem;right:-0.2rem;height:4rem;width:0.5rem;border-radius:5px;background:rgba(255,255,255, 0.9);}
}
.pagination:after{content:">";color:#fff;position:absolute;display:block;right:3rem;top:0.5rem;-webkit-animation:navArrowMove 1s infinite;animation:navArrowMove 1s infinite;}
.pagination .page{color:#fff;}
.sidebar-real{z-index:200;left:15rem;width:30rem;height:500rem;max-width:0;background:#000000;overflow:hidden;-webkit-transition:max-width 0.4s 0.2s, -webkit-transform 0.3s;transition:max-width 0.4s 0.2s, -webkit-transform 0.3s;transition:max-width 0.4s 0.2s, transform 0.3s;transition:max-width 0.4s 0.2s, transform 0.3s, -webkit-transform 0.3s;will-change:max-width, transform;}
.sidebar-real:hover{max-width:30rem;}
.sidebar-real:hover .nav-elem{-webkit-transform:translateX(0);transform:translateX(0);}
.sidebar-real:hover ~ .sections .content{-webkit-transform:translateX(30rem);transform:translateX(30rem);}
.sidebar-real:hover ~ .sections .contact-us{-webkit-transform:translateX(30rem);transform:translateX(30rem);}
.nav-elem{position:relative;width:100%;height:18.81rem;background-size:cover;-webkit-transition:-webkit-transform 0.4s 0.3s;transition:-webkit-transform 0.4s 0.3s;transition:transform 0.4s 0.3s;transition:transform 0.4s 0.3s, -webkit-transform 0.4s 0.3s;will-change:transform;-webkit-transform:translateX(-100%);transform:translateX(-100%);cursor:pointer;}
.nav-elem:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);-webkit-transition:background 0.2s;transition:background 0.2s;will-change:background;}
.nav-elem:hover:after{background:transparent;}





.section-contact .bg-part-contact {background-image: url("../i/contact.jpg");height: 100%;}	
.section-contact{position:absolute;width:100%;height:100%;z-index:1000;left:0;right:0;top:0;bottom:0;/*background:rgba(0,0,0,.5);*/display:none;}
.content-contact{left:0;width:100%;height:100%;-webkit-transition:-webkit-transform 0.4s 0.2s;transition:-webkit-transform 0.4s 0.2s;transition:transform 0.4s 0.2s;transition:transform 0.4s 0.2s, -webkit-transform 0.4s 0.2s;will-change:transform;}
.bg-part-contact{width:12.5%;}
.bg-part-contact:nth-child(4){-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.bg-part-contact:nth-child(3), .bg-part-contact:nth-child(5){-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.bg-part-contact:nth-child(2), .bg-part-contact:nth-child(6){-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.bg-part-contact:nth-child(1), .bg-part-contact:nth-child(7){-webkit-transition-delay:1s;transition-delay:1s;}
.bg-part-contact:nth-child(8){-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.bg-part-contact:nth-child(1){left:0%;}
.bg-part-contact:nth-child(2){left:12.5%;}
.bg-part-contact:nth-child(3){left:25%;}
.bg-part-contact:nth-child(4){left:37.5%;}
.bg-part-contact:nth-child(5){left:50%;}
.bg-part-contact:nth-child(6){left:62.5%;}
.bg-part-contact:nth-child(7){left:75%;}
.bg-part-contact:nth-child(8){left:87.5%;}
.bg-part-contact{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;-webkit-transition:margin 0.8s;transition:margin 0.8s;will-change:margin;}
.bg-part-contact{position:absolute;top:0;height:100%;margin-top: 100vh;}
.contact-close{position:absolute;right:2rem;top:2rem;width:4rem;height:4rem;z-index:999;}
.contact-close img{width:100%;cursor:pointer;}



.left-part, .bg-part{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;-webkit-transition:margin 0.8s;transition:margin 0.8s;will-change:margin;}
.left-part{z-index:20;left:0;width:15rem;-webkit-transition-delay:1s;transition-delay:1s;}
.content{left:15rem;width:calc(100% - 15rem);height:100%;-webkit-transition:-webkit-transform 0.4s 0.2s;transition:-webkit-transform 0.4s 0.2s;transition:transform 0.4s 0.2s;transition:transform 0.4s 0.2s, -webkit-transform 0.4s 0.2s;will-change:transform;}
.section-heading{display:block;position:absolute;z-index:700;color:#fff;line-height:1;-webkit-transition:opacity 0.1s, color 0.3s, -webkit-transform 0.4s;transition:opacity 0.1s, color 0.3s, -webkit-transform 0.4s;transition:transform 0.4s, opacity 0.1s, color 0.3s;transition:transform 0.4s, opacity 0.1s, color 0.3s, -webkit-transform 0.4s;will-change:transform, opacity;}
.section-heading.not-visible{-webkit-transform:translateY(-10rem);transform:translateY(-10rem);opacity:0;-webkit-transition:opacity 0.2s 0.2s, -webkit-transform 0.4s;transition:opacity 0.2s 0.2s, -webkit-transform 0.4s;transition:transform 0.4s, opacity 0.2s 0.2s;transition:transform 0.4s, opacity 0.2s 0.2s, -webkit-transform 0.4s;}
.section-heading{top:26.7rem;left:0;background:rgba(0, 0, 0, 0.4);display:inline-block;}
.section-heading h2{font-size:6rem;text-transform:uppercase;line-height:1;font-family:bebas;padding:1rem 2rem 0rem 2rem;}
.additional-text{font-size:2rem;padding:1rem 2rem 2rem 2rem;line-height:1.2;text-transform:uppercase;font-family:ptsans-regular;position:relative;display:inline-block;}

.section-heading.dekra{background:rgba(23, 112, 62, .8);}
.section-heading.malinova{background:rgba(214, 114, 139, .8);}
.section-heading.benihana{background:rgba(201, 13, 11, .9)}
.section-heading.kolony{background:rgba(50, 24, 60, 0.9)}
.section-heading.apollo{background:rgba(204, 160, 78, 0.9)}
.section-heading.gutta{background:rgba(108, 170, 220, 0.9);}
.section-heading.c6shell{background:rgba(112, 86, 162, .9);}
.section-heading.beautyfeel{background:rgba(23, 182, 177, .8);}
.section-heading.zlatatehla{background:rgba(215, 158, 67, .8)}
.section-heading.heatadvisor{background:rgba(121, 68, 106, .8);}

.bg-part{width:12.5%;}
.bg-part:nth-child(4){-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.bg-part:nth-child(3), .bg-part:nth-child(5){-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.bg-part:nth-child(2), .bg-part:nth-child(6){-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.bg-part:nth-child(1), .bg-part:nth-child(7){-webkit-transition-delay:1s;transition-delay:1s;}
.bg-part:nth-child(8){-webkit-transition-delay:1.2s;transition-delay:1.2s;}
.bg-part:nth-child(1){left:0%;}
.bg-part:nth-child(2){left:12.5%;}
.bg-part:nth-child(3){left:25%;}
.bg-part:nth-child(4){left:37.5%;}
.bg-part:nth-child(5){left:50%;}
.bg-part:nth-child(6){left:62.5%;}
.bg-part:nth-child(7){left:75%;}
.bg-part:nth-child(8){left:87.5%;}

.scroll-down{position:fixed;z-index:500;-webkit-transition:opacity 0.3s 1.7s, z-index 0.5s 1.5s, -webkit-transform 0.5s 1.5s;transition:opacity 0.3s 1.7s, z-index 0.5s 1.5s, -webkit-transform 0.5s 1.5s;transition:transform 0.5s 1.5s, opacity 0.3s 1.7s, z-index 0.5s 1.5s;transition:transform 0.5s 1.5s, opacity 0.3s 1.7s, z-index 0.5s 1.5s, -webkit-transform 0.5s 1.5s;font-size:3rem;font-family:ptsans-regular;text-transform:uppercase;bottom:8rem;left:calc(50% - 15rem);color:#fff;width:30rem;text-align:center;}
.scroll-down.removed{-webkit-transform:translateY(-20rem);transform:translateY(-20rem);opacity:0;z-index:-10;-webkit-transition:opacity 0.3s 0.2s, z-index 0.5s, -webkit-transform 0.5s;transition:opacity 0.3s 0.2s, z-index 0.5s, -webkit-transform 0.5s;transition:transform 0.5s, opacity 0.3s 0.2s, z-index 0.5s;transition:transform 0.5s, opacity 0.3s 0.2s, z-index 0.5s, -webkit-transform 0.5s;}
.scroll-down:after{content:"";position:absolute;display:block;bottom:-3rem;left:calc(50% - 1.5rem);width:2rem;height:2rem;border:0.5rem solid #fff;border-left:none;border-top:none;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:arrowMove 1.2s infinite;animation:arrowMove 1.2s infinite;}

@-webkit-keyframes arrowMove{
	to{-webkit-transform:rotate(45deg) translateY(2rem) translateX(2rem);transform:rotate(45deg) translateY(2rem) translateX(2rem);opacity:0;}
}
@keyframes arrowMove{
	to{-webkit-transform:rotate(45deg) translateY(2rem) translateX(2rem);transform:rotate(45deg) translateY(2rem) translateX(2rem);opacity:0;}
}
@-webkit-keyframes navArrowMove{
	to{-webkit-transform:translateX(2rem);transform:translateX(2rem);opacity:0;}
}
@keyframes navArrowMove{
	to{-webkit-transform:translateX(2rem);transform:translateX(2rem);opacity:0;}
}



.contact-us{position:absolute;z-index:705;bottom:21%;left:150px;padding-left:4rem;-webkit-transition:-webkit-transform 0.4s 0.2s;transition:-webkit-transform 0.4s 0.2s;transition:transform 0.4s 0.2s;transition:transform 0.4s 0.2s, -webkit-transform 0.4s 0.2s;will-change:transform;}
.contact-us h2{font-size:3rem;text-transform: uppercase;line-height: 1;font-family: bebas;padding:1rem 0;color:#ffffff;font-weight:normal;}
.contact-us h3{font-size:2rem;text-transform: uppercase;line-height: 1.2;font-family: ptsans-regular;padding: .5rem 0 2rem 0;color:#ffffff;font-weight:normal;}


.contact-button{line-height:4;height:5rem;text-align:center;width:73%;font-size:3rem;outline:none;line-height: 1;font-family: bebas;padding: 1rem 4rem;color:#ffffff;border:0;cursor:pointer;}
.cta-button{color:rgba(255,255,255,1);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;position:relative;}
.cta-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:705;background-color:rgba(255,255,255,0.15);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.cta-button:hover::before{opacity:0;-webkit-transform:scale(0.5,0.5);transform:scale(0.5,0.5);}
.cta-button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:705;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border:1px solid rgba(255,255,255,0.5);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.cta-button:hover::after{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}

#logo-mobile{display:none;}
.contact-us-mobile{display:none;}



.nav-elem.nav-1 {background-image: url("../i/benihana.jpg");}	
.nav-elem.nav-2 {background-image: url("../i/apollo.jpg");}	
.nav-elem.nav-3 {background-image: url("../i/gutta.jpg");}	
.nav-elem.nav-4 {background-image: url("../i/malinova.jpg");}	
.nav-elem.nav-5 {background-image: url("../i/beautyfeel.jpg");}	
.nav-elem.nav-6 {background-image: url("../i/kolony.jpg");}	
.nav-elem.nav-7 {background-image: url("../i/heatadvisor.jpg");}	
.nav-elem.nav-8 {background-image: url("../i/zlatatehla.jpg");}	
.nav-elem.nav-9 {background-image: url("../i/c6shell.jpg");}	
.nav-elem.nav-10 {background-image: url("../i/dekra.jpg");}	
  
.sections{height:100%;-webkit-transition:margin 0.5s;transition:margin 0.5s;will-change:margin;}
.section{position:relative;height:100%;}
.section.section-1 .left-part {background-image: url("../i/benihana.jpg");}
.section.section-1 .bg-part {background-image: url("../i/benihana.jpg");}	
.section.section-2 .left-part {background-image: url("../i/apollo.jpg");}
.section.section-2 .bg-part {background-image: url("../i/apollo.jpg");}	
.section.section-3 .left-part {background-image: url("../i/gutta.jpg");}
.section.section-3 .bg-part {background-image: url("../i/gutta.jpg");}	
.section.section-4 .left-part {background-image: url("../i/malinova.jpg");}
.section.section-4 .bg-part {background-image: url("../i/malinova.jpg");}	
.section.section-5 .left-part {background-image: url("../i/beautyfeel.jpg");}
.section.section-5 .bg-part {background-image: url("../i/beautyfeel.jpg");}	
.section.section-6 .left-part {background-image: url("../i/kolony.jpg");}
.section.section-6 .bg-part {background-image: url("../i/kolony.jpg");}	
.section.section-7 .left-part {background-image: url("../i/heatadvisor.jpg");}
.section.section-7 .bg-part {background-image: url("../i/heatadvisor.jpg");}	
.section.section-8 .left-part {background-image: url("../i/zlatatehla.jpg");}
.section.section-8 .bg-part {background-image: url("../i/zlatatehla.jpg");}	
.section.section-9 .left-part {background-image: url("../i/c6shell.jpg");}
.section.section-9 .bg-part {background-image: url("../i/c6shell.jpg");}	
.section.section-10 .left-part {background-image: url("../i/dekra.jpg");}
.section.section-10 .bg-part {background-image: url("../i/dekra.jpg");}	
  

.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-1{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.sidebar-real:hover .nav-elem.nav-1{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-2{-webkit-transition-delay:0.55s;transition-delay:0.55s;}
.sidebar-real:hover .nav-elem.nav-2{-webkit-transition-delay:0.55s;transition-delay:0.55s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-3{-webkit-transition-delay:0.7s;transition-delay:0.7s;}
.sidebar-real:hover .nav-elem.nav-3{-webkit-transition-delay:0.7s;transition-delay:0.7s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-4{-webkit-transition-delay:0.85s;transition-delay:0.85s;}
.sidebar-real:hover .nav-elem.nav-4{-webkit-transition-delay:0.85s;transition-delay:0.85s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-5{-webkit-transition-delay:1s;transition-delay:1s;}
.sidebar-real:hover .nav-elem.nav-5{-webkit-transition-delay:1s;transition-delay:1s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-6{-webkit-transition-delay:1.15s;transition-delay:1.15s;}
.sidebar-real:hover .nav-elem.nav-6{-webkit-transition-delay:1.15s;transition-delay:1.15s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-7{-webkit-transition-delay:1.3s;transition-delay:1.3s;}
.sidebar-real:hover .nav-elem.nav-7{-webkit-transition-delay:1.3s;transition-delay:1.3s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-8{-webkit-transition-delay:1.45s;transition-delay:1.45s;}
.sidebar-real:hover .nav-elem.nav-8{-webkit-transition-delay:1.45s;transition-delay:1.45s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-9{-webkit-transition-delay:1.6s;transition-delay:1.6s;}
.sidebar-real:hover .nav-elem.nav-9{-webkit-transition-delay:1.6s;transition-delay:1.6s;}
.sidebar-hover:hover ~ .sidebar-real .nav-elem.nav-10{-webkit-transition-delay:1.75s;transition-delay:1.75s;}
.sidebar-real:hover .nav-elem.nav-10{-webkit-transition-delay:1.75s;transition-delay:1.75s;}
 




.section-heading-contact{width:100vw;height:100vh;text-align:center;position:relative;}
.section-heading-contact .additional-text{top:40%;position:absolute;left:0;text-align:center;width:100%;font-size:5rem;text-transform:uppercase;line-height:1;font-family:bebas;padding:1rem 0;color:#607291;display:none;}



@media all and (max-width:1500px){
	
	.contact-us{bottom:4%;}
	.contact-us br{display:none;}
	.contact-us div{width:220px;}
	.scroll-down{left:calc(100% - 20rem);}
	/*.contact-us{bottom:0;left:150px;top:auto;padding:2rem;background:rgba(0,0,0,.5);width:100%;}
	.contact-us h2{display:inline-block;float:left;}
	.contact-us h3{display:inline-block;float:left;}
	.contact-us div{display:inline-block;float:left;}
	.contact-us br{display:none;}*/
}


@media all and (max-width:600px){
	.left-part{display:none;}
	.sidebar-hover{display:none;}
	.content{left:0;width:100%;}
	.section-heading{display:block;top: 68%;margin: 2rem;width: calc(100% - 4rem);}
	.section-heading h2{font-size:4rem;}
	.additional-text{font-size:1.5rem;}
	h2.scroll-down{text-indent:-9999px;}
	#logo-mobile{position:absolute;display:block;width:calc(15rem - 1px);top:.7rem;left:1rem;z-index:990;}
	#logo-mobile img{height:8rem;padding:0;margin-top:1rem;}
	.scroll-down:after{width:2rem;height:2rem;left:calc(50% - 14rem);bottom:5rem}
	

	.contact-us{display:none;}
	.contact-us-mobile{display:block;position:absolute;bottom:0;left:0;top:auto;padding:2rem;background:rgba(0,0,0,.5);width:100%;z-index: 999;}
	.contact-us-mobile div{width:100%;}
}



	
	

@media (min-aspect-ratio: 19/130) {


  .left-part, .bg-part {background-attachment: unset;}
  .left-part {background-size: 100vw;background-position-x: 0;}
  
	.bg-part:nth-child(1){left:0%;background-size: 100vw;background-position-x:9%;}
	.bg-part:nth-child(2){left:12.5%;background-size: 100vw;background-position-x:22%;}
	.bg-part:nth-child(3){left:25%;background-size: 100vw;background-position-x:35%;}
	.bg-part:nth-child(4){left:37.5%;background-size: 100vw;background-position-x:48%;}
	.bg-part:nth-child(5){left:50%;background-size: 100vw;background-position-x:61%;}
	.bg-part:nth-child(6){left:62.5%;background-size: 100vw;background-position-x:74%;}
	.bg-part:nth-child(7){left:75%;background-size: 100vw;background-position-x:87%;}
	.bg-part:nth-child(8){left:87.5%;background-size: 100vw;background-position-x:100%;}
	
	.bg-part-contact:nth-child(1){left:0%;background-size: 100vw;background-position-x:0%;}
	.bg-part-contact:nth-child(2){left:12.5%;background-size: 100vw;background-position-x:14.25%;}
	.bg-part-contact:nth-child(3){left:25%;background-size: 100vw;background-position-x:28.5%;}
	.bg-part-contact:nth-child(4){left:37.5%;background-size: 100vw;background-position-x:42.75%;}
	.bg-part-contact:nth-child(5){left:50%;background-size: 100vw;background-position-x:57%;}
	.bg-part-contact:nth-child(6){left:62.5%;background-size: 100vw;background-position-x:71.25%;}
	.bg-part-contact:nth-child(7){left:75%;background-size: 100vw;background-position-x:85.5%;}
	.bg-part-contact:nth-child(8){left:87.5%;background-size: 100vw;background-position-x:99.75%;}

}