/* CSS Document */


/* GLOBAL STYLES ----------------------------------------------- */


body {
    font-size: 100%;
}

footer {
    padding: 4% 0;
    color: #fff;
    background: #333
}

footer a:link {
    color: #fff !important;
    text-decoration: none
}

footer a:visited {
    color: #fff !important;
    text-decoration: none
}

footer a:hover,
a:active,
a:focus {
    color: #FC0 !important;
    text-decoration: underline
}

footer p {
    font: 300 1.5em/2.0 'Open Sans', sans-serif;
    color: #fff !important;
    padding: 0 !important;
}

footer i {
    margin: 0 10px
}

footer img {
    width: 66%;
    vertical-align: top;
    display: inline-block!important;
}

footer .byline {
    text-align: center;
}

footer .fab {
    font-family: "Font Awesome 5 Brands";
    font-size: 2em;
}

footer .left {
    text-align: left;
    padding: 0 0 0 40px
}

footer .left h3 {
    color: #fff !important;
    text-align: left;
    padding: 0 0 20px 0;
    margin: 0;
}

footer .mid {
    text-align: center;
    padding: 0
}

footer .right {
    text-align: right;
    padding: 0 40px 0 0
}

hr {
    border-top: solid #fff 1px;
    border-bottom: solid #fff 1px;
    margin: 10px 0;
    height: 3px;
}
p {
    font: 300 1.5em/2.0 'Open Sans', sans-serif;
    color: #222;
    clear: both;
    padding: 0 3% 0 0;
}
.blurb {
    background: #fff;
    padding: 0;
    text-align: center;
}
.blurb .welcome{
    background: #fff;
    padding: 4% 0 0;
    text-align: center;
    max-width: 1280px;
    margin: auto;
}
.brands {
    text-align: center;
    background-color: #fff;
    padding: 6% 0
}

.brands img {
    width: 12%;
    display: inline-block;
    margin: 0 2%
}


.circles {
    text-align: center;
    background-color: #fff;
    padding: 2% 0
}

.circles i {
    font-size: .8em;
    padding: 0 4px;
    color: #E95A24;
}


.container {
    width: 100%;
    max-width: 1280px;
    padding: 0 !important;
}

.container-fluid {
    width: 100%;
    padding: 0 !important;
}


.welcome dl {
    max-width: 991px;
    text-align: justify;
    margin: 0 auto 10px;
}

.welcome dl dt {
    font: 600 1.5em/2.0 'Open Sans', sans-serif;
    padding: 0 !important;
    color: #222;
}

.welcome dl dd {
    font: 300 1.5em/2.0 'Open Sans', sans-serif;
    color: #222;
    padding: 0;
    margin-bottom: 10px;
}

.content h1 {
    padding: 0 0 10px 0 !important;
    margin: 0 !important;
    color: #222 !important;
    font: 700 3.6em/1.2 'Open Sans', sans-serif;
}
.content h2 i {
    color: #E95A24 !important;
    font-size: .35em;
    margin: 0 10px;
    vertical-align: middle;
}
.content h2 {
    padding: 0 0 20px 0 !important;
    margin: 0 !important;
    color: #222 !important;
    font: 500 2.4em/1.2 'Open Sans', sans-serif;
}

.content h3 {
    font: 2.2em/1.4 'Open Sans', sans-serif !important;
    color: #222;
    margin: 0 0 10px 0 !important;
}

.content h4 {
    font: 2.0em/1.4 'Open Sans', sans-serif !important;
    color: #222;
    margin: 0 0 10px 0 !important;
}

.content p {
    font: 300 1.5em/2.0 'Open Sans', sans-serif;
    color: #222;
    clear: both;
    padding: 0;
    max-width: 991px;
    margin: 0 auto 10px;
    text-align: justify;
}
.welcome .bulletWrapper {
    max-width: 991px;
    text-align: center;
    margin: auto;
    padding: 2% 4%;
    background: rgba(31, 175, 214, 0.05);     
}
.welcome ul {
    font: 300 1.7em/1.6 "Source Sans Pro", sans-serif;
    text-align: left;
    padding: 0 0 0 6%;
    display: inline-block;

}

.welcome ul li {
    margin: 0 0 5px;
    padding: 0 !important;
    color: #222;
}

