/* Start:/local/templates/2021/components/bitrix/catalog/courses/style.css?17599191561122*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

/* End */


/* Start:/local/templates/2021/components/bitrix/catalog.element/.default/style.css?17852470716256*/
.ElementDetail{
    padding-bottom: 50px;
}
.ElementDetail ._Info{
    padding-bottom: 30px;
}
.ElementDetail ._Info ._detail_img{
    float: right;
    margin: 0px 0px 15px 30px;
    overflow: hidden;
    border-radius: 10px 10px 0px 10px;
}
.ElementDetail ._Info ._detail_img img{
    border: 1px solid #efefef;
    padding:3px;
    background-color: #fff;
    border-radius: 10px 10px 0px 10px;
}
.ElementDetail ._Info ._detail_img a{
    display: block;
    font-size: 0px;
    position: relative;
    z-index: 0;
}
.ElementDetail ._Info ._detail_img a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px;
    z-index: 1;
    display: block;
    content: '';
    background-color: #000;
    opacity: 0;
    width: 0%;
    height: 0%;
    border-radius: 10px 10px 0px 10px;
}
.ElementDetail ._Info ._detail_img a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px 0px 0px 0px;
    z-index: 2;
    content: 'zoom_in';
    opacity: 0;
    font-family: "Material Icons";
    font-size: 0px;
    color: #fff;
}
.ElementDetail ._Info ._detail_img a:hover:before {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
}
.ElementDetail ._Info ._detail_img a:hover:after {
    opacity: 1;
    margin: -50px 0px 0px -30px;
    font-size: 70px;
    transition: all .7s ease;
}
.ElementDetail ._Info ._text{}

.ElementDetail .ImgArray{
    font-size: 0px;
    margin: 0px -5px;
}
.ElementDetail .ImgArray ._title{
    font-size: 26px;
    font-weight: 400;
    line-height: 100%;
    padding: 0px 5px 20px 5px;
    text-shadow: 3px 3px 0px rgb(0,0,0,0.1);
}
.ElementDetail .ImgArray ._block{
    display: inline-block;
    width: 20%;
    padding: 0px 5px 10px 5px;
}
.ElementDetail .ImgArray ._block a{
    display: block;
    position: relative;
    z-index:0;
}
.ElementDetail .ImgArray ._block a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px;
    z-index: 1;
    display: block;
    content: '';
    background-color: #000;
    opacity: 0;
    width: 0%;
    height: 0%;
    border-radius: 10px 10px 0px 10px;
}
.ElementDetail .ImgArray ._block a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px 0px 0px 0px;
    z-index: 2;
    content: 'zoom_in';
    opacity: 0;
    font-family: "Material Icons";
    font-size: 0px;
    color: #fff;
}
.ElementDetail .ImgArray ._block a:hover:before {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
}
.ElementDetail .ImgArray ._block a:hover:after {
    opacity: 1;
    margin: -50px 0px 0px -30px;
    font-size: 70px;
    transition: all .7s ease;
}
.ElementDetail .ImgArray ._block a img{
    max-width: 100%;
    border-radius: 10px 10px 0px 10px;
}

.ElementDetail ._InfoBlock{
    padding: 30px 0px 0px 0px;
}
.ElementDetail ._InfoBlock .list{
    font-size: 0px;
    margin: 0px -15px;
}
.ElementDetail ._InfoBlock .list ._item{
    padding: 0px 15px;
    display: inline-block;
    width: 25%;
    vertical-align: top;
    font-size: 14px;
    color: #000;
}
.ElementDetail ._InfoBlock .list ._item ._b{
    border-radius: 8px;
    padding: 15px;
    border: 2px solid #714cea;
}
.ElementDetail ._InfoBlock .list ._item ._name{
    text-transform: uppercase;
    font-weight: 600;
}
.ElementDetail ._InfoBlock .list ._item ._block{
    padding: 5px 0px 0px 0px;
}
.ElementDetail ._InfoBlock .list ._item ._block > div{
    position: relative;
    z-index: 0;
    padding: 0px 0px 0px 0px;
}
.ElementDetail ._InfoBlock .list ._item ._b:hover ._block > div:before{
    opacity: 1;
}
.ElementDetail ._InfoBlock .list ._item ._block > div + div{}

