/*
Theme Name: MTESL

Theme URI: https://example.com/twenty-twenty-one-child/

Description: MTESL

Author: Custom with ACF

Author URI: https://example.com

Template: twentytwentyone

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: two-column, responsive-layout

Text Domain: mobitouch
-------------------------------------------------------------- */

/* =Theme customization starts here
------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

h1,h2,h3,h4,h5,h6{
        font-family: 'Lato', sans-serif !important;
}
body{
    
    font-family: 'Lato', sans-serif !important;
}
a:focus {
	background: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.container {
	max-width:1200px;
	margin: 0 auto;
	width: 100%;
	padding-left:20px;
	padding-right:20px;
}
.container1 {
	max-width: 1600px;
	padding-left: 40px;
	padding-right: 40px;
	margin: auto;
}

.header-grid {
	display: grid;
	grid-template-columns: 25% auto;
	max-width:1600px;
	margin: 0 auto;
	/* width: 100%; */
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.logo {
	max-width: 200px;
}
.address {
	text-align: right;
	padding-top: 16px;
}

.address li {
	display: inline-block;
	margin-left: 50px;
	margin-right: 15px;
}
.address {
	text-align: right;
}



.cbutton a {
	background: #017d30 !important;
	color: #fff;
	border: 0;
	text-decoration: none;
	font-size: 17px;
	font-weight: 600;
	width: 200px;
	display: block;
	max-width: 200px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-radius: 7px;
}

#mainPhoto {
	background-size: cover;
}



.home  #main {
	padding: 0 !important;
}
.left-right-grid {
	display: grid;
	grid-template-columns: 50% 50% !important;
	padding-top: 100px;
	padding-bottom: 100px;
}

#mainPhoto .left-block-info h2 {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.3 !important;
	font-family: lato, sans-serif !important;
	color: #fff !important;
}
.sec1 .left-block-info p {
    text-align: left;
    font-family: lato;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.3em;
    color: #fff;
}

.left-block {
	align-self: center;
}

