/* CSS Document */


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


body {
    font-size: 100%;
}

footer {
    padding: 0;
    color: #666;
    background: #fff
}

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

footer a:visited {
    color: #666 !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 'Roboto', sans-serif;
    color: #666 !important;
    padding: 0 !important;
}

footer i {
    margin: 0 10px
}

footer img {
    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: 40px
}

footer .left h3 {
    color: #666 !important;
    text-align: left;
}

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

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

hr {
    border-top: solid #fff 1px;
    border-bottom: solid #fff 1px;
    margin: 10px 0;
    height: 3px;
}
p {
    font: 300 1.5em/2.0 'Roboto', sans-serif;
    color: #222;
    clear: both;
    padding: 0 3% 0 0;
}

.blurb .welcome {
    background-color: rgba(255, 255, 255, .8) !important;
    padding: 4% 8%;
    margin: 20px auto 0;
    max-width: 1250px;
    border-radius: 4px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10x 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    float: none;
    overflow: auto;
}
.blurb .welcome .bullets {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10x 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    float: none;
    padding: 2% 8%;
    margin-bottom: 3%;
}
.blurb .left {
    width: 50%;
    vertical-align: top;
    margin: 0 -4px 0 0;
    display: inline-block;
    padding: 30px;
}

.blurb .right {
    width: 50%;
    vertical-align: top;
    margin: 0 -4px 0 0;
    display: inline-block;
    background: rgba(255, 255, 255, .9); 
    padding: 30px;
}
.blurb #contactLeft {
    border: 1px solid #eee;

}
.blurb #contactRight {
    border: 1px solid #eee;
    width: 46%;
    margin-left: 4%; 
}

.blurb  .right i {
    font-size: .8em;
    padding: 0 4px;
    color: #629644;
}
.blurb  .right p {
    font: 300 1.5em/2.0 'Roboto', sans-serif;
    color: #222;
}
.blurb  .right a:link {
    color: #666 !important;
    text-decoration: none
}

.blurb .right a:visited {
    color: #666 !important;
    text-decoration: none
}

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


.circles {
    text-align: center;
    background-color: transparent;
}

.circles i {
    font-size: .8em;
    padding: 3% 4px;
    color: #9FBE46;
}



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

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


.content {
    background: url(../imgs/jpgs/slide3.jpg);
    background-position: center 0;
    background-repeat: repeat-y;
    text-align: justify;
    padding: 0;
}

.content dl {
    text-align: left;
}

.content dl dt {
    font: 400 1.6em/1.4 "Source Sans Pro", sans-serif;
    margin: 0;
    padding: 0 !important;
    color: #222;
}

.content dl dd {
    font: 300 1.6em/1.4 "Source Sans Pro", sans-serif;
    margin: 0 0 20px;
    padding: 0 !important;
    color: #222;
}

.content h1 {
    padding: 0 0 10px 0 !important;
    margin: 0 !important;
    color: #222 !important;
    font: 700 4.6em/1.2 'Roboto', sans-serif;
}

.content h2 {
    padding: 0 0 20px 0 !important;
    margin: 0 !important;
    color: #222 !important;
    font: 500 2.6em/1.2 'Roboto', sans-serif;
}

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

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

.content p {
    font: 300 1.5em/2.0 'Roboto', sans-serif;
    color: #222;
    clear: both;
    padding: 0 3% 0 0;
}

.content ul {
    font: 300 1.7em/1.6 "Source Sans Pro", sans-serif;
    text-align: left;
    padding: 0 0 0 6%;
    list-style: none;
}

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

.content ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #f90;
    /* Change the color */
    font-weight: 700;
    /* If you want it to be bold */
    font-size: 1.4em;
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}

.content ul i {
    color: #339900;

}


/* .NAVBAR -------------------------------------------------- */
.navbar.affix {
    padding: 10px 20px 0;
    -webkit-transition: padding 0.6s linear;
    -moz-transition: padding 0.6s linear;
    -o-transition: padding 0.6s linear;
    transition: padding 0.6s linear;
 
}

.navbar.affix .navbar-nav {
    margin: 0;
}

.navbar.affix-top {
    padding-top: 20px;
    -webkit-transition: padding 0.6s linear;
    -moz-transition: padding 0.6s linear;
    -o-transition: padding 0.6s linear;
    transition: padding 0.6s linear;
}

.navbar-default {
    padding: 20px 20px 10px;
    background: rgba(255, 255, 255, .95);
    border: none;
}

.navbar-default .navbar-nav>li>a {
    color: #222;
    font: 300 1.6em/1.8 'Roboto', sans-serif;
    text-decoration: none;
}

.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: #629644;
    color: #fff;
}

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

