﻿
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, figcaption, textarea, input {
    font: inherit
}

* {
    box-sizing: border-box
}

body {
    position: relative;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0px;
    font-weight: 300
}

.no-padding-top{
    margin-top: 0 !important;
    padding-top:0 !important;
}

.no-padding-bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

section {
    background-color: #eeeeee;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}



section, .container, .container-fluid {
    position: relative;
    word-wrap: break-word
}

a.mbr-iconfont:hover {
    text-decoration: none
}

h1, h2, h3 {
    margin: auto
}

h1, h3, p {
    padding: 10px 0;
    margin-bottom: 15px
}

p, li, blockquote {
    color: #15181b;
    letter-spacing: 0px;
    line-height: 1.7
}

ul, ol, pre, blockquote {
    margin-bottom: 0;
    margin-top: 0
}

pre {
    background: #f4f4f4;
    padding: 10px 24px;
    white-space: pre-wrap
}

p {
    margin-top: 0;
    letter-spacing: 0px
}

a {
    font-style: normal;
    font-weight: 400;
    cursor: pointer
}

    a, a:hover {
        text-decoration: none
    }

figure {
    margin-bottom: 0
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4 {
    line-height: 1;
    word-break: break-word;
    word-wrap: break-word
}

b, strong {
    font-weight: bold
}

blockquote {
    padding: 10px 0 10px 20px;
    position: relative;
    border-left: 3px solid
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition-delay: 9999s;
    transition-property: background-color,color
}

html, body {
    height: auto;
    min-height: 100vh
}

.mbr-section-title {
    font-style: normal;
    line-height: 55px
}

.mbr-section-subtitle {
    line-height: 1.3
}

.mbr-text {
    font-style: normal;
    line-height: 1.5;
    font-weight: 400
}

.btn {
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    font-style: normal;
    letter-spacing: 0px;
    margin: .4rem .5rem;
    white-space: normal;
    transition: all .3s ease-in-out,box-shadow 2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: -webkit-inline-flex
}

.btn-arrow {
    font-weight: 400;
    border-width: 0px;
    border-style: solid;
    background: none;
    font-style: normal;
    letter-spacing: 0px;
    margin: .4rem .5rem;
    white-space: normal;
    transition: all .3s ease-in-out,box-shadow 2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: -webkit-inline-flex
}

.btn-form {
    border-radius: 3px
}

    .btn-form:hover {
        cursor: pointer
    }

.btn-primary {
    color: #012f5b
}

    .btn-primary:hover {
        color: #012f5b
    }

    .btn-primary:focus {
        color: #012f5b
    }

    .btn-primary:active {
        color: #012f5b
    }

.mbr-figure img, .mbr-figure iframe {
    display: block;
    width: 100%
}

.card {
    background-color: transparent;
    border: none
}

.card-wrapper {
    flex: 1;
    -webkit-flex: 1
}

.card-img {
    text-align: center;
    flex-shrink: 0;
    -webkit-flex-shrink: 0
}

.media {
    max-width: 100%;
    margin: 0 auto
}

.mbr-figure {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    -webkit-align-self: center;
    align-self: center
}

.media-container > div {
    max-width: 100%
}

.mbr-figure img, .card-img img {
    width: 100%
}

@media (max-width: 991px) {
    .media-size-item {
        width: auto
    }

    .media {
        width: auto
    }

    .mbr-figure {
        width: 100%
    }
}

.amp-carousel-button:hover {
    cursor: pointer
}

.video-with-lightbox .iconbox:hover {
    cursor: pointer
}

.hidden {
    visibility: hidden
}

.super-hide {
    display: none
}

.inactive {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none
}

textarea[type="hidden"] {
    display: none
}

#scrollToTop {
    display: none
}

.popover-content ul.show {
    min-height: 155px
}

.mbr-white {
    color: #ffffff
}

.mbr-black {
    color: #000000
}

.mbr-bg-white {
    background-color: #ffffff
}

.mbr-bg-black {
    background-color: #000000
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

@media (max-width: 767px) {
    .align-left, .align-center, .align-right, .mbr-section-btn, .mbr-section-title {
        text-align: center
    }
}

.mbr-light {
    font-weight: 300
}

.mbr-regular {
    font-weight: 400
}

.mbr-semibold {
    font-weight: 500
}

.mbr-bold {
    font-weight: 700
}

.mbr-section-btn {
    margin-left: -.25rem;
    margin-right: -.25rem;
    font-size: 0
}

nav .mbr-section-btn {
    margin-left: 0rem;
    margin-right: 0rem
}

.btn .mbr-iconfont, .btn.btn-sm .mbr-iconfont {
    cursor: pointer;
    margin-right: 0.5rem
}

.btn.btn-md .mbr-iconfont, .btn.btn-md .mbr-iconfont {
    margin-right: 0.8rem
}

[type="submit"] {
    -webkit-appearance: none
}

.mbr-fullscreen .mbr-overlay {  
    min-height: 100vh
}

.mbr-fullscreen {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    min-height: 100vh;
    box-sizing: border-box;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.mbr-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

section.sidebar-open:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 1040
}

form input, form textarea {
    padding: 1rem;
    border: 1px solid #e0e0e0;
    background: #f3f4f5
}

form .fieldset {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center
}

amp-img img {
    max-height: 100%;
    max-width: 100%
}

img.mbr-temp {
    width: 100%
}

.is-builder .nodisplay + img[async], .is-builder .nodisplay + img[decoding="async"], .is-builder amp-img > a + img[async], .is-builder amp-img > a + img[decoding="async"] {
    display: none
}

html:not(.is-builder) amp-img > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.is-builder .temp-amp-sizer {
    position: absolute
}

.is-builder amp-youtube .temp-amp-sizer, .is-builder amp-vimeo .temp-amp-sizer {
    position: static
}

.is-builder section.horizontal-menu .ampstart-btn {
    display: none
}

@media (max-width: 991px) {
    .is-builder section.horizontal-menu .navbar-toggler {
        display: block
    }
}

.is-builder section.horizontal-menu .dropdown-menu {
    z-index: auto;
    opacity: 1;
    pointer-events: auto
}

.is-builder section.horizontal-menu .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
    margin-right: 0;
    padding: 0.667em 1em
}

@media (max-width: 767px) {
    .is-builder section.menu .navbar-collapse {
        max-height: 60vh;
        overflow-y: auto
    }
}

.is-builder section.info2 a.full-link, .is-builder section.info3 a.full-link {
    z-index: 0
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 767px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.mbr-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.mbr-justify-content-center {
    justify-content: center;
    -webkit-justify-content: center
}

.mbr-justify-content-left {
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

.mbr-justify-content-right {
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

@media (max-width: 767px) {
    .mbr-col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 16.666667%
    }

    .mbr-col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex: 0 0 66.666667%
    }

    .mbr-col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 100%
    }

    .mbr-row {
        margin: 0
    }
}

@media (min-width: 768px) {
    .mbr-col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 16.666667%
    }

    .mbr-col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 25%
    }

    .mbr-col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        /*padding-right: 15px;
        padding-left: 15px;*/
        -webkit-flex: 0 0 33.333333%
    }

    .mbr-col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 41.666667%
    }

    .mbr-col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 50%
    }

    .mbr-col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 58.333333%
    }

    .mbr-col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex: 0 0 66.666667%
    }

    .mbr-col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex: 0 0 75%
    }

    .mbr-col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex: 0 0 83.333333%
    }

    .mbr-col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 100%
    }
}