.left-block-info span::first-letter {
	font-size: 86px;
}
.left-block-info span {
	display: inherit;
}
.image-layer::before {
	background: url(https://www.mobitouch.de/wp-content/uploads/2021/08/mtesl-imagevideo-play.png);
	position: relative;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.image-layer {
	position: relative;
}
.image-layer.overlayer::before {
	content: none !important;
	width: 0;
}

.slick-slide img {
	
	width: 100% !important;
}

.mobilesec h2 {
	text-align: left;
	color: #444547;
	font-size: 40px;
	font-weight: normal;
font-family: Lato, sans-serif;
	font-weight: bold;
line-height: 1.5em;
padding-top: 70px;
padding-bottom: 50px;
}

.mobilesec h3 {
    background: linear-gradient(135deg, #007f30 30%,#ffffff 85%);
    text-align: left;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
   font-family: lato, sans-serif;
  line-height: 59px;
    letter-spacing: px;
    padding-left: 17px;
    margin-top: 30px;
    margin-bottom: 11px;
}

.mobilesec h2 span{color:#007f30 !important;}
.mobilesec .listing-block ul li::before {
    # bz 2024-10-20 content: "\f00c";
    content: "\25B6";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
}

.mobilesec .listing-block ul li {
	position: relative;
	padding-left: 35px;
}

.mobilesec ul {
	list-style: none !important;
}

.mainheading {
	min-height: 80px;
	/* padding: 0% 15% 0% 15%; */
	/* margin: 0% 0% 0% 0%; */
	background: linear-gradient( 145deg , #007f30 25%,#ffffff 70%);
	display: block;
	padding-top: 5px;
}


.gird25 {
	display: grid;
	grid-template-columns: repeat(auto-fill,31.8%);
	text-align: center;
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	margin-top: 50px;
}
.innerinfo {
	box-shadow: 0 0 0 0 gray;
	box-shadow: 12px 12px 20px #999999;
	border-radius: 6px;
	border-color: #000000;
	border-radius: 10px 10px 10px 10px;
	display: inline-block;
	min-height: 330px;
	padding: 2% 1% 2% 1%;
}

.small-text {
	color: #000 !important;
}

.custovoic {
	padding-top: 25px;
	padding-bottom: 27px;
	position: relative;
}

.aaa {
    margin-bottom: 20px;
}

#primary-menu-list a:focus {
    background: none !important;
}

.logo-sec .slick-list.draggable {
    padding-left: 0 !important;
    margin: 0;
}


.logo-sec .slick-initialized.slick-slider {
    padding-left: 0;
}


.logo-sec {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 5px solid #007A2E;
}
.logo img {
	width: 100%;
	max-width: 100% !important;
}

.sec2 .left-block .left-block-img::before {
	background: #00000094;
	content: "";
	position: absolute;
	width: 15%;
	height: 100%;
	left: 0;
}



.sec5 .slick-initialized.slick-slider.slick-dotted {
	padding-left: 0 !important;
}


.logo-sec:focus {
    background: none !important;
}

.post-grid-left {
	display: grid;
	/* grid-template-columns: 50% 50%; */
	grid-column-gap: 50px;
	grid-template-columns: repeat(auto-fill,47.8%);
}
.post-grid-right {
	display: grid;
	grid-template-columns: repeat(auto-fill,47.8%);
	grid-column-gap: 50px;
}
.graybg {
	background: #f0f0f0;
	margin-top: 0;
	margin-bottom: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.whitebg.com {
	margin-bottom: 50px;
}
.Sec4 {
	margin-top: 70px;
	margin-bottom: 70px;
}

.heading3 {
	min-height: 60px;
background: linear-gradient( 145deg , #007f30 25%,#ffffff 70%);
	display: block;
}
.footerlinks li {
	display: inline-block;
	font-size: 12px;
	line-height: 1.3em;
	color: #777;
	text-align: center;
	font-family: 'verdanaregular' !important;
	padding-left: 5px;
}
.footerlinks li a {
	font-family: 'verdanaregular' !important;
	color: #777 !important;
	text-decoration: none;
}
footer {
background-color: #f0f0f0;
}

.footerlinks {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 5px;
}

.bottom-grid {
	display: grid;
	grid-template-columns: 40% 20% 40%;
}

.left-side {
	width: 89%;
	min-height: 752px;
	background-color: #fff;
background-color: rgba(255, 255, 255, 0.618);
	margin: 0% 0% 0% 0%;
	padding: 0% 3% 3% 3%;
	box-shadow: 12px 12px 15px #7d7d7d;
	border-color: #ffffff;
	border-radius: 10px 10px 10px 10px;
	display: inline-block;

}

.right-side {
	width: 89%;
	min-height: 752px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.552);
	margin: 0% 0% 0% 0%;
	padding: 34px 0% 3% 0%;
	box-shadow: 12px 12px 15px #7d7d7d;
	border-color: #007f30;
	border-radius: 10px 10px 10px 10px;
	display: inline-block;
	min-height: 752px;
}

#gform_1 {
	margin: 0% 7% 0% 7%;
	padding: 7% 3% 2% 4%;
	border-width: px px px px;
	border-style: solid;
	border-color: #ffffff;
	box-shadow: 5px 15px 25px rgb(0 0 0 / 67%);
	border-radius: 20px 20px 20px 20px;
	background: #ffffff;
}

#gform_1  input {
	background: #fff;
	color: #333;
	border: 1px solid #dddddd;
	border-radius: 3px;
	font-size: 16px;
	min-height: 40px;
	padding: 5px 10px !important;
	margin-bottom:0px;
	font-family: 'verdanaregular';
}

.gform_title {
display:none;
}

#gform_1  input::placeholder {
	opacity: 0.5;
}
#gform_1  textarea::placeholder {
	opacity: 0.5;
}


#gform_1 textarea {
	background: #fff;
	color: #333;
	border: 1px solid #dddddd;
	border-radius: 3px;
	font-size: 16px;
	height: 158px;
	padding: 5px 10px !important;
		font-family: 'verdanaregular';
}

#gform_submit_button_1 {
	width: 100%;
	background: #007e30 !important;
	color: #fff !important;
	font-size: 20px !important;
	border: 0px solid #d9534f !important;
	border-radius: 15px !important;
	font-family: 'verdanabold';
	font-family: 'verdanaregular';
	min-height: 50px;
	padding: 7px 18px !important;
}

#bottombg {
	padding-top: 92px;
	padding-bottom: 92px;
}

.addres125 {
	padding-top: 75px;
	padding-bottom: 75px;
	text-align: left;
	color: #162C44;
	font-size: 17px;
	font-weight: bold;

	font-family: Lato, sans-serif;
	/* line-height: 20px; */
	line-height: 1.3em;
}

.left-block-info1 {
	padding-left: 35px;
	padding-top: 25px;
}

