/**
*
  Сброс CSS стилей
*
**/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	max-width: 100%;
}

html {
	-webkit-text-size-adjust: none;
}

html,
body {
	height: 100%;
	min-height: 100%;
}

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%;
	vertical-align: baseline;
}

body {
	overflow-x: hidden;

	&.__hidden {
		overflow: hidden;
	}

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}

input,
textarea,
button,
select {
	resize: none;
	border: none;
	background-color: transparent;
	outline: none;
	padding: 0;
}

img {
	border: 0;
	vertical-align: top;
}

#main_content {
	overflow-x: hidden;
	height: 100%;
	min-height: 100%;
}





/**
*
  Flex
*
**/
.flex_w {
	display: flex;

	&.__ai_fs {
		align-items: flex-start;
	}

	&.__ai_fe {
		align-items: flex-end;
	}

	&.__ai_c {
		align-items: center;
	}

	&.__jc_sa {
		justify-content: space-around;
	}

	&.__jc_sb {
		justify-content: space-between;
	}

}







/**
*
  Функции
*
**/
.radius(@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}

.transition(@properties: all .3s) {
	-webkit-transition: @properties;
	-moz-transition: @properties;
	-ms-transition: @properties;
	-o-transition: @properties;
	transition: @properties;
}

.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
	text-shadow: @string;
}

.box-shadow (@string) {
	-webkit-box-shadow: @string;
	-moz-box-shadow: @string;
	box-shadow: @string;
}

.box-shadow2 (@string, @string) {
	-webkit-box-shadow: @string, @string;
	-moz-box-shadow: @string, @string;
	box-shadow: @string, @string;
}

.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
	-webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
	-moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
	box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
	-webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
	-moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
	box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.box-sizing (@type: border-box) {
	-webkit-box-sizing: @type;
	-moz-box-sizing: @type;
	box-sizing: @type;
}

.border-radius (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;

	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.opacity (@opacity: 0.5) {
	-webkit-opacity: @opacity;
	-moz-opacity: @opacity;
	opacity: @opacity;
}

.gradient (@startColor: #eee, @endColor: white) {
	background-color: @startColor;
	background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
	background: -webkit-linear-gradient(top, @startColor, @endColor);
	background: -moz-linear-gradient(top, @startColor, @endColor);
	background: -ms-linear-gradient(top, @startColor, @endColor);
	background: -o-linear-gradient(top, @startColor, @endColor);
}

.horizontal-gradient (@startColor, @endColor) {
	background-color: @startColor;
	background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
	background-image: -webkit-linear-gradient(left, @startColor, @endColor);
	background-image: -moz-linear-gradient(left, @startColor, @endColor);
	background-image: -ms-linear-gradient(left, @startColor, @endColor);
	background-image: -o-linear-gradient(left, @startColor, @endColor);
}

.person-img img{
width: 68px;
flex-shrink: 0;
height: 68px;
background-color: #b2b2b2;
border-radius: 50%;    
}

.vertical-gradient (@startColor, @endColor) {
	background-color: @endColor;
	background-image: -webkit-gradient(linear, top, bottom, from(@startColor), to(@endColor));
	background-image: -webkit-linear-gradient(bottom, @startColor, @endColor);
	background-image: -moz-linear-gradient(bottom, @startColor, @endColor);
	background-image: -ms-linear-gradient(bottom, @startColor, @endColor);
	background-image: -o-linear-gradient(bottom, @startColor, @endColor);
}

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
	-webkit-animation: @name @duration @delay @ease;
	-moz-animation: @name @duration @delay @ease;
	-ms-animation: @name @duration @delay @ease;
}

.transition (@transition) {
	-webkit-transition: @transition;
	-moz-transition: @transition;
	-ms-transition: @transition;
	-o-transition: @transition;
}

.transform(@string) {
	-webkit-transform: @string;
	-moz-transform: @string;
	-ms-transform: @string;
	-o-transform: @string;
	transform: @string;
}

.scale (@factor) {
	-webkit-transform: scale(@factor);
	-moz-transform: scale(@factor);
	-ms-transform: scale(@factor);
	-o-transform: scale(@factor);
	transform: scale(@factor);
}

