/*
	Theme Name: ИПТЕХ
*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


:root {
  --black: #323232;
  --white: #FFFFFF;
  --red: #EB3737;
  --red_hover: #F53A33;
  --blue: #4660A1;
  --blue_light: #E4EBFB;
  --blue_light_hover: #d5e0f9;
  --blue_dark: #3B839E;
  --grey: #F4F4F4;
  --grey_light: #F8F8F8;
  --grey_dark: #D8D8D8;
  --green: #46BA23;
  --green_light: #58DA30;
}

html.main {
    overflow-x: hidden;
}

html {
	margin: 0%;
	padding: 0%;
	background: #F8F8F8;
}
body {
    margin: 0%;
    padding: 0%;
    line-height: 135%;
    font-size: 17px;
    font-family: "Ubuntu", "Verdana", "Tahoma", sans-serif;
    color: var(--black);
	font-weight: 400;
    overflow-x: hidden;
}
main {
    margin: 0 auto;
    max-width: 1920px;
}
a {
	color: var(--text);
}
a:hover {
    color: var(--red);
    text-decoration: underline;
}
section.pop_up .title,
h1, h2, h3, h4, h5, h6 {
	color: var(--blue);
	font-weight: normal;
    letter-spacing: 0px;
	position: relative;
	font-weight: 500;
    font-style: normal;
    line-height: normal;
    line-height: 120%;
}
h1 {
    font-size: 52px;
}
h2 {
	font-size: 48px;
}
section.pop_up .title {
	font-size: 38px;
}
h3 {
	font-size: 35px;
}
h4 {
    font-size: 27px;
    margin: 20px 0;
}
h5, h6 {
    font-size: 21px;
}
img {
	max-width: 100%;
	height: auto;
}
input, select, textarea {
	outline: none;
}


/*
	mess
*/
a.whatsapp {
    content: url('images/whatsapp.svg');
}
a.telegram {
    content: url('images/telegram.svg');
}
a.max {
    content: url('images/max.svg');
}
/*
	chanals
*/
a.vk {
    content: url('images/vk.svg');
}
a.ok {
    content: url('images/ok.svg');
}
a.telegram_chanal {
    content: url('images/telegram_chanal.svg');
}
a.max_chanal {
    content: url('images/max_chanal.svg');
}
a.dzen {
    content: url('images/dzen.svg');
}
a.rutube {
    content: url('images/rutube.svg');
}

/* center */
.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.center.content_none:after {
	content: none;
}
.center.flex.content_none.top {
    align-items: normal;
}
.flex_left {
    justify-content: flex-start;
}
.flex_top {
    align-items: flex-start;
}
.flex_normal {
    align-items: normal;
}
.flex_center {
    justify-content: center;
}
.gap5 {
	gap: 5px;
}
.gap10 {
	gap: 10px;
}
.gap20 {
	gap: 20px;
}
.gap30 {
	gap: 30px;
}
.gap40 {
	gap: 40px;
}
.gap50 {
	gap: 50px;
}
.gapbig {
	gap: 10%;
}
.center {
    margin: 0 auto;
    width: 96%;
    max-width: 1420px;
    box-sizing: border-box;
    position: relative;
}
.center:after {
	content: '';
	clear: both;
	display: block;
}
.clear {
	position: relative;
	clear: both;
}
.bg_black {
	background-color: var(--black);
}
.bg_black img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.aroud6 {
	border-radius: 6px;
    overflow: hidden;
}


/* others */
s {
    color: #EE2222;
}
section {
    padding: 15px 0;
	position: relative;
}
section.padding_big {
    padding: 25px 0 40px;
}
article {
    font-size: 18px;
    line-height: 130%;
}
article a {
	color: var(--red);
}
article a:hover {
	color: var(--accente_hover);
	text-decoration: none;
}
article ul {
	margin-left: 0;
	list-style-type: none;
}
article li {
	margin: 12px 0;
	position: relative;
}
article ul li:before {
    content: '';
    border-radius: 100%;
    width: 14px;
    height: 14px;
    border: 2px solid var(--blue);
    position: absolute;
    left: -30px;
    top: 3px;
}
article ol {
    margin-left: 15px;
    padding-left: 15px;
}
article img.alignright {
    float: right;
    margin: 0 0 10px 40px;
}
article img.alignleft {
    float: left;
    margin: 0 40px 10px 0;
}

/*
	article gallery
*/
article div.gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 25px 0 0 !important;
}
article div.gallery.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
article div.gallery .gallery-item {
    float: none !important;
    margin: 0 !important;
    text-align: center;
    width: 100% !important;
	background-color: var(--black);
    border-radius: 6px;
    overflow: hidden;
}
article div.gallery .gallery-item dt.gallery-icon {
    border-radius: 6px;
    overflow: hidden;
}
article div.gallery .gallery-item img {
    display: block;
    border: none !important;
}
article div.gallery br {
    display: none;
}

a.tel {
    font-size: 23px;
    font-weight: 500;
    text-decoration: none;
}
a.tel:hover {
	color: var(--red);
    text-decoration: underline;
}
.transition05 {
	transition: .5s;
}
.transition1 {
	transition: 1s;
}
section.white {
    background-color: var(--white);
}

/*
	elements
*/
a.button, input[type="submit"], input[type="button"], input[type="reset"] {
    background-color: var(--blue);
    color: var(--white);
    border: none;
    font-size: 18px;
    font-weight: 500;
    padding: 18px 40px;
    border-radius: 30px;
    cursor: pointer;
    transition: .5s;
    box-shadow: 0px 5px 12px 2px rgb(33 33 33 / 12%);
    text-decoration: none;
}
a.button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    background-color: var(--red_hover);
    box-shadow: 0px 5px 12px 2px rgb(33 33 33 / 25%);
}
a.button:hover {
    text-decoration: underline;
}
a.button:hover {
	text-decoration: none;
}
input[type="button"].big {
    font-size: 17px;
    padding: 20px 60px 17px;
}
a.button.white {
    background-color: var(--white);
    color: var(--black);
}
a.button.white:hover {
    background-color: var(--grey);
    color: var(--black);
}
input.white {
    background-color: var(--white);
    color: var(--black);
}
input.white:hover {
    background-color: var(--black);
    color: var(--white);
}
input[type="button"].little {
    font-size: 15px;
    padding: 15px 25px;
    box-shadow: none;
}
input[type="button"].little:hover {
    box-shadow: 0px 5px 12px 2px rgb(33 33 33 / 12%);
}

/*
	nav
*/
nav ul li a {
	text-decoration: none;
}
nav ul li a:hover {
	color: var(--red);
	text-decoration: underline;
}

/*
	body
*/
body {
    position: relative;
}

/*
	header_top
*/
section.header_top {
    background-color: var(--white);
    border-bottom: 1px solid var(--grey);
}
nav.menu_main {
    padding-bottom: 20px;
    margin-top: 20px;
}
nav.menu_main > ul {
    display: none;
    margin: 4px 0 0;
    position: absolute;
    background-color: var(--white);
    border-radius: 6px;
    z-index: 2;
    padding: 10px 25px;
    list-style-type: none;
    max-width: 300px;
    left: -25px;
    box-sizing: border-box;
    line-height: 120%;
    box-shadow: 0px 0 7px 5px rgb(0 0 0 / 3%);
}
nav.menu_main:hover > ul {
    display: block;
}
nav.menu_main> ul > li {
	margin: 8px 0;
}
nav.menu_main > ul > li > ul {
    border-left: 2px solid var(--blue_light);
    padding: 1px 0 5px 14px;
    box-sizing: border-box;
    list-style-type: none;
    font-size: 15px;
    margin: 10px 0;
}
nav.menu_main > ul > li > ul > li {
	margin: 6px 0;
}
nav.menu_main ul li.current-menu-item > a {
	color: var(--blue);
}
span.bmenu {
    color: var(--blue);
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
	cursor: pointer;
}
span.bmenu:hover {
	color: var(--red);
}
span.bmenu:before {
	content: url('images/bmenu.svg');
}
section.header_top a.catalog {
    color: var(--blue);
    border: 2px solid var(--blue);
    border-radius: 30px;
    padding: 16px 25px;
    max-width: 200px;
    font-size: 18px;
    line-height: 120%;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
}
section.header_top a.catalog:hover {
    color: var(--red);
    border: 2px solid var(--red);
}
section.header_top .time {
    font-size: 13px;
}
.tech_data {
    text-align: right;
    display: block;
}
/*
.visually_impaired {
    position: relative;
    border: 2px solid var(--grey_dark);
    border-radius: 30px;
    padding: 10px 15px;
    max-width: 180px;
    font-size: 13px;
    line-height: 120%;
    cursor: pointer;
    display: flex;
}
*/
.visually_impaired {
    position: relative;
    border: 1px solid var(--grey_dark);
    border-radius: 30px;
    padding: 5px 13px;
    max-width: min-content;
    font-size: 11px;
    line-height: 120%;
    cursor: pointer;
    display: flex;
    text-align: left;
    align-items: center;
    float: right;
    justify-content: center;
    margin-bottom: 5px;
    gap: 5px;
}
.visually_impaired:hover {
    border: 1px solid var(--red);
    color: var(--red);
}
.tech_data a.data {
    font-size: 11px;
    max-width: 180px;
    display: block;
    line-height: 110%;
    display: table;
    clear: both;
}
.visually_impaired:before {
    content: url('images/1visually_impaired.svg');
}
.search_button {
    border: 2px solid var(--grey_dark);
    border-radius: 100%;
    content: url('images/search.svg');
    padding: 15px;
    cursor: pointer;
}
.search_button:hover {
    border: 2px solid var(--red);
}
a.logo_img {
    color: var(--blue);
    font-size: 17px;
    font-weight: 500;
}
a.logo_img {
    text-decoration: none;
}
.logo a.logo_img span {
	max-width: 200px;
}
.logo a.logo_img:hover {
	color: var(--red);
}
section.header_top .mess > a {
    filter: brightness(100%);
    transition: .5s;
}
section.header_top .mess > a:hover {
    filter: brightness(110%);
}


/*
	header_middle
*/
section.header_middle {
	position: relative;
}
section.header_middle .content {
    width: 45%;
}
section.header_middle .image {
    float: right;
    width: 53%;
    border-radius: 0 0 0 160px;
    overflow: hidden;
    top: 0;
    right: 0;
    position: absolute;
    height: -webkit-fill-available;
}
section.header_middle .image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    background-color: var(--grey);
}
section.header_middle .content a.button {
    display: table;
    margin: 30px 0;
}
.triggers_list {
    background-color: var(--white);
    border-radius: 50px;
    padding: 30px 40px;
    box-sizing: border-box;
}
.triggers_list .one img {
    height: 54px;
    width: auto;
}
.shadow {
    box-shadow: 0px 4px 7px 5px rgb(0 0 0 / 2%);
}

/*
	triggers
*/
section.triggers {
    padding: 25px 0 15px;
}

/*
	advertisement
*/
section.advertisement > .center {
    background-color: var(--blue);
    color: var(--white);
    padding: 30px 40px;
    border-radius: 20px;
    background-image: url('images/light_bg_advertisement.png');
    background-position: left center;
    background-repeat: no-repeat;
}

/*
	about
*/
section.about aside {
    background-color: var(--blue);
    color: var(--white);
    padding: 30px 40px;
    box-sizing: border-box;
    border-radius: 10px;
    max-width: 260px;
}
section.about aside strong {
    font-size: 50px;
    font-weight: 500;
    display: block;
    margin: 12px 0 30px;
}
section.about aside {
    position: absolute;
    right: 27%;
    top: 30%;
}
section.about .image {
    max-height: 540px;
    overflow: hidden;
    border-radius: 0 0 0 120px;
}
section.about .image img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}


