/* media queries */
@media screen and (min-width: 991px) {
    .content-mid h1{
        font-size: 68px!important;
    }
}
@media screen and (max-width: 991px) {
    .content-mid h1{
        font-size: 60px!important;
    }
    #fst-wrap,
    #snd-wrap,
    #trd-wrap,
    #frth-wrap,
    #fth-wrap,
    #section0 {
        text-align: center!important;
    }
    #cta-wrap {
        border-color: transparent!important;
    }
    #cta-wrap .fa {
        display: none!important;
    }
    #section0 .layer {
        top: 0!important;
    }
}
@media screen and (max-width: 768px) {
    .content-mid h1 {
        font-size: 48px!important;
    }
}
/* custom styles */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
}
a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: #7064AC;
    outline: none;
}
.content-top {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.content-btm {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.content-mid {
    width:100%;
    height:100%;
    display: table-cell;  
    vertical-align: middle;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#fst-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000 url("../images/fst-bg.jpg") no-repeat center!important;
    background-size: cover!important;
    
    display: table;
}
#cta-wrap {
    border: 1px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent; 
}
#cta-wrap a,
#cta-wrap a:hover {
    text-decoration: none;
    color: #fff;
}
#cta-wrap .fa {
    visibility: hidden;
}
#cta-wrap a:hover .fa {
    visibility: visible;
}
#cta-wrap .h4 {
    vertical-align: top!important;
}
.btn-strk {
  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  padding: 10px 15px;
  min-width: 275px;
  transition: all 0.5s;
  cursor: pointer;
  outline: none;
}
.btn-strk span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.btn-strk span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.btn-strk:hover span {
  padding-right: 30px;
}
.btn-strk:hover span:after {
  opacity: 1;
  right: 0;
}
#snd-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000 url("../images/snd-bg.jpg") no-repeat center!important;
    background-size: cover!important;
    display: table;
}
#trd-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: #ffffff no-repeat center!important;
    background-size: cover!important;
    
    display: table;
}
#frth-wrap {
    position: relative;
    background: #000000 url("../images/frth-bg.jpg") no-repeat center!important;
    background-size: cover!important;
    
}
#fth-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000 url("../images/fth-bg.png") no-repeat center!important;
    background-size: cover!important;
    
    display: table;
}
.steps-num {
    margin: 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff!important;
    line-height: 48px;
}
#video-bg {
    position: relative;
    width: 100%;
    height: 100%;
    background: #ffffff url("../images/fst-bg.jpg") no-repeat center!important;
    background-size: 100% 100%;
    object-fit: cover;
    display: table;
}
#video-bg-mobile {
    position: relative;
    width: 100%;
    height: 100%;
    background: #ffffff url("../images/fst-bg-v3.jpg") no-repeat 63% 25% !important;
    background-size: 100% 100%;
    object-fit: cover;
    display: table;
}


/* Layer with position absolute in order to have it over the video
* --------------------------------------- */
#section0 .layer{
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 30%;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#section0{
    overflow: hidden;
}


