/* https://www.pesumaja.ee/wp-content/themes/pesumaja/theme/css/theme.css?ver=1610008203 */
*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}

.noscroll{overflow: hidden!important;}

/* =============================================================================

   header

   ========================================================================== */

#header{padding-top: 3rem; padding-bottom: 4rem}



#primary-menu > ul {list-style:none;padding-left: 0}

#primary-menu > ul > li > .submenu-toggle,

#primary-menu > ul > li > ul{display: none}

#primary-menu > ul > li {display:inline-block; float:left; position: relative}

#primary-menu > ul > li > a{

	display: inline-block;

	position: relative;

	padding: 0.2rem 0;

	font-weight: 700;

	font-size: 1.0666666666667rem;

	color: #333333;

	text-transform: uppercase;

}

#primary-menu > ul > li + li{margin-left: 1.4rem}



#primary-menu {display:flex; justify-content: flex-start}



#primary-menu > ul > li.current-page-ancestor > a,

#primary-menu > ul > li.current-menu-ancestor > a,

#primary-menu > ul > li.current-menu-parent > a,

#primary-menu > ul > li.current-page-parent > a,

#primary-menu > ul > li.current_page_parent > a,

#primary-menu > ul > li.current_page_ancestor > a,

#primary-menu > ul > li.current-menu-item > a,

#primary-menu > ul > li.current_page_item > a,

#primary-menu > ul > li > a:hover{text-decoration:none; color: #e4002b}



#header .header-top{margin-bottom: 1.6666666667rem}

/*language switcher*/

.header-wpml-selector{

    display: inline-block;

    border-radius: 999px;

    background: #fff;

    font-weight: 700;

    z-index: 1;

    margin-top: -0.8rem;

    margin-bottom: -0.8rem;

	margin-right: -0.4rem;

}

.header-wpml-selector:not(.ml-auto){

	margin-left: 1.6rem

}

