.container-fluid{padding-top:24px;padding-bottom:24px;margin-top:24px;}
body{background:#fff;}p{font-family:'DroidKufiLight'}.contentTitle{font-family:'DroidKufiLight';color:#212121;text-align:center;direction:rtl;font-weight:bold;}.contentDescription{font-family:'DroidKufiLight';color:#fff;text-align:center;;width:80%;margin:auto;margin-top:24px;font-size:27px;}.itemData{margin:24px 0;}.clear{clear:both;}.bignum{font-size:15px;float:right;padding:0 10px;overflow:hidden;height:100%;background-color:#fa942b;color:#000;line-height:28px;font-weight:bold;}.contentDescriptionBolites{float:right;margin-right:12px;color:#fa942b;font-size:20px;font-family:'DroidKufiLight';}.contentDescriptionForOneItem{clear:both;margin-top:24px;}.columnImage{width:100%;opacity:0.6}.columnImage:hover{opacity:0.7}.columnImageDiv{width:100%;overflow:hidden;}.columnImageDiv>img{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}.columnImageDiv:hover>img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.teamNames{text-align:center;color:#fff;font-family:'DroidKufiLight';z-index: 99;padding: 27px;}
.teamNames h1{font-size:15px;margin-bottom:12px;font-weight: bold;line-height: 1.5}
@media screen and (max-width: 992px) {.columnImageDiv{margin-bottom:24px;}}.pageTitle,.pageSubTitle{font-family:'Titillium',sans-serif;text-transform:uppercase;color:#333;}.pageTitle{color:#FF7600;}.pageTitle{font-size:2em;font-weight:700;line-height:2em;}.pageSubTitle{margin-bottom:1em;font-size:1.4em;font-weight:300;}.mainBackground{background:url("../img/mainbg.jpg") no-repeat;background-size:100% auto;position:fixed;width:100%;height:400%;top:0;left:0;z-index:-1}.mainBackground::before{content:'';width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.6);}.wrapper{width:90%;padding:40px;margin:20px auto;}.wrapper p{color:#ffffff;font-size:18px;    font-weight: bold;}.work{display:block;width:33.33333333333333%;height:auto;float:right;position:relative;overflow:hidden;}.work a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#454545;display:block;}.work .media{width:100%;vertical-align:middle;filter:grayscale(100%);margin:0;}.work .caption{transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;}.work a .caption{position:absolute;display:block;width:100%;height:50%;bottom:10px;left:0;opacity:0;background:#000;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));overflow:hidden;}.work a:hover .media{filter:grayscale(0);}.caption .work_title{display:block;width:100%;position:absolute;text-align:center;bottom:-50%;transition:all 0.5s ease 0s;}.work a:hover .caption{opacity:1;}.work a:hover .section{z-index:1;}.work a:hover .work_title{bottom:10px;}.work .caption h1{padding:0 5%;color:#fff;font-family:'DroidKufiLight';font-size:22px;text-align:right;margin-bottom:24px;}.work .caption p{color:#fff;text-align:right;padding:0 5%;}#closebt-container,.closeModal{margin-top:24px!important;}#lightSpeedIn::before{position:fixed;width:100%;height:110%;content:'';top:0;left:0;background:rgba(0,0,0,0.7);}#lightSpeedIn{background-position:top left!important;background-size:cover;}#modal-container{width:60%;margin:auto 5% auto auto;position:relative;}.thumb{direction:rtl}.headData h1{direction:rtl;color:#fff;font-family:'DroidKufiLight';font-size:22px;text-align:right;}.headData p{color:#fff;text-align:right;margin-top:12px;}.clear{clear:both;}.said2017{margin-top:24px;width:100%;background:rgba(255,255,255,0.8);padding:14px;border-radius:5px;color:#000;}.said2018{margin-top:24px;width:100%;background:rgba(228,13,13,0.8);padding:15px;border-radius:5px;color:#fff;}.statics{margin-top:24px;}.statics .icon{float:right;width:7%;}.statics p{color:#fff;width:91%;margin-right:2%;float:right;}.statics .icon img{width:100%;}.work:nth-last-child(1),.work:nth-last-child(2){width:50%;}.masrawyWish{width:80%;float:right;}.salah{position:absolute;width:20%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:10px solid #fff;transform:rotate(-30deg);top:-54px;left:4%;}.salah img{width:100%;}.masrawyWish h1{text-align:right;margin-bottom:24px;color:#fff;font-family:'DroidKufiLight';direction:rtl;}.masrawyWish p{color:#fff;width:80%;text-align:justify;font-family:'DroidKufiLight';direction:rtl;margin:auto 0 auto auto;}@media screen and (max-width: 768px) {.work{width:50%;}.work:nth-last-child(1){width:100%;overflow:hidden;}.wrapper{width:90%;padding:0;margin:auto;}.mainBackground{height:300%;width:500%;}#modal-container{width:90%;}.masrawyWish{width:100%;float:none}.masrawyWish h1{text-align:center;}.masrawyWish p{text-align:center;width:100%;}.salah{display:none}.salahSection{margin-top:0!important}}@media screen and (max-width: 450px) {.work{width:100%!important;}.headDataTitle{text-align:center!important;margin-top:24px;}.headDataDescription{text-align:center!important;}}#disqus_thread{background:#000;width:100%;padding:5%;}.section{display:block;position:absolute;width:auto;top:12px;right:35px;padding:10px;color:#fff;font-family:'DroidKufiLight';z-index:1}






@font-face{
  font-family:'aref-bold';
  src:url('../fonts/aref-bold.ttf') format("truetype");

}


@font-face{
  font-family:'Elgharib-AlwiSahafa';
  src:url('../fonts/Elgharib-AlwiSahafa.ttf') format("truetype");

}


@font-face{
  font-family:'Shahd-Font-Regular';
  src:url('../fonts/Shahd-Font-Regular.ttf') format("truetype");

}

@font-face {
	font-family: 'ecoico';
	src:url('../fonts/timelineicons/ecoico.eot');
	src:url('../fonts/timelineicons/ecoico.eot?#iefix') format('embedded-opentype'),
		url('../fonts/timelineicons/ecoico.woff') format('woff'),
		url('../fonts/timelineicons/ecoico.ttf') format('truetype'),
		url('../fonts/timelineicons/ecoico.svg#ecoico') format('svg');
	font-weight: normal;
	font-style: normal;
}

.Click-here2 {
  cursor: pointer;
  background-image: linear-gradient(190deg, #aa120d 0%, #aa120d 100%);
  color: #fff;
  width: 180px;
  text-align: center;
  font-size:16px;
  padding: 18px 0;
  margin: 0 auto;
  transition:background-image 3s ease-in-out;
  margin-top: 5%;
  font-family: DroidKufiBold;
}

.Click-here3 {
  cursor: pointer;
  background-image: linear-gradient(190deg, #aa120d 0%, #aa120d 100%);
  color: #fff;
  width: 180px;
  text-align: center;
  font-size:16px;
  padding: 18px 0;
  margin: 0 auto;
  transition:background-image 3s ease-in-out;
  margin-top: 5%;
  font-family: DroidKufiBold;
}

.Click-here2:hover{
  transition:background-image 3s ease-in-out;
  background-image: linear-gradient(190deg, #aa120d 0%, #aa120d 100%);
}

.Click-here3:hover{
  transition:background-image 3s ease-in-out;
  background-image: linear-gradient(190deg, #aa120d 0%, #aa120d 100%);
}


.Click-here {
  cursor: pointer;
  background-image: linear-gradient(190deg, #aa120d 0%, #aa120d 100%);
  color: #fff;
  width: 180px;
  text-align: center;
  font-size:16px;
  padding: 18px 0;
  margin: 0 auto;
  transition:background-image 3s ease-in-out;
  margin-top: 5%;
  font-family: DroidKufiBold;
}
.Click-here:hover{
  transition:background-image 3s ease-in-out;
  background-image: linear-gradient(190deg, #aa120d 0%, #aa120d 100%);
}
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  margin: 30px auto;
  max-width: 97%;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
	overflow-y: auto;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #fff;
}

@media screen and (min-width:800px){
	.custom-model-main:before {
	  content: "";
	  display: inline-block;
	  height: auto;
	  vertical-align: middle;
	  margin-right: -0px;
	  height: 100%;
	}
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}



/*********tabs**/

.sano{
	height:100vh !important;

}



#target {

  display:none;
}

#target2 {

  display:none;
}

#target3 {

  display:none;
}

.tab {
  width: 100%;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--greyLight);
}



.menu {
  display: flex;
  justify-content: space-between;
  width: 60%;
  position: relative;
  direction:rtl;
  margin:auto;
}
.menu::after {
  content: '';
  position: absolute;
  width: inherit;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--greyLight-2);
}
.menu__item {
  padding-bottom: .6rem;
  margin: 0 1.4rem;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  font-family:DroidKufiBold;
      padding: 8px 18px 8px 18px;
	      color: white;
}
.menu__item.is-active {
  color: #f3a519;
}
.menu__item--first:hover {
  color: #aa120d;
}
.menu__item--first:hover:hover ~ .menu__line {
  transform: translateX(0);
  width: 6rem;
}
.menu__item--second:hover {
  color: var(--primary);
}
.menu__item--second:hover:hover ~ .menu__line {
  transform: translateX(9.4rem);
  width: 8.2rem;
}
.menu__item--thirst:hover {
  color: var(--primary);
}
.menu__item--thirst:hover:hover ~ .menu__line {
  transform: translateX(21rem);
  width: 7rem;
}
.menu__line {
  position: absolute;
  bottom: 0;
  width: 6rem;
  height: 100%;
  border-bottom: 1px solid var(--primary);
  z-index: 200;
  pointer-events: none;
  transition: all .5s ease;
}
.menu__line.activeSecond {
  transform: translateX(9.4rem);
  width: 8.2rem;
}
.menu__line.activeThirst {
  transform: translateX(21rem);
  width: 7rem;
}

.contents {
  height: 40rem;
  /*margin: 1rem;*/
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
    width: 60%;
    text-align: right;
    border: 3px solid white;
    border-radius: 50px;
	margin:auto;
}
.contents__content {
  width: 90%;
  /*display: flex;*/
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.contents__content span {
  color: var(--primary);
  font-size: 3.6rem;
  margin-bottom: 1.6rem;
  padding: 1rem;
  border-radius: 1.2rem;
  background: var(--primary-light);
}
.contents__content h2 {
  font-size: 1.8rem;
  color: var(--greyDark);
}
.contents__content p {
      font-size: 18px;
    margin: 0.1rem 0;
	font-weight:bold;
}
.contents__content button {
  border: none;
  outline: none;
  background: none;
  color: var(--primary);
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
}
.contents__content button:hover {
  border-bottom: 1px solid var(--primary);
}

.fadeUp-enter {
  opacity: 0;
}

.fadeUp-enter-active {
  animation: slide-in .3s ease-in-out forwards;
  transition: opacity .3s;
}

.fadeUp-leave-active {
  animation: slide-out .3s ease-in-out forwards;
  transition: opacity  .3s;
  opacity: 0;
}

.fadeDown-enter {
  opacity: 0;
}

.fadeDown-enter-active {
  animation: slide-in-down .3s ease-in-out forwards;
  transition: opacity .3s;
}

.fadeDown-leave-active {
  animation: slide-out-down .3s ease-in-out forwards;
  transition: opacity  .3s;
  opacity: 0;
}

@keyframes slide-in {
  from {
    transform: translateY(2rem);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-2rem);
  }
}
@keyframes slide-in-down {
  from {
    transform: translateY(-2rem);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-out-down {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(2rem);
  }
}


/**************************new**/

.block__title {
display: block;
    position: relative;
    width: 50%;
    padding-bottom: 8px;
    /*padding-left: 11%;*/
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin: auto;
	    font-family: DroidKufiBold;
}
.block__title:before {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 80%;
  bottom: -10px;
  left: 8%;
  background-color: #e63b34;
}
.block__title:after {
  content: '';
  display: block;
  position: absolute;
  height: 12px;
  width: 12px;
  bottom: -16px;
  left: 8%;
  border-radius: 50%;
  background-color: #e63b34;
  border: 2px solid #fbaa19;
}

.first{
	position: absolute;
    bottom: 10%;
    right: 30%;

}

.second{
	position: absolute;
    top: 2%;
    right: 30%;

}

.third{
	position: absolute;
    top: 5%;
    left: 30%;
}

.four{
	position: absolute;
    top: 20%;
    left: 17%;
}

.five{
	position: absolute;
    top: 50%;
    left: 15%;
}

.flourish-credit{
	display:none !important;

}

.outer {
  display: flex;
  height: 600px;
  align-items: center;
  position: relative;
}

.item {
  position: absolute;
  animation-duration: 4.5s;
  animation-fill-mode: backwards;
  animation-timing-function: ease;
  z-index: 100;
  backface-visibility: hidden;
  font-size: 20px;
  white-space: nowrap;
  visibility: hidden;
  border-bottom: 2px solid #aa120d;
  border-top: 2px solid #aa120d;
  transform-style: preserve-3d;
  background:#000000ab;
  font-weight:bold;
  font-family: 'DroidKufiLight';
  color:white;
  padding:10px;
  direction:rtl;

}

.animate {
  visibility: visible;
  animation-name: animate;
}

.inner {
  transform: translateZ(-50px);
  transform-style: preserve-3d;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes animate {
  0% {
    transform: rotateX(-90deg) translateZ(50px);
  }
  6% {
    transform: rotateX(10deg) translateZ(50px);
  }
  12% {
    transform: rotateX(-5deg) translateZ(50px);
  }
  18% {
    transform: rotateX(1.5deg) translateZ(50px);
  }
  24% {
    transform: rotateX(0deg) translateZ(50px);
  }
  82% {
    transform: rotateX(0deg) translateZ(50px);
  }
  88% {
    transform: rotateX(5deg) translateZ(50px);
  }
  94% {
    transform: rotateX(-10deg) translateZ(50px);
  }
  100% {
    transform: rotateX(90deg) translateZ(50px);
  }
}
.static {
  font-size: 28px;
}





.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}

.center{
    position: absolute;
    top: 69%;
    left: 51%;
    transform: translate(-50%, -50%);
}
.pulse{
    margin: auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    color: #FFF;
    font-size: 25px;
    text-align: center;
    line-height: 80px;
	font-weight:bold;
    font-family: 'DroidKufiLight';
    text-transform: uppercase;
    animation: animate-pulse 3s linear infinite;
    cursor: pointer
}
@keyframes animate-pulse{
    0%{
        box-shadow: 0 0 0 0 rgba(255,109,74,0.7),  0 0 0 0 rgba(255,109,74,0.7);
    }
    40%{
        box-shadow: 0 0 0 50px rgba(255,109,74,0.0),  0 0 0 0 rgba(255,109,74,0.7);
    }
    80%{
        box-shadow: 0 0 0 50px rgba(255,109,74,0.0),  0 0 0 30px rgba(255,109,74,0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(255,109,74,0.0),  0 0 0 30px rgba(255,109,74,0);
    }

}


hr {
  background-color: #fff;
  padding: 0;
  margin: 80px;
}

hr.hr-1 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


.d01{ animation-delay:0.1s; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s; }
.d02{ animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.d03{ animation-delay:0.3s; -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; }
.d04{ animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
.d05{ animation-delay:0.5s; -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.d06{ animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
.d07{ animation-delay:0.7s; -moz-animation-delay:0.7s; -webkit-animation-delay:0.7s; }
.d08{ animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }
.d09{ animation-delay:0.9s; -moz-animation-delay:0.9s; -webkit-animation-delay:0.9s; }
.d10{ animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s; }
.d11{ animation-delay:1.1s; -moz-animation-delay:1.1s; -webkit-animation-delay:1.1s; }
.d12{ animation-delay:1.2s; -moz-animation-delay:1.2s; -webkit-animation-delay:1.2s; }
.d13{ animation-delay:1.3s; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s; }
.d14{ animation-delay:1.4s; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; }
.d15{ animation-delay:1.5s; -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }
.d16{ animation-delay:1.6s; -moz-animation-delay:1.6s; -webkit-animation-delay:1.6s; }
.d17{ animation-delay:1.7s; -moz-animation-delay:1.7s; -webkit-animation-delay:1.7s; }
.d18{ animation-delay:1.8s; -moz-animation-delay:1.8s; -webkit-animation-delay:1.8s; }
.d19{ animation-delay:1.9s; -moz-animation-delay:1.9s; -webkit-animation-delay:1.9s; }
.d21{ animation-delay:2.1s; -moz-animation-delay:2.1s; -webkit-animation-delay:2.1s; }
.d26{ animation-delay:2.6s; -moz-animation-delay:2.6s; -webkit-animation-delay:2.6s; }
.t14{
	animation-duration: 1.4s !important;
}
.t24{
	animation-duration: 2.4s !important;
}
/*Animation ends*/
.anim,.anima {
    opacity: 0;
}
.anim.animated,.anima.animated {
    opacity: 1;
}




.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.animated.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.animated.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animated.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animated.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.animated.rubber {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.animated.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.animated.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animated.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}

.animated.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.animated.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.animated.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.animated.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.animated.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.animated.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.animated.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.animated.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.animated.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.animated.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animated.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animated.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.animated.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.animated.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.animated.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.animated.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.animated.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.animated.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.animated.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.animated.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.animated.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.animated.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.animated.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.animated.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.animated.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.animated.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.animated.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.animated.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.animated.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animated.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animated.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.animated.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.animated.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animated.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.animated.rollIn {
  animation-name: rollIn;
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.animated.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.animated.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.animated.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.animated.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.animated.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.animated.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -1000%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-1000%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(1000%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 1000%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animated.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 1000%, 0);
  }
}

.animated.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-1000%, 0, 0);
  }
}

.animated.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(1000%, 0, 0);
  }
}

.animated.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -1000%, 0);
  }
}

.animated.slideOutUp {
  animation-name: slideOutUp;
}


.testimonial-sec {
    overflow: hidden !important;
}
/**************Animation CSS End Here****************/



/**************Who View Your Profile CSS Start Here****************/
#timeline {
  list-style: none;
  position: relative;
  margin:50px auto;
  width:90%;
}
#timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #8a4d2d;
  left: 50%;
  margin-left: -1.5px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
	color: #fff;
	width: 25px;
	height: 25px;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -13px;
	background-color: #fff;
	z-index: 6;
	border-radius: 50%;
	border: 2px solid #8a4e2e;
}
#timeline .timeline-badge span.timeline-balloon-date-day {
  font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: .7em;
  position: relative;
  top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #4997cd;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
	background-color: #ffffff;
	height: 120px;
	width: 120px;
	font-size: 1.7em;
	top: -16px;
	margin-left: -60px;
	border: 2px solid #4997cd;
}
#timeline .timeline-badge.timeline-future-movement p {
	color:#1782cc;
	position: absolute;
	top: 40px;
	left: 32px;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #4997cd;
  font-size: .9em;
  top: 0;
  left: 1px;
}
#timeline .timeline-movement {
/*   border-bottom: dashed 1px #4997cd; */
  position: relative;
  margin-bottom: 10rem;
}
#timeline .timeline-movement.timeline-movement-top {
  height: 60px;
}
/* #timeline .timeline-movement .timeline-item {
  padding: 20px 0;
} */
#timeline .timeline-movement .timeline-item .timeline-panel {
  border: 1px solid #8b4e2e;
  border-radius: 3px;
  background-color: #8b4e2e;
  color: #fff;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits  .timeline-panel-ul .lefting-wrap {
	float: right;
	width: 30%;
	height: 130px;
	background-color: floralwhite;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits  .timeline-panel-ul .righting-wrap {
	float: left;
	width: 70%;
	height: 130px;
	padding: 0 12px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
  color: #666;
  width: 100%;
}
.clear {
	clear:both;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits  .timeline-panel-ul .lefting-wrap {
	float: left;
	width: 30%;
	height: 130px;
	background-color: floralwhite;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits  .timeline-panel-ul .righting-wrap {
	float: right;
	width: 70%;
	height: 130px;
	padding: 0 0 0 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li.img-wraping {
	width: 100%;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li.img-wraping a img, #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li.img-wraping a img {
    width: 100%;
    height: 130px;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul li {
	color: #666;
	width: 100%;
}
#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li a.importo  {
  color: #468c1f;
  font-size: 1.3em;
  font-weight: 600;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
  text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul a.importo {
  color: #e2001a;
  font-size: 1.3em;
  font-weight: 600;
}



.site-header {
  background: #222;
  overflow: hidden;
  position: relative;
}
.video-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.1;

}
.site-header .content {
  position: relative;
  z-index: 100;
  text-align: center;
  padding: 50px 0;
  color: #fff;
  font-size: 48px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}
.site-content {
  padding: 40px 0;
  text-align: center;
}


.mapo{
	    position: absolute;
    top: 72%;
    left: 58%;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	direction:rtl;

}

.mapo2{
	    position: absolute;
    top: 40%;
    left: 10%;
    background: #000000e6;
    padding: 2px 20px 2px 20px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	direction:rtl;

}


.mapo3{
	    position: absolute;
    top: 49.3%;
    left: 40%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	direction:rtl;
	z-index:999999999;

}


.mapo4{
	    position: absolute;
    top: 50%;
    left: 30%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	direction:rtl;
	z-index:999999999;

}


.mapo5{
	    position: absolute;
    top: 43%;
    left: 33%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	z-index:99999;
	direction:rtl;
}


.mapo6{
	    position: absolute;
    top: 53%;
    left: 37%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	direction:rtl;
	z-index:999999999999;

}


.mapo7{
	    position: absolute;
    top: 42%;
    left: 50%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
direction:rtl;
}

.mapo8{
	    position: absolute;
    top: 78%;
    left: 35%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	direction:rtl;
}

.mapo9{
	    position: absolute;
    top: 45%;
    left: 56%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
direction:rtl;
}

.mapo10{
	    position: absolute;
    top: 90%;
    left: 37%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
direction:rtl;
}


.mapo11{
	    position: absolute;
    top: 46%;
    left: 38%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
direction:rtl;
z-index:999999;
}

.mapo12{
	    position: absolute;
    top: 60%;
    left: 35%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	direction:rtl;
	z-index:99999999999999;
}


.mapo13{
	    position: absolute;
    top: 66%;
    left: 38%;
    background: #000000e6;
    padding: 2px 30px 2px 30px;
    color: #ce6f09 !important;
    font-weight: bold !important;
	font-family:'DroidKufiLight';
	cursor:pointer;
	font-size: 14px;
	direction:rtl;
	z-index:99999999999999;
}

spani::before, spani::after {
  position: absolute;
  left: 50%;
  opacity: 0;
  z-index: -100;
}
spani:hover::before, spani:focus::before, spani:hover::after, spani:focus::after {
  opacity: 1;
  z-index: 100;
  transform: scale(1) translateY(0);
}
spani::before {
  border-style: solid;
  border-width: 1em .75em 0 .75em;
  border-color: #f7f5f5 transparent transparent transparent;
  bottom: 100%;
  margin-left: -.5em;
  content: "";
  transform: scale(0.6) translateY(-90%);
  transition: all 0.65s cubic-bezier(0.85, -0.18, 0.31, 1.26), opacity 0.65s 0.5s;
}
spani:hover::before, spani:focus::before {
  transition-delay: .2s;
}
spani::after {
  background: #f7f5f5;
  border-radius: .25em;
  bottom: 180%;
  color: #010101;
  width: 10.5em;
  padding: 0.5em;
  margin-left: -5.75em;
  content: attr(data-tip);
  transform: scale(0.6) translateY(50%);
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
}
spani:hover::after, spani:focus::after {
  transition-delay: 0s;
}



.fade-slider-container {
  width: 430px;
  margin: 0 auto;
  text-align: center;
}

.fade-slider {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 410px;
  height: 410px;
}

.fade-slider-item {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 100px;
  color: white;
  font-weight: bold;
  width: 400px;
  height: 400px;
  opacity: 0.1;
  z-index: 1;
  transition: opacity 0.4s;
}

.fade-slider-item {
  border-radius: 10px;
}

.showing {
  opacity: 1;
  z-index: 10;
  transition: opacity 0.4s;
}



.fade-controls {
  display: flex;
  justify-content: space-evenly;
}

.fade-sl-arrow {
  border-radius: 50%;
  background-color: black;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
  border: none;
  outline: none;
}
.fade-sl-arrow:hover {
  opacity: 0.7;
  outline: none;
}

.fade-sl-counter {
  font-size: 22px;
  background-color: black;
  padding: 4px 20px;
  color: white;
  opacity: 0.75;
}



#modal-btn {
  background-color: #ce6f09;
  border: none;
  border-radius: 8px;
  box-shadow: -15px 0 70px -15px #e63b34, 15px 0 70px -15px #163A2A;
  color: #020202;
  cursor: pointer;
  padding: 0px 30px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0px;
  height: 3em !important;
    line-height: 3em !important;
  font-family: 'DroidKufiLight';
}

/* Modal Styles */
#modal-area {
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none;
  animation: appear 350ms ease-in 1;
  background:#000000c2;
}

.modal-content {
	position: absolute;
	width: 70%;
	height: 700px;
  background-color: #710a06;
  border-radius: 8px;
  color: #163A2A;
  padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
  text-align: center;
}

.details-person h2 {
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
}

.details-person p {
	line-height: 22px;
  margin: 0;
	padding: 5px 0;
  font-size: 14px;
  font-weight: bold;
}

.modal-close {
	position: absolute;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background-color: #fbaa19;
  cursor: pointer;
	color: #710a06;
	right: -20px;
	top: 85px;
	font-size: 35px;
	line-height: 40px;
	transform: rotate(45deg);
}

@keyframes appear {
  0%{
    opacity: 0;
    transform: translateY(-10px);
  }
}



.blog-slider {
  width: 95%;
  position: relative;
  max-width: 800px;
  margin: auto;
  background: #404040;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
  padding: 25px;
  height: 100%;
  transition: all 0.3s;
}
@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px;
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
}
.blog-slider__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
  transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
  transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
  transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
  transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
  transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
  transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
  transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
  transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
  transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
  transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
  transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
  transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
  transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
  transition-delay: 1.7s;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #eea118 !important;
}

