wrapheader {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 28px;

  height: 100vh;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  overflow: hidden;

  position: relative;

  text-align: center;

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;



  -webkit-perspective: 100px;



          perspective: 100px;

}



header:before {

  -webkit-animation: fade-slide-down 2s .5s cubic-bezier(0, 0.5, 0, 1) forwards;

          animation: fade-slide-down 2s .5s cubic-bezier(0, 0.5, 0, 1) forwards;

  background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8)),

              #293a4a no-repeat bottom;

  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8)),

              #293a4a no-repeat bottom;

  background-size: cover;

    bottom: 0;

  content: "";

    left: 0;

  opacity: 0;

  position: absolute;

    right: 0;

    top: 0;

  z-index: -1;

}



header:after {

  -webkit-animation: rotate-up .5s .5s cubic-bezier(0, 0.5, 0, 1) forwards;

          animation: rotate-up .5s .5s cubic-bezier(0, 0.5, 0, 1) forwards;

  background: #F9FCFF;

  content: "";

  height: 0rem;

  left: -5%;

  position: absolute;

    right: -5%;

    top: 90%;

  -webkit-transform-origin: 0 0;

          transform-origin: 0 0;

  z-index: 0;

}



.header-title, .header-subtitle {

  color: #fff;

}



.header-subtitle {

  margin-bottom: 5rem;

  text-transform: uppercase;

}



.header-button {

  position: relative;

  -webkit-transform: translateZ(.1px);

          transform: translateZ(.1px);

  z-index: 10;

}



.animate-pop-in {

  -webkit-animation: pop-in .6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;

          animation: pop-in .6s cubic-bezier(0, 0.9, 0.3, 1.2) forwards;

  opacity: 0;

}



.rocky-dashed {

  -webkit-animation-delay: .6s;

          animation-delay: .6s;

}



.header-title {

  -webkit-animation-delay: .8s;

          animation-delay: .8s;

		  display: block;


font-family: b titr,b nazanin,tahoma,PalatinoSansinherit;

}



.header-subtitle {

  -webkit-animation-delay: 1s;

          animation-delay: 1s;

		  display: block;





font-family: b titr,b nazanin,tahoma,PalatinoSansinherit;

}



.header-button {

  -webkit-animation-delay: 1.1s;

          animation-delay: 1.1s;

}



.header-down-arrow {

  -webkit-animation: pulse 2s 3s ease-out infinite;

          animation: pulse 2s 3s ease-out infinite;

    bottom: 4vh;

    left: 0;

  position: absolute;

    right: 0;

  text-align: center;

  z-index: 10;

}



.header-down-arrow img {

  -webkit-animation: fade-slide-up 1s 1s ease-out forwards;

          animation: fade-slide-up 1s 1s ease-out forwards;

  opacity: 0;

}



/* Animations */



@-webkit-keyframes fade-slide-down {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-4rem);

            transform: translateY(-4rem);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fade-slide-down {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-4rem);

            transform: translateY(-4rem);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@-webkit-keyframes fade-slide-up {

  0% {

    opacity: 0;

    -webkit-transform: translateY(4rem);

            transform: translateY(4rem);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes fade-slide-up {

  0% {

    opacity: 0;

    -webkit-transform: translateY(4rem);

            transform: translateY(4rem);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@-webkit-keyframes pop-in {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-4rem) scale(.8);

            transform: translateY(-4rem) scale(.8);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes pop-in {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-4rem) scale(.8);

            transform: translateY(-4rem) scale(.8);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@-webkit-keyframes pulse {

  0% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

  50% {

    opacity: .8;

    -webkit-transform: scale(.8);

            transform: scale(.8);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@keyframes pulse {

  0% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

  50% {

    opacity: .8;

    -webkit-transform: scale(.8);

            transform: scale(.8);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}



@-webkit-keyframes rotate-up {

  100% {

    -webkit-transform: rotateZ(-4deg);

            transform: rotateZ(-4deg);

  }

}



@keyframes rotate-up {

  100% {

    -webkit-transform: rotateZ(-4deg);

            transform: rotateZ(-4deg);

  }

}

@media (max-width: 680px) {

    .flex-grid {

        display: block;

    }

    .single-column .col {

        margin: 2rem;

        width: auto;

    }

}

/* Text styles */



html {
text-align: center;
    background: #F9FCFF;

    color: #333;

    font-size: 10px;

    font-family: font-family: b titr,b nazanin,tahoma,PalatinoSansinherit;

    line-height: 1.15;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

	overflow: hidden !important;

}



h2, h3 {

    margin-bottom: 0;

}

h1 {

    font-size: 4.8rem;

}

h2 {

    font-size: 2.4rem;

}

h3 {

    font-size: 4.8rem;

}

h4, h5 {

    font-size: 1.4rem;

    text-transform: uppercase;

}

a {

    font-weight: bold;

    text-decoration: none;

}

a:hover {

    text-decoration: none;

}



.button {

    background: #269300;

    border-radius: .8rem;

    color: #fff;

    display: block;

    padding: 2rem;

    margin: 0 auto;

    text-align: center;

    width: 30rem;

	display: block;

	font-family: b titr,b nazanin,tahoma,PalatinoSansinherit;

}

.button:hover{

	background: linear-gradient(to bottom,#f4511e 0,#d84315 100%);

}
.site-footer,.wrap{
display:none !important;
}
header {
    font-size: 28px;
    text-align: center;
}