.header-wpml-selector li > ul{display: none}

    .header-wpml-selector a{color: #333333}

.header-wpml-selector .wpml-ls-item-toggle{display: inline-block; padding: 0.8rem 1.2rem; padding-left: 3.2rem; position: relative; max-height: 3rem; z-index: 3}



.header-wpml-selector .wpml-ls-item-toggle::before {

	background: url(/wp-content/themes/pesumaja/theme/css/../images/icons/globe.png);

	background-size: contain;

	background-position: center;

	background-repeat: no-repeat;

	content: "";

	display: block;

	position: absolute;

	width: 1.33333333333rem;

	height: 1.33333333333rem;

	left: 1.2rem;

	padding: 0 !important;

	top: 50%;

	transform: translateY(-50%);

}

    .header-wpml-selector .wpml-ls-item-toggle::after {content: "\f3d0";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: 700;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;margin-left: 0.5rem;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

	.wpml-ls-item-toggle:hover{text-decoration: none!important;}



#header .wpml-ls .wpml-ls-item-toggle::after{transition: 0.2s}

#header .wpml-ls.active .wpml-ls-item-toggle::after{opacity: 0}

#header .wpml-ls:not(.active):hover .wpml-ls-item-toggle::after{animation: bounce 2s infinite}





.header-wpml-selector .wpml-ls > ul > li{position: relative}

.header-wpml-selector ul{list-style:none; padding-left:0}

.header-wpml-selector ul ul{

	display: none;

	position:absolute;

    width: 100%;

    padding-top: 1rem;

    padding-bottom: 0.5rem;

	left: 0;

	top: 50%;

    background-color: #fff;

    border-bottom-left-radius: 1.5rem;

    border-bottom-right-radius: 1.5rem;

    z-index: 1

}

    .header-wpml-selector ul ul > li > a{

        display: inline-block;

        padding-left: 3.2rem;

        width:100%

    }



.header-social a{

	font-size: 1.6rem;

	line-height: 1.6rem;

	color: #333333;

	opacity: 0.4;

	transition: 0.2s;

}

	.header-social a + a{

		margin-left: 0.93333333333rem;

	}

	.header-social a:hover{

		color: #e4002b;

		opacity: 1;

	}

	.header-social a > svg{transition: 0.2s}

	.header-social a:hover > svg{fill: #e4002b; animation: 0.3s linear shake}



.d-inline-block + .header-links{padding-left: 2.66666666667rem}

.header-links{padding-right: 2.66666666667rem}

.header-links a{color: #333333}





.header-links li.current-page-ancestor > a,

.header-links li.current-menu-ancestor > a,

.header-links li.current-menu-parent > a,

.header-links li.current-page-parent > a,

.header-links li.current_page_parent > a,

.header-links li.current_page_ancestor > a,

.header-links li.current-menu-item > a,

.header-links li.current_page_item > a,

.header-links a:hover{color: #e4002b; text-decoration: none}

.header-links a + a{margin-left: 1.333333333rem}



.header-links ul{list-style:none; padding: 0}

.header-links ul > li{display: inline-block; float:left}

.header-links ul > li + li{margin-left: 1.333333333rem}



.header-links + .header-links{padding-left: 0}



/*header help link*/



.header-help-link a{color: #333333}

.header-help-link a:hover{color: #e4002b; text-decoration: none}

.header-help-link a:hover > svg{animation: 0.3s linear shake;}

.header-help-link svg{

	margin-top: -0.2333333333rem;

	fill: #e4002b;

	margin-right: 0.866666667rem

}



/*header search*/

.header-search{height: 1.8rem; line-height: 1.8rem; z-index:2000;}

.header-search .search-form{

	padding: 0.8rem 1.2rem;

	margin-top: -0.8rem;

	margin-right: -1.4666666666666666667rem;

	margin-left: -0.6rem;

	transition: margin 0.2s;

}

.header-search .search-form.open{

	display: flex;

	align-items: center;

	margin-right: -11.533333333333rem;

	border-radius: 900px;

	background: #fff;

	box-shadow: 0 0 1rem rgba(51, 51, 51, 0.2);

	margin-left: 0.933333333333rem;

}

.header-search .search-form .search-field{

	max-width: 0;

	border: none;

	outline: none;

	box-shadow: none;

	overflow:hidden;

	pointer-events: none;

	background: transparent;

	transition: max-width 0.2s;



}

.header-search .search-submit{

	height: 100%;

	width: 1.6rem;

	color: transparent;

	background: url(/wp-content/themes/pesumaja/theme/css/../images/icons/magnifier.svg);

	background-position: center;

	background-repeat: no-repeat;

	border: none;

	outline: none;

	padding: 0;

	opacity: 0.4;

	transition: background 0.2s, opacity 0.2s;

}

.header-search .search-form .search-submit:hover{

	background: url(/wp-content/themes/pesumaja/theme/css/../images/icons/magnifier-red.svg);

	background-position: center;

	background-repeat: no-repeat;

}

.header-search .search-form .search-submit:hover,

.header-search .search-form.open .search-submit{opacity: 1}

.header-search .search-form:not(.open) .search-submit:hover{animation: 0.3s linear shake}

.header-search .search-form.open .search-field{

	width:10rem;

	max-width: 10rem;

	transition: max-width 0.2s;

	pointer-events: unset;

}

.header-search .search-form > label{margin-bottom: 0}

.header-search .search-form > label > span{display: none}



/*header container*/



#header-container{

	position: relative;

	overflow: hidden;

	background-color: #f0f0f0;

	background-position: calc(180% - 48rem) -10rem;

	background-repeat: no-repeat;

	background-size: 89rem;

}

	#header-container::before{

		background-image: url(/wp-content/themes/pesumaja/theme/css/../images/header-bg-w.svg);

		background-size: contain;

		background-repeat: no-repeat;

		background-position-x: right;

		content: "";

		position: absolute;

		right: calc(50% - 30rem);

		top: -15rem;

		height: 64rem;

		width: 100rem;

		pointer-events:none;

	}



/* =============================================================================

   content

   ========================================================================== */



.editor-content ul{

	list-style: none;

	padding-left: 1.75em

}

	.editor-content ul li{position: relative}

	.editor-content ul li::before{

		content: "";

		display: block;

		position: absolute;

		top: 0.5em;

		left: -1.2em;

		width: 0.4em;

		height: 0.4em;

		border-radius: 0.8em;

		background-color: #e40521;

	}



.editor-content h1 + p,

.editor-content h2 + p,

.editor-content h3 + p,

.editor-content h4 + p,

.editor-content h5 + p,

.editor-content h6 + p,

.editor-content p + p,

.editor-content ul + p,

.editor-content h1 + ul,

.editor-content h2 + ul,

.editor-content h3 + ul,

.editor-content h4 + ul,

.editor-content h5 + ul,

.editor-content h6 + ul,

.editor-content p + ul,

.editor-content ul + ul{margin-top: 1rem}



.editor-content p + h1,

.editor-content ul + h1,

.editor-content p + h2,

.editor-content ul + h2,

.editor-content p + h3,

.editor-content ul + h3,

.editor-content p + h4,

.editor-content ul + h4,

.editor-content p + h5,

.editor-content ul + h5,

.editor-content p + h6,

.editor-content ul + h6{margin-top: 1.5rem}



.editor-content p,

.editor-content ul{font-weight: 500}



.editor-content h1{font-size: 2.4rem}/*36px*/

.editor-content h2{font-size: 2rem}/*32px*/

.editor-content h3{font-size: 1.6rem}/*30px*/

.editor-content h4{font-size: 1.2rem}/*24px*/

.editor-content h5{font-size: 1rem}/*18px*/

.editor-content h6{font-size: 1rem}/*15px*/



.editor-content iframe{max-width: 100%}



/*wpcf7*/

.wpcf7{width: 100%}

.wpcf7 label,

.wpcf7 label > span,

.wpcf7 label > span > input,

.wpcf7 label > span > textarea{width: 100%}



.wpcf7 label abbr{color: #e4002b}



.header-container .wpcf7 label > span > input,

.header-container .wpcf7 label > span > textarea{

	border: 1px solid transparent;

}

.wpcf7 label > span > input,

.wpcf7 label > span > textarea{

	border: 1px solid rgba(0,0,0,0.2);

	line-height: 3.333333333em;

	padding-left: 1rem;

	padding-right: 1rem;

	transition: 0.2s;

	box-shadow: 0 0 0.8rem rgba(0,0,0,0.075)



}



.wpcf7 label{font-weight: 700; line-height: 2rem}

.wpcf7 label > span{font-weight: 400}

.wpcf7 label > span > input:focus,

.wpcf7 label > span > textarea:focus{

	border: 1px solid #ffd359;

	box-shadow: 0 0 0.8rem rgba(255, 211, 89, 0.3)

}



.wpcf7 br{display:none}



.wpcf7 .wpcf7-list-item{margin: 0}



.wpcf7 input[type=number]::-webkit-inner-spin-button {

	-webkit-appearance: none;

}



.wpcf7 textarea{max-height: 16.666666667rem}



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

textarea:-webkit-autofill,

textarea:-webkit-autofill:hover,

textarea:-webkit-autofill:focus,

select:-webkit-autofill,

select:-webkit-autofill:hover,

select:-webkit-autofill:focus {

	border: none;

	-webkit-text-fill-color: #333333;

	-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;

	background:transparent;

	transition: background-color 5000s ease-in-out 0s;

}





/* =============================================================================

   builder

   ========================================================================== */

#content{z-index: 1}



.builder-element,

.builder-element.element-padding-60{padding-top: 4rem; padding-bottom: 4rem;}

.builder-element.element-padding-100{padding-top: 6.666666666667rem; padding-bottom: 6.666666666667rem;}

.builder-element.element-post-title + .builder-element{padding-top: 0}

.builder-element .element-header .element-title{padding-bottom: 2.6666666667rem}

.builder-element .element-title{letter-spacing: -0.025em; font-weight: 400}



.builder-element .element-body{position: relative}

.single-post #content .builder-element:last-child{padding-bottom: 0}

#content + .prefooter-latest{margin-top: 60px}

.builder-element.element-bg-gray{background-color: #f7f7f7}

#content .builder-element.element-tabbed:not(.element-bg-gray):last-child{padding-bottom: 0}



/*pull bottom header*/

#header-container.pull-20 .header-element{padding-bottom: 23rem}

#header-container.pull-20 + #content > .builder-element:first-child{margin-top: -20rem; padding-top: 0}



/*pull bottom content*/

#content .builder-element.element-pull-110{margin-bottom: -11.3333333333rem}

#content .builder-element.element-pull-110 + .builder-element{padding-top: 11.3333333333rem}





/*

* tabbed

* 1060 - 410 100 550

*/

.element-tabbed{font-size: 1.1333333333rem; line-height: 2.4rem}



.element-tabbed .element-body .tab-container > ul.nav-tabs{

	display: flex;

	flex-wrap: nowrap;

	overflow: hidden;

	background-color: #eee;

	border: 2px solid #eee;

	border-bottom: none;

}

	.element-tabbed .element-body .tab-container > ul.nav-tabs > li{flex: 1 0 20%}

	.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a::selection,

	.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a > br::selection{background:transparent}

	.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a{

		display: flex;

		position: relative;

		justify-content: center;

		align-items: center;

		width: 100%;

		height: 100%;

		padding: 1.8rem 2.733333333rem;

		color: #333333;

		text-align: center;

		font-weight: 700;

		font-size: 1.2rem;

		line-height: 1.3rem;

		letter-spacing: -0.025rem;

		text-decoration: none;

		transition: 0.1s

	}





		.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a::before,

		.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a::after{

			content: "";

			display: block;

			position: absolute;

			height: calc(100% - 2px);

			width: 1px;

			bottom: 0;

			background: #fff;

			transition: 0.1s;

		}



			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a.active::before,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a.active::after,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:hover::before,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:hover::after,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:focus::before,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:focus::after{

				width: 2px;

				height: 100%;

			}



			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a.active::before,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:hover::before,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:focus::before{left:-1px}

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a.active::after,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:hover::after,

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:focus::after{right:-1px}



			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a::after{right:0}

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a::before{left:0}

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li:last-child > a::after{display: none}

			.element-tabbed .element-body .tab-container > ul.nav-tabs > li:first-child > a::before{display: none}



		.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a.active{pointer-events: none}

		.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a.active,

		.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:hover,

		.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a:focus{

			color: #e40521;

			background-color: #fff

		}



.element-tabbed .element-body .tab-container > div.tab-content{

	background-color: #fff;

	border: 2px solid #eee;

	border-top: none;

}

	.element-tabbed .element-body .tab-pane{position: relative}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row{padding-top: 3rem; flex-wrap: nowrap}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row:last-child{padding-bottom: 3rem}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row + .tab-row.rowpadding-large{padding-top: 5.666666667rem}



	.element-tabbed .element-body .tab-container > div.tab-content .tab-row.show-separator > .tab-column + .tab-column{border-left: 1px solid #eee}



	.element-tabbed .element-body .tab-container > div.tab-content .type-equal > .tab-column{padding: 0 5.5rem}

	.element-tabbed .element-body .tab-container > div.tab-content .type-equal > .tab-column{flex: 0 0 50%}



	.element-tabbed .element-body .tab-container > div.tab-content .type-inequal > .tab-column{padding: 0 3.33333333333rem}

	.element-tabbed .element-body .tab-container > div.tab-content .type-inequal > .tab-column:first-child{flex: 0 0 44%}

	.element-tabbed .element-body .tab-container > div.tab-content .type-inequal > .tab-column:last-child{flex: 1 1 auto}

	.element-tabbed .element-body .tab-container > div.tab-content .type-inequal > .tab-column{flex: 1 0 auto}





	.element-tabbed .element-body .tab-container > div.tab-content .tab-row.heading-row > .tab-column{flex: 0 0 100%!important; position: relative; z-index: 1}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row.heading-row.type-equal > .tab-column{padding: 0 5.5rem}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row.heading-row.type-inequal > .tab-column{padding: 0 3.33333333333rem}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row.heading-row.show-separator > .tab-column + .tab-column{border-left: 1px solid #eee}



	.element-tabbed .element-body .tab-container > div.tab-content .tab-row.heading-row > .tab-column > h2{

		display: inline-block;

		padding-left: 1rem;

		padding-right: 1rem;

		background-color: #fff;

	}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row.heading-row > .tab-column::after{

		content: "";

		display: inline-block;

		position: absolute;

		height: 1px;

		top: 50%;

		left: 5.5rem;

		padding-left: inherit;

		padding-right: inherit;

		width: calc(100% - 11rem);

		background: #e40521;

		z-index: -1

	}





	/*contact*/

	.element-tabbed .contact-wrap{

		display: flex;

		flex-direction: row;

		flex-wrap: nowrap;

		justify-content: center;

		width: 100%;

		height: 100%;

	}

	.element-tabbed .contact-wrap > div{

		flex: 0 0 50%;

	}

	.element-tabbed .contact-iframe {

		width: 100%;

		position: relative;

		overflow: hidden;

		box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0.2);

	}

	.element-tabbed .contact-iframe > .btn-navigate{

		position: absolute;

		bottom: 3rem;

		left: 50%;

		transform: translateX(-50%);

	}

		.element-tabbed .contact-iframe > iframe{

			width: calc(100% + 16rem);

			height: calc(100% + 18rem);

			margin-top: -9rem;

			margin-left: -8rem;

			box-shadow: inset 0 0 8rem rgba(0, 0, 0, 0.2);

		}

	.element-tabbed .contact-content {

		width: 50%;

		padding: 6.33333333rem 4.333333333rem;



	}



/*parts*/



.part-header > h4{margin-bottom: 2rem}



.part-pricelist table.table td{padding-top:0; padding-bottom: 0; line-height: 2.4rem}

.part-pricelist .prices-table .price{font-weight: 700; white-space: nowrap}



.part-button + .part-button{margin-top: 1.33333333rem}

.tab-part + .part-button{margin-top: 4.666666667rem}



.part-editor .editor-content.style-condensed{

	font-size: 1rem;

	line-height: 1.6rem

}



/*

* txticons

*/

.element-txticons .content-image{padding-top: 5rem}

.element-txticons .icons-grid .icon-item{padding-bottom: 3.333333333rem; padding-top: 0.66666666rem}

.element-txticons .icons-grid .icon-item img,

.element-txticons .icons-grid .icon-item svg{height: 5rem; width: auto; display: block; margin: 0 auto; margin-bottom: 2.33333333rem;}

.element-txticons .icons-grid .icon-item svg{fill: #e4002b}



.element-txticons .icons-grid .icon-item .icon-text,

.element-txticons .icons-grid .icon-item .icon-title{display: block; font-weight: 500; line-height: 1.333333333rem}

.element-txticons .icons-grid .icon-item .icon-title{font-weight: 700; text-transform: uppercase}



/*

* regular

*/

.element-regular .element-body.bg-boxed{

	background-color: #ffffff;

	border: 2px solid #eeeeee;

}

.element-regular .element-body.bg-boxed .editor-content{

	padding: 3rem 3.333333333rem;

}



/*

* clients

*/

.element-clients{padding-top: 6.6666666667rem;padding-bottom: 6.6666666667rem;}

.element-clients .client-item{

	position: relative;

	border: 5px solid #cdcdcd;

	padding-top: 88px;

	padding-bottom: 88px;

	margin-bottom: 95px;

}





.element-clients .client-item .client-text{

	position: relative;

	margin-left: -22%;

	margin-right: -22%;

	font-weight: 500;

	font-size: 1.33333333333rem;

	line-height: 2.133333rem;

	color: #777777;

	background-color: #fff;

	padding: 2rem 0;

}

.element-clients .client-item .client-text::before,

.element-clients .client-item .client-text::after{

	content:url(/wp-content/themes/pesumaja/theme/css/../images/icons/quote.png);

	position: absolute;

	display: block;

}

.element-clients .client-item .client-text::before{

	left: -3.666666666667rem;

	top: 0;

}

.element-clients .client-item .client-text::after{

	right: -2rem;

	bottom: 0;

	transform: rotate(180deg);

}



.element-clients .client-item .client-text .client-chaticon {

	display: block;

	position: absolute;

	left: 50%;

	top: -60px;

	transform: translateX(-50%);

	font-size: 4.6rem;

	line-height: 4.6rem;

	color: #ffc72c

}



.element-clients .client-item .client-img{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%) translateY(50%);width: 100px;height: 100px;}

.element-clients .client-item .client-img img{border-radius: 100px;}



.element-clients .client-item .client-name {

	font-size: 1rem;

	font-weight: 700;

	color: #333333;

	text-transform: uppercase;

	position: absolute;

	bottom: 0;

	left: 50%;

	transform: translateY(100%) translateX(-50%);

}





.element-clients .client-half-width .client-item{

	padding-top: 3rem;

	padding-bottom: 8.5rem;

	border: none;

	width: 100%;

	max-width: unset;

	flex: 0 0 100%;

}

.element-clients .client-half-width .client-item .client-text{

	margin-left: 0;

	margin-right: 0;

	padding-left: 1.4rem;

	padding-right: 1.4rem

}

.element-clients .client-half-width .client-item .client-name{

	bottom: -2.666666667rem

}

.element-clients .client-half-width .client-item .client-text::before{

	left: 0;

	top: -2rem;

}

.element-clients .client-half-width .client-item .client-text::after{

	right: 0;

	bottom: 0;

	transform: rotate(180deg);

}



.post-type-archive-client-feedback .client-row + .client-row{

	margin-top: 3rem;

}



/*before-after*/



.twentytwenty-container{max-height: 41.333333333333rem}

.twentytwenty-container img{

	min-height: 100%;

	object-fit: cover;

	object-position: center;

}



.twentytwenty-container .twentytwenty-overlay{

	background-color: transparent!important;

}

.twentytwenty-horizontal .twentytwenty-after-label{right: 0.4rem}

.twentytwenty-horizontal .twentytwenty-before-label{left: 0.4rem}

.twentytwenty-before-label, .twentytwenty-after-label{

	position: absolute;

	top: 0.4rem;

	font-family: 'Raleway',sans-serif;

	bottom: unset!important;

	background: rgb(228, 5, 33, 0.3);

	line-height: 38px;

	padding: 0 20px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius:  99rem;

	color: white;

	font-size: 1.2rem;

	opacity: 1!important;

	letter-spacing: 0;

}



/*hint*/

.twentytwenty-container:not(.hovered) .twentytwenty-left-arrow::before{

    content: "Liiguta seda";

    background-image: url(/wp-content/themes/pesumaja/theme/css/../images/icons/hint-arrow.svg);

    background-position: bottom right;

    padding: 0 2rem 1.5rem 0;

    width: auto;

    right: 100%;

    white-space: nowrap;

    bottom: calc(50% - 10px);

    position: absolute;

    display: block;

    background-repeat: no-repeat;

    display: block;

    color: #e4002b;

    font-family: 'Prata', sans-serif;

    transition: .2s;

}

.twentytwenty-container:hover .twentytwenty-left-arrow::before {

    pointer-events: none;

    opacity: 0;

}

html[lang="en-US"] .twentytwenty-container:not(.hovered) .twentytwenty-left-arrow::before{content: "Move this"}

html[lang="ru-RU"] .twentytwenty-container:not(.hovered) .twentytwenty-left-arrow::before{content: "Двигай ползунок"}







.element-clients.element-beforeafter .twentytwenty-container{max-height: 21.333333333333rem}

.beforeafter-container .slick-slide{text-align: center}

.beforeafter-container .slick-slide > div{margin-bottom: 2rem}

	.beforeafter-container .beforeafter-title{

		font-size: 1.066666667rem;

		font-weight: 700;

		margin-bottom: 1.333333333rem;

		display: inline-block;

	}



.beforeafter-container ul.slick-dots{

	list-style: none;

	padding-left: 0;

	text-align: center;

}

	.beforeafter-container ul.slick-dots > li{

		display: inline-block;

	}

	.beforeafter-container ul.slick-dots > li + li{

		margin-left: 0.4rem

	}

	.beforeafter-container ul.slick-dots > li > button{

		display: block;

		position: relative;

		height: 1.066666666667rem;

		width: 1.066666666667rem;

		background: radial-gradient(#CECECE 0.2rem, transparent 0.2rem);

		border: none;

		border-radius: 2rem;

		transition: 0.2s;

		color: transparent;

		overflow: hidden;

	}

		.beforeafter-container ul.slick-dots > li.slick-active > button{

			background: radial-gradient(#e4002b 0.2rem, transparent 0.2rem, transparent 0.4rem);

		}

		.beforeafter-container ul.slick-dots > li > button::before{

			content:  "";

			display: block;

			position: absolute;

			height: 100%;

			width: 100%;

			border: 2px solid #e4002b;

			left: 50%;

			top: 50%;

			transform: translateX(-50%) translateY(-50%) scale(0);

			border-radius: 2rem;

			pointer-events: none;

			transition: 0.1s;

		}

			.beforeafter-container ul.slick-dots > li.slick-active > button::before,

			.beforeafter-container ul.slick-dots > li > button:hover::before{

				transform: translateX(-50%) translateY(-50%) scale(1);

			}

		.beforeafter-container ul.slick-dots > li > button:hover{

			background: radial-gradient(#e4002b 0.2rem, transparent 0.2rem, transparent 0.4rem);

		}



.twentytwenty-handle{

	height: 4rem;

	width: 0.8rem;

	border: none;

	border-radius: 0;

	background-color: #ffc72c;

	margin-left: -5px

}

	.beforeafter-item .twentytwenty-horizontal .twentytwenty-handle::before,

	.beforeafter-item .twentytwenty-horizontal .twentytwenty-handle::after{

		background: #ffc72c;

		box-shadow: 0 3px 0 #ffc72c, 0 0 12px rgba(51, 51, 51, 0.5)!important;

	}

	.twentytwenty-left-arrow{

		border-top: 1rem solid transparent;

		border-bottom: 1rem solid transparent;

		border-right: 1rem solid #ffc72c;

		margin-left: -0.7rem;

		margin-top: -1rem;

		transform: translateX(-100%);

	}

	.twentytwenty-right-arrow{

		border-top: 1rem solid transparent;

		border-bottom: 1rem solid transparent;

		border-left: 1rem solid #ffc72c;

		margin-right: -0.7rem;

		margin-top: -1rem;

		transform: translateX(100%);

	}



	.beforeafter-btn{margin: 2.3333333rem auto 0 auto}



	.builder-element .before-after .element-header .element-title{padding-bottom: 2rem}



	/*

	* element postgrid

	 */



.element-postgrid .post-item{color: #333333;}

.element-postgrid .post-item:hover{color: #e4002b; text-decoration: none}

.element-postgrid .post-item:hover .post-excerpt{color: #333333}

.element-postgrid .post-item:nth-child(3n){margin-top: 2rem}



.pagi-nav{text-align: center}

ul.paginate {

	display:inline-block;

	margin: 0 auto;

	padding: 0;

	margin-top: 2rem

}

ul.paginate > li{

	display: inline-block;

	float: left;

}

ul.paginate > li + li{

	margin-left: 0.2rem

}

ul.paginate > li > span,

ul.paginate > li > a{

	display: block;

	height: 2rem;

	width: 2rem;

	line-height: 2rem;

	border-radius: 2rem;

	color: #333333;

	text-align: center;

}

ul.paginate > li.active > span{

	color: #e4002b;

	background-color: #ffc72c;

	text-decoration: none;

}

ul.paginate > li:hover > a{

	background-color: #e4002b;

	color: #ffc72c;

	text-decoration: none;

}



.client-img > img{border-radius: 99rem}



.element-feedback .feedback-row{display: none}

.element-feedback .btn,

.element-feedback .btn-sm{transition: 0.2s}

.element-feedback .btn-sm{background: transparent; color: #333}

.element-feedback .btn-sm:hover{box-shadow: none}



/* =============================== header elements ========================== */

.header-element{padding-top: 0}



/*

* home

*/

.element-home{padding-bottom: 6.6666666666667rem; font-size: 1.2rem; line-height: 1.4rem}

.element-home .element-title{font-size: 3.6rem; line-height: 4.26666666667rem; font-weight: 300; margin-bottom: 2.333333333rem}

.element-home img{margin:0 auto}

.element-home .btn-row{margin-top: 3rem}

.element-home .btn-row .btn{position:relative; padding-left: 1rem; padding-right: 1rem}

.element-home .btn-row .btn > .btn-after{

	position: absolute;

	display: block;

	top: calc(100% + 1rem);

	left: 50%;

	transform: translateX(-50%);

	text-transform: none;

	letter-spacing: 0;

	font-weight: 500;

	white-space: nowrap;

}



.element-home .editor-content ul li + li{margin-top: 1.1111111111em}



.element-home .news-row{

	line-height: 1.4rem;

	margin-bottom: -6rem;

	margin-top: 6rem;

}



.element-home .home-news-ticker {

	overflow: hidden;

	border: none;

	background: transparent;

	margin-right: 2rem;



}



	.element-home .bn-news > ul{

		margin: 0;

		padding: 0;

		list-style: none;

		font-size: 0.9411764705882353rem;

		display: block;

		width: 100%;

		position: relative

	}

	.element-home .bn-news > ul > li{

		display: list-item;

		float: left;

		position: relative;

		width: auto;

		padding-right: 1.7rem;

		padding-left: 1.1176470588235294rem

	}

	.element-home .bn-news > ul > li:after{

		font-size: 1.4rem;

		content: '|';

		position: absolute;

		right: 0;

		transform: translateY(-50%);

		top: 50%;

		display: block;

		font-weight: 700;

		color: #ffc72c

	}

	.element-home .bn-news > ul > li a:hover{color: #e4002b}

	.element-home .bn-news > ul > li:first-child:last-child:after{display: none!important}

	.element-home .bn-label{

		left: 0;

		top: 0;

		bottom: 0;

		height: 100%;

		position: absolute;

		text-align: center;

		background-color: transparent;

		color: #333;

		font-weight: bold;

		z-index: 3;

		padding: 0 15px;

		white-space: nowrap;

	}



/*

* 3col

*/

.element-prices .element-title{

	font-size: 3.2rem;

	line-height: 3.866666666667rem;

	letter-spacing: 0;

	margin-bottom: 0.3rem;

}



/*

* accordion

*/

.element-accordion .accordion .card{

	border-radius: 0!important;

	border: none;

	margin-bottom: 1.33333333rem;

	background: transparent;

	overflow: visible;

}

.element-accordion .accordion .card-header{padding: 0; border: none}

.element-accordion .accordion .card-header > .btn:hover,

.element-accordion .accordion .card-header > .btn:active,

.element-accordion .accordion .card-header > .btn:focus{

	box-shadow: 0 0 1rem rgba(0,0,0,0.2);

	text-decoration: none

}

.element-accordion .accordion .card-header > .btn{

	position: relative;

	width: 100%;

	border-radius: 0;

	text-align: left;

	font-size: 1.333333333rem;

	line-height: 2.4rem;

	font-family: 'Prata', sans-serif;

	color: #333333;

	background-color: #ffffff;

	padding-top: 0.8rem;

	padding-bottom: 0.8rem;

	padding-left: 1.66666666667rem;

	letter-spacing: unset;

	text-transform: none;

	box-shadow: 0 0 1rem rgba(0,0,0,0.05);

	transition: 0.2s

}

	.element-accordion .accordion .card-header > .btn > .icon{

		position: absolute;

		right: 1.3333333333rem;

		top: 1.3333333333rem;

		display: inline-block;

		width: 1.333333333333rem;

		height: 1.333333333333rem;

	}

		.element-accordion .accordion .card-header > .btn > .icon > .line{background-color: #e4002b; position: absolute}

		.element-accordion .accordion .card-header > .btn > .icon > .line1{

			width: 1px;

			height: 100%;

			left: 50%;

		}

		.element-accordion .accordion .card-header > .btn > .icon > .line2{

			width: 100%;

			height: 1px;

			top: 50%;

			transition: 0.2s;

		}

		.element-accordion .accordion .card-header > .btn[aria-expanded="true"] > .icon > .line2{

			background-color: #ffffff

		}

	.element-accordion .accordion .card-header > .btn[aria-expanded="true"]{

		background-color: #e4002b;

		color: #ffffff;

		box-shadow: unset;

	}



	.element-accordion .accordion .card-body{

		padding-top: 2.33333333rem;

		padding-left: 2rem;

		padding-right: 2rem;

	}



	.element-accordion .element-title{font-size: 3rem; line-height: 3.86666666667rem; margin-bottom: 1rem}



/*

* 2colicons

*/

.element-2colicons .icons-row > .icon-item{text-align: center; padding: 1rem}

.element-2colicons .icons-row > .icon-item > .icon-wrap{

	display: inline-block;

	width: 100%;

	text-align: center;

}

.element-2colicons .icons-row > .icon-item > .icon-wrap > svg{

	fill: #e40521;

	max-width: 5.3333333rem;

	height: auto;

	/*padding: 3rem;*/

	padding-bottom: 1rem

}

.element-2colicons .icons-row > .icon-item > span{

	font-size: 1rem;

	font-weight: 700

}





/* =============================================================================

   footer

   ========================================================================== */

.prefooter-latest{padding-top: 4rem;padding-bottom: 4rem; background-color: #ffd359; font-size: 1.06666666666667rem}

.prefooter-latest ul a:hover,

.prefooter-latest a, .prefooter-latest h4{color: #e40521; text-decoration: none}

.prefooter-latest ul a{color: #333333}

.prefooter-latest h4{font-size: 1.4rem; font-weight: 700; font-family: 'Raleway', sans-serif; margin-bottom: 0.6666666667rem; text-transform: uppercase}

.prefooter-latest ul + a{display: inline-block; margin-top: 0.3333333rem; text-transform: lowercase}

.prefooter-latest ul + a::first-letter{text-transform: uppercase}



.prefooter-latest ul{list-style:none; padding-left: 1.66666666667rem}

.prefooter-latest ul > li{position: relative}

.prefooter-latest ul > li + li{margin-top: 0.333333333rem}

.prefooter-latest ul > li::before{

	content: "\f3d3";

	display: inline-block;

	position: absolute;

	top: 0.7em;

	transform: translateY(-50%);

	left: -1em;

	font-size: 1em;

	line-height: 1em;

	font-family: "Ionicons";

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

}



.prefooter-latest > .container > .row > div + div{border-left: 3px solid #DBAB25; margin-left: -2px}

@media(min-width: 768px){

	.prefooter-latest > .container > .row > div + div{padding-left: 5.666666667rem}

}



.prefooter-menu{background-color: #ffc72c}

.prefooter-menu-container{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

    padding-top: 1.2rem;

    padding-bottom: 1.2rem;

}

	html:not([lang="et"]) .prefooter-menu-container{

		max-width:100%;

	}

	.prefooter-menu .prefooter-menu-item{

		display: inline-block;

		padding: .333333333333333rem 1rem;

		color: #333333;

		font-size: 0.866666666667rem;

		font-weight: 500;

		text-transform: uppercase;

	}

		.prefooter-menu .prefooter-menu-item:hover{color: #e4002b; text-decoration: none}

		.prefooter-menu-container > div:first-child > a{padding-left: 0}

		.prefooter-menu-container > div:last-child > a{padding-right: 0}

		.prefooter-menu-container > div{flex: 0 0 auto}



#footer{padding-top: 2.666666666667rem;padding-bottom: 2.666666666667rem; color: #333333; font-size: 1rem}

#footer a{color: #333333}

.footer-contact span + span{

	position: relative;

	margin-left: 1.133333333rem;

	padding-left: 1.133333333rem;

}

	.footer-contact span + span::before{

		content: "";

		display: block;

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		left: 0;

		height: 0.933333333rem;

		width: 1px;

		background-color: #333333;

	}



.footer-contact + .footer-social{margin-left: 1.33333333rem}

.footer-social{

	display: inline-block;

}

	.footer-social > a{

		display: flex;

		justify-content: center;

		align-items: center;

		float: left;

		width: 1.6rem;

		height: 1.6rem;

		background-color: #333333;

		transition: 0.2s

	}

		.footer-social > a:hover{background-color: #e4002b}

		.footer-social > a:hover > svg{

			animation: 0.3s linear shake

		}

	.footer-social > a + a{

		margin-left: 0.46666666667rem;

	}

	.footer-social > a > i{

		color: #fff

	}

		.footer-social > a > i::before{

			line-height: 1.4rem;

			font-size: 1.4rem;

			display: block;

		}

	.footer-social > a > svg{

		padding: 0.2rem;

		fill: #FFFFFF;

	}



a#ama{

	float: right;

	font-size: 0.866666666667rem;

	line-height: 0.866666666667rem;

	opacity: 0.5;

	transition: 0.2s;

}

	a#ama:hover{opacity: 1; text-decoration: none}





/* =============================================================================

   keyframes

   ========================================================================== */

@keyframes bounce {

	0% {transform: translateY(0)}

	30% {transform: translateY(15%)}

	100% {transform: translateY(0)}

}

@keyframes shake {

	0% {transform: rotate(0)}

	25% {transform: rotate(-10deg)}

	50% {transform: rotate(10deg)}

	75% {transform: rotate(-10deg)}

	100% {transform: rotate(0)}

}





/* =============================================================================

   media query

   ========================================================================== */

@media (min-width: 1181px){

	#mobile-toggle{display: none}

	#header-items{display: block!important}

}

@media (max-width: 1180px){

    #header{padding-top: 1rem; padding-bottom: 2rem}



    body.noscroll #header {

        background: #ffffff;

        padding-top: 6rem;

    }

    body.noscroll #header .logo-col{

        background: #ffffff;

        position: fixed;

        height: 8rem;

        padding: 1rem 15px 2rem 15px;

        width: 100%;

        top: 0;

        left: 0;

    }

    body.noscroll #header .logo-col #mobile-toggle{

        top: 52.5px;

        transform: none;

        right: 1rem;

    }

    body.noscroll #header + *{

        padding-top: 6rem;

    }

    #header-items{

        display: none;

        position: fixed;

        flex-direction: row-reverse;

        flex-wrap: wrap;

        width: 100%;

        height: calc(100% - 6rem);

        max-width: unset;

        left: 0;

        top: 6rem;

        background: #fff;

        margin-top:0;

        z-index: 20000;

        /*padding-top: 6rem;*/

        overflow-y: scroll

    }

    #header-items .row{margin-left:0; margin-right: 0}

    #header-items .row > *{

        flex: 0 0 100%;

        max-width: 100%;

        width: 100%;

        padding-left: 0;

        padding-right: 0

    }

    #header-items .header-top{flex: 1 0 100%; order: 99}

    #header-items .header-primary{flex: 0 1 100%; overflow: hidden; position: relative}

    #header-items .header-primary > div{max-height: 100%; overflow: scroll}



    #header-items .header-primary::before{top: 0;}

    #header-items .header-primary::after{bottom: 0; transform: scaleY(-1)}



    #header-logo{max-width: calc(100% - 12rem); height: 5rem; display: flex; flex-direction: column; justify-content: center; align-items: start}

    #header-items .header-top > div.d-flex{flex-direction: column}

    #header-items .header-top > div > *{display: inline-block; margin-bottom: 0;}

    #header-items .header-top > div > * + *{margin-top: 1rem;}

    #header-items .header-top .header-search{order: 1;

        padding-bottom: 4rem;

        margin-top: 0

    }

    #header-items .header-top .header-social{order: 2}

    #header-items .header-top .header-links{order: 3;

        padding-left: 0;

        padding-right: 0

    }

    #header-items .header-top .header-help-link{order: 4;

        margin-right: auto;

    }



    #header-items .header-top .header-wpml-selector {

        top: 2rem;

        margin-top: 0;

        margin-left: 0;

        margin-bottom: 1rem;

        right: 5.4rem;

        border: 1px solid rgba(0, 0, 0, 0.2);

        z-index: 30002

    }



    .header-search .search-form{

        display: flex;

        align-items: center;

        margin: 0!important;

        border-radius: 900px;

        background: #fff;

        box-shadow: 0 0 1rem rgba(51, 51, 51, 0.2);



    }

    .header-search .search-form .search-field {

        width: 10rem;

        max-width: 10rem;

        transition: max-width 0.2s;

        pointer-events: unset;

    }



    #header .logo-col{flex: 0 0 100%; width: 100%; max-width: 100%; z-index: 20001}

    #mobile-toggle{

        display: block!important;

        /*transition: 0.8s ease;*/

        z-index: 9999;

        position: absolute;

        height: 3.2rem;

        width: 3.2rem;

        margin-top: -20px;

        top: 50%;

        right: 0;

        /*border: 1px solid #003e7e;*/

        /*-webkit-border-radius: 50%;*/

        /*-moz-border-radius: 50%;*/

        /*border-radius: 50%;*/

        border: none;

        background: none;

    }

    #mobile-toggle .menui {

        width: 2rem;

        left: 50%;

        margin-left: -12px;

        height: 0.2rem;

        background: #e4002b;

        transition: 0.6s ease;

        transition-timing-function: cubic-bezier(.75,0,.29,1.01);

        position: absolute;

    }

    #mobile-toggle .top-menu{top: 12px}

    #mobile-toggle .mid-menu{top: 19px}

    #mobile-toggle .bot-menu{top: 26px}

    #mobile-toggle .top-menu.animate{top: 19px!important; -webkit-transform: rotate(45deg); transform: rotate(45deg)}

    #mobile-toggle .mid-menu.animate{opacity: 0}

    #mobile-toggle .bot-menu.animate{top: 19px!important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg)}





    #primary-menu{

        margin-top: 1rem;

        display:block;

        height: calc(100% - 1rem);

    }

    #primary-menu > ul{

        width: 100%;

        height: 100%;

        max-height: 100%;

        overflow-y: scroll;

        padding: 1rem 0 2rem 0;

    }

    #primary-menu > ul > li{

        width: 100%;

        float: none;

        text-align: center;

        border-top: 1px solid rgba(255,255,255,0.1);

        border-bottom: 1px solid rgba(255,255,255,0.1)

    }

    #primary-menu > ul > li > ul.sub-menu{

        position:relative;

        display: none;

        background-color: rgba(255, 199, 44, 0.5);

        border: none;

        top: unset;

        transform: none;

        left:unset;

        transition: unset;

        opacity: 1;

    }

    #primary-menu > ul > li > ul.sub-menu > li > a{

        display: inline-block;

        line-height: 2rem;

        height: 2rem;

    }

    #primary-menu > ul > li > a::before{display: none}

    #primary-menu > ul > li + li{

        margin-left:0;

    }

    #primary-menu > ul > li > a{

        width: 100%;

        height: 4rem;

        padding: 0;

        line-height: 4rem;

        font-size: 1.2rem

    }

    #primary-menu > ul > li.current-page-ancestor > a,

    #primary-menu > ul > li.current-menu-ancestor > a,

    #primary-menu > ul > li.current-menu-parent > a,

    #primary-menu > ul > li.current-page-parent > a,

    #primary-menu > ul > li.current_page_parent > a,

    #primary-menu > ul > li.current_page_ancestor > a,

    #primary-menu > ul > li.current-menu-item > a,

    #primary-menu > ul > li.current_page_item > a,

    #primary-menu > ul > li > a:hover,

    #primary-menu > ul > li > a:focus,

    #primary-menu > ul > li:hover > a,

    #primary-menu > ul > li > a:focus-within{background-color: #ffc72c}

}

@media (max-width: 768px){



    .element-tabbed .element-body .tab-container > ul.nav-tabs{flex-wrap: wrap;}

    .element-tabbed .element-body .tab-container > ul.nav-tabs > li {flex: 1 0 100%;}

    .element-tabbed .element-body .tab-container > ul.nav-tabs > li a::after,

    .element-tabbed .element-body .tab-container > ul.nav-tabs > li a::before{content: none!important;}



	.element-tabbed .element-body .tab-container > div.tab-content .tab-row{flex-wrap: wrap}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-column{flex: 1 1 100% !important}



	.btn-row{margin-bottom: 2rem}

	.btn-row > div{text-align: center}

	.btn-row > div + div{margin-top: 1rem}

	.btn-row > {text-align: center}



	.element-txticons .content-image,

	.builder-element .element-body > div + div{padding-top: 2rem}

	.element-beforeafter > .container > .row > div + div{margin-top: 4rem;}



	.element-txticons .icons-grid .icon-item:last-child{padding-bottom: 2rem}

	.element-txticons .icons-grid .icon-item{padding-bottom: 0}



	.footer-contact > span{display: inline-block; width: 100%; text-align: center}

	.footer-contact > span + span::before{display: none}

	.footer-contact > span + span{margin-left: 0; padding-left: 0}

	.footer-social{display: flex; justify-content: center; margin-left: 0!important; margin-top: 2rem}



	.element-tabbed .contact-wrap{flex-wrap: wrap}

	.element-tabbed .contact-wrap > div{flex: 0 0 100%; width: 100%}

	.element-tabbed .contact-wrap > .contact-iframe{min-height: 20rem;}

	.element-tabbed .contact-content{padding:2rem}



	.element-clients.element-beforeafter{padding-top: 2rem; padding-bottom: 2rem; border-top: 1px solid rgba(0,0,0,0.2) }



	.prefooter-latest .row > div + div{margin-top: 3rem}

	.home-news-ticker{

		display: flex;

		flex-direction: row;

	}

	.home-news-ticker > *{flex: 0 0 auto}



	.builder-element.element-postgrid .client-row + .client-row,

	.builder-element.element-postgrid a + a{margin-top: 1rem; padding-top: 1rem; position: relative}

	.builder-element.element-postgrid .client-row + .client-row::before,

	.builder-element.element-postgrid a + a::before{

		content: "";

		display: block;

		position: absolute;

		top: 0;

		left: 1rem;

		height: 1px;

		width: calc(100% - 2rem);

		background-color: rgba(0,0,0,0.1);

	}

	.element-postgrid .client-row .client-img{padding-bottom: 1rem}



}

@media (max-width: 576px){

	.header-element.element-pagetitle{padding-bottom: 2rem}

	.element-regular.element-bg-white,

	.element-tabbed .tab-container{padding: 0.4rem}

	.element-tabbed .element-body .tab-container > div.tab-content .type-inequal > .tab-column,

	.element-tabbed .element-body .tab-container > div.tab-content .type-equal > .tab-column,

	.element-regular .element-body.bg-boxed .editor-content,

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row.heading-row.type-equal > .tab-column{padding: 1rem}

	.element-tabbed .element-body .tab-container > ul.nav-tabs > li > a{padding: 1.2rem 2.733333333rem}

	.element-tabbed .element-body .tab-container > div.tab-content .tab-row + .tab-row.rowpadding-large{padding-top: 2rem}



	.element-clients .client-item .client-text{font-size: 1rem}

	.element-clients .client-half-width .client-item{margin-bottom: 5rem; padding-bottom: 5rem}

	.element-clients .client-half-width .client-item .client-name{bottom: 0.4rem}



	.element-home .element-title{font-size: 2.8rem; line-height: 3.2rem}

	h1,

	.element-prices .element-title{font-size:2.4rem!important; line-height: 3rem}



	.header-element img,

	.header-element svg	{max-height: 8rem; width: auto; max-width: 100%; margin: 0 auto}



	.prefooter-menu .prefooter-menu-item{padding: 1rem}



}

@media (max-width: 540px){

	.home-news-ticker{

		margin-left: 2rem;

	}

	.home-news-ticker .bn-label{

		overflow: hidden;

		width: 0!important;

		padding: 0!important;

	}



}

.wpcf7 label small.d-block{margin-bottom: 5px; line-height: 1.4em}
.wpcf7-acceptance input,
.wpcf7-radio input{
    position: absolute;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.wpcf7-acceptance .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item{
    display: block;
    position: relative;
    font-size: 14px
}
.wpcf7-acceptance .wpcf7-list-item + .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item + .wpcf7-list-item{
    margin-top: .5rem
}
.wpcf7-acceptance .wpcf7-list-item:last-child,
.wpcf7-radio .wpcf7-list-item:last-child{
    margin-bottom: .5rem
}
.wpcf7-acceptance .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item-label{
    display: flex;
    align-items: center;
}

.wpcf7-acceptance input + *::before,
.wpcf7-radio input + *::before{
    background-image: url(/wp-content/themes/pesumaja/theme/css/../images/icons/check.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0;
    background-color: #fff;
    content: "";
    display: inline-block;
    width: 1.3333333rem;
    height: 1.3333333rem;
    border: 1px solid rgba(0,0,0,0.2);
    margin-right: .6rem;
    transition: background-size .2s
}
.wpcf7-acceptance input:checked + *::before,
.wpcf7-radio input:checked + *::before{
    background-size: 65%
}
.wpcf7-acceptance a{
    position: relative;
    margin-left: .3rem;
    margin-right: .3rem;
    z-index: 3;
    color: #e4002b;
}


.row-postsgrid{margin: -30px -15px}
.row-postsgrid > div{padding: 30px 15px}

.row-postsgrid h4 + *{margin-top: 15px}
.row-postsgrid .read-more{display: inline-block; margin-top: 15px; color: #e4002b; text-transform: uppercase; font-weight: 700}
@media (max-width: 767.97px) {
    .contact-free-btn{
        max-width: 18rem;
        margin: 0 auto 1rem;
    }
}

/*271020202*/

.element-2colicons .h2span {
    all: inherit;
    font-weight: 700;
    max-width: 100%;
}

.wpcf7 input[type="file"]{background: transparent; border: none; padding-left: 0; padding-right: 0; box-shadow: none}