@font-face {
	font-family: 'Montserrat';
	font-display: swap;
	src: local('Montserrat'), url('/fonts/montserrat-v25-latin_cyrillic/montserrat-v25-latin_cyrillic-700.woff2') format('woff2');
}

@media (min-width: 1260px) {
	.container {width: 1250px;}
}



.mod_header[tmpl="11"] b {font-family: 'Montserrat';
    font-size: 6rem!important;
    margin-bottom: 1rem!important;}
.mod_header[tmpl="11"] b primary{display: block;
    font-size: 7rem;
    background: var(--primary);
    border-radius: 100px;
    color: white;
    line-height: 1.2;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;}
.mod_header[tmpl="11"] b primary::before {
  content:"";
  width: 0;
  height: 100%;
  background-color: #0000000f;
  position: absolute;
  animation: loadedAnimation 33s linear infinite;
  width: 100%;
}

/* Анимация загруженной области */
@keyframes loadedAnimation {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.mod_header[tmpl="11"] p {font-size: 2rem;
    opacity: .7;}
.mod_header[tmpl="11"] a.btn{border: 0;
    box-shadow: 0 5px 15px rgb(0 0 0 / 25%);
    font-size: 1.5rem;
    transition: .5s;
    padding: 10px 50px;
    border-radius: 50px;}
.mod_header[tmpl="11"] a.btn:hover{transform: scale(1.1);}

[content="moscow"] .mod_menu[tmpl="5"] .add{font-size: 1.1rem!important;}
[content="moscow"] .mod_menu[tmpl="5"] .header-floating-transparent .menu > li > a:not(:hover),
[content="moscow"] .mod_menu[tmpl="5"] a[href="/"] {color: inherit;}
[content="moscow"] .mod_menu[tmpl="5"] .header-floating-transparent .menu > li > a {font-size: 1.1rem;
    opacity: .8;}
.mod_menu[tmpl="5"] .header-floating .menu-wrapper {box-shadow: none;}
.mod_menu[tmpl="5"] nav.navbar-right {box-shadow: 0 4px 14px rgb(0 0 0 / 26%);
    border-radius: 50px;
    overflow: hidden;
    background: white;
    padding: 0 15px;}
.mod_menu[tmpl="5"] .company-name {font-family: 'Montserrat';}
.mod_menu[tmpl="5"] .menu-fixed-light .menu-fixed .main-header {
    background: transparent;
    box-shadow: none;
}
h2#courses {
    margin-top: 5rem;
    font-size: 4rem;
}

.course {
    margin-bottom: 2rem;
    padding: 2rem;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 40px rgb(0 0 0 / 15%);
}

.course h3 {
    color: white;
    font-size: 3rem;
    line-height: 1;
    margin-top: 5rem;
    margin-bottom: 2rem;
}

.course .f-b-20 {
    text-align: center;
}

.course .f-b-20 div {
    padding: 20px;
    background: rgb(235 235 235 / 68%);
    border-radius: 50%;
    height: 90px;
    width: 90px;
    display: flex;
    margin: auto;
}

.course .f-b-20 img {

}

.course .f-b-20 .circle {
    color: initial;
    margin-top: -20px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 15%);
}
.text134 .col-md-6 .course:before {
    background: url(/cdn/168/68/24/77529.svg) no-repeat center / 200%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
}
.text134 .col-md-6:nth-of-type(1) .course:before {left: 50%;}
.text134 .col-md-6:nth-of-type(2) .course:before {top: 30%;
    background-size: 150%;}
.text134 .col-md-6:nth-of-type(3) .course:before {top: -60%;
    background-size: 130%;}


.text135 .course h3 {color: inherit;}
.text136 {
    padding: 4rem;
    background: var(--primary);
    color: white;
    border-radius: 50px;
}

.text136 h2 {
    font-size: 6rem;
    line-height: 1;
}

.text136 p {
    padding: 0 5%;
    font-size: 1.7rem;
    line-height: 1;
    margin: 2rem 0 4rem;
}

.text136 span {
    display: inline-block;
    padding: 10px 20px;
    background: var(--primary);
    border-radius: 50px;
    font-size: 1.2rem;
}

.text136 h3 {
    font-size: 2.5rem;
    margin-top: 3rem;
}

.text136 p.desc {
    padding: 0;
    font-size: 1.2rem;
}


.text136 .col-sm-12.col-md-6 > div {
    background: rgb(255 255 255 / 19%);
    border-radius: 25px;
    padding: 25px;
    margin-bottom: 2rem;
}
.text136 .col-sm-12.col-md-6:nth-of-type(2) > div {background: rgb(255 255 255 / 35%);}
.text136 .col-sm-12.col-md-6:nth-of-type(3) > div {color: var(--primary);
    background: white;}
.text136 .col-sm-12.col-md-6:nth-of-type(3) > div span {color: white;}

.text137 h2 {
    font-size: 6rem;
}

.text137 .lesson {background: rgb(0 0 0 / 3%);
    padding: 25px 35px;
    border-radius: 25px;
    margin-bottom: 2rem;}

.text137 .lesson p {margin-bottom: 3rem;}
.text137 .col-lg-4.col-md-6.col-sm-12:last-of-type .lesson {
    background: var(--primary);
    color: white;
}
.text137 .lesson h3 {}

.text137 .lesson img {box-shadow: 0 2px 40px rgb(0 0 0 / 15%);
    border-radius: 25px;
    max-height: 200px;}

@media (max-width: 600px) {
.mod_header .header-rounded {padding: 1rem!important;}
.text137 h2,
.text136 h2,
.mod_header[tmpl="11"] b {font-size: 3rem!important;}
.mod_header[tmpl="11"] b {margin-top: 10rem!important;}
.mod_header[tmpl="11"] b primary {font-size: 6rem!important;}
.text136 {padding: 4rem 2rem 2rem!important;}
.text136 p {font-size: 1.5rem!important;}
}