.content-container h2 {
    text-transform: uppercase;
}

#recruit,
#campus,
#services,
#teachers-details,
#about-us,
#team-page,
#visa,
#terms-conditions,
.contact-us-feedback-container,
.forms_page,
.wrap-agents-page,
.promo_material_page,
#courses-container,
#student-details,
#intakes-calendar-container,
 .wrap_duties-page {
    margin-top: 111px !important;
}

#teachers-details {
    margin-bottom: -160px;
}

#team-page .background-fixed,
#courses-container .background-fixed,
.contact-us-feedback-container .background-fixed,
#terms-conditions .background-fixed,
#recruit .background-fixed {
    background-image: url(images/bg/studentsbg-3.jpg);
    background-attachment: fixed;
    background-size: cover;
}

#courses-container .background-fixed,
.contact-us-feedback-container .background-fixed,
#terms-conditions .background-fixed,
#recruit .background-fixed {
    margin-bottom: -170px;
    padding-bottom: 170px;
}

.contact-us-feedback-container .header-text,
#team-page .header-text,
#about-us .header .header-text {
    width: 1200px;
    margin: auto;
    text-align: left;
    position: relative;
    height: 100%;
}

.fancybox-wrap:focus {
    outline: none !important;
}

#about-us h2 {
    text-transform: uppercase;
}

#about-us li span,
#about-us p span {
    font-weight: 100 !important;
}

#about-us .header {
    background-size: cover;
    background-color: rgba(0, 0, 0, .9);
    width: 100%;
    height: 607px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#about-us span.bg-opacity {
    max-height: 220px;
    overflow: hidden;
    color: #fff !important;
    background-color: rgba(0, 0, 0, .6);
}

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

.anchor {
    cursor: pointer;
}

#about-us span.bg-opacity {
    padding: 0 10px;
}

#about-us .bg-opacity.block {
    display: block;
}

#about-us .header .header-text {
    height: 465px;
    padding: 40px 0 10px 0;
    color: #fff;
    position: relative;
}

    #about-us .header .header-text h2 {
        font-size: 50px;
        font-weight: 100;
        text-transform: uppercase;
    }

#about-us .header .button-list {
    text-align: center;
    list-style: none;
    width: 800px;
    margin: auto;
    display: flex;
    padding: 0;
}

    #about-us .header .button-list li {
        float: left;
        height: 30px;
        width: 30%;
        border-radius: 5px;
        text-transform: uppercase;
        background: rgba(247, 147, 32, .85);
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
        line-height: 32px;
        padding: 10px 0;
    }

        #about-us .header .button-list li:nth-child(2) {
            margin: 0 5%;
        }

#about-us .button-list li:hover {
    background: rgba(197, 117, 25, .85);
}

#about-us .header .button-list li a {
    white-space: pre;
    padding: 0 40px;
    color: #fff;
    text-decoration: none;
}

#about-us .header .describtion {
    text-align: left;
    font-size: 20px;
    position: absolute;
    bottom: 40px;
}

#about-us .content-container {
    color: #545453;
    width: 1200px;
    margin: 0 auto;
}

    #about-us .content-container p span,
    #about-us .content-container p {
        color: #545453;
        font-size: 20px;
        font-weight: 100;
        text-align: justify;
        margin: 10px 0;
    }

#about-us .vision-container ul,
#about-us .mission-container ul,
#about-us .services-container ul {
    list-style: none;
    padding: 0;
}

#about-us .vision-container li,
#about-us .mission-container li,
#about-us .services-container li {
    padding-left: 1.3em;
    margin-bottom: 1em;
}

    #about-us .vision-container li:before,
    #about-us .mission-container li:before,
    #about-us .services-container li:before {
        content: "\f05d";
        color: #84983e;
        margin-left: 10px;
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -0.3em;
        width: 1.3em;
    }

#about-us .vision-container {
    min-height: 460px;
    position: relative;
    z-index: 1;
    padding-top: 110px;
    padding-bottom: 160px;
}

    #about-us .vision-container img {
        width: 50%;
        float: left;
        margin-right: 20px;
    }

#about-us .mission-container {
    padding-top: 220px;
    padding-bottom: 240px;
    margin-bottom: -220px;
    position: relative;
    z-index: 1;
    margin-top: -275px;
    min-height: 600px;
}

    #about-us .mission-container img {
        width: 50%;
        float: right;
        margin-left: 20px;
    }

#about-us .services-container {
    padding-top: 130px;
    padding-bottom: 205px;
    margin-bottom: -205px;
    position: relative;
    min-height: 600px;
}

    #about-us .services-container .image-container {
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    #about-us .services-container img {
        min-width: 100%;
        min-height: 100%;
    }

#team-page .content-container {
    color: #545453;
    width: 1200px;
    margin: 0 auto;
}

#team-page .bg-opacity p {
    font-weight: 300;
    color: #fff !important;
    background-color: rgba(0, 0, 0, .6);
    padding: 0 10px;
    display: inline-block;
}

#team-page .header h2 {
    padding: 50px 0;
    font-size: 50px;
}

#team-page .department-name {
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 600;
}

#team-page .header {
    background-size: cover;
    width: 100%;
    height: 607px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#team-page .department-container {
    position: relative;
    z-index: 1;
    padding-top: 110px;
    padding-bottom: 280px;
    margin-bottom: -280px;
}

#team-page .department-container-first {
    padding-top: 30px !important;
}
/*#team-page .departments div.department-container:first-child {
        padding-top: 30px;
    }*/

#team-page .departments .ng-scope:last-child div.department-container {
    background: none !important;
    background-color: white !important;
    padding-bottom: 240px;
    padding-top: 150px;
    margin-bottom: -280px !important;
    padding-bottom: 280px !important;
}

#team-page .department-container {
    clear: both;
}

    #team-page .department-container ul {
        list-style: none;
    }

    #team-page .department-container li {
        height: 270px;
        width: 190px;
        margin-right: 6%;
        float: left;
    }

    #team-page .department-container div.img-container {
        overflow: hidden;
        width: 100%;
        height: 200px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    #team-page .department-container img {
        min-height: 200px;
        min-width: 100%;
    }

    #team-page .department-container .name {
        margin: 5px;
        text-align: center;
        font-weight: 600;
        font-size: 1.3em;
    }

    #team-page .department-container a {
        text-decoration: none;
        color: inherit;
    }

    #team-page .department-container .position {
        margin: 2px;
        text-align: center;
    }

    #team-page .department-container div.teacher-content {
        width: 200px;
        text-align: center;
        vertical-align: top;
        padding-bottom: 10px;
    }

#team-page .clear {
    clear: both;
    margin-bottom: 590px;
}


/* CONTACT US PAGE START */

.contact-us-feedback-container {
    font-weight: 100;
    color: #545453;
}

    .contact-us-feedback-container span.bg-opacity,
    .contact-us-feedback-container .contact-us-description {
        color: #fff !important;
        background-color: rgba(0, 0, 0, .6);
        padding: 0 10px;
        position: absolute;
        bottom: 20px;
    }

    .contact-us-feedback-container .bg-opacity p {
        background-color: rgba(0, 0, 0, .6);
        display: inline-block;
        padding: 0 10px;
        color: #fff !important;
    }

    .contact-us-feedback-container ul {
        padding: 0;
        list-style-type: none;
    }

.contact-us-header {
    height: 607px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.contact-us-title {
    text-transform: uppercase;
    padding-top: 90px;
    padding-bottom: 15px;
    font-size: 50px;
}

.contact-us-description {
    font-size: 20px;
}

#contact-us-content {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px;
}

.contact-forms {
    margin-top: 65px;
}

.feedback-description {
    text-align: justify;
}

.contact-us-details {
    width: calc(55% - 30px);
    font-size: 18px;
    padding-right: 30px;
}

    .contact-us-details h3 {
        text-transform: uppercase;
    }

    .contact-us-details p,
    .contact-us-details h3 {
        margin: 0;
    }

    .contact-us-details > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 20px;
    }

    .contact-us-details .visit-us-unit {
        margin-bottom: 20px;
    }

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.text-center {
    text-align: center;
}

.clearfix {
    clear: both;
}

.contact-us-feedback-container .round-border {
    border-radius: 3px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.contact-us-feedback-container .bold,
strong {
    font-weight: 700 !important;
}

.contact-us-feedback-container .vertical-center {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 20px;
}

#terms-conditions h2 {
    text-transform: uppercase;
}

#terms-conditions .header {
    background-size: cover;
    width: 100%;
    height: 607px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

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

#terms-conditions .header .header-text {
    height: 430px;
    margin: 0;
    padding: 50px 0;
}

    #terms-conditions .header .header-text h2 {
        font-size: 50px;
        font-weight: 100;
        text-transform: uppercase;
    }

#terms-conditions .header .button-list {
    float: left;
    list-style: none;
}

#terms-conditions .email-image {
    background-image: url('../Content/images/email-button.png');
}

#terms-conditions .header ul {
    padding-left: 0;
}

#terms-conditions .header li {
    border: 1px solid #f99220;
    border-radius: 5px;
    pointer-events: all;
    float: left;
    /*display: inline;*/
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    line-height: 42px;
    padding: 0;
}

#terms-conditions .header .contact-us {
    list-style: none;
    float: right;
}

    #terms-conditions .header .contact-us li {
        pointer-events: all;
        background: rgba(247, 147, 32, .85);
        background: -webkit-linear-gradient(top, rgba(245, 145, 32, .8), rgba(173, 96, 11, .8));
        background: -o-linear-gradient(bottom, rgba(245, 145, 32, .8), rgba(173, 96, 11, .8));
        background: -moz-linear-gradient(bottom, rgba(245, 145, 32, .8), rgba(173, 96, 11, .8));
        background: linear-gradient(to bottom, rgba(245, 145, 32, .8), rgba(173, 96, 11, .8));
    }

        #terms-conditions .header .contact-us li:hover {
            background: rgba(197, 117, 25, .85);
        }

    #terms-conditions .header .contact-us a {
        background-repeat: no-repeat;
        background-position: right top;
    }

#terms-conditions .header li a {
    border: none !important;
    white-space: pre;
    padding: 10px 40px;
    color: #fff;
    text-decoration: none;
}

#terms-conditions .header .tab {
    border: none;
    font-weight: 400;
}

#terms-conditions .header .button-list .tab a {
    outline: none !important;
    pointer-events: visible;
    color: #fff;
}

#terms-conditions .header .button-list .tab:not(.ui-tabs-active) a {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .6);
}

#terms-conditions .header .button-list .tab a:focus {
    border: none;
    color: #545453;
}

#terms-conditions .header .button-list .tab.ui-tabs-active {
    border: none;
    background-image: -ms-linear-gradient(top, #F59120 0%, #ad600b 100%);
    background-image: -moz-linear-gradient(top, #F59120 0%, #ad600b 100%);
    background-image: -o-linear-gradient(top, #F59120 0%, #ad600b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F59120), color-stop(100, #ad600b));
    background-image: -webkit-linear-gradient(top, #F59120 0%, #ad600b 100%);
    background-repeat: repeat-x;
    font-weight: 400;
}

    #terms-conditions .header .button-list .tab.ui-tabs-active a {
        color: #fff;
    }

#terms-conditions .content-container {
    color: #545453;
    width: 1200px;
    margin: 0 auto;
}

#terms-conditions #navigation {
    float: left;
    width: 35%;
}

#terms-conditions .main-content {
    float: right;
    width: 65%;
}

    #terms-conditions .main-content > div {
        margin: 0 20px;
    }

#terms-conditions .sub-content {
    display: none;
}

#terms-conditions #navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#terms-conditions #navigation a {
    text-decoration: none;
    display: block;
    padding: 10px 15px;
    background-color: #f79322;
    color: #fff;
    border: 1px solid #ddd;
}

#terms-conditions .treeview-list .text {
    max-width: 80%;
    float: left;
}

#terms-conditions .treeview-list br {
    clear: both;
}

#terms-conditions .treeview-list .arrows {
    float: right;
    font-size: 12px;
    padding-top: 2px;
}

#terms-conditions .treeview-list.collaps .collapsed {
    display: none;
    margin-right: 10px;
}

#terms-conditions .treeview-list:not(.collaps) .expanded {
    display: none;
}

#terms-conditions #navigation li {
    cursor: pointer;
}

    #terms-conditions #navigation li li a {
        pointer-events: none;
        text-decoration: none;
        padding: 10px 30px;
        background-color: #565456;
        color: #e4e4e4;
    }

    #terms-conditions #navigation li li.active a {
        background-color: #010001;
    }

#terms-conditions .clear {
    clear: both;
}

.call-us {
    height: 80px;
}

.visit-us {
    height: 240px;
}

.email-us {
    height: 175px;
}

.mail-us {
    height: 80px;
}

.find-us {
    height: 100px;
}

.call-us,
.visit-us,
.email-us,
.mail-us,
.find-us {
    width: 170px;
    min-width: 170px;
    display: table;
}

.vertical-align {
    font-weight: 400;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
}

#socials ul li {
    display: inline-block;
    margin-right: 7px;
}

div.contact-title {
    text-transform: uppercase;
    font-size: 30px;
    padding-bottom: 20px;
    line-height: 0.8em;
}

