/*
  Theme Name:   Route Child
  Theme URI:    http://routewp.com/
  Author:       Codestar
  Author URI:   http://themeforest.net/user/Codestar
  Description:  Route Multi-Purpose WordPress Theme by a Elite Author
  Version:      7.3
  License:      GNU General Public License v2 or later
  License URI:  http://www.gnu.org/licenses/gpl-2.0.html
  Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
  Text Domain:  route
  Template:     route
*/
@import url("../route/style.css");

h2{
	color: #37393F;
    font-size: 34px;
}


.video_section h2{
	color: #fff;
}

.video_section p{
	color: #fff;
    /*font-size: 18px;
    line-height: 1.5;*/
    font-size: 23px;
    line-height: 35px;
}
.video_section .cs-btn{
	background: transparent;
    border: 4px solid #fff;
    /*border-radius: 10px;*/
	display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.video_section .cs-btn:hover{
	background:#313087;
}
.video_section .cs-btn .cs-in{
	    margin-left: 10px;
}

.features_benefits_wrapper{
    padding: 80px 0 50px 0;
    position: relative;
    overflow: hidden;
}

.features_benefits_wrapper .row{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.features_benefits_wrapper .content_box{
    margin-top: 40px;
}

.features_benefits_wrapper .content_box .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.features_benefits_wrapper .content_box .row .col-md-12{
    margin-bottom: 30px;
}

.features_benefits_wrapper .content_box .row .col-md-12 .cs-column-inner{  
    position: relative;
    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    padding: 40px;
    height: 100%;
    cursor: pointer;
    background-color: #fff;
}

.features_benefits_wrapper .content_box .row .col-md-12 .wpb_single_image{
    margin-top: -40px;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 0;
    z-index: 9;
    position: absolute;
    max-width: 40%;
    min-width: 40%;
    min-height: 100%;
}

.features_benefits_wrapper .content_box .row .col-md-12 .wpb_single_image .wpb_wrapper{
    width: 100%;
    height: 100%;
    /*position: relative;*/
    overflow: hidden;
    position: absolute;
}

.features_benefits_wrapper .content_box .row .col-md-12 .wpb_single_image .wpb_wrapper .vc_single_image-wrapper{
    width: 100%;
    height: 100%;
}

.features_benefits_wrapper .content_box .row .col-md-12 .wpb_single_image .wpb_wrapper .vc_single_image-wrapper img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.features_benefits_wrapper .content_box .row .col-md-12 .cs-column-text{
    width: 61%;
    margin-left: auto;
    padding-left: 40px;
}

.features_benefits_wrapper h2{
    color: #37393F !important;
    font-size: 34px;
}

body .cs-btn{
    background-color: #000080;
    color: #ffffff !important;
    border-color: #ffffff;
}

.features_benefits_wrapper:nth-child(even) {
    background-color: #f0f3f9;
}

.features_benefits_wrapper .content_box ul {
  padding-left: 15px;
}

.features_benefits_wrapper .content_box.mt-0 {
  margin-top: 0px;
}

.why_choose_us:before {
    content: '';
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    top: 0;
}
.why_choose_us .cs-column-inner a span{
    color: #000080;
    font-weight: 700;
}

.possible_uses > .container > .row{
    display: flex;
    justify-content: center;
}

.possible_uses .title_img{
    border-radius: 10px;
    padding: 40px 30px;
    margin-right: 60px;
    display: flex;
    align-items: center;
}

.possible_uses .title_img:before {
    content: '';
    background: #000080;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.7;
    left: 0;
    z-index: 0;
    border-radius: 10px;
}

.possible_uses .title_img .cs-column-inner{
    z-index: 1;
    position: relative;
    color: #fff;    
    text-align: center;
}

.possible_uses .title_img .cs-column-inner h2,.possible_uses .title_img .cs-column-inner p{
    color: #fff;
}

.possible_uses .title_img .cs-column-inner p{
    font-size: 18px;
    line-height: 28px;
}

.possible_uses .uses .cs-column-text{
    position: relative;
    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    padding: 40px;
    height: 100%;
    background-color: #fff;
    font-size: 18px;
    line-height: 28px;
    border-bottom: 5px solid #000080;
}

.possible_uses .uses .cs-column-text:not(:last-child){
    /*min-height: 465px;*/
    flex:1;
    height: unset;
}

.possible_uses .uses .cs-column-inner {
  display: flex;
  flex-wrap: wrap;
}

.possible_uses .uses .cs-column-text:first-child{
    float: left;
    width: 50%;
    margin-right: 20px;
}

.possible_uses .uses .cs-column-text:last-child{
    display: inline-block;
}

.possible_uses .cs-btn{
    border-color: #000080;
    background: #fff;
    color: #000080 !important;
}

.cs-column-text ul {
  padding-left: 15px;
}

.key_adv_fet > .container > .row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.adv_fet {
    padding-left: 60px;
    margin-top:40px
}


.adv_fet:before {
    content: '';
    background-image: url(/wp-content/uploads/2025/04/check-img-15_blaze_ornage.png);
    position: absolute;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: 100%;
    left: 20px;
}

.adv_fet h4:after{
    content: '';
    border-bottom: 3px solid #ff6b00;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: 6px;
}
.adv_fet h4 {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.key_adv_fet_content:not(.para_text) .cs-btn{
    margin-left: 60px;
}

/*.key_adv_fet_img .vc_single_image-wrapper:before {
    content: '';
    border: 1px solid #000080;
    position: absolute;
    left: 27px;
    right: 0;
    height: 91%;
    width: 89%;
    top: 10px;
}*/

.key_adv_fet_img .vc_single_image-wrapper:before {
  content: '';
  border: 1px solid #000080;
  position: absolute;
  left: 0;
  right: 0;
  height: 96%;
  width: 94%;
  top: 0;
  bottom: 0;
  margin:auto;
}

.key_adv_fet_img .vc_single_image-wrapper{
    position: relative;
}

/*@keyframes moveUpperInverseLShape {
  0% {
    top: 60%;
    left: 4.1%;
  }
  50% {
    top: 0.5%;
    left: 4.1%;
  }
  100% {
    top: 0.5%;
    left: 50%;
  }
}*/

.key_adv_fet_img .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 0px !important;
}


@keyframes moveUpperInverseLShape {
    0% {
      top: 60%;
      left: 4.6%;
    }
    50% {
      top: 0.8%;
      left: 4.6%;
    }
    100% {
      top: 0.8%;
      left: 50%;
    }
  }

.key_adv_fet_img .wpb_single_image:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ff6b00;
    border-radius: 50%;
    top: 100%;
    left: 10px;
    animation: moveUpperInverseLShape 9s linear infinite;
    z-index: 9;
}

/*.key_adv_fet_img .vc_single_image-wrapper.vc_box_border_grey:before {
    content: '';
    border: 1px solid #000080;
    position: absolute;
    left: 27px;
    height: 60%;
    top: 10px;
}

.key_adv_fet_img .vc_single_image-wrapper.vc_box_border_grey:after {
    content: '';
    border-top: 2px solid #000080;
    position: absolute;
    left: 27px;
    top: 10px;
    width: 50%;
}*/

/*@keyframes moveInverseLShape {
  0% {
    top: 35%;
    right: 4%;
  }
  50% {
    top: 91.5%;
    right: 4%;
  }
  100% {
    top: 91.5%;
    right: 50%;
  }
}*/

@keyframes moveInverseLShape {
    0% {
        top: 35%;
        right: 4.4%;
    }

    50% {
        top: 96.6%;
        right: 4.4%;
    }

    100% {
        top: 96.6%;
        right: 50%;
    }
}

.key_adv_fet_img .wpb_single_image:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #ff6b00;
    border-radius: 50%;
    top: 92%;
    right: 30px;
    animation: moveInverseLShape 9s linear infinite;
}

