/* 
                Author     : Munjin Hasan Adil
*/

@font-face {
    font-family: 'Bitter-Bold';
    src: url('../fonts/Bitter-Bold.eot');
    src: url('../fonts/Bitter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bitter-Bold.woff2') format('woff2'),
        url('../fonts/Bitter-Bold.woff') format('woff'),
        url('../fonts/Bitter-Bold.ttf') format('truetype'),
        url('../fonts/Bitter-Bold.svg#Bitter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bitter-Regular';
    src: url('../fonts/Bitter-Regular.eot');
    src: url('../fonts/Bitter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bitter-Regular.woff2') format('woff2'),
        url('../fonts/Bitter-Regular.woff') format('woff'),
        url('../fonts/Bitter-Regular.ttf') format('truetype'),
        url('../fonts/Bitter-Regular.svg#Bitter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bitter-Italic';
    src: url('../fonts/Bitter-Italic.eot');
    src: url('../fonts/Bitter-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bitter-Italic.woff2') format('woff2'),
        url('../fonts/Bitter-Italic.woff') format('woff'),
        url('../fonts/Bitter-Italic.ttf') format('truetype'),
        url('../fonts/Bitter-Italic.svg#Bitter-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

body {
    font-size: 16px;
    color: #111;
    font-family: 'Bitter-Regular';
    overflow-x: hidden;
}
body.site {border-top: 0 !important;}
.cf-form-wrap h2 {
    margin-top: 15px;
    font-size: 24px !important;
    line-height: 22px !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    font-family: 'Bitter-Regular' !important;
    border-bottom: 1px solid #0b4779 !important;
    padding-bottom: 10px !important;
}
.rsform-submit-button {
    padding: 12px 30px !important;
    font-size: 17px !important;
    display: inline-block !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    background: #0b4779 !important;
    background-image: none !important;
    font-family: 'Bitter-Regular' !important;
}
.rsform-submit-button:hover {
    background: #000 !important;
}
.cf-btn, #Schedule_a_Site_Visit_Home, #Schedule_a_Site_Visit_Sidebar {
    padding: 12px 30px !important;
    font-size: 17px !important;
    display: inline-block !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    background: #0b4779 !important;
    background-image: none !important;
    font-family: 'Bitter-Regular' !important;
}
#Schedule_a_Site_Visit_sidebar {
    background: #dea453 !important;
}
.cf-btn:hover, #Schedule_a_Site_Visit_Home:hover, #Schedule_a_Site_Visit_sidebar:hover {
    background: #000 !important;
}
* {outline: none !important;}
a:hover {text-decoration: none;}
a,
a:before,
a:after {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; 
}
p {line-height: 30px; margin-bottom: 15px;}
#rsform_3_page_0 .rsform-block label, #rsform_4_page_0 .rsform-block label {display: none;}
.rsform-block-schedule-a-site-visit {margin-bottom: 0 !important}
.btn {
    text-decoration: none !important;
    white-space: nowrap;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s; 
}
.btn-blue {
    padding: 12px 30px; 
    font-size: 17px;
    display: inline-block;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    background: #0b4779 !important;
    background-image: none;
    font-family: 'Bitter-Regular';
}
.btn-blue:hover {background: #000 !important; color: #fff;}
.btn-blue:after {
    content: url('../images/arrow.png');
    margin-left: 10px;
    position: relative;
    top: -2px;
}
.btn-black {
    padding: 13px 30px; 
    font-size: 17px;
    display: inline-block;
    color: #fff;
    border: none;
    border-radius: 8px;
    background: #000;
    background-image: none;
    font-family: 'Bitter-Regular';
}
.btn-black:hover {background: #dea453; color: #fff;}
.btn-black:after {
    content: url('../images/arrow.png');
    margin-left: 10px;
    position: relative;
    top: -2px;
}
.btn-readmore {
    padding: 8px 30px; 
    font-size: 16px;
    display: inline-block;
    color: #0b4779;
    border: none;
    border-radius: 8px;
    background: none;
    background-image: none;
    font-family: 'Bitter-Bold';
}
.btn-readmore:hover {background: #dea453; color: #2b4779;}
.btn-readmore:after {
    content: url('../images/triangle-caret.png');
    margin-left: 10px;
    position: relative;
    top: 0px;
}
.d-inline-b {display: block;}
.gutter-left-0 {padding-left: 0;}
.gutter-right-0 {padding-right: 0;}
.gutter-left-5 {padding-left: 5px;}
.gutter-right-5 {padding-right: 5px;}
.gutter-left-10 {padding-left: 10px;}
.gutter-right-10 {padding-right: 10px;}
.gutter-left-12 {padding-left: 12px;}
.gutter-right-12 {padding-right: 12px;}
.gutter-left-30 {padding-left: 30px;}
.gutter-right-25 {padding-right: 25px;}
.gutter-right-30 {padding-right: 30px;}
.gutter-left-80 {padding-left: 80px;}

.grey-box {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 40px 20px 30px;
    background-color: #f8f9fa;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
}
.blog .household-spiders-lead {
    margin-right: 25px;
    float: left;
}
.household-spiders-lead {
    margin-left: 8px;
    float: right;
}
.com-content-category-blog__item.blog-item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px;
    width: 100%;
}
.view-article.itemid-164 .innerpage-heading {display: none;}
.view-article.itemid-164 .innerpage-content {margin-top: 30px;}
.view-article.itemid-164 .innerpage-sidebar {margin-top: 30px;}
/*================= FAQ ===================*/
.faq-section h2 {    
  font-family: 'Bitter-Bold';
  text-transform: uppercase;
  font-weight: 900;
  font-size: 40px;
  margin-top: 40px;
}
.faq #accordion {margin: auto;}
.faq .panel {margin-bottom: 12px;}
.faq .panel-heading {padding: 0 25px 0 0;}
.faq .panel-title {margin: 0;}
.faq .card {margin-bottom: 10px;}
.faq .card-header {padding: 0;}
.faq .card-header a {
  color: #fff;
  background: #0e4f83;
  display: block;
  position: relative;
  padding: 12px 7px 12px 17px;
  font-size: 17px;
  line-height: 100%;
  text-decoration: none;
  font-family: 'Bitter-Bold';
}
.faq .card-header a::after {
  content: "+";
  display: inline-block;
  position: absolute;
  right: 25px;
  font-family: 'Bitter-Bold';
  font-size: 19px;
}
.faq .card-header a.first-item::after {
  content: "-";
  }
.faq .card-header a.first-item[aria-expanded=false]::after {
  content: "+";
  }
.faq .card-header a[aria-expanded=true]::after {
  content: "-";
}
.panel-collapse a {color: #9e293f;}
.panel-collapse a:hover {text-decoration: underline;}
#cf_4 {background: none;}
#cf_4 button {background: #000 !important;color: #fff !important;margin-bottom: 15px;}
#cf_4 button:after {
    content: url(../images/arrow.png);
    margin-left: 10px;
    position: relative;
    top: -2px;
}
#cf_4 button:hover {background: #dea453 !important;}
#cf_4.convertforms .cf-form-wrap, #cf_5.convertforms .cf-form-wrap {
    padding: 0 !important;
}
#form5_textarea6 {height: 45px;}

/*================= Header ===================*/
header {
    padding: 8px 0 8px;
    border-bottom: 2px solid #d4d4d4;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,cedef4+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #cedef4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#cedef4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#cedef4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cedef4',GradientType=0 ); /* IE6-9 */
}
.logo img {width: 300px;}
.header-contact {text-align: right;}
.header-contact-block {display: inline-block; margin-left: 15px; text-align: left;}
.header-contact-content {display: inline-block; vertical-align: middle;}
.header-contact-block img {margin-right: 5px; display: inline-block; vertical-align: middle;}
.header-contact-block img.img-mobile {display: none !important;}
.header-contact-block p {
    margin-bottom: 0;
    font-size: 20px;
    color: #061950;
    line-height: 100%;
    font-family: 'Bitter-Regular';
}
.header-contact-block h4 {
    color: #061950;
    font-size: 23px;
    margin-top: 5px;
    margin-bottom: 0;
    font-family: 'Bitter-Bold';
}
.header-contact-quote span {vertical-align: middle;}
.header-phone a, .header-contact-email a {color: #061950;}
.header-phone a:hover, .header-contact-email a:hover {color: #fdc600;}


/*================= Navigation ===================*/
.navbar-wrapper {position: absolute; left: 0; right: 0; z-index: 10; }
.navbar-brand {margin-right: 0;}
nav.bg-dark {background: #0b4779 !important; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0;}
.navbar-nav {align-items: center;}
.navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link {color: #fff; font-size: 17px; padding: 0; font-family: 'Bitter-Regular';}
.navbar-nav .active > .nav-link, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {background: none;}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {color: #dea453;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #dea453;}

.navbar-text {padding: 0;}
.navbar-text p {margin-bottom: 0;}
.navbar-text a {
    padding: 10px 10px;
    border-radius: 0; 
    width: 225px;
    background: #dea453;
    color: #000 !important;
    font-family: 'Bitter-Bold';
}
.navbar-text a:hover {color: #fff !important;}

.main-menu {background: #0b4779 !important;}
#gruemenu {float: left;}
#gruemenu.grue_96 {background: #0b4779 !important;}
#gruemenu.grue_96 ul li a, #gruemenu.grue_96 #gruemenu.grue_96 {
    font-size: 16px !important;  font-family: 'Bitter-Regular' !important;
}
#gruemenu.grue_96 > ul > li > a {color: #fff !important; text-transform: capitalize !important;}
#gruemenu > ul > li > a {padding: 16px 24px !important; letter-spacing: 0 !important;}

#gruemenu.grue_96 > ul > li.has-sub > a::after {
    right: 7px !important;
    margin-top: -4px !important;
}
#gruemenu, #gruemenu ul, #gruemenu ul li, #gruemenu ul li a {z-index: 999 !important;}


#gruemenu.grue_96 ul > li > ul > li > a, #gruemenu.grue_96 ul > li > ul > li > ul > li > a {
    width: 250px;
}
#gruemenu.grue_96 ul ul ul {margin-left: 28px;}
@media (max-width: 992px) {
    #gruemenu {display: none !important;}
}



/*================= Main Carousel ===================*/
.banner {position: relative;}
.full-screen {background-size: cover; background-position: center; background-repeat: no-repeat;}
#carouselExampleIndicators .carousel-caption {
    position: absolute;
    top: 11%;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: left;
}
#carouselExampleIndicators .carousel-caption-inner {padding: 10px 18px 10px; display: inline-block; width: 31%; float: right;}
#carouselExampleIndicators h3 {
    margin-bottom: 8px;
    font-family: 'Bitter-Bold';
    font-size: 38px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
#carouselExampleIndicators p {
    font-family: 'Bitter-Regular';
    font-size: 21px;
    line-height: normal;
    letter-spacing: 1px;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}
#carouselExampleIndicators .btn {
    margin-top: 5px;
    z-index: 1;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s;
}

.indicators-container {position: relative;}
#carouselExampleIndicators .carousel-indicators {display: block; left: auto; margin-right: 0; right: -2%; top: 260px;}
#carouselExampleIndicators .carousel-control-next, #carouselExampleIndicators .carousel-control-prev {width: 70px; opacity: 1; z-index: 10; bottom: auto; top: 43%; display: none;}
#carouselExampleIndicators .carousel-control-next:hover, #carouselExampleIndicators .carousel-control-prev:hover {opacity: 0.8;}

#carouselExampleIndicators .carousel-indicators li {
    width: 7px;
    height: 7px;
    background: #0b4779;
    border: 2px solid transparent;
    border-radius: 100%;
    margin-right: 4px;
    margin-left: 6px;
    margin-bottom: 10px;
    text-indent: -999px;
    cursor: pointer;
    opacity: 1;
}
#carouselExampleIndicators .carousel-indicators .active{position:relative; z-index:10; background:#0b4779; border:2px solid #0b4779; width: 20px; height: 20px; margin-left: 0; top: 0;}
#carouselExampleIndicators .carousel-indicators .active:before{content:""; display:block; position:absolute; z-index:-1; top:0px; left:0px; right:0px; bottom:0px; border:5px solid #fff; border-radius: 100%; }



/*================= Schedule a Site Visit ===================*/
.site-visit-wrap {
    position: absolute; background: #fff; padding: 20px; width: 100%; left: 0; right: 0; top: -90px; border-radius: 8px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(51,51,51,0.6); 
    box-shadow: 0px 0px 10px 0px rgba(51,51,51,0.6);
}
.site-visit-wrap h3 {
    font-family: 'Bitter-Bold'; 
    font-size: 23px;
    border-bottom: 1px solid #dddddd;
    margin: 0 -20px;
    text-indent: 20px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.site-visit-wrap input {height: 50px;}

#ff_frame1 {height: 150px;}
#ff_frame1 input {
    height: 50px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
#bfElemWrap1, #bfElemWrap91, #bfElemWrap24, #bfElemWrap29 {
    width: 33%;
    float: left;
    margin-right: 20px;
    background: none !important;
}
#bfElemWrap11, #bfElemWrap1234, #bfElemWrap1299 {
    width: 30%;
    float: left;
    background: none !important;
}
#bfElemWrap1 input, #bfElemWrap91 input, #bfElemWrap11 input, #bfElemWrap24 input, #bfElemWrap29 input {
    width: 100% !important; padding-left: 12px; border-radius: 5px;
}
#bfElemWrap91 input {padding-left: 167px;}
#bfElementGroupNoWrap91 {width: 100%;}
#bfElementGroupNoWrap91 input {max-width: 100% !important;}