@media (min-width: 992px) {
    .mbr-col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 8.333333%
    }

    .mbr-col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 16.666667%
    }

    .mbr-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 25%
    }

    .mbr-col-lg-4 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 33.33%
    }

    .mbr-col-lg-5 {
        -ms-flex: 0 0 41.666%;
        flex: 0 0 41.666%;
        max-width: 41.666%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 41.666%
    }

    .mbr-col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 50%
    }

    .mbr-col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 58.333333%
    }

    .mbr-col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex: 0 0 66.666667%
    }

    .mbr-col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex: 0 0 75%
    }

    .mbr-col-lg-10 {
        -ms-flex: 0 0 83.3333%;
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 83.3333%
    }

    .mbr-col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 100%
    }
}

@media (min-width: 1201px) {
    .mbr-col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-flex: 0 0 58.333333%
    }

    .mbr-col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-flex: 0 0 66.666667%
    }

    .mbr-col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        -webkit-flex: 0 0 41.666667%
    }
}

amp-sidebar {
    background: transparent
}

#scrollToTopMarker {
    position: absolute;
    width: 0px;
    height: 0px;
    top: 300px
}

#scrollToTopButton {
    position: fixed;
    bottom: 25px;
    right: 25px;
    opacity: .4;
    z-index: 5000;
    font-size: 32px;
    height: 60px;
    width: 60px;
    border: none;
    border-radius: 3px;
    cursor: pointer
}

    #scrollToTopButton:focus {
        outline: none
    }

    #scrollToTopButton a:before {
        content: '';
        position: absolute;
        height: 40%;
        top: 36%;
        width: 2px;
        left: calc(50% - 1px)
    }

    #scrollToTopButton a:after {
        content: '';
        position: absolute;
        border-top: 2px solid;
        border-right: 2px solid;
        width: 40%;
        height: 40%;
        left: calc(30% - 1px);
        bottom: 30%;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