.kontect-sec .heading3 h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.7em;
}

.Sec5 .right-block h2 {
	font-size: 16px;
	line-height: 1.3em;
	font-weight: 700;
	margin-bottom: 20px;
	font-family: 'verdanaregular' !important;
}
.Sec5 .whitebg {
	border-bottom: 1px solid #fff;
}

.Sec5 {
	min-height: 100px;
	/* padding: 3% 15% 3% 15%; */
	margin: 0% 0% 0% 0%;
	background-color: #f0f0f0;
	background-image: url();
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
	border-bottom: 1px solid #fff;
	display: inline-block;
	width: 100%;
	/* padding-top: -1px; */
}

.Sec5 .whitebg {
	padding-top: 50px;
	padding-bottom: 50px;
}

.Sec5 .right-block.dsccd {
	max-width: 434px;
	margin-left: 50px;
}

.Sec5 .right-block.dsccd p {
	font-size: 16px;
	color: #333;
	font-family: 'verdanaregular' !important;
}

.heading3 h2 {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	line-height: 1.7em;
}

.com h2 {
    color: #007e2f;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 20px;
}

.com p {
    font-size: 20px;
    line-height: 1.3em;
    max-width: 515px;
}

.com img {
    display: inline;
    text-align: left;
    border-width: 1px 1px 1px 1px;
 
    border-color: #007d2f;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 5px 10px 15px #000000;
    width: 90%;
}

.heading2 {
    min-height: 105px;
    /* padding: 0% 15% 0% 15%; */
    margin: 0% 0% 0% 0%;
    background: linear-gradient(
145deg
, #007f30 25%,#ffffff 70%);
    display: block;
}

.heading2 h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    width: 80%;
    float: left;
    padding-top: 15px;
}

.heading2 a {
	color: #fff;
	font-size: 17px;
	background: #017d30 !important;
	background-color: #017d30;
	padding: 18px 5px !important;
	width: 200px;
	border: 0px solid #7d7d7d !important;
	border-radius: 10px !important;
	text-align: center;
	font-family: Lato ,sans-serif;
	display: inline-block;
	font-weight: 700;
	margin-top: 30px;
}

.gird25 {

	margin-top: 50px;
}

.innerinfo h3 {
	text-align: center;
	color: #333;
	font-size: 23px;
	font-weight: 200;
	
	font-family: Lato, sans-serif;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 22px;
}

.innerinfo a {
	text-decoration: none;
}

.innerinfo {
	
	padding: 40px;
}

.imageslider {
	margin-top: 30px;
	margin-bottom: 70px !important;
}

.left-block-info1 h2 {
	text-align: left;
	color: #0f2943;
	font-size: 30px;
	font-weight: 200;
font-family: Lato, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	padding-bottom: 10px;

}
.left-block-info1 p {
	text-align: left;
	color: #0f2943;
	font-size: 17px;
	font-weight: normal;
	font-family: Lato, sans-serif;
}

.wpcf7-form-control.wpcf7-checkbox label {
	color: #777;
	font-size: 12px;
	word-spacing: 4px;
	font-family: 'verdanaregular' !important;
}
.wpcf7-form-control-wrap.acceptance-677  .wpcf7-list-item-label
{	color: #777;
	font-size: 12px;
	word-spacing: 4px;
	font-family: 'verdanaregular' !important;}

input[type="checkbox"], input[type="radio"] {

	width: 14px !important;
	height: 14px !important;
	border: 1px solid #777!important;;
	border-radius: 2px!important;;
}

.gchoice.gchoice_1_9_1 #choice_1_9_1 {
	min-height: auto !important;
	padding: initial !important;
	margin-right: 5px;
}
.gchoice.gchoice_1_9_1 a {
	color: #007e30;
}
input[type="checkbox"]::after {
	
	top: -3px !important;
	border-color: #777 !important;
}

.wpcf7-form-control-wrap.checkbox-487 {
	margin-bottom: 18px;
	display: inline-block;
	margin-top: 10px;
}

.wpcf7-form-control.wpcf7-acceptance.optional a {
	color: #0073aa;
	text-decoration: none;
}

.wpcf7-form-control-wrap.acceptance-677 {
	margin-bottom: 20px;
	display: inline-block;
	margin-top: 10px;
}

.email5255 a {
	color: #0073aa;
	text-decoration: none;
}

.email5255 a:hover{text-decoration: underline;}