.form {
    background: #1FAFD6;
    padding: 20px 0;
}
.form h2 {
    font: 400 3.0em/1.6 'Open Sans', sans-serif; 
    color: #fff;   
}
.form .bullets {
    padding: 2% 8%;
}
.form .bullets ul {
    font: 300 2.0em/1.6 'Open Sans', sans-serif;
    list-style: disc;
    padding: 0 0 0 42px!important;
}

.form .bullets ul li {
    margin: 0 0 10px;
    padding: 0 !important;
    color: #fff;
}

/* .NAVBAR -------------------------------------------------- */


.navbar {
    margin: 0;
}
.navbar .brand{
   padding: 0 0 0 2%
}
.navbar .brand img{
   width: 72%;
}

.navbar-default {
    padding: 20px 0 0;
    background: #fff;
    border: none;
}

.navbar-default .navbar-nav>li>a {
    color: #222;
    font: 400 1.4em/1.8 'Open Sans', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    padding: 6px 20px;
}

.navbar-default .navbar-nav>li>a:visited {
    color: #222;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    background-color: #E95A24;
    color: #fff;
}

.navbar-default .btn.phone {
    background: #E95A24;
    color: #fff;
    margin: 0 0 10px;
    border-radius: 4px
}

.navbar-default .btn.phone:hover {
    color: #fff;
    background-color: #BC0709;
}

.navbar-default .btn {
    margin: 0 10px;
    padding: 6px 30px;
    color: #fff;
    font-size: 1.2em;
    border: none;
    font-weight: 600;
    border-radius: 0;
}

.navbar-fixed-top {
 
    transition: all 0.5s;

    border-bottom: 2px solid #E95A24
}

.top-nav-collapse {
    padding: 0 10px;
background: rgba(255, 255, 255, .9); 
}
.navbar .topContacts#mobile {
    display: none;
}
.navbar .topContacts a:hover,
a:active,
a:focus {
    color: #9FBE46;
    text-decoration: none;
}

.navbar-default a.brand>img {
    max-width: 100%;
}

.navbar-header {
 width: 100%
}

.navbar-nav {
    margin: 0;
    clear: both;
}

.navbar-right {
    float: right !important;
    margin-right: 0 !important;
}

.navbar #smart {
    display: none;
}

.navbar #tab {
    display: none;
}

.navbar .topContacts {
    text-transform: uppercase;
    float: right;
    text-align: right;
    padding: 0;
    clear: right;
}
.navbar-collapse {
    padding: 0;
}
.navbar .topContacts a:link {
    font: 400 1.4em/1.8 "Source Sans Pro", sans-serif;
    padding: 0 10px;
    color: #222;
    text-decoration: none
}

.navbar .topContacts a:visited {
    color: #222;
    text-decoration: none
}

.navbar .topContacts a:hover,
a:active,
a:focus {
    color: #BC0709;
    text-decoration: none
}

.navbar .topContacts i {
    font-size: 1em;
    color: #222
}

.navbar .topContacts #phone {
    font-size: 2.2em;
}

/* end .NAVBAR -------------------------------------------------- */

.no-carousel {
    margin-top: 150px;
}

.no-padding {
    padding: 0 !important;
    ;
}

.parallax {
    margin: 150px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
}
.parallax .carousel-caption {
    right: 0!important;
    left: 0!important;
    bottom: 40%;
    padding: 0 20px;
    text-shadow: none;
    text-align: left;
}
.parallax .carousel-caption .btn {
    font: 300 2.0rem/1.2 'Open Sans', sans-serif;
    background: #E95A24;
    color: #fff;
    padding: 20px 30px;
    margin: 0;
    border: 0
}
.parallax .carousel-caption .btn:hover {
    color: #fff;
    background-color: #BC0709;
}
.parallax .carousel-caption  h2{
    font: 400 4.8em/1.2 'Open Sans', sans-serif;
    color: #fff !important;
    margin: 0 0 10px;
}
.parallax .carousel-caption h3 {
    font: 400 3.0em/1.4 'Open Sans', sans-serif;
    color: #fff !important;
    margin: 0 0 10px;

}
.parallax .carousel-caption p {
    font: 300 2.4em/1.4 'Open Sans', sans-serif;
    color: #fff !important;
    margin: 0 0 40px;

}  
.parallax ul {
    font: 300 2.0em/1.6 'Open Sans', sans-serif;
    list-style: disc;
    padding: 0 0 0 60px!important;
}

.parallax ul li {
    margin: 0 0 10px;
    padding: 0 !important;
    color: #fff;
}

