/*
Theme Name: Betheme
Theme URI: https://themes.muffingroup.com/betheme/
Author: Muffin group
Author URI: https://muffingroup.com/
Description: The biggest WordPress Theme ever
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: betheme
Version: 21.4.3

All css files are placed in /css/ folder
*/

rs-sbg{
	opacity: 0.2!important
}

rs-layer.tp-shape{
	background-color: transparent!important
}

rs-layer p{
	white-space: normal!important
}

rs-layer h3{
	color: #fff!important;
	line-height: 34px!important;
}

rs-layer h4{
	color: #fff!important;
	line-height: 22px!important;
	margin: 0px 0px 15px!important
}

h1{
	line-height: 70px!important
}

.appointment-section:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #191919;
	opacity: 0.8;
	z-index: 1
}

.teammotor-list .column_attr{
	position: relative
}

.teammotor-list .column_attr:before {
    content: '\2714';
    color: #fff;
    background: #0f9bfb;
    position: absolute;
    width: 25px;
    height: 25px;
    visibility: visible;
    border-radius: 50%;
    left: 0;
    top: 15px;
    display: flex;
    justify-content: center;
	align-items: center;
}

h4 a:hover{
	color: #0f9bfb!important
}

#Top_bar a.action_button {
    background: transparent;
    padding: 13px 0;
}

#Top_bar a.action_button:hover{
	color: green
}

a.button span.button_label{
	padding: 0
}

a.button:not(#back_to_top, .slick-arrow, .button-thin) {
    background: rgba(15 , 155, 251, 0.8) !important;
	opacity: 0.9;
    color: #fff!important;
    border-radius: 3px!important;
    overflow: hidden;
	padding: 11px 22px!important;
	--webkit-transition: all .2s;
    transition: all .2s;
	margin: 0;
	font-size: 18px;
}

a.button:not(#back_to_top):not(.slick-arrow):hover{
	background: rgba(15 , 155, 251, 1) !important;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2)!important;
	-moz-box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2)!important;
	box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2)!important;
}

a.button.button-thin {
    background-color: transparent!important;
    border: 1px solid #0f9bfb;
    border-width: 1px!important;
    color: #0f9bfb!important;
	border-radius: 3px!important;
}

a.button.button-thin:hover {
    background-color: rgba(15 , 155, 251, 0.9) !important;
    border: 1px solid #0f9bfb;
    color: #fff!important;
}

a.button span.button_icon {
    padding: 0;
}

.slick-list .slick-slide img{
/* 	max-height: 570px;
	object-fit: cover; */
	border-radius: 3px;
}

img.scale-with-grid, #Content .slick-slider img{
	width: auto;
	border-radius: 3px;
}

#Content .slick-slider img {
    max-height: 300px;
}

.teammotor-full-width-img img{
	max-height: unset!important;
}

.content_slider.center .content_slider_ul li {
    max-width: 400px;
}

.slider_pagination a {
    margin: 6px 9px!important;
}

i[class^="icon"]{
	margin-right: 5px
}

input, textarea,
.get_in_touch, .infobox, .column_attr,
.popup-content{
    border-radius: 3px!important;
}

input[type="submit"], input[type="reset"], input[type="button"] {
    color: #fff!important;
}

.get_in_touch .get_in_touch_wrapper ul li:after{
	display: none
}

.get_in_touch ul li span.icon{
	color: #fff
}

.content_slider .slider_pagination a {
    background: rgba(62, 153, 216 , 0.25);
}

.content_slider .slider_pagination a:hover {
    background: rgba(62, 153, 216 , 1);
}

.slick-slide blockquote{
	color: #fff;
	font-size: 18px;
}

.testimonials_slider a.slider_prev, .testimonials_slider a.slider_next {
    background: transparent!important;
	top: calc(50% - 20px)!important;
	padding: 0!important;
}

.testimonials_slider a.slider_prev:hover, .testimonials_slider a.slider_next:hover{
	background: rgba(15 , 155, 251, 0.8);
}