#contact-form-container {
    width: 45%;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea,
#contact-form button[type="button"],
#contact-form select {
    font: 100 18px 'Roboto Condensed', sans-serif;
    border-radius: 3px;
}

#contact-form fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea,
#contact-form select {
    width: 96.7%;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    padding: 13px 0 13px 16px;
    ;
}

.country-autocomplete {
    position: relative;
}

    .country-autocomplete input {
        color: initial !important;
        font-style: normal !important;
    }

    .country-autocomplete label {
        font-family: 'Roboto Condensed', sans-serif;
    }

    .country-autocomplete ul {
        list-style-type: none;
        padding: 0;
    }

.easy-autocomplete-container {
    width: 100% !important;
    position: absolute;
    background-color: #fff;
}

#enroll-form .easy-autocomplete-container {
    width: 250px !important;
    z-index: 5;
}

.easy-autocomplete-container ul {
    list-style: none;
    display: none;
    font-size: 22px;
    font-weight: 100;
    color: #919293;
    padding-left: 5px;
}

#contact-form select {
    width: 100%;
    max-width: 586px;
}

    #contact-form input[type="text"]:hover,
    #contact-form input[type="email"]:hover,
    #contact-form textarea:hover,
    #contact-form select:hover {
        -webkit-transition: border-color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out;
        border: 1px solid #aaa;
    }

#contact-form textarea {
    height: 338px;
    max-width: 100%;
    resize: none;
}

    #contact-form textarea.feedback-text {
        max-height: 275px;
    }

#contact-form button[type="button"] {
    cursor: pointer;
    width: 260px;
    border: none;
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    float: right;
    height: 50px;
    margin-top: 15px;
}

    #contact-form button[type="button"]:hover {
        background: #869C3A;
    }

    #contact-form button[type="button"]:active {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    }

#contact-form #contact-submit[disabled] {
    background-image: none;
    background: #989A9A;
}

    #contact-form #contact-submit[disabled]:hover {
        cursor: not-allowed;
    }

#contact-form input:focus,
#contact-form textarea:focus,
#contact-form select:focus {
    outline: 0;
    border: 1px solid #aaa;
}

#contact-form label.error {
    padding-top: 3px;
    padding-left: 5px;
    display: inline-block;
}

#contact-form .g-recaptcha {
    margin-left: 238px;
}

    #contact-form .g-recaptcha.feedback {
        margin-left: 285px;
    }

#contact-form label#hiddenRecaptcha-error {
    margin-left: 44%;
}

#contact-form label#hiddenRecaptchaFeedback-error {
    margin-left: 48%;
}

.contact-forms select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

.contact-forms .redirects {
    max-width: 580px;
    width: 49%;
    text-transform: uppercase;
}

.redirects .redirect-img {
    display: table;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    height: 200px;
}

.redirects .vertical-align {
    font-weight: 100;
    font-size: 30px;
}

.arrow-bottom {
    position: relative;
}

    .arrow-bottom:before {
        content: '';
        position: absolute;
        height: 48px;
        right: 48px;
        top: 1px;
        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%);
    }

    .arrow-bottom:after {
        content: '';
        position: absolute;
        top: 20px;
        right: 20px;
        display: inline-block;
        width: 7px;
        height: 7px;
        border-top: 2px solid #B2B2B2;
        border-right: 2px solid #B2B2B2;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

button.green-gradient-studenttype  {
    background-image: none;
    background: transparent;
    border-color: #B6CC36 !important;
    border: 1px solid #B6CC36 !important;
}

button.green-gradient-studenttype:after {
    background-image: none !important;
}

button.green-gradient-studenttype.active {
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B6CC36), color-stop(100, #849A3A));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #B6CC36 0%, #849A3A 100%);
}


button.green-gradient.disabled {
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #CCCCCC 0%, #B5B5B5 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #CCCCCC 0%, #B5B5B5 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #CCCCCC 0%, #B5B5B5 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(100, #B5B5B5));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #CCCCCC 0%, #B5B5B5 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #CCCCCC 0%, #B5B5B5 100%);
}

button.green-gradient {
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B6CC36), color-stop(100, #849A3A));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #B6CC36 0%, #849A3A 100%);
}

::-webkit-input-placeholder {
    color: #5B5B5B;
}

:-moz-placeholder {
    color: #5B5B5B;
}

::-moz-placeholder {
    color: #5B5B5B;
}

:-ms-input-placeholder {
    color: #5B5B5B;
}


/* CONTACT US PAGE END */


/* COURSE PAGE START*/

#courses-container h1,
#courses-container h2,
#courses-container h3,
#courses-container h4,
#courses-container h5,
#courses-container h6 {
    margin: 0;
    padding: 0;
}

#courses-container ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#courses-container p {
    font-weight: 100;
}

#courses-container {
    min-height: 900px;
    color: #545453;
    margin: auto;
}

.send-modal .fa-times-circle-o {
    color: #fff;
    margin-left: 20px;
    cursor: pointer;
}

#courses-container .background-fixed {
    padding-top: 10px;
    min-height: 900px;
}

#courses-container .breadcrumbs {
    margin-bottom: 60px;
}

#courses-container + .home-section-testimonials {
    height: 1315px;
    background: url('../Styles/images/bg/testim-bg.png') no-repeat top center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-top: 100px;
    margin-bottom: -411px;
}

#business {
    width: 100%;
    margin-bottom: 50px;
}

    #business .text-title {
        float: left;
        width: 55%;
    }

        #business .text-title .title-wrapper {
            text-transform: uppercase;
        }

            #business .text-title .title-wrapper h2 {
                line-height: 0.9em;
                font-size: 48px;
                margin: 0 0 10px;
                padding: 0;
            }

            #business .text-title .title-wrapper p {
                font-size: 24px;
                font-weight: 100;
                margin: 0;
                padding: 0;
            }

    #business .description {
        padding-right: 20px;
        text-align: justify;
    }

    #business .business-image {
        float: right;
        width: 45%;
    }

        #business .business-image .image-container {
            width: 100%;
            height: 350px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50% 50%;
        }

.leftbar-informations {
    text-transform: uppercase;
    position: relative;
    width: 250px;
    max-width: 250px;
    text-align: center;
    float: left;
}

    .leftbar-informations .prices {
        position: relative;
    }

    .leftbar-informations .prices::after {
        content: "";
        position: absolute;
        height: 8px;
        width: 100%;
        left: 0;
        top: 99.5%;
        background-image: url('../Content/images/bottom.png');
        background-repeat: no-repeat;
    }

    .leftbar-informations h2 {
        font-size: 21px;
        padding-top: 15px !important;
    }

    .leftbar-informations h3 {
        font-size: 17px;
    }

    .leftbar-informations .campuses p {
        margin: 0;
    }

    .leftbar-informations p {
        text-transform: none;
        margin: auto;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .leftbar-informations .orange-block {
        background-color: #F79320;
        color: #fff;
    }

div.codes div {
    border-bottom: 1px dashed #fff;
    width: 91%;
    margin: 0 auto;
}

.orange-block .campuses {
    padding-bottom: 15px;
}

.campuses > div {
    padding: 15px;
}

.campuses h2 {
    padding: 5px !important;
}

div.campuses div {
    border-bottom: 1px dashed #fff;
    padding-bottom: 5px;
    width: 79%;
    margin: 0 auto;
}

    div.campuses div:last-child {
        border-bottom: none;
    }

.prices {
    background-color: #fff;
    margin-top: 30px;
    border: 1px solid #E9E9E9;
    text-transform: uppercase;
}

    .prices h2 {
        font-size: 22px;
        letter-spacing: 5px;
        border-bottom: 1px solid #E9E9E9;
        width: 95%;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-bottom: 5px !important;
        padding-bottom: 15px !important;
    }

    .prices p {
        color: #545453;
    }

    .prices ul li {
        box-sizing: border-box;
        border-bottom: 1px dashed #E6E6E6;
        text-align: left;
        margin: auto;
        width: 100%;
        font-weight: 700;
        padding: 10px;
        padding: 10px calc( 15%/2 );
    }

    .prices ul li.discount{
        background-color: #f79320;
        color: white;
    }

        .prices ul li span {
            position: absolute;
            right: 15px;
            font-weight: 100;
        }

        .prices ul li:last-child {
            border: none;
        }

    .prices .total {
        text-align: left;
        padding: 10px 0 10px 13px;
        font-weight: 700;
        position: relative;
        margin: 5px 6px 10px;
        background-color: #DDF5FF;
        border: 1px solid #9CCFE4;
        border-radius: 3px;
    }

        .prices .total span {
            position: absolute;
            right: 7px;
            bottom: 10px;
            font-weight: 100;
        }

    .prices a {
        display: block;
        text-decoration: underline;
        margin: 15px auto;
        width: 80%;
    }

        .prices a:hover {
            cursor: pointer;
        }

.details {
    width: 920px;
    margin-left: 280px;
}

    .details .navigation ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        font-weight: 100;
    }

        .details .navigation ul li {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            background-color: #84993B;
            margin-right: 3px;
            padding: 8px 0;
            border-radius: 3px 3px 0 0;
            cursor: pointer;
        }

            .details .navigation ul li:last-child {
                margin-right: 0;
            }

            .details .navigation ul li:hover,
            .details .navigation ul li.active {
                background-color: #f8f8f8;
                color: #84993B;
            }

#program-list-form {
    position: relative;
}

.remodal-wrapper {
    overflow: hidden;
}

#program-list-form label.error {
    position: absolute;
    top: 75px;
    width: 100%;
    display: block;
    left: 20%;
    text-align: left;
}

#program-list-form input[type="email"] {
    width: 40%;
    max-width: 1000px;
}

#program-list-form .send-button {
    width: 20%;
}

.course-tabs-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: auto;
    background-color: #F8F8F8;
    min-height: 0 !important;
}

#courses-container .loader,
#intakes-calendar-container .loader {
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url('ajax-loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
    width: 100%;
    position: absolute;
    z-index: 10;
}

#courses-container .course-no-info {
    padding-bottom: 300px;
    width: 100%;
    display: table;
    position: absolute;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    min-height: 800px;
}

    #courses-container .course-no-info p {
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

#faculties-loader {
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url('ajax-loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
    width: 100%;
    position: absolute;
    z-index: 10;
}

/* INFORMATION TAB START */

.information-tab {
    width: 100%;
}

    .information-tab .sub-tabs {
        margin: 40px 20px 0 40px;
        border-radius: 3px;
        width: 200px;
        float: left;
    }

        .information-tab .sub-tabs ul {
            text-align: center;
            text-transform: uppercase;
            font-weight: 100;
            background-color: #FFFFFF;
            border: 1px solid #E6E6E6;
            margin-bottom: 40px;
        }

            .information-tab .sub-tabs ul li {
                padding: 10px 0;
                border-bottom: 1px solid #E6E6E6;
                cursor: pointer;
            }

                .information-tab .sub-tabs ul li:hover,
                .information-tab .sub-tabs ul li.active {
                    background-color: #B7CC36;
                }

                .information-tab .sub-tabs ul li:last-child {
                    border-bottom: none;
                }

    .information-tab .sub-tab-content {
        right: 0;
        max-width: 618px;
        width: 100%;
        margin-top: 40px;
        margin-right: 40px;
        float: right;
    }

        .information-tab .sub-tab-content .sub-tab-article {
            padding: 20px;
            border: 1px solid #E6E6E6;
            border-radius: 3px;
            margin-bottom: 20px;
            background-color: #FFFFFF;
        }

            .information-tab .sub-tab-content .sub-tab-article:last-child {
                margin-bottom: 40px;
            }

            .information-tab .sub-tab-content .sub-tab-article h2 {
                text-transform: uppercase;
                border-bottom: 1px solid #E2E2E2;
                padding-bottom: 5px;
            }

            .information-tab .sub-tab-content .sub-tab-article p {
                text-align: justify;
                margin-bottom: 0;
            }


/* INFORMATION TAB END */


/*====================================================================
WORKSHOPS TAB
=====================================================================*/

.work_title {
    padding: 40px 36px 0;
    text-align: justify;
}

    .work_title p {
        margin: 0;
    }

.workshop_diskription_group {
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 40px 36px 20px;
}

.workshop_detail {
    float: left;
    width: 265px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin: 0 8px 40px 7px;
    height: 569px;
    overflow: hidden;
}

.workshop_img {
    width: 265px;
    height: 160px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.workshop_detail p {
    margin: 0;
}

#work-shop-tad p.od_title,
#work-shop-tad p.ws_time {
    font-size: 19px;
    font-weight: 700;
    color: #545453;
    text-transform: uppercase;
    margin-top: 20px;
}

#work-shop-tad h4 {
    color: #545453;
    font-size: 22px;
    font-weight: 700;
    margin-top: 30px;
}

.other_description,
.ws_diskription_time {
    background-position: bottom;
    background-image: url('images/separator_worksop.jpg');
    background-repeat: no-repeat;
    padding-bottom: 20px;
}

.vend {
    background-image: none;
    height: 63px;
}

    .vend .od_txt {
        height: 40px;
        overflow: hidden;
        width: 90%;
        margin: 0 auto;
    }