/* Hiding video controls 
* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
* --------------------------------------- */
video::-webkit-media-controls {
  display:none !important;
}
/* utility classes */
.handel {
	font-family: 'handel_gothic_dbold';
    font-weight: normal;
    font-style: normal;
}
.aero {
    font-family: 'aeroregular';
    font-weight: normal;
    font-style: normal;
}
.text-invert {
	color: #fff;
}
.no-margin {
    margin: 0;
}
.no-margin-x {
    margin-right: 0;
    margin-left: 0;
}
.no-margin-y {
    margin-top: 0;
    margin-bottom: 0;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.no-margin-top {
    margin-top: 0;
}
.no-pad {
    padding: 0!important;
}
.no-pad-x {
    padding-left: 0;
    padding-right: 0;
}
.no-pad-y {
    padding-top: 0;
    padding-bottom: 0;
}
.no-pad-r {
    padding-right: 0;
}
.no-pad-l {
    padding-left: 0;
}
.padding-xs {
    padding: 5px;
}
.padding-xs-l {
    padding-left: 5px;
}
.padding-xs-r {
    padding-right: 5px;
}
.padding-xs-top {
    padding-top: 5px;
}
.padding-xs-bottom {
    padding-bottom: 5px;
}
.padding-xs-x {
    padding-left: 5px;
    padding-right: 5px;
}
.padding-xs-y {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padding-sm {
    padding: 10px;
}
.padding-sm-l {
    padding-left: 10px;
}
.padding-sm-r {
    padding-right: 10px;
}
.padding-sm-top {
    padding-top: 10px;
}
.padding-sm-bottom {
    padding-bottom: 10px;
}
.padding-sm-x {
    padding-left: 10px;
    padding-right: 10px;
}
.padding-sm-y {
    padding-bottom: 10px;
    padding-top: 10px;
}
.padding-md {
    padding: 15px;
}
.padding-md-l {
    padding-left: 15px;
}
.padding-md-r {
    padding-right: 15px;
}
.padding-md-top {
    padding-top: 15px;
}
.padding-md-bottom {
    padding-bottom: 15px;
}
.padding-md-x {
    padding-left: 15px;
    padding-right: 15px;
}
.padding-md-y {
    padding-top: 15px;
    padding-bottom: 15px;
}
.padding-lg {
    padding: 30px;
}
.padding-lg-l {
    padding-left: 30px;
}
.padding-lg-r {
    padding-right: 30px;
}
.padding-lg-top {
    padding-top: 30px;
}
.padding-lg-bottom {
    padding-bottom: 30px;
}
.padding-lg-x {
    padding-left: 30px;
    padding-right: 30px;
}
.padding-lg-y {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padding-xl {
    padding: 60px;
}
.padding-xl-l {
    padding-left: 60px;
}
.padding-xl-r {
    padding-right: 60px;
}
.padding-xl-top {
    padding-top: 60px;
}
.padding-xl-bottom {
    padding-bottom: 60px;
}
.padding-xl-x {
    padding-left: 60px;
    padding-right: 60px;
}
.padding-xl-y {
    padding-top: 60px;
    padding-bottom: 60px;
}
.padding-xxl {
    padding: 120px;
}
.padding-xxl-l {
    padding-left: 120px;
}
.padding-xxl-r {
    padding-right: 120px;
}
.padding-xxl-top {
    padding-top: 120px;
}
.padding-xxl-bottom {
    padding-bottom: 120px;
}
.padding-xxl-x {
    padding-left: 120px;
    padding-right: 120px;
}
.padding-xxl-y {
    padding-top: 120px;
    padding-bottom: 120px;
}
.margin-xs {
    margin: 5px;
}
.margin-xs-l {
    margin-left: 5px;
}
.margin-xs-r {
    margin-right: 5px;
}
.margin-xs-top {
    margin-top: 5px;
}
.margin-xs-bottom {
    margin-bottom: 5px;
}
.margin-xs-x {
    margin-left: 5px;
    margin-right: 5px;
}
.margin-xs-y {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-sm {
    margin: 10px;
}
.margin-sm-l {
    margin-left: 10px;
}
.margin-sm-r {
    margin-right: 10px;
}
.margin-sm-top {
    margin-top: 10px;
}
.margin-sm-bottom {
    margin-bottom: 10px;
}
.margin-sm-x {
    margin-left: 10px;
    margin-right: 10px;
}
.margin-sm-y {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin-md {
    margin: 15px;
}
.margin-md-l {
    margin-left: 15px;
}
.margin-md-r {
    margin-right: 15px;
}
.margin-md-top {
    margin-top: 15px;
}
.margin-md-bottom {
    margin-bottom: 15px;
}
.margin-md-x {
    margin-left: 15px;
    margin-right: 15px;
}
.margin-md-y {
    margin-top: 15px;
    margin-bottom: 15px;
}
.margin-lg {
    margin: 30px;
}
.margin-lg-l {
    margin-left: 30px;
}
.margin-lg-r {
    margin-right: 30px;
}
.margin-lg-top {
    margin-top: 30px;
}
.margin-lg-bottom {
    margin-bottom: 30px;
}
.margin-lg-x {
    margin-left: 30px;
    margin-right: 30px;
}
.margin-lg-y {
    margin-top: 30px;
    margin-bottom: 30px;
}
.margin-xl {
    margin: 60px;
}
.margin-xl-l {
    margin-left: 60px;
}
.margin-xl-r {
    margin-right: 60px;
}
.margin-xl-top {
    margin-top: 60px;
}
.margin-xl-bottom {
    margin-bottom: 60px;
}
.margin-xl-x {
    margin-left: 60px;
    margin-right: 60px;
}
.margin-xl-y {
    margin-top: 60px;
    margin-bottom: 60px;
}
.margin-xxl {
    margin: 120px;
}
.margin-xxl-l {
    margin-left: 120px;
}
.margin-xxl-r {
    margin-right: 120px;
}
.margin-xxl-top {
    margin-top: 120px;
}
.margin-xxl-bottom {
    margin-bottom: 120px;
}
.margin-xxl-x {
    margin-left: 120px;
    margin-right: 120px;
}
.margin-xxl-y {
    margin-top: 120px;
    margin-bottom: 120px;
}