@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700';

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden;
    /*for enroll-now correct work on IE*/
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

    .wrap.header {
        width: 800px;
    }

label.error {
    color: #F30000;
}

input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}

input:focus::-moz-placeholder {
    color: transparent !important;
}

input:focus:-ms-input-placeholder {
    color: transparent !important;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

textarea:focus:-moz-placeholder {
    color: transparent !important;
}

textarea:focus::-moz-placeholder {
    color: transparent !important;
}

textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}

.display-none {
    display: none;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
/* TOP HEADER
   ========================================================================== */
.wrap_top-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top-header {
    background: #3f3f3f;
    border-bottom: 1px solid #2a2a2a;
    height: 29px;
}

.wrap_soc-link {
    padding: 5px 0 0 0;
}

    .wrap_soc-link ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .wrap_soc-link li {
        display: inline-block;
    }

    .wrap_soc-link a {
        display: block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .wrap_soc-link a.blog {
            width: 60px;
            border-radius: 0%;
        }

.wrap_portal-link {
    position: relative;
}

    .wrap_portal-link a {
        text-decoration: none;
        text-transform: uppercase;
        color: #f0f0f0;
        font-size: 13px;
        font-weight: 100;
        line-height: 29px;
        margin-left: 24px;
    }

        .wrap_portal-link a span {
            font-weight: 700;
        }

.portal-link-sep {
    display: block;
    margin: 0 15px 0 20px;
    background: url("../Styles/images/top-header-sep.png") no-repeat top center;
    width: 2px;
    height: 29px;
    position: absolute;
    top: 0;
    left: 43%;
}

.wrap_inner-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.wrap_search {
    margin: 0 15px 0 0;
}

    .wrap_search input {
        height: 100%;
        border: 0;
        outline: 0;
        width: 176px;
        background: #2a2a2a;
        padding: 0 8px 0px 15px;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 13px;
        font-weight: 100;
        background: #2a2a2a url("../Styles/images/top-header-search.png") no-repeat right center;
    }

        .wrap_search input::-webkit-input-placeholder {
            color: #fff;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 13px;
            font-weight: 100;
            text-transform: uppercase;
        }

        .wrap_search input::-moz-placeholder {
            color: #fff;
            opacity: 1;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 13px;
            font-weight: 100;
            text-transform: uppercase;
        }

        .wrap_search input:-ms-input-placeholder {
            color: #fff;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 13px;
            font-weight: 100;
            text-transform: uppercase;
        }

        .wrap_search input[type="search"]::-webkit-search-cancel-button,
        .wrap_search input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

.wrap_lang {
    padding: 0 15px 0 0;
    background: url("../Styles/images/top-header-arrow.png") no-repeat right center;
    position: relative;
}

.select-lang {
    color: #a8a8a8;
    line-height: 28px;
    font-size: 13px;
}

    .select-lang .cour-lang {
        color: #f0f0f0;
        margin-left: 10px;
    }

/* style for menu */
header .main-menu_level-1 > li > a:hover {
    color: #fff;
}

header .main-menu_level-1 > li:hover > a,
.main-menu_level-1 > li.active > a {
    color: #fff;
}

.main-menu .parent-link.active {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.main-menu_level-1 > li.menu-item-1:hover,
li.menu-item-1.active {
    background: #B5CC36;
    border-right: 1px solid #B5CC36;
    border-bottom: 1px solid #B5CC36;
}

.main-menu_level-1 > li.menu-item-2:hover,
li.menu-item-2.active {
    background: #FF9114;
    border-right: 1px solid #FF9114;
    border-bottom: 1px solid #FF9114;
}

.main-menu_level-1 > li.menu-item-3:hover,
li.menu-item-3.active {
    background: #5E3A16;
    border-right: 1px solid #5E3A16;
    border-bottom: 1px solid #5E3A16;
}

.main-menu_level-1 > li.menu-item-4:hover,
li.menu-item-4.active {
    background: #56B6DE;
    border-right: 1px solid #56B6DE;
    border-bottom: 1px solid #56B6DE;
}

.main-menu_level-1 > li.menu-item-5:hover,
li.menu-item-5.active {
    background: #829A3A;
    border-right: 1px solid #829A3A;
    border-bottom: 1px solid #829A3A;
}

.main-menu_level-1 > li.menu-item-6:hover,
li.menu-item-6.active {
    background: #D7DF27;
    border-right: 1px solid #D7DF27;
    border-bottom: 1px solid #D7DF27;
}

.main-menu_level-1 > li.menu-item-7:hover,
li.menu-item-7.active {
    background: #F79321;
    border-right: 1px solid #F79321;
    border-bottom: 1px solid #F79321;
}

/* style for language switcher */
.list_leng {
    position: absolute;
    z-index: 20;
    padding: 1px;
    margin: 0;
    list-style: none;
    right: 0;
    background: rgba(47, 45, 45, 0.95);
    color: #fff;
    text-align: center;
    margin-top: 5px;
    width: 110px;
    display: none;
}

    .list_leng::before {
        content: "";
        width: 10px;
        height: 10px;
        background: rgba(47, 45, 45, 0.95);
        display: block;
        position: absolute;
        left: 81px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -2px;
        z-index: -1;
    }

    .list_leng::after {
        content: "";
        background: rgba(14, 14, 14, 0);
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 5px;
        top: -3px;
        z-index: -1;
    }

    .list_leng a {
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 24px;
        color: #fff;
        text-decoration: none;
        display: block;
        width: 100%;
    }

        .list_leng a:hover {
            background: #57b6de;
        }

.wrap_lang:hover .list_leng {
    display: block;
}

/* BOTTOM HEADER
   ========================================================================== */
.top-block {
    width: 100%;
    background: #fff;
    height: 121px;
}

header {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
}

.bottom-header {
    height: 90px;
    position: relative;
    /*   border-bottom: 1px solid #d5d5d5; */
    background: #fff;
}

.fixed_logo {
    display: none;
}

.header-fixed {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
}

    .header-fixed .logo {
        height: 71px;
        width: 165px;
    }

    .header-fixed .fixed_logo {
        display: block;
        width: 148px;
        padding: 16px 0 0 0;
    }

    .header-fixed .bottom-header {
        height: 70px;
    }

    .header-fixed .fixed_logo {
        display: block;
        width: 148px;
        padding: 4px 0 0 0;
    }

.unfixed_logo {
    margin-top: -5px;
    margin-left: 36%;
    width: 250px;
}

.header-fixed .unfixed_logo {
    display: none;
}

.header-fixed .logo {
    margin: 0;
}

.header-fixed .main-menu_level-1 > li > a {
    /* padding: 22px 42px 23px; */
    height: 69px;
    width: 149px;
}

.header-fixed .main-menu_level-2 {
    top: 70px;
}

.logo {
    display: block;
}

.unfixed_logo {
    width: 135px;
    height: 62px;
    margin: 10px auto 0;
    display: block;
}

.content-logo-wrap {
    background-image: url(/Styles/images/main-logo-bg.png);
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: bottom right;
    overflow: hidden;
    height: 140px;
    width: 260px;
    position: absolute;
    z-index: 1;
    margin: 0 0 0 82px;
}

.header-fixed .content-logo-wrap {
    background-image: none;
    position: static;
    display: inline-block;
    width: 144px;
    height: 70px;
    margin: 0;
}

.main-bottom-slider .slick-prev {
    left: 0;
    width: 100px;
    z-index: 10;
    top: 0;
    bottom: 0;
    display: block;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.main-bottom-slider .slick-next {
    right: 0;
    width: 100px;
    z-index: 10;
    top: 0;
    bottom: 0;
    display: block;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.main-bottom-slider .slick-prev:before {
    content: '';
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0.6;
    width: 50px;
    height: 50px;
    border-left: 3px solid black;
    border-top: 3px solid black;
    background-image: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.main-bottom-slider .slick-next:before {
    content: '';
    display: inline-block;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.6;
    width: 50px;
    height: 50px;
    border-left: 3px solid black;
    border-top: 3px solid black;
    background-image: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.main-bottom-slider .slick-next:hover, .main-bottom-slider .slick-prev:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

    .main-bottom-slider .slick-next:hover:before, .main-bottom-slider .slick-prev:hover:before {
        opacity: 1;
    }

/* MAIN MENU
   ========================================================================== */
.main-menu {
    float: right;
    border-left: 1px solid #d5d5d5;
}

    .main-menu ul {
        list-style: none;
        margin: 0;
    }

    .main-menu > ul {
        padding: 0;
    }

.active {
    color: #fff;
}

/* MAIN MENU LEVEL 1
   ========================================================================== */
.main-menu > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main-menu_level-1 > li {
    position: relative;
    /*float: left; */
    display: block;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

    .main-menu_level-1 > li > a {
        /* padding: 32px 32px 33px; */
        /* display: block; */
        font-size: 20px;
        font-weight: 100;
        text-decoration: none;
        color: #909193;
        /* padding: 18px 10px; */
        width: 127px;
        vertical-align: middle;
        height: 89px;
        text-align: center;
        display: table-cell;
    }

    .main-menu_level-1 > li:hover {
        background: #ffecd7;
        color: #f79320;
        border-right: 1px solid #f79320;
        border-bottom: 1px solid #f79320;
    }

    .main-menu_level-1 > li.menu-item-3:hover .main-menu_level-2,
    .main-menu_level-1 > li.menu-item-4:hover .main-menu_level-2,
    .main-menu_level-1 > li.menu-item-5:hover .main-menu_level-2,
    .main-menu_level-1 > li.menu-item-6:hover .main-menu_level-2 {
        display: block;
    }

    .main-menu_level-1 > li.menu-item-2:hover .main-menu_level-2,
    .main-menu_level-1 > li.menu-item-7:hover .main-menu_level-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

/* MAIN MENU LEVEL 2
   ========================================================================== */
.main-menu_level-2 {
    display: none;
    position: absolute;
    z-index: 20;
    top: 90px;
    width: 324px;
    background: rgba(47, 45, 45, 0.95);
    height: auto;
    padding: 0;
}

    .main-menu_level-2 > li {
        padding: 0 0 0 8px;
        position: relative;
    }

.menu-item-3 .main-menu_level-2 > li > a,
.menu-item-4 .main-menu_level-2 > li > a,
.menu-item-5 .main-menu_level-2 > li > a,
.menu-item-6 .main-menu_level-2 > li > a {
    text-decoration: none;
    color: #fff;
    padding: 8px 0;
    font-size: 17px;
    font-weight: 400;
    display: block;
}

.menu-item-3 .main-menu_level-2 > li:hover {
    background: #5E3A16;
}

.menu-item-4 .main-menu_level-2 > li:hover {
    background: #56B6DE;
}

.menu-item-5 .main-menu_level-2 > li:hover {
    background: #829A3A;
}

.menu-item-6 .main-menu_level-2 > li:hover {
    background: #D7DF27;
}

.menu-item-2 .main-menu_level-2 > li > a,
.menu-item-7 .main-menu_level-2 > li > a,
.menu-item-2 .main-menu_level-2 > li > span {
    text-decoration: none;
    color: #fff;
    padding: 8px 0 8px 8px;
    font-size: 17px;
    font-weight: 400;
    display: block;
}

.main-menu_level-2 > li:hover .main-menu_level-3 {
    display: block;
}

.menu-item-2 .main-menu_level-2 {
    width: -webkit-calc(940px - 20px);
    width: -moz-calc(940px - 20px);
    width: calc(940px - 20px);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: -117px;
    padding: 10px 10px 10px;
}

.menu-item-7 .main-menu_level-2 {
    width: -webkit-calc(640px - 20px);
    width: -moz-calc(640px - 20px);
    width: calc(640px - 20px);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    right: 0;
    padding: 10px 10px 10px;
}

    .menu-item-2 .main-menu_level-2 > li,
    .menu-item-7 .main-menu_level-2 > li {
        /*width: calc(33% - 20px);
        padding: 0 10px;*/
        /*
  width: -webkit-calc(25% - 20px/4 - 8px);
  width: -moz-calc(25% - 20px/4 - 8px); */
        max-width: 290px;
        width: 24%;
    }

        .menu-item-2 .main-menu_level-2 > li.parent-link-long {
            width: -webkit-calc(67% - 20px);
            width: -moz-calc(67% - 20px);
            width: calc(67% - 20px);
            padding: 0 10px;
        }

.menu-item-6 .main-menu_level-2 {
    right: 0;
}

/* MAIN MENU LEVEL 3
   ========================================================================== */
.main-menu_level-3 {
    z-index: 20;
    top: 0px;
    height: auto;
    padding: 0;
}

    .main-menu_level-3 > li {
        position: relative;
    }

.menu-item-6 .main-menu_level-3 > li > a {
    text-decoration: none;
    color: #fff;
    padding: 8px 0 8px 26px;
    font-size: 17px;
    font-weight: 400;
    display: block;
    background: rgba(47, 45, 45, 0.8);
}

    .menu-item-6 .main-menu_level-3 > li > a:hover {
        background: rgba(47, 45, 45, 0.3);
    }

.menu-item-2 .main-menu_level-3 > li:hover,
.menu-item-2 .main-menu_level-3-inner-1 ul > li:hover,
.menu-item-2 .main-menu_level-3-inner-2 ul > li:hover {
    background: #ff9115;
}

.menu-item-7 .main-menu_level-3 > li:hover {
    background: #F79321;
}

.main-menu_level-3 > li.main-menu_level-3-inner-1:hover,
.main-menu_level-3 > li.main-menu_level-3-inner-2:hover {
    background: none;
}

.menu-item-2 .main-menu_level-3 > li > a,
.menu-item-2 .main-menu_level-3 > li.main-menu_level-3-inner-1 > ul a,
.menu-item-2 .main-menu_level-3 > li.main-menu_level-3-inner-2 > ul a,
.menu-item-7 .main-menu_level-3 > li > a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    padding: 4px;
    display: block;
    cursor: pointer;
}

.main-menu_level-2 {
    max-height: 630px;
    overflow-y: auto;
}

.menu-item-2 .main-menu_level-3 {
    display: block;
}

.menu-item-2 .main-menu_level-3-inner-1 {
    float: left;
    width: 60%;
}

.menu-item-2 .main-menu_level-3-inner-2 {
    float: left;
    width: 40%;
}

.main-menu_level-3-inner-1 > ul,
.main-menu_level-3-inner-2 > ul {
    padding: 0;
}

/*.menu-item-2 .english-link,
.menu-item-2 .icdt-link,
.menu-item-2 .business-link,
.menu-item-2 .marketing-link,
.menu-item-2 .hospitality-link,
.menu-item-2 .commercialcookery-link,
.menu-item-2 .innovation-accelerator-link,
.menu-item-2 .scp-link,*/
.menu-item-2 .top-course-link,
.menu-item-7 .blog-news-link,
.menu-item-7 .sss-link,
.menu-item-7 .sp-link,
.menu-item-7 .videos-gallery-link,
.menu-item-7 .photo-gallery-link {
    margin: 0 0 8px;
}

.menu-item-2 .parent-link:nth-child(8n) .top-course-link,
.menu-item-7 .blog-news-link {
    border-bottom: 1px solid #e98819;
}

.menu-item-2 .parent-link:nth-child(8n+1) .top-course-link,
.menu-item-7 .sss-link {
    border-bottom: 1px solid #4ab9ef;
}

.menu-item-2 .parent-link:nth-child(8n+2) .top-course-link,
.menu-item-7 .sp-link {
    border-bottom: 1px solid #b6cc36;
}

.menu-item-2 .parent-link:nth-child(8n+3) .top-course-link,
.menu-item-7 .videos-gallery-link {
    border-bottom: 1px solid #e7839d;
}

.menu-item-2 .parent-link:nth-child(8n+4) .top-course-link,
.menu-item-7 .photo-gallery-link {
    border-bottom: 1px solid #aa55bf;
}

.menu-item-2 .parent-link:nth-child(8n+5) .top-course-link {
    border-bottom: 1px solid #718629;
}

.menu-item-2 .parent-link:nth-child(8n+6) .top-course-link {
    border-bottom: 1px solid #c7bd20;
}

.menu-item-2 .parent-link:nth-child(8n+7) .top-course-link {
    border-bottom: 1px solid #55bfbb;
}

.menu-item-6 .main-menu_level-3 {
    left: -324px;
}

/* ==========================================================================
   END HEADER
   ========================================================================== */
/* ==========================================================================
   content
   ========================================================================== */
/* sliders main */
.home-section-slider {
    margin-top: 0px;
}

.home-section-slider-top {
    position: relative;
    overflow: hidden;
    height: 500px;
}

.load-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8) url("../Styles/images/preloader-slider.gif") no-repeat center center;
    display: none;
}

.main-top-slider *:not(.main-sliders-btn) {
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.main-top-slider .slider-shadow-active {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-top-slider .main-sliders-text {
    text-align: left;
}

.main-top-slider .main-sliders-title {
    position: absolute;
    text-align: left;
    top: 550px;
}

.home-section-slider-top .main-top-slider .slick-slide {
    height: 500px;
}

.home-section-slider iframe {
    width: 100%;
    height:500px;
}

.all-sliders > div {
    position: relative;
}

.all-sliders .main-sliders-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 50px;
    height: 463px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.all-sliders img {
    min-width: 100%;
    min-height: 500px;
}

.main-sliders-content .wrap {
    height: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-top-slider .slick-slide {
    height: 500px;
}

.main-top-slider .slider-image {
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.main-sliders-title {
    font-weight: 100;
    width: 100%;
    margin: 10px 0;
    opacity: 0;
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
}

    .main-sliders-title span {
        font-weight: 400;
    }

.main-sliders-text {
    font-weight: 100;
    width: 1200px;
    margin: 10px 0 25px 0;
    opacity: 0;
    font-size: 20px;
    color: #fff;
}

.main-top-slider .main-sliders-btn-container {
    text-align: left;
    bottom: 16px;
    position: absolute;
}

.main-top-slider .main-sliders-text {
    position: absolute;
    bottom: 80px;
}

.main-top-slider .main-sliders-btn {
    font-weight: 100;
    margin: 0;
    opacity: 0;
    color: #fff;
    font-size: 20px;
    padding: 13px 60px;
    border: 1px solid #323232;
    text-transform: uppercase;
    text-decoration: none;
}
/* IE10+ */
/*
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  
  .main-top-slider .main-sliders-btn-container {
    position: inherit; }
  .main-top-slider .main-sliders-text {
    position: inherit; }
  .main-sliders-text {
    margin: 100px 0 25px 0; } }

*/

@-moz-document url-prefix() {
    /* mozilla firefox */
    .main-top-slider .main-sliders-btn-container {
        position: inherit;
    }

    main .main-top-slider .main-sliders-btn-container {
        position: absolute;
    }

    main .main-top-slider .main-sliders-text {
        position: absolute;
    }

    .main-top-slider .main-sliders-text {
        position: inherit;
    }

    .main-sliders-text {
        margin: 100px 0 25px 0;
    }
}

.sliderFadeIn1 {
    -webkit-animation: sliderFadeIn1 0.5s ease-out 0s forwards;
    -moz-animation: sliderFadeIn1 0.5s ease-out 0s forwards;
    -o-animation: sliderFadeIn1 0.5s ease-out 0s forwards;
    animation: sliderFadeIn1 0.5s ease-out 0s forwards;
}

.sliderFadeIn2 {
    -webkit-animation: sliderFadeIn2 0.5s ease-out 1s forwards;
    -moz-animation: sliderFadeIn2 0.5s ease-out 1s forwards;
    -o-animation: sliderFadeIn2 0.5s ease-out 1s forwards;
    animation: sliderFadeIn2 0.5s ease-out 1s forwards;
}

.sliderFadeIn3 {
    -webkit-animation: sliderFadeIn3 0.5s ease-out 2s forwards;
    -moz-animation: sliderFadeIn3 0.5s ease-out 2s forwards;
    -o-animation: sliderFadeIn3 0.5s ease-out 2s forwards;
    animation: sliderFadeIn3 0.5s ease-out 2s forwards;
}

@-webkit-keyframes sliderFadeIn1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes sliderFadeIn1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes sliderFadeIn1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes sliderFadeIn1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes sliderFadeIn2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes sliderFadeIn2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes sliderFadeIn2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes sliderFadeIn2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*.home-section-slider-bottom img {
    background: #ccc;
    width: 100%;
    height: auto !important;
}

.main-bottom-slider .slick-slide {
    position: relative;
    width: 257px!important;
    height: 174px;
    overflow: hidden;
}
.main-slider{
    width: 100%;
    height: 700px;
}*/
/*.home-section-slider-bottom img.small-slide{
    height: 172px!important;
    width: 257px;
}*/
.home-section-slider-top .big-slide {
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.home-section-slider-bottom .small-slide {
    width: 100%;
    height: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*.main-slider   img  { width: 100%; min-height: 650px; }*/
@-webkit-keyframes sliderFadeIn3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes sliderFadeIn3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes sliderFadeIn3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes sliderFadeIn3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* .main-third-slider video {
    width: 100%;
    height: 650px;
}
 */
.main-top-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}

#campus .slick-dots,
.home-section-slider-top .slick-dots {
    bottom: 25px;
    width: 50%;
    margin: 0 25%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-top-slider .bg-opacity {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0.3;
}

.main-top-slider span.bg-opacity {
    display: inline-block;
    padding: 10px;
    text-align: left;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0.9;
}

.main-sliders-text .bg-opacity {
    display: block;
}

#campus .slick-dots li,
.home-section-slider-top .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background: #545453;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

    #campus .slick-dots li button,
    .home-section-slider-top .slick-dots li button {
        height: 100%;
        width: 100%;
    }

        #campus .slick-dots li button::before,
        .home-section-slider-top .slick-dots li button::before {
            display: none;
        }

    #campus .slick-dots li.slick-active,
    .home-section-slider-top .slick-dots li.slick-active {
        background: #545453;
        width: 13px;
        height: 13px;
    }

.main-bottom-slider .slick-slide {
    position: relative;
    height: 208px;
}

    .main-bottom-slider .slick-slide img {
        min-height: 100%;
        min-width: 100%;
    }

.main-bottom-slider .slider-shadow-active {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .main-bottom-slider .slider-shadow-active p {
        color: #fff;
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
    }

.main-bottom-slider .slick-slide:hover .slider-shadow-active {
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 1;
}

.main-bottom-slider .slick-slide {
    overflow: hidden;
}

    .main-bottom-slider .slick-slide .link-slider {
        text-decoration: none;
    }

    .main-bottom-slider .slick-slide.slick-center img,
    .main-bottom-slider .slick-slide:hover img {
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }

    .main-bottom-slider .slick-slide.slick-center .slider-shadow-active {
        -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
        transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
        opacity: 1;
    }

/* end sliders main */
.home-section-top {
    padding: 20px 0;
}

    .home-section-top h2 {
        margin: 0;
        padding: 20px 0;
        color: #545453;
        font-size: 50px;
        font-weight: 100;
        text-align: center;
        text-transform: uppercase;
    }

    .home-section-top .raw-inside * {
        font-weight: 400;
    }

    .home-section-top p {
        text-align: center;
        font-weight: 100;
        font-size: 20px;
        margin: 0;
        padding-bottom: 20px;
    }

/* OUR FACULTIES */
.home-dep-block .parallax-window {
    position: relative;
    min-height: 600px;
    background: transparent;
}

.home-dep-block h3 {
    position: absolute;
    bottom: 30px;
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    line-height: 60px;
    padding: 0 30px;
    margin: 0;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.8);
    max-width: 78%;
}

.home-dep-block-descr p {
    color: #545453;
    font-size: 20px;
    font-weight: 100;
    text-align: justify;
    margin: 35px 0;
}

.home-dep-block-descr a {
    background-color: #fff;
    color: #545453;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    border: 1px solid #545453;
    text-decoration: none;
    line-height: 48px;
    padding: 10px 40px;
}

    .home-dep-block-descr a:hover {
        color: #ffffff;
        background-color: #000000;
        opacity: 0.6;
        border: 1px solid #ffffff;
    }

.home-dep-block-descr {
    padding-bottom: 70px;
}

/* end OUR FACULTIES */
/* CAMPUSES */
.home-section-campuses {
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 140px;
    margin-bottom: 0px;
    background: url("../Styles/images/bg/min/campuses-bg-min.png") no-repeat top center;
}

    .home-section-campuses > .wrap {
        padding: 25px 0 0;
    }

    .home-section-campuses .slick-slider {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.slider-campuses1-wrap,
.slider-campuses2-wrap {
    position: relative;
    height: 270px;
}

    .slider-campuses1-wrap img,
    .slider-campuses2-wrap img {
        width: 100%;
    }

    .slider-campuses1-wrap .slick-track,
    .slider-campuses2-wrap .slick-track {
        height: 270px;
    }

.slider-campuses1-wrap {
    margin-bottom: 30px;
}

    .slider-campuses1-wrap .slick-dots,
    .slider-campuses2-wrap .slick-dots {
        bottom: 25px;
    }

    .slider-campuses1-wrap .slick-dots,
    .slider-campuses2-wrap .slick-dots {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

        .slider-campuses1-wrap .slick-dots li,
        .slider-campuses2-wrap .slick-dots li {
            width: 10px;
            height: 10px;
            border: 1px solid #fff;
            background: #5E3813;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

            .slider-campuses1-wrap .slick-dots li:last-child,
            .slider-campuses2-wrap .slick-dots li:last-child {
                margin-right: 25px;
            }

            .slider-campuses1-wrap .slick-dots li button,
            .slider-campuses2-wrap .slick-dots li button {
                height: 100%;
                width: 100%;
            }

                .slider-campuses1-wrap .slick-dots li button::before,
                .slider-campuses2-wrap .slick-dots li button::before {
                    display: none;
                }

            .slider-campuses1-wrap .slick-dots li.slick-active,
            .slider-campuses2-wrap .slick-dots li.slick-active {
                background: #8E6339;
                width: 13px;
                height: 13px;
            }

    .slider-campuses1-wrap img,
    .slider-campuses2-wrap img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.slider-campuses1 .slick-slide,
.slider-campuses2 .slick-slide {
    position: relative;
}

.slider-campuses-descr {
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}

    .slider-campuses-descr a {
        display: block;
        line-height: 46px;
        text-transform: uppercase;
        text-decoration: none;
        border: 1px solid #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.4);
        color: #fff;
        font-size: 22px;
        font-weight: 100;
        padding: 0 35px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    }

    .slider-campuses-descr p {
        padding: 0 20px;
        width: 90%;
        color: #fff;
        font-weight: 100;
        font-size: 18px;
    }

.slider-campuses1 .slick-slide:hover .slider-campuses-descr,
.slider-campuses2 .slick-slide:hover .slider-campuses-descr {
    opacity: 1;
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.slider-campuses1-wrap .slider-campuses1-title,
.slider-campuses2-wrap .slider-campuses2-title {
    position: absolute;
    bottom: 15px;
    display: block;
    background: rgba(247, 147, 32, 0.85);
    margin: 20px 0 0;
    float: left;
    margin-left: 1px;
    width: auto;
    line-height: 38px;
    padding: 0 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 100;
    z-index: 1;
    text-shadow: 0.819px 0.574px 1px rgba(9, 12, 18, 0.39);
}

.slider-campuses-descr-title span {
    font-weight: 700;
}

.slider-campuses1-wrap .slider-campuses1-title::before,
.slider-campuses2-wrap .slider-campuses2-title::before {
    content: '';
    width: 5px;
    height: -webkit-calc(100% + 5px);
    height: -moz-calc(100% + 5px);
    height: calc(100% + 5px);
    position: absolute;
    left: -5px;
    top: -2px;
    background: url("../Styles/images/campus-slider-line.png") no-repeat center center;
}

.slider-campuses-descr-text {
    clear: both;
}

.campuses-investigate {
    background: url("../Styles/images/bg/min/campuses_back-min.png") no-repeat top center;
    border: solid transparent 1px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

    .campuses-investigate h3 {
        color: #ffffff;
        opacity: 0.9;
    }

.campuses-investigate-text {
    color: #ffffff !important;
    opacity: 0.9;
    float: right;
}

    .campuses-investigate-text p {
        color: #ffffff !important;
        opacity: 0.9;
    }

/* end CAMPUSES */
/* MEDIA POSTS */
.home-section-media_posts {
    height: 1100px;
    background: url("../Styles/images/bg/min/social-posts-bg-min.png") no-repeat top center;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -130px;
    position: relative;
    z-index: 1;
    margin-top: -150px;
}

    .home-section-media_posts .wrap {
        padding: 50px 0 0;
    }

    .home-section-media_posts .home-section-bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

.media_posts-left-wrap {
    margin: 0 20px 0 0;
}

.media_posts-yt-wrap iframe {
    max-height: 270px;
}

.post-item {
    width: 570px;
    height: 270px;
    background: #ccc;
    margin: 0 0 15px 0;
    overflow: hidden;
    position: relative;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.post-descr {
    padding: 0 10px 10px 10px;
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(70, 44, 17, 0.9);
    width: 100%;
    -webkit-box-shadow: 0px -28px 38px 2px rgba(70, 44, 17, 0.9);
    -moz-box-shadow: 0px -28px 38px 2px rgba(70, 44, 17, 0.9);
    box-shadow: 0px -28px 38px 2px rgba(70, 44, 17, 0.9);
}

.post-item .post-title {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}

.post-item .post-date {
    font-size: 15px;
    font-weight: 100;
}

.post-view_all_btn {
    font-weight: 100;
    text-decoration: none;
    padding: 10px 30px;
    background: #462c11;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

.home-section-bottom span {
    font-weight: 400;
}

.media_posts-inst-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.ava {
    width: 20%;
    margin: 56px 0;
}

.load-inst {
    background: none;
}

.block-inst_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 59%;
    position: relative;
    overflow: hidden;
    height: 310px;
    text-align: center;
}

    .block-inst_wrap > .block-inst {
        width: 100%;
    }

.block-inst img {
    width: 113px;
    height: 113px;
    margin: 11px 0 29px 17px;
}

.block-inst {
    visibility: hidden;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 0;
    position: absolute;
}

.show-inst-photos {
    visibility: visible;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    transition: opacity .5s ease;
    opacity: 1;
}

.best-students {
    margin: 15px 0 0 0;
    width: 270px;
    height: 270px;
    overflow: hidden;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*.best-students > img {
    margin-right: 10px;
    max-width: 140%;
    min-width: 100%;
    max-height: 140%;
    min-height: 100%;
}*/
.video-js {
    height: 300px;
    width: 400px;
}

.all-sliders {
    overflow: hidden;
    height: 0px;
    visibility: hidden;
}

.show-slider {
    display: block;
    height: 709px;
    visibility: visible;
}

/* end MEDIA POSTS */
/* SOCIAL MEDIA */
.home-section-social_media {
    height: 850px;
    background: #EEEEEE url("../Styles/images/bg/min/social-bg-min.png") no-repeat top center;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-bottom: -140px;
}

@media screen and (max-width: 1366px) {
    .home-section-social_media {
        background-position: center center;
    }
}

.home-section-social_media {
    padding: 100px 0 0;
}

    .home-section-social_media .home-section-bottom {
        margin-top: 11%;
    }

    .home-section-social_media::-moz-placeholder {
        /* Firefox 19+ */
        opacity: 1;
    }

.social_media-social_link ul {
    margin: 0 auto auto 15%;
    width: 80%;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.social_media-social_link li {
    height: 70px;
    width: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

    .social_media-social_link li a {
        display: block;
        height: 100%;
        width: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }


.soc-f {
    background: url("../styles/images/social/Facebook.svg") no-repeat center center;
}

.soc-tw {
    background: url("../styles/images/social/Twit.svg") no-repeat center center;
}

.soc-ins {
    background: url("../styles/images/social/instahram.svg") no-repeat center center;
}

.soc-yt {
    background: url("../styles/images/social/YouTube.svg") no-repeat center center;
}

.soc-in {
    background: url("../styles/images/social/In.svg") no-repeat center center;
}

.soc-p {
    background: url("../styles/images/social/Pinterest.svg") no-repeat center center;
}

.soc-gp {
    background: url("../styles/images/social/goole.svg") no-repeat center center;
}

.soc-b {
    background: url("../styles/images/social/iconsB.svg") no-repeat center center;
}

.soc-blog {
    background: url("../styles/images/blog_icon.png") no-repeat center center;
}

.social_media-social_link li a {
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* soc media form */
.home-section-bottom h2 {
    font-size: 50px;
    font-family: "Roboto Condensed";
    color: #545453;
    text-transform: uppercase;
    text-align: center;
    font-weight: 100;
}

/*     .home-section-bottom span {
        font-weight: 400;
    } */
.social_media_form-wrap {
    width: 100%;
}

form.social_media_form input[type="email"] {
    width: 400px;
    height: 60px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: 100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

form.social_media_form select {
    width: 400px;
    height: 60px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: 100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    text-transform: uppercase;
    padding-left: 17px;
    -webkit-appearance: none;
    background-image: url("../Styles/images/select_arrow.png");
    background-position: 360px center;
    background-repeat: no-repeat;
    -moz-appearance: none;
    text-indent: 0.01px;
    -o-text-overflow: '';
    text-overflow: '';
    -ms-appearance: none;
    appearance: none !important;
    cursor: pointer;
    outline: none;
}

form.social_media_form option {
    width: 400px;
    height: 63px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: 100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    text-transform: uppercase;
    padding-left: 17px;
    outline: none;
}

form.social_media_form select::-ms-expand {
    display: none;
}

form.social_media_form input[type="button"] {
    width: 280px;
    height: 60px;
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
}

form.social_media_form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 43px;
}

    form.social_media_form fieldset {
        position: relative;
    }

    form.social_media_form label {
        position: absolute;
        top: 75px;
        font-size: 15px;
        left: 5px;
    }

    form.social_media_form input::-webkit-input-placeholder {
        color: #434343;
        font-size: 22px;
        font-weight: 100;
        text-transform: uppercase;
    }

    form.social_media_form input::-moz-placeholder {
        padding-left: 17px;
        color: #434343;
        font-size: 22px;
        font-weight: 100;
        opacity: 1;
        text-transform: uppercase;
    }

    form.social_media_form input::-ms-input-placeholder {
        padding-left: 17px;
        color: #434343;
        font-size: 22px;
        font-weight: 100;
        text-transform: uppercase;
    }

    form.social_media_form select::-webkit-input-placeholder {
        padding-left: 17px;
        color: #434343;
        font-size: 22px;
        font-weight: 100;
        text-transform: uppercase;
    }

/* end SOCIAL MEDIA */
/* TESTIMONIALS */
.home-section-testimonials {
    height: 1131px;
    background: url("../Styles/images/bg/min/testim-bg-min.png") no-repeat top center;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .home-section-testimonials .wrap {
        padding: 80px 0 0;
    }

.testimonials_slider_wrap .slick-dots {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -45px;
}

    .testimonials_slider_wrap .slick-dots li {
        width: 10px;
        height: 10px;
        border: 1px solid #fff;
        background: #5E3813;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .testimonials_slider_wrap .slick-dots li button {
            height: 100%;
            width: 100%;
        }

            .testimonials_slider_wrap .slick-dots li button::before {
                display: none;
            }

        .testimonials_slider_wrap .slick-dots li.slick-active {
            background: #8E6339;
            width: 13px;
            height: 13px;
        }

.main_slide_img {
    overflow: hidden;
    width: 280px;
    height: 220px;
    position: relative;
}

    .main_slide_img .image {
        height: 100%;
        width: 100%;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

.main_slide_content {
    width: 280px;
    height: auto;
    background-color: #f6f6f6;
    padding-top: 20px;
}

    .main_slide_content h4 {
        font-size: 18px;
        color: #434343;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
    }

p.slider_txt {
    height: 145px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    font-weight: 100;
    line-height: 20px;
    color: #757575;
    padding: 0 17px;
    overflow: hidden;
}

p.slider_name {
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #4d4d4d;
    font-weight: 700;
    margin: 0;
    margin-top: 30px;
}

p.slider_country {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    font-weight: 100;
    margin: 0;
    padding-bottom: 20px;
}

a.play_button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
}

#video-fancy {
    width: 800px;
    height: auto;
}

/* end TESTIMONIALS */
/* SCHEDULES */
.home-section-schedules {
    position: relative;
    z-index: 0;
    min-height: 1150px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -110px;
    padding-bottom: 140px;
    background-position: center right;
}

    .home-section-schedules > .wrap {
        padding: 10px 0 0;
    }

    .home-section-schedules .loader {
        background-color: rgba(255, 255, 255, 0.8);
        background-image: url("ajax-loader.gif");
        background-position: center center;
        background-repeat: no-repeat;
        height: 100%;
        width: 1197px;
        position: absolute;
        z-index: 10;
    }

/* end SCHEDULES */
/* LOCATION */
.home-section-location {
    position: relative;
    width: 100%;
    height: 1265px;
    margin-top: 160px;
    margin-bottom: -160px;
}

    .home-section-location .top-text {
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: 0 5px;
        display: inline-block;
    }

    .home-section-location .home-section-top {
        position: absolute;
        top: 80px;
        left: -webkit-calc(50% - 600px);
        left: -moz-calc(50% - 600px);
        left: calc(50% - 600px);
        width: 1200px;
    }

        .home-section-location .home-section-top div {
            text-align: center;
        }

    .home-section-location input {
        color: #545453 !important;
    }

/* location form */
input[type="button"]:disabled {
    background: #989A9A;
    background-image: none !important;
}

    input[type="button"]:disabled:hover {
        cursor: not-allowed;
    }

.location_form-wrap {
    width: 560px;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 25%;
    left: 19%;
}

.home-section-location .home-section-top {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-height: 25%;
    overflow: hidden;
}

.location_form-wrap h6 {
    font-size: 30px;
    color: #545453;
    text-transform: uppercase;
    font-weight: 100;
    padding-top: 15px;
    padding-left: 20px;
    margin: 0;
}

    .location_form-wrap h6 p {
        margin: 0;
    }

.location_form-wrap span {
    font-weight: 700;
}

form.location_form {
    width: 520px;
    margin: 0 auto;
}

    form.location_form fieldset,
    .social_media_form fieldset {
        border: none;
        padding: 0;
    }

    form.location_form fieldset {
        width: 100%;
        margin-top: 10px;
    }

    form.location_form input[type="text"],
    form.location_form input[type="email"] {
        width: 100%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #e1e1e1;
        height: 50px;
        background-color: #f6f6f6;
        font-weight: 100;
        font-size: 17px;
        font-family: 'Roboto Condensed', sans-serif;
        padding-left: 17px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

    form.location_form textarea {
        width: 100%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #e1e1e1;
        height: 50px;
        background-color: #f6f6f6;
        height: 200px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 100;
        font-size: 17px;
        resize: none;
        padding-left: 17px;
        padding-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }

.location_form input::-webkit-input-placeholder {
    color: #434343;
    font-size: 18px;
    font-weight: 100;
    font-family: 'Roboto Condensed', sans-serif;
}

.location_form textarea::-webkit-input-placeholder {
    color: #434343;
    font-size: 18px;
    font-weight: 100;
    font-family: 'Roboto Condensed', sans-serif;
}

.location_form input::-moz-placeholder {
    color: #434343;
    font-size: 18px;
    font-weight: 100;
}

.location_form input::-ms-input-placeholder {
    color: #434343;
    font-size: 18px;
    font-weight: 100;
}

.location_form input::-moz-placeholder {
    color: #434343;
    font-size: 18px;
    font-weight: 100;
}

form.location_form input[type="button"] {
    width: 260px;
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    color: #fff !important;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    height: 50px;
    float: right;
    cursor: pointer;
    margin-bottom: 15px;
    outline: none;
}

form.location_form::after {
    display: table;
    content: "";
    clear: both;
}

.location_form label.error {
    display: block;
    font-weight: 100;
}

form.location_form .g-recaptcha {
    margin-top: 8px;
    margin-left: 220px;
}

form.location_form label#hiddenRecaptcha-error {
    margin-left: 42.5%;
}

/* end LOCATION */
/* FIXED FORM */
.enroll-form label.error {
    color: #FF4A16;
    display: block;
    margin-bottom: 10px;
    font-weight: 100;
}

.enroll-now-block-transp {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 110;
    display: none;
    cursor: pointer;
}

.db {
    display: block;
}

.enroll-now-form {
    position: fixed;
    top: 20vh;
    left: 0;
  /*  width: 290px;
    min-height: 380px;*/
    height: auto;
    background: transparent;
    z-index: 111;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.enroll-full-form {
    position: fixed;
    top: 20vh;
    left: 0;
   /* width: 290px;
    min-height: 380px;*/
    height: auto;
    background: transparent;
    display: -webkit-flex;
    z-index: 10;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(290px);
    -moz-transform: translate(290px);
    -ms-transform: translate(290px);
    -o-transform: translate(290px);
    transform: translate(290px);
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.enroll-now-open_btn {
    text-decoration: none;
    position: absolute;
    left: -380px;
    min-width: 230px;
    top: 340px;
    height: 40px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    color: #fff;
    font-weight: 100;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.55);
    cursor: pointer;
}

.enroll-full-open_btn {
    position: absolute;
    left: -380px;
    min-width: 230px;
    top: 95px;
    height: 40px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    color: #fff;
    font-weight: 100;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.55);
    cursor: pointer;
}

.enroll-now-open_btn span {
    font-weight: 400;
}

.enroll-form {
    background: rgba(0, 0, 0, 0.6);
    width: 290px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.slide {
    -webkit-transform: translate(290px);
    -moz-transform: translate(290px);
    -ms-transform: translate(290px);
    -o-transform: translate(290px);
    transform: translate(290px);
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.enroll-now-form .select2-container {
    font: 100 20px "Roboto Condensed", sans-serif;
    margin-bottom: 10px;
}

.enroll-now-form .select2-selection--single {
    outline: none;
    position: relative;
    border: none;
    height: 40px;
}

.enroll-form .select2-selection--single:after {
    content: "";
    position: absolute;
    background-image: url("../Styles/images/enroll-select-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
}

.enroll-now-form .select2-container .select2-selection__rendered {
    padding-top: 6px;
}

.enroll-now-form .select2-container .select2-selection__arrow,
#intakes-calendar-container .int-cal-content-container .course-select .select2-container .select2-selection__arrow {
    display: none;
}

.enroll-form select,
.enroll-form input {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 40px;
    color: #919293;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    border: 0;
    padding: 0 10px;
}

    .enroll-form select::-ms-expand {
        display: none;
    }

.enroll-form option {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: 100;
    color: #919293;
}

    .enroll-form option:first-child {
        display: none;
    }

.enroll-form input[type="button"] {
    color: #fff;
    font-weight: 100;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.55);
    cursor: pointer;
    background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
}

    form.social_media_form input[type="button"]:hover,
    .enroll-form input[type="button"]:hover {
        background: #869C3A;
    }

/* end FIXED FORM */
/* ==========================================================================
   FOOTER
   ========================================================================== */
/* top-footer */
footer {
    margin-top: 140px;
    position: relative;
    z-index: 1;
}

    footer::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 140px;
        top: -139px;
        background: url("../Styles/images/bg/min/footer-bg-min.png") no-repeat top center;
    }

.top_footer .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top_footer {
    background-color: #e9e9e9;
}

.top_footer_content {
    width: 16%;
}

    .top_footer_content h4 a,
    .top_footer_content h4 {
        font-size: 20px;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        color: #545453;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .top_footer_content a {
        text-decoration: none;
        font-size: 17px;
        line-height: 24px;
        font-weight: 100;
        color: #545453;
    }

    .top_footer_content ul {
        padding: 0;
        margin: 0;
    }

    .top_footer_content li {
        list-style: none;
    }

.top_footer_media {
    width: 14%;
}

.top_footer_content {
    margin-bottom: 50px;
}

.footerCS {
    margin-left: 20px;
}

.top_footer_meetus {
    margin-right: 40px;
}

/* center-footer */
.center_footer .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.center_footer {
    background-color: #dbdbdb;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}

.center_footer_content {
    width: 30%;
}

    .center_footer_content h4 {
        font-size: 20px;
        font-family: 'Roboto Condensed';
        font-weight: 700;
        color: #545453;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .center_footer_content p {
        font-size: 17px;
        line-height: 24px;
        font-weight: 100;
        color: #545453;
        margin: 0;
    }

.footer_center_logo {
    width: 16%;
}

.footer_center_campus1_addres {
    width: 17%;
    margin-left: 46px;
}

.footer_centr_campes2_addres {
    width: 19%;
    margin-left: 20px;
}

.footer_cnter_campus3_addres {
    width: 25%;
    margin-right: 34px;
}
.footer_cnter_campus4_addres {
    width: 9%;
    margin-right: 34px;
    padding-top: 24px;
}
.center_footer_content {
    margin-top: 50px;
    margin-bottom: 54px;
}

.footer_center_logo a {
    display: block;
    margin-top: 32px;
}

    .footer_center_logo a img {
        height: 90px;
    }

/* bottom footer */
.bottom_footer .wrap {
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bottom_footer {
    background-color: #d0d0d0;
}

.bottom_footer_content {
    width: 100%;
}

.bottom_footer_dewelopers {
    text-align: right;
}

.bottom_footer_copyrigt h4 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
    color: #545453;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 700;
}

.bottom_footer_copyrigt p {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 100;
    color: #545453;
}

.bottom_footer_dewelopers p {
    font-size: 17px;
    line-height: 24px;
    font-weight: 100;
    margin-top: 30px;
}

.bottom_footer_dewelopers a {
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #545453;
}

.bottom_footer .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .bottom_footer .wrap .bottom_footer_copyrigt {
        max-width: 430px;
    }

.bottom_footer .bottom_footer_dewelopers {
    max-width: 150px;
}

    .bottom_footer .bottom_footer_dewelopers a {
        display: inline-block;
        text-decoration: none;
    }

        .bottom_footer .bottom_footer_dewelopers a img {
            max-width: 140px;
            max-height: 60px;
        }

/*=====================================================================
RECRUIT STUDENTS
=======================================================================*/
body {
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    padding: 0;
}

.wrap-filter-form {
    padding: 20px;
    background: rgba(60, 55, 51, 0.9);
    position: relative;
    top: 50px;
}

.filter-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 20px 0;
}

.filter-row-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.filter-form select {
    width: 370px;
    height: 60px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: 100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    text-transform: uppercase;
    background-image: url("images/enroll-select-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none !important;
    cursor: pointer;
    outline: none;
    padding: 0 20px;
}

.wrap-date {
    padding: 0 0 0 78px;
    background: url("images/calendar_bg.png") center left no-repeat;
}

    .wrap-date > div {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 20px;
        font-weight: 100;
        text-transform: uppercase;
        color: #fff;
        line-height: 1;
    }

    .wrap-date input {
        height: 38px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #cdcdcd;
        width: 256px;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 22px;
        font-weight: 100;
        padding: 0 17px;
    }

.filter-form input.submit {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    width: 250px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#83993a), to(#b6cc36));
    background: -webkit-linear-gradient(bottom, #83993a 0%, #b6cc36 100%);
    background: -moz-linear-gradient(bottom, #83993a 0%, #b6cc36 100%);
    background: -o-linear-gradient(bottom, #83993a 0%, #b6cc36 100%);
    background: linear-gradient(0deg, #83993a 0%, #b6cc36 100%);
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    height: 60px;
    cursor: pointer;
    outline: none;
    border: 0;
}

.filter-form input[type="reset"] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
    width: 250px;
    background: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    height: 60px;
    cursor: pointer;
    outline: none;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.recruit_head {
    width: 100%;
    height: 607px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    .recruit_head .describtion {
        overflow: hidden;
        height: 275px;
    }

.wrap {
    width: 1200px;
    margin: 0 auto;
}

#recruit h1 {
    margin: 0;
    font-size: 50px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
    padding-top: 70px;
}

#recruit .describtion h1 {
    padding-top: 160px;
}

#recruit .bg-opacity p {
    background-color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    padding: 0 10px;
    color: #fff !important;
}

#recruit h1 span {
    font-weight: 700;
}

#recruit .clear {
    clear: both;
}

#recruit .student_discription {
    width: 30%;
    max-width: 372px;
    margin: 10px;
}


#recruit .error-message {
    color: #fa921c;
    text-align: center;
    font-size: 30px;
}

.group_students {
    flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin-top: 50px;
}

    .group_students .hover-content {
        height: auto;
    }

.summary_discription {
    max-width: 372px;
    width: 100%;
    text-align: center;
}

.std-img {
    max-width: 372px;
    width: 100%;
    height: 378px;
    position: relative;
    overflow: hidden;
}

    .std-img .student-photo {
        width: 100%;
        height: 100%;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
.company-img {
    max-width: 372px;
    width: 100%;
    height: 378px;
    position: relative;
    overflow: hidden;
    background: #ffffff;
}
.company-img .company-photo {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;

}
    .company-img .company-photo.default {
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
/*.std-img img {
    min-width: 100%;
    min-height: 100%;
}*/
h2.summary_discription_name {
    color: #545453;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    margin-top: 42px;
    margin-bottom: 42px;
}

.summary_discription h4 {
    margin: 0;
}

h4.summary_discriptin_employment,
h4.summary_discriptin_edukation,
h4.summary_discriptin_seeking {
    font-size: 17px;
    color: #545453;
    text-transform: uppercase;
    font-weight: 700;
}

.summary_discription p {
    margin: 0;
    font-size: 17px;
    font-weight: 100;
    margin-bottom: 30px;
}

.hover_discription * {
    box-sizing: border-box;
}

.hover_discription {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    max-width: 372px;
    width: 100%;
    height: 378px;
    opacity: 0;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
}

    .hover_discription h4,
    .hover_discription p {
        margin: 0;
    }

h4.hover_discription_course,
h4.summary_discriptin_language,
h4.summary_discriptin_time_emploiment {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
}

h4.hover_discription_course {
    text-transform: uppercase;
    margin-top: 15px;
}

h4.summary_discriptin_language,
h4.summary_discriptin_time_emploiment {
    margin-top: 15px;
}

p.sd_ps,
p.sd_l,
p.sd_afrom {
    font-size: 17px;
    font-weight: 100;
    color: #fff;
}

a.short_discription_button {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    background-color: #f79320;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    margin-top: 10px;
}

.recruit_content .second-language {
    height: 40px;
    overflow: hidden;
}

.std-img:hover .hover_discription {
    opacity: 1;
}

.std-img * {
    box-sizing: border-box !important;
}

.std-img:hover img {
    -webkit-filter: blur(20px);
}

.faculties-section-top h2 span {
    font-weight: 400;
}

.faculties-section-top p {
    text-align: center;
    font-weight: 100;
    font-size: 20px;
    margin: 0;
    padding-bottom: 20px;
}

.faculties-section-top h2 {
    margin: 0;
    padding: 20px 0;
    color: #545453;
    font-size: 50px;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
}

.faculties-dep-block .parallax-window {
    position: relative;
    min-height: 600px;
    background: transparent;
}

.faculties-dep-block h3 {
    position: absolute;
    bottom: 30px;
    font-size: 50px;
    font-weight: 400;
    color: #fff;
    line-height: 60px;
    padding: 0 30px;
    margin: 0;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.8);
    max-width: -webkit-calc(1200px - 60px);
    max-width: -moz-calc(1200px - 60px);
    max-width: calc(1200px - 60px);
}

.faculties-dep-block-descr p {
    color: #545453;
    font-size: 20px;
    font-weight: 100;
    text-align: justify;
    margin: 35px 0;
}

.faculties-dep-block-descr a {
    background-color: #fff;
    color: #545453;
    font-size: 22px;
    font-weight: 100;
    text-transform: uppercase;
    border: 1px solid #545453;
    text-decoration: none;
    line-height: 48px;
    padding: 10px 40px;
}

.faculties-dep-block-descr {
    padding-bottom: 70px;
}

.faculties-list {
    width: -webkit-calc(470px - 10px);
    width: -moz-calc(470px - 10px);
    width: calc(470px - 10px);
    background: #ccc;
    top: -10px;
    position: relative;
    float: right;
}

    .faculties-list::after {
        content: '';
        position: absolute;
        top: 0;
        border: 5px solid transparent;
        border-right: 5px solid #000;
        border-bottom: 5px solid #000;
        left: -10px;
    }

    .faculties-list::before {
        content: '';
        position: absolute;
        top: 0;
        border: 5px solid transparent;
        border-left: 5px solid #000;
        border-bottom: 5px solid #000;
        right: -10px;
    }

    .faculties-list h4 {
        margin: 10px;
        padding: 15px;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 100;
        background: rgba(255, 255, 255, 0.93);
    }

    .faculties-list ul {
        list-style: none;
        margin: 11px 0;
        padding: 0;
    }

    .faculties-list li a {
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        text-decoration: none;
        display: block;
        cursor: pointer;
        padding: 6px 10px;
    }

.faculties-dep-block .home-dep-block:nth-child(6n) .faculties-list {
    background: rgba(41, 132, 172, 0.9);
}

    .faculties-dep-block .home-dep-block:nth-child(6n) .faculties-list li:hover {
        background-color: #15698e;
    }

    .faculties-dep-block .home-dep-block:nth-child(6n) .faculties-list h4 {
        color: #2984ac;
    }

.faculties-dep-block .home-dep-block:nth-child(6n+1) .faculties-list {
    background: rgba(246, 146, 36, 0.9);
}

    .faculties-dep-block .home-dep-block:nth-child(6n+1) .faculties-list li:hover {
        background-color: #c36600;
    }

    .faculties-dep-block .home-dep-block:nth-child(6n+1) .faculties-list h4 {
        color: #f69224;
    }

.faculties-dep-block .home-dep-block:nth-child(6n+2) .faculties-list {
    background: rgba(98, 58, 25, 0.9);
}

    .faculties-dep-block .home-dep-block:nth-child(6n+2) .faculties-list li:hover {
        background-color: #442911;
    }

    .faculties-dep-block .home-dep-block:nth-child(6n+2) .faculties-list h4 {
        color: #623a19;
    }

.faculties-dep-block .home-dep-block:nth-child(6n+3) .faculties-list {
    background: rgba(123, 140, 57, 0.9);
}

    .faculties-dep-block .home-dep-block:nth-child(6n+3) .faculties-list li:hover {
        background-color: #616a2a;
    }

    .faculties-dep-block .home-dep-block:nth-child(6n+3) .faculties-list h4 {
        color: #7b8c39;
    }

.faculties-dep-block .home-dep-block:nth-child(6n+4) .faculties-list {
    background: rgba(147, 154, 10, 0.9);
}

    .faculties-dep-block .home-dep-block:nth-child(6n+4) .faculties-list li:hover {
        background-color: #6e7306;
    }

    .faculties-dep-block .home-dep-block:nth-child(6n+4) .faculties-list h4 {
        color: #939a0a;
    }

.faculties-dep-block .home-dep-block:nth-child(6n+5) .faculties-list {
    background: rgba(57, 133, 165, 0.9);
}

    .faculties-dep-block .home-dep-block:nth-child(6n+5) .faculties-list li:hover {
        background-color: #0a597e;
    }

    .faculties-dep-block .home-dep-block:nth-child(6n+5) .faculties-list h4 {
        color: #3985a5;
    }

.faculties-dep-block:nth-child(6n) .faculties-list {
    background: rgba(41, 132, 172, 0.9);
}

    .faculties-dep-block:nth-child(6n) .faculties-list li:hover {
        background-color: #15698e;
    }

    .faculties-dep-block:nth-child(6n) .faculties-list h4 {
        color: #2984ac;
    }

.faculties-dep-block:nth-child(6n+1) .faculties-list {
    background: rgba(246, 146, 36, 0.9);
}

    .faculties-dep-block:nth-child(6n+1) .faculties-list li:hover {
        background-color: #c36600;
    }

    .faculties-dep-block:nth-child(6n+1) .faculties-list h4 {
        color: #f69224;
    }

.faculties-dep-block:nth-child(6n+2) .faculties-list {
    background: rgba(98, 58, 25, 0.9);
}

    .faculties-dep-block:nth-child(6n+2) .faculties-list li:hover {
        background-color: #442911;
    }

    .faculties-dep-block:nth-child(6n+2) .faculties-list h4 {
        color: #623a19;
    }

.faculties-dep-block:nth-child(6n+3) .faculties-list {
    background: rgba(123, 140, 57, 0.9);
}

    .faculties-dep-block:nth-child(6n+3) .faculties-list li:hover {
        background-color: #616a2a;
    }

    .faculties-dep-block:nth-child(6n+3) .faculties-list h4 {
        color: #7b8c39;
    }

.faculties-dep-block:nth-child(6n+4) .faculties-list {
    background: rgba(147, 154, 10, 0.9);
}

    .faculties-dep-block:nth-child(6n+4) .faculties-list li:hover {
        background-color: #6e7306;
    }

    .faculties-dep-block:nth-child(6n+4) .faculties-list h4 {
        color: #939a0a;
    }

.faculties-dep-block:nth-child(6n+5) .faculties-list {
    background: rgba(57, 133, 165, 0.9);
}

    .faculties-dep-block:nth-child(6n+5) .faculties-list li:hover {
        background-color: #0a597e;
    }

    .faculties-dep-block:nth-child(6n+5) .faculties-list h4 {
        color: #3985a5;
    }

.faculties-dep-block:nth-child(6n) .faculties-list {
    background: rgba(41, 132, 172, 0.9);
}

    .faculties-dep-block:nth-child(6n) .faculties-list li:hover {
        background-color: #15698e;
    }

    .faculties-dep-block:nth-child(6n) .faculties-list h4 {
        color: #2984ac;
    }

.faculties-dep-block:nth-child(6n+1) .faculties-list {
    background: rgba(246, 146, 36, 0.9);
}

    .faculties-dep-block:nth-child(6n+1) .faculties-list li:hover {
        background-color: #c36600;
    }

    .faculties-dep-block:nth-child(6n+1) .faculties-list h4 {
        color: #f69224;
    }

.main-sliders-btn:hover {
    background: #fff;
    color: #323232;
    opacity: 0.9;
}

.main-sliders-btn-container:hover {
    opacity: 0.9;
}

.wrap-student-details {
    background-color: #f8f8f8;
    background-image: url("../img/std_bg.jpg");
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#student-details .arrows {
    float: right;
    font-size: 14px;
}

#student-details .profile-tabs h3.expand .collapsed {
    display: none;
    margin-right: 10px;
}

#student-details .profile-tabs h3:not(.expand) .expanded {
    display: none;
}

.certifications h2,
.portfolios h2 {
    font-weight: 600;
    font-size: 50px;
    text-transform: uppercase;
    text-align: center;
    color: #666666;
    margin: 24px 0;
}

.student-menu {
    float: right;
    margin: 30px 0 40px 0;
}

    .student-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .student-menu li {
        float: left;
    }

        .student-menu li a {
            text-decoration: none;
            font-size: 17px;
            font-weight: 100;
            color: #a4ba3a;
        }

        .student-menu li span {
            padding: 0 4px;
            font-size: 17px;
            font-weight: 100;
            color: #a4ba3a;
        }

        .student-menu li:hover span {
            color: #999999;
        }

        .student-menu li:hover a {
            color: #999999;
        }

        .student-menu li.active span {
            color: #999999;
        }

        .student-menu li.active a {
            color: #999999;
        }

.student-profile {
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.profile-block-1 {
    width: 265px;
}

.download-cv,
.contact-student {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight: 100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 18px 0 0 0;
    line-height: 40px;
    border: 1px solid #cdcdcd;
}

.download-cv {
    background-image: -moz-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
    background-image: -webkit-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
    background-image: -ms-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
}

.contact-student {
    background-image: -moz-linear-gradient(90deg, #869c3a 0%, #b3c936 100%);
    background-image: -webkit-linear-gradient(90deg, #869c3a 0%, #b3c936 100%);
    background-image: -ms-linear-gradient(90deg, #869c3a 0%, #b3c936 100%);
}

.details_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.details-title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0 23px 0;
    width: 100%;
}

.details-list {
    list-style: none;
    padding: 0;
    margin: 0 0 23px 0;
    width: 33%;
}

    .details-list li {
        font-weight: 100;
        font-size: 17px;
        color: #545453;
    }

        .details-list li span {
            font-weight: 400;
            font-size: 17px;
            color: #000;
        }

.details_dsc {
    font-weight: 100;
    color: #545453;
    margin: 0;
    width: 45%;
}

.details-spr {
    height: 14px;
}

.profile-block-2 {
    width: 496px;
    margin-right: 410px;
}

.profile-data {
    margin: 25px 0px 0px;
}

.name-student {
    font-size: 24px;
    font-weight: 400;
    color: #58b6dd;
    margin: 0;
}

.years-stydent {
    font-weight: 100;
    font-size: 17px;
    color: #999999;
}

.data-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    margin: 20px 0;
}

.data-cell-left {
    width: 30%;
    color: #010101;
    font-weight: 400;
}

.data-cell-right {
    font-weight: 100;
    color: #545453;
    width: 70%;
}

.profile-block-3 {
    width: 385px;
    position: absolute;
    right: 0;
}

.profile-tabs {
    margin: 0 0 20px 0;
}

    .profile-tabs h3 {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        padding: 11px 18px;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        margin: 0;
        background: #839a3b url("../img/tab_arrow.png") 95% center no-repeat;
    }

.profile-tabs-open.profile-tabs h3 {
    background: #839a3b;
}

.profile-tabs_content {
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 7px 15px 18px 15px;
    background: #fff;
}

.profile-tabs:not(:first-child) h3 {
    cursor: pointer;
}

.profile-tabs:not(:first-child) .profile-tabs_content {
    display: none;
}

.profile-tabs_content ul {
    padding: 0 0 5px 0;
    margin: 0;
    list-style: none;
    border-bottom: 2px dashed #e9e9e9;
}

.profile-tabs_content li::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #e5e5e5;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 40%;
    left: 0;
}

.profile-tabs_bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 27px 0 0 0;
}

.profile-tabs_bottom-r {
    font-size: 17px;
    font-weight: 100;
    color: #545453;
}

.certifications::before {
    content: "";
    display: block;
    height: 144px;
    width: 100%;
    background: url("../img/green_separator.png") no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#student-details .certifications {
    padding: 0 0 300px 0;
    margin-bottom: -250px;
    clear: both;
}

.certificat-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.certificat {
    height: 330px;
    margin: 0 10px;
    background: #fff;
    text-align: center;
    font-weight: 100;
}

.portfolio_wrap-img,
.certificat_wrap-img {
    width: 100%;
    height: 205px;
    overflow: hidden;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*portfolio_wrap-img img,
.certificat_wrap-img img {
    min-width: 100%;
    min-height: 100%;
}*/
.certificat_title {
    font-size: 18px;
    text-transform: uppercase;
    margin: 15px 0 0 0;
    color: #545453;
    font-weight: 400;
}

.certificat_text {
    font-size: 17px;
    color: #545453;
    margin: 0;
}

.certificat_link {
    font-size: 17px;
    color: #b6cd34;
    text-decoration: none;
}

.certificat_data {
    font-size: 16px;
    margin: 20px 0 18px;
    color: #a1a174;
}

.portfolios::before {
    content: "";
    display: block;
    /*  height: 96px; */
    height: 144px;
    width: 100%;
    background: url("../img/green_separator2.png") no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#student-details .portfolios {
    padding: 0;
    z-index: 0;
    padding-top: -100px;
    margin-bottom: -300px;
}

#student-details .sertifications {
    padding: 0;
    z-index: 0;
    padding-top: 50px;
    margin-bottom: -450px;
}

.portfolio-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.portfolio-title {
    text-transform: uppercase;
    font-size: 18px;
    margin: 14px 0;
    font-weight: 400;
}

.portfolio_text {
    margin: 18px 20px 18px 20px;
    font-size: 18px;
}

.wrap-inner {
    width: 66.5%;
}

.wrap-inner-l {
    float: left;
    width: 36%;
}

.wrap-inner-r {
    float: right;
    width: 45%;
}

.wrap-agents-page {
    font-family: 'Roboto Condensed', sans-serif;
    background-image: url("images/bg/min/agents_page_bg-min.jpg");
    background-attachment: fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0 0 170px 0;
    margin-bottom: -170px;
}

    .wrap-agents-page .nav_agents-page_deep {
        display: block;
    }

    .wrap-agents-page .breadcrumbs {
        margin-bottom: 70px;
    }

    .wrap-agents-page:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

.agents-page-l {
    width: 33%;
    float: left;
}

.agents-page-r {
    width: 67%;
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .agents-page-r.agents-full-size {
        float: none;
        width: 100%;
    }

    .agents-page-r > div {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.nav_agents-page {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #eaeaea;
}

    .nav_agents-page > li > a {
        height: 44px;
        line-height: 44px;
        text-decoration: none;
        color: #666666;
        font-size: 17px;
        font-weight: 300;
        background: #f6f6f6;
        display: block;
        padding: 0 0 0 20px;
        border-top: 1px solid #eaeaea;
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
        position: relative;
    }

        .nav_agents-page > li > a.active,
        .nav_agents-page > li > a:hover {
            background: #f79321;
            color: #fff;
            padding: 0 0 0 25px;
            margin-left: -5px;
            border: 1px solid #cb8c25;
        }

            .nav_agents-page > li > a.active::after,
            .nav_agents-page > li > a:hover::after {
                content: "";
                position: absolute;
                width: 32px;
                height: 32px;
                background: #f79321;
                right: -16px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                top: 6px;
                right: -17px;
                border-top: 1px solid #cb8c25;
                border-right: 1px solid #cb8c25;
            }

            .nav_agents-page > li > a.active::before,
            .nav_agents-page > li > a:hover::before {
                content: "";
                position: absolute;
                left: -0;
                border: 5px solid transparent;
                border-top: 5px solid #573104;
                border-right: 5px solid #573104;
                bottom: -11px;
            }

.nav_agents-page_deep {
    margin: 0;
    padding: 0 0 0 6px;
    list-style: none;
    display: none;
}

    .nav_agents-page_deep > li > a {
        /*height: 44px;*/
        line-height: 44px;
        text-decoration: none;
        color: #666666;
        font-size: 17px;
        font-weight: 300;
        background: #fff;
        display: block;
        padding: 0 0 0 20px;
        border-bottom: 1px solid #eaeaea;
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
    }

    .nav_agents-page_deep > li:last-child > a {
        border-bottom: 0px solid #eaeaea;
    }

    .nav_agents-page_deep > li > a:hover,
    .nav_agents-page_deep > li > a.active {
        background: #666666;
        color: #fff;
    }

.agents_block {
    width: 370px;
    border: 1px solid #57b6de;
    margin: 0 14px 47px 14px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
}

.agents_block_log {
    height: 50px;
    border-bottom: 1px solid #57b6de;
    padding: 5px 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .agents_block_log > img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

.agents_block_link {
    text-decoration: none;
    color: #57b6de;
    font-size: 17px;
    text-align: center;
    display: block;
    padding: 8px 0;
}

    .agents_block_link p {
        margin: 0;
    }

.agents_block_inner {
    padding: 0 20px 20px 20px;
}

    .agents_block_inner ul {
        border-top: 1px solid #e9e9e9;
        border-bottom: 1px solid #e9e9e9;
        margin: 0;
        padding: 0;
        list-style: none;
        padding: 5px 0 0 0;
    }

    .agents_block_inner li {
        margin-bottom: 17px;
        font-size: 17px;
        height: 35px;
        background-repeat: no-repeat;
        background-position: 0% 50%;
    }

    .agents_block_inner .agents_block_name,
    .agents_block_inner .agents_block_address,
    .agents_block_inner .agents_block_tel {
        padding-top: 14px;
    }

.agents_block_name {
    font-weight: 400;
    background-image: url("images/agents_block_name.png");
    padding: 1px 0 1px 46px;
}

.agents_block_address {
    font-weight: 300;
    background-image: url("images/agents_block_address.png");
    padding: 7px 0 7px 46px;
}

.agents_block_tel {
    font-weight: 400;
    background-image: url("images/agents_block_tel.png");
    padding: 5px 0 5px 46px;
}

.agents_block_mail {
    font-weight: 300;
    background-image: url("images/agents_block_mail.png");
    padding: 1px 0 1px 46px;
}

    .agents_block_mail a {
        text-decoration: none;
        color: #000;
    }

.wrap_duties-page ol {
    list-style: none;
    counter-reset: li;
}

.wrap_duties-page_content li:before {
    counter-increment: li;
    content: counters(li, ".") ". ";
}

.wrap_btn {
    text-align: center;
}

.wrap_duties-page {
    background: url("../Styles/images/bg/min/Agents_Duties_and_Responsibilities_bg-min.png");
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: 120px;
    padding-bottom: 150px;
    margin-bottom: -138px;
}

    .wrap_duties-page h2 {
        background-color: rgba(0, 0, 0, 0.6);
        display: inline-block;
        padding: 0 10px;
        color: #fff;
        text-transform: uppercase;
        font-size: 50px;
    }

.duties-page_link {
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 22px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    background: #ea9330;
    border: 1px solid #ea9330;
    max-width: 300px;
    width: 300px;
    display: inline-block;
    margin: 0 15px;
}

    .duties-page_link.active,
    .duties-page_link:hover {
        border: 1px solid #fda424;
        -webkit-box-shadow: inset 0 0px 15px 8px #c27d2f;
        -moz-box-shadow: inset 0 0px 15px 8px #c27d2f;
        box-shadow: inset 0 0px 15px 8px #c27d2f;
    }

.wrap_duties-page_content {
    display: none;
}

.wrap_duties-page_content-show {
    display: block;
}

.wrap_duties-page_content h3 {
    font-size: 22px;
    color: #545453;
    margin: 30px 0;
}

.wrap_duties-page_content ol li {
    color: #333;
    font-size: 17px;
    font-weight: 300;
}

.wrap_duties-page_content ol {
    padding: 0;
}

.wrap_duties-page_content > ol {
    margin: 10px 0;
}

.duties-page_more {
    height: 48px;
    line-height: 48px;
    border: 1px solid #545453;
    color: #545453;
    text-decoration: none;
    text-transform: uppercase;
    width: 440px;
    max-width: 440px;
    display: block;
    margin: 50px auto 0;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
}

    .duties-page_more:hover {
        background: #545453;
        color: #fff;
    }

/*=================================
    QUESTIONNAIRE FORMS START
===================================*/
.forms_page * {
    margin: 0;
    padding: 0;
}

.forms_page .forms_page_head {
    width: 100%;
}

.forms_page .tophead_img {
    display: block;
    width: 100%;
    height: 607px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.forms_page .tophead_hinline {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    padding-top: 100px;
}

    .forms_page .tophead_hinline span {
        font-weight: 300;
    }

    .forms_page .tophead_hinline p {
        background: rgba(0, 0, 0, 0.6);
        width: 48%;
        padding-left: 10px;
    }

.forms_page .tophead_txt {
    font-size: 19px;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    margin-top: 50px;
    position: absolute;
    bottom: 20px;
}

    .forms_page .tophead_txt p {
        text-align: left;
        background: rgba(0, 0, 0, 0.6);
        padding: 10px 10px;
    }

    .forms_page .tophead_txt span {
        font-weight: 300;
    }

.forms_page .forms_block {
    background-image: url("images/bg/studentsbg-3.jpg");
    width: 100%;
    background-attachment: fixed;
    display: block;
    padding-bottom: 170px;
    margin-bottom: -170px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.forms_page .wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

/*.forms_page .bread_crumbs {
    width: 100%;
    height: 50px;
}*/
/*
=========================================================================
category A
===========================================================================
*/
/*title group with separator*/
.forms_page .separator_groups {
    font-size: 25.48px;
    color: #545453;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    overflow: hidden;
}

    .forms_page .separator_groups h2 {
        display: inline;
        position: Relative;
        padding: 0 20px;
    }

.forms_page .cata h2:after {
    content: "";
    display: block;
    background: #f69220;
    height: 2px;
    width: 300%;
    position: absolute;
    right: -300%;
    bottom: 10px;
}

.forms_page .cata h2:before {
    content: "";
    display: block;
    background: #f69220;
    height: 2px;
    width: 300%;
    position: absolute;
    bottom: 0;
    left: -300%;
    bottom: 10px;
}

/*group*/
.forms_page .forms_group {
    width: 100%;
    /* display: flex;
    flex-wrap: wrap;*/
    /* justify-content: space-between;*/
    margin-top: 50px;
}

/*group item*/
.forms_page .forms_item {
    border-width: 1px;
    border-color: #d7d7d7;
    border-style: solid;
    background-color: white;
    width: 282px;
    overflow: hidden;
    margin: 0 8px 15px;
}

.forms_page .item_img {
    display: block;
    width: 282px;
    height: 160px;
    overflow: hidden;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*.forms_page .item_img img {
    width: 100%;
}*/
.forms_page p.discr_headlin {
    font-size: 19.364px;
    color: #545453;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.forms_page .underline {
    width: 50%;
    margin: 0 auto;
    color: #dadada;
}

.forms_page p.discript_main_txt {
    font-size: 15px;
    color: #434343;
    line-height: 1.2;
    padding: 20px 20px 0;
    text-align: justify;
    height: 126px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 20px;
}

.forms_page .form_button {
    margin: 0 20px;
    cursor: pointer;
}

.forms_page .button_p a {
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #eb8815;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-image: -moz-linear-gradient(90deg, #df7904 0%, #fb9929 100%);
    background-image: -webkit-linear-gradient(90deg, #df7904 0%, #fb9929 100%);
    background-image: -ms-linear-gradient(90deg, #df7904 0%, #fb9929 100%);
    width: 100%;
    height: 54px;
    text-decoration: none;
    font-size: 22px;
    color: white;
    text-transform: uppercase;
    line-height: 54px;
    text-align: center;
}

.forms_page .button_p,
.forms_page .button_d {
    margin-bottom: 20px;
}

    .forms_page .button_d a:hover {
        background: #869C3A;
    }

    .forms_page .button_p a:hover {
        background: #df7904;
    }

    .forms_page .button_d a {
        display: block;
        border-style: solid;
        border-width: 1px;
        border-color: #a0b94b;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
        background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
        background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
        width: 100%;
        height: 54px;
        text-decoration: none;
        font-size: 22px;
        color: white;
        text-transform: uppercase;
        line-height: 54px;
        text-align: center;
    }

/*end group item*/
/*
=================================================================
busines group
===================================================================
*/
.forms_page .busines_group {
    margin-top: 60px;
}

.forms_page .bds h2:after {
    content: "";
    display: block;
    background: #58b6dd;
    height: 2px;
    width: 300%;
    position: absolute;
    right: -300%;
    bottom: 10px;
}

.forms_page .bds h2:before {
    content: "";
    display: block;
    background: #58b6dd;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: -300%;
    width: 300%;
    bottom: 10px;
}

/*
=================================================================
trainer group
===================================================================
*/
.forms_page .trainer_group {
    margin-top: 60px;
}

.forms_page .trin h2:after {
    content: "";
    display: block;
    background: #809f16;
    height: 2px;
    width: 300%;
    position: absolute;
    right: -300%;
    bottom: 10px;
}

.forms_page .trin h2:before {
    content: "";
    display: block;
    background: #809f16;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: -300%;
    width: 300%;
    bottom: 10px;
}

/*=================================
    QUESTIONNAIRE FORMS END
===================================*/
/*=================================
    CAMPUSES PAGE
===================================*/
body {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.campuses-page-wrap {
    width: 100%;
    min-height: 900px;
    height: auto;
    padding-bottom: 150px;
    background: url(images/campuses-page/campuses-page-bg1.png) no-repeat right bottom;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: black;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-position: center;
}

    .campuses-page-wrap h4 {
        margin: 0;
        padding: 80px 0 0 0;
        font-weight: 400;
        color: #333;
        font-size: 25px;
        text-transform: uppercase;
    }

.campuses-page-wrap-bot h4 {
    text-align: center;
    padding: 20px 0;
}

.campuses-page-wrap p {
    color: #545453;
    font-size: 17px;
    font-weight: 300;
}

.campuses-tabs-preview {
    position: relative;
    width: 20%;
    height: 240px;
    float: left;
    margin-bottom: 13px;
    cursor: pointer;
    background: #ccc;
}

    .campuses-tabs-preview > div {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

.campuses-tabs-preview-active::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    bottom: -15px;
    left: 0;
    background: #8F9E5A;
}

.campuses-tabs-preview-active::after {
    position: absolute;
    content: '';
    bottom: -11px;
    left: -webkit-calc(50% - 2px);
    left: -moz-calc(50% - 2px);
    left: calc(50% - 2px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #8F9E5A transparent;
}

.campuses-tabs-preview1 img {
    height: 100%;
}

.campuses-tabs-preview1 h5 {
    background-color: #8AA03A;
    margin: 0;
    line-height: 38px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

.campuses-tabs-preview1 a {
    position: absolute;
    left: -webkit-calc(50% - 75px);
    left: -moz-calc(50% - 75px);
    left: calc(50% - 75px);
    bottom: 25px;
    width: 150px;
    line-height: 30px;
    border: 1px solid #545453;
    background: #fff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    color: #545453;
    text-align: center;
    text-decoration: none;
}

.campuses-tabs-preview1:hover a {
    background: #8AA03A;
    color: #fff;
}

.campuses-tabs-preview2 div .text-container {
    position: absolute;
    bottom: 0;
    background-color: #58B6DD;
    height: 90px;
    width: 100%;
}

#campus .campuses-preview-image {
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.campuses-tabs-preview2 div:first-child {
    height: 150px;
}

.campuses-tabs-preview1 .campuses-preview-image {
    height: 100%;
}

.campuses-tabs-preview2 .campuses-preview-image {
    height: 150px;
}

.campuses-tabs-preview3 .campuses-preview-image {
    height: 100%;
}

.campuses-tabs-preview4 .campuses-preview-image {
    height: 135px;
    width: 80%;
    margin-left: 10%;
}

.campuses-tabs-preview5 .campuses-preview-image {
    height: 100%;
}

.campuses-tabs-preview2 h5 {
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0 10px;
}

.campuses-tabs-preview2 a {
    position: absolute;
    left: -webkit-calc(50% - 75px);
    left: -moz-calc(50% - 75px);
    left: calc(50% - 75px);
    width: 150px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 auto;
}

.campuses-tabs-preview2:hover div div {
    background-color: #7ac6e6;
}

.campuses-tabs-preview3 p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 20px;
    width: auto;
    display: block;
    max-width: 200px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

/*.campuses-tabs-preview3 img {
    height: 100%;
}*/
.campuses-tabs-preview3 a {
    position: absolute;
    left: -webkit-calc(50% - 75px);
    left: -moz-calc(50% - 75px);
    left: calc(50% - 75px);
    bottom: 25px;
    width: 150px;
    line-height: 30px;
    border: 1px solid #fff;
    background: #8E6339;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.campuses-tabs-preview3:hover a {
    background: #ad845c;
}

.campuses-tabs-preview4 {
    background-color: #F99120;
}

    /*.campuses-tabs-preview4 img {
    height: auto;
    max-height: 135px;
    width: calc(100% - 40px);
    display: block;
    margin: 0 auto;
    padding: 0 20px;
}*/
    .campuses-tabs-preview4 h5 {
        text-align: center;
        color: #fff;
        font-weight: 300;
        font-size: 18px;
        text-transform: uppercase;
        margin: 10px 0;
    }

    .campuses-tabs-preview4 a {
        position: absolute;
        left: -webkit-calc(50% - 75px);
        left: -moz-calc(50% - 75px);
        left: calc(50% - 75px);
        width: 150px;
        text-align: center;
        color: #fff;
        font-weight: 300;
        font-size: 18px;
        text-transform: uppercase;
        margin: 20px auto;
    }

    .campuses-tabs-preview4:hover {
        background-color: #58B6DD;
    }

.campuses-tabs-preview5 p {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 20px;
    color: #fff;
    margin: 0;
    font-size: 17px;
    font-weight: 300;
    text-align: center;
}

/*.campuses-tabs-preview5 img {
    height: 100%;
}*/
.campuses-tabs-preview5 a {
    position: absolute;
    left: -webkit-calc(50% - 75px);
    left: -moz-calc(50% - 75px);
    left: calc(50% - 75px);
    bottom: 25px;
    width: 150px;
    line-height: 30px;
    border: 1px solid #fff;
    background: #58B6DD;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.campuses-tabs-preview5:hover a {
    background: #78c4e4;
}

.campuses-tabs-bot {
    clear: both;
    background: #fff;
    height: auto;
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

    .campuses-tabs-bot p {
        margin: 0;
        color: #545453;
        font-size: 22px;
        padding: 20px 20px 0 20px;
    }

.campuses-tabs-bot-wrap {
    padding: 20px 20px 0 20px;
}

.campuses-tabs-img {
    overflow: hidden;
    width: 120px;
    height: 110px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    background: #ccc;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*.campuses-tabs-img img {
    width: 250%;
    margin-left: -75%;
    height: auto;
    margin-top: -50%;
}*/
.campuses-tabs-img-mid {
    width: 245px;
    height: 110px;
}

.campuses-tabs-bot-wrap a:first-child {
    width: 270px;
    height: 225px;
}

.campuses-tabs-bot-wrap a:nth-child(3),
.campuses-tabs-bot-wrap a:nth-child(6) {
    width: 245px;
    height: 110px;
}

.campuses-page-wrap2 {
    height: 650px;
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -195px;
    margin-bottom: -190px;
}

.campuses-page-wrap2-left {
    height: 100%;
    width: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.campuses-page-wrap2-right {
    position: relative;
    height: 100%;
    width: 50%;
    background: url("images/campuses-page/campuses2-bg2.jpg") no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.campuses-page-address-wrap {
    position: absolute;
    top: -webkit-calc(50% - 160px);
    top: -moz-calc(50% - 160px);
    top: calc(50% - 160px);
    left: 15%;
    background-color: #56B6DE;
    width: 100%;
    max-width: 450px;
    height: 320px;
}

    .campuses-page-address-wrap h5 {
        background-color: #fff;
        margin: 0;
        padding: 10px 0;
        border: 1px solid #56B6DE;
        color: #56b6de;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
    }

    .campuses-page-address-wrap p {
        margin: 20px 20px 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 17px;
        font-weight: 400;
    }

    .campuses-page-address-wrap h6 {
        margin: 0;
        padding: 30px 20px 10px;
        color: #fff;
        font-size: 17px;
        font-weight: 700;
    }

    .campuses-page-address-wrap ul {
        padding: 0 20px;
        list-style: none;
        color: #fff;
        font-size: 17px;
        font-weight: 400;
        margin: 0;
    }

        .campuses-page-address-wrap ul li span:first-child {
            display: block;
            width: 70%;
            float: left;
        }

        .campuses-page-address-wrap ul li span:nth-child(2) {
            display: block;
            width: 30%;
            float: left;
        }

.campuses-tabs-bot {
    display: none;
}

.db {
    display: block !important;
}

.campuses-tabs-top a {
    pointer-events: none;
}

#campus .virtual-visit {
    position: relative;
    margin-top: 50px;
    border: 2px solid #8aa03a;
    margin: 20px 0;
    width: 100%;
    height: 350px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#campus .clear {
    clear: both;
}

#campus .virtual-visit a {
    position: absolute;
    bottom: 20px;
    right: 20px;
    outline: none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    text-decoration: none;
    font-weight: 100;
    padding: 12px 40px;
    color: #fff;
    background: #a2b838;
    background: -webkit-linear-gradient(#b1c736, #869c3a);
    background: -o-linear-gradient(#b1c736, #869c3a);
    background: -moz-linear-gradient(#b1c736, #869c3a);
    background: -webkit-gradient(linear, left top, left bottom, from(#b1c736), to(#869c3a));
    background: linear-gradient(#b1c736, #869c3a);
    position: absolute;
    font-size: 17px;
    text-transform: uppercase;
}

#campus .slick-slider .main-sliders-text {
    max-width: 1200px;
}

#campus .main-sliders-text {
    padding-right: 0;
}

/*=================================
    CAMPUSES PAGE END
===================================*/
/*=================================
    PROMO MATERIALS PAGE START
===================================*/
.promo_material_page,
.promo_material_page * {
    padding: 0;
    margin: 0;
}

    .promo_material_page a {
        cursor: pointer;
    }

    .promo_material_page .wrap {
        width: 1200px;
        margin: 0 auto;
    }

    .promo_material_page .promoM_tophead_img {
        width: 100%;
        height: 715px;
        display: block;
        background-position: center;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .promo_material_page .topheadM_hinline {
        font-size: 50px;
        color: white;
        text-transform: uppercase;
        line-height: 1.2;
        text-align: left;
        padding-top: 100px;
    }

        .promo_material_page .topheadM_hinline p {
            background: rgba(0, 0, 0, 0.8);
            width: 38%;
            padding: 0 10px;
            /* margin-top: 100px; */
        }

    .promo_material_page .bread_crumbs {
        width: 100%;
        height: 50px;
    }

    .promo_material_page .top_materials_txt h2 {
        font-size: 25px;
        color: #333333;
        text-transform: uppercase;
        line-height: 1.4;
        text-align: left;
        font-weight: 300;
    }

    .promo_material_page .top_materials_txt {
        font-size: 17px;
        color: #545453;
        line-height: 1.2;
        text-align: Left;
        margin-bottom: 35px;
        font-weight: 300;
    }

    .promo_material_page .materials_block {
        background-image: url("images/bg/min/materials_bg-min.jpg");
        width: 100%;
        background-attachment: fixed;
        display: block;
        padding-bottom: 170px;
        margin-bottom: -170px;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .promo_material_page .camuses_block {
        width: 100%;
        margin-bottom: 20px;
    }

    .promo_material_page .content_wrap {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .promo_material_page .campuses_wrap {
        width: 318px;
    }

    .promo_material_page select {
        border-style: solid;
        border-width: 1px;
        border-color: #cdcdcd;
        background-color: white;
        width: 281px;
        height: 43px;
        outline: none;
        font-size: 18px;
        font-family: "Roboto Condensed";
        color: #545453;
        text-transform: uppercase;
        line-height: 1.2;
        text-align: left;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding-left: 5px;
        -webkit-appearance: none;
        background-image: url("images/select_arrow.png");
        background-position: 96% center;
        background-repeat: no-repeat;
    }

    .promo_material_page .materials_block_wrap {
        width: 882px;
    }

    .promo_material_page .campus_head {
        width: 278px;
        position: relative;
        height: auto;
        overflow: hidden;
    }

        .promo_material_page .campus_head img {
            width: 100%;
            height: auto;
        }

    .promo_material_page .campuses_wrap h2 {
        font-size: 17px;
        color: #84993b;
        text-transform: uppercase;
        line-height: 1.2;
        text-align: Left;
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .promo_material_page .group_buttons {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 50px;
        position: relative;
        margin-top: -54px;
    }

    .promo_material_page .buttons_V {
        width: 50%;
    }

        .promo_material_page .buttons_V a {
            font-size: 17px;
            color: white;
            line-height: 2.059;
            text-decoration: none;
            text-align: center;
            display: block;
            background-color: #91a739;
            opacity: 0.902;
            line-height: 50px;
        }

    .promo_material_page .buttons_D {
        width: 50%;
    }

        .promo_material_page .buttons_D a {
            font-size: 17px;
            color: white;
            line-height: 2.059;
            text-decoration: none;
            text-align: center;
            display: block;
            background-color: #91a739;
            opacity: 0.902;
            line-height: 50px;
        }

            .promo_material_page .buttons_D a:hover,
            .promo_material_page .buttons_V a:hover {
                text-decoration: underline;
                background: #74862c;
                opacity: 1;
            }

    .promo_material_page .group_buttons:after {
        content: "";
        display: block;
        width: 1px;
        background: #fff;
        height: 71%;
        position: absolute;
        left: 50%;
        top: 6px;
    }

    .promo_material_page p.title_txt {
        font-size: 25px;
        color: #666666;
        text-transform: uppercase;
        line-height: 1.4;
        text-align: left;
        font-weight: 100;
        padding: 20px 20px 0px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .promo_material_page p.discript_txt {
        font-size: 17px;
        color: #666666;
        line-height: 1.2;
        text-align: Left;
        font-weight: 100;
        height: 80px;
        padding: 0px 20px 0px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .promo_material_page .txt_block {
        background-color: white;
        width: 278px;
        height: auto;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .promo_material_page .main_matirials {
        width: 100%;
    }

    .promo_material_page .main_matirials_img {
        width: 100%;
        height: auto;
        max-height: 525px;
        overflow: hidden;
    }

        .promo_material_page .main_matirials_img img {
            width: 100%;
        }

    .promo_material_page .bottom_materials_block {
        /*width: 100%;*/
        padding: 20px;
        background-color: white;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .promo_material_page .txt {
        width: 65%;
    }

    .promo_material_page p.title_brochure {
        font-size: 25px;
        color: #666666;
        text-transform: uppercase;
        line-height: 1.4;
        text-align: left;
        font-weight: 300;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .promo_material_page p.txt_brochure {
        font-size: 17px;
        color: #545453;
        line-height: 1.2;
        text-align: Left;
        font-weight: 300;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .promo_material_page .buttons {
        width: 35%;
    }

    .promo_material_page .buttons_view {
        border-style: solid;
        border-width: 1px;
        border-color: #cdcdcd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-image: -moz-linear-gradient(90deg, #869c3a 0%, #b3c936 100%);
        background-image: -webkit-linear-gradient(90deg, #869c3a 0%, #b3c936 100%);
        background-image: -ms-linear-gradient(90deg, #869c3a 0%, #b3c936 100%);
        width: 100%;
        height: 43px;
        margin: 0 auto;
    }

        .promo_material_page .buttons_view a {
            font-size: 18px;
            color: white;
            line-height: 43px;
            text-align: center;
            display: block;
            text-decoration: none;
        }

            .promo_material_page .buttons_view a:hover {
                text-decoration: underline;
                background: #74862c;
            }

    .promo_material_page .buttons_doenload {
        border-style: solid;
        border-width: 1px;
        border-color: #cdcdcd;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-image: -moz-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
        background-image: -webkit-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
        background-image: -ms-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
        margin: 0 auto;
        margin-top: 22px;
        width: 100%;
        height: 43px;
    }

        .promo_material_page .buttons_doenload a:hover {
            text-decoration: underline;
            background: #326f88;
        }

        .promo_material_page .buttons_doenload a {
            font-size: 18px;
            color: white;
            line-height: 1.2;
            text-align: center;
            line-height: 43px;
            text-align: center;
            display: block;
            text-decoration: none;
        }

    .promo_material_page .group_materials {
        width: 100%;
        margin-top: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .promo_material_page .material_block {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px);
        margin-bottom: 30px;
        /*margin-left: 10px;
        margin-right: 10px;*/
    }

    .promo_material_page .material_head {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .promo_material_page .material_head img {
            width: 100%;
        }

    .promo_material_page .material_title {
        width: 100%;
    }

    .promo_material_page .txt_block_materials {
        width: 100%;
        background: #fff;
        height: auto !important;
    }

    .promo_material_page p.m_title_txt {
        font-size: 25px;
        color: #666666;
        text-transform: uppercase;
        line-height: 1.4;
        text-align: left;
        padding: 20px 20px 0;
        font-weight: 300;
        height: auto;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .promo_material_page p.m_discript_txt {
        font-size: 17px;
        color: #666666;
        line-height: 1.2;
        text-align: left;
        padding: 0px 20px 20px;
        font-weight: 300;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

/*=================================
    PROMO MATERIALS PAGE END
===================================*/
.faculties-section-departments {
    margin-top: 120px;
}

/*=================================
    READ MORE
===================================*/
.collapse-text-toggle {
    font-size: 0.9em;
    color: #84993B;
    cursor: pointer;
}

    .collapse-text-toggle:hover {
        color: #222222;
    }

/*.collapse-text-toggle:before {
    content: '\00a0(';
}
.collapse-text-toggle:after {
    content: ')';
}*/
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.home-section-campuses {
    padding-bottom: 180px;
    padding-top: 130px;
}

.home-section-media_posts {
    z-index: 9;
    padding-top: 30px;
    padding-bottom: 130px;
    height: auto;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

.home-section-social_media {
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-bottom: -160px;
}

footer::before {
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

/*------------------------------------------------------------------------------*/
.hidden-logo {
    display: none;
}

.hidden-butter {
    display: none;
}

.hidden-closer {
    display: none;
}

.hidden-dropper {
    display: none;
}

.slick-initialized .slick-slide {
    outline: none;
}

.main-top-slider span.bg-opacity {
    opacity: 1 !important;
}

.main-sliders-content .wrap {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.main-top-slider .main-sliders-btn-container {
    opacity: 1;
}

.easy-autocomplete.eac-square {
    width: 100% !important;
}

.faculties-section-departments .parallax-window .wrap:after {
    content: '';
    display: block;
    height: 0;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    clear: both;
}

.faculties-section-top {
    padding-bottom: 40px;
}

#calendar_tab #intakes-calendar-container {
    margin-top: 0 !important;
    background-image: none !important;
}

#campus .main-sliders-content .wrap {
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #campus .main-sliders-content .wrap * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.main-top-slider .main-sliders-title {
    max-width: 100%;
}

.main-top-slider .main-sliders-text span.bg-opacity {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
}

.campuses-page-wrap-top {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .campuses-page-wrap-top .row {
        margin: 0 !important;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .campuses-page-wrap-top .row .col-sm-12 {
            padding: 0;
        }

.fancybox-image {
    width: 100%;
    height: auto;
}

.fancybox-inner {
    width: 100% !important;
    height: 100% !important;
}

.fancybox-skin {
    padding: 0;
}

.fancybox-prev {
    left: -12px;
}

    .fancybox-prev span {
        right: auto;
        left: 0;
    }

.fancybox-next {
    right: -12px;
}

    .fancybox-next span {
        left: auto;
        right: 0;
    }

.fancybox-overlay * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fancybox-wrap {
    max-width: -webkit-calc(100vw - 40px);
    max-width: -moz-calc(100vw - 40px);
    max-width: calc(100vw - 40px);
}

.fancybox-close {
    right: 0;
    top: -15px;
}

.campuses-tabs-preview5 p {
    text-align: center;
    width: 100%;
    font-weight: 700;
}

.portal-link-sep {
    opacity: 0;
}

#intakes-calendar-container div.unit-names table .row-count-1 {
    height: 48px;
}

#intakes-calendar-container div.unit-names table .row-count-2 {
    height: 96px;
}

#intakes-calendar-container div.unit-names table .row-count-3 {
    height: 144px;
}

#intakes-calendar-container div.unit-names table .row-count-4 {
    height: 192px;
}

#intakes-calendar-container div.unit-names table .row-count-5 {
    height: 240px;
}

#intakes-calendar-container div.unit-names table .row-count-6 {
    height: 288px;
}

#services .hidden-form-block {
    display: none;
}

.main-menu {
    max-width: -webkit-calc(1200px - 148px);
    max-width: -moz-calc(1200px - 148px);
    max-width: calc(1200px - 148px);
}

.fancybox-iframe-wrap {
    max-width: none !important;
    width: 100vw !important;
    height: 100vh !important;
}

    .fancybox-iframe-wrap .fancybox-iframe {
        min-height: 100vh;
    }

.fancybox-type-iframe .fancybox-close {
    top: 20px !important;
    right: 20px !important;
}

    .fancybox-type-iframe .fancybox-close::after {
        color: black;
    }

@media screen and (max-width: 1280px) {

    #teachers-details .content-container {
        padding: 0 15px;
        width: 100% !important;
    }

    #teachers-details .main-content {
        width: calc(100% - 350px);
    }

    #teachers-details .dropdown-list {
        width: 330px;
    }



    .fancybox-type-iframe .fancybox-close {
        top: -38px;
        right: 5px;
    }

    .campuses-page-address-wrap {
        left: 20px;
    }

    .campuses-page-wrap2 * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .content-logo-wrap {
        display: none !important;
    }

    #visa .content-container, section.video-section .content-container {
        width: 100%;
        max-width: 1200px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
    }

    #visa .header .describtion, #services .header .describtion {
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
    }

    #intakes-calendar-container div.unit-names table {
        font-size: 14px;
    }

        #intakes-calendar-container div.unit-names table .row-count-1 {
            height: 48px;
        }

        #intakes-calendar-container div.unit-names table .row-count-2 {
            height: 96px;
        }

        #intakes-calendar-container div.unit-names table .row-count-3 {
            height: 144px;
        }

        #intakes-calendar-container div.unit-names table .row-count-4 {
            height: 192px;
        }

        #intakes-calendar-container div.unit-names table .row-count-5 {
            height: 240px;
        }

        #intakes-calendar-container div.unit-names table .row-count-6 {
            height: 288px;
        }

    .campuses-tabs-bot-wrap a {
        max-width: 100%;
    }

    .campuses-page-wrap-bot {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #campus .campuses-preview-image {
        display: none;
    }

    .campuses-tabs-top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #campus .campuses-tabs-preview a {
        display: none;
    }

    .campuses-tabs-preview2 div:first-child {
        height: auto;
    }

    .campuses-tabs-top .campuses-tabs-preview {
        float: none !important;
        height: auto;
        background-color: #F99120;
    }

    .campuses-tabs-preview5 p {
        position: static;
        margin: 0 !important;
    }

    .campuses-tabs-preview * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .campuses-tabs-preview1 h5 {
        background-color: #F99120;
        height: 70px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .campuses-tabs-preview2 h5 {
        background-color: #58B6DD;
        margin: 0;
        padding: 10px 5px;
        line-height: 1;
        height: 70px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .campuses-tabs-preview3 p {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        max-width: none;
        background-color: #8E6339;
        height: 70px;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 !important;
    }

    .campuses-tabs-preview4 h5 {
        background-color: #58B6DD;
        height: 70px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .campuses-tabs-preview5 p {
        font-weight: 400;
        background-color: #F99120;
        height: 70px;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .campuses-tabs-preview1 h5:hover, .campuses-tabs-preview1.campuses-tabs-preview-active h5 {
        background-color: #8AA03A;
    }

    .campuses-tabs-preview2 h5:hover, .campuses-tabs-preview2.campuses-tabs-preview-active h5 {
        background-color: #8AA03A;
    }

    .campuses-tabs-preview4 h5:hover, .campuses-tabs-preview4.campuses-tabs-preview-active h5 {
        background-color: #8AA03A;
    }

    .campuses-tabs-preview3 p:hover, .campuses-tabs-preview3.campuses-tabs-preview-active p {
        background-color: #8AA03A;
    }

    .campuses-tabs-preview5 p strong:hover, .campuses-tabs-preview5.campuses-tabs-preview-active p strong {
        background-color: #8AA03A;
    }

    .campuses-tabs-preview3 p, .campuses-tabs-preview5 p strong {
        display: block;
        font-weight: 300;
        position: static;
        line-height: 1;
        margin: 0;
        padding: 10px 5px;
        font-size: 18px;
    }

    .campuses-tabs-preview5 > div > p:first-child, .campuses-tabs-preview5 > div > p:last-child {
        padding: 0 !important;
    }

    .campuses-tabs-preview5 p strong {
        font-weight: 300 !important;
    }

    .campuses-tabs-preview1 h5, .campuses-tabs-preview4 h5 {
        line-height: 1;
        margin: 0;
        padding: 10px 5px;
    }

    .campuses-tabs-preview2 div .text-container {
        position: static;
        background-color: transparent;
        height: auto;
    }

    #teachers-details-tab .teachers-details-list {
        text-align: center !important;
    }

    #teachers-details-tab .teachers-details {
        min-width: 260px !important;
        display: inline-block;
        float: none !important;
    }

    .intakes_shedule {
        width: 100% !important;
    }

    .intakes_shedule_content_txt {
        font-size: 14px;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap {
        width: 100% !important;
    }

    #courses-container .breadcrumbs {
        margin-bottom: 10px !important;
    }

    #business {
        width: 100%;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .details {
        width: -webkit-calc(100% - 280px) !important;
        width: -moz-calc(100% - 280px) !important;
        width: calc(100% - 280px) !important;
    }

    .information-tab {
        padding: 15px;
    }

        .information-tab .sub-tabs {
            margin: 10px !important;
        }

        .information-tab .sub-tab-content {
            margin: 10px 0 !important;
            width: -webkit-calc(100% - 240px) !important;
            width: -moz-calc(100% - 240px) !important;
            width: calc(100% - 240px) !important;
        }

    #courses-information {
        width: 100%;
        max-width: 1200;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .breadcrumbs {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .faculties-dep-block .faculties-list {
        margin-right: 50px;
    }

    .main-sliders-text {
        width: 100%;
    }

    .main-top-slider .detail {
        padding: 15px;
    }

    .home-section-slider-bottom {
        display: none;
    }

    .home-section-location .home-section-top {
        width: 100%;
    }

    .home-dep-block-descr {
        padding-bottom: 20px;
    }

        .home-dep-block-descr .wrap {
            margin: 0;
            padding: 20px 15px;
        }

    .home-dep-block .parallax-window {
        min-height: 400px;
    }

    form.location_form .g-recaptcha {
        text-align: center;
        margin: 10px auto;
    }

        form.location_form .g-recaptcha > div {
            margin: 0 auto;
        }

    form.location_form input[type="button"] {
        float: none;
        margin: 0 auto 15px;
        display: block;
    }

    .easy-autocomplete.eac-square input {
        min-width: 0;
    }

    form.location_form {
        width: 90%;
    }

    .easy-autocomplete.eac-square {
        width: 100% !important;
    }

    .location_form-wrap {
        margin-top: 20px;
        width: 100%;
        max-width: 560px;
    }

    #map {
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        height: 1265px;
    }

    section.home-section-location {
        padding: 150px 15px;
    }

    .home-section-location {
        height: auto;
    }

        .home-section-location .home-section-top {
            position: static;
        }

    .location_form-wrap {
        position: static;
    }

    .main_slide_img, .main_slide_content {
        margin: 0 auto;
    }

    .home-section-testimonials {
        height: auto;
        padding-bottom: 180px;
    }

    .home-section-media_posts {
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .home-section-social_media {
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-bottom: -160px;
    }

    footer::before {
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .home-section-social_media {
        height: auto;
        padding-bottom: 140px;
    }

    form.social_media_form fieldset {
        margin-bottom: 10px;
    }

    form.social_media_form input[type="button"],
    form.social_media_form input[type="email"],
    form.social_media_form select {
        width: 100%;
        max-width: 400px;
    }

    form.social_media_form {
        margin: 0;
        display: block;
        text-align: center;
    }

    .media_posts-right-wrap .media_posts-yt-wrap {
        text-align: center;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .media_posts-right-wrap {
        width: 100% !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .media_posts-yt-wrap iframe {
        width: 100% !important;
    }

    .media_posts-inst-wrap {
        flex-wrap: wrap;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .best-students {
        margin-top: 0;
    }

        .best-students.margin-left-20 {
            margin-left: 0;
        }

    .block-inst_wrap {
        width: -webkit-calc(100% - 270px);
        width: -moz-calc(100% - 270px);
        width: calc(100% - 270px);
    }

    .post-item {
        width: 100%;
    }

    .home-section-media_posts {
        height: auto;
        padding-top: 130px;
        padding-bottom: 150px;
    }

        .home-section-media_posts .wrap {
            width: 100% !important;
        }

        .home-section-media_posts .home-section-bottom {
            display: block;
        }

    .media_posts-left-wrap {
        flex-wrap: wrap;
        margin: 15px 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: space-around;
    }

    .post-item {
        margin: 10px;
    }
    /* calendar ---------------------------*/
    .wrap-calendar {
        width: 100% !important;
    }

    .home-section-schedules .loader {
        width: 100%;
    }
    /* - ----------------------------------*/
    .home-section-bottom {
        padding: 0 15px;
    }

    .home-section-top {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-campuses1-wrap, .slider-campuses2-wrap {
        height: auto;
    }

        .slider-campuses1-wrap img, .slider-campuses2-wrap img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            max-width: none;
            min-width: 100%;
            min-height: 100%;
            height: auto;
            width: auto;
        }

    .slider-campuses1 .slick-slide, .slider-campuses2 .slick-slide {
        overflow: hidden;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

    .slider-campuses1-wrap .slick-track, .slider-campuses2-wrap .slick-track {
        height: 270px;
    }
    /* foooooter -------------------------- */
    footer .top_footer .wrap {
        text-align: center;
        padding: 0 15px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .center_footer_content.footer_center_logo {
        width: 100%;
        margin: 0;
    }

    .top_footer_content {
        margin: 10px;
        width: 300px;
    }

    .bottom_footer .wrap {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    footer .top_footer .wrap {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .center_footer {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .center_footer .wrap {
            padding: 15px;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .center_footer_content {
        margin: 10px;
        width: 250px;
        text-align: center;
    }

    .wrap {
        width: 100% !important;
        max-width: 1200px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .top-header .wrap {
        padding: 0 15px;
    }
    /* header -------------------------------------------------------------- */
    /* logo */
    .bottom-header .wrap {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 10px;
    }

    .bottom-header .logo {
        display: none;
    }

    .bottom-header .hidden-logo, .header-fixed .fixed_logo {
        display: block;
        width: 165px;
        max-height: 68px;
    }

    .fixed_logo, .header-fixed .fixed_logo {
        display: block;
        width: 148px;
        height: 60px;
    }
    /* menu */
    .main-menu {
        float: none;
        width: -webkit-calc(100% - 210px);
        width: -moz-calc(100% - 210px);
        width: calc(100% - 210px);
    }

    #header-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #header-nav > li {
            width: -webkit-calc(100%/7);
            width: -moz-calc(100%/7);
            width: calc(100%/7);
        }

    .bottom-header {
        height: auto;
    }

    .main-menu_level-1 > li > a {
        /*  padding: 15px 10px;*/
        height: 81px;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .main-menu_level-2 {
        top: 100%;
    }

    .home-section-slider {
        margin-top: 0px;
    }

    .header-fixed .bottom-header {
        height: auto;
    }

    .main-menu_level-1 {
        width: 100%;
    }

    .header-fixed .main-menu_level-1 > li > a {
        width: auto;
    }

    .header-fixed .main-menu_level-1 > li {
        width: -webkit-calc(100%/7);
        width: -moz-calc(100%/7);
        width: calc(100%/7);
    }
}

@media screen and (max-width: 1200px) {
    .header-fixed {
        -webkit-transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
}

@media screen and (min-width: 920px) {
    #header-nav ul {
        display: none !important;
    }

    .header-fixed {
        -webkit-transform: translateY(-34px);
        -moz-transform: translateY(-34px);
        -ms-transform: translateY(-34px);
        -o-transform: translateY(-34px);
        transform: translateY(-34px);
    }

    #header-nav > li.menu-item-3:hover .main-menu_level-2,
    #header-nav > li.menu-item-4:hover .main-menu_level-2,
    #header-nav > li.menu-item-5:hover .main-menu_level-2,
    #header-nav > li.menu-item-6:hover .main-menu_level-2 {
        display: block !important;
    }

    #header-nav > li.menu-item-2:hover .main-menu_level-2,
    #header-nav > li.menu-item-7:hover .main-menu_level-2 {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

        #header-nav > li.menu-item-2:hover .main-menu_level-2 ul,
        #header-nav > li.menu-item-7:hover .main-menu_level-2 ul {
            display: block !important;
        }
}

@media screen and (max-width: 920px) {
    .header-fixed .main-menu_level-1 > li > a {
        width: 250px;
        height: auto;
    }

    #msform .enrolment-step-fs {
        width: 100%;
        margin: 0;
    }

    .main-menu * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #intakes-calendar-container div.unit-names {
        top: 84px !important;
        height: auto !important;
        bottom: 0;
    }

        #intakes-calendar-container div.unit-names table tr {
            font-size: 12px;
            text-transform: none;
            line-height: 1;
        }

    #intakes-calendar-container * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #intakes-calendar-container div.unit-names table .row-count-1 {
        height: 34px !important;
    }

    #intakes-calendar-container div.unit-names table .row-count-2 {
        height: 68px !important;
    }

    #intakes-calendar-container div.unit-names table .row-count-3 {
        height: 102px !important;
    }

    #intakes-calendar-container div.unit-names table .row-count-4 {
        height: 136px !important;
    }

    #intakes-calendar-container div.unit-names table .row-count-5 {
        height: 170px !important;
    }

    #intakes-calendar-container div.unit-names table .row-count-6 {
        height: 204px !important;
    }

    .campuses-page-address-wrap ul li:after {
        content: '';
        display: block;
        height: 0;
        font-size: 1px;
        line-height: 1px;
        overflow: hidden;
        clear: both;
    }

    .campuses-page-wrap2 {
        height: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .campuses-page-wrap2-right {
        padding: 15px;
        width: 100%;
    }

    .campuses-page-wrap2-right {
        padding-bottom: 160px;
    }

    .campuses-page-address-wrap {
        position: static;
        margin: 0 auto;
        padding-bottom: 20px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
    }

    .campuses-page-wrap2-left {
        width: 100%;
        height: 400px;
    }

    .campuses-tabs-bot p {
        font-size: 18px;
        text-align: center;
    }

    .campuses-page-wrap p {
        margin: 5px 0;
        font-size: 16px;
    }

    #campus .main-sliders-content .wrap .main-sliders-title {
        padding-top: 30px;
    }

    #campus .all-sliders {
        height: auto;
    }

    #campus .main-sliders-content .wrap {
        height: 450px;
    }

    #campus .main-top-slider .slider-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #campus .main-top-slider .slick-slide {
        height: 450px;
    }

    #campus .slick-slider .main-sliders-text {
        max-width: -webkit-calc(100% - 30px);
        max-width: -moz-calc(100% - 30px);
        max-width: calc(100% - 30px);
        position: absolute;
        bottom: 0;
    }

    #campus .all-sliders .main-sliders-content {
        position: static;
        height: auto;
        margin: 0;
    }

    #courses-container .popup_calendar, #intakes-calendar-container .popup_calendar {
        right: 0;
        left: auto !important;
        width: 200px !important;
    }

    #intakes-calendar-container div.unit-names tr {
        height: auto !important;
    }

    #courses-container .cal_box td, #intakes-calendar-container .cal_box td {
        height: auto !important;
    }

    #courses-container .cal_box th, #intakes-calendar-container .cal_box th {
        font-size: 18px;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes {
        padding-left: 30px;
    }

    #courses-container .cal_box table.ui-datepicker-calendar, #intakes-calendar-container .cal_box table.ui-datepicker-calendar {
        font-size: 14px !important;
    }

    #courses-container td, #intakes-calendar-container td, #courses-container td, #intakes-calendar-container td {
        -moz-background-size: 30px 30px;
        -o-background-size: 30px 30px;
        background-size: 30px 30px;
    }

    #courses-container .cal_box tr, #intakes-calendar-container .cal_box tr {
        height: 32px !important;
    }

    #courses-container .cal_box, #intakes-calendar-container .cal_box {
        width: 100% !important;
        float: none !important;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .options-block {
        width: 100% !important;
        max-width: 300px;
        margin: 15px auto;
        float: none !important;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap p {
        text-align: center;
    }

    .itakes_title {
        margin: 0 !important;
        padding: 20px 15px;
    }

    ul.intakes_title_link li:hover {
        background-color: #84993b !important;
        color: #fff !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
    }

    ul.intakes_title_link li:after {
        display: block !important;
    }

    ul.intakes_title_link {
        text-align: center;
    }

        ul.intakes_title_link li {
            width: auto !important;
            padding: 0px 20px;
            margin: 10px;
            float: none !important;
            display: inline-block;
        }

    .curriculum-tab {
        margin: 0 !important;
        padding: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .curriculum-tab tr:not(:first-child) td {
            padding: 5px !important;
            font-size: 14px;
        }

    #business {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        #business .description {
            padding: 0 !important;
        }

        #business .business-image {
            float: none !important;
            width: 100% !important;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        #business .text-title {
            margin-top: 20px;
            float: none !important;
            width: 100% !important;
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

    .information-tab .sub-tab-content, .information-tab .sub-tabs {
        margin: 0 !important;
        width: 100% !important;
        float: none !important;
    }

    .information-tab .sub-tabs {
        margin-bottom: 15px !important;
    }

    .faculties-section-top .wrap {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .faculties-dep-block-descr {
        padding-bottom: 25px;
    }

        .faculties-dep-block-descr p {
            margin: 10px 0;
            font-size: 16px;
        }

    .faculties-list::before, .faculties-list:after {
        display: none;
    }

    .faculties-dep-block .wrap {
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .faculties-dep-block .faculties-list {
        margin: 0 auto;
        float: none;
        padding: 10px 0;
        top: 0;
    }

    .faculties-dep-block .parallax-window {
        min-height: 300px;
        background-attachment: scroll;
    }

    .faculties-dep-block h3 {
        display: none;
    }

    .main-menu_level-1 > li > a {
        padding: 15px 10px;
    }

    .home-section-slider-top {
        height: auto;
    }

    .main-top-slider span.bg-opacity {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .home-section-slider-top .main-top-slider .slick-slide {
        height: auto;
        min-height: 400px;
    }

    .main-top-slider .main-sliders-title {
        position: static;
        padding-top: 40px;
        font-size: 32px;
    }

    .main-top-slider .main-sliders-text {
        position: static;
        margin-top: 60px;
        font-size: 16px;
    }

    .main-top-slider .main-sliders-btn-container {
        position: static;
        margin-top: 30px;
        margin: 30px auto;
    }

    .home-section-slider {
        margin-top: 93px;
    }

    .main-sliders-content .wrap {
        height: auto;
        position: static;
    }

    .main-top-slider .detail {
        height: 400px !important;
        position: static;
    }

    #campus .slick-dots, .home-section-slider-top .slick-dots {
        display: none !important;
    }

    .wrap_portal-link a b {
        line-height: 1;
        margin-top: 10px;
        display: inline-block;
    }

    .home-section-campuses {
        padding-top: 60px;
        margin-top: -40px;
    }

    .home-dep-block h3 {
        line-height: 50px;
        font-size: 30px;
    }

    .parallax-window {
        background-attachment: scroll !important;
    }

    .home-dep-block-descr a {
        font-size: 18px;
    }

    .home-dep-block-descr p {
        margin: 15px 0;
        font-size: 18px;
    }

    .home-section-social_media {
        background: none !important;
        background-image: none !important;
        background-color: #eeeeee !important;
    }

    .social_media-social_link li {
        height: 50px;
        width: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .home-section-top h2 {
        font-size: 36px;
    }

    .home-section-social_media .home-section-bottom {
        margin-top: 30px;
    }

    .home-section-bottom h2 {
        font-size: 36px;
        margin: 0;
        padding-bottom: 15px;
    }

        .home-section-bottom h2 p {
            margin: 0;
        }
    /* side buttons  -------------------------------- */
    .enroll-full-open_btn {
        -webkit-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: translate(0, -50%) rotate(90deg);
        -moz-transform: translate(0, -50%) rotate(90deg);
        -ms-transform: translate(0, -50%) rotate(90deg);
        -o-transform: translate(0, -50%) rotate(90deg);
        transform: translate(0, -50%) rotate(90deg);
        left: auto;
        top: 0;
        min-width: 60px;
        font-size: 0;
        -webkit-border-radius: 0px 0 5px 5px;
        -moz-border-radius: 0px 0 5px 5px;
        border-radius: 0px 0 5px 5px;
    }

        .enroll-full-open_btn:before {
            content: "Enroll";
            font-size: 16px;
            font-weight: 500;
            color: white;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            line-height: 38px;
        }

    .enroll-full-form {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 40px;
        min-height: 60px;
        top: auto;
        bottom: 40px;
    }

    .enroll-form select, .enroll-form input {
        font-size: 16px;
        height: 35px;
    }

    .enroll-form {
        width: 250px;
    }

    .enroll-now-form {
        width: 250px;
        min-height: 350px;
        top: auto;
        bottom: 0;
        z-index: 99999;
        right: 0;
    }

        .enroll-now-form.slide {
            -webkit-transform: translate(250px);
            -moz-transform: translate(250px);
            -ms-transform: translate(250px);
            -o-transform: translate(250px);
            transform: translate(250px);
        }

        .enroll-now-form .select2-selection--single {
            font-size: 16px;
            height: 35px;
        }

    .select2-results {
        font-size: 16px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 35px;
    }

    .enroll-form .select2-selection--single:after {
        height: 35px;
    }

    .enroll-now-open_btn {
        -webkit-border-radius: 5px 0 0px 5px;
        -moz-border-radius: 5px 0 0px 5px;
        border-radius: 5px 0 0px 5px;
        font-size: 0;
        min-width: 40px;
        top: auto;
        left: -40px;
        bottom: 90px;
        z-index: 999;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

        .enroll-now-open_btn:before {
            content: '';
            position: absolute;
            top: 19px;
            left: 5px;
            background-color: white;
            width: 30px;
            height: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

        .enroll-now-open_btn:after {
            content: '';
            position: absolute;
            top: 5px;
            left: 19px;
            background-color: white;
            height: 30px;
            width: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

    .home-section-slider-bottom {
        display: none;
    }

    .top-header {
        height: auto;
        position: relative;
    }

    .wrap_search input {
        height: 35px;
        margin: 0 auto;
        display: block;
    }

    .wrap_search {
        background-color: #2a2a2a;
        margin: 0;
    }

    .hidden-search-button {
        display: block;
        width: 40px;
        /* height: 100%; */
        background-image: url("../Styles/images/top-header-search.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    .wrap_portal-link a {
        margin: 0 10px;
        font-size: 0;
        display: inline-block;
    }

    .wrap_inner-header .wrap_search {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .wrap_lang .select-lang {
        font-size: 0;
        display: inline-block;
    }

        .wrap_lang .select-lang .cour-lang {
            font-size: 12px;
        }

    .wrap_portal-link a {
        line-height: 0;
    }

        .wrap_portal-link a b {
            font-size: 12px;
        }

    .wrap_portal-link .portal-link-sep {
        display: none;
    }
    /* footer */
    .top_footer_content a {
        font-size: 14px;
    }

    .top_footer_content h4 a, .top_footer_content h4 {
        margin-top: 0;
        font-size: 16px;
    }

    .top_footer_content {
        margin: 10px;
        width: 250px;
    }

    .footer_center_logo {
        display: none;
    }

    .center_footer_content h4 {
        margin-top: 0;
        font-size: 16px;
    }

    .center_footer_content p {
        font-size: 14px;
    }

    .bottom_footer {
        padding: 10px 15px;
        text-align: center;
    }

    .bottom_footer_copyrigt h4 {
        font-size: 16px;
        margin-top: 0;
    }

    .bottom_footer_copyrigt p {
        font-size: 14px;
        margin-bottom: 0;
    }
    /* header */
    #homePage .hidden-dropper {
        opacity: 0;
        pointer-events: none;
    }

    #header-nav > li:hover ul {
        display: none;
    }

    .main-menu {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 100%;
        bottom: 0;
        z-index: 10;
        background-color: white;
        overflow: auto;
    }

        .main-menu > ul > li > ul {
            position: static;
            width: 100% !important;
            height: auto;
            max-height: none;
            display: none;
        }

            .main-menu > ul > li > ul > li > ul.main-menu_level-3 {
                display: none;
            }

    .menu-item-2 .main-menu_level-2 > li > a, .menu-item-7 .main-menu_level-2 > li > a, .menu-item-2 .main-menu_level-2 > li > span {
        border-bottom: none !important;
        display: inline-block;
        width: 250px;
        text-align: left;
    }

    .main-menu > ul > li > ul > li {
        border-bottom: 1px solid white;
    }

    #header-nav li {
        position: relative;
    }

    #header-nav > li > ul {
        padding: 0;
    }

    .main-menu > ul > li > ul > li {
        width: 100% !important;
    }

    .main-menu_level-1 > li {
        text-align: center;
    }

        .main-menu_level-1 > li > a {
            display: inline-block;
            height: auto;
            width: auto;
            width: 250px;
            text-align: left;
        }

        .main-menu_level-1 > li a {
            margin-bottom: 0 !important;
        }

    #header-nav li.parent-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .hidden-dropper {
        display: inline-block;
        width: 30px;
        height: 30px;
        position: relative;
        border: 1px solid #666666;
        overflow: hidden;
    }

        .hidden-dropper span {
            position: absolute;
            width: 10px;
            height: 10px;
            border-left: 1px solid #666666;
            border-bottom: 1px solid #666666;
            top: -webkit-calc(50% - 2px);
            top: -moz-calc(50% - 2px);
            top: calc(50% - 2px);
            left: -webkit-calc(50% - 0px);
            left: -moz-calc(50% - 0px);
            left: calc(50% - 0px);
            -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -moz-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
            -o-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

        .hidden-dropper.open span {
            top: -webkit-calc(50% + 2px);
            top: -moz-calc(50% + 2px);
            top: calc(50% + 2px);
            -webkit-transform: translate(-50%, -50%) rotate(135deg);
            -moz-transform: translate(-50%, -50%) rotate(135deg);
            -ms-transform: translate(-50%, -50%) rotate(135deg);
            -o-transform: translate(-50%, -50%) rotate(135deg);
            transform: translate(-50%, -50%) rotate(135deg);
        }

    #header-nav ul {
        width: 100% !important;
    }

    #header-nav {
        display: block;
    }

        #header-nav > li {
            float: none;
            width: 100%;
        }

    .hidden-closer {
        position: relative;
        display: block;
        width: 50px;
        height: 50px;
        margin: 3px auto;
        border: 1px solid #666666;
        cursor: pointer;
    }

        .hidden-closer:before {
            content: '';
            position: absolute;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 30px;
            height: 2px;
            left: 10px;
            top: 24px;
            background-color: #666666;
        }

        .hidden-closer:after {
            content: '';
            position: absolute;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            width: 30px;
            height: 2px;
            left: 10px;
            top: 24px;
            background-color: #666666;
        }

    .hidden-butter {
        display: block;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #666666;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

        .hidden-butter span {
            position: absolute;
            height: 2px;
            background-color: #666666;
            top: -webkit-calc(50% - 1px);
            top: -moz-calc(50% - 1px);
            top: calc(50% - 1px);
            left: -webkit-calc(50% - 30px/2);
            left: -moz-calc(50% - 30px/2);
            left: calc(50% - 30px/2);
            width: 30px;
        }

        .hidden-butter:before {
            content: '';
            position: absolute;
            height: 2px;
            background-color: #666666;
            top: -webkit-calc(50% + 8px);
            top: -moz-calc(50% + 8px);
            top: calc(50% + 8px);
            left: -webkit-calc(50% - 30px/2);
            left: -moz-calc(50% - 30px/2);
            left: calc(50% - 30px/2);
            width: 30px;
        }

        .hidden-butter:after {
            content: '';
            position: absolute;
            height: 2px;
            background-color: #666666;
            top: -webkit-calc(50% - 10px);
            top: -moz-calc(50% - 10px);
            top: calc(50% - 10px);
            left: -webkit-calc(50% - 30px/2);
            left: -moz-calc(50% - 30px/2);
            left: calc(50% - 30px/2);
            width: 30px;
        }
    /* header */
}

@media screen and (max-width: 767px) {
    .media_posts-inst-wrap > a {
        margin: 10px !important;
    }


    .fancybox-iframe-wrap {
        width: 100vw !important;
        left: 0 !important;
    }

    .breadcrumbs ul li {
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .campuses-page-wrap {
        padding-bottom: 120px;
    }

    #campus .virtual-visit {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #campus .virtual-visit a {
            width: 100%;
            max-width: 200px;
            right: -webkit-calc(50% - 200px/2);
            right: -moz-calc(50% - 200px/2);
            right: calc(50% - 200px/2);
            padding: 10px;
            text-align: center;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    #courses-container .wrap * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .breadcrumbs {
        text-align: right;
        width: 100% !important;
        margin: 0 !important;
    }

        .breadcrumbs div {
            display: block !important;
            text-align: right;
        }

        .breadcrumbs ul {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -moz-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            .breadcrumbs ul li {
                display: inline-block !important;
                position: relative;
                padding-left: 5px;
            }

                .breadcrumbs ul li:not(:first-child):before {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    left: 0;
                }

    .home-section-departments {
        margin-bottom: -40px;
    }

    .home-section-campuses .raw-inside {
        padding-top: 55px;
    }

    .main-top-slider .main-sliders-text {
        display: none;
    }

    .main-top-slider .detail {
        position: relative;
    }

    .main-top-slider .main-sliders-btn-container {
        position: absolute;
        bottom: 10px;
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
        text-align: center;
    }

    .campuses-tabs-preview4 h5, .campuses-tabs-preview5 p strong, .campuses-tabs-preview3 p, .campuses-tabs-preview2 h5, .campuses-tabs-preview1 h5 {
        font-size: 14px;
        line-height: 1.2;
    }

    #teachers-details-tab .teachers-details {
        min-width: 200px !important;
        margin: 0 auto;
    }

    #teachers-details-tab .teacher-img {
        width: 200px !important;
        height: 200px !important;
    }

    #teachers-details-tab .languages, #teachers-details-tab .profiles, #teachers-details-tab .campus, #teachers-details-tab .e-mail {
        padding: 5px !important;
        word-break: break-word;
    }

    #courses-container .ui-datepicker-title, #intakes-calendar-container .ui-datepicker-title {
        font-size: 20px !important;
        line-height: 30px;
    }

    #intakes-calendar-container .calendar-intakes-wrap {
        margin-top: 0 !important;
    }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap button[type="button"] {
            max-width: 100px !important;
            height: 35px !important;
            font-size: 12px !important;
            margin: 10px;
        }

    ul.intakes_title_link li a {
        font-size: 15px !important;
    }

    ul.intakes_title_link li {
        margin: 3px 10px;
    }

    .itakes_title {
        padding: 10px;
    }

    .intakes_shedule_content_txt {
        font-size: 14px !important;
    }

    .intakes_shedule_content .intakes_shedule_content_txt:first-child {
        width: 40%;
    }

    .intakes_shedule_content .intakes_shedule_content_txt:nth-child(2) {
        width: 40%;
    }

    .intakes_shedule_content .intakes_shedule_content_txt:last-child {
        width: 20%;
    }

    .curriculum-tab {
        padding: 10px 3px;
    }

        .curriculum-tab th {
            font-size: 12px;
            padding: 5px !important;
        }

        .curriculum-tab tr:not(:first-child) td {
            font-size: 12px;
            padding: 3px !important;
        }

    #business {
        margin-bottom: 15px !important;
    }

        #business .text-title .title-wrapper h2 {
            font-size: 28px !important;
            text-align: center;
        }

        #business .text-title .title-wrapper p {
            font-size: 18px !important;
            text-align: center;
        }

    .details {
        margin-left: 0 !important;
        width: 100% !important;
    }

        .details .navigation ul li {
            font-size: 11px !important;
        }

    .leftbar-informations {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        float: none !important;
        width: 100% !important;
        max-width: 500px !important;
        margin: 0 auto 15px;
    }

        .leftbar-informations::after {
            display: none;
        }

    .prices {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
        margin: 5px !important;
        position: relative;
    }

        .prices ul li {
            width: 100% !important;
            font-size: 13px !important;
        }

    .leftbar-informations h2 {
        font-size: 16px !important;
    }

    .leftbar-informations p {
        font-size: 14px;
        padding-bottom: 0;
    }

    .leftbar-informations .orange-block {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
        margin: 5px !important;
    }

    .breadcrumbs {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

        .breadcrumbs ul {
            margin-left: 0 !important;
        }

            .breadcrumbs ul li {
                font-size: 13px !important;
            }

    .faculties-list h4 {
        padding: 10px;
        font-size: 18px;
    }

    .faculties-list li a {
        font-size: 16px;
    }

    .faculties-list {
        max-width: 420px;
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
    }

    .faculties-section-top {
        padding-bottom: 15px;
    }

    .faculties-dep-block .parallax-window {
        min-height: 300px;
        background-attachment: scroll;
    }

    .faculties-section-top h2 {
        font-size: 32px;
        padding-bottom: 0;
    }

    .faculties-section-top p {
        font-size: 16px;
    }

    .main-top-slider .main-sliders-title {
        padding-top: 250px;
    }

    .main-top-slider .main-sliders-text {
        margin-top: 80px;
    }

    .home-section-campuses {
        margin-top: 0px;
    }

    .home-dep-block h3 {
        font-size: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 25px;
    }

    .home-dep-block .parallax-window {
        min-height: 250px;
    }

    .home-section-location .top-text {
        padding: 10px;
    }

    form.location_form input[type="text"], form.location_form input[type="email"] {
        font-size: 15px;
        height: 40px;
    }

    form.location_form textarea {
        padding: 10px;
        height: 150px;
        font-size: 15px;
    }

        form.location_form input::-webkit-input-placeholder, form.location_form textarea::-webkit-input-placeholder {
            font-size: 15px;
        }

        form.location_form input:-moz-placeholder, form.location_form textarea:-moz-placeholder {
            font-size: 15px;
        }

        form.location_form input::-moz-placeholder, form.location_form textarea::-moz-placeholder {
            font-size: 15px;
        }

        form.location_form input:-ms-input-placeholder, form.location_form textarea:-ms-input-placeholder {
            font-size: 15px;
        }

    .home-section-testimonials .wrap {
        padding-top: 50px;
    }

    .home-section-bottom h2, .home-section-top h2 {
        font-size: 36px;
    }

    .social_media-social_link ul {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 0 15px;
        margin: 0;
    }

        .social_media-social_link ul li {
            margin: 0 15px;
        }

    form.social_media_form input[type="button"],
    form.social_media_form input[type="email"],
    form.social_media_form select {
        font-size: 16px;
        padding: 0 10px;
        height: 40px;
        width: 100%;
        max-width: 400px;
    }

    form.social_media_form select {
        background-position: -webkit-calc(100% - 10px) center;
        background-position: -moz-calc(100% - 10px) center;
        background-position: calc(100% - 10px) center;
        -moz-background-size: 15px 10px;
        -o-background-size: 15px 10px;
        background-size: 15px 10px;
    }

    form.social_media_form input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        font-size: 16px;
    }

    form.social_media_form input[type="email"]:-moz-placeholder, textarea:-moz-placeholder {
        font-size: 16px;
    }

    form.social_media_form input[type="email"]::-moz-placeholder, textarea::-moz-placeholder {
        font-size: 16px;
    }

    form.social_media_form input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
        font-size: 16px;
    }

    form.social_media_form option {
        font-size: 16px;
    }
    /*
  .best-students {
    display: none; }*/
    .block-inst_wrap {
        width: 100%;
    }

    .home-section-top {
        padding-top: 0;
        padding-bottom: 0;
    }

    .home-section-media_posts .wrap > .wrap {
        padding: 0;
    }

    .post-item .post-title {
        font-size: 16px;
    }

    .post-item {
        margin: 10px 0;
    }

    .media_posts-left-wrap {
        display: block;
    }

    .top_footer {
        display: none;
    }

    .center_footer {
        background-color: #e9e9e9;
    }

    .calendar .year-title {
        float: none !important;
        display: block;
        padding-bottom: 10px;
    }

    .calendar .calendar-header .prev, .calendar .calendar-header .next {
        display: inline-block;
        float: none !important;
        position: absolute;
        top: 0px;
    }

    .calendar .calendar-header .prev {
        left: -webkit-calc(50% - 60px);
        left: -moz-calc(50% - 60px);
        left: calc(50% - 60px);
    }

    .calendar .calendar-header .next {
        margin: 0 !important;
        right: -webkit-calc(50% - 60px);
        right: -moz-calc(50% - 60px);
        right: calc(50% - 60px);
    }

    .calendar-header {
        text-align: center;
        position: relative;
    }

    .public-holidays {
        float: none !important;
        margin: 10px !important;
        max-width: 150px;
        display: inline-block;
    }

    .terms-breaks {
        margin: 10px !important;
        float: none !important;
        max-width: 150px;
        display: inline-block;
    }

    .home-section-top h2 {
        font-size: 36px;
    }

        .home-section-top h2 p {
            padding-bottom: 0;
        }

    .home-section-top p {
        font-size: 16px;
    }

    .slider-campuses1-wrap .slider-campuses1-title, .slider-campuses2-wrap .slider-campuses2-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 540px) {
    form.location_form .g-recaptcha {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0%;
        -moz-transform-origin: 0%;
        -ms-transform-origin: 0%;
        -o-transform-origin: 0%;
        transform-origin: 0%;
        margin: 10px 0;
    }

    .social_media-social_link ul li {
        margin: 0 5px;
        width: 30px;
        height: 30px;
    }

    .wrap_soc-link {
        display: none;
    }
}

/* NEW PAGE ADD by ArtG */
section.video-section {
    margin-top: 120px !important;
    margin-bottom: -170px;
}

    section.video-section .content-all {
        background-position: center center;
        background-attachment: fixed;
        width: 100%;
        overflow: hidden;
        padding-bottom: 170px;
    }

    section.video-section * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    section.video-section .header {
        background-position: center;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 607px;
        position: relative;
        overflow: hidden;
    }

        section.video-section .header h2 {
            margin: 0;
            display: inline-block;
            padding: 50px 0;
            font-size: 50px;
        }

        section.video-section .header .content-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        section.video-section .header h2 p {
            display: inline-block;
            padding: 5px;
            background-color: rgba(0, 0, 0, 0.8);
            line-height: 1.2;
            color: white;
            font-size: 50px;
            text-transform: uppercase;
            font-weight: 300;
            font-family: 'Roboto Condensed';
        }

        section.video-section .header .describtion {
            max-height: 290px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            color: #fff !important;
            background-color: rgba(0, 0, 0, 0.6);
            padding: 0 10px;
            font-size: 20px;
        }

.conteiner-video-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

section.video-section .top-text {
    padding: 15px 0 25px;
}

    section.video-section .top-text h2 {
        font-size: 25px;
        font-family: "Roboto Condensed";
        color: #333333;
        text-transform: uppercase;
        line-height: 1.4;
        margin: 0;
        font-weight: 300;
    }

    section.video-section .top-text .aftrer-text p {
        margin: 0 0 10px;
        font-size: 17px;
        font-family: "Roboto Condensed";
        color: #545453;
        line-height: 1.2;
        text-align: justifyLeft;
        font-weight: 300;
    }

section.video-section .siders {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
}

section.video-section .left-side {
    max-width: 280px;
    width: 100%;
}

section.video-section .main-content {
    max-width: -webkit-calc(100% - 320px);
    max-width: -moz-calc(100% - 320px);
    max-width: calc(100% - 320px);
    width: 100%;
}

section.video-section .left-side .select-row .select2-container {
    width: 100% !important;
    height: 40px;
    outline: none;
}

section.video-section .select2-container .select2-selection--single {
    height: 40px;
    outline: none;
    border-color: #cdcdcd;
}

section.video-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    font-size: 18px;
    font-family: "Roboto Condensed";
    color: #545453;
    text-transform: uppercase;
    font-weight: 300;
}

section.video-section .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
    height: 100%;
    bottom: 1px;
}

    section.video-section .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 8px 10px 0 10px;
        margin-left: -10px;
        margin-top: -4px;
        border-color: #e8e8e8 transparent transparent transparent;
    }

.dropOnVideo .select2-results__option[aria-selected=true] {
    background-color: white;
    padding-left: 10px;
    color: black;
}

.dropOnVideo.select2-dropdown {
    font-size: 18px;
    border: 1px solid #cdcdcd;
}

.select2-dropdown {
    z-index: 99999;
}

.dropOnVideo .select2-results__option[aria-selected] {
    padding-left: 10px;
    font-size: 16px;
}

section.video-section .left-side .tabs-row {
    margin: 5px 0;
    padding: 0;
}

    section.video-section .left-side .tabs-row .sub-tabs {
        margin: 0 !important;
        float: none;
        width: 100%;
    }

        section.video-section .left-side .tabs-row .sub-tabs ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: block;
        }

            section.video-section .left-side .tabs-row .sub-tabs ul li {
                display: block;
            }

section.video-section .left-side .more-block {
    margin-top: 30px;
    margin-bottom: 30px;
}

section.video-section .more-block .title-block {
    padding-bottom: 10px;
}

    section.video-section .more-block .title-block a {
        text-decoration: none;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        font-size: 17px;
        font-family: "Roboto Condensed";
        color: #84993b;
        text-transform: uppercase;
        line-height: 1.2;
    }

        section.video-section .more-block .title-block a:hover {
            color: #5d7509;
        }

section.video-section .more-block .content-list .item {
    background-color: white;
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
}

section.video-section .more-block .content-list .con {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 150px;
}

    section.video-section .more-block .content-list .con iframe {
        width: 100%;
        height: 100%;
    }

    section.video-section .more-block .content-list .con img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-height: 100%;
        min-width: 100%;
    }

section.video-section .more-block .after-text {
    padding: 15px 20px;
    font-size: 25px;
    font-weight: 300;
    font-family: "Roboto Condensed";
    color: #666666;
    text-transform: uppercase;
    line-height: 1.4;
    text-align: left;
}

section.video-section .main-content .big-item {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: white;
    margin: 0 10px;
}

    section.video-section .main-content .big-item .topper .con {
        width: 100%;
        /* height: 520px; */
        position: relative;
        overflow: hidden;
    }

        section.video-section .main-content .big-item .topper .con img {
            /* position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%; */
            min-width: 100%;
            max-width: 100%;
        }

    section.video-section .main-content .big-item .topper iframe {
        width: 100%;
        height: 520px;
    }

section.video-section .main-content .small-item .topper .con {
    width: 100%;
    /* height: 250px; */
    position: relative;
    overflow: hidden;
}

    section.video-section .main-content .small-item .topper .con img {
        /* position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 100%; */
        min-width: 100%;
        max-width: 100%;
    }

section.video-section .main-content .small-item .topper iframe {
    width: 100%;
    height: 250px;
}

section.video-section .main-content .list-small-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

section.video-section .main-content .small-item {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin: 10px;
    background-color: white;
}

section.video-section .main-content .bottomer {
    padding: 15px 20px;
}

    section.video-section .main-content .bottomer .title-text {
        text-transform: uppercase;
        font-size: 25px;
        font-weight: 300;
        font-family: "Roboto Condensed";
        color: #666666;
        text-transform: uppercase;
        line-height: 1.4;
    }

        section.video-section .main-content .bottomer .title-text p {
            margin: 0;
        }

    section.video-section .main-content .bottomer .after-text {
        font-size: 17px;
        font-family: "Roboto Condensed";
        color: #545453;
        line-height: 1.2;
    }

section.video-section .hidden-more {
    display: none;
}

@media screen and (max-width: 1280px) {
    section.video-section {
        margin-top: 111px !important;
    }
}

@media screen and (max-width: 920px) {

    .menu-item-2 .main-menu_level-2 > li, .menu-item-7 .main-menu_level-2 > li {
        max-width: none;
    }

    section.video-section {
        margin-top: 90px !important;
    }

        section.video-section .header {
            height: 450px;
        }

            section.video-section .header h2 {
                font-size: 32px;
                padding-top: 30px;
            }

        section.video-section .left-side .more-block {
            display: none;
        }

        section.video-section .hidden-more {
            display: block;
        }

            section.video-section .hidden-more .left-side {
                max-width: 100%;
            }

                section.video-section .hidden-more .left-side .title-block {
                    text-align: center;
                    padding-bottom: 10px;
                }

                section.video-section .hidden-more .left-side .content-list {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -webkit-align-items: flex-start;
                    -moz-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                }

        section.video-section .more-block .content-list .item {
            max-width: 280px;
            margin: 0 10px;
        }

        section.video-section .hidden-more .left-side .more-block {
            display: block;
        }

        section.video-section .more-block .after-text {
            font-size: 18px;
        }

        section.video-section .siders {
            display: block;
            padding-top: 0;
        }

        section.video-section .left-side {
            margin: 0 auto;
            padding-bottom: 15px;
        }

        section.video-section .main-content {
            max-width: 100%;
        }

            section.video-section .main-content .big-item .topper .con {
                /* height: 400px; */
            }

            section.video-section .main-content .big-item .topper iframe {
                height: 400px;
            }

            section.video-section .main-content .bottomer .title-text {
                font-size: 20px;
            }

            section.video-section .main-content .bottomer .after-text {
                font-size: 14px;
            }
}

@media screen and (max-width: 767px) {
    section.video-section .header .describtion {
        display: none;
    }

    section.video-section .content-all {
        padding-bottom: 130px;
    }
}

@media screen and (max-width: 666px) {
    section.video-section .main-content .big-item {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

        section.video-section .main-content .big-item .topper .con {
            /* height: 300px; */
        }

        section.video-section .main-content .big-item .topper iframe {
            height: 300px;
        }

    section.video-section .main-content .list-small-items {
        display: block;
    }

    section.video-section .main-content .small-item {
        width: -webkit-calc(100% - 0px);
        width: -moz-calc(100% - 0px);
        width: calc(100% - 0px);
        margin-left: 0;
        margin-right: 0;
    }

        section.video-section .main-content .small-item .topper .con {
            /* height: 180px; */
        }

        section.video-section .main-content .small-item .topper iframe {
            height: 180px;
        }
}

section.single-texter {
    background-color: #e9e9e9;
    margin-top: 120px !important;
    margin-bottom: -170px;
}

.backbutton {
    text-align: right;
    padding-right: 15px;
}

    .backbutton a {
        font-size: 18px;
        font-family: "Roboto Condensed";
        color: #a9be46;
        line-height: 1.2;
        font-weight: 400;
        text-decoration: none;
    }

section.single-texter .content-all {
    background-position: center center;
    background-attachment: fixed;
    width: 100%;
    padding-bottom: 15px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

section.single-texter * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.single-texter .topper-texter {
    padding-top: 15px;
}

    section.single-texter .topper-texter .conteiner {
        max-width: 1200px;
        padding: 0 15px;
        margin: 0 auto;
    }

.article-block {
    padding: 20px;
    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cfcfcf;
}

    .article-block .title {
        padding-bottom: 10px;
    }

        .article-block .title h1 {
            margin: 0;
            font-size: 25px;
            font-family: "Roboto Condensed";
            color: #545453;
            text-transform: uppercase;
            line-height: 1.4;
            font-weight: 300;
        }

    .article-block .time {
        font-size: 14px;
        font-family: "Roboto Condensed";
        color: #999999;
        line-height: 1.2;
        font-weight: 300;
    }

    .article-block .texter {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .article-block .texter img {
            max-width: 100%;
            margin-bottom: 15px;
        }

        .article-block .texter p {
            font-size: 17px;
            font-family: "Roboto Condensed";
            color: #545453;
            line-height: 1.2;
            text-align: justifyLeft;
            margin: 0 0 20px;
            font-weight: 300;
        }

    .article-block .links-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .article-block .links-row .socials {
            max-width: 225px;
        }

            .article-block .links-row .socials a {
                display: inline-block;
                margin: 0 5px;
                text-decoration: none;
                width: 32px;
            }

                .article-block .links-row .socials a img {
                    max-width: 100%;
                    height: auto;
                }

        .article-block .links-row .tag {
            width: -webkit-calc(100% - 240px);
            width: -moz-calc(100% - 240px);
            width: calc(100% - 240px);
            text-align: right;
        }

            .article-block .links-row .tag a {
                font-size: 17px;
                font-family: "Roboto Condensed";
                font-weight: 300;
                color: #999999;
                text-decoration: underline;
                line-height: 1.2;
                margin: 0 5px 5px;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                display: inline-block;
            }

                .article-block .links-row .tag a:hover {
                    color: #83993a;
                }

.related-post-list {
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .related-post-list .convert-srez {
        position: relative;
        z-index: 1;
        padding: 140px 0 170px;
        margin-bottom: -170px;
    }

    .related-post-list .conteiner-content {
        max-width: 1200px;
        padding: 0 15px;
        margin: 0 auto;
    }

    .related-post-list .convert-srez:before {
        content: '';
        position: absolute;
        display: block;
        left: 50%;
        width: 100%;
        top: 0px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 140px;
        background-image: url(../Styles/images/bg/footer-bg2.png);
        -moz-background-size: 1920px 140px;
        -o-background-size: 1920px 140px;
        background-size: 1920px 140px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .related-post-list .title-block {
        padding: 20px 0;
    }

        .related-post-list .title-block h2 {
            margin: 0 10px;
            font-size: 50px;
            font-family: "Roboto Condensed";
            color: #434343;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 1.2;
        }

    .related-post-list .post-list {
        padding: 15px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .related-post-list .post-list a {
            display: block;
            margin: 0 10px;
            text-decoration: none;
            width: 270px;
        }

            .related-post-list .post-list a .con {
                position: relative;
                overflow: hidden;
                width: 270px;
                height: 220px;
            }

                .related-post-list .post-list a .con img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    min-width: 100%;
                    min-height: 100%;
                    max-width: 100%;
                }

            .related-post-list .post-list a .descript {
                padding: 15px 20px;
                text-align: center;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                font-size: 18px;
                font-family: "Roboto Condensed";
                color: #757575;
                line-height: 1.2;
            }

            .related-post-list .post-list a:hover .descript {
                text-decoration: underline;
                color: #84993a;
            }

@media screen and (max-width: 1280px) {
    section.single-texter {
        margin-top: 111px !important;
        padding-bottom: 170px;
    }
}

@media screen and (max-width: 920px) {
    section.single-texter {
        margin-top: 90px !important;
    }

    .related-post-list .title-block h2 {
        font-size: 32px;
        text-align: center;
    }

    .related-post-list .post-list a {
        display: block;
        margin: 0 10px;
        text-decoration: none;
        width: 200px;
    }

        .related-post-list .post-list a .con {
            position: relative;
            overflow: hidden;
            width: 200px;
            height: 140px;
        }

        .related-post-list .post-list a .descript {
            font-size: 16px;
        }

    .article-block .links-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .article-block .links-row .socials {
            max-width: 100%;
            width: 100%;
            text-align: center;
            padding-top: 15px;
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .article-block .links-row .tag {
            width: 100%;
            text-align: center;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    .article-block .texter p {
        font-size: 15px;
        margin-bottom: 10px;
        text-align: justify;
    }

    .article-block .links-row .tag a {
        font-size: 15px;
    }

    .article-block .title h1 {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .backbutton a {
        font-size: 13px;
    }
}

section.bloglist-section {
    margin-top: 120px !important;
    margin-bottom: -170px;
    background-color: #f5f5f5;
}

    section.bloglist-section .content-all {
        background-position: center center;
        background-attachment: fixed;
        width: 100%;
        overflow: hidden;
        padding-bottom: 170px;
    }

    section.bloglist-section * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.bloglist-conteiner {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

    .bloglist-conteiner .topper-texter {
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .bloglist-conteiner .topper-texter h1 {
            padding-bottom: 20px;
            font-size: 50px;
            color: #545453;
            text-transform: uppercase;
            line-height: 1.2;
            font-weight: 300;
            margin: 0;
        }

        .bloglist-conteiner .topper-texter .after-text {
            font-size: 20px;
            font-family: "Roboto Condensed";
            color: #545453;
            font-weight: 300;
            line-height: 1.2;
            max-width: 850px;
            margin: 0 auto;
        }

    .bloglist-conteiner .firsrt-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .bloglist-conteiner .firsrt-row .story-day {
            display: block;
            text-decoration: none;
            width: 55%;
        }

            .bloglist-conteiner .firsrt-row .story-day .conteiner {
                position: relative;
                overflow: hidden;
                height: 445px;
                background-position: center;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                padding: 20px;
            }

            .bloglist-conteiner .firsrt-row .story-day .title-text {
                display: inline-block;
                padding: 5px;
                font-size: 38px;
                color: white;
                text-transform: uppercase;
                line-height: 1.2;
                background-color: rgba(0, 0, 0, 0.8);
                font-weight: 600;
                margin-top: 40%;
            }

            .bloglist-conteiner .firsrt-row .story-day .about {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                padding: 20px;
                background-color: rgba(0, 0, 0, 0.8);
                font-size: 17px;
                color: white;
                line-height: 1.2;
            }

        .bloglist-conteiner .firsrt-row .latest-news {
            display: block;
            overflow: hidden;
            text-decoration: none;
            width: 41%;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #839a3b;
            background-color: white;
        }

            .bloglist-conteiner .firsrt-row .latest-news .header-news {
                padding: 10px 20px;
                color: white;
                background-color: #839a3b;
                font-size: 18px;
                font-weight: 400;
            }

        .bloglist-conteiner .firsrt-row .list-news .item {
            text-decoration: none;
            background-color: white;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            border-bottom: 2px dotted #e4e4e4;
            display: block;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding: 20px;
        }

            .bloglist-conteiner .firsrt-row .list-news .item:last-child {
                border-bottom: none;
            }

            .bloglist-conteiner .firsrt-row .list-news .item:hover {
                background-color: #f5f5f5;
            }

            .bloglist-conteiner .firsrt-row .list-news .item .con {
                width: 80px;
                margin-right: 15px;
                text-align: center;
            }

                .bloglist-conteiner .firsrt-row .list-news .item .con img {
                    max-width: 100%;
                }

            .bloglist-conteiner .firsrt-row .list-news .item .descript {
                width: -webkit-calc(100% - 95px);
                width: -moz-calc(100% - 95px);
                width: calc(100% - 95px);
            }

                .bloglist-conteiner .firsrt-row .list-news .item .descript .title {
                    font-size: 18px;
                    font-family: "Roboto Condensed";
                    color: #a6bb3b;
                    line-height: 1.2;
                }

                .bloglist-conteiner .firsrt-row .list-news .item .descript .main-text {
                    font-size: 17px;
                    font-family: "Roboto Condensed";
                    color: black;
                    line-height: 1.2;
                    font-weight: 400;
                }

                .bloglist-conteiner .firsrt-row .list-news .item .descript .not-main-text {
                    font-size: 17px;
                    font-family: "Roboto Condensed";
                    color: black;
                    line-height: 1.2;
                    font-weight: 300;
                }

    .bloglist-conteiner .row-simple-items {
        padding-top: 30px;
    }

        .bloglist-conteiner .row-simple-items .simple-list {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .bloglist-conteiner .row-simple-items .simple-list .item {
                text-decoration: none;
                display: block;
                margin: 0px;
                width: 270px;
            }

                .bloglist-conteiner .row-simple-items .simple-list .item .con {
                    position: relative;
                    overflow: hidden;
                    width: 100%;
                    height: 220px;
                }

                    .bloglist-conteiner .row-simple-items .simple-list .item .con img {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%, -50%);
                        -moz-transform: translate(-50%, -50%);
                        -ms-transform: translate(-50%, -50%);
                        -o-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                        min-width: 100%;
                        min-height: 100%;
                        max-width: 100%;
                    }

                    .bloglist-conteiner .row-simple-items .simple-list .item .con p {
                        font-size: 17px;
                        display: inline-block;
                        position: absolute;
                        top: 15px;
                        right: 0;
                        margin: 0;
                        padding: 7px 10px;
                        border-top: 1px solid white;
                        border-bottom: 1px solid white;
                        border-left: 1px solid white;
                        background-color: rgba(0, 0, 0, 0.7);
                        color: white;
                    }

                .bloglist-conteiner .row-simple-items .simple-list .item .after-text {
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    transition: all 0.3s;
                    padding: 20px 0;
                    font-size: 17px;
                    font-family: "Roboto Condensed";
                    color: #545453;
                    line-height: 1.2;
                    font-weight: 300;
                    text-align: justifyLeft;
                }

                .bloglist-conteiner .row-simple-items .simple-list .item:hover .after-text {
                    color: #83993a;
                }

    .bloglist-conteiner .row-mass .item {
        min-width: 280px;
        border: 1px solid #cfcfcf;
        background-color: white;
    }

        .bloglist-conteiner .row-mass .item.grid-sizer {
            width: -webkit-calc(50% - 20px);
            width: -moz-calc(50% - 20px);
            width: calc(50% - 20px);
            margin: 10px;
        }

        .bloglist-conteiner .row-mass .item .top-texter {
            padding: 20px;
        }

        .bloglist-conteiner .row-mass .item .title {
            font-size: 25px;
            padding-bottom: 20px;
            font-family: "Roboto Condensed";
            font-weight: 300;
            color: #545453;
            text-transform: uppercase;
            line-height: 1.4;
        }

        .bloglist-conteiner .row-mass .item .description {
            text-align: justify;
            font-size: 17px;
            font-weight: 300;
            font-family: "Roboto Condensed";
            color: #545453;
            line-height: 1.2;
        }

            .bloglist-conteiner .row-mass .item .description a {
                text-decoration: none;
                color: #a4ba3a;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

                .bloglist-conteiner .row-mass .item .description a:hover {
                    text-decoration: underline;
                }

        .bloglist-conteiner .row-mass .item .image img {
            min-width: 100%;
            max-width: 100%;
            height: auto;
        }

        .bloglist-conteiner .row-mass .item .linker {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 20px;
        }

            .bloglist-conteiner .row-mass .item .linker .time {
                width: 140px;
                padding: 10px 0;
                font-size: 14px;
                font-family: "Roboto Condensed";
                color: #999999;
                font-weight: 300;
                line-height: 1.2;
            }

            .bloglist-conteiner .row-mass .item .linker .socials {
                width: 225px;
            }

                .bloglist-conteiner .row-mass .item .linker .socials a {
                    display: inline-block;
                    margin: 0 3px;
                    text-decoration: none;
                    width: 32px;
                }

                    .bloglist-conteiner .row-mass .item .linker .socials a img {
                        max-width: 100%;
                        height: auto;
                    }

@media screen and (max-width: 1280px) {
    section.bloglist-section {
        margin-top: 111px !important;
    }
}

@media screen and (max-width: 1200px) {
    .media_posts-yt-wrap {
        margin: auto;
        max-width: 100%;
    }


    .bloglist-conteiner .row-simple-items .simple-list {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media screen and (max-width: 920px) {
    .bloglist-conteiner .row-mass .item .linker {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    section.bloglist-section {
        margin-top: 90px !important;
    }

    .bloglist-conteiner .firsrt-row {
        display: block;
        text-align: center;
    }

        .bloglist-conteiner .firsrt-row .story-day {
            width: 100%;
            margin-bottom: 15px;
        }

        .bloglist-conteiner .firsrt-row .latest-news {
            width: 100%;
        }

        .bloglist-conteiner .firsrt-row .list-news .item .descript {
            text-align: left;
        }
}

@media screen and (max-width: 767px) {
    .bloglist-conteiner .row-mass .item.grid-sizer {
        width: 100%;
        margin: 0 0 10px;
    }

    .bloglist-conteiner .row-mass .item .title {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .bloglist-conteiner .row-mass .item .description {
        font-size: 15px;
    }

    .bloglist-conteiner .row-mass .item .top-texter {
        padding: 15px;
    }

    .bloglist-conteiner .row-mass .item .linker {
        padding: 15px;
    }

    .bloglist-conteiner .topper-texter {
        padding: 15px 0;
    }

        .bloglist-conteiner .topper-texter h1 {
            font-size: 36px;
            padding-bottom: 5px;
        }

    .bloglist-conteiner .firsrt-row .story-day .conteiner {
        height: 370px;
    }

    .bloglist-conteiner .firsrt-row .story-day .title-text {
        font-size: 20px;
        margin-top: 70%;
    }

    .bloglist-conteiner .topper-texter .after-text {
        font-size: 16px;
    }

    .bloglist-conteiner .firsrt-row .list-news .item {
        padding: 10px;
    }

        .bloglist-conteiner .firsrt-row .list-news .item .con {
            max-width: 60px;
        }

        .bloglist-conteiner .firsrt-row .list-news .item .descript {
            width: -webkit-calc(100% - 75px);
            width: -moz-calc(100% - 75px);
            width: calc(100% - 75px);
        }

            .bloglist-conteiner .firsrt-row .list-news .item .descript .title {
                font-size: 16px;
            }

            .bloglist-conteiner .firsrt-row .list-news .item .descript .main-text {
                font-size: 14px;
            }

            .bloglist-conteiner .firsrt-row .list-news .item .descript .not-main-text {
                font-size: 14px;
            }

    .bloglist-conteiner .row-simple-items .simple-list .item {
        margin: 10px 0;
    }

        .bloglist-conteiner .row-simple-items .simple-list .item .con {
            height: 180px;
        }

        .bloglist-conteiner .row-simple-items .simple-list .item .after-text {
            padding: 10px 0;
            font-size: 15px;
        }
}

.conteiner-story-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

    .conteiner-story-wrap .top-row {
        padding: 15px 0 25px;
    }

        .conteiner-story-wrap .top-row .row-texform {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding-top: 10px;
        }

        .conteiner-story-wrap .top-row .aftrer-text {
            width: -webkit-calc(100% - 420px);
            width: -moz-calc(100% - 420px);
            width: calc(100% - 420px);
            padding: 0;
        }

        .conteiner-story-wrap .top-row .form-part {
            max-width: 410px;
            width: 100%;
        }

    .conteiner-story-wrap .row-select {
        padding-bottom: 10px;
    }

        .conteiner-story-wrap .row-select .select2-container {
            width: 100% !important;
            height: 40px;
            outline: none;
        }

    .conteiner-story-wrap .select2-container .select2-selection--single {
        height: 40px;
        outline: none;
        border-color: #cdcdcd;
    }

    .conteiner-story-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px;
        font-size: 18px;
        font-family: "Roboto Condensed";
        color: #545453;
        text-transform: uppercase;
        font-weight: 300;
    }

    .conteiner-story-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 40px;
        height: 100%;
        bottom: 1px;
    }

        .conteiner-story-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-width: 8px 10px 0 10px;
            margin-left: -10px;
            margin-top: -4px;
            border-color: #e8e8e8 transparent transparent transparent;
        }

    .conteiner-story-wrap .success-comment {
        padding: 20px 0;
    }

        .conteiner-story-wrap .success-comment .item {
            padding: 20px;
            background-color: white;
            margin-bottom: 20px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .conteiner-story-wrap .success-comment .item .con {
                width: 270px;
                height: 165px;
                position: relative;
                overflow: hidden;
            }

                .conteiner-story-wrap .success-comment .item .con iframe {
                    width: 100%;
                    height: 100%;
                }

                .conteiner-story-wrap .success-comment .item .con img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    min-width: 100%;
                    min-height: 100%;
                }

            .conteiner-story-wrap .success-comment .item .texter {
                max-width: -webkit-calc(100% - 290px);
                max-width: -moz-calc(100% - 290px);
                max-width: calc(100% - 290px);
            }

                .conteiner-story-wrap .success-comment .item .texter .topper {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -webkit-align-items: flex-start;
                    -moz-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    -webkit-box-pack: justify;
                    -webkit-justify-content: space-between;
                    -moz-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                }

                .conteiner-story-wrap .success-comment .item .texter .left {
                    max-width: -webkit-calc(100% - 200px);
                    max-width: -moz-calc(100% - 200px);
                    max-width: calc(100% - 200px);
                }

                    .conteiner-story-wrap .success-comment .item .texter .left .name {
                        font-size: 18px;
                        padding-bottom: 5px;
                        font-weight: 400;
                        font-family: "Roboto Condensed";
                        color: #58b6dd;
                        line-height: 1.2;
                    }

                    .conteiner-story-wrap .success-comment .item .texter .left .descript {
                        font-size: 17px;
                        font-weight: 300;
                        font-family: "Roboto Condensed";
                        color: #999999;
                        line-height: 1.2;
                    }

                .conteiner-story-wrap .success-comment .item .texter .time {
                    font-size: 14px;
                    font-weight: 300;
                    font-family: "Roboto Condensed";
                    color: #999999;
                    line-height: 1.2;
                }

            .conteiner-story-wrap .success-comment .item .botter {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

            .conteiner-story-wrap .success-comment .item .placer {
                padding: 10px 0;
                font-size: 14px;
                font-family: "Roboto Condensed";
                color: #999999;
                line-height: 1.2;
            }

            .conteiner-story-wrap .success-comment .item .socials {
                width: 225px;
                text-align: right;
            }

                .conteiner-story-wrap .success-comment .item .socials a {
                    display: inline-block;
                    margin: 0 3px;
                    text-decoration: none;
                    width: 32px;
                }

                    .conteiner-story-wrap .success-comment .item .socials a img {
                        max-width: 100%;
                        height: auto;
                    }

            .conteiner-story-wrap .success-comment .item .mid-text {
                padding: 10px 0;
            }

            .conteiner-story-wrap .success-comment .item blockquote {
                margin: 0;
                font-size: 17px;
                font-family: "Roboto Condensed";
                color: #545453;
                line-height: 1.2;
                font-weight: 300;
            }

    .conteiner-story-wrap .row-comments {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
    }

        .conteiner-story-wrap .row-comments .comment-single {
            width: 30%;
            background-color: white;
            margin-top: 15px;
        }

            .conteiner-story-wrap .row-comments .comment-single:nth-child(1) {
                margin-top: 0;
            }

            .conteiner-story-wrap .row-comments .comment-single:nth-child(2) {
                margin-top: 0;
            }

            .conteiner-story-wrap .row-comments .comment-single .title {
                width: 100%;
                position: relative;
                z-index: 2;
                cursor: pointer;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                border: 2px solid transparent;
                padding: 20px;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

            .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) {
                float: right;
            }

            .conteiner-story-wrap .row-comments .comment-single .title:after {
                content: '';
                z-index: 0;
                opacity: 0;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                position: absolute;
                right: -16px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 12px 0 12px 16px;
                border-color: transparent transparent transparent transparent;
            }

            .conteiner-story-wrap .row-comments .comment-single .title:before {
                content: '';
                z-index: 3;
                opacity: 0;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                position: absolute;
                right: -12px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 0 10px 12px;
                border-color: transparent transparent transparent transparent;
            }

            .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) .title:after {
                left: -16px;
                border-width: 12px 16px 12px 0;
                border-color: transparent transparent transparent transparent;
            }

            .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) .title:before {
                left: -12px;
                border-width: 12px 16px 12px 0;
                border-color: transparent transparent transparent transparent;
            }

            .conteiner-story-wrap .row-comments .comment-single .title:hover {
                border-color: #a9bd45;
            }

            .conteiner-story-wrap .row-comments .comment-single .texter {
                opacity: 0;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

            .conteiner-story-wrap .row-comments .comment-single:hover .texter {
                opacity: 1;
                z-index: 3;
            }

            .conteiner-story-wrap .row-comments .comment-single .title:hover:before {
                opacity: 1;
                border-color: transparent transparent transparent white;
            }

            .conteiner-story-wrap .row-comments .comment-single .title:hover:after {
                opacity: 1;
                border-color: transparent transparent transparent #a9bd45;
            }

            .conteiner-story-wrap .row-comments .comment-single.active .title {
                border-color: #a9bd45;
            }

            .conteiner-story-wrap .row-comments .comment-single.active .texter {
                opacity: 1;
                z-index: 2;
            }

            .conteiner-story-wrap .row-comments .comment-single.active .title:after {
                opacity: 1;
                border-color: transparent transparent transparent #a9bd45;
            }

            .conteiner-story-wrap .row-comments .comment-single.active .title:before {
                opacity: 1;
                border-color: transparent transparent transparent white;
            }

        .conteiner-story-wrap .row-comments .active.comment-single:nth-child(2n+1) .title:before {
            opacity: 1;
            border-color: transparent white transparent transparent;
        }

        .conteiner-story-wrap .row-comments .active.comment-single:nth-child(2n+1) .title:after {
            opacity: 1;
            border-color: transparent #a9bd45 transparent transparent;
        }

        .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) .title:hover:before {
            opacity: 1;
            border-color: transparent white transparent transparent;
        }

        .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) .title:hover:after {
            opacity: 1;
            border-color: transparent #a9bd45 transparent transparent;
        }

        .conteiner-story-wrap .row-comments .comment-single .con {
            position: relative;
            width: 75px;
            height: 75px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            overflow: hidden;
        }

            .conteiner-story-wrap .row-comments .comment-single .con img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                min-width: 100%;
                min-height: 100%;
            }

        .conteiner-story-wrap .row-comments .comment-single .the-who {
            max-width: -webkit-calc(100% - 85px);
            max-width: -moz-calc(100% - 85px);
            max-width: calc(100% - 85px);
            width: 100%;
        }

            .conteiner-story-wrap .row-comments .comment-single .the-who .name {
                font-size: 18px;
                font-family: "Roboto Condensed";
                color: #58b6dd;
                line-height: 1.2;
            }

            .conteiner-story-wrap .row-comments .comment-single .the-who .status {
                font-size: 17px;
                font-weight: 300;
                font-family: "Roboto Condensed";
                color: #999999;
                line-height: 1.2;
            }

        .conteiner-story-wrap .row-comments .comment-single .texter {
            position: absolute;
            left: -webkit-calc(30% + 20px);
            left: -moz-calc(30% + 20px);
            left: calc(30% + 20px);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-content: space-between;
            -ms-flex-line-pack: justify;
            align-content: space-between;
            right: -webkit-calc(30% + 20px);
            right: -moz-calc(30% + 20px);
            right: calc(30% + 20px);
            top: 0;
            bottom: 0;
            background-color: white;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 2px solid #a9bd45;
            color: black;
        }

            .conteiner-story-wrap .row-comments .comment-single .texter .last-row {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                width: 100%;
                padding: 15px;
            }

                .conteiner-story-wrap .row-comments .comment-single .texter .last-row .time {
                    font-size: 14px;
                    font-weight: 300;
                    font-family: "Roboto Condensed";
                    color: #999999;
                    line-height: 1.2;
                }

                .conteiner-story-wrap .row-comments .comment-single .texter .last-row .place {
                    font-size: 14px;
                    font-weight: 300;
                    font-family: "Roboto Condensed";
                    color: #999999;
                    line-height: 1.2;
                }

            .conteiner-story-wrap .row-comments .comment-single .texter blockquote {
                margin: 0;
                position: relative;
                padding: 15px 40px;
                font-size: 17px;
                font-family: "Roboto Condensed";
                color: #545453;
                line-height: 1.2;
                max-height: -webkit-calc(100% - 50px);
                max-height: -moz-calc(100% - 50px);
                max-height: calc(100% - 50px);
                overflow: hidden;
            }

                .conteiner-story-wrap .row-comments .comment-single .texter blockquote:before {
                    content: '\201c';
                    position: absolute;
                    font-size: 50px;
                    top: 0px;
                    left: 10px;
                    color: #999999;
                    font-family: "Roboto";
                    font-weight: 700;
                }

                .conteiner-story-wrap .row-comments .comment-single .texter blockquote:after {
                    content: '\201d';
                    position: absolute;
                    font-size: 50px;
                    line-height: 20px;
                    bottom: 0px;
                    right: 15px;
                    color: #999999;
                    font-family: "Roboto";
                    font-weight: 700;
                }

@media screen and (max-width: 920px) {
    .conteiner-story-wrap .row-comments .comment-single {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }

        .conteiner-story-wrap .row-comments .comment-single .texter {
            left: -webkit-calc(50% + 10px);
            left: -moz-calc(50% + 10px);
            left: calc(50% + 10px);
            right: 0;
        }

        .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) {
            float: none;
        }

        .conteiner-story-wrap .row-comments .comment-single:nth-child(2) {
            margin-top: 15px;
        }

        .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) .title:after {
            left: auto;
            right: -16px;
        }

        .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) .title:before {
            left: auto;
            right: -12px;
            z-index: 3;
        }

    .conteiner-story-wrap .row-comments .active.comment-single:nth-child(2n+1) .title:after {
        opacity: 1;
        border-width: 12px 0 12px 16px;
        border-color: transparent transparent transparent #a9bd45 !important;
    }

    .conteiner-story-wrap .row-comments .active.comment-single:nth-child(2n+1) .title:before {
        opacity: 1;
        border-width: 10px 0 10px 12px;
        border-color: transparent transparent transparent white !important;
    }

    .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) .title:hover:after {
        opacity: 1;
        border-width: 12px 0 12px 16px;
        border-color: transparent transparent transparent #a9bd45 !important;
    }

    .conteiner-story-wrap .row-comments .comment-single:nth-child(2n+1) .title:hover:before {
        opacity: 1;
        border-width: 10px 0 10px 12px;
        border-color: transparent transparent transparent white !important;
    }

    .conteiner-story-wrap .top-row .row-texform {
        display: block;
    }

    .conteiner-story-wrap .top-row .aftrer-text {
        width: 100%;
    }

    .conteiner-story-wrap .top-row .form-part {
        margin: 10px auto;
    }

    section.video-section .top-text h2 {
        text-align: center;
        font-size: 22px;
    }

    section.video-section .top-text .aftrer-text p {
        font-size: 16px;
        text-align: justify;
    }
}

@media screen and (max-width: 767px) {
    section.video-section .top-text {
        padding-bottom: 0;
    }

    .conteiner-story-wrap .row-comments .comment-single .con {
        position: relative;
        width: 50px;
        height: 50px;
    }

    .conteiner-story-wrap .row-comments .comment-single .the-who {
        max-width: -webkit-calc(100% - 60px);
        max-width: -moz-calc(100% - 60px);
        max-width: calc(100% - 60px);
    }

        .conteiner-story-wrap .row-comments .comment-single .the-who .name {
            font-size: 16px;
        }

        .conteiner-story-wrap .row-comments .comment-single .the-who .status {
            font-size: 14px;
        }

    .conteiner-story-wrap .row-comments .comment-single .title {
        padding: 15px 15px 0;
    }

    .conteiner-story-wrap .row-comments .comment-single .texter blockquote {
        font-size: 14px;
        text-align: justify;
    }

        .conteiner-story-wrap .row-comments .comment-single .texter blockquote:before {
            font-size: 40px;
        }

        .conteiner-story-wrap .row-comments .comment-single .texter blockquote:after {
            font-size: 40px;
        }

    .conteiner-story-wrap .row-comments .comment-single {
        background-color: transparent;
    }

    .conteiner-story-wrap .row-comments .comment-single {
        width: 100%;
    }

        .conteiner-story-wrap .row-comments .comment-single .title {
            background-color: white;
            border: 2px solid #a9bd45;
            border-bottom: 0;
        }

        .conteiner-story-wrap .row-comments .comment-single .texter {
            position: static;
            display: block;
            padding-top: 15px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border-top: transparent;
            opacity: 1;
        }

        .conteiner-story-wrap .row-comments .comment-single.active .texter {
            display: block;
        }

        .conteiner-story-wrap .row-comments .comment-single .title:before {
            display: none !important;
        }

        .conteiner-story-wrap .row-comments .comment-single .title:after {
            display: none !important;
        }

        .conteiner-story-wrap .row-comments .comment-single .title:hover:before {
            display: none !important;
        }

        .conteiner-story-wrap .row-comments .comment-single .title:hover:after {
            display: none !important;
        }

    .conteiner-story-wrap .row-comments .active.comment-single .title:before {
        opacity: 1;
        right: 10px;
        border-color: transparent transparent transparent #a9bd45 !important;
    }

    .conteiner-story-wrap .row-comments .active.comment-single .title:after {
        opacity: 1;
        right: 6px;
        border-color: transparent transparent transparent white !important;
    }

    .conteiner-story-wrap .success-comment .item {
        display: block;
    }

        .conteiner-story-wrap .success-comment .item .con {
            margin: 0 auto 15px;
        }

        .conteiner-story-wrap .success-comment .item .texter {
            width: 100%;
            max-width: 100%;
        }

            .conteiner-story-wrap .success-comment .item .texter .topper {
                display: block;
                text-align: center;
            }

            .conteiner-story-wrap .success-comment .item .texter .left {
                max-width: none;
                padding-bottom: 10px;
            }

        .conteiner-story-wrap .success-comment .item blockquote {
            font-size: 15px;
        }

        .conteiner-story-wrap .success-comment .item .botter {
            display: block;
        }

        .conteiner-story-wrap .success-comment .item .placer {
            text-align: center;
        }

        .conteiner-story-wrap .success-comment .item .socials {
            text-align: center;
            margin: 0 auto;
        }
}

.bottom-header > .wrap {
    position: relative;
}

#faculties.menu-item-2 {
    position: static;
}

    #faculties.menu-item-2 .main-menu_level-2 {
        width: 100%;
        left: 0;
    }

section.acPromo {
    margin-top: 120px !important;
    margin-bottom: -170px;
}

    section.acPromo .mbox {
        max-width: 1230px;
        margin: 0 auto;
        padding: 0 15px;
    }

    section.acPromo .top-ban {
        background-position: center;
        background-repeat: no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        section.acPromo .top-ban .mbox {
            padding-top: 95px;
            padding-bottom: 40px;
            height: 720px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-content: space-between;
            -ms-flex-line-pack: justify;
            align-content: space-between;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

    section.acPromo .topper-text {
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 0 10px;
    }

        section.acPromo .topper-text h1 {
            margin: 0;
            font-size: 49px;
            color: white;
            text-transform: uppercase;
            line-height: 1.2;
            font-weight: 500;
        }

    section.acPromo .desription-row {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        section.acPromo .desription-row .left {
            max-width: 760px;
            padding: 20px;
            background-color: rgba(0, 0, 0, 0.8);
        }

            section.acPromo .desription-row .left p {
                margin: 0;
                font-size: 17px;
                color: white;
                line-height: 1.2;
                font-weight: 300;
            }

        section.acPromo .desription-row .right {
            max-width: 185px;
        }

            section.acPromo .desription-row .right a:first-child {
                margin-bottom: 20px;
            }

    section.acPromo a.butt {
        text-decoration: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        width: 100%;
        padding: 9px 10px;
        text-align: center;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        section.acPromo a.butt span {
            font-size: 18px;
            color: white;
            text-transform: uppercase;
            line-height: 1.2;
        }

        section.acPromo a.butt.orange {
            background-image: -moz-linear-gradient(90deg, #ed7f00 0%, #f79320 100%);
            background-image: -webkit-linear-gradient(90deg, #ed7f00 0%, #f79320 100%);
            background-image: -ms-linear-gradient(90deg, #ed7f00 0%, #f79320 100%);
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

            section.acPromo a.butt.orange:hover {
                background-image: -moz-linear-gradient(90deg, #f79320 0%, #ed7f00 100%);
                background-image: -webkit-linear-gradient(90deg, #f79320 0%, #ed7f00 100%);
                background-image: -ms-linear-gradient(90deg, #f79320 0%, #ed7f00 100%);
            }

        section.acPromo a.butt.green {
            background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
            background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
            background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
        }

            section.acPromo a.butt.green:hover {
                background-image: -moz-linear-gradient(90deg, #b6cc36 0%, #83993a 100%);
                background-image: -webkit-linear-gradient(90deg, #b6cc36 0%, #83993a 100%);
                background-image: -ms-linear-gradient(90deg, #b6cc36 0%, #83993a 100%);
            }

        section.acPromo a.butt.blue {
            background-image: -moz-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
            background-image: -webkit-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
            background-image: -ms-linear-gradient(90deg, #58b6dd 0%, #83daff 100%);
        }

            section.acPromo a.butt.blue:hover {
                background-image: -moz-linear-gradient(90deg, #83daff 0%, #58b6dd 100%);
                background-image: -webkit-linear-gradient(90deg, #83daff 0%, #58b6dd 100%);
                background-image: -ms-linear-gradient(90deg, #83daff 0%, #58b6dd 100%);
            }

.bottomslider .slick-prev {
    left: 0;
    width: 100px;
    z-index: 10;
    top: 0;
    bottom: 0;
    display: block;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bottomslider .slick-next {
    right: 0;
    width: 100px;
    z-index: 10;
    top: 0;
    bottom: 0;
    display: block;
    height: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bottomslider .slick-prev:before {
    content: '';
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0.6;
    width: 50px;
    height: 50px;
    border-left: 3px solid black;
    border-top: 3px solid black;
    background-image: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bottomslider .slick-next:before {
    content: '';
    display: inline-block;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.6;
    width: 50px;
    height: 50px;
    border-left: 3px solid black;
    border-top: 3px solid black;
    background-image: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.bottomslider .slick-next:hover, .bottomsliderr .slick-prev:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

    .bottomslider .slick-next:hover:before, .bottomslider .slick-prev:hover:before {
        opacity: 1;
    }

section.acPromo .bottomslider .item {
    overflow: hidden;
    position: relative;
    display: block;
    text-decoration: none;
}

    section.acPromo .bottomslider .item .con {
        position: relative;
        width: 100%;
        height: 210px;
        overflow: hidden;
    }

        section.acPromo .bottomslider .item .con img {
            max-width: 100%;
            min-width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    section.acPromo .bottomslider .item .hover-text {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.7);
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        section.acPromo .bottomslider .item .hover-text .cover {
            font-size: 25px;
            color: white;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 1.4;
            text-align: center;
        }

    section.acPromo .bottomslider .item:hover .hover-text {
        opacity: 1;
    }

section.acPromo .top-text {
    padding: 15px 0 25px;
}

    section.acPromo .top-text h2 {
        font-size: 25px;
        font-family: "Roboto Condensed";
        color: #333333;
        text-transform: uppercase;
        line-height: 1.4;
        margin: 0;
        font-weight: 300;
    }

    section.acPromo .top-text .aftrer-text p {
        margin: 0 0 10px;
        font-size: 17px;
        font-family: "Roboto Condensed";
        color: #545453;
        line-height: 1.2;
        font-weight: 300;
    }

section.acPromo * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.acPromo .main-content {
    padding-bottom: 170px;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    section.acPromo .main-content .conteiner-sider {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        section.acPromo .main-content .conteiner-sider .left-side {
            width: 280px;
        }

        section.acPromo .main-content .conteiner-sider .right-side {
            width: -webkit-calc(100% - 320px);
            width: -moz-calc(100% - 320px);
            width: calc(100% - 320px);
        }

.conteiner-sider .left-side .header-text {
    font-size: 17px;
    color: #84993b;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 10px;
}

.conteiner-sider .left-side .item .con {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 150px;
}

.conteiner-sider .left-side .item {
    margin-bottom: 20px;
}

    .conteiner-sider .left-side .item:last-child {
        margin-bottom: 0;
    }

    .conteiner-sider .left-side .item .con img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        height: auto;
    }

    .conteiner-sider .left-side .item .descriptor {
        padding: 20px;
        background-color: white;
    }

    .conteiner-sider .left-side .item .name {
        display: inline-block;
        text-decoration: none;
        font-size: 17px;
        color: #849a3b;
        text-transform: uppercase;
        line-height: 2;
        font-weight: 300;
    }

    .conteiner-sider .left-side .item .texter {
        margin-bottom: 10px;
    }

        .conteiner-sider .left-side .item .texter p {
            margin: 0 0 5px;
            font-size: 17px;
            color: #666666;
            line-height: 1.2;
            font-weight: 300;
        }

    .conteiner-sider .left-side .item .head-period {
        font-size: 17px;
        color: #666666;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .conteiner-sider .left-side .item .button-row a:first-child {
        margin-bottom: 10px;
    }

.conteiner-sider .right-side .item {
    position: relative;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .conteiner-sider .right-side .item .con {
        position: relative;
        top: 0;
        bottom: 0;
        display: block;
        overflow: hidden;
        width: 280px;
        min-height: 225px;
    }

        .conteiner-sider .right-side .item .con img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            min-width: 100%;
            min-height: 100%;
            width: 100%;
            height: auto;
        }

    .conteiner-sider .right-side .item .descriptor {
        width: -webkit-calc(100% - 280px);
        width: -moz-calc(100% - 280px);
        width: calc(100% - 280px);
        background-color: white;
        padding: 20px;
    }

        .conteiner-sider .right-side .item .descriptor .name {
            font-size: 17px;
            text-decoration: none;
            color: #84993b;
            text-transform: uppercase;
            line-height: 1.5;
            font-weight: 300;
            margin-bottom: 10px;
        }

        .conteiner-sider .right-side .item .descriptor .texter {
            margin-bottom: 10px;
        }

            .conteiner-sider .right-side .item .descriptor .texter p {
                font-size: 17px;
                margin: 0;
                color: #545453;
                line-height: 1.2;
                font-weight: 300;
            }

        .conteiner-sider .right-side .item .descriptor .button-row {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .conteiner-sider .right-side .item .descriptor .button-row a {
                max-width: 180px;
                margin: 10px 2px 0;
            }

@media screen and (max-width: 1280px) {
    section.acPromo {
        margin-top: 111px !important;
    }

        section.acPromo .topper-text h1 {
            font-size: 36px;
        }

        section.acPromo .top-ban .mbox {
            height: 607px;
        }

        section.acPromo .desription-row {
            padding: 0 30px;
        }
}

@media screen and (max-width: 1100px) {
    section.acPromo .main-content .conteiner-sider {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        section.acPromo .main-content .conteiner-sider .left-side {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            width: 100%;
            margin-top: 10px;
            text-align: center;
        }

            section.acPromo .main-content .conteiner-sider .left-side .item-block {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -webkit-align-items: flex-start;
                -moz-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

    .conteiner-sider .left-side .item {
        max-width: 300px;
        margin: 10px;
    }

    section.acPromo .main-content .conteiner-sider .right-side {
        width: 100%;
    }

    section.acPromo .desription-row {
        display: block;
    }

        section.acPromo .desription-row .left {
            width: 100%;
            max-width: none;
        }

        section.acPromo .desription-row .right {
            text-align: center;
            max-width: 100%;
            margin-top: 15px;
        }

    section.acPromo .topper-text h1 {
        text-align: center;
    }

    section.acPromo .desription-row .right a.butt {
        display: inline-block;
        max-width: 180px;
        margin: 0 10px 10px;
    }
}

@media screen and (max-width: 920px) {
    .bottom_footer .bottom_footer_dewelopers {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 10px;
        max-width: 100%;
        text-align: center;
    }

    .bottom_footer .wrap .bottom_footer_copyrigt {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 100%;
    }

    section.acPromo .bottomslider {
        display: none;
    }

    section.acPromo {
        margin-top: 93px !important;
    }

        section.acPromo .desription-row .left {
            display: none;
        }

        section.acPromo .top-ban .mbox {
            height: 450px;
            padding-top: 40px;
        }

        section.acPromo .topper-text h1 {
            font-size: 32px;
        }
}

@media screen and (max-width: 767px) {
    section.acPromo .topper-text h1 {
        font-size: 26px;
    }

    .conteiner-sider .right-side .item {
        display: block;
    }

        .conteiner-sider .right-side .item .con {
            width: 100%;
            min-height: 150px;
        }

        .conteiner-sider .right-side .item .descriptor {
            width: 100%;
        }

            .conteiner-sider .right-side .item .descriptor .texter p {
                text-align: justify;
            }

            .conteiner-sider .right-side .item .descriptor .name {
                text-align: center;
                display: block;
            }
}

@media screen and (max-width: 520px) {
    .conteiner-sider .right-side .item .descriptor .button-row a {
        max-width: none;
        width: 100%;
    }
}

.margin-left-20 {
    margin-left: 25px;
}


.leftbar-informations .someskid {
    background-color: #e19130;
    position: relative;
    margin-top: 15px;
    border: 1px solid #e19130;
}

    .leftbar-informations .someskid .mid {
        background-color: #e19130;
        padding: 5px;
        color: white;
    }

        .leftbar-informations .someskid .mid span {
            font-weight: 100;
            font-size: 18px;
            line-height: 1.2;
            display: block;
        }

        .leftbar-informations .someskid .mid b {
            font-weight: 900;
            font-size: 28px;
            line-height: 1.2;
            display: block;
        }

    .leftbar-informations .someskid .after-all {
        padding: 5px;
        font-size: 16px;
        color: #e19130;
        background-color: white;
    }

    .leftbar-informations .someskid::after {
        content: "";
        position: absolute;
        height: 8px;
        width: 100%;
        left: 0;
        top: -6px;
        background-image: url('../Content/images/topper.png');
        background-repeat: repeat-x;
    }


.blue-block {
    margin-bottom: 15px;
    display: block;
    width: 100%;
    background-color: #86b8d9;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    /*  box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.75); */
}

    .blue-block .contein {
        padding: 15px 5px;
        /* border: 1px dashed white; */
        font-size: 28px;
        text-transform: uppercase;
        color: white;
        font-weight: 700;
        letter-spacing: 0.03em;
    }

.green-block {
    margin-bottom: 15px;
    display: block;
    width: 100%;
    background-color: #B5CC36;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    /*  box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.75); */
}

.green-block .contein {
    padding: 15px 5px;
    /* border: 1px dashed white; */
    font-size: 28px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.inlineblue {
    display: inline-block;
    background-color: #86b8d9;
    color: white;
    padding: 4px 5px 2px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.05em;
    line-height: 1.2;
}
.inlinegreen {
    display: inline-block;
    background-color: #B5CC36;
    color: white;
    padding: 4px 5px 2px;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 0.05em;
    line-height: 1.2;
}

.wrap_search * {
    box-sizing: border-box;
}

.wrap_search > div {
    width: 176px;
    position: relative;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    width: 100%;
    padding: 0 !important;
    background: transparent !important;
    text-indent: 5px !important;
    font-size: 13px !important;
    padding: 0 !important;
    height: 28px !important;
}

table.gsc-search-box .gsib_a {
    padding: 0 !important;
}

table.gsc-search-box .gsib_b {
    display: none;
}

.gsc-search-box-tools .gsc-search-box input.gsc-input {
    padding-right: 20px !important;
    display: block;
}


.gsc-search-box-tools .gsc-search-box .gsc-input::-webkit-input-placeholder {
    font-size: 12px !important;
    opacity: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input:-moz-placeholder {
    font-size: 12px !important;
    opacity: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input::-moz-placeholder {
    font-size: 12px !important;
    opacity: 0 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input:-ms-input-placeholder {
    font-size: 12px !important;
    opacity: 0 !important;
}

.gsc-input-box {
    height: 30px !important;
    border: none !important;
    background: #2a2a2a !important;
}

form.gsc-search-box {
    margin-bottom: 0 !important;
}

table.gsc-search-box {
    margin-bottom: 0 !important;
}

    table.gsc-search-box td.gsc-search-button {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: auto;
        width: auto;
        border: none !important;
    }

        table.gsc-search-box td.gsc-search-button input {
            padding: 8px 3px;
            background: transparent;
            margin: 0 !important;
            width: 20px;
            height: 30px;
            border: none !important;
            border-radius: 0;
            outline: none !important;
        }

.gsc-adBlock {
    display: none !important;
}

.wrap_search {
    position: relative;
    overflow: hidden;
}

    .wrap_search .hidden-placeholder {
        position: absolute;
        top: 4px;
        left: 7px;
        color: white;
        z-index: 999;
        pointer-events: none;
        font-size: 16px;
        font-weight: 100;
    }

.hidden-popup {
    position: absolute;
    top: 0;
    left: 0;
}

.employment-history .list-name {
    color: #545453;
    font-size: 14px;
    font-weight: 600;
}

#teachers-details .employment-history td {
    padding: 0 !important;
}


#teachers-details .curriculum-table * {
    box-sizing: border-box;
}

#teachers-details .curriculum-table {
    padding-top: 15px;
}

    #teachers-details .curriculum-table tbody {
        padding-bottom: 5px;
        counter-reset: list;
        position: relative;
        font-size: 16px;
        line-height: 1.2;
    }

    #teachers-details .curriculum-table tr:before {
        counter-increment: list;
        content: counter(list) ". ";
    }


#teachers-details .employment-history td:nth-child(2n+1) {
    width: 100% !important;
}


#navigation .sub-item {
    background-color: white;
}

#navigation li.sub-item > div {
    padding: 10px 30px;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .parallax-window {
        background-attachment: scroll !important;
    }
}


.main-top-video {
    margin-top: 111px !important;
}

    .main-top-video .video-main {
        position: relative;
        height: auto;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .main-top-video .video-main video {
            /* position: absolute; */
            margin-top: -7%;
            margin-bottom: -7%;
            height: auto;
            width: 100%;
            height: auto;
            /*  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
        }

        .main-top-video .video-main h1 {
            position: relative;
            z-index: 3;
        }


@media screen and (max-width: 920px) {
    .main-top-video {
        margin-top: 92px !important;
    }

    .home-section-slider {
        margin-top: 0;
    }
}

.faqsection * {
    box-sizing: border-box;
}

.faqsection {
    margin-top: 121px !important;
    margin-bottom: -170px;
}

    .faqsection .content-all {
        background-position: center center;
        background-attachment: fixed;
        width: 100%;
        overflow: hidden;
        padding-bottom: 170px;
    }


    .faqsection .topper {
        background-position: center;
        background-size: cover;
        height: 300px;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

        .faqsection .topper .contein {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .faqsection .topper h1 {
            padding-top: 75px;
            font-size: 50px;
            color: rgb(84, 84, 83);
            font-weight: 300;
            text-transform: uppercase;
            line-height: 1.2;
            margin: 0;
        }

    .faqsection .siders {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

        .faqsection .siders .left {
            width: 100%;
            max-width: 390px;
            padding-right: 30px;
        }


    .faqsection.usefull .siders .left .nav_agents-page > li > a {
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 1.2;
        padding: 10px 20px;
    }

        .faqsection.usefull .siders .left .nav_agents-page > li > a span {
            position: relative;
            z-index: 5;
        }

        .faqsection.usefull .siders .left .nav_agents-page > li > a.active::after, .faqsection.usefull .siders .left .nav_agents-page > li > a:hover::after {
            width: 30px;
            height: 30px;
            top: 6px;
            right: -17px;
        }


    .faqsection .siders .left .nav_agents-page > li > a {
        height: 67px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 1.2;
        padding: 10px 20px;
    }

        .faqsection .siders .left .nav_agents-page > li > a span {
            position: relative;
            z-index: 5;
        }

        .faqsection .siders .left .nav_agents-page > li > a.active::after, .faqsection .siders .left .nav_agents-page > li > a:hover::after {
            width: 46px;
            height: 46px;
            top: 9px;
            right: -24px;
        }


    .faqsection .siders .right {
        width: 100%;
        max-width: calc(100% - 420px);
    }

    .faqsection .acordion-simple {
        padding: 0;
        margin: 0;
        list-style: none;
        border: 1px solid #e1e1e1;
        border-bottom: none;
    }

        .faqsection .acordion-simple .topper-line {
            background-color: #f79320;
            border-bottom: 1px solid #e1e1e1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 0;
            cursor: pointer;
        }

            .faqsection .acordion-simple .topper-line .arrow {
                width: 50px;
                height: 50px;
                position: relative;
                margin-left: 15px;
            }

                .faqsection .acordion-simple .topper-line .arrow:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    width: 1px;
                    background-color: white;
                    background: rgba(3,3,3,1);
                    background: -moz-linear-gradient(top, rgba(3,3,3,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%, rgba(0,0,0,1) 100%);
                    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,3,3,0)), color-stop(30%, rgba(255,255,255,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(0,0,0,0)));
                    background: -webkit-linear-gradient(top, rgba(3,3,3,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(0,0,0,0) 100%);
                    background: -o-linear-gradient(top, rgba(3,3,3,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(0,0,0,0) 100%);
                    background: -ms-linear-gradient(top, rgba(3,3,3,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(0,0,0,0) 100%);
                    background: linear-gradient(to bottom, rgba(3,3,3,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(0,0,0,0) 100%);
                }

        .faqsection .acordion-simple li.active .topper-line .arrow:after {
            content: '';
            position: absolute;
            top: 20px;
            left: 17px;
            width: 15px;
            height: 15px;
            border-top: 2px solid white;
            border-left: 2px solid white;
            transform: rotate(45deg);
        }

        .faqsection .acordion-simple .topper-line .arrow:after {
            content: '';
            position: absolute;
            top: 13px;
            left: 17px;
            width: 15px;
            height: 15px;
            border-top: 2px solid white;
            border-left: 2px solid white;
            transition: all 0.3s;
            transform: rotate(-135deg);
        }

        .faqsection .acordion-simple .topper-line .title {
            width: calc(100% - 65px);
            padding: 0px 30px;
            color: white;
            font-weight: bold;
            line-height: 1.2;
            font-size: 19px;
        }

        .faqsection .acordion-simple .hidden {
            display: none;
            background-color: #464646;
            color: white;
            padding: 25px 30px;
            font-size: 17px;
            font-weight: 300;
            line-height: 1.2;
            border-bottom: 1px solid #e1e1e1;
        }

            .faqsection .acordion-simple .hidden p {
                margin: 0;
            }

    .faqsection .siders .right .conteiner-links {
        background-color: #e9e9e9;
        border: 1px solid #e5e5e5;
        padding: 40px;
    }

        .faqsection .siders .right .conteiner-links ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .faqsection .siders .right .conteiner-links ul li {
                padding-bottom: 30px;
            }

                .faqsection .siders .right .conteiner-links ul li:last-child {
                    padding-bottom: 0;
                }

    .faqsection .conteiner-links ul li .linker {
        border-bottom: 1px solid #cccccc;
        padding-bottom: 5px;
    }

        .faqsection .conteiner-links ul li .linker a {
            text-decoration: none;
            font-size: 17px;
            color: rgb(86, 177, 216);
            font-weight: bold;
            line-height: 1.2;
        }

    .faqsection .conteiner-links ul li .after {
        padding-top: 5px;
        font-size: 17px;
        color: rgb(54, 54, 54);
        line-height: 1.2;
    }

        .faqsection .conteiner-links ul li .after p {
            margin: 0;
        }

    .faqsection .topper-text {
        display: flex;
        justify-content: flex-end;
        padding: 30px 15px;
        font-size: 19px;
        color: rgb(84, 84, 83);
        line-height: 1.2;
    }

        .faqsection .topper-text .convert {
            max-width: calc(100% - 420px);
        }


        .faqsection .topper-text p {
            margin: 0;
        }


@media screen and (max-width: 1280px) {
    .faqsection .siders {
        padding: 0 15px;
    }

    .faqsection {
        margin-top: 111px !important;
    }

    #recruit .describtion h1 {
        padding: 0;
    }

    .recruit_head .describtion {
        height: auto;
    }

    #recruit .filter-form {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        flex-wrap: wrap;
    }

        #recruit .filter-form .filter-row {
            display: block;
            width: 50%;
            max-width: 370px;
        }

            #recruit .filter-form .filter-row select {
                margin-bottom: 15px;
            }

        #recruit .filter-form .filter-row-2 {
            width: 100%;
            justify-content: center;
        }
}

@media screen and (max-width: 920px) {
    #recruit .student_discription:nth-child(2n) .std-img {
        order: 2;
    }

    .summary_discription {
        box-sizing: border-box;
        padding: 10px;
        width: 50%;
    }

    h4.hover_discription_course, h4.summary_discriptin_language, h4.summary_discriptin_time_emploiment {
        font-size: 18px;
        margin-top: 10px;
    }

    p.sd_ps, p.sd_l, p.sd_afrom {
        font-size: 14px;
    }

    #recruit .student_discription {
        width: 100%;
        max-width: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hover_discription {
        opacity: 1;
        height: auto;
        bottom: 0;
    }

    a.short_discription_button {
        padding: 10px;
        font-size: 18px;
    }

    .recruit_content .second-language {
        height: auto;
        line-height: 1.2;
    }

    .std-img {
        height: 280px;
        width: 50%;
    }

    h2.summary_discription_name {
        margin: 15px 0;
    }

    .summary_discription p {
        margin-bottom: 15px;
    }


    #recruit .describtion h1 {
        text-align: center;
    }

    #recruit .recruit_head {
        height: auto !important;
    }

    #recruit .wrap-filter-form {
        top: 0;
    }


    .faqsection {
        margin-top: 90px !important;
    }

        .faqsection .topper {
            height: auto;
            display: block;
        }

            .faqsection .topper h1 {
                padding: 80px 0px;
                text-align: center;
                font-size: 32px;
            }

        .faqsection .siders {
            flex-wrap: wrap;
            padding: 0 15px;
            align-items: center;
            justify-content: center;
        }

            .faqsection .siders .right {
                padding-top: 15px;
                max-width: 100%;
            }

        .faqsection .acordion-simple .topper-line .title {
            width: calc(100% - 35px);
            padding: 0 0 0 10px;
            font-size: 16px;
        }

        .faqsection .acordion-simple .topper-line .arrow {
            width: 30px;
            height: 30px;
            margin-left: 10px;
        }

        .faqsection .acordion-simple li.active .topper-line .arrow:after {
            top: 13px;
            left: 10px;
            width: 10px;
            height: 10px;
        }

        .faqsection .acordion-simple .topper-line .arrow:after {
            top: 8px;
            left: 10px;
            width: 10px;
            height: 10px;
        }

        .faqsection .acordion-simple .hidden {
            padding: 15px;
            font-size: 15px;
        }

        .faqsection .acordion-simple .topper-line .title {
            font-weight: 400;
        }

        .faqsection .acordion-simple .hidden p {
            text-align: justify;
        }

        .faqsection .topper-text {
            display: block;
        }

            .faqsection .topper-text .convert {
                max-width: none;
                text-align: justify;
            }
}

@media screen and (max-width: 820px) {

    #recruit h1 {
        margin: 0;
        font-size: 30px;
    }

    #recruit .filter-form {
        display: block;
    }

        #recruit .filter-form .filter-row {
            width: 100%;
            margin: 0 auto;
            padding-bottom: 0;
        }

        #recruit .filter-form .filter-row-2 {
            padding-top: 20px;
            display: block;
        }

    .wrap-date input {
        font-size: 16px;
        width: calc(100% - 36px);
    }

    .filter-form .filter-row-2 input {
        font-size: 18px;
        height: 50px;
        display: block;
        margin: 0 auto 10px;
    }

    .filter-form select {
        width: 100%;
        font-size: 16px;
        height: 40px;
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {

    .faqsection .siders .right .conteiner-links {
        padding: 20px;
    }

    h2.summary_discription_name {
        margin-top: 0;
        font-size: 22px;
    }

    h4.summary_discriptin_employment, h4.summary_discriptin_edukation, h4.summary_discriptin_seeking {
        font-size: 16px;
    }
}


@media screen and (max-width: 560px) {
    #recruit .student_discription:nth-child(2n) .std-img {
        order: 1;
    }

    #recruit .student_discription:nth-child(2n) .summary_discription {
        order: 2;
    }

    #recruit .student_discription {
        flex-wrap: wrap;
    }

    .std-img {
        width: 100%;
    }

    .summary_discription {
        width: 100%;
    }
}


/* students-portfolio-wrap */
.students-portfolio-wrap * {
    box-sizing: border-box;
}

.students-portfolio-wrap .top-conteiner-wrap {
    background-position: top center;
    padding-bottom: 140px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.students-portfolio-wrap .bot-conteiner-wrap:before {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    width: 100%;
    top: 0px;
    transform: translateX(-50%);
    height: 140px;
    background-image: url(../Styles/images/bg/footer-bg5.png);
    background-size: 1920px 140px;
    background-position: center;
    background-repeat: no-repeat;
}

.students-portfolio-wrap .bot-conteiner-wrap {
    background-position: bottom left;
    position: relative;
    padding-top: 140px;
    margin-top: -140px;
    background-repeat: no-repeat;
    padding-bottom: 140px;
    margin-bottom: -140px;
}

.students-portfolio-wrap .center-title {
    text-align: center;
    padding-bottom: 120px;
}

.students-portfolio-wrap h1 {
    font-size: 50px;
    color: rgb(70, 70, 70);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0;
    font-weight: 300;
}

.students-portfolio-wrap .top-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .students-portfolio-wrap .top-content .left {
        width: 50%;
        padding: 0 15px;
    }

    .students-portfolio-wrap .top-content .right {
        width: 50%;
        padding: 0 15px;
    }

.students-portfolio-wrap .left h2 {
    margin: 0;
    padding-bottom: 15px;
    font-size: 30px;
    color: rgb(84, 84, 83);
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.2;
}

.students-portfolio-wrap .left p {
    margin: 30px 0;
    font-size: 20px;
    color: rgb(84, 84, 83);
    line-height: 1.2;
    font-weight: 300;
}

.students-portfolio-wrap .right > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .students-portfolio-wrap .right > ul li {
        display: block;
        width: 100%;
    }

.students-portfolio-wrap .right .title {
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    width: 100%;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e1e1e1;
    background-color: #f79320;
}

    .students-portfolio-wrap .right .title:hover {
        background-color: #ff7e23;
    }

    .students-portfolio-wrap .right .title .texter {
        width: calc(100% - 50px);
        font-size: 19px;
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
    }

    .students-portfolio-wrap .right .title .dropper {
        width: 46px;
        position: absolute;
        top: 2px;
        bottom: 2px;
        right: 2px;
        background-color: transparent;
    }

        .students-portfolio-wrap .right .title .dropper:before {
            transition: all 0.3s;
            content: '';
            position: absolute;
            width: 9px;
            height: 9px;
            border-bottom: 1px solid white;
            border-left: 1px solid white;
            transform: rotate(-45deg);
            transform-origin: 0 0;
            top: calc(50% - 6px/2);
            left: calc(50% - 10px/2);
        }

.students-portfolio-wrap .right li.active .title .dropper:before {
    transform: rotate(135deg);
    top: calc(50% + 6px/2);
    left: calc(50% + 18px/2);
}


.students-portfolio-wrap .right .title .dropper:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background-image: -ms-linear-gradient(top, #f79320 0%, #fff 50%, #f79320 100%);
    background-image: -moz-linear-gradient(top, #f79320 0%, #fff 50%, #f79320 100%);
    background-image: -o-linear-gradient(top, #f79320 0%, #fff 50%, #f79320 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f79320), color-stop(50, #fff), color-stop(100, #f79320));
    background-image: -webkit-linear-gradient(top, #f79320 0%, #fff 50%, #f79320 100%);
    background-image: linear-gradient(to bottom, #f79320 0%, #fff 50%, #f79320 100%);
}



.students-portfolio-wrap .right .hidd {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

    .students-portfolio-wrap .right .hidd li {
        display: block;
        border: 1px solid #959595;
    }

        .students-portfolio-wrap .right .hidd li a {
            display: block;
            transition: all 0.3s;
            background-color: #464646;
            width: 100%;
            font-weight: 300;
            text-decoration: none;
            padding: 18px;
            font-size: 19px;
            color: rgb(255, 255, 255);
            line-height: 1.2;
        }

            .students-portfolio-wrap .right .hidd li a:hover {
                background-color: #252525;
            }

.students-portfolio-wrap .wrap-slice {
    padding: 15px 0;
}

    .students-portfolio-wrap .wrap-slice .list-conteiner {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        flex-wrap: wrap;
    }

        .students-portfolio-wrap .wrap-slice .list-conteiner li {
            width: 375px;
            border: 1px solid #cccccc;
            background-color: white;
            margin: 0 10px 30px;
        }

.students-portfolio-wrap .list-conteiner .topper {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 380px;
}

    .students-portfolio-wrap .list-conteiner .topper .con {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 380px;
    }

        .students-portfolio-wrap .list-conteiner .topper .con img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: none;
            min-height: 100%;
            min-width: 100%;
        }

    .students-portfolio-wrap .list-conteiner .topper .descriptor {
        position: absolute;
        top: 100%;
        transition: all 0.3s;
        left: 0;
        right: 0;
        padding: 5px;
        height: 380px;
        z-index: 2;
        background-color: rgba(0,0,0,0.7);
    }

        .students-portfolio-wrap .list-conteiner .topper .descriptor .con-des {
            color: white;
            padding-bottom: 65px;
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            position: relative;
        }

.students-portfolio-wrap .wrap-slice .list-conteiner li:hover .descriptor {
    top: 0;
}

.students-portfolio-wrap .descriptor .con-des .last-row {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.students-portfolio-wrap .descriptor .con-des .row {
    width: 100%;
    text-align: center;
}

.students-portfolio-wrap .descriptor .con-des .head-text {
    font-size: 22px;
    font-weight: 700;
}

.students-portfolio-wrap .descriptor .con-des .after {
    font-size: 17px;
    font-weight: 300;
}

.students-portfolio-wrap .orange-button {
    width: 100%;
    display: block;
    text-decoration: none;
    color: white;
    text-align: center;
    background-color: #f79320;
    transition: all 0.3s;
    border-radius: 3px;
    padding: 15px;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}

    .students-portfolio-wrap .orange-button:hover {
        background-color: #ff8800;
    }

.students-portfolio-wrap .list-conteiner .botter {
    text-align: center;
    color: #545453;
    padding: 15px 0;
}

    .students-portfolio-wrap .list-conteiner .botter .name {
        padding: 10px;
        font-weight: 700;
        font-size: 25px;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .students-portfolio-wrap .list-conteiner .botter .row {
        padding: 10px;
    }

    .students-portfolio-wrap .list-conteiner .botter .head-text {
        font-weight: 700;
        font-size: 17px;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .students-portfolio-wrap .list-conteiner .botter .after {
        font-weight: 300;
        font-size: 17px;
        line-height: 1.2;
    }


@media screen and (max-width: 920px) {

    .students-portfolio-wrap .center-title {
        padding-bottom: 30px;
    }

    .students-portfolio-wrap h1 {
        font-size: 32px;
    }

    .students-portfolio-wrap .top-content {
        display: block;
    }

        .students-portfolio-wrap .top-content .left, .students-portfolio-wrap .top-content .right {
            width: 100%;
        }

        .students-portfolio-wrap .top-content .left {
            padding-bottom: 15px;
        }

    .students-portfolio-wrap .left h2 {
        font-size: 24px;
        text-align: center;
        padding-bottom: 0;
    }

    .students-portfolio-wrap .left p {
        margin: 10px 0;
        font-size: 18px;
    }

    .students-portfolio-wrap .wrap-slice .list-conteiner li {
        width: 300px;
    }

    .students-portfolio-wrap .list-conteiner .topper, .students-portfolio-wrap .list-conteiner .topper .descriptor, .students-portfolio-wrap .list-conteiner .topper .con {
        height: 280px;
    }

    .students-portfolio-wrap .descriptor .con-des .head-text {
        font-size: 18px;
    }

    .students-portfolio-wrap .descriptor .con-des .after {
        font-size: 16px;
    }

    .students-portfolio-wrap .list-conteiner .topper .descriptor .con-des {
        padding-bottom: 40px;
    }

    .students-portfolio-wrap .orange-button {
        padding: 8px;
        font-size: 18px;
    }

    .students-portfolio-wrap .list-conteiner .botter, .students-portfolio-wrap .list-conteiner .botter .row {
        padding: 5px 0;
    }

        .students-portfolio-wrap .list-conteiner .botter .name {
            font-size: 20px;
        }

        .students-portfolio-wrap .list-conteiner .botter .head-text, .students-portfolio-wrap .list-conteiner .botter .after {
            font-size: 15px;
        }
}


@media screen and (max-width: 767px) {
    .students-portfolio-wrap .right .title, .students-portfolio-wrap .right .hidd li a {
        padding: 10px;
    }

        .students-portfolio-wrap .right .title .texter, .students-portfolio-wrap .right .hidd li a {
            font-weight: 500;
            font-size: 16px;
        }

    .students-portfolio-wrap .bot-conteiner-wrap {
        padding-bottom: 70px;
    }

    .students-portfolio-wrap .top-conteiner-wrap {
        padding-bottom: 100px;
    }
}

/* students-portfolio-wrap */


/* schoolarsheep-section */

section.schoolarsheep-section {
    background-color: white;
    position: relative;
}

    section.schoolarsheep-section .content-all {
        position: relative;
        min-height: 100vh;
    }

    section.schoolarsheep-section .loader {
        width: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        min-height: 200px;
        background-image: url(ajax-loader.gif);
        background-position: center center;
        background-repeat: no-repeat;
        height: calc(100vh - 400px);
        width: 100%;
        z-index: 10;
    }


.schoolarsheep-section .topper-texter {
    padding-top: 70px;
    padding-bottom: 30px;
}

    .schoolarsheep-section .topper-texter .ctext {
    }

        .schoolarsheep-section .topper-texter .ctext h1 {
            font-size: 50px;
            font-weight: 700;
            text-transform: uppercase;
            color: #545453;
            margin: 0 0 30px;
        }

        .schoolarsheep-section .topper-texter .ctext p {
            margin: 0 0 20px;
            font-size: 20px;
            font-weight: 300;
            color: #545453;
        }

.schoolarsheep-section .conteiner-items .head-row {
    font-size: 50px;
    padding-top: 15px;
    font-family: "Roboto Condensed";
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}

.schoolarsheep-section .conteiner-items .item {
    padding: 15px 0 35px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}


    .schoolarsheep-section .conteiner-items .item .left-side {
        width: calc(100% - 275px - 20px);
    }

        .schoolarsheep-section .conteiner-items .item .left-side .name {
            margin-bottom: 20px;
            font-weight: 300;
            padding: 5px 15px;
            text-align: left;
            color: white;
            font-size: 25px;
            color: rgb(255, 255, 255);
            line-height: 1.4;
            text-transform: uppercase;
        }

        .schoolarsheep-section .conteiner-items .item .left-side .texter {
            background-color: white;
            border: 1px solid #e6e6e6;
            padding: 20px;
            border-radius: 3px;
        }

        .schoolarsheep-section .conteiner-items .item .left-side h4 {
            color: #545453;
            border-bottom: 1px solid #e6e6e6;
            margin: 0 0 10px;
            ;
            padding-bottom: 10px;
            font-size: 25px;
            text-transform: uppercase;
        }

        .schoolarsheep-section .conteiner-items .item .left-side p {
            color: #545453;
            margin: 0;
            font-size: 20px;
            font-weight: 300;
        }

        .schoolarsheep-section .conteiner-items .item .left-side ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .schoolarsheep-section .conteiner-items .item .left-side ul li {
                padding: 15px 0;
                display: flex;
                align-items: center;
                justify-content: flex-start;
            }

                .schoolarsheep-section .conteiner-items .item .left-side ul li p {
                    width: calc(100% - 35px);
                }

                .schoolarsheep-section .conteiner-items .item .left-side ul li .marker {
                    position: relative;
                    margin-right: 13px;
                    width: 22px;
                    height: 22px;
                    border-radius: 50%;
                    border-width: 2px;
                    border-style: solid;
                }

                    .schoolarsheep-section .conteiner-items .item .left-side ul li .marker .inside {
                        position: absolute;
                        width: 10px;
                        height: 6px;
                        transform: rotate(-45deg);
                        border-bottom: 2px solid #545453;
                        border-left: 2px solid #545453;
                        top: 5px;
                        left: 4px;
                    }



    .schoolarsheep-section .conteiner-items .item .right-side {
        width: 275px;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }

        .schoolarsheep-section .conteiner-items .item .right-side .new-price {
            padding-top: 20px;
            color: white;
            position: relative;
            font-size: 48px;
            font-family: "Roboto Condensed";
            font-weight: 300;
        }

            .schoolarsheep-section .conteiner-items .item .right-side .new-price span {
                position: relative;
                z-index: 2;
            }

            .schoolarsheep-section .conteiner-items .item .right-side .new-price .con-hat {
                position: absolute;
                top: 0px;
                right: -16px;
                width: 53px;
                height: 45px;
            }

                .schoolarsheep-section .conteiner-items .item .right-side .new-price .con-hat span {
                    position: absolute;
                    font-size: 14px;
                    font-weight: 700;
                    top: 8px;
                    left: 18px;
                }

        .schoolarsheep-section .conteiner-items .item .right-side .original-price {
            font-size: 16px;
            font-family: "Roboto Condensed";
            color: rgb(255, 255, 255);
            text-transform: uppercase;
            margin: 15px 0;
            width: 100%;
            padding: 10px;
            text-align: center;
            border-top: 1px dashed white;
            border-bottom: 1px dashed white;
        }

        .schoolarsheep-section .conteiner-items .item .right-side .period {
            width: 100%;
            text-align: center;
            font-size: 25px;
            font-family: "Roboto Condensed";
            font-weight: 400;
            color: rgb(255, 255, 255);
        }

        .schoolarsheep-section .conteiner-items .item .right-side .learn-more {
            padding-top: 40px;
            width: 100%;
            text-align: center;
        }

            .schoolarsheep-section .conteiner-items .item .right-side .learn-more a {
                display: block;
                width: 100%;
                transition: all 0.3s;
                max-width: 180px;
                margin: 0 auto;
                text-decoration: none;
                padding: 10px;
                background-color: #2f2e2c;
                font-size: 22px;
                font-weight: 300;
                font-family: "Roboto Condensed";
                color: rgb(255, 255, 255);
                text-transform: uppercase;
            }

                .schoolarsheep-section .conteiner-items .item .right-side .learn-more a:hover {
                    background-color: #585858;
                }

.schoolarsheep-section .sliced {
    padding: 140px 0;
    position: relative;
    background-size: cover;
    background-position: center center;
}

    .schoolarsheep-section .sliced:before {
        content: '';
        position: absolute;
        display: block;
        left: 50%;
        width: 100%;
        top: 0px;
        transform: translateX(-50%);
        height: 140px;
        background-image: url(../Styles/images/bg/footer-bg7.png);
        background-size: 1920px 140px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .schoolarsheep-section .sliced:after {
        content: '';
        position: absolute;
        display: block;
        left: 50%;
        width: 100%;
        bottom: 0px;
        transform: translateX(-50%);
        height: 140px;
        background-image: url(../Styles/images/bg/footer-bg6.png);
        background-size: 1920px 140px;
        background-position: center;
        background-repeat: no-repeat;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .head-row {
    color: rgb(65, 148, 105);
}

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+2) .name {
    background-color: #6c9b82;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+2) .marker {
    border-color: #62947a;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+2) .marker .inside {
        border-color: #62947a;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+2) .con-hat span {
    color: #416552;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+2) .right-side {
    background-color: #416552;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+2) svg path {
    fill: #6CD2DE;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+1) .name {
    background-color: #91a782;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+1) .marker {
    border-color: #8fa681;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+1) .marker .inside {
        border-color: #8fa681;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+1) .con-hat span {
    color: #54604C;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+1) .right-side {
    background-color: #54604c;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+3) .item:nth-child(2n+1) svg path {
    fill: #E8A85D;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .head-row {
    color: #4c2f55;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+2) .name {
    background-color: #c76686;
    ;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+2) .marker {
    border-color: #c76686;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+2) .marker .inside {
        border-color: #c76686;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+2) .con-hat span {
    color: #905266;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+2) .right-side {
    background-color: #905266;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+2) svg path {
    fill: #E8A85D;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+1) .name {
    background-color: #b14c6d;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+1) .marker {
    border-color: #b14c6d;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+1) .marker .inside {
        border-color: #b14c6d;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+1) .con-hat span {
    color: #584854;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+1) .right-side {
    background-color: #584854;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+4) .item:nth-child(2n+1) svg path {
    fill: #E8A85D;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .head-row {
    color: #ae4c55;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+2) .name {
    background-color: #a8646a;
    ;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+2) .marker {
    border-color: #a8646a;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+2) .marker .inside {
        border-color: #a8646a;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+2) .con-hat span {
    color: #6e353b;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+2) .right-side {
    background-color: #6e353b;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+2) svg path {
    fill: #d1cd4c;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+1) .name {
    background-color: #a58184;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+1) .marker {
    border-color: #a58184;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+1) .marker .inside {
        border-color: #a58184;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+1) .con-hat span {
    color: #615354;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+1) .right-side {
    background-color: #615354;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+5) .item:nth-child(2n+1) svg path {
    fill: #41db93;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .head-row {
    color: #b61b68;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+2) .name {
    background-color: #9c6f7f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+2) .marker {
    border-color: #9c6f7f;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+2) .marker .inside {
        border-color: #9c6f7f;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+2) .con-hat span {
    color: #4b3842;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+2) .right-side {
    background-color: #4b3842;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+2) svg path {
    fill: #d6fb55;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+1) .name {
    background-color: #6f6280;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+1) .marker {
    border-color: #6f6280;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+1) .marker .inside {
        border-color: #6f6280;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+1) .con-hat span {
    color: #463f4f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+1) .right-side {
    background-color: #463f4f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+1) svg path {
    fill: #4afbd6;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+3) .name {
    background-color: #6f6280;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+3) .marker {
    border-color: #714f6c;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+3) .marker .inside {
        border-color: #714f6c;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+3) .con-hat span {
    color: #463f4f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+3) .right-side {
    background-color: #463f4f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) .item:nth-child(3n+3) svg path {
    fill: #4afbd6;
}


.schoolarsheep-section .conteiner-items:nth-child(7n+7) .head-row {
    color: #05c5ba;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+2) .name {
    background-color: #509a96;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+2) .marker {
    border-color: #509a96;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+2) .marker .inside {
        border-color: #509a96;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+2) .con-hat span {
    color: #19938c;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+2) .right-side {
    background-color: #19938c;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+2) svg path {
    fill: #e8bd5d;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+3) .name {
    background-color: #759799;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+3) .marker {
    border-color: #759799;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+3) .marker .inside {
        border-color: #759799;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+3) .con-hat span {
    color: #455c5d;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+3) .right-side {
    background-color: #455c5d;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+3) svg path {
    fill: #dcd26a;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+4) .name {
    background-color: #53c5be;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+4) .marker {
    border-color: #55c6bf;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+4) .marker .inside {
        border-color: #55c6bf;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+4) .con-hat span {
    color: #26a9a1;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+4) .right-side {
    background-color: #26a9a1;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+4) svg path {
    fill: #a6e66a;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+5) .name {
    background-color: #5ddbd3;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+5) .marker {
    border-color: #5ddbd3;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+5) .marker .inside {
        border-color: #5ddbd3;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+5) .con-hat span {
    color: #2d9285;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+5) .right-side {
    background-color: #2d9285;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+5) svg path {
    fill: #5ed7e7;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+1) .name {
    background-color: #55b9c8;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+1) .marker {
    border-color: #55b9c8;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+1) .marker .inside {
        border-color: #55b9c8;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+1) .con-hat span {
    color: #4096a3;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+1) .right-side {
    background-color: #4096a3;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+7) .item:nth-child(5n+1) svg path {
    fill: #f1a655;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .head-row {
    color: #b66f1b;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+2) .name {
    background-color: #79703c;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+2) .marker {
    border-color: #79703c;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+2) .marker .inside {
        border-color: #79703c;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+2) .con-hat span {
    color: #4c4a3f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+2) .right-side {
    background-color: #4c4a3f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+2) svg path {
    fill: #d18f4c;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+3) .name {
    background-color: #67573d;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+3) .marker {
    border-color: #67573d;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+3) .marker .inside {
        border-color: #67573d;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+3) .con-hat span {
    color: #3e382f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+3) .right-side {
    background-color: #3e382f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+3) svg path {
    fill: #d14b62;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+1) .name {
    background-color: #957e5d;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+1) .marker {
    border-color: #876d47;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+1) .marker .inside {
        border-color: #876d47;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+1) .con-hat span {
    color: #433b2f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+1) .right-side {
    background-color: #433b2f;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) .item:nth-child(3n+1) svg path {
    fill: #d14bce;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .head-row {
    color: #ae4c55;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+2) .name {
    background-color: #a8646a;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+2) .marker {
    border-color: #a8646a;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+2) .marker .inside {
        border-color: #a8646a;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+2) .con-hat span {
    color: #6e353b;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+2) .right-side {
    background-color: #6e353b;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+2) svg path {
    fill: #d1cd4c;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+1) .name {
    background-color: #a58184;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+1) .marker {
    border-color: #a58184;
}

    .schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+1) .marker .inside {
        border-color: #a58184;
    }

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+1) .con-hat span {
    color: #615354;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+1) .right-side {
    background-color: #615354;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+2) .item:nth-child(2n+1) svg path {
    fill: #41db93;
}



.schoolarsheep-section .conteiner-items:nth-child(7n+4) {
    background-image: url("../Styles/images/hat/schoolarsheep-bg-1.jpg") !important;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+6) {
    background-image: url("../Styles/images/hat/schoolarsheep-bg-2.jpg") !important;
}

.schoolarsheep-section .conteiner-items:nth-child(7n+1) {
    background-image: url("../Styles/images/hat/schoolarsheep-bg-3.jpg") !important;
}


@media screen and (max-width: 1280px) {
    .schoolarsheep-section .wrap {
        padding: 0 15px;
    }

    .schoolarsheep-section .topper-texter .ctext h1 {
        font-size: 32px;
        text-align: center;
        margin-bottom: 15px;
    }

    .schoolarsheep-section .topper-texter .ctext p {
        margin-bottom: 5px;
        font-size: 18px;
        text-align: center;
    }

    .schoolarsheep-section .topper-texter {
        padding-top: 30px;
    }


    .schoolarsheep-section .conteiner-items .head-row {
        font-size: 32px;
    }

    .schoolarsheep-section .conteiner-items .item .left-side .name {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .schoolarsheep-section .conteiner-items .item .left-side {
        width: calc(100% - 275px - 10px);
    }

        .schoolarsheep-section .conteiner-items .item .left-side .texter {
            padding: 15px;
        }

        .schoolarsheep-section .conteiner-items .item .left-side h4 {
            font-size: 20px;
        }

        .schoolarsheep-section .conteiner-items .item .left-side ul li {
            padding: 10px 0;
        }

        .schoolarsheep-section .conteiner-items .item .left-side p {
            font-size: 16px;
        }
}

@media screen and (max-width: 767px) {
    .schoolarsheep-section .topper-texter .ctext h1 {
        font-size: 28px;
    }

    .schoolarsheep-section .topper-texter .ctext p {
        font-size: 16px;
    }

    .schoolarsheep-section .conteiner-items .item .left-side {
        width: calc(100% - 250px - 10px);
    }

    .schoolarsheep-section .conteiner-items .item .right-side {
        width: 250px;
    }
}

@media screen and (max-width: 640px) {

    .schoolarsheep-section .conteiner-items .item {
        display: block;
        padding: 10px 0;
    }

        .schoolarsheep-section .conteiner-items .item .left-side {
            width: 100%;
            margin-bottom: 10px;
        }

        .schoolarsheep-section .conteiner-items .item .right-side {
            width: 275px;
            margin: 0 auto;
            padding-top: 35px;
        }

            .schoolarsheep-section .conteiner-items .item .right-side .learn-more {
                padding-top: 15px;
            }
}

/* schoolarsheep-section */

/* section-detailed */

.section-detailed .siders {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.section-detailed .right-tubbers {
    width: 380px;
}

.section-detailed .left-content {
    width: calc(100% - 400px);
}

.section-detailed .rover {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .section-detailed .rover .side-face {
        width: 260px;
    }

    .section-detailed .rover .side-detail {
        width: calc(100% - 280px);
    }

    .section-detailed .rover .side-face .con {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 275px;
        border: 2px solid #b6cd34;
    }

        .section-detailed .rover .side-face .con img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .section-detailed .rover .side-face .buttons {
        padding: 15px 0;
    }

        .section-detailed .rover .side-face .buttons a {
            display: block;
            text-decoration: none;
            transition: all 0.3s;
            text-align: center;
            margin-bottom: 15px;
            padding: 10px;
            font-size: 18px;
            color: rgb(255, 255, 255);
            line-height: 1.2;
        }

            .section-detailed .rover .side-face .buttons a:last-child {
                margin-bottom: 0;
            }

        .section-detailed .rover .side-face .buttons .cv-butt {
            border-style: solid;
            border-width: 1px;
            border-color: rgb(205, 205, 205);
            border-radius: 3px;
            background-image: -moz-linear-gradient( 90deg, rgb(88,182,221) 0%, rgb(131,218,255) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(88,182,221) 0%, rgb(131,218,255) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(88,182,221) 0%, rgb(131,218,255) 100%);
        }

            .section-detailed .rover .side-face .buttons .cv-butt:hover {
                background-image: -moz-linear-gradient( 90deg, rgb(131,218,255) 0%, rgb(88,182,221) 100%);
                background-image: -webkit-linear-gradient( 90deg, rgb(131,218,255) 0%, rgb(88,182,221) 100%);
                background-image: -ms-linear-gradient( 90deg, rgb(131,218,255) 0%, rgb(88,182,221) 100%);
            }

        .section-detailed .rover .side-face .buttons .contact {
            border-style: solid;
            border-width: 1px;
            border-color: rgb(205, 205, 205);
            border-radius: 3px;
            background-image: -moz-linear-gradient( 90deg, rgb(134,156,58) 0%, rgb(179,201,54) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(134,156,58) 0%, rgb(179,201,54) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(134,156,58) 0%, rgb(179,201,54) 100%);
        }

            .section-detailed .rover .side-face .buttons .contact:hover {
                background-image: -moz-linear-gradient( 90deg, rgb(179,201,54) 0%, rgb(134,156,58) 100%);
                background-image: -webkit-linear-gradient( 90deg, rgb(179,201,54) 0%, rgb(134,156,58) 100%);
                background-image: -ms-linear-gradient( 90deg, rgb(179,201,54) 0%, rgb(134,156,58) 100%);
            }

    .section-detailed .rover .side-face .rozdale {
        padding-bottom: 30px;
    }

    .section-detailed .rover .side-face .title-roz {
        font-size: 18px;
        color: rgb(2, 2, 2);
        text-transform: uppercase;
        line-height: 1.2;
        padding-bottom: 20px;
    }

    .section-detailed .rover .side-face .item {
        padding-bottom: 20px;
    }

        .section-detailed .rover .side-face .item .titl {
            font-size: 17px;
            color: rgb(0, 0, 0);
            line-height: 1.2;
            font-weight: 400;
            padding-bottom: 20px;
        }

        .section-detailed .rover .side-face .item .content {
            font-size: 17px;
            color: #545453;
            line-height: 1.2;
            font-weight: 300;
        }

    .section-detailed .rover .side-detail .texter {
        font-size: 17px;
        color: rgb(84, 84, 83);
        line-height: 1.2;
        text-align: justify;
    }

        .section-detailed .rover .side-detail .texter p {
            margin: 0 0 10px;
            font-size: 17px;
            color: rgb(84, 84, 83);
            text-indent: 20px;
        }

.section-detailed .side-detail .name h1 {
    margin: 0;
    font-size: 24px;
    color: rgb(88, 182, 221);
    line-height: 1.2;
    font-weight: 400;
}

.section-detailed .side-detail .old {
    font-size: 17px;
    color: rgb(153, 153, 153);
    line-height: 1.2;
    font-weight: 300;
}

.section-detailed .side-detail .tabler {
}

.section-detailed .side-detail ul {
    list-style: none;
    padding: 10px 0 0;
    margin: 0;
}

.section-detailed .side-detail li {
    padding: 15px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .section-detailed .side-detail li .l {
        width: 135px;
        max-width: 40%;
        font-size: 17px;
        color: rgb(0, 0, 0);
        line-height: 1.2;
    }

    .section-detailed .side-detail li .r {
        width: calc(100% - 150px);
        max-width: 60%;
        font-weight: 300;
        font-size: 17px;
        line-height: 1.2;
        color: #545453;
    }

    .section-detailed .side-detail li.premium {
        padding: 30px 0;
        border-top: 2px dotted #dcdcdc;
        border-bottom: 2px dotted #dcdcdc;
    }

.right-tubbers .dropdown-list {
}

.right-tubbers ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .right-tubbers ul li {
        display: block;
        margin-bottom: 20px;
    }

        .right-tubbers ul li .title-content {
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            cursor: pointer;
            background-color: #839a3b;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 20px;
        }

            .right-tubbers ul li .title-content .name {
                font-size: 18px;
                color: rgb(255, 255, 255);
                line-height: 1.2;
                max-width: calc( 100% - 30px);
            }

            .right-tubbers ul li .title-content .arrow {
                width: 20px;
                height: 30px;
                position: relative;
            }

                .right-tubbers ul li .title-content .arrow:after {
                    content: '';
                    position: absolute;
                    width: 10px;
                    height: 10px;
                    top: 7px;
                    right: 4px;
                    border-bottom: 2px solid #fff;
                    border-left: 2px solid #fff;
                    transform: rotate(-45deg);
                }

        .right-tubbers ul li .hidden-content {
            padding: 20px;
            background-color: white;
            border-left: 1px solid #e6e6e6;
            border-right: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

            .right-tubbers ul li .hidden-content .texter {
            }

                .right-tubbers ul li .hidden-content .texter p {
                    font-size: 17px;
                    color: rgb(84, 84, 83);
                    line-height: 1.2;
                    font-weight: 300;
                    margin: 0;
                }

                .right-tubbers ul li .hidden-content .texter ul {
                    list-style: none;
                    padding-bottom: 10px;
                }

                    .right-tubbers ul li .hidden-content .texter ul li {
                        margin: 0;
                        font-weight: 300;
                        padding: 10px 0 10px 30px;
                        position: relative;
                        font-size: 17px;
                        color: rgb(84, 84, 83);
                        line-height: 1.2;
                    }

        .right-tubbers ul li .hidden-content {
            display: none;
        }

        .right-tubbers ul li.active .hidden-content {
            display: block;
        }

        .right-tubbers ul li .hidden-content .texter ul li:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 5px;
            border-radius: 50%;
            transform: translateY(-50%);
            width: 10px;
            height: 10px;
            background-color: #e5e5e5;
        }

        .right-tubbers ul li .hidden-content .interest {
            padding-top: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            border-top: 2px dotted #dcdcdc;
        }

        .right-tubbers ul li .hidden-content .titl {
            font-size: 17px;
            color: rgb(0, 0, 0);
            line-height: 1.2;
            font-weight: 400;
            width: 50%;
        }

        .right-tubbers ul li .hidden-content .content {
            font-size: 17px;
            color: #545453;
            line-height: 1.2;
            font-weight: 300;
            width: 50%;
        }




.section-detailed .topper-content {
    padding-bottom: 90px;
}

.section-detailed .sertification {
    background-color: #e9e9e9;
    position: relative;
}

    .section-detailed .sertification:after {
        content: '';
        position: absolute;
        display: block;
        left: 50%;
        width: 100%;
        bottom: -140px;
        transform: translateX(-50%);
        height: 140px;
        background-image: url(../Styles/images/bg/footer-bg2.png);
        background-size: 1920px 140px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .section-detailed .sertification:before {
        content: '';
        position: absolute;
        display: block;
        left: 50%;
        width: 100%;
        top: -140px;
        transform: translateX(-50%);
        height: 140px;
        background-image: url(../Styles/images/bg/footer-bg.png);
        background-size: 1920px 140px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .section-detailed .sertification .title-name h2 {
        font-size: 48px;
        margin: 0;
        color: rgb(102, 102, 102);
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
        text-align: center;
    }

    .section-detailed .sertification .list-items {
        padding: 20px 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
    }

        .section-detailed .sertification .list-items li {
            margin: 10px 5px;
            width: 285px;
            height: auto;
        }

        .section-detailed .sertification .list-items .con {
            width: 100%;
            height: 205px;
            position: relative;
            overflow: hidden;
            display: block;
            text-decoration: none;
        }

            .section-detailed .sertification .list-items .con img {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                min-width: 100%;
                max-width: 100%;
                min-height: 100%;
            }

        .section-detailed .sertification .list-items .deskr {
            background-color: #ffffff;
            padding: 15px;
            text-align: center;
        }

            .section-detailed .sertification .list-items .deskr .title {
                font-size: 18px;
                color: rgb(84, 84, 83);
                text-transform: uppercase;
                line-height: 1.2;
            }

            .section-detailed .sertification .list-items .deskr .opis {
                font-size: 17px;
                color: rgb(84, 84, 83);
                font-weight: 300;
            }

            .section-detailed .sertification .list-items .deskr a {
                font-size: 17px;
                color: rgb(84, 84, 83);
                color: #b6cd34;
                font-weight: 300;
            }

            .section-detailed .sertification .list-items .deskr .last-row {
                padding-top: 10px;
            }

                .section-detailed .sertification .list-items .deskr .last-row .issuse {
                    font-size: 17px;
                    color: rgb(84, 84, 83);
                    text-decoration: none;
                    color: #999966;
                    font-weight: 300;
                }


.section-detailed .portfolio-single-row {
    padding-top: 140px;
}

    .section-detailed .portfolio-single-row .title-name h2 {
        font-size: 48px;
        margin: 0;
        color: rgb(102, 102, 102);
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
        text-align: center;
    }

.list-port {
    list-style: none;
    padding: 20px 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
}

    .list-port li {
        display: block;
        margin: 10px 5px;
        width: 285px;
        height: auto;
    }

        .list-port li a {
            display: block;
            text-decoration: none;
        }

.section-detailed .portfolio-single-row .list-port .con {
    width: 100%;
    height: 205px;
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none;
}

    .section-detailed .portfolio-single-row .list-port .con img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
    }

.section-detailed .portfolio-single-row .deskr {
    padding: 15px;
    background-color: white;
    text-align: center;
}

    .section-detailed .portfolio-single-row .deskr .name {
        font-size: 18px;
        color: rgb(84, 84, 83);
        text-transform: uppercase;
        line-height: 1.2;
    }

    .section-detailed .portfolio-single-row .deskr .des {
        padding-top: 15px;
    }

        .section-detailed .portfolio-single-row .deskr .des p {
            margin: 0;
            font-size: 17px;
            color: rgb(84, 84, 83);
            line-height: 1.2;
        }


@media screen and (max-width: 1280px) {
    .section-detailed .siders {
        padding: 0 15px;
    }

    .section-detailed .right-tubbers {
        width: 300px;
    }

    .section-detailed .left-content {
        width: calc(100% - 320px);
    }

    .right-tubbers ul li .hidden-content {
        padding: 15px;
    }

        .right-tubbers ul li .hidden-content .texter ul li {
            font-weight: 300;
            padding: 6px 0 6px 25px;
            position: relative;
            font-size: 16px;
        }

        .right-tubbers ul li .hidden-content .content {
            font-size: 14px;
        }

    .right-tubbers ul li .title-content .name {
        font-size: 16px;
    }

    .right-tubbers ul li .title-content {
        padding: 7px 20px;
    }

    .right-tubbers ul li .hidden-content .texter p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .section-detailed .siders {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .section-detailed .left-content {
        width: 100%;
        padding-bottom: 15px;
    }
}



@media screen and (max-width: 920px) {
    .section-detailed .portfolio-single-row .title-name h2, .section-detailed .sertification .title-name h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 640px) {
    .section-detailed .rover {
        flex-wrap: wrap;
        justify-content: space-around;
    }

        .section-detailed .rover .side-detail {
            width: 100%;
        }

    .section-detailed .side-detail .name h1 {
        text-align: center;
    }

    .section-detailed .side-detail .old {
        text-align: center;
    }

    .section-detailed .rover .side-face .rozdale {
        padding: 20px 0 10px;
        text-align: center;
    }

    .section-detailed .side-detail li {
        padding: 10px 0;
    }

        .section-detailed .side-detail li .l, .section-detailed .side-detail li .r {
            font-size: 16px;
        }
}



/* section-detailed */
/* html remodal-is-locked */
#popup-get-more {
    position: fixed;
    display: flex;
    background-color: transparent;
    padding: 10px;
    align-items: center;
    justify-content: center;
    height: 100vh;
    left: 0;
    bottom: 0;
    transition: all 0.3s;
    right: 0;
    top: 10%;
    transition: all 0.3s;
    z-index: -100;
    opacity: 0;
}

    #popup-get-more.open {
        opacity: 1;
        z-index: 99999999;
        background-color: rgba(0,0,0,0.3);
    }

    #popup-get-more .content {
        max-width: 720px;
        transform: rotate3d(0,1,0,90deg);
        border-radius: 10px;
        transition: all 0.5s;
        max-height: 90vh;
        overflow: auto;
        background-color: #fff;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
        position: relative;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    #popup-get-more.open .content {
        transform: rotate3d(0,1,0,0deg);
    }

    #popup-get-more .content .hidden-closer2 {
        width: 34px;
        height: 34px;
        background-color: #b9cd52;
        position: absolute;
        top: 5px;
        right: 5px;
        display: block;
        cursor: pointer;
    }

        #popup-get-more .content .hidden-closer2:before {
            content: '';
            position: absolute;
            width: 29px;
            height: 1px;
            background-color: black;
            transform: rotate(45deg);
            transform-origin: 0 0;
            left: 7px;
            top: 7px;
        }

        #popup-get-more .content .hidden-closer2:after {
            content: '';
            position: absolute;
            width: 29px;
            height: 1px;
            background-color: black;
            transform: rotate(-45deg);
            transform-origin: 0 0;
            left: 7px;
            bottom: 6px;
        }

    #popup-get-more .content h2 {
        margin-top: 40px;
        margin-bottom: 10px;
        color: #a7bd37;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 1.2;
    }

    #popup-get-more .content h3 {
        margin-top: 40px;
        margin-bottom: 10px;
        color: #a7bd37;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.2;
    }

    #popup-get-more .content p {
        margin: 0;
        font-weight: 500;
        font-size: 15px;
        line-height: 1.2;
    }

    #popup-get-more .content ol {
        list-style: none;
        padding: 0;
        margin: 0;
        counter-reset: list;
    }

        #popup-get-more .content ol > li:before {
            counter-increment: list;
            content: counter(list) ". ";
            color: #a7bd37;
            float: left;
            font-weight: 700;
            margin-right: 5px;
        }

        #popup-get-more .content ol > li:after {
            content: '';
            display: block;
            height: 0;
            font-size: 1px;
            line-height: 1px;
            overflow: hidden;
            clear: both;
        }

    #popup-get-more .content ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        margin: 15px 0;
        padding-left: 25px;
    }

    #popup-get-more .content ol > li {
        display: block;
        margin: 5px 0;
        line-height: 1.2;
    }

    #popup-get-more .content ul > li:before {
        content: '-';
        display: inline;
        margin-right: 5px;
    }

    #popup-get-more .content ul > li {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2;
    }

    #popup-get-more .former {
        padding: 40px 0;
        width: 100%;
        border-top: 1px solid #40403f;
        border-bottom: 1px solid #40403f;
    }

    #popup-get-more form {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    #popup-get-more .name-form {
        font-size: 18px;
        color: rgb(163, 190, 28);
        text-transform: uppercase;
        line-height: 1.389;
        text-align: center;
        margin-bottom: 10px;
    }

    #popup-get-more .row-in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

        #popup-get-more .row-in .inputer {
            width: calc(50% - 5px);
            padding: 4px 0;
        }

            #popup-get-more .row-in .inputer input {
                width: 100%;
                border-radius: 2px;
                border: none;
                height: 45px;
                background-color: #f5f5f5;
                outline: none;
                padding: 18px;
                font-size: 16px;
                color: rgb(0, 0, 0);
                line-height: 1.563;
            }

    #popup-get-more .inputer .select2 {
        width: 100% !important;
        height: 45px;
        background-color: #f5f5f5;
        border: none;
        border-radius: 2px;
    }

        #popup-get-more .inputer .select2 .select2-selection__rendered {
            padding-left: 18px;
            border: none;
            border-radius: 2px;
            font-size: 16px;
            color: rgb(0, 0, 0);
            line-height: 1.563;
        }

    #popup-get-more .inputer .select2-container--default .select2-selection--single {
        border: none;
        outline: none;
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 45px;
        background-color: #f5f5f5;
    }

    #popup-get-more .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 0;
        bottom: 0;
        height: auto;
    }

.select2-container {
    z-index: 999999;
}

#popup-get-more .submition-row {
    padding-top: 4px;
}

    #popup-get-more .submition-row button {
        font-size: 19px;
        cursor: pointer;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        width: 250px;
        display: block;
        text-align: center;
        outline: none;
        padding: 14px;
        border: none;
        margin: 0 auto;
        border-radius: 3px;
        background-color: #a2be17;
    }

@media screen and (max-width: 640px) {

    #popup-get-more .content {
        padding-top: 30px;
    }

        #popup-get-more .content .hidden-closer2 {
            top: 10px;
            left: calc(50% - 34px/2);
        }

        #popup-get-more .content h2, #popup-get-more .content h3 {
            text-align: center;
        }

        #popup-get-more .content p {
            text-align: justify;
        }

    #popup-get-more .row-in {
        display: block;
    }

        #popup-get-more .row-in .inputer {
            width: 100%;
        }

    #popup-get-more .submition-row button {
        width: 100%
    }
}
/* conteiner-button-asside */

/* conteiner-button-asside */

#popup-vet * {
    box-sizing: border-box;
    font-family: 'Roboto Condensed', sans-serif;
}

.conteiner-button-asside {
    margin-top: 20px;
}

    .conteiner-button-asside a {
        display: flex;
        text-transform: none;
        text-decoration: none;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
        background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
        background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
        padding: 13px 10px;
        transition: all 0.3s;
    }

        .conteiner-button-asside a:hover {
            background-image: -moz-linear-gradient(90deg, #657238 0%, #a9b65e 100%);
            background-image: -webkit-linear-gradient(90deg, #657238 0%, #a9b65e 100%);
            background-image: -ms-linear-gradient(90deg, #657238 0%, #a9b65e 100%);
        }

/* html remodal-is-locked */
#popup-vet {
    position: fixed;
    display: flex;
    background-color: transparent;
    padding: 10px;
    align-items: center;
    justify-content: center;
    height: 100vh;
    left: 0;
    bottom: 0;
    transition: all 0.3s;
    right: 0;
    top: 0;
    transition: all 0.3s;
    z-index: -100;
    opacity: 0;
}

    #popup-vet.open {
        opacity: 1;
        z-index: 999999;
        background-color: rgba(0,0,0,0.3);
    }

    #popup-vet .content {
        max-width: 720px;
        transform: rotate3d(0,1,0,90deg);
        border-radius: 10px;
        transition: all 0.5s;
        max-height: 90vh;
        overflow: auto;
        background-color: #fff;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
        position: relative;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    #popup-vet.open .content {
        transform: rotate3d(0,1,0,0deg);
    }

    #popup-vet .content .hidden-closer2 {
        width: 34px;
        height: 34px;
        background-color: #b9cd52;
        position: absolute;
        top: 5px;
        right: 5px;
        display: block;
        cursor: pointer;
    }

        #popup-vet .content .hidden-closer2:before {
            content: '';
            position: absolute;
            width: 29px;
            height: 1px;
            background-color: black;
            transform: rotate(45deg);
            transform-origin: 0 0;
            left: 7px;
            top: 7px;
        }

        #popup-vet .content .hidden-closer2:after {
            content: '';
            position: absolute;
            width: 29px;
            height: 1px;
            background-color: black;
            transform: rotate(-45deg);
            transform-origin: 0 0;
            left: 7px;
            bottom: 6px;
        }

    #popup-vet .content h2 {
        margin-top: 40px;
        margin-bottom: 10px;
        color: #a7bd37;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 1.2;
    }

    #popup-vet .content h3 {
        margin-top: 40px;
        margin-bottom: 10px;
        color: #a7bd37;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.2;
    }

    #popup-vet .content p {
        margin: 0;
        font-weight: 500;
        font-size: 15px;
        line-height: 1.2;
    }

    #popup-vet .content ol {
        list-style: none;
        padding: 0;
        margin: 0;
        counter-reset: list;
    }

        #popup-vet .content ol > li:before {
            counter-increment: list;
            content: counter(list) ". ";
            color: #a7bd37;
            float: left;
            font-weight: 700;
            margin-right: 5px;
        }

        #popup-vet .content ol > li:after {
            content: '';
            display: block;
            height: 0;
            font-size: 1px;
            line-height: 1px;
            overflow: hidden;
            clear: both;
        }

    #popup-vet .content ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        margin: 15px 0;
        padding-left: 25px;
    }

    #popup-vet .content ol > li {
        display: block;
        margin: 5px 0;
        line-height: 1.2;
    }

    #popup-vet .content ul > li:before {
        content: '-';
        display: inline;
        margin-right: 5px;
    }

    #popup-vet .content ul > li {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.2;
    }

    #popup-vet .former {
        padding: 40px 0;
        width: 100%;
        border-top: 1px solid #40403f;
        border-bottom: 1px solid #40403f;
    }

    #popup-vet form {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    #popup-vet .name-form {
        font-size: 18px;
        color: rgb(163, 190, 28);
        text-transform: uppercase;
        line-height: 1.389;
        text-align: center;
        margin-bottom: 10px;
    }

    #popup-vet .row-in {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

        #popup-vet .row-in .inputer {
            width: calc(50% - 5px);
            padding: 4px 0;
        }

            #popup-vet .row-in .inputer input {
                width: 100%;
                border-radius: 2px;
                border: none;
                height: 45px;
                background-color: #f5f5f5;
                outline: none;
                padding: 18px;
                font-size: 16px;
                color: rgb(0, 0, 0);
                line-height: 1.563;
            }

    #popup-vet .inputer .select2 {
        width: 100% !important;
        height: 45px;
        background-color: #f5f5f5;
        border: none;
        border-radius: 2px;
    }

        #popup-vet .inputer .select2 .select2-selection__rendered {
            padding-left: 18px;
            border: none;
            border-radius: 2px;
            font-size: 16px;
            color: rgb(0, 0, 0);
            line-height: 1.563;
        }

    #popup-vet .inputer .select2-container--default .select2-selection--single {
        border: none;
        outline: none;
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 45px;
        background-color: #f5f5f5;
    }

    #popup-vet .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 0;
        bottom: 0;
        height: auto;
    }

.select2-container {
    z-index: 999999;
}

#popup-vet .submition-row {
    padding-top: 4px;
}

    #popup-vet .submition-row button {
        font-size: 19px;
        cursor: pointer;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        width: 250px;
        display: block;
        text-align: center;
        outline: none;
        padding: 14px;
        border: none;
        margin: 0 auto;
        border-radius: 3px;
        background-color: #a2be17;
    }