.column_map_basic.column {
    display: flex;
}

.testimonials_slider .testimonials_slider_ul li.slick-slide .bq_wrapper {
    padding: 0;
}

.teammotor-socials, 
.teammotor-footer-logo{
	text-align: center
}

.teammotor-socials a{
	padding: 7px
}

.teammotor-socials img{
	height: 25px
}

.teammotor-footer-logo img{
	height: 68px
}

#Footer {
    background-color: #151a1c;
    padding: 35px 0 10px 0;
}

.teammotor-bg-services-list{
	width: 420px;
	max-width: 100%;
    white-space: normal;
}

.teammotor-bg-services-list *{
	color: #ffffff;
	line-height: 18px;
    font-size: 14px;
	line-height: 18px!important;
}

.teammotor-bg-services-list i{
	color: yellow;
	float: left;
	margin: 0px 4px 28px 0px!important;
}

.teammotor-bg-services-list p{
	
}

.teammotor-bg-services-list a{
	color: #ffffff;
	font-size: 18px;
	display: block;
	margin: 0px 0px 6px 0px!important;
}

.slick-slide {
    padding: 0 10px;
}

.portfolio_slider .slider_nav {
    border-radius: 3px;
}

.one-half, .one-third, .two-third, .one-fourth {
    margin-right: 0!important;
}

.testimonials_slider .testimonials_slider_ul li .author h5{
    display: none;
}
.twentytwenty-before-label::before {
    content: "До"!important;
}
.twentytwenty-after-label::before {
    content: "Після"!important;
}

.origin-size-imageb img.scale-with-grid{
	
}


@media(max-width: 1240px) {
	h1{
		font-size: 40px!important;
		line-height: 48px!important
	}	
	h2 {
		font-size: 36px;
		line-height: 46px;
	}
	#Top_bar .logo #logo, .header-fixed #Top_bar .logo #logo, 
	.header-plain #Top_bar .logo #logo, 
	.header-transparent #Top_bar .logo #logo {
		height: 50px;
		line-height: 43px;
		padding: 25px 0;
	}
	.header-transparent #Top_bar .container .top_bar_right {
		top: 28px;
    	height: auto;
	}	
	#Top_bar .container .top_bar_right .top_bar_right_wrapper {
		top: 0;
	}	
	rs-layer p{
		font-size: 14px!important;
		line-height: 20px!important
	}
}

@media(max-width: 992px) {
	h1{
		font-size: 41px!important;
		line-height: 48px!important
	}
	h2 {
		font-size: 30px;
		line-height: 38px;
	}
}

@media(max-width: 768px) {
	h1{
		font-size: 32px!important;
		line-height: 37px!important
	}	
	.teammotor-list{
		margin: 0px 0 30px 0!important;
	}
	#Top_bar #logo img.logo-mobile{
		max-height: 40px;
	}
	.teammotor-content-section .section_wrapper .column_attr{
		min-height: 50vw;
	}
	.teammotor-reverse-col-section .mcb-wrap-inner{
		display: flex;
		flex-direction: column-reverse;
	}
	#change, .column_button{
		text-align: center
	}
	.slick-slide blockquote {
		font-size: 14px;
		line-height: 24px;
	}
	.testimonials_slider .slick-slide blockquote p{
		margin: 15px 0
	}
	.extras a.action_button {
		background-color: unset;
	}
	#Side_slide .extras .action_button{
		display: none;
	}
	#Footer p{
		text-align: center
	}
	.section_wrapper .mcb-wrap.mob-nowrap .one-fourth.column,
	.section_wrapper .mcb-wrap.mob-nowrap .four.columns{
		width: 23%!important;
		clear: none;
	}
}

@media(max-width: 479px) {
	h1 {
		font-size: 18px!important;
		line-height: 32px!important;
	}
	h2 {
		font-size: 18px!important;
	}	
}
