/* Start:/bitrix/templates/clsl_courses/components/bitrix/menu/top_multilevel/style.css?17339096171601*/
/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
    width: 150px;
    background: white;
    border: 1px solid #C1C1C1;
    padding: 5px 13px 5px 0px;
    border-radius: 8px/8px;
    text-align: left;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	/*width:100%;
	border-bottom:1px solid #DEDEDE;*/
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}


#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}
/* End */


/* Start:/bitrix/templates/clsl_courses/components/bitrix/breadcrumb/template1/style.min.css?1476003264448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/clsl_courses/styles.css?17528281948893*/
span.bold{font-size:14px; color:#2350a3;}
span.bold2{font-size:14px;}
h5 {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 18px;
font-weight: normal !important;
font-family: "Open Sans", sans-serif !important;
    margin: 0; padding:15px 0 5px;
color:#2350a3;
}
span.sbig{font-weight:bold;}
blockquote {
    background: #2350a3;
    border-color: #0074ad;
}
blockquote {
    color: white;
    font-size:14px;
    position: relative;
}
blockquote {
    padding: 10px 20px;
    margin: 5px;
    border-left: 5px solid #3a4aa0;
}
.detail blockquote:before {
    font-family: Arial;
    content: "\201C";
    font-size: 150px;
    line-height: 120px;
}
blockquote:before {
    color: #6da1d2;
}
blockquote:before {
    position: absolute;
    top: 24px;
    left: 10px;
    font-family: FontAwesome;
    content: "\f10d";
    font-size: 40px;
    line-height: 36px;
}
div.p1, div.p2{float:left;}
div.p1{margin-left:40px; width:122px;}
div.p1 .icon{width:15px; text-align:center;}
div.p2{width:320px;}

.dark_light_table {
    color: #3d3e3d;
    font-size: 16px;
}

/* Start:/bitrix/font-awesome/css/font-awesome.css?145683699122530*/
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/bitrix/font-awesome/fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('/bitrix/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/bitrix/font-awesome/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/bitrix/font-awesome/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('/bitrix/font-awesome/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.icon {margin-right:3px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon.colored {
    background: #0088cc;
}
.icon.colored {
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: white;
    font-size: 29px;
    margin: 0 20px 20px 0;
}
.icon-phone:before {
  content: "\f095";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-clock-o:before {
  content: "\f017";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-clock-o:before {
  content: "\f017";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-user:before {
  content: "\f007";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tint:before {
  content: "\f043";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-cutlery:before {
  content: "\f0f5";
}

div.details p span{font-size:14px;}
.accordion-type-2 .accordion-head a {font-size:18px;
    display: inline;
    line-height: 17px;
    text-decoration: none;
}
.accordion-head{margin:15px 0;}
div.accordion-head.active a:before {
    content: "\2796";
}
div.accordion-head a:before {
    content: '\02795';
    font-size: 13px;
    color: #2350a3;
    /* float: right; */
    margin-left: 5px;
}
div.accordion-head {cursor:pointer;
background-color: #ebecef !important; }
div.accordion-head:hover{background-color: #dadadd !important;}

.inner .content-bg p.order{font-size:24px;
    letter-spacing: normal; padding-top:30px !important;
    margin: 0px 0 10px 0;
    color: #2350a3;}
.button.blue button.gbut{background: #999999; border: 1px solid #999999;}

.inner .content-bg p.price{color: #2350a3; font-size:28px; padding-top:30px !important;}

.price_old {
    color: #777777;
    font-size: 12px;
    padding: 15px 0 0 0;
}
.price_val{text-decoration: line-through; font-size:18px;}

.btn-primary.btn.btn-sm, .btn-primary.btn.btn-xs {
    box-shadow: 0 1px 0 0 #006699;
}
.btn-primary {
    background: #2350a3;
    border: 1px solid #2350a3;
    box-shadow: 0 2px 0 0 #006699;
}
.btn {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 10px 10px 0;
    border-radius: 3px;
}
.btn-sm, .btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-primary {
    color: #ffffff;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.container .inner section .btn a{color:#fff; text-decoration:none;}

.inner .content-bg p.topay{text-align:center; font-size:16px;}
.inner .content-bg p.topay span{color: #2350a3;
    font-size: 28px;}

.table-bordered {border-collapse: collapse;
    border: 1px solid #dddddd;}
.table-bordered th, .table-bordered td{padding:10px 5px; border-collapse: collapse;}
table.table-bordered tr:nth-child(odd) td {
    background: white;}
.table-bordered th {background-color: #2350a3;
color: white;
    border-bottom: 1px solid white;}
table.table-bordered td{color: #3d3e3d; background-color: #eaebee;}

a.callback:hover{background-color:#ebecef;}
a.callback{font-size:16px; padding:5px 15px; margin-left:20px; border:1px solid #d0cfc9; border-radius:5px;
pointer: cursor; text-decoration:none;}
a.callback span{}

.gbut{font-family: "Open Sans", sans-serif; font-size:14px; padding:5px 15px; background-color:#999; border-radius:5px; color:#fff;
margin-bottom:20px;}
.gbut:hover{background-color:#6fa5d8;}
#summarySum s{color:#999;}

div.panel-collapse p{padding:10px 0;}

.header_search{display: block;
width: 250px;float: right;
margin: 0 10px 0 0;}
.header_search fieldset{border: 3px solid #ebecef;
margin: 0;
padding: 0;
border-radius: 0;
position: relative;
overflow: hidden;}
.header_search label{}
.header_search_input{border: none;box-shadow: none;
margin: 0;
width: 100%;
text-transform: uppercase;}
.header_search_button{border: medium none;
text-indent: -9999px;
width: 37px;
height: 37px;padding: 0;
border-radius: 0;
background: #0088cc url(/bitrix/templates/clsl_courses/images/search.png);
position: absolute;
top: 0;
right: 0;}
.label_agree_checkbox{display: inline-block;
width: auto;
margin: 0;
height: auto;
padding: 0;}

.type {
text-align: center;
font-size: 16px;
margin: 6px 6px;
padding: 2px 2px 2px 2px;
border-radius: 5px;
display: flow-root;
width: 100px;
background: #2350a3;
color: white;
}

.more_black {
text-align: center;
font-size: 16px;
margin: 6px 6px 10px auto;
padding: 2px 2px 2px 2px;
border: 1px solid #2350a3;
border-radius: 5px;
display: flow-root;
width: 100px;
}

.more_text {
color: black;
}

.img_course {
float: left;
display: inline;
margin: 0 12px 0 0;
border: 1px solid #c4c5c5;
border-radius: 5px;
}

.link_course {
text-decoration: none;
}
.rapid_outlist_jquery {
padding-bottom: 15px;
}
.course_select {
font-size: 16px;
color: #2350a3;
}
.course_form {
color: black;
}

.g-recaptcha {
transform:scale(0.88);
 transform-origin:0;
}

.header-basket {
    float: right;
    margin: 2px 10px 0 0;
    position: relative;
}
@media screen and (max-width: 1024px) {
    .header-basket {
        margin-top: 12px;
        margin-left: 10px;
    }
}
.header-basket .counter {
    display: none;
    width: 1rem;
    height: 1rem;
    background: red;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1rem;
    font-size: 0.8em;
    position: absolute;
    right: -5px;
    top: -5px;
}
.js-add-2-basket {
    margin: 0;
    padding: 2px 10px;
    font-size: 11px;
}
.cookie-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
    padding: 10px;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: rgb(35 80 163 / 70%);
    color: #fff;
    box-sizing: border-box;
}
.cookie-container .cookie-text {
    max-width: 600px;
}
.cookie-container .cookie-text a {
    color: #fff;
}
.cookie-container button {
    text-align: center;
    font-size: 16px;
    padding: 4px 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 100px;
    background: #2350a3;
    color: #fff;
}
/* End */


/* Start:/bitrix/templates/clsl_courses/template_styles.css?175282819436442*/
/*--------------------
	reset
--------------------*/
html, body, div, span, p, img, li, ul, form, label, input, h1, h2 {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit}

/*--------------------
	other
--------------------*/
html, body {height: 100%}
body {font-size:13px; color: #929292; background: #fff; position: relative}
header, nav, section, article, aside, footer {display: block}

a, input:focus {outline: none}
a {color: #2350a3}
a:hover {text-decoration: none}
.fll {float: left; display: inline}
.flr {float: right; display: inline}
.clr {clear: both; font: 0/0 sans-serif}
.row {overflow: hidden}
.hidden {display: none}
.t_center {text-align: center}
.text ul, .description ul, .news-detail ul {list-style-type: disc; margin-left:30px; margin-top:8px; margin-bottom:8px;}
.text ul li, .description ul li, .text ol li, .description ol li, .news-detail li{color: #3d3e3d; line-height:16px; margin:3px 0; font-size:13px;}
.text ul ul, .description ul ul{list-style-type: circle;}
.text ol, .description ol, .news-detail ol{list-style-type: decimal; margin-left:30px; margin-top:8px; margin-bottom:8px;}

.bx-breadcrumb .bx-breadcrumb-item span{font-size:11px;}

/*--------------------
	fonts
--------------------*/
body, .form .title, input, .select, textarea, button {font-family: "Open Sans", Arial, sans-serif;}
aside .menu_left {font-family: "Open Sans", Arial, sans-serif; min-height: 200px;}
.logo, aside input, aside select, aside .select {font-family: "Open Sans", Arial, sans-serif;}
.title, h1, h2, h3, h4, h5 {font-family: "Open Sans", Arial, sans-serif;}
h1, h5{font-weight: normal}
h2 {font-weight: normal; color: #2350a3; font-size: 20px; line-height: 20px; padding: 0 0 7px}
h3{color:#3d3e3d;}
/*--------------------
	border-radius
--------------------*/
button {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 5px}
input, .select, textarea {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px}

/*--------------------
	form elements
--------------------*/
input, .select, select, textarea {color: #a3a3a3}
input, .select, textarea {border: 1px solid #dadadd; border-color: #dadadd #d5d6da #c6c7cb; height: 37px; line-height: 37px; padding: 0 14px; width: 90%; margin: 0 0 18px; background: #fff}
input.err, .select.err, textarea.err {border: 1px solid #ed1c24 !important}
/*
input:focus, .select.active .top {border-color: #84b5e3!important}
*/

.select_place .select {position: relative; overflow: hidden; display: inline-block; vertical-align: top; text-align: left}
.select_place .select .top {}
.select_place .select .top b {position: absolute; right: -1px; top: 0; width: 40px; height: 37px; background: url(/bitrix/templates/clsl_courses/images/select_arrow.png) no-repeat 0 0}
button {cursor: pointer}
.select_place .select .drop {position: absolute; left: -1px; top: 37px; border: 1px solid #dadadd; border-top: 0; background: #fff; list-style: none; width: 100%; display: none; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px}
.select_place .select .drop li a {display: block; padding: 3px 13px; text-decoration: none}
.select_place .select .drop li a:hover {background: #f3f3f3}
.button.blue button {height: 50px; font-size: 21.52px; padding: 0 22px; color: #fff; text-shadow: 1px 1px 1px #677f94; border: 1px solid #6fa5d8; background: #2350a3; -webkit-box-shadow: 0 2px 2px #d1cfce, inset 1px 1px 2px #a6cef0; -moz-box-shadow: 0 2px 2px #d1cfce, inset 1px 1px 2px #a6cef0; box-shadow: 0 2px 2px #d1cfce, inset 1px 1px 2px #a6cef0}
.button.red button {height: 34px; font-size: 18px; padding: 0 22px 2px; color: #fff; text-shadow: 0 1px 0 #5d2c35; border: 1px solid #2350a3; background: #6da2d2;
font-family: "Open Sans", sans-serif;}
.button.blue button:hover, .button.red button:hover{background: #5589b7}
textarea {font-size: 13px; line-height: 20px; resize: none}


/*--------------------
	structure
--------------------*/
.wrapper {margin: 0 auto -252px; min-height:100%; height:auto !important; height:100%;}
.index .container {min-height: 526px; margin-top:30px;
/*background: url(/bitrix/templates/clsl_courses/images/back-top-ny1.jpg) #fff 0 0 no-repeat;*/
background: url(/bitrix/templates/clsl_courses/images/back-top.png) #fff 0 0 no-repeat;}
.index .container aside {background: 0}
.content-bg {float: left; width: 100%}
.inner .content-bg p {font-size: 13px; line-height: 18px; margin: 0 22px 11px 0; color: #3d3e3d}
.inner .content-bg h2 {margin: 21px 0 8px 0; padding: 0}
.inner .content-bg li{color: #3d3e3d; padding:3px 0;}
.inner .content-bg ul{margin-left:40px; margin-bottom:10px;}
.down, footer .inner {height: 252px}
.inner, header {max-width: 1760px; margin: 0 auto}
.w_in {overflow: hidden; position: relative; width: 100%; z-index: 1}
.w_l {float: left; left: 50%; width: 100%; position: relative; z-index: 2}
.w_r {float:left; left: -50%; width: 100%; position: relative; z-index: 2}

/*--------------------
	header
--------------------*/
header {display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between;align-items: center;}
header .header__left {display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;}
header .logo {line-height: 18px; text-transform: uppercase;}
header .logo a {text-decoration: none; display: block; padding: 10px 0 15px 0px;}
header .logo a span {display: block}
header .logo .fn {font-size: 18px; color: #57addd}
header .logo .slogan {font-size: 12px; color: #6e6e6e; padding: 2px 0 0}
header nav {overflow: hidden; text-transform: uppercase;}
header nav ul {margin-bottom: 10px;}
header nav ul li {margin: 0 0 0 7px}
header nav ul li, header nav ul li a {display: inline-block; vertical-align: top}
header nav ul li a {color: #000; text-decoration: none; font-size: 16px;}
header nav ul li a, header nav ul li.active {padding: 9px 5px 10px; -moz-border-radius: 5px/5px; -webkit-border-radius: 5px/5px; border-radius: 5px/5px}
header nav ul li a:hover {background: #2350a3; color:#fff;}
header nav ul li.active {background: #2350a3; margin: 0 -5px 0 2px; padding-left: 10px; padding-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
header nav ul li a:hover, header nav ul li.active {color: #fff}
header .org_details {display: flex; flex-direction: column; font-size: 24px; color:#3d3e3d;}
header .org_details .wa-block {font-size: 18px;}
header .org_details .wa-block img {position: relative;top: 3px;}
header .org_details span .icon-phone, header .org_details span .icon-envelope{font-size:18px; color:#969799;}
span.work_hours a{font-size:18px;}

/*--------------------
	content
--------------------*/
section {margin: 18px 12px 0 330px; padding: 0 0 0 10px}
section.full {margin-left: 0; margin-right: 0;}
section .title {padding: 15px 0 9px}
section .title, section h1 {margin: 0 0 10px 0}
section .title b, section h1 b {width: 89px}

.container .inner {position: relative}
.container .inner section a {color: #2350a3}
.container .inner > img {position: absolute; bottom: -13px; right: -20px}
.container .inner > img:first-child {bottom: 0; width: 20px; height: 100%}

.index section {margin: 0 28px 0 330px; padding: 0}
.index section {margin: 0 28px 0 314px}
.menu_bot{margin: 0 28px 0 114px}
.index section .title {margin: 0}

.title, h1 {font-size: 14px; line-height: 20px; position: relative; overflow: hidden}
h1 {padding: 0 0 9px; margin-top: -22px!important; font-size:28px;  line-height: 34px; color: #c77a23;}
.title {padding: 17px 0 9px}
.title b, h1 b {border-bottom: 1px solid #d0cfc9; font: 0/0 sans-serif; height: 15px; overflow: hidden; display: block}
.title b:first-child, .title span, h1 b:first-child, h1 span {float: left; display: inline; margin: 0 7px 0 0}
.title b:first-child, h1 b:first-child {width: 10px!important}
.title span, h1 span {text-transform: uppercase; color: #c77a23 !important;}

.slider_place {position: relative; margin: -22px 0 0; background: #e2e1e1; border: 1px solid #d9d5d3; border-top: 1px solid #dedddd; padding: 21px 21px 6px}
.slider_place > img {position: absolute; left: 0; bottom: -13px; width: 100%; height: 13px}
.slider_place > img:first-child {bottom: auto; top: -12px}
.slider_place .slider {overflow: hidden; border-bottom: 1px solid #f4f4f4}
.slider_place .slider,
.slider_place .slider div {height: 265px}
.slider_place .slider div {position: relative}
.slider_place .slider div a {color: #2d2d2d; text-decoration: none}
.slider_place .slider div span {display: block}
.slider_place .slider div .text_place {width: 100%; height: 93px; position: absolute; left: 0; bottom: 0; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); overflow: hidden}
.slider_place .slider div .text_place .name {color: #2350a3; padding: 5px 7px 0; font-size: 24px; line-height: 38px}
.slider_place .slider div .text_place .text {padding: 0 7px; font-size: 14px; line-height: 18px; color: #2D2D2D;}
.slider_place .slider ul {list-style: none}
.slider_place .slider div {float: left; display: inline; width: 639px}
.slider_place .slider div img {width: 100%; min-height: 100%}
.slider_place .navig {padding: 8px 0 1px; text-align: center}
.slider_place .navig a {text-decoration: none; display: inline-block; vertical-align: top; width: 15px; height: 16px; margin: 0 2px; background: url(/bitrix/templates/clsl_courses/images/slider.png) no-repeat 0 0}
.slider_place .navig a:hover, .slider_place .navig a.selected {background-position: right 0}
.slider_place .navig a span {display: none}

.catalog {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
    margin-bottom: 10px;
}
.catalog.courses {padding: 0}
.catalog .post {border: 1px solid #dfdde0; border-radius: 5px; padding: 3px 10px 3px 3px; background: #fff; overflow: hidden; position: relative}
.catalog .post > img {float: left; display: inline; margin: 0 12px 0 0; border: 1px solid #c4c5c5; border-radius:5px;}
.catalog .post .name {font-size: 15px; line-height: 17px; color: #2350a3; padding: 0 0 3px}
.catalog .post .text {font-size: 13px; line-height: 14px; color: #8a8a8a}
.catalog .post .teacher {font-size: 10px; line-height: 12px; padding: 3px 0 0 160px}
.catalog .post .teacher .title {font-size: 10px; line-height: 18px; color: #3d3e3d; padding: 0; margin: 0}
.catalog .post .teacher .title b {height: 10px; width: 72px}
.catalog .post .teacher .title span {font-style: normal}
.catalog .post .teacher .fio {float: left; margin:3px 20px 3px 0; color: #8a8a8a; text-transform: uppercase}
.catalog .post .popup {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.catalog .post .popup .name, .catalog .post .popup .row {height: 100%}
.catalog .post .popup .name {float: left; display: inline; width: 412px; padding: 0 16px; line-height: 23px; text-align: center; color: #fff; font-size: 18px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.65); overflow: hidden}
.catalog .post .popup .row {background: #2350a3; padding: 2px 7px; color: #fff; font-size: 13px; line-height: 14px}
.catalog .post .popup .row .date {padding: 0 0 7px 0;}
.catalog .post .popup .row .date span {padding: 0;}
.catalog .post .popup .row .place{}
.catalog .post .popup .row .price {padding: 7px 0 3px}
.catalog .post .popup .row .price span {padding: 0;}
.catalog .post .popup .row .more_white {text-align: center; font-size: 16px; cursor:pointer; margin-top:10px;
padding: 5px 10px; border: 1px solid #d0cfc9; border-radius: 5px;}
.catalog .post .popup .row .date, catalog .post .popup .row .price, .catalog .post .popup .row .place{line-height:18px; padding-bottom:15px; font-family: "Open Sans", sans-serif;}
.catalog .post:hover .popup {display: block}

.more_white {font-size: 10px; line-height: 18px; text-transform: uppercase; padding: 3px 0 0}
.more_white a {color: #fff!important}

.two_cols {overflow: hidden}
.two_cols .col {float: right; display: inline; width: 49%}
.two_cols .col:first-child {float: left}
.two_cols .title {padding: 6px 0 9px}
.two_cols .title b {width: 154px}
.two_cols .who_we {width: 41%}
.two_cols .who_we .text {padding: 6px 0 0 13px}
.two_cols .who_we .text p {font-size: 13px; line-height: 18px; margin: 0; padding-bottom:10px;}
.two_cols .news_place {width: 56%}
.two_cols .news_place .news {padding: 9px 13px 0}
.two_cols .news_place .more {margin-right: 12px}

.news .post {border-bottom: 1px dashed #787878; padding: 24px 0 12px}
.news .post:first-child {padding-top: 0}
.news .post .date {float: left; display: inline; padding: 0 0 0 3px; width: 27px; border-right: 1px solid #c7c7c7; font-size: 10px; line-height: 10px; color: #777; margin: 0 12px 0 0; text-transform: uppercase}
.news .post .date b {font-size: 18.18px; line-height: 20px; display: block; padding: 0 0 1px}
.news .post .more {float: right; display: inline; margin: -1px 0 0; padding: 0}
.news .post .name {font-size: 14px; line-height: 18px; color: #3d3e3d; margin: -3px 0 5px}
.news .post .text {line-height: 14px}

.clients_place .title {padding: 3px 0 0}
.clients_place .title b {width: auto}
.clients_place .clients {height:120px; line-height: 61px; text-align: center; margin: -3px 0 0}
.clients_place .clients img {vertical-align: bottom; max-height: 61px; margin: 0 24px}

.menu_bot {padding: 32px 0 13px; font-size: 13px; text-transform: uppercase}
.menu_bot ul {list-style: none; padding: 0 0 0 13px}
.menu_bot ul li {display: inline-block; padding: 0 5px 0 9px; border-left: 1px solid #888; vertical-align: top; height: 14px; line-height: 14px}
.menu_bot ul li:first-child {padding-left: 0; border: 0}
.menu_bot ul li a {color: #2350a3}

.gallery {width: 202px; padding: 0 12px 0 0}
.gallery .photo_big {width: 200px; overflow: hidden; border: 1px solid #d0cfc9; border-radius:5px;}
.gallery .photo_big img {width: 200px; vertical-align: top; }
.gallery p {padding: 9px 2px 8px; color: #3d3e3d; font-size: 11px}
.gallery .thumbs {margin: 0 -11px 0 0; list-style: none}
.gallery .thumbs li {margin: 0 11px 7px 0; float: left; display: inline; padding-top:10px;}
.gallery .thumbs li a {display: block; width: 58px; height: 58px; overflow: hidden; border: 1px solid #d0cfc9; border-radius: 5px;}
.gallery .thumbs li a img {min-height: 100%; }

.course p, .course h2 {margin: 0 !important}
.course h2 {padding: 0px 0px 7px !important}
.course .text_place {padding: 2px 0 0 6px; font-size: 13px; line-height: 18px; color:#3d3e3d;}
.course .text_place .details {padding: 0 0 17px}
.course .text_place .details p {padding: 0 0 3px}
.course .text_place .text p {padding: 8px 0 6px; line-height: 18px}
.course .text_place .table {margin-left: -6px !important}

.table {background: #fff; border: 1px solid #ebecef; padding: 1px}
.table, .table table {-moz-border-radius: 7px 7px 2px 2px; -webkit-border-radius: 7px 7px 2px 2px; border-radius: 7px 7px 2px 2px}
.table table {font-size: 13px; width: 100%; background: #fff; border-collapse: collapse}
.table table th, .table table td {border: 2px solid #ebecef; background: #fff}
.table table th {padding: 0 1px; border-top: 0; border-bottom: 0; text-align: center; font-weight: normal; color: #3d3e3d; text-transform: uppercase}
.table table thead tr th:first-child {border-left: 0; padding-left: 0}
.table table thead tr th:first-child, .table table thead tr th:first-child div {-moz-border-radius: 7px 0 0 0; -webkit-border-radius: 7px 0 0 0; border-radius: 7px 0 0 0}
.table table thead tr th:last-child {border-right: 0; padding-right: 0}
.table table thead tr th:last-child, .table table thead tr th:last-child div {-moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0 7px 0 0; border-radius: 0 7px 0 0}
.table table th div {background: #ebecef; height: 37px; line-height: 16px; padding: 5px 3px 0;}
.table table tbody {line-height: 11px}
.table table tbody td {padding: 4px 6px 6px; line-height:16px; color:#3d3e3d;}
.table table tbody tr td:first-child {border-left: 0}
.table table tbody tr td:last-child {border-right: 0}
.table table tbody tr:first-child td {border-top: 0}
.table table tbody tr:last-child td {border-bottom-width: 1px}
.course .table {margin-top: 18px}

.form.bg {background: #e0e1e6 url(/bitrix/templates/clsl_courses/images/bg_form.png) repeat-x 0 bottom; padding: 8px 18px 10px 12px; margin: 1px 0 17px; overflow: hidden}
.form.bg h2 {text-transform: uppercase; font-size: 14px; padding: 0 0 10px}
.form.bg input, .form.bg .select, .form.bg textarea {border: 1px solid #ececec; height: 27px; line-height: 27px; padding: 0 6px; width: 252px; margin: 0 0 7px; background: #fff; color: #b8b8b8}
.form.bg .col {overflow: hidden; padding: 0 0 5px}
.form.bg .col:first-of-type {float: left; display: inline; margin: 0 16px 0 0; width: 266px; overflow: visible}

.form.bg .select_place .select, .form.bg input, .form.bg textarea {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
.form.bg .select_place .select .top b {top: 0; width: 26px; height: 28px; background: url(/bitrix/templates/clsl_courses/images/select_arrow2.png) no-repeat 0 0}
.form.bg .select_place .select .drop {top: 27px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px}
.form.bg .select_place .select .drop li a {padding: 1px 6px; color: #b8b8b8}
.form.bg .select_place .select.active {-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0}

.form.bg .note {font-size: 13px; line-height: 14px}

.area {padding: 0 30px 0 0}
.area textarea {padding: 1px 14px!important; width: 100%!important; height: 98px!important}

.file {overflow: hidden}
.file input {float: left; display: inline; width: 141px!important}
.file .button {float: right; display: inline; padding: 1px 0 5px!important}

.button.small button {height: 24px; font-size: 13px; padding-top: 1px!important; text-shadow: none; text-transform: uppercase; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.button.blue.small button {background: #7fc2ea; -webkit-box-shadow: 0 2px 0 #57b0e6; -moz-box-shadow: 0 2px 0 #57b0e6; box-shadow: 0 2px 0 #57b0e6; width: 98px}
.button.blue.small button:hover {background: #69b8e7}

.button.red.small {padding: 3px 0 0!important}
.button.red.small button {background: #6da2d2!important; -webkit-box-shadow: 0 2px 1px #6788b4; -moz-box-shadow: 0 2px 1px #6788b4; box-shadow: 0 2px 0 #6788b4; padding: 0 14px}
.button.red.small button:hover {background: #6788b4!important}

.posts_short .post {border-top: 1px solid #e5e5e5; overflow: hidden; padding: 15px 0 14px; color: #8a8a8a; font-size: 13px; line-height: 14px}
.posts_short .post:first-child {border: 0; padding-top: 0}
.posts_short .post .photo {width: 125px; margin: 0 14px 0 0; float: left; display: inline}
.posts_short .post .photo img {width: 100%; vertical-align: top; border: 1px solid #d0cfc9; border-radius:5px; margin-top:5px;}
.posts_short .post .name {font-size: 15px; line-height: 21px; padding: 5px 0 0}
.posts_short .post .text {padding: 2px 0 6px; color:#3d3e3d;}
.posts_short .post .autor {color: #909092; margin-left:142px; font-style: italic;}

/*--------------------
	left
--------------------*/
aside {float: left; margin-left: -100%; width: 278px; padding: 0 18px; background:#ebecef;}
aside .title b {margin-right: 26px}
aside .form .title {font-size: 22px; line-height: 43px; color: #000; text-shadow: 1px 1px 1px #fff; padding: 7px 0 6px}
aside .form {text-align: center; height: 296px}
aside input, aside .select, aside select {font-size: 16px}
aside .select_place {text-align: center}

.form .button {padding: 19px 0 0}

.menu_left {margin: 0 12px 0 10px}
.menu_left ul {list-style: none; font-size: 14px; line-height: 14px; padding: 0 1px; border: 1px solid #f1eeec; border-top: 0; border-bottom: 0; background: #fff}
.menu_left ul li {border-top: 1px solid #d8d7d1; padding: 1px 0; display:block; clear:both; height:55px;}
.menu_left ul li:first-child {border: 0}
.menu_left ul li a {color: #3d3e3d; text-decoration: none; padding: 10px 5px 11px; display:block;}
.menu_left ul li a:hover {background: #ebecef}
.menu_left ul li img{float:left; margin-right:10px; margin-left:5px;}
.menu_left ul li a span{display:block; padding-top:10px; font-size:16px;}

.shadow_right {margin: 0 -7px -18px 0; height: 21px; background: url(/bitrix/templates/clsl_courses/images/shadow_right.png) no-repeat right 0}

.reviews {padding: 0 27px 0 0; font-size: 13px; line-height: 14px}
.reviews .post {border-bottom: 1px solid #e1e1e1; padding: 13px 0 17px 11px; overflow: hidden}
.reviews .post:first-child {padding-top: 7px}
.reviews .post img {float: left; display: inline; margin: 2px 13px 0 0; padding: 2px; background: #fff; border: 1px solid #c5c5c5; -webkit-box-shadow: 0 0 4px #EEEBEB; -moz-box-shadow: 0 0 4px #EEEBEB; box-shadow: 0 0 4px #EEEBEB}
.reviews .post .text {color: #3d3e3d; padding: 0 0 12px; line-height: 16px;}
.reviews .post .autor {color: #aaaaaa}

.more {text-align: right; padding: 6px 0 2px; font-size: 12px!important; line-height: 16px!important}
.more a {color: #fff!important; text-decoration: none}
.more span, .more b {background: #2350a3; display: inline-block; vertical-align: top; margin: 0 0 0 -3px; padding-bottom: 1px!important; height: 20px; padding-top:5px !important;}
.more span {padding: 0 6px}
.more b {font-size: 20px!important; line-height: 14px!important; font-weight: normal; padding: 0 5px 0 3px}
.more a:hover span, .more a:hover b {background: #4ca3d5}

.social_place {padding: 5px 0 20px 11px}
.social_place a {margin: 0 0 0 -3px}
.social_place a:first-child {margin: 0}
.social_place a:hover img {filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}

div.news-detail img{border: 1px solid #d0cfc9; border-radius: 5px;}

/*--------------------
	footer
--------------------*/
footer {background: url(/bitrix/templates/clsl_courses/images/back.png) #1e396b 0 0 no-repeat; position: relative; z-index: 3; color: #fff}
footer .inner {position: relative}
footer .inner > img {position: absolute; left: 0; top: -14px; width: 100%; height: 14px}
footer  .col {display: inline-block; vertical-align: top}
footer .col .title {color: #fff; font-size: 14px; line-height: 34px; text-transform: uppercase; padding: 0 0 5px}
footer .map_place {width: 312px; /*background: url(/bitrix/templates/clsl_courses/images/shadow_map.png) no-repeat right bottom; */margin: 0 34px 0 0}
footer .map_place .map {margin: 0 14px 20px 0; padding: 4px 5px; background: #fff; -webkit-box-shadow: -1px 0 0 #b7b7b7; -moz-box-shadow: -1px 0 0 #b7b7b7; box-shadow: -1px 0 0 #b7b7b7}

footer input, footer .select, footer textarea {margin: 0 0 7px; height: 27px; line-height: 27px; -moz-border-radius: 5px; -webkit-border-radius: 2px; border-radius: 3px; width: 252px; padding: 0 6px; color: #b8b8b8;
font-family: "Open Sans", sans-serif;}
footer textarea{height:60px;}
footer .select_place .select .top b {width: 30px; height: 27px; background: url(/bitrix/templates/clsl_courses/images/arrow_down.png) no-repeat center center}
footer .select_place .select .drop {top: 29px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; height: 170px; overflow-y: auto}
footer .select_place .select .drop li a {padding: 2px 13px}
footer .select_place .select .drop li a.active {font-weight: bold}
footer .select_place .select.active {-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0}
footer .form {width: 266px; margin: 0 73px 0 0}
footer .form .button {padding: 9px 0 0}

footer .vcard .title {padding: 0 0 12px}
footer .vcard div {padding:8px 0 0 25px; margin: 0 0 6px; /* height: 25px; line-height: 25px */}
footer .vcard div:first-child {margin: 0}
footer .vcard .tel {background: url(/bitrix/templates/clsl_courses/images/ico_tel.png) no-repeat 4px center; margin-bottom:8px !important;}
footer .vcard .email {background: url(/bitrix/templates/clsl_courses/images/ico_email.png) no-repeat 0 center; margin: 0 0 7px; padding-left:28px;}
footer .vcard .address {background: url(/bitrix/templates/clsl_courses/images/ico_address.png) no-repeat 0 center; margin-left:5px;}
footer .vcard .skype {background: url(/bitrix/templates/clsl_courses/images/ico_skype.png) no-repeat 0 center; margin: 0 0 10px}
footer .vcard .icq {background: url(/bitrix/templates/clsl_courses/images/ico_icq.png) no-repeat 1px center}
footer .copy {position: absolute; right: 0; bottom: 12px; font-size: 13px; line-height: 18px; text-align: right}

.form-sub{background: #e0e1e6 url(/bitrix/templates/clsl_courses/images/bg_form.png) repeat-x 0 bottom;
    padding: 8px 18px 10px 12px;
    margin: 1px 0 17px;}
.subscribe-form-item__btn--btn-submit{cursor:pointer;
background: #6da2d2!important;
    -webkit-box-shadow: 0 2px 1px #6788b4;
    -moz-box-shadow: 0 2px 1px #6788b4;
    box-shadow: 0 2px 0 #6788b4;
width:150px; padding:0;
color:#fff;
text-transform: uppercase;}
.subscribe-form-item__control{padding:1px 3px; height:25px; border-radius:5px;}
.subscribe-form-item__label{color: #3d3e3d;}

.sub{border:1px solid #fff; border-radius:5px; color:#fff; display:block; padding:5px 10px; margin-top:30px; text-align:center; text-decoration:none; font-size:15px; background:#27345c;}

/*--------------------
	popup_place
--------------------*/
.popup_place {position: absolute; left: 0; top: 0; width: 100%; display: none}
.popup_place .bg {background: rgb( 0, 0, 0); background: rgba( 0, 0, 0, 0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100}
.popup_place .popup {background: #fff; margin: 0 auto; width: 327px; border: 1px solid #d1d1d1; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; z-index: 101}
.popup_place .popup .close {position: absolute; right: 11px; top: 11px; width: 28px; height: 28px; text-indent: -9999px; overflow: hidden; text-decoration: none; background: url(/bitrix/templates/clsl_courses/images/close.png) no-repeat 0 0}
.popup_place .popup .in {padding: 16px 29px; font-size: 13px; line-height: 11px}
.popup_place .popup .in .text {padding: 0 0 19px}
.popup_place .popup .in .text p {padding: 4px 0 3px}
.popup_place, .popup_place input {color: #bbbbbb}

.popup_window .title {color: #747474; text-transform: uppercase; padding: 0 0 4px}
.popup_window .input input {height: 27px; line-height: 27px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 252px; padding: 0 6px; margin: 0 0 7px; border: 1px solid #ececec}
.popup_window .button.mid {padding: 18px 0 15px}
.popup_window .drop {margin: 20px}
.popup_window .drop li {list-style: none}
.popup_window .drop li a {display: block; height: 27px; line-height: 27px; padding: 3px 13px; text-decoration: none}
.popup_window .drop li a:hover {background: #f3f3f3}


.button.mid button {height: 33px; font-size: 18px; text-shadow: 0 1px 0 #2e5091; border: 1px solid #7bb0e1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #90bee7 url(/bitrix/templates/clsl_courses/images/button_blue_mid.png) repeat-x 0 bottom!important}
.button.blue.mid button {background: #7fc2ea; -webkit-box-shadow: 0 2px 3px #6f7175; -moz-box-shadow: 0 2px 3px #6f7175; box-shadow: 0 2px 3px #6f7175}

/* courses */
.inner ul.courses {display: flex;gap: 1rem; flex-wrap: wrap; list-style: none; margin: 0 0 1rem 0;padding: 0}
.inner .courses li {padding: 1rem; text-align: center; border: 1px solid #2350a3;border-radius: 0.5rem;}
.inner .courses li a {text-decoration: none;font-size: 1rem;}
.inner .courses li:hover {background: #2350a3}
.inner .courses li:hover a {color: #fff}
.inner .courses li .c_detail {display: block; line-height: 27px; font-size: 13px; color: #fff !important; text-transform: uppercase; border-radius: 2px; text-decoration: none; width: 98px; height: 27px; margin: 0px auto; text-align: center; background: url(/bitrix/templates/clsl_courses/images/c_detail_bg.png) repeat-x}


/* actions */
.action_item {float: left; width: 220px; height:250px; overflow:hidden; font-size: 13px; line-height: 14px; color: #8a8a8a; padding-bottom: 12px; margin-bottom: 12px;}
.action_item:last-child {border: 0}
.action_item .a_img {width: 200px; height: 200px; margin-right: 18px; float: left}
.action_item .a_img img {width: 200px; height: 200px; border: 1px solid #d0cfc9; border-radius: 5px;}
.action_item .a_info {float: left; padding-top: 7px}
.action_item .a_period {margin-bottom: 12px}
.action_item .a_period span {color: #2350a3}
.action_item .a_name {font-size: 15px; line-height: 18px; color: #3d3e3d; padding-right:15px;}
.action_item .a_text {margin-top: 11px}
.action_item .a_text_title {font-weight: bold; margin-bottom: 3px; color: #747474}
h2.part{clear:both; margin:25px 0 15px !important; padding:10px 0 8px 0 !important; border-bottom:1px solid #ebecef; color:#3d3e3d; font-size:24px;}

/* news */
.news_item {float: left; width: 616px; font-size: 13px; line-height: 14px; color: #8a8a8a; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5}
.news_item:last-child {border: 0}
.news_item .a_img {width: 125px; height: 125px; border: 1px solid #8a8a8a; margin-right: 18px; float: left}
.news_item .a_img img {width: 125px; height: 125px}
.news_item .a_info {float: left; width: 450px; padding-top: 7px}
.news_item .a_period {margin-bottom: 12px}
.news_item .a_period span {color: #2350a3}
.news_item .a_name {font-size: 15px; line-height: 18px; color: #3d3e3d}
.news_item .a_text {margin-top: 11px}
.news_item .a_date {font-size: 12px; color: #F2AD03}
.news_item .a_text_title {font-weight: bold; margin-bottom: 3px; color: #747474}
.news_item .more {float: right; display: inline; margin: 3px 0 0; padding: 0}

.news_detail {margin-bottom: 20px}
.news_detail .d_img {width: 200px; border: 1px solid #8a8a8a; margin-right: 18px; float: left; line-height: 0}
.news_detail .d_title {font-size: 15px; line-height: 22px; color: #3d3e3d; margin-bottom: 6px}
.news_detail .d_date {}
.news_detail .d_text {font-size: 13px; line-height: 14px; margin-top: 14px}

p.sublink, p.sublink a{font-style:italic; color:#929292 !important; font-size:12px !important; padding-top:10px; text-align:right;}
p.sublink a, p.sublink a:hover{text-decoration:none; color:#c7c8c9 !important;}


/* contacts */
.contacts_item {width: 615px; paddng-bottom: 29px; border-bottom: 1px solid #e5e5e5; margin-bottom: 29px}
.contacts_item .map {border: 1px solid #d0cfc9; border-radius: 5px; margin-right: 13px}
.c_info{margin-top:20px;}
.contacts_item .c_title {font-size: 15px; color: #3d3e3d; margin-bottom: 12px}
.contacts_item:last-child {border: 0}

.result_text {font-size: 18px; color: #c77a23; text-align:center;}
#review_form textarea {overflow: hidden; line-height: 16px}
#review_form .result_text {font-size: 12px; color: ##929292;}

.p404 {text-align: center}
.p404 a {font-family: Tahoma; font-size: 13px; color: #565656 !important; display: block}
.clsl {text-decoration: none; color: #fff}

/*ie8*/
.slider_place .slider li .text_place {zoom:1; *background:#fff; background:#fff/9; filter:alpha(opacity=50)}
.catalog .post .popup .name {zoom:1; *background:#000; background:#000/9; filter:alpha(opacity=65); height: 116px/9; line-height: 116px/9}
.popup_place .bg {zoom:1; *background:#000; background:#000/9; filter:alpha(opacity=50)}

.select_place .select .top b{display:none;}

fieldset{border:1px solid #e1e1e1; border-radius:3px; margin-top:20px;}
.legendhead{color: #2350a3; font-size:16px;}
.bigforma{width:90%;}
.bigforma td{color: #3d3e3d;}
.bigforma th{padding-top:5px; color: #3d3e3d; text-align:left; font-weight:normal; width:210px;}
.bigforma input{margin:5px 0 0; width:100%;}
.instruction{margin-bottom:10px; color: #929292;}
.bigforma input.bigradio{width:30px; height:25px; float:left; margin:0; padding:0;}
.forbigradio{float:left; margin:6px 0 0 0; padding:0;}
.bigforma textarea{resize: vertical; width:100%;}

.trigger{
	display: none;
}

@media screen and (max-width: 1280px){
    header nav ul li a {
        font-size: 14px;
    }
    .catalog{
        grid-template-columns: 100%;
    }
}

@media screen and (max-width: 1024px){
	body{
		min-width: 768px;
		overflow-x: hidden;
	}
	header{
		width: 748px;
	}
	.container > .inner{
		width: 768px;
		margin: 0px;
	}
	header{
		display: flex;
		justify-content: center;
		align-content: center;
		margin: 0;
		width: 768px;
	}
	header nav{

	}
	header nav ul li{
	    margin: 0px;
	    width: 100%;
	    margin-bottom: 15px!important;
	    text-align: center;
	}
	header nav ul li.active{
		margin: 0 auto;
		padding: 10px 0px;
		border-radius: 0px;
	}
	header nav ul{
		text-align: left;
		display: none;
	    position: fixed;
	    z-index: 999;
	    width: 100vw;
	    left: 0px;
	    top: 0;
	    background: #fff;
	    height: 100vh;
	    padding-top: 100px;
	}

	header .org_details{
		margin-left: 0px!important;
		width:auto;
		font-size: 20px;
		display: flex;
	    align-items: center;
	    justify-content: center;
		padding: 0;
		margin-top: 0;
        flex-wrap: wrap;
	}
	.trigger{
		display: block;
	    position: absolute;
	    right: 20px;
	    top: 15px;
	    font-size: 20px;
	    padding-right: 40px;
	    background: url(/bitrix/templates/clsl_courses/images/burger.png) no-repeat right center;
	    height: 40px;
	    line-height: 40px;
	    z-index: 99999;
	}
	.cur_trigger{
		background:  url(/bitrix/templates/clsl_courses/images/closers.png) no-repeat right center;
	}
	span.work_hours a{
		font-size: 14px;
	}
	.header_search{
		width: 175px;
		margin: 0;
	    margin-top: 70px;
	    margin-left: 20px;
	}
	.slider_place .slider div{width: auto!important;}
	.slider_place .slider div img{max-width: 380px;height: auto;}
	footer .inner {
	    position: relative;
	    display: flex;
	    justify-content: center;
	    flex-flow: column;
	    align-items: center;
	    height: auto;
	    padding-top: 20px;
	    text-align: center;
	    margin: 0;
	    width: 768px;
	}
	footer  .col{
		margin: 0 auto;
	}
	footer .vcard .tel{background: url(/bitrix/templates/clsl_courses/images/ico_tel.png) no-repeat 85px center;}
	footer .vcard .email{background: url(/bitrix/templates/clsl_courses/images/ico_email.png) no-repeat 60px center}
	.sub{margin-top: 10px;margin-bottom: 30px;}
	#review_send_btn{height: 36px;}
	img{max-width: 100%;height: auto;}
	.catalog .post .popup .name{
		width: 300px;
	}
	/*tablet*/
}
@media screen and (max-width: 1024px){
	body{overflow: visible;
		min-width:320px;
	}
	header{
		flex-flow: column;
		height: 100%;
		width: 320px;
    	justify-content: center;
    	margin: 0 auto;
	}
	.header_search{
		margin: 0 auto;
		margin-bottom: 10px;
		margin-top: 10px;
		width: 200px;
	}
	.trigger{
		top: 15px;
	}
	.menu_left,
	.reviews,
	.slider_place,
	.menu_bot{
		display: none;
	}
	.container > .inner{
	    width: 320px;
	    display: flex;
	    justify-content: center;
	    flex-flow: column;
	    flex-flow: column-reverse;
	    margin: 0 auto;
	}
	.index section{
		margin: 0;
	}
	.two_cols .who_we,
	.two_cols .news_place{
		width: 100%;
	}
	aside{
		margin: 0;
		display: none;
		float: none;
	}
	.menu_left ul{
		width: 310px;
    margin-left: 2px;
	}
	.content-bg{
		margin-top: 10px;
	}
	.catalog .post{
		display: flex;
    	justify-content: center;
    	flex-flow: column;
	}
	.catalog .post img{
		max-width: 200px;
		display: block;
		margin: 0 auto;
		height: auto;
		margin-bottom: 10px;
	}
	.catalog .post .name{
		margin-bottom: 10px;
	}
	.catalog .post:hover .popup{display: flex;}
	section{margin: 0 auto;padding: 0px;}
	footer .inner{width: 320px;margin: 0 auto;}
	.container .inner > img:first-child{display: none;}
	.inner .content-bg p.price{font-size: 16px;}
	.table{overflow: scroll;padding-bottom: 40px;}
	div.p1{margin-left: 5px;}
	div.p2{width: auto;text-align: center;margin: 0 auto;width: 240px;}
	.course .text_place{width: 320px;}
	.gallery{width: 300px;text-align: center;display: none;}
	.gallery .photo_big{margin: 0 auto;}
	.menu_left{
		margin-left: -20px;
	}
	.catalog .post .popup .row .more_white{
		font-size: 12px;
	}
	aside >  div:nth-child(1){
		background: url('/bitrix/templates/clsl_courses/images/arrow_d.png') no-repeat 80% center;
	}
	.news_item{
		display: flex;
	    flex-flow: column;
	    justify-content: center;
	    align-items: center;
	    width: 100%;
	}
	.news_item .a_info{
		width: 300px;
		margin: 0 auto;
	}
	.contacts_item{
		width: 100%;
		padding-bottom: 20px;
	}
	h1{
		font-size: 18px;
		margin: 0 !important;
		width: 320px;
		line-height: 1.2;
	}
	blockquote {
    padding: 5px 5px;
	}
	blockquote::before {
    display: none;
	}
	header .logo a {
    padding: 0;
	}
	header .logo img {
    width: 105px;
	}
        .bigforma th {
        width: unset;
        }
	.org_details span .icon-envelope {
    margin-left: 0px;
	}
	.social, .social_place {
    display: none;
	}
	.bx-breadcrumb {
	margin: 0;
	}
 
	.inner ul.courses li {
        width: 100%;
    }
}

@media screen and (max-width: 768px){
    header {
        margin-top: 50px;
    }
}
/* End */
/* /bitrix/templates/clsl_courses/components/bitrix/menu/top_multilevel/style.css?17339096171601 */
/* /bitrix/templates/clsl_courses/components/bitrix/breadcrumb/template1/style.min.css?1476003264448 */
/* /bitrix/templates/clsl_courses/styles.css?17528281948893 */
/* /bitrix/templates/clsl_courses/template_styles.css?175282819436442 */