﻿/* ********************************************************  */
/* 01. 42mg Colors */
/* 02. Content Classes */
/* 03. Forms */
/* 04. Misc Attributes */
/* 05. Media Tag Additions */
/* 06. STRICT Media Tag Additions */
/* ********************************************************  */

body.mstr-layout {
  padding-top: 83px;
}

html.force-nobgscroll {
    margin: 0;
    height: 100%;
    overflow: hidden
}

/* ********************************************************  */
/* 42mg Colors */
/* ********************************************************  */

.color-orange{color:#F34D2A !important;}
.color-blue{color: #0078b8 !important;}
.color-white{color: #FFFFFF !important;}
.color-gray-lt{color: #f1f1f1 !important;}
.color-gray-md{color: #d1d1d1 !important;}
.color-gray-dk{color: #808080 !important;}

.color-orange--hover:hover {color:#F34D2A !important;}
.color-blue--hover:hover {color: #0078b8 !important;}

.bg-orange{background-color:#F34D2A !important;}
.bg-blue{background-color: #0078b8 !important;}
.bg-white{background-color: #FFFFFF !important;}
.bg-gray-lt{background-color: #f1f1f1 !important;}
.bg-gray-md{background-color: #d1d1d1 !important;}
.bg-gray-dk{background-color: #808080 !important;}

.u-ns-bg-v1-bottom.bg-gray-lt::before, .g-parent.bg-gray-lt .u-ns-bg-v1-bottom::before{
    border-top-color: #f1f1f1;
}
.u-ns-bg-v1-bottom.bg-gray-md::before, .g-parent.bg-gray-md .u-ns-bg-v1-bottom::before{
    border-top-color: #d1d1d1;
}
.u-ns-bg-v1-bottom.bg-gray-dk::before, .g-parent.bg-gray-dk .u-ns-bg-v1-bottom::before{
    border-top-color: #808080;
}

.bg-orange-opacity-0_1{background-color: rgba(243, 77, 42, 0.20) !important;}
.bg-orange-opacity-0_2{background-color: rgba(243, 77, 42, 0.20) !important;}
.bg-orange-opacity-0_3{background-color: rgba(243, 77, 42, 0.30) !important;}
.bg-orange-opacity-0_4{background-color: rgba(243, 77, 42, 0.40) !important;}
.bg-orange-opacity-0_5{background-color: rgba(243, 77, 42, 0.50) !important;}
.bg-orange-opacity-0_6{background-color: rgba(243, 77, 42, 0.60) !important;}
.bg-orange-opacity-0_7{background-color: rgba(243, 77, 42, 0.70) !important;}
.bg-orange-opacity-0_8{background-color: rgba(243, 77, 42, 0.80) !important;}
.bg-orange-opacity-0_9{background-color: rgba(243, 77, 42, 0.90) !important;}

.u-ns-bg-v1-bottom.bg-orange::before, .g-parent.bg-orange .u-ns-bg-v1-bottom::before{
    border-top-color: #F34D2A;
}

.bg-blue-opacity-0_1{background-color: rgba(0, 120, 184, 0.20) !important;}
.bg-blue-opacity-0_2{background-color: rgba(0, 120, 184, 0.20) !important;}
.bg-blue-opacity-0_3{background-color: rgba(0, 120, 184, 0.30) !important;}
.bg-blue-opacity-0_4{background-color: rgba(0, 120, 184, 0.40) !important;}
.bg-blue-opacity-0_5{background-color: rgba(0, 120, 184, 0.50) !important;}
.bg-blue-opacity-0_6{background-color: rgba(0, 120, 184, 0.60) !important;}
.bg-blue-opacity-0_7{background-color: rgba(0, 120, 184, 0.70) !important;}
.bg-blue-opacity-0_8{background-color: rgba(0, 120, 184, 0.80) !important;}
.bg-blue-opacity-0_9{background-color: rgba(0, 120, 184, 0.90) !important;}

.u-ns-bg-v1-bottom.bg-blue::before, .g-parent.bg-blue .u-ns-bg-v1-bottom::before{
    border-top-color: #0078b8;
}


.bg-blue-opacity-0_9--after::after {
    background-color: rgba(0, 120, 184, 0.90) !important;
}
.bg-gray-opacity-0_9--after::after {
    background-color: rgba(94, 94, 94, 0.90) !important;
}

.img-border-container {
    padding: 30px;
    text-align: center;
    margin: 10px auto;
    border-top: 3px solid #F34D2A;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background-color: #f1f1f1;
}

.section-border {border-top: 1px solid #EEEEEE;}

.border-orange {border-color: #F34D2A !important;}
.border-blue {border-color: #0078b8 !important;}
.border-white {border-color: #FFFFFF !important;}
.border-gray-lt {border-color: #dcdcdc !important;}

.btn-primary:hover{background-color: #c23b1e !important;}
.block-center {margin-left: auto !important; margin-right: auto !important;}

.g-bg-nextdoor--hover:hover {
    background-color: #82a13b !important;
}

/* ********************************************************  */
/* Content Classes */
/* ********************************************************  */

.h1-content {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #555;
    display: inline;
}

.number {
    font-family: "Quicksand",sans-serif;
    font-weight: 300;
}

a:hover {text-decoration: none;}

.font-raleway {
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

.intro-text {
    font-weight: 300 !important;
    line-height: 1.8;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    margin-bottom: .5rem;
    text-align: center;
}

.section-title {
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-size: 36px;
    color: #0078b8;
    font-weight: 300;
    text-transform: lowercase;
    margin-bottom: 15px;
    text-align: center;
    line-height: 42px;
}

.btn-actn {
    border-radius: 50px;
    padding: 12px 30px;
    font-weight: 400;
    text-transform: lowercase;
    font-size: 18px;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

.card-title {
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-size: 22px;
    color: #F34D2A;
    font-weight: 300;
    text-transform: lowercase;
    margin-bottom: 15px;
    text-align: center;
    line-height: 26px;
}

/* ********************************************************  */
/* CTA */
/* ********************************************************  */

.cta-main-container {
    padding: 40px 15px;
    margin-bottom: 60px;
    background-color: #f1f1f1;
    margin-top: -200px;
    border: 4px solid #fff;
    border-radius: 10px;
}

.cta-col-icon {
    align-self: center;
    text-align: center;
    width: 150px;
    margin-bottom: 30px;
}

.cta-col-content {
    text-align: center;
}

.cta-col-action {
    margin-top: 30px;
    min-width: 200px;
    text-align: center;
}

.cta-title {
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-size: 28px;
    font-weight: 300;
    text-transform: lowercase;
    color: #0078b8;
    text-align: center;
    margin-bottom: 20px;
 
}

.cta-text {
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    font-size: 18px;
    text-align: center;
}

/* ********************************************************  */
/* Statements */
/* ********************************************************  */

.statement {
    font-weight: 300 !important;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    text-align: center;
    text-transform: lowercase;
    max-width: 700px;
    margin: 0 auto;
}

.statement-head {
    font-size: 32px;
    color: #F34D2A;
    line-height: 1.2;
    margin-bottom:15px;
}


.statement-sub {
    font-size: 40px;
    color: #0078b8;
    line-height: 1.2;
    margin-bottom: 15px;
}

.statement-text {
    font-size: 28px;
    line-height: 1.2;
}

/* ********************************************************  */
/* Forms */
/* ********************************************************  */
    .form-group > label, .form-label {
    font-size:11px;
    text-transform: uppercase;
    margin-bottom:3px;
    color: #808080;
}

.btn-primary:not([disabled]):not(.disabled).active, 
.btn-primary:not([disabled]):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle{
    background-color: #c23b1e !important;
    border-color: #c23b1e !important;
    box-shadow: none !important;
}

.btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
    background-color: #F34D2A !important;
    border-color: #F34D2A !important;
    box-shadow: none !important;
}


/* ********************************************************  */
/* Misc Attributes */
/* ********************************************************  */

.text-justified { text-align: justify; }
.hide-ctrl {display: none !important;}

.cursor-none {cursor: default !important;}
.cursor-pointer {cursor: pointer;}

.img-fluid-400 {width: 100%; max-width: 400px; height: auto;}

.width-100 {width:100px !important;}
.width-110 {width:110px !important;}
.width-120 {width:120px !important;}
.width-160 {width:160px !important;}
.width-175 {width:175px !important;}

.width-250-max {max-width:250px !important;}
.width-450-max {max-width:450px !important;}

.width-500-max {max-width:500px !important;}
.width-600-max {max-width:600px !important;}
.width-650-max {max-width:650px !important;}
.width-700-max {max-width:700px !important;}
.width-750-max {max-width:750px !important;}
.width-800-max {max-width:800px !important;}

/* ********************************************************  */
/* Media Tag Additions Colors */
/* ********************************************************  */

/* X SMALL - OVERRIDE - GLOBAL ELEMENTS */
@media (max-width: 576px) {
    .text-xs-justify {
        text-align: justify !important;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .hidden-xs-down {
        display: none !important;
    }

    .v-element-xs {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .intro-text {
        font-size: 20px;
    }
}


/* SMALL - OVERRIDE - GLOBAL ELEMENTS */
@media only screen and (min-width: 576px) {      
    
    .text-sm-justify {text-align: justify;}
    .text-sm-center {text-align: center;}

    .v-element-sm {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform:translateY(-50%);
        -o-transform:translateY(-50%);
    } 
    
     .intro-text{font-size: 24px;}

    .statement-head {
        margin-bottom: 2px;
    }
    .statement-sub {
        margin-bottom: 4px;
    }
}



/* MEDIUM - OVERRIDE - GLOBAL ELEMENTS */
@media only screen and (min-width: 768px) {

    .text-md-justify {
        text-align: justify;
    }

    .text-md-center {
        text-align: center;
    }

    .v-element-md {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .intro-text {
        font-size: 24px;
    }


}

/* LARGE - OVERRIDE - GLOBAL ELEMENTS */
@media only screen and (min-width: 992px) {

    .section-title {
        text-align: left;
    }

    .text-lg-justify {
        text-align: justify;
    }

    .text-lg-center {
        text-align: center;
    }

    .v-element-lg {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .intro-text {
        font-size: 26px !important;
    }

    .g-font-size-28--lg {
        font-size: 28px !important;
    }

    .g-font-size-50--lg {
        font-size: 50px !important;
    }


    .cta-main-container {
        padding: 40px 20px;
    }

    .cta-col-icon {
        margin-bottom: 0;
    }

    .cta-title {
    }

    .cta-text {
    }

    .cta-col-content {
        padding-left: 70px;
        padding-right: 70px;
        width: calc(100% - 350px);
    }

    .cta-col-action {
        margin-top: 0;
        align-self: center;
    }

}

/* X LARGE - OVERRIDE - GLOBAL ELEMENTS */
@media only screen and (min-width: 1200px) {

    .text-xl-justify {
        text-align: justify;
    }

    .text-xl-center {
        text-align: center;
    }

    .v-element-xl {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .intro-text {
        font-size: 26px !important;
    }

    .g-font-size-32--xl {
        font-size: 32px !important;
    }

    .g-font-size-60--xl {
        font-size: 60px !important;
    }

    .cta-col-content {
        padding: 0;
    }

    .cta-title {
        margin-bottom: 0;
        text-align: left;
    }

    .cta-text {
        text-align: left;
    }

    .cta-col-content {
        padding-left: 40px;
        padding-right: 40px;
        text-align: left;
    }
}


/* ********************************************************  */
/* STRICT Media Tag Additions Colors */
/* ********************************************************  */

/* X LARGE - OVERRIDE - GLOBAL ELEMENTS */
@media only screen and (min-width: 1200px) {
    .service-section{ padding: 75px 0 75px 0 !important;}  
}


@media only screen and (min-width: 992px) and (max-width: 1199px){
    .service-section{ padding: 75px 0 75px 0 !important;}
}

/* MEDIUM - OVERRIDE - STRICT ELEMENTS */
@media only screen and (min-width: 768px) and (max-width: 992px){

    .service-section{ padding: 75px 0 75px 0 !important;}
}

/* SMALL - OVERRIDE - STRICT ELEMENTS */
@media only screen and (min-width: 576px) and (max-width: 767px) {   
    
    .service-section{ padding: 35px 0 35px 0 !important;}

}

/* X-SMALL - OVERRIDE - STRICT ELEMENTS */
@media (max-width: 576px){

    .service-section{ padding: 35px 0 35px 0 !important;}

}