/*!
Theme Name: Monstroid2 Child
Theme URI:
Author: Zemez
Author URI:
Description: Monstroid2 child theme.
Template: monstroid2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: monstroid2-child
*/

.sticker-savvy img {
	max-height: 200px;
	width: auto;
}

.career-form-section input {
	margin-bottom: 10px;
	color: #34314B;
}

.career-form-section {
	color: #fff;
}
.career-form-section .text-center {
	text-align: center;
}
.career-form-section .elementor-widget-contact-form-7 .wpcf7 input.wpcf7-submit, .career-form-section .elementor-widget-contact-form-7 .wpcf7 input.wpcf7-submit:hover {
	background-color: #f66802;
	padding: 15px 50px;
	font-size: 16px;
}

.career-form-section div.wpcf7 .ajax-loader {
	position: absolute ;
	bottom: 20px;
	right: 20px;
}

.career-form-section .elementor-widget-contact-form-7 .wpcf7 input.wpcf7-submit:hover {
	opacity: 0.8;
}

.fullwidthbutton.elementor-align-center .elementor-button {
	width: 70%;
}

.fullwidthbutton.elementor-align-center .elementor-button .elementor-button-text {
	flex-grow: 0;
}

header {
	position: relative;
}

.home .lang-switcher {
	display: none;
}

.lang-switcher {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	list-style: none;
	padding: 19px;
	z-index: 999999;
}

body:not(.home) .elementor-7652 .elementor-element.elementor-element-88d .jet-mobile-menu__toggle .jet-mobile-menu__toggle-icon {
	color: #000;
}

.img-col {
	position: relative;
}

.img-col img {
	position: absolute;
	right: 0;
	top: 0;
	max-width: 124%;
}

.welcome-section {
	background-color: #222;
	padding: 70px 0;
	position: relative;
	z-index: 5;
}

.welcome-section .section-title {
	color: #fff;
	font-size: 75px;
	font-weight: 700;
	line-height: 108.07%;
	margin-bottom: 20px;
}

.welcome-section .section-content {
	color: #fff;
	margin-bottom: 40px;
	font-size: 18px;
}

.learn-more-btn {
    background-color: #729A1F;
    box-shadow: 0px 8px 20px rgb(49 62 24 / 25%);
    border-radius: 8px;
    display: block;
    width: fit-content;
    padding: 10px 27px;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    transition: all 0.2s;
    margin-bottom: 40px;
    border: 1px solid #729A1F;
}

.learn-more-btn:hover {
	transition: all 0.2s;
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
	background-color: #fff;;
	color: #729A1F;
	border: 1px solid #729A1F;
}

.purpose-section-inner {
	background-color: #ECE3CE;
	border-radius: 20px;
	padding: 40px 30px;
	background-image: url(./img/dots-1.svg), url(./img/dots-2.svg), url(./img/dots-3.svg);
	background-repeat: no-repeat;
	background-size: 55px, 40px, 55px;
	background-position: 0 75px, 50% 0, 100% 95%;
	margin-bottom: 40px;
}

.purpose-section {
	margin-top: -70px;
	position: relative;
	z-index: 10;
}

.features-row {
	padding: 0 30px;
}

.purpose-section .section-title {
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 50px;
	color: #222;
	line-height: 1;
}

.feature-icon {
	position: relative;
	z-index: 1;
}

.feature-icon:before {
	content: '';
	background-color: #E3D8BE;
	padding: 50px;
	border-radius: 50%;
	position: absolute;
    left: -50px;
    top: -10px;
	z-index: -1;
}

.feature-icon img {
	margin-bottom: 10px;
}

.feature-content {
	position: relative;
	z-index: 5;
	color: #222;
	font-weight: 700;
	font-size: 18px;
}



.cta-section {
	background-color: #FAFAFA;
	text-align: center;
	padding: 40px 0;
	margin-bottom: 70px;
}

.cta-section .section-title, .section-title {
	font-weight: 700;
	font-size: 42px;
	margin-bottom: 30px;
	color: #222;
}

.text-center {
	text-align: center;
}

.cta-section .learn-more-btn {
	margin: auto;
}

.about-section .section-content {
/* 	max-width: 365px; */
	font-weight: 400;
	color: #222;
	font-size: 18px;
}

.about-img {
	max-width: 250px;
	margin: auto;
	display: block;
}

.about-section {
	margin-bottom: 100px;
}