/*.key_adv_fet_img figure.wpb_wrapper.vc_figure:before {
    content: '';
    border: 1px solid #000080;
    position: absolute;
    right: 26px;
    height: 91%;
    top: 11px;
}

.key_adv_fet_img figure.wpb_wrapper.vc_figure:after {
    content: '';
    border-bottom: 2px solid #000080;
    position: absolute;
    right: 26px;
    bottom: 43px;
    width: 50%;
}*/

.shadow_box {
    background-color: transparent;
    perspective: 1000px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 20px;
    padding: 0;
    width: 31.333333%;
    margin: 0 8px;
    margin-bottom: 20px;
}

.shadow_box .cs-column-inner {
    min-height: 350px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.benefits_section .row {
  margin: 0px !important;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.benefits_col {
    width: 100%;
}

.benefits_col > .container > .row {
    position: relative;
}

.shadow_box .front-part {
    backface-visibility: hidden;
    perspective: 1e3px;
    transition: transform .6s cubic-bezier(.2, .85, .4, 1.275), -webkit-transform .6s cubic-bezier(.2, .85, .4, 1.275);
    transform: rotateX(0);
    width: 100%;
}

.shadow_box .back-part {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transition: transform .6s cubic-bezier(.2, .85, .4, 1.275), -webkit-transform .6s cubic-bezier(.2, .85, .4, 1.275);
    backface-visibility: hidden;
    perspective: 1e3px;
    transform: rotateX(180deg);
    width: 100%;
}

.shadow_box:hover .back-part {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.shadow_box:hover .front-part {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.shadow_box:hover .back-part p{
    color: #fff;
}

.benefits_section{
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}

.benefits_section:before {
    content: '';
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    top: 0;
    left: 0;
}

.shadow_box_1:before, .shadow_box_2:before,
.shadow_box_3:before, .shadow_box_4:before,
.shadow_box_5:before, .shadow_box_6:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    border-radius: 20px;
}

.shadow_box_1:before, .shadow_box_5:before {
    background-image: url(/wp-content/uploads/2025/04/bg-box_blue.png);
}

.shadow_box_3:before, .shadow_box_4:before {
    background-image: url(/wp-content/uploads/2025/04/bg-box_blazeOrange.png);
}

.shadow_box_2:before, .shadow_box_6:before {
    background-image: url(/wp-content/uploads/2025/04/bg-box_green.png);
}

.shadow_box_1:hover, .shadow_box_5:hover{
    background: #0530AD;
    border-radius: 20px;
}

.shadow_box_3:hover, .shadow_box_4:hover{
    background: #ff6b00;
    border-radius: 20px;
}

.shadow_box_2:hover, .shadow_box_6:hover{
    background: #1eba47;
    border-radius: 20px;
}

.download_brochure{
    background: #000080;
    padding: 100px 0;
}

.download_brochure:before{
    content: '';
    background-image: url(/wp-content/uploads/2025/04/bc7u_mupi_220518.png);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.15;
    top: 0;
    background-size: contain;
}

.download_brochure p{
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}

.download_brochure a{
    color: #fff;
    text-decoration: underline;
}

.possible_uses.single_desc .cs-column-text:first-child {
    width: 100% !important;
}

.possible_uses .uses .cs-column-text.mr-0 {
  margin-right: 0px;
}

.banner{
    background-size: cover;
}

.benefits_disc{
    padding-bottom: 40px;
}

.faqs_banner p{
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
}

.faqs_section{
    border: 1px solid #000080;    
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
}

.faqs_section .cs-accordion{
    /*border-bottom: none;*/
    margin-bottom: 0;
    padding-bottom: 0;
    /*counter-increment: faq-counter;*/
}

.faqs_section .cs-accordion-title{
    background: #000080;
    padding: 20px 15px;
    border: none;
    color: #ffff;
    position: relative;
    font-size: 20px;    
}

/*.faqs_section .cs-accordion-title:before{
    content: counter(faq-counter) ".";
    margin-left: 10px;
    margin-right: 7px;
}*/

.faqs_section .cs-accordion-title i{
    right: 0;
    position: absolute;
    color: #fff;
}

.faqs_section .cs-accordion-content{
    padding: 20px 15px;
}

.faqs_section .cs-accordion-content p{
    font-weight: 600;
    font-size: 16px;
}

.possible_uses.faqs_cont .uses .cs-column-text{
    width: 100%;
    margin: 0;
}

.gform_required_legend{
  display: none;
}

.form_aep .col-md-8 .cs-column-inner{
    position: relative;
    padding: 50px 50px 34px 50px;
    background: #fff;
    /*box-shadow: 0px 4px 44px 0px #00000033;*/
    box-shadow:0 2px 6px 2px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}

.form_aep label{
    font-weight: 700;
    color: #37393F;
}

.form_aep input:not([type="submit"]){
    height: 45px;
}

.form_aep input:not([type="submit"]),
.form_aep textarea{
  border-radius: 10px;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07);
}


.form_aep .gform_button{
  font-weight: 700;
  text-transform: uppercase;
  background-color: #000080;
  color: #ffffff !important;
  border-color: #ffffff;
  font-size: 16px;
  padding: 8px 24px;
  line-height: 1.6326530617;
}

.form_aep .gform_button:hover{
    background: #fff;
    color: #000080 !important;
    border-color: #000080;
}


.ind_app_two_col {
    background-size: cover !important;
}

.ind_app_two_col .col-md-5.cs-column-background {
    width: 50%;
    background: #fff;
    background-repeat: no-repeat;
}

.ind_app_two_col .col-md-3{
    margin: unset !important;
    width: 16%;
    position: absolute;
    /*left: 42%;*/
    z-index: 9;
 }

 .ind_app_two_col .row{
    display: block;
 }

 .ind_app_two_col:nth-child(even) .col-md-5.cs-column-background {
    float: right;
}

.ind_app_two_col:nth-child(even) .col-md-3 {
    left: 40%;
}

.ind_app_two_col:nth-child(odd) .col-md-3 {
    left: 44%;
}

.our_clients .wpb_single_image {
    width: 50%
}

.our_clients .wpb_single_image.client_one,
.our_clients .wpb_single_image.client_three{
    float: left;
}

.our_clients .wpb_single_image.client_two,
.our_clients .wpb_single_image.client_four{
    display: inline-block;
}

.our_clients .wpb_single_image.client_two{
    margin-top: 50px;
    animation-delay: 0.2s;
}

.our_clients .wpb_single_image.client_three{
    margin-top: -50px;
    animation-delay: 0.4s;
}

.our_clients .wpb_single_image.client_four{
    animation-delay: 0.6s;
}

.benefits_section.resources .shadow_box:hover .back-part p{
    font-size: 20px;
    line-height: 26px;
}
.benefits_section.resources .shadow_box:hover .back-part a{
    font-size: 15px;
    padding: 10px 18px;
}

.benefits_section.resources .shadow_box:hover .back-part a:hover{
    background: #000080;
}

.benefits_section.resources:before {
    opacity: 1;
}
.benefits_section.resources .shadow_box_1 a,
.benefits_section.resources .shadow_box_5 a{
   /* border-color: #000080;
    background: #fff;
    color: #000080 !important;*/
}

#colophon .social_icons .cs-in{
    color: #000080 !important;
}

#colophon .social_icons{
    display: flex;
    justify-content: center;
}

