html, body { margin: 0; height: 100%; }
/***** RESET ******/
img, form, a,
header, nav, article, section, dialog, figure, aside, footer { border: 0; margin: 0; outline: 0; padding: 0; }
/***** RESET END ******/

h1 { font: 700 48px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 20px; }
h2 { font: 700 38px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 20px; }
h3 { font: 600 28px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 20px; }
h4 { font: 600 24px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 0px; }

.font16 { font-size:16px; }
.SmallText { font-size: 11px; }

/* Main Styles */
td, body, p, li { font: 400 18px/1.5em 'Roboto', sans-serif; color: #444; }
p { margin: 0 0 20px 0; }

/* Links */
a { color: #dae234; text-decoration: none; font-weight: 700; -webkit-transition: color 0.4s ease-in; /*safari and chrome */ -o-transition: color 0.4s ease-in; /* opera */ outline: 0; }
    a:hover { color: #63740c; text-decoration: none; font-weight: 700; }

.LinkButtons, .linkbuttons { display: inline-block; *display: inline; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 8px 12px 8px 12px; background: #211f22; color: #fff; text-decoration: none; font-weight: bold; transition: all 0.3s ease 0s; }
    .LinkButtons + *, .linkbuttons + * { clear: right; }
    .LinkButtons:hover, .linkbuttons:hover { background: #00718b; cursor: pointer; text-decoration: none; color: #fff; }
    .LinkButtons a, .linkbuttons a { color: #fff; text-decoration: none; }
        .LinkButtons a:hover, .linkbuttons a:hover { color: #fff; text-decoration: none; }

.white, .white p, .white td, .white li { color: #fff; }
    .white h1, .white h2, .white h3, .white h4 { color: #fff; }
    .white a { color: #dae234; text-decoration: none; font-weight: 700; }
        .white a:hover { -moz-opacity: .80; filter: alpha(opacity=80); opacity: .80; color: #B7BF15; text-decoration: none; font-weight: 700; }

/******************** PRESETS ******/

.calendly-overlay { background-color: rgba(31, 31, 31, .9) !important; }

.menu-button { background-color: #211f22; }
#bodyClass { background: #211f22; }
header, .gap { background: #dae234; }
    
nav ul.menuList li a { color: #ffffff; font-family: "Titillium Web", sans-serif; font-weight: 700; font-size: 18px; }
    nav ul.menuList li a:hover { color: #dae234; }

.navBg { background-color: #211f22; text-align: center; }
.whiteBg { background: #fff; }
.altBg { background: #eee; }
.colorBg { background: #211f22; }
.testBg { background: #dae234; }
.footBg { background: #211f22; }
.txtColor { color:#dae234 !important; }
.phoneNo .numb { color: #211f22; font-weight: 700; font-family: "Titillium Web", sans-serif; }
    .phoneNo .numb i { color: #211f22; }
.phoneNo a { background: #63740c; }
    .phoneNo a:hover { background: #B7BF15; }
        .phoneNo a:hover i { color: #fff; }
.servBtn { background: #dae234; font-size: 18px; }
    .servBtn:hover { background: #211f22; }
ul.social li a { color: #211f22; background: #eee; }
    ul.social li a:hover { color: #211f22; background: #999; }
.copy { color: #999; }

/*ul.bxslider .bxText { font-family: "Titillium Web", sans-serif; font-size: 50px; line-height: 1.2em; font-weight: 600; }*/
.servBtn { font-family: "Titillium Web", sans-serif; font-weight: 400; }

/******************** STRUCTURE ******/

header { width: 100%; padding:0; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -ms-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s; }
header .headMarg { padding:30px 1%; }
    header.smaller .headMarg { padding: 10px 20px; }
        header.smaller #logo { width: 80%; }
        header.smaller .topCon { text-align: right; margin-top: 2%; }
        header.smaller .phoneNo a { margin-top:10px; width: 40px; height: 40px; font-size: 20px; line-height: 40px; }
                header.smaller .phoneNo a i { line-height: 36px; }
            header.smaller .phoneNo .numb { font-size: 36px; line-height: normal; }

.gap { padding-top: 189px; }

ul.bxslider li { height: 600px; position: relative; }

ul.bxslider .bxCon2 { display: table; width: 60%; margin: 0 auto; }
ul.bxslider .bxText { height: 600px; display: table-cell; text-align: center; vertical-align: middle; text-align: center; font-size: 50px; font-weight: 600; line-height: 1.2em; color: #fff; text-shadow: 1px 2px 3px rgba(0,0,0,0.8); }

.title { text-align: center; margin-bottom: 40px; }
    .title h2 { margin: 0; }

#logo { width: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
    #logo img { width: 100% !important; display: block !important; height: auto !important; }

section { padding: 80px 0; }

header .topCon { text-align: right; margin-top: 3%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

header .phoneNo { margin-bottom: 20px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.phoneNo a { display: block; float: right; vertical-align: middle; margin-left: 10px; width: 46px; height: 46px; font-size: 24px; text-align: center; border-radius: 50%; cursor: pointer; font-weight: 400; }
    .phoneNo a i { line-height: 46px; color: #fff; }
    .phoneNo a:hover { color: #fff; font-weight: 400; }
.phoneNo .numb { display: block; float: right; vertical-align: middle; font-size: 46px; line-height: 46px; }

header .phoneNo a.mobNumb { display: none; }

.margBtm { margin-bottom: 40px !important; }
.margBtm20 { margin-bottom: 20px !important; }

.subLogoCont { display: flex; flex-flow: row wrap; align-items:center; text-align:center; }
.subLogoCont { justify-content: center; }
.subLogoCont img { max-height: 100px; max-width: 120px; vertical-align: middle; width: auto; height: auto; display: block; margin:0 auto; }
.subLogoCont .marg { margin-top:15px; margin-bottom:15px; margin-right:25px; margin-left:25px; }

    /* STOPS NAV HEIGHT FROM JUMPING ON LOAD */
    nav img { width: auto !important; display: inline-block; }
    /* KEEPS IMAGES IN NAV FROM SPANNING 100% */

    nav ul.menuList { margin: 0; padding: 10px 0; list-style: none; }
        nav ul.menuList li { display: inline-block; margin: 0; padding: 0; list-style: none; }
            nav ul.menuList li a { display: block; padding: 0 20px; line-height: normal; text-transform: uppercase; cursor: pointer; border-right: 1px solid #222; }
            nav ul.menuList li:last-child a { border: none; }

section#content { text-align: center; }
    section#content img, section#content td img { width: auto; display: inline-block; }
/* KEEPS IMAGES IN CONTENT FROM SPANNING 100% */

#content .img { height: 200px; margin-bottom: 20px; }

section#imageHeader { padding: 0; }

.eaService { background: #fff; text-align: center; padding: 20px; }
    .eaService .icon { font-size: 80px; line-height: normal; margin-bottom: 20px; }
    .eaService .details p { font-size: 14px; line-height: 20px; }
.servBtn { display: block; color: #211f22; text-align: center; padding: 10px 0; cursor: pointer; font-weight: 700; }
    .servBtn:hover { color: #fff; font-weight: 700; }
.eaService .price span { font-size: 26px; line-height: normal; font-weight: 700; }
.eaService .img { height: 140px; margin-bottom: 20px; }
.servCon { margin-bottom: 30px; }

    section#testimonials .testText { text-align: center; font-style: italic; }
    section#testimonials .testAuth { text-align: right; }

    section#testimonials .bx-wrapper { padding-bottom: 50px; }

footer { padding: 80px 0; }

.copy { margin-top: 30px; text-align: center; font-size: 14px; }

ul.social { margin: 0; padding: 0; list-style: none; }
    ul.social li { margin: 0; padding: 0; list-style: none; display: inline-block; }
        ul.social li a { display: block; width: 40px; height: 40px; font-size: 26px; line-height: 40px; text-align: center; border-radius: 50%; margin:2px; }

/******************** STRUCTURE END ******/

.show { display: none !important; }
.hidden { display: block !important; }
.responsiveimage { width: auto; display: inline-block; }

/******************** FORM STYLES ******/

input[type="text"], input[type="password"], textarea, select { border: solid 1px #ccc; padding: 5px 8px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover { background: #f3f3f3; }

input[type="submit"], button[type="button"] { border: 0; background: #dae234; padding: 8px 12px; color: #211f22; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; -webkit-appearance: none; }

    input[type="submit"]:hover, button[type="button"]:hover { background: #63740c; color:#fff; }

/***** FORM STYLES END ******/
/******************** EXTRAS ******/

.clearBoth { clear: both; height: 0px; }
hr { height: 0px; color: #e3e2e2; border-top: 1px; background: #e3e2e2; border-style: solid; }

/* CLEAR FIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/******************** RESPONSIVE STYLES ******/

.menu-link { display: none; }
/* HIDE MOBILE MENU BUTTON */

@media all and (max-width: 1280px) {

    .onepcssgrid-1000, .onepcssgrid-1200, .onepcssgrid-1500 { padding: 0 25px; }

    ul.bxslider li { height: 500px; position: relative; }
    ul.bxslider .bxCon2 { width: 80%; }
    ul.bxslider .bxText { height: 500px; font-size: 38px; line-height: 1.2em; }

    h1 { font: 600 42px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 30px; }
    h2 { font: 600 32px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 30px; }
    h3 { font: 600 24px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 20px; }
    h4 { font: 600 20px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 0px; }
}

@media all and (max-width: 768px) {

    h1 { font: 600 34px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 30px; }
    h2 { font: 600 28px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 30px; }
    h3 { font: 600 20px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 20px; }
    h4 { font: 600 18px/1em "Titillium Web", sans-serif; color: #211f22; margin-top: 0px; margin-bottom: 0px; }

    /**** IMPORTANT CSS ****/
    .responsiveimage { width: 100% !important; display: block !important; height: auto !important; }
    img.responsiveimage[style] { margin-left: 0 !important; margin-right: 0 !important; }
    #SlideShowImg { width: 100% !important; display: block !important; height: auto !important; }
    /*section#content img, section#content td img { width:100% !important; display:block; }  IMAGES SPAN 100% FOR MOBILE */
    .hidden { display: none !important; }
    .show { display: block !important; }
    iframe[style] { width: 100% !important; margin: 0 !important; }
    iframe[width] { width: 100% !important; }

    /***** SITE CUSTOM CSS *****/
    #logo { width: 60% !important; margin: 0 auto; }

    section { padding: 40px 0; }

    header, header.smaller { position: relative; padding: 67px 0 20px 0; }
        header .topCon, header.smaller .topCon { text-align: center; margin-top: 20px; }
        header .phoneNo, header.smaller .phoneNo { font-size: 32px; margin-bottom: 10px; }
            header .phoneNo a, header.smaller .phoneNo a { display: inline-block; float: none; margin: 0; width: 40px; height: 40px; font-size: 20px; }
                header .phoneNo a i, header.smaller .phoneNo a i { line-height: 40px; }
                header.smaller .phoneNo a.mobNumb, header .phoneNo a.mobNumb { display: inline-block; }

    .phoneNo .numb { display: none; }
    .eaService .img { height: 300px; }

    .gap { display: none; }
    .marg { margin-bottom: 30px; }
    #services .eaService { margin-top: 15px; }

    iframe.contactForm { margin:30px 0 0 0; }

    ul.bxslider li { height: 250px; position: relative; }
    ul.bxslider .bxCon2 { width: 90%; }
    ul.bxslider .bxText { height: 250px; font-size: 20px; line-height: 1.2em; }
    .bx-controls-direction { display: none; }
    nav .menuList { display: none; }

    /***** BLOG STYLES ******/
    div.Blog div.BlogPosts { margin: 0px !important; }
    div.Blog div.BlogRightMenu { position: relative !important; width: 100%; }

    /***** CHANGE TABLE STATE *****/
    table, thead, tbody, th, td, tr { display: block; }
        table[style] { width: 100% !important; height: auto !important; }
        table[align] { float: none !important; }
        table td { padding: 5px 0 !important; margin: 0 !important; }
            table td[style] { width: 100% !important; height: auto !important; }
        table tr[style] { width: 100% !important; height: auto !important; }
        table[cellpadding] { padding: 15px 0px !important; }
        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr { position: absolute; top: -9999px; left: -9999px; }
    tr { border: 0; }
    td { /* Behave  like a "row" */ border: none; position: relative; }

    /**** END *****/
    table.newssubscribe td.formlabel { text-align: left !important; }
    table.newssubscribe td input[type="text"] { width: 50%; }
}

@media all and (max-width: 600px) {
    #logo { width: 90% !important; margin: 0 auto; }
    header, header.smaller { padding: 50px 0 0 0; }
    header .headMarg { padding: 20px 0; }
    .subLogoCont img { max-height: 100px; max-width: 100px; vertical-align: middle; width: auto; height: auto; display: block; margin:0 auto; }
    td, body, p, li { font: 400 16px/1.5em 'Roboto', sans-serif; }
    .eaService .img { height: 180px; }
}

@media all and (max-width: 480px) {
    h1 { font-size: 32px; line-height: 1em; margin-bottom: 20px; }
    h2 { font-size: 26px; line-height: 1em; margin-bottom: 20px; }
    h3 { font-size: 22px; line-height: 1em; margin-bottom: 20px; }
}