.row {
    margin-right: 0;
    margin-left: 0;
}
.servicesWrapper {
    text-align: center;
    background: #eee;
    padding: 2% 0;
    width: 100%;
}
.services {
    text-align: center;
    padding: 2% 0;
}
 
.service {
    text-align: center;
}
.service .btn {
    margin-top: 20px;
    color: #fff;
    background-color: #1FAFD6;
    border-color: #1FAFD6;   
}
.service .btn:hover {
    margin-top: 20px;
    color: #fff;
    background-color: #E95A24;
    border-color: #E95A24
}
.service img {
    margin: auto;
}



/* SCRIPT CSS OVER-RIDES ----------------------------------------------- */

body [id^=pjWrapper] {

    background-color: transparent !important
}

[id^=pjWrapper] .container,
[id^=pjWrapper] .container-fluid {
    background: rgba(255, 255, 255, .1) !important;
    padding: 0 30px 20px !important;
}

#pjCF_container_1 {
    background-color: transparent !important;
}
#pjWrapper * {
    text-align: left;
}
#pjWrapperContactForm_1 .pjCF-form label.cf-heading-large {
    font: 600 2.4em/1.4 "Open Sans", sans-serif !important;
    color: ##fff;
    padding: 0 0 20px
}

#pjWrapperContactForm_1 .pjCF-form label.cf-heading-medium {
    font: 600 2.2em/1.4 "Open Sans", sans-serif !important;
    color: #fff;
    padding: 0 0 10px;
}

#pjWrapperContactForm_1 .pjCF-form label.cf-heading-small {
    font: 300 1.4em/1.4 "Open Sans", sans-serif !important;
    color: #333;
    padding: 0 0 20px
}
#pjWrapperContactForm_2 .pjCF-form label.cf-heading-large {
    font: 400 2.0em/1.4 "Open Sans", sans-serif !important;
    color: ##333;
    padding: 0 0 20px
}

#pjWrapperContactForm_2 .pjCF-form label.cf-heading-medium {
    font: 400 2.0em/1.4 "Open Sans", sans-serif !important;
    color: #333;
    padding: 0
}

#pjWrapperContactForm_2 .pjCF-form label.cf-heading-small {
    font: 300 1.4em/1.4 "Open Sans", sans-serif !important;
    color: #333;
    padding: 0 0 20px
}
 

[id^=pjWrapper] .form-control {
    height: 40px !important;
}

#pjCF_container_1 .pjCF-button {
    font: 300 1.3em/1.0 "Abel", sans-serif !important;
    color: #fff !important;
    background-color: #669900 !important;
    border: 0 !important;
}

#pjCF_container_1 .pjCF-button:hover {
    background-color: #D8AA0E !important;
    border: 0 !important;
}

[id^=pjWrapper] .btn-group-lg>.btn,
[id^=pjWrapper] .btn-lg {
    padding: 10px 16px 12px !important;
}
#pjWrapper .pjBlArticle .pjBlArticleBody img, #pjWrapper .pjBlArticle .pjBlArticleBody iframe {
    float: right!important;
    padding: 0 0 2% 0;
    display: block;
    max-width: 100%;
    height: auto;
}
#pjWrapper .pjBlArticle .pjBlArticleFoot {
    padding-top: 30px;
    clear: both;
background: transparent;
}
#pjWrapper .pjBlArticle .pjBlArticleBody p {
    font: 300 1.0em/1.8 "Open Sans", sans-serif !important;
    text-align: justify;
}
#pjWrapper .btn-primary {
    border-color: #ff7474;
    background: #ff7474;
    color: #fff;
    text-shadow: none!important;
}
.pjBlFormCaptcha img {
    width: 100px;
}
._tq-quote-engine ._tq-mq--desktop ._tq-hero-text h1 {
    color: #222!important;
}
._tq-quote-engine ._tq-mq--desktop ._tq-hero-text p {
    color: #222;
}
._tq-quote-engine ._tq-hero__shading {
    background-color: #fff!important;
}
._tq-quote-engine ._tq-how-it-works__dark {
    background-color: rgba(0,0,0,.8)!important;
}
.ReactModalPortal .ReactModal__Overlay--after-open {
    position: inherit!important;
}
._tq-modal ._tq-header, ._tq-quote-engine ._tq-header {
    position: relative!important;
    top: 150px!important;;
}
#pjWrapper .pjBlHeader .pjBlHeaderInner {
    margin: 0 0 10px 0;
}