@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Istok+Web);
body { 
	
			background-position: center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;
			background-color: #fff;
  
}
header{
	position: absolute;
	top:0;
	left: 2%;
}
 nav.cd-3d-nav{
		height: 12%;
	}
.cd-logo{
	height: 50%;
	width: 10%;

}
img.cd-logo{
	position: absolute;
	top: 25%;
}
@media only screen and (max-width: 480px){
  a img.cd-logo{
	 top: 35%;  
	width: 30%;
	height: 35%;
	}
header{
	position: absolute;
	top:0;
	left: 5%;
}
	nav.cd-3d-nav{
		height: 12%;
	}	
*{
	box-sizing: border-box;
}
.untitled {
  position: absolute;
  height: 100%;
  width: 100%;

}
div.untitled__slideBg {
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;

}
div.untitled__slide:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
div.untitled__slide:nth-child(1) div.untitled__slideBg {
  background-image: url("img/p4.jpg");
}
div.untitled__slide:nth-child(2) {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
div.untitled__slide:nth-child(2) div.untitled__slideBg {
  background-image: url("img/p5.jpg");
	
}
div.untitled__slide:nth-child(3) {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
	
}
div.untitled__slide:nth-child(3) div.untitled__slideBg {
  background-image: url("img/p2.jpg");

}
div.untitled__slide:nth-child(4) {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}
div.untitled__slide:nth-child(4) div.untitled__slideBg {
  background-image: url("img/p3.jpg");

}	
}
@media only screen and (max-width: 768px){
img.cd-logo{
	top: 35%;
	width: 25%;
	height: 40%;
	}

}	
@media only screen and (max-width: 1023px){
 img.cd-logo{
	top: 35%;	
	width: 15%;
	height: 40%;
	}

}

/* -----
SVG Icons - svgicons.sparkk.fr
----- */

.svg-icon {
  width: 2em;
  height: 2em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #fff;
}

.svg-icon circle {
  stroke: #C02626;
  stroke-width: 1;
}
h1.text-xl{
	font-weight: bolder;
	color: #C4C3C3;
}
h2{
	color: #fff;
	font-weight: 200;
}
/* line and arrow */
.cd-3d-nav__marker--col-1 {
	color: #C02626;
	background-color: #C02626; 
}
.cd-3d-nav__marker--col-2 {
	color: #C02626;
	background-color: #C02626; 
}
.cd-3d-nav__marker--col-3 {
	color: #C02626;
	background-color: #C02626; 
}
.cd-3d-nav__marker--col-4 {
	color: #C02626;
	background-color: #C02626; 
}
.cd-3d-nav__marker--col-5 {
	color: #C02626;
	background-color: #C02626; 
}

/* 3d nav container colors*/
.cd-3d-nav__item--selected a{
	  
    background-color: #CB4D4F;
}
 .cd-3d-nav__item--selected  a:hover {
      background-color: #CB4D4F;
	
	}

.cd-3d-nav {

  background-color: #EF8889;

}

.cd-3d-nav__list { 

  background-color: #EF8889;
}
.cd-3d-nav__list a:hover{
	  background-color: #DB6366;
}



html, body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.untitled {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-animation: rotateHue infinite 20s linear;
          animation: rotateHue infinite 20s linear;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes rotateHue {
  0% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  20% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  25% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  45% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  50% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  70% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  75% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  95% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}
@keyframes rotateHue {
  0% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  20% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  25% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  45% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  50% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  70% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  75% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  95% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}
.untitled__shutters {
  position: absolute;
 
  left: calc(50% - 75vmax);
  top: calc(50% - 75vmax);
  pointer-events: none;
  z-index: 2;
  -webkit-animation: rotateFrame 10s linear infinite;
          animation: rotateFrame 10s linear infinite;
}

.untitled__slides {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
}
.untitled__slide {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-animation: showHideSlide infinite 20s steps(1);
          animation: showHideSlide infinite 20s steps(1);
}
@-webkit-keyframes showHideSlide {
  0% {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
  }
  25% {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
}
@keyframes showHideSlide {
  0% {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
  }
  25% {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
}
.untitled__slide:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.untitled__slide:nth-child(1) .untitled__slideBg {
  background-image: url("img/pop4.jpg");
}
.untitled__slide:nth-child(2) {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
.untitled__slide:nth-child(2) .untitled__slideBg {
  background-image: url("img/pop1.jpg");
	
}
.untitled__slide:nth-child(3) {
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
	
}
.untitled__slide:nth-child(3) .untitled__slideBg {
  background-image: url("img/pop2.jpg");

}
.untitled__slide:nth-child(4) {
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
}
.untitled__slide:nth-child(4) .untitled__slideBg {
  background-image: url("img/pop3.jpg");

}
.untitled__slideBg {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;

  opacity: 1;
  z-index: -1;
  -webkit-animation: bgInOut 5s infinite;
          animation: bgInOut 5s infinite;
}