/* CSS Document */


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


body {
    font-size: 100%;
}

footer {
    padding: 4% 0;
    color: #fff;
    background: #EDF1F8;
}
    footer .left {
        text-align: center;
        padding: 0;
    }
    footer .mid {
        text-align: center;
        padding: 0;
    }
    footer .right {
        text-align: center;
        padding: 0;
    }
footer .icon {
    display: inline-block;
    padding-right: 6%;
}
footer .desc {
    display: inline-block;
}

footer a:link {
    font: 500 1.0em/1.8 "Roboto", sans-serif;
    padding: 0;
    color: #222;
    text-decoration: none
}
footer a:visited {
    color: #222;
    text-decoration: none
}
footer a:hover,
a:active,
a:focus {
    color: #BC0709;
    text-decoration: none
}
footer h4 {
    text-align: left;
    font: 600 1.1em/1.4 'Heebo', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222 !important;
    margin: 0 0 10px;
}
footer i {
    font-size: 5em;
    color: #DF291A;
}
footer p {
    font: 500 1.5em/1.4 'Roboto', sans-serif;
    color: #333 !important;
    padding: 0 !important;
    text-align: 
    left
}

p {
    font: 300 1.5em/2.0 'Roboto', sans-serif;
    color: #333;
    clear: both;
    padding: 0 3% 0 0;
}
.blog footer{
    background: #fff

}
.blurb {
  justify-content: center;
  align-items: center;
  background: #E5ECF4; 
  padding: 4% 10%;   
}


.blurb i {
        font-size: 0.5em;
        color: #DD2C1C!important;
    }
.blurb h2 {
    font: 700 5.0em/1.0 'Heebo', sans-serif !important;
    letter-spacing: 2px
     
}
.blurb h4{
    font: 400 1.1em/1.4 'Heebo', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222 !important;
    margin: 0 0 10px;
}
.blurb h4 i {
    color: #E95A24 !important;
    font-size: .5em;
}
.blurb p {
    font: 300 1.5em/1.8 'Roboto', sans-serif!important;
    padding-top: 10px;
    text-align: left
}
.blurb ul li {
    font: 300 1.5em/1.8 'Roboto', sans-serif!important;
    padding-top: 10px;
    text-align: left
}

.testimonial {
    justify-content: center;
    align-items: center;
    padding: 6% 20%;
    position: relative;
    z-index: 2;
}
.testimonial i {
    color: #DD2C1C;
    font-size: 0.5em!important;
}
.testimonial img {
    max-width: 170px;
}
.testimonial .desc p {
    font: 300 3.0em/1.4 'Heebo', sans-serif!important;
}


.quoteMark {    
    font-family: 'Heebo', sans-serif;
    position: absolute;
    left: 25%;
    z-index: 2;
    text-align: center;
    margin: 3% 0 0 0%;
}
.quoteMark i {    
    font-size: 12.0em;
    color: #eee;    
}


.byline {
    background: #2A4272;
    padding: 4% 0;
    text-align: center;
    color: #fff
}
.byline a {    
    font: 300 1.2em/1.4 'Roboto', sans-serif;
    color: #fff
}
.byline .right{
    text-align: right;
}
.byline .left{
    text-align: left;
}
.circles {
    text-align: center;
    background-color: #fff;
    padding: 2% 0
}
.circles i {
    font-size: .8em;
    padding: 0 4px;
    color: #E95A24;
}

.contact {
    padding: 20px 0;
    background-image: url("../imgs/jpgs/slide6.jpg");
    background-repeat: no-repeat;
    background-position: 0 100%
}

    .contact .bullets {
        padding: 4% 4%;
    }
    .contact .bullets i {
        color: #DD2C1C;
        font-size: 0.5em!important;
    }
    .contact .bullets h2 {
        font: 600 4.0em/1.2 'Heebo', sans-serif; 
        color: #222;   
    }
    .contact .bullets h4 {
        font: 400 1.1em/1.4 'Heebo', sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #222 !important;
        margin: 0 0 10px;
    }
    .contact .bullets ul {
        font: 300 2.0em/1.6 'Roboto', sans-serif;
        list-style: disc;
        padding: 0 0 0 42px!important;
        letter-spacing: .1em
    }
    .contact .bullets ul li {
        margin: 0 0 10px;
        padding: 0 !important;
        color: #222;
    }
.contact h2 {
    font: 400 3.0em/1.6 'Heebo', sans-serif; 
    color: #222;   
}