p.ws_number_time,
p.od_txt {
    font-size: 17px;
}


/*====================================================================
WORKSHOPS TAB END
=====================================================================*/


/*====================================================================
Teacher's details tab
=====================================================================*/

.fa-linkedin-square {
    color: #0177ba;
    font-size: 20px;
}

#teachers-details-tab {
    width: 100%;
}

    #teachers-details-tab .teachers-details {
        text-align: center;
        margin: 15px 2%;
        background-color: #fff;
        width: 28%;
        float: left;
        border: 1px solid #e7e5e7;
    }

    #teachers-details-tab .header {
        background-color: #e5e3e5;
        padding: 15px;
    }

    #teachers-details-tab a {
        text-decoration: none;
        color: inherit;
    }

    #teachers-details-tab .header .teachers-name {
        text-transform: uppercase;
    }

    #teachers-details-tab .teacher-link img {
        margin-right: 5px;
        height: 16px;
    }

    #teachers-details-tab .teacher-link {
        margin: 10px 0;
    }

    #teachers-details-tab .teacher-img {
        max-width: 100%;
        overflow: hidden;
        width: 260px;
        height: 260px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

        #teachers-details-tab .teacher-img img {
            display: block;
            max-width: 100%;
            height: 200px;
        }

    #teachers-details-tab .teachers-details:nth-child(3n) {
        clear: right;
    }

    #teachers-details-tab .teachers-details:nth-child(3n+1) {
        clear: left;
    }

    #teachers-details-tab .teachers-details .title {
        text-transform: uppercase;
        font-weight: 600;
    }

    #teachers-details-tab .languages,
    #teachers-details-tab .profiles,
    #teachers-details-tab .campus,
    #teachers-details-tab .e-mail {
        padding: 15px;
        margin: 0 10px;
        border-bottom: 1px solid #e7e5e7;
    }

    #teachers-details-tab .teachers-details .describtion {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 40px;
        display: inline;
    }
    #teachers-details-tab .teacher-link {
        display: flex; align-items:center; justify-content: center; 
    }
        #teachers-details-tab .teacher-link a {
            display: block;
        }
    #teachers-details-tab .teacher-link .readmore {        
            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: 8px 20px;
            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);
            font-size: 12px;
            text-transform: uppercase;
    }


/*====================================================================
Teacher's details tab END
=====================================================================*/


/*====================================================================
Course details tab
=====================================================================*/

.curriculum-tab {
    width: 100%;
    margin: 40px;
    display: block;
}

    .curriculum-tab .header {
        text-align: justify;
    }

    .curriculum-tab .code-info {
        text-align: center;
        width: 10%;
    }

    .curriculum-tab .name-info {
        text-align: center;
        width: 25%;
    }

    .curriculum-tab .type-info {
        text-align: center;
        width: 15%;
    }

    .curriculum-tab .description-info {
        width: 50%;
    }

.curriculum-table {
    width: 100%;
    color: #545453;
    border-spacing: 0;
    border: solid #e7e5e7 1px;
}

.curriculum-tab th {
    background-color: #dad8da;
    text-transform: uppercase;
    font-weight: 100;
    padding: 10px 15px;
}

.curriculum-tab tr:not(:first-child) td {
    padding: 15px;
}

.curriculum-tab tr:nth-child(2n) {
    background: #fffeff;
}

.curriculum-tab tr:nth-child(2n+1) {
    background: #f8f6f8;
}

.curriculum-table td,
.curriculum-table th {
    border-spacing: 0;
    border: solid #dad8da 1px;
}

.curriculum-tab .read-more-text a {
    text-decoration: none;
    color: #84993B;
}


/*====================================================================
Course details tab END
=====================================================================*/


/*====================================================================
INTAKES TAB START
=====================================================================*/

#intakes-tab {
    width: 100%;
}

.itakes_title {
    margin: 40px;
}

ul.intakes_title_link {
    display: block;
    list-style-type: none;
}

    ul.intakes_title_link li {
        float: left;
        width: 110px;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        ul.intakes_title_link li a {
            text-decoration: none;
            text-align: center;
            font-size: 25px;
            line-height: 40px;
            font-weight: 100;
            display: block;
        }

    ul.intakes_title_link:after {
        display: table;
        content: "";
        clear: both;
    }

    ul.intakes_title_link li:after {
        content: "";
        background-image: url('images/intakes-li_dot.png');
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        top: calc(50% - 8px);
        left: -8px;
    }

    ul.intakes_title_link li:first-child::after {
        display: none;
    }

    ul.intakes_title_link li.active,
    ul.intakes_title_link li:hover a {
        background-color: #84993b;
        color: #fff;
        border-radius: 3px;
    }

p.itakes_title_txt {
    text-align: justify;
    font-size: 17px;
    color: #545453;
}

.intakes_shedule {
    width: 835px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-bottom: 40px;
    background-color: #fff;
}

.intakes_shedule_headline {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-transform: uppercase;
    color: #545453;
    font-size: 17px;
    background-color: #dad8da;
    font-weight: 100;
}

.intakes_shedule_head_txt {
    margin-top: 14px;
    margin-bottom: 14px;
    width: 33%;
    margin-bottom: 14px;
    text-align: center;
    position: relative;
}

    .intakes_shedule_head_txt:after {
        content: "";
        /*background-image: url('images/intakes_shedule_separator.png');*/
        width: 2px;
        height: 41px;
        display: block;
        position: absolute;
        top: -10px;
        right: 1px;
    }

    .intakes_shedule_head_txt:last-child:after {
        display: none;
    }

.intakes_shedule_content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border-bottom: 1px solid #e6e6e6;
}

.intakes_shedule_content_txt {
    text-align: center;
    width: 33%;
    color: #717171;
    font-size: 17px;
    font-weight: 100;
    margin-top: 13px;
    padding-bottom: 13px;
}

.intakes_shedule_content:last-child {
    border-bottom: none;
}


/*====================================================================
INTAKES TAB END
=====================================================================*/


/*========================================================================
CALENDAR TAB START
==========================================================================*/

#courses-container #calendar_tab,
#intakes-calendar-container #calendar_tab {
    position: relative;
    width: 100%;
}

    #courses-container #calendar_tab .select-calendar-campus {
        background-color: rgba(0, 0, 0, 0.85);
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 2;
    }

        #courses-container #calendar_tab .select-calendar-campus .select-block {
            margin: auto;
            max-width: 80%;
            margin-top: 15%;
            text-align: center;
        }

            #courses-container #calendar_tab .select-calendar-campus .select-block h2 {
                color: #A2B839;
                text-transform: uppercase;
            }

            #courses-container #calendar_tab .select-calendar-campus .select-block button {
                border: none;
                border-radius: 5px;
                height: 55px;
                width: 310px;
                color: #fff;
                display: block;
                text-transform: uppercase;
                font-family: 'Roboto Condensed', sans-serif;
                font-size: 22px;
                font-weight: 100;
                margin: auto;
                margin-bottom: 20px;
                cursor: pointer;
            }

            #courses-container #calendar_tab .select-calendar-campus .select-block p {
                color: #fff;
                margin-bottom: 60px;
            }

#courses-container .day_number_wrap,
#courses-container .calendar_headline,
#intakes-calendar-container .day_number_wrap,
#intakes-calendar-container .calendar_headline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#courses-container .block_title_calendar,
#intakes-calendar-container .block_title_calendar {
    padding: 40px;
    font-size: 17px;
    font-weight: 100;
    color: #545453;
    text-align: justify;
}

#courses-container .calendar_wrap {
    width: 840px;
    margin: 0 auto;
}

#courses-container .calendar_headline,
#intakes-calendar-container .calendar_headline {
    margin-bottom: 13px;
}

#courses-container .gb_txt,
#intakes-calendar-container .gb_txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 375px;
}

#courses-container .mounths_name,
#intakes-calendar-container .mounths_name {
    text-transform: uppercase;
    font-size: 30px;
    color: #4a5915;
    font-weight: 700;
    text-align: right;
}

    #courses-container .mounths_name span,
    #intakes-calendar-container .mounths_name span {
        font-weight: 100;
    }

#courses-container .calendar_campus_name,
#intakes-calendar-container .calendar_campus_name {
    color: #7a9226;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    left: 45%;
}

#courses-container .calendar_camlus_button,
#intakes-calendar-container .calendar_camlus_button {
    width: 230px;
    height: 40px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(160, 185, 75);
    border-radius: 3px;
    background-image: -moz-linear-gradient( 90deg, rgb(132, 154, 58) 0%, rgb(182, 204, 54) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(132, 154, 58) 0%, rgb(182, 204, 54) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(132, 154, 58) 0%, rgb(182, 204, 54) 100%);
    box-sizing: border-box;
    position: absolute;
    right: 5px;
    top: -10px;
}

#courses-container a.campus_button,
#intakes-calendar-container a.campus_button {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding-top: 7px;
    cursor: pointer;
}

#courses-container .calendar_content,
#intakes-calendar-container .calendar_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #fff;
    padding-bottom: 20px;
}

#courses-container .calendar_unit_name {
    width: 10%;
    margin-top: 37px;
    position: relative;
    background-color: #FAFAFA;
    -webkit-box-shadow: -10px 0px 10px 0px rgba(235, 235, 235, 1);
    -moz-box-shadow: -10px 0px 10px 0px rgba(235, 235, 235, 1);
    box-shadow: -10px 0px 10px 0px rgba(235, 235, 235, 1);
}

#courses-container .un,
#intakes-calendar-container .un {
    font-size: 15px;
    color: #939393;
    text-transform: uppercase;
    font-weight: 100;
    height: 36px;
    margin-right: -3px;
    margin-top: 14px;
    text-align: right;
}

#courses-container .ui,
#intakes-calendar-container .ui {
    height: 50px;
    background-color: #f6f6f6;
    width: 65px;
    margin-left: 20px;
}

#courses-container .allert_calendar,
#intakes-calendar-container .allert_calendar {
    background-image: url(images/alert-transparent_calendar.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#courses-container .arow_calendar_unit,
#intakes-calendar-container .arow_calendar_unit {
    background-image: url(images/arrow_calendar_unit.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#courses-container .legend_calendar,
#intakes-calendar-container .legend_calendar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 840px;
    margin: 0 auto;
}

#courses-container .legend,
#intakes-calendar-container .legend {
    width: 17%;
    text-align: right;
    font-size: 17px;
    font-weight: 100;
    padding-top: 20px;
    padding-bottom: 20px;
}

#courses-container .l1,
#intakes-calendar-container .l1 {
    color: #cf963d;
    position: relative;
    text-align: left;
}

    #courses-container .l1:after,
    #intakes-calendar-container .l1:after {
        content: "";
        background-image: url(images/l1_squre.png);
        background-repeat: no-repeat;
        display: block;
        width: 17px;
        height: 14px;
        top: 22px;
        position: absolute;
        left: -21px;
    }

#courses-container .l2,
#intakes-calendar-container .l2 {
    color: #92a826;
    position: relative;
    text-align: center;
}

    #courses-container .l2:after,
    #intakes-calendar-container .l2:after {
        content: "";
        background-image: url(images/l2_round.png);
        background-repeat: no-repeat;
        display: block;
        width: 17px;
        height: 14px;
        top: 22px;
        position: absolute;
        left: 0px;
    }

#courses-container .l3,
#intakes-calendar-container .l3 {
    color: #5f3916;
    position: relative;
    text-align: center;
}

    #courses-container .l3:after,
    #intakes-calendar-container .l3:after {
        content: "";
        background-image: url(images/l3_round.png);
        background-repeat: no-repeat;
        display: block;
        width: 17px;
        height: 14px;
        top: 22px;
        position: absolute;
        left: 18px;
    }

#courses-container .l4,
#intakes-calendar-container .l4 {
    color: #f79320;
    position: relative;
    text-align: center;
}

    #courses-container .l4:after,
    #intakes-calendar-container .l4:after {
        content: "";
        background-image: url(images/l4_round.png);
        background-repeat: no-repeat;
        display: block;
        width: 17px;
        height: 14px;
        top: 22px;
        position: absolute;
        left: 23px;
    }

#courses-container .l5,
#intakes-calendar-container .l5 {
    color: #57b6de;
    position: relative;
}

    #courses-container .l5:after,
    #intakes-calendar-container .l5:after {
        content: "";
        background-image: url(images/l5_round.png);
        background-repeat: no-repeat;
        display: block;
        width: 17px;
        height: 14px;
        top: 22px;
        position: absolute;
        left: 35px;
    }

#services .content-container {
    color: #545453;
    width: 1200px;
    margin: 0 auto;
}

#services .bg-opacity p {
    font-weight: 300;
    color: #fff !important;
    background-color: rgba(0, 0, 0, .6);
    padding: 0 10px;
    display: inline-block;
}

#services .header h2 {
    padding: 50px 0;
    font-size: 50px;
}

#visa .header,
#services .header {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 607px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    #visa .header .describtion,
    #services .header .describtion {
        max-height: 290px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #fff !important;
        background-color: rgba(0, 0, 0, .6);
        padding: 0 10px;
        font-size: 20px;
    }