@media screen and (max-width: 640px) {

    #popup-vet .content {
        padding-top: 30px;
    }

        #popup-vet .content .hidden-closer2 {
            top: 10px;
            left: calc(50% - 34px/2);
        }

        #popup-vet .content h2, #popup-vet .content h3 {
            text-align: center;
        }

        #popup-vet .content p {
            text-align: justify;
        }

    #popup-vet .row-in {
        display: block;
    }

        #popup-vet .row-in .inputer {
            width: 100%;
        }

    #popup-vet .submition-row button {
        width: 100%
    }
}
/* conteiner-button-asside */

/* filtered line */

.filtered-line * {
    box-sizing: border-box;
}

.filtered-line {
    position: relative;
    z-index: 2;
    margin: 0 auto 30px;
    width: calc(100% - 28px);
    border: 1px solid #8aabbd;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background-color: #fff;
}

    .filtered-line .sel-part {
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 15px;
        width: 70%;
    }

    .filtered-line .named {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        width: 30%;
        padding: 20px 15px;
        background-color: #f79321;
        font-size: 32px;
        /*font-family: "FranklinGothic"; */
        color: rgb(255, 255, 255);
        font-weight: 500;
        line-height: 1.2;
        text-align: center;
    }

        .filtered-line .named:before {
            content: '';
            position: absolute;
            right: -100px;
            bottom: 50%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 100px 100px 0 100px;
            border-color: #fff transparent transparent transparent;
        }

        .filtered-line .named:after {
            content: '';
            position: absolute;
            right: -100px;
            top: 50%;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 100px 100px 100px;
            border-color: transparent transparent #fff transparent;
        }

        .filtered-line .named span {
            position: relative;
            z-index: 5;
        }

    .filtered-line .selection {
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .filtered-line .selection .title {
            display: none;
            margin-right: 10px;
            font-size: 18px;
            font-weight: 500;
            color: rgb(65, 64, 66);
            line-height: 1.2;
        }

        .filtered-line .selection .select2-container {
            /*width: calc(100% - 100px) !important;*/
            width: calc(100%) !important;
        }

            .filtered-line .selection .select2-container .selection {
                width: 100%;
                display: block;
            }

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px 0;
}