.audience-section {
	margin-bottom: 100px;
}

.audience-section .section-title, .about-section .section-title {
	font-weight: 700;
	font-size: 34px;
	color: #222;
	margin-bottom: 20px;
	line-height: 1.2;
}

.audience-section .section-content {
	color: #222;
	font-size: 18px;
	font-weight: 400;
}

.audience-section .section-content li {
	margin-bottom: 14px;
	position: relative;
	padding-left: 25px;
}

.audience-section .section-content ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.audience-section .section-content ul li::before {
	content: "\2022";
	color: #729A1F;
	font-weight: bold;
	line-height: 1;
	font-size: 24px;
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
}

.module-inner {
	background-color: #FFFFFF;
	box-shadow: 0px 20px 30px rgba(79, 80, 78, 0.1);
	border-radius: 10px;
	background-image: url(img/module-bg.png);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 30px;
	height: 100%;
	color: #000;
}

.modules-section {
	margin-bottom: calc(67px - 30px);
}

.module-col {
	margin-bottom: 30px;
}

.module-num {
	font-weight: 700;
	color: #000;
	font-size: 23px;
}

.module-title {
	font-weight: 700;
	color: #D87E20;
	font-size: 23px;
	line-height: 1.2;
	margin-bottom: 16px;
}

.module-program {
	font-weight: 400;
	font-size: 18px;
}

.module-program ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.module-program ul li {
	position: relative;
	padding-left: 16px;
}

.module-program p {
	margin-bottom: 0;
	margin-top: 5px;
}

.module-program ul li:before {
	content: '•';
	color: #729A1F;
	font-size: 30px;
    position: absolute;
    left: 0;
    top: 13px;
    line-height: 0;
}

.spec-label {
	font-weight: 700;
}

.specs-row {
	font-size: 18px;
	font-weight: 400;
}

.benefits-section {
	margin-bottom: 80px;
}

.benefit-inner {
	text-align: center;
	position: relative;
}

.benefit-holder {
	padding-top: 100%;
	position: relative;
}

.benefit-content {
	text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    right: 0;
    justify-content: center;
    align-items: center;
    z-index: 5;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 0 20px;
}

.benefit-holder:before {
	content: '';
    background-color: #729A1F;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 50%;
}

.benefits-section {
	background-image: url(img/pattern.png);
	background-position: center center;
	padding: 80px 0;
}

.logos-section .section-title {
/* 	max-width: 535px; */
	margin: auto;
}

.logo-inner {
	padding: 0 20px;
}

.logos-section {
	margin-bottom: 80px;
}

.slick-prev:before {
	content: url(img/angle-left-solid.svg);
}

.slick-next:before {
	content: url(img/angle-right-solid.svg);
}

.company-logo-col img {
	height: 60px;
}

.testimonials-slider {
    margin-left: -50px;
    margin-right: -50px;
}

.testimonial-content {
	font-style: italic;
	font-weight: 400;
	color: #222;
	margin-bottom: 30px;
	font-size: 18px;
}

.testimonial-meta-row {
	font-size: 18px;
}

/*
.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}
*/

.person-name {
	font-weight: 700;
	color: #222;
}

.testimonial-inner {
	background: #FFFFFF;
	box-shadow: 0px 20px 30px rgba(79, 80, 78, 0.1);
	border-radius: 20px;
	padding: 20px 100px;
	
}

.slick-initialized .slick-slide {
	padding: 50px;
/* 	align-self: center; */
}

.slick-dots li.slick-active button:before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background: #729A1F;
	box-shadow: 0px 8px 20px rgba(49, 62, 24, 0.25);
	opacity: 1;
}

.slick-dots li button:before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background: #EFEFEF;
	opacity: 1;
}

.testimoniales-section {
	margin-bottom: 80px;
}

.video-inner {
	position: relative;
	display: block;
	padding-left: 32px;
	padding-bottom: 65px;
}

.video-inner img {
	border-radius: 20px;
	box-shadow: 0px 20px 30px rgba(79, 80, 78, 0.1);
	position: relative;
	z-index: 5;
	width: 100%;
}

.video-inner:before {
	content: url(img/logos_youtube-icon.svg);
	position: absolute;
	margin: auto;
	top: calc(50% - 65px);
	left: calc(50% - 10px);
	z-index: 10;
}

.horznt-dots {
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 1;
}

.vert-dots {
	position: absolute;
	bottom: 0;
	right: 20px;
	z-index: 1;
}