#bfSubmitButton {
    float: left !important;
    padding: 12px 30px;
    font-size: 17px;
    display: inline-block;
    color: #fff;
    border: none;
    border-radius: 8px;
    background: #0b4779;
    background-image: none;
    font-family: 'Bitter-Regular';
    width: 30%;
}
.bfQuickMode section.bfElemWrap {padding: 0 !important;}

#bfSubmitButton:hover {background: #000; color: #fff;}
#bfSubmitButton:after {
    content: url('../images/arrow.png');
    margin-left: 10px;
    position: relative;
    top: -2px;
}

#ff_elem1 {
    background: url(../images/user-icon.png) no-repeat scroll 9px center !important;
    padding-left:45px !important;
}
#ff_form1 button.bfCalendar {
    background: url(../images/date-icon.png) no-repeat scroll 9px center;
    height: 35px;
    margin: 0px 0px 0px 5px;
    width: 40px;
    border: 0;
    position: absolute;
    left: 0;
    top: 10px;
    padding-left: 45px;
    cursor: pointer !important;
}
#ff_form4 button.bfCalendar {
    background: url(../images/date-icon.png) no-repeat scroll 9px center;
    height: 35px;
    margin: 0px 0px 0px 5px;
    width: 40px;
    border: 0;
    position: absolute;
    left: auto;
    top: 13px;
    padding-left: 45px;
    cursor: pointer !important;
    right: -47px;
}
#ff_form1 button.bfCalendar:after {content: 'Booking Date'; width: 105px; display: block; color: #495057; margin-top: -3px;}

