*
{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
#full
{
    overflow: hidden;
    width:100%;
    margin:0;
    padding:0;
    box-sizing: border-box;
}
img
{
    -ms-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
}
#main .thanks-title
{
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
#main.thanks .main-form-wrapper
{
    background:none;
    border:none;
    color:#000;
    font-family: 'Roboto', sans-serif;
    text-shadow: none;
}
#main .thanks-wrapper
{
    color:#000;
    /* background:rgba(120,120,120,0.8); */
    padding:20px;
    width:fit-content;
    margin:0 auto;
    border-radius: 10px;
    max-width:768px;
    font-family: 'Roboto', sans-serif;
}
#main .thanks-button
{
    text-decoration: none;
}
#main.thanks .container
{
    background:none;
}
#main.thanks .container .wrapper
{
    background:none;
}
#main .button.thanks
{
    text-decoration: none;
    width:fit-content;
    margin:20px auto 0 auto;
    font-family: 'Roboto', sans-serif;
    padding:15px 45px 15px 45px;
    color:#fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size:14px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
}
#main .thanks-pretitle, #main .thanks-next, #main .thanks-link, #main .quote-wrapper
{
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}
#main .quote-wrapper
{
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: column;
    text-align: left;
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    /* background:rgba(120,120,120,0.8);
    border:3px solid rgba(160,160,160,0.95); */
    padding:20px 20px 0 20px;
}
#main .quote-wrapper .quote-sign
{
    margin-top:50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
#main .quote-wrapper .sign-wrapper
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#main .thanks-pretitle
{
    text-align: left;
}
/* #main .quote-wrapper::before
{
    content:'';
    width:1px;
    height:70%;
    background-color:#fff;
    position: absolute;
    top:-5px;
    left:25px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
} */
#main .quote-wrapper .thanks-quote p
{
    margin-bottom:20px;
}
#main .quote-wrapper .img-wrapper
{
    min-width:120px;
    width:120px;
    height:auto;
    margin-left:20px;
}
#main .thanks-link a:hover
{
    opacity:1;
}
#main.thanks .container, #main.thanks .wrapper
{
    min-height:100vh;
}
#main .thanks-img
{
    margin:20px auto;
    width:100%;
    max-height:150px;
    height:150px;    
    background:url(../img/stages-back.png) no-repeat;
    background-position: 0% 15%;
    background-size:cover;
}
#main .quote-wrapper .img-wrapper img, #main .thanks-img img
{
    width:100%;
    height:100%;
}
#main .thanks-link
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:30px;
    line-height: 40px;
    /* text-shadow:0 0 5px #000; */
    cursor: pointer;
    transition:0.2s;
}
#main .thanks-link a
{
    text-decoration: none;
    color:#CF313B;
}
#main .thanks-link:hover svg path
{
    transition:0.2s;
}
#main .thanks-link:hover svg path
{
    fill:#CF313B;
}
#main .thanks-link svg
{
    margin:5px 30px 0 30px;
}
#main.thanks .main-form-wrapper
{
    width:auto;
}
#main .thanks-next
{
    margin:20px 0;
    text-transform: uppercase;
    /* text-shadow:0 0 5px #000; */
}
#main .thanks-next .bold
{
    font-weight: 600;
}
#main .container
{
    width:100%;
    height:100vh;
    background:url(../img/back1.png) no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative;
}
#main .arrow
{
    content:'';
    position: absolute;
    bottom:-60px;
    left:50%;
    transform:translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background:#fff;
    border-radius:50%;
    display: flex;
    justify-content: center;
    padding:15px 0 0 0;
    cursor: pointer;
    transition:0.2s;
}
#main .arrow:hover
{
    opacity:0.95;
    transform:scale(0.97) translate(-50%,-50%);
}
#main .arrow svg
{
    width:16px;
    height:9px;
    fill:#D0BF93;
}
#main .container .wrapper
{
    width:100%;
    height:100%;
    background:rgba(30,28,25,0.5);
    position: relative;
}
#main header
{
    position: absolute;
    top:5%;
    width:100%;
    height:auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#main .logo-wrapper
{
    width: 120px;
    height: 60px;
    z-index:99999;
    
}
#main .logo-wrapper .mobile, footer .logo-wrapper .mobile 
{
    display: none;
    transform:scale(1.2);
}
#main .menu-wrapper
{
    display: flex;
    color:#fff;
    font-family: 'Roboto', sans-serif;
}
#main .menu-button
{
    display: none;
    cursor: pointer;
}
#main .menu-wrapper ul
{
    margin-top:5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#main .menu-wrapper ul li
{
    list-style: none;
    margin:0 10px 0 5px;
    position: relative;
    cursor: pointer;    
    font-size: 17px;
    transition:0.2s;
}
#main .menu-wrapper ul li::after
{
    content:'|';
    padding-left:15px;
    color:#fff;
}
.menu-wrapper ul li:hover
{
    opacity:0.8;
}
#main .menu-wrapper ul li:last-child::after
{
    display: none;
}
#main header .button
{
    font-family: 'Roboto', sans-serif;
    margin-left:60px;
    padding:15px 45px 15px 45px;
    color:#fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size:14px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
}
#main .menu-wrapper ul li:hover
{
    color:#CF313B;
}
#main .menu-wrapper ul li:hover:after
{
    color:#fff;
}
#results2 .button:hover, #isc-program .text-wrapper .button:hover, #skype-consult .skype-form .button:hover, #results .text-wrapper .button:hover, #main .button:hover, #main .main-form-wrapper .button:hover, #about .students-wrapper .button:hover
{
    color:#CF313B;
    background:#fff;
}
#main #hamburger
{
    display: none;
}
#main header .button svg
{
    display: none;
}
#main .main-form-wrapper .button
{
    width:auto;
    height:auto;
}
.button
{
    width:auto;
    height:auto;
    font-family: 'Roboto', sans-serif;
}
#main .main-form-wrapper #downloadFile
{
    font-size: 13px;
    width: 212px;
}
#main .main-form-wrapper
{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width: 902px;
    height: 454px;
    background: rgba(208, 191, 147, 0.7);
    border: 3px solid #D0BF93;
    border-radius: 30px 0px;
    font-family: 'Playfair Display', serif;
    padding:40px 55px;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    color:#fff;
}
#main .main-form-wrapper .main-title
{
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
#main .main-form-wrapper .main-form
{
    margin-top:40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#main .main-form-wrapper .main-form .main-form-title
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}
#main .main-form-wrapper .main-form  .input-wrapper
{
    margin-top:35px;
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#main .main-form-wrapper .main-form input
{    
    font-family: 'Roboto', sans-serif;
    background:transparent;
    border:none;
    border-bottom:1px solid #fff;
    padding:10px 0 10px 10px;
    font-size:12px;
    color: #fff;
    caret-color:rgba(255,255,255,0.6);
    outline:none;
    min-width:200px;
}
#main .main-form-wrapper .main-form input[type="tel"]
{
    letter-spacing: 0.1em;
}
#main .main-form-wrapper .main-form .tel-wrapper
{
    position: relative;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    letter-spacing: 0.1em;
}
#main .main-form-wrapper .main-form .tel-code-wrapper
{
    position: absolute;
    top:0;
    left:10px;
}
#main .main-form-wrapper .main-form .current-code svg
{
    margin-top:-3px;
    margin-left:5px;
}
#main .main-form-wrapper .main-form input[type="tel"]::-webkit-input-placeholder {
    letter-spacing: 0.1em;
}
#main .main-form-wrapper .main-form input[type="tel"]::-moz-placeholder { 
    letter-spacing: 0.1em;
}
#main .main-form-wrapper .main-form input[type="tel"]:-ms-input-placeholder {
    letter-spacing: 0.1em;
}
#main .main-form-wrapper .main-form input[type="tel"]:-moz-placeholder {
    letter-spacing: 0.1em;
}
#main .main-form-wrapper .main-form input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#main .main-form-wrapper .main-form input::-moz-placeholder { 
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#main .main-form-wrapper .main-form input:-ms-input-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#main .main-form-wrapper .main-form input:-moz-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#main .main-form-wrapper .button
{
    margin-top:45px;
    width: 195px;
    height: 55px;
    background: #CF313B;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 30px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    transition: 0.2s;
}
#main .main-form-wrapper .button svg
{
    margin-top:1px;
    margin-left:8px;
    width:13px;
    height:12px;
}
#main .main-form-wrapper .button:hover svg path, #isc-program .text-wrapper .button:hover svg path
{
    fill: #CF313B!important;
}
.code-list
{
    display: none;
    width:fit-content;
    margin:0 6px 0 auto;
    background: rgba(208, 191, 147, 0.8);
    border: 2px solid rgba(255,255,255,0.3);
    padding:2px 1px;
    position: absolute;
    top:-134px;
    right:0;
}
.code-list .code-item
{
    margin:-3px 0;
    transition:0.2s;
}
.code-list .code-item:hover
{
    color:rgb(221, 212, 188);
}
#about
{
    width:100%;
    position: relative;
}
#about .title-wrapper
{
    width:100%;
    position: relative;
    max-width:1920px;
    margin:0 auto;
}
#about .decorate.top-left 
{
    position: absolute;
    left:-40px;
    top:100px;
}
#about .decorate.top-right 
{
    position: absolute;
    right:75px;
    top:-15px;
    transform:rotate(90deg);
}
#about .decorate.bottom-left 
{
    position: absolute;
    transform:rotate(-90deg);
    left:80px;
    bottom:-215px;
}
#about .decorate.bottom-right 
{
    position: absolute;
    transform:rotate(-180deg);
    right:-40px;
    bottom:-100px;
}
#about .decorate .decorate-short
{
    position: absolute;
    width: 119px;
    height: 1px;
    left: 90px;
    background: #D0BF93;
    opacity: 0.5;
}
#about .decorate .decorate-long
{
    position: absolute;
    left:0px;
    bottom:-90px;
    width: 230px;
    height: 1px;
    background: #D0BF93;
    opacity: 0.5;
    transform:rotate(90deg);
}
#about .about-title
{    
    padding-top:50px;
    font-family: 'Playfair Display';
    color: #CF313B;
    font-size: 38px;
    line-height: 51px;
    text-align: center;
}
#about .about-pretitle
{
    margin-top:30px;
    font-family: 'Roboto';
    color: #000;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
}
#about .about-advantages
{
    margin-top:100px;
    display: flex;
    justify-content: space-around;
    padding: 0 11%;
}
#about .about-advantages .advantage-item
{
    text-align: center;
}
#about .about-advantages .advantage-item .advantage-text
{
    margin-top:20px;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 30px;
}
#about .about-title.second
{
    margin-top:50px;
}
#about .students-wrapper 
{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    margin-top:97px;
    padding:0 18%;
}
#about .students-wrapper .student-item
{
    width:100%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
    margin-bottom:30px;
}
#about .students-wrapper .student-item .text-wrapper
{
    font-family:'Roboto';
    font-size: 21px;
    line-height: 36px;
}
#about .students-wrapper .student-item:nth-child(1) .photo-wrapper:before
{
    content:'I';
    position: absolute;
    top:-300px;
    left:-120px;
    font-size:600px;
    font-family: 'Playfair Display';
    color: rgba(208, 191, 147,0.2)
}
#about .students-wrapper .student-item:nth-child(2) .photo-wrapper:before
{
    content:'S';
    position: absolute;
    top:-300px;
    right:-230px;
    font-size:600px;
    font-family: 'Playfair Display';
    color: rgba(208, 191, 147,0.2)
}
#about .students-wrapper .student-item:nth-child(3) .photo-wrapper:before
{
    content:'C';
    position: absolute;
    top:-270px;
    left:-190px;
    font-size:600px;
    font-family: 'Playfair Display';
    color: rgba(208, 191, 147,0.2)
}
#about .students-wrapper .student-item:nth-child(2)
{
    flex-direction: row-reverse;
}
#about .students-wrapper .button
{
    margin:90px auto 190px auto;
    padding:18px 67px 18px 67px;
    color:#fff;
    text-transform: uppercase;
    font-size:14px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
    font-family: 'Roboto';
    font-weight: 500;
}
#main.thanks .button:hover,.popap-wrapper .button:hover ,#why-study .button:hover, #pdf-share .right-wrap .button:hover, #free-consult .button:hover, #about .students-wrapper .button:hover, #advantages .button:hover, #stages .button:hover 
{
    color:#fff;
    background: rgba(0, 0, 0, 0.90);
    /* text-shadow: 0 0 10px #CF313B; */
}
#about .students-wrapper .student-item .photo-wrapper, #about .students-wrapper .student-item .text-wrapper
{
    margin:0 25px;
    position: relative;
}
#about .students-wrapper .student-item .photo-wrapper .back
{
    position: relative;
}
#about .students-wrapper .student-item:nth-child(1) .photo-wrapper .back::after
{
    content:'';
    width: 380px;
    height: 300px;
    position: absolute;
    top:-20px;
    left:-20px;
    background: #D0BF93;
    z-index: -1;
}
#about .students-wrapper .student-item:nth-child(2) .photo-wrapper .back::after
{
    content:'';
    width: 380px;
    height: 300px;
    position: absolute;
    top:-20px;
    right:-20px;
    background: #D0BF93;
    z-index: -1;
}
#about .students-wrapper .student-item:nth-child(3) .photo-wrapper .back::after
{
    content:'';
    width: 380px;
    height: 300px;
    position: absolute;
    bottom:-20px;
    left:-20px;
    background: #D0BF93;
    z-index: -1;
}
#about .students-wrapper .student-item .photo-wrapper img
{
    width:450px;
    height:300px;
}
#results
{
    width:100%;
    height: 615px;
    background: #1E2433;
    display: flex;
    justify-content: center;
    position: relative;
}
#results .photo-wrapper
{
    position: relative;
    top:-134px;
    width: 450px;
    height: 747px;
    margin-right:100px;
}
#results .photo-wrapper img
{
    width:100%;
    height:100%;
}
#results .text-wrapper
{
    width: fit-content;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#results .text-wrapper .text-title
{
    margin-top:65px;
    font-family: 'Playfair Display';
    font-size: 38px;
    color: #F0DFB4;
}
#results .text-wrapper .text-pretitle
{
    margin-top:30px;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 30px;
    color:#fff;
}
#results .text-wrapper .text-lead-title
{
    margin-top:50px;
    font-family: 'Playfair Display';
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #F0DFB4;
}
#results .text-wrapper .text-lead-inner
{
    margin-top:15px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #FFF;
}
#results .text-wrapper .button
{
    margin-top:50px;
    padding:18px 42px 18px 42px;
    color:#fff;
    text-transform: uppercase;
    font-size:13px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
    font-family: 'Roboto';
    font-weight: 500;
}
#curator
{
    width:100%;
    padding:150px 200px 100px 200px;
    position: relative;
}
#curator .wrapper 
{    
    display: flex;
    justify-content: center;
    position: relative;
    margin:0 auto;
    margin-left:50px;
}
#curator .wrapper .left-wrapper
{
    width: 600px;
    height: 554px;
    background: #D0BF93;
    position: relative;
}
#curator .text-wrapper
{
    position: relative;
    top:-50px;
    left:-50px;
    width: 600px;
    height: 550px;
    background: #D0BF93;
    padding:111px 0 0 120px;
}
#curator .text-title
{
    font-family: 'Playfair Display';
    font-size: 36px;
    line-height: 48px;
    color: #FFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#curator .text-quote
{
    margin-top:34px;
    font-family: 'Playfair Display';
    font-style: italic;
    font-size: 16px;
    line-height: 21px;
    color: #FFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    padding-left:10px;
    display: flex;
    flex-direction: column;
}
#curator .text-quote span:nth-child(1)
{
    margin-bottom:20px;
}
#curator .text-quote::before
{
    content:'';
    width:1px;
    height:180px;
    background-color:#fff;
    position: absolute;
    top:-13px;
    left:2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#curator .text-sign
{
    margin-top:37px;
    font-family: 'Playfair Display';
    font-style: italic;
    font-size: 13px;
    line-height: 17px;
    color: #FFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    text-align: right;
    padding-right:40px;
}
#curator .wrapper .photo-wrapper
{
    min-width: 600px;
    min-height: 550px;
}
#curator .wrapper .photo-wrapper img
{
    width:100%;
    height:100%;
}
#curator .play-button
{
    width: 100px;
    height: 100px;
    background: #D0BF93;
    border-radius: 50%;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
#curator .play-button a{
    color:#D0BF93;
}
#curator .play-button .inner
{
    width:84px;
    height:84px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
    font-size:20px;
}
#curator .play-button .inner svg
{
    margin-right:-6px;
}
#curator .play-button:hover .inner
{
    background:rgba(0, 0, 0, 0.6);
}
#curator .play-button:hover svg path
{
    fill:rgba(255,255,255,0.9);
}
#skype-consult
{
    background:url(../img/skype-back.png) no-repeat;
    background-size:cover;
    width:100%;
    height:100%;
}
#skype-consult .wrapper
{
    width:100%;
    height:100%;    
    padding:60px 15%;
    background: rgba(30, 36, 51,0.9);
}
#skype-consult .text-title
{
    font-family: 'Playfair Display';
    font-size: 38px;
    line-height: 51px;
    color: #F0DFB4;
    text-align: center;
}
#skype-consult .text-pretitle
{
    margin-top:30px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
}
.results-wrapper
{
    width:100%;
    margin-top:60px;
    display: flex;
    justify-content: space-between;
}
.results-wrapper .result-item
{
    width: 360px;
    height: 220px;
    background: #D0BF93;
    border-radius: 20px 0px;
    color:#fff;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 25px;    
    padding:44px 30px;
    position: relative;
}
.results-wrapper .result-item:nth-child(2) .count
{
    color: #D0BF93;
}
.results-wrapper .result-item .count
{
    position: absolute;
    top:10px;
    right:17px;
    font-family: 'Playfair Display';
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.results-wrapper .result-item .text-inner
{
    display: flex;
    flex-direction: column;
}
.results-wrapper .result-item .text-inner span:nth-child(1)
{
    font-weight: 500;
    margin-bottom:15px;
}
.results-wrapper .result-item:nth-child(2)
{
    background: #FFFFFF;
    color:#333;
}
#skype-consult .skype-form
{
    width:100%;
    height:100%;
    padding:0 10%;
    color:#fff;
}
#skype-consult .skype-form  .input-wrapper
{
    margin-top:55px;
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#skype-consult .skype-form input
{    
    font-family: 'Roboto', sans-serif;
    background:transparent;
    border:none;
    border-bottom:1px solid #fff;
    padding:10px 0 10px 10px;
    font-size:12px;
    color: #fff;
    caret-color:rgba(255,255,255,0.6);
    outline:none;
    min-width:200px;
}
#skype-consult .skype-form input[type="tel"]
{
    letter-spacing: 0.1em;
}
#skype-consult .skype-form input[type="tel"]::-webkit-input-placeholder {
    letter-spacing: 0.1em;
}
#skype-consult .skype-form input[type="tel"]::-moz-placeholder { 
    letter-spacing: 0.1em;
}
#skype-consult .skype-form input[type="tel"]:-ms-input-placeholder {
    letter-spacing: 0.1em;
}
#skype-consult .skype-form input[type="tel"]:-moz-placeholder {
    letter-spacing: 0.1em;
}
#skype-consult .skype-form .tel-wrapper
{
    position: relative;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    letter-spacing: 0.1em;
}
#skype-consult .skype-form .tel-wrapper:after
{
    content:'*в случае если скайп будет недоступен мы позвоним вам на мобильный';
    position: absolute;    
    left:0;
    bottom:-55px;
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 16px;
    color: #8E8E8E;
    min-width:200px;
    letter-spacing: 0;
}
#skype-consult .skype-form .tel-code-wrapper
{
    position: absolute;
    top:0;
    left:10px;
}
#skype-consult .skype-form .code-list
{
    top:-134px;
    background: rgba(70, 70, 70, 0.9);
    border: 2px solid rgba(0, 0, 0, 0.4);
}
#skype-consult .skype-form .current-code svg
{
    margin-top:-3px;
    margin-left:5px;
}
#skype-consult .skype-form input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#skype-consult .skype-form input::-moz-placeholder { 
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#skype-consult .skype-form input:-ms-input-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#skype-consult .skype-form input:-moz-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#skype-consult .skype-form .form-title
{
    margin-top:80px;
    font-family: 'Playfair Display';
    font-size: 28px;
    line-height: 37px;
    text-align: center;

}
#skype-consult .skype-form .form-pretitle
{
    margin-top:30px;
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 38px;
    text-align: center;
}
#skype-consult .skype-form .checkbox-wrapper
{
    margin-top:58px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
}
#skype-consult .skype-form .checkbox-wrapper input
{
    min-width:fit-content;
    margin-right: 8px;
    background:transparent;
}
#skype-consult .skype-form .checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}
#skype-consult .skype-form .checkbox-wrapper input[type="checkbox"] + label {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border:1px solid #fff;
    border-radius:2px;
    margin-right:5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#skype-consult .skype-form .checkbox-wrapper input[type="checkbox"] + label svg
{
    display: none;
}
#skype-consult .skype-form .checkbox-wrapper input[type="checkbox"]:checked + label svg {
    display: block;
}
#skype-consult .skype-form .button
{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding:18px 28px 18px 28px;
    background: #CF313B;
    width:fit-content;
    margin:0 auto;    
    margin-top:16px;
    cursor: pointer;
}
#advantages
{
    width:100%;
    padding:70px 16% 90px 16%;
    position: relative;
    text-align: center;
    max-height:1080px;
}
#advantages:before
{
    content:'I';
    font-family:'Playfair Display';
    font-size: 800px;
    position: absolute;
    z-index: -1;
    color: rgba(208, 191, 147,0.2);
    top:-260px;
    left:-10px;
}
#advantages:after
{
    content:'S';
    font-family:'Playfair Display';
    font-weight: bold;
    font-size: 800px;
    position: absolute;
    z-index: -1;
    color: rgba(208, 191, 147,0.2);
    bottom:-150px;
    right:0;
}
#advantages .program-title
{
    font-family: 'Playfair Display';
    font-size: 38px;
    color: #CF313B;
    text-align: center;
}
#advantages .toogle-wrapper
{
    width:100%;
    height:100%;
    display: flex;
    justify-content: space-around;
    flex-wrap:wrap;
    max-width:1300px;
    margin:0 auto;    
    margin-top:73px;
}
#advantages .toogle-wrapper .toogle-item
{
    width: 266px;
    height: 162px;    
    background: url(../img/toogleactive.png) no-repeat;
    background-position:right;
    background-size:cover;
    color:#fff;
    border-radius: 20px 0px;
    position: relative;
    cursor: pointer;
    margin-top:22px;
}
#advantages .toogle-wrapper .toogle-item .wrapper
{    
    width:100%;
    height:100%;
    border-radius: 20px 0px;
    padding:30px 17px 56px 22px;
    position: relative;    
    background: rgba(0,0,0,0.9);
    transition:background 0.3s;
}
#advantages .toogle-wrapper .toogle-item .toogle-title
{
    font-family: 'Roboto';
    padding-right: 25px;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    text-align: left;
    position: relative;
}
#advantages .toogle-wrapper .toogle-item .toogle-title::after
{
    content:'';
    position: absolute;
    top:-10px;
    right:0;
    width:25px;
    height:25px;
    background:url(../img/quote.svg) no-repeat;
    background-size:contain;
}
#advantages .toogle-wrapper .toogle-item .toogle-text
{
    margin-top:10px;
    display: none;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    position: relative;
    text-align: left;
}
#advantages .toogle-wrapper .toogle-item .arrow
{
    width:13.33px;
    height:22.22px;
    position: absolute;
    bottom:19px;
    right:30px;
}
#advantages .toogle-wrapper .toogle-item .arrow img
{
    width:100%;
    height:100%;
}
#advantages .toogle-wrapper .toogle-item.active
{
    height:auto;
}
#advantages .toogle-wrapper .toogle-item.active .wrapper, #advantages .toogle-wrapper .toogle-item:hover .wrapper
{
    width:100%;
    height:100%;
    background:rgba(208,191,147,0.95);
}
#advantages .button
{
    width: fit-content;
    margin:70px auto 0 auto;
    background: #CF313B;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
    transition: 0.3s;
    padding:18px 27px 18px 27px;
}
#isc-program
{
    width:100%;
    height: 573px;
    background: #1E2433;
    display: flex;
    justify-content: center;
    position: relative;    
    padding-left:20%;
}
#isc-program .photo-wrapper
{
    position: relative;
    top:-60px;
    min-width: 786px;
    min-height: 708px;
    margin-left:auto;
}
#isc-program .photo-wrapper img
{
    width:100%;
    height:100%;
}
#isc-program .text-wrapper
{
    width: fit-content;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#isc-program .text-wrapper .text-title
{
    margin-top:60px;
    font-family: 'Playfair Display';
    font-size: 38px;
    color: #F0DFB4;
}
#isc-program .text-wrapper .text-pretitle
{
    margin-top:27px;
    font-family: 'Playfair Display';
    font-size: 18px;
    line-height: 24px;
    color:#fff;
}
#isc-program .text-wrapper .text-pretitleadd
{
    margin-top:20px;
    font-family:'Roboto';
    font-weight: 300;
    font-size: 12px;
    line-height: 19px;
    color: #A8A8A8;
}
#isc-program .text-wrapper .text-lead
{
    margin-top:40px;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 30px;
    color: #FFF;
    text-align: left;
}
#isc-program .text-wrapper .button
{
    margin-top:40px;
    padding:15px 38px 15px 38px;
    color:#fff;
    text-transform: uppercase;
    font-size:13px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
    font-family: 'Roboto';
    font-weight: 500;
    max-width:278px;
    text-align:center;
    display: flex;
    align-items: flex-end;
}
#isc-program .text-wrapper .button svg
{
    margin-left:5px;
    margin-bottom:2px;
}
#stages
{
    margin-top:0px;
    padding:274px 0 50px 0;
    width:100%;
    position: relative;
    display: flex;
}
#stages .background 
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    min-height:800px;
    z-index: -1;
    background:url(../img/stages-back.png) no-repeat;
    background-position: center;
    background-size:cover;
}
#stages .wrapper
{    
    padding:50px 50px 0 50px;
    width:80%;
    margin:0 auto;
    background:#fff;
    z-index: 99;
    border-radius: 30px 0px 0px 0px;
}
#stages .wrapper .stages-title
{
    font-family: 'Playfair Display';
    font-size: 38px;
    line-height: 51px;
    color: #CF313B;
    text-align: center;
}
#stages .wrapper .stages-pretitle
{

    font-family: 'Playfair Display';
    font-size: 34px;
    line-height: 51px;
    color: #000;
    text-align: center;
}
#stages .wrapper .toogle-wrapper
{
    margin-top:50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#stages .wrapper .toogle-wrapper .toogle-but
{    
    width: 220px;
    height: 55px;
    border: 1px solid #D0BF93;
    color:#D0BF93;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 22px;
    line-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
}
#stages .wrapper .toogle-wrapper .toogle-but.active
{
    color: #FFFFFF;
    background: #D0BF93;
    border:none;
}
#stages .wrapper .toogle-wrapper .toogle-but.active:hover
{
    box-shadow:inset 0 0 7px #fff;
}
#stages .wrapper .toogle-wrapper .toogle-but:hover
{
    box-shadow:inset 0 0 7px #D0BF93;
}
#stages .info-wrapper
{
    margin-top:77px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#stages .info-wrapper .photo-block
{
    min-width: 600px;
    min-height: 700px;
    margin-left:50px;
}
#stages .info-wrapper .photo-block img
{
    width:100%;
    height:100%;
}
#stages .info-wrapper .info-inner ul
{
    padding-left:40px;
}
#stages .info-wrapper .info-inner, #stages .info-wrapper .info-inner ul li
{
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    list-style: none;
    position: relative;
}
#stages li:before {
    content:"·";
    font-size:35px;
    position: absolute;
    top:-0.5px;
    left:-10px;
}
#stages .info-wrapper .info-inner
{
    padding:15px 0;
}
#stages .info-wrapper .info-inner .lessonCount
{
    font-weight: normal;
    margin-left:5px;
}
#stages .info-wrapper .info-inner .bold
{
    font-weight: 600;
}
#stages .info-wrapper .info-inner .info-title svg
{
    min-width:16px;
    margin-top:2px;
    margin-right:7px;
}
#stages .info-wrapper .info-inner:nth-child(4) .info-title svg
{
    margin-left:-4px;
}
#stages .info-wrapper .info-inner .info-title
{
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    display: flex;
    align-items: flex-start;
}
#stages .info-wrapper .info-inner:nth-child(2)
{
    border-top:1px solid rgba(208, 191, 147, 0.5);
    border-bottom:1px solid rgba(208, 191, 147, 0.5);
}
#stages .info-wrapper .info-inner:nth-child(3)
{
    border-bottom:1px solid rgba(208, 191, 147, 0.5);
}
#stages .info-wrapper .lessons-wrapper
{
    margin:10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap:wrap;
}
#stages .info-wrapper .outer-info
{
    margin-top:20px;
    padding-left:20px;
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 23px;
    color: #6C6C6C;
}
#stages .info-wrapper .lessons-wrapper .lesson-block:nth-child(1)
{
    padding-left:30px;
}
#stages .info-wrapper .lessons-wrapper .lesson-block:nth-child(2)
{
    margin-left:50px;
}
#stages .button
{
    margin:40px 0 0 0;
    padding:18px 27px 18px 27px;
    color:#fff;
    text-transform: uppercase;
    font-size:14px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
    font-family: 'Roboto';
    font-weight: 500;
    width:fit-content;
}
#stages .info-wrapper#s-year
{
    display: none;
}
#stages .info-wrapper .lessons-wrapper .lesson-block .lesson svg
{
    margin-right: 5px;
}
#stages .info-title .inlineNormal
{
    display: inline-block;
    font-weight: normal;
}
#stages .info-title .inlineBold
{
    display: inline-block;
    font-weight: 500;
}
#teachers
{
    padding-top:30px;
    width:100%;
    height:100%;
}
#teachers .teachers-title
{
    text-align: center;
    font-family: 'Playfair Display';
    font-size: 38px;
    line-height: 51px;
    color: #000000;
}
#teachers .owl-carousel .owl-nav
{
    position: absolute;
    top:0;
    padding-left:15%;
    margin-top:47px;
    display: flex;
}
.owl-carousel .owl-nav button.owl-prev
{
    width:40px;
    height:40px;
    background:#D0BF93;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
    outline: none;
}
.owl-carousel .owl-nav button svg
{
    width:8px;
    height:12px;
}
.owl-carousel .owl-nav button svg path
{
    fill:#fff;
}
.owl-carousel .owl-nav button.owl-next
{
    background:transparent;
    border: 1px solid #D0BF93;
    width:40px;
    height:40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
    outline: none;
}
.owl-carousel .owl-nav button.owl-next svg path
{
    fill:#D0BF93;
}
.owl-carousel .owl-nav button.owl-prev:hover
{
    box-shadow: inset 0 0 6px #fff;
    opacity:0.95;
}
.owl-carousel .owl-nav button.owl-next:hover
{
    box-shadow: inset 0 0 4px #D0BF93;
}
#teachers .slider-items-wrapper
{    
    width:100%;
    padding:192px 0 150px 0;
}
#teachers .slider-item 
{
    max-width:360px;
    margin:0 auto;
}
#teachers .slider-item .slider-title
{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    margin-top:14px;
}
#teachers .slider-text-wrapper
{
    padding-right:20px;
    opacity: 0;
    display: none;    
    transition:1s;
}
#teachers .slider-item .slider-pretitle
{
    margin-top:3px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    color: #6F6F6F;
}
#teachers .slider-item .slider-text
{
    margin-top:10px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;  
    color: #000000;
}
#teachers .slider-item .img-wrapper
{
    width:360px;
    /* height:420px; */
    position: relative;
}
#teachers .slider-item .img-wrapper img
{
    width:100%;
    height:100%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.owl-carousel .owl-stage-outer
{
    overflow: visible;
}
#teachers .owl-item.center
{
    animation:itemToUp 0.8s ease-in-out;
    top:-140px;
}
#teachers .owl-item.center .slider-text-wrapper
{
    display: block;
    animation:0.6s itemOpacity ease-in-out;
    opacity:1;
}
#teachers .owl-item.center .img-wrapper img
{
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}
@keyframes itemToUp
{
    0%
    {
        top:0;
    }
    100%
    {
        top:-140px;
    }
}
@keyframes itemOpacity
{
    0%
    {
        opacity:0;
    }
    100%
    {
        opacity:1;
    }
}
#reviews
{
    margin-top:-100px;
    width:100%;
    background: #1E2433;
    padding:60px 15% 180px 15%;
}
#reviews .reviews-title
{
    font-family: 'Playfair Display';
    font-size: 38px;
    line-height: 51px;
    text-align: center;
    color: #F0DFB4;
}
#reviews .reviews-pretitle
{
    margin-top:35px;
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 24px;
    line-height: 36px;
    text-align: center;    
    color: #FFFFFF;
}
#reviews .reviews-wrapper 
{
    margin-top:90px;
}
#reviews .reviews-wrapper .review-item
{
    width:530px;
    height:323px;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    position: relative;
    text-shadow: 0 0 3px #000;    
    cursor:pointer;
}
#reviews .reviews-wrapper .review-item .item-title
{
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
}
#reviews .reviews-wrapper .review-item .item-pretitle
{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
}
#reviews .reviews-wrapper .review-item .play-wrapper
{
    position: absolute;
    bottom:53px;
    right:45px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 10px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
#reviews .reviews-wrapper .review-item .play-wrapper .play-text
{
    margin-right:50px;
}
#reviews .reviews-wrapper .review-item .play-wrapper .play-button
{
    width:55px;
    height:55px;
    border:1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left:4px;
    font-size: 17px;
    transition: 0.5s;
    border-radius:5px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.30);
}
#reviews .reviews-wrapper .review-item .play-wrapper .play-button svg path
{
    fill:#fff;
}
#reviews .reviews-wrapper a
{
    text-decoration: none;
    color:#fff;
}
#reviews .reviews-wrapper .review-item .wrapper
{    
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);    
    padding:58px 45px;
}
#reviews .reviews-wrapper .review-item:hover .play-wrapper .play-button
{
    box-shadow: inset 0 0 3px rgba(255,255,255,255.8);
    border-radius: 5px;
    border:1px solid rgba(255,255,255,0.8);
}
#reviews .reviews-wrapper .review-item .play-wrapper .play-button:hover svg path
{
    fill:rgba(255,255,255,0.8);
}
#reviews .owl-carousel .owl-nav
{
    position: absolute;
    bottom:-80px;
    margin-top:47px;
    display: flex;
}
#free-consult
{
    padding:150px 200px 60px 200px;
}
#free-consult .wrapper 
{    
    display: flex;
    justify-content: center;
    position: relative;
}
#free-consult .wrapper .left-wrapper
{
    width: 600px;
    height: 600px;
    background: #D0BF93;
    position: relative;
}
#free-consult .text-wrapper
{
    position: relative;
    top:-50px;
    left:-50px;
    width: 600px;
    height: 600px;
    background: #D0BF93;
    padding:51px 0 0 120px;
}
#free-consult .text-title
{
    font-family: 'Playfair Display';
    font-size: 36px;
    line-height: 48px;
    color: #FFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#free-consult .text-pretitle 
{
    margin-top:30px;
    font-family: 'Roboto';
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
#free-consult .free-consult-form
{
    margin-top:20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
#free-consult .free-consult-form .main-form-title
{
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}
#free-consult .free-consult-form .input-wrapper
{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
#free-consult .free-consult-form input
{    
    margin-top:43px;
    font-family: 'Roboto', sans-serif;
    background:transparent;
    border:none;
    border-bottom:1px solid #fff;
    padding:10px 0 10px 10px;
    font-size:12px;
    color: #fff;
    caret-color:rgba(255,255,255,0.6);
    outline:none;
    min-width:310px;
}
#free-consult .free-consult-form input[type="tel"]
{
    letter-spacing: 0.1em;
}
#free-consult .free-consult-form input[type="tel"]::-webkit-input-placeholder {
    letter-spacing: 0.1em;
}
#free-consult .free-consult-form input[type="tel"]::-moz-placeholder { 
    letter-spacing: 0.1em;
}
#free-consult .free-consult-form input[type="tel"]:-ms-input-placeholder {
    letter-spacing: 0.1em;
}
#free-consult .free-consult-form input[type="tel"]:-moz-placeholder {
    letter-spacing: 0.1em;
}
#free-consult .free-consult-form .tel-wrapper
{
    position: relative;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    letter-spacing: 0.1em;
}
#free-consult .free-consult-form .tel-code-wrapper
{
    position: absolute;
    top:42px;
    left:10px;
    color:#fff;
}
#free-consult .free-consult-form .current-code svg
{
    margin-top:-3px;
    margin-left:5px;
}
#free-consult .free-consult-form input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#free-consult .free-consult-form input::-moz-placeholder { 
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#free-consult .free-consult-form input:-ms-input-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#free-consult .free-consult-form input:-moz-placeholder {
    color: rgba(255,255,255,0.6);
    font-family: 'Roboto', sans-serif;
    font-size:12px;
}
#free-consult .button
{
    margin-top:45px;
    background: #CF313B;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    transition: 0.2s;
    color:#fff;
    padding:19px 63px 17px 63px;
}
#free-consult .free-consult-form .checkbox-wrapper
{
    margin-top:14px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    color:#fff;
}
#free-consult .free-consult-form .checkbox-wrapper input
{
    min-width:fit-content;
    margin-right: 8px;
    background:transparent;
}
#free-consult .free-consult-form .checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}
#free-consult .free-consult-form .checkbox-wrapper input[type="checkbox"] + label {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border:1px solid #fff;
    border-radius:2px;
    margin-right:5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#free-consult .free-consult-form .checkbox-wrapper input[type="checkbox"] + label svg
{
    display: none;
}
#free-consult .free-consult-form .checkbox-wrapper input[type="checkbox"]:checked + label svg {
    display: block;
}
#free-consult .photo-wrapper
{
    width: 600px;
    height: 600px;
    min-width: 600px;
    min-height: 600px;
}
#free-consult .photo-wrapper img
{
    width:100%;
    height:100%;
}
#results2
{
    padding-top: 85px;
    width:100%;
    margin-bottom:10px;
}
#results2 .wrapper
{    
    display: flex;
    justify-content: center;
    position: relative;
    width:100%;    
    height: 680px;
    background: #1E2433;
}
#results2 .photo-wrapper
{
    position: relative;
    top:-147px;
    width: 880px;
    height: 827px;
}
#results2 .photo-wrapper img
{
    width:100%;
    height:100%;
}
#results2 .text-wrapper
{
    margin-left:-100px;
    width: fit-content;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index:999;
}
#results2 .text-wrapper .text-title
{
    margin-top:70px;
    font-family: 'Playfair Display';
    font-size: 38px;
    color: #F0DFB4;
}
#results2 .text-wrapper .text-pretitle
{
    margin-top:30px;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 30px;
    color:#fff;
}
#results2 .text-wrapper .text-lead-title
{
    margin-top:50px;
    font-family: 'Playfair Display';
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #FFF;
}
#results2 .text-wrapper .text-lead-inner
{
    margin-top:17px;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 26px;
    color: #FFF;
}
#results2 .text-wrapper .inlineNormal
{
    display: inline-block;
    font-weight: normal;
}
#results2 .text-wrapper .inlineBold
{
    display: inline-block;
    font-weight: 500;
}
#results2 .text-wrapper .text-lead-inner .wrapper
{
    display: flex;
    justify-content: flex-start;
}
#results2 .button
{
    margin-top:50px;
    padding:18px 45px 18px 45px;
    color:#fff;
    text-transform: uppercase;
    font-size:13px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
    font-family: 'Roboto';
    font-weight: 500;
}
#why-study
{
    width:100%;
    padding:162px 0 100px 20%;
}
#why-study .text-lead-inner .button
{
    margin-top:50px;
    padding:18px 42px 18px 42px;
    color:#fff;
    text-transform: uppercase;
    font-size:13px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
    font-family: 'Roboto';
    font-weight: 500;
}
#why-study .text-lead-inner .inlineNormal
{
    display: inline-block;
    font-weight: normal;
}
#why-study .text-lead-inner .inlineBold
{
    display: inline-block;
    font-weight: 500;
}
#why-study .text-lead-inner
{
    margin-top:10px;
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
}
#why-study .text-lead-inner .wrapper
{
    display: flex;
    justify-content: flex-start;
}
#why-study .wrapper
{
    display: flex;
    justify-content: space-between;
}
#why-study .why-title
{
    font-family: 'Playfair Display';
    font-size: 38px;
    line-height: 51px;
    color: #CF313B;
    margin-bottom:10px;
}
#why-study .button
{
    margin-top:58px;
    padding:19px 45px 17px 45px;
    color:#fff;
    text-transform: uppercase;
    font-size:14px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
    width:fit-content;
}
#why-study .left-block
{
    position: relative;
}
#why-study .left-block:before
{
    content:'S';
    position: absolute;
    top:-350px;
    left:-130px;
    font-size:1050px;
    color: rgba(208, 191, 147,0.2);
    z-index:-1;
}
#why-study .right-block .img-wrapper
{
    min-width: 752px;
    min-height: 602px;
}
#why-study .right-block .img-wrapper img
{
    width:100%;
    height:100%;
}
#pdf-share
{
    width:100%;
    display: flex;
    background: #D0BF93;
    padding:70px 0 70px 15%;
    position: relative;
}
#pdf-share .pdf-title
{
    font-family: 'Playfair Display';
    font-size: 38px;
    line-height: 51px;
    color: #FFFFFF;
    /* text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); */
}
#pdf-share .pdf-pretitle
{
    margin-top:20px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 21px;
    line-height: 40px;
    color: #FFFFFF;
    /* text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); */
}
#pdf-share .pdf-text
{
    margin-top:40px;
    font-family: 'Roboto';
    font-size: 21px;
    line-height: 40px;
    color: #FFFFFF;
    /* text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); */
}
#pdf-share .right-wrap
{
    margin-left:5%;
    padding-top:45px;
    color:#fff;
    position: relative;
    z-index: 99;
}
/* #pdf-share .right-wrap:after
{
    content:'';
    position: absolute;
    width: 740.65px;
    height: 642.43px;
    top:0;
    right:0;
    background:url(../img/magazine.png) no-repeat;
} */
#pdf-share .right-wrap input
{    
    margin-top:43px;
    font-family: 'Roboto', sans-serif;
    background:transparent;
    border:none;
    border-bottom:1px solid #fff;
    padding:10px 0 10px 10px;
    font-size:12px;
    color: #fff;
    caret-color:rgba(255,255,255,0.6);
    outline:none;
    min-width:275px;
}
#pdf-share .right-wrap input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6);
}
#pdf-share .right-wrap input::-moz-placeholder { 
    color: rgba(255,255,255,0.6);
}
#pdf-share .right-wrap input:-ms-input-placeholder {
    color: rgba(255,255,255,0.6);
}
#pdf-share .right-wrap input:-moz-placeholder {
    color: rgba(255,255,255,0.6);
}
#pdf-share .right-wrap .button
{
    margin-top:40px;
    padding:18px 90px 18px 90px;
    color:#fff;
    text-transform: uppercase;
    font-size:14px;
    background: #CF313B;
    cursor: pointer;
    transition:0.3s;
    width:fit-content;
}
#pdf-share .img-wrap
{
    position: absolute;
    top:-260px;
    right:75px;
    z-index:1;
}
#pdf-share .img-wrap img
{
    transform:scale(1.1);
}
footer
{
    z-index: 99;
    width:100%;
    height:100%;
    background: #1E2433;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:33px 0 20px 0;
}
footer .logo-wrapper
{
    width: 97px;
    height: 54px;
}
footer .logo-wrapper img
{
    width:100%;
    height:100%;
}
footer .menu-wrapper
{
    margin-top:19px;
    display: flex;
    color:#fff;
    font-family: 'Roboto', sans-serif;
}
.menu-wrapper ul li a
{
    color:#fff;
    text-decoration: none;
}
footer .menu-wrapper ul
{
    margin-top:5px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
footer a 
{
    text-decoration: none;
    color:#fff;
    transition:0.2s;
}
a:hover
{
    opacity:0.85;
}
footer .menu-wrapper ul li
{
    list-style: none;
    margin:0 10px 0 5px;
    position: relative;
    cursor: pointer;    
    font-size: 17px;
    transition:0.2s;
}
footer .menu-wrapper ul li::after
{
    content:'|';
    padding-left:15px;
    color:#fff;
}
footer .menu-wrapper ul li:last-child::after
{
    display: none;
}
footer .adress-wrapper > div
{
    display: flex;
    align-items: center;
}
footer .adress-wrapper svg
{
    margin:-1px 5px 0 0;
}
footer .adress-wrapper
{
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
footer .adress-wrapper .adress-title
{
    margin-top:18px;
    font-weight: 500;
}
footer .copyright
{
    margin-top:27px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 23px;
    color: rgba(255,255,255,0.5);
}
.up-handler
{
    position:fixed;
    bottom:20px;
    right:20px;
    width:50px;
    height:50px;
    border-radius: 50%;
    background:#1E2433;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:20px;
    color:rgba(208, 191, 147, 0.8);
    cursor: pointer;
    transition:0.2s;
    box-shadow:0 0 5px rgba(208, 191, 147, 0.8);
    z-index: 999;
}
.up-handler:hover
{
    opacity:0.99;
    transform:scale(0.95);
    box-shadow: inset 0 0 3px rgba(208, 191, 147, 0.8);
    font-size:18px;
}
#isc-program .text-wrapper a.anchor
{
    margin:0;
}
a.anchor
{
    width: fit-content;
    margin: 0 auto;
    text-decoration: none;
}
/*POPAP*/
.mask
{
    position: fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.9);
    width:100%;
    height:100%;
    z-index: 999999;
    display: none;
}
.popap-wrapper
{
    max-width: 550px;
    display: none;
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding: 30px 20px 20px 20px;
    background:rgba(255,255,255,0.95);
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99999999999;
}
.popap-wrapper .popap-title
{
    font-family: 'Roboto';
    color: #000;
    font-size: 27px;
    text-align: center;
}
.popap-wrapper .popap-pretitle
{
    margin-top:20px;
    font-family: 'Roboto';
    color: #000;
    font-size: 18px;
    text-align: left;
}
.popap-wrapper .popap-form
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.popap-wrapper .popap-form .input-wrapper
{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.popap-wrapper .close-but
{
    position: absolute;
    top:15px;
    right:15px;
    font-size:25px;
    cursor: pointer;
    transition:0.2s;
}
.popap-wrapper .close-but:hover
{
    color:#CF313B;
}
.blocked
{
    opacity:0.7;
    cursor: default;
}
.popap-wrapper .popap-form input
{    
    margin-top:25px;
    font-family: 'Roboto', sans-serif;
    background:transparent;
    border:none;
    border-bottom:1px solid rgb(158, 158, 158);
    padding:10px 0 10px 10px;
    font-size:15px;
    color: rgb(58, 58, 58);
    caret-color:rgb(58, 58, 58);
    outline:none;
    min-width:100%;
}
.popap-wrapper .popap-form input[type="tel"]
{
    letter-spacing: 0.1em;
    min-width:100%;
}
.popap-wrapper .popap-form input[type="tel"]::-webkit-input-placeholder {
    letter-spacing: 0.1em;
}
.popap-wrapper .popap-form input[type="tel"]::-moz-placeholder { 
    letter-spacing: 0.1em;
}
.popap-wrapper .popap-form input[type="tel"]:-ms-input-placeholder {
    letter-spacing: 0.1em;
}
.popap-wrapper .popap-form input[type="tel"]:-moz-placeholder {
    letter-spacing: 0.1em;
}
.popap-wrapper .popap-form .tel-wrapper
{
    position: relative;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    letter-spacing: 0.1em;
    min-width:100%;
}
.popap-wrapper .popap-form .tel-code-wrapper
{
    position: absolute;
    top:42px;
    left:10px;
    color:#fff;
}
.popap-wrapper .popap-form .current-code svg
{
    margin-top:-3px;
    margin-left:5px;
}
.popap-wrapper .popap-form input::-webkit-input-placeholder {
    color: rgb(58, 58, 58);
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}
.popap-wrapper .popap-form input::-moz-placeholder { 
    color: rgb(58, 58, 58);
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}
.popap-wrapper .popap-form input:-ms-input-placeholder {
    color: rgb(58, 58, 58);
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}
.popap-wrapper .popap-form input:-moz-placeholder {
    color: rgb(58, 58, 58);
    font-family: 'Roboto', sans-serif;
    font-size:14px;
}
.popap-wrapper .button
{
    margin-top:45px;
    background: #CF313B;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    transition: 0.2s;
    color:#fff;
    font-family: 'Roboto', sans-serif;
    padding:18px 63px 18px 63px;
}
.popap-wrapper .numbers-wrapper
{
    margin-top:20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popap-wrapper .numbers-wrapper a
{
    color:#000;
    text-decoration: none;
}
.popap-wrapper .numbers-wrapper .numbers-title
{
    font-family: 'Roboto', sans-serif;
    font-size:14px;
    color: rgb(58, 58, 58);
}
.popap-wrapper .numbers-wrapper .numbers-item
{
    font-weight: 500;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-size:16px;
    margin:3px 0;
}
@media (max-width:1800px)
{
    #about .students-wrapper {
        padding: 0 15%;
    }
}
@media (max-width:1680px)
{
    #skype-consult .wrapper
    {
        padding: 60px 13%;
    }
    #advantages
    {
        padding: 70px 13% 90px 13%;
    }
    #why-study {
        width: 100%;
        padding: 162px 0 100px 16%;
    }
    #pdf-share
    {
        padding: 70px 0 70px 10%;
    }
    #pdf-share .img-wrap {
        right: 20px;
    }    
    #skype-consult .skype-form
    {
        padding:0 14%;
    }
    #isc-program
    {
        padding-left: 15%;
    }
}
@media (max-width:1500px)
{
    #about .students-wrapper {
        padding: 0 13%;
        height:auto;
    }
    #skype-consult .wrapper {
        padding: 60px 10%;
    }
    #advantages {
        padding: 70px 8% 90px 8%;
    }
    #teachers .slider-items-wrapper {
        padding: 200px 0 100px 0;
    }
    #why-study {
        padding: 162px 0 100px 8%;
    }
    #pdf-share {
        padding: 70px 0 70px 5%;
    }
    #pdf-share .img-wrap {
        right: -50px;
    }
    #stages .info-wrapper .photo-block {
        min-width: 550px;
    }
    #isc-program .photo-wrapper {
        top: -20px;
        min-width: 600px;
        width:650px;
        min-height: 632px;
        height: 572px;
    }    
    #free-consult .wrapper
    {
        margin-left:50px;
    }
}
@media (max-width:1366px)
{
    #pdf-share .img-wrap {
        top: -242px;
        right: -120px;
    }
    #about .students-wrapper .student-item:nth-child(1) .photo-wrapper:before
    {
        left:-60px;
    }
    #about .students-wrapper .student-item:nth-child(2) .photo-wrapper:before {
        right: -150px;
    }
    #about .students-wrapper .student-item:nth-child(3) .photo-wrapper:before {
        left: -150px;
    }
    #skype-consult .wrapper {
        padding: 60px 5%;
    }
    #skype-consult .skype-form {
        padding: 0 18%;
    }
    #advantages {
        padding: 70px 6% 90px 6%;
    }    
    #why-study .right-block .img-wrapper {
        min-width: 652px;
        min-height: 502px;
        width: 652px;
        height: 502px;
    }
    #isc-program .text-wrapper .text-title {
        margin-top: 40px;
    }
    #about .students-wrapper {
        padding: 0 10%;
    }
    #advantages {
        padding: 50px 6% 90px 6%;
    }    
    #about .about-advantages
    {
        flex-wrap:wrap;
        margin-top: 50px;
    }
    #about .about-advantages .advantage-item
    {
        margin-top:50px;
        min-width: 170px;
        padding:0 15px;
    }
    #stages .info-wrapper .photo-block {
        min-width: 450px;
    }
}
@media (max-width:1280px)
{
    
    #isc-program
    {
        padding:0;
    }
    #isc-program .photo-wrapper
    {
        display: none;
    }    
    #isc-program .text-wrapper a.anchor
    {
        margin:0 auto;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 50px 0;
    }
    #about .students-wrapper {
        padding: 0px 5%;
    }
    #about .students-wrapper .student-item .photo-wrapper, #about .students-wrapper .student-item .text-wrapper {
        margin: 0 10px 0 10px;
    }
    #about .students-wrapper .student-item .photo-wrapper img {
        width: 400px;
        height: 270px;
    }
    #about .students-wrapper .student-item:nth-child(1) .photo-wrapper .back::after, 
    #about .students-wrapper .student-item:nth-child(2) .photo-wrapper .back::after,
    #about .students-wrapper .student-item:nth-child(3) .photo-wrapper .back::after{
        width: 360px;
        height: 250px;
    }
    #isc-program .photo-wrapper {
        top: -10px;
        min-width: 600px;
        width: 600px;
        min-height: 592px;
        height: 545px;
    }
    #stages .info-wrapper
    {
        align-items:flex-start;
    }
    #stages .info-wrapper .photo-block {
        min-width: 480px;
    }
    #stages {
        margin-top: 0px;
        padding: 150px 0 50px 0;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 0;
    }
    #free-consult {
        padding: 120px 100px 60px 100px;
    }
    #free-consult .photo-wrapper, 
    #free-consult .wrapper .left-wrapper, 
    #free-consult .text-wrapper
    {    
        width: 500px;
        height: 500px;
        min-width: 500px;
        min-height: 500px;
    }
    #curator .text-wrapper,
    #curator .wrapper .left-wrapper,
    #curator .wrapper .photo-wrapper
    {    
        width: 550px;
        height: 500px;
        min-width: 550px;
        min-height: 500px;
    }
    #free-consult .text-wrapper
    {
        padding: 31px 0 0 120px;
    }
    #free-consult .photo-wrapper img
    {
        width:100%;
        height:100%;
    }
    #free-consult .slider-text-wrapper
    {
        top: -50px;
        left: -50px;
        padding: 40px 0 0 100px;
    }
    #curator .text-wrapper 
    {
        top: -50px;
        left: -50px;
        padding: 70px 0 0 100px;
    }
    #free-consult .button {
        margin-top: 35px;
    }
    #free-consult .free-consult-form input {
        margin-top: 25px;
    }
    #results2 .photo-wrapper {
        position: relative;
        left:-60px;
        top: -68px;
        width: 800px;
        height: 747px;
    }
    #pdf-share .img-wrap img {
        transform: scale(0.9);
    }
    #pdf-share .img-wrap {
        right: -70px;
        top: -233px;
    }
    #about .decorate.bottom-right 
    {
        right:-4%;
    }
    .results-wrapper .result-item
    {
        margin:30px 10px;
    }
    .results-wrapper
    {
        flex-wrap:wrap;
        justify-content: space-around;
        margin-top: 80px;
    }
    #skype-consult .skype-form {
        padding: 0 10%;
    }
    #advantages .toogle-wrapper
    {
        justify-content: space-between;
    }
    #stages .info-wrapper .photo-block {
        min-width: 350px;
    }    
    #about .about-title {
        padding-top: 150px;
    }
    #curator .text-wrapper, #curator .wrapper .left-wrapper, #curator .wrapper .photo-wrapper {
        width: 450px;
        height: 400px;
        min-width: 450px;
        min-height: 400px;
    }
    #curator .text-wrapper {
        top: -50px;
        left: -50px;
        padding: 20px 0 0 60px;
    }
    #curator .play-button {
        width: 80px;
        height: 80px;
    }
    #curator .play-button .inner {
        width: 64px;
        height: 64px;
    }
    #curator .play-button .inner svg {
        font-size: 16px;
        margin-right: -4px;
    }
    #curator .text-quote {
        margin-top: 20px;
    }
    #curator .text-sign {
        margin-top: 25px;
    }
}
@media (max-width:1150px)
{
    #main header
    {
        justify-content: space-between;
        padding:20px 40px;
        position: relative;
        top:0;
    }
    #main .menu-wrapper
    {
        display: none;
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0, 0, 0, 0.90); 
        z-index: 9999;  
        justify-content: center;
        align-items: center;   
    }   
    #main .menu-wrapper ul
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width:100%;
        height:100%;
    }
    #main .logo-wrapper, footer .logo-wrapper
    {
        width:auto;
        height:auto;
    }
    #main .logo-wrapper .desktop
    {
        display: none;
    }
    #main .logo-wrapper .mobile
    {
        display: flex;
    } 
    #main .menu-wrapper ul li
    {
        margin:20px 0;
    }
    #main .menu-wrapper ul li:after
    {
        display: none;
    }
    #main #hamburger
    {
        display: flex;
    } 
    #main .menu-button svg
    {
        width:20px;
        height:18px;
    }     
    #main header .button
    {
        display: flex;
        margin-left: 0px;
        content:'';
        width: 35px;
        height: 35px;
        padding:0;
        background:none;
        transition: 0;
    }
    #main header .button{
        width: 35px;
        display: flex;
        height: 35px;
        background:#CF313B;
        border-radius:50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #stages .wrapper .toogle-wrapper .toogle-but {
        width: 180px;
        height: 45px;
        font-size: 16px;
    }
    #main header .button svg
    {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:30px;
        width:15px;
        height:15px;
    }
    #reviews {
        padding: 40px 15% 160px 15%;
    }
    #main .button span
    {
        display: none;
    }
    #main #hamburger
    {
        cursor: pointer;
    }
    #skype-consult .skype-form {
        padding: 0 5%;
    }
    #advantages .toogle-wrapper .toogle-item
    {
        margin:22px 30px 0 30px;
    }
    #advantages .toogle-wrapper
    {
        justify-content:center;
    }
    #advantages
    {
        padding: 70px 11% 50px 11%;
        max-height: 100%;
    }
    #stages .info-wrapper .photo-block
    {
        display: none;
    }
    #stages .wrapper .stages-title {
        font-size: 33px;
    }
    #stages .wrapper .stages-pretitle {
        font-size: 28px;
    }
    #stages .button
    {
        margin:40px auto 0 auto;
    }
    #free-consult .photo-wrapper
    {
        display: none;
    }
    #free-consult .text-wrapper {
        padding: 30px 0 0 115px;
    }
    #results2 .photo-wrapper {
        bottom:0px;
        top:auto;
        left: -70px;
        width: 700px;
        height: 647px;
    }
    #results2 {
        padding-top: 15px;
    }
    #results2 .text-wrapper {
        margin-left: -128px;
    }
    #results2 .wrapper
    {
        height: auto;
    }
    #why-study .right-block
    {
        display: none;
    }
    #why-study .wrapper {
        justify-content: center;
    }
    #why-study {
        padding: 162px 0 200px 8%;
    }
    #pdf-share .img-wrap
    {
        top:-275px;
        bottom:0;
        right:-250px;
    }
    #pdf-share .img-wrap img {
        transform: scale(0.7);
    }
    #curator {
        padding: 150px 0 100px 0;
    }
    #isc-program .text-wrapper .button {
        margin: 40px auto 0 auto;
    }
    #about .about-title.second {
        margin-top: 100px;
    }
    #about .about-pretitle {
        max-width: 80%;
        margin: 30px auto 0 auto;
    }
    #about .about-pretitle br
    {
        display: none;
    }
    #pdf-share {
        padding: 70px 50px 70px 50px;
    }
    .up-handler {
        width: 40px;
        height: 40px;
        font-size:15px;
    } 
    #isc-program .text-wrapper
    {
        text-align: center;
    }    
    #isc-program .text-wrapper .text-pretitle
    {
        margin-left:auto;
        margin-right:auto;
    }
    #about .students-wrapper .student-item:nth-child(1) .photo-wrapper:before
    {
        left:-20px;
    }
    #about .students-wrapper .student-item:nth-child(2) .photo-wrapper:before {
        right: -100px;
    }
    #about .students-wrapper .student-item:nth-child(3) .photo-wrapper:before {
        left: -100px;
    }
}
@media (max-width:1100px)
{
    #curator .text-wrapper, #curator .wrapper .left-wrapper, #curator .wrapper .photo-wrapper {
        width: 400px;
        height: 350px;
        min-width: 400px;
        min-height: 350px;
    }
    #curator .text-wrapper {
        top: -50px;
        left: -50px;
        padding: 20px 0 0 60px;
    }
    #about .students-wrapper .student-item:nth-child(1) .photo-wrapper:before,
    #about .students-wrapper .student-item:nth-child(2) .photo-wrapper:before,
    #about .students-wrapper .student-item:nth-child(3) .photo-wrapper:before {
        font-size:450px;
        top:-230px;
        right:-20px;
    }
    #curator .play-button {
        width: 80px;
        height: 80px;
    }
    #curator .play-button .inner {
        width: 64px;
        height: 64px;
    }
    #curator .play-button .inner svg {
        font-size: 16px;
        margin-right: -4px;
    }
    #curator .text-quote {
        margin-top: 10px;
    }
    #curator .text-sign {
        margin-top: 15px;
    }
    #curator .text-title {
        font-family: 'Playfair Display';
        font-size: 27px;
        line-height: 30px;
    }
    #curator .text-quote::before
    {
        top:0;
        height: 150px;
    }
    #pdf-share .pdf-title, 
    #about .about-title, 
    #advantages .program-title,
    #results .text-wrapper .text-title,
    #results2 .text-wrapper .text-title,
    #why-study .why-title,
    #isc-program .text-wrapper .text-title,
    #skype-consult .text-title,
    #teachers .teachers-title,
    #reviews .reviews-title,
    #free-consult .text-title
    {
        font-size: 30px;
        text-align: center;
        margin-left:auto;
        margin-right:auto;
    }
    #isc-program .text-wrapper .text-pretitle,
    #results .text-wrapper .text-pretitle,
    #pdf-share .pdf-pretitle,
    #pdf-share .pdf-text,
    #isc-program .text-wrapper .text-pretitleadd,
    #results .text-wrapper .text-lead-title,
    #results .text-wrapper .text-lead-inner
    {
        margin-left:auto;
        margin-right:auto;
        text-align: center;
    }   
    #results2 .text-wrapper .text-title br
    {
        display: none;
    }
    #pdf-share .pdf-pretitle {
        font-size: 19px;
    }
    #pdf-share .pdf-text {
        margin-top: 20px;
        font-size: 17px;
    }
    #pdf-share .pdf-pretitle {
        margin-top: 10px;
    }
    #pdf-share {
        padding: 50px;
    }
    #main .main-form-wrapper
    {
        width:auto;
        height:auto;
    }
    #main .wrapper
    {        
        padding:0 50px;
    }
    #about .about-title {
        padding-top: 150px;
    }
    #about .title-wrapper {
        padding: 0 10%;
    }
    #about .students-wrapper .student-item .photo-wrapper img {
        width: 350px;
        height: 220px;
    }
    #about .students-wrapper .student-item:nth-child(1) .photo-wrapper .back::after, #about .students-wrapper .student-item:nth-child(2) .photo-wrapper .back::after, #about .students-wrapper .student-item:nth-child(3) .photo-wrapper .back::after {
        width: 300px;
        height: 210px;
    }
    #about .students-wrapper .student-item .text-wrapper {
        font-family: 'Roboto';
        font-size: 18px;
    }
    #about .students-wrapper .student-item .text-wrapper br
    {
        display: none;
    }
    #results .photo-wrapper
    {
        display: none;
    }
    #results .text-wrapper .button, #results2 .button
    {
        margin:50px auto 0 auto;
    }
    #results2 .photo-wrapper
    {
        display: none;
    }
    #results2 .text-wrapper {
        margin-left: 0;
    }
    #results2 .text-wrapper
    {
        padding-bottom:30px;
    }
    #results2 .text-wrapper .text-title {
        margin-top: 30px;
    }
    #pdf-share .right-wrap input
    {
        min-width: 240px;
    }
    #pdf-share .right-wrap .button {
        margin-top: 40px;
        padding: 18px 70px 18px 70px;
    }
    #about .about-pretitle {
        font-size: 20px;
    }
    #main .button {
        margin:0;
    }
    #about .students-wrapper .button {
        margin: 90px auto;
    }
}
@media (max-width:920px)
{    
    #pdf-share {
        padding:50px 20px;
    }
    #about .students-wrapper .student-item .photo-wrapper img {
        width: 300px;
        height: 190px;
    }
    #about .students-wrapper .student-item:nth-child(1) .photo-wrapper .back::after, #about .students-wrapper .student-item:nth-child(2) .photo-wrapper .back::after, #about .students-wrapper .student-item:nth-child(3) .photo-wrapper .back::after {
        width: 290px;
        height: 180px;
    }
    #about .students-wrapper .student-item .text-wrapper {
        font-size: 16px;
    }
    #curator .wrapper
    {
        flex-direction: column;
        align-items: center;
    }
    #curator .play-button
    {
        left:68%;
        top: 48%;
    }
    #curator .text-wrapper
    {
        background: none;
    }
    #curator .wrapper .left-wrapper
    {
        padding:20px 0 50px 0;
    }
    #curator .text-wrapper, #curator .wrapper .left-wrapper
    {
        width:500px;
        height:auto;
        box-sizing: border-box;
        top:0;
        left:0;
    }
    #curator .text-quote br
    {   
        display: none;
    }
    #curator .wrapper .photo-wrapper {
        width: 500px;
        height: 450px;
        min-width: 500px;
        min-height: 450px;
    }
    #curator .text-quote {
        margin-top: 30px;
    }
    #curator .text-quote::before {
        height: 205px;
        top: -13px;
    }
    .results-wrapper .result-item{
        height: auto;
    }
    #stages .wrapper {
        padding: 70px 30px 0 30px;
    }
    #pdf-share
    {
        flex-wrap:wrap;
        justify-content: center;
    }    
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 24%;
    }
    #teachers .slider-item {
        margin: 0;
    }
    #teachers .owl-carousel .owl-nav {
        padding-left: 0%;
    }
    #curator .text-title br
    {
         display: none;
    }      
    .popap-wrapper{
        width:96%;
        max-height: 90vh;
    } 
    .popap-wrapper .popap-title {
        font-size: 22px;
    }
    .popap-wrapper .popap-pretitle {
        margin-top: 10px;
        font-size: 14px;
    }
    .popap-wrapper .popap-form input {
        margin-top: 15px;
    }
    .popap-wrapper .button {
        margin-top: 25px;
    }
}
@media (max-width:860px)
{    
    #pdf-share .right-wrap
    {
        padding-top:60px;
    }
    #pdf-share .img-wrap
    {
        top:auto;
        bottom: -348px;
        right:-220px;
    }
    #pdf-share .img-wrap img {
        transform: scale(0.5);
    }
    #pdf-share .pdf-text br
    {
        display: none;
    }
    #about .decorate.top-left {
        position: absolute;
        left:-65px;
        top:100px;
    }
    #about .decorate.top-right 
    {
        position: absolute;
        right:45px;
        top:-15px;
        transform:rotate(90deg);
    }
    #about .decorate.bottom-left 
    {
        position: absolute;
        transform:rotate(-90deg);
        left:55px;
        bottom:-215px;
    }
    #about .decorate.bottom-right 
    {
        position: absolute;
        transform:rotate(-180deg);
        right:-70px;
        bottom:-100px;
    }
    #pdf-share .right-wrap {
        margin: 0 3%;
    }
    #advantages {
        padding: 70px 5% 50px 5%;
    }
    #main .main-form-wrapper .main-title br
    {
        display: none;
    }
    #main .main-form-wrapper .main-title
    {
        font-size:25px;
    }
    #main .main-form-wrapper
    {
        padding: 25px 35px 35px 35px;
    }
    #main .main-form-wrapper .main-form {
        margin-top: 25px;
    }
    #main .main-form-wrapper .main-form .input-wrapper > *,
    #skype-consult .skype-form .input-wrapper > *
    {
        margin:20px;
    }
    #main .main-form-wrapper .main-form .input-wrapper, #skype-consult .skype-form .input-wrapper
    {
        flex-wrap:wrap;
        justify-content: space-around;
    }
    #main .button {
        margin:0;
    }  
}
@media (max-width:800px)
{
    
    #main .quote-wrapper::before {
        height: 100%;
    }
    #main .quote-wrapper .quote-sign {
        margin-top: 0px;
    }
    #about .about-pretitle {
        font-size: 18px;
    }
    #pdf-share .pdf-title, #about .about-title, #advantages .program-title, #results .text-wrapper .text-title, #results2 .text-wrapper .text-title, #why-study .why-title {
        font-size: 28px;
    }
    #why-study {
        padding: 62px 0 100px 0;
    }
    #why-study .button
    {
        margin-left:auto;
        margin-right:auto;
    }
    #why-study .left-block:before {
        font-size: 700px;
        top: -150px;
        left: -80px;
    }
    #advantages .toogle-wrapper
    {
        display: block;
        width:fit-content;
    }
    #advantages .toogle-wrapper .toogle-item {
        margin: 0 auto;
    }
    #advantages .toogle-wrapper .owl-nav
    {
        margin-top:30px;
        display: flex;
    }
    #advantages:before,
    #advantages:after
    {
        display: none;
    }
    #advantages {
        padding: 70px 20% 50px 20%;
    }
    #reviews .reviews-pretitle br
    {
        display: none;
    }
    #reviews .reviews-pretitle
    {
        font-size:22px;
    }
    footer .menu-wrapper ul {
        flex-wrap: wrap;
    }  
    #curator .wrapper {
        margin-left: 0px;
    }    
    footer .menu-wrapper ul
    {
        padding:0 10%;
    }
    footer .menu-wrapper ul li:after
    {
        display: none;
    }
    footer .menu-wrapper ul li {
        margin: 40px 25px 0 20px;
    }
    footer .menu-wrapper {
        margin-top: 0px;
    }
}
@media (max-width:700px)
{
    #about .students-wrapper .student-item
    {
        flex-direction: column!important;
    }
    #about .students-wrapper .student-item .photo-wrapper img {
        width: 400px;
        height: 270px;
    }
    #about .students-wrapper .student-item .text-wrapper
    {
        margin-top:20px;
        width: 400px;
    }
    #about .students-wrapper .student-item:nth-child(1) .photo-wrapper .back::after, 
    #about .students-wrapper .student-item:nth-child(2) .photo-wrapper .back::after, 
    #about .students-wrapper .student-item:nth-child(3) .photo-wrapper .back::after
    {
        display: none;
    }
    #about .students-wrapper .student-item:nth-child(1) .photo-wrapper:before,
    #about .students-wrapper .student-item:nth-child(2) .photo-wrapper:before,
    #about .students-wrapper .student-item:nth-child(3) .photo-wrapper:before {
        font-size:470px;
        top:-210px;
        right:-120px;
    }
    #about .students-wrapper .student-item
    {
        margin-bottom:50px;
    }
    #about .students-wrapper .button {
        margin: 0 auto 50px auto;
    }
    #curator {
        padding: 90px 0 90px 0;
    }
    #teachers .slider-item .img-wrapper {
        width: auto;
    }
    #reviews .reviews-wrapper .review-item {
        width: 450px;
        height: 280px;
    }
    #stages .wrapper .toogle-wrapper .toogle-but
    {
        width: 160px;
        height: 46px;
        font-size: 14px;
        line-height: 16px;
    }
    .results-wrapper .result-item
    {
        min-height:230px;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 22%;
    }
    #about .about-title {
        padding-top: 50px;
    }
    footer .menu-wrapper ul li::after
    {
        display: none;
    }
}
@media (max-width:660px)
{
    #about .about-advantages .advantage-item:nth-child(4),
    #about .about-advantages .advantage-item:nth-child(5)
    {
        display: none;
    }
    
    #about .about-title.second, #about .about-title {
        margin-top: 20px;
    }
    #main .button.thanks
    {
        margin:20px auto;
    }
}
@media (max-width:600px)
{
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 20%;
    }
    #main .wrapper {
        padding: 0 20px;
    }
    #main header {
        padding: 10px 0;
    }
    #main #hamburger {
        margin-left: -17px;
    }
    #about .decorate.top-left,
    #about .decorate.top-right,
    #about .decorate.bottom-left,
    #about .decorate.bottom-right 
    {        
        display: none;
    }
    #main .main-form-wrapper .main-title {
        font-size: 18px;
        line-height:24px;
    }
    #curator {
        padding:0;
    }
    #about .about-advantages {
        margin-top: 0px;
    }
    #about .about-pretitle {
        max-width: 100%;
    }
    #main .main-form-wrapper .main-form .main-form-title br
    {
        display: none;
    }
    #curator .wrapper .left-wrapper {
        padding: 20px 0 0 0;
    }
    #curator .play-button {
        left: 75%;
        top: 43%;
    }
    .results-wrapper {
        margin-top: 60px;
    }
    #free-consult .text-title, #pdf-share .pdf-title, #about .about-title, #advantages .program-title, #results .text-wrapper .text-title, #results2 .text-wrapper .text-title, #why-study .why-title, #isc-program .text-wrapper .text-title, #skype-consult .text-title, #teachers .teachers-title, #reviews .reviews-title {
        font-size: 28px;
        padding:0 10px;
    }
    #skype-consult .wrapper {
        padding: 50px 5%;
    }
    #skype-consult .skype-form .input-wrapper {
        margin-top: 25px;
    }
    #advantages {
        padding: 50px 0 50px 0;
    }
    #advantages .toogle-wrapper
    {
        padding-left:25%;
    }
    #stages .wrapper {
        padding: 50px 20px 0 20px;
    }
    #stages .wrapper .toogle-wrapper {
        margin-top: 30px;
    }
    #teachers {
        padding-top: 0px;
    }
    #stages .info-wrapper {
        margin-top: 35px;
    }
    #advantages .toogle-wrapper .toogle-item
    {
        margin:0;
    }
    #isc-program {
        height: auto;
        padding-bottom:40px;
    }
    #stages {
        margin-top: 0px;
        padding: 100px 0 50px 0;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 17%;
    }
    #reviews .reviews-wrapper .review-item {
        width: 350px;
        height: 220px;
    }
    #reviews {
        padding: 40px 20px 120px 20px;
    }
    #reviews .reviews-wrapper
    {
        padding-left:15%;
    }
    #free-consult .text-wrapper
    {
        background:none;
        padding:0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top:0;
        left:0;
    }
    #free-consult .photo-wrapper, #free-consult .wrapper .left-wrapper, #free-consult .text-wrapper
    {
        width:100%;
        height: auto;
    }
    #free-consult .wrapper {
        margin-left: 0px;
    }
    #free-consult {
        padding: 0;
    }
    #free-consult .left-wrapper
    {
        padding-bottom:20px;
    }
    #results2 {
        padding-top: 0;
    }
    #why-study {
        padding: 32px 30px 50px 30px;
    }
    #reviews .reviews-pretitle {
        font-size: 16px;
    }
    #reviews .reviews-wrapper {
        margin-top: 50px;
    }
    #free-consult .text-pretitle, #skype-consult .skype-form .form-pretitle
    {
        font-size:16px;
    }
    #free-consult .button{
        font-size:13px;
    }
    #free-consult .free-consult-form input
    {
        min-width:250px;
    }
    #free-consult .free-consult-form .input-wrapper
    {
        align-items: center;
    }
    #free-consult .button
    {
        
        margin:20px auto 0 auto;
    }
    #pdf-share .pdf-title br,
    #results .text-wrapper .text-lead-inner br
    {
        display: none;
    }
    #curator .text-wrapper, #curator .wrapper .left-wrapper
    {
        width:100%;
    }  
    #curator .text-wrapper {
        padding:30px 20px 60px 20px;
    }   
    #curator .text-wrapper, #curator .wrapper .left-wrapper, #curator .wrapper .photo-wrapper
    {
        min-width:100%;
    } 
    #curator .wrapper .photo-wrapper
    {
        min-height:500px;
    } 
    #pdf-share .right-wrap {
        padding-top:5px;
    }
    #pdf-share .img-wrap
    {
        top:auto;
        bottom: -368px;
        right:-300px;
    }
    #pdf-share .img-wrap img {
        transform: scale(0.4);
    }
    #pdf-share .right-wrap
    {
        margin-left:-10%;
    }
    #main .main-form-wrapper {
        padding: 25px 10px 35px 10px;
    }
    #main .main-form-wrapper
    {
        margin-top:0; 
    }
}
@media (max-width:500px)
{  
    #main .quote-wrapper .img-wrapper {
        min-width: 110px;
        width: 110px;
    }
    #main .quote-wrapper::before
    {
        display: none;
    }
    #main .quote-wrapper .thanks-quote
    {
        padding:0;
        /* background:rgba(120,120,120,0.8);
        border-radius:10px; */
    }
    #main.thanks .main-form-wrapper
    {
        padding:10px!important;
        margin-bottom: 0px!important;
    }
    #main .main-form-wrapper .main-form .input-wrapper > *,
    #skype-consult .skype-form .input-wrapper > *
    {
        margin:10px;
    }
    #main .logo-wrapper .mobile
    {
        transform:scale(1);
    }
    #results2 .wrapper
    {
        padding:0 30px;
    }  
    footer .menu-wrapper ul {
       justify-content: space-between;
    }    
    footer .menu-wrapper ul li {
        margin: 40px 25px 0 20px;
        text-align: center;
    }
    footer .adress-wrapper > div {
        flex-direction: column;
        max-width: 54%;
    }
    #about .about-title {
        padding-top:50px;
    }
    #curator {
        padding:0;
    }
    #skype-consult .skype-form .form-title {
        margin-top: 40px;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 22%;
    }
    #reviews
    {
        margin-top:-30px;
    }
    #teachers .slider-item {
        max-width: 300px;
    }    
    #about .students-wrapper {
        padding: 0px;
    }    
    /* #about .students-wrapper .student-item .text-wrapper
    {
        padding:0 20px;
    } */
    #results
    {
        height: auto;
        padding:0 10px 50px 10px;
    }
    #results .text-wrapper .text-title {
        margin-top: 25px;
    }
    #curator .wrapper .photo-wrapper {
        width: 500px;
        height: 450px;
        min-width: 500px;
        min-height: 450px;
    }
    #curator .play-button {
        left: 80%;
        top: 46%;
    }
    #isc-program .text-wrapper .text-lead br
    {
        display: none;
    }
    #isc-program {
        padding: 0 20px 40px 20px;
    }
    #free-consult .text-pretitle
    {
        text-align: center;
    }
    #free-consult .text-pretitle br,
    #results .text-wrapper .text-pretitle br{
        display: none;
    }
    #free-consult .button
    {
        padding: 19px 43px 17px 43px;
    }
    #why-study br, #skype-consult br
    {
        display: none;
    }
    #skype-consult .skype-form {
        padding: 0;
    }
    .results-wrapper .result-item {
        margin: 30px 0;
    }
    #main .main-form-wrapper .main-form .input-wrapper {
        margin-top: 15px;
    }
}
@media (max-width:450px)
{
    #main.thanks .main-form-wrapper{
        margin-top:0!important;
    }
    #main .thanks-next {
        margin: 15px 0;
    }
    #main .thanks-title {
        font-size: 27px;
    }    
    #main .thanks-img
    {
        margin-top:0px;
    }
    #main.thanks .wrapper
    {
        padding:10px;
    }
    #about .students-wrapper .student-item .photo-wrapper img {
        width: 100%;
        height:auto;
    }
    #about .students-wrapper .student-item .photo-wrapper, #about .students-wrapper .student-item .text-wrapper {
        margin: 0;
    }    
    #curator .play-button {
        right: 0%;
        left:auto;
    }    
    #skype-consult .results-wrapper .result-item {
        width: 100%;
    }
    #stages .wrapper {
        width: 100%;
        padding:50px 20px 0 20px;
        margin:0;
        border-radius: 30px 30px 0px 0px;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 17%;
    }
    #advantages .toogle-wrapper {
        padding-left: 21%;
    }
    #reviews .reviews-wrapper {
        padding-left: 7%;
    }
    #free-consult .text-wrapper
    {
        padding:20px;
    }
    #free-consult .photo-wrapper, #free-consult .wrapper .left-wrapper, #free-consult .text-wrapper
    {
        min-width:100%;
    }
    #about .about-title.second
    {
        padding-left:10px;
        padding-right:10px;
    }
    #stages .info-wrapper .info-inner ul {
        padding-left: 25px;
    }
    #main .main-form-wrapper
    {
        margin-bottom:50px!important;
    }
    #main .thanks-wrapper
    {
        padding:0;
    }
}
@media (max-width:425px)
{
    #advantages .toogle-wrapper {
        padding-left: 19%;
    }
    #reviews .reviews-wrapper {
        padding-left: 5%;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 15%;
    }
    #curator .play-button {
        top: 47%;
    }
}
@media (max-width:418px)
{
    #curator .play-button {
        top: 49%;
    }
}
@media (max-width:400px)
{    
    #main .thanks-wrapper {
        width: auto;
    }
    #main .wrapper {
        padding: 0 10px;
    }
    #main .main-form-wrapper .button {
        margin-top: 20px;
    }
    #curator .play-button {
        top: 50%;
    }
    #about .students-wrapper .student-item .text-wrapper
    {
        padding:20px 40px 0 40px;
    }
    #stages .wrapper .stages-title {
        font-size: 26px;
    }
    #stages .wrapper .stages-pretitle {
        font-size: 22px;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 10%;
    }
    #reviews {
        margin-top: -90px;
    }
}
@media (max-width:380px)
{
    #curator .play-button {
        top: 50%;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 8%;
    }
    #advantages .toogle-wrapper {
        padding-left: 15%;
    }
    #reviews .reviews-wrapper {
        padding-left: 0%;
    }
    #reviews {
        padding: 40px 15px 120px 15px;
    }
    #pdf-share .right-wrap
    {
        margin-left:-5%;
    }
    #pdf-share .right-wrap .button
    {
        padding: 18px 90px 18px 90px;
    }
    footer .menu-wrapper ul {
        padding: 0 5%;
    }
    footer .menu-wrapper ul li {
        margin: 40px 15px 0 10px;
        text-align: center;
    }
    #main .quote-wrapper .img-wrapper {
        min-width: 100px;
        width: 100px;
    }
}
@media (max-width:365px)
{
    #curator .play-button {
        top: 52%;
    }
}
@media (max-width:350px)
{
    #main .thanks-img
    {
        min-width:100%;
        width:100%;
    }
    #stages .info-wrapper .lessons-wrapper .lesson-block:nth-child(2) {

        margin-left: -42px;
    }
    #stages .info-wrapper .lessons-wrapper .lesson-block:nth-child(1)
    {
        padding-left: 0px;
    }
    #stages .info-wrapper .lessons-wrapper
    {
        flex-direction: column;
        justify-content: center;
    }
    #stages .info-wrapper .outer-info {
        padding-left: 0px;
    }
    #stages .info-wrapper .info-inner ul {
        padding-left: 20px;
    }
    #stages .button
    {
        padding: 18px 20px 18px 20px;
        font-size: 12px;
    }
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 9%;
    }
    #reviews .reviews-wrapper .review-item {
        width: 281.45px;
        height: 172px;
    }
    #reviews .reviews-wrapper .review-item .play-wrapper .play-button {
        width: 35px;
        height: 35px;
        padding-left: 1px;
    }
    #reviews .reviews-wrapper .review-item .play-wrapper .play-button svg
    {
        font-size:10px;
    }
    #reviews .reviews-wrapper .review-item .play-wrapper {
        position: absolute;
        bottom: 15px;
        right: 15px;
    }
    #reviews .reviews-wrapper .review-item .wrapper {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
        padding: 18px 25px;
    }
    #about .students-wrapper .student-item .text-wrapper
    {
        padding:20px 70px 0 70px;
    }
}
@media (max-width:320px)
{
    #teachers .slider-items-wrapper {
        padding: 250px 0 0 4%;
    }
    #advantages .toogle-wrapper {
        padding-left: 9%;
    }
    #reviews .reviews-wrapper {
        padding-left: 0%;
    }
}
@media (max-height:700px)
{
    #main .container
    {
        height:auto;
    }
    #main header
    {
        position: relative;
        padding: 10px 0;
    }
    #main .wrapper {
        padding: 0 20px;
    }
    #main .main-form-wrapper
    {
        position: relative;
        top:0;
        left:0;
        transform: none;
        margin:0px auto 100px auto;
    }
    #main .arrow
    {
        display: none;
    }
    #why-study .text-lead-inner {
        font-size: 15px;
    }
}
/* hamburger*/
.hamburglar {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99999;
}
#top, #bottom {
    position: absolute;
    display: block;
    height: 4px;
    width: 36px;
    border-radius: 2px;
    background: #fff;
}
#top {
    top: 19px;
    left: 14px;
}
#bottom {
    top: 41px;
    left: 14px;
}

#hamburger path, #hamburger line {
    stroke: #fff;
    stroke-linecap: round;
}
#top, #bottom {
    -webkit-transform-origin: 34px 2px;
    transform-origin: 34px 2px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
}

#circle {
    stroke-dasharray: 1 100 32 300;
    stroke-dashoffset: 101;
    transition: all 750ms ease;
}

.hamburglar.is-closed #circle {
    stroke-dasharray: 1 100 190 300;
    stroke-dashoffset: 1;
}
.hamburglar.is-closed #top {
    -webkit-transform: translateX(-4.5px) rotate(-45deg);
    transform: translateX(-4.5px) rotate(-45deg);
}
.hamburglar.is-closed #bottom {
    -webkit-transform: translateX(-4.5px) rotate(45deg);
    transform: translateX(-4.5px) rotate(45deg);
}