/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/*
.cmb-mainmenu {display:none;}
.cmb-mainmenu.active {display:block;}
*/
body {font-family: "Roboto", Arial, Tahoma, sans-serif; font-weight: 400;}
h1, h2, h3, h4, h5, h6 {font-family: "Roboto", Arial, Tahoma, sans-serif;}

p {font-size: 14px;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.column_column ul, .column_helper ul, .column_visual ul, .icon_box ul, .mfn-acc ul, .ui-tabs-panel ul, .post-excerpt ul, .the_content_wrapper ul {margin: 15px;}
.column_column ul li, .column_helper ul li, .column_visual ul li, .icon_box ul li, .mfn-acc ul li, .ui-tabs-panel ul li, .post-excerpt ul li, .the_content_wrapper ul li {font-size: 14px;line-height: 1.2; font-weight: 400; font-family: "Roboto", Arial, Tahoma, sans-serif;}

.custom-header .logo {max-width: 285px;float: left;margin-top: 30px;}
.custom-header .cmb-inner .logo {display: none;}
.custom-header .cstmbr {float: right;margin-top: 55px;}


.home .container>.logo {display:none;}

header #nav-toggle {transition: all 0.25s cubic-bezier(0.7, 0.3, 0, 1);width: 30px;height: 30px;margin:45px auto 0 0;display: block;position: relative;cursor: pointer;}
header .nav {position: relative;float: right;z-index: 21;}

header #nav-toggle #menu {-webkit-transform: rotate(180deg);transform: rotate(180deg);display: block;}
header .nav span {display: block;background: #202530;}
header #nav-toggle #menu span {-webkit-transform: translateX(0);transform: translateX(0);transition: all .25s cubic-bezier(0.7, 0.3, 0, 1); position: relative;margin: 0 0 4px 0;opacity: 1;height: 3px;}

header #nav-toggle #menu span:nth-child(1) {width: 25px;transition-delay: .5s;}
header #nav-toggle #menu span:nth-child(2) {width: 16px;transition-delay: .625s;}
header #nav-toggle #menu span:nth-child(3) {width: 30px;transition-delay: .75s;}

header #nav-toggle.is-open #menu span:nth-child(1) {transition-delay: 0s;}
header #nav-toggle.is-open #menu span:nth-child(2) {transition-delay: .125s;}
header #nav-toggle.is-open #menu span:nth-child(3) {transition-delay: .25s;}

header #nav-toggle.is-open #close span:nth-child(1) {height: 100%;transition-delay: .500s;}
header #nav-toggle.is-open #close span:nth-child(2) {width: 100%;transition-delay: .375s;}

header #nav-toggle.is-open #menu span { -webkit-transform: translateX(-10px);transform: translateX(-10px);opacity: 0;}
header #nav-toggle.is-open #menu span:nth-child(1) {transition-delay: 0s;}

header #nav-toggle #close span {transition: all .25s cubic-bezier(0.7, 0.3, 0, 1);opacity: 0;}
header #nav-toggle #close {position: absolute;top: -7px;right: auto;bottom: auto;left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 100%;height: 100%;}
header #nav-toggle #close span:nth-child(1) {position: absolute;top: 0%;right: auto;bottom: auto;left: 14px;width: 3px;height: 0%;transition-delay: 0s;}
header #nav-toggle #close span:nth-child(2) {position: absolute;top: 14px;right: auto;bottom: auto;left: 0%;width: 0%;height: 3px;transition-delay: .25s;}

header #nav-toggle.is-open #close span {opacity: 1;}


header>nav {position: fixed;top: 0;right: 0;bottom: auto;left: 0;padding: 160px 0 0 0;overflow-y: auto;-webkit-overflow-scrolling: touch;background: #fff;z-index: 21;}
body nav {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);transition: opacity .45s,visibility .35s,-webkit-transform .45s;transition: opacity .45s,transform .45s,visibility .35s;transition: opacity .45s,transform .45s,visibility .35s,-webkit-transform .45s;opacity: 1;visibility: hidden;z-index: 21; position: absolute; width: 100%; background: #fff; padding-top: 20px;}

body.nav-is-open nav {visibility: visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

#Wrapper, #Content {background: #fff;}

#Header {background: #fff;}
header .container {transition: padding .45s ease;-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform, padding;padding: 0;z-index: 30;line-height: 40px;}
nav .cmb-mainmenu {display: flex; justify-content: space-between;}
nav .cmb-mainmenu .container {width: 100%;display: flex;}
.cmb-mmc {width: 33%;}
.cmb-mmc li {line-height: 18px;}

header .container {background: #fff;}
.home header .container {background:transparent;}

.cmb-mainmenu .cmb-mmc {font-size: 0;}
.cmb-mainmenu .cmb-mmc h4 {font-size: 40px; line-height: 45px;}
.cmb-mainmenu .cmb-mmc li {font-size: 18px; line-height: 35px; position: relative; padding-left: 23px; font-weight: 300; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.cmb-mainmenu .cmb-mmc li:after {content: '';width: 8px;height: 8px;border-bottom: 1px solid #24b3da;border-right: 1px solid #24b3da;transform: rotate(-45deg);position: absolute;top: 12px;left: 0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.cmb-mainmenu .cmb-mmc li:hover {padding-left: 31px;}
.cmb-mainmenu .cmb-mmc li:hover:after {left: 8px;}

.cmb-mainmenu .cmb-mmc .foo-icon i {font-size: 18px;}
.cmb-mainmenu .cmb-mmc .foo-content {font-size: 14px; line-height: 23px;}
.cmb-mainmenu .cmb-mmc .foo-address {margin-bottom: 20px;}
.cmb-mainmenu .cmb-mmc .foo-aboutus {padding-right: 70px;}
.cmb-mainmenu .cmb-mmc .foo-aboutus a {display: none;}
.cmb-mainmenu .cmb-mmc .foo-aboutus p {color: #000;font-size: 14px;line-height: 1.7;font-weight: 200;}

body.home:not(.template-slider) #Header {min-height: 1px;}
.home #Content {margin-top: -74px;}
.home.nav-is-open #Content{margin-top: 0;}
.home.nav-is-open .custom-header .logo {display: block;}
.home.nav-is-open .custom-header .cmb-inner .logo {display: none;}

.column_image.map-section {margin-top: 10px;}

.service-section .mcb-section-inner {max-width: 100%;}
.service-section-inner .mcb-column.service-content .infobox {display: flex; align-items: center; padding: 0; max-width: 600px;}

.service-section-inner .mcb-wrap-inner {display: flex; flex-wrap: wrap; justify-content: space-between;}
.service-section-inner .mcb-column {width: 50%; margin: 0; display: flex; align-items: center; justify-content: center;}
.service-section-inner .mcb-column.service-content {padding:30px 50px; box-sizing: border-box; border: 0;}
.service-section-inner .mcb-column.service-content.grey {background: #f8f8f8;}

.service-section-inner .icon-title {display: flex; align-items: center; opacity: 0.6; margin-bottom: 20px;}
.service-section-inner .icon-title i {max-width: 42px;}
.service-section-inner .icon-title h5 {margin-left: 15px; margin-bottom: 5px; font-weight: 400;}

.service-section-inner .main-title h2 {font-size: 32px; font-weight:100;  color:#333; letter-spacing: 0; margin-bottom: 30px;}
.service-section-inner .info p {font-size: 14px; line-height: 1.6; font-weight:200;}
.service-section-inner .info p:last-child {margin-bottom: 0;}

.service-content-image {position: absolute; top: 50%;max-width: 500px;transform: translateY(-50%);left: 9%;}
.service-content-image .infobox h3 {color:#fff!important; font-size: 40px; font-weight: 200;}
.service-content-image .infobox p {color:#fff!important; font-size: 14px; font-weight: 300;}

.blue h4.title {font-size: 18px;}
.blue .desc {font-weight: 200;}


.accordion .question .title {font-size: 16px;}
.career-content {margin-top: 30px; margin-bottom: 20px;}
.career-content p {font-size: 14px;line-height: 1.6;font-weight: 200;}

.ui-tabs .ui-tabs-nav li.ui-state-active a, .accordion .question.active .title > .acc-icon-plus, .accordion .question.active .title > .acc-icon-minus, .faq .question.active .title > .acc-icon-plus, .faq .question.active .title, .accordion .question.active .title { color: #fff;background: #24b3da;}


.career-form p {width: 48%; float: left;}
.career-form p:nth-child(odd) {float: right;}
.career-form p:nth-child(odd) + p {clear: both;}
.career-form div.wpcf7 input[type="file"] { border: 1px solid #ebebeb;padding: 8px;box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);width: 100%;box-sizing: border-box;}
.career-form .wpcf7-select {-webkit-appearance: menulist; appearance: menulist;}