/* Montserrat-Regular
Montserrat-Medium
Montserrat-SemiBold
Montserrat-Bold
Montserrat-ExtraBold
Montserrat-Black */

.vp {
	overflow-x: hidden;
}
.vp .content {
	padding-top: 0;
	padding-bottom: 0;
}
.vp__box {
	display: grid;
	grid-template-columns: 50% 50%;
}
.vp__box > *:nth-child(1) {
	display: flex;
	align-items: center;
}
.vp__text {
	padding: 40px 19.375% 30px 0;	
	color: #505050;
}
.vp__text * {
	margin: 0 0 31px;
	font: 18px/30px "Montserrat-Regular";
}
.vp__text h2 {
    margin: 0 0 66px;
	font: 35px/50px "Montserrat-Medium";
	color: #141414;
}
.vp__text strong, .vp__text b {
	font-family: "Montserrat-Bold";
	color: #141414;
}
.vp__img {
	position: relative;
	width: 50vw;
	height: 100%;
	min-height: 700px;
	cursor: pointer;
}
.vp__img > img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vp__img-button {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	filter: drop-shadow(10px 10px 30px rgba(255, 203, 5, 0.3));
}
.vp__img-button img {
	display: block;
	width: 100%;
	height: auto;
}
@media (max-width: 980px) {
   .vp__box {
      grid-template-columns: 100%;
   }
   .vp__text {
      padding: 50px 0 36px;
   }
   .vp__text * {
      margin: 0 0 26px;
      font-size: 16px;
      line-height: 26px;
   }
   .vp__text h2 {
      margin: 0 0 32px;
      font-size: 25px;
      line-height: 35px;
      text-align: center;
   }
   .vp__img {
      left: 50%;
      transform: translate(-50%);
      width: calc(100% + 32px);
      height: auto;
      min-height: 273px;
   }
   .vp__img:before {
      content: "";
      display: block;
      width: 100%;
      padding: calc(273/375 * 100%) 0 0;
   }
   .vp__img-button {
      left: 50%;
      top: 0;
      transform: translate(-50%, -50%);
      width: calc(60/375 * 100%);
      max-width: 90px;
      min-width: 60px;
   }
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.3);
}
.modal__content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
  padding: 0;
  width: 100%;
  max-width: 800px;
}
.modal__close {
  float: right;
  margin: 0 10px 0 0;
  font-size: 28px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  pointer-events: none;
}
#player {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}
#player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* /////// */

.gr {
	padding: 100px 0;
	background: #fff;
}
.gr__title {
	margin: 0 0 62px;
	text-align: center;
}
.gr__main {
	position: relative;
}
.gr-slide {
	padding: 0 3.3% 0 0;
	width: calc(522/1180 * 100%);
}
.gr-slide__img {
	position: relative;	
}
.gr-slide__img:before {
	content: "";
	display: block;
	padding: calc(283/480 * 100%) 0 0;
}
.gr-slide__img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gr-slide__text {
	padding: 20px 0 0;
}
.gr-slide__title {
	margin: 0;
	font: 24px/1.2 "Montserrat-Medium";
}
.gr-slide__link {
	display: inline-block;
	margin: 10px 0 0;
	border-bottom: 1px solid #145695;
	font: 16px/1.2 "Montserrat-Regular";	
	color: #145695 !important;
}
.gr-slide__link:hover {
	border-bottom-color: transparent !important;
}
.gr__slider-btn {
    top: calc(50% - 40px);
	 transform: translate(0, -50%);
    margin: 0 !important;
}
.gr__slider-btn._prev {
    left: -50px;
}
.gr__slider-btn._next {
    right: -50px;
}
@media (max-width: 1400px) {
	.gr__slider-btn._prev {
    left: -12px;
   }
   .gr__slider-btn._next {
      right: 0;
   }
   .gr .content {
      padding-right: 0;
   }
}
@media (max-width: 980px) {
	.gr {
    padding: 50px 0;
   }
   .gr__title {
      margin: 0 0 30px;
   }
	:root {
		--swiper-navigation-size: 5vmin;
	}
	.gr-slide {
		width: calc(800/1180 * 100%);
	}
	.gr__slider-btn {
		top: calc(50% - 35px);
	}
	.gr-slide__text {
		padding: 15px 0 0;
	}
	.gr-slide__title {
		font-size: 20px;
	}
	.gr-slide__link {
			font-size: 15px;
	}
}

/* //////////// */

.site-header-container {
   position: relative;
}
.header__chat-links {
   position: absolute;
   right: 345px;
   top: 50%;
   transform: translate(0, -50%);
   display: flex;
   justify-content: center;
   align-items: center;
}
.header__chat-links._2 {
   display: none;
}
.header__chat-link {		
   display: block;
   padding: 10px;
   font: 14px/1.2 "Montserrat-Regular";
   color: #145695 !important;
}
.header__chat-link span {
   border-bottom: 1px solid #145695;
   transition: 0.1s;
}
.single-vse-kursy .header__chat-links._1 .header__chat-link {	
	color: #fff !important;
}
.single-vse-kursy .header__chat-links._1 .header__chat-link span {	
   border-bottom: 1px solid #fff;
}

.header__chat-link:hover span {
   border-bottom-color: transparent !important;
}

@media (max-width: 1300px) {
   .header__chat-links {
      right: -5px;
      margin: 45px 0 0;
   }
}
@media (max-width: 980px) {
   .header__chat-links._1 {
      display: none;
   }
   .header__chat-links._2 {
      position: relative;
      right: auto;
      top: auto;
      transform: none;
      display: flex;
      margin: 10px 0 0;
      width: 100%;
   }
   .menu-nav-soc {
      flex-wrap: wrap;
   }
}