/*
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
*/

#Top_bar .menu > li ul.sub-menu {
    -webkit-transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
    -ms-transform: translate3d(0,10px,0);
    -o-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    display: block !important;
    opacity: 0;
    -webkit-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -moz-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -ms-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    -o-transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    transition: left 0s .2s linear,transform 0s .2s linear,opacity .2s ease-out;
    padding: 10px;
    width: 250px;
	left: -99999px;
}
#Top_bar .menu > li:hover ul.sub-menu {
	left: 0px;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: left 0s linear,transform .2s ease-out,opacity .2s ease-out;
    -moz-transition: left 0s linear,transform .2s ease-out,opacity .2s ease-out;
    -ms-transition: left 0s linear,transform .2s ease-out,opacity .2s ease-out;
    -o-transition: left 0s linear,transform .2s ease-out,opacity .2s ease-out;
    transition: left 0s linear,transform .2s ease-out,opacity .2s ease-out;
}

#Top_bar .menu > li ul.sub-menu li {
    width: 100%;
}
#Top_bar .menu > li ul.sub-menu li a, #Side_slide #menu ul li a {
    padding: 10px 5px;
    font-size: 14px;
    border-color: #fff;
    text-transform:uppercase
}
#Top_bar .menu > li ul.sub-menu li.current-menu-item a {
    color: #eb5757;
}
#Top_bar .menu > li ul.sub-menu li:last-child a {
    border: 0;
}

.single-portfolio div#Content {
    padding:0;
}

.single-portfolio header.section.mcb-section.section-post-header {
    display:none;
}
.single-portfolio .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3:before {
    padding-top: 100%;
}
.home #Footer, .home .footer_action{
	background-color: #ffffff !important;
}
.footer_action{
	background:#f2f6f8 !important;
}
body::-webkit-scrollbar {
  	width: 0.4em;
}
body::-webkit-scrollbar-track {
  	background-color: #23aae2;
}
body::-webkit-scrollbar-thumb {
 	background-color: #187ea9;
}
a, input[type="submit"], button, button[type="submit"], :before, :after, .footer-top-icon i{
   -webkit-transition: all .3s ease-in-out !important;
   -moz-transition: all .3s ease-in-out !important;
   -o-transition: all .3s ease-in-out !important;
   -ms-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}
.footer-top-icon i:before {
    -webkit-transition: unset !important;
    -moz-transition: unset !important;
    -o-transition: unset !important;
    -ms-transition: unset !important;
    transition: unset !important;
}
a:hover, input[type="submit"]:focus,  button, button[type="submit"]:focus, .dontae-row button:focus{
	text-decoration:none !important;
	outline:none !important;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box .footer-top-icon:before {
    content: "";
    position: absolute;
    width: 78%;
    height: 78%;
    background: #1e81ac;
    z-index: -1;
    transform: rotate(225deg);
    left: -100%;
    top: auto;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box:hover .footer-top-icon:before {
    left: 10%;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box:hover .footer-top-icon i{
	color:#fff;
}
.vc_btn3-container a.vc_general, button, #Top_bar .top_bar_right .action_button, .footer-top-icon{
	position:relative;
	overflow:hidden;
	z-index:1;
}
.vc_btn3-container a.vc_general:hover, button:hover, #Top_bar .top_bar_right .action_button:hover {
    background: #23aae2 !important;
}
.vc_btn3-container a.vc_general:before, button:before, #Top_bar .top_bar_right .action_button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    left: 0;
    bottom: -200%;
    background: #187ea9;
    z-index: -1;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
}
.vc_btn3-container a.vc_general:hover:before, button:hover:before, #Top_bar .top_bar_right .action_button:hover:before {
    bottom: 0%;
}

.pt-100{
	padding-top:100px !important;
}
.pb-100{
	padding-bottom:100px;
}
.mt-10{
	margin-top:10px;
}
.mt-30{
	margin-top:30px;
}
.mt-50{
	margin-top:50px;
}
.wpb_wrapper > div, .has_content .the_content_wrapper{
	margin-bottom:0px;
}