.teacher-content {
	color: #222;
	font-weight: 400;
	font-size: 18px;
}

.teacher-section .section-title {
	margin-bottom: 50px;
}

.price-block-inner {
	padding: 45px;
	height: 100%;
	background: #FFFFFF;
	box-shadow: 0px 20px 30px rgba(79, 80, 78, 0.1);
	border-radius: 20px;
	color: #222;
	font-weight: 400;
	display: flex;
	flex-direction: column;
}

.price-block-col {
/* 	padding: 30px; */
}

.priceblock-content ul {
	margin-left: 0;
	list-style: none;
}

.priceblock-content, .priceblock-additional {
	font-size: 18px;
}

.priceblock-content ul li, .priceblock-additional {
	position: relative;
	padding-left: 22px;
}

.priceblock-content ul li:before {
	content: url(img/check_.svg);
	position: absolute;
	top: 2px;
	left: 0;
}

.priceblock-additional {
	margin-bottom: 60px;
}

.priceblock-additional:before {
	content: url(img/plus_.svg);
	position: absolute;
	top: 3px;
	left: 0;
}

.price-blocks-row {
/*
	margin-left: -30px;
	margin-right: -30px;
*/
}

.service-title-col {
	font-weight: 700;
	font-size: 45px;
	line-height: 98px;
	color: #6698CB;
}

.amount-col {
	font-weight: 700;
	font-size: 40px;
	line-height: 98px;
	color: #6698CB;
}

.order-course {
    background-color: #729A1F;
    border: 1px solid #729A1F;
    box-shadow: 0px 8px 20px rgb(49 62 24 / 25%);
    border-radius: 8px;
    display: block;
    text-align: center;
    padding: 10px 27px;
    color: #fff;
    width: 80%;
    margin: auto auto 0px auto;
    font-weight: 700;
    font-size: 22px;
    transition: all 0.2s;
    
}

.prices-section {
	margin-bottom: 50px;
}

.page-template-page-writing input[type='submit'] {
    background-color: #729A1F;
    border: 1px solid #729A1F;
    box-shadow: 0px 8px 20px rgb(49 62 24 / 25%);
    border-radius: 8px;
    display: block;
    text-align: center;
    padding: 10px 27px;
    color: #fff;
    width: 100%;
    margin: auto;
    font-weight: 700;
    font-size: 24px;
    transition: all 0.2s;	
    padding: 20px 20px 14px 20px;
    line-height: 1;
    letter-spacing: normal;
	text-transform: inherit;
}


.order-course:hover, .page-template-page-writing input[type='submit']:hover  {
	 background-color: #fff;
	 color: #729A1F;
	 box-shadow: none;
}

.fancybox-stage .section-title {
	max-width: 250px;
	font-size: 24px;
	margin-bottom: 20px;
}

.page-template-page-writing input[type=date], .page-template-page-writing input[type=datetime-local], .page-template-page-writing input[type=datetime], .page-template-page-writing input[type=email], .page-template-page-writing input[type=month], .page-template-page-writing input[type=number], .page-template-page-writing input[type=password], .page-template-page-writing input[type=range], .page-template-page-writing input[type=search], .page-template-page-writing input[type=tel], .page-template-page-writing input[type=text], .page-template-page-writing input[type=time], .page-template-page-writing input[type=url], .page-template-page-writing input[type=week], .page-template-page-writing select, .page-template-page-writing textarea {
	background: #FAFAFA;
	border-radius: 8px;
	border-color: #FAFAFA;
	padding: 15px;
	font-size: 18px;
}

.page-template-page-writing .wpcf7 label {
	color: #000;
	font-weight: 400;
	font-size: 18px;
} 


.contactform-col {
	padding: 0 30px;
}

.contactform-row {
	margin-left: -30px;
	margin-right: -30px;
}

.cta-col {
	font-weight: 700;
	font-size: 49px;
	line-height: 67px;
	color: #729A1F;
}

.cta-inner {
	padding: 0px 50px 70px 50px;
}

.contactform-section {
	margin-bottom: 80px;
}

.faq-section .section-title {
	padding: 55px 0;
	color: #fff;
	background-color: #D87E1F;
	background-image: url(img/questions-bg.png);
	margin-bottom: 80px;
}

.faq-block:not(.active) .faq-answer  {
	display: none;
}

.faq-answer {
	font-size: 18px;
}

