*{
    margin: 0;
    padding: 0;
}
.clearfix:after{
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    content: '';
}
body{
    font-family: "MyriadPro-Regular";
}

h1{
    font-family: "MyriadPro-Regular";
    font-size: 24px;
    text-transform: uppercase;
    color: #282828;
    margin: 20px auto;
    text-align: center;
}

input{
    border-bottom: 1px solid #34742e;
    outline: none;
}



/*---------------------- HEADER -----------------------*/


.header-wrap{
    position: relative;
    width: 100%;
    z-index: 1;
}
    .header{
        position: relative;
        width: 100%;
        min-height: 390px;
        background: url("/images/header-wrap-bg.jpg") center top no-repeat;
        margin: 0 auto 29px;
    }
        .logo{
            display: inline-block;
            position: relative;
            background: url("/images/logo-bg.png")no-repeat top center;
            width: 300px;
            height: 260px;
            margin: 43px 0 0 100px;
            float: left;
        }
            .logo-title{
                position: absolute;
                bottom: 0;
                width: 100%;
                background: #34742e;
                display: block;
                font-family: "MyriadPro-Regular";
                font-size: 18px;
                color: #ffffff;
                text-align: center;
                padding: 0 0 0 0;
            }
        .search-wrap{
            position: relative;
            width: 300px;
            background: url("/images/search-wrap-bg.png")no-repeat center right;
            display: block;
            margin: 0 auto 0;
            top: 30px;
        }
            .main-search{
                font-family: "MyriadPro-It";
                font-size: 14px;
                color: #6ba266;
                width: 265px;
                height: 14px;
                border: none;
                border-bottom: 1px solid #34742e;
                padding: 4px 0 4px 10px;
                background: transparent;
            }
            .main-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: #6ba266;
            }
            .main-search::-moz-placeholder { /* Firefox 19+ */
                color: #6ba266;
            }
            .main-search:-ms-input-placeholder { /* IE 10+ */
                color: #6ba266;
            }
            .main-search:-moz-placeholder { /* Firefox 18- */
                color: #6ba266;
            }
        .enter-register{
            position: relative;
            text-decoration: none;
            color: #34742e;
            font-family: "MyriadPro-Regular";
            font-size: 14px;
            float: right;
            margin: 13px 28px 0 0;
        }
        .enter-register span{
            text-decoration: underline;
        }

        .menu-mobile{
            position: relative;
            width: 51px;
            height: 40px;
            background: url("/images/menu-mobile-bg.jpg")no-repeat center;
            font-family: "MyriadPro-Regular";
            font-size: 12px;
            text-decoration: none;
            text-align: center;
            line-height: 64px;
            color: #34742e;
            display: block;
            float: right;
            margin: 0 50px 0 0;
        }

        .header-main-menu{
            position: relative;
            display: inline-block;
            width: 100%;
            margin: 56px 0 0 0;
        }
            .main-menu-item{
                display: inline-block;
                font-family: "MyriadPro-Regular";
                font-size: 14px;
            }
            .main-menu-item:first-child{
                margin: 0 0 0 50px;
            }
            .main-menu-item:hover>.main-sub-menu{
                display: block;
            }
            .main-menu-item:hover a{
                background: #34742e;
                color: #ffffff;
                z-index: 1;
                position: relative;
            }
            .main-menu-item a{
                display: block;
                color: #282828;
                text-decoration: none;
                text-align: center;
                padding: 13px 12px;
            }

            .main-sub-menu{
                display: none;
                position: absolute;

            }
                .main-sub-menu-item{
                    display: block;
                    list-style: none;

                }
                    .main-sub-menu-item>a{
                        min-width: 220px;
                        /*box-shadow: inset 100vw 0 0 0 rgba(255, 255, 255, 0.9);*/
                        background: #ffffff!important;
                        color: #282828!important;
                    }
                    .main-sub-menu-item:hover>a{
                        background: #34742e!important;
                        color: #ffffff!important;
                    }

        .distance-learning-button{
            position: absolute;
            display: inline-block;
            background: #34742e url("/images/distance-learning-button-bg.png")no-repeat 92% 50%;
            /*height: 40px;*/
            width: 300px;
            bottom: 0;
            right: 50px;
            text-align: center;
            text-decoration: none;
            color: #ffffff;
            line-height: 24px;
            font-size: 14px;
            padding: 10px 50px 10px 15px;
        }

        .distance-learning-button.distance-learning-button-first{
            bottom: 80px;
        }

        .mm-listview > li.menu-distance-learning-link > a{
            text-overflow: unset;
            white-space: inherit;
        }