#colophon .widget_media_image{
    margin-bottom: 25px;
    text-align: center;
}

#colophon .widget_custom_html h4{
    color: #fff;
}

#colophon .widget_custom_html a{
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    display: flex;
    margin-bottom: 10px;
}
#colophon .head_office_us
{
    margin-top: 40px;
}

/*#colophon .route_widget.widget_text:not(.widget_custom_html) {
    display: none;
}*/

#colophon .widget_custom_html .head_office_wrapper .ftr_phone:before {
    content: '\f095';
    font-family: 'FontAwesome';
    font-size: 20px;
    margin-right: 20px;
    }

#colophon .widget_custom_html .head_office_wrapper .ftr_email:before {
    content: '\f003';
    font-family: 'FontAwesome';
    font-size: 20px;
    margin-right: 20px;
}

#colophon .widget_custom_html .head_office_wrapper .ftr_loc:before {
    content: '\f041';
    font-family: 'FontAwesome';
    font-size: 20px;
    margin-right: 20px;
}


.home_banner_btn .cs-btn {
    border-color: transparent;
}

#site-nav{
    align-self: center;
    margin-left: auto;
}

#site-nav ul{
    align-items: center;
    display: flex;
}

#site-nav > ul > li{
    display: flex;
    align-items: center;
    border: none;
    justify-content: center;
    min-height: 50px;
}

