@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500&display=swap");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css");
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background: #fff;
    color: #0a0a0e;
    font-size: 16px;
    font-family: 'Roboto', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', sans-serif
}
li.nav-item.dropdown{
    display:flex;
}
h1 {
    font-size: 50px
}

h2 {
    font-size: 45px
}

@media (max-width: 768px) {
    h2 {
        font-size: 35px
    }
}

h5 {
    font-size: 24px
}

h6 {
    font-size: 20px
}

a {
    color: #000;
    text-decoration: none
}

a:hover,
a:focus {
    text-decoration: none;
    color: #000
}

a img {
    border: none
}

img {
    max-width: 100%
}

p {
    margin: 0
}

.form-label {
    font-weight: 500;
    font-size: 14px
}

.form-control,
.vtimeselector__input {
    height: 40px;
    border: solid 1px #efeff0
}

.form-control:focus,
.vtimeselector__input:focus {
    outline: none;
    box-shadow: none;
    border-color: #ec6a39
}

.form-control.is-invalid,
.vtimeselector__input.is-invalid {
    border-color: #dc3545
}

label.error {
    margin: 0;
    display: block;
    color: red;
    font-size: 12px
}

textarea.form-control {
    height: 55px
}

.btn {
    padding: 10px 35px;
    background: #fff;
    color: #000;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'Roboto Condensed', sans-serif
}

.btn.btn-orange {
    background: #fb6d3d;
    color: #fff
}

.relative {
    position: relative
}
@media (max-width: 768px) {
  .navbar-collapse {
    display: flex;
    flex-direction: column; /* optional: stacks links vertically */
  }
}
ul.navbar-nav.mr-auto {
    margin-left: 80px;
}
header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18)
}

header .header-top {
    background: #fb6d3d;
    text-align: center;
    padding: 9px;
    color: #fff
}

@media (max-width: 412px) {
    header .container {
        width: 100%;
        padding: 0
    }
}

header .header-social a {
    display: inline-block;
    margin-left: 10px
}

@media (max-width: 380px) {
    header .navbar-brand {
        margin-right: 10px
    }
}

@media (max-width: 525px) {
    header .navbar-brand img {
        max-width: 140px
    }
}

@media (max-width: 380px) {
    header .navbar-brand img {
        max-width: 110px
    }
}

header .header-phone {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    margin-right: 30px
}

@media (max-width: 991px) {
    header .header-phone {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    header .header-phone {
        font-size: 20px
    }
}

@media (max-width: 525px) {
    header .header-phone {
        font-size: 14px
    }
}

header .header-phone .icon {
    margin-right: 10px
}

@media (max-width: 525px) {
    header .header-phone .icon {
        width: 26px
    }
}

@media (max-width: 380px) {
    header .header-phone .icon {
        display: none
    }
}

header .header-phone span {
    display: block
}

header .header-phone a {
    color: #fb6632;
    font-size: 25px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif
}

@media (max-width: 767px) {
    header .header-phone a {
        font-size: 16px
    }
}

@media (max-width: 525px) {
    header .header-phone a {
        margin-top: -4px;
        display: block
    }
}

header .header-phone a:hover {
    text-decoration: underline
}

.banner {
    position: relative;
    z-index: 2;
    background: url(../../assets/images/banner-img.jpg) no-repeat top center #261109;
    background-size: cover;
    padding: 35px 0 40px
}

.banner h1 {
    color: #fb6d3d;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 50px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72);
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .banner h1 {
        font-size: 40px
    }
}

.banner .banner-box {
    background: #fefeff;
    border-radius: 5px;
    margin-bottom: 30px
}

.banner .banner-box-header {
    padding: 10px 15px;
    background: #eaeaeb;
    border-bottom: solid 1px #e9e9ea
}

.banner .banner-box-header h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    color: #101010;
    margin: 0
}

.banner .banner-box-body {
    background: #fefeff;
    padding: 20px 30px 15px
}

.banner .banner-box-body input[type="radio"] {
    position: absolute;
    left: 0;
    opacity: 0
}

.banner .banner-box-body input[type="radio"]+label {
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    display: block;
    margin-bottom: 0
}

.banner .banner-box-body input[type="radio"]+label .icon {
    display: block;
    height: 44px;
    margin-bottom: 5px
}

.banner .banner-box-body input[type="radio"]:checked+label {
    color: #fb6632
}

.banner .banner-box-body input[type="radio"]:checked+label .icon svg path {
    fill: #fb6632
}

.banner .captchbtn {
    position: absolute;
    right: 10px;
    top: 0;
    height: 20px;
    width: 20px;
    padding: 0px;
    background: none;
    border: none
}

