/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.absolute-footer{ display: none !important;}

.roboto-condensed{font-family: 'Roboto Condensed', sans-serif;}
.roboto-black{font-family: 'Roboto', sans-serif; font-weight: 900 !important;}
.roboto-regular{font-family:'Roboto', sans-serif; font-weight: 400 !important;}
.roboto-medium{font-family:'Roboto', sans-serif; font-weight: 500 !important;}
.roboto-bold{font-family:'Roboto', sans-serif; font-weight: 700 !important;}
 
.secHead h2{ position:relative; padding-bottom:15px; font-family:'Roboto', sans-serif; font-weight: 900 !important; font-size: 40px !important;}
.secHead:after{ content: ""; position: absolute; background-color: #F0801E; width: 106px; height: 2px; left: 50%; transform:translatex(-50%); bottom: 0;}
.padding-0{ padding:0 !important;}
.padding-top-0{ padding-top:0 !important;}
.padding-bottom-0{ padding-bottom:0 !important;}
.about-row{ max-width:1150px !important; background-color:#fff; margin-top:50px !important; margin-bottom:50px !important;}
.testi-banner{ background-color: transparent !important; min-height:300px;}
.about-block{ background-color:#fff;}
.mp0 h2{ margin:0 !important; padding:0 !important; font-weight:300;}
.thin{ font-weight:100 !important;}

.contact-icon{ width:26px !important; max-width:26px !important;}

.mna{ width:80px !important; height:auto;}

.mytabs{}
.mytabs ul{}
.mytabs ul li{ margin: 0 10px !important;}
.mytabs ul li > a{ border: none; background-color: transparent; font-family:'Roboto', sans-serif; font-weight: 400 !important; font-size: 35px; color: #171b40 !important; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 25px 35px;}
.mytabs ul li.active > a{ background-color: #171b40; color: #fff !important;}

.tab-panels{ background-color: #171b40 !important; color: #fff !important; border-radius:10px !important; padding:25px 25px !important; border: none !important;}
.tab-panels p{ margin:0 !important; padding:0 !important; font-size: 16px;}
.tab-panels h2{ font-family:'Roboto', sans-serif; font-weight: 700 !important; font-size: 35px;}

.service-box h3{ font-family:'Roboto', sans-serif; font-weight: 500 !important; font-size: 20px; color: #303C8E !important;}

.mom-popup{ position: relative; width: 100%; top: 0; background-color: #FEF4EB; padding:40px 20px; border-radius: 10px !important;}
.mom-popup-wrapper{ position: relative; width: 100%; max-width: 1150px; margin: 0 auto; top: 0; background-color: #FEF4EB;}
.mom-popup-wrapper h2{  padding:0px 5%; font-size: 27px; color: #ff6600; font-weight: 700 !important;}
.mom-popup-wrapper h3{  font-size: 27px; color: #161B3F; font-weight: 700 !important;}
.mom-service{ position: relative; display: flex; align-items: flex-start; justify-content: center;}
.mom-service-col{ flex: 0 0 50%; max-width: 575px; padding: 10px 5%; }
.mom-service-col ul { font-size: 25px; line-height: 1.5em; margin: 5px 0 15px; padding: 0;}
.mom-service-col ul li { list-style: none; position: relative;  padding: 0 0 0 20px; /* font-size: 20px !important; color: #161B3F; */}
.mom-service-col ul li::before { content: ""; position: absolute; left: 0; top: 15px; width: 10px; height: 10px; background-color: #ff6600; border-radius: 50%;}

.servicePopup{ position: relative !important; max-width: 1366px !important; padding: 0 !important; border-radius: 10px !important;}

.testim-box{ max-width: 655px; margin: 0 auto;}
.testim-box strong{ font-weight: 700 !important;}

.contact-details{ max-width: 490px;}
.contact-ico{ width: 24px; height: 24px; margin-right: 20px; flex-basis: 8.3333333333% !important; max-width: 24px !important;}
.contact-text{ flex-basis: 83.3333333333% !important; max-width: 83.3333333333% !important;}

.contact-wrapper{ max-width: 1180px !important; display: flex; justify-content: space-between; margin: 0 auto; align-items: center;}

.button.secondary{ border-radius: 5px;}
.contact-form .input-text,.contact-form .label{font-size:16px; font-weight:400 }
.contact-form br{ display: none !important; }
.row .col.x-50{width:50%}
.row .col.x-100{width:100%}
.content-wrapper{min-height:100%;position:relative}
.contact-form .form-field{position:relative;margin:0px 0; padding: 0 15px 20px !important;}
.contact-form .form-field p br{ display: none !important;}
.contact-form .label{ position:relative; font-size: 12px;}
.contact-form .label.fieldLabel{ position:absolute; top: 0; left: 12px;}
.contact-form .input-text{display:block;width:100%;height:36px;border-width:0 0 1px;border-color:#8D8D8D; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; outline:0;margin-top: 20px; font-size: 14px;}

.contact-form .label{color:#8D8D8D;cursor:text;}
.contact-form .input-text:focus{ outline:0; color: #000; }
.contact-form .input-text:focus + .label{ outline:0; color: #000; }

.custom_checkbox input[type="checkbox"] { position: relative;opacity: 1;cursor: pointer; left: 0;margin: 0;padding: 0; appearance: none;background-color: #E0E0E0;margin-right:3px; font: inherit; color: #E0E0E0; height:13px;width:13px; border: none; /* border-radius: 50%; */ transform: translateY(-0.075em); display: inline-block; place-content: center; top: 3px;}
.custom_checkbox input[type="checkbox"]::after {content:"";position:absolute;display:none;left:4px;top:2px;width:5px;height:8px;border:solid #272727;border-width:0 2px 2px 0;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);-moz-transform:rotate(35deg);-o-transform:rotate(35deg);transform:rotate(35deg)}
.custom_checkbox input[type="checkbox"]:checked::after{display:block}
.custom_checkbox{ font-weight: 300 !important; font-size: 12px !important; display: inline-block !important; margin-right: 5px;} 
.custom_checkbox label{ font-weight: 300 !important; font-size: 12px !important;}  

.add-footer{ position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; }

.copyright{ font-size: 12px;}

.form-botttom{ display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between;}
.form-botttom > div{ padding: 10px 0 10px 0;}
.form-botttom > p{ display:none;}

.hf-message-success{ border-radius: 5px !important; background-color: #161b3f !important; color:#fff !important; padding: 5px 10px !important; text-align: center !important; font-weight: bold !important;}
.hf-message-warning{ border-radius: 5px !important; background-color: #e03e1a !important; color:#fff !important; padding: 5px 10px !important; text-align: center !important; font-weight: bold !important;}

.wpcf7-spinner{ display: none !important;}

@media only screen and (max-width: 600px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.banner h2{ font-size: 2rem;}

.mom-service { display: flex; flex-direction: column;}
.mom-service-col{ flex: 0 0 100%; max-width: none; padding: 20px; }
.mom-service-col ul { font-size: 20px;}


.row .col.x-50{width:100%}
.add-footer{ flex-direction: column; justify-content: space-between;}
.form-botttom{ flex-direction: column; align-items: flex-start !important;}

.mytabs ul li{ margin: 0 5px !important;}
.mytabs ul li > a{ font-size: 24px; padding: 15px 24px;}

.mytabs .nav-center { justify-content: left !important;}

.tab-panels{ padding:5px !important; margin-top: -10px; }
.tab-panels h2{ font-size: 25px;}

.contact-ico{ margin-right: 6px !important;}

.service-box{ width: 90%; max-width: 300px; margin: 0 auto;}

}