

/* Start:/bitrix/templates/lawlegko.ru/template_styles.css?176511352817352*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Manrope:wght@200..800&display=swap');
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
input,textarea,button,select{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
blockquote,q{
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	border: 0;
	max-width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}

.row-flex{
	display: flex;
	flex-flow: row wrap;
}
.vh-center{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.shadow{
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.7);
	box-shadow:0 0 3px rgba(0, 0, 0, 0.7);
}
.pd0{padding: 0;}
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}

html{
	line-height: 1.2;
	font-size: 1em;
}
body {
	background-attachment: fixed;
	background-size: cover;
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	margin: auto;
	background-color: #F5F5F5;
}
h1,h2,h3,h4,h5 {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	margin: 3em 0 1em;
}
p,ul,ol{
}
.shad {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.header{

}

.header-menu-wrapper{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	padding: 20px;
	background-color: rgba(255,255,255,.30);
	z-index: 10;
}
.header-menu{
	max-width: 1600px;
	padding: 0;
	margin: 0 auto;
}
	.header-menu-wrapper img{
		position: relative;
		width: 300px;
		top: 50%;
		transform: translateY(-50%);
	}
	.header-menu-wrapper ul{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		float: right;
		font-size: 1.3em;
		list-style: none;
	}
	.header-menu-wrapper ul li{
		float: left;
		padding: 5px 20px 7px;
		background-color: rgba(213,213,213,.9);
		border-radius: 50px;
		margin-left: 10px;
	}
		.header-menu-wrapper ul li a{
			color: #111827;
			text-decoration: none;
			font-weight: bold;

		}
		.header-call-us{
			background-color: #111827 !important;
			background-color: #728F42 !important;
			border-radius: 50px;
			padding: 5px 20px 7px !important;
			margin-left: 20px;
			cursor: pointer;
		}
			.header-call-us a{
				color: #fff !important;
			}
			.header-call-us a .fa-phone{
				margin-right: 10px;
			}
	.header-info{
		position: relative;
		height: 96vh;
		margin-bottom: 0px;
		background-color: #EDEDE6;
		background-image: url(/bitrix/templates/lawlegko.ru/images/6068268.jpg);
		background-position: center;
		background-size: cover;
		overflow: hidden;
	}
		.header-info>div{

		}
		.header-info-bg{
			position: absolute;
			background-image: url(/bitrix/templates/lawlegko.ru/images/spl.png);
			background-size: cover;
			background-position: center;
			width: 100%;
			min-height: 220%;
			animation:30s header-info-bg-rt infinite linear;
			overflow: hidden;
		}
		@keyframes header-info-bg-rt{
			from{
				transform:rotate(0)
			}
			to{
				transform:rotate(360deg)
			}
		}
		.header-info-maintext{
			position: relative;
			font-size: 3.5vw;
			text-align: center;
			font-weight: bold;
			padding-bottom: 50px;
			background-image: linear-gradient(45deg, #BAD341,#6E48CF);
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
			z-index: 1;
		}



			.header-info-maintext span{
				display: block;
				padding: 0;
				margin: 0;
				font-size: 4vw;
			}
		.header_cat{
			height: 30vh;
			max-height: 300px;
			display: block;
			position: absolute;
			left: 15%;
			bottom: 0;
			z-index: 2;
		}
		.header-info-label{
			position: relative;
			float: left;
/*			background-color: #728F42;
			background-color: #2D2E28;
*/
			background-color: rgba(213,213,213,.6);
			color: #fff;
			color: #2D2E28;
			font-size: 22px;
			margin: 0 20px;
			border-radius: 50px;
			padding: 16px 30px;
			padding-left: 70px;
			border: 0px solid #111827;
			z-index: 1;
		}
			.header-info-label-ico{
				position: absolute;
				left: 5px;
				top: 2px;
				width: 54px;
				height: 54px;
				border-radius: 50px;
			}
				.header-info-label-ico>i{
					color: #111827;
					color: #FFF;
					color: #728F42;
				}