/*
	documents
*/
section.documents {
	position: relative;
	color: var(--white);
}
section.documents .text {
    padding: 10px 0;
}
section.documents:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60%;
	margin: 0 auto;
	width: 98%;
	border-radius: 6px 6px 0 0;
	background-color: var(--blue);
}
section.documents .license {
    width: 50%;
}
section.documents .license .one {
    height: 460px;
    padding: 10px;
    box-sizing: border-box;
    background-color: var(--white);
}
section.documents .license .one img {
    margin: 0 auto;
    object-fit: cover;
}
.diplom_slider {
    width: 50%;
}
.diplom_slider .image.regular {
	margin-bottom: 0;
}
.diplom_slider .image.regular span.white.arrow.next {
    right: 20px;
}
.diplom_slider .image.regular span.white.arrow.prev {
    left: 20px;
}
.diplom_slider .image {
    margin-bottom: 0;
}
.diplom_slider .image .one {
    height: 460px;
}
.diplom_slider .image .one img {
    height: 460px;
    margin: 0 auto;
    object-fit: cover;
}

/*
	fis_frdo
*/
section.fis_frdo {
	position: relative;
}
section.fis_frdo:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 60%;
    margin: 0 auto;
    width: 98%;
    border-radius: 0 0 6px 6px;
    background-color: var(--blue);
}
section.fis_frdo > .center {
    background-color: var(--white);
    border-radius: 50px;
    padding: 20px 40px;
    box-sizing: border-box;
}
section.fis_frdo article h3 {
    margin: 10px 0;
}
article a.button {
    display: table;
    margin: 20px 0 10px;
}


/*
	how
*/
section.how {
    position: relative;
    z-index: 1;
}
.how_list .one {
    width: 25%;
}
.one.default {
    background: var(--white);
    border-radius: 6px;
    padding: 30px;
    box-sizing: border-box;
}
.one.default > * {
    display: block;
    margin: 0 0 10px 0;
}
.how_list .one .image {
    height: 134px;
}
.how_list .one .image img {
    /* height: 134px; */
    width: auto;
    /* max-height: 124px; */
}
.how_list .one strong {
    font-size: 22px;
    padding: 10px 0;
    font-weight: 500;
}

/*
	video
*/
section.video:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 140%;
    margin: 0 auto;
    width: 98%;
    border-radius: 6px 6px 0 0;
    background-color: var(--blue_light);
}
section.video article {
    width: 55%;
}
.video_iframe {
	position: relative;
    height: 350px;
    overflow: hidden;
    width: 45%;
}
.video_iframe img {
	height: 100%;
	width: 100%;
    object-fit: cover;
}
.video_iframe .play {
    position: absolute;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    background-color: hsl(0deg 0% 0% / 19%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    margin: 20% auto 0;
    cursor: pointer;
	transition: transform 1s;
	transform: scale(1);
}
.video_iframe .play:after {
    content: url('images/play.svg');
    position: absolute;
    margin: 0 auto;
    display: block;
    left: 15px;
    text-align: center;
    right: 0;
    top: 20%;
}
.video_iframe:hover .play {
	transform: scale(1.2);
    background-color: hsl(0deg 0% 0% / 32%);
}
section.pop_up {
    display: none;
    background: hsl(0deg 0% 0% / 15%);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
}
section.pop_up.active {
	display: block;
}
section.pop_up .content {
    background-color: var(--white);
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    top: 15%;
    position: absolute;
    left: 0;
    right: 0;
}
section.pop_up .content video {
    width: 100%;
    max-width: 100%;
    height: 600px;
    display: block;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

/*
	questions
*/
.questions_block .navi .one {
    background-color: var(--blue_light);
    color: var(--blue);
    padding: 20px 25px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 19px;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
}
.questions_block .navi .one:hover {
    background-color: var(--blue_light_hover);
}
.questions_block .navi .one.active {
    background-color: #c9d9ff;
}
.questions_block .navi {
    margin-bottom: 30px;
}
.questions_block .questions_list .one_list {
	display: none;
}
.questions_block .questions_list .one_list.active {
	display: block;
}
.one_list .one {
    border-bottom: 1px solid hsl(0deg 0% 19.61% / 23%);
}
.one_list .one:first-child {
    border-top: 1px solid hsl(0deg 0% 19.61% / 23%);
}
.one_list .one .name {
    position: relative;
    padding-right: 5%;
    box-sizing: border-box;
	cursor: pointer;
}
.one_list .one .name:after {
    content: '+';
    font-weight: 100;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 10%;
}
.one_list .one .name h3 {
	position: relative;
    color: var(--black);
    font-weight: 500;
    font-size: 28px;
    margin: 20px 0;
}
.one_list .one .name:hover {
	color: var(--red);
}
.one_list .one .name:hover h3 {
	color: var(--red);
}
.one_list .one article {
    display: none;
}
.one_list .one.active article {
    display: block;
}


/*
	reviews
*/
section.reviews {
    position: relative;
    z-index: 1;
}
.reviews_list .one {
    float: left;
    width: 400px;
    margin: 0 15px 0 0;
    box-shadow: 0 0 7px 5px rgb(0 0 0 / 2%);
}
.reviews_list .one article {
    font-size: 15px;
}
.reviews_list .one article a {
    color: var(--black);
}
.reviews_list .one .content {
    min-height: 260px;
    height: 260px;
    overflow: hidden;
}
.reviews_list .one .content .lesson {
    margin-bottom: 10px;
}
.reviews_list .one .lesson a {
    display: block;
    font-weight: 500;
    color: var(--blue);
}
.reviews_list .one .lesson a:hover {
	color: var(--red);
	text-decoration: none;
}
.reviews_list .one .people {
    display: flex;
    color: var(--blue);
    font-weight: 500;
}
.reviews_list .one .people .avatar {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 0 12px 0 12px;
    overflow: hidden;
    background-color: var(--grey);
}
.reviews_list .one .people .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
span.star {
    content: url('images/stars5.svg');
    display: block;	
}
span.star.star5 {
    content: url('images/stars5.svg');
}
span.star.star4 {
    content: url('images/stars4.svg');
}
span.star.star3 {
    content: url('images/stars3.svg');
}
span.star.star2 {
    content: url('images/stars2.svg');
}
span.star.star1 {
    content: url('images/stars1.svg');
}
.reviews_list .one article a {
    color: var(--black);
    margin-left: 7px;
    background-color: var(--grey);
    border-radius: 4px;
    padding: 5px 7px;
    font-size: 13px;
}



/*
	reviews_company
*/
section.reviews_company {
    position: relative;
    margin-top: -40px;
    padding-top: 0;
}
section.reviews_company:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 140%;
    margin: 0 auto;
    width: 98%;
    border-radius: 6px 6px 0 0;
    background-color: var(--blue_light);
}
section.reviews_company h3 {
    color: var(--black);
}
.rcompany_list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.rcompany_list > .one {
    width: 100%;
    text-align: center;
    background-color: var(--white);
    border-radius: 6px;
    padding: 15px;
    box-sizing: border-box;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rcompany_list > .one img {
    max-height: 80px;
    width: auto;
}

/*
	fcallback_bpage
*/
section.fcallback_bpage h2 {
    text-align: center;
}
section.fcallback_bpage .content {

} 
section.fcallback_bpage .content {
    max-width: 1100px;
    margin: 0 auto 20px;
}
/*
	triggers_form
*/
.triggers_form ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
    margin-top: 30px;
}
.triggers_form ul li {
    margin: 0 0 20px 0;
}
.triggers_form ul li img {
    display: block;
    margin-bottom: 10px;
    height: 50px;
    width: auto;
}
.triggers_form ul li strong {
    display: block;
    margin-bottom: 10px;
}

/*
	form_block
*/
.form_block {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 20px;
    padding: 50px 55px;
    box-sizing: border-box;
    margin: 10px 0 0;
}
.form_block .notification {
    color: var(--black);
    margin-bottom: 20px;
}
form {
    color: var(--white);
}
.form_block h4 {
    margin: 0 0 30px;
    color: var(--white);
}
form > * {
    display: block;
    margin: 0 0 15px 0;
}
form input[type="submit"] {
    margin-bottom: 0;
    width: 100%;
}
input[type="submit"].white {
    margin-bottom: 0;
	background-color: var(--blue_light);
	color: var(--black);
}
.form_block form .politic {
    font-size: 13px;
    line-height: 120%;
    margin: 15px 0;
    color: var(--white);
}
.politic input[type="checkbox"] {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    margin: 0 10px 10px 0;
}
select,
input[type="text"], input[type="tel"], input[type="email"], textarea {
    background-color: var(--white);
    border: none;
    border-radius: 40px;
    padding: 20px 30px;
    width: 100%;
    box-sizing: border-box;
    line-height: 135%;
    font-size: 21px;
    font-family: "Ubuntu", "Verdana", "Tahoma", sans-serif;
    color: var(--black);
    font-weight: 500;
}

/*
	footer
*/
footer {
    background-color: var(--blue_light);
}
/*
	social_networks
*/
section.social_networks {
    font-size: 30px;
    font-weight: 500;
    padding: 25px 0;
	background-color: #D7E1F8;
}
.snetworks > a {
	filter: brightness(100%);
	transition: .5s;
}
.snetworks > a:hover {
	filter: brightness(130%);
}
/*
	bottom_menu
*/
section.bottom_menu {
    padding: 30px 0;
    font-size: 15px;
}
section.bottom_menu span.close {
	display: none;
}
section.bottom_menu .one ul > li > ul {
	display: none;
}
/*
section.bottom_menu nav {
    column-count: 4;
    display: block;
}
*/
section.bottom_menu nav {
    /* 
	column-count: 4;
	display: block;
	*/
	
    /* 
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 15px;
    grid-row-gap: 10px;
	*/

    display: flex;
    gap: 50px;
}
section.bottom_menu .one .title {
    font-size: 16px;
    font-weight: 500;
	margin-bottom: 10px;
}
section.bottom_menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
section.bottom_menu ul li {
    margin: 10px 0;
    line-height: 120%;
}
section.bottom_menu .center > ul > li > a {
    font-weight: 500;
    font-size: 16px;
}
section.bottom_menu .center > ul > li > ul {
	margin-top: 10px;
}
section.bottom_menu ul li.current-menu-item > a {
	color: var(--blue);
}	

/*
	fotter contact
*/
section.bottom_menu .one {
    width: 23.33%;
}
section.bottom_menu .one.contact {
    width: 30%;
}
.one.contact a.logo_img {
    max-width: 300px;
    margin-bottom: 10px;
}
.one.contact .license {
    margin-bottom: 10px;
}
.one.contact .phones {
    margin: 10px 0 15px;
}
.one.contact .phones .text {
    max-width: 100px;
    line-height: 14pt;
}
.one.contact form.search_block {
    background-color: var(--white);
    border: none;
    border-radius: 40px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    line-height: 135%;
    font-size: 21px;
    max-width: 250px;
}
.one.contact form.search_block input {
    margin: 0;
    padding: 0;
    font-size: 16px;
    padding: 15px 0;
}


/*
	copyright
*/
section.copyright {
	border-top: 1px solid var(--white);
    color: #5D5D5D;
    font-size: 14px;
    padding: 30px 0;
}
section.copyright a {
	text-decoration: none;
}
section.copyright a:hover {
	text-decoration: underline;
}


/*
	search
*/
section.search {
	display: none;
    background: hsl(0deg 0% 0% / 15%);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
}
body.search_block section.search {
	display: block;
}
body.admin-bar.search section.search .search_content {
    top: 30px;
}
section.search > .search_content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--white);
}
body.admin-bar section.search > .search_content {
	top: 30px;
}
section.search > .search_content .search_block {
    width: 100%;
}
section.search input[type="text"] {
    font-weight: 400;
	margin: 0;
}
section.search input[type="image"] {
	margin: 0;
}
section.search input[type="image"]:hover {
	opacity: .9;
}