.select2-container--default .select2-results__option {
    font-size: 14px;
}

.select2-container--open .select2-dropdown {
    border: 1px solid #aaa;
}

.filtered-line .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 16px;
    padding: 0 5px;
}


.filtered-line .selection .selection .select2-selection:before {
    content: '';
    position: absolute;
    right: 24px;
    top: 1px;
    bottom: 1px;
    pointer-events: none;
    width: 1px;
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CFCFCF 50%, #F4F4F4 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CFCFCF 50%, #F4F4F4 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #CFCFCF 50%, #F4F4F4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F4F4F4), color-stop(50, #CFCFCF), color-stop(100, #F4F4F4));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #CFCFCF 50%, #F4F4F4 100%);
    background-image: linear-gradient(to bottom, #F4F4F4 0%, #CFCFCF 50%, #F4F4F4 100%);
}

.filtered-line .selection .selection .select2-selection:after {
    pointer-events: none;
    content: '';
    position: absolute;
    top: calc(50% - 6px);
    right: 8px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #B2B2B2;
}
/* filtered line */
@media screen and (max-width: 920px) {
    .filtered-line {
        display: block;
    }

        .filtered-line .named {
            display: block;
            width: 100%;
        }

            .filtered-line .named:before {
                display: none;
            }

            .filtered-line .named:after {
                display: none;
            }

        .filtered-line .sel-part {
            width: 100%;
        }

        .filtered-line .named {
            padding: 15px;
            font-size: 28px;
        }
}

@media screen and (max-width: 640px) {

    .filtered-line {
        width: 100%;
    }

        .filtered-line .sel-part > .selection {
            width: 100%;
            margin-bottom: 15px;
        }

        .filtered-line .sel-part {
            display: block;
        }

        .filtered-line .selection .title {
            font-size: 14px;
        }

        .filtered-line .selection .select2-container {
            width: calc(100% - 78px) !important;
        }
}

/* polices and procedures */

.table-content .item-part {
    background-color: #fff;
    margin-bottom: 25px;
    border: 2px solid #869C3A;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.table-content .head-note {
    padding: 10px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background-color: #869C3A;
}

.table-content .content-table .rower {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    border-bottom: 1px solid #869C3A;
}

.table-content .content-table .sub-1 {
    width: 65%;
    padding: 10px;
}
/*.table-content .content-table .sub-2 { width: 60%; border-left: 1px solid #869C3A; padding: 10px; }*/
.table-content .content-table .sub-3 {
    width: 35%;
    border-left: 1px solid #869C3A;
    padding: 10px;
}

.table-content .content-table p {
    margin: 0;
}

.table-content .content-table .sub-1 .name {
    font-size: 16px;
    font-weight: 700;
    display: inline;
    text-decoration: none;
    color: #000;
}

    .table-content .content-table .sub-1 .name:hover {
        text-decoration: underline;
    }

.table-content .content-table .contein-centered {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.table-content .content-table .sub-1 .contein-centered {
    justify-content: flex-start;
}

.table-content .content-table .sub-2 p {
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}

.table-content .content-table .download {
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    background-image: -moz-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -webkit-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    background-image: -ms-linear-gradient(90deg, #83993a 0%, #b6cc36 100%);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    padding: 6px 14px;
    transition: all 0.3s;
    margin: 5px;
}


@media screen and (max-width: 767px) {
    .table-content .head-note {
        padding: 7px;
        font-size: 20px;
    }

    .table-content .content-table .rower {
        display: block;
        padding: 10px 0;
    }

    .table-content .content-table .sub-1 {
        display: block;
        width: 100%;
    }

        .table-content .content-table .sub-1 .contein-centered {
            text-align: left;
        }

    .table-content .content-table .sub-3 .contein-centered {
        text-align: center;
    }

    .table-content .content-table .contein-centered {
        display: block;
        text-align: center;
    }

    .table-content .content-table .sub-2 {
        border: none;
        padding: 0 10px;
    }

    .table-content .content-table .sub-3 {
        width: 100%;
        border: none;
    }

    .table-content .content-table .sub-1 .contein-centered {
        text-align: center;
    }
}


.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    padding: 7px 8px !important;
}


#blog-form .former {
    padding: 40px 0;
    width: 100%;
    border-top: 1px solid #40403f;
    border-bottom: 1px solid #40403f;
}

#blog-form form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

#blog-form .name-form {
    font-size: 18px;
    color: rgb(163, 190, 28);
    text-transform: uppercase;
    line-height: 1.389;
    text-align: center;
    margin-bottom: 10px;
}

