/*
Theme Name: Saasland
Theme URI: http://saasland.droitthemes.com
Author: DroitThemes
Author URI: https://themeforest.net/user/droitthemes
Description: Saasland is a creative WordPress theme for saas, software, startup, mobile app, agency and related products & services. SaasLand is loaded with tons of features, elements & blocks, options that give its users real flexibility to create a dynamic, professional website in no time.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saasland
*/
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
section#for
{
	
}
div#zag-one
{
	
}
div#zag-one .elementor-heading-title
{
	 font-family: "Syne", sans-serif;
	 font-size: 4.5rem;
	 color:#000;
	 font-size: 4.5rem;
	 font-optical-sizing: auto;
	 font-style: normal;
	 line-height: 1;
	 font-weight: 700;
}
div#zag-one .elementor-heading-title span
{
	color: #668a28;
	display: inline-block;
	width: 100%;
}
div#zag-two .elementor-heading-title
{font-size: 1.125rem;line-height: 1.75rem;color: #8a8074;margin: 20px 0;}
div#zag-two .elementor-heading-title span
{
	
}
div#zag-three .elementor-heading-title
{font-size: .875rem;line-height: 1.25rem;color: #8a8074;margin: 20px 0;}
div#zag-three .elementor-heading-title span
{
	
}
div#zag-four .elementor-heading-title
{font-size: .875rem;line-height: 1.25rem;letter-spacing: .2em;color: #8a8074;margin: 30px 0;}
div#zag-four .elementor-heading-title span
{
	
}
body.page-id-5539 .elementor-section.elementor-section-boxed>.elementor-container
{
	max-width: 1210px;
}
body.page-id-5539
{
	    background: #f5f1eb;
	    padding: 72px 0 0;
}
div#left-header
{
	width: initial;
	display: inline-block;
	float: left;
}
div#right-header
{text-align: right;display: inline-block;float: right;width: initial;    margin: 3px 0 0;}
div#left-header .elementor-heading-title 
{
	font-size: 1.5rem;
	line-height: 2rem;
	color: #000;
	font-family: "Syne", sans-serif;
	font-weight: 700;
}
div#left-header .elementor-heading-title span
{
	color: #668a28;
}
section#for .elementor-heading-title
{
	font-size: .75rem;
	line-height: 1rem;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #8a8074;
}
div#zag-but
{
	
}
div#zag-but a
{
	font-size: 1rem;
	line-height: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 500;
	border-radius: 30px;
	background: #668a28;
	padding: 1rem 34px;
}
div#zag-but a:hover
{
	background: #70982c;
}
div#right-header .elementor-widget-container
{
	
}
div#right-header .elementor-widget-container a
{
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s;
	font-size: .875rem;
	line-height: 1.25rem;
	letter-spacing: .1em;
	color: #8a8074;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0 0 0 24px;
}
div#right-header .elementor-widget-container a.end
{
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 600;
	background: #668a28;
	color: #fff;
	text-transform: initial;
	padding: 11px 21px;
	border-radius: 40px;
	letter-spacing: initial;
}
div#right-header .elementor-widget-container a:hover
{
	color: #000;
}
div#right-header .elementor-widget-container a.end:hover
{
	background: #70982c;
	color: #fff;
}

div#sec-right {
    border: 1px solid #ddd;
    border-radius: 30px;
}
#mod
{
	
}
#mod-left
{
	width: 84%;
}
#mod-right
{
	width: 15%;
}
#mod-one .elementor-heading-title
{
	font-size: 3rem;
	line-height: 1;
	font-family: "Syne", sans-serif;
	font-weight: 700;
}
#mod-two .elementor-heading-title
{
	font-size: 1.125rem;
	line-height: 1.75rem;
	margin-top: .75rem;
	opacity: 0.7;
}
#mod-three .elementor-heading-title
{
	font-size: 3.75rem;
	line-height: 1;
	font-weight: 700;
	opacity: 0.3;
	font-family: "Syne", sans-serif;
	font-weight: 700;
	display: inline-block;
	width: 8rem;
	text-align: center;
	padding: 30px 0;
	border-radius: 50%;
	border: 4px solid;
}
#mod .elementor-container.elementor-column-gap-default
{
	border-radius: 30px;
	background: #668a28;
	color: #fff;
	padding: 49px;
	margin: 50px auto;
}
#zd-one
{
	
}
#zd-one .elementor-heading-title
{
	text-align: center;
	font-weight: 600;
	font-size: .75rem;
	line-height: 1rem;
	text-transform: uppercase;
	color: #668a28;
	letter-spacing: .2em;
}
#zd-two
{
	
}
#zd-two .elementor-heading-title
{
	text-align: center;
	font-size: 3rem;
	line-height: 1;
	font-weight: 700;
	font-family: "Syne", sans-serif;
	color: #000;
	margin: 12px 0 20px;
}
section#foto
{
	
}
section#foto .elementor-element
{
	
}
section#foto .elementor-element .elementor-widget-wrap
{
	background: #e9e5db;
	border-radius: 20px;
	border: 1px solid #ddd;
1px:
	s;
	overflow: hidden;
}
section#foto .elementor-image
{
	
}
section#foto figure.wp-caption
{
	max-height: 388px;
	overflow: hidden;
	margin: 0;
	position: relative;
}
section#foto figure.wp-caption img
{
	
}
section#foto figcaption.widget-image-caption.wp-caption-text
{
	position: absolute;
	bottom: 10px;
	left: 28px;
	letter-spacing: .2em;
	font-weight: 600;
	font-size: .75rem;
	line-height: 1rem;
	text-transform: uppercase;
	color: #668a28;
	z-index: 11;
	color: #fff;
}
section#foto .elementor-heading-title
{
	font-size: 1.875rem;
	line-height: 2.25rem;
	color: #000;
	font-weight: 700;
	font-family: "Syne", sans-serif;
	padding: 0px 30px;
	margin: 20px 0 0;
}
section#foto .elementor-widget-text-editor
{
	
}
section#foto .elementor-widget-text-editor .elementor-text-editor
{
	padding: 8px 30px;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #7e7567;
}
section#foto figure.wp-caption::before
{
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	/* background: #ffffff5c; */
	background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}

#exs
{
	padding: 100px 0 0;
}
#exs-left
{
	width: 70.5%;
}
#exs-right
{
	
}
#exs .elementor-column-wrap.elementor-element-populated
{
	/* background: #e9e5db; */
	/* border-radius: 20px; */
	/* border: 1px solid #ddd; */
	/* overflow: hidden; */
}
#exs .elementor-column-wrap.elementor-element-populated .elementor-widget-wrap
{
	 background: #e9e5db;
	 border-radius: 20px;
	 border: 1px solid #ddd;
	 overflow: hidden;
	 padding: 49px;
}
div#exs-one
{
	
}
div#exs-one .elementor-heading-title
{
	font-weight: 600;
	font-size: .75rem;
	line-height: 1rem;
	text-transform: uppercase;
	color: #668a28;
	letter-spacing: .2em;
}
div#exs-two
{
	
}
div#exs-two .elementor-heading-title
{
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-weight: 700;
	color: #000;
	font-family: "Syne", sans-serif;
	margin: 14px 0;
}
div#exs-three
{
	
}
div#exs-three .elementor-heading-title
{
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-weight: 700;
	color: #000;
	font-family: "Syne", sans-serif;
	margin: 0 0 15px;
}
div#exs-four
{
	
}
div#exs-four .elementor-heading-title
{
	line-height: 1.625;
	font-style: italic;
	font-size: .875rem;
	color: hsl(30 10% 45%);
	border-top: 1px solid #7e736745;
	padding: 24px 0 0;
	margin: 20px 0 0;
}
div#svg
{
	
}
div#svg svg
{
	color: #668a28 !important;
	font-size: 40px;
	width: 37px;
	height: 37px;
}
div#svg path
{
	/* fill: #ddd; */
}
div#don-one
{
	
}
div#don-one ul
{
	
}
div#don-one ul li
{
	margin: 12px 0;
}
div#don-one ul li i
{
	color: hsl(30 10% 45%);
	background: #d6d8c1;
	padding: 8px 14px;
	text-align: center;
	border-radius: 50%;
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
}
div#don-one ul li i::before
{
	position: relative;
	left: -4px;
}
div#don-one .elementor-icon-list-text
{
	color: hsl(30 10% 45%);
	line-height: 1.625;
	font-size: 1rem;
	margin: 0 0 0 11px;
}
div#don-two
{
	
}
div#don-two ul
{
	
}
div#don-two ul li
{
	
}
div#don-two ul li i
{
	color: hsl(30 10% 45%);
	font-size: 7px;
	vertical-align: middle;
	margin: 0px 4px 0 0;
}
div#don-two .elementor-icon-list-text
{
	color: hsl(30 10% 45%);
	line-height: 1.625;
	font-size: 1rem;
	line-height: 1.625;
	font-size: .875rem;
}
#form {
    text-align: center;
}
#form form.wpcf7-form
{
	
}
.form-all
{
	max-width: 688px;
	margin: 0 auto;
	background: #e9e5db;
	border-radius: 20px;
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 49px 49px 0;
}
.form-all label
{
	color: hsl(30 10% 45%);
	letter-spacing: .1em;
	font-size: .75rem;
	line-height: 1rem;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	text-align: left;
}
.form-all .row.row-name
{
	
}
.form-all .row.row-adres
{
	
}
.form-all .row.row-submit
{
	
}
.form-all .row
{
	display: inline-block;
	width: 100%;
	margin: 0 0 15px;
}
.form-all .row input
{
	width: 100%;
	background: hsl(40 33% 94%);
	border-width: 1px;
	border-radius: .75rem;
	border-color: hsl(40 33% 94%);
	font-size: .875rem;
	line-height: 1.25rem;
	color: hsl(30 20% 15%);
	padding: 12px;
	height: initial;
	outline: none;
}
.form-all .row textarea
{
	width: 100%;
	background: hsl(40 33% 94%);
	border-width: 1px;
	border-radius: .75rem;
	border-color: hsl(40 33% 94%);
	font-size: .875rem;
	line-height: 1.25rem;
	color: hsl(30 20% 15%);
	padding: 12px;
	height: initial;
	height: 105px;
	outline: none;
}
.form-all .row.row-submit button
{
	cursor: pointer;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #fff;
	background: #668a28;
	border: 0;
	box-shadow: none;
	padding: 16px;
	border-radius: 30px;
	width: 100%;
}
.form-all .row.row-submit input:hover
{
	
}
.form-all .row.row-submit button br
{
	display: none;
}
.form-all .row.row-submit button p 
{
	
}
.form-all .row.row-submit button svg
{
	width: 18px;
	margin: 0 10px 0 0;
}
.form-all .row.row-submit button path
{
	
}
#hor
{
	text-align: center;
	padding: 100px 0 0;
}
#hor-one
{
	
}
#hor-one .elementor-heading-title
{
	font-weight: 600;
	font-size: .75rem;
	line-height: 1rem;
	text-transform: uppercase;
	color: #668a28;
	letter-spacing: .2em;
}
#hor-two
{
	
}
#hor-two .elementor-heading-title
{
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-weight: 700;
	color: #000;
	font-family: "Syne", sans-serif;
	margin: 14px 0;
	font-size: 3rem;
	line-height: 1;
}
#hor-three
{
	
}
#hor-three .elementor-heading-title
{
	color: hsl(30 10% 45%);
	line-height: 1.625;
	font-size: 1rem;
	margin: 0 0 24px;
}

#mil
{
	text-align: center;
	margin: 50px 0 0;
	padding: 110px 0;
}
#mil-one
{
	
}
#mil-one .elementor-heading-title
{
	font-weight: 700;
	color: #000;
	font-family: "Syne", sans-serif;
	margin: 14px 0;
	font-size: 3rem;
	line-height: 1;
	font-size: 3.75rem;
	line-height: 1;
}
#mil-one .elementor-heading-title span
{
	color: #668a28;
	display: inline-block;
	width: 100%;
}
#mil-two
{
	
}
#mil-two .elementor-heading-title
{
	color: hsl(30 10% 45%);
	line-height: 1.625;
	font-size: 1.1rem;
	margin: 0 0 29px;
}
#mil-three
{
	
}
#mil-three a
{
	font-size: 1rem;
	line-height: 1.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 500;
	border-radius: 30px;
	background: #668a28;
	padding: 18px 39px;
}
#mil-three a:hover
{
	background: #70982c;
}
section#foot
{
	padding: 49px 0 0;
	border-top: 1px solid #ddd;
}
#foot-left
{
	
}
#foot-left .elementor-heading-title
{
	font-size: 1.5rem;
	line-height: 2rem;
	color: #000;
	font-family: "Syne", sans-serif;
	font-weight: 700;
}
#foot-left .elementor-heading-title span
{
	color: #668a28;
}
#foot-center
{
	
}
#foot-right
{
	
}
#foot-right .elementor-heading-title
{
	color: hsl(30 10% 45%);
	line-height: 1.625;
	font-size: 1.1rem;
	margin: 0 0 29px;
	text-align: right;
}
#foot-center
{
	
}
#foot-center ul
{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#foot-center ul li
{
	margin: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
}
#foot-center ul li i
{
	color: hsl(30 10% 45%);
	background: none;
	padding: 8px 14px;
	text-align: center;
	border-radius: 50%;
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
}
#foot-center ul li a
{
	display: inline-block;
	width: 100%;
}
#foot-center ul li i::before
{
	position: relative;
	left: -4px;
}
#foot-center .elementor-icon-list-text
{
	color: hsl(30 10% 45%);
	line-height: 1.625;
	font-size: 1rem;
	margin: 0 0 0 11px;
}
section#top-header
{background: hsl(40deg 33% 94% / 94%);position: fixed;top: 0;left: 0;width: 100%;z-index: 111;padding: 10px 0px;}

body.page-scrolled section#top-header
{
	    border-bottom: 1px solid #8a807447;
}

a.clos {
    display: none;
}
a.sear
{
	display: none;
}
section#top-header .elementor-container.elementor-column-gap-default
{
	
}
section#top-header .elementor-container.elementor-column-gap-default .elementor-row
{
	display: inline-block;
	width: 100%;
}

@media (max-width: 1240px){
	
	body.page-id-5539 .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 96%;
}
	#sec-one .elementor-row
	{
		        display: inline-block;
        width: 100%;
	}
	div#sec-one-left {
    width: 100%;
}
div#sec-right {
    width: 100%;
}
#exs .elementor-row
	{
		    display: inline-block;
        width: 100%;
	}
	#exs-left {
    width: 100%;
}
	#exs-right {
    width: 100%;
}
	
	
	div#zag-one .elementor-heading-title {
    font-size: 3rem;
    line-height: 1;
}
	#mod-one .elementor-heading-title {
    font-size: 2rem;
	}
	
}