.ElementDetail .educator_list{
    padding: 50px 0px 0px 0px;
}
.ElementDetail .educator_list .title{
    font-size: 26px;
    font-weight: 400;
    line-height: 100%;
    padding: 0px 0px 20px 0px;
    text-shadow: 3px 3px 0px rgb(0,0,0,0.1);
}
.ElementDetail .educator_list .list{}
.ElementDetail .educator_list .list ._item{
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    clear: both;
    box-shadow: 3px 3px 0px rgb(0,0,0,0.1);
}
.ElementDetail .educator_list .list ._item + ._item{
    margin-top: 15px;
}
.ElementDetail .educator_list .list ._item .foto{
    float: left;
    margin: 0px 30px 0px 0px;
}
.ElementDetail .educator_list .list ._item .foto img{
    border-radius: 0px 50% 50% 0px;
    max-width: 200px;
}
.ElementDetail .educator_list .list ._item ._info{
    padding: 30px;
}
.ElementDetail .educator_list .list ._item .foto + ._info{}
.ElementDetail .educator_list .list ._item ._info a.name{
    font-size: 24px;
    position: relative;
    display: inline-block;
    z-index: 0;
    padding-bottom: 10px;
    color: #63747e;
}
.ElementDetail .educator_list .list ._item ._info a.name:hover{
    text-decoration: none;
}
.ElementDetail .educator_list .list ._item ._info a.name:before {
    width: 100%;
    height: 1px;
    background-color: #d4e7ee;
    opacity: .3;
    display: block;
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.ElementDetail .educator_list .list ._item ._info a.name:after {
    width: 100px;
    height: 3px;
    background-color: #f9ce0d;
    opacity: 1;
    display: block;
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.ElementDetail .educator_list .list ._item ._info a.name:hover:after{
    width: 50%;
}

.ElementDetail .educator_list .list ._item ._info .text{
    padding: 20px 0px 0px 0px;
    font-size: 16px;
}
.ElementDetail .educator_list .list ._item ._info ._cours{
    padding: 15px 0px 0px 0px;
    font-size: 14px;
}
main{
    background-position: 50% 100% !important;
}

@media screen and (max-width: 900px) {
    .ElementDetail ._InfoBlock .list ._item{
        width: 50%;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 500px) {
    .ElementDetail ._InfoBlock .list ._item{
        width: 100%;
        padding-bottom: 10px;
    }
}


.block-innova{
	display:flex;
	gap:40px;
	align-items:center;
	margin: 40px 0 0px 0;

	.logo img {
		width:300px;
		max-width:100%;
	}
}
@media screen and (max-width: 500px) {
	.block-innova{
		flex-direction:column;
		gap:0;

		.logo img {
			width:250px;
		}
	}
}


/* End */


/* Start:/local/templates/2021/components/bitrix/catalog.section/.default/style.css?17599191562709*/
.ListCourses{
    font-size: 0px;
    margin: 0px -15px;
    padding: 0px 0px 50px 0px;
}
.ListCourses .BlockCourses{
    display: inline-block;
    font-size: 14px;
    width: 33%;
    padding: 0px 15px 50px 15px;
    vertical-align: top;
}
.ListCourses .BlockCourses ._block{
    font-size: 0px;
    display: block;
    text-align: center;
    box-shadow: -4px 7px 10px rgb(0,0,0,0.2);
    border-radius: 8px;
    padding-bottom: 40px;
    min-height: 200px;
    background-color: #fff;
    position: relative;
    z-index: 0;
}
.ListCourses .BlockCourses .img{
    position: relative;
    z-index: 0;
}
.ListCourses .BlockCourses .img img{
    max-height: 280px;
    border-radius: 8px;
    width: 100%;
}
.ListCourses .BlockCourses .img:before{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    content: '';
    display: block;
    background-image: url('/img/lin_img.png');
    background-position: 50% 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 43px;
    z-index: 1;
}
.ListCourses .BlockCourses ._block .name{
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 30px 30px 0px 30px;
    font-size: 24px;
    color: #714cea;
    min-height: 80px;
    font-weight: bold;
}
.ListCourses .BlockCourses ._block:hover{
    text-decoration: none !important;

}
.ListCourses .BlockCourses ._block .text{
    font-size: 16px;
    color: #000000;
    padding: 0px 30px 0px 30px;
    font-weight: 600;
}
.ListCourses .BlockCourses ._block .detail{
    position: absolute;
    bottom: -15px;
    left: 50%;
    z-index: 1;
    font-size: 18px;
    color: #714cea;
    font-weight: 600;
    width: 170px;
    text-align: center;
    padding: 7px 0px;
    background-color: #fff;
    box-shadow: 0px 2px 9px rgb(0,0,0,0.39);
    display: block;
    border-radius: 8px;
    margin: 0px 0px 0px -85px;
}
.ListCourses .BlockCourses a:hover .detail{
    background-color: #e12fa9;
    color:#fff;
}

.SectionDesc h2,
.SectionDesc h3{
	font-weight:bold;
	font-size:150%;
}
.SectionDesc h3{
	font-size:130%;
}

@media screen and (max-width: 1100px) {
    .ListCourses .BlockCourses ._block .name{
        font-size: 18px;
        padding: 10px 0px 0px 0px;
        min-height: 0px;
    }
    .ListCourses .BlockCourses ._block .text{
        font-size: 12px;
        padding: 15px 15px 0px 15px;
    }
    .ListCourses .BlockCourses ._block .detail{
        font-size: 14px;
    }
}
@media screen and (max-width: 900px) {
    .ListCourses .BlockCourses{
        width: 49%;
    }
}
@media screen and (max-width: 500px) {
    .ListCourses .BlockCourses{
        width: 100%;
    }
}
/* End */
/* /local/templates/2021/components/bitrix/catalog/courses/style.css?17599191561122 */
/* /local/templates/2021/components/bitrix/catalog.element/.default/style.css?17852470716256 */
/* /local/templates/2021/components/bitrix/catalog.section/.default/style.css?17599191562709 */