@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
html{-webkit-text-size-adjust:100%}
body{font-family:'Poppins' ,sans-serif;font-size: 14px;font-weight: 400;line-height: 24px;position:relative;margin:0;padding:0;color: #222d35;overflow-x: hidden;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;outline:none;margin:0;padding:0;-webkit-transition:none;-o-transition:none;transition:none}
.container{ width: 100%; max-width: 1300px; margin: 0 auto; }
.flexslider .slides > li {background-position: center;height: 100%;width: 100%;display: none;-webkit-backface-visibility: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}
.flexslider .slides > li .bnnerafter:before {background-color: rgb(0 0 0 / 70%);}
.landing-logo{width: 65%;margin-bottom: 20px;}
.landing-main{display:table-cell;width:100%;height:100%;vertical-align:middle;padding-bottom:15.6rem;position:absolute;overflow:hidden;    z-index: 2;}
.landing-main h3{font-size:1.6rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:.3rem;position:relative;margin-top:0;margin-bottom:1.2rem;margin-left:6px}
.landing-main h1{font-size: 28px;line-height:1.333;margin-top:0;color:#FFF;font-weight:400}
.landing-inner{padding-top:24rem;position:relative;width: 60%;}
.landing-btn{padding-top: 15px;text-align:left}
.landing-btn .btn{border-color:#FFF;color:#FFF;margin: 0;letter-spacing: .1rem;transition:all .5s ease-in-out;font-size: 16px;}
.landing-btn .btn:hover,.landing-btn .btn:focus{background:#FFF!important;color:#000}
html.cl-preload .landing-inner{opacity:0}
html.cl-loaded .landing-inner img{animation-duration:1.5s;-webkit-animation-name:fadeIn;animation-name:fadeIn}
html.cl-loaded .landing-inner h1{animation-duration:2.5s;-webkit-animation-name:fadeIn;animation-name:fadeIn}
html.cl-loaded .landing-inner .landing-btn{animation-duration:3s;-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeIn {
from{opacity:0;-webkit-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeIn {
from{opacity:0;-webkit-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-150%,0);-ms-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-150%,0);-ms-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}
}

@media (max-width: 992px){
.landing-logo{width: 70%;}
}
@media (max-width: 768px){
    .landing-main h1{font-size: 25px;}
    .landing-inner{text-align:center;max-width:none;width: 100%;}
    .landing-logo{width: 80%;}
    .landing-btn .btn{width:100%}
}