@media (max-width: 800px){
	
	   .mob-search {
    display: none;
}
	a.sear {
    display: block;
}
	.mob-search.active {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 1111111;
    width: 100%;
    height: 100%;
    background: #f5f1eb;
}
	div#right-header .elementor-widget-container a.clos {
    display: block;
    font-size: 20px !important;
    width: 22px;
    float: right;
    margin: 20px !important;
}
	div#right-header .elementor-widget-container a {
    margin: 0 0 0 24px;
    display: block;
}
	.ssilki
	{
		        display: inline-block;
        width: 100%;
        text-align: left;
		        padding: 21px;
	}
		div#right-header .elementor-widget-container .ssilki a
	{
		        margin: 0 0 13px;
        border-bottom: 1px solid #ddd;
        padding: 12px;
	}
	div#right-header .elementor-widget-container .ssilki a.end
	{
		text-align: center;
	}
	#mod-right {
    display: none;
}
	#mod-left {
    width: 100%;
}
	#mod .elementor-container.elementor-column-gap-default {
    padding: 28px;
}
#zd-two .elementor-heading-title {
    text-align: center;
    font-size: 2rem;
	}
	div#exs-two .elementor-heading-title {
    font-size: 2.0rem;
	}
	#exs .elementor-column-wrap.elementor-element-populated .elementor-widget-wrap {
    background: #e9e5db;
    border-radius: 20px;
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 25px;
	}
	#exs {
    margin: 0;
    padding: 50px 0 0;
}
	.form-all {
    padding: 49px 25px 0;
}
	
	#mil-one .elementor-heading-title {
    font-size: 2.75rem;
	}
	#foot-left .elementor-heading-title {
    text-align: center;
}
	#foot-right .elementor-heading-title {
    text-align: center;
}
	    div#zag-one .elementor-heading-title {
        font-size: 2rem;
	}
	#hor {
    text-align: center;
    padding: 50px 0 0;
}
	
}