@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/university-hub//wp-content/themes/university-hub/fonts/manrope/Manrope-Regular.eot');
    src: url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Regular.woff2') format('woff2'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Regular.woff') format('woff'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Regular.ttf') format('truetype'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Regular.svg#Manrope-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Medium.eot');
    src: url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Medium.woff2') format('woff2'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Medium.woff') format('woff'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Medium.ttf') format('truetype'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Medium.svg#Manrope-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Bold.eot');
    src: url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Bold.woff2') format('woff2'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Bold.woff') format('woff'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Bold.ttf') format('truetype'),
        url('/wp-content/themes/university-hub/fonts/manrope/Manrope-Bold.svg#Manrope-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.page-template-legal #page #content{
    background: #2B2C31;
    position: relative;
    font-family: 'Manrope', sans-serif;
    color: #fff;
    line-height: 1.36;
    padding: 0;
}

.page-template-legal #page #content .container{
    max-width: 1158px;
}

.page-template-legal #page #content a{
    color: #fff;
}

.page-template-legal #page .breadcrumb-row{
    display: none;
}

.page-template-legal #page #content h1{
    font-size: 4.2rem;
    color: #fff;
    margin: 0;
}

.main-info-icons{
    max-width: 570px;
}
.legal-subtitle{
    font-size: 1.8rem;
    opacity: 0.4;
    margin-bottom: 40px;
}
.main-info img{
    border-radius: 12px;
}
.legal-icon>div{
    position: relative;
    padding-left: 52px;
    margin-bottom: 20px;
    font-size: 1.6rem;
    padding-right: 25px;
}
.legal-icon>div:before{
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/wp-content/themes/university-hub/img/legal/icons/1.png) no-repeat 50% 50%;
    background-size: 100%;
}
.legal-icon>div.legal-icon-2:before{
    background-image: url(/wp-content/themes/university-hub/img/legal/icons/2.png);
}
.legal-icon>div.legal-icon-3:before{
    background-image: url(/wp-content/themes/university-hub/img/legal/icons/3.png);
}
.legal-section{
    margin-top: 100px;
}
.form-search{
    &>div{
        width: 49.5%;
        max-width: 570px;
        box-sizing: border-box;
    }
}
.page-template-legal form input,
.page-template-legal .search-form input.search-field{
    background: #fff;
    border: 1px solid #FF9900;
    border-radius: 6px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    font-size: 1.4rem;
    height: 42px;
}
.page-template-legal form.send-form{
    position: relative;
}
.page-template-legal form.send-form:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    content: "Спасибо! Заявка отправлена";
    font-size: 3rem;
    align-items: center;
    background: #fff;
    color: #474747;
    justify-content: center;
    z-index: 1;
    border-radius: 12px;
    text-align: center;

}
.page-template-legal .search-form input.search-field{
    max-width: 402px;
    box-shadow: none;
}
.page-template-legal .search-form .search-submit{
    margin: 0;
    width: 120px;
    height: 42px;
    font-size: 1.6rem;
    background: #FF9900;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    text-align: center;
    padding: 10px 0;
}
.page-template-legal .search-form::after{
    display: none;
}
.contact-info{
    margin-bottom: 12px;
}
.contact-info>div{
    width: 49%;
}
.page-template-legal form .btn{
    background: #FF9900;
    margin: 0;
    margin-top: 12px;
    width: 100%;
    max-width: 100%;
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.page-template-legal form .btn:hover{
    background: #2962FF;
    border: 1px solid #2962FF;
}

.page-template-legal h2{
    font-size: 3.2rem;
    color: #474747;
    font-weight: 700;
}
.legal-form{
    padding: 20px;
    background: #fff;
    border-radius: 12px;
}
.page-template-legal h2 .orange-title{
    color: #FF9900; 
}
.agree-form{
    color: #474747;
    opacity: 0.4;
    font-size: 1.2rem;
}
.page-template-legal #page #content .agree-form a{
    color: #474747;
}
.page-template-legal h2 span.blue-title{
    color: #2962FF;
}
.popular-q{
    margin-top: 18px;
}

.popular-title{
    font-weight: 700;
    margin-bottom: 10px;
}