/*
	single search form
*/
section.sblock_single {
    border-radius: 30px;
    background-color: var(--white);
    padding: 0 25px;
    box-sizing: border-box;
    border: 2px solid var(--grey);
    box-sizing: border-box;
}
section.sblock_single > form {
    display: flex;
}
section.sblock_single > form > * {
    margin: 0;
}
section.sblock_single > form > input[type="text"] {
    padding-left: 0;
}


/*
	single_page
*/
section.single_page {
    padding: 1px 0 40px;
}

/*
	contact
*/
section.breadcrumbs {
    background-color: var(--grey);
}
.breadcrumbs {
    font-size: 14px;
    padding: 10px 0;
	color: #8E8E8E;
}
.breadcrumbs a {
    position: relative;
    text-decoration: none;
    margin: 0 30px 0 0;
	color: var(--black);
}
.breadcrumbs a:after {
    content: url('images/breadcrumbs.svg');
    right: -15px;
    position: relative;
}
.breadcrumbs a:hover {
	color: var(--red);
    text-decoration: underline;
}

/*
	address
*/
section.contact_content address {
    width: 30%;
}
section.contact_content .form_block {
    width: 70%;
    margin: 0;
}
section.contact_content .form_block form input[type="submit"] {
    width: auto;
    margin: 30px 0 0;
}
address > * {
    display: block;
    margin: 0 0 20px 0;
    font-style: normal;
}
address span {
    display: block;
    margin: 0 0 5px 0;
}
address a.tel {
    font-size: 32px;
}
address a.email {
    display: table;
    font-weight: 500;
    font-size: 18px;
}
address .snetworks > a {
    height: 40px;
}
.mess.mess_button > a {
	position: relative;
	display: flex;
	gap: 10px;
    color: var(--white);
    text-decoration: none;
    padding: 10px 17px;
    border-radius: 4px;
	filter: brightness(100%);
	transition: .5s;
}
.mess.mess_button > a:hover {
	filter: brightness(110%);
}
a.whatsapp_button {
    background-color: #25D366;
}
a.telegram_button {
    background-color: #37AEE2;
	background: linear-gradient(180deg,rgba(55, 174, 226, 0) 0%, rgba(30, 150, 200, 1) 0%);
}
a.max_button {
    background-color: #3752FA;
    background-image: url('images/max_bg.webp');
    background-size: cover;
}
.mess.mess_button > a:before {
    height: 23px;
	width: auto;
}
a.whatsapp_button:before {
	content: url('images/whatsapp_white.svg');
}
a.telegram_button:before {
	content: url('images/telegram_white.svg');
}
a.max_button:before {
	content: url('images/max_white.svg');
}

/*
	data_company
*/
section.data_company {
    background-color: var(--white);
    border-radius: 12px;
    padding: 40px;
    box-sizing: border-box;
    margin: 20px 0 30px;
}
section.data_company article {
    font-size: 17px;
    line-height: 135%;
}
section.data_company article p {
    margin: 5px 0;
}
section.data_company article h4 {
    color: var(--black);
}
section.data_company article h4:first-child {
	margin-top: 0;
}
.dowload_files {
    width: 25%;
}
.dowload_files > a {
    background-color: var(--grey);
    border-radius: 6px;
    display: block;
    margin-bottom: 12px;
    border-radius: 6px;
    text-decoration: none;
    padding: 12px 24px;
    box-sizing: border-box;
}


/*
	filter
*/
section.filter {
    background-color: var(--blue_light);
    border-radius: 12px;
    padding: 15px 35px;
    box-sizing: border-box;
}
section.filter .content {
    padding: 10px 0;
	color: var(--black);
}
.title_filter h5 {
    color: var(--black);
    margin: 0;
}
.middle_filter .one {
    width: 33%;
}
.middle_filter .one.double {
    width: 67%;
    display: block;
}
.middle_filter .one .content {
    margin-bottom: 2px;
}
section.filter .title {
    font-weight: 500;
}
.filter ul {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}
.filter ul li {
	margin: 10px 0;
}
.middle_filter .one.double ul {
    column-count: 2;
}
.middle_filter .one.double ul li:first-child {
    margin-top: 0;
}
label {
    display: flex;
	gap: 10px;
}
label input[type="checkbox"],
a input[type="checkbox"] {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    margin: 0;
}
section.filter label input[type="checkbox"],
section.filter a input[type="checkbox"] {
	pointer-events: none;
}
input[type="radio"] {
    width: 22px;
    height: 22px;
    margin: 0;
}
a input[type="radio"] {
	pointer-events: none;
}
.filter .content ul li a {
    display: flex;
    gap: 10px;
    text-decoration: none;
}
.filter .ratio_value input[type="text"] {
    padding: 7px;
    width: 150px;
    text-align: center;
}
.filter .ratio .content {
    padding: 10px 0;
}
.filter .line.range {
    padding: 10px 0;
}
.filter .line.range input[type="range"] {
    width: 100%;
}
section.filter.little .content {
    display: none;
}
section.filter input[type="button"].open {
	display: none;
}
section.filter input[type="button"].open {
	display: none;
}
section.filter.little input[type="button"].open {
	display: block;
}
section.filter.little input[type="button"].close {
	display: none;
}


/*
	result_catalog
*/
section.result_catalog {
    margin: 10px 0;
}
section.result_catalog .one_course {
    border-radius: 20px;
    margin: 0 0 10px 0;
    background-color: var(--white);
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 30px;
    box-sizing: border-box;
    transition: .5s;
    border-bottom: 2px solid var(--blue);
}
section.result_catalog .one_course:hover {
	box-shadow: 0px 4px 7px 5px rgb(0 0 0 / 2%);
}
a.button.grey.little {
    background: var(--grey);
    color: var(--black);
    box-shadow: none;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 23px;
}
a.button.grey.little:hover {
    background: var(--red);
    color: var(--white);
}
.one_course a:hover {
	text-decoration: none;
}
.one_course .info {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0 0;
}
.one_course a.cat {
	text-decoration: none;
	font-size: 14px;
}
.one_course a.cat:hover {
	color: var(--red);
	text-decoration: underline;
}
.one_course a.name {
    display: table;
    font-size: 22px;
    font-weight: 500;
    color: var(--blue);
    margin: 10px 0;
}
.one_course a.name:hover {
	color: var(--red);
	text-decoration: none;
}
span.time {
    position: relative;
	display: flex;
	gap: 10px;
    bottom: -6px;
}
span.time:before {
    content: url('images/time.svg');
    position: relative;
    top: -3px;
}
a.reviews {
    position: relative;
	display: flex;
	gap: 10px;
    bottom: -6px;
}
a.reviews:before {
    content: url('images/reviews.svg');
}
.total {
    text-align: right;
}
.total .price {
    margin-bottom: 15px;
}
.total .real_price {
    font-size: 36px;
    font-weight: 500;
    margin: 10px 0 0;
}
.total .price > * {
    margin: 0 0 10px 0;
}
.old_price s {
	color: #6C6C6C;
}
.old_price span.sale {
    background-color: var(--red);
    color: var(--white);
    border-radius: 4px;
    padding: 5px;
    margin-left: 10px;
}
.total .time_price {
    font-weight: 600;
}
section.result_catalog .form_block {
    margin: 20px 0;
}
section.result_catalog .form_block form .politic {
    display: flex;
    gap: 10px;
}
section.result_catalog .form_block form .politic input[type="checkbox"] {
    margin: -7px 10px 0 0;
}

/*
	single
*/
section.single_page.single_course {
    padding: 0 0 30px;
}
section.header_middle .content .breadcrumbs {
    margin-bottom: -30px;
}
section.single_page.single_course section.header_middle .content article {
    margin-top: -10px;
}
.pcourse_single {
    padding: 15px 0;
}
.pcourse_single .urls > span,
.pcourse_single .urls > a {
    padding: 3px 10px;
    border-radius: 3px;
    text-decoration: none;
}
.pcourse_single .urls > a {
    background-color: var(--blue_light);
    color: var(--black);
}
.pcourse_single .urls > a:hover {
    background-color: var(--red);
    color: var(--white);
}
.pcourse_single .urls > span {
    background-color: var(--blue);
    color: var(--white);
}
section.header_middle .content input[type="button"] {
    margin: 10px 0;
}
section.header_middle .content .total {
    padding: 0 0 15px 0;
}
section.header_middle .content .total .old_price {
    padding: 15px 0 0;
}
.more {
    margin: 10px 0 0;
    max-width: 80%;
}
.video_course {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    position: relative;
    background-color: var(--blue_light);
    border-radius: 6px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    font-weight: 500;
}
.video_course:before {
    content: url('images/video_icon.svg');
    position: relative;
    bottom: -3px;
}
.gift {
    display: flex;
    align-items: center;
    background-color: var(--blue_light);
    border-radius: 6px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    gap: 10px;
    font-weight: 500;
    max-width: 100%;
}


/*
	single
*/
section.navi {
	padding: 20px 0 30px;
}
section.navi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
section.navi ul li {
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
    border-bottom: 2px solid var(--grey);
    transition: .5s;
}
section.navi ul li:hover {
    border-bottom: 2px solid var(--black);
}
section.navi ul li:first-child {
	padding-left: 0;
}
section.navi ul li.active {
	cursor: default;
	border-bottom: 2px solid var(--blue);
}

section.white.info {
    margin: 0 0 20px 0;
}
section.single_page.single_course h2,
section.single_page.single_course h3,
section.single_page.single_course h4,
section.single_page.single_course h5,
section.single_page.single_course h6 {
	color: var(--black)
}
section.white article ul {
    margin-left: 20px;
    padding-left: 10px;
    list-style-type: disc;
}
section.white article li {
	margin: 7px 0;
}
section.white article li:before {
	content: none;
}

/*
	single.php
	table
*/
.title_curriculum {
    display: flex;
    font-size: 21px;
    font-weight: 500;
}
.title_curriculum .name {
    width: 60%;
}
.title_curriculum .name.hover {
	cursor: pointer;
}
.title_curriculum .name.hover:hover {
	color: var(--red);
}
.title_curriculum .time {
    width: 20%;
}
.header_curriculum {
    padding: 20px 0;
    border-bottom: 2px solid var(--blue);
}
.curriculum_one {
    padding: 20px 0;
    border-top: 1px solid var(--grey_dark);
}
.curriculum_one:last-child {
    border-bottom: 1px solid var(--grey_dark);
}
.curriculum_one article {
	display: none;
}
.curriculum_one.active article {
	display: block;
}
.title_curriculum.bottom {
    padding: 20px 0;
}
.title_curriculum.bottom .name {
    text-align: right;
    padding-right: 5%;
    box-sizing: border-box;
}


/*
	single.php
	video_block
*/
section.video_block {
	padding-bottom: 30px;
}
section.video_block:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    margin: 0 auto;
    width: 98%;
    border-radius: 6px 6px 0 0;
    background-color: var(--blue_light);
}
section.video_block h2 {
	text-align: center;
}
section.video_block video {
    border-radius: 10px;
    height: 600px;
    background-color: var(--black);
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    object-fit: cover;
}
.for_list {
    margin: 25px 0;
}
.for_list .one {
    width: 20%;
}
.for_list .one .image {
    background-color: var(--black);
    border-radius: 0 32px 0 32px;
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
}
.for_list .one .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.reviews_list {
    display: table;
    margin-bottom: 30px;
}
a.more {
    background-color: var(--white);
	color: var(--black);
    border-radius: 22px;
    padding: 13px 50px;
    margin: 0 auto;
    display: table;
	box-shadow: 0px 4px 7px 5px rgb(0 0 0 / 1%);
}
a.more:hover {
    background-color: var(--blue_light);
	color: var(--black);
	box-shadow: 0px 4px 7px 5px rgb(0 0 0 / 2%);
}