#services .main-conteiner {
    background-image: url('images/bg/rsz_student-services-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}

#services #navigation {
    float: left;
    width: 350px;
}

#services .main-content {
    float: right;
    width: 840px;
}

    #services .main-content > div {
        margin: 0 20px;
    }

#services .sub-content {
    display: none;
}

#services .sub-content {
    min-height: 250px;
    width: 100%;
}

#services .clear {
    clear: both;
}

#visa .content-container {
    color: #545453;
    width: 1200px;
    margin: 0 auto;
}

#visa .bg-opacity p {
    font-weight: 300;
    color: #fff !important;
    background-color: rgba(0, 0, 0, .6);
    padding: 0 10px;
    display: inline-block;
}

#visa .header h2 {
    padding: 50px 0;
    font-size: 50px;
}

#visa .main-conteiner {
    background-image: url('images/bg/rsz_visa-bg.jpg');
    background-size: cover;
    background-attachment: fixed;
}

    #services .main-conteiner > div,
    #visa .main-conteiner > div,
    #intakes-calendar-container > div {
        margin-bottom: -170px;
        padding-bottom: 170px;
        background: rgba(250, 250, 250, .8);
    }

#visa .contact-us-container {
    margin-top: 20px;
    border: 2px solid #57b5df;
    background-color: #57b5df;
    color: #fff;
}

    #visa .contact-us-container .header-describtion {
        background-color: #fff;
        height: 50px;
        text-align: center;
        font-size: 27px;
        line-height: 48px;
        color: #57b5df;
    }

    #visa .contact-us-container p {
        text-align: center;
    }

    #visa .contact-us-container .underline {
        width: 80%;
        border-top: 1px solid #fff;
    }

    #visa .contact-us-container .detail {
        padding: 10px 0;
        min-height: 50px;
    }

        #visa .contact-us-container .detail p {
            text-align: left;
            margin: 0 20px 0 60px;
        }

        #visa .contact-us-container .detail span {
            margin-left: 60px;
        }

        #visa .contact-us-container .detail i {
            text-align: center;
            display: block;
            width: 30px;
            position: absolute;
            padding-left: 15px;
            font-size: 30px;
        }

        #visa .contact-us-container .detail a {
            text-decoration: none;
            color: #fff;
        }

#visa .downloads-container {
    margin-top: 20px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

    #visa .downloads-container .header-describtion {
        height: 50px;
        background-color: #cdcdcd;
        text-align: center;
        font-size: 27px;
        line-height: 48px;
    }

    #visa .downloads-container a {
        line-height: 40px;
        padding-left: 20px;
        text-decoration: none;
        color: #565456;
        width: 90%;
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

#visa #navigation {
    float: left;
    width: 350px;
}

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

    #services .nav_agents-page > li > a #visa .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;
    }

    #services .nav_agents-page li a,
    #visa .nav_agents-page li a {
        cursor: pointer;
    }

    #services .nav_agents-page li div,
    #visa .nav_agents-page li div {
        width: 95%;
        height: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

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

        #services .nav_agents-page > li > a.active::before,
        #services .nav_agents-page > li > a:hover::before,
        #visa .nav_agents-page > li > a.active::before,
        #visa .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;
        }

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

    #services .nav_agents-page_deep > li > a,
    #visa .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;
    }

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

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

#visa .main-content {
    float: right;
    width: 840px;
}

    #visa .main-content > div {
        margin: 0 20px;
    }

#visa .sub-content {
    display: none;
    min-height: 250px;
    width: 100%;
}

    #services .sub-content img,
    #visa .sub-content img {
        width: 100% !important;
        height: auto !important;
    }

    #services .sub-content table,
    #visa .sub-content table {
        width: 100%;
        border-spacing: unset;
    }

        #services .sub-content table tr:first-child td,
        #visa .sub-content table tr:first-child td {
            background-color: #d7d4d6;
            text-align: center;
        }

        #visa .sub-content table tr:first-child td {
            text-align: left;
        }

        #services .sub-content table tr td,
        #visa .sub-content table tr td {
            padding: 15px;
            border: 1px solid #e7e5e7;
        }

        #services .sub-content table tr:nth-child(2n+1) td,
        #visa .sub-content table tr:nth-child(2n+1) td {
            background-color: #f5f2f4;
        }

        #services .sub-content table tr:nth-child(2n) td,
        #visa .sub-content table tr:nth-child(2n) td {
            background-color: #fff;
        }

#visa .clear {
    clear: both;
}

#question-form-container {
    margin-top: 20px;
    width: 100%;
}

#question-form input[type="text"],
#question-form input[type="email"],
#question-form textarea,
#question-form button[type="button"],
#question-form select {
    font: 100 18px 'Roboto Condensed', sans-serif;
    border-radius: 3px;
}

#question-form fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#question-form input[type="text"],
#question-form input[type="email"],
#question-form textarea,
#question-form select {
    width: 94.7%;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    padding: 13px 0 13px 16px;
}

#question-form .g-recaptcha {
    position: relative;
    margin-right: 48px;
}

#question-form .hiddenRecaptcha {
    visibility: hidden;
    position: absolute;
}

#question-form #hiddenRecaptcha-error {
    float: left;
    margin-top: 85px;
    position: absolute;
}

#question-form .g-recaptcha > div {
    max-width: 540px;
    position: absolute;
    top: 10px;
    right: -2px;
}

#question-form .g-recaptcha iframe {
    width: 100% !important;
}

#question-form select {
    width: 100%;
    max-width: 586px;
}

    #question-form input[type="text"]:hover,
    #question-form input[type="email"]:hover,
    #question-form textarea:hover,
    #question-form select:hover {
        -webkit-transition: border-color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out;
        border: 1px solid #aaa;
    }

#question-form textarea {
    height: 200px;
    max-width: 100%;
    resize: none;
}

#question-form button[type="button"] {
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
    width: 300px;
    border: none;
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    height: 50px;
    margin-top: 115px;
    background-image: -ms-linear-gradient(top, #F59120 0%, #ad600b 100%);
    background-image: -moz-linear-gradient(top, #F59120 0%, #ad600b 100%);
    background-image: -o-linear-gradient(top, #F59120 0%, #ad600b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F59120), color-stop(100, #ad600b));
    background-image: -webkit-linear-gradient(top, #F59120 0%, #ad600b 100%);
    background-repeat: repeat-x;
}

    #question-form button[type="button"]:hover {
        background-image: -ms-linear-gradient(top, #e28418 0%, #894b08 100%);
        background-image: -moz-linear-gradient(top, #e28418 0%, #894b08 100%);
        background-image: -o-linear-gradient(top, #e28418 0%, #894b08 100%);
        background-image: -webkit-linear-gradient(top, #e28418 0%, #894b08 100%);
        background-repeat: repeat-x;
    }

    #question-form button[type="button"]:active {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    }

#question-form #contact-submit[disabled] {
    background-image: none;
    background: #989A9A;
}

    #question-form #contact-submit[disabled]:hover {
        cursor: not-allowed;
    }

#question-form input:focus,
#question-form textarea:focus,
#question-form select:focus {
    outline: 0;
    border: 1px solid #aaa;
}

#question-form label.error {
    padding-top: 3px;
    padding-left: 5px;
    display: inline-block;
}

.question-forms select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.question-forms .redirects {
    max-width: 580px;
    width: 49%;
    text-transform: uppercase;
}

/* colored rounds*/


/*one colored*/

#courses-container .lesson-circle,
#intakes-calendar-container .lesson-circle {
    background-image: url(images/orange_full.png);
}

#courses-container .holiday-circle,
#intakes-calendar-container .holiday-circle {
    background-image: url(images/green_full.png);
}

#courses-container .workshop-circle,
#intakes-calendar-container .workshop-circle {
    background-image: url(images/brown_full.png);
}

#courses-container .social-circle,
#intakes-calendar-container .social-circle {
    background-image: url(images/blue_full.png);
}


/*two colored*/

#courses-container .lesson-social-circle,
#intakes-calendar-container .lesson-social-circle {
    background-image: url('images/social-lesson.png');
}

#courses-container .lesson-workshop-circle,
#intakes-calendar-container .lesson-workshop-circle {
    background-image: url('images/lesson-workshop.png');
}

#courses-container .workshop-social-circle,
#intakes-calendar-container .workshop-social-circle {
    background-image: url('images/social-workshop.png');
}

#courses-container .lesson-holiday-circle,
#intakes-calendar-container .lesson-holiday-circle {
    background-image: url('images/holiday-lesson.png');
}

#courses-container .workshop-holiday-circle,
#intakes-calendar-container .workshop-holiday-circle {
    background-image: url('images/holiday-workshop.png');
}

#courses-container .social-holiday-circle,
#intakes-calendar-container .social-holiday-circle {
    background-image: url('images/holiday-social.png');
}


/*three colored*/

#courses-container .lesson-workshop-social-circle,
#intakes-calendar-container .lesson-workshop-social-circle {
    background-image: url('images/lesson-social-workshop.png');
}

#courses-container .workshop-social-holiday-circle,
#intakes-calendar-container .workshop-social-holiday-circle {
    background-image: url('images/holiday-social-workshop.png');
}

#courses-container .lesson-social-holiday-circle,
#intakes-calendar-container .lesson-social-holiday-circle {
    background-image: url('images/leson-social-holiday.png');
}

#courses-container .lesson-workshop-holiday-circle,
#intakes-calendar-container .lesson-workshop-holiday-circle {
    background-image: url('images/lesson-holiday-workshop.png');
}


/*  four colored  */

#courses-container .lesson-workshop-social-holiday-circle,
#intakes-calendar-container .lesson-workshop-social-holiday-circle {
    background-image: url('images/all-events.png');
}

#courses-container .lesson-circle,
#courses-container .holiday-circle,
#courses-container .workshop-circle,
#courses-container .social-circle,
#courses-container .lesson-social-circle,
#courses-container .lesson-workshop-circle,
#courses-container .workshop-social-circle,
#courses-container .lesson-holiday-circle,
#courses-container .workshop-holiday-circle,
#courses-container .social-holiday-circle,
#courses-container .lesson-workshop-social-circle,
#courses-container .workshop-social-holiday-circle,
#courses-container .lesson-social-holiday-circle,
#courses-container .lesson-workshop-holiday-circle,
#courses-container .lesson-workshop-social-holiday-circle,
#intakes-calendar-container .lesson-circle,
#intakes-calendar-container .holiday-circle,
#intakes-calendar-container .workshop-circle,
#intakes-calendar-container .social-circle,
#intakes-calendar-container .lesson-social-circle,
#intakes-calendar-container .lesson-workshop-circle,
#intakes-calendar-container .workshop-social-circle,
#intakes-calendar-container .lesson-holiday-circle,
#intakes-calendar-container .workshop-holiday-circle,
#intakes-calendar-container .social-holiday-circle,
#intakes-calendar-container .lesson-workshop-social-circle,
#intakes-calendar-container .workshop-social-holiday-circle,
#intakes-calendar-container .lesson-social-holiday-circle,
#intakes-calendar-container .lesson-workshop-holiday-circle,
#intakes-calendar-container .lesson-workshop-social-holiday-circle {
    background-repeat: no-repeat;
    background-position: center center;
}


/*color day*/

#courses-container .curent_day,
#intakes-calendar-container .curent_day {
    color: #323232;
}


/*full orange rectangle day*/

#courses-container .term-break,
#intakes-calendar-container .term-break {
    background-color: #F8D091;
}

#courses-container .allert_colored,
#intakes-calendar-container .allert_colored {
    background-image: url(images/colored_allert.png);
    position: relative;
}

#courses-container .allert_full_bw,
#intakes-calendar-container .allert_full_bw {
    background-image: url(images/full_allert_bw.png);
}

#courses-container .allert_full_colored,
#intakes-calendar-container .allert_full_colored {
    background-image: url(images/full_allert_colored.png);
}

#courses-container .unit_popup,
#intakes-calendar-container .unit_popup {
    min-width: 220px;
    text-align: center;
    line-height: 56px;
    background-color: #dbdbdb;
    border: 1px solid #bfbfbf;
    position: absolute;
    left: 80px;
    top: -5px;
    z-index: 3;
    color: #575757;
    font-size: 19px;
    font-weight: 100;
    text-transform: uppercase;
    display: none;
}

    #courses-container .unit_popup p,
    #intakes-calendar-container .unit_popup p {
        margin: 0 10px;
        white-space: nowrap;
    }

#courses-container div.unit_popup:before,
#intakes-calendar-container div.unit_popup:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #dbdbdb;
    display: block;
    position: absolute;
    left: -10px;
    transform: rotate(45deg);
    top: 33%;
    z-index: -1;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

#courses-container .allert_colored:hover div.unit_popup,
#intakes-calendar-container .allert_colored:hover div.unit_popup {
    display: block;
}

#courses-container .inner_popup,
#intakes-calendar-container .inner_popup {
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}