.banner .captchbtn:focus {
    outline: none;
    box-shadow: none;
    border: none
}

.banner .fieldcaptch .form-control {
    padding-right: 40px
}

.welcome {
    padding: 60px 0
}

@media (max-width: 768px) {
    .welcome {
        padding: 40px 0
    }
}

.welcome .title {
    text-transform: uppercase;
    font-weight: bold;
    color: #fb6d3d;
    margin-top: 0
}

.welcome .title+p {
    max-width: 60%;
    margin: 0 auto
}

@media (max-width: 768px) {
    .welcome .title+p {
        width: 100%;
        max-width: none
    }
}

.welcome figure {
    height: 94px
}

.benifits {
    padding: 60px 0;
    background: url(../../assets/images/benifit-pattern.jpg) #fafafa
}

@media (max-width: 768px) {
    .benifits {
        padding: 40px 0
    }
}

.benifits h2 {
    text-transform: uppercase;
    margin-bottom: 60px;
    font-weight: 600
}

@media (max-width: 768px) {
    .benifits h2 {
        margin-bottom: 30px
    }
}

@media (max-width: 768px) {
    .benifits .car {
        display: none
    }
}

.benifits-label {
    display: flex;
    align-items: center;
    margin: 30px -15px 0
}

@media (max-width: 768px) {
    .benifits-label {
        flex-direction: column;
        text-align: center
    }
}

.benifits-label+.benifits-label {
    margin-top: 70px
}

@media (max-width: 768px) {
    .benifits-label+.benifits-label {
        margin-top: 30px
    }
}

.benifits-label .icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #fb6d3d;
    flex: 0 0 65px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px
}

@media (max-width: 768px) {
    .benifits-label .icon {
        flex: none;
        margin-bottom: 15px;
        margin-right: 0;
        margin-left: 0
    }
}

.benifits-label h5 {
    margin: 0 0 5px
}

.benifits-label p {
    font-size: 14px
}

.benifits-label.benifits-left {
    text-align: left
}

@media (max-width: 768px) {
    .benifits-label.benifits-left {
        text-align: center
    }
}

.benifits-label.benifits-right {
    text-align: right;
    flex-direction: row-reverse
}

@media (max-width: 768px) {
    .benifits-label.benifits-right {
        text-align: center;
        flex-direction: column
    }
}

.benifits-label.benifits-right .icon {
    margin-left: 15px;
    margin-right: 0
}

@media (max-width: 768px) {
    .benifits-label.benifits-right .icon {
        flex: none;
        margin-bottom: 15px;
        margin-right: 0;
        margin-left: 0
    }
}

.paymentmethod {
    padding: 60px 0
}

.paymentmethod .nav-tabs {
    margin-top: 40px
}

.testimonials {
    padding: 60px 0;
    background: url(../../assets/images/testimonialbg.png) #000;
    color: #fff;
    background-size: cover
}

@media (max-width: 768px) {
    .testimonials {
        padding: 40px 0
    }
}

.testimonials h2 {
    text-transform: uppercase;
    margin-bottom: 60px;
    font-weight: 600
}

.testimonials blockquote {
    margin-bottom: 0;
    width: 60%;
    margin: auto
}

@media (max-width: 768px) {
    .testimonials blockquote {
        width: 100%
    }
}

.testimonials blockquote:before {
    content: '';
    width: 55px;
    height: 49px;
    display: block;
    margin: 40px auto;
    background: url(../../assets/images/quote.svg) no-repeat top center/cover
}

.testimonials blockquote .author {
    margin-top: 20px;
    color: #f2c422
}

.have-question {
    padding: 60px 0
}

@media (max-width: 768px) {
    .have-question {
        padding: 40px 0
    }
}

.have-question .title {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    margin-top: 0
}

.have-question .title+p {
    max-width: 60%;
    margin: 0 auto
}

@media (max-width: 768px) {
    .have-question .title+p {
        width: 100%;
        max-width: none
    }
}

.have-question .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin: 20px auto;
    background: #fb6d3d;
    border-radius: 50%
}

footer {
    padding: 20px 0;
    color: #fff;
    background: #0e0403;
    font-size: 14px
}

footer a {
    color: #eb6333
}

footer a:hover,
footer afocus {
    color: #eb6333;
    text-decoration: underline
}

.privacy-policy #page-content>ol {
    margin-top: 20px
}

.privacy-policy #page-content>ol>li {
    margin-bottom: 15px
}

.privacy-policy #page-content>ol>li>p:first-child {
    margin-bottom: 10px
}


/*# sourceMappingURL=main.css.map */