/*
	teachers
*/
section.around_bg {
	position: relative;
	padding-bottom: 40px;
}
section.around_bg:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    margin: 0 auto;
    width: 98%;
    border-radius: 6px;
    background-color: var(--blue_light);
}

/*
	teachers
*/
section.teachers {
	position: relative;
	padding-bottom: 35px;
}
section.teachers:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    margin: 0 auto;
    width: 98%;
    border-radius: 6px;
    background-color: var(--blue_light);
}
.teachers_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.teachers_list .one .image {
    width: 400px;
	max-width: 100%;
    height: 400px;
    border-radius: 0 32px 0 32px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: var(--grey);
}
.teachers_list .one .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.teachers_list .content a.name {
    display: table;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 19px;
}
.teachers_list .content a.button {
    display: table;
    margin: 15px 0 0;
}

.smi_list .one {
    border-radius: 8px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--blue);
    padding: 10px 20px;
    box-sizing: border-box;
    box-shadow: 0px 4px 7px 5px rgb(0 0 0 / 4%);
}
.smi_list .one a {
	color: var(--blue);
	display: table;
	margin: 3px 0;
}
.smi_list .one a.url {
	font-size: 13px;
}
.smi_list .one a:first-child {
    font-weight: 500;
}
.smi_list .one a:hover {
	color: var(--red);
	text-decoration: none;
}


/*
	archive
*/
section.archive {
    padding: 1px 0 40px;
}
section.archive h1 {
	text-align: center;
}
section.archive .preview {
    text-align: center;
    padding: 0;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.category_blog {
    background-color: var(--white);
    border-radius: 22px;
    padding: 22px;
    box-sizing: border-box;
    margin: 20px auto 30px;
    max-width: 1200px;
    text-align: center;
}
.category_blog ul {
    margin: 0%;
    padding: 0%;
    list-style-type: none;
}
.category_blog ul li {
    display: inline-block;
    margin: 14px 10px;
}
.category_blog ul li a {
    padding: 10px 20px;
	background-color: #BBE7F1;
	border-radius: 14px;
	text-decoration: none;
}
.category_blog ul li a:hover {
	background-color: var(--black) !important;
	color: var(--white) !important;
	text-decoration: underline;
}
.category_blog ul li.current-menu-item > a {
	background-color: var(--black) !important;
	color: var(--white) !important;
}

/*
	blogs
*/
.blog_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.blog_list .one {
	position: relative;
}
.blog_list .one .cat {
    position: absolute;
    left: 20px;
    top: 20px;
}
.blog_list .one a.cat {
    position: absolute;
    padding: 10px 20px;
    background-color: #BBE7F1;
    border-radius: 14px;
    text-decoration: none;
    left: 20px;
    top: 20px;
    z-index: 1;
}
.blog_list .one a.cat:hover {
    background-color: var(--black);
    color: var(--white);
}
.blog_list .one .image {
    height: 300px;
    margin-bottom: 15px;
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--grey);
}
.blog_list .one .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-color: var(--grey);
}
.blog_list .one time {
    font-size: 13px;
    display: table;
}
.blog_list .one a.name {
    display: table;
    margin: 5px 0;
    font-weight: 500;
    font-size: 21px;
    line-height: 130%;
}

/*
	pagination
*/
.pagination {
    padding: 45px 0 10px;
    text-align: center;
}
.pagination a {
    background-color: #F3F3F3;
    padding: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 3px;
    margin: 0 2px;
    text-decoration: none;
}
.pagination a:hover {
    background-color: var(--black);
	color: var(--white);
}
.pagination span {
    background-color: #F3F3F3;
    padding: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 3px;
    margin: 0 2px;
}
.pagination span,
.pagination a.active {
    background-color: #D5F4FF;
}


/*
	single-blog.php
	article
	left
*/
.content_left {
    width: 75%;
}
.content_left time {
    margin: -10px 0 10px;
    display: table;
}

/*
	single-blog.php
	aside
	right
*/
aside.right {
    width: 25%;
}
aside.right h3 {
    font-size: 25px;
}
aside nav.category_blog {
    margin-bottom: 10px;
    text-align: left;
}
aside.right section.result_catalog {
    margin: 0;
}
aside.right section.result_catalog .one_course {
    display: block;
}
aside.right section.result_catalog .one_course a.button.grey.little {
    display: none;
}
aside.right section.result_catalog .one_course .info {
    display: block;
}
aside.right section.result_catalog .one_course .total {
    text-align: left;
    margin: 15px 0 0;
}
aside.right section.result_catalog .one_course .total .price {
    margin-bottom: 20px;
}
/*
	article
*/
.content_left .autor {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: var(--grey);
    border-radius: 8px;
    padding: 15px 25px;
    box-sizing: border-box;
	margin-bottom: 20px;
}
.content_left .autor .avatar {
    border-radius: 100%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    min-width: 80px;
}
.content_left .avatar img {
    background-color: var(--blue_light);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content_left .autor {
    margin: 5px 0 15px;
    font-size: 15px;
    line-height: 125%;
}
.content_left .autor a {
    color: var(--blue);
}
.content_left .autor .name {
	font-weight: 500;
    font-size: 17px;
    line-height: 125%;
}
.content_left .autor .desc {
	margin: 5px 0 0;
}
.article_preview {
    font-size: 22px;
    line-height: 130%;
}
article blockquote {
    margin-left: 0;
    margin-right: 0;
    background-color: var(--blue_light);
    border-left: 3px solid var(--blue);
    border-radius: 6px;
    padding: 5px 40px;
    box-sizing: border-box;
}
article h2 {
    font-size: 35px;
    color: var(--black);
}
article h3 {
    font-size: 31;
    color: var(--black);
}
article h4 {
    font-size: 26;
    color: var(--black);
}
article h5 {
    font-size: 23;
    color: var(--black);
}
article h6 {
    font-size: 23;
    color: var(--black);
}
article blockquote.more_blockquote {
    border: none;
    padding: 20px 30px;
    box-sizing: border-box;
}
blockquote.more_blockquote.yellow {
    background: #F6F6DB;
}
article blockquote a {
    color: var(--blue);
}
article img {
    border-radius: 6px;
}
.content_left section.result_catalog .one_course {
    display: block;
}
.content_left section.result_catalog .one_course .total {
    text-align: left;
    padding: 20px 0 0;
}
.content_left section.result_catalog .one_course .total .price {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 30px;
}
a.more.longe {
    display: block;
    text-align: center;
    margin: 50px auto 20px;
    width: 100%;
}


/*
	reviews
*/
.navi_reviews {
    margin-bottom: 20px;
}
.navi_reviews ul {
    margin: 30px 0 0;
    background-color: var(--blue_light);
    border-radius: 6px;
    padding: 13px 40px;
    box-sizing: border-box;
    list-style-type: none;
    font-weight: 500;
	color: var(--black);
}
.navi_reviews ul li > a {
	color: var(--blue);
}
.navi_reviews ul li > a:hover {
	color: var(--red);
}
.navi_reviews ul li > a:hover {
	text-decoration: none;
}
.navi_reviews ul li.current > a {
	color: var(--blue);
	text-decoration: none;
}
.themes_reviews {
	padding: 0 0 10px 0;
}
.themes_reviews ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
}
.themes_reviews ul li {
    display: inline-block;
    margin: 0 10px 15px 0;
}
.themes_reviews ul li > a,
.themes_reviews ul li > span {
    background-color: var(--blue_light);
    border-radius: 4px;
    padding: 7px 12px;
    cursor: pointer;
}
.themes_reviews ul li a:hover,
.themes_reviews ul li span:hover {
    background-color: var(--blue);
	color: var(--white);
}
.themes_reviews ul li.active a,
.themes_reviews ul li.active span {
    background-color: var(--blue);
	color: var(--white);
}
.themes_reviews ul > li a {
	text-decoration: none;
}
.themes_reviews ul > li a:hover {
	text-decoration: underline;
    background-color: var(--blue);
	color: var(--white);
}
.themes_reviews ul > li > ul {
    margin: 20px 0;
    display: none;
}
.reviews_list.full .one {
    float: none;
    width: 100%;
    margin: 0 0 10px;
    padding: 20px 30px;
}
.reviews_list.full .one .content {
    min-height: auto;
    height: auto;
}
input.margin_center {
    margin: 0 auto 30px;
    display: block;
}
.reviews_list.full {
    margin: 10px 0 0;
}
.reviews_previews a.button {
    width: auto;
    min-width: fit-content;
}

.themes_reviews.second .second_step {
	display: none;
}
.themes_reviews.second .second_step.active {
	display: block;
}
a.button.margin_center {
    display: table;
    margin: 30px auto 0;
}