body #site-nav .current-menu-item > .cs-link {
    color: #000080;
    position: relative;
    align-self: center;
    height: auto;
    align-items: center;
    display: flex;
    max-height: 50px;
}

#site-nav .current-menu-item > .cs-link:after {
    content: '';
    border: 1px solid #000080;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.owl-stage-outer{
    display: flex;
    align-items: center;
    overflow: hidden;
}

.owl-stage{
  display: flex;
}

.logo_slider_wrapper{
    background: #f0f3f9;
}

.logo_slider_wrapper .wpb_single_image{
    min-height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07)
}

.logo_slider_wrapper .wpb_single_image img{
    width: auto;
    height: 100px;
    object-fit: contain;
}

.logo_slider_wrapper .owl-prev,.logo_slider_wrapper .owl-next{
    display: none;
}

body .home_banner_content_box{
    display: none;
}

body .home_banner_content_box {
    padding-left: 50px !important;
    margin-right: 400px;
    z-index: 2;
}

.home-banner_video{
    width: 100%;
    object-fit: cover;
    /*height: 630px;*/
    height: 730px;
    position: absolute;
    z-index: 1;
    top: 0;
}

.home_banner_content_box_wrapper{
    min-height: 730px;
}

/*.home_video_responsive{
    display: none;
}*/