.is-builder #scrollToTopButton a:after {
    left: 30%
}

body {
    font-family: Roboto;
}

blockquote {
    border-color: #fde21c;
}

div[submit-success] {
    background: #506df5;
    padding: 1rem;
    margin-bottom: 1rem;
}

div[submit-error] {
    background: #000000;
    padding: 1rem;
    margin-bottom: 1rem;
}

.display-1 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5rem;
}


.display-2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3.25rem;
    letter-spacing: 1px;
    line-height: 65px;
}

@media only screen and (max-width: 1000px) {
    .display-2 {
        font-family: 'Montserrat',sans-serif;
        font-size: 2.4rem;
        letter-spacing: 0px;
    }
}

    .display-3 {
        font-family: 'Montserrat',sans-serif;
        font-size: 1.4rem;
    }

    .display-4 {
        font-family: 'Roboto',sans-serif;
        font-size: 1.2rem;
    }

    .display-5 {
        font-family: 'Roboto',sans-serif;
        font-size: 1rem;
    }

    .display-6 {
        font-family: 'Roboto',sans-serif;
        font-size: 0.8rem;
    }

    @media (max-width: 768px) {
        .display-1 {
            font-size: 4rem;
            font-size: calc( 2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc( 1.4 * (2.4rem + (5 - 2.4) * ((100vw - 20rem) / (48 - 20))));
        }

        .display-2 {
            font-size: 1.92rem;
            font-size: calc( 1.49rem + (2.4 - 1.49) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc( 1.4 * (1.49rem + (2.4 - 1.49) * ((100vw - 20rem) / (48 - 20))));
        }

        .display-3 {
            font-size: 1.12rem;
            font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));
        }

        .display-4 {
            font-size: 0.96rem;
            font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
        }

        .display-5 {
            font-size: 0.8rem;
            font-size: calc( 1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));
        }

        .display-6 {
            font-size: 0.64rem;
            font-size: calc( 0.93rem + (0.8 - 0.93) * ((100vw - 20rem) / (48 - 20)));
            line-height: calc( 1.4 * (0.93rem + (0.8 - 0.93) * ((100vw - 20rem) / (48 - 20))));
        }
    }

    .btn {
        padding: 0.8rem 2rem;
        border-radius: 3px;
    }

    .btn-sm {
        border-width: 1px;
        padding: 0.6rem 0.8rem;
        border-radius: 3px;
    }

    .btn-md {
        font-weight: 600;
        margin: .4rem .8rem;
        padding: 1rem 2rem;
        border-radius: 3px;
    }

    .bg-primary {
        background-color: #fde21c;
    }

    .bg-success {
        background-color: #506df5;
    }

    .bg-info {
        background-color: #fd830f;
    }

    .bg-warning {
        background-color: #0a193b;
    }

    .bg-danger {
        background-color: #000000;
    }

    .btn-primary, .btn-primary:active, .btn-primary.active {
        background-color: #fde21c;
        border-color: #fde21c;
        color: #ffffff;
    }

        .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
            color: #fde21c;
            background: none;
            border-color: #fde21c;
        }

        .btn-primary.disabled, .btn-primary:disabled {
            color: #ffffff;
            background-color: #fde21c;
            border-color: #fde21c;
        }

    .btn-secondary, .btn-secondary:active, .btn-secondary.active {
        background-color: #012f5b;
        border-color: #012f5b;
        color: #ffffff;
    }

        .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus {
            color: #012f5b;
            background: none;
            border-color: #012f5b;
        }

        .btn-secondary.disabled, .btn-secondary:disabled {
            color: #ffffff;
            background-color: #012f5b;
            border-color: #012f5b;
        }

    .btn-info, .btn-info:active, .btn-info.active {
        background-color: #fd830f;
        border-color: #fd830f;
        color: #ffffff;
    }

        .btn-info:hover, .btn-info:focus, .btn-info.focus {
            color: #fd830f;
            background: none;
            border-color: #fd830f;
        }

        .btn-info.disabled, .btn-info:disabled {
            color: #ffffff;
            background-color: #fd830f;
            border-color: #fd830f;
        }

    .btn-success, .btn-success:active, .btn-success.active {
        background-color: #506df5;
        border-color: #506df5;
        color: #ffffff;
    }

        .btn-success:hover, .btn-success:focus, .btn-success.focus {
            color: #506df5;
            background: none;
            border-color: #506df5;
        }

        .btn-success.disabled, .btn-success:disabled {
            color: #ffffff;
            background-color: #506df5;
            border-color: #506df5;
        }

    .btn-warning, .btn-warning:active, .btn-warning.active {
        background-color: #0a193b;
        border-color: #0a193b;
        color: #ffffff;
    }

        .btn-warning:hover, .btn-warning:focus, .btn-warning.focus {
            color: #0a193b;
            background: none;
            border-color: #0a193b;
        }

        .btn-warning.disabled, .btn-warning:disabled {
            color: #ffffff;
            background-color: #0a193b;
            border-color: #0a193b;
        }

    .btn-danger, .btn-danger:active, .btn-danger.active {
        background-color: #000000;
        border-color: #000000;
        color: #ffffff;
    }

        .btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
            color: #000000;
            background: none;
            border-color: #000000;
        }

        .btn-danger.disabled, .btn-danger:disabled {
            color: #ffffff;
            background-color: #000000;
            border-color: #000000;
        }

    .btn-black, .btn-black:active, .btn-black.active {
        background-color: #333333;
        border-color: #333333;
        color: #ffffff;
    }

        .btn-black:hover, .btn-black:focus, .btn-black.focus {
            color: #333333;
            background: none;
            border-color: #333333;
        }

        .btn-black.disabled, .btn-black:disabled {
            color: #ffffff;
            background-color: #333333;
            border-color: #333333;
        }

    .btn-white, .btn-white:active, .btn-white.active {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #808080;
    }

        .btn-white:hover, .btn-white:focus, .btn-white.focus {
            color: #ffffff;
            background: none;
            border-color: #ffffff;
        }

        .btn-white.disabled, .btn-white:disabled {
            color: #808080;
            background-color: #ffffff;
            border-color: #ffffff;
        }

        .btn-white, .btn-white:active, .btn-white.active {
            color: #333333;
        }

            .btn-white:hover, .btn-white:focus, .btn-white.focus {
                color: #333333;
            }

            .btn-white.disabled, .btn-white:disabled {
                color: #333333;
            }

    .btn-primary-outline, .btn-primary-outline:active, .btn-primary-outline.active {
        background: none;
        border-color: #fde21c;
        color: #fde21c;
    }

        .btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline.focus {
            color: #fff;
            background-color: #fde21c;
            border-color: #fde21c;
        }

        .btn-primary-outline.disabled, .btn-primary-outline:disabled {
            color: #ffffff;
            background-color: #fde21c;
            border-color: #fde21c;
        }

    .btn-secondary-outline, .btn-secondary-outline:active, .btn-secondary-outline.active {
        background: none;
        border-color: #012f5b;
        color: #012f5b;
    }

        .btn-secondary-outline:hover, .btn-secondary-outline:focus, .btn-secondary-outline.focus {
            color: #fff;
            background-color: #012f5b;
            border-color: #012f5b;
        }

        .btn-secondary-outline.disabled, .btn-secondary-outline:disabled {
            color: #ffffff;
            background-color: #012f5b;
            border-color: #012f5b;
        }

    .btn-info-outline, .btn-info-outline:active, .btn-info-outline.active {
        background: none;
        border-color: #fd830f;
        color: #fd830f;
    }

        .btn-info-outline:hover, .btn-info-outline:focus, .btn-info-outline.focus {
            color: #fff;
            background-color: #fd830f;
            border-color: #fd830f;
        }

        .btn-info-outline.disabled, .btn-info-outline:disabled {
            color: #ffffff;
            background-color: #fd830f;
            border-color: #fd830f;
        }

    .btn-success-outline, .btn-success-outline:active, .btn-success-outline.active {
        background: none;
        border-color: #506df5;
        color: #506df5;
    }

        .btn-success-outline:hover, .btn-success-outline:focus, .btn-success-outline.focus {
            color: #fff;
            background-color: #506df5;
            border-color: #506df5;
        }

        .btn-success-outline.disabled, .btn-success-outline:disabled {
            color: #ffffff;
            background-color: #506df5;
            border-color: #506df5;
        }

    .btn-warning-outline, .btn-warning-outline:active, .btn-warning-outline.active {
        background: none;
        border-color: #0a193b;
        color: #0a193b;
    }

        .btn-warning-outline:hover, .btn-warning-outline:focus, .btn-warning-outline.focus {
            color: #fff;
            background-color: #0a193b;
            border-color: #0a193b;
        }

        .btn-warning-outline.disabled, .btn-warning-outline:disabled {
            color: #ffffff;
            background-color: #0a193b;
            border-color: #0a193b;
        }

    .btn-danger-outline, .btn-danger-outline:active, .btn-danger-outline.active {
        background: none;
        border-color: #000000;
        color: #000000;
    }

        .btn-danger-outline:hover, .btn-danger-outline:focus, .btn-danger-outline.focus {
            color: #fff;
            background-color: #000000;
            border-color: #000000;
        }

        .btn-danger-outline.disabled, .btn-danger-outline:disabled {
            color: #ffffff;
            background-color: #000000;
            border-color: #000000;
        }

    .btn-black-outline, .btn-black-outline:active, .btn-black-outline.active {
        background: none;
        border-color: #333333;
        color: #333333;
    }

        .btn-black-outline:hover, .btn-black-outline:focus, .btn-black-outline.focus {
            color: #fff;
            background-color: #333333;
            border-color: #333333;
        }

        .btn-black-outline.disabled, .btn-black-outline:disabled {
            color: #ffffff;
            background-color: #333333;
            border-color: #333333;
        }

    .btn-white-outline, .btn-white-outline:active, .btn-white-outline.active {
        background: none;
        border-color: #ffffff;
        color: #ffffff;
    }

        .btn-white-outline:hover, .btn-white-outline:focus, .btn-white-outline.focus {
            color: #333333;
            background-color: #ffffff;
            border-color: #ffffff;
        }

    .text-primary {
        color: #fde21c;
    }

    .text-secondary {
        color: #012f5b;
    }

    .text-success {
        color: #506df5;
    }

    .text-info {
        color: #fd830f;
    }

    .text-warning {
        color: #0a193b;
    }

    .text-danger {
        color: #000000;
    }

    .text-white {
        color: #ffffff;
    }

    .text-black {
        color: #000000;
    }

    a.text-primary:hover, a.text-primary:focus {
        color: #b19c02;
    }

    a.text-secondary:hover, a.text-secondary:focus {
        color: #000000;
    }

    a.text-success:hover, a.text-success:focus {
        color: #0c2fd3;
    }

    a.text-info:hover, a.text-info:focus {
        color: #a55101;
    }

    a.text-warning:hover, a.text-warning:focus {
        color: #000000;
    }

    a.text-danger:hover, a.text-danger:focus {
        color: #000000;
    }

    a.text-white:hover, a.text-white:focus {
        color: #b3b3b3;
    }

    a.text-black:hover, a.text-black:focus {
        color: #4d4d4d;
    }

    .alert-success {
        background-color: #506df5;
    }

    .alert-info {
        background-color: #fd830f;
    }

    .alert-warning {
        background-color: #0a193b;
    }

    .alert-danger {
        background-color: #000000;
    }

     a, a:hover {
        color: black;
    }

        a.mailto:hover {
            text-decoration: underline;
        }
    
    .mbr-plan-header.bg-primary .mbr-plan-subtitle, .mbr-plan-header.bg-primary .mbr-plan-price-desc {
        color: #fffce6;
    }

    .mbr-plan-header.bg-success .mbr-plan-subtitle, .mbr-plan-header.bg-success .mbr-plan-price-desc {
        color: #ffffff;
    }

    .mbr-plan-header.bg-info .mbr-plan-subtitle, .mbr-plan-header.bg-info .mbr-plan-price-desc {
        color: #ffecd9;
    }

    .mbr-plan-header.bg-warning .mbr-plan-subtitle, .mbr-plan-header.bg-warning .mbr-plan-price-desc {
        color: #4a78e0;
    }

    .mbr-plan-header.bg-danger .mbr-plan-subtitle, .mbr-plan-header.bg-danger .mbr-plan-price-desc {
        color: #b3b3b3;
    }

    .mobirise-spinner {
        position: absolute;
        top: 50%;
        left: 40%;
        margin-left: 10%;
        -webkit-transform: translate3d(-50%,-50%,0);
        z-index: 4;
    }

        .mobirise-spinner em {
            width: 24px;
            height: 24px;
            background: #3ac;
            border-radius: 100%;
            display: inline-block;
            -webkit-animation: slide 1s infinite;
        }

            .mobirise-spinner em:nth-child(1) {
                -webkit-animation-delay: 0.1s;
                background: #fde21c;
            }

            .mobirise-spinner em:nth-child(2) {
                -webkit-animation-delay: 0.2s;
                background: #012f5b;
            }

            .mobirise-spinner em:nth-child(3) {
                -webkit-animation-delay: 0.3s;
                background: #506df5;
            }

    @-moz-keyframes slide {
        0% {
            -webkit-transform: scale(1);
        }

        50% {
            opacity: 0.3;
            -webkit-transform: scale(2);
        }

        100% {
            -webkit-transform: scale(1);
        }
    }

    @-webkit-keyframes slide {
        0% {
            -webkit-transform: scale(1);
        }

        50% {
            opacity: 0.3;
            -webkit-transform: scale(2);
        }

        100% {
            -webkit-transform: scale(1);
        }
    }

    @-o-keyframes slide {
        0% {
            -webkit-transform: scale(1);
        }

        50% {
            opacity: 0.3;
            -webkit-transform: scale(2);
        }

        100% {
            -webkit-transform: scale(1);
        }
    }

    @keyframes slide {
        0% {
            -webkit-transform: scale(1);
        }

        50% {
            opacity: 0.3;
            -webkit-transform: scale(2);
        }

        100% {
            -webkit-transform: scale(1);
        }
    }

    .mobirise-loader .amp-active > div {
        display: none;
    }

    #scrollToTopMarker {
        display: none;
    }

    #scrollToTopButton {
        background-color: #fde21c;
    }

        #scrollToTopButton a:before {
            background: #000000;
        }

        #scrollToTopButton a:after {
            border-top-color: #000000;
            border-right-color: #000000;
        }