.title{
	display: inline-block;
	font-size: 52px;
	font-weight: 400;
	padding-bottom: 40px;
	text-align: center;
	background-image: linear-gradient(45deg, #FFF,#6E48CF);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

@media (max-width: 991px) {

}
.bx-wrapper{
	overflow: hidden;
}
.workarea{
	background-color: #111827;
	min-height: 100vh;
}
.workarea-white{
	min-height: 100vh;
	background-color: #EDEDE6;
	background-image: url(/bitrix/templates/lawlegko.ru/images/6068268.jpg);
	background-position: center;
	background-size: cover;
	color: #171717;
}
.container{

}
	.triangle{
		position: absolute;
		bottom:0;background-image: linear-gradient(45deg, #BAD341,#6E48CF);
		right:0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 230px 100vw;
		border-color: transparent transparent #111827 transparent;
	}
.post-item{
	font-size: 24px;
	padding: 0px;
	margin: 0;
	overflow: hidden;
}
	.post-item a{
		text-decoration: none;
	}
	.post-preview_picture{
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		border-radius: 20px 40px;
		background-size: cover;
		background-position: center;
	}
	.post-preview_picture::before{
		content: "";
		display: block;
		padding-top: 60%;
	}
		.post-date-time{
			position: absolute;
			top: 10px;
			right: 20px;
			background: #111827;
			color: #fff;
			padding: 5px 10px;
			border-radius: 20px;
			font-size: 16px;
		}
		.post-item-name{
			color: #fff;
			padding: 10px 10px 0 10px;
		}
			.post-item-name a{
				color: #fff;
				text-decoration: none;
				font-size: 24px;
			}
		.post-item-text{
			padding: 10px;
			color: #C8C8C8;
			font-size: 18px;
		}
.box3{
	background-color: #EDEDE6;
	background-image: url(/bitrix/templates/lawlegko.ru/images/6068268.jpg);
	background-position: center;
	background-size: cover;
	color: #171717;
	padding: 100px 0;
}
	.box3-cat{
		display: block;
		height: 200px;
		margin: 30px auto 0;
	}
	.box3 .title{
		display: inline-block;
		background-image: linear-gradient(45deg, #BAD341,#6E48CF);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}
	.box3 ul{
		font-size: 24px;
		padding: 40px 30px 40px 50px;
		margin: 0;
		border-radius: 20px 40px;
		background-color: #fff;
		list-style: none;
	}
		.box3 ul .fa{
			color: #728F42;
		}
		.box3 ul li{
			padding: 10px 0;
		}
	.box3-item-wrapper{
		position: relative;
		border-radius: 20px 40px;
		background-color: #fff;
		height: 100%;
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		color: #fff;
	}
		.box3-item-wrapper::before{
			content: "";
			display: block;
			padding-top: 100%;
		}
		.box3-item-lable-title{
			left: 0px;
			width: 100%;
			padding: 10px 40px;
			background-color: #111827;
			font-size: 18px;
			border-radius: 0 0 20px 40px;
			border-top: 1px solid #F9F9F9;
		}
		.box3-item-lable{
			position: absolute;
			left: 0px;
			bottom: 40px;
			width: 100%;
			padding: 10px 20px;
			background-color: rgba(115,143,65,.9);
			background-color: rgba(255,255,255,.9);
			font-size: 18px;

		}
		.box3-item-lable-name{
			font-size: 26px;
			font-weight: 400;
			background-image: linear-gradient(45deg, #FFF,#6E48CF);
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
		}
		.box3-item-lable-role{
			font-weight: 400;
			padding-bottom: 5px;
		}
		.box3-item-lable-link{
			padding-bottom: 5px;
		}
		.box3-item-lable-text{
			display: none;
		}
		.box3-item-wrapper-ico{
			border-radius: 20px 40px;
			background-color: #fff;
			height: 100%;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			cursor: pointer;
		}
			.box3-item-wrapper-ico::before{
				content: "";
				display: block;
				padding-top: 100%;
			}
			.box3-item-wrapper a{
				cursor: pointer;
			}
	.box4{
		color: #C8C8C8;
		padding: 100px 0;
		font-size: 18px;
	}
	.box4-cat{
		display: block;
		height: 250px;
		margin: 0 auto;
	}
	.box4 .fa{
		color: #728F42;
	}
	.box4-text-wrapper{
		background-image: linear-gradient(45deg, #111827,#6E48CF);
		padding: 20px 80px;
		border-radius: 20px;
	}
	.box4 .stitle{
		color: #fff;
		font-size: 30px;
		padding-bottom: 20px;
	}
	.box8 .stitle{
		color: #111827;
		font-size: 30px;
		padding-bottom: 20px;
		text-align: center;
	}
	.qrcod_tel{
		display: block;
		max-width: 300px;
		margin: 0 auto;
	}

.box5{
	color: #C8C8C8;
	padding: 100px 0;
	font-size: 22px;
}
	.sf{
		position: relative;
		border-radius: 20px 40px;
		clear: both;
		background-color: rgba(255,255,255,.8);
		color: #111827;
		padding: 20px;
		clear: both;
		overflow: hidden;
		font-weight: 400;
	}
		.sf::before{
			content: "";
			display: block;
			padding-top: 60%;
		}
.box6{
	color: #C8C8C8;
	padding: 100px 0;
	font-size: 22px;
}
.box-cont{
	padding: 200px 0;
}
.box-cont .title{
	background-image: linear-gradient(45deg, #BAD341,#6E48CF);
}
	.box-cont-info{
		font-size: 18px;
		padding-bottom: 20px;
	}
		.box-cont-info b{
			font-size: 24px;
		}
		.box-cont-info span{
			color: #6E6E6E;
		}
		.box-cont-info ul{
			list-style: none;
			padding: 0;
			margin: 0;
			margin-top: 30px;
		}
			.box-cont-info ul li{
				margin: 5px 0;
				font-size: 22px;
			}
			.box-cont-info ul li a{
				text-decoration: none;
				color: #333;
			}
				.box-cont-info ul li a .fa{
					color: #6E6E6E;
					width: 25px; text-align: center;
				}
.box7{
	color: #C8C8C8;
	padding: 100px 0;
	font-size: 22px;
}


.box8{
	background-color: #EDEDE6;
	background-image: url(/bitrix/templates/lawlegko.ru/images/6068268.jpg);
	background-position: center;
	background-size: cover;
	color: #111827;
	padding: 100px 0;
}
	.box8 .title{
		background-image: linear-gradient(45deg, #BAD341,#6E48CF);
	}

.block-bpd{
	padding-bottom: 200px;
}
.ticket-box{
	position: relative;
	background-image: url(/bitrix/templates/lawlegko.ru/images/rectangle.svg);
	background-color: rgba(255,255,255,.8);
	padding: 100px 20px;
	border-radius: 20px 40px;
	min-height: 400px;
}
	.ticket-box-ico{
		position: absolute;
		top: -35px;
		background-color: #fff;
		width: 100px;
		height: 100px;
		border-radius: 220px;
	}
		.ticket-box-ico img{
			max-width: 70%;
			opacity: .8;
		}
	.ticket-box-title{
		font-size: 30px;
		padding-bottom: 20px;
	}
	.ticket-box-content{
		font-size: 24px;
		padding-bottom: 20px;
	}
	.ticket-box-lnk{
		display: inline-block;
		background-color: #738F41;
		color: #fff;
		border-radius: 10px;
		padding: 15px 20px;
		float: right;
		cursor: pointer;
	}

.footer-wrapper{
	background-color: #171717;
	color: #fff;
	padding: 50px 20px 10px;
}
.footer{
	max-width: 1600px;
	padding: 10px;
	margin: 0 auto;
	font-size: 18px;
}
.bottom-logo-wrapper{
	display: inline-block;
	background-color: rgba(255,255,255,.1);
	padding: 10px;
	border-radius: 15px;
}
.footer-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
	.footer-menu ul>li{
		float: left;
		padding: 0 10px;
	}
		.footer-menu ul>li>a{
			text-decoration: none;
			color: #fff;
		}
.footer-cnt ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
	.footer-cnt ul li a{
		text-decoration: none;
		color: #fff;
	}
.bottom-logo{
	width: 200px;
	margin-top: 4px;
}
.footer-info{
	font-size: 14px;
	color: #535957;
}
.footer-phone{
	font-size: 28px;
}
.footer-by{

}
.footer-by a{
	color: #fff;
	text-decoration: none;
}
.footer-by p{
	display: block;
	font-size: 16px;
	color: #535957;
	padding: 0;
	margin: 0;
}
.footer-bottom{
	padding-top: 50px;
	text-align: center;
	color: #535957;
}
.popup-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	min-height: 100vh;
	background: rgba(0,0,0,.6);
}
	.popup-content-wrapper{
		position: relative;
		max-width: 800px;
		padding: 50px 30px;
		background-color: #EDEDE6;
		border-radius: 15px;
	}
		.popup-content b{
			font-weight: 400;
		}
		.popup-content .title{
			text-align: left;
			color: #111827;
			padding-bottom: 10px;
		}
		.fa-close{
			position: absolute;
			top: 15px;
			right: 25px;
			cursor: pointer;
			z-index: 100;
		}


.rew-item{
	position: relative;
/*
	background-color: rgba(255,255,255,.8);
	color: #111827;
*/
	color: #fff;
	padding: 20px;
	border-radius: 20px 40px;
	clear: both;
	height: 450px;
	overflow: hidden;
}
	.rew-item-left{
		width: 75%;
		float: left;
	}
	.rew-item-right{
		width: 25%;
		float: left;
	}
	.rew-item-ico{
		width: 80px;
		height: 80px;
		border-radius: 300%;
		background-color: #D4D5D5;
		background-position: center;
		background-size: cover;
	}
	.rew-item-ftex{
		display: none;
	}
	.rew-item-name{
		font-size: 24px;
		padding-bottom: 20px;
		font-weight: 400;
	}
	.rew-item-fio{
		font-size: 24px;
		padding-bottom: 20px;
	}
		.rew-item-fio span{
			display: block;
			font-size: 16px;
			color: #C8C8C8;
		}
	.rew-item-text{
		font-size: 18px;
		font-weight: 200;
		color: #C8C8C8;
	}
	.rew-item-lnk{
		padding-top: 5px;
		font-size: 16px;
		cursor: pointer;
	}
	.rew-carousel{
		width: 100%;
	}

.rew-carousel{
	overflow: hidden;
}
.owl-theme button{
	outline: none;
}
.owl-theme .owl-nav{
	margin-top: -20px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover{
	background: #869791;
	color: #FFF;
	text-decoration: none;
}
.owl-theme .owl-nav .disabled{
	opacity: 0.5;
	cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots{
	position: relative;
	margin-top: 0;
	z-index: 10;
}
.owl-theme .owl-dots{
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	padding-top: 20px;
}
.owl-theme .owl-dots .owl-dot{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-dots .owl-dot span{
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	background-color: #3B383F;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 330px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #728F42;
}
.sendform{
	position: relative;
	background-image: linear-gradient(45deg, #111827,#6E48CF);
	padding: 80px;
	border-radius: 20px;
	width: 100%;
	border-radius: 20px 40px;
}
	.sendform input {
		padding: 20px;
		width: 100%;
		border-radius: 10px;
		margin: 10px 0;
		font-size: 20px;
	}
	.sendform a {
		color: #fff;
		text-decoration: none;
	}
		.senbutton{
			width: 100%;
			padding: 20px;
			background-color: #728F42;
			color: #fff;
			font-size: 20px;
			border-radius: 10px;
			margin-top: 20px;
			cursor: pointer;
			text-align: center;
		}
.sendform>div>.checkbox {position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 20px;}
.sendform>div>.checkbox + label {position: relative; padding: 0 0 0 60px; cursor: pointer;}
.sendform>div>.checkbox + label:before {content: ''; position: absolute; top: -4px; left: 0; width: 50px; height: 26px; border-radius: 13px; background: #E5E5E5; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); transition: .2s;}
.sendform>div>.checkbox + label:after {content: ''; position: absolute; top: -2px; left: 2px; width: 22px; height: 22px; border-radius: 10px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: .2s;}
.sendform>div>.checkbox:checked + label:before { background: #728F42; }
.sendform>div>.checkbox:checked + label:after { left: 26px; }
.sendform>div>.checkbox:focus + label:before {}


.post-detail{
	position: relative;
	overflow: hidden;
	font-size: 18px !important;
}
.post-detail ul{
	list-style: decimal !important;
}
.post-detail-header{
	padding-bottom: 50px;
}
.post-detail-name{
	padding-top: 10px;
	font-size: 38px !important;

}
.post-detail_picture{
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 20px;
	margin-top: 50px;
}
.post-detail-date-time{
	color: #fff;
	background-color: #728F42;
	display: inline-block;
	color: #fff;
	padding: 5px 10px 3px;
	border-radius: 20px;
	font-size: 16px;
}
.post-back a{
	color: #fff;
	text-decoration: none !important;
	font-size: 18px;
	font-weight: 200;
	padding: 40px 0;
}
.bx-404-container{
	min-height: 75vh;
}
.bx-404-container .title{
	background-image: linear-gradient(45deg, #BAD341,#6E48CF);
}
/* End */
/* /bitrix/templates/lawlegko.ru/template_styles.css?176511352817352 */