.blog-slider__img {
  width: 220px;
  flex-shrink: 0;
  height: 300px;
  box-shadow: 4px 13px 15px 1px rgba(0, 0, 0, 0.2);
  transform: translateX(-80px);
  overflow: hidden;
}
.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .blog-slider__img {
    transform: translateY(-50%);
    width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
}
.blog-slider__content {
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -80px;
    text-align: center;
    padding: 0 30px;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
  }
}
.blog-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}
.blog-slider__code {
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
.blog-slider__title {
  font-size: 24px;
  font-weight: 700;
  color: #0d0925;
  margin-bottom: 20px;
}
.blog-slider__text {
  color: #4e4a67;
  margin-bottom: 30px;
  line-height: 1.5em;
}
.blog-slider__button {
  display: inline-flex;
  background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
  padding: 15px 35px;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
  text-decoration: none;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
}
@media screen and (max-width: 576px) {
  .blog-slider__button {
    width: 100%;
  }
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}






.starwars-page {
  margin: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  perspective: 500px;
  overflow: hidden;
  text-align: center;
}

.starwars-intro {
  top: 0%;
  margin: auto;
  width: 100%;
  max-width: 800px;
  position: relative;
  font-size: 1.8em;
  color: #f58513;
  text-align: justify;
  transform: rotateX(10deg) scale(1);
}





.mouse-box {
  height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;

      z-index: 9999999999;
    position: absolute;
    bottom: -8%;
    text-align: center;
    left: 50%;
}
.mouse-icon {
  height: 65px;
  width: 35px;
  padding: 5px;
  border: 2px solid #fff;
  border-radius: 20px;
  display: flex;
  justify-content: center;
}


.scrolling-wheel {
  width: 4px;
  height: 7px;
  margin-top: 5px;
  border-radius: 35%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
}

  @keyframes scroll {
    0% {
      opacity: 1;
    }
    100% {
      transform: translateY(20px);
      opacity: 0;
    }
  }
`;







#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 785px 391px #FFF , 788px 119px #FFF , 1222px 1521px #FFF , 591px 1007px #FFF , 1321px 1421px #FFF , 986px 821px #FFF , 1502px 637px #FFF , 1235px 1232px #FFF , 1471px 962px #FFF , 1792px 1085px #FFF , 1405px 325px #FFF , 1349px 1759px #FFF , 1910px 480px #FFF , 560px 1608px #FFF , 1497px 988px #FFF , 1189px 1441px #FFF , 1916px 71px #FFF , 374px 1760px #FFF , 87px 99px #FFF , 738px 1018px #FFF , 258px 1089px #FFF , 810px 705px #FFF , 859px 554px #FFF , 1922px 1270px #FFF , 1213px 348px #FFF , 886px 1562px #FFF , 1523px 443px #FFF , 1140px 1595px #FFF , 565px 467px #FFF , 243px 1762px #FFF , 1544px 887px #FFF , 1254px 1458px #FFF , 668px 1423px #FFF , 1633px 309px #FFF , 834px 1379px #FFF , 346px 1853px #FFF , 1902px 1595px #FFF , 1613px 600px #FFF , 1126px 1585px #FFF , 1932px 1399px #FFF , 509px 1499px #FFF , 376px 397px #FFF , 1836px 1470px #FFF , 835px 1602px #FFF , 1867px 796px #FFF , 409px 740px #FFF , 883px 1291px #FFF , 1007px 1517px #FFF , 1191px 1634px #FFF , 229px 1082px #FFF , 1019px 1986px #FFF , 1659px 481px #FFF , 1639px 1945px #FFF , 1770px 561px #FFF , 1450px 1366px #FFF , 934px 526px #FFF , 1429px 657px #FFF , 236px 969px #FFF , 1565px 1372px #FFF , 523px 1644px #FFF , 651px 216px #FFF , 196px 1658px #FFF , 1267px 1056px #FFF , 252px 1074px #FFF , 991px 507px #FFF , 391px 267px #FFF , 1320px 160px #FFF , 358px 1399px #FFF , 109px 1411px #FFF , 517px 505px #FFF , 609px 1084px #FFF , 2px 152px #FFF , 137px 1242px #FFF , 462px 1786px #FFF , 611px 606px #FFF , 162px 1453px #FFF , 831px 483px #FFF , 764px 765px #FFF , 1294px 15px #FFF , 948px 1069px #FFF , 1424px 1194px #FFF , 1020px 1652px #FFF , 784px 355px #FFF , 492px 1681px #FFF , 1568px 380px #FFF , 1438px 1967px #FFF , 1061px 1010px #FFF , 1512px 236px #FFF , 79px 475px #FFF , 1734px 994px #FFF , 872px 933px #FFF , 200px 1741px #FFF , 473px 1819px #FFF , 1738px 1964px #FFF , 1844px 262px #FFF , 216px 1599px #FFF , 1722px 1253px #FFF , 135px 1983px #FFF , 1982px 725px #FFF , 400px 375px #FFF , 1301px 814px #FFF , 1840px 1485px #FFF , 559px 751px #FFF , 1216px 1393px #FFF , 1335px 1048px #FFF , 573px 52px #FFF , 1958px 232px #FFF , 984px 744px #FFF , 330px 784px #FFF , 542px 1074px #FFF , 346px 348px #FFF , 1482px 1976px #FFF , 1814px 1026px #FFF , 600px 317px #FFF , 887px 582px #FFF , 1779px 489px #FFF , 1167px 333px #FFF , 866px 1769px #FFF , 994px 724px #FFF , 886px 893px #FFF , 1687px 744px #FFF , 1811px 1841px #FFF , 534px 241px #FFF , 1707px 744px #FFF , 1656px 915px #FFF , 1738px 1083px #FFF , 466px 1155px #FFF , 760px 1951px #FFF , 712px 1792px #FFF , 411px 1714px #FFF , 1558px 1834px #FFF , 827px 1020px #FFF , 568px 359px #FFF , 1561px 1153px #FFF , 336px 733px #FFF , 88px 1800px #FFF , 398px 1792px #FFF , 795px 454px #FFF , 589px 1302px #FFF , 1026px 1184px #FFF , 1099px 182px #FFF , 138px 1225px #FFF , 611px 26px #FFF , 1773px 936px #FFF , 1886px 994px #FFF , 1158px 1819px #FFF , 1528px 529px #FFF , 37px 1627px #FFF , 175px 725px #FFF , 1862px 894px #FFF , 223px 792px #FFF , 1248px 1300px #FFF , 1700px 136px #FFF , 974px 1158px #FFF , 544px 1552px #FFF , 589px 579px #FFF , 427px 1282px #FFF , 240px 1267px #FFF , 1179px 1119px #FFF , 925px 1480px #FFF , 1865px 554px #FFF , 1215px 1081px #FFF , 839px 1306px #FFF , 1459px 1513px #FFF , 1919px 1451px #FFF , 1371px 461px #FFF , 1042px 1236px #FFF , 1817px 1697px #FFF , 1464px 802px #FFF , 1545px 641px #FFF , 1954px 1022px #FFF , 591px 789px #FFF , 1390px 175px #FFF , 654px 1893px #FFF , 113px 1771px #FFF , 120px 183px #FFF , 1129px 212px #FFF , 1840px 341px #FFF , 341px 243px #FFF , 152px 1303px #FFF , 554px 1509px #FFF , 1070px 1821px #FFF , 998px 324px #FFF , 1550px 440px #FFF , 1343px 1545px #FFF , 1236px 787px #FFF , 206px 412px #FFF , 984px 1418px #FFF , 1156px 1131px #FFF , 1208px 1796px #FFF , 893px 1145px #FFF , 1242px 1743px #FFF , 1150px 252px #FFF , 899px 1871px #FFF , 157px 609px #FFF , 798px 1684px #FFF , 842px 1380px #FFF , 898px 234px #FFF , 929px 869px #FFF , 851px 125px #FFF , 1082px 1081px #FFF , 1792px 1058px #FFF , 330px 1817px #FFF , 1713px 1034px #FFF , 1610px 494px #FFF , 638px 914px #FFF , 733px 1765px #FFF , 1066px 471px #FFF , 1387px 867px #FFF , 851px 1621px #FFF , 1585px 429px #FFF , 36px 1316px #FFF , 1522px 1231px #FFF , 310px 1335px #FFF , 282px 1712px #FFF , 195px 1237px #FFF , 1263px 1759px #FFF , 373px 1528px #FFF , 738px 744px #FFF , 682px 303px #FFF , 31px 51px #FFF , 75px 1674px #FFF , 457px 475px #FFF , 991px 674px #FFF , 343px 104px #FFF , 973px 1350px #FFF , 1359px 168px #FFF , 302px 40px #FFF , 1052px 1578px #FFF , 862px 81px #FFF , 417px 94px #FFF , 1336px 1898px #FFF , 242px 425px #FFF , 661px 590px #FFF , 811px 793px #FFF , 402px 1270px #FFF , 1595px 907px #FFF , 666px 900px #FFF , 1453px 1749px #FFF , 1172px 480px #FFF , 1830px 186px #FFF , 1565px 1018px #FFF , 283px 1157px #FFF , 596px 1809px #FFF , 218px 19px #FFF , 661px 873px #FFF , 172px 1729px #FFF , 1763px 405px #FFF , 377px 1506px #FFF , 1790px 1724px #FFF , 1251px 1748px #FFF , 1062px 197px #FFF , 282px 878px #FFF , 947px 681px #FFF , 915px 656px #FFF , 1597px 663px #FFF , 1906px 1803px #FFF , 419px 793px #FFF , 1970px 1645px #FFF , 691px 1931px #FFF , 1002px 728px #FFF , 994px 1369px #FFF , 288px 1632px #FFF , 1705px 617px #FFF , 1644px 1205px #FFF , 1279px 1580px #FFF , 1023px 751px #FFF , 1104px 1078px #FFF , 1888px 1096px #FFF , 1168px 1459px #FFF , 18px 1897px #FFF , 135px 1989px #FFF , 576px 1302px #FFF , 1505px 1870px #FFF , 693px 1687px #FFF , 1659px 1037px #FFF , 1779px 31px #FFF , 1909px 702px #FFF , 1804px 1337px #FFF , 366px 1418px #FFF , 1309px 96px #FFF , 1753px 515px #FFF , 830px 331px #FFF , 200px 542px #FFF , 613px 1742px #FFF , 1771px 827px #FFF , 798px 714px #FFF , 1896px 851px #FFF , 105px 1929px #FFF , 1623px 94px #FFF , 590px 1251px #FFF , 1266px 732px #FFF , 178px 1431px #FFF , 445px 1696px #FFF , 856px 1714px #FFF , 1464px 1420px #FFF , 947px 1328px #FFF , 1715px 651px #FFF , 1247px 1827px #FFF , 271px 491px #FFF , 918px 1578px #FFF , 816px 603px #FFF , 976px 1760px #FFF , 1169px 292px #FFF , 834px 1685px #FFF , 334px 24px #FFF , 1749px 59px #FFF , 1844px 1644px #FFF , 1430px 1391px #FFF , 1473px 1576px #FFF , 277px 50px #FFF , 881px 1092px #FFF , 1755px 1391px #FFF , 291px 39px #FFF , 1377px 82px #FFF , 815px 472px #FFF , 1435px 86px #FFF , 269px 1452px #FFF , 563px 629px #FFF , 1655px 1350px #FFF , 1353px 1839px #FFF , 1990px 170px #FFF , 1017px 1178px #FFF , 1581px 209px #FFF , 904px 751px #FFF , 998px 1968px #FFF , 1526px 1724px #FFF , 943px 1122px #FFF , 863px 864px #FFF , 603px 698px #FFF , 428px 1637px #FFF , 952px 143px #FFF , 428px 1946px #FFF , 853px 1974px #FFF , 843px 1091px #FFF , 336px 7px #FFF , 305px 1543px #FFF , 569px 573px #FFF , 929px 497px #FFF , 927px 358px #FFF , 687px 1855px #FFF , 1332px 1218px #FFF , 1272px 485px #FFF , 1405px 1134px #FFF , 1067px 1220px #FFF , 841px 739px #FFF , 478px 1347px #FFF , 1060px 1559px #FFF , 1580px 98px #FFF , 850px 1017px #FFF , 1571px 665px #FFF , 657px 84px #FFF , 1095px 435px #FFF , 356px 1278px #FFF , 411px 1469px #FFF , 1320px 893px #FFF , 225px 1225px #FFF , 460px 1173px #FFF , 1119px 1030px #FFF , 461px 1758px #FFF , 2px 1973px #FFF , 1092px 223px #FFF , 497px 1882px #FFF , 689px 1361px #FFF , 356px 257px #FFF , 89px 310px #FFF , 187px 1291px #FFF , 288px 791px #FFF , 702px 907px #FFF , 1947px 1819px #FFF , 15px 201px #FFF , 141px 238px #FFF , 367px 850px #FFF , 952px 1287px #FFF , 585px 1461px #FFF , 1480px 1522px #FFF , 29px 1057px #FFF , 1267px 1966px #FFF , 725px 1486px #FFF , 1885px 698px #FFF , 240px 470px #FFF , 1492px 1530px #FFF , 421px 302px #FFF , 1258px 1955px #FFF , 37px 1949px #FFF , 1249px 1107px #FFF , 1253px 1548px #FFF , 286px 410px #FFF , 1659px 22px #FFF , 500px 1397px #FFF , 555px 1009px #FFF , 1870px 1318px #FFF , 1788px 1767px #FFF , 880px 877px #FFF , 1157px 721px #FFF , 1912px 1389px #FFF , 1468px 1249px #FFF , 1063px 723px #FFF , 476px 1722px #FFF , 260px 975px #FFF , 393px 1814px #FFF , 224px 1266px #FFF , 113px 662px #FFF , 1114px 36px #FFF , 1678px 353px #FFF , 1086px 851px #FFF , 184px 1571px #FFF , 212px 262px #FFF , 1438px 1520px #FFF , 310px 1698px #FFF , 1297px 753px #FFF , 1929px 1025px #FFF , 114px 599px #FFF , 601px 180px #FFF , 954px 1491px #FFF , 199px 1716px #FFF , 23px 792px #FFF , 1209px 408px #FFF , 557px 271px #FFF , 1711px 616px #FFF , 886px 565px #FFF , 1670px 162px #FFF , 1451px 149px #FFF , 464px 1737px #FFF , 1078px 715px #FFF , 1845px 1270px #FFF , 801px 520px #FFF , 1298px 1091px #FFF , 57px 182px #FFF , 1018px 1533px #FFF , 1931px 1515px #FFF , 455px 72px #FFF , 844px 1635px #FFF , 110px 282px #FFF , 1369px 1984px #FFF , 441px 1079px #FFF , 1823px 403px #FFF , 16px 1719px #FFF , 1376px 1164px #FFF , 1884px 351px #FFF , 1923px 1064px #FFF , 1730px 1708px #FFF , 186px 441px #FFF , 1349px 752px #FFF , 1584px 1562px #FFF , 1850px 332px #FFF , 95px 1545px #FFF , 1149px 973px #FFF , 274px 79px #FFF , 509px 223px #FFF , 1247px 247px #FFF , 1522px 535px #FFF , 711px 1214px #FFF , 15px 1282px #FFF , 148px 1853px #FFF , 1799px 37px #FFF , 768px 878px #FFF , 1391px 1031px #FFF , 526px 655px #FFF , 1260px 385px #FFF , 543px 1368px #FFF , 447px 1414px #FFF , 1970px 1429px #FFF , 260px 744px #FFF , 1568px 1455px #FFF , 1051px 1933px #FFF , 99px 1705px #FFF , 1243px 1421px #FFF , 977px 1664px #FFF , 1539px 79px #FFF , 1158px 294px #FFF , 347px 1129px #FFF , 934px 782px #FFF , 1841px 1598px #FFF , 1629px 419px #FFF , 573px 367px #FFF , 512px 753px #FFF , 1843px 207px #FFF , 1369px 1701px #FFF , 251px 1149px #FFF , 1200px 1753px #FFF , 1409px 1604px #FFF , 851px 1118px #FFF , 451px 16px #FFF , 1257px 1624px #FFF , 476px 841px #FFF , 964px 148px #FFF , 310px 446px #FFF , 1689px 1375px #FFF , 1574px 731px #FFF , 543px 856px #FFF , 407px 754px #FFF , 375px 1032px #FFF , 1212px 1178px #FFF , 1323px 59px #FFF , 150px 719px #FFF , 303px 1921px #FFF , 1518px 929px #FFF , 1019px 1306px #FFF , 119px 37px #FFF , 33px 809px #FFF , 758px 971px #FFF , 1054px 647px #FFF , 809px 270px #FFF , 1792px 1778px #FFF , 1358px 1252px #FFF , 1951px 959px #FFF , 1359px 1676px #FFF , 777px 1753px #FFF , 1824px 627px #FFF , 341px 113px #FFF , 31px 241px #FFF , 1705px 1842px #FFF , 920px 1367px #FFF , 1065px 785px #FFF , 1553px 1507px #FFF , 256px 1186px #FFF , 1835px 1483px #FFF , 64px 1471px #FFF , 781px 282px #FFF , 1301px 1416px #FFF , 718px 662px #FFF , 84px 1184px #FFF , 77px 353px #FFF , 1017px 401px #FFF , 1646px 197px #FFF , 824px 1329px #FFF , 112px 824px #FFF , 1485px 1953px #FFF , 456px 572px #FFF , 1080px 445px #FFF , 1722px 1050px #FFF , 1781px 28px #FFF , 933px 736px #FFF , 759px 1357px #FFF , 1809px 1292px #FFF , 1328px 1775px #FFF , 754px 449px #FFF , 445px 1690px #FFF , 1937px 475px #FFF , 284px 1672px #FFF , 423px 333px #FFF , 310px 939px #FFF , 675px 1677px #FFF , 1056px 444px #FFF , 1621px 1034px #FFF , 437px 604px #FFF , 44px 1607px #FFF , 1766px 1335px #FFF , 178px 250px #FFF , 1967px 1316px #FFF , 1634px 262px #FFF , 597px 882px #FFF , 934px 312px #FFF , 559px 371px #FFF , 1770px 857px #FFF , 1529px 993px #FFF , 1267px 19px #FFF , 1230px 1888px #FFF , 1136px 1879px #FFF , 1489px 1373px #FFF , 1238px 1587px #FFF , 1265px 1094px #FFF , 235px 1494px #FFF , 911px 609px #FFF , 1586px 1090px #FFF , 1768px 1033px #FFF , 83px 1845px #FFF , 381px 627px #FFF , 1080px 1862px #FFF , 906px 1304px #FFF , 509px 512px #FFF , 1822px 1854px #FFF , 633px 1066px #FFF , 995px 1478px #FFF , 1129px 1047px #FFF , 1700px 1145px #FFF , 1551px 693px #FFF , 1184px 1037px #FFF , 800px 821px #FFF , 92px 254px #FFF , 1144px 206px #FFF , 559px 1033px #FFF , 1076px 65px #FFF , 335px 1576px #FFF , 1847px 1853px #FFF , 568px 680px #FFF , 1608px 510px #FFF , 428px 1877px #FFF , 1489px 1748px #FFF , 1441px 1060px #FFF , 83px 348px #FFF , 966px 147px #FFF , 1443px 1407px #FFF , 1169px 1902px #FFF , 911px 81px #FFF , 1265px 439px #FFF , 325px 1005px #FFF , 478px 15px #FFF , 1997px 311px #FFF , 77px 1638px #FFF , 1838px 1790px #FFF , 1492px 1468px #FFF , 1862px 912px #FFF , 1341px 1215px #FFF , 684px 1250px #FFF , 1365px 1553px #FFF , 749px 1804px #FFF , 1016px 427px #FFF , 1670px 1379px #FFF , 1400px 1411px #FFF , 286px 1122px #FFF , 1017px 87px #FFF , 429px 1372px #FFF , 1923px 228px #FFF , 1805px 1560px #FFF , 1252px 1100px #FFF , 658px 566px #FFF , 465px 1750px #FFF , 515px 537px #FFF , 791px 1575px #FFF , 1669px 958px #FFF , 1174px 1725px #FFF , 1538px 13px #FFF , 1111px 319px #FFF , 762px 1045px #FFF , 975px 1700px #FFF , 1172px 998px #FFF , 1324px 1242px #FFF , 1241px 1006px #FFF , 1568px 152px #FFF , 740px 1421px #FFF , 1730px 705px #FFF , 1915px 1563px #FFF , 1368px 423px #FFF , 617px 1132px #FFF , 382px 1892px #FFF , 1566px 1560px #FFF , 1633px 1687px #FFF , 316px 389px #FFF , 1274px 938px #FFF , 1892px 1714px #FFF , 484px 1797px #FFF , 1278px 1502px #FFF , 944px 779px #FFF , 1367px 1171px #FFF , 681px 1147px #FFF , 1518px 1967px #FFF , 430px 896px #FFF , 123px 1701px #FFF , 1222px 1597px #FFF , 361px 521px #FFF , 1797px 1944px #FFF , 227px 206px #FFF , 1219px 1729px #FFF , 1563px 1452px #FFF , 1868px 1966px #FFF , 710px 1550px #FFF , 1977px 646px #FFF , 389px 1659px #FFF , 520px 646px #FFF , 1665px 1193px #FFF , 1212px 1782px #FFF , 713px 1553px #FFF , 1934px 908px #FFF , 914px 58px #FFF , 1461px 489px #FFF , 342px 1473px #FFF , 1905px 874px #FFF , 1684px 701px #FFF , 1916px 1242px #FFF , 719px 1033px #FFF , 1493px 1935px #FFF , 565px 1597px #FFF , 1861px 1711px #FFF , 1186px 1903px #FFF , 119px 770px #FFF , 351px 819px #FFF , 164px 539px #FFF , 1240px 52px #FFF , 1045px 769px #FFF , 886px 429px #FFF , 392px 1628px #FFF , 1329px 1075px #FFF , 1690px 1227px #FFF , 1979px 242px #FFF , 100px 1634px #FFF , 734px 503px #FFF , 1501px 6px #FFF , 61px 1479px #FFF , 788px 1098px #FFF , 582px 1803px #FFF , 689px 1209px #FFF , 511px 540px #FFF , 1528px 1135px #FFF , 447px 1402px #FFF , 537px 1860px #FFF , 1095px 1981px #FFF , 216px 1630px #FFF , 1073px 1107px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 785px 391px #FFF , 788px 119px #FFF , 1222px 1521px #FFF , 591px 1007px #FFF , 1321px 1421px #FFF , 986px 821px #FFF , 1502px 637px #FFF , 1235px 1232px #FFF , 1471px 962px #FFF , 1792px 1085px #FFF , 1405px 325px #FFF , 1349px 1759px #FFF , 1910px 480px #FFF , 560px 1608px #FFF , 1497px 988px #FFF , 1189px 1441px #FFF , 1916px 71px #FFF , 374px 1760px #FFF , 87px 99px #FFF , 738px 1018px #FFF , 258px 1089px #FFF , 810px 705px #FFF , 859px 554px #FFF , 1922px 1270px #FFF , 1213px 348px #FFF , 886px 1562px #FFF , 1523px 443px #FFF , 1140px 1595px #FFF , 565px 467px #FFF , 243px 1762px #FFF , 1544px 887px #FFF , 1254px 1458px #FFF , 668px 1423px #FFF , 1633px 309px #FFF , 834px 1379px #FFF , 346px 1853px #FFF , 1902px 1595px #FFF , 1613px 600px #FFF , 1126px 1585px #FFF , 1932px 1399px #FFF , 509px 1499px #FFF , 376px 397px #FFF , 1836px 1470px #FFF , 835px 1602px #FFF , 1867px 796px #FFF , 409px 740px #FFF , 883px 1291px #FFF , 1007px 1517px #FFF , 1191px 1634px #FFF , 229px 1082px #FFF , 1019px 1986px #FFF , 1659px 481px #FFF , 1639px 1945px #FFF , 1770px 561px #FFF , 1450px 1366px #FFF , 934px 526px #FFF , 1429px 657px #FFF , 236px 969px #FFF , 1565px 1372px #FFF , 523px 1644px #FFF , 651px 216px #FFF , 196px 1658px #FFF , 1267px 1056px #FFF , 252px 1074px #FFF , 991px 507px #FFF , 391px 267px #FFF , 1320px 160px #FFF , 358px 1399px #FFF , 109px 1411px #FFF , 517px 505px #FFF , 609px 1084px #FFF , 2px 152px #FFF , 137px 1242px #FFF , 462px 1786px #FFF , 611px 606px #FFF , 162px 1453px #FFF , 831px 483px #FFF , 764px 765px #FFF , 1294px 15px #FFF , 948px 1069px #FFF , 1424px 1194px #FFF , 1020px 1652px #FFF , 784px 355px #FFF , 492px 1681px #FFF , 1568px 380px #FFF , 1438px 1967px #FFF , 1061px 1010px #FFF , 1512px 236px #FFF , 79px 475px #FFF , 1734px 994px #FFF , 872px 933px #FFF , 200px 1741px #FFF , 473px 1819px #FFF , 1738px 1964px #FFF , 1844px 262px #FFF , 216px 1599px #FFF , 1722px 1253px #FFF , 135px 1983px #FFF , 1982px 725px #FFF , 400px 375px #FFF , 1301px 814px #FFF , 1840px 1485px #FFF , 559px 751px #FFF , 1216px 1393px #FFF , 1335px 1048px #FFF , 573px 52px #FFF , 1958px 232px #FFF , 984px 744px #FFF , 330px 784px #FFF , 542px 1074px #FFF , 346px 348px #FFF , 1482px 1976px #FFF , 1814px 1026px #FFF , 600px 317px #FFF , 887px 582px #FFF , 1779px 489px #FFF , 1167px 333px #FFF , 866px 1769px #FFF , 994px 724px #FFF , 886px 893px #FFF , 1687px 744px #FFF , 1811px 1841px #FFF , 534px 241px #FFF , 1707px 744px #FFF , 1656px 915px #FFF , 1738px 1083px #FFF , 466px 1155px #FFF , 760px 1951px #FFF , 712px 1792px #FFF , 411px 1714px #FFF , 1558px 1834px #FFF , 827px 1020px #FFF , 568px 359px #FFF , 1561px 1153px #FFF , 336px 733px #FFF , 88px 1800px #FFF , 398px 1792px #FFF , 795px 454px #FFF , 589px 1302px #FFF , 1026px 1184px #FFF , 1099px 182px #FFF , 138px 1225px #FFF , 611px 26px #FFF , 1773px 936px #FFF , 1886px 994px #FFF , 1158px 1819px #FFF , 1528px 529px #FFF , 37px 1627px #FFF , 175px 725px #FFF , 1862px 894px #FFF , 223px 792px #FFF , 1248px 1300px #FFF , 1700px 136px #FFF , 974px 1158px #FFF , 544px 1552px #FFF , 589px 579px #FFF , 427px 1282px #FFF , 240px 1267px #FFF , 1179px 1119px #FFF , 925px 1480px #FFF , 1865px 554px #FFF , 1215px 1081px #FFF , 839px 1306px #FFF , 1459px 1513px #FFF , 1919px 1451px #FFF , 1371px 461px #FFF , 1042px 1236px #FFF , 1817px 1697px #FFF , 1464px 802px #FFF , 1545px 641px #FFF , 1954px 1022px #FFF , 591px 789px #FFF , 1390px 175px #FFF , 654px 1893px #FFF , 113px 1771px #FFF , 120px 183px #FFF , 1129px 212px #FFF , 1840px 341px #FFF , 341px 243px #FFF , 152px 1303px #FFF , 554px 1509px #FFF , 1070px 1821px #FFF , 998px 324px #FFF , 1550px 440px #FFF , 1343px 1545px #FFF , 1236px 787px #FFF , 206px 412px #FFF , 984px 1418px #FFF , 1156px 1131px #FFF , 1208px 1796px #FFF , 893px 1145px #FFF , 1242px 1743px #FFF , 1150px 252px #FFF , 899px 1871px #FFF , 157px 609px #FFF , 798px 1684px #FFF , 842px 1380px #FFF , 898px 234px #FFF , 929px 869px #FFF , 851px 125px #FFF , 1082px 1081px #FFF , 1792px 1058px #FFF , 330px 1817px #FFF , 1713px 1034px #FFF , 1610px 494px #FFF , 638px 914px #FFF , 733px 1765px #FFF , 1066px 471px #FFF , 1387px 867px #FFF , 851px 1621px #FFF , 1585px 429px #FFF , 36px 1316px #FFF , 1522px 1231px #FFF , 310px 1335px #FFF , 282px 1712px #FFF , 195px 1237px #FFF , 1263px 1759px #FFF , 373px 1528px #FFF , 738px 744px #FFF , 682px 303px #FFF , 31px 51px #FFF , 75px 1674px #FFF , 457px 475px #FFF , 991px 674px #FFF , 343px 104px #FFF , 973px 1350px #FFF , 1359px 168px #FFF , 302px 40px #FFF , 1052px 1578px #FFF , 862px 81px #FFF , 417px 94px #FFF , 1336px 1898px #FFF , 242px 425px #FFF , 661px 590px #FFF , 811px 793px #FFF , 402px 1270px #FFF , 1595px 907px #FFF , 666px 900px #FFF , 1453px 1749px #FFF , 1172px 480px #FFF , 1830px 186px #FFF , 1565px 1018px #FFF , 283px 1157px #FFF , 596px 1809px #FFF , 218px 19px #FFF , 661px 873px #FFF , 172px 1729px #FFF , 1763px 405px #FFF , 377px 1506px #FFF , 1790px 1724px #FFF , 1251px 1748px #FFF , 1062px 197px #FFF , 282px 878px #FFF , 947px 681px #FFF , 915px 656px #FFF , 1597px 663px #FFF , 1906px 1803px #FFF , 419px 793px #FFF , 1970px 1645px #FFF , 691px 1931px #FFF , 1002px 728px #FFF , 994px 1369px #FFF , 288px 1632px #FFF , 1705px 617px #FFF , 1644px 1205px #FFF , 1279px 1580px #FFF , 1023px 751px #FFF , 1104px 1078px #FFF , 1888px 1096px #FFF , 1168px 1459px #FFF , 18px 1897px #FFF , 135px 1989px #FFF , 576px 1302px #FFF , 1505px 1870px #FFF , 693px 1687px #FFF , 1659px 1037px #FFF , 1779px 31px #FFF , 1909px 702px #FFF , 1804px 1337px #FFF , 366px 1418px #FFF , 1309px 96px #FFF , 1753px 515px #FFF , 830px 331px #FFF , 200px 542px #FFF , 613px 1742px #FFF , 1771px 827px #FFF , 798px 714px #FFF , 1896px 851px #FFF , 105px 1929px #FFF , 1623px 94px #FFF , 590px 1251px #FFF , 1266px 732px #FFF , 178px 1431px #FFF , 445px 1696px #FFF , 856px 1714px #FFF , 1464px 1420px #FFF , 947px 1328px #FFF , 1715px 651px #FFF , 1247px 1827px #FFF , 271px 491px #FFF , 918px 1578px #FFF , 816px 603px #FFF , 976px 1760px #FFF , 1169px 292px #FFF , 834px 1685px #FFF , 334px 24px #FFF , 1749px 59px #FFF , 1844px 1644px #FFF , 1430px 1391px #FFF , 1473px 1576px #FFF , 277px 50px #FFF , 881px 1092px #FFF , 1755px 1391px #FFF , 291px 39px #FFF , 1377px 82px #FFF , 815px 472px #FFF , 1435px 86px #FFF , 269px 1452px #FFF , 563px 629px #FFF , 1655px 1350px #FFF , 1353px 1839px #FFF , 1990px 170px #FFF , 1017px 1178px #FFF , 1581px 209px #FFF , 904px 751px #FFF , 998px 1968px #FFF , 1526px 1724px #FFF , 943px 1122px #FFF , 863px 864px #FFF , 603px 698px #FFF , 428px 1637px #FFF , 952px 143px #FFF , 428px 1946px #FFF , 853px 1974px #FFF , 843px 1091px #FFF , 336px 7px #FFF , 305px 1543px #FFF , 569px 573px #FFF , 929px 497px #FFF , 927px 358px #FFF , 687px 1855px #FFF , 1332px 1218px #FFF , 1272px 485px #FFF , 1405px 1134px #FFF , 1067px 1220px #FFF , 841px 739px #FFF , 478px 1347px #FFF , 1060px 1559px #FFF , 1580px 98px #FFF , 850px 1017px #FFF , 1571px 665px #FFF , 657px 84px #FFF , 1095px 435px #FFF , 356px 1278px #FFF , 411px 1469px #FFF , 1320px 893px #FFF , 225px 1225px #FFF , 460px 1173px #FFF , 1119px 1030px #FFF , 461px 1758px #FFF , 2px 1973px #FFF , 1092px 223px #FFF , 497px 1882px #FFF , 689px 1361px #FFF , 356px 257px #FFF , 89px 310px #FFF , 187px 1291px #FFF , 288px 791px #FFF , 702px 907px #FFF , 1947px 1819px #FFF , 15px 201px #FFF , 141px 238px #FFF , 367px 850px #FFF , 952px 1287px #FFF , 585px 1461px #FFF , 1480px 1522px #FFF , 29px 1057px #FFF , 1267px 1966px #FFF , 725px 1486px #FFF , 1885px 698px #FFF , 240px 470px #FFF , 1492px 1530px #FFF , 421px 302px #FFF , 1258px 1955px #FFF , 37px 1949px #FFF , 1249px 1107px #FFF , 1253px 1548px #FFF , 286px 410px #FFF , 1659px 22px #FFF , 500px 1397px #FFF , 555px 1009px #FFF , 1870px 1318px #FFF , 1788px 1767px #FFF , 880px 877px #FFF , 1157px 721px #FFF , 1912px 1389px #FFF , 1468px 1249px #FFF , 1063px 723px #FFF , 476px 1722px #FFF , 260px 975px #FFF , 393px 1814px #FFF , 224px 1266px #FFF , 113px 662px #FFF , 1114px 36px #FFF , 1678px 353px #FFF , 1086px 851px #FFF , 184px 1571px #FFF , 212px 262px #FFF , 1438px 1520px #FFF , 310px 1698px #FFF , 1297px 753px #FFF , 1929px 1025px #FFF , 114px 599px #FFF , 601px 180px #FFF , 954px 1491px #FFF , 199px 1716px #FFF , 23px 792px #FFF , 1209px 408px #FFF , 557px 271px #FFF , 1711px 616px #FFF , 886px 565px #FFF , 1670px 162px #FFF , 1451px 149px #FFF , 464px 1737px #FFF , 1078px 715px #FFF , 1845px 1270px #FFF , 801px 520px #FFF , 1298px 1091px #FFF , 57px 182px #FFF , 1018px 1533px #FFF , 1931px 1515px #FFF , 455px 72px #FFF , 844px 1635px #FFF , 110px 282px #FFF , 1369px 1984px #FFF , 441px 1079px #FFF , 1823px 403px #FFF , 16px 1719px #FFF , 1376px 1164px #FFF , 1884px 351px #FFF , 1923px 1064px #FFF , 1730px 1708px #FFF , 186px 441px #FFF , 1349px 752px #FFF , 1584px 1562px #FFF , 1850px 332px #FFF , 95px 1545px #FFF , 1149px 973px #FFF , 274px 79px #FFF , 509px 223px #FFF , 1247px 247px #FFF , 1522px 535px #FFF , 711px 1214px #FFF , 15px 1282px #FFF , 148px 1853px #FFF , 1799px 37px #FFF , 768px 878px #FFF , 1391px 1031px #FFF , 526px 655px #FFF , 1260px 385px #FFF , 543px 1368px #FFF , 447px 1414px #FFF , 1970px 1429px #FFF , 260px 744px #FFF , 1568px 1455px #FFF , 1051px 1933px #FFF , 99px 1705px #FFF , 1243px 1421px #FFF , 977px 1664px #FFF , 1539px 79px #FFF , 1158px 294px #FFF , 347px 1129px #FFF , 934px 782px #FFF , 1841px 1598px #FFF , 1629px 419px #FFF , 573px 367px #FFF , 512px 753px #FFF , 1843px 207px #FFF , 1369px 1701px #FFF , 251px 1149px #FFF , 1200px 1753px #FFF , 1409px 1604px #FFF , 851px 1118px #FFF , 451px 16px #FFF , 1257px 1624px #FFF , 476px 841px #FFF , 964px 148px #FFF , 310px 446px #FFF , 1689px 1375px #FFF , 1574px 731px #FFF , 543px 856px #FFF , 407px 754px #FFF , 375px 1032px #FFF , 1212px 1178px #FFF , 1323px 59px #FFF , 150px 719px #FFF , 303px 1921px #FFF , 1518px 929px #FFF , 1019px 1306px #FFF , 119px 37px #FFF , 33px 809px #FFF , 758px 971px #FFF , 1054px 647px #FFF , 809px 270px #FFF , 1792px 1778px #FFF , 1358px 1252px #FFF , 1951px 959px #FFF , 1359px 1676px #FFF , 777px 1753px #FFF , 1824px 627px #FFF , 341px 113px #FFF , 31px 241px #FFF , 1705px 1842px #FFF , 920px 1367px #FFF , 1065px 785px #FFF , 1553px 1507px #FFF , 256px 1186px #FFF , 1835px 1483px #FFF , 64px 1471px #FFF , 781px 282px #FFF , 1301px 1416px #FFF , 718px 662px #FFF , 84px 1184px #FFF , 77px 353px #FFF , 1017px 401px #FFF , 1646px 197px #FFF , 824px 1329px #FFF , 112px 824px #FFF , 1485px 1953px #FFF , 456px 572px #FFF , 1080px 445px #FFF , 1722px 1050px #FFF , 1781px 28px #FFF , 933px 736px #FFF , 759px 1357px #FFF , 1809px 1292px #FFF , 1328px 1775px #FFF , 754px 449px #FFF , 445px 1690px #FFF , 1937px 475px #FFF , 284px 1672px #FFF , 423px 333px #FFF , 310px 939px #FFF , 675px 1677px #FFF , 1056px 444px #FFF , 1621px 1034px #FFF , 437px 604px #FFF , 44px 1607px #FFF , 1766px 1335px #FFF , 178px 250px #FFF , 1967px 1316px #FFF , 1634px 262px #FFF , 597px 882px #FFF , 934px 312px #FFF , 559px 371px #FFF , 1770px 857px #FFF , 1529px 993px #FFF , 1267px 19px #FFF , 1230px 1888px #FFF , 1136px 1879px #FFF , 1489px 1373px #FFF , 1238px 1587px #FFF , 1265px 1094px #FFF , 235px 1494px #FFF , 911px 609px #FFF , 1586px 1090px #FFF , 1768px 1033px #FFF , 83px 1845px #FFF , 381px 627px #FFF , 1080px 1862px #FFF , 906px 1304px #FFF , 509px 512px #FFF , 1822px 1854px #FFF , 633px 1066px #FFF , 995px 1478px #FFF , 1129px 1047px #FFF , 1700px 1145px #FFF , 1551px 693px #FFF , 1184px 1037px #FFF , 800px 821px #FFF , 92px 254px #FFF , 1144px 206px #FFF , 559px 1033px #FFF , 1076px 65px #FFF , 335px 1576px #FFF , 1847px 1853px #FFF , 568px 680px #FFF , 1608px 510px #FFF , 428px 1877px #FFF , 1489px 1748px #FFF , 1441px 1060px #FFF , 83px 348px #FFF , 966px 147px #FFF , 1443px 1407px #FFF , 1169px 1902px #FFF , 911px 81px #FFF , 1265px 439px #FFF , 325px 1005px #FFF , 478px 15px #FFF , 1997px 311px #FFF , 77px 1638px #FFF , 1838px 1790px #FFF , 1492px 1468px #FFF , 1862px 912px #FFF , 1341px 1215px #FFF , 684px 1250px #FFF , 1365px 1553px #FFF , 749px 1804px #FFF , 1016px 427px #FFF , 1670px 1379px #FFF , 1400px 1411px #FFF , 286px 1122px #FFF , 1017px 87px #FFF , 429px 1372px #FFF , 1923px 228px #FFF , 1805px 1560px #FFF , 1252px 1100px #FFF , 658px 566px #FFF , 465px 1750px #FFF , 515px 537px #FFF , 791px 1575px #FFF , 1669px 958px #FFF , 1174px 1725px #FFF , 1538px 13px #FFF , 1111px 319px #FFF , 762px 1045px #FFF , 975px 1700px #FFF , 1172px 998px #FFF , 1324px 1242px #FFF , 1241px 1006px #FFF , 1568px 152px #FFF , 740px 1421px #FFF , 1730px 705px #FFF , 1915px 1563px #FFF , 1368px 423px #FFF , 617px 1132px #FFF , 382px 1892px #FFF , 1566px 1560px #FFF , 1633px 1687px #FFF , 316px 389px #FFF , 1274px 938px #FFF , 1892px 1714px #FFF , 484px 1797px #FFF , 1278px 1502px #FFF , 944px 779px #FFF , 1367px 1171px #FFF , 681px 1147px #FFF , 1518px 1967px #FFF , 430px 896px #FFF , 123px 1701px #FFF , 1222px 1597px #FFF , 361px 521px #FFF , 1797px 1944px #FFF , 227px 206px #FFF , 1219px 1729px #FFF , 1563px 1452px #FFF , 1868px 1966px #FFF , 710px 1550px #FFF , 1977px 646px #FFF , 389px 1659px #FFF , 520px 646px #FFF , 1665px 1193px #FFF , 1212px 1782px #FFF , 713px 1553px #FFF , 1934px 908px #FFF , 914px 58px #FFF , 1461px 489px #FFF , 342px 1473px #FFF , 1905px 874px #FFF , 1684px 701px #FFF , 1916px 1242px #FFF , 719px 1033px #FFF , 1493px 1935px #FFF , 565px 1597px #FFF , 1861px 1711px #FFF , 1186px 1903px #FFF , 119px 770px #FFF , 351px 819px #FFF , 164px 539px #FFF , 1240px 52px #FFF , 1045px 769px #FFF , 886px 429px #FFF , 392px 1628px #FFF , 1329px 1075px #FFF , 1690px 1227px #FFF , 1979px 242px #FFF , 100px 1634px #FFF , 734px 503px #FFF , 1501px 6px #FFF , 61px 1479px #FFF , 788px 1098px #FFF , 582px 1803px #FFF , 689px 1209px #FFF , 511px 540px #FFF , 1528px 1135px #FFF , 447px 1402px #FFF , 537px 1860px #FFF , 1095px 1981px #FFF , 216px 1630px #FFF , 1073px 1107px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 319px 881px #FFF , 1411px 1362px #FFF , 1700px 496px #FFF , 1489px 1792px #FFF , 1652px 67px #FFF , 1438px 79px #FFF , 1658px 187px #FFF , 197px 1099px #FFF , 1508px 159px #FFF , 1111px 1146px #FFF , 1963px 728px #FFF , 1836px 1524px #FFF , 1043px 652px #FFF , 1505px 1751px #FFF , 1889px 962px #FFF , 327px 1808px #FFF , 1596px 1130px #FFF , 1035px 113px #FFF , 612px 489px #FFF , 539px 1203px #FFF , 1553px 2px #FFF , 776px 870px #FFF , 1115px 716px #FFF , 546px 1893px #FFF , 1413px 21px #FFF , 1170px 525px #FFF , 747px 507px #FFF , 1732px 1357px #FFF , 730px 737px #FFF , 167px 736px #FFF , 1004px 1671px #FFF , 248px 1424px #FFF , 34px 1248px #FFF , 1787px 420px #FFF , 570px 25px #FFF , 905px 1389px #FFF , 1545px 750px #FFF , 969px 1753px #FFF , 639px 1488px #FFF , 473px 355px #FFF , 1506px 234px #FFF , 454px 1815px #FFF , 558px 255px #FFF , 31px 1461px #FFF , 487px 373px #FFF , 1374px 1929px #FFF , 1074px 1455px #FFF , 1736px 1405px #FFF , 455px 1345px #FFF , 1986px 142px #FFF , 1441px 229px #FFF , 1572px 604px #FFF , 1651px 1883px #FFF , 1553px 179px #FFF , 1675px 376px #FFF , 1019px 770px #FFF , 72px 1985px #FFF , 1160px 1817px #FFF , 1428px 1277px #FFF , 1069px 1289px #FFF , 1082px 1893px #FFF , 1038px 1021px #FFF , 1490px 1743px #FFF , 1106px 1265px #FFF , 1936px 278px #FFF , 1799px 1859px #FFF , 345px 1268px #FFF , 46px 700px #FFF , 1032px 1336px #FFF , 226px 169px #FFF , 1432px 1238px #FFF , 920px 879px #FFF , 1135px 379px #FFF , 1377px 820px #FFF , 1556px 975px #FFF , 1981px 798px #FFF , 1680px 1158px #FFF , 579px 190px #FFF , 211px 1933px #FFF , 1262px 1944px #FFF , 976px 1344px #FFF , 1149px 723px #FFF , 1844px 57px #FFF , 1744px 1592px #FFF , 1216px 811px #FFF , 623px 348px #FFF , 1989px 1782px #FFF , 1451px 703px #FFF , 1566px 1461px #FFF , 877px 125px #FFF , 234px 1368px #FFF , 1316px 240px #FFF , 714px 723px #FFF , 1451px 1014px #FFF , 748px 1198px #FFF , 1861px 1972px #FFF , 853px 438px #FFF , 269px 1123px #FFF , 714px 1709px #FFF , 211px 773px #FFF , 474px 1006px #FFF , 66px 1337px #FFF , 1472px 1369px #FFF , 1912px 398px #FFF , 167px 264px #FFF , 547px 217px #FFF , 876px 1938px #FFF , 503px 1175px #FFF , 1104px 86px #FFF , 925px 1749px #FFF , 1807px 780px #FFF , 904px 1247px #FFF , 508px 989px #FFF , 724px 1092px #FFF , 1402px 295px #FFF , 1224px 1836px #FFF , 352px 927px #FFF , 1220px 891px #FFF , 527px 482px #FFF , 1020px 477px #FFF , 1837px 1651px #FFF , 1077px 845px #FFF , 358px 1151px #FFF , 1922px 1033px #FFF , 16px 1616px #FFF , 1215px 1836px #FFF , 503px 397px #FFF , 343px 1154px #FFF , 1275px 348px #FFF , 1477px 1840px #FFF , 1739px 31px #FFF , 1869px 119px #FFF , 850px 1966px #FFF , 146px 1977px #FFF , 677px 529px #FFF , 1921px 520px #FFF , 931px 1258px #FFF , 1052px 679px #FFF , 1709px 1420px #FFF , 1018px 299px #FFF , 207px 350px #FFF , 1742px 935px #FFF , 1182px 916px #FFF , 444px 276px #FFF , 1329px 1734px #FFF , 1342px 1337px #FFF , 1899px 221px #FFF , 45px 717px #FFF , 1934px 1043px #FFF , 274px 931px #FFF , 702px 783px #FFF , 1939px 1620px #FFF , 448px 190px #FFF , 834px 1626px #FFF , 1820px 846px #FFF , 95px 528px #FFF , 1665px 1446px #FFF , 272px 1692px #FFF , 1557px 884px #FFF , 1414px 134px #FFF , 1889px 1774px #FFF , 171px 1957px #FFF , 840px 1538px #FFF , 1547px 757px #FFF , 1840px 1639px #FFF , 890px 657px #FFF , 1813px 718px #FFF , 791px 1210px #FFF , 770px 619px #FFF , 363px 371px #FFF , 1599px 1528px #FFF , 1339px 648px #FFF , 1684px 339px #FFF , 1291px 752px #FFF , 321px 1384px #FFF , 506px 424px #FFF , 468px 411px #FFF , 1195px 913px #FFF , 1608px 1565px #FFF , 1494px 127px #FFF , 1787px 1652px #FFF , 832px 1547px #FFF , 1516px 1808px #FFF , 1898px 871px #FFF , 438px 1982px #FFF , 1079px 450px #FFF , 1431px 1070px #FFF , 1334px 1893px #FFF , 685px 652px #FFF , 1500px 684px #FFF , 667px 989px #FFF , 145px 683px #FFF , 810px 1041px #FFF , 692px 605px #FFF , 451px 811px #FFF , 1285px 756px #FFF , 528px 828px #FFF , 1989px 368px #FFF , 1311px 812px #FFF , 696px 830px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 319px 881px #FFF , 1411px 1362px #FFF , 1700px 496px #FFF , 1489px 1792px #FFF , 1652px 67px #FFF , 1438px 79px #FFF , 1658px 187px #FFF , 197px 1099px #FFF , 1508px 159px #FFF , 1111px 1146px #FFF , 1963px 728px #FFF , 1836px 1524px #FFF , 1043px 652px #FFF , 1505px 1751px #FFF , 1889px 962px #FFF , 327px 1808px #FFF , 1596px 1130px #FFF , 1035px 113px #FFF , 612px 489px #FFF , 539px 1203px #FFF , 1553px 2px #FFF , 776px 870px #FFF , 1115px 716px #FFF , 546px 1893px #FFF , 1413px 21px #FFF , 1170px 525px #FFF , 747px 507px #FFF , 1732px 1357px #FFF , 730px 737px #FFF , 167px 736px #FFF , 1004px 1671px #FFF , 248px 1424px #FFF , 34px 1248px #FFF , 1787px 420px #FFF , 570px 25px #FFF , 905px 1389px #FFF , 1545px 750px #FFF , 969px 1753px #FFF , 639px 1488px #FFF , 473px 355px #FFF , 1506px 234px #FFF , 454px 1815px #FFF , 558px 255px #FFF , 31px 1461px #FFF , 487px 373px #FFF , 1374px 1929px #FFF , 1074px 1455px #FFF , 1736px 1405px #FFF , 455px 1345px #FFF , 1986px 142px #FFF , 1441px 229px #FFF , 1572px 604px #FFF , 1651px 1883px #FFF , 1553px 179px #FFF , 1675px 376px #FFF , 1019px 770px #FFF , 72px 1985px #FFF , 1160px 1817px #FFF , 1428px 1277px #FFF , 1069px 1289px #FFF , 1082px 1893px #FFF , 1038px 1021px #FFF , 1490px 1743px #FFF , 1106px 1265px #FFF , 1936px 278px #FFF , 1799px 1859px #FFF , 345px 1268px #FFF , 46px 700px #FFF , 1032px 1336px #FFF , 226px 169px #FFF , 1432px 1238px #FFF , 920px 879px #FFF , 1135px 379px #FFF , 1377px 820px #FFF , 1556px 975px #FFF , 1981px 798px #FFF , 1680px 1158px #FFF , 579px 190px #FFF , 211px 1933px #FFF , 1262px 1944px #FFF , 976px 1344px #FFF , 1149px 723px #FFF , 1844px 57px #FFF , 1744px 1592px #FFF , 1216px 811px #FFF , 623px 348px #FFF , 1989px 1782px #FFF , 1451px 703px #FFF , 1566px 1461px #FFF , 877px 125px #FFF , 234px 1368px #FFF , 1316px 240px #FFF , 714px 723px #FFF , 1451px 1014px #FFF , 748px 1198px #FFF , 1861px 1972px #FFF , 853px 438px #FFF , 269px 1123px #FFF , 714px 1709px #FFF , 211px 773px #FFF , 474px 1006px #FFF , 66px 1337px #FFF , 1472px 1369px #FFF , 1912px 398px #FFF , 167px 264px #FFF , 547px 217px #FFF , 876px 1938px #FFF , 503px 1175px #FFF , 1104px 86px #FFF , 925px 1749px #FFF , 1807px 780px #FFF , 904px 1247px #FFF , 508px 989px #FFF , 724px 1092px #FFF , 1402px 295px #FFF , 1224px 1836px #FFF , 352px 927px #FFF , 1220px 891px #FFF , 527px 482px #FFF , 1020px 477px #FFF , 1837px 1651px #FFF , 1077px 845px #FFF , 358px 1151px #FFF , 1922px 1033px #FFF , 16px 1616px #FFF , 1215px 1836px #FFF , 503px 397px #FFF , 343px 1154px #FFF , 1275px 348px #FFF , 1477px 1840px #FFF , 1739px 31px #FFF , 1869px 119px #FFF , 850px 1966px #FFF , 146px 1977px #FFF , 677px 529px #FFF , 1921px 520px #FFF , 931px 1258px #FFF , 1052px 679px #FFF , 1709px 1420px #FFF , 1018px 299px #FFF , 207px 350px #FFF , 1742px 935px #FFF , 1182px 916px #FFF , 444px 276px #FFF , 1329px 1734px #FFF , 1342px 1337px #FFF , 1899px 221px #FFF , 45px 717px #FFF , 1934px 1043px #FFF , 274px 931px #FFF , 702px 783px #FFF , 1939px 1620px #FFF , 448px 190px #FFF , 834px 1626px #FFF , 1820px 846px #FFF , 95px 528px #FFF , 1665px 1446px #FFF , 272px 1692px #FFF , 1557px 884px #FFF , 1414px 134px #FFF , 1889px 1774px #FFF , 171px 1957px #FFF , 840px 1538px #FFF , 1547px 757px #FFF , 1840px 1639px #FFF , 890px 657px #FFF , 1813px 718px #FFF , 791px 1210px #FFF , 770px 619px #FFF , 363px 371px #FFF , 1599px 1528px #FFF , 1339px 648px #FFF , 1684px 339px #FFF , 1291px 752px #FFF , 321px 1384px #FFF , 506px 424px #FFF , 468px 411px #FFF , 1195px 913px #FFF , 1608px 1565px #FFF , 1494px 127px #FFF , 1787px 1652px #FFF , 832px 1547px #FFF , 1516px 1808px #FFF , 1898px 871px #FFF , 438px 1982px #FFF , 1079px 450px #FFF , 1431px 1070px #FFF , 1334px 1893px #FFF , 685px 652px #FFF , 1500px 684px #FFF , 667px 989px #FFF , 145px 683px #FFF , 810px 1041px #FFF , 692px 605px #FFF , 451px 811px #FFF , 1285px 756px #FFF , 528px 828px #FFF , 1989px 368px #FFF , 1311px 812px #FFF , 696px 830px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1919px 1829px #FFF , 1841px 1111px #FFF , 1885px 119px #FFF , 1647px 269px #FFF , 941px 1346px #FFF , 1493px 687px #FFF , 1403px 369px #FFF , 1312px 490px #FFF , 1226px 383px #FFF , 1284px 238px #FFF , 143px 625px #FFF , 328px 1126px #FFF , 270px 1709px #FFF , 1098px 299px #FFF , 671px 1396px #FFF , 31px 1933px #FFF , 1683px 491px #FFF , 1668px 674px #FFF , 1319px 1901px #FFF , 1042px 476px #FFF , 1959px 1086px #FFF , 827px 439px #FFF , 1890px 1563px #FFF , 1772px 679px #FFF , 1147px 1901px #FFF , 1826px 493px #FFF , 723px 919px #FFF , 1291px 697px #FFF , 791px 799px #FFF , 1228px 946px #FFF , 35px 686px #FFF , 1525px 1225px #FFF , 375px 1475px #FFF , 1377px 1410px #FFF , 444px 587px #FFF , 1318px 1629px #FFF , 870px 1513px #FFF , 294px 821px #FFF , 259px 224px #FFF , 478px 964px #FFF , 710px 1844px #FFF , 1295px 724px #FFF , 876px 479px #FFF , 1797px 975px #FFF , 973px 385px #FFF , 1938px 1234px #FFF , 1515px 1237px #FFF , 1265px 20px #FFF , 754px 359px #FFF , 295px 106px #FFF , 259px 1419px #FFF , 275px 1709px #FFF , 415px 1170px #FFF , 1690px 267px #FFF , 1021px 1607px #FFF , 592px 145px #FFF , 1919px 1745px #FFF , 1856px 411px #FFF , 1588px 1542px #FFF , 286px 759px #FFF , 615px 1753px #FFF , 1773px 1780px #FFF , 367px 1613px #FFF , 1745px 123px #FFF , 1407px 157px #FFF , 1190px 1301px #FFF , 1303px 694px #FFF , 590px 97px #FFF , 177px 1934px #FFF , 200px 1202px #FFF , 652px 1677px #FFF , 1554px 464px #FFF , 844px 669px #FFF , 1843px 327px #FFF , 745px 913px #FFF , 356px 1460px #FFF , 1935px 1452px #FFF , 431px 970px #FFF , 726px 1069px #FFF , 422px 1093px #FFF , 817px 1887px #FFF , 643px 1024px #FFF , 1744px 858px #FFF , 1063px 1834px #FFF , 1766px 110px #FFF , 345px 1221px #FFF , 162px 1775px #FFF , 715px 1505px #FFF , 1572px 321px #FFF , 1457px 1059px #FFF , 1791px 140px #FFF , 1190px 1316px #FFF , 1802px 1903px #FFF , 313px 1879px #FFF , 220px 789px #FFF , 1053px 992px #FFF , 1561px 785px #FFF , 980px 144px #FFF , 351px 986px #FFF , 615px 465px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1919px 1829px #FFF , 1841px 1111px #FFF , 1885px 119px #FFF , 1647px 269px #FFF , 941px 1346px #FFF , 1493px 687px #FFF , 1403px 369px #FFF , 1312px 490px #FFF , 1226px 383px #FFF , 1284px 238px #FFF , 143px 625px #FFF , 328px 1126px #FFF , 270px 1709px #FFF , 1098px 299px #FFF , 671px 1396px #FFF , 31px 1933px #FFF , 1683px 491px #FFF , 1668px 674px #FFF , 1319px 1901px #FFF , 1042px 476px #FFF , 1959px 1086px #FFF , 827px 439px #FFF , 1890px 1563px #FFF , 1772px 679px #FFF , 1147px 1901px #FFF , 1826px 493px #FFF , 723px 919px #FFF , 1291px 697px #FFF , 791px 799px #FFF , 1228px 946px #FFF , 35px 686px #FFF , 1525px 1225px #FFF , 375px 1475px #FFF , 1377px 1410px #FFF , 444px 587px #FFF , 1318px 1629px #FFF , 870px 1513px #FFF , 294px 821px #FFF , 259px 224px #FFF , 478px 964px #FFF , 710px 1844px #FFF , 1295px 724px #FFF , 876px 479px #FFF , 1797px 975px #FFF , 973px 385px #FFF , 1938px 1234px #FFF , 1515px 1237px #FFF , 1265px 20px #FFF , 754px 359px #FFF , 295px 106px #FFF , 259px 1419px #FFF , 275px 1709px #FFF , 415px 1170px #FFF , 1690px 267px #FFF , 1021px 1607px #FFF , 592px 145px #FFF , 1919px 1745px #FFF , 1856px 411px #FFF , 1588px 1542px #FFF , 286px 759px #FFF , 615px 1753px #FFF , 1773px 1780px #FFF , 367px 1613px #FFF , 1745px 123px #FFF , 1407px 157px #FFF , 1190px 1301px #FFF , 1303px 694px #FFF , 590px 97px #FFF , 177px 1934px #FFF , 200px 1202px #FFF , 652px 1677px #FFF , 1554px 464px #FFF , 844px 669px #FFF , 1843px 327px #FFF , 745px 913px #FFF , 356px 1460px #FFF , 1935px 1452px #FFF , 431px 970px #FFF , 726px 1069px #FFF , 422px 1093px #FFF , 817px 1887px #FFF , 643px 1024px #FFF , 1744px 858px #FFF , 1063px 1834px #FFF , 1766px 110px #FFF , 345px 1221px #FFF , 162px 1775px #FFF , 715px 1505px #FFF , 1572px 321px #FFF , 1457px 1059px #FFF , 1791px 140px #FFF , 1190px 1316px #FFF , 1802px 1903px #FFF , 313px 1879px #FFF , 220px 789px #FFF , 1053px 992px #FFF , 1561px 785px #FFF , 980px 144px #FFF , 351px 986px #FFF , 615px 465px #FFF;
}

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}







span.title-line:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #e63b34;
    border: 3px solid #fff;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: -7px;
    left: 48%;
}

span.title-line {
    border: 1px solid #ff934b;
    height: 1px;
    display: block;
    width: 350px;
    margin: 0em auto 13px;
    position: relative;
}





.star-wars {
  display: flex;
  justify-content: center;
  position: relative;
  height: 700px;
  color: #f58614;
  font-family: 'DroidKufiLight';
  font-size: 500%;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 150%;
  perspective: 500px;
  text-align: justify;
  width:100%;
}

.crawl {
  position: relative;
  top: 99999px;
  transform-origin: 50% 100%;
  animation: crawl 500s linear;
}

.crawl > .title {
  font-size: 90%;
  text-align: center;
}

.crawl > .title h1 {
  margin: 0 0 100px;
  text-transform: uppercase;
}

@keyframes crawl {
	0% {
    top: -100px;
    transform: rotateX(20deg)  translateZ(0);
  }
	100% {
    top: -6000px;
    transform: rotateX(25deg) translateZ(-2500px);
  }
}











hr {
  background-color: #fff;
  padding: 0;
  margin: 80px;
}

hr.hr-1 {
    border: 0;
    height: 3px;
    background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(170, 18, 13), rgb(0, 0, 0));
}

.gradient-border {
  position: relative;
  display: inline-block;
}
.gradient-border.-top-a {
  padding-top: 3px;
}
.gradient-border.-top-a::after {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(white), to(transparent));
  background: linear-gradient(to right, #e63b34, transparent);
  left: 0;
  right: 0;
  height: 3px;
  top: 0;
}
.gradient-border.-top-b {
  padding-top: 3px;
}
.gradient-border.-top-b::before {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(white), to(transparent));
  background: linear-gradient(to right, #e63b34, transparent);
  left: 0;
  right: 0;
  height: 3px;
  top: 0;
}
.gradient-border.-bottom-a {
  padding-bottom: 3px;
}
.gradient-border.-bottom-a::after {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(white));
  background: linear-gradient(to right, transparent, #e63b34);
  left: 0;
  right: 0;
  height: 3px;
  bottom: 0;
}
.gradient-border.-bottom-b {
  padding-bottom: 3px;
}
.gradient-border.-bottom-b::before {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(white));
  background: linear-gradient(to right, transparent, #e63b34);
  left: 0;
  right: 0;
  height: 3px;
  bottom: 0;
}
.gradient-border.-left-a {
  padding-left: 3px;
}
.gradient-border.-left-a::after {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(transparent));
  background: linear-gradient(to bottom, #e63b34, transparent);
  top: 0;
  bottom: 0;
  width: 3px;
  left: 0;
}
.gradient-border.-left-b {
  padding-left: 3px;
}
.gradient-border.-left-b::before {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(transparent));
  background: linear-gradient(to bottom, #e63b34, transparent);
  top: 0;
  bottom: 0;
  width: 3px;
  left: 0;
}
.gradient-border.-right-a {
  padding-right: 3px;
}
.gradient-border.-right-a::after {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(white));
  background: linear-gradient(to bottom, transparent, white);
  top: 0;
  bottom: 0;
  width: 3px;
  right: 0;
}
.gradient-border.-right-b {
  padding-right: 3px;
}
.gradient-border.-right-b::before {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(white));
  background: linear-gradient(to bottom, transparent, white);
  top: 0;
  bottom: 0;
  width: 3px;
  right: 0;
}

.gradient-border-image {
  -webkit-border-image: -webkit-gradient(linear, left top, right bottom, from(white), color-stop(transparent), to(white)) 3;
  -webkit-border-image: linear-gradient(to bottom right, white, transparent, white) 3;
       -o-border-image: linear-gradient(to bottom right, white, transparent, white) 3;
          border-image: -webkit-gradient(linear, left top, right bottom, from(white), color-stop(transparent), to(white)) 3;
          border-image: linear-gradient(to bottom right, white, transparent, white) 3;
}
.gradient-border-image.-top {
  border-top: 3px solid white;
}
.gradient-border-image.-bottom {
  border-bottom: 3px solid white;
}
.gradient-border-image.-left {
  border-left: 3px solid white;
}
.gradient-border-image.-right {
  border-right: 3px solid white;
}


.containera {
  height: 80vh;
  width: 100%;
}

.top {
  background: black;
  height: 130vh;
  overflow: hidden;
  width: 100%;
}
.sectiona {
  height: 140vh;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.image {
  height: 100vmax;
  left: calc(50% - 75vmax);
  width: 150vmax;
  top: calc(50% - 50vmax);
  position: absolute;
}
.image1 {
  clip-path: polygon(0 100%, 0 29.863846%,0.3125% 30.21875%,0.4375% 30.625%,0.6875% 31.125%,0.9375% 31.1875%,1.0625% 31.71875%,1.3125% 32.40625%,1.53125% 32.3125%,1.96875% 32.375%,2.21875% 32.0625%,2.59375% 32.21875%,2.53125% 32.71875%,3.15625% 33.09375%,3.71875% 33.78125%,4% 34.4375%,4.15625% 34.5%, 4.15625% 34.90625%,4.4375% 35.0625%, 4.4375% 35.4375%,4.5625% 36.5%,4.6875% 36.6875%,4.71875% 37.03125%,5.84375% 38%,6% 37.625%,6.28125% 37.65625%,6.59375% 38.1875%,6.8125% 38.71875%,15.4375% 45.5%,16.75% 46.53125%,17.5% 47.40625%,21.34375% 49.84375%,21.65625% 49.5%,21.875% 49.65625%,22.125% 49.8125%,22.5625% 49.8125%,22.75% 50.0625%,23.0625% 50.125%,23.21875% 50.28125%,23.59375% 50.28125%,23.75% 50.46875%,23.96875% 50.25%,24.21875% 50.25%,24.46875% 50.125%,25% 50.4375%,25.21875% 50.71875%,25.5625% 50.75%,25.875% 50.625%,26.5625% 50.8125%,27.34375% 50.9375%,27.5625% 50.84375%,27.8125% 50.96875%,28.34375% 50.875%,29.03125% 51.09375%,29.59375% 51.125%,30.21875% 51.3125%,30.65625% 50.96875%,30.96875% 51.9375%,31.5625% 51.8125%,31.8125% 52.21875%,32.0625% 51.75%,32.40625% 51.9375%,32.84375% 51.9375%,33.0625% 52.53125%,33.34375% 52.5625%,33.40625% 53.0625%,33.8125% 52.875%,34.125% 53.4375%,34.46875% 53.96875%,34.71875% 53.53125%,35.3125% 53.75%, 35.3125% 54%,35.65625% 53.78125%,35.71875% 54%,36.15625% 54.125%,36.5% 54.28125%, 36.5% 54.5%,36.96875% 54.5%,37.09375% 54.96875%,37.8125% 55.03125%,38.25% 55.46875%,38.6875% 55.6875%,38.9375% 55.46875%,39.4375% 55.875%,39.5% 56.25%,40.28125% 56.21875%,40.65625% 56.4375%,40.8125% 56.375%, 40.8125% 56.6875%,41.25% 56.78125%,41.53125% 57.0625%,41.75% 57.34375%,42.125% 57.1875%,42.3125% 57.34375%,42.875% 57.59375%,43.21875% 57.65625%,44.40625% 58.375%,44.875% 58.59375%,45.125% 59.21875%,45.5% 59.03125%,45.84375% 59.34375%,45.6875% 60.09375%,45.96875% 60.1875%,46.71875% 60.75%,47.3125% 60.90625%,47.8125% 60.71875%,48.09375% 60.59375%,48.46875% 60.9375%,48.28125% 61.4375%,48.1875% 61.6875%,49.59375% 62.34375%,49.875% 61.78125%,50.4375% 61.90625%,50.65625% 62.65625%,51.03125% 62.25%,51.8125% 62.59375%,52.0625% 62.5%,52.6875% 63.25%,52.3125% 63.8125%,52.53125% 64.0625%,53.0625% 63.40625%,53.65625% 63.625%,53.71875% 64.21875%,54.03125% 64.25%,54.1875% 64.71875%,54.65625% 65.28125%,54.875% 64.6875%,55.21875% 64.84375%,56.65625% 65.25%,57.375% 65.78125%,58.21875% 66.15625%,58.84375% 66.625%,61.625% 66.4375%,61.96875% 66.4375%,62.09375% 66.96875%,62.65625% 67.15625%,62.96875% 66.90625%,63.21875% 67.59375%,63.84375% 67.125%,64.5% 67.25%,64.4375% 67.78125%,65.1875% 67.125%,65.625% 67.8125%, 65.625% 68.1875%,66% 68.53125%,66.75% 69.15625%,67.4375% 70.15625%,67.71875% 69.9375%,68.625% 70.78125%, 68.625% 70.78125%,70% 72.03125%,70.53125% 71.78125%,71.40625% 71.796875%,72.734375% 70.796875%,75.109375% 68.90625%,75.359375% 68.53125%,75.390625% 68.078125%,75.546875% 67.640625%,75.6875% 67.640625%,75.765625% 67.46875%,75.890625% 67.390625%,76.1875% 67.03125%,76.234375% 66.890625%,76.46875% 66.9375%,76.84375% 66.515625%,77% 66.375%,77.21875% 66.421875%,77.390625% 66.171875%,77.515625% 66.171875%,77.890625% 65.671875%,77.9375% 65.359375%,78.125% 65.078125%,78.25% 64.9375%,78.28125% 64.734375%,78.34375% 64.59375%,78.4375% 62.96875%,78.609375% 62.390625%,78.96875% 61.75%,79.203125% 61.265625%,79.328125% 61.21875%,79.359375% 60.78125%,79.5625% 60.59375%,79.765625% 60.453125%,80.0625% 60.359375%,80.09375% 60.5%,80.28125% 60.375%,80.65625% 60.40625%,80.765625% 60.203125%,80.953125% 60.265625%,81.046875% 59.90625%,81.203125% 59.796875%,81.390625% 59.875%,81.546875% 59.5625%,81.6875% 59.296875%,81.84375% 59.5625%,82.046875% 59.140625%,82.15625% 59.078125%,82.40625% 58.953125%,82.578125% 59.03125%,82.890625% 59%,83% 59.3125%,83.359375% 59.546875%,83.53125% 59.453125%,83.71875% 59.578125%,83.75% 60.015625%,83.8125% 60.09375%,83.96875% 59.890625%,84.203125% 59.90625%,84.359375% 60.046875%,84.640625% 59.828125%,84.890625% 59.71875%,84.984375% 59.859375%,85.296875% 59.9375%,85.482581% 60.114758%,85.79194% 60.291535%,85.957668% 59.982176%, 85.957668% 59.717011%,86.178639% 59.484991%,86.510095% 59.120389%,86.642678% 59.208778%,86.808406% 59.230875%,86.974134% 59.076195%,87.161959% 59.043049%,87.405027% 58.65635%,87.548658% 58.20336%, 87.548658% 57.82771%,87.405027% 57.529399%,87.515513% 57.275282%,87.548658% 57.010117%,87.747532% 57.308428%,87.9906% 57.286331%,88.134231% 56.999069%,88.344153% 57.076409%,88.543027% 56.866486%,88.587221% 56.490836%,88.763998% 56.314059%,88.951823% 56.468739%,89.250134% 56.645516%,89.515299% 56.468739%,89.614736% 56.214622%,89.780464% 56.291962%,89.990386% 55.938409%,90.001435% 55.463321%,90.156115% 55.198156%,90.222406% 54.8667%,90.454425% 54.667826%,90.741687% 54.480001%,90.763784% 54.082253%,90.95161% 53.828137%,91.216775% 53.717651%,91.393551% 53.684506%,91.504037% 53.408292%,91.78025% 53.319904%,91.968076% 53.463535%,92.299532% 53.419341%,92.343726% 53.098933%,92.421066% 52.911108%, 92.421066% 52.623846%,92.664134% 52.325535%,93.017687% 52.192953%,93.360192% 51.364312%,93.647454% 50.568817%,94.067299% 49.86171%,94.376658% 49.695982%,94.553435% 49.839613%,94.807551% 49.298234%,95.083765% 49.077263%,95.19425% 48.502739%,95.72458% 48.049749%,95.923454% 48.027652%,95.978697% 47.751438%,96.56427% 47.519419%,96.796289% 47.640953%,96.984114% 47.861923%,97.370813% 47.817729%,97.790658% 47.784584%,98.100017% 47.563613%,98.287843% 47.563613%,98.508813% 47.176914%,98.807124% 47.13272%,99.226969% 46.878603%,99.403745% 46.624487%,99.989318% 46.381419%,100% 100%);
  -webkit-clip-path: polygon(0 100%, 0 29.863846%,0.3125% 30.21875%,0.4375% 30.625%,0.6875% 31.125%,0.9375% 31.1875%,1.0625% 31.71875%,1.3125% 32.40625%,1.53125% 32.3125%,1.96875% 32.375%,2.21875% 32.0625%,2.59375% 32.21875%,2.53125% 32.71875%,3.15625% 33.09375%,3.71875% 33.78125%,4% 34.4375%,4.15625% 34.5%, 4.15625% 34.90625%,4.4375% 35.0625%, 4.4375% 35.4375%,4.5625% 36.5%,4.6875% 36.6875%,4.71875% 37.03125%,5.84375% 38%,6% 37.625%,6.28125% 37.65625%,6.59375% 38.1875%,6.8125% 38.71875%,15.4375% 45.5%,16.75% 46.53125%,17.5% 47.40625%,21.34375% 49.84375%,21.65625% 49.5%,21.875% 49.65625%,22.125% 49.8125%,22.5625% 49.8125%,22.75% 50.0625%,23.0625% 50.125%,23.21875% 50.28125%,23.59375% 50.28125%,23.75% 50.46875%,23.96875% 50.25%,24.21875% 50.25%,24.46875% 50.125%,25% 50.4375%,25.21875% 50.71875%,25.5625% 50.75%,25.875% 50.625%,26.5625% 50.8125%,27.34375% 50.9375%,27.5625% 50.84375%,27.8125% 50.96875%,28.34375% 50.875%,29.03125% 51.09375%,29.59375% 51.125%,30.21875% 51.3125%,30.65625% 50.96875%,30.96875% 51.9375%,31.5625% 51.8125%,31.8125% 52.21875%,32.0625% 51.75%,32.40625% 51.9375%,32.84375% 51.9375%,33.0625% 52.53125%,33.34375% 52.5625%,33.40625% 53.0625%,33.8125% 52.875%,34.125% 53.4375%,34.46875% 53.96875%,34.71875% 53.53125%,35.3125% 53.75%, 35.3125% 54%,35.65625% 53.78125%,35.71875% 54%,36.15625% 54.125%,36.5% 54.28125%, 36.5% 54.5%,36.96875% 54.5%,37.09375% 54.96875%,37.8125% 55.03125%,38.25% 55.46875%,38.6875% 55.6875%,38.9375% 55.46875%,39.4375% 55.875%,39.5% 56.25%,40.28125% 56.21875%,40.65625% 56.4375%,40.8125% 56.375%, 40.8125% 56.6875%,41.25% 56.78125%,41.53125% 57.0625%,41.75% 57.34375%,42.125% 57.1875%,42.3125% 57.34375%,42.875% 57.59375%,43.21875% 57.65625%,44.40625% 58.375%,44.875% 58.59375%,45.125% 59.21875%,45.5% 59.03125%,45.84375% 59.34375%,45.6875% 60.09375%,45.96875% 60.1875%,46.71875% 60.75%,47.3125% 60.90625%,47.8125% 60.71875%,48.09375% 60.59375%,48.46875% 60.9375%,48.28125% 61.4375%,48.1875% 61.6875%,49.59375% 62.34375%,49.875% 61.78125%,50.4375% 61.90625%,50.65625% 62.65625%,51.03125% 62.25%,51.8125% 62.59375%,52.0625% 62.5%,52.6875% 63.25%,52.3125% 63.8125%,52.53125% 64.0625%,53.0625% 63.40625%,53.65625% 63.625%,53.71875% 64.21875%,54.03125% 64.25%,54.1875% 64.71875%,54.65625% 65.28125%,54.875% 64.6875%,55.21875% 64.84375%,56.65625% 65.25%,57.375% 65.78125%,58.21875% 66.15625%,58.84375% 66.625%,61.625% 66.4375%,61.96875% 66.4375%,62.09375% 66.96875%,62.65625% 67.15625%,62.96875% 66.90625%,63.21875% 67.59375%,63.84375% 67.125%,64.5% 67.25%,64.4375% 67.78125%,65.1875% 67.125%,65.625% 67.8125%, 65.625% 68.1875%,66% 68.53125%,66.75% 69.15625%,67.4375% 70.15625%,67.71875% 69.9375%,68.625% 70.78125%, 68.625% 70.78125%,70% 72.03125%,70.53125% 71.78125%,71.40625% 71.796875%,72.734375% 70.796875%,75.109375% 68.90625%,75.359375% 68.53125%,75.390625% 68.078125%,75.546875% 67.640625%,75.6875% 67.640625%,75.765625% 67.46875%,75.890625% 67.390625%,76.1875% 67.03125%,76.234375% 66.890625%,76.46875% 66.9375%,76.84375% 66.515625%,77% 66.375%,77.21875% 66.421875%,77.390625% 66.171875%,77.515625% 66.171875%,77.890625% 65.671875%,77.9375% 65.359375%,78.125% 65.078125%,78.25% 64.9375%,78.28125% 64.734375%,78.34375% 64.59375%,78.4375% 62.96875%,78.609375% 62.390625%,78.96875% 61.75%,79.203125% 61.265625%,79.328125% 61.21875%,79.359375% 60.78125%,79.5625% 60.59375%,79.765625% 60.453125%,80.0625% 60.359375%,80.09375% 60.5%,80.28125% 60.375%,80.65625% 60.40625%,80.765625% 60.203125%,80.953125% 60.265625%,81.046875% 59.90625%,81.203125% 59.796875%,81.390625% 59.875%,81.546875% 59.5625%,81.6875% 59.296875%,81.84375% 59.5625%,82.046875% 59.140625%,82.15625% 59.078125%,82.40625% 58.953125%,82.578125% 59.03125%,82.890625% 59%,83% 59.3125%,83.359375% 59.546875%,83.53125% 59.453125%,83.71875% 59.578125%,83.75% 60.015625%,83.8125% 60.09375%,83.96875% 59.890625%,84.203125% 59.90625%,84.359375% 60.046875%,84.640625% 59.828125%,84.890625% 59.71875%,84.984375% 59.859375%,85.296875% 59.9375%,85.482581% 60.114758%,85.79194% 60.291535%,85.957668% 59.982176%, 85.957668% 59.717011%,86.178639% 59.484991%,86.510095% 59.120389%,86.642678% 59.208778%,86.808406% 59.230875%,86.974134% 59.076195%,87.161959% 59.043049%,87.405027% 58.65635%,87.548658% 58.20336%, 87.548658% 57.82771%,87.405027% 57.529399%,87.515513% 57.275282%,87.548658% 57.010117%,87.747532% 57.308428%,87.9906% 57.286331%,88.134231% 56.999069%,88.344153% 57.076409%,88.543027% 56.866486%,88.587221% 56.490836%,88.763998% 56.314059%,88.951823% 56.468739%,89.250134% 56.645516%,89.515299% 56.468739%,89.614736% 56.214622%,89.780464% 56.291962%,89.990386% 55.938409%,90.001435% 55.463321%,90.156115% 55.198156%,90.222406% 54.8667%,90.454425% 54.667826%,90.741687% 54.480001%,90.763784% 54.082253%,90.95161% 53.828137%,91.216775% 53.717651%,91.393551% 53.684506%,91.504037% 53.408292%,91.78025% 53.319904%,91.968076% 53.463535%,92.299532% 53.419341%,92.343726% 53.098933%,92.421066% 52.911108%, 92.421066% 52.623846%,92.664134% 52.325535%,93.017687% 52.192953%,93.360192% 51.364312%,93.647454% 50.568817%,94.067299% 49.86171%,94.376658% 49.695982%,94.553435% 49.839613%,94.807551% 49.298234%,95.083765% 49.077263%,95.19425% 48.502739%,95.72458% 48.049749%,95.923454% 48.027652%,95.978697% 47.751438%,96.56427% 47.519419%,96.796289% 47.640953%,96.984114% 47.861923%,97.370813% 47.817729%,97.790658% 47.784584%,98.100017% 47.563613%,98.287843% 47.563613%,98.508813% 47.176914%,98.807124% 47.13272%,99.226969% 46.878603%,99.403745% 46.624487%,99.989318% 46.381419%,100% 100%);
}
.image2 {
  opacity: var(--opacity);
 /* transform: scale(var(--scale));*/
  -moz-transform:  none;
}
.top-title {
  color: white;
  font-size: 12vmax;
  letter-spacing: 0.5vmax;
  position: absolute;
  top: calc(37% - 6vmax);
  text-align: center;
  transform: translateY(var(--moveY)) scale(var(--scale));
  width: 100%;
}

/*****new*/












.arrow {
  text-align: center;
      margin: 35% 0;
}
.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}



.polaroid {

  /*background-color: #fff;*/
  padding: 0em;
 /* box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.2);*/
}

.caption {
  font-size: 40px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 8px;
}

.item {
  display: inline-block;
  margin-top: 2em;


}

.item .polaroid:before {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item:nth-of-type(4n+1) {
  -webkit-transform: scale(0.8, 0.8) rotate(5deg);
  transform: scale(0.8, 0.8) rotate(5deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item:nth-of-type(4n+1) .polaroid:before {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  width: 45%;
  height: 20%;
  bottom: 30px;
  right: 10px;
}

.item:nth-of-type(4n+2) {
  -webkit-transform: scale(0.8, 0.8) rotate(-5deg);
  transform: scale(0.8, 0.8) rotate(-5deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item:nth-of-type(4n+2) .polaroid:before {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  width: 45%;
  height: 20%;
  bottom: 30px;
  right: 10px;
}

.item:nth-of-type(4n+3) {
  -webkit-transform: scale(0.8, 0.8) rotate(-3deg);
  transform: scale(0.8, 0.8) rotate(-3deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item:nth-of-type(4n+3) .polaroid:before {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  width: 45%;
  height: 20%;
  bottom: 30px;
  right: 10px;
}

.item:nth-of-type(4n+4) {
  -webkit-transform: scale(0.8, 0.8) rotate(3deg);
  transform: scale(0.8, 0.8) rotate(3deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item:nth-of-type(4n+1) .polaroid:before {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  width: 45%;
  height: 20%;
  bottom: 30px;
  right: 10px;
}

.item:nth-of-type(4n+5) {
  -webkit-transform: scale(0.8, 0.8) rotate(0deg);
  transform: scale(1.1, 1.1) rotate(0deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item:nth-of-type(4n+1) .polaroid:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 45%;
  height: 20%;
  bottom: 30px;
  right: 10px;
}

.item:hover {
  -webkit-transform: scale(1, 1) rotate(0deg);
  transform: scale(1, 1) rotate(0deg);
  -webkit-filter: none;
  filter: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item:hover .polaroid:before {
  content: "";
  position: absolute;
  width: 90%;
  height: 90%;
  bottom: 0%;
  right: 5%;
  z-index: -1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



.youtube {
    /*background-color: #000;*/
    margin-bottom: 30px;
    position: relative;
    /*padding-top: 47%;*/
    overflow: hidden;
    cursor: pointer;
	width: 100%;
    margin: auto;
   /* border: 5px solid #aa120d;
    border-radius: 5px;*/
	height: 500px;

}
.youtube img {
    width: 100%;
    top: -20.82%;
    left: 0;
    opacity: 1;

}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


.ela{
	width: 20%;

}

.d5ol{
	margin:auto;
	text-align:center;
	width: 20%;
	margin-top: 35%;

}





 @media screen and (max-width: 600px) {
     
     .subi{
         font-size: 20px !important;
     }
     
     .card-container p{
         font-size: 17px !important;
         
     }
     
     
     .link{
         font-size: 2rem !important;
             padding: 10px !important;
         
     }
     
     .flex-text{
         padding: 30px !important; 
         
     }
     
     .dots-st01{
         display: none !important;
         
     }
     
     .dots-st02{
         
         display: none !important;
     }
     
     .card-container{
         top:0 !important;
         
     }

     .rev{
         display: flex;
    flex-direction: column-reverse;

     }

     .codepen-box{
         width: 100% !important;

     }

     .hero-inner{
         height: 70vh !important;

     }

     .mix2{
         font-size: 17px !important;
             line-height: 42px !important;

     }


     .bgimg-101717{

         background-attachment: inherit !important;
    height: 40vh !important;
     }


     .bgimg-101818{

          background-attachment: inherit !important;
    height: 40vh !important;
     }


     .bgimg-fzfz{
          background-attachment: inherit !important;
    height: 40vh !important;

     }



     .bgimg-1616{
          background-attachment: inherit !important;
    height: 40vh !important;

     }





     .bgimg-main{
             background-attachment: inherit !important;
    height: 40vh !important;

     }

   
	 .dab7{
		 font-size:12px !important;

	 }

	 .modal-close{
		     right: -37px;
    top: 133px;

	 }

	 .zeno{
		 text-align:center !important;
		 margin-bottom: 5%;

	 }


	 .sun{
		 text-align:center;

	 }

	 .kantra{

		 height:100% !important;
	 }

	 .sa7lb{
		 font-size:20px !important;

	 }

	  .sa7lb1{
		 font-size:12px !important;
		 padding:1px;

	 }

	 .sa7lb2{
		 font-size:43px !important;

	 }

	 .nag3{

		 margin-top:5%;
	 }
	 .sano{
		 margin-top: 0%;
		 height: 140vh !important;

	 }

	 .handy{
		 display:none;

	 }
	 .mapo10{
		     font-size: 7px;
			     top: 97%;
				left: 36%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }


	 .mapo8{
		     font-size: 7px;
			        top: 96%;
    left: 35%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }


	  .mapo13{
		     font-size: 7px;
			        top: 94%;
    left: 35%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }


	 .mapo6{
		     font-size: 7px;
			            top: 91%;
    left: 15%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }

	 .mapo12{
		     font-size: 7px;
			        top: 93%;
    left: 35%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }

	 .mapo4{
		     font-size: 7px;
			        top: 93%;
    left: 22%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }

	 .mapo3{
		     font-size: 7px;
			            top: 91.3%;
    left: 30%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }

	 .mapo11{
		     font-size: 7px;
			            top: 92%;
    left: 38%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }

	 .mapo9{
		     font-size: 7px;
			            top: 91%;
    left: 33%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }



	 .mapo5{
		     font-size: 7px;
			            top: 90%;
    left: 33%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }



	 .mapo2{
		     font-size: 7px;
			            top: 88%;
    left: 8%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }


	 .mapo7{
		     font-size: 7px;
			          top: 92%;
    left: 47%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }

	 .mapo{
		     font-size: 7px;
			          top: 88%;
    left: 33%;
				padding:2px 10px 2px 10px;
				    background: #00000000;

	 }

	 #modal-btn{
		 font-size:15px;

	 }

	 .modal-content{

		 padding:4px;
		     width: 80%;
	 }

	 .details-person p{

		 font-size:10px;
		     line-height: 15px;
			     margin-top: -1%;
	 }

	 .sasi{

		 margin-bottom:25%;
	 }

	 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
		 line-height:1.8;


	 }

	 .block__title{
		 font-size:15px;

	 }



	 .item{
		 font-size:10px;
		 margin-top: 2em;
		     white-space: normal;
			     width: 250px;

	 }

	 .kokar{
		 width: 350px !important;
		line-height: 30px;

	 }

		.fade-slider-item{
			width:60%;

		}


	 .danga{

		 font-size:11px !important;
	 }

	 .zero{
		 width:100%;

	 }

	 .wahm{
		 display:none;

	 }

	 .first{
	display:none;

}

.second{
	display:none;

}

.third{
	display:none;
}

.four{
	display:none;
}

.five{
	display:none;
}

	 .bgimg-1007{
		 height:auto !important;

	 }



	 .bgimg-1005{
		 height:auto !important;

	 }


	  .nona2{
		 height:500px;

	 }

	 .nona3{
		 height:400px;

	 }


	 .nona1{
		 height:500px;

	 }

	 .menu{
		 display: table;
		 width:100%;

	 }

	 .contents{
		width:100%;
    height: 60rem;

	 }




	 .bgimg-222-gif{
	background-position: top!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
	 height: 42vh!important;

	}

	 .arrow {
  display:none;
}


	.prince{
			display: flex !important;
    flex-flow: column-reverse!important;

	}

	 .youtube{
		height:156px !important;

	}

	 .bgimg-meg11 {
		 height: 150vh;

	 }

	 .ela{
	width: 60%;

}

	 .bgimg-222{
		     background-size: contain !important;
    background-repeat: no-repeat;
	    background-position: bottom!important;
		margin-top:-70%;

	 }






	 [data-aos^=fade][data-aos^=fade]{

		     opacity: 1 !important;
	 }

	 .d5ol{
	margin:auto;
	text-align:center;
    width: 30%;
       margin-top: 50%;
	    margin-left: 8%;

}

body { margin: 0; }

.accordion { height: auto; }

.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transition: none;
  transition: none;
}
.phon{padding: 0px!important;max-width: 88%!important;}
.phon2{margin-top: auto!important;}
.wrapper2{margin-top: auto!important;}
.lightbox-wrapper{width: 100%!important}
.lightbox-wrapper p{font-size: 12px!important}
.lightbox-btn-close{top: -2.8em!important;
    right: -0.8em!important;}
}
@media screen and (max-width: 480px) {
    
    
    .mobz{
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        
    }
    
    
    .baloda2{
        margin-top: 40% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    
    .kix{
        padding: 0px !important; 
        
    }
    

    .bgimg-100zzz{

        height: 40vh !important;
        background-attachment: inherit !important;
    }

    .bgimg-100xxx{
        height: 40vh !important;
        background-attachment: inherit !important;

    }

    .bgimg-100909{

        height: 40vh !important;
        background-attachment: inherit !important;
    }

    .bgimg-100707{
         height: 40vh !important;
        background-attachment: inherit !important;

    }

    .bgimg-100808{
         height: 40vh !important;
        background-attachment: inherit !important;


    }


    .bgimg-10600100{
        height: 40vh !important;
        background-attachment: inherit !important;

    }


    .bgimg-sss{
            height: 40vh !important;
        background-attachment: inherit !important;

    }


    .bgimg-1617{
        height: 40vh !important;
        background-attachment: inherit !important;

    }


    .bgimg-260{
         height: 40vh !important;
        background-attachment: inherit !important;

    }



     .bgimg-160{
         height: 40vh !important;
        background-attachment: inherit !important;

    }

      .bgimg-606060{
         height: 40vh !important;
        background-attachment: inherit !important;

    }


      .bgimg-660{
         height: 40vh !important;
        background-attachment: inherit !important;

    }


    .bgimg-16{
         height: 40vh !important;
        background-attachment: inherit !important;

    }


     .bgimg-700{
         height: 40vh !important;
        background-attachment: inherit !important;

    }


    .bgimg-10010{
         height: 40vh !important;
        background-attachment: inherit !important;

    }


    .bgimg-1006{
        height: 60vh !important;
        background-attachment: inherit !important;


    }




    .zen{
        font-size: 20px !important;

        line-height: 40px !important;

    }


    .whit{
        width: 100% !important;

    }


    .mix{
        width: 100% !important;


    }

    .mix{
         font-size: 25px !important;
         line-height: 35px !important;
         background: rgb(0 0 0 / 28%);
            color: wheat !important;

     }



  


    .meme{
        font-size: 10px !important;
        width: 100% !important;

    }

    .containera{
        display: none !important;

    }

 .bgimg-xxx{
    background-image: url(../images/main-mob.jpg);
    background-position: center;
    background-size: cover;
       height: 34vh;
     display: block !important;
  }

    .backArea3{
        display: none!important;

    }

    .whit{

        margin-top: 0px !important;
    }

    .pol{
        margin-top: 100% !important;

    }


    figure2{
            left: 0px!important;

    }


    figure3{

        left:0px !important;
            top: 720px !important;
    }


    .fake-boxes{
        display: none !important;

    }

    .audioplayer{
        width: 100% !important;

    }


    .bgimg-1{
        height: 40vh !important;
        background-attachment: inherit !important;


    }








    .bgimg-101{
        height: 320vh!important;
        margin-top: 20%;

    }


    video{
        min-height: 0vh !important;

    }


    .nedved{

        display: none;
    }

    .proten{
        display: block !important;

    }

    .backArea2{
        display: none !important;

    }


    .vv-ov{
        top: 47% !important;
        width: 70% !important;
        right: 60px !important;

    }

    .bg-video-wrap{
        height: 80vh !important;

    }

	.bgimg-222-gif{
	background-position: top!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
	 height: 42vh!important;

	}

	 .arrow {
  display:none;
}





	.prince{
			display: flex !important;
    flex-flow: column-reverse!important;

	}

	.bgimg-meg11 {
		 height: 150vh;

	 }

	.ela{
	width: 60%;

}

.bgimg-2222{

	background-size: contain !important;
    background-repeat: no-repeat;
	background-position: bottom!important;
	margin-top: -150%;


}

	.bgimg-222{
		     background-size: contain !important;
    background-repeat: no-repeat;
	    background-position: bottom!important;


	 }

	 .bgimga{
		     height: 550vh;

	 }



	[data-aos^=fade][data-aos^=fade]{

		     opacity: 1 !important;
	 }
	.d5ol{
	margin:auto;
	text-align:center;
	    width: 30%;
        margin-top: 50%;
	    margin-left: 8%;

}
	.message-text img video {
		width: 250px !important
	}

  .text a{font-size: 14px!important}
.phon{padding: auto !important}
}

.about {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #666;
}

.about a {
  color: blue;
  text-decoration: none;
}
.wrapper2 {
    padding: 40px;
    margin: 20px auto;
}
.wrapper2 p{
	color: #212121;
    font-size: 16px;
    font-weight: bold;
}
.about a:hover { text-decoration: underline; }
.dabt{
  font-family: 'DroidKufiBold';
  text-align: center;
  background: #656565;
  color: #fff;
  padding: 12px;
}
.bg12 {background: rgba(51, 51, 51, 0.8);padding: 20px;margin-bottom: -9px;}

.bgt{
	background:rgba(23, 23, 23, 0.4392156862745098);
}
.bg{background: rgba(121, 121, 121, 0.4);}
.titlebg{
	background-image: url(../images/rush.png);
    color: #fff !important;
    text-align: right;
    margin: 0 0 0 auto;
    padding: 21px 44px 0 0;
    height: 74px;
    background-repeat: no-repeat;
    background-position: right center;
}
.m1{background: #e1ffc7;
	border-radius: 19px 9px 19px 19px;
    padding: 12px;
    margin-right: 6px;}
.m1::before{
    top: 0;
    right: -10px;}
.m12::before{position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
		border-width: 0px 0 10px 10px;
		    border-color: transparent transparent transparent #e1ffc7;
	}
#cd-top-nav>ul>li>a.icon-shift:before{content:'^';display:block;font-size:24px;line-height:1;color: #26ff00;}


.linkhome{text-align: center}
.linkhome a{font-family: 'DroidKufiLight';}
.wrapper h2{
	font-family: 'DroidKufiLight';
text-align: center;
direction: rtl;
line-height: 1.8;
}
.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
}

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #afdcf8;
	left: 20%;
	margin-left: -10px;
}

.cbp_tmtimeline > li {
	position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 25%;
	padding-right: 100px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 0.9em;
	color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 2.9em;
	color: #3594cb;
	font-family: 'DroidKufiLight';
    font-size: 1em;
    direction: rtl;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #6cbfee;
	font-family:'DroidKufiLight';
	font-size: 1em;
	direction: rtl;
}
.cbp_tmtimeline p{color: #fff}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	background: #3594cb;
	color: #fff;
	padding: 1em;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #6cbfee;
}

.cbp_tmtimeline > li .cbp_tmlabel img {
	margin-top: 0px;
	padding: 0 0 10px 0;
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #3594cb;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #6cbfee;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #46a4da;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #afdcf8;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -25px;
}

.cbp_tmicon-phone:before {
	content: "\e000";
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}
.cler{margin-top: 17em;}
/* Example Media Queries */
@media screen and (max-width: 960px) {
	.cler{margin-top: 0 !important;}

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size:1.5em !important;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #3594cb;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #6cbfee;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}
}

@media screen and (max-width: 991px) {.teamNames{z-index: 2;}}
.vide {background-color: #111}
.wrapper{height: auto;}
.tex {color: #fff}
.bgimg{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.48);
	height: 110vh;
}
.bgimga{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  height: 100vh;
}
.bgimg200{
  position: relative;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  height: 70vh;
	display: flex;
}
.names{
	text-align: left;
background-color: #62b6f7;
color: #ffffff !important;
padding: 8px;
max-width: 409px;
margin-top: 17px;
font-weight: bold;
}

.bgimg-1005{
	background-image: url(../images/story-1/2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
	height:100vh;
  }


.bgimg-10010{
	background-image: url(../images/mo3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
	height:100vh;
  }



.bgimg-main{
	background-image: url(../images/main.jpeg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
	height:100vh;
  }


  .bgimg-1006{
	background-image: url(../images/story-1/img1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
	height:100vh;
  }

    .bgimg-1007{
	background-image: url(../images/story-1/img2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }


  .bgimg-101717{
	background-image: url(../images/story-2/img2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }


  .bgimg-10600100{
	background-image: url(../images/story-3/img2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }


   .bgimg-graph{
	background: #a8dabf;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }



   .bgimg-100707{
	background-image: url(../images/story-1/img3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }

  .bgimg-101818{
	background-image: url(../images/story-2/img3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }


.bgimg-100808{
	background-image: url(../images/story-1/img4.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }



.bgimg-fzfz{
	background-image: url(../images/story-2/img4.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }


.bgimg-100909{
	background-image: url(../images/story-1/img5-1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }

.bgimg-100xxx{
	background-image: url(../images/story-1/img6.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }


.bgimg-100zzz{
	background-image: url(../images/story-1/img7.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  background-attachment: fixed;
  height:100vh;
  }





.bgimg-1{
  background-image: url(../images/story-1/1.jpg);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }



.bgimg-101{
  background-image: url(../images/story-1/5.jpg);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }


.bgimg-16{
  background-image: url(../images/story-2/1.jpg);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }

.bgimg-1617{
  background-image: url(../images/story-3/1.jpeg);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }


.bgimg-1616{
  background-image: url(../images/story-2/img1.jpg);
      background-position: top;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }

.bgimg-sss{
  background-image: url(../images/story-3/img1.jpg);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }


.bgimg-700{
  background-image: url(../images/yemenmap.jpg);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }


.bgimg-160{
  background-image: url(../images/im55.jpg);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }


.bgimg-606060{
  background-image: url(../images/oio.jpg);
      background-position: bottom;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }


.bgimg-660{
  background-image: url(../images/66.jpg);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }


.bgimg-260{
  background-image: url(../../../assets/images/intro.gif);
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
  }

  .bgimg-a111{
    background-image: url(../images/story-2/3-1.jpg);
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
    }

		.bgimg-a112{
        background-image: url(../images/story-2/2.jpg);
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
	    }

      .bgimg-a113{
          background-image: url(../images/story-2/4.jpg);
          background-position: center;
          background-attachment: fixed;
          background-repeat: no-repeat;
          background-size: cover;
          height: 100vh;
        }

        .bgimg-a114{
            background-image: url(../images/story-2/5.jpg);
            background-position: center;
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100vh;
          }


          .bgimg-a115{
              background-image: url(../images/story-3/1.jpg);
              background-position: center;
              background-attachment: fixed;
              background-repeat: no-repeat;
              background-size: cover;
              height: 100vh;
            }


            .bgimg-a116{
                background-image: url(../images/story-3/2.jpg);
                background-position: center;
                background-attachment: fixed;
                background-repeat: no-repeat;
                background-size: cover;
                height: 100vh;
              }

              .bgimg-a117{
                  background-image: url(../images/story-3/3.jpg);
                  background-position: center;
                  background-attachment: fixed;
                  background-repeat: no-repeat;
                  background-size: cover;
                  height: 100vh;
                }

                .bgimg-a118{
                    background-image: url(../images/story-3/4.jpg);
                    background-position: center;
                    background-attachment: fixed;
                    background-repeat: no-repeat;
                    background-size: cover;
                    height: 100vh;
                  }

                  .bgimg-a119{
                      background-image: url(../images/story-5/1.jpg);
                      background-position: center;
                      background-attachment: fixed;
                      background-repeat: no-repeat;
                      background-size: cover;
                      height: 100vh;
                    }
                    .bgimg-a120{
                        background-image: url(../images/story-5/2.jpg);
                        background-position: center;
                        background-attachment: fixed;
                        background-repeat: no-repeat;
                        background-size: cover;
                        height: 100vh;
                      }

                      .bgimg-a121{
                          background-image: url(../images/story-5/3.jpg);
                          background-position: center;
                          background-attachment: fixed;
                          background-repeat: no-repeat;
                          background-size: cover;
                          height: 100vh;
                        }
                        .bgimg-a122{
                            background-image: url(../images/story-5/4.jpg);
                            background-position: center;
                            background-attachment: fixed;
                            background-repeat: no-repeat;
                            background-size: cover;
                            height: 100vh;
                          }

                          .quoteWell {
                            background-color: #570300;
                            border: none;

                          }
                          .fa-quote-left {
                          	color: #444;
                          	background: #eee;
                          	border: 2px solid #ccc;
                          	padding: 10px 12px;
                          	border-radius: 100%;
                          	position: absolute;
                          	top: 45px;
                          	left: 42%;
                          }
                          .quote{
                            color: #afafaf;
                            font-size: 16px;
                            line-height: 1.5;
                              font-style: normal !important;
                          }

                          .bgimg-a123{
                              background-image: url(../images/story-6/1.jpg);
                              background-position: center;
                              background-attachment: fixed;
                              background-repeat: no-repeat;
                              background-size: cover;
                              height: 100vh;
                            }
                            .bgimg-a124{
                                background-image: url(../images/story-6/2.jpg);
                                background-position: center;
                                background-attachment: fixed;
                                background-repeat: no-repeat;
                                background-size: cover;
                                height: 100vh;
                              }

                              .bgimg-a125{
                                  background-image: url(../images/story-6/3.jpg);
                                  background-position: center;
                                  background-attachment: fixed;
                                  background-repeat: no-repeat;
                                  background-size: cover;
                                  height: 100vh;
                                }

                                .bgimg-a126{
                                    background-image: url(../images/story-6/4.jpg);
                                    background-position: center;
                                    background-attachment: fixed;
                                    background-repeat: no-repeat;
                                    background-size: cover;
                                    height: 100vh;
                                  }
                                  .bgimg-a127{
                                      background-image: url(../images/story-6/5.jpg);
                                      background-position: center;
                                      background-attachment: fixed;
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      height: 100vh;
                                    }

                                    .bgimg-a128{
                                        background-image: url(../images/story-6/6.jpg);
                                        background-position: center;
                                        background-attachment: fixed;
                                        background-repeat: no-repeat;
                                        background-size: cover;
                                        height: 100vh;
                                      }
                                      .bgimg-a129{
                                          background-image: url(../images/story-7/1.jpg);
                                          background-position: center;
                                          background-attachment: fixed;
                                          background-repeat: no-repeat;
                                          background-size: cover;
                                          height: 100vh;
                                        }
                                        .bgimg-a130{
                                            background-image: url(../images/story-7/2.jpg);
                                            background-position: center;
                                            background-attachment: fixed;
                                            background-repeat: no-repeat;
                                            background-size: cover;
                                            height: 100vh;
                                          }
                                          .bgimg-a131{
                                              background-image: url(../images/story-7/4.jpg);
                                              background-position: center;
                                              background-attachment: fixed;
                                              background-repeat: no-repeat;
                                              background-size: cover;
                                              height: 100vh;
                                            }
                                            .bgimg-a132{
                                                background-image: url(../images/story-4/1.jpg);
                                                background-position: center;
                                                background-attachment: fixed;
                                                background-repeat: no-repeat;
                                                background-size: cover;
                                                height: 100vh;
                                              }

  .bgimg-303{
    background-image: url(../images/tayara.jpg);
    background-position: center;
    background-size: cover;
  }

   .bgimg-202{
    background-image: url(../images/one-good.jpg);
    background-position: center;
    background-size: cover;
       height: 125vh;
  }



 .bgimg-xxx{
    display: none;
  }





  .bgimg-505{
    background-image: url(../images/cat.jpg);
    background-position: center;
    background-size: cover;
      height: 80vh;
  }

    .item1 {

  border: 15px solid black;
      border-color: #550000 #9f0101bf #550000 #770101;
}

  .bgimg-4{
    background-image: url(../images/art2.jpg);
    background-position: center;
    background-size: cover;
  }
  .bgimg-a444{
    background-image: url(../images/11.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
  }
	.bgimg-aa6{
    background-image: url(../images/123.jpg);
    background-position: center;
    background-size: cover;
  }
  .bgimg-a6{
		background-image: url(../images/11.jpg);
    background-position: center;
    background-size: cover;
  }
	.bgimg-art3{
		background-image: url(../images/art3.jpg);
		background-position: center;
		background-size: cover;
	}
  .wrapper h1{
    font-family: 'DroidKufiLight';
font-size: 20px;
padding: 10px 9px;
text-align: center;
color: #555;
border-right: solid 4px #aa120d;
margin: auto;
direction: rtl;
margin-top: 10px;
margin-bottom: 20px;
    line-height: 2;
  }
.contentTitle {font-size: 2em;
    line-height: 1.5;}




.conter1 h1{}
.coun{display: flex;justify-content: center;flex-direction: row-reverse;flex-wrap: wrap;}
.bord{border: 3px solid #fff}
.count{margin: 0 !important}
.tx{font-size: 23px !important}
.timeline .time{
  background-color: #a90505;
    color: #fff;
    padding: 5px;
    margin-top: -5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.timeline .p1{
  font-weight: bold;
color: #ab0202;
font-size: 12px;
text-align: inherit !important;
}
.timeline .p1 span{
  padding-right: 30px;
}

.timeline .p2{
  font-size: 12px;
font-weight: bold;
text-align: inherit !important;
}
.b1{padding: 50px 0}
/*counter*/
.conter1 {
  text-align: center;

}
.conter1 h1{
  font-family:'DroidKufiLight';
  margin: 20px;
  color: #fff;
 }
.coun2 {font-size: 43px;}
.one {margin: 5%}
.conter1 .circle {
  width: 200px;
  height: 166px;
  background-color: #a91616;
  color: #135159;
  font-weight: 700;
  font-size: 70px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
/*end counter */
.conter1 p {
    text-align: center;
    color: #fff;
    margin-top: 10px;
  }
  .zero {
    padding: 0px;
    color: #fff;
      position: absolute;
      left: 16%;
  }
.p2 span {color: #a90505}

.ad{display: flex;justify-content: center;align-items: center;padding: 50px}
.ad p{border: solid 1px #fff; width: 768px;height: 90px;text-align:center;}


.mama {
    position: relative;
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.57);
    padding: 10px;
}


.wawa {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.mama:hover .image {
  opacity: 1;
}

.mama:hover .wawa {
  opacity: 1;
}

.text a img{
  width: 30%;
}

.contentTitle-h3{font-family:'DroidKufiLight';font-size: 40px;color: #fff;direction: rtl;text-align: center;}
.wrapper .aa{    background-color: rgba(0, 0, 0, 0.58);
    padding: 14px;
    border-radius: 15px 0 0 15px;
    border-right: solid 3px #ff0606;}
    .bgimg-a1{
      background-image: url(../images/55.jpg);
      background-position: top;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      }
      .bgimg-a2{
        background-image: url(../images/intro2.jpg);
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
      }
      .p22{    background-color: white;
          width: 350px;
          margin: auto;
          text-align: center;
          color: #dc0202 !important;
          border-radius: 15px 0 0 15px;
          border-right: solid 6px #dc0202;
          margin-top: 5px;
          margin-bottom: 28px;
        }
      .h2part2{margin-top: 285px}
      .contentTitle-h3{font-family:'DroidKufiLight';font-size: 40px;color: #fff;direction: rtl;text-align: center;}

          }



/*************************figure***/

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 260px;
	/*max-width: 480px;
	max-height: 360px;*/
	width: 48%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #2f3238;
}

figure.effect-julia img {
	max-width: none;
	height: 400px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: #df4e4e;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*-----------------*/
/***** Hera *****/
/*-----------------*/

figure.effect-hera {
	background: #303fa9;
}

figure.effect-hera h2 {
	font-size: 158.75%;
}

figure.effect-hera h2,
figure.effect-hera p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera figcaption::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	border: 2px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

figure.effect-hera p {
	width: 100px;
	text-transform: none;
	font-size: 121%;
	line-height: 2;
}

figure.effect-hera p a {
	color: #fff;
}

figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
	opacity: 0.6;
}

figure.effect-hera p a i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-hera p a:first-child i {
	-webkit-transform: translate3d(-60px,-60px,0);
	transform: translate3d(-60px,-60px,0);
}

figure.effect-hera p a:nth-child(2) i {
	-webkit-transform: translate3d(60px,-60px,0);
	transform: translate3d(60px,-60px,0);
}

figure.effect-hera p a:nth-child(3) i {
	-webkit-transform: translate3d(-60px,60px,0);
	transform: translate3d(-60px,60px,0);
}

figure.effect-hera p a:nth-child(4) i {
	-webkit-transform: translate3d(60px,60px,0);
	transform: translate3d(60px,60px,0);
}

figure.effect-hera:hover figcaption::before {
	opacity: 1;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
	transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}

figure.effect-hera:hover h2 {
	opacity: 0;
	-webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
	transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}

figure.effect-hera:hover p i:empty {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
	opacity: 1;
}

/*-----------------*/
/***** Winston *****/
/*-----------------*/

figure.effect-winston {
	background: #162633;
	text-align: left;
}

figure.effect-winston img {
	-webkit-transition: opacity 0.45s;
	transition: opacity 0.45s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-winston figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/triangle.svg) no-repeat center center;
	background-size: 100% 100%;
	content: '';
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;
	-webkit-transform: rotate3d(0,0,1,45deg);
	transform: rotate3d(0,0,1,45deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

figure.effect-winston h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-winston p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 1.5em 7% 0;
}

figure.effect-winston a {
	margin: 0 10px;
	color: #5d504f;
	font-size: 170%;
}

figure.effect-winston a:hover,
figure.effect-winston a:focus {
	color: #cc6055;
}

figure.effect-winston p a i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-winston:hover img {
	opacity: 0.6;
}

figure.effect-winston:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-winston:hover figcaption::before {
	opacity: 0.7;
	-webkit-transform: rotate3d(0,0,1,20deg);
	transform: rotate3d(0,0,1,20deg);
}

figure.effect-winston:hover p i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-winston:hover p a:nth-child(3) i {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-winston:hover p a:nth-child(2) i {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-winston:hover p a:first-child i {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*-----------------*/
/***** Selena *****/
/*-----------------*/

figure.effect-selena {
	background: #fff;
}

figure.effect-selena img {
	opacity: 0.95;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-selena:hover img {
	-webkit-transform: scale3d(0.95,0.95,1);
	transform: scale3d(0.95,0.95,1);
}

figure.effect-selena h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-selena p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
	transform: perspective(1000px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

figure.effect-selena:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-selena:hover p {
	opacity: 1;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
	transform: perspective(1000px) rotate3d(1,0,0,0);
}

/*-----------------*/
/***** Terry *****/
/*-----------------*/

figure.effect-terry {
	background: #34495e;
}

figure.effect-terry figcaption {
	padding: 1em;
}

figure.effect-terry figcaption::before,
figure.effect-terry figcaption::after {
	position: absolute;
	width: 200%;
	height: 200%;
	border-style: solid;
	border-color: #101010;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-terry figcaption::before {
	right: 0;
	bottom: 0;
	border-width: 0 70px 60px 0;
	-webkit-transform: translate3d(70px,60px,0);
	transform: translate3d(70px,60px,0);
}

figure.effect-terry figcaption::after {
	top: 0;
	left: 0;
	border-width: 15px 0 0 15px;
	-webkit-transform: translate3d(-15px,-15px,0);
	transform: translate3d(-15px,-15px,0);
}

figure.effect-terry img,
figure.effect-terry p a {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-terry img {
	opacity: 0.85;
}

figure.effect-terry h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.4em 10px;
	width: 50%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

@media screen and (max-width: 920px) {
	figure.effect-terry h2 {
		padding: 0.75em 10px;
		font-size: 120%;
	}
}

figure.effect-terry p {
	float: right;
	clear: both;
	text-align: left;
	text-transform: none;
	font-size: 111%;
}

figure.effect-terry p a {
	display: block;
	margin-bottom: 1em;
	color: #fff;
	opacity: 0;
	-webkit-transform: translate3d(90px,0,0);
	transform: translate3d(90px,0,0);
}

figure.effect-terry p a:hover,
figure.effect-terry p a:focus {
	color: #f3cf3f;
}

figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-terry:hover img {
	opacity: 0.6;

}

figure.effect-terry:hover h2,
figure.effect-terry:hover p a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-terry:hover p a {
	opacity: 1;
}

figure.effect-terry:hover p a:first-child {
	-webkit-transition-delay: 0.025s;
	transition-delay: 0.025s;
}

figure.effect-terry:hover p a:nth-child(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-terry:hover p a:nth-child(3) {
	-webkit-transition-delay: 0.075s;
	transition-delay: 0.075s;
}

figure.effect-terry:hover p a:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*-----------------*/
/***** Phoebe *****/
/*-----------------*/

figure.effect-phoebe {
	background: #675983;
}

figure.effect-phoebe img {
	opacity: 0.85;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-phoebe:hover img {
	opacity: 0.6;
}

figure.effect-phoebe figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/triangle2.svg) no-repeat center center;
	background-size: 100% 100%;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(5,2.5,1);
	transform: scale3d(5,2.5,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-phoebe:hover figcaption::before {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-phoebe h2 {
	margin-top: 1em;
	-webkit-transition: transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-phoebe:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-phoebe p a {
	color: #fff;
	font-size: 140%;
	opacity: 0;
	position: relative;
	display: inline-block;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-phoebe p a:first-child {
	-webkit-transform: translate3d(-60px,-60px,0);
	transform: translate3d(-60px,-60px,0);
}

figure.effect-phoebe p a:nth-child(2) {
	-webkit-transform: translate3d(0,60px,0);
	transform: translate3d(0,60px,0);
}

figure.effect-phoebe p a:nth-child(3) {
	-webkit-transform: translate3d(60px,-60px,0);
	transform: translate3d(60px,-60px,0);
}

figure.effect-phoebe:hover p a {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	background: #3498db;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*-----------------*/
/***** Kira *****/
/*-----------------*/

figure.effect-kira {
	background: #fff;
	text-align: left;
}

figure.effect-kira img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-kira figcaption {
	z-index: 1;
}

figure.effect-kira p {
	padding: 2.25em 0.5em;
	font-weight: 600;
	font-size: 100%;
	line-height: 1.5;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-kira p a {
	margin: 0 0.5em;
	color: #101010;
}

figure.effect-kira p a:hover,
figure.effect-kira p a:focus {
	opacity: 0.6;
}

figure.effect-kira figcaption::before {
	position: absolute;
	top: 0;
	right: 2em;
	left: 2em;
	z-index: -1;
	height: 3.5em;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ;
	transform: translate3d(0,4em,0) scale3d(1,0.023,1);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

figure.effect-kira:hover img {
	opacity: 0.5;
}

figure.effect-kira:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-kira:hover figcaption::before {
	opacity: 0.7;
	-webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ;
	transform: translate3d(0,5em,0) scale3d(1,1,1);
}

/*-----------------*/
/***** Steve *****/
/*-----------------*/

figure.effect-steve {
	z-index: auto;
	overflow: visible;
	background: #000;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-steve:before {
	box-shadow: 0 3px 30px rgba(0,0,0,0.8);
	opacity: 0;
}

figure.effect-steve figcaption {
	z-index: 1;
}

figure.effect-steve img {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}

figure.effect-steve h2,
figure.effect-steve p {
	background: #fff;
	color: #2d434e;
}

figure.effect-steve h2 {
	position: relative;
	margin-top: 2em;
	padding: 0.25em;
}

figure.effect-steve h2:before {
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

figure.effect-steve p {
	margin-top: 1em;
	padding: 0.5em;
	font-weight: 800;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
}

figure.effect-steve:hover:before {
	opacity: 1;
}

figure.effect-steve:hover img {
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}

figure.effect-steve:hover h2:before {
	opacity: 0;
}

figure.effect-steve:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/*-----------------*/
/***** Moses *****/
/*-----------------*/

figure.effect-moses {
	background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
	background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
}

figure.effect-moses img {
	opacity: 0.85;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-moses h2,
figure.effect-moses p {
	padding: 20px;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
}

figure.effect-moses h2 {
	padding: 20px;
	width: 50%;
	height: 50%;
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
}

figure.effect-moses p {
	float: right;
	padding: 20px;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-moses:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-moses:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-moses:hover img {
	opacity: 0.6;
}

/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
	background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
	background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);
}

figure.effect-jazz img {
	opacity: 0.9;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
	opacity: 1;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
}

figure.effect-jazz h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-jazz p {
	padding: 0.5em 2em;
	text-transform: none;
	font-size: 0.85em;
	opacity: 0;
}

figure.effect-jazz:hover img {
	opacity: 0.7;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
	transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
	background: #030c17;
}

figure.effect-ming img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-ming p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-ming:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
	opacity: 0.4;
}

/*---------------*/
/***** Lexi *****/
/*---------------*/

figure.effect-lexi {
	background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
	background: linear-gradient(-45deg, #000 0%,#fff 100%);
}

figure.effect-lexi img {
	margin: -10px 0 0 -10px;
	max-width: none;
	width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px);
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-lexi figcaption::before,
figure.effect-lexi p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lexi figcaption::before {
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 300px;
	height: 300px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transform: scale3d(0.5,0.5,1);
	transform: scale3d(0.5,0.5,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-lexi:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lexi h2 {
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px,5px,0);
	transform: translate3d(5px,5px,0);
}

figure.effect-lexi p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 1.5em 1.5em 0;
	width: 140px;
	text-align: right;
	opacity: 0;
	-webkit-transform: translate3d(20px,20px,0);
	transform: translate3d(20px,20px,0);
}

figure.effect-lexi:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Duke *****/
/*---------------*/

figure.effect-duke {
	background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
	background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%);
}

figure.effect-duke img,
figure.effect-duke p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-duke:hover img {
	opacity: 0.1;
	-webkit-transform: scale3d(2,2,1);
	transform: scale3d(2,2,1);
}

figure.effect-duke h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

figure.effect-duke p {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 20px;
	padding: 30px;
	border: 2px solid #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transform: scale3d(0.8,0.8,1);
	transform: scale3d(0.8,0.8,1);
	-webkit-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
}

figure.effect-duke:hover h2,
figure.effect-duke:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.cover-mob{
  display: none;
}
/* Media queries */
@media screen and (max-width: 50em) {
  .cover-mob{
    display: block;
  }
  .cover-mob img{
    width: 100%
  }
	.content {
		padding: 0 10px !important;
		text-align: center;
    transform: translate3d(0, 0px, 0) scale(.9) !important;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}


/*****video**/


.bg-video-wrap {
    margin-top: -2%;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  /*background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;*/
}
video {
  min-width: 100%;
  min-height: 100vh;
  z-index: 1;
    width: 100%;
}
.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0,0,0,.3) 50%, rgba(0,0,0,.7) 50%);
  background-size: 3px 3px;
  z-index: 2;
}

.vv-ov{
     text-align: justify;
  color: #fff;
  position: absolute;
  top: 40px;
  right: 120px;
  margin: auto;
  z-index: 3;
  /*max-width: 400px;*/
  width: 50%;
  height: 50px;
    /*text-shadow: 1px 1px 0 #f50, 2px 2px 0 black, 3px 3px 0 black, 4px 4px 0 black, 5px 5px 0 black, 6px 6px 0 black, 7px 7px 0 black, 8px 8px 0 black;*/

}



.TD-title {
  text-align: right;
 /* position: absolute;*/
  width: 100%;
  left: 0;
  top: -20%;
  transform: translateY(-50%);
}
.TD-title__perfomance {
  display: inline-block;
  font-family: "Merriweather";
  font-weight: bold;
  font-size: 0;
  color: #eea118;
  margin: 0;
  padding: 0;
  position: relative;
  transform: translateX(40%);
}
.TD-title__perfomance span {
  font-size: 40px;
  opacity: 0;
}
.TD-title__perfomance:before {
  content: "";
  display: block;
  width: 158px;
  height: 20px;
  background: url("http://s014.radikal.ru/i328/1712/b1/9726b5dc992d.png");
  position: absolute;
  right: 0;
  top: calc(100% + 0px);
  transform: translateY(150px);
  opacity: 0;
}
.TD-title__perfomance:after {
  content: "";
  display: block;
  width: 100px;
  height: calc(0% + 20px);
  position: absolute;
  left: 0;
  bottom: 0;
  background: #d7d4d4;
  opacity: 0;
}
.TD-title__perfomance[td-animate] {
  animation: toLeft 0.85s 0.35s ease forwards;
}
.TD-title__perfomance[td-animate] span {
  animation: fadeIn 0.25s ease-in forwards;
}
.TD-title__perfomance[td-animate]:before {
  animation: toTop 0.3s cubic-bezier(0.64, 0.12, 0.72, 0.5) forwards;
}
.TD-title__perfomance[td-animate]:after {
  animation: toTopFade 0.2s 0.3s ease-in forwards;
}

@keyframes toTop {
  0% {
    transform: translateY(150px);
    opacity: 0;
  }
  30% {
    transform: translateY(130px);
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes toTopFade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
    height: calc(0% + 20px);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    height: calc(40% + 20px);
  }
}
@keyframes toLeft {
  0% {
    transform: translateX(40%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.resstartIt {
  position: absolute;
  top: 10px;
  right: 10px;
}



/** sound **/

#audio-box {
	background-image: url(../images/558.jpg);
	box-shadow: 3px 1px 23px 5px #c1570961;
	color: #fff;
	/*position: absolute;*/
	width: 60%;
	top: 50%;
	left: 50%;
	/*transform: translate(-50%, -50%);*/
	padding: 20px;
	z-index: 5;
    margin: auto;
    border-radius: 50px;
}
#controls-wrapper {
	text-align: justify;
	user-select: none;
    color: #eca119;
}
#rw,
#ff,
#play {
	cursor: pointer;
	user-select: none;
}
#time-wrapper {
	text-align: justify;
}
#time-wrapper:after {
	content: "";
	display: inline-block;
	width: 100%;
}
/*Remove default styles*/
input[type="range"] {
	-webkit-appearance: none;
	margin: 18px 0;
	width: 100%;
}
input[type="range"]:focus {
	outline: none;
}
/*Track & handle(thumb) styles*/
/*Chrome*/
input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 1em;
	cursor: pointer;
	background: #eca119;
	border-radius: 0;
	border: 1px solid #eca119;
}
input[type="range"]::-webkit-slider-thumb {
	border: 1px solid #aa120d;
	height: 2em;
	width: 16px;
	border-radius: 3px;
	background: #aa120d;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -0.5em;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
	background: #23b26d;
}
/*Firefox*/
input[type="range"]::-moz-range-track {
	width: 100%;
	height: 1em;
	cursor: pointer;
	background: #23b26d;
	border-radius: 0;
	border: 1px solid #23b26d;
}
input[type="range"]::-moz-range-thumb {
	border: 1px solid #f50039;
	height: 2em;
	width: 16px;
	border-radius: 3px;
	background: #f50039;
	cursor: pointer;
	-webkit-appearance: none;
}
/*IE*/
input[type="range"]::-ms-track {
	width: 100%;
	height: 1em;
	cursor: pointer;
	background: #23b26d;
	border-radius: 0;
	border: 1px solid #23b26d;
}
input[type="range"]::-ms-fill-lower {
	background: #2a6495;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-fill-upper {
	background: #3071a9;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type="range"]::-ms-thumb {
	border: 1px solid #f50039;
	height: 2em;
	width: 16px;
	border-radius: 3px;
	background: #f50039;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -0.5em;
}
input[type="range"]:focus::-ms-fill-lower {
	background: #3071a9;
}
input[type="range"]:focus::-ms-fill-upper {
	background: #367ebd;
}




@media (max-width: 775px) {
	#audio-box {
		width: 75%;
		padding: 1em;
	}
}




/*****/

.maine {
  width: 100%;
  max-width: 500px;
  margin: 50px auto;
  background: #322e25;
  padding: 15px;
  border-radius: 7px;
}

.iru-tiny-player {
  position: relative;
  border: 0.2ex solid;
  border-radius: 7px;
        color: #ce6f09;
}

.iru-tiny-player .song-main-info {
  margin: 2ex 2ex;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  color: #666050;
}

@media screen and (max-width: 480px) {
  .iru-tiny-player .song-main-info {
    margin: 2ex 1ex;
    font-size: 1rem;
  }
}

.iru-tiny-player .icon {
  margin-right: 1ex;
  min-width: 1.5rem;
  flex-basis: 1.5rem;
  text-decoration: none;
  border-bottom: none;
  position: relative;
}

.iru-tiny-player .icon:hover {
  color: #6d3827;
}

@media screen and (max-width: 480px) {
  .iru-tiny-player .icon {
    margin-right: 0.25ex;
    min-width: 1rem;
    flex-basis: 1rem;
  }
}

.iru-tiny-player .icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}

.iru-tiny-player .song-main-info .icon.fa-stop {
  margin-right: 2ex;
}

@media screen and (max-width: 480px) {
  .iru-tiny-player .song-main-info .icon.fa-stop {
    margin-right: 0.5ex;
  }
}

.iru-tiny-player .song-main-info .song-timer {
  margin: 0ex 1ex;
  white-space: nowrap;
}

.iru-tiny-player .song-main-info .song-title {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
}

.iru-tiny-player .song-seek {
  position: absolute;
  width: 100%;
  height: 100%;
}

.iru-tiny-player .song-progress {
  position: absolute;
  background-color: rgba(21, 29, 31, 0.3);
  width: 0%;
  height: 100%;
}

.iru-tiny-player .song-volume-control {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
}

.iru-tiny-player .song-volume-bar {
  position: absolute;
  top: 50%;
  left: 20%;
  height: 10px;
  margin: 0px auto;
  width: 80%;
  background-color: #666050;
}

.iru-tiny-player .song-volume-bar#fg {
  height: 5px;
  margin: -2.5px auto;
  width: 60%;
}

.iru-tiny-player .song-volume-bar#fgg {
  height: 10px;
  margin: -5px auto;
  background-color: rgba(255, 255, 255, 0);
  width: 60%;
}

.iru-tiny-player .song-volume-bar#bg {
  height: 1.5px;
  margin: -0.75px auto;
  background-color: #666050;
  width: 60%;
}

.iru-tiny-player .song-volume-dot {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 80%;
  margin: -7.5px auto;
  background-color: #666050;
  border-radius: 7.5px;
  cursor: pointer;
}

.iru-tiny-player .song-volume-dot:hover {
  background-color: #6d3827;
}

.iru-tiny-player .icon.fa-times {
  margin: 2ex 2.5ex;
  position: absolute;
  font-size: 1.25rem;
  right: 0;
  top: 0;
  color: #666050;
}

@media screen and (max-width: 480px) {
  .iru-tiny-player .icon.fa-times {
    margin: 2ex 1.5ex;
    font-size: 1rem;
  }
}


/****22**/


.fake-boxes {
    background-color: #6f0a06;
    position: absolute;
    width: 10px;
    height: 39px;
    right: 0;
    top: 23px;
    z-index: -1;
}


/*****/


.audioplayer{
  background-color: #322e25;
    width: 600px;
    display: flex;
    height: 50px;
    margin: auto;
    margin-top: 2%;
    margin-bottom: 4%;
}
.audioplayer .playBtn{
  margin:auto 0 auto 10px;
  cursor:pointer;
}
.audioplayer .volumeBtn{
  margin:auto 0;
}
.audioplayer .progress{
  background-color: rgba(255,255,255,0.3);
  width:50%;
  height:10px;
  margin: auto 0;
  margin-left: 10px;
  display:flex;
}
.audioplayer .current{
  width: 0px;
  height:100%;
  background-color: #FFF;
}

.audioplayer .volume{
  background-color: rgba(255,255,255,0.3);
  width:20%;
  height:10px;
  margin: auto 0;
  margin-left: 10px;
  margin-right:10px;
  display:flex;
}
.audioplayer .currentVol{
  width: 100%;
  height:100%;
  background-color: #FFF;
}

.audioplayer .time{
  color:#FFF;
  margin:auto;
    font-size: 12px;
}


/**********image with text**/

figure.snip1133 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 310px;
  max-height: 220px;
  width: 100%;
  background: #000000;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1133 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

figure.snip1133 img {
  max-width: 100%;
}

figure.snip1133 h3,
figure.snip1133 i {
  position: absolute;
  opacity: 0;
  background: #ffffff40;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  line-height: 30px;
    color: white;
    font-family: 'DroidKufiLight';
    font-size: 18px;
    font-weight: bold !important;
}

figure.snip1133 h3 {
  right: 0;
  bottom: 0;
  margin: 0;
  font-weight: 400;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  -webkit-transform: translate(50px, 100%);
  transform: translate(50px, 100%);
}

figure.snip1133 h3 span {
  font-weight: 800;
}

figure.snip1133 i {
  top: 0;
  left: 0;
  font-size: 34px;
  color: #000000;
  width: 50px;
  height: 50px;
  z-index: 1;
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
}

figure.snip1133 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

figure.snip1133.blue {
  background-color: #2472a4;
}

figure.snip1133.blue i {
  color: #20638f;
}

figure.snip1133.blue h3 {
  background-color: #20638f;
  color: white;
}

figure.snip1133.red {
  background-color: #ab3326;
}

figure.snip1133.red i {
  color: #962d22;
}

figure.snip1133.red h3 {
  background-color: #962d22;
  color: white;
}

figure.snip1133.yellow {
  background-color: #e08e0b;
}

figure.snip1133.yellow i {
  color: #c87f0a;
}

figure.snip1133.yellow h3 {
  background-color: #c87f0a;
  color: white;
}

figure.snip1133.green {
  background-color: #229955;
}

figure.snip1133.green i {
  color: #1e8449;
}

figure.snip1133.green h3 {
  background-color: #1e8449;
  color: white;
}

figure.snip1133.orange {
  background-color: #d67118;
}

figure.snip1133.orange i {
  color: #bf6516;
}

figure.snip1133.orange h3 {
  background-color: #bf6516;
  color: white;
}

figure.snip1133.navy {
  background-color: #2b3c4e;
}

figure.snip1133.navy i {
  color: #222f3d;
}

figure.snip1133.navy h3 {
  background-color: #222f3d;
  color: white;
}

figure.snip1133:hover img,
figure.snip1133.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

figure.snip1133:hover h3,
figure.snip1133.hover h3,
figure.snip1133:hover i,
figure.snip1133.hover i {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}



/**** figure2***/

figure2{
    width: 350px;
    height: 420px;
    position: absolute;
    top: -77px;
    left: 125px;
    background-color: #eaeaea;
    padding: 19px 19px 85px 19px;
    -webkit-transform: rotate(-5deg) scale(0.7);
        -ms-transform: rotate(-5deg) scale(0.7);
            transform: rotate(-5deg) scale(0.7);
}
figure2 img{
    /*width: 100%;*/
        width: 314px;
    height: 380px;
}
figcaption{
 font-family: 'DroidKufiLight';
    font-size: 16px;
    text-align: center;
    color: #d89318;
    margin-top: 25px;
}




/**** figure3***/

figure3{
    width: 350px;
    height: 420px;
    position: absolute;
    top: -77px;
    left: 125px;
    background-color: #eaeaea;
    padding: 19px 19px 85px 19px;
    -webkit-transform: rotate(-5deg) scale(0.7);
        -ms-transform: rotate(-5deg) scale(0.7);
            transform: rotate(-5deg) scale(0.7);
}
figure3 img{
    /*width: 100%;*/
        width: 314px;
    height: 380px;
}
figcaption{
 font-family: 'DroidKufiLight';
    font-size: 16px;
    text-align: center;
    color: #d89318;
    margin-top: 25px;
}



/****trans**/

.intro-screen, html .intro-screen {
  width: 100%;
  height: 200vh;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.intro-screen .intro-screen__titel, html .intro-screen .intro-screen__titel {
  height: 100vh;
  width: 100%;
  display: block;
  top: -0.2rem;
  position: relative;
  background-color: #ff6e48;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.intro-screen .intro-screen__titel div, html .intro-screen .intro-screen__titel div {
  font-size: 3rem;
  color: #ffffff;
}
.intro-screen .intro-screen__shape, html .intro-screen .intro-screen__shape {
  width: 100%;
  margin: -0.5rem 0 0 0;
  position: relative;
}
.intro-screen .intro-screen__shape .shape, html .intro-screen .intro-screen__shape .shape {
  height: 100vh;
  width: 100%;
  display: block;
  fill: #ff6e48;
}

.backArea2 {
    position: absolute;
    display: block;
    left:30px;
    top: 20px;
    width: 120px;
    z-index: 100;
}

.backArea2 img {
    width: 100%;
	margin-bottom:10px;
}



.backArea3 {
    position: fixed;
    display: block;
    right: 30px;
    top: 20px;
    width: 150px;
    z-index: 100;
}

.backArea3 img {

	margin-bottom:10px;
}


 .proten{
        display: none;

    }


.html5-video-player a{
    display: none;

}




/*trun-page*/




/*start-video*/
.youtube-player {
  position: relative;
  width: 80%;
  height: 100%;
  margin: auto;
  cursor: pointer;
    margin-bottom: 5%;
	 border-width: 15px;
  border-style: solid;
  border-color:#ffb76a #ffb76a26 #ffb76a #ffb76a26;
}

.youtube-player img {
  width: 100%;
}

.youtube-player.pristine::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -25px;
  height: 0;
  width: 0;
  border-left: 50px solid #ffffffc4;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

.youtube-player.pristine:hover::before {
  opacity: .7;
}
.intro-t{
  width: 70%;
  margin: auto;
}
.box{
  background: none !important;
  color: #fff !important;
  z-index: 2
}
.newshadow{
  font-size: 19px;
}
.lyar-right2 {
  background-image:linear-gradient(to left, #000000, rgb(0 0 0 / 85%),rgba(0, 0, 0, 0) 100%);
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%;
      top: 0;
}
.whit{
  width: 100%;
  margin: auto;
}

.intro-s1{
  /*background: rgb(0 0 0 / 45%) !important;*/
margin-top: 10% !important;
padding: 1.5em 2.5em 1.5em 2.5em !important;
}


.intro-s100{
  /*background: rgb(0 0 0 / 45%) !important;*/
margin-top: 1% !important;
padding: 1.5em 2.5em 1.5em 2.5em !important;
}

.intro-s2{
  background: rgb(0 0 0 / 45%) !important;
margin-top: 13% !important;
padding: 1.5em 2.5em 1.5em 2.5em !important;
}



.snip1577 {
  font-family: 'Montserrat', Arial, sans-serif;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #fff;
  text-align: left;
  font-size: 16px;
  background: #000;
}

.snip1577 *,
.snip1577:before,
.snip1577:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.snip1577 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}

.snip1577:before,
.snip1577:after {
  position: absolute;
  top: 20px;
  right: 20px;
  content: '';
  background-color: #fff;
  z-index: 1;
  opacity: 0;
}

.snip1577:before {
  width: 0;
  height: 1px;
}

.snip1577:after {
  height: 0;
  width: 1px;
}

.snip1577 figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 20px;
}

.snip1577 h3,
.snip1577 h4 {
  margin: 0;
  font-size: 1.1em;
  font-weight: normal;
  opacity: 0;
}

.snip1577 h4 {
  font-size: .8em;
  text-transform: uppercase;
}

.snip1577 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1577:hover img,
.snip1577.hover img {
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  opacity: 0.2;
}

.snip1577:hover:before,
.snip1577.hover:before,
.snip1577:hover:after,
.snip1577.hover:after {
  opacity: 1;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.snip1577:hover:before,
.snip1577.hover:before {
  width: 40px;
}

.snip1577:hover:after,
.snip1577.hover:after {
  height: 40px;
}

.snip1577:hover h3,
.snip1577.hover h3,
.snip1577:hover h4,
.snip1577.hover h4 {
  opacity: 1;
}

.snip1577:hover h3,
.snip1577.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.snip1577:hover h4,
.snip1577.hover h4 {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.btn-enter{
  background: #c7252f;
    padding: 10px 26px;
    color: #fff;
    border-radius: 10px;
    font-size: 23px;
    font-weight: 700;
}

.btn-enter:hover{
  background: #a74349;
}


#hov .text-hov {
position:relative;
bottom:30px;
left:0px;
visibility:hidden;
}
#hov p{
  text-align: center;
}
#hov:hover .text-hov {
visibility:visible;
}

.text-hov span {
      color: #fff !important;
}


.mix{
    text-align:center;
    color: #ffffff;
    font-size:55px;
    font-weight: 600;
    line-height: 85px;

}

.mix2{
    text-align:center;
    color: #ffffff;
    font-size:35px;
    font-weight: 600;
    line-height: 85px;

}

.milo{
    width: 50% !important;

}

.zen{
    font-family: aref-bold;
    text-align:right;
    color: #d5ffd6;
    font-size:50px;
    font-weight: 600;

}


/****************/

.hero{
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9;
	transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);
}
.hero.scrolled{
	transform: translate3d(0, -100%, 0) scale(.75);
	opacity: 0;
}
.hero-inner{
		background-image: url('../images/main.jpg');
		background-size: cover;
	background-position: center;
	display: table;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
}
.hero-title{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
h1, h2, h3, h4, h5, h6{
	font-family: montserrat;
}
.font-2{
	font-family: 'josefin sans';
	font-weight: 700;
}
.title{ letter-spacing: .3em; text-transform: uppercase; }
.text-light{ color: #fff }
.font-alt{
	font-family: 'georgia';
	font-style: italic;
	color: #666;
}
.hero{
	overflow: hidden;
	z-index: 1;
}
.content{
	position: relative;
	background-color: #042a3d00;
	padding: 0;
	margin: 0;
	transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);
	transform: translate3d(0, 20px, 0) scale(.75);
	opacity: 1;
}
.content.scrolled{
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
}
.sd{
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.sd:hover, .sd:focus{
	color: #fff;
	opacity: .7;
	text-decoration: none;
}


footer .bottom{
        background: #6d897a;

}



.codepen-box {
  position: relative;
  border-radius: 6px;
  width: 400px;
  padding: 15px;
  overflow: hidden;
  margin: 0 auto;
}
.codepen-box::before {
  content: "";
  position: absolute;
  left: 40px;
  border-radius: 10px;
  right: 0;
  bottom: 50px;
  top: 50px;
  background-color: rgba(128, 128, 128, 0.37);
  transform-origin: right 40%;
  z-index: -2;
  transition: 0.5s ease-in-out all;
}
.codepen-box:hover::before {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: 0.5s ease-in-out all;
}
.codepen-box .top {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  height: 300px;
}
.codepen-box .top .top-image {
  height: 250px;
  object-fit: cover;
}
.codepen-box .top .top-image img {
  width: 100%;
  border-radius: 6px;
  height: 100%;
  object-fit: cover;
}
.codepen-box .top .profile {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: left;
  padding: 5px 0;
}
.codepen-box .top .profile .profile-pic {
  display: block;
  margin-right: 10px;
}
.codepen-box .top .profile .profile-pic img {
  border-radius: 10px;
  height: 40px;
  object-fit: cover;
  width: 40px;
}
.codepen-box .top .profile .profile-info {
    margin: auto;
  display: block;
  width: fit-content;
        padding: 13px;
}
.codepen-box .top .profile .profile-info h3 {
    font-family: Shahd-Font-Regular;
  font-size: 20px;
  margin: 0;
}
.codepen-box .top .profile .profile-info p {
    font-family: Shahd-Font-Regular;
  font-size: 15px;
  margin: 0;
    text-align: center;
}
.codepen-box .bottom {
  height: 40px;
  padding: 5px 0;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.codepen-box .bottom .bottom-item:nth-child(1) {
  transition-delay: 0.1s;
}
.codepen-box .bottom .bottom-item:nth-child(2) {
  transition-delay: 0.15s;
}
.codepen-box .bottom .bottom-item:nth-child(3) {
  transition-delay: 0.2s;
}
.codepen-box .bottom .bottom-item {
  transition: 0.3s ease-in-out all;
  height: 25px;
  padding: 5px;
  color: white;
  margin: 0 5px 0 0;
  background-color: black;
  display: flex;
  justify-content: center;
  font-size: 12px;
  align-items: center;
  border-radius: 5px;
  opacity: 0;
  transform: translateY(-20px);
}
.codepen-box .bottom .bottom-item span:first-child {
  margin-right: 5px;
}

.codepen-box:hover .bottom-item {
  transition: 0.3s ease-in-out all;
  opacity: 1;
  transform: translateY(0px);
}



/************************new button**************/


.link {
  font-size: 3rem;
  font-weight: bold;
  color: white;
  text-decoration: none;
  position: relative;
   border: 5px solid #ffffff;
    border-radius: 20px;
    padding: 15px;
    background: #313030;


}
.link span,
.link i {
  position: relative;
}
.link i {
  margin-left: 0.5em;
}
.link .color {
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background-color: #577904;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: -0.65em;

}





/*************************/

.containera {
  height: 80vh;
  width: 100%;
}

.top {
  background: #fff;
  height: 100vh;
  overflow: hidden;
  width: 100%;
}
.sectiona {
  height: 100vh;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.image {
  height: 100vmax;
  left: calc(50% - 75vmax);
  width: 150vmax;
  top: calc(50% - 50vmax);
  position: absolute;
}
.image1 {
  clip-path: polygon(0 100%, 0 29.863846%,0.3125% 30.21875%,0.4375% 30.625%,0.6875% 31.125%,0.9375% 31.1875%,1.0625% 31.71875%,1.3125% 32.40625%,1.53125% 32.3125%,1.96875% 32.375%,2.21875% 32.0625%,2.59375% 32.21875%,2.53125% 32.71875%,3.15625% 33.09375%,3.71875% 33.78125%,4% 34.4375%,4.15625% 34.5%, 4.15625% 34.90625%,4.4375% 35.0625%, 4.4375% 35.4375%,4.5625% 36.5%,4.6875% 36.6875%,4.71875% 37.03125%,5.84375% 38%,6% 37.625%,6.28125% 37.65625%,6.59375% 38.1875%,6.8125% 38.71875%,15.4375% 45.5%,16.75% 46.53125%,17.5% 47.40625%,21.34375% 49.84375%,21.65625% 49.5%,21.875% 49.65625%,22.125% 49.8125%,22.5625% 49.8125%,22.75% 50.0625%,23.0625% 50.125%,23.21875% 50.28125%,23.59375% 50.28125%,23.75% 50.46875%,23.96875% 50.25%,24.21875% 50.25%,24.46875% 50.125%,25% 50.4375%,25.21875% 50.71875%,25.5625% 50.75%,25.875% 50.625%,26.5625% 50.8125%,27.34375% 50.9375%,27.5625% 50.84375%,27.8125% 50.96875%,28.34375% 50.875%,29.03125% 51.09375%,29.59375% 51.125%,30.21875% 51.3125%,30.65625% 50.96875%,30.96875% 51.9375%,31.5625% 51.8125%,31.8125% 52.21875%,32.0625% 51.75%,32.40625% 51.9375%,32.84375% 51.9375%,33.0625% 52.53125%,33.34375% 52.5625%,33.40625% 53.0625%,33.8125% 52.875%,34.125% 53.4375%,34.46875% 53.96875%,34.71875% 53.53125%,35.3125% 53.75%, 35.3125% 54%,35.65625% 53.78125%,35.71875% 54%,36.15625% 54.125%,36.5% 54.28125%, 36.5% 54.5%,36.96875% 54.5%,37.09375% 54.96875%,37.8125% 55.03125%,38.25% 55.46875%,38.6875% 55.6875%,38.9375% 55.46875%,39.4375% 55.875%,39.5% 56.25%,40.28125% 56.21875%,40.65625% 56.4375%,40.8125% 56.375%, 40.8125% 56.6875%,41.25% 56.78125%,41.53125% 57.0625%,41.75% 57.34375%,42.125% 57.1875%,42.3125% 57.34375%,42.875% 57.59375%,43.21875% 57.65625%,44.40625% 58.375%,44.875% 58.59375%,45.125% 59.21875%,45.5% 59.03125%,45.84375% 59.34375%,45.6875% 60.09375%,45.96875% 60.1875%,46.71875% 60.75%,47.3125% 60.90625%,47.8125% 60.71875%,48.09375% 60.59375%,48.46875% 60.9375%,48.28125% 61.4375%,48.1875% 61.6875%,49.59375% 62.34375%,49.875% 61.78125%,50.4375% 61.90625%,50.65625% 62.65625%,51.03125% 62.25%,51.8125% 62.59375%,52.0625% 62.5%,52.6875% 63.25%,52.3125% 63.8125%,52.53125% 64.0625%,53.0625% 63.40625%,53.65625% 63.625%,53.71875% 64.21875%,54.03125% 64.25%,54.1875% 64.71875%,54.65625% 65.28125%,54.875% 64.6875%,55.21875% 64.84375%,56.65625% 65.25%,57.375% 65.78125%,58.21875% 66.15625%,58.84375% 66.625%,61.625% 66.4375%,61.96875% 66.4375%,62.09375% 66.96875%,62.65625% 67.15625%,62.96875% 66.90625%,63.21875% 67.59375%,63.84375% 67.125%,64.5% 67.25%,64.4375% 67.78125%,65.1875% 67.125%,65.625% 67.8125%, 65.625% 68.1875%,66% 68.53125%,66.75% 69.15625%,67.4375% 70.15625%,67.71875% 69.9375%,68.625% 70.78125%, 68.625% 70.78125%,70% 72.03125%,70.53125% 71.78125%,71.40625% 71.796875%,72.734375% 70.796875%,75.109375% 68.90625%,75.359375% 68.53125%,75.390625% 68.078125%,75.546875% 67.640625%,75.6875% 67.640625%,75.765625% 67.46875%,75.890625% 67.390625%,76.1875% 67.03125%,76.234375% 66.890625%,76.46875% 66.9375%,76.84375% 66.515625%,77% 66.375%,77.21875% 66.421875%,77.390625% 66.171875%,77.515625% 66.171875%,77.890625% 65.671875%,77.9375% 65.359375%,78.125% 65.078125%,78.25% 64.9375%,78.28125% 64.734375%,78.34375% 64.59375%,78.4375% 62.96875%,78.609375% 62.390625%,78.96875% 61.75%,79.203125% 61.265625%,79.328125% 61.21875%,79.359375% 60.78125%,79.5625% 60.59375%,79.765625% 60.453125%,80.0625% 60.359375%,80.09375% 60.5%,80.28125% 60.375%,80.65625% 60.40625%,80.765625% 60.203125%,80.953125% 60.265625%,81.046875% 59.90625%,81.203125% 59.796875%,81.390625% 59.875%,81.546875% 59.5625%,81.6875% 59.296875%,81.84375% 59.5625%,82.046875% 59.140625%,82.15625% 59.078125%,82.40625% 58.953125%,82.578125% 59.03125%,82.890625% 59%,83% 59.3125%,83.359375% 59.546875%,83.53125% 59.453125%,83.71875% 59.578125%,83.75% 60.015625%,83.8125% 60.09375%,83.96875% 59.890625%,84.203125% 59.90625%,84.359375% 60.046875%,84.640625% 59.828125%,84.890625% 59.71875%,84.984375% 59.859375%,85.296875% 59.9375%,85.482581% 60.114758%,85.79194% 60.291535%,85.957668% 59.982176%, 85.957668% 59.717011%,86.178639% 59.484991%,86.510095% 59.120389%,86.642678% 59.208778%,86.808406% 59.230875%,86.974134% 59.076195%,87.161959% 59.043049%,87.405027% 58.65635%,87.548658% 58.20336%, 87.548658% 57.82771%,87.405027% 57.529399%,87.515513% 57.275282%,87.548658% 57.010117%,87.747532% 57.308428%,87.9906% 57.286331%,88.134231% 56.999069%,88.344153% 57.076409%,88.543027% 56.866486%,88.587221% 56.490836%,88.763998% 56.314059%,88.951823% 56.468739%,89.250134% 56.645516%,89.515299% 56.468739%,89.614736% 56.214622%,89.780464% 56.291962%,89.990386% 55.938409%,90.001435% 55.463321%,90.156115% 55.198156%,90.222406% 54.8667%,90.454425% 54.667826%,90.741687% 54.480001%,90.763784% 54.082253%,90.95161% 53.828137%,91.216775% 53.717651%,91.393551% 53.684506%,91.504037% 53.408292%,91.78025% 53.319904%,91.968076% 53.463535%,92.299532% 53.419341%,92.343726% 53.098933%,92.421066% 52.911108%, 92.421066% 52.623846%,92.664134% 52.325535%,93.017687% 52.192953%,93.360192% 51.364312%,93.647454% 50.568817%,94.067299% 49.86171%,94.376658% 49.695982%,94.553435% 49.839613%,94.807551% 49.298234%,95.083765% 49.077263%,95.19425% 48.502739%,95.72458% 48.049749%,95.923454% 48.027652%,95.978697% 47.751438%,96.56427% 47.519419%,96.796289% 47.640953%,96.984114% 47.861923%,97.370813% 47.817729%,97.790658% 47.784584%,98.100017% 47.563613%,98.287843% 47.563613%,98.508813% 47.176914%,98.807124% 47.13272%,99.226969% 46.878603%,99.403745% 46.624487%,99.989318% 46.381419%,100% 100%);
  -webkit-clip-path: polygon(0 100%, 0 29.863846%,0.3125% 30.21875%,0.4375% 30.625%,0.6875% 31.125%,0.9375% 31.1875%,1.0625% 31.71875%,1.3125% 32.40625%,1.53125% 32.3125%,1.96875% 32.375%,2.21875% 32.0625%,2.59375% 32.21875%,2.53125% 32.71875%,3.15625% 33.09375%,3.71875% 33.78125%,4% 34.4375%,4.15625% 34.5%, 4.15625% 34.90625%,4.4375% 35.0625%, 4.4375% 35.4375%,4.5625% 36.5%,4.6875% 36.6875%,4.71875% 37.03125%,5.84375% 38%,6% 37.625%,6.28125% 37.65625%,6.59375% 38.1875%,6.8125% 38.71875%,15.4375% 45.5%,16.75% 46.53125%,17.5% 47.40625%,21.34375% 49.84375%,21.65625% 49.5%,21.875% 49.65625%,22.125% 49.8125%,22.5625% 49.8125%,22.75% 50.0625%,23.0625% 50.125%,23.21875% 50.28125%,23.59375% 50.28125%,23.75% 50.46875%,23.96875% 50.25%,24.21875% 50.25%,24.46875% 50.125%,25% 50.4375%,25.21875% 50.71875%,25.5625% 50.75%,25.875% 50.625%,26.5625% 50.8125%,27.34375% 50.9375%,27.5625% 50.84375%,27.8125% 50.96875%,28.34375% 50.875%,29.03125% 51.09375%,29.59375% 51.125%,30.21875% 51.3125%,30.65625% 50.96875%,30.96875% 51.9375%,31.5625% 51.8125%,31.8125% 52.21875%,32.0625% 51.75%,32.40625% 51.9375%,32.84375% 51.9375%,33.0625% 52.53125%,33.34375% 52.5625%,33.40625% 53.0625%,33.8125% 52.875%,34.125% 53.4375%,34.46875% 53.96875%,34.71875% 53.53125%,35.3125% 53.75%, 35.3125% 54%,35.65625% 53.78125%,35.71875% 54%,36.15625% 54.125%,36.5% 54.28125%, 36.5% 54.5%,36.96875% 54.5%,37.09375% 54.96875%,37.8125% 55.03125%,38.25% 55.46875%,38.6875% 55.6875%,38.9375% 55.46875%,39.4375% 55.875%,39.5% 56.25%,40.28125% 56.21875%,40.65625% 56.4375%,40.8125% 56.375%, 40.8125% 56.6875%,41.25% 56.78125%,41.53125% 57.0625%,41.75% 57.34375%,42.125% 57.1875%,42.3125% 57.34375%,42.875% 57.59375%,43.21875% 57.65625%,44.40625% 58.375%,44.875% 58.59375%,45.125% 59.21875%,45.5% 59.03125%,45.84375% 59.34375%,45.6875% 60.09375%,45.96875% 60.1875%,46.71875% 60.75%,47.3125% 60.90625%,47.8125% 60.71875%,48.09375% 60.59375%,48.46875% 60.9375%,48.28125% 61.4375%,48.1875% 61.6875%,49.59375% 62.34375%,49.875% 61.78125%,50.4375% 61.90625%,50.65625% 62.65625%,51.03125% 62.25%,51.8125% 62.59375%,52.0625% 62.5%,52.6875% 63.25%,52.3125% 63.8125%,52.53125% 64.0625%,53.0625% 63.40625%,53.65625% 63.625%,53.71875% 64.21875%,54.03125% 64.25%,54.1875% 64.71875%,54.65625% 65.28125%,54.875% 64.6875%,55.21875% 64.84375%,56.65625% 65.25%,57.375% 65.78125%,58.21875% 66.15625%,58.84375% 66.625%,61.625% 66.4375%,61.96875% 66.4375%,62.09375% 66.96875%,62.65625% 67.15625%,62.96875% 66.90625%,63.21875% 67.59375%,63.84375% 67.125%,64.5% 67.25%,64.4375% 67.78125%,65.1875% 67.125%,65.625% 67.8125%, 65.625% 68.1875%,66% 68.53125%,66.75% 69.15625%,67.4375% 70.15625%,67.71875% 69.9375%,68.625% 70.78125%, 68.625% 70.78125%,70% 72.03125%,70.53125% 71.78125%,71.40625% 71.796875%,72.734375% 70.796875%,75.109375% 68.90625%,75.359375% 68.53125%,75.390625% 68.078125%,75.546875% 67.640625%,75.6875% 67.640625%,75.765625% 67.46875%,75.890625% 67.390625%,76.1875% 67.03125%,76.234375% 66.890625%,76.46875% 66.9375%,76.84375% 66.515625%,77% 66.375%,77.21875% 66.421875%,77.390625% 66.171875%,77.515625% 66.171875%,77.890625% 65.671875%,77.9375% 65.359375%,78.125% 65.078125%,78.25% 64.9375%,78.28125% 64.734375%,78.34375% 64.59375%,78.4375% 62.96875%,78.609375% 62.390625%,78.96875% 61.75%,79.203125% 61.265625%,79.328125% 61.21875%,79.359375% 60.78125%,79.5625% 60.59375%,79.765625% 60.453125%,80.0625% 60.359375%,80.09375% 60.5%,80.28125% 60.375%,80.65625% 60.40625%,80.765625% 60.203125%,80.953125% 60.265625%,81.046875% 59.90625%,81.203125% 59.796875%,81.390625% 59.875%,81.546875% 59.5625%,81.6875% 59.296875%,81.84375% 59.5625%,82.046875% 59.140625%,82.15625% 59.078125%,82.40625% 58.953125%,82.578125% 59.03125%,82.890625% 59%,83% 59.3125%,83.359375% 59.546875%,83.53125% 59.453125%,83.71875% 59.578125%,83.75% 60.015625%,83.8125% 60.09375%,83.96875% 59.890625%,84.203125% 59.90625%,84.359375% 60.046875%,84.640625% 59.828125%,84.890625% 59.71875%,84.984375% 59.859375%,85.296875% 59.9375%,85.482581% 60.114758%,85.79194% 60.291535%,85.957668% 59.982176%, 85.957668% 59.717011%,86.178639% 59.484991%,86.510095% 59.120389%,86.642678% 59.208778%,86.808406% 59.230875%,86.974134% 59.076195%,87.161959% 59.043049%,87.405027% 58.65635%,87.548658% 58.20336%, 87.548658% 57.82771%,87.405027% 57.529399%,87.515513% 57.275282%,87.548658% 57.010117%,87.747532% 57.308428%,87.9906% 57.286331%,88.134231% 56.999069%,88.344153% 57.076409%,88.543027% 56.866486%,88.587221% 56.490836%,88.763998% 56.314059%,88.951823% 56.468739%,89.250134% 56.645516%,89.515299% 56.468739%,89.614736% 56.214622%,89.780464% 56.291962%,89.990386% 55.938409%,90.001435% 55.463321%,90.156115% 55.198156%,90.222406% 54.8667%,90.454425% 54.667826%,90.741687% 54.480001%,90.763784% 54.082253%,90.95161% 53.828137%,91.216775% 53.717651%,91.393551% 53.684506%,91.504037% 53.408292%,91.78025% 53.319904%,91.968076% 53.463535%,92.299532% 53.419341%,92.343726% 53.098933%,92.421066% 52.911108%, 92.421066% 52.623846%,92.664134% 52.325535%,93.017687% 52.192953%,93.360192% 51.364312%,93.647454% 50.568817%,94.067299% 49.86171%,94.376658% 49.695982%,94.553435% 49.839613%,94.807551% 49.298234%,95.083765% 49.077263%,95.19425% 48.502739%,95.72458% 48.049749%,95.923454% 48.027652%,95.978697% 47.751438%,96.56427% 47.519419%,96.796289% 47.640953%,96.984114% 47.861923%,97.370813% 47.817729%,97.790658% 47.784584%,98.100017% 47.563613%,98.287843% 47.563613%,98.508813% 47.176914%,98.807124% 47.13272%,99.226969% 46.878603%,99.403745% 46.624487%,99.989318% 46.381419%,100% 100%);
}
.image2 {
  opacity: var(--opacity);
  transform: scale(var(--scale));
  -moz-transform:  none;
}
.top-title {
  color: white;
  font-size: 12vmax;
  letter-spacing: 0.5vmax;
  position: absolute;
  top: calc(50% - 6vmax);
  text-align: center;
  transform: translateY(var(--moveY)) scale(var(--scale));
  width: 100%;
}

/*****new*/

.zero {
    padding: 30px;
    color: #fff;
  }

.top-title {
  color: white;
  font-size: 12vmax;
  letter-spacing: 0.5vmax;
  position: absolute;
  top: calc(37% - 6vmax);
  text-align: center;
  transform: translateY(var(--moveY)) scale(var(--scale));
  width: 100%;
}

.cover-mob{
  background-image: url(..);
  background-size: cover;
}



.dots-st01 {
    position: absolute;
    z-index: 999;
    left: -50px;
    bottom: 150px;
}


.dots-st02 {
    position: absolute;
    z-index: 999;
    right: -50px;
     bottom: 150px;
}


.card-container {
    position: relative;
    top: -99px;
    background-color: #4f4d46;
    box-shadow: 0 5px 6px rgb(217 207 207), 0 6px 8px rgb(246 246 246);
}


.flex-text {
    display: flex;
    align-items: center;
    padding: 48px;
    text-align: center;
}


.card-container p {
    color: white !important;
    font-family: 'tajawal' !important;
    font-size: 22px !important;
}


.article-p01 {
    padding-left: 50px;
    position: relative;
}


.lead {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 1.68421053em;
    text-align: justify;
}



#footer.inverted, #footer.inverted a {
    transition: 0.3s;
    color: #fff;
}


#footer.inverted {
    background-color: #101010;
}


#footer {
    background-color: #f6f9fa;
    border-top: 1px solid #e5e5e5;
}


#footer {
    font-size: 13px;
    font-family: 'Tajawal';
}


#footer {
    clear: both;
    position: relative;
}

#footer.inverted .copyright-content {
    background: #000000;
}


#footer .copyright-content {
    background-color: #efefef;
    border-top: 1px solid #e5e5e5;
    border-top: 1px solid #ddd;
    padding: 5px 0;
}

.masLogo {
    width: 82px;
    height: 24px;
    margin: 0px 7px;
}


.logoo {
    position: absolute;
    top: 8px;
    left: 27px;
    z-index: 99999999 !important;
}


.mobz{
    background-position: top center;
    background-size: cover;

    
}




.wrap {
  width: 200px;
  height: 150px;
  color: #fff;
  font-size: 16px;
  position: relative;
  margin: 10vh auto;
  text-align: center;
  font-weight: bold;
  background: #181b23;
  /* Old browsers */
  background: linear-gradient(180deg, #dabc76 0%, #99753f 44%, #502e0d 100%);
  /* W3C */
  background-size: cover;
  padding: 50px 0 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
  border-radius: 0px;
}

.day {
  position: absolute;
  top: 75px;
  left: 65px;
  height: 200px;
  width: 200px;
  line-height: 180px;
  text-align: center;
  z-index: 100;
  font-weight: bold;
  color: #E3C478;
  font-size: 20px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
    font-family: "tajawal" !important;
}

div.left {
  width: 100px;
  height: 200px;
  background: #181b23;
  /* Old browsers */
  background: #181B23;
  -webkit-animation-name: open-left;
          animation-name: open-left;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  animation-easing-function: cubic-bezier(0.06, 0.63, 0, 1);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #38373D;
  box-sizing: border-box;
}
div.left:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 30px;
  background: #e3c375;
  background: linear-gradient(180deg, #e3c375 0%, #ad7328 62%, #e6ba7f 100%);
  border-radius: 10px;
  left: -6px;
}
div.left:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 30px;
  background: #e3c375;
  background: linear-gradient(180deg, #e3c375 0%, #ad7328 62%, #e6ba7f 100%);
  border-radius: 10px;
  left: -6px;
  bottom: 0px;
}
div.left .panel {
  content: "";
  width: 75px;
  height: 175px;
  background: rgba(0, 0, 0, 0.1);
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 8px;
  left: 8px;
}

div.right {
  width: 100px;
  height: 200px;
  background: #181b23;
  /* Old browsers */
  background: #181B23;
  -webkit-animation-name: open-right;
          animation-name: open-right;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  animation-easing-function: cubic-bezier(0.06, 0.63, 0, 1);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #38373D;
  box-sizing: border-box;
  z-index: 50;
}
div.right:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 30px;
  background: #e3c375;
  background: linear-gradient(180deg, #e3c375 0%, #ad7328 62%, #e6ba7f 100%);
  border-radius: 10px;
  right: -6px;
}
div.right:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 30px;
  background: #e3c375;
  background: linear-gradient(180deg, #e3c375 0%, #ad7328 62%, #e6ba7f 100%);
  border-radius: 10px;
  right: -6px;
  bottom: 0px;
}
div.right .panel {
  content: "";
  width: 75px;
  height: 175px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 8px;
  left: 8px;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes open-left {
  from {
    -webkit-transform: perspective(500) rotateY(0deg);
    -webkit-transform-origin: 0% 50%;
  }
  to {
    -webkit-transform: perspective(500) rotateY(-110deg);
    -webkit-transform-origin: 0% 50%;
    background: #181B23;
    box-shadow: 10px 0 5px rgba(0, 0, 0, 0.1);
  }
}
@-webkit-keyframes open-right {
  from {
    -webkit-transform: perspective(500) rotateY(0deg);
    -webkit-transform-origin: 100% 50%;
  }
  to {
    -webkit-transform: perspective(500) rotateY(110deg);
    -webkit-transform-origin: 100% 50%;
    background: #181B23;
    box-shadow: -10px 0 5px rgba(0, 0, 0, 0.1);
  }
}


/*******


.door-frame,
.door {
  position: relative;
  width: 120px;
  height: 220px;
  border-radius: 60px 60px 0 0;
    display: flex;
}

.door-frame {
  left: 50%;
  margin: 0px 0 0 -60px;
  
  perspective: 500px;
  perspective-origin: 0 100px;
  transform-style: preserve-3d;
  
  background-color: #121212;
}

.door {
  transform-origin: center left;
  transform: rotateY(0);
  transition: transform .8s linear;
  
  background-color: #663300;
  border: 2px solid #371f06;
}

.door > .handle {
  position: absolute;
  top: 110px;
  right: 10px;
  width: 25px;
  height: 8px;
  background-color: #000;
  transform-origin: center right;
  transform: rotateZ(0);
  transition: transform .25s linear;
  border-radius: 4px;
  box-shadow: -3px 2px 5px #111;
}

.door-frame:hover .door {
  transform: rotateY(-120deg);
}

.door:hover > .handle {
  transition: transform .25s linear;
  transform: rotateZ(-15deg);
}

.deco {
  position: absolute;
  border: 2px solid #000;
  width: 86px;
  left: 50%;
  margin-left: -45px;
  box-shadow: 0 0 5px #000 inset;
}

.deco.one {
  top: 15px;
  height: 75px;
  border-radius: 44px 44px 0 0;
}

.deco.two {
  top: 130px;
  height: 70px;
}

.mory a{
      position: absolute;
    top: 33%;
    right: 4%;
    font-family: 'Tajawal';
    text-align: center;
    font-size: 15px;
    color: #dda011;
}

*******/


.wrapperz {
  height: 300px;
  width: 250px;
  border: 5px solid #c2a02e;
  position: relative;
  perspective: 1000px;
  margin: auto;
  cursor: pointer;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.door {
  background-color: #c2a02e;
  height: 100%;
  width: 50%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  transition: transform 0.5s;
}

#left-door {
  top: 0;
  left: 0;
  border-right: 1px solid black;
  transform-origin: left;
}

#right-door {
  top: 0;
  right: 0;
  border-left: 1px solid black;
  transform-origin: right;
}

.shape {
  border: 4px solid black;
  width: 100px;
  height: 130px;
}

.knob {
  width: 10px;
  height: 50px;
  background-color: #D7DADE;
  position: absolute;
}

#left-knob {
  top: 50%;
  right: 10px;
}

#right-knob {
  top: 50%;
  left: 10px;
}

/* Door open state */
.wrapperz.open #left-door {
  transform: rotateY(-140deg);
}

.wrapperz.open #right-door {
  transform: rotateY(140deg);
}


.mory a{
      position: absolute;
    top: 33%;
    right: 0%;
    font-family: 'Tajawal';
    text-align: center;
    color: #c2a235;
    width: 100%;
    font-size: 30px;
    font-family: Jenine-Bold;
}