.mapImage {
    /*background-image: url("assets/images/background1.jpg");*/
    /*background-image: url("images/TomPlumberMap.png");*/
    background-image: url("images/compressed/Tom Plumber Map.png");
}

        .mapImage .mbr-overlay {
            background-color: #000000;
            opacity: 0.6;
        }

        .mapImage .mbr-section-title {
            color: #ffffff;
            text-align: center;
        }

        .mapImage .mbr-text, .mapImage .mbr-section-btn {
            color: #ffffff;
            text-align: center;
        }

        .mapImage .mbr-section-btn {
            margin-top: 2rem;
        }

        .mapImage .row-padding {
            margin-top: 6rem;
        }

        .mapImage h1 {
            margin: 0;
            font-weight: 500;
        }

        .mapImage p {
            margin-bottom: 1.5rem;
        }

        .mapImage amp-img {
            filter: brightness(300%);
            -webkit-filter: brightness(300%);
        }

        .mapImage .mbr-col-lg-3 {
            border: 1px solid gray;
            text-align: center;
            padding: 1rem;
        }

    .cid-r5TxrZVTYa {
        padding-top: 5rem;
        padding-bottom: 5rem;
        background-color: #f7f7f7;
    }

        .cid-r5TxrZVTYa .card-img {
            max-height: 230px;
            overflow: hidden;
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
        }

        .cid-r5TxrZVTYa .mbr-section-btn {
            margin-top: 1rem;
        }

        .cid-r5TxrZVTYa .mbr-text, .cid-r5TxrZVTYa .mbr-section-btn {
            color: #313131;
        }

        .cid-r5TxrZVTYa .line-wrap {
            display: inline-block;
            width: 100%;
        }

        .cid-r5TxrZVTYa .line {
            display: inline-block;
            width: 10%;
            height: 4px;
            background-color: #fde21c;
            margin-top: 0.5rem;
            margin-bottom: 1rem;
        }

        .cid-r5TxrZVTYa .container-fluid {
            padding-left: 15px;
            padding-right: 15px;
        }

        .cid-r5TxrZVTYa p {
            margin: 0;
            padding: 0;
        }

        .cid-r5TxrZVTYa .card {
            margin-bottom: 20px;
            position: relative;
            display: -webkit-flex;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-clip: border-box;
            border-radius: 0;
            width: 100%;
            min-height: 1px;
            -webkit-flex-direction: column;
        }

        .cid-r5TxrZVTYa .card-wrapper {
            background: white;
            box-shadow: 2px 2px 25px -7px rgba(0,0,0,0.1);
            border-radius: 0.5rem;
            transition: all 0.3s;
        }

            .cid-r5TxrZVTYa .card-wrapper:hover {
                box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
            }

        .cid-r5TxrZVTYa .line {
            margin-bottom: 4rem;
        }

        .cid-r5TxrZVTYa .card-title {
            color: #0a193b;
        }

        .cid-r5TxrZVTYa .card-box {
            padding: 2rem;
        }

        .cid-r5TxrZVTYa amp-img {
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
            width: 100%;
        }

        .cid-r5TxrZVTYa .card-sub-title {
            line-height: 1;
            color: #313131;
        }

        .cid-r5TxrZVTYa h4 {
            margin: 0;
            padding-bottom: 1rem;
            font-weight: 500;
        }

        .cid-r5TxrZVTYa .mbr-section-title, .cid-r5TxrZVTYa .line-wrap {
            color: #0a193b;
        }

        .cid-r5TxrZVTYa .mbr-section-sub-title {
            color: #313131;
        }

        .cid-r5TxrZVTYa h2 {
            margin-bottom: 4rem;
            font-weight: 400;
        }

        .cid-r5TxrZVTYa h1 {
            margin: 0;
            font-weight: 500;
        }

    .cid-r5TxLUfsjN {
        padding-top: 4rem;
        padding-bottom: 4rem;
        background-color: #f7f7f7;
    }

        .cid-r5TxLUfsjN .mbr-section-title {
            color: #012f5b;
            text-align: left;
        }

        .cid-r5TxLUfsjN .mbr-text, .cid-r5TxLUfsjN .mbr-section-btn {
            color: #313131;
            text-align: left;
        }

        .cid-r5TxLUfsjN h3 {
            margin-bottom: 0.5rem;
        }

        .cid-r5TxLUfsjN h2 {
            font-weight: 500;
        }

        .cid-r5TxLUfsjN p {
            margin: 0;
            padding: 0;
        }

        .cid-r5TxLUfsjN .card {
            background: white;
            margin-bottom: 2rem;
            padding: 2rem 2.5rem;
            display: inline-block;
            width: 100%;
            transition: all 0.3s;
            box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1);
        }

            .cid-r5TxLUfsjN .card:hover {
                box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.2);
            }

        .cid-r5TxLUfsjN .mbr-iconfont {
            color: #fd830f;
            margin: 0.2rem;
            padding-top: 1rem;
            font-size: 1.5rem;
        }

        .cid-r5TxLUfsjN .mbr-section-title SPAN {
            color: #000000;
        }

    .cid-r5Ty6XEuxa {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-color: #f7f7f7;
    }

        .cid-r5Ty6XEuxa .mbr-section-title {
            font-weight: 500;
        }

        .cid-r5Ty6XEuxa .relative {
            position: relative;
            min-height: 400px;
        }

        .cid-r5Ty6XEuxa h3, .cid-r5Ty6XEuxa h4 {
            margin: 0;
            padding-bottom: 0.3rem;
            padding-top: 0.3rem;
        }

        .cid-r5Ty6XEuxa h3 {
            font-weight: 600;
        }

        .cid-r5Ty6XEuxa h4 {
            font-weight: 400;
        }

        .cid-r5Ty6XEuxa .img-wrap {
            z-index: 0;
            margin: auto;
            max-width: 85%;
            border-radius: 0.3rem;
        }

        .cid-r5Ty6XEuxa amp-img {
            border-radius: 0.3rem;
            max-width: 100%;
            margin: auto;
        }

        .cid-r5Ty6XEuxa h1 {
            margin: 0;
            margin-bottom: 1rem;
        }

        .cid-r5Ty6XEuxa .mbr-text, .cid-r5Ty6XEuxa .mbr-section-btn {
            color: #0a193b;
        }

        .cid-r5Ty6XEuxa p {
            line-height: 1.3;
            font-weight: 400;
        }

        .cid-r5Ty6XEuxa h2 {
            margin: 0;
        }

        .cid-r5Ty6XEuxa .block-1 {
            position: absolute;
            top: 120px;
            left: -2rem;
            background: white;
            max-width: 400px;
            border-radius: 0.3rem;
            padding: 2rem 3rem;
            margin-bottom: 2rem;
            box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
            z-index: 2;
        }

    @media (max-width: 991px) {
        .cid-r5Ty6XEuxa .block-1 {
            position: relative;
            top: 2rem;
            left: 0rem;
            margin: auto;
            padding: 1rem 2rem;
            width: 100%;
            max-width: 100%;
        }

        .cid-r5Ty6XEuxa .img-wrap {
            margin-top: 2rem;
            max-width: 100%;
        }
    }

    .cid-r5Ty6XEuxa .mbr-section-btn {
        margin-bottom: 3rem;
    }

    .cid-r5Ty6XEuxa .status {
        color: #313131;
    }

    .cid-r5Ty00nFNg {
        padding-top: 5rem;
        padding-bottom: 5rem;
        background-color: #f7f7f7;
    }

        .cid-r5Ty00nFNg .mbr-section-title {
            color: #000000;
        }

        .cid-r5Ty00nFNg .mbr-text, .cid-r5Ty00nFNg .mbr-section-btn {
            color: #ffffff;
        }

        .cid-r5Ty00nFNg .area {
            width: 100%;
        }

        .cid-r5Ty00nFNg .btn-lg {
            width: 94%;
        }

        .cid-r5Ty00nFNg h1, .cid-r5Ty00nFNg h2 {
            font-weight: 500;
        }

        .cid-r5Ty00nFNg label.input-label {
            padding: 10px;
        }

        .cid-r5Ty00nFNg textarea {
            width: 95%;
            background-color: white;
            border: 1px solid lightgray;
            border-radius: 0.2rem;
            margin: 0.5rem;
        }

        .cid-r5Ty00nFNg .mbr-section-btn {
            margin-bottom: 2rem;
        }

            .cid-r5Ty00nFNg .mbr-section-btn .btn {
                display: block;
            }

        .cid-r5Ty00nFNg input {
            margin: 0.5rem;
            width: 100%;
            background-color: transparent;
            border: 1px solid lightgray;
            border-radius: 0.2rem;
        }

        .cid-r5Ty00nFNg .text2, .cid-r5Ty00nFNg .mbr-section-btn {
            color: #0a193b;
            text-align: center;
        }

        .cid-r5Ty00nFNg .title2 {
            color: #000000;
            text-align: center;
        }

        .cid-r5Ty00nFNg h2 {
            margin-bottom: 1rem;
        }

        .cid-r5Ty00nFNg .text1 {
            color: #000000;
        }

    .cid-r5TzabyAR3 {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-color: #f7f7f7;
    }

        .cid-r5TzabyAR3 .mbr-text {
            color: #012f5b;
            text-align: center;
        }

    .engine {
        position: absolute;
        text-indent: -2400px;
        text-align: center;
        padding: 0;
        top: 0;
        left: -2400px;
    }