h1, h2, h3, h4, h5, h6, a, button, .vc_custom_heading{
	text-transform:uppercase;
}
p.vc_custom_heading{
	text-transform:math-auto;
}
#Top_bar .top_bar_right {
    padding: 0;
}
#Top_bar .top_bar_right .action_button {
    padding: 0 !important;
    width: 138px;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.banner-section{
	height:838px;
}
.vc_btn3-container a.vc_general {
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    width: 150px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #23aae2 !important;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
}
.vc_btn3-container.vc_btn3-right a.vc_general {
    float: right;
}
.about-col .vc_column-inner {
    padding: 0px 80px 0px 0px;
    position: relative;
}
.about-col .vc_column-inner:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0px, -50%);
    width: 764px;
    height: 607px;
    box-shadow: 1px 0 49px rgb(0 0 0 / 50%);
    display: block;
    background: #fff;
    z-index: -1;
}
.w-100 figure, .w-100 figure .vc_single_image-wrapper, .w-100 figure, .w-100 figure .vc_single_image-wrapper img {
    width: 100%;
}
.contact-center-col .vc_column-inner {
    padding: 81px 104px;
    background: #fff;
    box-shadow: 1px 0 49px rgb(0 0 0 / 30%);
}
.contact-center-col .vc_column-inner .vc_row .wpb_column .vc_column-inner {
    padding: 0 15px;
    box-shadow: unset;
}
.contact-form span {
    margin-bottom: 20px;
}
.contact-form span input {
    height: 45px !important;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 20px;
}
.contact-form span textarea {
    padding: 20px;
    text-transform: uppercase;
    font-size: 13px;
    height: 155px;
    resize: none;
}
.contact-form button {
    margin: 0;
    padding: 0;
    width: 180px;
    height: 50px;
}
.contact-form .uacf7-row:last-child {
    text-align: center;
}
#Footer{
	display: flex;
    flex-direction: column;
}
.footer_action {
    display: flex;
    width: 100%;
    order: 1;
	padding-bottom:68px;
}
.footer_action .column .mcb-column-inner {
    padding: 0 !important;
    margin: 0 !important;
}
.footer_action .column .mcb-column-inner .footer-top .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box {
    display: flex;
    align-items: center;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box .footer-top-icon {
    width: 93px;
    height: 93px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #23aae2;
    border-radius: 50%;
    font-size: 30px;
    color: #23aae2;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box .footer-top-desc {
    margin-left: 20px;
    text-align: left;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box .footer-top-desc span {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box .footer-top-desc p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    margin-top: -2px;
}
.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box .footer-top-desc p a {
    text-transform: math-auto;
}
.mfn-footer .footer_copy {
    display: flex;
    order: 1;
	border:0;
}
.mfn-footer .footer_copy .container, .footer_action .container{
	width:100%;
}
footer .menu {
    padding: 16px 8px;
    list-style: none;
    background: transparent;
    display: flex;
	border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}
footer .menu li.current-menu-item a {
    color: #23aae2;
}
footer .menu li a {
    padding: 0;
}
#Footer .widgets_wrapper .mcb-column-inner .menu-footer-left-container .menu li:nth-child(odd), #Footer .widgets_wrapper .mcb-column-inner .menu-footer-right-container .menu li:nth-child(odd) {
    margin-right: 40px;
}
.widget {
    margin: 0;
}
#Footer .widgets_wrapper .mcb-column-inner {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
#Footer .footer_copy .one {
    padding: 0;
    margin: 0;
}
#Footer .footer_copy .one .mcb-column-inner {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 75px;
    border-top: 1px solid #cccccc;
}
#Footer .footer_copy .social-menu li {
    margin: 0;
    padding: 0;
}
#Footer .footer_copy .social-menu li a {
    font-size: 16px;
    text-transform: math-auto;
}
#Footer .footer_copy .social-menu {
    margin: 0;
}
#Footer .footer_copy .social-menu li:first-child {
    margin-right: 45px;
    padding-right: 45px;
    border-right: 2px solid #000;
    line-height: 15px;
}
#Footer .footer_copy .copyright {
    font-size: 16px;
}
.portfolio-grid {
    margin-bottom: 0;
}
.portfolio-grid .vc_gitem-animated-block .vc_gitem-zone:before {
    padding: 0;
}
.portfolio-grid .vc_gitem-animated-block .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row {
    position: relative;
}
.portfolio-grid .vc_gitem-animated-block .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_col-sm-12 {
    padding: 0;
}
.portfolio-grid .vc_gitem-animated-block .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_col-sm-12 .wpb_single_image {
    margin-bottom: 0;
}
.portfolio-grid .vc_pageable-slide-wrapper.vc_clearfix {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
}
.portfolio-grid .vc_grid-item.vc_clearfix.vc_visible-item {
    position: relative;
    overflow: hidden;
    width: 10%;
    margin: 0;
    background-size: auto 120%;
    background-position: center;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95) !important;
    flex-grow: 1;
    height: 100%;
    display: flex !important;
}
.portfolio-grid .vc_grid-item.vc_clearfix.active.vc_visible-item {
    flex-grow: 10000;
    transform: scale(1);
    width: 100%;
    margin: 0px;
    border-radius: 0;
    background-size: auto 100%;
}
.portfolio-grid .vc_gitem-animated-block .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_col-sm-12 .wpb_single_image img {
    min-height: 748px;
    object-fit: cover;
	border-radius: 10px;
}
.portfolio-title h3{
    padding: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    align-items: center;
	background:#187ea9;
	color:#fff;
	transform: scale(0);
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95) !important;
	margin-bottom:0px !important;
}
.portfolio-grid .vc_grid-item.vc_clearfix.active.vc_visible-item .portfolio-title h3 a.vc_gitem-link {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    align-items: center;
    padding-left: 7%;
}
.portfolio-grid .vc_grid-item.vc_clearfix.active.vc_visible-item .portfolio-title h3{
	transform: scale(1);
}
.portfolio-title h3:before {
    content: "\f015";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-flex;
    color: #fff;
   	width: 40px;
    height: 40px;
	font-size: 24px;
    align-items: center;
    justify-content: center;
    background: #27aae0;
    border-radius: 50%;
    margin-right: 20px;
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95) !important;
	transform: scale(0);
}
.portfolio-grid .vc_grid-item.vc_clearfix.active.vc_visible-item .portfolio-title h3:before{
	transform: scale(1);
	
}

