/*
Theme Name: Richfeild Bus
Theme URI: http://mltgroup.com/
Author: John Kelly
Description: A Custom Theme by MLT Group 
Version: 1.0
*/

@font-face {
  font-family: Poppins;
  src: url(/wp-content/themes/riversideelectronics/assets/fonts/Poppins-Regular.ttf);
}
.ngg-albumoverview.default-view .ngg-album {
    float: left;
    width: 50%;
}
.ngg-albumoverview.default-view .ngg-album:nth-child(odd){
    clear: both;
}
.gallery_link {
    clear: both;
    float: left;
}

.employment {margin-right: 50px;}
#ui-datepicker-div {
    background: #fff!important;
}
a {width: auto;}
#ui-datepicker-div td, #ui-datepicker-div th{
    padding: 5px;
}
div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    clear: both;
        font-size: 22px;
}
.top-header .row{
    justify-content: flex-end;
}
.top-header .button{
margin-left: 13px;
}
.top-header img{  
   margin-left: 6px;
    margin-right: 8px; 
}
.button {
     background: #e40a01;
    color: #fff;
    font-size: 18px;
    width: 230px;
    text-align: center;
    height: 60px;
    position: relative;
float: left;
    padding-top: 15px;
    text-decoration: none;
}
.button:hover {
   color: #fff!important;
}
.button.button-yellow {
    background: #f6d331;
    color: #000;  
}
.top-header .button:last-child
{    
margin-right: 13px;
}
.top-header .button
{    
     float: right;
    top: 10px;
}
.get-a-quote{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999;
}
.nav-button-container{
float: left;
    margin-top: 60px;
    margin-right: 100px;
}
.nav-button-container p{
float: left;
    color: #414141;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 16px;
    margin-top: 7px;
}
.nav-button  {cursor: pointer; float: left;}
.ui-datepicker {
    z-index: 9999!important;
}

img.profile {
    width: 100%;
}
.progress {
    width: 130%;}
    