#courses-container .popup_calendar,
#intakes-calendar-container .popup_calendar {
    position: absolute;
    width: 350px;
    height: auto;
    padding: 10px;
    background: #2A2A2A;
    border-radius: 5px;
    top: 37px;
    left: 33%;
    z-index: 2;
    display: none;
}

    #courses-container .popup_calendar::after,
    #intakes-calendar-container .popup_calendar::after {
        /*content: "";*/
        width: 20px;
        height: 20px;
        background: #2A2A2A;
        display: block;
        position: absolute;
        left: -10px;
        transform: rotate(45deg);
        top: 42%;
    }

#calendar_tab .slide-block h3,
#intakes-calendar-container .slide-block h3 {
    font-size: 17px;
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 10px 30px 10px 8px;
    overflow: hidden;
}

    #calendar_tab .slide-block h3:hover,
    #intakes-calendar-container .slide-block h3:hover {
        cursor: pointer;
    }

#courses-container .slide-block,
#intakes-calendar-container .slide-block {
    margin: 0 0 5px 0;
}

    #courses-container .slide-block p,
    #intakes-calendar-container .slide-block p {
        color: #fff;
        margin: 0;
        padding: 5px;
        text-align: justify;
    }

    #courses-container .slide-block h3 > span,
    #intakes-calendar-container .slide-block h3 > span {
        font-size: 17px;
        font-weight: 400;
    }

#courses-container .slide-block_lessons h3,
#intakes-calendar-container .slide-block_lessons h3 {
    background: #f79320;
    background-image: url(images/arow_down_calendar.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    border-radius: 5px;
}

#courses-container .slide-block-open.slide-block h3,
#intakes-calendar-container .slide-block-open.slide-block h3 {
    background-image: url(images/arow_up_calendar.png);
    background-repeat: no-repeat;
    background-position: 94% center;
    border-radius: 5px 5px 0px 0;
}

#courses-container .slide-block_soc-events h3,
#intakes-calendar-container .slide-block_soc-events h3 {
    background: #57b6de;
}

#courses-container .slide-block_soc-events p,
#intakes-calendar-container .slide-block_soc-events p {
    background: #57b6de;
}

#courses-container .slide-block p,
#intakes-calendar-container .slide-block p {
    display: none;
}

#courses-container .slide-block-open.slide-block p,
#intakes-calendar-container .slide-block-open.slide-block p {
    display: block;
}

#courses-container .cal_box,
#intakes-calendar-container .cal_box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    line-height: 25px;
}

#courses-container div#datepicker {
    width: 89.5%;
}

#courses-container .cal_box table.ui-datepicker-calendar,
#intakes-calendar-container .cal_box table.ui-datepicker-calendar {
    width: 100%;
    font-size: 22px;
    text-decoration: none;
    font-weight: 100;
    background-color: #FAFAFA;
    margin-top: 10px;
    -webkit-box-shadow: 10px 0px 14px 0px rgba(235, 235, 235, 1);
    -moz-box-shadow: 10px 0px 14px 0px rgba(235, 235, 235, 1);
    box-shadow: 10px 0px 14px 0px rgba(235, 235, 235, 1);
}

#courses-container .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all,
#intakes-calendar-container .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -84px;
}

#courses-container .cal_box tr,
#intakes-calendar-container .cal_box tr {
    height: 48px;
}

#courses-container .cal_box th,
#intakes-calendar-container .cal_box th {
    color: #939393;
    font-size: 22px;
    font-weight: 100;
}

#courses-container .cal_box td,
#intakes-calendar-container .cal_box td {
    text-align: center;
}

#courses-container .cal_box table.ui-datepicker-calendar a,
#intakes-calendar-container .cal_box table.ui-datepicker-calendar a {
    color: #323232;
    text-decoration: none;
}

#courses-container .ui-datepicker-title,
#intakes-calendar-container .ui-datepicker-title {
    text-transform: uppercase;
    font-size: 30px;
    color: #4a5915;
    font-weight: 700;
    text-align: right;
}

#courses-container a.ui-datepicker-prev.ui-corner-all,
#intakes-calendar-container a.ui-datepicker-prev.ui-corner-all {
    outline: none;
    background: none;
    width: 25px;
    height: 25px;
    border: 1px solid #83993a;
    border-radius: 3px;
    background-color: #a4ba3a;
    background-image: url(images/mounse-arrow-l.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    cursor: pointer;
}

#courses-container span.ui-icon.ui-icon-circle-triangle-w,
#courses-container span.ui-icon.ui-icon-circle-triangle-e,
#intakes-calendar-container span.ui-icon.ui-icon-circle-triangle-w,
#intakes-calendar-container span.ui-icon.ui-icon-circle-triangle-e {
    display: none;
}

#courses-container span.ui-datepicker-year,
#intakes-calendar-container span.ui-datepicker-year {
    font-weight: 100;
}

#courses-container a.ui-datepicker-next.ui-corner-all,
#intakes-calendar-container a.ui-datepicker-next.ui-corner-all {
    outline: none;
    background: none;
    width: 25px;
    height: 25px;
    border: 1px solid #83993a;
    border-radius: 3px;
    background-color: #a4ba3a;
    background-image: url(images/mounse-arrow-r.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    cursor: pointer;
}

#courses-container .ui-datepicker-other-month,
#intakes-calendar-container .ui-datepicker-other-month {
    color: #dadadf !important;
}

#courses-container .cal_box td.ui-datepicker-week-end,
#intakes-calendar-container .cal_box td.ui-datepicker-week-end {
    color: #b0b0b0;
}

#courses-container .cal_box table.ui-datepicker-calendar td a,
#intakes-calendar-container .cal_box table.ui-datepicker-calendar td a {
    color: #fff;
}

#courses-container .calendar-processing {
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url('ajax-loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 105%;
    width: 100%;
    position: absolute;
    z-index: 10;
    top: -15px;
}

#courses-container .lesson-background,
#intakes-calendar-container .lesson-background {
    background-color: #F79320 !important;
}

#courses-container .holiday-background,
#intakes-calendar-container .holiday-background {
    background-color: #84993B !important;
}

#courses-container .workshop-background,
#intakes-calendar-container .workshop-background {
    background-color: #5F3916 !important;
}

#courses-container .social-background,
#intakes-calendar-container .social-background {
    background-color: #57B6DE !important;
}

#courses-container .no-arrow,
#intakes-calendar-container .no-arrow {
    background-image: none !important;
}


/*====================================================================
CALENDAR TAB END
=====================================================================*/

#vendors-certification {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
}

    #vendors-certification h2 {
        text-transform: uppercase;
        font-size: 26px;
        text-align: center;
        margin-bottom: 30px;
    }

.vendors-carousel .vendors-slide {
    max-width: 260px;
    height: 310px;
    background-color: #FAFAFA;
    border: 1px solid #E9E9E9;
}

    .vendors-carousel .vendors-slide .field-name {
        margin-top: 25px;
    }

        .vendors-carousel .vendors-slide .field-name h4 {
            text-transform: uppercase;
        }

        .vendors-carousel .vendors-slide .field-name p {
            font-size: 15px;
            margin-top: 0;
        }

    .vendors-carousel .vendors-slide:focus {
        outline: none;
    }

.vendors-carousel h3 {
    font-size: 22px;
    text-transform: uppercase;
}

    .vendors-carousel h3.vendors-code {
        margin: auto !important;
        margin-top: 10px !important;
        padding: 4px 0 !important;
        background-color: #FFFFFF;
        max-width: 240px;
        border: 1px solid #E9E9E9;
    }

    .vendors-carousel h3.vendors-category {
        color: #57B6DE;
    }

.vendors-carousel.slick-slider {
    max-width: 1120px;
    margin: auto;
}

.vendors-carousel .slick-track {
    margin: auto;
}

.vendors-carousel .slick-slide {
    margin: 0 14px;
}

.vendors-carousel .slick-list {
    z-index: 100;
    margin: 0 -14px;
}

#vendors-certification .circle,
.forms_page .forms_group .circle {
    background-color: #DDF5FF;
    background-repeat: no-repeat;
    background-position-x: 18px;
    width: 45px;
    height: 90px;
    position: absolute;
    top: 36%;
    display: block;
    border: 1px solid #9CCFE4;
    cursor: pointer;
}

#vendors-certification .circle-left,
.forms_page .forms_group .circle-left {
    border-right: none;
    border-radius: 90px 0 0 90px;
    -moz-border-radius: 90px 0 0 90px;
    -webkit-border-radius: 90px 0 0 90px;
    background-image: url('images/vendors-left-arrow.png');
    background-position: center;
    right: 100%;
}

#vendors-certification .circle-right,
.forms_page .forms_group .circle-right {
    border-left: none;
    border-radius: 0 90px 90px 0;
    -moz-border-radius: 0 90px 90px 0;
    -webkit-border-radius: 0 90px 90px 0;
    background-image: url('images/vendors-right-arrow.png');
    background-position: center;
    left: 100%;
}


/* COURSE PAGE END*/


/* ==================== REMODAL CUSTOM STYLE START ===================== */

.remodal {
    background-color: transparent;
    color: #FFFFFF;
    height: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.remodal-overlay {
    background: rgba(0, -5, -25, 0.9);
}

.remodal .fa-times-circle-o {
    position: absolute;
    right: 30px;
    top: 15px;
    font-size: 30px;
}

.remodal h2 {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    color: #A1B738;
    margin-bottom: 10px;
    width: 100%;
}

.remodal-fail h2 {
    color: #C93000;
}

.remodal p {
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 50px;
    width: 100%;
}

.remodal #program-list-form {
    width: 100%;
}

.remodal button {
    font-family: 'Roboto Condensed', sans-serif;
    height: 60px;
    width: 300px;
    position: relative;
    min-width: 140px;
    text-transform: uppercase;
    border: none;
    border-radius: 5px;
    font-weight: 100;
    font-size: 22px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0 auto;
}

    .remodal button:after {
        content: "";
        width: 57px;
        height: 60px;
        position: absolute;
        right: 3px;
        bottom: 0;
        background-image: url('../Content/images/go-back-icon.png');
        background-repeat: no-repeat;
    }

#pricelist-send-button:after {
    background-image: none;
}

.remodal.send-modal {
    max-width: 100%;
}

.remodal .send-button {
    width: 240px;
    margin-top: 10px;
}

.remodal input[type="email"] {
    font-family: 'Roboto Condensed', sans-serif;
    max-width: 595px;
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 5px;
    margin-right: 10px;
    padding-left: 25px;
    font-weight: 100;
    font-size: 22px;
}

.remodal input[placeholder]::-webkit-input-placeholder {
    color: #414040;
    text-transform: uppercase;
}


/* ==================== TEACHER'S DETAILS PAGE ===================== */

.content-container h2 {
    font-size: 30px;
    text-transform: uppercase;
}

#teachers-details .content-container {
    color: #545453;
    width: 1200px;
    margin: 0 auto;
}

#teachers-details .teachers-content {
    padding-bottom: 100px;
}

    #teachers-details .teachers-content .breadcrumbs {
        margin-bottom: 50px;
    }

#teachers-details .clear {
    clear: both;
}

#teachers-details .main-content {
    width: 67%;
    float: left;
}

#teachers-details .dropdown-list {
    width: 30%;
    float: right;
}

#teachers-details .main-content .header .photo {
    overflow: hidden;
    width: 280px;
    border: solid #b6cd34 3px;
    margin-right: 20px;
    height: 290px;
    float: left;
    margin-top: 7px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/*#teachers-details .main-content .photo img {
    min-height: 100%;
    min-width: 100%;
}*/

#teachers-details .wrap_soc-link a {
    width: 25px;
    height: 25px;
}

#teachers-details .main-content .header .teachers-name {
    color: #58b6dd;
    font-size: 30px;
}

@media(min-width: 1200px) {
    #teachers-details .wrap_soc-link {
        float: right;
        margin-top: -35px;
        margin-right: 20px;
    }
}

#teachers-details .main-content .header .list-name {
    font-weight: 600;
    margin-top: 30px;
}

#teachers-details .main-content .skills {
    border-top: 2px dotted #e1e1e1;
}

    #teachers-details .main-content .skills > div {
        float: left;
        padding: 20px 0;
    }

    #teachers-details .main-content .skills .languages {
        width: 150px;
        font-weight: 600;
    }

    #teachers-details .main-content .skills .campus {
        width: 305px;
        font-weight: 600;
    }


/*#teachers-details .main-content .skills .list-languages{
    width: 40%;
}*/

#teachers-details #navigation {
    margin-top: 7px;
}

    #teachers-details #navigation ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    #teachers-details #navigation > ul > li {
        margin-bottom: 15px;
        border-top: 5px;
    }

    #teachers-details #navigation * {
        box-sizing: border-box;
    }

#teachers-details .treeview-list .text {
    float: none !important;
    width: 100%;
    max-width: 100% !important;
}

    #teachers-details #navigation p,
    #teachers-details #navigation a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        padding: 10px 15px;
        background-color: #839a3b;
        color: #fff;
    }

    #teachers-details #navigation .courses li:not(:last-child) a,
    #teachers-details #navigation .hobbies li:not(:last-child) p {
        border-bottom: 2px dotted #e1e1e1;
    }

    #teachers-details #navigation p {
        border-radius: 5px 5px 0 0;
    }

    #teachers-details #navigation li li p,
    #teachers-details #navigation li li a {
        background-color: #fff;
        /*color: #b6cd34;*/
        color: #545453;
        padding: 10px 30px;
    }

