/** IMPORTANT NOTE: DO NOT Edit this file. Best to write own code in css/theme.css file. It will helps you to easy update of the template. */

:root {
    --font-body-family: 'Roboto Condensed', sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;

    --font-heading-family: 'Passion One', cursive;
    --font-heading-style: normal;
    --font-heading-weight: 500;

    --font-button-family: 'Passion One', cursive;
    --font-button-style: normal;
    --font-button-weight: 400;

    --color-heading-text: #f8b700;
    --color-base-text: #EBDEC0;
    --color-base-background-1: #f0f0f0;
    --color-base-background-2: #ffffff;
    --color-base-solid-button-labels: #ffffff;
    --color-base-outline-button-labels: #121212;
    --color-base-accent-1: #121212;
    --color-base-accent-2: #334FB4;
    --payment-terms-background-color: #ffffff;
    --color-footer-text: #ffffff;
    --color-footer-accent: #f8b700;
    --color-footer-background: #0d1d39;
    --color-header-background: #0d1d39;

    --page-max-width: 1920px;
    --half-gutter: 10px;
    --gutter: 20px;
    --db-gutter: 40px;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ol, ul {
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 750px) {
    body {
        font-size: 1.6rem;
    }
}

html, body {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    color: var(--color-base-text);
    font-size: 1rem;
    line-height: 1.45455;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

a {
    color: var(--color-base-accent-1);
}

body, button, input, select, textarea, .btn {
    font-size: 1rem;
    line-height: 1.45455;
}

.text-small {
    font-size: 0.8rem;
    line-height: 1.45455;
}

.btn {
    font-family: var(--font-button-family);
    font-style: var(--font-button-style);
    font-weight: var(--font-button-weight);
    padding: 5px 20px;
}

.btn-lg {
    padding: 10px 30px;
}

.lead, .sub-heading {
    font-size: 1.25rem;
    line-height: 1.45455;
}

.sub-heading {
    text-transform: uppercase;
    font-family: var(--font-body-family);
    font-weight: 700;
    padding: var(--half-gutter) var(--db-gutter);
    color: #fff462;
    text-shadow:  2px 2px 10px rgb(0 0 0);
}

.sub-heading.linking {
    margin-top: -20px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0 0 20px;
    color: var(--color-heading-text);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    font-family: var(--font-heading-family);
    line-height: 1.45;
}

h1, .h1 {
    font-size: 2.5rem;
    line-height: 1.225;
}

h2, .h2 {
    font-size: 1.875rem;
    line-height: 1.225;
}

h3, .h3 {
    font-size: 1.4625rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: 0.8375rem;
}


p {
    margin: 0 0 20px;
}

.hide {
    display: none !important;
}

.row {
    margin-left: 0;
    margin-right: 0;
}
.section-title {
    font-size: 1.4625rem;
    line-height: 1.45;
    color: var(--color-heading-text);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    font-family: var(--font-heading-family);
    text-shadow: 0 0 2px transparent, 0 2px 4px rgb(0 0 0 / 80%);
    padding: var(--db-gutter) 0;
    position: relative;
}

.section-title:before {
    content: '';
    left: 50%;
    top: 50%;
    height: 90px;
    width: 550px;
    transform: translate(-50%, -50%);
    position: absolute;
    background-image: url("../images/title_bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.8;
}
@media screen and (min-width: 576px) {
}

@media only screen and (max-width: 767px) {
    .small__hide {
        display: none !important;
    }
    .list-step {

    }
}

@media screen and (min-width: 768px) {

    .text-small {
        font-size: 1rem;
        line-height: 1.45455;
    }

    .lead, .sub-heading {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    h1, .h1 {
        font-size: 4.16667rem;
        line-height: 1.225;
    }

    h2, .h2 {
        font-size: 3.16667rem;
        line-height: 1.225;
    }

    h3, .h3 {
        font-size: 2.4625rem;
        line-height: 1.2;
    }

    h4, .h4 {
        font-size: 2.08333rem;
    }

    h5, .h5 {
        font-size: 1.72916rem;
    }

    h6, .h6 {
        font-size: 1.396rem;
    }

    .md-up__hide {
        display: none !important;
    }

    .section-title {
        font-size: 2.4625rem;
        line-height: 1.45;
    }
}

@media only screen and (max-width: 991px) {
    .lg-down__hide {
        display: none !important;
    }

}

@media screen and (min-width: 992px) {
    section {
        padding: 0;
    }

    .col-lg-20-percent {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .lg-up__hide {
        display: none !important;
    }

    .section-title {
        font-size: 2.18333rem;
        line-height: 1.45;
    }

}

@media only screen and (max-width: 1199px) {
    .wd-down__hide {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .wd-up__hide {
        display: none !important;
    }
}