/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

h1, h2, h3, h4, h5, h6{ line-height: 1.25; margin-bottom: 25px;}
p{ line-height: 1.6; margin-bottom: 25px;}

header.page_header{ background: #fff;}

a.qode-btn.qode-btn-simple.red-button{ font-size: 17px; font-weight: 600; color: #072536; border: 2px solid #072536; padding: 8px 21px !important;}
a.qode-btn.qode-btn-simple.red-button:hover{ background: #072536 !important; color: #fff;}

a.qode-btn.qode-btn-simple.white-button{ background: #fff; border: 2px solid #fff !important; font-size: 17px; font-weight: 600; color: #072536; padding: 10px 25px!important;}
a.qode-btn.qode-btn-simple.white-button:hover{ color: #fff; border-color: #fff !important;}


header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a{ opacity: 1;}
nav.main_menu > ul > li > a:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #072536; opacity: 0; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
nav.main_menu > ul > li:hover > a:before, nav.main_menu > ul > li.current-menu-item > a:before, nav.main_menu > ul > li.current-menu-ancestor > a:before{ opacity: 1;}

header.transparent:not(.sticky) .drop_down .second{ top: 100%;}
header.transparent .drop_down .second:not(.right){ left: 0;}

.home-expertise-section{ padding: 125px 0;}
.home-expertise-section h6{ font-size: 16px; text-transform: uppercase; margin-top: 5px;}

.flex-box-section{ padding-bottom: 125px;}
.flex-box-section .wpb_single_image .vc_single_image-wrapper, .flex-box-section .wpb_single_image .vc_single_image-wrapper img{ width: 100%;}


.flex-box-section .info-col > .vc_column-inner > .wpb_wrapper{ max-width: 690px;}
.flex-box-section.right-text-col .info-col > .vc_column-inner > .wpb_wrapper{ padding-left: 157px;}
.flex-box-section.left-text-col .info-col > .vc_column-inner{ text-align: right;}
.flex-box-section.left-text-col .info-col > .vc_column-inner > .wpb_wrapper{ display: inline-block; padding-right: 157px; text-align: left;}

.flex-box-section.left-text-col .info-col h2{ line-height: 1.1;}
.flex-box-section .info-col a.qode-btn.qode-btn-simple.red-button{ margin-top: 35px;}

.home-capability-header-section h2{ margin-bottom: 35px !important;}
.home-capability-section .description-box p{ font-size: 28px;}
.home-capability-section .description-box > .wpb_wrapper{ position: relative; padding-left: 120px;}
.home-capability-section .description-box > .wpb_wrapper:before {content: ""; position: absolute; top: 10px; left: 0; height: 50%; width: 20%; background: url(https://growthmodedev.wpengine.com/wp-content/themes/bridge-child//images/GrowthMode%20Section%20Indent%20Icon.png) no-repeat; background-size: contain;}


.home-capability-section{ padding-bottom: 125px;}
.home-capability-section h6{ font-size: 16px; color: #072536; text-transform: uppercase; margin-top: 10px;}


ul.services-list{ margin-left: -15px; margin-right: -15px; padding: 0; list-style: none;}
ul.services-list:before, ul.services-list:after{ content: ""; display: table;}
ul.services-list:after{ clear: both;}
ul.services-list li{ box-sizing: border-box; float: left; width: 50%; padding-left: 15px; padding-right: 15px;}

a.service-button{ display: block; position: relative; font-size: 21px; font-weight: 600; color: #292929; text-decoration: none; padding: 12px 25px; margin-top: 35px;}
a.service-button:before{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; width: 4px; background: #072536; -webkit-transition: width 0.3s; transition: width 0.3s;}
a.service-button span.btn-text{ position: relative; z-index: 2;}
a.service-button:hover:before{ width: 100%;}
a.service-button:hover{ color: #fff;}

.home-get-started-section .wpb_single_image .vc_single_image-wrapper, .home-get-started-section .wpb_single_image .vc_single_image-wrapper img{ width: 100%;}
.home-get-started-section .image-col{ position: relative; z-index: 1;}
.home-get-started-section .image-col > .vc_column-inner, .home-get-started-section .text-col > .vc_column-inner{ padding-left: 0px; padding-right: 0px;}


.home-get-started-section .text-col{ position: relative; z-index: 2;}
.home-get-started-section .text-col:before{ content: ""; position: absolute; top: 0; left: -1850px; bottom: 0; width: 0; height: 0; border-top: 2030px solid transparent; border-right: 1850px solid #072536;}
.home-get-started-section .text-col > .vc_column-inner > .wpb_wrapper{ max-width: 690px;}
.home-get-started-section h3{ color: #fff;}
.home-get-started-section p{ font-size: 28px; color: #fff;}

.home-get-started-section a.qode-btn.qode-btn-simple.white-button{ margin-top: 35px;}

.footer_top .footer-top-row{ padding-bottom: 35px;}
.footer_top .footer-top-row:last-child{ border-bottom: 1px solid #e1e1e1;}
.footer-nav ul{ margin: 0; padding: 0; list-style: none;}
.footer-nav ul li{ display: inline-block; vertical-align: top; margin-right: 40px;}
.footer-nav ul li a{ display: block; text-decoration: none;}
.footer_bottom a{ text-decoration: none;}

/*---service-page---*/
.service-page-ttl { padding-top: 200px;}
.service-page-ttl h2 { padding: 0 0 30px;}
.ovrvw-block { padding: 0 0 100px;}
.ovrvw-block a.qode-btn.qode-btn-simple.red-button { margin-top: 35px;}
.ovrvw-img { margin-top: 100px;}

.faq-section{ padding-top: 0;}
.faq-section h6{ margin-top: 35px;}
.faq-accordion .qode-accordion-holder .qode-title-holder{ background: none; border-bottom: 2px solid #072536; line-height: 1.2; padding: 30px 0 25px; margin: 0;}
.faq-accordion .qode-accordion-holder .qode-title-holder.ui-state-active{ border-bottom: none;}
.faq-accordion .qode-accordion-holder .qode-title-holder:hover, .faq-accordion .qode-accordion-holder .qode-title-holder.ui-state-active { color: #292929;}
.faq-accordion .qode-accordion-holder .qode-title-holder .qode-tab-title{ height: auto;}
.faq-accordion .qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner{ vertical-align: top; padding: 0;}

.faq-accordion .qode-accordion-holder .qode-title-holder span.qode-tab-title-inner { padding-left: 0 !important;}
.faq-accordion .qode-accordion-holder .qode-accordion-content { border-bottom: 2px solid #072536; padding: 0 0 35px;}

.faq-accordion .qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon span{ top: 24px; transform: none; -webkit-transform: none; -moz-transform: none;}

.faq-accordion .qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon span.icon_plus:before { content: "\f107"; font-family: 'FontAwesome'; font-size: 40px; color: #bea06a;}
.faq-accordion .qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon span.icon_minus-06:before { content: "\f106"; font-family: 'FontAwesome'; font-size: 40px; color: #072536;}
/*---service-page---*/

.about-title-section{ padding-top: 200px; padding-bottom: 65px;}
.team-heading-section{ padding-bottom: 50px;}

.team-list-section .item-box{ margin-bottom: 40px;}
.team-list-section .item-box h6{ text-transform: uppercase; margin-bottom: 5px;}
.team-list-section .item-box h6 a{ text-decoration: none;}
.team-list-section .item-box p{ line-height: 1.3;}
.team-list-section .item-box p em{ display: block; font-size: 16px;}

.team-list-section .item-box .wpb_text_column a{ display: block;}
.team-list-section .item-box .wpb_text_column img{ width: 100%;}

.team-list-lower-space{ padding-bottom: 85px;}

.bio-title-section{ padding: 40px 0; margin-top: 100px;}
.bio-title-section h1{ font-size: 82px; margin-bottom: 10px;}
.bio-title-section p{ font-weight: 700; font-size: 24px; color: #072536;}

.bio-info-section{ padding-top: 120px; padding-bottom: 160px;}
.bio-info-section h2{ font-size: 30px;}


@media only screen and (min-width: 1000px){
    .bio-section .team-list-section > .section_inner{ width: 1000px !important;}
    .bio-section .team-heading-section h2{ font-size: 50px;}
}
@media only screen and (min-width: 768px){
    .bio-section .team-heading-section h2{ text-align: center;}
    .bio-section .team-list-section .item-box h6 a, .bio-section .team-list-section .item-box p{ font-size: 16px;}
}


/*..................gravity form styling..................*/
.general_form_wrapper.gform_wrapper{width:100%;max-width:100% !important;padding:0;box-sizing:border-box;margin:0 auto;}
.general_form_wrapper.gform_wrapper ul.gform_fields{margin:0 -10px !important;display:block;position:relative;}
.general_form_wrapper.gform_wrapper ul.gform_fields:after{content:"";display:block;clear:both;}
.general_form_wrapper.gform_wrapper ul.gform_fields li.gfield{width:50%;float:left;padding:0 10px;clear:none;box-sizing:border-box;margin:0 0 20px !important;}
.general_form_wrapper.gform_wrapper ul.gform_fields li.gfield.fullwidth-field{width:100%;}
.general_form_wrapper.gform_wrapper ul.gform_fields li.gfield label.gfield_label{ font-size:14px; font-weight: 700; text-transform: uppercase;}
.contact_form_wrapper.general_form_wrapper.gform_wrapper ul.gform_fields li.gfield label.gfield_label{ color:#fff;}
.general_form_wrapper.gform_wrapper ul.gform_fields li.gfield.regd-prod, .general_form_wrapper.gform_wrapper ul.gform_fields li.gfield.regd-address{width:100%;max-width:100%;}
.general_form_wrapper.gform_wrapper .top_label input.medium, .general_form_wrapper.gform_wrapper .top_label select.medium, .gform_wrapper textarea.medium{ width:100% !important; height:45px; font-size: 16px !important; color: #000; border: 2px solid #b7b7b7; padding: 5px 10px !important;}
.general_form_wrapper.gform_wrapper .gform_footer{text-align:left;margin-top:0;}
.general_form_wrapper.gform_wrapper .gform_footer input[type="submit"]{ border-radius:0px;padding:0 40px; height:45px; border: 2px solid #072536; /*width:250px;*/ text-align:center; font-size:17px; color: #072536; font-weight:700; text-transform: none; letter-spacing: 0; margin-right:0;}
.general_form_wrapper.gform_wrapper .gform_footer input[type="submit"]:hover{ background: #072536; color: #fff;}
.general_form_wrapper.gform_wrapper ul.gform_fields li.regd-address .ginput_complex{margin-right:-10px;margin-left:-10px;box-sizing:border-box;float:none;width:auto;}
.general_form_wrapper.gform_wrapper ul.gform_fields li.regd-address .ginput_complex:after{clear:both;display:block;content:"";}
.general_form_wrapper.gform_wrapper ul.gform_fields li.regd-address .ginput_complex > span{float:left;width:50%;display:block;box-sizing:border-box;padding:0 10px;margin-left:0;margin-right:0;margin-bottom:15px;}
.general_form_wrapper.gform_wrapper ul.gform_fields li.regd-address .ginput_complex > span input{width:100% !important;}
.general_form_wrapper.gform_wrapper li.gfield.gfield_error, .general_form_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background:none;}
.general_form_wrapper.gform_wrapper label.gfield_label+div.ginput_container{margin-top:0 !important;} 
.general_form_wrapper.gform_wrapper.gf_browser_chrome .gfield_error input[type=email], .general_form_wrapper.gform_wrapper.gf_browser_chrome .gfield_error input[type=number], .general_form_wrapper.gform_wrapper.gf_browser_chrome .gfield_error input[type=password], .general_form_wrapper.gform_wrapper.gf_browser_chrome .gfield_error input[type=tel], .general_form_wrapper.gform_wrapper.gf_browser_chrome .gfield_error input[type=text], .general_form_wrapper.gform_wrapper.gf_browser_chrome .gfield_error input[type=url], .general_form_wrapper.gform_wrapper.gf_browser_chrome .gfield_error select, .general_form_wrapper.gform_wrapper.gf_browser_chrome .gfield_error textarea, .general_form_wrapper.gform_wrapper.gf_browser_chrome li.gfield_error.field_sublabel_above .ginput_complex input[type=text]{border-color:#790000 !important;margin-bottom:0;}
.general_form_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .general_form_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .general_form_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .general_form_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-left:0;margin-top:0;}
.general_form_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description.validation_message{display:none;}
.general_form_wrapper.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .general_form_wrapper.gform_wrapper li.gfield_html{max-width:100% !important;}
.general_form_wrapper.gform_wrapper div.validation_error{width:100% !important;}
.general_form_wrapper.gform_wrapper.label-hide ul.gform_fields li.gfield label.gfield_label{display:none;}
.general_form_wrapper.gform_wrapper.dark-shade ul.gform_fields li.gfield input.medium, .general_form_wrapper.gform_wrapper.dark-shade ul.gform_fields li.gfield select.medium, .general_form_wrapper.gform_wrapper.dark-shade ul.gform_fields li.gfield textarea.medium{background-color:#515456;border:1px solid rgba(116, 116, 116, 1);color:#999999;-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;margin-top:0;}
.general_form_wrapper.gform_wrapper.dark-shade ul.gform_fields li.gfield textarea.medium{height:200px;}
.general_form_wrapper.gform_wrapper.contact-pg-form .gform_footer{padding:0;text-align:right;}
.general_form_wrapper.gform_wrapper.contact-pg-form .gform_footer input[type="submit"]{border-radius:30px;padding:0;height:46px;width:80px;font-size:16px;background:none;border:2px solid #515456;color:#cccccc;}
.general_form_wrapper.gform_wrapper.contact-pg-form div.validation_error{background-color:#790000;border:1px solid #ad4747;color:#fff;display:none;}
.general_form_wrapper.gform_wrapper.dark-shade ul.gform_fields li.gfield input:-webkit-autofill, .general_form_wrapper.gform_wrapper.dark-shade ul.gform_fields li.gfield textarea:-webkit-autofill, 
.general_form_wrapper.gform_wrapper.dark-shade ul.gform_fields li.gfield select:-webkit-autofill{background-color:#515456;border:1px solid rgba(116, 116, 116, 1);color:#999999;}
.general_form_wrapper.gform_wrapper ul.gform_fields li.gfield.full-width{ width: 100%;}

.general_form_wrapper.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width:100% !important;}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea{ border-width: 2px !important;}


.general_form .gform_confirmation_message { text-align: center; font-size: 30px; line-height: 1.4; font-weight: 300; color: #303030;}

@media only screen and (min-width: 641px){
    .general_form_wrapper.gform_wrapper textarea.medium{ height: 120px;}
    }
/*..................gravity form styling..................*/

.contact-form-section{ padding-top: 120px; padding-bottom: 120px;}
.contact-form-section .wpb_text_column > .wpb_wrapper{ max-width: 330px;}
.contact-form-section .info-col p{ font-size: 28px;}


/*---media css---*/
@media only screen and ( min-width: 1001px ) {
    .flex-box-section > .full_section_inner{ display: -ms-flexbox; display: flex;}
    .flex-box-section .info-col{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
    .flex-box-section.row-reverse > .full_section_inner{ -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
    
    .home-get-started-section > .full_section_inner{ display: -ms-flexbox; display: flex;}
    .home-get-started-section .text-col{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #bea06a;}
}

@media only screen and ( min-width: 1200px ) and ( max-width: 1599px ) {
    h2, .h2, h2 a { font-size: 60px;}
    h3, .h3, h3 a { font-size: 40px;}
    h4, .h4, h4 a { font-size: 32px;}
    h5, .h5, h5 a { font-size: 25px;}
    h6, .h6, h6 a { font-size: 17px;}
    p {font-size: 16px;}
    
    .bio-title-section h1{ font-size: 60px;}
}

@media only screen and ( min-width: 769px ) and ( max-width: 1199px ) {
    h2, .h2, h2 a { font-size: 45px;}
    h3, .h3, h3 a { font-size: 35px;}
    h4, .h4, h4 a { font-size: 30px;}
    h5, .h5, h5 a { font-size: 25px;}
    h6, .h6, h6 a { font-size: 16px;}
    
    .bio-title-section h1{ font-size: 45px;}
}

@media only screen and ( max-width: 1599px ) {
    .flex-box-section.left-text-col .info-col > .vc_column-inner > .wpb_wrapper { padding-right: 15px; max-width: 630px;}
    .flex-box-section.right-text-col .info-col > .vc_column-inner > .wpb_wrapper { padding-left: 15px; max-width: 630px;}

    .home-capability-section .description-box p { font-size: 24px;}
    a.service-button {font-size: 17px;}
    
    a.qode-btn.qode-btn-simple.red-button, a.qode-btn.qode-btn-simple.white-button {  font-size: 14px;}   
    
    .home-get-started-section .text-col > .vc_column-inner > .wpb_wrapper { padding-right: 150px;}
    .home-get-started-section p { font-size: 22px;}
    
}

@media only screen and ( max-width: 1359px ) {
    .flex-box-section.left-text-col .info-col > .vc_column-inner > .wpb_wrapper { padding-right: 0; padding-left: 15px; max-width: 100%; }
    .flex-box-section.right-text-col .info-col > .vc_column-inner > .wpb_wrapper { padding-left: 0; padding-right: 15px; max-width: 100%; }
    
    .home-capability-section .description-box p { font-size: 20px;}
    a.service-button {font-size: 14px;}
    
    .home-get-started-section .text-col > .vc_column-inner > .wpb_wrapper { padding-right: 0;}
}

@media only screen and ( max-width: 1200px ) {
    .contact-form-section .info-col p{ font-size: 25px;}
}

@media only screen and ( max-width: 1000px ) {
    .info-col, .image-col, .text-col { width: 100%;}
    
    .flex-box-section.left-text-col .info-col > .vc_column-inner > .wpb_wrapper, .flex-box-section.right-text-col .info-col > .vc_column-inner > .wpb_wrapper { padding-left: 15px; padding-right: 15px;}
    .flex-box-section.left-text-col .info-col h2, .flex-box-section.right-text-col .info-col h2 { padding-top: 30px;}
    
    .home-get-started-section .image-col, .home-get-started-section .text-col { width: 100%;}
    .home-get-started-section .text-col { background: #072536; padding: 35px 0;}
    .home-get-started-section .text-col:before { display: none;}
    .home-get-started-section .text-col > .vc_column-inner > .wpb_wrapper { max-width: 100%; padding: 0 15px;}
    
    footer .container_inner { width: 100%; padding: 0 15px; box-sizing: border-box;}
    .footer_bottom_holder { padding: 15px 0;}
    .footer_bottom_holder .footer_bottom_column { width: 100%;}
    .footer_bottom { text-align: center !important;}
    
    .parallax_section_holder .section_inner { padding: 0 30px; box-sizing: border-box; width: 100% !important;}
    
    .home-capability-section .vc_col-sm-6 { width: 100%;}
    .home-capability-section h6 { margin-top: 30px;}
    .home-capability-section .description-box p br { display: none;}
    
    .service-page-ttl { padding-top: 100px;}
    
    .about-title-section{ padding-top: 60px; padding-bottom: 60px;}
    .about-info-section .text-col{ margin-bottom: 40px;}
    
    .contact-form-section .info-col{ margin-bottom: 40px;}
    .contact-form-section .wpb_text_column > .wpb_wrapper{ max-width: 100%;}
    .contact-form-section .form-col{ width: 100%;}
    
    .bio-title-section{ margin-top: 0;}
    .bio-info-section .image-col{ padding-bottom: 40px;}
}

@media only screen and ( max-width: 768px ) {
    .faq-accordion .qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon span{ top: 20px;}
    .bio-title-section h1{ font-size: 35px;}
    .bio-title-section p{ font-size: 18px;}
}

@media only screen and ( max-width: 767px ) {    
    .home-expertise-section { padding: 65px 0;}
    .flex-box-section { padding-bottom: 65px;}
    .home-capability-section { padding-bottom: 65px;}
    
    .home-expertise-section h6 { padding-bottom: 10px;}
    
    .home-get-started-section p{ font-size: 18px; line-height: 1.2;}
    
    .service-page-ttl { padding-top: 65px;}
    .service-page-ttl h2 { padding: 0;}
    .pumpdown-block .wpb_single_image { margin-top: 35px;}
    .ovrvw-block { padding: 0 0 65px;}
    .ovrvw-img { margin-top: 45px;}
    
    .faq-section{ padding-top: 0;}
    .faq-accordion .qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon span{ top: 24px;}
    .faq-accordion .qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon span.icon_plus:before, .faq-accordion .qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon span.icon_minus-06:before{ font-size: 30px;}
    
    .about-title-section{ padding-bottom: 30px;}
    .team-heading-section{ padding-bottom: 30px;}
    .team-list-section .item-box{ float: left; width: 50%;}
    .team-list-section.higher-designation .item-box{ width: 100%;}
    .team-list-lower-space{ padding-bottom: 35px;}
    
    .contact-form-section{ padding-top: 60px; padding-bottom: 60px;}
    .contact-form-section > .section_inner{ box-sizing: border-box; width: 100% !important; padding-left: 40px; padding-right: 40px;}
    .contact-form-section .info-col p{ font-size: 18px;}
    
    .bio-info-section{ padding-top: 60px; padding-bottom: 80px;}
    .bio-info-section h2{ font-size: 22px;}
}

@media only screen and (max-width: 641px){
    .general_form_wrapper.gform_wrapper .gform_footer input[type="submit"]{ width: auto;}
}

@media only screen and (max-width: 600px){
    .bio-title-section h1{ font-size: 30px}
        
    .team-list-section .item-box{ width: 100%;}
}

@media only screen and ( max-width: 480px ) {
    p{ font-size: 16px;}
    
    ul.services-list li { width: 100%;}
    
    .footer-nav ul li { display: block;}
}
@media only screen and ( max-width: 479px ) {
    .footer_bottom{ line-height: 1.3;}
    .footer_bottom_holder .footer_bottom_column:first-child{ margin-bottom: 15px;}
}
@media only screen and ( max-width: 449px ) {
    .general_form_wrapper.gform_wrapper ul.gform_fields li.gfield{ width: 100%;}
}

@media only screen and ( max-width: 350px ) {
    .parallax_section_holder .section_inner{ padding-left: 0; padding-right: 0;}
    .team-list-section .item-box{ float: none; width: 100%;}
}




/* ==================== old location page styling ==================== */
.location-section{ padding-top: 160px; padding-bottom: 160px;}
.location-section h2, .location-section h4{ font-weight: 800;}
.location-section h2{ margin-bottom: 80px;}
.location-section h4{ color: #072536; position: relative; padding-bottom: 12px;}
.location-section h4:before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background: #072536; height: 2px;}
.location-section h5{ font-size: 18px; text-transform: uppercase; margin-bottom: 15px;}

.loc-container:before, .loc-container:after{ content: ""; display: table;}
.loc-container:after{ clear: both;}
.loc-container .loc-left, .loc-container .loc-right{ float: left;}
.loc-container .loc-left{ width: 480px;}
.loc-container .loc-right{ width: 810px; padding-top: 15px;}

.loc-container .loc-infobox{ display: none;}
.loc-container .loc-infobox.show-box{ display: block;}
.loc-container .loc-infobox .desc-box{ padding-right: 30px;}
.loc-container .loc-mapbox{ position: relative; padding-left: 240px;}
.loc-container .map-thumb{ position: relative; z-index: 1;}
.loc-container .map-thumb img{ display: block;}
.loc-container a.contact-button{ display: inline-block; vertical-align: top; border: 2px solid #072536; background: #fff; font-size: 17px; font-weight: 700; color: #072536; text-decoration: none; padding: 12px 25px; margin-top: 15px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.loc-container a.contact-button:hover{ background: #072536; color: #fff;}

.loc-point{ box-sizing: border-box; position: absolute; z-index: 2; width: 30px; height: 30px; border: 2px solid #fff; border-radius: 50%; background: rgba(255,255,255,0.25); cursor: pointer; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.loc-point:hover, .select{ border-color: #072536; background: rgba(190,160,106,1);}

.loc-point:after{ content: ""; position: absolute; z-index: 1; top: -16px; left: -16px; width: 60px; height: 60px; display: block;}

.loc-mapbox .colorado{ top: 13%; left: 46%;}
.loc-mapbox .oklahoma{ top: 35%; left: 79.5%;}
.loc-mapbox .new-mexico{ top: 41.5%; left: 42.5%;}
.loc-mapbox .north-texas{ top: 49%; left: 68.5%;}
.loc-mapbox .hq{ top: 54.5%; left: 76.5%;}
.loc-mapbox .midland{ top: 58%; left: 60%;}
.loc-mapbox .south-texas{ top: 76%; left: 76.5%;}

.loc-mapbox .colorado:before{ content: ""; position: absolute; z-index: 3; top: 76px; left: -386px; width: 388px; background: #072536; height: 2px; -ms-transform: rotate(-18deg); -webkit-transform: rotate(-18deg); transform: rotate(-18deg); display: none;}
.loc-mapbox .colorado.select:before{ display: block;}

.loc-mapbox .oklahoma:before{ content: ""; position: absolute; z-index: 3; top: 1px; left: -646px; width: 639px; background: #072536; height: 2px; -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); display: none;}
.loc-mapbox .oklahoma.select:before{ display: block;}

.loc-mapbox .new-mexico:before{ content: ""; position: absolute; z-index: 3; top: -21px; left: -350px; width: 346px; background: #072536; height: 2px; -ms-transform: rotate(11deg); -webkit-transform: rotate(11deg); transform: rotate(11deg); display: none;}
.loc-mapbox .new-mexico.select:before{ display: block;}

.loc-mapbox .north-texas:before{ content: ""; position: absolute; z-index: 3; top: -45px; left: -562px; width: 560px; background: #072536; height: 2px; -ms-transform: rotate(12deg); -webkit-transform: rotate(12deg); transform: rotate(12deg); display: none;}
.loc-mapbox .north-texas.select:before{ display: block;}

.loc-mapbox .hq:before{ content: ""; position: absolute; z-index: 3; top: -64px; left: -632px; width: 633px; background: #072536; height: 2px; -ms-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg); display: none;}
.loc-mapbox .hq.select:before{ display: block;}

.loc-mapbox .midland:before{ content: ""; position: absolute; z-index: 3; top: -76px; left: -505px; width: 511px; background: #072536; height: 2px; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); display: none;}
.loc-mapbox .midland.select:before{ display: block;}

.loc-mapbox .south-texas:before{ content: ""; position: absolute; z-index: 3; top: -140px; left: -654px; width: 680px; background: #072536; height: 2px; -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); display: none;}
.loc-mapbox .south-texas.select:before{ display: block;}



@media only screen and ( max-width: 1599px ) {
    .loc-mapbox .colorado:before{ top: 60px; left: -380px; width: 378px; -ms-transform: rotate(-13deg); -webkit-transform: rotate(-13deg); transform: rotate(-13deg);}
    .loc-mapbox .oklahoma:before{ top: -16px; left: -647px; width: 640px; -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);}
    .loc-mapbox .new-mexico:before{ top: -39px; left: -354px; width: 354px; -ms-transform: rotate(16deg); -webkit-transform: rotate(16deg); transform: rotate(16deg);}
    .loc-mapbox .north-texas:before{ top: -64px; left: -567px; width: 569px; -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);}
    .loc-mapbox .hq:before{ top: -80px; left: -636px; width: 642px; -ms-transform: rotate(17deg); -webkit-transform: rotate(17deg); transform: rotate(17deg);}
    .loc-mapbox .midland:before{ top: -95px; left: -509px; width: 522px; -ms-transform: rotate(23deg); -webkit-transform: rotate(23deg); transform: rotate(23deg);}
    .loc-mapbox .south-texas:before{ top: -154px; left: -662px; width: 694px; -ms-transform: rotate(28deg); -webkit-transform: rotate(28deg); transform: rotate(28deg);}
    
}
@media only screen and ( max-width: 1499px ) {
    .loc-container .loc-right{ width: 620px;}
    .loc-container .loc-mapbox{ padding-left: 50px;}
    
    .loc-mapbox .colorado{ left: 29.5%;}
    .loc-mapbox .oklahoma{ left: 73%;}
    .loc-mapbox .new-mexico{ left: 25%;}
    .loc-mapbox .north-texas{ left: 58.5%;}
    .loc-mapbox .hq{ left: 69.5%;}
    .loc-mapbox .midland{ left: 47.5%;}
    .loc-mapbox .south-texas{ left: 69.5%;}
    
    .loc-mapbox .colorado:before{ top: 58px; left: -196px; width: 199px; -ms-transform: rotate(-26deg); -webkit-transform: rotate(-26deg); transform: rotate(-26deg);}
    .loc-mapbox .oklahoma:before{ top: -17px; left: -458px; width: 452px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);}
    .loc-mapbox .new-mexico:before{ top: -41px; left: -173px; width: 180px; -ms-transform: rotate(32deg); -webkit-transform: rotate(32deg); transform: rotate(32deg);}
    .loc-mapbox .north-texas:before{ top: -65px; left: -380px; width: 387px; -ms-transform: rotate(22deg); -webkit-transform: rotate(22deg); transform: rotate(22deg);}
    .loc-mapbox .hq:before{ top: -84px; left: -453px; width: 464px; -ms-transform: rotate(23deg); -webkit-transform: rotate(23deg); transform: rotate(23deg);}
    .loc-mapbox .midland:before{ top: -95px; left: -330px; width: 355px; -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg);}
    .loc-mapbox .south-texas:before{ top: -156px; left: -487px; width: 534px; -ms-transform: rotate(37deg); -webkit-transform: rotate(37deg); transform: rotate(37deg);}
}
@media only screen and ( max-width: 1200px ) {
    .location-section h2{ margin-bottom: 58px;}
    .loc-container .loc-left{ width: 420px;}
    .loc-container .loc-right{ width: 530px;}

    .loc-mapbox .colorado:before{ top: 56px; left: -168px; width: 170px;}
    .loc-mapbox .oklahoma:before{ top: -7px; left: -390px; width: 385px;}
    .loc-mapbox .new-mexico:before{ top: -27px; left: -147px; width: 150px;}
    .loc-mapbox .north-texas:before{ top: -47px; left: -324px; width: 327px;}
    .loc-mapbox .hq:before{ top: -62px; left: -386px; width: 394px;}
    .loc-mapbox .midland:before{ top: -72px; left: -281px; width: 300px;}
    .loc-mapbox .south-texas:before{ top: -123px; left: -417px; width: 454px;}
}

@media only screen and ( max-width: 1199px ) {
    .location-section h2{ margin-bottom: 80px;}
}
@media only screen and ( max-width: 1000px ) {
    .location-section{ padding-top: 60px; padding-bottom: 60px;}
    .location-section h2{ margin-bottom: 25px;}
    .loc-container .loc-left, .loc-container .loc-right{ width: 100%;}
    .loc-container .loc-left{ padding-bottom: 40px;}
    .loc-container .loc-infobox .desc-box{ padding-right: 0;}
    .loc-container .loc-mapbox{ padding-left: 0;}
    .loc-container .map-thumb img{ width: 100%;}
    
    .loc-mapbox .colorado{ left: 23.5%;}
    .loc-mapbox .oklahoma{ left: 71%;}
    .loc-mapbox .new-mexico{ left: 18.5%;}
    .loc-mapbox .north-texas{ left: 55%;}
    .loc-mapbox .hq{ left: 67%;}
    .loc-mapbox .midland{ left: 43%;}
    .loc-mapbox .south-texas{ left: 67%;}
    
    .loc-mapbox .colorado.select:before, .loc-mapbox .oklahoma.select:before, .loc-mapbox .new-mexico.select:before, .loc-mapbox .north-texas.select:before, .loc-mapbox .hq.select:before, .loc-mapbox .midland.select:before, .loc-mapbox .south-texas.select:before{ display: none;}
}
@media only screen and ( max-width: 767px ) { 
    .location-section > .section_inner{ box-sizing: border-box; width: 100% !important; padding-left: 40px; padding-right: 40px;}
}
@media only screen and (max-width: 600px){
    .location-section h5{ font-size: 15px;}
    .loc-container a.contact-button{ font-size: 15px;}
}
@media only screen and (max-width: 499px){
    .loc-point{ width: 25px; height: 25px;}
    .loc-point:after{ width: 50px; height: 50px; top: -15px; left: -15px;}
}
@media only screen and ( max-width: 449px ) {
    .loc-point{ width: 20px; height: 20px;}
    .loc-point:after{ width: 45px; height: 45px;}
}
/* ==================== old location page styling ==================== */



/* ==================== new location page styling (07-04-2020) ==================== */
.location-section-beta{ padding-top: 160px; padding-bottom: 160px;}
.location-section-beta h2, .location-section-beta h4{ font-weight: 800;}
.location-section-beta h2{ margin-bottom: 80px;}
.location-section-beta h4{ color: #072536; position: relative; padding-bottom: 12px;}
.location-section-beta h4:before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background: #072536; height: 2px;}
.location-section-beta h5{ font-size: 18px; text-transform: uppercase; margin-bottom: 15px;}

.loc-container-beta:before, .loc-container-beta:after{ content: ""; display: table;}
.loc-container-beta:after{ clear: both;}
.loc-container-beta .loc-left, .loc-container-beta .loc-right{ float: left;}
.loc-container-beta .loc-left{ width: 480px;}
.loc-container-beta .loc-right{ width: 810px; padding-top: 15px;}

.loc-container-beta .loc-infobox{ display: none;}
.loc-container-beta .loc-infobox.show-box{ display: block;}
.loc-container-beta .loc-infobox .desc-box{ padding-right: 30px;}
.loc-container-beta .loc-mapbox-beta{ position: relative; padding-left: 50px;}
.loc-container-beta .map-thumb{ position: relative; z-index: 1;}
.loc-container-beta .map-thumb img{ display: block;}
.loc-container-beta a.contact-button{ display: inline-block; vertical-align: top; border: 2px solid #072536; background: #fff; font-size: 17px; font-weight: 700; color: #072536; text-decoration: none; padding: 12px 25px; margin-top: 15px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.loc-container-beta a.contact-button:hover{ background: #072536; color: #fff;}

.loc-point-beta{ box-sizing: border-box; position: absolute; z-index: 2; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; background: rgba(255,255,255,0.25); cursor: pointer; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.loc-point-beta:hover, .select{ border-color: #072536; background: rgba(190,160,106,1);}

.loc-point-beta:after{ content: ""; position: absolute; z-index: 1; top: -12px; left: -12px; width: 40px; height: 40px; display: block;}

.loc-mapbox-beta .colorado{ top: 26.2666%; left: 16.8666%;}
.loc-mapbox-beta .oklahoma{ top: 44.8666%; left: 38.7666%;}
.loc-mapbox-beta .new-mexico{ top: 24.1666%; left: 23.1666%;}
.loc-mapbox-beta .north-texas{ top: 56.5666%; left: 31.5666%;}
.loc-mapbox-beta .hq{ top: 62.5666%; left: 85.6777%;}
.loc-mapbox-beta .midland{ top: 48.1666%; left: 44.6666%;}
.loc-mapbox-beta .south-texas{ top: 73.6666%; left: 69.0666%;}


/*----08.04.2020----*/
.loc-mapbox-beta .ohio { top: 13.2666%; right: 20.5%; }
.loc-mapbox-beta .west-virginia { right: 14.6%; top: 21%;  }
.loc-mapbox-beta .pennsylvania { top: 5.3666%; right: 9.3%; }
/*----08.04.2020----*/

/*----09.04.2020----*/
.loc-container-beta .loc-left .inner-box h2 { margin-bottom: 38px; line-height: 1; font-size: 72px; }
.loc-container-beta .loc-left .inner-box .loc-infobox h4 {  line-height: 1.45; font-size: 30px;}

.loc-mapbox-beta .louisiana{ bottom: 30.3666%; left: 53.6%; }

.loc-mapbox-beta .louisiana:before{ content: ""; position: absolute; z-index: 3; top: -56px; left: -447px; width: 442px; background: #072536; height: 2px; -ms-transform: rotate(32deg);  -webkit-transform: rotate(32deg); transform: rotate(16deg); display: none; cursor: default; }
.loc-mapbox-beta .louisiana.select:before{ display: block;}
/*----09.04.2020----*/


.loc-mapbox-beta .colorado:before{ content: ""; position: absolute; z-index: 3; top: 49px; left: -149px; width: 152px; background: #072536; height: 2px; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); display: none; cursor: default;}
.loc-mapbox-beta .colorado.select:before{ display: block;}

.loc-mapbox-beta .oklahoma:before{ content: ""; position: absolute; z-index: 3; top: -1px; left: -317px; width: 307px; background: #072536; height: 2px; -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg); display: none; cursor: default;}
.loc-mapbox-beta .oklahoma.select:before{ display: block;}

.loc-mapbox-beta .new-mexico:before{ content: ""; position: absolute; z-index: 3; top: 39px; left: -196px; width: 190px; background: #072536; height: 2px; -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); display: none; cursor: default;}
.loc-mapbox-beta .new-mexico.select:before{ display: block;}

.loc-mapbox-beta .north-texas:before{ content: ""; position: absolute; z-index: 3; top: -34px; left: -263px; width: 258px; background: #072536; height: 2px; -ms-transform: rotate(16deg); -webkit-transform: rotate(16deg); transform: rotate(16deg); display: none; cursor: default;}
.loc-mapbox-beta .north-texas.select:before{ display: block;}

.loc-mapbox-beta .hq:before{ content: ""; position: absolute; z-index: 3; top: -93px; left: -709px; width: 710px; background: #072536; height: 2px; -ms-transform: rotate(15eg); -webkit-transform: rotate(15deg); transform: rotate(15deg); display: none; cursor: default;}
.loc-mapbox-beta .hq.select:before{ display: block;}

.loc-mapbox-beta .midland:before{ content: ""; position: absolute; z-index: 3; top: -45px; left: -370px; width: 365px; background: #072536; height: 2px; -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); display: none; cursor: default;}
.loc-mapbox-beta .midland.select:before{ display: block;}

.loc-mapbox-beta .south-texas:before{ content: ""; position: absolute; z-index: 3; top: -128px; left: -590px; width: 608px; background: #072536; height: 2px; -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); display: none; cursor: default;}
.loc-mapbox-beta .south-texas.select:before{ display: block;}


/*----08.04.2020----*/
.loc-mapbox-beta .ohio:before{ content: ""; position: absolute; z-index: 3; top: 83px; left: -634px; width: 632px; background: #072536; height: 2px; -ms-transform: rotate(-13deg); -webkit-transform: rotate(-13deg); transform: rotate(-13deg); display: none; cursor: default;}
.loc-mapbox-beta .ohio.select:before{ display: block;}

.loc-mapbox-beta .west-virginia:before{ content: ''; position: absolute; z-index: 3; top: 62px; left: -678px; width: 669px; background: #072536; height: 2px; -ms-transform: rotate(-9deg); -webkit-transform: rotate(-9deg); transform: rotate(-9deg); display: none; cursor: default;}
.loc-mapbox-beta .west-virginia.select:before{ display: block;}

.loc-mapbox-beta .pennsylvania:before{ content: ""; position: absolute; z-index: 3; top: 103px; left: -729px; width: 729px; background: #072536; height: 2px; -ms-transform: rotate(-14.5deg); -webkit-transform: rotate(-14.5deg); transform: rotate(-14.5deg); display: none; cursor: default;}
.loc-mapbox-beta .pennsylvania.select:before{ display: block;}
/*----08.04.2020----*/




@media only screen and ( max-width: 1599px ) {
    .loc-mapbox-beta .colorado:before{ top: 32px; left: -142px; width: 138px; -ms-transform: rotate(-18deg); -webkit-transform: rotate(-18deg); transform: rotate(-18deg);}
    .loc-mapbox-beta .oklahoma:before{ top: -19px; left: -318px; width: 310px; -ms-transform: rotate(9deg); -webkit-transform: rotate(9deg); transform: rotate(9deg);}
    .loc-mapbox-beta .new-mexico:before{ top: 20px; left: -191px; width: 180px; -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg); transform: rotate(-6deg);}
    .loc-mapbox-beta .north-texas:before{ top: -52px; left: -267px; width: 270px; -ms-transform: rotate(22deg); -webkit-transform: rotate(22deg); transform: rotate(22deg);}
    .loc-mapbox-beta .hq:before{ top: -108px; left: -713px; width: 718px; -ms-transform: rotate(18deg); -webkit-transform: rotate(18deg); transform: rotate(18deg);}
    .loc-mapbox-beta .midland:before{ top: -62px; left: -375px; width: 375px; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg);}
    .loc-mapbox-beta .south-texas:before{ top: -144px; left: -598px; width: 622px; -ms-transform: rotate(28deg); -webkit-transform: rotate(28deg); transform: rotate(28deg);}
    
    /*----08.04.2020----*/
    .loc-mapbox-beta .ohio:before { top: 66px; left: -632px; transform: rotate(-10deg);  -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); width: 625px;}
    .loc-mapbox-beta .west-virginia:before { top: 45px; left: -677px; transform: rotate(-6deg);  -ms-transform: rotate(-6deg); -webkit-transform: rotate(-6deg);}
    .loc-mapbox-beta .pennsylvania:before { top: 86px; transform: rotate(-11.9deg);  -ms-transform: rotate(-11.9deg); -webkit-transform: rotate(-11.9deg); width: 724px;}
    /*----08.04.2020----*/

    /*----09.04.2020----*/
    .loc-container-beta .loc-left .inner-box h2 { margin-bottom: 88px; font-size: 60px; }
    .loc-mapbox-beta .louisiana:before { top: -74px; left: -450px; width: 452px; transform: rotate(20deg); -ms-transform: rotate(20deg);  -webkit-transform: rotate(20deg); }

    
    /*----09.04.2020----*/
}
@media only screen and ( max-width: 1499px ) {
    .loc-container-beta .loc-right{ width: 620px;}
    .loc-container-beta .loc-mapbox-beta{ padding-left: 50px;}
    
    .loc-point-beta{ width: 18px; height: 18px;}
    .loc-mapbox-beta .colorado{ top: 25.7666%; left: 18.4666%;}
    .loc-mapbox-beta .oklahoma{ top: 44.5666%; left: 39.7666%;}
    .loc-mapbox-beta .new-mexico{ top: 24.0666%; left: 24.5666%;}
    .loc-mapbox-beta .north-texas{ top: 56.2666%; left: 32.5666%;}
    .loc-mapbox-beta .hq{ top: 62.0666%; left: 86.2777%;}
    .loc-mapbox-beta .midland{ top: 47.9666%; left: 45.9666%;}
    .loc-mapbox-beta .south-texas{ top: 73.4666%; left: 69.9666%;}
    
    .loc-mapbox-beta .colorado:before{ top: 52px; left: -128px; width: 130px; -ms-transform: rotate(-34deg); -webkit-transform: rotate(-34deg); transform: rotate(-34deg);}
    .loc-mapbox-beta .oklahoma:before{ top: 12px; left: -249px; width: 240px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg);}
    .loc-mapbox-beta .new-mexico:before{ top: 41px; left: -160px; width: 158px; -ms-transform: rotate(-21deg); -webkit-transform: rotate(-21deg); transform: rotate(-21deg);}
    .loc-mapbox-beta .north-texas:before{ top: -12px; left: -205px; width: 195px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);}
    .loc-mapbox-beta .hq:before{ top: -56px; left: -544px; width: 542px; -ms-transform: rotate(13deg); -webkit-transform: rotate(13deg); transform: rotate(13deg);}
    .loc-mapbox-beta .midland:before{ top: -21px; left: -290px; width: 285px; -ms-transform: rotate(11deg); -webkit-transform: rotate(11deg); transform: rotate(11deg);}
    .loc-mapbox-beta .south-texas:before{ top: -85px; left: -453px; width: 462px; -ms-transform: rotate(22deg); -webkit-transform: rotate(22deg); transform: rotate(22deg);}


    /*----08.04.2020----*/
    .loc-mapbox-beta .ohio { right: 20%; }
    .loc-mapbox-beta .west-virginia { right: 14.1%; }
    .loc-mapbox-beta .pennsylvania { right: 9.1%; }

    .loc-mapbox-beta .ohio:before { top: 74px; left: -490px; transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); width: 488px; }
    .loc-mapbox-beta .west-virginia:before { width: 517px; top: 58px; left: -523px; transform: rotate(-11deg); -ms-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); }
    .loc-mapbox-beta .pennsylvania:before { top: 90px; transform: rotate(-16deg); -ms-transform: rotate(-16deg); -webkit-transform: rotate(-16deg); left: -560px; width: 558px; }
    /*----08.04.2020----*/


    /*----09.04.2020----*/
    .loc-container-beta .loc-left .inner-box h2 { font-size: 55px; margin-bottom: 94px; }
    .loc-mapbox-beta .louisiana:before { top: -31px; left: -338px; width: 331px; transform: rotate(11deg); -ms-transform: rotate(11deg); -webkit-transform: rotate(11deg); }
    /*----09.04.2020----*/
}
@media only screen and ( max-width: 1200px ) {
    .location-section-beta h2{ margin-bottom: 58px;}
    .loc-container-beta .loc-left{ width: 420px;}
    .loc-container-beta .loc-right{ width: 530px;}
    
    .loc-point-beta{ width: 16px; height: 16px;}
    .loc-point-beta:after{ top: -9px; left: -9px; width: 30px; height: 30px;}
    .loc-mapbox-beta .colorado{ top: 25.7666%; left: 19.4666%;}
    .loc-mapbox-beta .oklahoma{ top: 44.5666%; left: 40.7666%;}
    .loc-mapbox-beta .new-mexico{ top: 23.7666%; left: 25.5666%;}
    .loc-mapbox-beta .north-texas{ top: 56.2666%; left: 33.5666%;}
    .loc-mapbox-beta .hq{ top: 62.2666%; left: 86.3777%;}
    .loc-mapbox-beta .midland{ top: 47.8666%; left: 46.4666%;}
    .loc-mapbox-beta .south-texas{ top: 73.3666%; left: 70.1666%;}
    
    .loc-mapbox-beta .colorado:before{ top: 49px; left: -115px; width: 118px; -ms-transform: rotate(-34deg); -webkit-transform: rotate(-34deg); transform: rotate(-34deg);}
    .loc-mapbox-beta .oklahoma:before{ top: 14px; left: -219px; width: 210px; -ms-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); transform: rotate(-4deg);}
    .loc-mapbox-beta .new-mexico:before{ top: 66px; left: -156px; width: 170px; -ms-transform: rotate(-37deg); -webkit-transform: rotate(-37deg); transform: rotate(-37deg);}
    .loc-mapbox-beta .north-texas:before{ top: -8px; left: -180px; width: 170px; -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg);}
    .loc-mapbox-beta .hq:before{ top: -17px; left: -463px; width: 455px; -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg);}
    .loc-mapbox-beta .midland:before{ top: 12px; left: -249px; width: 240px; -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg);}
    .loc-mapbox-beta .south-texas:before{ top: -40px; left: -380px; width: 376px;  -ms-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg);}



    /*----08.04.2020----*/
    .loc-mapbox-beta .ohio:before { top: 67px; left: -418px; width: 417px; transform: rotate(-15.5deg);-ms-transform: rotate(-15.5deg);-webkit-transform: rotate(-15.5deg); }
    .loc-mapbox-beta .west-virginia:before { width: 440px; top: 54px; left: -447px; transform: rotate(-11.5deg); -ms-transform: rotate(-11.5deg); -webkit-transform: rotate(-11.5deg); }
    .loc-mapbox-beta .pennsylvania:before {top: 80px;transform: rotate(-16.6deg); -ms-transform: rotate(-16.6deg); -webkit-transform: rotate(-16.6deg); left: -478px; width: 480px; }
    /*----08.04.2020----*/

    /*09.04.2020*/
    .loc-mapbox-beta .louisiana { left: 54.6%; }
    .loc-container-beta .loc-left .inner-box .loc-infobox h4 { line-height: 1.65; font-size: 25px; }
    .loc-mapbox-beta .louisiana:before { top: -20px; left: -294px;  width: 287px; transform: rotate(10deg);  -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); }
    .loc-container-beta .loc-left .inner-box h2 { margin-bottom: 71px; }
    /*09.04.2020*/
}

@media only screen and ( max-width: 1199px ) {
    .location-section-beta h2{ margin-bottom: 80px;}
}
@media only screen and ( max-width: 1000px ) {
    .location-section-beta{ padding-top: 60px; padding-bottom: 60px;}
    .location-section-beta h2{ margin-bottom: 25px;}
    .loc-container-beta .loc-left, .loc-container-beta .loc-right{ width: 100%;}
    .loc-container-beta .loc-left{ padding-bottom: 40px;}
    .loc-container-beta .loc-infobox .desc-box{ padding-right: 0;}
    .loc-container-beta .loc-mapbox-beta{ padding-left: 0;}
    .loc-container-beta .map-thumb img{ width: 100%;}
    
    .loc-mapbox-beta .colorado{ top: 25.7666%; left: 11.4666%;}
    .loc-mapbox-beta .oklahoma{ top: 44.8666%; left: 34.4666%;}
    .loc-mapbox-beta .new-mexico{ top: 24.2666%; left: 18.1666%;}
    .loc-mapbox-beta .north-texas{ top: 56.2666%; left: 26.8666%;}
    .loc-mapbox-beta .hq{ top: 62.5666%; left: 85.1777%;}
    .loc-mapbox-beta .midland{ top: 48.3666%; left: 41.2666%;}
    .loc-mapbox-beta .south-texas{ top: 73.8666%; left: 67.4666%;}
    
    .loc-mapbox-beta .colorado.select:before, .loc-mapbox-beta .oklahoma.select:before, .loc-mapbox-beta .new-mexico.select:before, .loc-mapbox-beta .north-texas.select:before, .loc-mapbox-beta .hq.select:before, .loc-mapbox-beta .midland.select:before, .loc-mapbox-beta .south-texas.select:before, .loc-mapbox-beta .ohio.select:before, .loc-mapbox-beta .west-virginia.select:before,.loc-mapbox-beta .pennsylvania.select:before, .loc-mapbox-beta .louisiana.select:before { display: none;}
    
    
    /*----08.04.2020----*/
    .loc-mapbox-beta .ohio { right: 22%; }
    .loc-mapbox-beta .west-virginia { right: 16.1%; }
    .loc-mapbox-beta .pennsylvania { right: 10.1%; }
    /*----08.04.2020----*/

    /*09.04.2020*/
    .loc-mapbox-beta .louisiana { left: 50.6%; }
    .loc-container-beta .loc-left .inner-box h2 { margin-bottom: 25px; }
    /*09.04.2020*/

}
@media only screen and ( max-width: 767px ) { 
    .location-section-beta > .section_inner{ box-sizing: border-box; width: 100% !important; padding-left: 40px; padding-right: 40px;}
    .loc-point-beta{ width: 12px; height: 12px;}
    .loc-point-beta:after{ top: -11px; left: -11px;}
}
@media only screen and (max-width: 600px){
    .location-section-beta h5{ font-size: 15px;}
    .loc-container-beta a.contact-button{ font-size: 15px;}

    .loc-container-beta .loc-left .inner-box h2 { font-size: 30px; }
    .loc-container-beta .loc-left .inner-box .loc-infobox h4 { font-size: 20px; }
}
/*@media only screen and (max-width: 499px){
    .loc-point-beta{ width: 25px; height: 25px;}
    .loc-point-beta:after{ width: 50px; height: 50px; top: -15px; left: -15px;}
}
@media only screen and ( max-width: 449px ) {
    .loc-point-beta{ width: 20px; height: 20px;}
    .loc-point-beta:after{ width: 45px; height: 45px;}
}*/
/* ==================== new location page styling (07-04-2020) ==================== */