#teachers-details .treeview-list.first-collaps + ul {
    display: none;
}

#teachers-details .treeview-list .text {
    max-width: 80%;
    float: left;
}

#teachers-details .treeview-list {
    cursor: pointer;
}

    #teachers-details .treeview-list br {
        clear: both;
    }

#teachers-details .dropdown-list .fa {
    
}

#teachers-details .dropdown-list .sub-item .text {
    max-width: 70%;
}

#teachers-details p {
    margin: 0px !important;
}

#teachers-details .treeview-list .arrows {
    float: right;
    font-size: 12px;
    padding-top: 2px;
}

#teachers-details .treeview-list.collaps .collapsed {
    display: none;
    margin-right: 10px;
}

#teachers-details .treeview-list:not(.collaps) .expanded {
    display: none;
}

#teachers-details .teacher-info {
    padding-bottom: 100px;
}

#teachers-details .sertifications {
    margin-top: -130px;
    padding-top: 50px;
    height: 740px;
    z-index: 1;
    padding-bottom: 200px;
    margin-bottom: -300px;
}

    #teachers-details .sertifications .slider * {
        text-align: center;
    }

    #teachers-details .sertifications .main_slide_img {
        height: 185px;
        width: 280px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    #teachers-details .sertifications .title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #teachers-details .sertifications .main_slide_content {
        background-color: #fff;
    }

    #teachers-details .sertifications .slider_link a {
        color: #b6cd34;
        text-align: center;
        text-decoration: none;
    }

    #teachers-details .sertifications .slider_date {
        padding: 15px 0px;
    }

#teachers-details .teachers-testimonials {
    z-index: 0;
    margin-bottom: -255px;
    margin-top: -240px;
    padding-top: 100px;
    height: 1010px;
}

    #teachers-details .teachers-testimonials .main_slide_img img {
        min-height: 100%;
        max-height: 170%;
        min-width: 100%;
        max-width: 170%;
    }

    #teachers-details .teachers-testimonials .main_slide_img {
        overflow: hidden;
    }

#teachers-details .employment-history {
    padding-top: 20px;
    margin-top: 65px;
    border-top: 2px dotted #e1e1e1;
}

    #teachers-details .employment-history table {
        border: none;
    }

#teachers-details table {
    width: 100%;
}

#teachers-details .employment-history td {
    padding: 15px 0;
    border: none;
}


#teachers-details .employment-history .position {
    font-weight: 600;
}

.soc-mail {
    background: url('../Styles/images/social/mail-to.png') no-repeat center center;
}

#teachers-details .sertifications {
    height: 680px;
}

#teachers-details .teachers-testimonials {
    height: 1170px;
    background: url('../Styles/images/bg/testim-bg.png') no-repeat top center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: -411px;
}


/* ==================== REMODAL CUSTOM STYLE END ===================== */

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

.wrap-student-details {
    background-color: #f8f8f8;
    background-image: url("../img/std_bg.jpg");
    margin-bottom: -170px;
    padding-bottom: 170px;
    background-size: cover;
}

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

.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: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

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

.wrap-photo {
    height: 270px;
    width: 260px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    .wrap-photo img {
        min-height: 100%;
        min-width: 100%;
    }

.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;
    border-radius: 3px;
    margin: 18px 0 0 0;
    line-height: 40px;
    border: 1px solid #cdcdcd;
}

.download-cv {
    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%);
}

.contact-student {
    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%);
}

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

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

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

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

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

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

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

.data-row {
    display: flex;
    font-size: 17px;
    margin: 15px 0;
}

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

.data-cell-right {
    font-weight: 100;
    color: #545453;
    margin: 2px 0 0 0;
}

#student-details .home-section-top h2 span {
    font-weight: 600;
}

.profile-data hr {
    border: 1px dashed #e9e9e9;
    margin: 34px 0;
}

.profile-block-3 {
    width: 385px;
}

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

    .profile-tabs h3 {
        background: #839a3b;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        padding: 14px 18px;
        border-radius: 5px 5px 0 0;
        margin: 0;
    }

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

.profile-tabs_content li {
    font-weight: 100;
    font-size: 18px;
    color: #545453;
    padding: 10px 0 10px 22px;
    position: relative;
}

.profile-tabs_content .profile-tabs_bottom-l b {
    font-size: 18px;
}

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

.profile-tabs_bottom {
    display: flex;
    justify-content: space-between;
    margin: 25px 0 0 0;
}

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

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

.certifications {
    padding: 0 0 55px 0;
}

.certificat-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.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 10px;
    color: #a1a174;
}

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


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

.portfolios {
    padding: 0 0 55px 0;
}

.portfolio-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.portfolio {
    background: #fff;
    text-align: center;
    font-weight: 100;
    color: #545453;
    height: 300px;
    margin: 0 10px;
}

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

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

h1 p {
    font-size: inherit !important;
}

h2 > p {
    font-size: inherit !important;
}

h3 p {
    font-size: inherit !important;
}

h4 p {
    font-size: inherit !important;
}


/*=====================================================================*/


/*========================= BREADCRUMBS =========================*/


/*=====================================================================*/

.breadcrumbs {
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
    color: #909193;
    width: 80%;
    margin: 0 auto;
    margin-left: 20%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
}

    .breadcrumbs div {
        display: inline;
    }

    .breadcrumbs ul {
        display: inline-block;
        margin-left: 100px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .breadcrumbs ul li {
            font-size: .9em;
            display: inline-block;
            list-style: none;
            margin-left: 6px;
        }

    .breadcrumbs .back-link {
        margin-top: 10px;
        float: right;
    }

    .breadcrumbs a {
        text-decoration: none;
        color: inherit;
    }

    .breadcrumbs ul li:not(:first-child):before {
        content: "/";
        margin-right: 6px;
    }

    .breadcrumbs ul li:not(:first-child) {
    }

    .breadcrumbs ul li:not(:last-child) {
        color: #a9be46;
    }

    .breadcrumbs ul li.non-clickable a,
    .breadcrumbs ul li.non-clickable {
        color: #909193;
        pointer-events: none;
        cursor: default;
    }

.fancybox-close {
    background: none !important;
}

    .fancybox-close::after {
        content: "\f05c";
        color: #fafafa;
        margin-left: 10px;
        font-family: FontAwesome;
        display: inline-block;
        margin-left: 3px;
        font-size: 32px;
    }


/*=========================================
    INTAKES AND CALENDAR PAGE START
=========================================*/


#intakes-calendar-container {
    background-image: url('images/bg/intakes-and-calendar-bg.png');
    background-size: cover;
    background-attachment: fixed;
    color: #545453;
}

    #intakes-calendar-container .loader {
        position: relative;
        z-index: 1;
        margin-bottom: -170px;
        padding-bottom: 170px;
    }

    #intakes-calendar-container .int-cal-content-container {
        width: 1200px;
        margin: 0 auto;
    }

        #intakes-calendar-container .int-cal-content-container .header {
            text-align: center;
            margin-top: 40px;
        }

            #intakes-calendar-container .int-cal-content-container .header h3 {
                max-width: 60%;
                margin: 0 auto;
                text-transform: uppercase;
                font-size: 28px;
            }

            #intakes-calendar-container .int-cal-content-container .header p {
                max-width: 80%;
                margin: 0 auto;
                margin-top: 10px;
                font-weight: 100;
                font-size: 18px;
            }

        #intakes-calendar-container .int-cal-content-container .course-select {
            text-align: center;
            margin-top: 20px;
            position: relative;
            text-transform: uppercase;
            max-width: 800px; 
            margin: 20px auto 0;
        }

            #intakes-calendar-container .int-cal-content-container .course-select:after {
                content: '';
                right: 20px;
                top: 35%;
                display: inline-block;
                width: 10px;
                position: absolute;
                height: 10px;
                border-top: 2px solid #C7C7C7;
                border-right: 2px solid #C7C7C7;
                -moz-transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            #intakes-calendar-container .int-cal-content-container .course-select .select2-container {
                width: 100% !important;
                position: relative;
                max-width: 800px;
                font: 100 22px "Roboto Condensed", sans-serif;
                text-align: left;
                box-sizing: border-box;
            }

                #intakes-calendar-container .int-cal-content-container .course-select .select2-container .select2-selection--single {
                    outline: none;
                    border: none;
                    padding-left: 15px;
                    height: 60px;
                }

                #intakes-calendar-container .int-cal-content-container .course-select .select2-container .select2-selection__rendered {
                    padding-top: 16px;
                }

span.select2-dropdown {
    border: none;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 100;
}

    span.select2-dropdown ul li {
        padding-left: 23px;
    }

#intakes-calendar-container .calendar-intakes-wrap {
    margin-top: 70px;
}

    #intakes-calendar-container .calendar-intakes-wrap .wrap-header {
        text-transform: uppercase;
        margin-bottom: 50px;
    }

        #intakes-calendar-container .calendar-intakes-wrap .wrap-header h2 {
            font-size: 36px;
            margin: 0;
        }

        #intakes-calendar-container .calendar-intakes-wrap .wrap-header p {
            margin: 0;
            font-size: 22px;
            font-weight: 100;
        }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content {
        background-color: #F8F8F8;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(173,173,173,1);
        -moz-box-shadow: 0px 0px 20px 0px rgba(173,173,173,1);
        box-shadow: 0px 0px 20px 0px rgba(173,173,173,1);
    }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes {
            padding: 40px;
        }

            #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes .itakes-years .intakes_title_link {
                margin: 0;
                margin-bottom: 20px;
                padding-left: 0;
            }

            #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes .intakes_shedule {
                width: 100%;
                margin-bottom: 0;
                border: none;
            }

                #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes .intakes_shedule .intakes_shedule_headline {
                    background-color: #84993B;
                    color: #fff;
                }

                #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes .intakes_shedule .intakes_shedule_content {
                    border-bottom: none;
                    height: 60px;
                    display: table;
                    width: 100%;
                }

                    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes .intakes_shedule .intakes_shedule_content:nth-child(2n+1) {
                        background-color: #FAFAFA;
                    }

                    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes .intakes_shedule .intakes_shedule_content .intakes_shedule_content_txt {
                        display: table-cell;
                        vertical-align: middle;
                        margin: 0;
                        padding: 0;
                        border-right: 1px solid #E6E6E6;
                    }

                        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes .intakes_shedule .intakes_shedule_content .intakes_shedule_content_txt:last-child {
                            border: none;
                        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.calendar {
            padding: 20px;
            position: relative;
        }

            #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.calendar .calendar-in-process {
                background-color: rgba(255, 255, 255, 0.85);
                background-image: url('ajax-loader.gif');
                background-position: center center;
                background-repeat: no-repeat;
                height: 100%;
                width: 100%;
                position: absolute;
                z-index: 10;
                left: 0;
                top: 0;
                box-sizing: border-box;
            }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_tab {
            position: relative;
        }

#intakes-calendar-container div.unit-names {
    position: absolute;
    top: 97px;
    background: rgba(0, -5, -25, 0.8);
    bottom: 0;
    width: 100%;
    z-index: 20;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

#intakes-calendar-container .full {
    width: 100% !important;
}

#intakes-calendar-container div.unit-names .no-units {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    text-transform: uppercase;
}

    #intakes-calendar-container div.unit-names .no-units p {
        display: table-cell;
        vertical-align: middle;
    }

#intakes-calendar-container div.unit-names table {
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

#intakes-calendar-container table tr.border {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap {
    max-width: 840px;
}

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

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
        margin-left: 0;
        margin-bottom: 20px;
    }

#intakes-calendar-container .cal_box table.ui-datepicker-calendar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .options-block {
    position: absolute;
    left: 74.5%;
    width: 25.6%;
    height: 100%;
    top: 45px;
}

#intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap p {
    font-weight: 100;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 8px;
}

#intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap button[type="button"] {
    width: 100%;
    max-width: 125px;
    height: 40px;
    border: none;
    border-radius: 5px;
    outline: none;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #DBDBDB;
}

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap button[type="button"].active,
    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap button[type="button"]:hover {
        color: #fff;
        background-image: -ms-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
        background-image: -moz-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
        background-image: -o-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B6CC36), color-stop(100, #849A3A));
        background-image: -webkit-linear-gradient(top, #B6CC36 0%, #849A3A 100%);
        background-image: linear-gradient(to bottom, #B6CC36 0%, #849A3A 100%);
    }

#intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes {
    position: absolute;
    bottom: 11%;
    right: 50%;
}

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .checkbox-wrap {
        margin-top: 13px;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes label {
        cursor: pointer;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes input {
        margin: 0;
        cursor: pointer;
        visibility: hidden;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap {
        margin-top: 10px;
    }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap label {
            position: relative;
            font-family: "Roboto Condensed", sans-serif;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span::before,
        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox::before {
            width: 15px;
            height: 15px;
            background-color: #fff;
            left: -30px;
            box-sizing: border-box;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox::after {
            content: '\f00c';
            font-family: 'FontAwesome';
            font-size: 15px;
            left: -30px;
            top: 2px;
            color: transparent;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.curriculum::before {
            background-color: #DBDBDB;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.lessons::before {
            background-color: #F79320;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.workshops::before {
            background-color: #5F3916;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.termbreaks::before {
            background-color: #F8CF91;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.holidays::before {
            background-color: #84993B;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.socialevents::before {
            background-color: #57B6DE;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.lessons {
            color: #F79320;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.workshops {
            color: #5F3916;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.termbreaks {
            color: #F8CF91;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.holidays {
            color: #84993B;
        }

        #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes .custom-checkbox-wrap span.checkbox.socialevents {
            color: #57B6DE;
        }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes input[type="checkbox"]:checked + label span.checkbox.curriculum::after {
        color: #AFAFAF;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes input[type="checkbox"]:checked + label span.checkbox.lessons::after {
        color: #B85400;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes input[type="checkbox"]:checked + label span.checkbox.workshops::after {
        color: #fff;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes input[type="checkbox"]:checked + label span.checkbox.termbreaks::after {
        color: #C1985A;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes input[type="checkbox"]:checked + label span.checkbox.holidays::after {
        color: #4A5F01;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes input[type="checkbox"]:checked + label span.checkbox.socialevents::after {
        color: #2281A9;
    }

/*=========================================
    INTAKES AND CALENDAR PAGE END
=========================================*/

#fancybox-loading {
    margin-top: -21px;
    margin-left: -21px;
    width: 30px;
    height: 30px;
    background-image: url('../content/fancybox/fancybox_loading.gif');
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 9999;
}

/*=========================================
    Top gallery style
=========================================*/


.main-top-slider .wrapper {
    position: absolute;
    height: 100%;
    z-index: 0;
}

/* Header */

.main-top-slider video {
    height: 709px;
}

.main-top-slider .detail {
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    width: 100%;
    height: 709px;
    text-align: center;
}

    .main-top-slider .detail h1 {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
        padding: 0 0 10px 0;
        font-size: 1.7em;
        border-bottom: 1px solid rgba(0, 0, 0, 0.8);
    }

        .main-top-slider .detail h1 span {
            font-weight: 300;
        }

/* Video Pages */

.main-top-slider .screen {
    position: relative;
    height: 709px;
    float: left;
    overflow: hidden;
}

big-image {
    min-width: 100%;
    height: 709px;
    height: auto;
    width: auto;
}

.main-top-slider .video-title {
    position: absolute;
    top: 5%;
    right: 5%;
    opacity: .5;
    margin: 40px 0 0 0;
    padding: 0;
    line-height: .65;
    font-size: 4em;
    text-transform: uppercase;
}

/* Nav */

.main-top-slider nav {
    position: absolute;
    right: 5%;
    top: 45%;
    padding: 20px;
    background: #000;
    border-radius: 40px;
    opacity: .4;
    cursor: pointer;
    z-index: 1;
}

    .main-top-slider nav:hover {
        opacity: .6;
    }
/******* css of dots ****/
.main-top-slider .detail ol {
    list-style: none;
    width: 100%;
}

    .main-top-slider .detail ol li {
        border: 1px solid #777;
        background: #9e9e9e;
        margin: 0 3px;
        border-radius: 50%;
        display: inline-block;
        width: 8px;
        height: 8px;
        cursor: pointer;
    }

        .main-top-slider .detail ol li.active {
            background: #5b5b5b;
        }

/* Codrops Header Style */
.main-top-slider .codrops-top {
    position: absolute;
    bottom: 237px;
    right: 100px;
    outline: none !important;
    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: linear-gradient(#b1c736, #869c3a);
    font-size: 17px;
    text-transform: uppercase;
}

    .main-top-slider .codrops-top a {
        padding: 0px 10px;
        letter-spacing: 1px;
        color: #333;
        display: inline-block;
        text-decoration: none;
    }

        .main-top-slider .codrops-top a:hover {
            background: rgba(255,255,255,0.4);
        }

    .main-top-slider .codrops-top span.right {
        float: right;
    }

        .main-top-slider .codrops-top span.right a {
            float: left;
            display: block;
        }
/* End Codrops Header Style */
#big-video-wrap {
    overflow: hidden;
    /*position:fixed;*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    max-height: 709px;
}

    #big-video-wrap video {
        top: 120px !important;
        height: auto !important;
        width: 100%;
    }

#big-video-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 709px;
}

#big-video-vid, #big-video-image {
    position: absolute;
}

#big-video-vid {
    height: 829px !important;
    overflow: hidden;
}

#big-video-control-container {
    /*position:fixed;*/
    bottom: 20px;
    padding: 0 20px;
    width: 100%;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

#big-video-control {
    width: 100%;
    height: 16px;
    position: relative;
}

#big-video-control-middle {
    margin: 0 56px 0 24px;
}

#big-video-control-bar {
    width: 100%;
    height: 16px;
    position: relative;
    cursor: pointer;
}

#big-video-control-progress {
    position: absolute;
    top: 7px;
    height: 3px;
    width: 0%;
    background: #fff;
}

#big-video-control-track {
    position: absolute;
    top: 8px;
    height: 1px;
    width: 100%;
    background: #fff;
}

#big-video-control-bound-left {
    left: 0;
}

#big-video-control-bound-right {
    right: -1px;
}

#big-video-control-track .ui-slider-handle {
    opacity: 0;
}

#big-video-control-playhead {
    left: 30%;
}

#big-video-control-play {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    /*background-image:url('bigvideo.png');*/
}

#big-video-control-timer {
    position: absolute;
    top: 1px;
    right: 0;
    color: #fff;
    font-size: 11px;
}

#big-video-control-playhead, #big-video-control-bound-left, #big-video-control-bound-right {
    position: absolute;
    top: 0;
    height: 16px;
    width: 1px;
    background: #fff;
}

#big-video-control .ui-slider-handle {
    border-left: solid 1px #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
}

.transparent {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.vjs-big-play-button {
    display: none !important;
}

#big-video-vid, #big-video-image {
    width: 100% !important;
}
/*=========================================
   END Top gallery style
=========================================*/

.content-container {
    position: relative;
    height: 100%;
}

    .content-container .describtion {
        position: absolute;
        bottom: 20px;
    }

#recruit, #campus, #services, #teachers-details, #about-us, #team-page, #visa, #terms-conditions, .contact-us-feedback-container, .forms_page, .wrap-agents-page, .promo_material_page, #courses-container, #student-details, #intakes-calendar-container{
    margin-top: 111px !important;
}

    #visa .sub-content {
        word-break: break-word;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes {
        bottom: auto;
    }

    .forms_page .busines_group{
        padding: 0 65px;
    }

#services *, #visa *{
    box-sizing: border-box;
}

#visa  .hidden-content-contact {
    display: none;
}
#our-mission {

    position: relative;
    background-image: none !important; 
    background-color: #e9e9e9;
    margin: 0 !important;
    margin-top: -30px !important;
    padding: 30px 0 0 !important;
}

#our-vision {
    position: relative;

}
#our-vision:before {
    content: '';
    position: absolute; 
    display: block;
    left: 50%;
    width: 100%;
    top: 0px;
    transform: translateX(-50%);
    height: 140px;
    background-image: url(../Styles/images/bg/footer-bg3.png);
    background-size: 1920px 140px;
    background-position: center;
    background-repeat: no-repeat;
}

    #our-mission: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;
    }
    #our-mission: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;
    }

    #team-page .departments>.ng-scope:nth-child(2n-1)  .department-container{
        margin-bottom: 0 !important;
        padding-bottom: 150px !important;
    }

#team-page .departments > .ng-scope:nth-child(3) .department-container {
    background-color: white !important;
}

#team-page .departments > .ng-scope:nth-child(1) .department-container:before{
    display: none !important;
}


#team-page .departments > .ng-scope:nth-child(2n+1) .department-container:before {
    content: '';
    position: absolute; 
    display: block;
    left: 50%;
    width: 100%;
    top: 0px;
    transform: translateX(-50%);
    height: 140px;
    background-image: url(../Styles/images/bg/footer-bg3.png);
    background-size: 1920px 140px;
    background-position: center;
    background-repeat: no-repeat;
}

#team-page .departments > .ng-scope .department-container {
    z-index: 10;
}

footer {
    z-index: 11;
}

#team-page .departments>.ng-scope:nth-child(2n)  .department-container{
    background: none !important;
    background-color: #fff !important;
    position: relative;
    padding-top: 20px !important;
}

#team-page .departments .ng-scope:nth-child(2)  .department-container:before {
    content: '';
    position: absolute; 
    display: block;
    left: 50%;
    width: 100%;
    top: -140px;
    transform: translateX(-50%);
    height: 140px;
    background-image: url(../Styles/images/bg/footer-bg4.png);
    background-size: 1920px 140px;
    background-position: center;
    background-repeat: no-repeat;
}

#team-page .departments>.ng-scope:nth-child(2n)  .department-container:before {
    content: '';
    position: absolute; 
    display: block;
    left: 50%;
    width: 100%;
    top: -140px;
    transform: translateX(-50%);
    height: 140px;
    background-image: url(../Styles/images/bg/footer-bg4.png);
    background-size: 1920px 140px;
    background-position: center;
    background-repeat: no-repeat;
}

#team-page .departments>.ng-scope:nth-child(2n) {
    background-color: #e9e9e9;
}

#team-page .departments .ng-scope:nth-child(3) {
    z-index: 5;
}



.fancybox-iframe {
    min-height: 450px;
}

.home-section-campuses {
    position: relative;
}

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

.home-section-campuses:before {
    content: '';
    position: absolute; 
    display: block;
    left: 50%;
    width: 100%;
    top: 0px;
    transform: translateX(-50%);
    height: 140px;
    background-image: url(../Styles/images/bg/footer-bg3.png);
    background-size: 1920px 140px;
    background-position: center;
    background-repeat: no-repeat;
}

.home-section-schedules {
    position: relative;
    background: none !important;
    background-color: #e9e9e9 !important;
    margin: 0 !important;
    z-index: 3;
}

.home-section-schedules: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;
}

#calendar_tab #intakes-calendar-container .calendar-intakes-wrap {
    padding-bottom: 0;
}

#courses-container {
    padding-bottom: 50px;
}