.header2{
    position: relative;
    width: 100%;
    background: #34742e;
    color: #ffffff;
}
    .logo2{
        position: relative;
        display: inline-block;
        width: 79px;
        height: 64px;
        background: url("/images/logo2-bg.png")no-repeat center;
        background-size: cover;
        margin: 0 0 0 50px;
    }
        .logo2 .logo-title{
            position: absolute;
            color: #ffffff;
            background: none;
            left: 69px;
        width: 179px;
        height: 40px;
        }
    .menu-mobile2{
        color: #ffffff;
        background: url("/images/menu-mobile2-bg.jpg")no-repeat center;
        margin: 24px 24px 0 15px;
    }
    .enter-register2{
        color: #ffffff;
        display: none;
    }

    .log-out-button{
        position: relative;
        display: block;
        width: 24px;
        height: 24px;
        background: url("/images/log-out-button-bg.png")no-repeat center;
        float: right;
        margin: 32px 0 0 15px;
    }

    .login-details{
        position: relative;
        font-family: "MyriadPro-It";
        font-size: 12px;
        color: #282828;
        float: right;
        text-align: right;
        margin: 30px 0 0 15px;
    }
        .login-details span{
            font-family: "MyriadPro-Regular";
            font-size: 14px;
            color: #ffffff;
        }


/*-------------------//// HEADER -----------------------*/




/*------------------- MAIN-CONTENT ---------------------*/


.breadcrumbs{
    display: block;
    font-family: "MyriadPro-It";
    font-size: 12px;
    margin: 15px 0 0 50px;
    /*float: left;*/
}
.breadcrumbs li{
    display: inline-block;
    color: #717171;
}
.breadcrumbs li a{
    font-family: "MyriadPro-It";
    font-size: 12px;
    text-decoration: none;
    color: #717171;
}

.main-content{
    position: relative;
    width: 100%;
    min-height: 100px;
    z-index: 0;
}

.main-slider-wrap{
    position: relative;
    margin: 0 auto 15px;

}

    .main-slider{
        position: relative;
        width: auto;
        height: auto;
        z-index: 2;
        margin: 0 50px;
    }

        .main-slider .swiper-slide-content{
            text-decoration: none;
            color: #ffffff;
        }
            .swiper-slide-content{
                position: absolute;
                width: 100%;
                height: 100%;
            }

            .swiper-slide img{
                width: 100%;
            }

        .slider-bottom-panel{
            position: relative;
            /*bottom: 0;*/
            /*height: 50px;*/
            width: auto;
            box-shadow: inset 100vw 0 0 0 rgba(69, 119, 52, 0.9);
            z-index: 2;
            margin: -50px 50px 0;
            z-index: 2;
        }


            .slider-bottom-panel-content{
                font-family: "MyriadPro-Regular";
                font-size: 14px;
                position: relative;
                width: auto;
                height: 100%;
                background: url("/images/slider-bottom-panel-bg.png")no-repeat 28px center;
                padding: 16px 20px 16px 68px;
                /*line-height: 51px;*/
                color: #ffffff;
            }


    .news-and-events-slider{
        position: relative;
        width: 100%;
    }

    .main-slider-title{
        font-family: "MyriadPro-Regular";
        font-size: 18px;
        color: #282828;
        text-transform: uppercase;
        display: inline-block;
        margin: 23px 0 25px 61px;
    }

    .all-news-button{
        position: relative;
        display: inline-block;
        padding: 3px 16px 2px;
        background: #34742e;
        vertical-align: super;
        color: #ffffff;
        margin: 0 0 0 12px;
        bottom: -2px;
    }
    .all-news-button:hover{
        color: #ffffff;
    }

    .news-and-events{
        position: relative;
        margin: 0 50px 43px;
        text-align: center;
    }
        .event-block{
            position: relative;
            text-align: left;
            width: 100%;
            height: 135px;
            /*background: url("/images/event-block2-bg.jpg") no-repeat center;*/
            background-size: cover;
            display: inline-block;
        }

            .event-block:before{
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                
                background: url("/images/event-block-grad-bg.png")repeat-x;
            }


            .event-date{
                position: absolute;
                font-family: "MyriadPro-It";
                font-size: 12px;
                color: #ffffff;
                top: 15px;
                right: 0px;
                background: #34742e;
                padding: 2px 9px 0 9px;
                line-height: 14px;
            }
            .event-block-content{
                position: absolute;
                bottom: 0;
                padding: 0 10px;

                -webkit-transition: ease 300ms;
                -moz-transition: ease 300ms;
                -ms-transition: ease 300ms;
                -o-transition: ease 300ms;
                transition: ease 300ms;
            }
            .event-block:hover .event-block-content{
                bottom: 6px;
            }
                .event-title{
                    font-family: "MyriadPro-Regular";
                    font-size: 12px;
                    color: #ffffff;
                    display: inline-block;
                    /*height: 24px;*/
                    line-height: 16px;
                    padding: 0 0 4px 0;
                    margin: 0 0 4px 0;

                }
                .news-event-title{
                    background: url("/images/news-event-title-bg.jpg")no-repeat 0% 100%;
                }
                .anons-event-title{
                    background: url("/images/anons-event-title-bg.jpg")no-repeat 0% 100%;
                }
                .event-text{
                    font-family: "MyriadPro-Regular";
                    font-size: 12px;
                    color: #ffffff;
                }