/*
	reviews
	video
*/
.reviews_list.video_reviews {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.reviews_list.video_reviews .one {
    width: 100%;
    padding: 0;
    overflow: hidden;
    border-radius: 6px;
}
.reviews_list.video_reviews .one video {
    background-color: var(--black);
    width: 100%;
    height: 420px;
    margin-bottom: 15px;
    object-fit: cover;
}
.reviews_list.video_reviews .one .content {
    min-height: auto;
    padding: 0 30px;
    box-sizing: border-box;
    height: auto;
}
.reviews_list.video_reviews .one .people {
    padding: 0 30px 10px;
    box-sizing: border-box
}
.themes_reviews.second .second_step h6 {
    margin: 0 0 15px 0;
    font-size: 18px;
}


/*
	reviews
	screenshot_messenger
*/
.reviews_list.screenshot_messenger {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.reviews_list.screenshot_messenger .one {
    padding: 0;
    width: 100%;
    margin: 0;
}
.reviews_list.screenshot_messenger .one .screen {
    width: 40%;
    margin: 0;
}
.reviews_list.screenshot_messenger .one .screen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.reviews_list.screenshot_messenger .one .content_screen {
    width: 60%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0;
}
.reviews_list.screenshot_messenger .one .content_screen .content {
    min-height: auto;
    height: auto;
}


/*
	letters
*/
.reviews_list.letters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.reviews_list.letters .one {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.reviews_list.letters .one .image {
    background-color: var(--grey);
}
.reviews_list.letters .one .image img {
    display: block;
    margin: 0 auto;
}
.reviews_list.letters .one .content {
    min-height: auto;
    padding: 10px 20px;
    box-sizing: border-box;
    height: auto;
}


/*
	logo_company
*/
.reviews_list.logo_company {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.reviews_list.logo_company .one {
	width: 100%;
}
.reviews_list.logo_company .one img:first-child {
    height: 60px;
    width: auto;
    margin-bottom: 15px;
}


/*
	teachers
*/
/*
	single-teacher.php
*/
.table_photo {
    margin-bottom: 0;
}
.table_photo article {
    width: 60%;
}
.table_photo article table tr td:first-child {
    font-weight: 500;
}
article a {
	color: var(--blue);
}
article a:hover {
	color: var(--red);
}
.table_photo .table_photo {
    width: 40%;
    border-radius: 0 80px 0 80px;
    overflow: hidden;
    min-height: 600px;
}
.table_photo .table_photo img {
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    min-height: inherit;
    object-fit: cover;
    object-position: center center;
}
article table {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
	border-spacing: 0;
}
article table thead th td,
article table thead tr td {
    border-bottom: 2px solid var(--blue) !important;
}
article table tr td {
    padding: 15px 25px;
    box-sizing: border-box;
    border-right: 2px solid var(--grey_dark);
    border-bottom: 1px solid var(--grey_dark);
    vertical-align: top;
}
article table tr:last-child td {
	border-bottom: none;
}
article table tr td:first-child {
	width: 50%;
	padding-left: 0;
}
article table tr td:last-child {
	width: 50%;
	border-right: none;
	padding-right: 0;
}

/*
	page 
	information
*/
.article_navi_sidebar {
	
}
.article_navi_sidebar article {
	width: 75%;
}
.article_navi_sidebar aside {
	width: 25%;
}
aside > nav {
    box-shadow: 0px 4px 10px 6px rgb(0 0 0 / 4%);
    padding: 20px 35px;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: var(--white);
}
aside > nav > ul {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}
aside > nav > ul > li {
    margin: 13px 0;
}
aside > nav > ul > li.current_page_item > a {
	color: var(--blue);
}
/*
	files
*/
.files {
    margin: 30px 0 0;
}
.files > .one {
    position: relative;
    background-color: var(--grey);
    border-radius: 6px;
    padding: 15px 25px 15px 60px;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 13px;
	transition: .5s;
}
.files > .one:hover {
    background-color: #e9e9e9;
}
.files > .one a {
    position: relative;
	margin-left: 10px;
}
.files > .one > a.name {
    font-weight: 500;
    display: table;
    margin-bottom: 1px;
    font-size: 18px;
    line-height: 130%;
	margin-right: 0;
}
.files > .one a:last-child {
	margin-right: 0;
}
.files .one a.name:before {
    position: absolute;
    left: -50px;
    width: 36px;
    height: auto;
}
.files .one.pdf a.name:before {
	content: url('images/pdf.svg');
}



/*
	callback_block
*/
form .visibility {
	display: none;
}
section.callback_block {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 5;
    background-color: rgb(0 0 0 / 14%);
    max-width: 100%;
    min-width: 100%;
    color: #323232;
    animation: callback .6s forwards;
}
section.callback_block.active {
	display: block;
}
section.callback_block .content {
    background: var(--white);
    position: fixed;
    z-index: 30;
    left: 0;
    right: 0;
    display: block;
    top: 18%;
    margin: 0 auto;
    width: 430px;
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 0 32px 12px rgb(0 0 0 / 2%);
    border-radius: 6px;
    padding: 50px 60px;
    border-bottom: 3px solid var(--yellow);
}
section.callback_block .content .title {
	padding: 5px 0 20px;
}
section.callback_block .content textarea,
section.callback_block .content input {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    border: 2px solid #d9d9d9;
    font-weight: 500;
    font-size: 19px;
    padding: 15px 20px;
    box-sizing: border-box;
    border-radius: 6px;
}
section.callback_block .content input[type="submit"] {
	border: none;
}	
form input.error {
    border: 2px solid #efa3a3;
}
form input.good {
	
}
form .politic {
    font-size: 13px;
    line-height: 120%;
    margin: 15px 0;
    color: var(--black);
}
form .politic input[type="checkbox"] {
    float: left;
    width: auto;
    width: 25px;
    height: 25px;
    margin: 0 15px 0 0;
}
form .politic a:hover {
	color: var(--red);
}
form .icon-check.complete {
    right: 20px;
    top: 45%;
}
span.close {
    content: url('images/close.svg');
    background-color: var(--red);
    border-radius: 100%;
    padding: 15px;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer;
    transition: .5s;
    z-index: 1;
}
span.close:hover {
	background-color: var(--red_hover);
}

.notification.notification_accept {
    background-color: #cbf3c4;
    border-radius: 4px;
    padding: 10px 20px;
    box-sizing: border-box;
}
.notification.notification_accept strong {
    display: block;
}

/*
	requirements
*/
.requirements {
	position: relative;
    background-color: var(--blue_light);
    padding: 25px 30px 25px 90px;
    box-sizing: border-box;
    border-radius: 6px;
}
.requirements strong {
    display: table;
    margin-bottom: 1px;
}
.requirements:before {
    content: url('images/requirements.svg');
    position: absolute;
    left: 20px;
}


/*
	navigation
*/
.navigation {
    padding: 35px 0 0;
    text-align: center;
}
.navigation a {
    background-color: #F3F3F3;
    padding: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 3px;
    margin: 0 2px;
    text-decoration: none;
}
.navigation a:hover {
    background-color: var(--black);
	color: var(--white);
}
.navigation span {
    background-color: #F3F3F3;
    padding: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 3px;
    margin: 0 2px;
}
.navigation span,
.navigation a.active {
    background-color: #D5F4FF;
}

/*
	slick
*/
.regular.visible .slick-list {
    overflow: visible;
}
span.white.arrow {
    position: absolute;
    top: 44%;
    background-color: var(--white);
    content: url('images/arrow_left.svg');
    width: 50px;
    height: 50px;
    border-radius: 100%;
    padding: 15px;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: 0 0 7px 5px rgb(0 0 0 / 12%);
    transition: 1s;
    z-index: 1;
}
span.white.arrow:hover {
    background-color: var(--blue_light);
    box-shadow: 0 0 7px 5px rgb(0 0 0 / 17%);
}
span.white.arrow.prev {
	left: -20px;
}
span.white.arrow.next {
    transform: rotate(180deg);
    left: inherit;
    right: -20px;
}


/*
	data
*/
nav.child_pages ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
nav.child_pages ul li {
    background-color: var(--white);
    box-shadow: 0 0 7px 5px rgb(0 0 0 / 3%);
    padding: 16px 25px;
    box-sizing: border-box;
    border-radius: 4px;
}

/*
	add comment
*/
.triple {
    display: flex;
    gap: 20px;
}
form .double {
    display: flex;
    gap: 20px;
}
.inputs > * {
    width: 100%;
}
form.review_form {
    max-width: 1000px;
    margin: 5px auto 20px;
    display: block;
}
form.review_form {
    max-width: 1000px;
    margin: 5px auto 20px;
    display: block;
    color: var(--black);
    background-color: var(--white);
    padding: 30px 45px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0 7px 5px rgb(0 0 0 / 3%);
}
form.review_form select, form.review_form textarea, form.review_form input {
    border: 2px solid #e9e9e9;
    border-radius: 10px;
    padding: 20px 30px;
}
form.review_form select:hover, form.review_form textarea:hover, form.review_form input:hover {
    border: 2px solid #dfdfdf;
}
form.review_form textarea {
    height: 270px;
}
form.review_form .politic {
    padding: 2px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
form.review_form .politic input[type="checkbox"] {
    margin: -5px 15px 0 0;
}
form .politic span {

}
form.review_form input[type="submit"] {
    max-width: fit-content;
    margin: 0 auto;
	border: none;
}
select.hidden {
	opacity: 0.5;
	pointer-events: none;
	transition: .5s;
}
form.review_form select option {
	display: none;
}
form.review_form select option.active {
	display: block;
}

.warning {
    display: table;
    background-color: var(--blue_light);
    padding: 15px 40px;
    border-radius: 6px;
    margin: 0 auto 20px;
	max-width: 100%;
    box-sizing: border-box;
}
.warning.good {
    background-color: #b0f19a;
}
.warning.error {
    background-color: #fbd3d3;
}
form .title {
    font-size: 15px;
    line-height: 125%;
    padding: 10px 0 0;
}
.stars_list > span {
    content: url('images/stars_gold.svg');
	cursor: pointer;
	filter: grayscale(100%);
	opacity: 0.6;
	transition: .1s;
}
.stars_list > span:hover {
	filter: grayscale(0%);
	opacity: 1;
}
.stars_list > span.active {
	filter: grayscale(0%);
	opacity: 1;
}
span.stars_result {
    background-color: var(--grey);
    padding: 3px 8px;
    border-radius: 3px;
	transition: .5s;
}

/*
	search courses in filter category.php
*/
.warning.no_found {
    padding: 10px 30px;
    margin: 30px 0 0;
    width: 100%;
    text-align: center;
    background-color: var(--grey);
}




/* popup__toggle */
#popup__toggle {
	bottom: 8%;
    right: 10px;
    position: fixed;
    z-index: 9;
	cursor: pointer;
	transition: 0.5s;
}
#popup__toggle.dinamic {
	bottom: 10%;
	transition: 0.5s;
}
.img-circle{
	background-color: var(--green);
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	transition: 1s;
}
#popup__toggle:hover .img-circle {
	background-color: var(--green_light);
}
.circlephone {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	border: 2px solid var(--green);
	width:150px;
	height:150px;
	bottom:-25px;
	right:10px;
	position:absolute;
	-webkit-border-radius:100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .5;
	-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
	-moz-animation: circle-anim 2.4s infinite ease-in-out !important;
	-ms-animation: circle-anim 2.4s infinite ease-in-out !important;
	-o-animation: circle-anim 2.4s infinite ease-in-out !important;
	animation: circle-anim 2.4s infinite ease-in-out !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}
#popup__toggle:hover .circlephone {
	border: 2px solid var(--green_light);
}
.circle-fill {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	background-color: var(--green);
	width:100px;
	height:100px;
	bottom:0px;
	right:35px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: circle-fill-anim 2.3s infinite ease-in-out;
	animation: circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}
.img-circle {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	width:72px;
	height:72px;
	bottom: 14px;
	right: 49px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	transition: 0.5s;
}
.img-circleblock {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	width: 72px;
	height: 72px;
	background-image: url(images/callme.svg);
	background-position: center center;
	background-repeat: no-repeat;
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	transition: 0.5s;
}
.img-circle:hover {
	opacity: 1;
}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
}


/*
	banner_floating
*/
section.banner_floating {
	display: none;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    background-color: var(--grey);
    position: fixed;
    width: 1200px;
    min-width: 300px;
    bottom: 20px;
    left: 0;
    right: 0;
    max-width: 98%;
    margin: 0 auto;
    box-shadow: 0px 4px 12px 12px rgb(0 0 0 / 12%);
    z-index: 2;
}
section.banner_floating.banner_floating_active {
	display: block;
}
section.banner_floating a.bg_button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.banner_floating a.bg_button:hover a.button {
    background-color: var(--red);
}
section.banner_floating .content {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}
section.banner_floating .content .banner_floating_title a {
    font-size: 24px;
    display: block;
    margin-bottom: 2px;
    text-decoration: none;
    font-weight: 500;
}
section.banner_floating .content .banner_floating_title a:hover {
    text-decoration: underline;
	color: var(--red);
}
section.banner_floating .content span {
    background-color: var(--blue);
    color: var(--white);
    border-radius: 10px;
    padding: 3px 12px;
    margin: 0 3px;
    display: inline-flex;
}
section.banner_floating span.close {
    background-color: var(--blue);
    width: 50px;
    height: 50px;
    padding: 16px;
}
section.banner_floating span.close:hover {
    background-color: var(--red);
}


/*
	page form
*/
article form {
    background: var(--white);
    box-shadow: 0px 4px 10px 6px rgb(0 0 0 / 1%);
    padding: 40px;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 20px 0 0;
}
article form input[type="tel"], 
article form input[type="email"], 
article form input[type="text"], 
article form textarea {
    border: 2px solid var(--grey_dark);
    max-width: 400px;
}
article form textarea {
    height: 200px;
    max-width: 100%;
}
article form .politic {
    padding: 10px 0;
}
article form .politic input[type="checkbox"] {
    margin: -6px 15px 0 0;
}
article form input[type="submit"] {
    width: fit-content;
}	


/*
	single
	documents.diplom
*/
section.documents.diplom {
    padding: 40px 0 0;
}
section.documents.diplom h2 {
	color: var(--white);
}
section.documents.diplom:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    width: 98%;
    border-radius: 6px 6px 0 0;
    background-color: var(--blue);
}