#calendar_tab #intakes-calendar-container .calendar-intakes-wrap {
    margin-top: 0;
}


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

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

    .promo_material_page .materials_block_wrap{
        width: calc(100% - 320px);
    }

    

    .promo_material_page .wrap {
        padding: 0 15px;
    }

    .promo_material_page .topheadM_hinline p {
        display: inline-block;
        width: auto;
    }

    .promo_material_page .promoM_tophead_img {
        height: 600px;
    }

    .wrap_duties-page * {
        box-sizing: border-box;
    }

    .wrap_duties-page .wrap {
        padding: 0 15px;
    }

    .wrap-agents-page .wrap{ 
        padding: 0 15px;
    }

    .agents-page-l{
        width: 360px;
    }

    .agents_block {
        margin: 0 10px 10px;
    }

    .agents-page-r {
        width: calc(100% - 400px);
    }


    .forms_page .tophead_hinline p{
        display: inline-block;
        width: auto;
        padding: 10px;
    }

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

    .forms_page .item_img {
        width: 100%;
    }
    
    .forms_page_head .wrap{
        padding: 0 15px;
    }
    

    .forms_page .wrap{
        max-width: 1200px;
        width: 100%;
    }

    #contact-form .g-recaptcha.feedback{
        margin-left: 0;
        display: block;
        margin: 0 auto;
        max-width: 310px;
    }

    #contact-form button[type="button"]{
        float: none;
        margin: 20px auto 0;
        display: block;
    }

    #contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #contact-form select{
        width: 100%;
    }

    #contact-form .g-recaptcha {
        display: inline-block;
        margin: 0;
        text-align: right;
    }

    .contact-us-feedback-container *{
        box-sizing: border-box;
    }

    .nav_agents-page_deep > li > a {
        padding: 10px;
        line-height: 20px;
        white-space: normal;
    }

    #terms-conditions .bg-opacity p {
        margin: 0;
    }

    #terms-conditions .header .contact-us {
        float: none;
        text-align: right;
    }

    #terms-conditions .header li {
        display: inline-block;
        text-align: center;
        max-width: 200px;
        float: none;
        margin-right: 30px;
    }


    #terms-conditions .header {
        height: auto;
    }

    .department-container .content-container .col-sm-12{
        display: flex !important;
        align-items: flex-start;
        justify-content: space-around;   
        float: none;   
        margin: 0;  
        padding: 0;
    }

    .department-container .content-container .col-sm-12 .col-sm-3{
        width: 23%;
        float: none;
    }

    #team-page .department-container div.teacher-content {
        width: 100%;
    }

    #team-page * , #terms-conditions * {
        box-sizing: border-box;
    }

    #terms-conditions .content-container {
        max-width: 1200px;
        width: 100%;
        padding: 0 15px;
    }

    #team-page .content-container {
        max-width: 1200px;
        width: 100%;
        padding: 0 15px;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: none;
    }

    #courses-container .cal_box, #intakes-calendar-container .cal_box {
        width: calc(100% - 320px);
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .options-block {
        position: relative;
        left: 0;
        height: auto;
        top: auto;
        width: 300px;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap .checkboxes {
        padding-left: 20px;
        position: relative;
        right: auto;
        left: 0;
    }
    

    #intakes-calendar-container .int-cal-content-container {
        max-width: 1200px;
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
    }

    #about-us .mission-container {
        background-position: center top;
    }

    #about-us .services-container .image-container {
        height: auto;
        box-sizing: border-box;
    }

    #about-us .content-container {
        max-width: 1200px; 
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .contact-us-feedback-container .header-text, #team-page .header-text, #about-us .header .header-text {
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
    }

    #about-us .header .describtion {
        width: calc(100% - 30px);
    }

    #visa .main-content, #services .main-content {
        width: calc(100% - 380px );
    }


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

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

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

    .promo_material_page .buttons_doenload {
        margin-top: 10px;
    }

    .promo_material_page .bottom_materials_block{
        display: block;
    }

    .promo_material_page p.title_brochure, .promo_material_page p.txt_brochure {
        text-align:center;
    }


    .promo_material_page .materials_block_wrap {
        width: 100%;
    }

    .promo_material_page .txt {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .promo_material_page .buttons {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .promo_material_page p.title_txt {
        font-size: 20px;
    }
    .promo_material_page .campuses_wrap > div {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
    }

        .promo_material_page .campuses_wrap > div h2 {
            width: 100%;
            text-align: center;
        }
    .promo_material_page .txt_block {
        width: 100%;
    }
    .promo_material_page .campus_head {
        width: 100%;
    }

        .promo_material_page .campuses_wrap .camuses_block{
            max-width: 275px;
            width: 100%;
            margin: 10px;
        }

    .promo_material_page .campuses_wrap {
        width: 100%;
    }
    .promo_material_page select {
        margin: 0 auto 20px;
        display: block;
        max-width: 280px;
    }

    .promo_material_page .topheadM_hinline p {
        font-size: 36px;
    }
    .promo_material_page .promoM_tophead_img {
        height: 450px;
    }

    .promo_material_page .topheadM_hinline {
        padding-top: 40px;
    }
    
    .wrap_duties-page h2 {
        font-size: 36px;
    }
    .wrap_duties-page_content p {
        font-size: 16px;
        margin: 8px 0;
    }

    .forms_page .tophead_img {
        height: 450px;
    }

    .forms_page .tophead_hinline p{
        font-size: 32px;
    }


    .forms_page .separator_groups{
        font-size: 20px;
    }

    .forms_page .button_p a , .forms_page .button_d a{
        font-size: 18px;
        line-height: 45px;
        height: 45px;
    }

    #contact-form select{
        width: 100%;
        max-width: 100%;
    }
    
    .contact-forms .redirects{
        width: 100%;
        float: none !important;
        margin: 40px auto 0;

    }

    .contact-forms .redirects .contact-title{
        text-align: center;
    }

    .contact-us-header{
        height: auto;
    }

    .contact-us-title{
        padding-top: 0;
        padding-bottom: 260px;
    }

    .contact-us-feedback-container span.bg-opacity, .contact-us-feedback-container .contact-us-description{
        position: static;
        margin-bottom: 20px;
        font-size: 17px;
        padding: 10px;
    }

    .contact-us-details{
        float: none !important;
        width: 100%;
        padding: 0;
    }

    #contact-form-container{
        padding-top: 20px;
        float: none !important;
        width: 100% !important;
    }
    #contact-form-container .contact-title{
        text-align: center;
    }

    #contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #contact-form select{
        width: 100%;
    }

    #contact-form .g-recaptcha {
        max-width: 310px;
        margin: 0 auto;
        display: block;
    }

    #contact-form button[type="button"]{
        float: none;
        margin: 20px auto 0;
        display: block;
    }


    #terms-conditions .header .header-text h2 {
        font-size: 36px;
    }

    #team-page .department-name {
        font-size: 26px;
    }

    #team-page .department-container div.img-container{
        height: 160px;
    }

    #team-page .header {
        height: 450px;
    }

        #team-page .header h2 {
            padding: 0;
            font-size: 32px !important;
        }

    #intakes-calendar-container .calendar-intakes-wrap .wrap-header{
        margin-bottom: 20px;
    }

    #intakes-calendar-container .calendar-intakes-wrap {
        padding-top: 20px;
    }

    #intakes-calendar-container .calendar-intakes-wrap .wrap-header p{
        text-align: center;
        font-size: 18px;
    }

    #intakes-calendar-container .int-cal-content-container .course-select .select2-container .select2-selection__rendered{
        font-size: 18px;
    }


    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content .calendar_wrap {
        display: block;
    }

    #intakes-calendar-container div.unit-names {
        width: 100%;
    }


    #about-us .header .button-list {
        width: 100%;
        max-width: 800px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
    }
        #about-us .header .button-list li {
            width: 200px;
            margin: 15px;
        }    

        #about-us .header .button-list li a {
            padding: 10px 20px;
        }

    #question-form button[type="button"] {
        width: 100%;
    }

    #navigation .g-recaptcha > div{
        width: 100% !important;
    }

    #visa #navigation,  #services  #navigation {
        width: 270px;
    }
    #visa .main-content , #services  .main-content{
        width: calc(100% - 290px );
    }

    #services .nav_agents-page_deep > li > a, #visa .nav_agents-page_deep > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 45px;
        font-size: 14px;
        line-height: 16px;
        white-space: normal;
    }
    #services .nav_agents-page li div, #visa .nav_agents-page li div {
        white-space: normal;
        height: auto;
    }

    #visa .header h2 , #services .header h2{
        margin: 0;
        font-size: 32px;
        padding: 0;
    }



    #visa .header .describtion,  #services .header .describtion{
        font-size: 16px;
        padding: 10px;
    }

    #visa .header, #services .header {
        height: 450px;
    }

    #recruit, #campus, #services, #teachers-details, #about-us, #team-page, #visa, #terms-conditions, .contact-us-feedback-container, .forms_page, .wrap-agents-page, .promo_material_page, #courses-container, #student-details, #intakes-calendar-container {
        margin-top: 94px !important;
    }
}


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

    #courses-container #calendar_tab, #intakes-calendar-container #calendar_tab{
        padding-bottom: 160px;
    }

    #visa  .hidden-content-contact {
        display: block;
    }

    #visa .hidden-content-contact .contact-us-container{
        display: block;
        max-width: 320px;
        margin: 0 auto;
    }

    #visa .contact-us-container .detail a {
        word-break: break-word;
    }
    
    #navigation #question-form-container {
        display: none;
    }
    #question-form-container {
        float: none !important;
    }

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

    #question-form button[type="button"] {
        margin-top: 0;
    }

    #question-form input[type="text"], #question-form input[type="email"], #question-form textarea, #question-form select {
            width: 100%;
    }

    .promo_material_page .material_block {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .promo_material_page p.m_title_txt {
        font-size: 20px;
    }
    .promo_material_page p.m_discript_txt {
        font-size: 16px;
    }


     .wrap_duties-page h2 {
        font-size: 28px;
        text-align: center;
        display: block;
    }
    .wrap_duties-page_content p {
        font-size: 14px;
        margin: 5px 0;
    }

    .wrap_duties-page_content h3{
        margin: 15px 0 0;
    }

    .duties-page_more {
        width: 100%;
        max-width: 300px;
        font-size: 18px;
        height: auto;
        line-height: 1.2;
        padding: 10px;
        margin-top: 10px;
    }

    #intakes-calendar-container .calendar-intakes-wrap .calendar-intakes-content.intakes{
        padding: 20px 10px;
    }
    .intakes_shedule_headline{
        align-items: center;
    }

    .intakes_shedule_head_txt{
        font-size: 16px;
    }
    .intakes_shedule_head_txt:first-child {
        width: 40% !important;
    }
    .intakes_shedule_head_txt:nth-child(2) {
        width: 40% !important;
    }
    .intakes_shedule_head_txt:nth-child(3) {
        width: 20% !important;
    }

    .wrap-agents-page .agents-page-l {
        margin-bottom: 30px !important;
    }

    .agents_block_mail a{
        word-break: break-word;
    }

    .agents_block_inner li{
        height: auto;
    }
    .agents_block{
        max-width: 100%;
        margin: 0 0 10px;
    }


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

    #vendors-certification .circle, .forms_page .forms_group .circle{
        width: 25px;
        height: 50px;
        background-size: 10px 20px;
    }

    .forms_page .busines_group{
        padding: 0 30px;
    }

    #contact-form .g-recaptcha.feedback{
        transform: scale(0.8);
    }

    #contact-form .arrow-bottom:after {
        top: 14px;
        right: 20px;
    }
    #contact-form .arrow-bottom:before{
        height: auto;
        bottom: 1px;
    }

    #contact-form button[type="button"]{
        font-size: 20px;
        height: 45px;
    }
    .contact-forms .redirects .contact-title{
        font-size: 22px;
    }

    .redirects .redirect-img{
        height: 100px;
    }

    .redirects .vertical-align{
        font-size: 18px;
    }




    .contact-us-title{
        font-size: 36px;
    }


    .email-us {
        height: 260px;
    }

    .contact-us-details > div{
        display: flex;
        align-items: center;
    }

    .contact-us-feedback-container .vertical-center{
        font-size: 16px;
        margin: 0 0 0 20px;
        word-break: break-word;
    }

    .call-us, .visit-us, .email-us, .mail-us, .find-us {
        width: 100px;
        min-width: 100px;
        display: table;
    }

    .contact-us-details .vertical-align{
        font-size: 14px;
    }

    #contact-form-container .contact-title{
        font-size: 22px;
    }

    #contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea, #contact-form select{
        font-size: 14px;
        padding: 10px;
    }
    #contact-form textarea{
        height: 200px;
    }

    #terms-conditions .header .header-text {
        height: 395px;
    }

    .nav_agents-page_deep > li > a {
        font-size: 14px;
    }
    .nav_agents-page > li > a {
        font-size: 16px;
    }


    .agents-page-l{
        float: none;
        width: calc(100% - 40px);
        margin: 20px auto 0;
    }

    #terms-conditions .main-content > div{
        margin: 20px 0 0;
    }

    #terms-conditions .sub-content h2 {
        margin-bottom: 0;
        text-align: center;
    }
    #terms-conditions .sub-content {
        font-size: 14px;
    }

    #terms-conditions .main-content {
        float: none;
        width: 100%;
    }

    .department-container .content-container .col-sm-12 {
        flex-wrap: wrap;
    }
        .department-container .content-container .col-sm-12 .col-sm-3 {
            margin-top: 15px;
            width: 232px;
        }
    #team-page .department-container div.img-container {
        height: 200px;
    }


    #about-us .vision-container img {
        float: none;
        width: 100%;
        margin: 0;
    }

    #about-us .mission-container img {
        width: 100%;
        float: none;
        margin: 0;
    }

    #intakes-calendar-container .calendar-intakes-wrap .wrap-header h2{
        font-size: 24px;
    }

    #intakes-calendar-container .int-cal-content-container .header h3 {
        max-width: 100%;
        font-size: 22px;
    }

    #intakes-calendar-container .int-cal-content-container .course-select .select2-container .select2-selection__rendered{
        padding: 10px 35px 10px 0px;
        white-space: normal;
        font-size: 16px;
    }

    #intakes-calendar-container .int-cal-content-container .course-select .select2-container .select2-selection--single{
        height: auto;
        
    }

    #about-us .content-container p span, #about-us .content-container p {
        margin: 5px 0;
        font-size: 16px;
    }


    #about-us .header {
        height: auto;
    }
        #about-us .header .header-text h2 {
            font-size: 36px;
        }

        #about-us .header .header-text {
            height: auto;
            min-height: 320px;
        }

    #about-us .header .describtion {
        display: none;
    }

    #services .sub-content table, #visa .sub-content table {
        font-size: 14px;
    }
        #services .sub-content table tr td, #visa .sub-content table tr td {
            padding: 5px;
        }

    #visa .main-content > div , #services .main-content > div {
        margin: 0;
    }

    .content-container h2 {
        font-size: 22px;
    }
    #visa .sub-content p,  #services .sub-content p {
        font-size: 14px;
    }

    #visa .contact-us-container, #services .contact-us-container {
        display: none;
    }

    #visa #navigation, #services #navigation {
        width: calc( 100% - 50px);
        margin: 0 auto;
        float: none;
    }

    #visa .main-content , #services .main-content {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 520px) {
    .forms_page .separator_groups {
        font-size: 16px;
    }

    .intakes_shedule_head_txt {
        margin: 5px 0;
        font-size: 12px;

    }
}


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

    #teachers-details * {
        box-sizing: border-box;
    }

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

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

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

@media screen and (max-width: 920px) {
    #teachers-details .main-content {
        float: none;
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }

    #teachers-details .dropdown-list {
        float: none;
        max-width: 350px;
        margin: 15px auto 0;
        width: 100%;
    }
}

@media screen and (min-width: 1920px) {
    #team-page .departments > .ng-scope:nth-child(2n+1) .department-container:before , #team-page .departments>.ng-scope:nth-child(2n)  .department-container:before{
        background-size: 100% 140px ;
    }
}