.ind_app_two_col.home_two_col .col-md-5.cs-column-background{
    min-height: 650px;
    max-height: 650px;
    padding-left: 150px !important;
    padding-right: 150px !important;
}

.home_two_col:nth-child(odd) .col-md-3,
.home_two_col:nth-child(even) .col-md-3 {
    left: 42%;
}

.inner_page_banner{
    background-size: cover;
}

.video_section_desc_wrapper{
    padding: 40px 20px;
    background-size: cover;
    background-position: 70% 40%;
}

.video_section_desc_wrapper .row{
    display: flex;
    justify-content: center;
    align-items: center;
}

.video_section_desc_wrapper .video_section_btn .cs-column-inner{
    display: flex;
    justify-content: center;
}

.video_section_desc{
    padding-left: 60px;
    padding-right: 0;
}

.video_section_desc_wrapper:before {
    content: '';
    background: rgba(0,0,0,0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.home_banner_content_box p {
    color: #fff;
    line-height: 40px;
}

.home_banner_content_box span.home_banner_normaltext {
    font-size: 35px;
    font-weight: 500;
}

.home_banner_content_box span.home_banner_lgtext {
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.home_banner_btn .row{
    display: flex;
    justify-content: center;
}
/*******************************
        MapSVG - START
********************************/

#mapsvg-map-6 .mapsvg-region-label {
  /* background-color: rgba(255,255,255,.6); */
  font-size: 11px;
  padding: 3px 5px;
  border-radius: 4px;
}

#mapsvg-map-6 .mapsvg-marker-label {
  padding: 3px 5px;
  /*
  border-radius: 4px;
  background-color: white;
  margin-top: -4px;
  */
}

#mapsvg-map-6 .title {
  font-size: 18px;
  font-weight: 700;
  font-family: "Open Sans", Arial, sans-serif;
  margin-bottom: 10px;
  display: block;
  color: #000080;
}

/*#mapsvg-map-6 .location,
#mapsvg-map-6 .phone,
#mapsvg-map-6 .region,
#mapsvg-map-6 .contact_name,
#mapsvg-map-6 .county {
  font-size: 13px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 4px;
}
*/
/*#mapsvg-map-6 .website a,
#mapsvg-map-6 .email a {
  color: #000080;
  font-size: 13px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 4px;
}*/

/*#mapsvg-map-6 .website,
#mapsvg-map-6 .email {
  color: #000080;
  font-size: 13px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 4px;
}*/

#mapsvg-map-6 .mapsvg-directory-item:empty {
  display: none;
}


#mapsvg-map-6 .mapsvg-wrap {
  display: flex;
  flex-wrap: wrap;
  order:3;
}

#mapsvg-map-6 .mapsvg-wrap .mapsvg-sidebar.mapsvg-top-container.mapsvg-sidebar-left {
  width: 100%;
  flex-basis: 100% !important;
}

#mapsvg-map-6 .mapsvg-wrap #mapsvg-12 {
  height: auto !important;
}

#mapsvg-map-6 .mapsvg-map-container {
  width: 100%;
}

#mapsvg-map-6 .mapsvg-wrap .mapsvg-sidebar.mapsvg-top-container.mapsvg-sidebar-left .mapsvg-directory.flex {
  position: relative !important;
  background-color: transparent !important;
  margin-top: 41px;
  margin-bottom: 20px;

}

