/* The Modal (background) */
.modal {display: none;position: fixed;z-index: 9999;padding-top: 50px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.6);}

/* Modal Content */
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888;width: 80%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}

/* Add Animation */
@-webkit-keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1}}
/* The Close Button */
.close {color: white;float: right;font-size: 28px;font-weight: bold;}
.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-header {padding: 10px 15px;background-color: #2c3240;color: white;}
.modal-body {padding: 20px;}
.modal-footer {padding: 2px 16px;background-color: #5cb85c;color: white;}

button.contact-com-cls {float: left;width: 100%;margin-bottom: 10px;height: auto;}
.contact-popup-com-cls h2 {color: #fff;text-align: center;text-transform: uppercase;letter-spacing: 2px;font-weight: 400;}
.contact-popup-com-cls .modal-content {border: 0;}
.contact-popup-com-cls .actions {margin-top: 5px;margin-bottom: 0px;padding: 0px 0px;}
.page-template-page-contact .contact-wrap .shortcode .wrap{float: left;width: 100%;margin-top: 30px;}


/*************************updated*************************/
section.section_video_ninja_form .vidio-section-location iframe{ margin-bottom: 25px; margin-top: 20px;}
.video_title_iframe h2{text-transform: uppercase;font-weight: normal;    margin-top: 20px;}
section.paragraph-section {display: inline-block;width: 100%;}
section.paragraph-section h3 {text-transform: uppercase; font-weight: normal; }
section.paragraph-section .para-div {margin-bottom: 50px; } 
section.paragraph-section .para-div:last-child {margin-bottom: 0; } 
.free_shipping_learnmore { display: inline-block; background: #2c3240;
    border-radius: 9px;width: 100%;    padding: 25px;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;align-items: center;-webkit-box-align: center;
-ms-flex-align: center;} 

.free_shipping_learnmore .free_shipping_img {float: left; } 
.free_shipping_learnmore .free_shipping_img img {height: auto; } 
.free_shipping_learnmore a.free_ship_btn {background: #b7a084; border-color: #b7a084; color: #ffffff; font-size: 21px; 
  font-family: Open Sans; padding: 11px 55px; text-transform: uppercase; border-radius: 5px;     font-weight: 500;} 
.free_shipping_learnmore .free_shipping_txt {
    margin: 0 30px; }


section.serving-cities-section {background-color: #2c3240;padding: 40px;}
section.serving-cities-section .cities-left-div {float: left; } 
section.serving-cities-section .cities-left-div h3 {color: #fff; text-transform: uppercase; } 
section.serving-cities-section .cities-right-div {display: table; padding-left: 45px; } 
section.serving-cities-section .cities-right-div ul {margin: 0; list-style: none; } 
section.serving-cities-section .cities-right-div ul li {float: left; margin: 8px 20px 0; } 
section.serving-cities-section .cities-right-div ul li a {color: #999999; font-size: 20px; text-transform: uppercase; }
section.serving-cities-section .cities-right-div ul li a:hover{color:#fff;}
section.serving-cities-section .serving-cities-div {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}



@media (max-width: 1100px){
  section.serving-cities-section .cities-right-div{ padding-left: 35px;}
  .free_shipping_learnmore a.free_ship_btn{padding: 11px 15px;    font-size: 18px;}
}


@media (max-width: 991px){
.contact-popup-com-cls h2{font-size: 26px;}
.contact-popup-com-cls span.close {line-height: 28px;}
.page-template-page-contact .contact-wrap .intro-content {width: 100%;text-align: left;padding: 0 20px 30px;}
.page-template-page-contact .contact-wrap .shortcode {width: 100%;padding: 0 20px;}
section.serving-cities-section .cities-right-div{    padding-left: 5px;}
section.serving-cities-section .cities-right-div ul li{ margin: 6px 8px 0;}
section.serving-cities-section .cities-right-div ul li a{ font-size: 17px;;}
section.serving-cities-section .cities-left-div h3{ font-size: 20px;}
}

@media (max-width: 767px){

  .contact-popup-com-cls h2 {font-size: 20px;}

  .free_shipping_learnmore{    display: inline-block;}
  .free_shipping_learnmore .free_shipping_txt{ text-align: center; margin: 25px 0px 10px;width: 100%;display: inline-block;}
  .free_shipping_learnmore .free_shipping_img{    width: 100%;text-align: center;}
  .free_shipping_learnmore .free_shipping_img img{    width: auto;}

  section.serving-cities-section .serving-cities-div{ display: inline-block;    width: 100%;
    text-align: center;}
  section.serving-cities-section .cities-left-div{ width: 100%;text-align: center;}
  section.serving-cities-section .cities-right-div{  padding-left: 0;    display: inline-block;} 
  section.serving-cities-section .cities-right-div ul { padding-left: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
}

@media (max-width: 480px){
  
  section.paragraph-section h3{  font-size: 2.5rem;}
}




section.section_video_ninja_form .vidio-section-location .contact-section-location .form_section_location.location_mobile_hide{background: #2c3240 !important;}
#sidebar-section .result-container .vehicle-photo img{height:auto;}
.contact-popup-com-cls .modal-body{display: inline-block;}
section.section_video_ninja_form .vidio-section-location .contact-section-location h3{color:#333}
.form-fields-required{color: #666;}

.video_title_iframe h1 {text-transform: uppercase;font-weight: bold;margin-top: 20px;font-size: 31px;margin-bottom: 10px;}
.video_title_iframe .location-description{font-weight: 400;}

.carousel-wrap {margin: 90px auto;padding: 0 5%;width: 80%;position: relative;}
.owl-carousel .item {position: relative;z-index: 100; -webkit-backface-visibility: hidden; }
.owl-nav > div {margin-top: -26px;position: absolute;top: 50%;color: #cdcbcd;}
.owl-nav i {font-size: 52px;}
.owl-nav .owl-prev {left: -30px;}
.owl-nav .owl-next {right: -30px;}