/*CUSTOM SECTION*/

/*GENERAL*/
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.servicesList{
    padding-left: 20px;
}

.paddingb-1{
    padding-bottom: 1em;
}

.btn-sample {
    color: #ffffff;
    background-color: #FF4848;
    border-color: #FF0000;
}

    .btn-sample:hover,
    .btn-sample:focus,
    .btn-sample:active,
    .btn-sample.active,
    .open .dropdown-toggle.btn-sample {
        color: #ffffff;
        background-color: #FF0000;
        border-color: #FF0000;
    }

    .btn-sample:active,
    .btn-sample.active,
    .open .dropdown-toggle.btn-sample {
        background-image: none;
    }

    .btn-sample.disabled,
    .btn-sample[disabled],
    fieldset[disabled] .btn-sample,
    .btn-sample.disabled:hover,
    .btn-sample[disabled]:hover,
    fieldset[disabled] .btn-sample:hover,
    .btn-sample.disabled:focus,
    .btn-sample[disabled]:focus,
    fieldset[disabled] .btn-sample:focus,
    .btn-sample.disabled:active,
    .btn-sample[disabled]:active,
    fieldset[disabled] .btn-sample:active,
    .btn-sample.disabled.active,
    .btn-sample[disabled].active,
    fieldset[disabled] .btn-sample.active {
        background-color: #FF4848;
        border-color: #FF0000;
    }

    .btn-sample .badge {
        color: #FF4848;
        background-color: #ffffff;
    }

 .bottom-nav{
    color: white !important;
}

 .bottom-nav:hover{
     opacity: 0.8;
     text-decoration: underline;
 }