#accordion h3 {
        font-size: 30px!important;
        margin-left: 30px;
        clear: both;
        position: relative;
}
.add-expense-credit {height: 75px;}
.acc {
    position: relative;
    clear: both;
}
.acc a.collapsed:before{
    transform: rotate(-90deg);
}
.acc .delete {
    cursor: pointer;
    font-size: 28px;
    margin-top: 10px;
    position: absolute;
    top: 15px;
    font-weight: 100;
}
.acc .expense-credit-0{display: none;}
.acc a:not(.delete):not(.add):before{
    content: "";
    width: 20px;
    height: 15px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    position: absolute;
    font-size: 90%;
    top: 11px;
    left: 0;
    background: url(/wp-content/themes/riversideelectronics/images/downArrow.svg) center no-repeat;
    opacity: 0.35;
       -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#hoa-amount-label {text-transform: capitalize;}
.wpcf7-form-control-wrap {
    margin-bottom: 5px;
    display: block;
    float: right;
    clear: none;
}
.wpcf7 {
    width: 400px;
}
.wpcf7 br{
    display: none;

}
.wpcf7 h3 {
    font-size: 26px;
    color: #000;
    clear: both;
}
.wpcf7 h4 {
    font-size: 20px;
    font-weight: bold;
        clear: both;
}
.wpcf7 label{
    min-width: 600px;
    font-weight: 700;
    font-size: 14px;
}
.modal.in .modal-dialog {
    top: 20%;
}
.modal h4{
    color: #c30928;
    font-size: 28px;
}
input.dollar{
    position: relative;
    padding-left: 30px!important;
}
span.dollar{
    font-size: 18px;
    color: #777;
    position: absolute;
    top: 35px;
    left: 33px;
}
.team img {max-width: 100%;}
.sales-price span.dollar {
    font-size: 18px;
    color: #777;
    position: absolute;
    top: 5px;
    left: 15px;
}
.sales-price input{
    padding-left: 31px;
}

.mortgage-amount span.dollar {
    font-size: 18px;
    color: #777;
    position: absolute;
    top: 5px;
    left: 15px;
}
.mortgage-amount input{
    padding-left: 31px;
}

.modal-body-content {padding: 30px;}
.results .buttons{    
    margin-left: 15px;
    margin-bottom: 30px;}
.results td{
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 16px;
}
.results .title td {
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 1px #EEE;
    white-space: nowrap;
        margin-top: 30px;
}
.results .total td {
    font-size: 24px;
    font-weight: bold;
        margin-top: 30px;
}
.results .print-button{
    background: #414141;
    color: #fff;
    font-size: 18px;
    padding: 12px 29px;
    z-index: 999;
    float: left;
        margin-left: 10px;
        border-width: 1px;
    border-style: solid;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
}

.results .edit-button{
    background: #414141;
    color: #fff;
    font-size: 18px;
    padding: 12px 29px;
    z-index: 999;
    float: left;
        margin-right: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
}
.results .email-button{
    background: #414141;
    color: #fff;
    font-size: 18px;
    padding: 12px 29px;
    z-index: 999;
    float: left;
    font-weight: 400;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
}
.results .email-button svg{
    float: left;
    left: -10px;
    position: relative;
    top: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.results .edit-button svg{
    float: left;
    left: -10px;
    position: relative;
    top: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.results .print-button svg{
    float: left;
    left: -10px;
    position: relative;
    top: 1px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 25px;
}

.results .email-button:hover svg{
transform: scale(1.25);
}
.results .edit-button:hover svg{
transform: scale(1.25);
}
.results .print-button:hover svg{
transform: scale(1.25);
}
label.error {
    color: #414141;
}
.results h1 {color: #000; font-size: 40px; margin-left: 15px;}
.results h3 {font-size: 26px; margin-left: 15px;     margin-top: 0;}
.results h3.price {color: #000;}
.loan-estimate-form .row {
    margin-bottom: 20px;
}

.loan-estimate-form input[type="submit"]{
    background: #414141;
    color: #fff;
    font-size: 18px;
    padding: 12px 29px;
    z-index: 999;
    margin-top: 15px;
}
.loan-estimate-form input:not([type="submit"]), .loan-estimate-form select{
    padding: 10px 18px;
    background-color: #FAFAFA!important;
    display: block;
    width: 100%;
    height: 41px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: normal;
    color: #222;
    font-weight: normal;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
}

.contact-container {position: relative; z-index: 9999;}
.wow {
    visibility: hidden;
}
.contact{ margin-top: 63px; }
.fees h3 {font-size: 40px; margin-top: 25px;}
.fees h4 { font-size: 22px; margin-top: 25px;}
.fees .title{ font-weight: bold; }
.fees .cost {font-style: italic;}
h1, h2,h3 {
    text-align: left;
    position: relative;

    color: #414141;
}
 h1 span,  h2 span,  h3 span {
    font-style: italic;
    color: #e40a01;
}
.home-banner-txt h2 span {color: #fff; font-style: unset;}
.cms-contents h1{
    font-size: 36px;
}
.cms-contents h1, .cms-contents h2, .cms-contents h3{
    font-weight: bold;
}
h2.process{
    font-size: 50px; text-align: center; color: #414141;
}
h2.process span{font-weight: bold;}
h2{font-size: 40px;}
h3{font-size: 24px;}
.contact h2, .contact h3 {color: #000; margin: 0;}
.contact h2 {font-size: 36px;     margin-bottom: 30px;}
.contact h3 {font-size: 24px;     margin-bottom: 25px;}
.contact p {    line-height: 170%;}
 .contact p b{    text-shadow: 0.3px 0.2px 0px #000;}
.place-an-order{
    background: #414141;
    color: #fff;
    font-size: 18px;
    padding: 12px 29px;
    z-index: 999;
}
.locations {margin-bottom: 100px;}
.locations h2{
    color: #414141;
    font-size: 50px;
}
.locations h3{
    color: #414141;
    font-size: 30px;

}
.detail{
    padding: 0;
}
.detail h3{margin-top: 0;     margin-bottom: 20px; color: #fff; font-size: 30px;}
.detail p{color:#fff; font-size: 15px;}
.detail-red{
    background: #414141;
    height: 399px;
    padding-top: 35px;
    padding-left: 95px;
    padding-right: 95px;
}
.schedule{
    background: #e40a01;
    color: #fff;
    font-size: 16px;
    position: relative;
    display: block;
    height: 49px;
    margin: auto;
    padding-top: 12px;
    float: none;
    width: 347px;
    text-align: left;
    padding-left: 20px;
}
.call{margin-bottom: 28px;}
.call-box{
    background: #2c2c2c;
    padding-left: 88px;
    padding-top: 60px;
    height: 264px;
}
.call-box h3{
    font-size: 24px;
    color: #e40a01;
    font-weight: bold; 
       margin-top: 0;
    margin-bottom: 2px;
}
.call-box p {
    font-size: 16px;
    color: #ffffff;
    max-width: 382px;
}
.call-image{
    background: url(/wp-content/themes/riversideelectronics/images/contact_box.jpg);
    height: 264px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.call-image-commercial{
    background: url(/wp-content/themes/riversideelectronics/images/contact_box_com.jpg);
    height: 264px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.side-box{
        background: #e40a01;
        height: 225px;
            padding-left: 0;
}
.side-box h3 {
    font-size: 24px;
    background: #0596a1;
    color: #fff;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
    width: fit-content;
    padding-right: 20px;
        margin-top: 28px;
}
.side-box h4 {
font-size: 24px!important;
color: #fff!important;
    padding-left: 40px;
    line-height: 120%;
}
.how:after{
    content: "";
    position: absolute;
    top: -10px;
    left: -6px;
    background: url(/wp-content/themes/riversideelectronics/images/red-circle.jpg);
    width: 29px;
    height: 22px;
}
.how-line {border-top: 2px solid #fff;}
.how-it-works {position: relative;}
.how-it-works h2{    
 color: #fff;
    margin-top: 55px;
    margin-bottom: 60px;}
.how {padding: 0; position: relative;}
.how h3{
    font-size: 30px;
    color: #414141;
    margin-top: 30px;
    margin-bottom: 30px;}
.how p {font-size: 18px; color: #ffffff; max-width: 265px;}
.home-banner{
    overflow: hidden;
    position: relative;
    margin: auto;
    display: block;
    width: 100%;
    height: 758px;
    background: url(/wp-content/uploads/2025/07/banne-new.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
	background-color: rgba(0,0,0,.3);
  background-blend-mode: darken;
}
.home-banner-txt .button {
    position: relative;
    display: block;
    float: left;
    margin-right: 12px;
}
.inner-banner{
    position: relative;
    margin: auto;
    display: block;
    width: 100%;
    height: 398px;
    background-repeat: no-repeat!important;
    background-position: center 0!important;
    background-size: cover!important;
}
.home-banner-txt
{    position: absolute;
    width: 100%;
    top: 35%;
        padding-left: 67px;
    padding-right: 67px;
}
.home-banner-txt h1 span {
	font-size: 60px;
	color: #fff;
	line-height: 100%;
	margin-bottom: 20px;
	font-weight: 700;
	font-style: normal;
}

.home-banner-txt h2{    
    font-size: 50px;
    color: #fff;
    text-align: left;
        line-height: 100%;
            margin-bottom: 20px;
}
.home-banner-txt h2 span {    
font-weight: bold;
font-size: 72px;
}
h1,h2,h3,h4,h5,h6 {font-family: Poppins;}
.metaslider {
    clear: both;
}
.question-circle-footer {
    height: 90px;
    margin-top: -10px;
    margin-bottom: -20px;
    margin-left: 20px;
}
.home-banner-text p{
    font-size: 18px;
        margin-bottom: 30px;
}
.home-excerpt p{
    font-size: 18px;
}
.home .bg {
    width: 1414px;
    background: url(/wp-content/uploads/2025/07/56-60-Passenger-No-Name-scaled.jpg);
    min-height: 663px;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute;
    left: calc(55% - 707px);
}
.services{
        background: url(/wp-content/themes/riversideelectronics/images/service-bg.jpg);
    height: 598px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
            padding-top: 63px;
}

.box {overflow: hidden; padding: 0; padding-bottom: 0;
       -webkit-transition: overflow .5s;
    -moz-transition: overflow .5s;
    -o-transition: overflow .5s;
    transition: overflow .5s;

          -webkit-transition: padding-bottom .25s;
    -moz-transition: padding-bottom .25s;
    -o-transition: padding-bottom .25s;
    transition: padding-bottom .25s;

    width: calc(33.3333% - 20px);
}
.box:hover {    overflow: visible;     padding-bottom: 76px;}
.box:hover .overlay {bottom: 0px; opacity: 1;     left: 0px;
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(41,207,219,1) 68%);
    box-shadow: 2px 3px 22px rgba(0,0,0,.2);
}
.box:hover img {filter: grayscale(0);  box-shadow: 2px 3px 22px rgba(0,0,0,.5);}
.box h2 {font-size: 30px;color: #022222;  text-align: center; text-transform: unset;
   -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.box:hover h2 {font-size: 30px; color: #414141;}

.box img {width: 100%;    
box-shadow: 2px 3px 22px rgba(0,0,0,.0);
 max-height: 243px;        
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.box .overlay{
        box-shadow: 2px 3px 22px rgba(0,0,0,0);
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 222;
    left: 0;
    bottom: 0px;
    border: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(99,99,99,1) 80%);
    padding-top: 10px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.box h3{    position: absolute;
    color: #fff;
    left: 23px;
    top: 143px;
    z-index: 333;
    font-size: 36px;
    font-weight: bold;
    margin-top: 0;
        line-height: 100%;

}
.box h3 span{font-size: 30px; font-weight: 100;}
.box .overlay h4 {
    color: #fff;
    margin-top: 30%;
    margin-left: 15%;
    font-size: 30px;
}
.box .overlay .button{


        -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;

    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;

    position: absolute;
    bottom: 27px;
    opacity: 0;
    left: 370px;
    width: 218px;
}
.box:hover .overlay .button{
    opacity: 1;
    left: 27px;
}
.box .overlay p {
color: #fff;
    position: relative;
    margin: auto;
    font-size: 18px;
    display: block;
    text-align: center;
}
.nf-form-cont {max-width: 514px;}

#ninja_forms_required_items, .nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 25px;
    max-width: 248px;
    width: 100%;
    float: left!important;
    clear: none!important;
}
nf-field:nth-child(odd) .nf-field-container{
 padding-right: 16px;
}
.home-text {margin-top: 110px;
    color: #fff;
    padding-left: 50px;}
.home-text-bottom{color: #fff; padding-left: 50px;}
.home-banner-text .par {max-width: 565px; margin-top: 5px;}
.home-banner-text .par h4 {color: #393939; font-size: 28px;     margin-bottom: 47px;}
.home-banner-text .par p{margin-top: 10px; margin-bottom: 30px;}
.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
    font-family: Poppins;
    font-size: 16px;
    padding-left: 28px;
    padding-top: 8px;
    border-radius: 0;
    border: unset;
    color: #000;
    padding-bottom: 11px;
    background: #f2f2f2!important;
    height: 60px!important;
}
.nf-field-container.textarea-container {
    width: 100%!important;
}
.nf-field-element input[type='button'] {
    width: 230px!important;
    background: #e40a01!important;
    color: #fff;
}
.nf-field-element input {width: 97%; float: right; position: relative;}
.nf-after-field .nf-error-msg {
    display: none;
}
.nf-field-element textarea {
     width: 496px!important;
    clear: both;
 }
 .nf-field-container.submit-container {
    clear: both!important;
 }
.nf-form-fields-required {display: none;}
#ninja_forms_required_items, .nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 10px!important;
}
.box-left {float: left;    width: 80px;}
.box-left h3 {    color: #c30928; font-weight: bold;}
.box-left h3 span {font-weight: 100!important;}
.box-right {float: left;     clear: none; width: calc(100% - 80px);}
.nf-field-element input[type='button'] {
    background: rgba(255,255,255,0);
    padding: 11px 33px;
    float: left;
        -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.service{
     background: url(/wp-content/themes/riversideelectronics/images/side_form.jpg);
    height: 599px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;   
}
.features{
    background: #000;
    height: 208px;
    padding-top: 26px;
    overflow: hidden;
}
.any-occasion {
    background: #000;
    height: 215px;
    padding-top: 16px;
    overflow: hidden;
}
.any-occasion p {
        color: #fff;
    font-size: 24px;
    position: relative;
    margin-left: -7px;
    margin-top: 57px;
    line-height: 110%;
 }
.service-box h3{
    color: #fff; font-size: 32px; font-weight: bold; text-align: left; clear: both;
}
.service-box .line {
    width: 100%;
    max-width: 203px;
    margin-top: 20px;
    height: 0;
    border-top: 2px solid #f6d331;
}
.service-box img {float: left;     margin-bottom: 10px;}

.services h2{font-weight: bold; color: #fff; width: 200px;     margin-top: 93px;}

.org-logo {
    float: left;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 200px;
    }
.org {
    height: 153px;
    background: #f2f2f2;
    padding-top: 30px;
    }
.org a {
    width: auto;
}
.inner-bottom{margin-top: 80px; border-bottom: 2px solid #f6d331;padding-bottom: 80px;}
.planning {margin-top: 85px;  margin-bottom: 49px;}
.figure{background: #e40a01; min-height: 187px;
    padding-left: 42px;
    padding-top: 40px;
}
.figure-grey{background: #f9f7f7;}
.figure-red{background: #b10a03;}
.figure-yellow{background: #f6d331;}

.figure p {font-size: 18px; color: #fff;  line-height: 100%;}
.figure .num {font-size: 46px; color: #fff;}
.figure .num span {color: #fff!important;}

.figure.figure-black p {font-size: 18px; color: #000;}
.figure.figure-black .num {font-size: 46px; color: #000!important;}
.figure.figure-black .num span {font-size: 46px; color: #000!important;}

.nf-field-element input[type='button']:hover {
    background: rgba(255,255,255,.2);
}
.nf-field-element input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #3d3d3d!important;
}
.nf-field-element input::-moz-placeholder { /* Firefox 19+ */
  color: #3d3d3d!important;
}
.nf-field-element input:-ms-input-placeholder { /* IE 10+ */
  color: #3d3d3d!important;
}
.nf-field-element input:-moz-placeholder { /* Firefox 18- */
  color: #3d3d3d!important;
}

.nf-field-element textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #3d3d3d!important;
}
.nf-field-element textarea::-moz-placeholder { /* Firefox 19+ */
  color: #3d3d3d!important;
}
.nf-field-element textarea:-ms-input-placeholder { /* IE 10+ */
  color: #3d3d3d!important;
}
.nf-field-element textarea:-moz-placeholder { /* Firefox 18- */
  color: #3d3d3d!important;
}
.col.clients span{
line-height: 100%;
margin-right: 40px;
}
.col.clients span:after{
    content: "";
    position: absolute;
    right: -41px;
    width: 18px;
    height: 21px;
    top: 6px;
        top: 27px;
    background: url(/wp-content/themes/riversideelectronics/images/arrow.png);
}
/*.col.clients img{
        position: relative;
    height: auto;
    display: inline;
    top: 30px;
    margin-left: 50px;
}*/
.slick-slider .slick-slide {
    position: relative;
    width: 200px;
    height: 200px;
}
.slick-slider .slick-slide img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 50px;
    max-width: 90%;
   left: 0;
   right: 0;
}

.search-container {position: relative;}
form.search-form {position: absolute; top: 48px; right: 173px; display: none;}
form.search-form svg, form.search-form label{display: none;} 
form.search-form input.search-field {
    width: 300px;
    padding: 0;
    border: 2px solid rgba(0,99,203,1);
    box-shadow: none!important;
      color: #515151; font-size: 20px; padding-left: 10px;
}
form.search-form input.search-field:focus {box-shadow:unset!important; outline: unset!important;}
form.search-form input.search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
       color: #515151; font-size: 20px; padding-left: 10px;
}
form.search-form input.search-field::-moz-placeholder { /* Firefox 19+ */
       color: #515151; font-size: 20px; padding-left: 10px;
}
form.search-form input.search-field:-ms-input-placeholder { /* IE 10+ */
       color: #515151; font-size: 20px; padding-left: 10px;
}
form.search-form input.search-field:-moz-placeholder { /* Firefox 18- */
       color: #515151; font-size: 20px; padding-left: 10px;
}
form.search-form button {    background-color: rgba(0,99,203,1); font-size: 20px; padding: 2px 20px;  text-decoration: none; margin: auto; text-align: center; color: #fff; float: right; border: 0;}
#metaslider_container_77 {clear: both;}
/*.entry-content img {width: 100%;}
*/body {  font-family: Poppins;   overflow-x: hidden;   overscroll-behavior-y: none;}
.network {    padding-top: 47px;padding-bottom: 32px; border-bottom: 1px solid #b9b9b9;}
.network h3 {margin-bottom: 40px;margin-top: 0;color: #282828;font-size: 40px;text-align: center;}
.youtube-button {max-width: 100%!important;width: 110px!important;margin-right: 20px;}
.yt-text {font-style: 25px; font-family: Poppins!important;
font-style: italic;
font-weight: 100;}
/*h2:after {content: ""; position: absolute; bottom: -17px; left: 0; width: 68px; border-bottom: 2px solid #d1d1d1;}*/


.inner-banner {
        background: url(/wp-content/themes/riversideelectronics/images/inner-bg.jpg);
    min-height: 118px;
    position: relative;
    overflow: hidden;
}
.inner-banner .container, .inner-banner .row {
    height: 100%;
    position: relative;
}
.inner-banner-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 580px;
    height: auto;
    background: #414141;
    padding: 30px 45px 0 75px;
        max-width: 100%;
}
.inner-banner-text h2{
    color: #fff; font-size: 50px; font-weight: bold;
}
.inner-banner-text p{
    color: #fff; font-size: 20px; 
}
.services-bg{
    min-height: 223px;
    background: #c30928;
    background: -moz-linear-gradient(top, #c30928 0%, #760518 100%);
    background: -webkit-linear-gradient(top, #c30928 0%,#760518 100%);
    background: linear-gradient(to bottom, #c30928 0%,#760518 100%);
        padding-left: 70px;
            z-index: 999;
}

.services-bg p{
    color: #fff;
    font-size: 26px;
    margin-top: 35px;
    margin-bottom: 25px;
}

.cms-contents {margin: 35px 0;}
.cms-contents p, .cms-contents li{color:#4b4a4a; font-size: 16px; line-height: 170%;   font-family: Poppins;}
.header{    width: 100%; height: 132px;}
.footer * { font-weight: 500;}
#menu-footer-one {margin-right: 22px;
    margin-top: 38px;
    }

.top-header {width: 100%; 
    background: #000;
    height: 133px;
    padding-top: 40px;
}
.header ul, .top-header ul{}
.top-header p {color: #fff!important; float: right; font-size: 18px;     margin-top: 22px; width: auto;}
.top-header p a {color: #fff;}
.top-header p span {color: #282828; margin-left: 10px; margin-right: 10px; }

.footer ul {  margin:0;padding:0;list-style:none;  float: left;  text-align: left;       margin-left: 60px;padding-top: 10px;
 }
.footer .container {padding: 0;}
.fb-footer{
        float: right;
    margin-top: 37px;
}

.logo-section {padding-left: 0;}
.header li, .top-header li {display:inline-block;}
#menu-menu li.menu-item-has-children:after {
    content: "";
    background: url(/wp-content/themes/riversideelectronics/images/arrow.jpg);
    width: 10px;
    height: 10px;
    position: absolute;
    top: 18px;
    left: 92px;
    background-repeat: no-repeat;
    filter: hue-rotate(181deg) saturate(15.5);
}
#menu-menu li.menu-item-has-children {
    height: 100px;
    margin-bottom: -25px;
}

#menu-menu li:last-child a {margin-right: 0;}
#menu-menu li {position: relative;     display: inline-block;}
#menu-menu li:hover .sub-menu {display: block;}
#menu-menu .sub-menu {  
    display: none;
    position: absolute;
    top: 86px;
    left: 0;
    background: #fff;
    border-top: 2px solid #e40a01;
    width: 250px;
    z-index: 11;
    padding: 0;
    }
#menu-menu .sub-menu li {
    text-align: left;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    border-top: 3px solid #e40a01;
    }
#menu-menu .sub-menu li a {
    color: #000;
    display: block;
    margin: auto;
    width: 100%;
    position: relative;
    text-align: left;
    }
.footer li {display: block;     font-size: 16px;  line-height: 150%;     display: inline;}
.top-header li {  margin-top: 10px;}
.top-header li a {color: #fff;font-size: 14px;margin-right: 50px;}
.other-services {background: #f3f3f3; 
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
.other-services h2:after {display: none;}
.other-services h2 {margin-bottom: 4px;}
.other-services h2.title {text-align: center;     margin-top: 43px;   margin-bottom: 28px;}
.other-services .service-box {border: 1px solid #dadada;   background: #f3f3f3;  padding: 24px;}
.other-services .service-box svg {width: 60px;}
.other-services .service-box svg * {stroke: #c1c1c1; stroke-width: 1px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;}
.other-services .service-box:hover svg * {stroke: #257ad3; stroke-width: 3px; }
.other-services .col-sm-4 {    margin-bottom: 24px; }
.other-services .col-sm-4:hover .service-box {background: #fff;}
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid #4b8dc8; border-radius: 0; box-shadow: none; padding: 50px;}
.panel h4{    color: #c30928; position: relative; margin-bottom: 26px; }
.panel h4:after {content: ""; position: absolute; bottom: -17px; left: 0; width: 68px; border-bottom: 2px solid #d1d1d1;}
 .cms-contents  ul{    padding: 0; margin: 0;     list-style: none;}
.cms-contents ul li:before {
    content: "·";
    color: #e40a01;
    font-size: 67px;
    position: relative;
    top: 17px;
    left: -4px;
    line-height: 10%;
}
.cms-contents ul li.ngg-breadcrumb:before {
display: none;
}
.cms-contents ul li {
    padding-left: 25px;
}
.modal-header {    background: #f6f6f6;}
.modal-body {    background: #f6f6f6;}
.net-image {position: relative;}
.net-image-middle:before {content: ""; position: absolute; top: 17px; left: 0; width: 1px; 
height: 67px; border-left: 2px solid #d1d1d1;}
.net-image-middle:after {content: ""; position: absolute; top: 17px; right: 0; width: 1px; 
height: 67px; border-right: 2px solid #d1d1d1;}
.other-services p {margin-bottom: 24px;}
.other-services .read-more {
    background-color: rgba(0,99,203,1);
    font-size: 20px;
    padding: 7px 42px;
    
    text-decoration: none;
    margin: auto;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
.breakout-box {position: relative;}
.breakout-box h3{
    color: #fff;
    text-align: left;
    text-decoration: none;
    position: absolute;
    top: 38px;
    left: 20px;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
}
.breakout-box h3 img{
        clear: both;
    display: block;
    margin-top: 7px;
}
.breakout-box img.box-bg
{
    max-width: 100%;
}

.cms-contents .col span, .cms-contents .col p {
    margin-left: 50px;
}
.cms-contents .col {
max-width: 220px;
    min-height: 188px;
    float: right;
    clear: both;
    position: relative;
    width: 220px;
    }
.header .nav-container .menu {width: 100%;     padding: 0;}
.header .nav-container .nav {width: 100%;}
.home-excerpt{
    background: url(/wp-content/themes/riversideelectronics/images/red-bg.jpg);
    min-height: 941px;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 45px;
        margin-top: -142px;
}
.home-excerpt .container {
    padding-top: 150px;
}
.home-excerpt img {width: 100%;}
.youtube {margin-top:6px; margin-right: 5px;}
.linkedin {margin-top: -6px;}
.top-header li:last-child a { margin-right: 20px;} 
.header .nav a{ 
    color: #000000;
    font-size: 18px;
    text-align: center;
    margin: auto;
    display: block;
    padding: 8px;
        margin-right: 34px;
        font-weight: bold;
            text-decoration: none;

    }

.net-image img {margin: auto; display: block; position: relative;}
.net-image:not(:last-child):after {    content: ""; width: 2px; height: 68px; background: #dedede; position: absolute; right: 0; top: 14px;}
.testimonial-content:before, .testimonial-content:after {display: none;}
a{color: #e40a01;}
a:hover{}
.cms-contents a{font-weight: 700;}

a:hover, a:focus, a:active{text-decoration:none;outline:none;border:none; }
.home-banner-text{;position:relative; margin: auto; display: block;}
.banner-image{position:relative; margin: auto; display: block;}
.banner img {
    max-width: none;
    height: auto;
    width: 100%;
}
.header .nav {float: left;}
/*#menu-menu {
    float: left;
    margin-top: 57px;
    position: relative;
        margin-left: 30px;
}*/
.home .side-of-nav { float: left;}
.side-of-nav {    
    position: relative;
    float: left;
    margin-top: 70px;
    margin-left: 30px;}

.footer .side-of-nav { 
    position: relative;
    float: right;
    top: -45px;}
.footer .nav{float: right;}

.home .header .contact-button { 
float: left;
}
.home .header .question {display: none;}
.question{
    float: right;
}
.header .contact-button {
    font-size: 15px;
    margin: auto;
    text-align: center;
    color: #c30928;
    padding-top: 7px;
    position: relative;
    float: left;
        font-weight: bold;
}

 .footer .contact-button {

    color: #aaaaaa;
    font-weight: bold;
    position: relative;
    top: 7px;
}
.search-button {
    cursor: pointer;
    float: right;
    margin-right: 35px;
    margin-top: 15px;
}

.container-small{
    padding-left: 45px!important;
}

.box.middle{
       margin-left: 30px;
    margin-right: 30px; 
}

.breakout-boxes .col-sm-4 .box-left h3, .breakout-boxes .col-sm-4 .box-right h2 {
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    }

.breakout-boxes .col-sm-4:hover .box-left h3 {color: #282828;}
.breakout-boxes .col-sm-4:hover .box-right h2 {color: #c30928;}
.banner-text{position:absolute;top:17%;left:0;right:0;}
.banner-text h3 {text-transform: uppercase;
    color: #fff;
    font-size: 91px;}
.banner-head{color:#c30928;font-size:300%;text-transform:uppercase;line-height:1em;}
.banner-desc{color:#817d72;font-size:150%;}
.banner-desc a{background:#c30928;padding:5px 0px;color:#fff;margin-top:25px;width:180px;text-align:center;display:block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.banner-desc a:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#817d72;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.banner-desc a:hover:before, .banner-desc a:focus:before, .banner-desc a:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
.contact-us{background:url("images/contact_strategic.jpg") no-repeat center top;width:100%;padding:10px 0;}
.footer-divs div {padding: 0; margin: 0;}
.footer{
width: 100%;
    background: #000;
    height: 243px;
    }
.footer h3 {    margin-bottom: 18px;}
.footer ul li:last-child a {margin-right: -2px;} 
.footer li a {
    color: #fff;
    font-size: 18px;
    margin-right: 22px;
    text-decoration: none;
        display: inline-block;
}
.footer .nav li:hover a{    color: #c30928!important;}  
.border-line {position: relative;}
.border-line:after {content: "";
    position: absolute;
    top: -10px;
    right: 62px;
    height: 338px;
    width: 3px;
    border-right: 2px solid #2c5c90;
}
.footer .read-more {text-decoration: underline!important;}
.border-line.nav:after {   right: 37px;}
.copyright {
    margin-top: 40px;
    margin-bottom: 0;
    float: left;
    clear: both;
}
.footer .col-sm-4{
    padding-left: 0;
}
.interest .row{
        background: #2c2c2c;
    height: 79px;
    margin-top: -39px;
    z-index: 222;
    position: relative;
}
.interest-button:first-child{
        margin-left: 30px;
    margin-right: 5px;
}
.interest-button{
background: #fff;
    font-size: 16px;
    position: relative;
    text-align: left;
    height: 49px;
    margin: auto;
    padding-top: 15px;
    width: 265px;
    color: #2c2c2c;
    border: 1px solid #8f8f8f;
    padding-left: 40px;
    display: inline-block;
    top: -5px;
}
.interest-button:after{
    content: "➝";
    color: #2c2c2c;
    width: 58px;
    height: 47px;
    position: absolute;
    right: 0;
    top: 0px;
    background: #e4e4e4;
    text-align: center;
    font-size: 24px;
    padding-top: 13px;
}
.schedule:after{
    content: "➝";
    color: #fff;
    width: 58px;
    height: 47px;
    position: absolute;
    right: 0;
    top: 0px;
    background: #29cfdb;
    text-align: center;
    font-size: 24px;
    padding-top: 8px;
}

.interest h2 {color: #fff; font-size: 30px; text-align: center;}
.uppercase p {text-transform: uppercase; margin: 0;    margin-bottom: 5px; }
.breakout-boxes{   
    max-width: 1140px;
    margin: auto;
    margin-top: -138px;
}
.breakout-boxes .heading {
    text-transform: uppercase;
    color: #282828;
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: bold;
    margin-top: 29px;
    text-align: left;
}
.breakout-boxes .heading:after {display: none;}
.breakout-boxes p {color: #282828;font-size: 16px;text-align: left;width: 100%;margin: auto;font-family: Poppins; }
.breakout-boxes .more{    color: #c30928;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: block;
    vertical-align: middle;
 margin-top: 15px;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-transform: uppercase;
}

.contact .contact-image{
    background: url(/wp-content/themes/riversideelectronics/images/side_form.jpg);
    height: 507px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: center;
}

.contact .contact-form-container{

}

.breakout-boxes .img-box{margin-bottom:50px;}
.breakout-boxes .img-box img {width: 100%;}

.services-bar{margin-top:0px;}
.logo {float: left;     z-index: 999;
  position: relative;
    margin-top: 25px; max-width: 363px;}
.footer .logo {
    margin-top: 23px;
    position: relative;
}
.footer p { float: left; width: auto; color: #fff; }
.side-logo {float: right;}
.footer-line { width: 100%; border-bottom: 2px solid #747474; margin-top: 10px; margin-bottom: 25px;}
.footer a {width: auto;}
.services-bar .col-md-3{height:85px;line-height:85px;}
.services-bar img{display:inline-block;vertical-align:bottom;}
.wpcf7-form h2{font-size:17px;text-align:center;color:#817d72;}
.wpcf7-select,
.wpcf7-text,
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
padding: 10px 18px;
    background-color: #FAFAFA!important;
    display: block;
    width: 100%;
    height: 35px;
    padding: 15px 15px;
    font-size: 15px;
    line-height: normal;
    color: #222;
    font-weight: normal;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;}
.wpcf7-form-control-wrap{margin-bottom:5px;display:block;}
.wpcf7-submit, #respond .form-submit input{background:#817d72;border:1px solid #817d72;border-radius:0;color:#fff;float:right;padding:5px 25px;}
::-webkit-input-placeholder{color:#817d72;}
:-moz-placeholder{color:#817d72;}
::-moz-placeholder{color:#817d72;}
:-ms-input-placeholder{color:#817d72;}

.wpcf7-not-valid{border:1px solid red !important;}
.wpcf7-not-valid-tip{display: none !important;}
.widget-area ul{padding:0;margin:0;list-style:none;}
.entry-title a, .link-more a{color:#c30928;}
.entry-meta{display:none;}
#respond h3{color:#c30928;border-bottom:5px solid #817d72;padding-bottom:5px;}
#respond label{display:block;width:100%;}
.comments-area{width:100%;}
.post-navigation{display:none;}
.comments-area ol{list-style:none;margin:0;}
.comments-area > ol{padding:0;}
.home-banner .container, .home-banner .row {height: 100%; position: relative;}
.slick-slider {
    height: 367px;}

.testimonial-container {
position: absolute;
    right: 0;
    bottom: 0;
    width: 580px;
    height: 463px;
    background: rgba(192, 44, 26, .7);
        padding: 30px 45px 0 45px;
}
.testimonial-container *:focus { outline: none;}
.slick-slide {
    height: 100%!important;
    max-height: 500px!important;


}

@media screen and (min-width : 768px){
    
    .header .nav-container {
    display: block;
    width: auto;
}
    .cms-contents .container{
    padding-left: 0;
    padding-right: 0;
}
 
.cms-contents .col-sm-8{
    padding-left: 0;
    padding-right: 50px;
}
.no-padding-left {padding-left: 0;}

    .header .nav-container{
    float: right;
    margin-top: 50px;
        }
    .cms-contents a {
    font-weight: 700;
    z-index: 999;
    position: relative;
}

}

    .container-small{
    padding-left: 25px!important;
}
    body:not(.home) .locations {
    margin-top: 50px;
}
    body:not(.home) .locations .container {
    padding-left: 30px;
    padding-right: 30px;
}
    body:not(.home) .locations .container .row{
    padding-top: 50px;
    border-top: 4px solid #c12f1d;
}



}

@media screen and (min-width : 1201px){
    .header .nav-container { margin-top: 68px; float: right;}
}
@media screen and (max-width : 1200px){
.org{ height: auto; }
.org .row{       justify-content: center;}
.org a {padding-bottom: 10px;}
form.search-form {top: 5px;right: 241px;}
form.search-form input.search-field {   width: 200px;}
nf-field:nth-child(odd) .nf-field-container {
    padding-right: unset;
}
#ninja_forms_required_items, .nf-field-container {  max-width: unset;}
.nf-field-element textarea {
    width: 100%!important;
  }
}

@media screen and (max-width : 767px){
    .home-banner-txt { top: 30%!important; }
.home-banner-txt h2 span { font-size: unset; }
.home-banner-txt .button {display: none;}
    .number-side{
        padding: 0;
    }
.footer {
    height: auto;
    padding: 15px 0px;
}
.features {
    height: auto;
}
.planning, .numbers {padding: 0;}
.planning p , .planning a, .planning h3, .planning h4 {
    margin-left: 12px;
}
.planning a {margin-bottom: 10px;}
.breakout-boxes {
    margin-top: 0;
}
.breakout-boxes a {
max-width: 500px;
}

.breakout-box img.box-bg {
    max-width: 500px;
    width: 100%;
}
.breakout-boxes .row {
    flex-wrap: wrap!important;
}
    .any-occasion {
    height: auto;
}
    .any-occasion p {
    margin-top: 0;
    margin-left: 0;
}

    .call-box {
    background: #2c2c2c;
    padding-left: 5%;
    padding-top: 20px;
    height: auto;
    padding-bottom: 15px;
}

    html {overflow-x: hidden; max-width: 100%;}
    #menu-menu li a {
    text-align: center!important; color: #fff!important;     margin-right: auto;
}


    .side-box {
    background: #e40a01;
    height: auto;
    width: 100%;
    padding-bottom: 15px;
}
    #menu-menu li.menu-item-has-children:after {
display: none;
}
#menu-menu .sub-menu {
    display: block;
    position: relative;
    top: unset;
    left: unset;
    background: unset;
    border-top: unset;
    width: 100%;
    z-index: 11;
    padding: 0;
}
#menu-menu .sub-menu li {
    text-align: center;
    float: unset;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    border-top: unset;
}
#menu-menu li.menu-item-has-children {
    height: auto;
    margin-bottom: unset;
    border: unset;
}
#menu-menu li.menu-item-has-children > a{
display: none;
}
.home-side     {
    max-width: 95%;
}
.services h2 {
    font-weight: bold;
    color: #fff;
    width: 375px;
    margin-top: 0;
    margin-bottom: 20px;
}
    .home-banner-txt h2 {
    font-size: 38px;
    color: #fff;
    text-align: center;
    max-width: 330px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

    .services {
    height: auto;
}
.service-box{
    margin-bottom: 30px;
}
.service-box p {
    max-width: unset;
}
    .wpcf7-form-control-wrap {
    margin-bottom: 5px;
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

.wpcf7 label {
    min-width: 600px;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    min-width: unset;
}
.wpcf7 {
    max-width: 100%;
}
.cms-contents .col-sm-12 h2{margin-left: 10px;}
.team {
    margin-left: 0!important;
}
    .copyright {
    margin-top: 25px;
    margin-bottom: 0;
    float: unset;
    clear: both;
}
.copyright a  {
    clear: both;
    display: block;
}
.copyright br{display: none;}
    .nav-button-container {
    float: right;
    margin-top: 60px;
    margin-right: 0px;
}
.detail img {max-width: 100%;}

.home-banner {
    height: 378px;
}
    .nav-button-container p {
display: none;
}
    .breakout-boxes {
    background: none;
}
.detail-red {
    height: auto;
    padding-bottom: 20px;
}

.how-line {
    border-top: unset;
}
.how h3 {
    font-size: 30px;
    color: #414141;
    margin-top: 10px;
    margin-bottom: 0px;
}
.how p {
    font-size: 18px;
    color: #ffffff;
    max-width: unset;
}
.how-it-works h2 {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 0px;
}
.how-it-works {
    background: #022222;
    height: auto;
    margin-top: 78px;
    margin-bottom: 78px;
    padding-bottom: 30px;
    padding-left: 15px;
}
.how:after {
display: none;
}
.breakout-boxes div .col-sm-4.left{     margin-top: 0px; }
.breakout-boxes div .col-sm-4.right{     margin-top: 0px; }
    .breakout-boxes h2 {
    margin-bottom: 0;
}
.breakout-boxes {
    height: auto;
}
    .box {
    max-width: 420px;
    margin: auto;
    position: relative;
    margin-bottom: 11px!important;
    clear: both;
    width: 100%;
}
.box.middle {
    margin: auto;
    margin-bottom: 11px;
}
    .home-excerpt .container {
    padding-top: 0px;
}
    .home-excerpt {
    background: -webkit-linear-gradient(top, #c30928 0%,#760518 100%);
    background: linear-gradient(to bottom, #c30928 0%,#760518 100%);
    background: linear-gradient(to bottom, #c30928 0%,#760518 100%);
    min-height: unset;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 0;
    margin-top: 0;
}
    .header {
    height: 115px;
    position: relative;
}

    .testimonial-content:before, .testimonial-content:after {display: none!important;}
.cms-contents .col {
    float: none;
    display: block;
    margin: auto;
}
    #menu-menu {margin-left: 0;    width: 100%!important; }
#menu-menu {    margin-top: -4px!important;}
.nivo-caption p {
    padding-top: 30px!important;}
.top-header {display: none;}
 .nivoSlider img {    height: 477px!important;  width: 1900px!important;}
 .nivo-caption h3 {font-size: 52px;}
.footer .logo {margin: auto; display: block;     max-width: 85%; float: none;}
.footer .border-line:after {display: none;}
    .footer .menu-main-navigation-container,
    .tagline{
        display: none;
    }
    .footer{
        text-align: center;
    }
    .contact-us{
        background-position: center right;
    }
    .breakout-boxes .col-md-3.col-sm-3{
        margin-bottom: 15px;
    }
    .breakout-boxes{
        text-align: center;
    }
    .breakout-boxes .img-box img{
        margin: 0 auto;
        display: block;
    }
    .breakout-boxes a{
    margin: 0;
    width: 50%;
   }
    .banner-desc{
        display: none;
    }
    .banner-text{
        text-align: center;
    }
    .banner-head{
        font-size: 200%;
        float: left;
        clear: both;
            text-align: left;
    }
.banner-image img {
    min-height: 200px;
    min-width: 500px;
    float: right;
    width: auto;
}
    .banner-image img{
        min-height: 200px;
         min-width: 500px;
    }
    .header .col-md-3.col-sm-4, .header .col-md-9.col-sm-8{
        clear: both;
    }
    .row.visible-xs{
        padding-bottom: 10px;
    }
.menu-menu-container {
    width: 100%;
}
    .header .nav-container{
    display: none;
    z-index: 9998;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    top: 162px;
    left: 0;
        overflow: hidden;
    }
    .header .col-sm-2 {z-index: 9999;}
    .side-of-nav {display: none;}
    .header ul{
        text-align: left;
    }
    .header .nav {
    float: none;
    position: relative;
}
    .header li{
    display: block;
    padding: 5px 0;
    border-bottom: 2px solid #000;
    width: 100%;
    color: #fff;
    background: #e40a01;
    }
    .header .nav a{
        padding-left: 15px;
    }
    .header .left img{
        float: left;
    }
    .header .right img{
        float: right;
    }
.header .logo {
    top: 0;
    left: 20px;
    max-width: 70%;
}
    .nav-button{
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 35px;
    }
    .services-bar img{
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width : 1200px) {
    .banner-text {    top: 7%;}
    .footer .border-line:after {display: none;}
    #menu-menu {   margin-top: 35px;}
    .header .side-of-nav {   margin-top: 27px;}
}

@media screen and (min-width : 768px) and (max-width : 1000px){
    .banner-desc{
        display: none;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .side-box h3 {
    font-size: 20px;
}
.side-box h4 {
    font-size: 20px;
    }
    .box h3 {
    top: 120px;
    font-size: 30px;
}
    .box h3 span{
    font-size: 24px;
}
    .header .nav-container {
    float: right;
    margin-top: 18px;
}
    .logo {
    width: 350px;
}
    .header .nav a {
    margin-right: 0px;
}
    .footer .nav a {
    margin-right: 18px;
}
    .home-excerpt p {
        font-size: 16px;
    }
    .col.clients img {
        margin-left: 20px;
    }
    .col p, .col span {
    margin-left: 5px; 
    }
    .testimonials .quote {
    padding-right: 100px;
    }
}

@media screen  and (max-width: 991px) {
    .interest-button:first-child {
        margin-left: auto;
        margin-right: auto;
    }
    .interest-button {
    top: unset;
    clear: both;
    float: unset;
    margin: auto;
    display: block;
    margin-top: 9px;}
.interest .row {
    height: auto;
    margin-top: unset;
}
.interest h2 {
    font-size: 18px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .breakout-box h3 {
    top: 14px;
    left: 15px;
    font-size: 24px;
}
        .side-box h3 {
    font-size: 20px;
}
.numbers img {height: 100%;}
.service-box h3 {
    font-size: 26px;
}
.call-box {
    background: #2c2c2c;
    padding-left: 40px;
    padding-top: 26px;
    height: 264px;
}
.call-box br{ display: none; }
.side-box h4 {
font-size: 19px!important;
    padding-left: 30px;   
     }
.side-box h4 strong{
    float: left;clear: both;
}

    #menu-menu li.menu-item-has-children:after {
    top: 15px;
    left: 65px;
}

    .services h2 {
    width: 170px;
    font-size: 30px;
}

    .box h3 {
    top: 88px;
    font-size: 22px;
}
    .box h3 span{
    font-size: 18px;
}
        .header .nav-container {
    float: right;
    margin-top: 8px;
}
    .logo {
    width: 285px;
}
    .header .nav a {
    margin-right: 0px!important;
}

        .side-of-nav {margin-top: 0!important;}

.footer ul {margin-left: 0px!important;}
        .footer .nav a {
            font-size: 12px;
    margin-right: 7px;
}
    .testimonials .quote {
    padding-right: 50px;
    font-size: 18px;
}
    .col p {
    font-size: 20px;
}
    .col p, .col span {
    margin-left: 0px;
}

    .home-banner-text .par {
    max-width: 440px;
    margin-top: 5px;
}
    .container-small {
    padding-left: 0!important;
}
    .col.clients span {
    line-height: 100%;
    margin-right: 40px;
    margin-left: 0;
}
/*    .col.clients img {
    position: relative;
    height: auto;
    display: inline;
    top: 30px;
    margin-left: 10px;
    width: 19%;
}*/
 

.box .overlay h4 {
    color: #fff;
    margin-top: 23%;
    margin-left: 17%;
    font-size: 24px;
}

    .footer .side-of-nav {
    top: 7px;
    }
    .cms-contents .col {
    left: 55px;
}
    .net-image img {width: 100%;}
    .youtube-button {width: 50px!important;}

    .header .nav a {   margin-right: 14px;}
    .top-header li a {    margin-right: 30px;}
    .footer .border-line:after {display: none;}
    .breakout-boxes .col-sm-3 { padding-left: 5px; padding-right: 5px;}
    .breakout-boxes p {  font-size: 15px;}
}
.prev.page-numbers,.next.page-numbers,.cat-tags-links{display:none;}
.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(150, 0, 0, 0.65); /* Darker red with more opacity */
  z-index: 1;
}
.home-banner .container {
  position: relative;
  z-index: 2;
}
/* ORIGINAL STYLES HERE... (unchanged) */
/* ... everything from your uploaded file is kept intact ... */


/* ✅ MOBILE BANNER FIXES */
@media (max-width: 768px) {
  .home-banner,
  .inner-banner {
    padding: 40px 20px !important;
    background-position: center top !important;
    background-size: cover !important;
  }

  .home-banner-wrapper,
  .container,
  .row {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .home-banner-txt {
    max-width: 100% !important;
    padding: 20px 0 !important;
    text-align: left !important;
  }

  .home-banner-txt h1 {
    font-size: 2rem !important;
    line-height: 2.4rem !important;
    margin-bottom: 15px !important;
  }

  .home-banner-txt h2 {
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
    margin-bottom: 20px !important;
  }

  .home-banner-txt a.button {
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
    font-size: 1rem !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
}
/* === FINAL Mobile Fix for Banner Text and Buttons === */
@media screen and (max-width: 768px) {
  .inner-banner {
    padding: 40px 15px !important;
    background-position: center top !important;
    background-size: cover !important;
  }

  .home-banner-wrapper {
    padding: 0 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .home-banner-txt {
    padding: 30px 15px !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .home-banner-txt h1 {
    font-size: 1.8rem !important;
    line-height: 2.2rem !important;
    margin-bottom: 15px !important;
  }

  .home-banner-txt h2 {
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
    margin-bottom: 20px !important;
  }

  .home-banner-txt a.button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 14px !important;
    margin-bottom: 12px !important;
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .inner-banner {
    padding: 40px 20px !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .home-banner-wrapper {
    padding: 0 15px !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .home-banner-txt {
    padding: 20px 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .home-banner-txt h1 {
    font-size: 1.8rem !important;
    line-height: 2.2rem !important;
    margin-bottom: 15px !important;
  }

  .home-banner-txt h2 {
    font-size: 1.2rem !important;
    line-height: 1.6rem !important;
    margin-bottom: 20px !important;
  }

  .home-banner-txt a.button {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    font-size: 1rem !important;
    padding: 14px !important;
  }
}
/* ✅ Fix for Missing Top Header Background */
.header {
  background-color: white;
  padding: 20px 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 999;
  position: relative;
}
@media (max-width: 768px) {
  .header {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 9999;
  }
}
/* 🔧 Fix header and menu layout on mobile */
@media screen and (max-width: 768px) {
  .header {
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }

  .nav-container {
    width: 100%;
    margin-top: 20px;
  }

  .nav ul {
    flex-direction: column;
    padding-left: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }

  .nav ul li {
    display: block;
    padding: 10px 0;
  }

  .nav ul li a {
    display: block;
    font-size: 1.1rem;
    color: #000 !important;
    text-decoration: none;
  }

  .nav-button-container {
    display: block !important;
    text-align: right;
    padding: 10px 15px;
  }

  .nav-button {
    width: 30px;
    height: auto;
  }

  .logo {
    max-width: 260px;
    height: auto;
  }

  .container,
  .row {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 15px !important;
  }
}