/*
	result
*/
section.result {
    padding: 20px 0 50px;
}
.result_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    counter-reset: list 0;
}
.result_list .one {
    box-shadow: 0px 4px 7px 5px rgb(0 0 0 / 4%);
    position: relative;
	overflow: hidden;
	color: var(--black);
	border-bottom: 2px solid var(--blue);
}
.result_list .one:before {
    counter-increment: list;
    content: counter(list);
    font-size: 320px;
    color: #E8F4F9;
    font-weight: 600;
    position: absolute;
    bottom: 100px;
    line-height: 0;
    right: 0;
    z-index: 1;
}
/*
.result_list .one:after {
    content: url('images/check_green.svg');
    position: absolute;
    right: 15px;
    top: -15px;
    z-index: 2;
}
*/
.result_list .one > * {
	position: relative;
	z-index: 1;
}

/*
	skills
*/
section.skills {
    position: relative;
    padding: 35px 0 50px;
    margin: 30px 0;
    color: var(--white);
}
section.single_page.single_course section.skills h2 {
    color: var(--white);
}
section.skills:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    width: 98%;
    border-radius: 6px 6px 0 0;
    background-color: var(--blue);
}
section.skills .title .image {
    width: 180px;
    min-width: 180px;
    height: 180px;
    border-radius: 0 22px 0 22px;
    overflow: hidden;
	background-color: var(--grey)
}
section.skills .title .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
section.skills .title h2 {
    margin: 15px 0;
}
section.skills ul {
    margin: 50px 0;
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
section.skills ul li {
    position: relative;
    display: flex;
    gap: 20px;
}
section.skills ul li:before {
    content: url('images/check_white.svg');
}



@media(max-width: 1350px) {
	section.header_top a.catalog {
		padding: 16px 20px;
		font-size: 16px;
	}
	.visually_impaired {
		padding: 10px 10px;
	}
	section.header_top .logo {
		line-height: 115%;
	}	
	section.header_top .logo a span {
		max-width: 150px;
	}

}

@media(max-width: 1200px) {
	body {
		line-height: 130%;
		font-size: 17px;
	}
	article {
		font-size: 17px;
		line-height: 130%;
	}
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 32px;
	}
	section.pop_up .title {
		font-size: 32px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 23px;
	}
	h5, h6 {
		font-size: 21px;
	}

	.gap10 {
		gap: 5px;
	}
	.gap20 {
		gap: 15px;
	}
	.gap30 {
		gap: 20px;
	}
	.gap50 {
		gap: 30px;
	}
	
	span.bmenu {
		font-size: 15px;
	}	
	a.button, input[type="submit"], input[type="button"] {
		font-size: 16px;
		padding: 15px 30px;
	}
	input[type="text"], input[type="tel"], input[type="email"], textarea {
		font-size: 19px;
	}

	.triggers_list {
		font-size: 15px;
	}	
	
	section.about aside {
		right: 35%;
		top: 30%;
	}	
	.how_list .one strong {
		font-size: 20px;
	}	
	section.documents .diplom_slider .one .image,	
	section.documents .license .one {
		height: 380px;
	}
	section.video article {
		width: 45%;
	}	
	.video_iframe {
		height: 350px;
		width: 55%;
	}	
	.questions_block .navi .one {
		font-size: 17px;
	}	
	.how_list .one {
		width: 25%;
	}	
	.one_list .one .name h3 {
		font-size: 25px;
	}	
	.rcompany_list > .one img {
		max-height: 70px;
	}

	.snetworks > a {
		height: 45px;
	}
	
	
}


@media(max-width: 1150px) {
	section.header_top .phones .mess {
		display: none;
	}


}

@media(max-width: 1050px) {
	section.header_top a.catalog {
	   display: none;
	}	
	.questions_block .navi .one {
		font-size: 15px;
		padding: 10px 15px;
	}
	.questions_block .navi .one img {
		height: 50px;
	}	
	.questions_block .navi .one span {
		word-break: break-all;
		word-break: auto-phrase;
	}
	
}