/* Responsive Css */

/* Desktop Version */

@media screen and (min-width:1240px) and (max-width:1420px){
	.section_wrapper, .container{
		max-width: 1220px;
	}
}

@media screen and (max-width:1420px){
	body, .mfn-menu-item-megamenu{
		font-size: 16px;
    	line-height: 26px;
	}
	.mt-30 {
    	margin-top: 20px;
	}
	.pb-100 {
    	padding-bottom: 70px;
	}
	.pt-100 {
    	padding-top: 70px !important;
	}
	.banner-section {
    	height: 600px;
	}
	.banner-section div.vc_custom_heading {
    	font-size: 28px !important;
    	line-height: 38px !important;
	}
	h1 {
    	font-size: 50px;
    	line-height: 65px;
	}
	.vc_btn3-container a.vc_general{
		font-size: 16px;
	}
	h2 {
    	font-size: 40px;
		line-height: 50px;
	}
	.about-col .vc_column-inner:after{
		width: 676px;
    	height: 550px;
	}
	.contact-center-col .vc_column-inner {
		padding: 61px 84px;
	}
	#Footer .widgets_wrapper {
    	padding: 50px 0;
	}
	.footer_action{
		padding-bottom: 48px;
	}
	.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box .footer-top-icon{
		width: 73px;
    	height: 73px;
		font-size: 25px;
	}
	.footer_action .column .mcb-column-inner .footer-top .inner .footer-top-box .footer-top-desc{
		margin-left: 15px;
	}
	#Footer .footer_copy .one .mcb-column-inner{
		height: 55px;
	}
	#Footer .footer_copy .social-menu li:first-child{
		margin-right: 30px;
    	padding-right: 30px;
	}
	.portfolio-grid .vc_gitem-animated-block .vc_gitem-zone .vc_gitem-zone-mini .vc_gitem_row .vc_col-sm-12 .wpb_single_image img{
		min-height: 608px;
	}
	
}