body {
    font-size: 16px;
}

h1, h2, h3, h4, h5 {
    font-family: Orbitron;
}

h1 {
    font-size: 30px !important;
}

h2 {
    font-size: 28px !important;
}

@font-face {
    font-family: 'American Purpose';
    src: url("/font/American Purpose.ttf") format('truetype');
}

h3 {
    font-size: 24px !important;
    line-height: 31px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #191919 !important;
}

.head-shadow {
    text-shadow: 3px 3px 0px rgba(0,0,0, 0.2);
}

.custom-build-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 50px !important;
}

.privacy {
    text-align:left;
}

.terms {
    text-align: left;
}

#loader .dot {
    background: #E01C24;
}

.text-center {
    text-align: center;
}

.btn {
    background: #ED1C24;
    font-family: "Hind", sans-serif;
}

.btn-dark {
    background: #303030;
}

.btn.btn-dark:hover {
    background: #262626;
}

.btn:hover {
    background: #C00711;
}

.btn-builder {
    height: 40px;
    padding: 5px 31px 4px;
}

.btn-xs {
    /*padding: 0.25rem 0.5rem;*/
    font-size: 0.875rem;
    line-height: 1.5;
    height: 30px;
    padding: 6px 20px 4px;
}

.tt-desktop-header {
    background: #262626;
}

.tt-stuck-nav.stuck {
    background: #262626;
}

.tt-mobile-header {
    background: #262626;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown > a {
    color: #FFFFFF;
}

    .tt-desctop-menu:not(.tt-hover-02) li.dropdown > a:hover {
        color: #ed1c24;
    }

.tt-desctop-menu:not(.tt-hover-02) li.dropdown.active > a {
    color: #ed1c24;
}

.tt-desctop-menu:not(.tt-hover-02) li.dropdown.selected > a {
    color: #ed1c24;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-bot-10 {
    padding-bottom: 10px;
}

.pad-top-20 {
    padding-top: 10px;
}

.pad-right-10 {
    padding-right: 10px;
}

.pad-top-bot-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pad-top-bot-ambassador {
    padding-top: 20px;
    padding-bottom: 10px;
}

.tt-block-title {
    padding-top: 30px;
    padding-bottom: 20px;
}

.tt-description {
    text-align: center;
}

#tt-pageContent > .container-indent0:not(.nomargin):not([class^="tt-offset"]) {
    margin-top: 0px !important;
}


.tt-layout-promo-box:not(.nomargin) {
    margin-top: 0px !important;
}

.tt-promo-fullwidth .tt-description .tt-title-large {
    color: #FFFFFF;
}


.tt-promo-box .tt-description .tt-title-small {
    color: #000000;
    font-weight: 600;
    font-size: 18px;
}

.tt-promo-box.hover-type-2:hover .tt-description-wrapper .tt-background {
    background: #E01C24;
    opacity: 0.9;
}

.tt-footer {
    background: #262626;
}

footer .tt-color-scheme-WDS {
    background: #E01C24 !important;
    color: #ffffff !important;
}

.tt-color-scheme-WDS-light {
    background: #757575;
    color: #FFFFFF;
}

.tt-color-scheme-WDS-dark {
    background: #303030;
    color: #888888;
}


.tt-color-scheme-WDS-darker {
    background: #262626;
    color: #888888;
}

.lighttext {
    color: #FFFFFF;
}

.text-WDS {
    color: #E01C24;
}

.text-WDS {
    color: #E01C24;
}

a.text-WDS:hover, a.text-WDS:visited, a.text-WDS:active, a.text-WDS:link {
    font-weight: 500;
    color: #E01C24;
}

a.credits:hover, a.credits:visited, a.credits:active, a.credits:link {
    font-weight: 500;
    color: #888888;
}

.tt-contact-info .tt-icon {
    color: #E01C24;
}

.wds-padbottom-30 {
    padding-bottom: 30px;
}

.icon-n-03 {
    font-size: 40px !important;
}

.tt-social-icon li a {
    color: #FFFFFF;
}

.wds-footer-logo {
    padding: 10px;
}

.tt-logo img {
    height: auto;
    max-height: 40px;
}

.tt-back-to-top {
    background: #E01C24;
    color: #FFFFFF;
}

footer .tt-social-icon li a {
    color: #FFFFFF;
}

footer {
    margin-top: 0px !important;
}

/*.tt-footer-custom {
    padding-top:20px !important;
    padding-bottom:20px !important;
}*/


.col-lg-4 {
    padding-top: 20px;
}

.tt-menu-toggle i {
    color: #FFFFFF;
}

a.custom-build {
    color: #191919;
    font-weight: 500;
    font-size: 18px;
}


/***********************************
    Start of Contact Form Styling
*************************************/
.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(128, 128, 128, 0.25);
    border: #262626;
}