.phone5255 a::before {
	/*
    content: "\f095";
	font-family: FontAwesome;
	transform: rotate(-154deg);
	*/
	content: "\1F57E";
	
	width: 30px;
	height: 30px;
	display: inherit;
	transform: rotate( 0deg );
	color: #ffffff;
	font-size: 20px;
	display: inline-block;
	background: #007a2e;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;

	position: absolute;
	left: 0;
}

.email5255 a::before {
	/*
	content: "\f015";
		font-family: FontAwesome;
	transform: rotate(-154deg);
	*/
	content: "\1F599";
	
	width: 30px;
	height: 30px;
	display: inherit;
	transform: rotate( 0deg );
	color: #ffffff;
	font-size: 20px;
	display: inline-block;
	background: #007a2e;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	position: absolute;
		left: 0;
}

.phone5255 {
	padding-left: 50px;
	position: relative;
	margin-bottom: 16px;
}

.email5255  {
	padding-left: 50px;
	position: relative;
}
.Sec5 .left-block{position: relative;}
.Sec5 .left-block::before {
    background: url(https://www.mobitouch.de/wp-content/uploads/2021/08/mtesl-imagevideo-play.png);
    background-repeat: repeat;
    background-size: auto;
    position: relative;
    content: "";
    position: absolute;
    width: 101%;
    height: 100%;
    z-index: 9;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
}

.left-block.overlayer1::before {
	width: 0;
	content: none;
}

p.subheading123 span {
    color: #007f30 !important;
    font-weight: 700 !important;
}

._brlbs-box._brlbs-box-advanced {
    border: 18px solid #2a2a2a;
    box-shadow: #121212 2px 2px 14px 2px;
}

p#CookieBoxTextDescription {
    color: #2a2a2a !important;
    font-size: 16px!important;
}

._brlbs-flex-center span {
    font-size: 18pt!important;
    font-weight: 700!important;
    line-height: 110%;
    padding: 0;
    margin: 0;
    color: #2a2a2a !important;
    display: block;
    position: static;
    text-align: left;
}

#BorlabsCookieBox ._brlbs-box-wrap {
  
    max-width: 574px!important;
   
}


.sec5 .slider ul.slick-dots li {
	display: inherit;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sec5 .slider ul.slick-dots {
	background: rgba(26,26,26,0.75);
	display: flow-root;
	width:115px;
	right: 0;
	height: 100%;
	top: 0;
}
.sec5 .slider button.slick-prev.slick-arrow {
	right: 53px;
	bottom: 39px !important;
	left: auto;
	top: auto;
	z-index: 99;
	background: transparent;
}
.sec5 .slider button.slick-next.slick-arrow {
	left: auto;
	right: 53px;
	top: auto;
	bottom: 76px;
	z-index: 99;
	background: transparent;
}	
.sec5 .slider ul.slick-dots button {
	background: transparent !important;
	margin-bottom: 15px;
}	
.sec5 .slider .slick-dots li button::before {
	font-family: 'slick';
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0px;
	left: 0;
	width: 12px;
	height: 18px;
	content: "";
	text-align: center;
	opacity: .40;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	right: 0;
	margin: auto;
	margin-bottom: ;
}
.sec5 .slider .slick-dots li.slick-active button::before {
	opacity: .90;
	color: black;
	height: 50px !important;
}
	.sec5 .slider .slick-prev:before, .sec5 .slider .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.testimonial-content .slick-arrow {
	display: none !important;
}

.slick-dots li {
	width: auto !important;
	height: auto !important;
}

.slick-active button {
/*	margin-bottom:50px !important;*/
}

.slick-dots li button {

/*	width: auto !important;
	height: auto !important;*/

}

.sec5 .slider .slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}

.slick-dots li button {
	border-radius: 50%;
	width: 12px;
	height: 12px;
	top: 7px;
	opacity: 0.5;
	background: #000 !important;
}

.slick-dots .slick-active button {
	opacity: 1;
}

.slick-dots li button::before {
		font-size: 0 !important;
	
}



.container1 < ._brlbs-content-blocker {

width: 650px;
height: 360px;

} 

.Sec5 .whitebg:nth-child(3) .left-block::before {
	background: url(https://www.mobitouch.de/wp-content/uploads/2021/10/secvideo.jpg) !important;
	background-size: cover !important;
	background-position: center center !important;
}
.Sec4 .left-block {
	max-width: 100% !important;
}