.rotate (@deg) {
	-webkit-transform: rotate(@deg);
	-moz-transform: rotate(@deg);
	-ms-transform: rotate(@deg);
	-o-transform: rotate(@deg);
	transform: rotate(@deg);
}

.skew (@deg, @deg2) {
	-webkit-transform: skew(@deg, @deg2);
	-moz-transform: skew(@deg, @deg2);
	-ms-transform: skew(@deg, @deg2);
	-o-transform: skew(@deg, @deg2);
	transform: skew(@deg, @deg2);
}

.translate (@x, @y: 0) {
	-webkit-transform: translate(@x, @y);
	-moz-transform: translate(@x, @y);
	-ms-transform: translate(@x, @y);
	-o-transform: translate(@x, @y);
	transform: translate(@x, @y);
}

.translate3d (@x, @y: 0, @z: 0) {
	-webkit-transform: translate3d(@x, @y, @z);
	-moz-transform: translate3d(@x, @y, @z);
	-ms-transform: translate3d(@x, @y, @z);
	-o-transform: translate3d(@x, @y, @z);
	transform: translate3d(@x, @y, @z);
}

.perspective (@value: 1000) {
	-webkit-perspective: @value;
	-moz-perspective: @value;
	-ms-perspective: @value;
	perspective: @value;
}

.transform-origin (@x: center, @y: center) {
	-webkit-transform-origin: @x @y;
	-moz-transform-origin: @x @y;
	-ms-transform-origin: @x @y;
	-o-transform-origin: @x @y;
}