.faq-question {
	cursor: pointer;
}

.faq-wrapper {
	max-width: 790px;
	margin: auto;
}

.faq-question {
	text-align: center;
	font-weight: 700;
	background-color: #D87E1F;
	color: #fff;
	position: relative;
	border-radius: 20px;
	padding: 20px 60px;
	font-size: 23px;
	margin-bottom: 20px;
}

.faq-block .faq-question:before {
	content: '+';
	position: absolute;
	font-size: 42px;
	font-weight: 300;
	color: #fff;
	right: 30px;
	line-height: 23px;
	top: calc(50% - 11px);
}

.faq-block.active .faq-question:before {
	content: '-';
	font-size: 62px;
}


.faq-answer {
	font-weight: 400;
	background-color: #FAFAFA;
	color: #222;
	position: relative;
	border-radius: 20px;
	padding: 35px 40px;
}

.faq-block {
	margin-bottom: 47px;
}

.faq-question {
	line-height: 1.2;
	font-size: 22px;
}

.writing-phone {
	display: none;
}

.page-template-page-writing .writing-phone {
	display: block;
}

.page-template-page-writing .general-phone {
	display: none;
}

@media (min-width: 1600px) {
	
	.homepage-welcome {
		background-size: auto 100% !important;
	}
}



@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    max-width: 1200px;
	}
}

@media (max-width:1200px) {
	.welcome-section .section-title {
		font-size: 50px;
	}
	
	.purpose-section .section-title {
		font-size: 26px;
	}
	
	.cta-section .section-title, .section-title, .purpose-section .section-title, .audience-section .section-title, .about-section .section-title {
		font-size: 28px;
	}
}

@media (max-width:1024px) {
	
	.jet-mobile-menu__controls {
		top: -5px;
		position: relative;
	}
	
	body .elementor-7652 .elementor-element.elementor-element-4a42 > .elementor-element-populated {
		padding-top: 12px;
	}
	
	.lang-switcher {
		right: 50px;
	}
}

@media (max-width:767px) {
	.welcome-section {
		padding: 35px 0px 70px 0px;
	}
	
	.container {
		padding: 0 20px;
	}
	
	body:not(.page-template-fullwidth-content) .site-content {
		margin-top: 0;
	}
	
	.purpose-section .section-title {
		font-size: 26px;
	}
	
	.feature-col {
		margin-bottom: 20px;
	}
	
	.feature-col:nth-child(even) .feature-icon {
		text-align: right;
	}
	
	.feature-col:nth-child(even) .feature-icon:before {
		left: auto;
		right: -50px;
	}
	
	.feature-col:nth-child(even) .feature-content {
		text-align: right;
	}
	
	.learn-more-btn {
		font-size: 18px;
		width: 100%;
		text-align: center;
	}
	
	.cta-section .section-title, .section-title, .audience-section .section-title, .about-section .section-title {
		font-size: 28px;
	}
	
	.about-section {
		margin-bottom: 50px;
	}
	
	.spec-content {
		margin-bottom: 20px;
	}
	
	.benefit-col {
		margin-bottom: 20px;
	}
	
	.benefit-content {
		font-size: 18px;
		line-height: 1.1;
	}
	
	.benefits-section {
		padding: 40px 0;
	}
	
	.testimonial-inner {
		padding: 20px;
	}
	
	.slick-initialized .slick-slide {
		padding-top: 20px;
	}
	
	.person-name {
		margin-bottom: 10px;
	}
	
	.teacher-section .section-title {
		margin-bottom: 20px;
	}
	
	.teacher-section {
		margin-bottom: 40px;
	}
	
	.price-block-col {
		padding-top: 0;
	}
	
	.price-block-inner {
		padding: 20px 20px 40px 20px;
	}
	
	.cta-inner {
		padding: 0;
	}
	
	.cta-col {
		line-height: 1.2;
		font-size: 18px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.module-title {
		font-size: 20px;
	}
	
	.img-col img {
		margin-left: auto;
		position: relative;
		display: block;
		width: 80%;
		margin-bottom: -35px;
	}
	
	.welcome-section .section-title {
		font-size: 42px;
	}
	
	.about-img-col .about-img, .audience-img  {
		max-width: 50%;
		margin: auto;
		display: block;
		margin-bottom: 20px;
	}
	
	.page-template-page-writing .fancybox-stage input[type='submit'] {
		letter-spacing: normal;
		font-size: 18px;
	}
}