.container {
    width: 100%;

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

.content h1 {
    padding: 0 0 10px 0 !important;
    margin: 0 !important;
    color: #222 !important;
    font: 700 3.6em/1.2 'Heebo', sans-serif;
    letter-spacing: 2px
}
.content h2 {
    padding: 0 0 20px 0 !important;
    margin: 0 !important;
    color: #222 !important;
    font: 500 2.4em/1.2 'Heebo', sans-serif;
    letter-spacing: 2px
}
.content h2 i {
    color: #E95A24 !important;
    font-size: .35em;
    margin: 0 10px;
    vertical-align: middle;
}
.content h3 {
    font: 2.2em/1.4 'Heebo', sans-serif !important;
    color: #222;
    margin: 0 0 10px 0 !important;
}
.content h4 {
    font: 400 1.1em/1.4 'Heebo', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222 !important;
    margin: 0 0 10px;
}
 
.features {
    background: #EDF1F8;
  display: flex;
  justify-content: center;
  align-items: center;    
}
    .features .innerLeft .featureList {
        max-width: 600px;
        float: right;
        padding: 0 0 0 30px;
    }
    .features .innerLeft .feature {
       margin-bottom: 30px; 
    }
    .features .innerLeft .feature .icon{
       padding: 0 5%; 
    }
    .features .innerRight {
        height: 600px;
    }

.features i {
        font-size: 0.5em;
        color: #DD2C1C!important;
    }
.features p {
    font: 300 1.5em/1.4 'Roboto', sans-serif!important;
    padding-top: 10px;
    text-align: left
}


/* .NAVBAR -------------------------------------------------- */
/* .NAVBAR -------------------------------------------------- */
.navbar.navbar-default {
    padding: 20px 0 ;
    background: #fff;
    border: none;
}    
    .navbar-default .navbar-nav>li>a {
        padding: 0 0 10px;
    }
        .nav-link {
            font: 400 1.4em/1.8 'Roboto', sans-serif;
            text-transform: uppercase;
            text-decoration: none;
            color: #031D44;
            padding: 20px 0px;
            margin: 0px 20px;
            display: inline-block;
            position: relative;
            opacity: 0.75;
        }
        .nav-link:hover {
            opacity: 1;
        }
        .nav-link::before {
            transition: 300ms;
            height: 1px;
            content: "";
            position: absolute;
            background-color: #031D44;
        }
        .nav-link-ltr::before {
            width: 0%;
            bottom: 10px;
        }
        .nav-link-ltr:hover::before {
            width: 100%;
        }
.navbar.navbar-fixed-top {
    padding: 2% 6%;
    transition: all 0.5s; 

}

.navbar .brand {
       padding: 0 0 0 6%
    }
        .navbar .brand img{
           width:50%;
        }
.navbar-nav {
    margin: 20px 0 0;
}

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


.navbar-collapse {
    padding: 0;
}

.top-nav-collapse {
    padding: 20px 0;
}
.top-nav-collapse .topContacts{
    display: none;
}

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

.no-padding {
    padding: 0 !important;
}
.overlayContainer {
    height: 530px;   
}
.overlay {
    position: absolute;
    width: 100%;
    height: 530px;
    z-index: 2;
    background: rgba(0, 0, 0, .6);
    text-align: center;       
} 
.overlay .subTitle{
    padding-top: 20%     
} 
.overlay  h2{
    font: 400 4.8em/1.2 'Heebo', sans-serif;
    color: #fff !important;
}
.overlay h4 {
    font: 400 1.1em/1.4 'Heebo', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff !important;
    transform: translate(0 2%);
}
.overlay i {
    font-size: 0.5em;
    color: #DD2C1C!important;
}
.parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: auto;
}


.row {
    margin-right: 0;
    margin-left: 0;
}
.servicesWrapper {
    text-align: center;
    padding: 2% 0;
    width: 100%;
}
    .servicesWrapper .services {
        text-align: center;
        padding: 6%;
    } 
        .servicesWrapper .services .service {
            text-align: center;
        }
        .servicesWrapper .services .service img {
            margin: 0 auto 20px;
            width: 40%;
        }
.servicesWrapper h4 {
    font: 500 1.2em/1.4 'Heebo', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #222 !important;
    margin: 0 0 10px;
}
.servicesWrapper p {
    font: 300 1.5em/1.4 'Roboto', sans-serif;
    padding: 0 16%;
}

.spacer {
    margin-bottom: 12%;
}

.topContacts {
    text-align: left;
    padding: 0 0 1% 2%;
}
    .topContacts .left{
        padding: 0 0 0 10px
    }
    .topContacts .right {
        text-align: right;
        padding: 0;
    }

.topContacts a:link {
    font: 300 1.5em/2.0 'Roboto', sans-serif;
    padding: 0 10px;
    color: #222;
    text-decoration: none
}
.topContacts a:visited {
    color: #222;
    text-decoration: none;
}
.topContacts a:hover,a:active,a:focus {
    color: #BC0709;
    text-decoration: none
}
.topContacts i {
    font-size: 1.4em;
    color: #DF291A;
}
.whatWeDo {

    justify-content: center;
    align-items: center;    
}
    .whatWeDo .inner {
        padding: 10% 0 0 0;

        color: #eee
    }
.whatWeDo a {    
    font: 300 1.2em/1.4 'Roboto', sans-serif;
    color: #f90
}    
.whatWeDo h2 {
        padding: 0 0 20px 0 !important;
        margin: 0 !important;
        color: #fff !important;
        font: 500 2.6em/1.2 'Heebo', sans-serif;
        letter-spacing: 2px
}
.whatWeDo  h4 {
        font: 400 1.1em/1.4 'Heebo', sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #fff !important;
        margin: 0 0 10px;
}
.whatWeDo p {
   color: #fff;
   font: 400 1.6em/1.4 'Roboto', sans-serif!important;
}

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

body [id^=pjWrapper] {
    background-color: transparent !important
}

.pjBlArticleBody img {
    margin-bottom: 30px
}

#pjCF_container_1 {
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 8px 24px 0 rgb(0 0 0 / 8%);
    padding: 40px;
}
#pjWrapper * {
    text-align: left;
}
#pjWrapperContactForm_1 .pjCF-form label.cf-heading-large {
    font:500 2.6em/1.4 'Heebo', sans-serif!important;
    color: #222;
    padding: 0 0 10px;
}

#pjWrapperContactForm_1 .pjCF-form label.cf-heading-medium {
    font: 400 2.0em/1.4 'Heebo', sans-serif!important;
    color: #222;
    padding: 0 0 20px;
    letter-spacing: 2px;
}

#pjWrapperContactForm_1 .pjCF-form label.cf-heading-small{
    font: 400 1.0em/1.4 'Heebo', sans-serif!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #DD2C1C !important;
    margin: 0 0 20px;
}
#pjWrapperContactForm_1 .pjCF-form label.cf-heading-small i {
    color: #DD2C1C;
    font-size: 0.5em!important;
}

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