#blog-form .row-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    #blog-form .row-in .inputer {
        width: calc(50% - 5px);
        padding: 4px 0;
    }

        #blog-form .row-in .inputer input {
            width: 100%;
            border-radius: 2px;
            border: none;
            height: 45px;
            background-color: #f5f5f5;
            outline: none;
            padding: 18px;
            font-size: 16px;
            color: rgb(0, 0, 0);
            line-height: 1.563;
        }

#blog-form .inputer .select2 {
    width: 100% !important;
    height: 45px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 2px;
}

    #blog-form .inputer .select2 .select2-selection__rendered {
        padding-left: 18px;
        border: none;
        border-radius: 2px;
        font-size: 16px;
        color: rgb(0, 0, 0);
        line-height: 1.563;
    }

#blog-form .inputer .select2-container--default .select2-selection--single {
    border: none;
    outline: none;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    background-color: #f5f5f5;
}

#blog-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    bottom: 0;
    height: auto;
}

#blog-form .submition-row {
    padding-top: 4px;
}

    #blog-form .submition-row button {
        font-size: 19px;
        cursor: pointer;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        width: 250px;
        display: block;
        text-align: center;
        outline: none;
        padding: 14px;
        border: none;
        margin: 0 auto;
        border-radius: 3px;
        background-color: #a2be17;
    }

.loader-inside {
    border: 8px solid #f3f3f3 !important;
    border-radius: 50%;
    border-top: 8px solid #a2be17 !important;
    width: 3em;
    height: 3em;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; /* this comes last */
    text-align: center;
    left: 50%;
    margin: auto;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}