/*-----------------/// MAIN-CONTENT -------------------*/






/*-------------------- REGISTRATION ---------------------*/

.registration-content{
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}

#registration-form{
    position: relative;
    display: block;
    font-family: "MyriadPro-Regular";
    font-size: 12px;
    color: #878686;
}
    .form-title{
        display: block;
        text-align: left;
        padding-left: 9px;
    }
    .changed .jq-selectbox__select-text{
        color: #595858;
    }
    #registration-form label{
        margin: 0 70px 0 0;
    }
    #registration-form label span{
        margin: 0 0 0 10px;
    }
    #registration-form label .checked+span{
        color: #595858!important;
    }
    #registration-form input[type="text"]{
        width: 278px;

    }
    input[type="text"]{
        font-family: "MyriadPro-It";
        font-size: 12px;
        color: #595858;
        border: none;
        border-bottom: 1px solid #35752e;
        padding: 8px 11px;
        margin: 0 0 20px 0;
    }

    .registration-name{
        margin-top: 20px!important;
    }
    .registration-birth-day{

    }
    #registration-birth-day-styler{
        width: 40px;
    }
    #registration-birth-month-styler{
        width: 120px;
        margin: 0 17px;
    }
    .registration-birth-year{
        width: 78px!important;
        text-align: center;
    }
    .registration-gender{
        position: relative;
        margin: 9px 0 0 0;
    }
    .registration-gender span{
        float: left;
        margin: 5px 30px 0 9px;
    }
    .registration-gender label span{
        float: none;
        margin: 0 7px 0 0!important;
    }
    .registration-gender label{
        margin: 0 30px 0 0!important;
    }
    .registration-gender label+label{

    }
    .photo-upload{

    }
    .registration-form-learn{
        position: relative;
        margin: 9px 0 20px 0;
    }
    .registration-form-learn span{
        display: block;
        text-align: left;
        margin: 13px 0;
    }
    .registration-form-learn label{
        margin: 0 26px 0 0!important;
    }
    .registration-form-learn label+label{
        margin: 0 10px 0 0!important;
    }
    .registration-form-learn label span{
        display: inline-block;
    }

    #registration-speciality-styler{
        margin: 0 0 20px 0;
    }
    #registration-group{

    }
    .registration-form-submit{
        position: relative;
        margin: 20px auto;
        display: inline-block;
        font-family: "MyriadPro-Regular";
        font-size: 12px;
        color: #ffffff;
        max-width: 120px;
        height: 24px;
        width: 140px;
        background: #35752e;
        border: none;
        text-align: center;
        line-height: 25px;
        cursor: pointer;
    }

/*------------------ ///REGISTRATION --------------------*/





/*------------------------ NEWS ------------------------*/

.main-content-photo{
    background: url("/images/main-content-photo-bg.jpg")no-repeat top center;
}

.news-content{
    position: relative;
    width: 100%;
    min-height: 100px;
    padding: 0 50px;
}

    .editor-text{
        margin:47px 0 50px 0;
    }

    .news-or-anons{
        position: relative;
        text-align: center;
        margin: 30px auto 35px;
    }
        .news-switch, .anons-switch{
            text-decoration: none;
            color: #282828;
            text-decoration: none;
        }

        .news-or-anons .active{
            border-bottom: 4px solid #d72e7a;
        }

        .news-switch:hover, .anons-switch:hover{
            color: #282828;
            text-decoration: none;
        }
        .news-switch{
            margin: 0 22px 0 0;
        }
        .news-switch:hover{
            border-bottom: 4px solid #d72e7a;
        }

        .anons-switch{

        }
        .anons-switch:hover{
            border-bottom: 4px solid #d72e7a;
        }