#mapsvg-map-6 .mapsvg-wrap .mapsvg-sidebar.mapsvg-top-container.mapsvg-sidebar-left .mapsvg-directory.flex .mapsvg-controller-view-wrap.nano.has-scrollbar {
  position: relative;
}

#mapsvg-map-6 .mapsvg-wrap .mapsvg-sidebar.mapsvg-top-container.mapsvg-sidebar-left .mapsvg-directory.flex .mapsvg-controller-view-wrap.nano.has-scrollbar .nano-content {
  position: relative;
  overflow: unset;
}

#mapsvg-map-6 .mapsvg-controller-view-content {
  display: flex;
  flex-wrap: wrap;
}

#mapsvg-map-6 .mapsvg-directory-item {
  width: 33.33%;
}

#mapsvg-map-6 .mapsvg-controller-view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

#mapsvg-map-6 .mapsvg-directory-item:empty {
  display: none;
}

#mapsvg-map-6 .mapsvg-directory-item {
  width: calc(33.33% - 26px);
  position: relative;
  padding: 20px 30px;
  display: block;
  border-radius: 10px;
  border: 1px solid #e4e7ee;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  cursor: pointer;
  background: #fff;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}

#mapsvg-map-6 .mapsvg-no-results {
  width: calc(100% - 18px);
  position: relative;
  padding: 20px 30px;
  display: block;
  border-radius: 10px;
  border: 1px solid #e4e7ee;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  cursor: pointer;
  background: #fff;
  height: 100%;
  margin-bottom: 30px;
}

#mapsvg-map-6 .mapsvg-header .mapsvg-form-builder .mapsvg-data-form-view {
  position: relative;
  padding: 35px 45px 35px;
  border-radius: 15px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
}

#mapsvg-map-6 .mapsvg-header .mapsvg-form-builder {
  padding: 0px;
  width: 100%;
  margin: 0px;
}
#mapsvg-google-maps-12 ~ .mapsvg-layers-wrap .mapsvg-layer.mapsvg-layer-popovers .mapsvg-controller-view-content p {
  width: 100%;
  display: block;
}

#mapsvg-google-maps-12 ~ .mapsvg-layers-wrap .mapsvg-layer.mapsvg-layer-popovers .mapsvg-controller-view-content {
  gap: unset !important;
}
#mapsvg-google-maps-12 ~ .mapsvg-layers-wrap .mapsvg-layer.mapsvg-layer-popovers .mapsvg-controller-view-wrap.nano {
  top: 0px !important;  
}

#mapsvg-map-6 .mapsvg-header .mapsvg-form-builder .mapsvg-data-form-view .form-group label {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  color: #333;
  width: 100%;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, sans-serif;
  margin-bottom: 8px;
}
#mapsvg-map-6 .mapsvg-header .mapsvg-form-builder .mapsvg-data-form-view .form-group {
  flex-basis: unset !important;
  align-self: unset !important;
}
#mapsvg-map-6 .mapsvg-header .mapsvg-form-builder .mapsvg-data-form-view .form-group .form-control.mapsvg-address-search.typeahead.tt-input,
.mapsvg-filters-wrap .select2-container .select2-selection--single, .mapsvg-header .mapsvg-filters-wrap .mapsvg-data-form-view > .form-group .mapsvg-directory-search {
  position: relative;
  height: 56px !important;
  line-height: 26px !important;
  border-radius: 5px !important;
  border: 1px solid #e4e7ee !important;
  padding: 0px 15px 0px 15px !important;
  display: block;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  margin-bottom: 20px;
  color: #282f3b !important;
  width: 100%;
  box-shadow: unset;
  flex: 1;
  margin: 0px;
}

#mapsvg-map-6 .mapsvg-filters-wrap .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 56px !important;
}

#mapsvg-map-6 .mapsvg-filters-wrap .select2-container .select2-selection--single .select2-selection__arrow {
  height: 54px;
  margin-right: 12px;
}

.select2-container--open .select2-dropdown {
  margin-top: 29px;
}