.popular-q-w span{
    display: inline-block;
    padding: 11px 20px;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 12px;
    margin-right: 12px;
    font-size: 1.4rem;
    cursor: pointer;
}
.page-template-legal h2.white-title{
    color: #fff;
}
.legal-why-block{
    flex-wrap: wrap;
}
.legal-why-block>div{
    width: 32%;
    max-width: 374;
    height: 160px;
    border-radius: 12px;
    font-size: 1.4rem;
    font-weight: 700;
    box-sizing: border-box;
    padding: 20px;
    padding-right: 140px;
    margin-bottom: 38px;
    position: relative;
}
.legal-why-block>div:after{
    content: "";
    display: block;
    position: absolute;
    width: 105px;
    height: 105px;
    background: url(/wp-content/themes/university-hub/img/legal/why/1.png) no-repeat 50% 50%;
    background-size: 100%;
    right: 15px;
    top: 15px;
}
.legal-why-block>div:nth-child(2n+1){
    background: #fff;
    color: #474747;
}
.legal-why-block>div:nth-child(2):after{
    background-image: url(/wp-content/themes/university-hub/img/legal/why/2.png);
}
.legal-why-block>div:nth-child(3):after{
    background-image: url(/wp-content/themes/university-hub/img/legal/why/3.png);
}
.legal-why-block>div:nth-child(4):after{
    background-image: url(/wp-content/themes/university-hub/img/legal/why/4.png);
}
.legal-why-block>div:nth-child(5):after{
    background-image: url(/wp-content/themes/university-hub/img/legal/why/5.png);
}
.legal-why-block>div:nth-child(6):after{
    background-image: url(/wp-content/themes/university-hub/img/legal/why/6.png);
}
.legal-manager-form{
    margin-top: 62px;
}
.legal-manager-form h2{
    color: #fff;
    max-width: 720px;
}
.legal-manager-form h2 span{
    color: #FF9900; 
}

.legal-manager-form .form-block>div{
    width: 24%;
    max-width: 276px;
}

.legal-manager-form .form-block>div .btn{
    margin: 0;
}

.legal-manager-form .agree-form{
    max-width: 650px;
    margin-top: 20px;
    opacity: 0.4;
}

.legal-manager-form .agree-form,
.page-template-legal #page #content .legal-manager-form .agree-form a{
    color: #fff;
}

.legal-adv-block{
    flex-wrap: wrap;
    text-align: center;
}

.legal-adv-block>div{
    width: 25%;
    max-width: 276px;
    position: relative;
    padding-top: 132px;
}

.legal-adv-block>div:before{
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/wp-content/themes/university-hub/img/legal/why/7.png) no-repeat 50% 50%;
    background-size: 100%;
}