.event-info-block{
    position: relative;
    margin: 0 auto 27px;
    width: 950px;
    height: 123px;
}
    .event-img{
        position: relative;
        width: 220px;
        height: 123px;
        float: left;
    }
    .event-info-content{
        position: relative;
        width: 707px;
        margin: 0 0 0 224px;
        padding: 0 0 0 19px;
        min-height: 123px;
    }
        .event-info-title{
            font-family: "MyriadPro-Regular";
            font-size: 18px;
            color: #282828;
            padding: 0 50px 7px 0;
        }
        .event-info-title-news{
            background: url("/images/event-info-title-news-bg.png")no-repeat bottom left;
        }
        .event-info-title-anons{
            /*background: url("/images/")no-repeat bottom left;*/
        }
        .event-info-date{
            font-family: "MyriadPro-It";
            font-size: 12px;
            color: #282828;
            position: absolute;
            top: 0;
            right: 0;
        }
        .event-info-text{
            font-family: "MyriadPro-Regular";
            font-size: 14px;
            color: #282828;
            margin: 0 0 10px 0;
        }
        .soc-networks{
            font-family: "MyriadPro-Cond";
            font-size: 18px;
            display: block;
            text-align: center;
            color: #ffffff;
            line-height: 30px;
            bottom: 0;
            max-width: 140px;
        }
            .soc-networks:hover{
                color: #ffffff;
            }

        @media (min-width: 768px) {
            .info-block-show-more {
                opacity: 0;
            }
        }

        .info-block-show-more{
            position: absolute;
            font-family: "MyriadPro-It";
            font-size: 12px;
            color: #ffffff;
            display: block;
            width: 114px;
            height: 63px;
            right: 0;
            bottom: 0;
            background: url("/images/info-block-show-more-bg.png");


            -webkit-transition: ease 500ms;
            -moz-transition: ease 500ms;
            -ms-transition: ease 500ms;
            -o-transition: ease 500ms;
            transition: ease 500ms;
        }
        .event-info-block:hover .info-block-show-more{
            opacity: 1;
            color: #ffffff;
            text-decoration: none;
        }
        .info-block-show-more span{
            position: absolute;
            bottom: 6px;
            right: 12px;
        }

    .news-content-date{
        /*position: absolute;*/
        /*display: inline-block;*/
        /*bottom: 0;*/
        /*right: 50px;*/
    }

/*---------------------- ///NEWS -----------------------*/





/*-------------------- TEACHER-PAGE ---------------------*/


.teacher-main-info{
    position: relative;
    padding: 0 50px;
    margin: 0 auto;
}

    .teacher-main-info-line{
        height: 133px;
        margin: 130px auto 30px;
        background: #34742e;
    }
        .teacher-photo{
            position: relative;
            display: inline-block;
            margin: -111px 0 0 60px;
            border:  5px solid #ffffff;
            float: left;
        }
        .teacher-data{
            position: relative;
            height: 90px;
            display: block;
            margin: 0 0 0 297px;
            padding: 22px 0 0 0;
        }
            .teacher-name{
                font-family: "MyriadPro-Regular";
                font-size: 36px;
                color: #ffffff;
                border-bottom: 1px solid #ffffff;
                padding: 0 0 3px 0;
            }
            .teacher-achievements{
                font-family: "MyriadPro-Regular";
                font-size: 18px;
                color: #ffffff;
                padding: 5px 0 0 0;
            }
    .teacher-main-info-about{
        font-family: "MyriadPro-Regular";
        font-size: 14px;
        width: 100%;
        min-height: 300px;
        color: #282828;
    }

/*------------------- ///TEACHER-PAGE -------------------*/




/*---------------------- FOOTER -----------------------*/


.footer{
    position: relative;
    width: 100%;
    height: 128px;
    background: #34742e;
    margin: 90px auto 0;
}

.footer-logo{
    position: relative;
    display: inline-block;
    width: 100px;
    height: 163px;
    background: url("/images/footer-logo-bg.png")no-repeat center;
    margin: -35px 0 0 50px;
    float: left;
}

.footer-contacts{
    position: relative;
    display: inline-block;
    margin: 33px 0 0 33px;
    color: #ffffff;
}
.footer-contacts-address{
    font-family: "MyriadPro-It";
    font-size: 14px;
    margin: 0 0 11px 0;
}
.footer-contacts-address span{
    text-transform: uppercase;
}
.footer-contacts-phone, .footer-contacts-mail{
    font-family: "MyriadPro-It";
    font-size: 14px;
    padding: 0 0 0 36px;
}
.footer-contacts-phone{
    position: relative;
    display: inline-block;
    background: url("/images/footer-contacts-phone-bg.png")no-repeat left center;
}
.footer-contacts-mail{
    position: relative;
    display: inline-block;
    background: url("/images/footer-contacts-mail-bg.png")no-repeat left center;
    color: #dfe618;
    margin: 0 0 0 17px;
}
.soc-links{
    position: absolute;
    display: inline-block;
    top: 16px;
    right: 50px;
}
.soc-links a{
    display: block;
}
.fb{
    position: relative;
    width: 30px;
    height: 30px;
    background: url("/images/fb-bg.png")no-repeat center;
}
.copyrights{
    position: relative;
    font-family: "MyriadPro-It";
    font-size: 12px;
    display: inline-block;
    float: right;
    margin: 99px 50px 0 0;
    color: #ffffff;
}






/*-------------------- ///FOOTER ----------------------*/