.background(@path, @position: center center, @repeat: no-repeat) {
	background: url(@path) @position @repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.text-overflow(@lineClamp, @lineHeight) {
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: @lineClamp;
	overflow: hidden;
	height: @lineClamp * @lineHeight;
}

.placeholder-style(@placeholder-font, @placeholder-color) {

	&::-webkit-input-placeholder {
		font: @placeholder-font;
		color: @placeholder-color;
	}

	&::-moz-placeholder {
		font: @placeholder-font;
		color: @placeholder-color;
	}

	&:-moz-placeholder {
		font: @placeholder-font;
		color: @placeholder-color;
	}

	&:-ms-input-placeholder {
		font: @placeholder-font;
		color: @placeholder-color;
	}

}






/**
*
  Подключение шрифтов
*
**/
@font-face {
	font-family: "Proxima Nova";
	src: url('../fonts/Proxima Nova Regular.otf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Proxima Nova";
	src: url('../fonts/Proxima Nova Bold.otf');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
body{
		font-family: "Proxima Nova";

}
a{
	color: inherit
}




/**
*
  Общие классы
*
**/
.show {
	display: block !important;
}

.hide,
.xs-show,
.sm-show,
.md-show {
	display: none !important;
}

.flf {
	float: left !important;
}

.flr {
	float: right !important;
}

.clear {
	display: block;
	clear: both;
}

.t_center {
	text-align: center;
}

.t_right {
	text-align: right;
}

.pos_rel {
	position: relative;
}

.ypos_ab {
	position: absolute;
	top: 50%;
	.translate(0, -50%);
}

.xpos_ab {
	position: absolute;
	left: 50%;
	.translate(-50%, 0);
}

.pos_absc {
	position: absolute;
	top: 50%;
	left: 50%;
	.translate(-50%, -50%);
}

.c_img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.b_img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
input::placeholder{
	font-family: "Proxima Nova";
}
button{
	cursor: pointer;
}
.header{
	&-search{
		width: 262px;
height: 32px;
border-radius: 16px;
border: 1px solid #dddddd;
background-color: #ffffff;
		display: flex;
		align-items: center;
		input{
			flex-grow: 1;
			padding-left: 10px;
			color: #bababa;
font-size: 16px;
font-weight: 400;
line-height: 24px;
		}
		button{
			width: 32px;
height: 32px;
border-radius: 16px;
border: 1px solid #dddddd;
background-color: #dddddd;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	&-menu{
		display: flex;
		align-items: center;
		color: #000000;
font-size: 18px;
font-weight: 400;
line-height: 24px;
		li{
			margin: 0 10px;
			display: flex;
			align-items: center;
			position: relative;
			&:hover ul{
				display: block;
			}
			ul{
				position: absolute;
				top: 100%;
				background: white;
				max-width: 1000px;
				display: none;
				border: 2px solid #f4f4f4;
				white-space: nowrap;
				li{
					padding: 5px ;
					color: black;
					background: white;
					
				}
			}
			img{
				margin-left: 10px;
			}
		}
	}
	&-bottom{
		background-color: #f4f4f4;
		padding: 10px 0;
		.wrap{
			display: flex;align-items: center;
			justify-content: space-between;
		}
	}
	&-ttl{
		color: #ba1d22;
font-family: Philosopher;
font-size: 52px;
font-weight: 700;
line-height: 34.34px;
letter-spacing: 1.8px;
		padding-left: 150px;
	}
}
.header-top{
	background-color: #f2ebda;
	height: 160px;
	background-image: url(../imgs/header.png);
	background-position: center;
	display: flex;
	align-items: center;
}
.wrap{
	width: 1170px;
	margin: 0 auto;
}
.act{
		margin: 20px 0;margin-bottom: 50px;
	&-footer{
		display: flex;
		align-items: center;
		justify-content: space-between;
		&-right{
			display: flex;
			align-items: center;color: #ba1d22;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
/* Text style for "В, идео" */
letter-spacing: 1.4px;
			img{
				margin-left: 10px;
			}
		}
		&-left{
			color: #999999;
font-size: 14px;
font-weight: 700;
/* Text style for "1, 6 ноя 1" */
letter-spacing: 1.4px;
			display: flex;
			align-items: center;
		}
	}
	&-tag{
		display: inline;
		margin-right: 10px;
		color: #ffffff;
padding: 0 5px;background-color: #ba1d22; font-size: 14px;
font-weight: 700;
/* Text style for "ф, икх" */
letter-spacing: 1.4px;
	}
	&-ttl{
		color: #000000;
font-size: 18px;
		margin-bottom: 15px;
font-weight: 400;
	}
		&:last-child{
			margin-bottom: 0;
		}
	}
.time-awards-item{
	display: flex;color: #000000;
font-family: "Proxima Nova";
font-size: 14px;
font-weight: 400;
margin-top: 15px; text-transform: uppercase;
/* Text style for "З, олото ," */
letter-spacing: 1.4px;
	align-items: flex-start;
	img{
		margin-right: 5px;
	}
}
.d1{
	&-tags{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		.act-tag{
			margin-bottom: 10px;
			margin-right: 0;
		}
	}
	&-time{
		&-btn{
			margin-bottom: 50px;
			margin-top: 15px;height: 32px;
border-radius: 16px;color: #ffffff;
font-family: "Proxima Nova";
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
/* Text style for "р, ассчита" */
letter-spacing: 0.8px;
background-color: #ba1d22;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		&-awards{
			margin-bottom: 25px;
		background-color: #f4f4f4;
			padding: 15px 20px;
			font-size: 14px;
			b{
				display: block;font-size: 16px;
			}
		}
		&-table{
			margin: 25px 0;width: 100%;
				
				tr:last-child td{
					padding-bottom: 0;
				}
			td{
				padding-bottom: 15px;
			}
				td:last-child{
					font-weight: 700;
				}
		}
		&-ttl{
			span{
				display: flex;
				align-items: center;
				select{
					color: #ba1d22;
font-size: 18px;
font-weight: 400;
					text-decoration: underline;
					border-bottom: 1px dashed ;
line-height: 14px;
					margin: 0 5px;
letter-spacing: 0.9px;
				}
			}
			div{
				margin-bottom: 5px;
				img{
					margin-right: 5px;
				}
				display: flex;
				align-items: center;
				color: #000000;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 400;
line-height: 14px;
/* Text style for "ВРЕМЯ НАМА" */
letter-spacing: 0.9px;
			}
		}
	}
	margin-top: 35px;
	&-head{
		width: 100%;
		height: 160px;
		color: #ffffff;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 700;
text-decoration: underline;
		.b_img;
		padding: 20px 10px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end
	}
	&-new{
		margin-top: 30px;
		&-text{
			color: #000000;
margin: 20px 0; font-size: 16px;
font-weight: 400;
line-height: 22px;
		}
	}
	.wrap{
		display: flex;
		
		justify-content: space-between;
	}
	&-person{
		width: 265px;
	}
	&-act{
		width: 360px;
	}
	&-news{
		width: 260px;
	}
	&-time{
		width: 170px
	}
}
.person{
	margin-top: 20px;
	border-bottom: 1px solid #000000;
	padding-bottom: 15px;
	&-content{
	b{display: block;
		color: #bd1d25;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 700;
		margin: 10px 0;}}
	&-header{
		display: flex;
		align-content: center;
		&-content{
			span{
				color: #000000;
font-family: "Proxima Nova";
font-size: 14px;
font-weight: 400;
				display: block;
				margin-top: 5px;
			}
		}
	}
	&-img{
		width: 68px;
		flex-shrink: 0;
height: 68px;
		margin-right: 15px;
background-color: #b2b2b2;
		border-radius: 50%;
		img{
			.c_img;
		}
	}
}
.standart-ttl{
	color: #000000;
padding-bottom: 5px;
	border-bottom: 1px solid #000;
	font-size: 18px;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.9px;
}

.d2{
	margin-top: 60px;
	&-col{
		.d2-item{
			height: auto;
			width: 262px;
height: 151px;
			background: none;
			&:first-child{
				margin-bottom: 35px;
			}
		}
	}
	&-tab{
		&-content{
			margin-top: 25px;
		}
		margin-right: 20px;
		color: #000000;
		padding: 0 10px;
font-family: "Proxima Nova";
		padding-bottom: 10px;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
		&.active{
			font-weight: 700;
border-bottom: 8px solid
		}
		&s{
			display: flex;
			border-bottom: 1px solid #000000;
		}
	}
	.wrap{
		display: flex;
		justify-content: space-between;
	}
	&-left{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-right: 30px;
		width: 265px;
	}
	&-item{
		height: 125px;color: #ba1d22;
font-size: 24px;
font-weight: 700;
background-color: #fdf5ea;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		span{
			text-decoration: underline;
		}
	}
	&-right{
		flex-grow: 1;
		
	}
}
.article{
	margin-top: 30px;
	&-text{
		color: #000000;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 400;
text-decoration: underline;
	}
	&-date{
		display: flex;
		align-items: center;
		color: #858585;
font-family: "Proxima Nova";
font-size: 14px;
font-weight: 400;
		margin: 15px 0;
		div{
			width: 1px;
height: 11px;
background-color: #b2b2b2;
			margin: 0 10px;
		}
	}
}
.boock{
	margin-top: 25px;
	display: flex;
	align-items:center;
	&-img{
		width: 67px;
		height: 91px;
		background-color: #b2b2b2;
		margin-right:15px; 
		flex-shrink: 0;
	}
	&-content{
		a{
			color: #000000;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 400;
text-decoration: underline;
			display: block;
			margin-bottom: 5px;
		}
	}
}
.under{
	text-decoration: underline;
}
.d2-tab-content{
	display: none!important;
	&.active{
		display: block!important;
	}
}
.d2-tab{
	cursor: pointer;
}
.d3{
	margin-top: 60px;
	margin-bottom: 90px;
	&-img{
		margin-top: 25px;
		&+a{
			margin-top: 25px;color: #000000;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 400;
text-decoration: underline;
			display: block;
		}
	}
	&-audio{
		margin-top: 25px;display: flex;
		align-items: flex-start;
		p{
			display: inline;
			color: #000000;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 400;
text-decoration: underline;
		}
		img{
			margin-right: 20px;
			flex-shrink: 0;
			position: relative;
			top: 10px;
		}
	}
	&-video{
		margin-top: 25px;
		a{
			color: #000000;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 400;
text-decoration: underline;
			margin-top: 15px;
			display: block;
		}
	}
	.wrap{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	&-col{
		width: 265px;
	}
	&-left{
		margin-right: 30px;
		background-color: #f5f5f5;
		&>div{
			padding: 15px;
		}
		.standart-ttl{
			border-bottom: 0;
		}
	}
	&-right{
		flex-grow: 1;
	}
	&-flex{
		&:first-child{
			margin-bottom: 45px;
		}
		flex-grow: 1;
		justify-content: space-between;
		display: flex;
	}
}
.footer{background-color: #f3f3f3;
	padding: 10px 0;
	a{
		display: flex;
		align-items: center;
		
	}
	&-metrika{
		display: flex;
	align-items: center;
		img{
			margin-left: 20px;
		}
	}
	&-contact-item{
		margin-bottom: 10px;color: #000000;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 400;
text-decoration: underline;
		img{
			margin-right: 5px;
		}
	}
	&-years{
		width: 35px;
height: 35px;
background-color: #ffffff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;color: #000000;
font-family: "Proxima Nova";
font-size: 18px;
font-weight: 700;
	}
	&-soc{display: flex;
		a{
			margin-right: 10px;
		}}
	&-top{
		display: flex;
		align-items: center;
		margin-bottom: 10px;
		justify-content: space-between;
	}
	&-bottom{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}
.boock{
	&s{
		&-parent{
			display: flex;
margin-bottom: 100px;
		}
		&-left{
			color: #ba1d22;
font-family: "Proxima Nova";
font-size: 18px;
			margin-right: 110px;
font-weight: 400;
line-height: 12px;
text-decoration: underline;
			a{
				display: block;
				margin-bottom: 40px;
			}
		}
		&-right{
			width: 950px;
			display: flex;
			justify-content: space-between;flex-wrap: wrap;
			.boock{
				margin-bottom: 40px;
				width: calc(50% - 15px);
				margin-top: 0;
				align-items: flex-start;
				&-img{
					width: 99px;
height: 134px;
				}
			}
		}
	}
}
.pagination{
	width: 100%;
	display: flex;
	align-items: center;
	a{
		color: #000000;
font-family: "Proxima Nova";
font-size: 16px;
		margin-right: 20px;;
font-weight: 400;
		text-decoration: underline;
		&.active,&:hover{
			color: #848484;text-decoration: none;

		}
	}
}
.wp-pagenavi{
	width: 100%;
	display: flex;
	align-items: center;

	a{
		color: #000000;
font-family: "Proxima Nova";
font-size: 16px;
		margin-right: 20px;;
font-weight: 400;
		text-decoration: underline;
		&.active,&:hover{
			color: #848484;text-decoration: none;

		}
	}
	.current{
		color: #000000;
font-family: "Proxima Nova";
font-size: 16px;
		margin-right: 20px;;
font-weight: 400;
		text-decoration: underline;
		&.active,&:hover{
			color: #848484;text-decoration: none;

		}	    
	}
}

	.psevdo{
		height: 0!important;
		margin: 0!important;
		padding: 0!important;
		opacity: 0!important;
	}
h2{
	display: block;
	color: #000000;
font-family: "Proxima Nova";
font-size: 36px;
font-weight: 700;margin: 50px 0;
line-height: 24px;
}
.lessons-flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	.article{
		margin-top: 0;
		margin-bottom: 50px;
		width: 265px;
	}
}
.d2-tab-content{
	.owl-prev.disabled,.owl-next.disabled{
	display: none;
}

	.owl-next{
		width: 98px;
height: 100%;
		position: absolute;
		right: 0;
		bottom: 0;top: 0;
background-color: #b2b2b2;
background-image: linear-gradient(to left, #ffffff 0%, rgba(253, 245, 234, 0) 100%)!important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.owl-prev{
		width: 98px;
height: 100%;
		position: absolute;
		left: 0;
		bottom: 0;top: 0;
background-color: #b2b2b2;
background-image: linear-gradient(to right, #ffffff 0%, rgba(253, 245, 234, 0) 100%)!important;
		display: flex;
		align-items: center;
		justify-content: center;
		svg{
			transform:rotate(180deg);
		}
	}
	
}















.owl-carousel div{
	max-width: 100000px
}

.d2-left{flex-shrink: 0;}
.d2-right{
	width: 750px;
}












/**
*
  Адаптивка
*
**/
@media only screen and(max-width: 1199px) {
	.boocks-left{
		margin-right: 0;
	}
	.d3-col {
    width: 230px;
}
	.boocks-parent{
		justify-content: space-between;
	}
	.md-show {
		display: block !important;
	}

	.md-hide {
		display: none !important;
	}
	.act-ttl{
		br{
			display: none;
		}
		font-size: 16px;
	}
	.d1-act{
		width: 265px;
	}
	.d1-news{
		width: 220px;
	}
	.wrap{
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-ttl{
		padding-left: 0;
		font-size: 44px;
	}
	.d1 .wrap{
		flex-wrap: wrap;
	}
	.header-menu{
		font-size: 14px;
	}
.d2-right {
    width: 0;
}
	.lessons-flex .article{
		width: 230px;
	}
	.article-text{
		font-size: 16px;
	}
	
}
.header-menu li ul{
	z-index: 10;
}
html{
	overflow-x: hidden;
}
.dark{
	position: fixed;
	left: 0;right: 0;top: 0;bottom: 0;
	z-index: 99;
	display: none;
	background: rgba(0, 0, 0, 0.6)
}
.burger-menu{
	position: fixed;
	left: -200px;
	top: 0;
	bottom: 0;
	width: 200px;
	background: #fff;
	z-index: 100;
	.header-menu{
		display: block;
		&>li{
			padding: 10px 20px;
			margin: 0;
		}
	}
	.transition;
	&.active{
		.transition;
		left: 0;
	}
}
@media only screen and(max-width: 991px) {
	.d1-person{display: flex;flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.burger{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		width: 30px;
		height: 20px;
		margin-right: 15px;
		&-item{
			width: 100%;
			height: 2px;
			background: black;
		}
	}
	.sm-show {
		display: block !important;
	}
	.header-bottom .wrap{
		ul{
			display: none;
		}
	}
	.d1-news {
    width: 260px;
}
	.d3 .wrap{
		flex-wrap: wrap;
	}

	.standart-ttl{
		width: 100%;
	}
	.d3-left{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		.act{
			width: calc(50% - 10px);
		}
		.d3-col{
			display: flex;
		flex-wrap: wrap;justify-content: space-between;
			width: 100%;
		}
	}
	.person{
		width: calc(50% - 10px)
	}
	
	.boocks-left {
		line-height: normal;
	}
	.d2-item{font-size: 18px;height: 110px}
	.d2-left{
		width: 200px;
	}
	.d2-col .d2-item {
    height: auto;
    width: 240px;
		height: 130px;}
	
	.sm-hide {
		display: none !important;
	}
	.footer-top .footer-logo + div{
		display: none
	}
	.footer-col{
		font-size: 12px;
	}
	.footer-contact-item{
		font-size: 14px;
	}
}

iframe{
	width: 100%;
}
@media only screen and(max-width: 767px) {
	.boocks-parent{
		flex-wrap: wrap;
	}
	.boocks-right{
		flex-wrap: wrap;
	}
	.d3-left .act{
		width: 100%;
		margin-bottom: 20px;
	}
	.xs-show {
		display: block !important;
	}
	.d1-time{
		margin-top: 30px;
	}
	.boocks-left a{
		margin-bottom: 20px;
	}
	.boocks-right .boock{
		width: 100%;
	}
	.d2-item{
		margin-bottom: 20px;
	}
	.d3-flex{
		flex-wrap: wrap;
		
	}
	.d3-img img{
		width: 100%;
	}
	.d3-col{
		width: 100%;
		margin-top: 30px;
		&:first-child{
			margin-top: 0;
		}
	}
	.boocks-left{
		width: 100%;
	}
	.d2-col{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	.d2-right{
		width: 100%;
		margin-top: 30px;
	}
	.d2 .wrap{
		flex-wrap: wrap;
	}
	.d2-left{
		width: 100%;
		margin-right: 0;
	}
	br{
		display: none;
	}
	.person{
		width: 100%;
	}
	.pagination{
		justify-content: center;
	}
	.xs-hide {
		display: none !important;
	}
	.d1-col {
		width: 100%;
	}

	[class*="col-"] {
		padding-left: 10px;
		padding-right: 10px;
	}
	.article-img{
		img{
			width: 100%;
		}
	}
	.lessons-flex .article{
		width: 100%;
	}
	.footer-top,.footer-bottom,.header-bottom .wrap{
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
	}
	.footer-col{
		margin-top: 15px;
	}
	.footer-contact-item{
		justify-content: center;
	}
	.header-logo{
		margin-bottom: 10px;
	}
	.header-top{
		background-position: left;
		height: 100px;
	}
	
	.header-ttl{
		font-size: 38px;
	}
	
}


@media only screen and(max-width: 375px) {}


@media only screen and(max-width: 320px) {}





/**
*
  Плагины
*
**/