@media(max-width: 900px) {

	html.main {
		margin-top: 0 !important;
		overflow-x: hidden;
	}
	html #wpadminbar {
		display: none !important;
		height: 0px !important;
		max-height: 0px !important;
	}	
	
	body {
		line-height: 125%;
		font-size: 15px;
	}	
	
	.center {
		width: 92%;
		min-width: 92%;
		max-width: 92%;
	}
	h1 {
		font-size: 29px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	article h2,
	h2 {
		font-size: 24px;
		line-height: 120%;
		font-weight: normal;
		position: relative;
		font-weight: 500;
		letter-spacing: 0;
	}
	h3 {
		font-size: 20px;
		line-height: 130%;
	}
	h4, h5, h6 {
		font-size: 18px;
		line-height: 130%;
	}

	html {
		background: #fff;
	}
	article {
		font-size: 15px;
		line-height: 125%;
	}

	.gap10 {
		gap: 2px;
	}
	.gap20 {
		gap: 10px;
	}
	.gap30 {
		gap: 10px;
	}
	.gap50 {
		gap: 15px;
	}
	.double {
		display: block;
		gap: 20px;
	}

	section {
		padding: 10px 0;
	}
	section.padding_big {
		padding: 10px 0;
	}	
	.width_100 {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        min-width: 100vw;
        max-width: 100vw;
	}	
	.shadow {
		box-shadow: 0px 4px 7px 5px rgb(0 0 0 / 6%);
	}


	#popup__toggle {
		bottom: 8%;
		right: 3px;
		position: fixed;
		z-index: 15;
		box-sizing: content-box;
	}
	#popup__toggle .circlephone {
		max-width: 70px;
		max-height: 70px;
		box-sizing: content-box;
	}
	#popup__toggle .circle-fill {
		max-width: 45px;
		max-height: 45px;
		bottom: -12px;
		right: 23px;
		box-sizing: content-box;
	}
	#popup__toggle .img-circle {
		width: 25px;
		height: 25px;
		right: 33px;
		top: -27px;
		box-sizing: content-box;
	}
	#popup__toggle .img-circleblock {
		width: 20px;
		height: 20px;
		right: 3px;
		top: 2px;
		position: absolute;
		background-size: 65%;
		box-sizing: content-box;
	}
	
	
	a.button, input[type="submit"], input[type="button"] {
		font-size: 15px;
		padding: 12px 24px;
	}	
	

	/* 
		default
	*/
	.flex.flex_del_mobile {
		display: block;
	}

	/*
		header_top
	*/
	section.header_top {
		box-shadow: 0px 5px 12px 2px rgb(33 33 33 / 4%);
	}	
	section.header_top .center {
		gap: 15px;
	}	
	section.header_top nav.menu_main {
		display: none;
	}
	section.header_top .time {
		display: none;
	}
	section.header_top .catalog_and_search {
		display: none;
	}
	section.header_top .tech_data, 
	section.header_top .visually_impaired {
		display: none;
	}
	section.header_top .phones .mess {
		display: flex;
		gap: 3px;
	}
	section.header_top .phones {
		gap: 10px;
	}
	section.header_top phones.flex.gap20 {
		gap: 10px;
	}
	section.header_top .logo img {
		max-width: 40px;
	}
	section.header_top .logo a span {
		max-width: 100px;
		font-size: 12px;
		line-height: 110%;
		
		display: none;
	}
	section.header_top .logo a.flex {
		gap: 5px;
	}
	section.header_top a.tel {
		font-size: 15px;
	}
	section.header_top .mess > a {
		height: 20px;
	}
	span.bmenu_mobile {
		content: url('images/bmenu.svg');
	}
	
	
	/*
		header_middle
	*/
	section.header_middle .content {
		width: 100%;
	}
	section.header_middle .image {
		float: none;
		width: 100%;
		border-radius: 0 0 80px 0;
		overflow: hidden;
		top: 0;
		right: 0;
		position: relative;
		height: 300px;
	}
	section.header_middle .content a.button {
		display: table;
		margin: 20px 0;
	}

	/*
		triggers_list
	*/
	section.triggers {
		padding: 10px 0;
	}	
	.triggers_list {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 10px;
		grid-row-gap: 15px;
		font-size: 15px;
		line-height: 120%;
		padding: 0;
        box-shadow: none;
	}	
	.triggers_list .one img {
		display: block;
		margin-bottom: 7px;
	}

	/*
		advertisement
	*/
	section.advertisement > .center {
		border-radius: 0;
		padding: 20px 5%;
	}
	section.advertisement a.button {
		display: table;
		margin: 15px 0 0;
	}

	/*
		about
	*/
	section.about aside {
		position: relative;
		right: 0;
		top: 0;
	}
	section.about aside {
		background-color: var(--blue);
		color: var(--white);
		padding: 20px 5%;
		box-sizing: border-box;
		border-radius: 10px;
		max-width: 100%;
		border-radius: 0;
	}
	section.about .image {
		height: 300px;
		width: 100%;
		max-height: 300px;
		overflow: hidden;
		border-radius: 80px 0 0 0;
	}
	section.about aside strong {
		font-size: 40px;
		margin: 12px 0 20px;
	}
	
	/*
		documents
	*/
	section.documents {
		position: relative;
		color: var(--white);
		background-color: var(--blue);
		padding: 20px 0 1px;
	}	
	section.documents .license {
		width: 100%;
	}
	section.documents .diplom_slider {
		width: 100%;
		margin: 15px 0 25px;
	}
	.diplom_slider .image.regular {
		margin-bottom: 0;
	}
	.diplom_slider .image.regular ul.slick-dots {
		bottom: 15px;
	}
	section.documents .diplom_slider .one .image, section.documents .license .one {
		height: 230px;
		width: 100%;
	}
	section.documents .diplom_slider .image .one img,
	section.documents .diplom_slider .image .one {
		height: 240px;
	}
	section.documents .text {
		margin: 10px 0 0;
	}	
	

	/*
		fis_frdo
	*/
	section.fis_frdo {
		color: var(--black);
		background-color: var(--blue);
		padding: 0 0 20px 0;
	}
	section.fis_frdo > .center {
		border-radius: 10px;
		padding: 15px 20px;
		box-sizing: border-box;
	}
	article img.alignleft,
	article img.alignright {
		float: none;
		margin: 0 auto 10px;
		display: block;
	}
	section.fis_frdo article img {
		max-width: 100px;
		float: right;
		margin: 0 0 5px 10px;
	}	

	/*
		how
	*/
	.how_list .one.default {
		width: 100%;
		/* box-shadow: -1px 3px 11px 5px rgb(0 0 0 / 4%); */
		margin-bottom: 10px;
		padding: 15px 20px;
		box-sizing: border-box;
        border: 1px solid var(--grey_dark);
	}
	.one.default {
		border-radius: 6px;
		padding: 20px;
		box-sizing: border-box;
		margin-bottom: 10px;
		border: 1px solid var(--grey);
	}
	.one.default > * {
		display: block;
		margin: 0 0 5px 0;
	}
	.how_list .one strong {
		padding: 5px 0;
	}

	/*
		video
	*/
	section.video article {
		width: 100%;
	}
	.video_iframe {
		height: 250px;
		width: 100%;
		margin-bottom: 15px;
	}
	section.video article h3:first-child {
		margin-top: 0;
	}	

	/*
		questions
	*/
	.questions_block .navi .one {
		font-size: 15px;
		padding: 10px 15px;
		margin-bottom: 5px;
	}
	.one_list .one .name {
		padding-right: 10%;
	}	
	.one_list .one .name h3 {
		font-size: 15px;
		margin: 13px 0;
	}
	.one_list .one .name:after {
		font-size: 30px;
	}
	.questions_block .navi .one img {
		height: auto;
		width: 35px;
	}	
	
	/*
		reviews
	*/
	.reviews_list .one.default {
		float: left;
		width: 300px;
		margin: 0 5px;
        padding: 20px;
	}	
	section.reviews_company h3 {
		font-size: 16px;
	}	
	.rcompany_list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 5px;
		grid-row-gap: 5px;
        margin-bottom: 10px;
	}
	.rcompany_list > .one {
		width: 100%;
		border-radius: 4px;
		padding: 10px;
		height: 60px;
	}
	.rcompany_list > .one img {
		max-height: 45px;
		height: 45px;
		width: auto;
		max-width: 100%;
		object-fit: contain;
	}
	
	/*
		form_block
	*/
	.form_block {
		border-radius: 10px;
		padding: 26px 25px;
		box-sizing: border-box;
		margin: 10px 0 0;
	}	
	input[type="text"], input[type="tel"], input[type="email"], textarea {
		font-size: 16px;
		padding: 15px 20px;
		border-radius: 4px;
	}	
	form .politic {
		font-size: 12px;
		line-height: 120%;
		padding: 3px 0 5px;
	}	
	form .politic input[type="checkbox"] {
		width: 22px;
		height: 22px;
	}
	.triggers_form ul {
		font-size: 15px;
		line-height: 130%;
	}	
	.triggers_form ul li strong {
		display: block;
		margin-bottom: 5px;
	}
	
	/*
		social_networks
	*/
	section.social_networks {
		font-size: 16px;
	}	
	section.social_networks .title {
		margin-bottom: 10px;
	}	
	.snetworks {
		display: block;
		justify-content: flex-start;
		gap: 17px;
		margin-bottom: -10px;
	}
	.snetworks > a {
		height: 30px;
		display: inline-block;
		margin: 0 10px 10px 0;
	}	
	
	/*
		bottom_menu
	*/
	section.bottom_menu {
		padding: 20px 0 10px;
	}	
	section.bottom_menu .one {
		width: 100%;
		padding: 10px 0;
	}
	section.bottom_menu .one.contact {
		width: 100%;
	}
	section.bottom_menu nav {
		column-count: 1;
		display: block;
	}
	section.bottom_menu ul {
		display: none;
	}
	section.bottom_menu .one ul {
		display: block;
	}
	section.bottom_menu .one ul > li > ul.sub-menu {
		display: block;
		padding: 1px 0 1px 15px;
		box-sizing: border-box;
		border-left: 2px solid rgb(255 255 255 / 24%);
		margin: 10px 0 5px 0;
		font-size: 14px;
	}


	/*
		copyright
	*/
	section.copyright {
		padding: 20px 0;
	}	
	section.copyright .center > * {
		display: block;
		margin: 3px 0;
	}
	section.copyright .center > a.autor {
		display: none;
	}



	/*
		page-contact.php
	*/
	.breadcrumbs {
		font-size: 12px;
		padding: 7px 0;
        line-height: 130%;
	}	
	/*
	.breadcrumbs a {
		display: inline-block;
	}
	*/
	.breadcrumbs .center {
		overflow: scroll;
		display: flex;
	}	
	section.header_middle .content .breadcrumbs {
		margin-bottom: -10px;
		overflow: scroll;
		display: flex;
	}	
	.breadcrumbs span,
	.breadcrumbs a {
		display: inline-block;
		width: fit-content;
		min-width: max-content;
	}	
	section.contact_content address {
		width: 100%;
		margin-bottom: 20px;
	}	
	.mess.mess_button {
		font-size: 12px;
		gap: 10px;
		align-items: center;
		justify-content: flex-start;
	}
	.mess.mess_button > a {
		padding: 8px 14px;
		align-items: center;
	}
	.mess.mess_button > a {
		padding: 8px 14px;
	}
	section.contact_content .form_block {
		width: 100%;
		margin: 0;
	}
	form .double {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	section.contact_content .form_block form input[type="submit"] {
		width: 100%;
		margin: 10px 0 0;
	}
	section.data_company {
		padding: 20px;
		margin: 10px 0;
	}
	.dowload_files {
		width: 100%;
		margin: 20px 0 0;
		line-height: 120%;
	}	
	
	/*
		page.php
	*/
	.article_navi_sidebar article {
		width: 100%;
		overflow: hidden;
	}
	.article_navi_sidebar aside {
		width: 100%;
		margin: 20px 0 0;
	}
	aside > nav {
		padding: 15px 25px;
	}
	article table tr td {
		display: block;
		border-right: none;
		padding: 15px 0;
		border-bottom: 1px solid var(--grey);
	}
	article table tr td:last-child,
	article table tr td:first-child {
		width: 100%;
		padding-left: 0;
		width: 100% !important;
		max-width: 100%  !important;
		min-width: 100% !important;
	}
	article table tr td:first-child {
		font-weight: 500;
		border-bottom: none;
		padding-bottom: 3px;
	}
	article table tr td:last-child {
		padding-top: 3px;
		border-bottom: 1px solid var(--grey_dark);
	}
	article table tr td a {
		word-break: break-word;
	}
	article table tr:last-child td {
		width: 100% !important;
	}
	
	/*
		single-blog.php
	*/
	.content_left {
		width: 100%;
	}
	aside.right {
		width: 100%;
	}
	.article_preview {
		font-size: 15px;
		line-height: 130%;
	}
	.content_left .autor .avatar {
		width: 80px;
		min-width: 80px;
		height: 80px;
		float: right;
		margin: 0 0 5px 10px;
	}
	.content_left .autor {
		font-size: 15px;
		line-height: 125%;
	}	
	.content_left .autor .avatar {
		margin-bottom: 10px;
	}
	article blockquote.more_blockquote {
		border: none;
		padding: 10px 20px;
		box-sizing: border-box;
	}
	article ul li:before {
		content: '';
		border-radius: 100%;
		width: 8px;
		height: 8px;
		border: 2px solid var(--blue);
		position: absolute;
		left: -23px;
		top: 4px;
	}
	article ul {
		margin-left: 15px;
		list-style-type: none;
		padding-left: 10px;
	}	
	article ol {
		margin-left: 10px;
		padding-left: 10px;
	}	
	article blockquote {
		padding: 5px 20px;
	}
	article div.gallery {
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		margin: 10px 0 0 !important;
	}	
	
	/*
		single_page
		page- * .php
	*/
	section.single_page {
		padding: 1px 0 20px;
	}	

	/*
		archive blog
	*/
	section.archive .preview {
		text-align: center;
		padding: 0;
		font-size: 15px;
		line-height: 125%;
	}	
	.blog_list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}	
	.blog_list .one {
		position: relative;
		font-size: 15px;
		line-height: 125%;
	}	
	.blog_list .one .image {
		height: 230px;
		margin-bottom: 10px;
		background-color: var(--grey);
		border-radius: 6px;
		overflow: hidden;
	}	
	.blog_list .one a.name {
		font-size: 18px;
		line-height: 120%;
	}
	.blog_list .one a.cat {
		padding: 5px 12px;
		border-radius: 14px;
		left: 12px;
		top: 12px;
		font-size: 13px;
	}
	.category_blog {
        padding: 16px;
		margin: 10px auto 20px;
		max-width: 1200px;
		text-align: center;
		font-size: 13px;
	}	
	.category_blog ul li {
		display: inline-block;
		margin: 8px 7px 14px 0;
	}
	.category_blog ul li a {
		padding: 9px 15px;
	}

	
	/*
		one_course
	*/
	/*
	section.result_catalog .one_course, .one_course {
		display: block;
		border: 1px solid var(--grey);
		padding: 20px;
		font-size: 15px;
		display: block;
		line-height: 125%;
	}
	*/
	section.result_catalog .one_course, .one_course {
		display: block;
		border-top: 1px solid var(--grey_dark);
		border-bottom: none;
		padding: 20px 0;
		font-size: 15px;
		display: block;
		line-height: 125%;
		border-radius: 0;
		margin: 0;
	}	
	.one_course a.name {
		display: table;
		font-size: 20px;
		font-weight: 500;
		color: var(--blue);
		margin: 5px 0 10px;
		line-height: 120%;
	}
	.one_course .info a.button.little {
		margin: -10px 0 10px;
		display: table;
	}	
	.one_course .info {
		display: flex;
		gap: 30px;
		align-items: center;
		justify-content: flex-start;
		margin: 0;
	}
	.one_course .info a.button.little {
		display: none;
	}
	.total .price {
		margin-bottom: 15px;
		display: block;
		align-items: center;
		text-align: left;
		justify-content: flex-start;
		margin: 15px 0 0;
	}
	.total .price {
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		text-align: left;
		justify-content: flex-start;
		margin: 20px 0 25px;
		gap: 20px;
	}	
	.total .price .old_price {
		margin: 0;
		order: 2;
		padding: 5px 0 0;
	}
	.total .real_price {
		margin: 0;
	}
	.one_course input[type="button"] {
		display: table;
		margin: 15px 0 0;
	}	
	.content_left section.result_catalog .one_course .total .price {
		display: flex;
	}
	.content_left section.result_catalog .one_course .total .price .old_price {
		margin: 0;
	}
	.content_left section.result_catalog .one_course .total {
		text-align: left;
		padding: 0;
	}
	.total .real_price {
		font-size: 30px;
		font-weight: 500;
		margin: 0;
	}	
	section.result_catalog .form_block form .politic {
		display: block;
		gap: 10px;
	}	
	a.more {
		background-color: var(--blue);
		color: var(--white);
		width: 100%;
		padding: 13px 0;
		margin: 0 auto;
		font-size: 15px;
		text-align: center;
	}
	a.more.longe {
		display: block;
		text-align: center;
		margin: 20px auto 0;
		width: 100%;
	}

	/*
		pagination
	*/
	.pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		
		padding: 25px 0 1px;
		text-align: center;
		font-size: 13px;
	}
	.pagination a {
		padding: 5px;
		margin: 0 4px;
	}
	section.archive nav.category_blog {
		padding-top: 0;
		padding-bottom: 0;
	}