#ff_elem11 {
    background: url(../images/email-icon.png) no-repeat scroll 9px center !important;
    padding-left:45px !important;
}
#ff_elem24 {
    background: url(../images/telephone-icon.png) no-repeat scroll 9px center !important;
    padding-left:45px !important;
}
#ff_elem29{
    background: url(../images/location-icon.png) no-repeat scroll 9px center !important;
    padding-left:45px !important;
}

#bfElemWrap503, #bfElemWrap521 {margin-left: 25px;}

/*================= Contact and Employment Page ===================*/
.bfQuickMode section.bfElemWrap, .bfQuickMode span.bfElemWrap {background: none !important;}
.bfQuickMode section input[type='text'], .bfQuickMode section input[type='text'], #ff_elem503, #ff_elem521 {height: 45px;}
.bfQuickMode legend {background: #0b4779 !important;}

#ff_form4 .bfLabelLeft .bfElementGroup input, #ff_form4 .bfLabelLeft .bfElementGroupNoWrap input, #ff_form4 .bfLabelTop .bfElementGroup input, #ff_form4 .bfLabelTop .bfElementGroupNoWrap input, #ff_form4 .bfLabelRight .bfElementGroup input, #ff_form4 .bfLabelRight .bfElementGroupNoWrap input, #ff_form4 .bfLabelBottom .bfElementGroup input, #ff_form4 .bfLabelBottom .bfElementGroupNoWrap input {height: 45px;}
#ff_form4 span.bfLabelLeft label {margin: 13px 10px 0px 0px !important;}


/*================= Services Section ===================*/
.services {
    padding: 220px 0 45px; 
    text-align: center;
    background-image: url(../images/services_bg.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.services h3 {margin-bottom: 15px; text-align: left; color: #fff; font-family: 'Bitter-Bold'; }
.services-box {background: #233861; color: #fff; padding: 35px 10px 25px; border: 1px solid #395b9b; border-radius: 6px;}
.services-box:hover {background-color: #000;}
.services h4 {font-family: 'oswaldregular'; font-size: 19px; margin-top: 25px; margin-bottom: 15px; color: #fff;}


/*================= Mobile Services Section ===================*/
.owl-carousel.owl-carousel-services .owl-item img {width: auto; margin: 0 auto;}
.owl-theme.owl-carousel-services .owl-nav [class*=owl-]:hover {background: none !important;}
.owl-theme.owl-carousel-services .owl-nav [class*=owl-] {
    color: #FFF !important;
    font-size: 60px !important;
    line-height: normal !important;
    height: 20px;
}
.owl-carousel-services .owl-dots {display: none;}



/*================= Welcome Section ===================*/
.welcome {
    position: relative;
    padding: 60px 0 140px; 
    background-image: url(../images/welcome-bg.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.welcome h3 {font-family: 'Bitter-Bold'; font-size: 32px; line-height: 45px; margin-bottom: 20px; color: #000;}
.welcome h3 span {display: block; font-size: 32px; line-height: 45px; margin-bottom: 10px; color: #0b4679;}
.welcome p {font-size: 19px; line-height: 36px;}
.welcome p.welcome-lead {font-family: 'Bitter-Bold'; font-size: 20px; line-height: 36px; margin-bottom: 20px;}
.welcome .btn {margin-top: 40px;}

/*================= Testimonials ===================*/
.testimonials .carousel-item {min-height: 200px;}
.testimonials {background-image:none;}
.itemid-101 .testimonials {background-image: url(../images/completed-projects-bg.jpg); background-repeat: repeat;}
.testimonials-wrapper {
    position: relative;
    margin-top: 0;
    text-align: center;
    padding: 20px 0 30px;
    margin-bottom: 50px;
    border-radius: 10px;
    background: #dea453;
    -webkit-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.75);
}
.itemid-101 .testimonials-wrapper {
    margin-top: -80px;
    margin-bottom: 0;
}
.testimonials h3 {font-family: 'Bitter-Bold'; font-size: 23px;}
.testimonials #carouselExampleControls {margin-top: 20px;}
.testimonials .carousel-caption {
    position: relative;
    padding: 0;
    right: 0;
    left: 0;
    bottom: auto;
    margin: 0 50px;
    color: #202020;
}
.testimonials p {font-size: 17px; line-height: 24px; color: #202020; margin-bottom: 13px;}
.testimonial-author {font-size: 17px; font-family: 'Bitter-Bold';}
.testimonials .carousel-control-next, .testimonials .carousel-control-prev {width: auto; opacity: 1; top: -63px;}
.testimonials .carousel-control-next:hover, .testimonials .carousel-control-prev:hover {width: auto; opacity: 0.6;}
.testimonials .carousel-control-prev {left: 18px;}
.testimonials .carousel-control-next {right: 18px;}
.testimonials .carousel-control-prev:after {
    content: url('../images/testimonials-prev.png');
}
.testimonials .carousel-control-next:after {
    content: url('../images/testimonials-next.png');
}

/*================= Our Completed Projects ===================*/
.completed-projects {
    position: relative; 
    padding-top: 50px; 
    padding-bottom: 60px; 
    text-align: center; 
    background-image: url(../images/completed-projects-bg.jpg);
    background-repeat: repeat;
}
.completed-projects h3 {font-family: 'Bitter-Bold'; font-size: 27px; color: #fff; display: inline-block; margin-bottom: 33px;}

/* Recent Projects Image Effect */
.ocp-grid {
    position: relative;
    list-style: none;
    text-align: center;
    margin-bottom: 15px;
}
.ocp-grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
    margin: 0;
}
.ocp-grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
.ocp-grid figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ocp-grid figure figcaption::before,
.ocp-grid figure figcaption::after {
    pointer-events: none;
}
.ocp-grid figure figcaption,
.ocp-grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ocp-grid figure figcaption > a {color: #fff; z-index: 1000; text-decoration: none;}
.ocp-grid figure h2 {font-family: 'futuramedium'; margin-bottom: 18px;}
.ocp-grid figure p {margin: 0; font-size: 18px; line-height: 29px;}

/*---------------*/
figure.effect-ocp {
    background: #000;
    border-radius: 15px;
}
figure.effect-ocp img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
figure.effect-ocp:hover img {opacity: 0.6;}
figure.effect-ocp figcaption::before,
figure.effect-ocp figcaption::after {
    position: absolute;
    top: 12px;
    right: 12px;
    bottom: 12px;
    left: 12px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-ocp figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figure.effect-ocp figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
figure.effect-ocp h2 {
    font-size: 20px;
    padding-top: 10px;
    padding-left: 35px;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
figure.effect-ocp p {
    padding: 10px 30px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
figure.effect-ocp:hover figcaption::before,
figure.effect-ocp:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
figure.effect-ocp:hover h2,
figure.effect-ocp:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/*================= Latest Articles ===================*/
.latest-articles {
    text-align: center; 
    padding: 50px 0 65px; 
    background-image: url(../images/welcome-bg.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.latest-articles h3 {font-family: 'Bitter-Bold'; font-size: 26px; color: #000; margin-bottom: 10px;}

.latest-articles-carousel {padding: 0 30px 25px 30px;}
.latest-articles p {font-size: 15px; color: #000; line-height: 23px;}
.latest-articles h4 {font-family: 'Bitter-Bold'; font-size: 19px; margin-top: 17px; margin-bottom: 15px; line-height: 26px;}
.latest-articles .item {
    background: #fff; 
    padding: 8px 8px 23px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
}
.owl-carousel-latest-articles .owl-stage {margin-top: 15px; margin-bottom: 20px;}
.owl-carousel-latest-articles .owl-dots {display: none;}
.owl-carousel-latest-articles .owl-nav {margin-top: 0; width: auto; position: absolute; top: 0; right: 0; display: none !important;}
.owl-carousel-latest-articles .owl-nav [class*="owl-"] {margin: 5px 11px;}
.owl-carousel-latest-articles .owl-nav [class*="owl-"]:hover {background: none;}
.owl-carousel-latest-articles .owl-nav button.owl-next {float: none; margin-right: 0;}
.owl-carousel-latest-articles .owl-nav button.owl-prev {float: none; margin-left: 0;}
.owl-carousel-latest-articles .owl-nav button:hover img {opacity: 0.6;}
.latest-articles .btn {font-size: 21px; margin-top: 0; padding: 15px 67px; position: relative; z-index: 1;} 



/*================= Inner Page ===================*/
.innerpage {
    padding-bottom: 65px;
    margin-bottom: 50px;
    background: #fff; 
    -webkit-box-shadow: 0px 2px 10px -1px rgba(186,186,186,1);
    -moz-box-shadow: 0px 2px 10px -1px rgba(186,186,186,1);
    box-shadow: 0px 2px 10px -1px rgba(186,186,186,1);
}
.innerpage-heading, .page-header {
    border-bottom: 1px solid #eaeaea; 
    margin-bottom: 22px; 
    padding: 13px 10px;
}
.com_phocagallery .innerpage-heading {display: none;}
.com_phocagallery .innerpage-sidebar {margin-top: 25px;}
.innerpage h1 {font-family: 'Bitter-Bold'; font-size: 32px; color: #000; margin-bottom: 0;}
.innerpage-content h4 {margin-top: 30px; font-family: 'Bitter-Bold'; font-size: 23px; color: #000;}
.innerpage-content .rsform-block h4 {border-bottom: 1px solid #999;padding-bottom: 7px;margin-bottom: 20px;}
.innerpage-content p {font-size: 18px; line-height: 32px; margin-bottom: 10px;}
.innerpage-content .card-body p {font-size: 16px; line-height: 27px; margin-bottom: 10px;}
p.content-lead {font-family: 'Bitter-Bold'; font-size: 19px;}
.innerpage-content a {text-decoration: underline;}
.services-block-wrap {background: #e6eef9; border-bottom: 5px solid #cee4f2; border-left: 1px solid #cee4f2; border-right: 1px solid #cee4f2;}
.services-block-content {padding: 20px 40px 35px; text-align: center;}
.services-block-content h4 {font-family: 'Bitter-Bold'; position: relative; margin-top: 5px; margin-bottom: 25px;}
.services-block-content h4::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 10px auto 0;
    width: 110px;
    height: 4px;
    background: #000;
}
.services-block-content p {line-height: 28px;}
.services-block-content .btn {margin-top: 9px; padding: 12px 45px;}

.innerpage-content ul {padding-left: 20px; margin-top: 20px;}
.innerpage-content li {margin-bottom: 8px; font-size: 18px;}
.innerpage-content li a {position: relative; color: #0b4679; text-decoration: none; font-size: 18px;}
/*.innerpage-content li a:before {
    content: url('../images/triangle-caret.png');
    margin-right: 10px;
    position: relative;
    top: 0px;
}*/

#phases {text-align: center;}
#phases ul {list-style: none; display: inline-table;}
#phases ul li {
    display: inline;
    display: block;
    float: left;
    height: 81px;
    background: #555;
    text-align: center;
    padding: 20px 15px 0 60px;
    position: relative;
    margin: 0 10px 0 0; 
    font-size: 20px;
    text-decoration: none;
    color: #fff;
}
#phases ul li span {    
    display: block;
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 100%;
    color: #dea453;
}

#phases ul li.current-phase a {background: #e41d24;}
#phases ul li.current-phase:after {border-left: 40px solid #e41d24 !important;}
#phases ul li:after {
    content: "";  
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #555;
    position: absolute; right: -40px; top: 0;
    z-index: 1;
}
#phases ul li:before {
    content: "";  
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid white;
    position: absolute; left: 0; top: 0;
}
#phases ul li:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
#phases ul li:first-child:before {display: none;}
#phases ul li:last-child {
    padding-right: 55px;
    border-top-right-radius: 10px; 
    border-bottom-right-radius: 10px;
}
#phases ul li:last-child:after {display: none;}
#phases ul li:hover {background: #e41d24;}
#phases ul li:hover:after {border-left-color: #e41d24;}

.itemid-116 .items-more {display: none;}

/*================= Inner Page Sidebar ===================*/
/* Sidebar Schedule a Site Visit */
.sidebar-sitevisit {background: #0b4779; padding-bottom: 0;}
.sidebar-sitevisit h3 {padding: 18px 10px 15px 23px; color: #ffffff; margin-top: 0; font-family: 'Bitter-Bold'; font-size: 23px; border-bottom: 1px solid #3c6c94;}
.sidebar-sitevisit form {padding: 15px 22px 15px;}
.sidebar-sitevisit form input {background: #fff !important; padding-left: 17px !important; height: 50px;}
.sidebar-sitevisit form input#Phone {padding-left: 47px !important;}
.innerpage-sidebar #bfElemWrap1, .innerpage-sidebar #bfElemWrap91, .innerpage-sidebar #bfElemWrap24, .innerpage-sidebar #bfElemWrap29, .innerpage-sidebar #bfElemWrap11, .innerpage-sidebar #bfElemWrap1234, .innerpage-sidebar #bfElemWrap1299 {
    width: 100%;
    float: none;
    margin-right: 0;
    background: #fff !important;
}
#ff_elem1234 {font-size: 14px; color: #787878; padding: 10px 0 0 10px; width: 100%; height: 45px;}
.innerpage-sidebar #ff_elem1234 {height: 100px;}
.innerpage-sidebar #bfSubmitButton {width: 100%;}
.innerpage-sidebar #bfElementGroupNoWrap91 input {margin: 0;}
.innerpage-sidebar  #bfSubmitButton {
    background: #000;
    margin-bottom: 28px;
}
.innerpage-sidebar #ff_form1 input {height: 50px;}
/*.innerpage-sidebar #ff_form1 input {background: none !important; padding-left: 12px !important;}*/
/*.innerpage-sidebar #ff_elem91_calendarButton {background: none;}*/
/*.innerpage-sidebar .bfQuickMode button.bfCalendar {padding-left: 7px;}*/
.innerpage-sidebar #ff_form1 input#ff_elem91 {padding-left: 162px !important;}
.innerpage-sidebar #ff_form1 button.bfCalendar:after {margin-top: -2px;}
.innerpage-sidebar #bfSubmitButton:hover {background: #dea453 !important;}

/* Sidebar Testimonials */
.sidebar-testimonials {background: #dea453; margin-top: 20px;}
.sidebar-testimonials h3 {padding: 18px 10px 15px 23px; color: #000; margin-top: 0; font-family: 'Bitter-Bold'; font-size: 23px; background-image: url(../images/testimonials-title-border.png); background-repeat: repeat-x; background-position: bottom; padding-bottom: 17px;}
.sidebar-testimonials img.star-rating-img {padding: 10px 0 15px 24px;}
.sidebar-testimonials .carousel-caption {
    position: relative;
    padding: 0 10px 90px;
    right: 0;
    left: 0;
    bottom: auto;
    text-align: left;
}
.sidebar-testimonials p {font-size: 17px; line-height: 30px; color: #000; margin-bottom: 13px;}
.sidebar-testimonials .testimonial-author {font-size: 16px; color: #000;}
.sidebar-testimonials .carousel-control-next, .sidebar-testimonials .carousel-control-prev {width: auto; bottom: auto; opacity: 1; top: auto; bottom: 26px; z-index: 99;}
.sidebar-testimonials .carousel-control-next:hover, .sidebar-testimonials .carousel-control-prev:hover {opacity: .6;}
.sidebar-testimonials .carousel-control-prev {left: 20px; right: auto;}
.sidebar-testimonials .carousel-control-next {left: 73px; right: auto;}

.sidebar-testimonials .col-md-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.sidebar-testimonials .carousel-control-prev:after {
    content: url('../images/sidebar-testimonials-prev.png');
}
.sidebar-testimonials .carousel-control-next:after {
    content: url('../images/sidebar-testimonials-next.png');
}


/* Financing Plans */
.sidebar-financing-plans {background: #efefef; padding-bottom: 30px; margin-top: 20px;}
.sidebar-financing-plans h3 {padding: 18px 10px 15px 23px; color: #000; margin-top: 0; font-family: 'Bitter-Bold'; font-size: 23px; background-image: url(../images/testimonials-title-border.png); background-repeat: repeat-x; background-position: bottom; padding-bottom: 17px;}
.sidebar-financing-plans p {padding: 15px 22px 7px; font-size: 17px;}
.sidebar-fp-wrap {padding-left: 35px; padding-right: 35px;}

/* Sidebar Metal Fabrication */
.sidebar-metal-fabrication {background: #0b4779; padding-bottom: 0; margin-bottom: 30px; color: #ffffff; font-size: 17px;}
.sidebar-metal-fabrication h3 {padding: 18px 10px 15px 23px; color: #ffffff; margin-top: 0; margin-bottom: 0; font-family: 'Bitter-Bold'; font-size: 23px; border-bottom: 1px solid #3c6c94; line-height: 31px;}
.sidebar-metal-fabrication .mf-wrap {padding: 15px 22px 33px;}
.metal-fabrication-icons {padding: 26px 22px; background-image: url(../images/white-dots.png); background-repeat: repeat-x; background-position: bottom;}
.metal-fabrication-icons.mf-icons-last {background-image: none;}
.metal-fabrication-icons span {margin-left: 20px;}

.btn-mf-login {
    padding: 13px 30px;
    margin-bottom: 25px;
    font-size: 19px;
    display: inline-block;
    color: #fff;
    border: none;
    border-radius: 8px;
    background: #000;
    background-image: none;
    font-family: 'Bitter-Regular';
}
.btn-mf-login:hover {background: #dea453; color: #fff !important;}

.btn-mf-signup {
    padding: 13px 30px;
    font-size: 19px;
    display: inline-block;
    color: #000;
    border: none;
    border-radius: 8px;
    background: #dea453;
    background-image: none;
    font-family: 'Bitter-Regular';
}
.btn-mf-signup:hover {background: #000; color: #fff;}


.sidebar-evo {background: #efefef; padding-bottom: 15px; margin-bottom: 30px;}
.sidebar-evo h3 {margin-bottom: 0; padding: 18px 10px 15px 23px; color: #000; margin-top: 0; font-family: 'Bitter-Bold'; font-size: 23px; background-image: url(../images/testimonials-title-border.png); background-repeat: repeat-x; background-position: bottom; padding-bottom: 17px;}
.sidebar-evo-wrap {padding: 15px 22px 7px; font-size: 19px;}

.sidebar-evo-lead {margin-bottom: 50px; font-size: 19px;}
.mt-50 {margin-top: 40px !important;}


/* Financing Plans */
.pagination {
    display: block;
}

.pagination-list {
    padding-left: 0;
    margin: 0 0 20;
    border-radius: 4px;
}
.pagination-list>li {
    display: inline-block;
}
.pagination-list .icon-first:after {
    content: "First";
}
.pagination-list .icon-previous:after {
    content: "Prev";
}
.pagination-list .icon-next:after {
    content: "Next";
}
.pagination-list .icon-last:after {
    content: "Last";
}
.pagination-list>li>a, .pagination-list>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}


/*================= Testimonials Page ===================*/
.itemid-116 .items-leading, .itemid-116 .span6, .itemid-116 .cols-1 {border-bottom: 1px dashed #06395B; padding: 20px 0;} 
.itemid-116 .items-leading {padding-top: 0;}
.clients-name, .itemid-116 .sidebar-testimonials {display: none;}
.itemid-116 .clients-name {display: block; font-family: 'Bitter-Bold'; text-align: right; font-size: 15px; line-height: 23px;}


a.pluginhref {color: #007bff !important; text-decoration: underline !important;}
a.pluginhref:hover {color: #0056b3 !important;}


/*================= Blog ===================*/
.itemid-164 .blog [class*="leading-"] {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
.itemid-164 .page-header {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 12px;
    padding: 0px 0px 7px;
}
.itemid-164 .innerpage-heading, .page-header h2 {
    font-family: 'Bitter-Bold';
    font-size: 24px;
    color: #000;
}
.itemid-164 .innerpage-content h4 {margin-top: 15px; font-family: 'Bitter-Bold'; font-size: 20px;}
.itemid-164 p.readmore a.btn {
    padding: 8px 23px;
    font-size: 17px;
    display: inline-block;
    color: #fff;
    border: none;
    border-radius: 8px;
    background: #0b4779;
    background-image: none;
    font-family: 'Bitter-Regular';
}
.itemid-164 p.readmore a.btn:hover {background: #000;}




/*================= Who We Are ===================*/
.team-members-wrap {background: #efefef; padding: 15px 15px 10px; border: 1px solid #cfcfcf;}
.team-members-description p {font-size: 15px; line-height: 23px;}
.innerpage-content .team-members-description h4 {margin-top: 13px;}


/*================= Portfolio ===================*/
.itemid-159 .innerpage-heading {display: none;}
.view-categories.itemid-159 .page-header {display: none;}
h1.eventgallery-category-headline, .event h1.displayname {border-bottom: 1px solid #eaeaea; margin-bottom: 22px; padding: 13px 10px;}
#events .item .imagecount {margin: 0 10px 10px;}
#events .item .eg-content .data .title {min-height: 30px; margin: 10px 10px; text-shadow: 1px 1px 4px black; color: #fff;}
#events .item .eg-content .data:hover .title {color: #dea453;}
.itemid-159 .innerpage-sidebar {margin-top: 30px;}

#events .item .eg-content .data {background-color: rgba(0, 0, 0, 1);}

/*================= Metal Fabrication ===================*/
.metal-fabrication .container {
    text-align: center; 
    padding: 40px 0 50px; 
    color: #fff;
    background-image: url(../images/mf-formbg.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.itemid-202 .innerpage {margin-bottom: 0;}
.metal-fabrication p {font-size: 19px;}
.metal-fabrication-block h3 {font-size: 27px;}
#ff_form6.bfQuickMode section input[type='text'], #ff_form6.bfQuickMode section textarea, #ff_form6.bfQuickMode section select {
    float: left;
    margin: 0px;
    width: 100% !important;
    height: 50px !important;
    padding-left: 15px;
}
#ff_form6 #bfSubmitButton {
    float: none !important;
    padding: 12px 30px;
    font-size: 20px;
    display: inline-block;
    color: #000000;
    border: none;
    border-radius: 8px;
    background: #dea453;
    background-image: none;
    font-family: 'Bitter-Bold';
    width: 280px;
}
#ff_form6 #bfSubmitButton:hover {background: #f2bd73; color: #000;}
#ff_form6 #bfSubmitButton:after {
    content: url('../images/arrow-black.png');
    margin-left: 10px;
    position: relative;
    top: -2px;
}
.metal-fabrication-bottom {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #d2d6dc;
}
.metal-fabrication-bottom a {color: #fff; text-decoration: underline;}
.metal-fabrication-bottom a:hover {color: #dea453;}

#ff_form6.bfQuickMode .bfLabelLeft label {
    width: 91%;
    float: none;
    margin: 0px 10px 0px 0px;
    text-align: left;
    font-size: 15px;
}
#ff_elem854 {margin-top: 4px;}
#ff_form6.bfQuickMode legend {
    background: none !important;
    font-size: 15px !important;
    padding: 0 !important;
    margin-top: 10px;
}
#ff_form6.bfQuickMode fieldset {padding: 0; border: none; margin-top: 15px;}
#ff_form6 .bfLegend-l {margin-left: -93px;}
#bfElemWrap854 {margin-top: 10px;}
.metal-fabrication-block {padding-left: 30px; padding-right: 30px;}





/*================= Footer ===================*/
footer {background: #073254; padding-top: 40px; padding-bottom: 20px; color: #dddddd;}
footer .logo {margin-bottom: 17px;}
footer h4 {font-size:15px; margin-bottom: 12px; color: #dddddd; font-family: 'Bitter-Bold'; text-transform: uppercase;}
footer li {list-style-type: none; margin-bottom: 3px;}
footer ul.flex-column li a {font-size:15px; padding: .3rem 0; display: block;}
footer li a.nav-link:hover {text-decoration: underline;}
footer li a {color: #dddddd;}
footer li a:hover {color: #dea453;}

/* Social Icons */
.social-icons {display: inline-block; margin-bottom: 15px; padding-left: 0;}
.social-icons li {display: inline-block;  margin-right: 7px;}
.social-icons li img {width: 22px; margin: 7px auto 0;}
.social-icons .btn-social-icon {width: 38px !important; height: 38px !important; border-radius: 10px; border: 2px solid #fff; padding: 0;}
.social-icons .btn {background: none; color: #dddddd;}
.social-icons .btn:hover {background: #dea453; border-color: #dea453;}

.footer-contact p {line-height: 24px;}
footer .footer-contact-title {display: block; font-size: 17px; color: #dddddd; margin-top: 7px;}
footer .footer-contact-info {font-family: 'Bitter-Bold'; font-size: 18px; color: #dddddd;}


.credit {color: #dddddd; font-size: 14px; margin-top: 18px;}
.credit a {color: #dddddd; font-size: 14px; text-decoration: underline; font-family: 'Bitter-Bold';}
.credit a:hover {color: #dea453;}

a.footer-contact-info:hover {color: #dea453;}



/*================= Return to Top ===================*/
#return-to-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    background: #dea453;
    width: 50px;
    height: 50px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#return-to-top img {
    margin: 0;
    position: relative;
    left: 12px;
    top: 10px;
    font-size: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#return-to-top:hover img {
    top: 5px;
}

#gruemenu.grue_96 ul li.item-166 {display: none !important;}
.dj-mobile-open-btn {
    position: fixed;
    top: 5px;
    left: 10px;
    z-index: 1;
}
.dj-mobile-open-btn:after {
    content: 'Menu';
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    top: -3px;
    margin-left: 5px;
}
.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
    font-size: 22px !important;
}
.itemid-209 .innerpage-heading h1 {display: none;} 
.solarpanel-sidebar-mobile {display: none;}
  .solarform-link-dekstop {display: inline-block;}
  .solarform-link-mobile {display: none;}
  .solarform-btn-mobile {display: none;}
/*================= Media Query ===================*/
@media screen and (min-width: 1200px) {
    .container {max-width: 1230px;}
    .welcome-left {flex: 0 0 48%; max-width: 48%;}
    .welcome-right {flex: 0 0 52%; max-width: 52%;}
    .innerpage-content {flex: 0 0 72%; max-width: 72%;}
    .innerpage-sidebar {flex: 0 0 28%; max-width: 28%;}
}
@media screen and (min-width: 992px) {
    .dj-megamenu-wrapper {display: none;}
    .navbar-text {padding-top: 0 !important;padding-bottom: 0 !important;}
}
@media (max-width: 1199px) {
    .header-contact-block {margin-bottom: 10px;}
    .innerpage-sidebar h3 {font-size: 22px;}
}
@media (max-width: 991px) {
  .solarpanel-sidebar-mobile {display: block;}
  .solarpanel-sidebar-desktop {display: none;}
  .solarform-link-dekstop {display: none;}
  .solarform-link-mobile {display: inline;}
  .solarform-btn-dekstop {display: none;}
  .solarform-btn-mobile {display: inline-block;}
    .header-contact {text-align: center;}
    .site-visit-section {padding-top: 40px; padding-bottom: 40px; background: #1e3c72;}
    .site-visit-wrap {position: static;}
    #bfElemWrap1, #bfElemWrap91, #bfElemWrap24, #bfElemWrap29, #bfElemWrap11, #bfElemWrap1234 {
        width: 100%;
        float: none;
        margin-right: 0;
        background: none !important;
    }
    #bfSubmitButton {float: none !important; width: 100%;}
    .bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode .uneditable-input, .bfQuickMode input[type=text]:hover, .bfQuickMode textarea:hover, .bfQuickMode .uneditable-input:hover, .bfQuickMode input[type=text]:focus, .bfQuickMode textarea:focus, .bfQuickMode .uneditable-input:focus {max-width: 100% !important;}
    .bfQuickMode .bfElementGroupNoWrap, .bfQuickMode .bfElementGroup {
        width: 100% !important;
        max-width: 100% !important;
    }
    .services {padding: 40px 0 35px;}
    .welcome {padding-top: 50px;}
    .welcome h3 {
        font-size: 28px;
        line-height: normal;
        margin-bottom: 20px;
        margin-top: 35px;
    }
    .welcome h3 span {font-size: 23px;}
    .welcome p.welcome-lead {
        font-family: 'Bitter-Bold';
        font-size: 20px;
        line-height: normal;
        margin-bottom: 20px;
    }
    .jf_mm_wrapper h2 {padding-top: 10px !important; padding-left: 16px !important;}
    .jf_mm_wrapper li.item-166 {display: block !important;}
}
@media (max-width: 767px) {
    [class*="gutter-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .d-inline-b {display: inline;}
    header {padding: 7px 0 10px;}
    .navbar-text a {padding: 6px 5px; width: auto; font-size: 13px;}
    .navbar-text a img {width: 20px;}
    .header-contact-block p {display: none;}
    .header-contact-block {margin-left: 0; margin-right: 0;}
    .header-contact-block h4 {font-size: 16px;}
    .header-review img {width: 120px;}
    .header-contact-block.header-phone {text-align: center; display: block; margin-top: 10px; margin-bottom: 15px;}
    .header-phone a {color: #061950; font-size: 20px;}
    .header-phone img {width: 20px; margin-right: 1px;}
    .indicators-container {position: static; text-align: center;}
    #carouselExampleIndicators .carousel-caption-inner {width: 100%; float: none;}
    #carouselExampleIndicators .carousel-indicators {display: inline-flex; right: 0; left: 0; top: auto; margin: 0 auto;}
    .bfQuickMode .bfElementGroupNoWrap, .bfQuickMode .bfElementGroup, #bfElementGroupNoWrap91 {width: 100% !important; max-width: 100% !important;}
    footer li a.nav-link {font-size: 14px;}
    .completed-projects {background-image: none; background: #365080;}
    .itemid-101 .testimonials {background-image: none; background: #365080;}
    .header-contact {text-align: right;}
    /*    .gallerylayer {width: 300px !important; max-width: 300px !important;}
        .gallerylayer img {width: 300px !important; max-width: 300px !important;}*/
    .welcome h3 {margin-top: 0;}
    .welcome-right, .f-links-col, .f-services-col {display: none;}
    #ff_form6 .bfLegend-l {margin-left: 0;}
    #ff_form6.bfQuickMode select {max-width: 100%;}
    #ff_form6.bfQuickMode .bfLabelLeft label, #ff_form6.bfQuickMode .bfLabelRight label {display: inline-block;}
}


@media screen and (min-width: 992px) {
    .mainmenudesktop-wrap .dj-megamenu-wrapper {
        display: block;
    }   
}

@media screen and (max-width: 992px) {
    .mainmenudesktop-wrap .dj-megamenu-wrapper {
        display: none;
    }   
}

.mainmenudesktop-wrap {
    float: left;
}

.mainmenudesktop-wrap .dj-megamenu-clean li a.dj-up_a {
    color: #fff !important;
    text-transform: capitalize !important;
    height: 49px;
        font-size: 16px !important;
    font-family: 'Bitter-Regular' !important;
    padding: 0 17px;
}

.mainmenudesktop-wrap .dj-megamenu-clean li a.dj-up_a > span {
    height: 49px;
}

.mainmenudesktop-wrap .dj-up.itemid166 {
    display: none;
}

.mainmenudesktop-wrap .dj-megamenu-clean li a.dj-up_a:hover, 
.mainmenudesktop-wrap .dj-megamenu-clean li.active a.dj-up_a.active {
    color: #FFFFFF;
    background: #11243D;
}

.mainmenudesktop-wrap .dj-megamenu-clean li ul.dj-submenu {
    color: #D1E3FB;
    background: #192F4D;
}

.mainmenudesktop-wrap .dj-megamenu-clean li ul.dj-submenu li a {
    color: #D1E3FB;
}

.mainmenudesktop-wrap .dj-megamenu-clean li ul.dj-submenu {
    margin: 0;
    padding: 0 10px;
}

.mainmenudesktop-wrap .dj-megamenu-clean li ul.dj-submenu > li > a:hover, 
.mainmenudesktop-wrap .dj-megamenu-clean li ul.dj-submenu > li > a.active {
    background: #11243D;
}

.bfQuickMode * {
    box-sizing: border-box;
}

.com-content-category-blog__pagination nav {
    position: relative;
}

.com-content-category-blog__pagination .pagination {
    margin: 1rem;
    display: flex;
    list-style: none;
    padding-left: 0;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.pagenavigation .pagination,
.pager .pagination {
  justify-content: space-between;
  padding: 0;
  margin: 1em 0;
}

.pagenavigation .pagination li.next:only-child,
.pager .pagination li.next:only-child {
  margin-left: auto;
}

.pager .pagination {
  justify-content: center;
}

.page-item:first-child .page-link {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}

.page-item.disabled .page-link {
    background-color: #fff;
    border-color: #dfe3e7;
    color: #6d757e;
    pointer-events: none;
}

.page-link, .page-link:hover {
    color: #224faa;
}

.page-link {
    padding: 0.375rem 0.75rem;
}

.page-link {
    background-color: #fff;
    border: 1px solid #dfe3e7;
    display: block;
    position: relative;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.page-item.active .page-link {
    background-color: #112855;
    border-color: #112855;
    color: #fff;
    z-index: 3;
}

[class*=" icon-"], [class^=icon-] {
    speak: none;
}

.fa, .fas, [class*=" icon-"], [class^=icon-] {
    font-family: FontAwesome;
    font-weight: 900;
}
.icon-joomla, [class*=" icon-"], [class^=icon-] {
    font-weight: 400;
}
.fa, .fab, .fad, .fal, .far, .fas, .icon-joomla, [class*=" icon-"], [class^=icon-] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
}
.fa, .fab, .fad, .fal, .far, .fas, .icon-joomla, [class*=" icon-"], [class^=icon-] {
    text-rendering: auto;
}

.icon-angle-double-left:before {
    content: "\f100";
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-angle-double-right:before {
    content: "\f101";
}

/*---- added 3/24/22 ----*/

#ff_formdiv5 .bfLabelLeft .field-calendar button {
	float: none; 
}

#ff_formdiv5 .field-calendar {
	display: inline-block;
  	width: 45%;
}

#ff_formdiv5 .bfQuickMode input[type='text'].bfCalendar {
	width: 35%; 
	margin: 0 9px 0 0; 
}