/*
Theme Name: Betheme
Theme URI: http://themes.muffingroup.com/betheme/
Author: Muffin group
Author URI: http://muffingroup.com/
Description: The biggest WordPress Theme ever
License: Themeforest Split Licence
License URI: -
Version: 20.5.2

All css files are placed in /css/ folder
*/

.noo {
	display: block !important;
}
.adr {
	float: left;
    font-size: 16px !important;
    line-height: 1;
    text-align: center;
    margin-right: 100px;
}

.mfn-main-slider {
	background-image: url(images/lowpoly-min.png);
	background-size: cover;
	height: max-content;
}

                                /*=== SOCIAL ===*/

.social-vi{
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    margin: auto;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.social__wrap{
    align-items: center;
}
.social__email{
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
}
.social__email:hover{
    color: #0095EB;
    text-decoration: none;
}

@media screen and (max-width:849px){
    .social-vi{
        max-width: 200px;
        margin-top: 72px;
        margin-left: 110px;
    }
}
@media screen and (max-width:768px){
    .social-vi{
        margin-top: 75px;
    }
}
@media screen and (max-width:767px){
    .social-vi{
        margin-top: 90px;
    }
}
@media screen and (max-width:679px){
    .social-vi{
        margin-top: 52px;
    }
}
@media screen and (max-width:609px){
	.social-vi{
        margin-top: 52px;
        margin: 52px auto 0 auto;
    }
}
@media screen and (max-width:849px){
    .top_bar_left{
        display: flex;
        flex-direction: column;
    }
    .logo-phone__box{
        justify-content: center;
        display: flex;
    }
}

                                /*=== / SOCIAL ===*/


.ttext {
    max-width: 65%;
    margin: 0 auto;	
}
.t1 {
    font-size: 50px;
    font-weight: 600;
    text-align: left;
    padding-top: 40px;
    width: 400px;
    line-height: 1;
    color: #000000;	
}
.t2 {
    font-size: 30px;
    color: #000000;
    font-weight: 300;
    line-height: 1;
}
.mma {
    width: 350px;
    margin: -220px 0 0px 60%;
    text-align: right;
}
.adr2 {
	position: absolute;
    margin: -40px 0 0 50px;
}
@media screen and (max-width:900px){
	.mma {
		margin: auto;
	}
	/*.adr {
		display: none !important;
	}*/
	.adr2 {
		position: inherit;
		margin: 10px 0 0 0px;
		font-size: 17px;
	}
	footer {
		height: 257px !important;
	}
}


@media screen and (max-width:900px){
div#wpcf7-f301-p8-o2 form {
    max-width: 94% !important;
}
.formdiv p {
    font-size: 16px !important;
}
div.name-phone label, div.name-phone p {
    font-size: 16px !important;
}
.konsult .wrap-form .first-line {
    font-size: 28px !important;
    line-height: 32px !important;
}
.column_attr {
width: 94% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    margin-right: 0;	
}
.mcb-section-inner .google_font {
    margin-top: 25px !important;
    text-align: center;
}
.oon {
	display: block !important;
}
.ll {
	padding-bottom: 30px;
}

footer {
		height: 257px !important;
	}

.mfn-main-slider h1 {
    padding-top: 20px;
    font-size: 40px;
    text-align: center;
    width: 100%;
}
.mfn-main-slider h5 {
    padding-top: 0px;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}
.phone {
    margin-right: 50px !important;
    text-align: center;
}
}

@media only screen and (max-width: 609px){
	.phone-right{
		margin: 80px 22% 10px 22% !important;
	}
}

@media screen and (max-width:610px){
	.adr {
		text-align: center;
		width: 100%;
		margin-top: 8px;
	}
	footer {
		height: 257px !important;
	}
}

@media screen and (max-width:360px){
	.ttext {
		max-width: 80%;
	}
	footer {
		height: 257px;
	}
}
table {
font-size: 14px;
border-collapse: collapse;
text-align: center;
}
th, td:first-child {
background: #ff5555;
color: white;
padding: 10px 20px;
}
th, td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
td {
background: #D8E6F3;
}
th:first-child, td:first-child {
text-align: left;
}