section.archive nav.category_blog ul {
    font-size: 11px;
}
.category_blog ul li {
    display: inline-block;
    margin: 8px 5px 9px 0;
}
.category_blog ul li a {
    padding: 8px 12px;
}
	
	/*
		archive-teachers.php
	*/	
	.teachers_list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}
	/*
	.one.default {
		border-radius: 6px;
		padding: 0;
		box-sizing: border-box;
		margin-bottom: 0;
		font-size: 15px;
		line-height: 125%;
	}
	*/
	.one.default {
		border-radius: 6px;
		padding: 15px;
		box-sizing: border-box;
		margin-bottom: 0;
		font-size: 15px;
		line-height: 125%;
	}	
	.teachers_list .one .image {
		width: 100%;
		max-width: 100%;
		height: 250px;
		background-color: var(--black);
		border-radius: 0 32px 0 32px;
		overflow: hidden;
		margin-bottom: 10px;
	}	
	.teachers_list .content a.button {
		display: table;
		margin: 9px 0 0;
	}	

	/*
		filter
	*/
	section.filter {
		padding: 15px;
	}
	.filter .middle_filter .one {
		width: 100%;
	}
	.filter .middle_filter .one.double {
		width: 100%;
	}
	.filter .middle_filter .one .content {
		margin-bottom: 0;
	}
	input[type="radio"] {
		width: 20px;
		height: 20px;
		margin: 0;
	}
	.filter ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 15px;
		line-height: 125%;
	}	
	.title_filter h5 {
		margin: 0 0 10px 0;
	}
	input[type="button"].little {
		font-size: 13px;
		padding: 13px 25px;
		box-shadow: none;
	}
	.middle_filter .one.double ul {
		column-count: 1;
	}
	.filter .ratio_value input[type="text"] {
		padding: 7px;
		width: 90px;
		text-align: center;
	}
	.filter .ratio_value.flex {
		gap: 10px;
	}	
	.filter .buttons {
		margin: 10px 0 0;
	}
	.filter .buttons input[type="button"] {
        width: 50%;
	}
	
	/*
		single-teahcher.php
	*/
	.table_photo {
		margin: 0;
	}
	.table_photo article {
		width: 100%;
	}
	.table_photo .table_photo {
		width: 100%;
		border-radius: 0 50px 0 50px;
		overflow: hidden;
		min-height: 350px;
		margin: 20px 0 0;
	}

	/*
		reviews
		text default reviews
	*/
	.reviews_previews input[type="button"].open_commentform {
		margin-top: 10px;
	}
	.navi_reviews ul {
		margin: 15px 0 0;
		background-color: var(--blue_light);
		border-radius: 6px;
		padding: 8px 20px;
		box-sizing: border-box;
		list-style-type: none;
		font-weight: 500;
		color: var(--black);
	}
	.navi_reviews ul li {
		margin: 10px 0;
	}
	.themes_reviews ul {
		margin: -15px 0 10px 0;
		padding: 0;
		list-style-type: none;
		font-size: 14px;
	}
	.themes_reviews ul li {
		display: inline-flex;
		margin: 0 3px 8px;
		padding: 0;
		cursor: pointer;
		gap: 5px;
		align-content: center;
	}
	.themes_reviews {
		padding: 0;
	}
	.reviews_list {
		display: table;
		margin-bottom: 15px;
	}	
	.reviews_list.full .one {
		float: none;
		width: 100%;
		margin: 0 0 10px;
		padding: 15px 20px;
	}
	input.margin_center {
		margin: 0 auto 10px;
		display: block;
	}
	.reviews_list.screenshot_messenger,
	.reviews_list.video_reviews,
	.reviews_list.logo_company,
	.reviews_list.letters {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0;
		grid-row-gap: 10px;
	}	
	.reviews_list.logo_company .one {
		padding: 15px;
	}	
	.reviews_list.video_reviews .one video {
		height: 240px;
	}
	.reviews_list.video_reviews .one .content {
		padding: 0 15px;
	}
	.reviews_list.video_reviews .one .people {
		padding: 0 15px 10px;
	}	
	.reviews_list.screenshot_messenger .one {
		display: block;
	}	
	.reviews_list.screenshot_messenger .one .screen {
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.reviews_list.screenshot_messenger .one .screen img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		margin: 0 auto;
	}	
.reviews_list.screenshot_messenger .one .content_screen {
    width: 100%;
    padding: 20px 0 1px;
    box-sizing: border-box;
    margin: 0;
}
.reviews_list.video_reviews .one .people {
    width: 100%;
    padding: 1px 0 1px;
    box-sizing: border-box;
    margin: 0;	
}
	.reviews_list.screenshot_messenger .one.default,
	.reviews_list.letters .one.default,
	.reviews_list.logo_company .one.default,	
	.reviews_list.video_reviews .one.default {
		float: none;
		width: 100%;
		margin: 0;
		padding: 20px;
	}
	.reviews_list.letters .one .content {
		min-height: auto;
		padding: 10px 0 0;
		box-sizing: border-box;
		height: auto;
	}
	
	/*
		search
	*/	
	section.search input[type="text"] {
		font-weight: 400;
		padding-left: 0;
	}
	section.search .search_content {
		padding: 5px 0;
	}
	
	/*
		single.php
	*/

	/*
		header_middle
	*/
	section.header_middle .content {
		width: 100%;
		padding-bottom: 10px;
	}
	section.header_middle .content .breadcrumbs {
		margin-bottom: -10px;
	}
	section.header_middle .pcourse_single {
		padding: 10px 0 2px;
	}	
	section.header_middle .pcourse_single .text {
		margin-bottom: 1px;
	}
	section.header_middle .pcourse_single .urls > * {
		display: inline-block;
		margin: 5px 10px 5px 0;
	}	
	section.header_middle .more {
		margin: 10px 0 0;
		max-width: 100%;
	}	
	
	/*
		navi
	*/
	section.navi {
		padding: 5px 0 0;
		overflow: scroll;
	}	
	section.navi ul {
		display: flex;
		gap: 0;
	}
	section.navi ul li {
		min-width: fit-content;
		padding: 12px 15px;
	}
	
	/*
		info blocks
	*/
	section.white.info {
		margin: 0;
		border-bottom: 1px solid var(--grey_dark);
	}	
	
	/*
		for
	*/
	section.for .for_list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	section.for .for_list .one {
		width: 100%;
	}
	.for_list .one .image {
		border-radius: 0 28px 0 28px;
		width: 100%;
		height: 150px;
        margin-bottom: 5px;
	}
	
	/*
		video_block
	*/
	section.video_block video {
		border-radius: 6px;
		height: 250px;
		background-color: var(--black);
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		display: block;
	}		
	section.white article ul {
		margin-left: 10px;
		padding-left: 10px;
		list-style-type: disc;
	}	
	
	/*
		table
		curriculum
	*/
	.header_curriculum {
		padding: 12px 0;
	}	
	.title_curriculum {
		display: flex;
		font-size: 15px;
		font-weight: 500;
	}	
	.title_curriculum .name {
		width: 70%;
	}
	.title_curriculum .time {
		width: 30%;
		text-align: right;
	}	
	.curriculum_one {
		padding: 13px 0;
	}
	.title_curriculum.bottom .name {
		text-align: left;
		padding-right: 0;
	}
	
	
	/*
		before bg element
	*/
	section.teachers:before {
		height: 60%;
		width: 100%;
		border-radius: 0;
	}	
	.smi_list .one {
		margin-bottom: 5px;
		border: 1px solid var(--grey);
		border-bottom: 2px solid var(-blue_light);
		padding: 10px 20px;
	}	
	

	/*
		callback_block
	*/
	section.callback_block .content {
		background: var(--black);
		color: var(--white);
		position: fixed;
		z-index: 30;
		left: 0;
		right: 0;
		display: block;
		top: 0;
		bottom: 0;
		margin: 0 auto;
		width: 100%;
		box-sizing: border-box;
		box-shadow: none;
		border-radius: 0;
		padding: 20% 12% 0;
		border-bottom: none;
	}
	section.callback_block .content textarea, section.callback_block .content input {
		width: 100%;
		box-sizing: border-box;
		margin: 10px 0;
		border: none;
		font-weight: 500;
		font-size: 19px;
		padding: 15px 20px;
		box-sizing: border-box;
		border-radius: 6px;
		border: 2px solid #d9d9d9;
	}
	section.callback_block .content input[type="checkbox"] {
		width: 30px;
		height: 30px;
		float: left;
		margin: 0 10px 0 0;
		background-color: #626262;
		color: var(--white);
	}
	section.callback_block .content input[type="submit"] {
		background: var(--red);
		color: var(--white);
		text-transform: none;
	}
	.notification.notification_accept {
		background-color: rgb(150 225 166 / 99%);
		border-radius: 4px;
		padding: 10px 20px;
		box-sizing: border-box;
		color: var(--black);
	}

	/*
		mobile menu
	*/
	body.menu section.bottom_menu {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 2;
		background-color: var(--blue_light);
		overflow: auto;
		padding: 10%;
		box-sizing: border-box;
		overflow: hidden;
		overflow-y: auto;
	}
	section.bottom_menu span.close {
		background-color: var(--blue);
		padding: 20px;
		right: -8px;
		top: -8px;
		width: 70px;
		height: 70px;
	}
	body.menu section.bottom_menu span.close {
		display: block;
	}
	aside.right section.result_catalog {
		display: none;
	}
	body.menu section.bottom_menu ul {
		display: block;
		margin-bottom: 20px;
	}
	body.menu section.bottom_menu .one ul > li > ul.sub-menu {
		display: none;
	}
	body.menu section.bottom_menu .one {
		margin-bottom: 0;
	}
	body.menu .one.contact form.search_block {
		max-width: 250px;
	}	

	/*
		data
	*/
	nav.child_pages ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 6px;
	}
	nav.child_pages ul li {
		background-color: var(--white);
		box-shadow: 0 0 7px 5px rgb(0 0 0 / 3%);
		padding: 13px 20px;
		box-sizing: border-box;
		border-radius: 4px;
	}

	.reviews_list.regular.slider_width {
		padding-bottom: 30px;
	}
	section.reviews ul.slick-dots {
		text-align: left;
		bottom: -10px;
	}
	ul.slick-dots li {
		
	}
	ul.slick-dots li button {
		border-radius: 100%;
		background-color: var(--blue);
	}
	
	/*
	 pop_up video
	 * */
	section.pop_up .content {
		background-color: var(--white);
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		top: 0;
		bottom: 0;
		position: absolute;
		left: 0;
		right: 0;
		border-radius: 0;
	}	
	section.pop_up .content video {
		width: 100%;
		max-width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		border-radius: 0;
		overflow: hidden;
	}	
	
	.reviews_previews a.button.open_commentform {
		display: table;
		margin: 12px 0 20px;
	}
	.themes_reviews.second .second_step h6 {
		margin: 0 0 25px 0;
		font-size: 18px;
	}

	/*
		form
		review_form
	*/
	form.review_form {
		max-width: 100%;
		margin: 30px auto 1px;
		padding: 10px 20px 25px;
	}
	form .triple {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
	}
	form.review_form input[type="submit"] {
		max-width: 100%;
		margin: 0 auto;
		border: none;
	}
	form .politic input[type="checkbox"] {
		width: 22px;
		height: 22px;
		min-width: 22px;
		min-height: 22px;
	}
	form.review_form textarea {
		height: 200px;
	}
	form.review_form .stars_list {
		display: inline-block;
		margin: 0 10px 0 0;
		position: relative;
		bottom: -5px;
	}	
	
	
	/*
		banner_floating
	*/
	section.banner_floating {
		width: 250px;
		min-width: 250px;
		bottom: 10px;
		left: 5%;
		max-width: 98%;
		right: inherit;
	}	
	section.banner_floating .content {
		display: block;
		padding: 5px 20px;
		box-sizing: border-box;
	}
	section.banner_floating .content a.button {
		display: none;
	}	
	section.banner_floating .content span {
		margin: 2px 0;
		display: table;
	}
	section.banner_floating .content .banner_floating_title a {
		font-size: 20px;
		margin-bottom: 5px;
		font-weight: 600;
	}
	section.banner_floating span.close {
		background-color: var(--blue);
		width: 40px;
		height: 40px;
		padding: 10px;
	}
	
	/*
		page form
	*/
	article form {
		padding: 0;
		margin: 10px 0 0;
	}
	.one.contact .phones {
		margin: 15px 0 25px;
		gap: 20px;
	}
	.one.contact .phones .mess {
		gap: 10px;
	}
	.one.contact .license {
		margin-bottom: 15px;
	}	
	.one.contact form.search_block {
		max-width: 100%;
	}	
	
	/*
		results
	*/	
	section.result {
		padding: 10px 0 10px;
	}	
	.result_list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
		counter-reset: list 0;
	}
	.result_list .one:before {
		font-size: 220px;
		bottom: 70px;
	}
	

	/*
		skills
	*/
	section.skills {
		padding: 15px 0 20px;
		margin: 0 0 20px 0;
	}
	section.skills .title .image {
		width: 120px;
		min-width: 120px;
		height: 120px;
		float: right;
		margin: 0 0 10px 20px;
	}
	section.skills ul {
		margin: 20px 0;
		list-style-type: none;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 20px;
	}
	section.skills ul li {
		gap: 10px;
	}
	section.skills ul li:before {
		content: url('images/check_white_mobile.svg');
	}
	section.skills:before {
		width: 100%;
		border-radius: 0;
	}

	/*
		documents diplom single.php
	*/
	section.documents.diplom {
		padding: 20px 0 1px;
		margin-bottom: 0;
	}
	
}