.bendando-footer-link {
    text-decoration: none;
    padding: 24px;
    color: white;
}

    .bendando-footer-link:hover {
        text-decoration: underline !important;
        opacity: 0.7;
        color: white;
    }

.hover-opacity:hover{
    opacity: 0.7;
}

.margin-16{
    margin: 16px !important;
}

ol li {
    list-style: none !important;
}

html, body {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

.privacy-policy {
    padding-left: 24px;
    clear: both;
    color: white;
    font-size: 16px;
    position: relative;
    top: -24px;
    text-decoration: underline;
    max-width: 125px;
}

    .privacy-policy:hover {
        text-decoration: none;
    }


.CheckATradeScores {
    height: auto;
    width: 371px;
    display: block;
    margin: 0 auto;
}



.TradingStandardsImg {
    display: block;
    width: 194px;
    height: 260px;
    margin: 0 auto;
    padding-bottom: 24px;
}

@media (max-width: 400px) {
    .CheckATradeScores {
        width: 300px;
    }
}


.plumbing-card-image-icons {
    height: 200px;
    padding-top: 20px;
}

.services-card {
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.service-card img {
    width: 60%;
}

@media (max-width: 768px) {
    .services-card {
        margin: 0 30px;
        justify-content: center;
        padding-top: 20px;
        justify-content: center;
  
    }

    .service-card h4 {
        text-align: center;
    } 

    .service-card img {
        width: 80%;
    }

    .plumbing-card-image-icons {
        padding: 0;
        margin-top: 15px;
        height: 180px;
  
    }
}


.card-box {
    width: 100%;
}


.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
