body {margin: 0; min-width: 320px; background-color: #bbdeee}
div.t-records {opacity: 1}
button.t-menuburger span {background-color: #8080f6}
iframe {background-color: #242424; border-radius: 15px; background-image: url('/img/loading.gif'); background-position: center center; background-repeat: no-repeat}
iframe.vk {width: 200px; height: 424px}
.clear {clear: both}
.tmenu-mobile {background-image: url('/img/button.jpg'); background-position: right top; background-repeat: no-repeat}
.tmenu-mobile__text {font-size: 18px}
.submenu {position: fixed; list-style-type: none; padding: 15px !important; background-color: white; font-size: 20px; line-height: 28px; border-radius: 10px; box-shadow: 0 0 10px; text-align: left; z-index: 1; display: none}
.submenu a {color: #ff8562 !important; text-decoration: underline !important}
.submenu a:hover {text-decoration: none !important}
.site-phone {height: 50px !important; font-size: 30px !important; color: #ffffff !important; background-color: #8080f6; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-transform:uppercase}
.site-social {width: 100px; margin: 5px auto 0}
.t228__maincontainer {background-color: #62c0eb}
.t-card__col {cursor: pointer}
.t853__imgwrapper {padding-bottom: 83.333333333333%}
.t-card__link span {color: rgb(128, 128, 246)}
.t-card__btn {color: #ffffff; background-color: #8080f6; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; text-transform: uppercase}
.faq {margin-bottom: 2px}
.faq .t668__wrapper {background-color: #8080f6}
.faq .t-name, .faq .t-descr {color: #ffffff !important}
.faq .t668__icon .t668__circle {background-color: transparent}
.faq .t668__icon-hover .t668__circle {background-color: #eee}
.popup {padding-top: 0; padding-bottom: 0; opacity: 1}
.popup .t-popup {background-color: rgba(255, 255, 255, 0.7); display: none}
.popup .t-popup__container {border-radius: 15px; overflow: hidden}
.popup .t-bgimg {border-radius: 15px; padding-bottom: 66%}
.popup .t-btn {color: #ffffff !important; background-color: #8080f6; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; text-transform:uppercase; padding-top: 15px}
.popup .t-btn:hover {box-shadow: 0 2px 3px rgba(0,11,48,0.25) !important; background-color: #6ab85f !important; transition-property: background-color, color, border-color, box-shadow; transition-duration: 0.2s; transition-timing-function: ease-in-out}
.popup .t750__descr {font-size: 16px}
@keyframes textflownolimGradient111 {from {background-position: 0 center} to {background-position: 400% center}}
#welcome {margin-top: 80px; padding: 50px; color: #4f4f51; font-size: 30px; font-family: 'TildaSans', Arial, sans-serif; line-height: 30px; font-weight: 400}
#welcome #video1 {float: right; margin-left: 25px}
#welcome #video2 {text-align: center; margin-top: 25px; display: none}
#welcome .name {font-size: 60px; font-weight: 900; letter-spacing: 3px; line-height: 72px; text-transform: uppercase; background: linear-gradient(90deg, #50C878, #8080F6, #c9c9f8, #369154, #50C878); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400% auto !important; animation: textflownolimGradient111 10s linear infinite}
#welcome .button {margin: 60px 0; text-align: center}
#welcome .button a {padding: 20px; height: 50px !important; font-size: 30px !important; color: white !important; background-color: #8080f6 !important; border-radius: 15px; text-transform: uppercase; font-weight: 700}
#welcome .button a:hover {box-shadow: 0 2px 3px rgba(0,11,48,0.25) !important; background-color: #6ab85f !important; transition-property: background-color,color,border-color,box-shadow; transition-duration: 0.2s; transition-timing-function: ease-in-out}
#welcome .description {text-align: right}
#content {padding: 100px 50px 50px; background-color: #f5e6d3; font-family: 'TildaSans', Arial, sans-serif; font-size: 22px; line-height: 1.4; font-weight: 300}
#content > div, #welcome > div {max-width: 1160px; margin: 0 auto}
#content h1, #content h2, #content h3 {color: #8080f6; text-align: center}
#content h1 {line-height: 1.1}
#content p {margin: 10px 0}
#content img {border-radius: 15px}
#content a {color: #ff8562 !important; text-decoration: underline !important}
#content a:hover {text-decoration: none !important}
#content #breadcrumbs {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #8080f6}
#content .paginator {text-align: center}
#content .paginator a {margin: 0 5px; display: inline-block; width: 40px; height: 40px; background-color: #bbdeee; border-radius: 20px; text-decoration: none !important; font-weight: bold; font-size: 22px; line-height: 1.6}
#content .paginator a.current {color: white !important}
#content .paginator a:hover {background-color: #8080f6; color: white !important}
#content ul.tree li {list-style-type: none}
#content ul.tree li:before {content: '- '}
#content ul#stuff {list-style-type: none; margin: 0; padding: 0}
#content ul#stuff li {display: inline-block; width: 30%; min-width: 300px; padding: 10px; text-align: center; font-size: 20px}
#content ul#stuff li img {width: 300px}
#content ul#contacts {list-style-type: none; margin: 0 20px 0 0; padding: 0; float: left; width: 310px}
#content ul#contacts li {text-align: right}
#content #yandex-map {position: relative; overflow: hidden; min-width: 400px}
#content #yandex-map iframe {position: relative; width: 99%; height: 300px}
#content .review {margin-bottom: 30px}
#content .full-width {width: 100%}
#content .article-img {float: right; width: 500px; margin-left: 20px}
#content .vk-left {float: left; margin-right: 20px}
#content .vk-right {float: right; margin-left: 20px}
#program .vk-left, #program .vk-right {margin-top: 20px}
@media screen and (max-width: 980px) {
    #content {padding: 80px 35px 35px; font-size: 21px; line-height: 1.3}
    #content h1 {font-size: 35px; line-height: 1; margin-bottom: 10px}
    #content p {margin: 9px 0}
    #content .article-img {width: 400px; margin-left: 15px}
    #program .vk-left, #program .vk-right {margin-top: 18px}
    #welcome {margin-top: 64px; padding: 35px; font-size: 25px; line-height: 25px}
    #welcome .name {font-size: 56px; line-height: 61px; letter-spacing: 2px}
}
@media screen and (max-width: 800px) {
    #content ul#contacts {float: none; margin: 0 auto 10px}
    #content .article-img {width: 300px; margin-left: 10px}
    #welcome .button {margin: 50px 0}
    #welcome .button a {padding: 15px; height: 40px !important; font-size: 25px !important}
}
@media screen and (max-width: 650px) {
    #welcome #video1 {display: none}
    #welcome #video2 {display: inherit}
}
@media screen and (max-width:560px) {
    .popup .t-popup__close-icon g {fill: #000000 !important}
    #content .article-img {float: none; margin: 5px auto}
}
@media screen and (max-width: 480px) {
    #content {padding: 80px 20px 20px; font-size: 20px; line-height: 1.2}
    #content h1 {font-size: 30px; line-height: 0.9}
    #content p {margin: 8px 0}
    #content ul#stuff li {margin-bottom: 10px; min-width: 250px}
    #content ul#stuff li img {width: 250px}
    #content ul#contacts {width: 280px}
    #content #yandex-map {min-width: 250px}
    #content .article-img {width: 100%}
    #program .vk-left, #program .vk-right {margin-top: 16px}
    #welcome {padding: 20px; font-size: 20px; line-height: 20px}
    #welcome .name {font-size: 48px; line-height: 50px; letter-spacing: 1px}
    #welcome .button {margin: 40px 0}
    #welcome .button a {padding: 10px; height: 30px !important; font-size: 20px !important}
}
@media screen and (max-width: 425px) {
    #content .vk-left, #content .vk-right {float: none; text-align: center; margin-left: 0; margin-right: 0}
}