/*
Theme Name: univer WordPress
Author: Arp-solution
Description: univer main css WordPress
Version: 1.0.1
*/


/* 
* -------------------------- COMMON CSS ----------------------
*/

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Ubuntu', sans-serif;
}
html, body{
    overflow-x: hidden;
}

.container{
    max-width: 1290px;
    margin: auto;
    padding: 0 5px 0 5px;
    position: relative;
	line-height: 26px;
}
.header-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    -webkit-box-align: center ;
        -ms-flex-align: center ;
            align-items: center ;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
.visually-hidden,
.widget-title {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%); 
    margin: -1px;
}
.page-main{
    /* margin-bottom: 20px; */
}
.trapeci{
	text-decoration: none;
	font-size: 14px;
	line-height: 32px;
	color: #333333;
}
/* 
* -------------------------- CONTAINERS ----------------------
*/
.container{
    max-width: 1290px;
    margin: auto;
    padding: 0 5px 0 5px;
    position: relative;
}
.flex-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.flex-container-reverse{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

/**
* -------------------- MAP CSS --------------------
*/
.contact__map-wrapper{
    height: 500px;
    width: 820px;
    /* margin-bottom: 80px; */
    border-radius: 8px;
    box-shadow: 0px 0px 24px rgba(39, 43, 99, 0.12);
    position: relative;
    /* right: -30px; */
    z-index: 0;
}
.map {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.gm-style-iw-d p,
.gm-style-iw-d strong{
    color: #303C49;
}
.gm-style .gm-style-iw-c{
    background: -webkit-linear-gradient(top, #BCCD56 0%, #789D2F 100%)!important;
    background: linear-gradient(180deg, #BCCD56 0%, #789D2F 100%)!important;
    max-width: 240px!important;
    min-width: 240px!important;
    /*max-height: 135!important;
    min-height: 135!important;*/
}
.gm-style .gm-style-iw-t::after{
    background: #789D2F;
}
/* .gm-style-iw {
    overflow: visible !important;
}  
.gm-style-iw>div {
    overflow: visible !important;
} */
.gm-style-iw::before {
      content: '';
      width: calc(100% + 29px);
      height: calc(100% + 1px);
      position:  absolute;
      background: -webkit-linear-gradient(top, #BCCD56 0%, #789D2F 100%)!important;
      background: linear-gradient(180deg, #BCCD56 0%, #789D2F 100%)!important;
      top: 0;
      left: 0;
}
.address-location{
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF!important;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.content{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF!important;
    position: relative;
    z-index: 2;
}
/**
* -------------------- FORM CSS --------------------
*/
.main-form{
    width: 520px;
    background: #F4F4F4;
    box-shadow: 0px 0px 24px rgba(18, 20, 48, 0.15);
    border-radius: 8px;
    padding: 20px 15px;
    position: relative;
}
.form-content{
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    padding: 30px 55px;
}
.form-content-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #333333;
}
.form-name,
.form-mail,
.form-message{
    width: 375px;
    height: 60px;
    padding: 22px 25px;
    background-color: #FFFFFF;
    border-radius: 30px;
    border: none;
}
.form-message{
    width: 375px;
    resize: none;
    height: 120px;
}
.form-name::-webkit-input-placeholder,
.form-mail::-webkit-input-placeholder,
.form-message::-webkit-input-placeholder{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #B4B4B4;
}
.form-name::-moz-placeholder,
.form-mail::-moz-placeholder,
.form-message::-moz-placeholder{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #B4B4B4;
}
.form-name:-ms-input-placeholder,
.form-mail:-ms-input-placeholder,
.form-message:-ms-input-placeholder{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #B4B4B4;
}
.form-name::placeholder,
.form-mail::placeholder,
.form-message::placeholder{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #B4B4B4;
}
.form-btn{
    background: #405B0C;
    border-radius: 30px;
    width: 375px;
    height: 60px;
    border: none;
    cursor: pointer;

    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 30px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
.form-btn:hover{
    background: #608a13;
}
.checkbox-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#confirm{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 22px;
    height: 22px;
    position: relative;
    margin-right: 12px;
}
.checkbox__label{
    position: relative;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #B1B1B1;    
}
.location__form .checkbox__label{
  width: 100%;
    display: block;  
}

#confirm:before{
    width: 22px;
    height: 22px;
    content: '';
    display: inline-block;
    background: #FFFFFF;
    position: absolute;
}
#confirm:checked::after{
    width: 22px;
    height: 22px;
    content: '';
    display: inline-block;
    background-image: url('/wp-content/themes/univer/dist/img/confirm.svg');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}
.checkbox__label-link{
    text-decoration: underline;
    color: #B1B1B1;
}

/**
* -------------------- FORM + MAP BLOCK CSS --------------------
*/
.location{
    margin-top: 90px;
    margin-bottom: 110px;
}
.location .flex-container{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


/* 
* -------------------------- SUBSCRIPTION BLOCK ----------------------
*/

.subdcription{
    background-image: url('/wp-content/themes/univer/dist/img/bg_subscription.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.subdcription-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding:  150px 0;
}
.subdcription__photo-pic{
    position: absolute;
    left: 135px;
    bottom: 0px;
    z-index: 2;
}
.subdcription__block{
    max-width: 790px;
    background: #F4F4F4;
    box-shadow: 0px 0px 24px rgba(18, 20, 48, 0.15);
    border-radius: 8px;
    padding: 15px 20px;
    /* margin-right: 80px; */
    position: relative;
    z-index: 1;
}
.subdcription__content{
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 25px;
    width: 100%;
}
.content-item{
    width: 50%;
    position: relative;
    z-index: 2;
}
.content-item:first-child::before{
    content: '';
    display: block;
    position: absolute;
    height: 125px;
    width: 1px;
    background-color:#DEDEDE;
    right: 0;
    top: 50%;
    margin-top: -62px;
}
.subdcription__media{
    padding-right: 55px;
}
.subdcription__form{
    padding-left: 55px;
}
.subdcription-item-title{
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #333333;
    margin-bottom: 20px;
}
.subdcription__form .subdcription-item-title{
    margin-bottom: 22px;
}
.media-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.media-item{
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 50%;
    margin-right: 20px;
}
.media-item:last-child{
    margin-right: 0px;
}
.media-link{
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


/* subscription form */

.subscription-input-wrapper{
    position: relative;
    display: inline-block;
}
.subscription-input{
    width: 300px;
    height: 60px;
    padding: 22px 25px;
    background-color: #FFFFFF;
    border-radius: 30px;
    border: none;
}
.subscription-input::-webkit-input-placeholder{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #B4B4B4;
}
.subscription-input::-moz-placeholder{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #B4B4B4;
}
.subscription-input:-ms-input-placeholder{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #B4B4B4;
}
.subscription-input::placeholder{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #B4B4B4;
}
.subscription-btn{
    width: 43px;
    height: 43px;
    background-color: #FFFFFF;
    background-image: url('/wp-content/themes/univer/dist/img/mail.svg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: 1px solid #AAB952;
    position: absolute;
    color: transparent;
    cursor: pointer;
    top: 39px;
    margin-top: -31px;
    right: 10px;
}

/* 
* -------------------------- GREEN FORM BLOCK ----------------------
*/

.info-card-block{
    width: 300px;
}
.info-card-block .info-card{
    border-radius: 8px;
}
.subscription-green{
    min-height: 142px;
    background: -webkit-linear-gradient(top, #BCCD56 0%, #789D2F 100%);
    background: linear-gradient(180deg, #BCCD56 0%, #789D2F 100%);
    position: relative;
    padding: 20px 25px;
}

.green-pic-flowers{
    position: absolute;
    right: -24px;
    top: -23px;
    z-index: 1;
}
.subscription-green-title{
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.info-card-block .subscription-input-wrapper{
    
}
.info-card-block .subscription-input{
    border-bottom: 1px solid #FFFFFF;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    width: 250px;
    height: 40px;
    padding: 10px 5px;
}
.info-card-block .subscription-input::-webkit-input-placeholder{
    color: #ffffff;
    font-size: 14px;
}
.info-card-block .subscription-input::-moz-placeholder{
    color: #ffffff;
    font-size: 14px;
}
.info-card-block .subscription-input:-ms-input-placeholder{
    color: #ffffff;
    font-size: 14px;
}
.info-card-block .subscription-input::placeholder{
    color: #ffffff;
    font-size: 14px;
}
.info-card-block .subscription-btn{
    width: 43px;
    height: 43px;
    background-color: transparent;
    background-image: url('/wp-content/themes/univer/dist/img/mail-green.svg');
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: none;
    position: absolute;
    color: transparent;
    cursor: pointer;
    top: 28px;
    right: 0px;
    z-index: 2;
}
/* .wpcf7 form.sent .wpcf7-response-output{
    background: #ffffffad!important;
    position: relative!important;
    z-index: 1!important;
    top: -24px!important;
} */
.info-card-block div.wpcf7 .ajax-loader{
    position: absolute!important;
}
.info-card-block .wpcf7-not-valid-tip{
    margin-top: 10px!important;
}
.info-card-block .wpcf7 form .wpcf7-response-output{
    margin: 10px 0!important;
}
/* 
* -------------------------- BUTTONS ----------------------
*/
.green-btn{
    background: #405B0C;
}


.colleges-item-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 185px;
    height: 45px;
    background: #405B0C;
    border-radius: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 17px;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
.green-btn:hover,
.colleges-item-link:hover,
.btn-style:hover,
.program-item-btn:hover{
    background: #608a13;
}
.colleges-item-link img{
    margin-left: 10px;
}

/* 
* -------------------------- SLIDER-SCROLLBAR ----------------------
*/
.slider-scrollbar{
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}
.slider-scrollbar .swiper-pagination-bullet{
    width: 20px;
    height: 8px;
    border-radius: 8px;
    background-color:#333333;
    margin-right: 15px;
    display: inline-block;
}
.slider-scrollbar .swiper-pagination-bullet:last-child{
    margin-right: 0;
}
.slider-scrollbar .swiper-pagination-bullet-active{
    width: 50px;
    background-color:#AAB952;
}


/* 
* -------------------------- WEATHER SIDEBAR ----------------------
*/

.widget_sp_location_weather_widget_content{
    height: 175px;
    /*background-image: url('/wp-content/themes/univer/dist/img/home/wave.svg');*/
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-bottom: 30px;
}
div.sp-location-weather-widget img{
    height: 115px;
    margin-left: 0;
}
div.sp-location-weather-widget{
    text-align: left!important;
    position: relative;
}
div.sp-location-weather-widget .weather-temp{
    position: absolute;
    right: 48px;
    top: 43px;
    font-weight: 500;
    font-size: 42px;
    line-height: 30px;
    color: #333333;
}
div.sp-location-weather-widget .weather-type{
    position: absolute;
    bottom: 20px;
    right: 23px;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    text-transform: lowercase;
}
div.sp-location-weather-widget .weather-date{
    position: absolute;
    bottom: -13px;
    left: 16px;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #595959;
}
div.sp-location-weather-widget .weather-region{
    position: absolute;
    bottom: -8px;
    right: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #333333;
}

/* 
* -------------------------- SIDEBAR ABOUT ----------------------
*/

.about__aside .menu-item a{
    /* font-weight: 500; */
    font-weight: 400;
    font-size: 15px;
    line-height: 40px;
    color: #333333;
}


.about__aside .current-menu-item a{
    font-weight: 500;
}
.about__aside .current-menu-item:after{
    content: '';
    background-color: #AAB952;
    display: block;
    width: 265px;
    height: 2px;
    border-radius: 4px;

}

/* 
* -------------------------- SIDEBAR ADMISSION ----------------------
*/
.widget-area{
    width: 300px;
    margin-left: 30px;
}

/* 
* -------------------------- BREADCRUMB ----------------------
*/
.breadcrumb-block{
    margin-top: 75px;
    margin-bottom: 30px;
}
.breadcrumb-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.breadcrumb-item a{
    font-weight: normal;
    font-size: 14px;
    line-height: 151.68%;
    color: #333333;
}

/* 
* -------------------------- WIDGET VIDEO ----------------------
*/
.widget_media_video{
    margin: 40px 0;
    position: relative;
}
.widget_media_video .wp-video-shortcode{
    width: 300px;
    border-radius: 8px;
    /* height: 220px; */
}
.mejs-overlay-play{
    /* position: relative; */
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body{
    background: transparent!important;
}
/* 
* -------------------------- WIDGET PHOTO LINK  ----------------------
*/
.widget__link-block{
    width: 300px;
    height: 220px;
    border-radius: 8px;
    background-image: url('/wp-content/themes/univer/dist/img/admission/sidebar_photo.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.widget__link-link{
    width: 100%;
    display: block;
    height: 220px;
    position: relative;
}
.widget__link-banner{
    /* background: linear-gradient(180deg, #D8E491 0%, #AAB952 100%); */
    background: url('/wp-content/themes/univer/dist/img/admission/title-bg.svg');
    border-radius: 8px;
    width: 275px;
    height: 45px;
    position: absolute;
    left: -2px;
    top: 20px;
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: cover; */
}
.widget__link-title{
    font-weight: 500;
    font-size: 18px;
    line-height: 45px;
    color: #FFFFFF;
    text-align: center;
}

/* 
* -------------------------- TITLES ----------------------
*/

.block-title{
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: #333333;
}

.block-text,
.block-text>p,
.block-text>li{
    font-family: 'Ubuntu', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #333333;
}
.block-text .block-subtitle,
.block-subtitle{
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #333333;
}

/* 
* -------------------------- TABS CSS ----------------------
*/
.admission__tabs-list{
    margin-left: 20px;
}
.admission__tabs-item{
    max-width: 790px;
    min-height: 56px;
    background: #F9F9F9;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 8px;
    border-left: 8px solid #405B0C;
    margin: 30px 10px;
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg);
    padding: 15px 20px;
}
.item-transformed{
     -webkit-transform: skewX(-15deg);
             transform: skewX(-15deg);
     max-width: 775px;
     -webkit-transition-duration: 500ms;
             transition-duration: 500ms;
}
.tabs-item_content{
    display: none;
    margin-top: 35px;
    width: 100%;
    /* overflow-x: auto; */
}
.tabs-item-btn{
    width: 35px;
    height: 35px;
    border: 1px solid #405B0C;
    border-radius: 50%;
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.btn-vertical-line,
.btn-horizontal-line{
    display: block;
    width: 12px;
    height: 1px;
    background-color: #405B0C;
    position: absolute;
    left: 50%;
    top: 50%;
}
.btn-vertical-line{
    width: 1px;
    height: 12px;
    margin-top: -5.5px;
}
.btn-horizontal-line{
    margin-left: -5.5px;
}
.tabs-item_header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: skewX(15deg);
            transform: skewX(15deg);
}
.tabs-item_title{
    max-width: 550px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
}
/* tables */
.tabs-table th{
    color: #AAB952;
    background-color: #F5F5F5;
}
.tabs-table{
    text-align: center;
    border-collapse: collapse;
    display: block;
    overflow-x: auto;
}
.tabs-table td,
.tabs-table th{
    border: 1px solid #B1B1B1;
    padding: 10px 15px;
}

.tabs-table td{
    font-size: 14px;
    line-height: 16px;
}
.tabs-table-name{
    text-align: left;
}



/* 
* -------------------------- EVENTS AND NEWS ----------------------
*/

.events__title,
.news__title{
    display: inline;
}
.events__header,
.news__header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom:  1px solid #AAB952;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.events__btn,
.news__btn{
    font-size: 16px;
    line-height: 18px;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    display: block;
}
/* 
* -------------------------- EVENTS ----------------------
*/
.events{
    margin-bottom: 30px;
}
.events__area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.events__item{
    margin-bottom: 60px;
}
.events__list:last-child{
    margin: auto;
}
.events__link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.event_month{
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}
.event__day{
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}
.events__link .span-block{
    padding: 0 20px;
    width: 75%;
}
.events__link .span-block:first-child{
    position: relative;
    width: 25%;!important
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.events__link .span-block:first-child::after{
    content: '';
    display: block;
    background-color: #B1B1B1;
    height: 55px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
}
/.event__name{
    margin-bottom: 15px;
}
.event__time{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.event__time svg{
    margin-right: 10px;
}
/* 
* -------------------------- NEWS ----------------------
*/
.news{
    margin-bottom: 90px;
}
.news__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
}
.news__item{
    /*width: 100%!important;*/
}
.news__slider-container {
    margin-bottom: 20px;
}
.news__item-pic{
    width: 100%!important;
    /*height: 175px;*/
    border-radius: 6px;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
.news__date{
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 15px;
	text-align: left;
}
.news__item-title{
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-transform: none;
	text-align-last: left;
}


/* 
* -------------------------- SINGLE PAGE NEWS ----------------------
*/
.green-banner{
    background-color: #405B0C;
    border-top: 1px solid #E5E5E5;
    position: relative;
}
.green-banner-title{
    color: #ffffff;
    max-width: 850px;
    padding: 120px 0;
}
.breadcrumb-block-green{
    margin-top: 20px;
    margin-bottom: 40px;
}
.news-single{
    margin-bottom: 100px;
}
.news-single__info-list{
    margin-bottom: 30px;
}
.news-single__content {
    flex: 1 1 auto;
}
.news-single__info-list li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.news-single__sidebar{
    /* width: 300px; */
    margin-left: 100px;
}
.news-single .news__item{
    width: 300px;
    margin-bottom: 30px;
}
.news-single .news__item-pic{
    height: 210px;
}
.news-single .block-subtitle{
    margin-bottom: 25px;
}
.news-single .news__item-title{
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
}
.news-single-content{
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #AAB952;
}

.news-post__share-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.share__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.share__title,
.share__btn-link{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}
.share__btn-link svg{
    position: relative;
    top: 2px;
    left: 4px;
}
.share__title,
.addthis_button_facebook,
.addthis_button_twitter,
.addthis_button_telegram,
.addthis_button_viber{
    margin-right: 15px;
}
.share__item{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #E0E0E0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.share__btn-allPosts{
    margin-left: auto;
}

/* 
* -------------------------- NEWS/EVENTS SINGLE BG FLOWERS ----------------------
*/
.news-flower-revert{
    position: absolute;
    left: 0;
    bottom: -20px;
}
.news-flower{
    position: absolute;
    right: 0;
    bottom: -20px;
}

/* 
* -------------------------- SINGLE PAGE EVENT ----------------------
*/
.event-green-block{
    text-align: center;
    margin: auto;
}
.green-banner-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 35px;
}
.green-banner-info svg{
    margin-right: 20px;
}
.news-single .events__item{
    width: 300px;
    box-shadow: 0px 3px 12px rgba(22, 29, 69, 0.1);
    border-radius: 8px;
}
.news-single .events__item-pic{
    width: 100%;
    height: 160px;
    border-radius: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.news-single .events__calendar{
    position: absolute;
    display: block;
    top: -140px;
    left: 12px;
    height: 57px;
    background: #FFFFFF;
    border-radius: 8px;
    border-top: 7px solid #AAB952;
    padding: 4px;
}
.news-single .event__month{
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #818181;
}
.news-single .event__day{
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #818181;
}
.news-single .events__item-content{
    padding: 15px;
    position: relative;
}
.news-single .event__name{
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
    margin-bottom: 18px;
}
.news-single .event__time{
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.news-single .event__time svg{
    margin-right: 10px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
/* 
* -------------------------- VIDEO ----------------------
*/
.odeku-video{
    position: relative;
    margin: 30px 0;
}
.video-player{
    border-radius: 8px;
    width: 302px;
    height: 220px;
}
.main-video-player{
    width: 605px;
    height: 450px;
    border-radius: 11px;
}
.video-play{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -27px;
    margin-left: -27px;
    pointer-events: auto;
}
.main-link-banner{
    width: 350px;
    height: 75px;
    background: -webkit-linear-gradient(top, #BCCD56 0%, #789D2F 100%);
    background: linear-gradient(180deg, #BCCD56 0%, #789D2F 100%);
    border-radius: 8px;
    -webkit-clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%);
    left: 5px;
    top: 45px;
}
.main-link-title{
    text-align: left;
    margin-left: 25px;
    line-height: 75px;
    display: block;
}
/* 
* -------------------------- HEADER ----------------------
*/

.header-up{
    background-color: #AAB952;
    position: relative;
    z-index: 0;
}
.header-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
}
.header-up__title-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.header-up__title-block::after{
    content: '';
    display: block;
    position: absolute;
    background-color: #DF7D42;
    right: -17px;
    width: 100vw;
    height: 100px;
    z-index: -4;
    top: -45px;
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
}
/* .header-up__title-block::before{
    content: '';
    display: block;
    position: absolute;
    background-color: #DF7D42;
    right: -35px;
    height: 50px;
    width: 85px;
    z-index: -4;
    transform: rotate(65deg);
    top: 0;
} */
.header-up__title{
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 151.68%;
    text-align: center;
    color: #FFFFFF;
    margin-right: 8px;
}
.header-up__info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-up__link{
    font-weight: 500;
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    border-bottom: 1px dashed #FFFFFF;
}
.header-up__link-block,
.header__search,
.header__lng-switcher,
.header__account-block{
    border-left: 0.5px solid #FFFFFF;
    padding: 5px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header__lng-switcher img{
    width: 26px!important;
    height: 16px!important;
    border-radius: 4px;
}
/* .header__lng-switcher li:first-child{
    position: relative;
}
.header__lng-switcher li:first-child::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 12px;
    width: 1px;
    background-color: #ffffff;
} */
.header__account-block{
    padding: 5px 0px 5px 12px;
}
.header__search-btn{
    background-color: transparent;
    background-image: url('/wp-content/themes/univer/dist/img/search.svg');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}
.header__search-form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header__search-input{
    width: 55px;
    background-color: transparent;
    border: none;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    padding: 5px;
    margin-right: 3px;
}
.header__search-input::-webkit-input-placeholder{
    color: white;
}
.header__search-input::-moz-placeholder{
    color: white;
}
.header__search-input:-ms-input-placeholder{
    color: white;
}
.header__search-input::placeholder{
    color: white;
}
/* .lang-item img{
    margin-right: 12px;
    margin-left: 12px;
} */
.lang-item:last-child{
    margin-left: 12px;
}
.lang-item:first-child{
    padding-right: 12px;
    position: relative;
}
.lang-item:first-child::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -12px;
    height: 50px;
    width: 1px;
    background-color: #ffffff;
}
/* .lang-item{
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
}
.lang-item:first-child:after{
    content: '';
    display: block;
    position: absolute;
    height: 50px;
    width: 1px;
    background-color: #ffffff;
    top: 0;
    right: 0;
} */
.header__account-btn{
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 25px;
    width: 90px;
    height: 35px;
    background-color: transparent;
    color: #FFFFFF;
    position: relative;
    text-align: left;
    padding-left: 17px;
    cursor: pointer;
}
.btn-key-icon{
    position: absolute;
    right: 4px;
    top: -3px;
}
.header-down{
    background-color: #405B0C;
    position: relative;
    z-index: 1;
}

/* 
* -------------------------- LOGO BLOCK CSS ----------------------
*/
.custom-logo-link{
    margin-right: 10px;
}
.logo-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 25px 0 35px 0;
}
.logo-main_desc{
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 151.68%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.logo-main_title{
    font-weight: 500;
    font-size: 13px;
    line-height: 151.68%;
    color: #FFFFFF;
}


/* 
* -------------------------- MENU CSS ----------------------
*/

.header__menu{
    position: relative;
}
.main-menu{
    display: block;
}
.main-menu_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.main-menu_list a{
    font-weight: 500;
    font-size: 13px;
    line-height: 151.68%;
    text-align: center;
    color: #FFFFFF;
    margin-right: 30px;
}
.main-menu_list .menu-item:last-child a{
    margin-right: 0px;
}
.menu-item-has-children{
    position: relative;
}
.menu-item-has-children::after{
    content: '';
    /*width: 10px;
    height: 10px;
    display: inline-block;
    background-image: url('/wp-content/themes/univer/dist/img/item-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -3px;*/
}
.header-white-block{
    background-color: #FFFFFF;
    height: 88px;
    border-radius: 30px 0px 0px 8px;
    position: absolute;
    right: 0;
    /* top: 120px; */
    bottom: 50%;
    margin-bottom: -55px;
    z-index: 1;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    box-shadow: -3px 4px 10px rgba(29, 49, 79, 0.1);
}
.header-white-block::after{
    content: '';
    background-color: #FFFFFF;
    width: 100vw;
    height: 88px;
    border-radius: 30px 0px 0px 8px;
    display: block;
    left: 0;
    position: absolute;
    z-index: -1;
    top: 0;

    box-shadow: -3px 4px 10px rgba(29, 49, 79, 0.1);
}
.white-menu_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.white-menu_list .menu-item{
    position: relative;
    max-width: 240px;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.white-menu_list .menu-item::before{
    content: '';
    background-color: #B1B1B1;
    height: 48px;
    width: 1px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -24px;
}
.white-menu_list .menu-item:last-child::before{
    display: none;
}
.white-menu_list .menu-item a{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #333333;
    width: 100%;
    display: block;
}

/* submenu */
.main-menu .sub-menu{
    width: 270px;
    /* height: 400px; */
    padding: 10px 20px;
    background-color: #FFFFFF;
    position: absolute;
    top: 25px;
    z-index: 2;
    box-shadow: 4px 4px 6px rgba(26, 37, 68, 0.1);
    border-radius: 10px;
    display: none;
}
.main-menu .menu-item:hover>.sub-menu{
    /* display: block; */
    /* background-color: green; */
}

.main-menu .sub-menu a{
    font-weight: 500;
    font-size: 13px;
    line-height: 200%;
    color: #333333;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
}
.main-menu .sub-menu a:hover{
    color: #AAB952;
}
/* 
* -------------------------- BURGER MENU CSS ----------------------
*/
/* burger btn */
.burger-btn{
    width: 40px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.45);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    display: none;
}
.burger-btn-line{
    width: 30px;
    height: 2px;
    border-radius: 4px;
    background-color: #ffffff;
    position: relative;
    display: block;
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
}
.burger-btn-line::before,
.burger-btn-line::after{
    content: '';
    display: block;    
    width: 30px;
    height: 2px;
    border-radius: 4px;
    background-color: #ffffff;
    position: absolute;
}
.burger-btn-line::before{
    top: -5px;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
}
.burger-btn-line::after{
    top: 5px;
    -webkit-transition-duration: 700ms;
            transition-duration: 700ms;
}

.burger-btn-active .burger-btn-line{
    visibility: hidden;
}
.burger-btn-active .burger-btn-line::before{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0px;
    visibility: visible;
}
.burger-btn-active .burger-btn-line::after{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 0px;
    visibility: visible;
}

/* menu */
/* .burger-main-menu{
    flex-direction: column;
    background-color: white;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    z-index: 3;
    right: 6px;
}
.burger-main-menu .menu-item a{
    color: #333333;
} */
/* 
* -------------------------- FOOTER CSS ----------------------
*/

.footer-block{
    background-color: #333333;
    padding-top: 40px;
}
.footer-block .logo-block{
    margin-top: 0;
}
.footer__wrapper{
    border-bottom: 1px solid #A0A0A0;
    padding-bottom: 25px;
}
.footer__wrapper-item:first-child {
    width: 40%;
}
.footer__wrapper-item p,
.footer__wrapper-item a,
.footer__bottom li,
.footer__bottom a{
    color: #ffffff;
}
.footer__main-item{
    margin-bottom: 15px;
    text-decoration: underline;
}
.footer__main-link{
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
}
.footer__main-link svg{
    margin-left: 10px;
}
/* .footer__main-link::before{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
} */
.footer__item-title{
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
}
.footer__item-title::after{
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background-color: #AAB952;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 25px;
}
.footer__item-desc{
    margin-bottom: 20px;
    max-width: 360px;
}
.footer__contacts-item,
.footer__info-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    font-size: 16px;
}
.footer__contacts-item p,
.footer__info-item p{
    line-height: 24px;
}
.footer__contacts-item div,
.footer__info-item div{
    margin-left: 15px;
}
.footer__bottom{
    padding: 15px 0;
}
.footer__bottom{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pushed-item{
    margin-left: auto;
    margin-right: 40px;
}
/* 
* -------------------------- 404 ----------------------
*/
.error-container__wrap{
    margin: 100px 0;
}
/* 
* -------------------------- SEARCH ----------------------
*/
#posts{
    margin-top: 20px;
    margin-bottom: 20px;
    color: #333333;
}
#posts h3{
    margin-bottom: 10px;
}
.posts-title{
    color: #333333;
    text-decoration: underline;
}

/**
* -------------------- PRE-UNIVERSITY POPUP CSS --------------------
*/
.pre-university-popup{
    background: url('/wp-content/themes/univer/dist/img/pre-university/main-bg.svg') 50% 0%,
                url('/wp-content/themes/univer/dist/img/pre-university/popup-footer-bg.svg') white 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    max-width: 1680px;
    margin: auto;
    /* height: 800px; */
    box-shadow: 0px 0px 24px rgba(18, 20, 48, 0.15);
}
.pre-container{
    margin-left: 180px;
    margin-top: 130px;
    max-width: 960px;
    /* width: 100%; */
}
.popup-block-about{
    width: 51%;
    margin-bottom: 275px;
}
.popup-about-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0;
    /* justify-content: space-between; */
}
.popup-bg-block{
    background-image: url('/wp-content/themes/univer/dist/img/pre-university/popup-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 800px;
    height: 800px;
    /* clip-path: circle(62.0% at 75% 29%); */
    position: absolute;
    /* top: 0;
    right: 0; */
    border-radius: 50%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    right: -137px;
    top: -99px;
}
.bg-circle_1{
    width: 790px;
    height: 790px;
    border: 1px solid #AAB952;
    border-radius: 50%;
    position: absolute;
    top: -137px;
    right: -87px;
    /* top: -37px;
    left: -33px; */
}
.bg-circle_2{
    width: 685px;
    height: 685px;
    border: 1px solid #DF7D42;
    border-radius: 50%;
    position: absolute;
    top: 48px;
    right: -106px;
    /* top: 149px;
    left: 90px; */
}
.popup-about-item:first-child{
    margin-right: 70px;
}
.popup-about-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.popup-about-item img{
    margin-right: 15px;
}
.popup-title-line:after{
    content: '';
    display: block;
    width: 95px;
    height: 5px;
    border-radius: 6px;
    background-color: #AAB952;
    margin-top: 25px;
    margin-bottom: 30px;
}
.popup-block-preperation{
    margin-bottom: 60px;
}
.block-preperation-desc{
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #333333;
    margin-bottom: 20px;
}
.block-preperation-item{
    font-weight: normal;
    font-size: 16px;
    line-height: 160%;
    color: #333333;
    list-style: disc;
    margin-left: 30px;
}
.popup-block-schedule{
    margin-bottom: 80px;
}
.block-schedule-name{
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #333333;
    margin-bottom: 15px;
}
.block-schedule_1,
.block-schedule_2{
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 15px;
}

.popup-block-info{
    max-width: 990px;
    margin-bottom: 80px;
}
.popup-info-title{
    color: #405B0C;
    margin-bottom: 30px;
}
.popup-info-desc{
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #333333;
}
.popup-block-attention{
    max-width: 960px;
    padding: 15px;
    background: #F4F4F4;
    box-shadow: 0px 0px 24px rgba(18, 20, 48, 0.15);
    border-radius: 8px;
    margin-bottom: 140px;
}
.block-attention-content,
.colleges-item-detail{
    padding: 30px 35px;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.block-attention-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #333333;
    margin-bottom: 12px;
}
.block-attention-btn{
    width: 254px;
    height: 60px;
    background: #405B0C;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
}
.pum-close{
    top: 18px!important;
    right: 0px!important;
    width: 100px!important;
    height: 100px!important;
    background: #FFFFFF!important;
    opacity: 0.6!important;
    background-position: center;
    font-size: 0px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pum-close::after{
    content: '';
    display: block;
    background-image: url('/wp-content/themes/univer/dist/img/pre-university/close.svg');
    width: 30px;
    height: 30px;
    background-position: center;
}
.pum-container {
    max-width: 1680px!important;
    width: 90%!important;
    margin: auto!important;
}

.main-menu_list .menu-item-has-children:last-child> a {
    margin-right: 30px;
}
.menu-item-has-children:last-child .sub-menu {
    right: 0;
}

.seotext {
	font-size:12px!important;
	color:gray!important;
	/*line-height:12px;  */
}