body{font-family: 'Poppins', sans-serif;}


@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('../fonts/BarlowSemiCondensed-ExtraBold.eot');
    src: url('../fonts/BarlowSemiCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowSemiCondensed-ExtraBold.woff2') format('woff2'),
        url('../fonts/BarlowSemiCondensed-ExtraBold.woff') format('woff'),
        url('../fonts/BarlowSemiCondensed-ExtraBold.ttf') format('truetype'),
        url('../fonts/BarlowSemiCondensed-ExtraBold.svg#BarlowSemiCondensed-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



.imglogo{height: auto;width: auto;max-height: 72px;max-width: 250px;}
.nav-color{background-color: #102b3c;}
.flex-right{justify-content: end;flex-direction: row;width: 100%;}
.flex-right .nav-link{color: #ffffff;font-weight: 700;font-size: 1.1rem;text-transform: capitalize;}
.flex-right .nav-link.active{text-decoration: underline;color: #fdd92c;}
.flex-right .nav-item{margin-left: 20px;}
.flex-right .nav-item:first-child{margin-left: 0px;}

.nav-color svg {color: #ffffff;font-size: 2rem;}

.sidenav {height: 100%;width: 0;position: fixed;z-index: 2;top: 0;left: 0;background-color:#101116;overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;color: #ffffff;font-weight: 700;font-size: 1.1rem;text-transform: capitalize;}
.sidenav a.active{text-decoration: none;color: #fdd92c;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.sidebardiv{width: 250px;}


.banner{position: relative;padding: 50px 0px;text-align: center;}
.banner img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;background-position: top;}
.banner figcaption{z-index: 1;position: relative;font-weight: 800;font-size: 2rem;color: #ffffff;}
.content-section{padding: 50px 0px;}

.content-section h1, .content-section h2, .content-section h3{font-weight: 800;}
.content-section ul{font-weight: 400;padding: 0px 15px;}
.content-section ul li {padding-top: 5px;font-weight: 400;font-size: 1rem;color: #8a8989;margin-left: 15px;}
.content-section p{padding-top: 15px;font-weight: 400; font-size: 1rem;color: #8a8989;}

/*contact page*/
.getin-main-sec{background-color: #515458;padding: 30px;border-radius: 4px;}
.getintouch-sec{text-align: right;}
.getintouch-sec h1{color: #fdd92c;}
.mail-sec ul{padding: 0; margin: 0;}
.mail-sec ul li{list-style: none;padding-top: 15px;}
.mail-sec ul li a{color: #ffffff; text-decoration: none;}
.mail-sec ul li a span{display: block;font-size: 2rem;}
.mail-sec ul li a b{display: block;}
.mail-sec ul li a small{display: block;color: #c2c2c2;}
.getintouch-sec p {color: #f8f8f8;}

.getin-main-sec input:focus ~ label, .getin-main-sec textarea:focus ~ label, .getin-main-sec input:valid ~ label, .getin-main-sec textarea:valid ~ label {font-size: 0.75em;color: #999;top: -5px;-webkit-transition: all 0.225s ease;transition: all 0.225s ease;}
.styled-input {float: left;margin: 1rem 0;position: relative;border-radius: 4px;}
.styled-input label {color: #999;padding: 1.3rem 30px 1rem 30px;position: absolute;top: 10px;left: 0;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;pointer-events: none;}
.styled-input.wide { width: 650px;max-width: 100%;}
.getin-main-sec input,
.getin-main-sec textarea {padding: 30px;border: 0;width: 100%;font-size: 1rem;background-color: #2d2d2d;color: white;border-radius: 4px;}
.getin-main-sec input:focus,
.getin-main-sec textarea:focus { outline: 0; }
.getin-main-sec input:focus ~ span,
.getin-main-sec textarea:focus ~ span {width: 100%;-webkit-transition: all 0.075s ease;transition: all 0.075s ease;}
.getin-main-sec textarea {width: 100%;min-height: 15em;}

.input-container {width: 650px;max-width: 100%;margin: 20px auto 25px auto;}
.submit-btn {float: right;padding: 7px 35px;border-radius: 60px;display: inline-block;background-color: #fdd92c;color: #000000;font-size: 18px;cursor: pointer;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.06),
              0 2px 10px 0 rgba(0,0,0,0.07);-webkit-transition: all 300ms ease;transition: all 300ms ease;}
.submit-btn:hover {transform: translateY(1px);box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10),
              0 1px 1px 0 rgba(0,0,0,0.09);}
.getin-main-sec input[type=checkbox] + label {color: #ccc;font-style: italic;} 
.getin-main-sec input[type=checkbox]:checked + label {color: #f00;font-style: normal;}
.getin-main-sec h4{text-align: center;color: #f8f8f8;font-weight: 400;}






 p{color: #ffffff;margin: 0;padding: 5px 0px 0px;}
        .login-form form {border: 3px solid #fff;padding: 40px;display: inline-block;width: 100%;min-width: 540px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align: left;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;position: relative;}
        .login-form h2 {color: #fff;text-align: left !important;font-size: 28px;font-weight: 600;margin-bottom: 0px;margin-top: 0px;}
        .form-control, .btn {min-height: 38px;border-radius: 2px;}
        .btn {max-width: 160px;width: 100%;height: 50px;margin-top: 17px;background-color: #f6e54e;font-size: 16px;font-weight: 700;border-radius: 6px;font-family: 'Poppins', sans-serif;color: #000000;border: none;}
        .login-form{font-size: 15px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;min-height: 100vh;background-position: center;background-size: cover;background-image: url(assets/img/login_back.jpg);}
        .form-content {position: relative;text-align: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;padding: 60px;flex-direction: column;}
        .form-control{box-sizing: border-box;height: 47px;width: 100%;padding: 9px 20px;text-align: left;border: 0;outline: 0;border-radius: 6px;background-color: #fff;font-size: 15px;font-weight: 300;color: #8D8D8D;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;margin-top: 16px;}
        .form-check-label {margin-bottom: 0;font-size: 15px;font-weight: 300;color: #8D8D8D;}
        input#remember {margin-left: 1px;position: relative;}
        .logo-section{margin-bottom: 15px;}
        .logo-section a img{width: 200px;}
        .mv-up{margin-top: -9px !important;margin-bottom: 8px !important;}
        .invalid-feedback{color: #ff606e;}
        label {color: #ffffff;}
        .valid-feedback{color: #2acc80;}

        .date{width: 100%;padding: 9px 20px;text-align: left;border: 0;outline: 0;border-radius: 6px;background-color: #fff;font-size: 15px;font-weight: 300;color: #8D8D8D; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;margin-top: 16px;}
        form.requires-validation input, form.requires-validation select {max-width: 100%;width: 100%; background-color:rgba(0,0,0,0.4) !important; box-sizing: border-box;height: 47px;padding: 0px 15px;border: none;color: #a1a5a8;border-radius: 6px;}
        form.requires-validation .mt-3 {margin-top:0px;}
        form.requires-validation .form-button.mt-3 button {max-width: 160px;width: 100%;height: 50px;margin-top:15px;background-color:#7d5e01;font-size: 16px;font-weight: 700;border-radius: 6px; color:#fff;text-transform:uppercase;}
        .requires-validation .alert.alert-warning.alert-block {margin-top: 13px;}
        .requires-validation button.close {width: 25px;height: 25px;font-size: 20px;line-height: 25px;padding: 0px;border: none;border-radius: 3px;background-color: #f2ba18;color: #000;font-weight: 700;}
        .requires-validation .alert.alert-warning.alert-block strong {color: #f2ba18;font-weight: 400;padding-left: 3px;}
        .footer_social ul{text-align:center; margin:30px 0px 0px 0px;}
        .footer_social ul li{display:inline-block;padding:0px 10px;}
        .footer_social ul li a{color:#f6e54e;font-size:22px;}
        .footer_social a i{color:#f6e54e;}
        .ul-footer-nav li a {text-decoration: none;font-size: 14px !important;color: #f6e54e !important;transition: 0.3s ease-in-out;}
        .ul-footer-nav li a:hover, .ul-footer-nav li a:focus{color: #ffffff !important;}

        .congrats_popup{
            width:100%;
            height:100%;
            position:fixed;
            top:0px;
            left:0px;
            z-index:5;
        }
        .congrats_popup_inner {
            width: 410px;;
            padding: 20px 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            background-color: #000;
      }
      .congrats_popup_inner h3 {
        font-size: 46px;
        line-height: 1.1;
        color: #f9fffb;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        font-weight: 900;
        margin: 0px;
        text-shadow: 1px 2px 27px #f6e54e;
    }
    .congrats_popup_inner h4{
        font-size:26px;
        color:#fff;
        font-family: 'Poppins', sans-serif;
        font-weight:700;
        margin:0px 0px;
        padding:10px 0px;
        text-transform:uppercase;
        font-style: italic;
    }
    .congrats_popup_inner h4 span{
        color:#b99d58;
    }
    .congrats_popup_inner p{
        font-size:14px;
        color:#fff;
        font-family: 'Poppins', sans-serif;
        font-weight:400;
    }




  span.logotext {display: block;font-family: 'Barlow Semi Condensed', sans-serif;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;font-size: 0.9rem;font-weight: 800;}
       


/* privacy-term page */
.para-gap {padding-left: 60px;}
.terms-privacy h3{color: #42423f;font-size: 16px;margin-top: 15px;padding: 0;margin-bottom: 0;}
.terms-privacy h2{font-size: 20px;color: #2a2a2a;border-bottom: 1px dotted #d5d4d4;padding-bottom: 5px;margin-top: 15px;margin-bottom: 0px;}
.terms-privacy p {padding-top: 15px;font-weight: 400;font-size: 14px; color: #3c3b3b;}
.terms-privacy ul li{padding-top: 15px;}
.terms-privacy ul li{font-weight: 400;font-size: 14px;color: #3c3b3b;}

/*responsive*/
@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 991px) {
  .flex-right{display: block !important;}
  .flex-right .nav-item:first-child {margin-left: 20px;}
  .flex-right .nav-link.active {text-decoration: none;}
  .getintouch-sec{text-align: left;}
  .styled-input {width: 100%;}
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media only screen and (max-width: 768px){
    .styled-input {width:100%;}
}

@media (max-width: 768px) {
    .submit-btn {width:100%;float: none;text-align:center;}
}

 @media  screen and (max-width:767px){
        .login-form form{width: 90%;min-width: auto;padding:15px;}
        .form-content {padding: 0px;width: 90%;}
    }