/* Start:/local/templates/kpsu/components/bitrix/news/profession/bitrix/news.detail/.default/style.css?94666680037187*/


.chart-wrap{
	border: 1px solid #7C0130;
	border-radius: 5px;
	padding: 20px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.chart-item-1{
	height: 196px;
	width: 196px;
}

.chart-item-2{
	width: 248px;
	padding: 8px 15px;
	background-color: #ECEFF3;
	border-radius: 5px;
}

.chart-item-3{
	width: 235px;
}

.chart-line-text{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #000000;
}

.chart-line-bar{
	background: #ECEFF3;
	width: 100%;
	height: 25px;
	margin: 11px 0px;
}

.chart-line-bar-in{
	height: 25px;
	background-color: #7C0130;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	color: #FFFFFF;
	padding: 0px 10px 0px 0px;
	text-align: right;
}



@property --p{
  syntax: '<number>';
  inherits: true;
  initial-value: 1;
}

.pie {
  --p:20;
  --b:39px;
  --c:#7C0130;
  --w:196px;

  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  margin: 0px;
  place-content: center;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 41px;
  color:var(--c);


  --a:50;
  --v:calc( ((18/5) * var(--p) - 90)*1deg);

  padding: var(--b);
  border-radius: 50%;

  background:
    linear-gradient(#fff,#fff) content-box,
    linear-gradient(var(--v), #ECEFF3     50%,transparent 0) 0/min(100%,(50 - var(--p))*100%),
    linear-gradient(var(--v), transparent 50%,var(--c) 0) 0/min(100%,(var(--p) - 50)*100%),
    linear-gradient(to right, #ECEFF3 50%,var(--c) 0);
    inset: 0;


}



.pie:before,
.pie:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}


.pie:before {
    width: var(--b);
    height: var(--b);
    top: 0px;
    left: 41%;
    background-color: var(--c);
}




.pie:after {
  inset: calc(50% - var(--b)/2);
  background: var(--c);
  transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}



.no-round:before {
  background-size: 0 0, auto;
}
.no-round:after {
  content: none;
}
@keyframes p{
  from{--p:0}
}





.prof-top-block{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.prof-top-block-left{
	width: 350px;
    height: auto;
    min-height: 350px;
    overflow: hidden;
}

body .prof-top-block-left img{
	width: auto;
	height: 100%;
	position: relative;
    top: 0px;
    transform: translateX(-50%);
    left: 50%;
}

.prof-top-block-right{
	flex: 1;
	background-color: #ECEFF3;
	padding: 30px 30px 30px 30px;
}

.prof-top-block-right-line-1{
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	color: #000000;
	padding-bottom: 10px;
	border-bottom: 1px solid #333333;
	margin-bottom: 22px;
}

.prof-top-block-right-line-2{
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 19px;
}

.prof-top-block-right-line-3{
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
	text-align: center;
	margin-bottom: 18px;
}

.prof-top-block-right-line-3 span{
	font-size: 36px;
	line-height: 24px;
	font-weight: bold;
}

.prof-top-block-right-line-4{
	text-align: center;
}

.prof-center-block-left-line-5{
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	margin-bottom: 34px;
}
.prof-center-block-left-line-5 span{
	color: #7C0130;

}


.prof-center-block-left.spacebetween{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.prof-center-block-left.spacebetween .prof-center-block-left-line-1{
	margin-bottom: 21px;
}

.prof-center-block-left.spacebetween .prof-center-block-left-line-2{
	margin-bottom: 0px;
}

.prof-center-block-left.separate{
	position: relative;
}

.prof-center-block-left.separate:after{
	content: '';
	position: absolute;
    top: 30px;
    right: 0px;
    bottom: 30px;
	width: 1px;
	background-color: #333333;

}

.prof-center-block-left-line-7{
	width: 100%;
	display: flex;
	justify-content: flex-start;
}

.prof-center-block-left-line-17{
	width: 100%;
	display: none;
	justify-content: flex-start;
}




.prof-center-block-left-line-7 .bq-button{
	margin-right: 28px;
	text-transform: none;
	padding: 7px 12px 7px 12px;
	border-radius: 5px;
	border: 1px solid  #7C0130;
	text-decoration: none;
}

.right_block .prof-center-block-left-line-7 a.bq-button{
	font-weight: normal;
}


.prof-center-block-left-line-7 .bq-button:hover{
	background-color: #ffffff;
	color: #7C0130;
	border: 1px solid  #7C0130;
	text-decoration: none;
}



.prof-center-block-left-line-17 .bq-button{
	margin-right: 28px;
	text-transform: none;
	padding: 7px 12px 7px 12px;
	border-radius: 5px;
	border: 1px solid  #7C0130;
	text-decoration: none;
}

.right_block .prof-center-block-left-line-17 a.bq-button{
	font-weight: normal;
}


.prof-center-block-left-line-17 .bq-button:hover{
	background-color: #ffffff;
	color: #7C0130;
	border: 1px solid  #7C0130;
	text-decoration: none;
}












.bq-button-invert{
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid  #7C0130;
    padding: 7px 12px 7px 12px;
    margin: 0;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #7C0130;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    text-transform: none;
    text-decoration: none;
}

.bq-button-invert:hover{
	background-color: #7C0130;
	color: #ffffff;
	text-decoration: none;
}

.right_block a.bq-button-invert,
.right_block a.bq-button-invert:hover{
	text-decoration: none;
	font-weight: normal;
}


.prof-center-block-right.flexcolumn{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 30px 23px 30px 23px;
	width: 420px;
}

.prof-center-block-right-title{
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	color: #000000;
	margin-bottom: 10px;
}


.prof-center-block-right-box-wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.prof-center-block-right-box{
	width: 48%;
	background-color: #ECEFF3;
	padding: 7px 15px;
	border-radius: 5px;
}

.prof-center-block-right-box-title{
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #000000;
}

.prof-center-block-right-box-text{
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #000000;
}


.prof-center-block-right-cena {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    text-align: center;
    margin-top: 40px;
}

.prof-center-block-right-cena span {
    font-size: 36px;
    line-height: 24px;
    font-weight: bold;
}

.prof-center-block-right-row.mb-25{
	margin-bottom: 25px;
}

.prof-hedhant-wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	min-height: 150px;
	margin-bottom: 40px;
	margin-top: 40px;


}

.prof-hedhant-item{
	background-color: #ECEFF3;
	border-radius: 5px;
	width: 255px;
	padding: 15px 20px;
	display: flex; 
	flex-direction: column;
	justify-content: space-between;
}

.prof-hedhant-logo{
	width: 40px;
	height: 40px;
	background-color: #D6001C;
	color: #ffffff;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius:  50%;
	overflow: hidden;
}


.prof-hedhant-text{
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #000000;
	margin-bottom: 10px;
}

.prof-hedhant-data{
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	text-align: right;
	color: #707070;
}


.prof-center-block-2{
	width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
	background-color:  #ECEFF3;
	border-radius: 5px;
	overflow: hidden;
}

.prof-center-block-2-left{
	width: 366px;
    height: auto;
    min-height: 252px;
    overflow: hidden;
	padding: 30px 25px 30px 25px;

}


.prof-center-block-2-right{
	flex: 1;
    background-color: transparent;
    padding: 30px 25px 30px 25px;

}

.prof-center-block-2-left-line-1{
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	color: #000000;
} 


.prof-center-block-2-right-line-1{
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	color: #000000;
}


.prof-center-block{
	width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
	background-color:  #FFFFFF;
	border: 1px solid #7C0130;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 30px;


}


.prof-center-block-left {
    flex: 1;
    background-color: transparent;
    padding: 27px 30px 27px 30px;
}


.prof-center-block-right{
    width: 400px;
    height: auto;
    min-height: inherit;
    overflow: hidden;
}

.prof-center-block-right img{
    width: auto;
    height: 100%;
    position: relative;
    top: 0px;
    transform: translateX(-50%);
    left: 50%;
	
}


.prof-center-block-left-line-1 {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	margin-bottom: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;

}
.prof-center-block-left-line-2 {
	font-weight: bold;
	font-size: 24px;
	line-height: 33px;
	display: flex;
	align-items: center;
	color: #333333;
	margin-bottom: 16px;
}
.prof-center-block-left-line-3 {
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	display: flex;
	align-items: center;
	color: #333333;
	margin-bottom: 16px;

}
.prof-center-block-left-line-4 {
	text-align: left;

}


.prof-center-block-left-line-4 .bq-button{
	border-radius: 5px;
	text-transform: none;
}

@media (min-width: 1200px){

	.prof-block-2 {
	    margin: 0px -25px 0px -25px;
	}

}




.prof-block-2-row{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.prof-block-2-row.item-2{
	margin-top: 30px;
}


.prof-block-2-row.item-2 .prof-block-2-left{
	min-width: auto;
	max-width: 375px;
}


.prof-block-2-row.item-2 .prof-block-2-right{
	min-width: 473px;
	max-width: auto;
}


.prof-block-2-left{
	padding: 22px 20px 22px 20px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	background-color: #ECEFF3;
	min-width: 473px;
}

.prof-block-2-right{
	padding: 22px 20px 22px 20px;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	background-color: #ECEFF3;
	max-width: 375px;
}


.prof-block-2-img{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 72px;
    width: 72px;
    height: 100%;
    margin-right: 24px;
    display: flex;
    align-items: center;

}

.prof-block-2-img img{
	width: 100%;
}

.prof-block-2-title{
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	text-transform: uppercase;

}
.prof-block-2-text{
	margin-top: 10px;
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	color: #000000;
}

.prof-block-2-box.center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.prof-default-text{
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	color: #000000;
	margin-bottom: 40px;
}


.prof-detal-text{
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
	padding: 42px 0px 29px 0px;
}

.right_block .prof-top-block-right-line-4 div.bq-button{
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #7C0130;
}



.right_block .prof-center-block-left-line-4 a.bq-button {
    border-radius: 5px;
    text-transform: none;
    text-decoration: none;
    border: 1px solid #7C0130;
}

.right_block .prof-top-block-right-line-4 div.bq-button:hover{
    border: 1px solid #7C0130;
    background-color: #fff;
    color: #7C0130;
    text-decoration: none;

}
.right_block .prof-center-block-left-line-4 a.bq-button:hover {
    text-transform: none;
    border: 1px solid #7C0130;
    background-color: #fff;
    color: #7C0130;
    text-decoration: none;

}


body:after {
  content: "Full";
  position: fixed;
  top: 10px;
  left: 10px;
  font-size: 18px;
  background-color: #eeee;
  padding: 3px 4px;
  z-index: 1000; 
  display: none;
}


.profession_filter_wrap{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-top: 42px;
}

.profession_filter_item{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0px 10px;
	font-size: 14px;
	color: #7C0130;
	background-color: #ffffff;
	border: 1px solid #7C0130;
	border-radius: 5px;
	margin-right: 19px;
	height: 30px;
	margin-bottom: 15px;
	font-weight: 400;
	cursor: pointer;
	text-transform: uppercase;

}


.profession_filter_item:hover{
	background-color: #7C0130;
	color: #ffffff;
}

.profession_filter_item.active{
	background-color: #7C0130;
	color: #ffffff;
}




.profession_filter_count{
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 0px;
	background-color: #7C0130;
	border-radius: 50%;
	color: #ffffff;
	margin-left: 12px;
	font-size: 10px;
	font-weight: 400;
}

.profession_filter_item:hover .profession_filter_count{
	background-color: #ffffff;
	color: #7C0130;
}


.profession_filter_item.active .profession_filter_count{
	background-color: #ffffff;
	color: #7C0130;
}

.profession_content_wrap{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: space-between;

}

.right_block a.profession_content_item{
	width: 255px;
	height: 264px;
	background-color: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	margin-bottom: 30px;
	text-decoration: none;
	display: flex;
	flex-direction: column;
}

.right_block a.profession_content_item:hover{
	box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
}

.profession_content_item.empty_item{
	width: 255px;
	visibility: hidden;
	height: 0px;
	border: 0px;
	margin-bottom: 0px;
}




.profession_content_images_wrap{
	width: 100%;
	height: 180px;
	position: relative;
	overflow: hidden;
}
.profession_content_images_wrap img{
	height: 100%;
    position: relative;
    top: 0px;
    transform: translateX(-50%);
    left: 50%;
}

.profession_content_text_wrap{
	background-color: transparent;
	flex: 1;
	padding: 20px 18px 0px 18px;
}
.profession_content_text{
	text-align: center;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	text-decoration: none;
}

.profession_content_tag{
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 4px 5px;
    font-family: "Open Sans";
    font-style: normal;
	font-weight: 600;
	font-size: 10px;
	line-height: 14px;
    color: #FFFFFF;
    z-index: 12;
    background: #7C0130;
    border-radius: 5px;
    text-transform: uppercase;

}

.profession_button_wrap{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.right_block a.profession_button{
	text-decoration: none;
}


.profession_button{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
	color: #7C0130;
	border: 1px solid #7C0130;
	border-radius: 5px;
	cursor: pointer;
	min-height: 36px;
	padding: 7px 12px;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
}

.profession_button:hover{
	color: #FFFFFF;
	background-color: #7C0130;
	text-decoration: none;
}



body::after {
	display: none;	
  content: "Full";
  position: fixed;
  top: 10px;
  left: 10px;
  font-size: 18px;
  background-color: #eeee;
  padding: 3px 4px;
  z-index: 1000; 
}

.profession_content_wrap{
	min-height: 294px;
}




@media (max-width: 575px) {


.review-slider-left-top{
	width: 80%;
}





  body::after {
    content: "1) max-width: 575px"; 
} 


.right_block a.profession_content_item {
    width: 100%;

}

.profession_content_images_wrap img {
    height: auto;
    width: 100%;
    position: relative;
    top: 0px;
    transform: inherit;
    left: inherit;
}


.right_block a.profession_content_item {
    height: 323px;
}

.profession_content_images_wrap {
    height: 238px;
}



}

@media (min-width: 576px) and (max-width: 767px) {
  body::after {
    content: "2) min-width: 576px AND max-width: 767px"; 
} 


.right_block a.profession_content_item {
    width: 48%;
}



}

@media (min-width: 768px) and (max-width: 991px) {
  body::after {
    content: "3) min-width: 768px AND max-width: 991px";
    } 

.right_block a.profession_content_item {
    width: 32%;
}




}

@media (min-width: 992px) and (max-width: 1199px) {
  body::after {
    content: "4) min-width: 992px AND max-width: 1199px"; 
} 

.right_block a.profession_content_item {
    width: 32%;
}


}

@media (min-width: 1200px) {
  body::after {
    content: "5) min-width: 1200px"; 
} 





}










@media (max-width: 575px) {
  body::after {
    content: "1) max-width: 575px"; } 






.prof-top-block {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.prof-top-block-left {
    width: 100%;
    height: auto;

}

.prof-block-2-row {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.prof-block-2-left {
    padding: 15px 10px 15px 10px;
    min-width: initial;
        margin-bottom: 10px;
        width: 100%;
}


.prof-center-block-right img {
    width: 100%;
}

.prof-block-2-img {
    margin-right: 5px;
}

.prof-block-2-right {
    padding: 15px 10px 15px 10px;
    max-width: initial;
}

.prof-block-2-row.item-2 .prof-block-2-left {
    max-width: inherit;
}

.prof-block-2-row.item-2 .prof-block-2-right {
    min-width: initial;
    max-width: inherit;
}

.prof-block-2-row.item-2 {
    margin-top: 10px;
}


.prof-center-block {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.prof-center-block-right {
    order: -1;
    width: 100%;
    height: auto;
    min-height: inherit;
    overflow: hidden;
}

.prof-center-block-2 {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.prof-center-block-2-left {
    width: 100%;
    height: auto;
    min-height: inherit;
    overflow: hidden;
    padding: 30px 25px 0px 25px;
}

.prof-hedhant-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: inherit;
    margin-bottom: 0px;
    flex-direction: column;
}


.prof-hedhant-item {
    width: 100%;
    flex-direction: column;
    margin-bottom: 20px;
}


.prof-hedhant-item:last-child{
	margin-bottom: 0px;
}


.prof-center-block-left {
    flex: inherit;
}


.prof-center-block-right.flexcolumn {
    padding: 20px 20px 20px 20px;
    width: 100%;
}


.prof-center-block-right.flexcolumn{
	order: 2;
}


.prof-center-block-left.spacebetween {
    padding: 20px 20px 20px 20px;
}

.prof-center-block-left.separate:after {
    content: '';
    position: absolute;
    top: auto;
    right: 20px;
    left: 20px;
    bottom: 0px;
    width: auto;
    height: 1px;
    background-color: #333333;
}


.prof-center-block-right-cena{
	margin-bottom: 30px;
}


.prof-center-block-left-line-5 {
    margin-bottom: 0px;
}





.prof-center-block-left-line-7 {
    justify-content: space-between;
    display: none;
}

.prof-center-block-left-line-7 .bq-button {
    margin-right: inherit;
}



.prof-center-block-left-line-17 {
    justify-content: space-between;
    display: flex;
}

.prof-center-block-left-line-17 .bq-button {
    margin-right: inherit;
}



.chart-line-bar {
    background: #ECEFF3;
    width: 100%;
    height: 30px;
    margin: 5px 0px;
}



.chart-item-1{
	display: none;
}

.chart-item-2{
	width: 49%;
	padding: 20px 15px;
}




.chart-wrap {
    padding: 10px 10px;
    justify-content: center;
}


.chart-line-bar:first-child{
	 margin-top: 0px;
}

.chart-line-bar:last-child{
	margin-bottom: 0px;
}


.chart-item-3{
	width: 49%;
    display: flex;
    flex-direction: column;

}

.chart-line-bar-in {
    height: 100%;
}

.chart-line-bar-in {
    line-height: 29px;
}


.chart-line-text{
	line-height: normal;
}


.chart-line-text{
	margin:  16px 0px;
}

.chart-line-text:first-child{
	 margin-top: 0px;
}

.chart-line-text:last-child{
	margin-bottom: 0px;
}


.chart-item-2{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}





}

@media (min-width: 576px) and (max-width: 767px) {
  body::after {
    content: "2) min-width: 576px AND max-width: 767px"; } 

.prof-top-block {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.prof-top-block-left {
    width: 100%;
    height: auto;

}

.prof-block-2-row {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.prof-block-2-left {
    padding: 15px 10px 15px 10px;
    min-width: initial;
    margin-bottom: 10px;
    width: 100%;
}

.prof-block-2-img {
    margin-right: 5px;
}

.prof-block-2-right {
    padding: 15px 10px 15px 10px;
    max-width: initial;
}

.prof-block-2-row.item-2 .prof-block-2-left {
    max-width: inherit;
}

.prof-block-2-row.item-2 .prof-block-2-right {
    min-width: initial;
    max-width: inherit;
}

.prof-block-2-row.item-2 {
    margin-top: 10px;
}


.prof-center-block {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.prof-center-block-right {
    order: -1;
    width: 100%;
    height: auto;
    min-height: inherit;
    overflow: hidden;
}

.prof-center-block-2 {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.prof-center-block-2-left {
    width: 100%;
    height: auto;
    min-height: inherit;
    overflow: hidden;
    padding: 30px 25px 0px 25px;
}



.prof-hedhant-item {
    width: 32%;
}

.prof-hedhant-item:last-child{
	margin-bottom: 0px;
}


.prof-center-block-left {
    flex: inherit;
}


.prof-center-block-right.flexcolumn {
    padding: 20px 20px 20px 20px;
    width: 100%;
}


.prof-center-block-right.flexcolumn{
	order: 2;
}


.prof-center-block-left.spacebetween {
    padding: 20px 20px 20px 20px;
}

.prof-center-block-left.separate:after {
    content: '';
    position: absolute;
    top: auto;
    right: 20px;
    left: 20px;
    bottom: 0px;
    width: auto;
    height: 1px;
    background-color: #333333;
}

.prof-center-block-left-line-7 {
    justify-content: space-between;
}

.prof-center-block-left-line-7 .bq-button {
    margin-right: inherit;
}


.prof-center-block-right img {
    width: 100%;
}








.chart-line-bar {
    background: #ECEFF3;
    width: 100%;
    height: 30px;
    margin: 5px 0px;
}



.chart-item-1{
	display: none;
}

.chart-item-2{
	width: 49%;
	padding: 20px 15px;
}




.chart-wrap {
    padding: 10px 10px;
    justify-content: center;
}


.chart-line-bar:first-child{
	 margin-top: 0px;
}

.chart-line-bar:last-child{
	margin-bottom: 0px;
}


.chart-item-3{
	width: 49%;
    display: flex;
    flex-direction: column;

}

.chart-line-bar-in {
    height: 100%;
}

.chart-line-bar-in {
    line-height: 29px;
}


.chart-line-text{
	line-height: normal;
}


.chart-line-text{
	margin:  16px 0px;
}

.chart-line-text:first-child{
	 margin-top: 0px;
}

.chart-line-text:last-child{
	margin-bottom: 0px;
}


.chart-item-2{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}







}

@media (min-width: 768px) and (max-width: 991px) {
  body::after {
    content: "3) min-width: 768px AND max-width: 991px"; } 




.prof-hedhant-item {
    width: 32%;
}


.prof-block-2-row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}


.prof-block-2-row.item-2 .prof-block-2-left {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
}

.prof-block-2-row.item-2 .prof-block-2-right {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
}

.prof-block-2-left {
    min-width: inherit;
    width: 100%;
    margin-bottom:20px;
}

.prof-block-2-right {
    max-width: inherit;
    width: 100%;
}

.prof-block-2-row.item-2 {
    margin-top: 20px;
}


}

@media (min-width: 992px) and (max-width: 1199px) {
  body::after {
    content: "4) min-width: 992px AND max-width: 1199px"; } 




}

@media (min-width: 1200px) {
  body::after {
    content: "5) min-width: 1200px"; } 



}




















@media screen and (max-width: 380px){

.chart-line-text {
    font-size: 12px;
    margin: 22px 0px;

}



}












body .mfp-wrap {
    z-index: 3000;
}

.body ul.slick-dots li:before {
	display: none;
}




.review-slider-wrap{
    height: 337px;
    /*height: 402px;*/

    width: auto;
    margin-right: -25px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 50px;
    margin-bottom: 50px;
}

.review-slider-left{
	width: 255px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.review-slider-right{
	flex: 1;
	height: 100%;
	overflow: hidden;
	margin-left:20px;
}
.review-slider-title{
	margin-top: 0px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 33px;
	color: #414141;
	margin-bottom: 15px;
}
.review-slider-descript{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
}

.review-slider-left-bottom{
	height: 33px;
	width: 100%;
	display: flex;
	justify-content: flex-end;

}


.review-slider-nav-prev{
	width: 33px;
	height: 33px;
	background: #7C0130;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

.review-slider-nav-prev:before{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	left: 13px;
    top: 12px;
	border: solid #ffffff;
  	border-width: 2px 2px 0px 0;
	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
}




.review-slider-nav-next{
	margin-left: 10px;
	width: 33px;
	height: 33px;
	background: #7C0130;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

.review-slider-nav-next:before{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	left: 10px;
    top: 12px;
	border: solid #ffffff;
  	border-width: 0px 2px 2px 0;
	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
}

.review-slider-item.slick-slide{
	width: 240px;
	height: auto;
	margin-left: 20px;
	display: block;
	text-decoration: none;
}

.review-slider-item.slick-slide:hover{
	text-decoration: none;
}




.review-slider-main.slick-slider {
    margin: 0px auto 0px auto;
}

.review-slider-main .slick-list {
	margin: 0px 0px!important;
}


.review-slider-item-wrap{
	/*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);*/
	opacity:0.8;
}



.review-slider-item-wrap:hover{
	/*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);*/
	opacity:1;
}

.review-slider-item-wrap:hover .review-slider-item-descript-wrap {
    background-color: #7C0130;
    transition: background-color 500ms linear;
}

.review-slider-item-wrap:hover .review-slider-item-play{
	opacity: 1;
	transition: opacity 500ms linear;
}


.review-slider-item-wrap:hover .review-slider-item-play-2{
	opacity: 1;
	transition: opacity 500ms linear;
}





.review-slider-item-wrap{
    max-width: 240px;
/*    display: flex;
    flex-direction: column;
    justify-content: flex-start;*/
}


.review-slider-item-img{
	width: 240px;
	height: 240px;
	/*overflow: hidden;*/
	background-color: #ffffff;
	position:relative;
	z-index: 10;
}


.review-slider-item-play{
	position:absolute;
	bottom: -16px;
    right: 14px;
	width: 108px;
	height: 34px;
	border-radius: 91px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	z-index: 11;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none!important;
	opacity: 0;
	transition: opacity 300ms linear;

}


.review-slider-item-play-2{
	position:absolute;
	bottom: -16px;
    right: 14px;
	width: 108px;
	height: 34px;
	border-radius: 91px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	z-index: 11;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none!important;
	opacity: 0;
	transition: opacity 300ms linear;
}

.review-slider-item-play-2:before {
    content: "";
    width: 108px;
    height: 34px;
    background: rgba(246, 246, 246, 0.7);
    backdrop-filter: blur(10px);
    position: absolute;
    z-index: 11;
    border-radius: 91px;
}




.review-slider-item-play:hover{
	text-decoration: none!important;
}



.review-slider-item-play:before{
	content:"";
	width: 108px;
	height: 34px;
	background: rgba(246, 246, 246, 0.7);
	backdrop-filter: blur(10px);
	position: absolute;
	z-index: 11;
	border-radius: 91px;
}



.review-slider-item-img img{
	width: 100%;
	position:relative;
	top:1px;
}

.review-slider-item-name{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.review-slider-item-descript{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	max-height: 42px;
    overflow: hidden;
}

.review-slider-item-descript-wrap{
	padding: 16px 14px 13px 14px;
	background-color: rgba(124, 1, 48, 0.8);
	position:relative;
	z-index: 1;
	transition: background-color 500ms linear;
	min-height: 97px;
}

.review-slider-item-play-arrow{
	width:27px;
	height: 27px;
	background-color: #FF0000;
	border-radius: 50%; 
	position:relative;
	z-index: 12;
	margin: 0px 5px 0px 4px;
}

.review-slider-item-play-arrow-2{
	width:27px;
	height: 27px;
	background-color: #FF0000;
	border-radius: 50%; 
	position:relative;
	z-index: 12;
	margin: 0px 5px 0px 4px;
}




.review-slider-item-play-arrow:before{
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    width: 0px;
    height: 0px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #ffffff;
}

.review-slider-item-play-arrow-2:before{
    content: "";
    position: absolute;
	top: 7px;
    left: 5px;
    width: 16px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5586 5.09375C15.668 5.3125 15.75 5.53125 15.75 5.75C15.75 5.99609 15.668 6.21484 15.5586 6.40625C14.7656 7.74609 13.6992 8.8125 12.3594 9.57812C10.9922 10.3984 9.48828 10.7812 7.875 10.7812C6.23438 10.7812 4.75781 10.3984 3.39062 9.57812C2.02344 8.8125 0.957031 7.74609 0.191406 6.40625C0.0546875 6.21484 0 5.99609 0 5.75C0 5.53125 0.0546875 5.3125 0.191406 5.09375C0.957031 3.78125 2.02344 2.71484 3.39062 1.92188C4.75781 1.12891 6.23438 0.71875 7.875 0.71875C9.48828 0.71875 10.9922 1.12891 12.3594 1.92188C13.6992 2.71484 14.7656 3.78125 15.5586 5.09375ZM7.875 9.46875C9.24219 9.46875 10.5273 9.14062 11.6758 8.45703C12.8242 7.80078 13.7539 6.89844 14.4375 5.75C14 5.06641 13.4805 4.46484 12.8789 3.91797C12.2773 3.37109 11.5938 2.93359 10.8281 2.60547C11.3203 3.28906 11.5938 4.05469 11.5938 4.875C11.5938 5.55859 11.4023 6.1875 11.0742 6.73438C10.7461 7.30859 10.2812 7.77344 9.73438 8.10156C9.16016 8.42969 8.53125 8.59375 7.875 8.59375C7.19141 8.59375 6.5625 8.42969 6.01562 8.10156C5.44141 7.77344 4.97656 7.30859 4.64844 6.73438C4.32031 6.1875 4.15625 5.55859 4.15625 4.875C4.15625 4.27344 4.29297 3.67188 4.59375 3.125C4.59375 3.5625 4.73047 3.91797 5.03125 4.21875C5.33203 4.51953 5.6875 4.65625 6.125 4.65625C6.53516 4.65625 6.89062 4.51953 7.19141 4.21875C7.49219 3.91797 7.65625 3.5625 7.65625 3.125C7.65625 2.71484 7.49219 2.35938 7.21875 2.05859C5.96094 2.16797 4.83984 2.55078 3.80078 3.20703C2.76172 3.86328 1.91406 4.71094 1.3125 5.75C1.96875 6.89844 2.89844 7.80078 4.04688 8.45703C5.19531 9.14062 6.48047 9.46875 7.875 9.46875Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
}


.review-slider-item-play-text{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	align-items: center;
	color: #000000;
	position:relative;
	z-index: 12;
}




.review-slider-main ul.slick-dots {
    margin: 30px 0 0 0;
    padding: 0;
    text-align: center;
    display:none!important;
}



.review-slider-main .slick-dots {
    position: relative;
    bottom: 0px;
}

.review-slider-main .slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.body .detail .review-slider-main ul li:before {
	display: none;
}






.review-slider-main .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 8px 0 7px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}

.review-slider-main .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border:1px solid #7C0130;
    margin: 0 8px 0 7px;
    border-radius: 50%;
    opacity: 1;
}

.review-slider-main .slick-dots li.slick-active button:before {
    background-color: #7C0130;
    border-radius: 50%;
}

.review-slider-item-last{
	display: none!important;
}


.white-popup{
    background-color: #ffffff;
    text-align: left;
    /*max-width: 100%;*/
    max-width: 800px;
    max-height: 100vh;
    margin: 0px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px 15px 20px 29px;
}

.white-popup-header-wrap{
	width:100%;
	display: flex;
	align-items:center;
	justify-content: flex-start;
	min-height: 80px;
	margin-bottom: 40px;
}



.white-popup-header-left{
	width: 80px;
	height: 80px;
}

.white-popup-header-left img{
	max-width: 100%;
	overflow: hidden;
	border-radius: 50%;
	display: inline-block;
	border: 0px;
}

.white-popup-header-right{
	flex: 1;
	padding-left: 25px;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	color: #000000;
}
.white-popup-body-wrap{

}

.mfp-close-btn-in .white-popup .mfp-close {
    font-size: 48px;
    color: #4B4B4B;
    font-weight: 600;
	right: 6px;
    top: 18px;
    z-index: 5000;
}

.white-popup-text{
	font-family: "Open Sans";
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #000000;
}

.white-popup .open-day-video-right-new{
	margin-bottom: 40px;
	max-width: 600px;
	height: 338px;
	width: auto;
	margin: 0px auto 20px auto;
}

.white-popup-body-wrap {
    overflow-y: auto;
    padding-right: 15px;
}

.white-popup-body-wrap::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
	background-color: #C4C4C4;
}

.white-popup-body-wrap::-webkit-scrollbar
{
	width: 3px;
	background-color: #C4C4C4;
}

.white-popup-body-wrap::-webkit-scrollbar-thumb
{
	background-color: #7C0130;
}





@media (max-width: 575px) {
  	.white-popup-iframe {
	    height: 25vh; 
	}

	.white-popup .open-day-video-right-new {
	    height: 183px;
	}


}

@media (min-width: 576px) and (max-width: 767px) {
  .white-popup-iframe {
    height: 33vh; } }

@media (max-width: 767px) {
  .review-slider-left-bottom {
    display: none; } }

@media (max-width: 767px) {
  .review-slider-main ul.slick-dots {
    display: block !important; } }

@media (max-width: 767px) {
  .review-slider-item-descript-wrap {
    background-color: #7C0130; } }

@media (max-width: 767px) {
  .review-slider-item-play {
    display: flex!important;
    opacity: 1;

     }

	 body .review-slider-item-img img {
	    width: 100%;
	    position: relative;
	    top: 4px;
	}


 }

@media (max-width: 991px) {
  .review-slider-item-play-2 {
    display: flex !important; } }

@media (max-width: 767px) {
  .review-slider-wrap {
    flex-direction: column;
    height: auto;
    width: auto;
    margin-bottom: 20px;
    margin-right: -19px; }
  .review-slider-wrap .review-slider-left {
    width: 100%;
    padding-bottom: 20px; }
  .review-slider-wrap .review-slider-right {
    flex: inherit;
    height: auto;
    width: auto;
    margin-right: 0px;
    overflow: hidden;
    margin-left: 0px; } }

@media (max-width: 767px) {
  .mfp-container {
    padding-left: 0px;
    padding-right: 0px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .review-slider-wrap {
    margin-right: -17px;
    padding: 30px 0px 30px 0px;
    height: auto; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .review-slider-wrap {
    margin-right: 0px;
    padding: 30px 0px 30px 0px;
    height: auto; } }

@media (max-width: 575px) {
  .review-slider-item.slick-slide {
    width: 254px;
    height: auto; }
  .review-slider-item.slick-slide .review-slider-item-wrap {
    max-width: 254px; }
  .review-slider-item.slick-slide .review-slider-item-img {
    width: 254px;
    height: 254px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .review-slider-item.slick-slide {
    width: 237px;
    margin-left: 15px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .review-slider-item-img {
    width: 237px;
    height: 237px; } }

@media (max-width: 1199px) {
  body {
    overflow-x: hidden; } }











/* End */
/* /local/templates/kpsu/components/bitrix/news/profession/bitrix/news.detail/.default/style.css?94666680037187 */