.navbar-default .btn.phone:hover {
    color: #fff;
    background-color: #9FBE46;
    border-color: #9FBE46;
}

.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 {
    padding: 20px 20px;
    transition: all 0.5s;
}

.top-nav-collapse {
    padding: 10px;
    background: #fff;
}
.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: 24%;
}

.navbar-nav {

    margin: 10px 0 0
}

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

.navbar #smart {
    display: none;
}

.navbar #tab {
    display: none;
}

.navbar .topContacts {
    text-align: right !important;
    margin-bottom: 10px;
    text-transform: uppercase;
    max-width: 100%;
    color: #629644;
}

.navbar .topContacts a:link {
    font: 400 1.4em/1.8 "Source Sans Pro", sans-serif;
    padding: 0 10px;
    color: #fff;
    text-decoration: none
}

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

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

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

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

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

.no-carousel {
    margin-top: 18%;
}

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


#plxHome {
    height: 660px;
    background-repeat: no-repeat;
}

.parallax {
    padding: 0;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax iframe {
    height: 400px;
    width: 100%;
}

.parallax .addresses {
    background: rgba(255, 255, 255, .9); 
    padding: 30px;
}
.parallax .addresses i {
    font-size: .8em;
    padding: 0 4px;
    color: #629644;
}
.parallax .addresses p {
    font: 300 1.5em/2.0 'Roboto', sans-serif;
    color: #222;
}
.parallax .addresses a:link {
    color: #666 !important;
    text-decoration: none
}

.parallax .addresses a:visited {
    color: #666 !important;
    text-decoration: none
}

.parallax .addresses a:hover,
a:active,
a:focus {
    color: #FC0 !important;
    text-decoration: underline
}
.parallax .form {
    padding: 0;
}
.parallax .map {
    margin-bottom: 20px;
}


#plxTop {
    padding: 34% 0 18%;
}

#plxMid {
    background-repeat: no-repeat;
    padding: 30px;
    height: auto
}
.contact#plxMid  {
    padding-top: 20%;
}
#plxBottom {
    background-repeat: no-repeat;
    padding: 30px;
    height: auto
}

.row {
    margin-right: 0;
    margin-left: 0;
}

 


.topBullets {

    padding: 0 0 0 20px;
    position: relative;
    height: 660px;

}

.topBullets .innerLeft {
    vertical-align: top;
    bottom: 20px;
    padding: 30px 0 30px 40px;
    position: absolute;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+49,f07025+100&0.8+0,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.41) 49%, rgba(240,112,37,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.41) 49%,rgba(240,112,37,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.41) 49%,rgba(240,112,37,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00f07025',GradientType=1 ); /* IE6-9 */

    border-radius: 4px;
    width: 50%;
    display: inline-block;
    margin: 0 -4px 0 0;

}
.topBullets .innerLeft h1 {
    padding: 0 0 20px 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font: 500 3.0em/1.2 'Roboto', sans-serif;
}
.topBullets .innerRight {
    vertical-align: top;
    bottom: 20px;
    right: 20px;
    position: absolute;
    padding: 15px 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+45&0+0,0.66+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.66) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.66) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0.66) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a8000000', GradientType=1);
    /* IE6-9 */

    border-radius: 4px;
    width: 50%;
    display: inline-block;
    margin: 0 -4px 0 0;
    text-align: right;
}

.topBullets ul {
    font: 300 2.0em/1.6 'Roboto', sans-serif;
    list-style: none;
    padding: 0 0 0 0;
}

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

.topBullets ul li i {
    color: #FFCC00 !important;
    margin-right: 10px;

}



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

body [id^=pjWrapper] {

    background-color: transparent !important
}

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

#pjCF_container_1 {
    background-color: transparent !important;
}

#pjWrapperContactForm_1 .pjCF-form label.cf-heading-large {
    font: 400 2.4em/1.4 "Roboto", sans-serif !important;
    color: ##333;
    padding: 0 0 20px
}

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

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

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

#pjWrapperContactForm_2 .pjCF-form label.cf-heading-small {
    font: 300 1.4em/1.4 "Roboto", 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 {
    max-width: 74%!important;
    float: right!important;
    padding: 0 0 2% 4%;
    display: block;
    max-width: 100%;
    height: auto;
}
#pjWrapper .pjBlArticle .pjBlArticleFoot {
    padding-top: 30px;
    clear: both;
}
#pjWrapper .pjBlArticle .pjBlArticleBody p {
    font: 300 1.0em/1.8 "Roboto", sans-serif !important;
    text-align: justify;
}
#pjWrapper .btn-primary {
    border-color: #ff7474;
    background: #ff7474;
    color: #fff;
    text-shadow: none!important;
}