#mapsvg-map-6 .btn.btn-outline-secondary.mapsvg-filters-reset {
  display: inline-block;
  border-radius: 5px;
  background: transparent;
  background-color: transparent;
  background-color: transparent;
  background-color: transparent;
  background-color: transparent;
  min-width: 160px;
  text-align: center;
  font-size: 16px;
  padding: 0px 25px 0px;
  min-height: 56px;
  line-height: 50px;
  font-weight: 700;
  text-transform: unset;
  background-color: #000080;
  color: #ffff;
  border: 1px solid #000080;
  font-family: "Open Sans", Arial, sans-serif;
}

.mapsvg-controller-view-wrap.nano {
  /*position: relative !important;*/
}

.nano-content {
  position: relative !important;
}

.mapsvg-mobile-buttons div {
  display: inline-block;
  border-radius: 0px;
  background: transparent;
  background-color: transparent;
  background-color: transparent;
  background-color: transparent;
  background-color: transparent;
  background-color: transparent;
  min-width: 160px;
  text-align: center;
  font-size: 16px;
  padding: 0px 25px 0px;
  min-height: 56px;
  line-height: 50px;
  font-weight: 700;
  text-transform: unset;
  background-color: #fff;
  color: #000080;
  border: 1px solid #000080;
  font-family: "Open Sans", Arial, sans-serif;
  position: relative;
  width: 50%;
  left: unset;
  right: unset;
}

#mapsvg-map-6 .mapsvg-mobile-buttons {
  order: 2;
  width: 100%;
  margin-top: 40px !important;
  height: auto !important;
}

.mapsvg-mobile-buttons div.active,
.mapsvg-mobile-buttons div:hover {
  background-color: #000080;
  color: #fff;
  border: 1px solid #000080;
}

#mapsvg-map-6 {
  display: flex;
  flex-wrap: wrap;
}

#mapsvg-map-6 .mapsvg-header.mapsvg-top-container {
  width: 100%;
  order: 1;
}

.mapsvg-details-info {
    font-size: 17px;
    line-height: 27px;
}

.mapsvg-details-header {
    font-size: 22px;
    line-height: 27px;
}

.mapsvg-controller-view-wrap.nano::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.mapsvg-controller-view-wrap.nano::-webkit-scrollbar-track {
    background: transparent;
}

.mapsvg-controller-view-wrap.nano::-webkit-scrollbar-thumb {
    background-color: #000080;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.mapsvg-controller-view,.mapsvg-popover .nano>.nano-content{
    height: 100%;
}

.mapsvg-controller-view-wrap.nano{
    overflow-y: scroll;
}

@media screen and (max-width: 991px) {
/*  #mapsvg-map-6 .mapsvg-header .mapsvg-form-builder .mapsvg-data-form-view .form-group {
    width: 50%;
  }
  .mapsvg-popover.mapsvg-popover-animate.mapsvg-popover-visible {
  width: 300px !important;
  max-width: unset !important;
  max-height: 405.584px !important;
}

  #mapsvg-map-6 .mapsvg-directory-item {
    width: calc(50% - 15px);
  }

  #mapsvg-map-6 .mapsvg-wrap .mapsvg-sidebar.mapsvg-top-container.mapsvg-sidebar-left {
    overflow: hidden;
  }

  #mapsvg-map-6 .mapsvg-no-results {
    width: calc(100% - 0px);
  }
  #mapsvg-map-6 .mapsvg-wrap #mapsvg-12 {
    height: auto !important;
    padding-bottom: 400px !important;
  }*/

  #mapsvg-map-6 .mapsvg-popover {
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0;
    border-radius: 0
  }

  #mapsvg-map-6 .mapsvg-popover:before{
    content:none;
  }

  .mapsvg-popover-close{
    left: 0;
  }

  .mapsvg-controller-view-wrap.nano{
    top: unset !important;
    height: 100%;
    overflow-y: scroll;
  }
}

@media screen and (max-width: 767px) {
  /*#mapsvg-map-6 .mapsvg-header .mapsvg-form-builder .mapsvg-data-form-view {
    padding: 30px 20px 30px;
  }*/
}

@media screen and (max-width: 570px) {
 /* #mapsvg-map-6 .mapsvg-directory-item {
    width: calc(100% - 0px);
    margin-bottom: 0px;
  }
  #mapsvg-map-6 .mapsvg-header .mapsvg-form-builder .mapsvg-data-form-view .form-group {
    width: 100%;
  }*/
}

/*******************************
        MapSVG - END
********************************/