.legal-adv-block>div:nth-child(2):before{
    background-image: url(/wp-content/themes/university-hub/img/legal/why/8.png)
}
.legal-adv-block>div:nth-child(3):before{
    background-image: url(/wp-content/themes/university-hub/img/legal/why/9.png)
}
.legal-adv-block>div:nth-child(4):before{
    background-image: url(/wp-content/themes/university-hub/img/legal/why/10.png)
}
.legal-sale{
    background: #2962FF url(/wp-content/themes/university-hub/img/legal/pc-bg.svg) no-repeat center left;
    padding: 20px;
    text-align: right;
    border-radius: 24px;
}
.legal-sale h2{
    margin-bottom: 10px;
}
.legal-sale .subtitle-sale{
    font-size: 1.8rem;
}
.legal-docs-block>div{
    width: 32%;
    max-width: 374px;
    text-align: center;
}
.legal-docs-block img{
    max-width: 276px;
    border-radius: 12px;
    margin-bottom: 12px;
}
.legal-course{
    margin-bottom: 100px;
}
.legal-course img{
    border-radius: 12px;
}
.legal-course ul{
    list-style-type: none;
    margin: 0;
}
.legal-course ul li{
    margin-bottom: 12px;
}
.legal-course-item-1{
    width: 24%;
    max-width: 276px;
}
.legal-course-item-1 li{
    display: block;
    padding: 10px 14px;
    background: rgba(255,255,255,0.4);
    color: #474747;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s; 
}
.legal-course-item-1 li:hover,
.legal-course-item-1 li.active-list{
    background: #2962FF;
    color: #fff;
}
.legal-course-item-2{
    width: 43%;
    max-width: 470px;
    height: 386px;
    overflow: hidden;
}
.legal-course-item-2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s;
}
.legal-course-item-2 ul.active-list{
    opacity: 1;
    max-height: 5000px;
}
.legal-course-item-2 li{
    width: 49%;
}
.page-template-legal #page #content .legal-course-item-2 a{
    display: flex;
    background: #fff;
    color: #474747;
    padding: 20px;
    border-radius: 12px;
    height: 78px;
    box-sizing: border-box;
    font-size: 1.4rem;
    align-items: center;
}
.legal-course-item-3{
    width: 33%;
    max-width: 374px;
    margin-bottom: 12px;
}
.legal-work-block>div{
    width: 49%;
    max-width: 570px;
    background: #fff;
    color: #474747;
    font-weight: 700;
    font-size: 1.4rem;
    border-radius: 12px;
    padding: 20px;
    padding-top: 132px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
.legal-work-block>div:before{
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 20px;
    background: url(/wp-content/themes/university-hub/img/legal/icons/4.png) no-repeat 50% 50%;
    background-size: 100%;
}
.legal-work-block>div:nth-child(2):before{
    background-image: url(/wp-content/themes/university-hub/img/legal/icons/5.png)
}
.legal-partners-block{
    font-size: 1.2rem;
    flex-wrap: wrap;
}
.legal-partners-block>div{
    width: 16.6%;
    max-width: 178px;
    margin-bottom: 20px;
    text-align: center;
}
.legal-partners-block img{
    display: block;
    margin: 0 auto 12px;
}
.legal-license-block>div{
    width: 25%;
    text-align: center;
    font-size: 1.2rem;
}
.legal-license-block>div img{
    display: block;
    margin: 0 auto 12px;
    border-radius: 12px;
}
.legal-faq-block>div{
    border-top: 1px solid #7C7C7C;
    padding: 20px 32% 20px 0;
    position: relative;
    cursor: pointer;
}
.legal-faq-block>div.active-faq>div{
    margin-top: 12px;
    max-height: 5000px;
    opacity: 1;
}
.legal-faq-block>div.active-faq:after{
    transform: rotate(180deg);
}
.legal-faq-block>div:after{
    content: "";
    position: absolute;
    width: 20px;
    height: 10px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/wp-content/themes/university-hub/img/legal/arr.svg) no-repeat 50% 50%;
    background-size: 100%;
    transition: all 0.3s;
}
.legal-faq-block>div h3{
    color: #fff;
    font-size: 1.8rem;
    margin-bottom: 0;
}
.legal-faq-block>div>div{
    font-size: 1.2rem;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.legal-manager-bottom{
    margin: 100px 0;
}
.legal-manager-form.legal-manager-bottom h2 span{
    color: #2962FF;
}
@media screen and (max-width: 1200px) {
    .legal-course-item-1 {
        width: 20%;
    }
    .popular-q-w span{
        margin-bottom: 12px;
    }
}
@media screen and (max-width: 1000px) {
    .legal-section {
        margin-top: 40px;
    }
    .legal-manager-form {
        margin-top: 30px;
    }
    .legal-course {
        margin-bottom: 40px;
    }
    .legal-manager-bottom {
        margin: 40px 0;
    }
    .legal-why-block > div,
    .legal-adv-block > div{
        width: 49%;
        max-width: 49%;
    }
    .legal-adv-block > div{
        margin-bottom: 25px;
    }
    .page-template-legal .head-menu-row{
        margin: 0;
    }
}
@media screen and (max-width: 800px) {
    .page-template-legal #page #content h1 {
        font-size: 2.8rem;
    }
    .legal-subtitle{
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
    .legal-icon > div{
        margin-bottom: 10px;
        font-size: 1.4rem;
    }
    .page-template-legal h2 {
        font-size: 2.4rem;
    }
    .form-search{
        flex-wrap: wrap;
    }
    .form-search > div {
        width: 100%;
        max-width: 100%;
    }
    .legal-form-order{
        margin-bottom: 20px;
    }
    .legal-why-block > div{
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 135px;
        font-size: 1.6rem;
    }
    .legal-docs-block > div {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .legal-docs-block{
        flex-wrap: wrap;
    }
    .legal-course-item-3{
        display: none;
    }
    .legal-course-item-1 {
        width: 34%;
    }
    .legal-course-item-2 {
        width: 65%;
        max-width: 65%;
    }
    .legal-partners-block > div {
        width: 32%;
        max-width: 32%;
    }
    .legal-license-block{
        flex-wrap: wrap;
    }
    .legal-license-block > div {
        width: 49%;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 700px) {
    .main-info{
        flex-wrap: wrap;
    }
    .main-info-icons{
        margin-bottom: 20px;
    }
    .legal-form-order{
        flex-wrap: wrap;
    }
    .legal-manager-form .form-block > div{
        width: 100%;
        max-width: 100%;
        margin-bottom: 5px;
    }
    .legal-why-block > div{
        margin-bottom: 10px;
    }
    .legal-adv-block > div{
        margin-bottom: 15px;
    }
    .legal-sale{
        background-size: cover;
    }
}
@media screen and (max-width: 600px) {
    .legal-course-items,
    .legal-work-block{
        flex-wrap: wrap;
    }
    .legal-course-item-1,
    .legal-course-item-2{
        width: 100%;
        max-width: 100%;
    }
    .legal-course-item-1 ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .legal-course-item-1 ul li{
        width: 49%;
        font-size: 1.4rem;
        height: 60px;
        display: flex;
        align-items: center;
    }
    .page-template-legal #page #content .legal-course-item-2 a{
        height: 100px;
        padding: 10px;
    }
    .legal-course-item-2{
        height: auto;
    }
    .legal-work-block > div {
        width: 100%;
        margin-bottom: 10px;
    }
    .legal-partners-block > div {
        width: 49%;
        max-width: 49%;
    }
}
@media screen and (max-width: 500px) {
    .main-info{
        margin-top: 0;
    }
    .legal-form {
        padding: 10px;
    }
    .page-template-legal .search-form .search-submit{
        width: 90px;
    }
    .page-template-legal form input, 
    .page-template-legal .search-form input.search-field{
        font-size: 1.2rem;
    }
    .legal-why-block > div{
        font-size: 1.4rem;
        padding: 20px 10px;
        padding-right: 100px;
        display: flex;
        align-items: center;
        min-height: 100px;
        margin-bottom: 0;
    }
    .legal-why-block > div::after{
        top: 0;
        bottom: 0;
        margin: auto;
        right: 10px;
    }
    .legal-adv-block > div{
        font-size: 1.4rem;
    }
    .legal-why-block > div::after{
        width: 75px;
        height: 75px;
    }
}