.error {
    color: #FF0000;
}

.contact-error {
    padding: 15px;
    color: #FF0000;
    font-size: 18px;
    border: solid 2px #FF0000;
}

.contact-success {
    padding: 15px;
    color: #009D45;
    font-size: 18px;
    border: solid 2px #009D45;
}

.contact-form-result {
    margin-bottom: 20px;
}
/***********************************
    End of Contact Form Styling
*************************************/


/***********************************
    Start of Media query styling
*************************************/

@media (max-width: 576px) {
    .tt-block-title .tt-title {
        font-size: 24px !important;
        line-height: 26px;
    }

    .mobmargin {
        margin-top:10px;
        margin-bottom:10px;
    }
}

@media (max-width: 789px) {
    footer .tt-footer-custom:last-child:not(:first-child) {
        margin-top: 0px;
    }

    footer .tt-footer-custom:last-child {
        background: #262626;
    }

    footer .pad-top-20 {
        padding-top: 20px;
    }

    footer .pad-bot-10 {
        padding-top: 10px;
    }

    ul.tt-social-icon {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    footer .tt-social-icon li a {
        color: #FFFFFF;
    }

    .social-icons {
        color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
    }

        .social-icons a {
            padding-right: 10px;
            color: #FFFFFF;
        }

    .follow-us {
        text-align: center;
    }

    .fb-like-button {
        text-align: center;
    }

    .credits {
        padding-top: 20px;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .tt-color-scheme-WDS-dark {
        background: #303030 !important;
        color: #888888 !important;
    }


    .tt-color-scheme-WDS-darker {
        background: #262626 !important;
        color: #888888 !important;
    }

    .tt-stuck-nav.stuck {
        background: #262626;
    }

    .tt-mobile-header {
        background: #262626;
    }

    footer .tt-footer-custom:last-child:not(:first-child) {
        margin-top: 0px !important;
    }

    .tt-promo-fullwidth .tt-description .tt-title-large {
        font-size: 20px;
        padding: 10px;
    }

    .social-icons {
        color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
    }

        .social-icons a {
            padding-right: 10px;
            color: #FFFFFF;
        }

    .follow-us {
        text-align: center;
    }

    .fb-like-button {
        text-align: center;
    }

    .credits {
        padding-top: 20px;
    }

    .mobmargin {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .tt-color-scheme-WDS-dark {
        background: #303030 !important;
        color: #888888 !important;
    }


    .tt-color-scheme-WDS-darker {
        background: #262626 !important;
        color: #888888 !important;
    }

    .tt-stuck-nav.stuck {
        background: #262626;
    }

    .tt-mobile-header {
        background: #262626;
    }

    .tt-promo-fullwidth .tt-description .tt-title-large {
        font-size: 20px;
        padding: 10px;
    }

    .tt-promo-fullwidth .tt-description .tt-title-large {
        font-size: 30px;
    }

    .appright {
        text-align: right !important;
    }

    .credits {
        padding-top: 20px;
    }

    .social-icons {
        color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
    }

        .social-icons a {
            padding-right: 10px;
            color: #FFFFFF;
        }

    .follow-us {
        text-align: center;
    }

    .fb-like-button {
        text-align: center;
    }
    .mobmargin {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .appleft {
        text-align: left !important;
    }

    .appright {
        text-align: right !important;
    }

    .col_last {
        margin-top: 5px;
    }

    .bottommargin-sm {
        margin-bottom: 25px !important;
    }

    .tt-color-scheme-WDS-dark {
        background: #303030 !important;
        color: #888888 !important;
    }

    .tt-color-scheme-WDS-darker {
        background: #262626 !important;
        color: #888888 !important;
    }

    .tt-stuck-nav.stuck {
        background: #262626;
    }

    .tt-mobile-header {
        background: #262626;
    }

    .tt-promo-fullwidth .tt-description .tt-title-large {
        font-size: 65px;
        line-height: 75px;
    }

    .social-icons {
        color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
    }

        .social-icons a {
            padding-right: 10px;
            color: #FFFFFF;
        }

    .follow-us {
        text-align: center;
    }

    .fb-like-button {
        text-align: center;
    }
}

/*Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .appleft {
        text-align: left !important;
    }

    .appright {
        text-align: right !important;
    }

    .col_last {
        margin-top: 5px;
    }

    .bottommargin-sm {
        margin-bottom: 25px !important;
    }

    .tt-stuck-nav.stuck {
        background: #262626;
    }

    .tt-mobile-header {
        background: #262626;
    }

    html {
        background: #262626;
    }

    .social-icons {
        color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
    }

        .social-icons a {
            padding-right: 10px;
            color: #FFFFFF;
        }

    .follow-us {
        text-align: left;
    }

    .fb-like-button {
        text-align: right;
        padding-right: 10px;
    }
}


/***************************************
    end of @media */
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}