/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */



.schedule{list-style-type:none}
.schedule.year>h3{background-color:#8C0000;color:#fff;text-align:center;padding:.5rem 1rem}
.schedule.month>h4{background-color:#8C0000;color:#fff;text-align:center;padding:.5rem 1rem}
.schedule>li.course{transition:all 0.2s ease-in 0s;padding:.5rem 0;border-bottom:.0625rem solid #c9c2bb}
.schedule>li.course:hover{background-color:#efefef}@media (min-width: 52.5rem){.schedule>li.course{padding:1rem 0}}
.schedule>li.course:last-child{border:none}
.schedule.course>article{grid-row-gap:0}
.schedule.course>article>section{grid-row-gap:0;align-items:start}@media (min-width: 52.5rem){.schedule.course>article>section{align-items:center}}
.schedule.course p{font-size:.75rem;margin-bottom:.25rem}@media (min-width: 52.5rem){.schedule.course p{font-size:1rem}}
.schedule.course p.title{font-size:.9rem}@media (min-width: 52.5rem){.schedule.course p.title{font-size:1rem}}
.schedule.course.closed{opacity:.5}



.grid,.grid-fluid{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:1rem;width:100%}@media (min-width: 37.5rem){.grid,.grid-fluid{grid-template-columns:repeat(8, 1fr)}}@media (min-width: 52.5rem){.grid,.grid-fluid{grid-template-columns:repeat(12, 1fr);grid-gap:1.5rem}}
.grid.test>div>div,.grid-fluid.test>div>div{display:block;background-color:#ccc;padding-top:100%}@media (max-width: 37.4375rem){.grid>.rs2,.grid-fluid>.rs2{grid-row:span 2}
.grid>.rs3,.grid-fluid>.rs3{grid-row:span 3}.grid>.rs4,.grid-fluid>.rs4{grid-row:span 4}}@media (min-width: 37.5rem) and (max-width: 52.4375rem){.grid>.rm2,.grid-fluid>.rm2{grid-row:span 2}
.grid>.rm3,.grid-fluid>.rm3{grid-row:span 3}.grid>.rm4,.grid-fluid>.rm4{grid-row:span 4}
.grid>.rm5,.grid-fluid>.rm5{grid-row:span 5}
.grid>.rm6,.grid-fluid>.rm6{grid-row:span 6}.grid>.rm7,.grid-fluid>.rm7{grid-row:span 7}
.grid>.rm8,.grid-fluid>.rm8{grid-row:span 8}}@media (min-width: 52.5rem) and (max-width: 99.9375rem){.grid>.rl2,.grid-fluid>.rl2{grid-row:span 2}
.grid>.rl3,.grid-fluid>.rl3{grid-row:span 3}.grid>.rl4,.grid-fluid>.rl4{grid-row:span 4}.grid>.rl5,.grid-fluid>.rl5{grid-row:span 5}.grid>.rl6,.grid-fluid>.rl6{grid-row:span 6}
.grid>.rl7,.grid-fluid>.rl7{grid-row:span 7}.grid>.rl8,.grid-fluid>.rl8{grid-row:span 8}.grid>.rl9,.grid-fluid>.rl9{grid-row:span 9}.grid>.rl10,.grid-fluid>.rl10{grid-row:span 10}
.grid>.rl11,.grid-fluid>.rl11{grid-row:span 11}.grid>.rl12,.grid-fluid>.rl12{grid-row:span 12}}@media (max-width: 37.4375rem){.grid>.csm1,.grid-fluid>.csm1{grid-column-start:2}
.grid>.csm2,.grid-fluid>.csm2{grid-column-start:3}
.grid>.csm3,.grid-fluid>.csm3{grid-column-start:4}
.grid>.cs2,.grid-fluid>.cs2{grid-column-end:span 2}
.grid>.cs3,.grid-fluid>.cs3{grid-column-end:span 3}
.grid>.cs4,.grid-fluid>.cs4{grid-column-end:span 4}}@media (min-width: 37.5rem) and (max-width: 52.4375rem){.grid>.cmm1,.grid-fluid>.cmm1{grid-column-start:2}
.grid>.cmm2,.grid-fluid>.cmm2{grid-column-start:3}.grid>.cmm3,.grid-fluid>.cmm3{grid-column-start:4}.grid>.cmm4,.grid-fluid>.cmm4{grid-column-start:5}
.grid>.cmm5,.grid-fluid>.cmm5{grid-column-start:6}.grid>.cmm6,.grid-fluid>.cmm6{grid-column-start:7}.grid>.cmm7,.grid-fluid>.cmm7{grid-column-start:8}
.grid>.cm2,.grid-fluid>.cm2{grid-column-end:span 2}.grid>.cm3,.grid-fluid>.cm3{grid-column-end:span 3}.grid>.cm4,.grid-fluid>.cm4{grid-column-end:span 4}
.grid>.cm5,.grid-fluid>.cm5{grid-column-end:span 5}.grid>.cm6,.grid-fluid>.cm6{grid-column-end:span 6}.grid>.cm7,.grid-fluid>.cm7{grid-column-end:span 7}
.grid>.cm8,.grid-fluid>.cm8{grid-column-end:span 8}}@media (min-width: 52.5rem){.grid>.clm1,.grid-fluid>.clm1{grid-column-start:2}
.grid>.clm2,.grid-fluid>.clm2{grid-column-start:3}.grid>.clm3,.grid-fluid>.clm3{grid-column-start:4}
.grid>.clm4,.grid-fluid>.clm4{grid-column-start:5}.grid>.clm5,.grid-fluid>.clm5{grid-column-start:6}
.grid>.clm6,.grid-fluid>.clm6{grid-column-start:7}.grid>.clm7,.grid-fluid>.clm7{grid-column-start:8}
.grid>.clm8,.grid-fluid>.clm8{grid-column-start:9}.grid>.clm9,.grid-fluid>.clm9{grid-column-start:10}
.grid>.clm10,.grid-fluid>.clm10{grid-column-start:11}.grid>.clm11,.grid-fluid>.clm11{grid-column-start:12}
.grid>.cl2,.grid-fluid>.cl2{grid-column-end:span 2}.grid>.cl3,.grid-fluid>.cl3{grid-column-end:span 3}
.grid>.cl4,.grid-fluid>.cl4{grid-column-end:span 4}.grid>.cl5,.grid-fluid>.cl5{grid-column-end:span 5}
.grid>.cl6,.grid-fluid>.cl6{grid-column-end:span 6}.grid>.cl7,.grid-fluid>.cl7{grid-column-end:span 7}
.grid>.cl8,.grid-fluid>.cl8{grid-column-end:span 8}.grid>.cl9,.grid-fluid>.cl9{grid-column-end:span 9}
.grid>.cl10,.grid-fluid>.cl10{grid-column-end:span 10}.grid>.cl11,.grid-fluid>.cl11{grid-column-end:span 11}
.grid>.cl12,.grid-fluid>.cl12{grid-column-end:span 12}}.grid.dense,.grid-fluid.dense{grid-auto-flow:dense}
.grid{max-width:100rem;margin:0 auto}.padding{padding:0 1rem}@media (min-width: 52.5rem){.padding{padding:0 1.5rem}}


.button{background-color:#8C0000;border-radius:.2rem;border:.0625rem solid #8C0000;color:#fff;padding:.125rem .25rem;display:block;font-size:.75rem;line-height:1.1rem;cursor:pointer;transition:all 0.2s ease-in 0s}@media (min-width: 52.5rem){.button{padding:.25rem 1rem;font-size:1.1rem}}.button:focus,.button:hover{background-color:#fff;color:#8C0000}.buy-button{display:flex;align-items:center;justify-content:center;height:1.75rem;width:100%;background-color:#1a9f29;padding:0 .5rem;border-radius:.2rem;cursor:pointer}.buy-button:hover{background-color:#21cb34}.buy-button span{color:#fff}.buy-button svg{height:1rem}.buy-button svg path{fill:#fff}.approved,.pending{color:#7b543e;font-style:italic;text-transform:lowercase}.approved{color:#bca58b}.closed{color:#bca58b}.card-image{width:100%;position:relative;padding-top:56.25%;background-color:#444}.card-image>img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.contacts{color:#fff;padding-top:1rem;padding-bottom:1rem}@media (min-width: 52.5rem){.contacts{align-items:end;justify-items:end;padding-top:1.5rem;padding-bottom:1.5rem}}.contacts>div:first-child{justify-self:start}.contacts p.address{font-size:.75rem}@media (min-width: 52.5rem){.contacts p.address{font-size:1rem}}.contacts p.tel{text-transform:uppercase;margin-bottom:.5rem;text-align:right}@media (min-width: 52.5rem){.contacts p.tel{font-size:1.5rem}}.contacts p.tel.tel-additional{font-size:.75rem;color:#c9c2bb}@media (min-width: 52.5rem){.contacts p.tel.tel-additional{font-size:1rem}}.contacts p.email{text-align:right;font-size:.75rem}@media (min-width: 52.5rem){.contacts p.email{font-size:1rem}}p.price{font-size:1.2rem}p.price.non-free:after{font-family:'Font Awesome 5 Pro';content:'\00a0\f158';font-weight:300}.course-description ul,.course-description ol{padding-left:1rem;margin-bottom:1rem}.course-description ul>li,.course-description ol>li{margin-bottom:.5rem}body>footer{padding-top:4rem;padding-bottom:4rem;color:#fff}body>footer>section>ul{list-style-type:none}form{display:flex;flex-direction:column}form input,form select,form textarea{border:.1rem solid #8C0000;padding:.5rem;margin-bottom:.5rem;width:100%}form input[type=submit],form select[type=submit],form textarea[type=submit]{margin:2rem 0}form textarea{resize:vertical}form.profile{width:100%;max-width:20rem;margin:0 auto}form.profile>div:first-child{text-align:right;margin-bottom:2rem}form.profile>div:first-child:before{content:'Ваш профиль сохранен';color:green}form.profile.edit>div:first-child:before{content:'Сохраните изменения';color:red}.auth .errors{list-style-type:none;border-left:.125rem solid red;color:#900}.auth .errors li{padding:.5rem 1rem}.multinumber-list h2{display:inline;font-size:1rem;margin:0}.multinumber-list ol{counter-reset:item;padding-top:.5rem;margin-bottom:1rem}.multinumber-list ol>li{margin:0;display:block;margin-bottom:.5rem}.multinumber-list ol>li:last-child{margin-bottom:0}.multinumber-list ol>li::before{content:counters(item,".") ". ";counter-increment:item}.multinumber-list ul{list-style-type:disc;padding-left:1.5rem}.multinumber-list ul li{margin-bottom:.25rem}.multinumber-list>ol>li>ol{padding-left:1rem}.multinumber-list>ol>li>ol>li>ol{padding-left:1rem}.legal-doc>main{padding:2rem 0}.legal-doc>main p{margin-bottom:2rem}.magistra-logo{width:100%}.magistra-logo path{fill:#bca58b;fill-opacity:1;fill-rule:nonzero;stroke:none}.desktop-logo{display:none}@media (min-width: 52.5rem){.desktop-logo{display:block}}.main-nav{position:fixed;background-color:#292D35;width:100%;top:0;left:0}.main-nav .mobile-controlls{padding-top:.5rem;padding-bottom:.5rem}.main-nav .mobile-controlls button{background:none;border:.0625rem solid #c9c2bb;color:#c9c2bb;border-radius:.3125rem;transition:all 0.2s ease-in 0s;cursor:pointer}.main-nav .mobile-controlls button:focus{box-shadow:0 0 0 .0625rem #c9c2bb}.main-nav .mobile-controlls button:hover{box-shadow:0 0 0 .0625rem #c9c2bb;background-color:#c9c2bb;color:#292D35}@media (min-width: 52.5rem){.main-nav{background-color:#c9c2bb;position:sticky}.main-nav .mobile-controlls{display:none}}.main-nav>ul{background-color:#c9c2bb;list-style-type:none;padding:0;display:none;flex-direction:column}.main-nav>ul.show{display:flex}@media (min-width: 52.5rem){.main-nav>ul{display:flex;flex-direction:row}}.main-nav>ul li a{display:block;color:#fff;padding:.5rem;text-transform:uppercase;font-weight:bold}@media (min-width: 52.5rem){.main-nav>ul li a{padding:1.5rem 1rem}}.main-nav>ul li a:focus,.main-nav>ul li a:hover{background-color:#9c8f82}.main-nav>ul li.separator{flex-grow:1}.section-item{border:.1rem solid #c9c2bb;display:flex;flex-direction:column}.section-item>header{background-image:url("../images/default.d19a7481262c.jpg");background-color:#c9c2bb;background-size:cover;background-position:center}.section-item>header>div{display:block;padding-top:56.25%}.section-item>main{flex-grow:1;padding:1rem}.section-item>main h3{margin-bottom:1rem;text-transform:uppercase;text-align:center}.section-item>main p{hyphens:auto;text-align:justify;line-height:1.25}.section-item>footer{padding:.5rem}.section-item>footer a{text-align:center;margin-top:1rem;margin-bottom:1rem;display:block}

.text-theme-colored{
    text-align: center;
}