/* ==========================================================================
    Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* Body settings, change it as required
*/

body {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.4;
    overflow-x: hidden;
    background: #f2f2f2;
    font-weight: normal;
}

    body.non-scroll {
        overflow: hidden;
    }

/*
* Headings
*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    text-rendering: optimizeLegibility;
    margin-top: 0px;
    margin-bottom: 20px;
}

h1 {
    font-size: 64px;
    line-height: 78px;
}

h2 {
    font-size: 36px;
    line-height: 44px;
}

h3 {
    font-size: 32px;
    line-height: 39px;
}

h4 {
    font-size: 24px;
    line-height: 29px;
}

h5 {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}

h6 {
    font-size: 14px;
    line-height: 16px;
}

p {
    font-size: 13px;
    color: #000;
    line-height: 22px;
    margin-bottom: 16px;
    font-weight: 500;
}

    p a {
        color: #00bfe7;
        transition: all 0.3s ease 0s;
    }

        p a:hover, p a:focus {
            color: #00bfe7;
        }

/*
* Links
*/

a {
    color: #00bfe7;
    text-decoration: none;
    line-height: inherit;
    transition: all 0.3s ease 0s;
}

    a:hover { /*color: #2795b6;*/
        color: #00bfe7;
        text-decoration: none;
    }

    a:focus {
        color: #00bfe7;
        outline: none;
    }

p a, p a:visited {
    line-height: inherit;
}


/*
* A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c2c2c2;
    margin: 16px 0;
    padding: 0;
    position: relative;
}


/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}


/*
* Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/*
* Iframe
*/
iframe[name="google_conversion_frame"] {
    display: none;
}

/*
* Pre
*/
pre {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    font-family: 'Fira Mono', Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-radius: 3px;
    background-color: #f7f7f7;
    padding: 16px;
    border: 1px solid #dadada;
    white-space: pre-wrap;
    margin-bottom: 16px;
}


/* ==========================================================================
    Helper classes
========================================================================== */

/*
* Floats
*/

.left {
    float: left;
}

.right {
    float: right;
}


/*
* Text Alignment
*/

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

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

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


/*
* Image Alignment
*/

img.alignleft {
    float: left;
    margin: 0 10px 10px 0;
    display: inline;
}

img.alignright {
    float: right;
    margin: 0 0px 10px 10px;
    display: inline;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}


/*
* Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*
* overflow method for clearing floats
*/
.floatbox {
    overflow: hidden;
}

/*
* older method of adding empty tags for clearing
*/
.clear {
    clear: both;
    height: 1px;
    line-height: 1px;
}

/*
* Chromeframe
*/
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*
* Fonts
*/

@font-face {
    font-family: 'new_century_schoolbookbold';
    src: url('../fonts/fonts/newcenturyschlbk-bold-webfont.woff2') format('woff2'), url('../fonts/fonts/newcenturyschlbk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/MontserratRegular.eot');
    src: url('../fonts/MontserratRegular.eot') format('embedded-opentype'), url('../fonts/MontserratRegular.woff2') format('woff2'), url('../fonts/MontserratRegular.woff') format('woff'), url('../fonts/MontserratRegular.ttf') format('truetype'), url('../images/MontserratRegular.svg#MontserratRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/MontserratBold.eot');
    src: url('../fonts/MontserratBold.eot') format('embedded-opentype'), url('../fonts/MontserratBold.woff2') format('woff2'), url('../fonts/MontserratBold.woff') format('woff'), url('../fonts/MontserratBold.ttf') format('truetype'), url('../images/MontserratBold.svg#MontserratBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/MontserratMedium.eot');
    src: url('../fonts/MontserratMedium.eot') format('embedded-opentype'), url('../fonts/MontserratMedium.woff2') format('woff2'), url('../fonts/MontserratMedium.woff') format('woff'), url('../fonts/MontserratMedium.ttf') format('truetype'), url('../images/MontserratMedium.svg#MontserratMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/MontserratMediumItalic.eot');
    src: url('../fonts/MontserratMediumItalic.eot') format('embedded-opentype'), url('../fonts/MontserratMediumItalic.woff2') format('woff2'), url('../fonts/MontserratMediumItalic.woff') format('woff'), url('../fonts/MontserratMediumItalic.ttf') format('truetype'), url('../images/MontserratMediumItalic.svg#MontserratMediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}


.mob-orientation {
    display: none;
}
/* ==========================================================================
    Layout
========================================================================== */

/* Container ---------------------- */
#container-wrap {
    min-width: 320px;
    left: 0;
    position: relative;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
}

    #container-wrap.no-padding {
        padding-top: 0px;
    }

/* Header ---------------------- */
#header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

/* Main-navigation ---------------------- */
#main-navigation {
    float: left;
}

/* Banner ---------------------- */
#banner {
    position: relative;
}

/* Content ---------------------- */
#content {
    background: #fff;
}

    #content.blue-theme {
        background: #f2f7ff;
    }

    #content.admission-content {
        padding-top: 40px;
    }

/* Footer ---------------------- */
#footer {
    background: #002855;
    padding: 46px 0 22px 0px;
}

.web-counter {
    background: #111111;
    padding: 10px;
    display: inline-block;
    font-size: 20px;
    letter-spacing: 6px;
    border-radius: 5px;
    color: #FF9C00;
}

body.search-page {
    background: #f2f7ff;
}

    body.search-page #container-wrap {
        padding-top: 0px;
    }

/* ==========================================================================
    Page Specific
========================================================================== */

/* Admissions Page ---------------------- */
.admissions-page a, .admissions-page a:hover, .admissions-page a:focus {
    color: #00c1a1;
}

.admissions-page p a {
    color: #00c1a1;
}

    .admissions-page p a:hover, .admissions-page p a:focus {
        color: #00c1a1;
    }

/* Leadership Page ---------------------- */
.leadership-page a, .leadership-page a:hover, .leadership-page a:focus {
    color: #ff9c00;
}

.leadership-page p a {
    color: #ff9c00;
}

    .leadership-page p a:hover, .leadership-page p a:focus {
        color: #ff9c00;
    }

.leadership-page .sociable2 a {
    border: 1px solid #ff9c00;
}

/* Admissions Page ---------------------- */
.about-page a, .about-page a:hover, .about-page a:focus {
    color: #ff9c00;
}

.about-page p a {
    color: #ff9c00;
}

    .about-page p a:hover, .about-page p a:focus {
        color: #ff9c00;
    }


/* Campus Page ---------------------- */
.campuslife-page a, .campuslife-page a:hover, .campuslife-page a:focus {
    color: #fc654c;
}

.campuslife-page p a {
    color: #fc654c;
}

    .campuslife-page p a:hover, .campuslife-page p a:focus {
        color: #fc654c;
    }

body.search-page {
    background: #f2f7ff;
}

/* Connect Page ---------------------- */
.connect-page a, .connect-page a:hover, .connect-page a:focus {
    color: #ed027b;
}

.connect-page p a {
    color: #ed027b;
}

    .connect-page p a:hover, .connect-page p a:focus {
        color: #ed027b;
    }

/* International Page ---------------------- */
.international-page a, .international-page a:hover, .international-page a:focus {
    color: #58cf00;
}

.international-page p a {
    color: #58cf00;
}

    .international-page p a:hover, .international-page p a:focus {
        color: #58cf00;
    }


/* ==========================================================================
    Common Functionalities & UI Elements
========================================================================== */

/*--- Modal --- */
.modal .modal-dialog.col-lg {
    width: 1170px;
}

.modal .modal-header {
    border-bottom: 0;
    padding: 25px 25px 2px 25px;
}

    .modal .modal-header p {
        margin-bottom: 0;
    }

.modal .modal-footer {
    padding: 16px;
    border: 0;
}

.modal-sm {
    width: 336px;
}

.modal .modal-footer .btn {
    min-width: 120px;
    margin-left: 14px;
}

    .modal .modal-footer .btn:first-child {
        margin-left: 0;
    }

.modal button.close {
    font-size: 36px;
    line-height: 36px;
    color: #000;
    opacity: 1;
}

    .modal button.close:hover, .modal button.close:focus {
        opacity: 1;
    }

.modal .modal-content {
    border: 0;
    border-radius: 0px;
    box-shadow: none;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.9);
}

    .modal-backdrop.in {
        opacity: 1;
    }

.modal .modal-body {
    padding: 25px;
    padding-top: 0px;
}

    .modal .modal-body h2 .icon {
        margin-right: 18px;
    }

/*---Form1 --- */
.form1 ul, .post .form1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .form1 ul li {
        margin-bottom: 15px;
    }

        .form1 ul li:last-child {
            margin-bottom: 0;
        }

.form1 .required {
    color: #ff0000;
}

.form1 .form-control {
    border-radius: 5px;
    font-size: 14px;
    box-shadow: none;
    line-height: 20px;
    color: rgba(0,0,0,0.8);
}

.form1 .form-control, .form1 input[type="text"], .form1 input[type="password"], .form1 input[type="email"] {
    height: 42px;
    border: 1px solid #e9e9e9;
    box-shadow: none;
}

.form1 li input[type="submit"], .form1 li button[type="submit"], .default-submit-btn, .form1 .default-submit-btn {
    min-width: 9px;
}
/*.form1 input[type="email"] { text-transform:lowercase; }*/
.form1 .forgot-password {
    float: right;
    font-size: 13px;
}

.form1 .error_msg {
    color: #f54b5e;
    display: block;
    font-size: 12px;
    position: relative;
    line-height: 18px;
    margin-top: 4px;
}

.form1 .info_msg {
    color: #000;
    display: block;
    font-size: 12px;
    position: relative;
    line-height: 16px;
    padding-top: 4px;
}

.form1 textarea.form-control {
    resize: none;
    height: 64px;
    border: 1px solid #dadada !important;
    padding: 11px 12px;
}

.form1 .has-error textarea.form-control {
    border: 1px solid #d54343 !important;
}

.form1 .has-error input[type="text"], .form1 .has-error input[type="password"], .form1 .has-error input[type="email"] {
    border: 1px solid #d54343;
}

.form1 .clear-row {
    clear: left;
}

.newsletter-form .has-error {
    border: 1px solid #d54343 !important;
}

.form1 label {
    font-size: 14px;
    color: rgba(0,0,0,0.5);
    display: block;
    font-weight: 500;
}

    .form1 label.left-label {
        margin-bottom: 0;
        padding-top: 8px;
    }

.form1 .radio-input {
    position: relative;
    display: block;
    padding-left: 25px;
    margin-bottom: 10px;
}

    .form1 .radio-input.radio-inline {
        display: inline-block;
        margin-left: 0;
        margin-right: 20px;
    }

    .form1 .radio-input label {
        font-size: 14px;
        color: #000;
        margin: 0;
        cursor: pointer;
    }

        .form1 .radio-input label a {
            color: #eb494f;
        }

    .form1 .radio-input input[type=radio]:checked + label:before {
        background: url(../images/sprite.png) -272px -215px no-repeat;
    }

    .form1 .radio-input input[type=radio] {
        display: none;
    }

    .form1 .radio-input label:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 21px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 1px;
        background: url(../images/sprite.png) 0px -82px no-repeat;
    }

    .form1 .radio-input input[type=radio]:checked + label:before {
        background: url(../images/sprite.png) 0px -60px no-repeat;
    }

.form1 .checkbox-input {
    position: relative;
    display: inline-block;
    padding-left: 24px;
}

    .form1 .checkbox-input.checkbox-inline {
        display: inline-block;
        margin-left: 0;
        margin-bottom: 10px;
        margin-right: 20px;
    }

    .form1 .checkbox-input.checkbox-block {
        display: block;
        margin-bottom: 16px;
        text-transform: capitalize;
    }

        .form1 .checkbox-input.checkbox-block label {
            font-weight: normal;
        }

    .form1 .checkbox-input label {
        font-size: 14px;
        margin: 0;
        line-height: 19px;
        cursor: pointer;
    }

    .form1 .checkbox-input input[type=checkbox] {
        display: none;
    }

    .form1 .checkbox-input label:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 21px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 1px;
        background: url(../images/sprite.png) 0px -13px no-repeat;
    }

    .form1 .checkbox-input input[type=checkbox]:checked + label:before {
        background: url(../images/sprite.png) 0px -37px no-repeat;
    }

.form1 .select {
    position: relative;
    display: block;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    min-height: 42px;
    height: auto;
    width: 100%;
}

    .form1 .select select {
        width: 100%;
        border: 0;
        background: #fff;
        padding: 0 40px 0 5px;
        height: 40px;
        font-size: 14px;
        color: rgba(0,0,0,0.8);
        position: relative;
        border-radius: 5px;
    }

    .form1 .select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }

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

    .form1 .select:after {
        z-index: 5;
        pointer-events: none;
        display: block;
        position: absolute;
        right: 20px;
        top: 18px;
        background: url(../images/sprite.png) 0px 0px no-repeat;
        width: 14px;
        height: 8px;
        content: "";
    }

.form-horizontal .control-label {
    padding-top: 8px;
}

    .form-horizontal .control-label.two-lines {
        padding-top: 0;
    }

.form1 .varification-field .reg-captcha {
    float: left;
}

.form1 .varification-field .form-control {
    width: 100px;
    text-align: center;
    height: 39px;
    padding-left: 10px !important;
    float: left;
    margin-right: 6px;
}

.modal .form1 .varification-field .form-control {
    width: 90px;
}

.form1 .varification-field .reg-frm-rfrs, .form1 .varification-field .captcha-rfrs {
    float: left;
    background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0;
    float: left;
    height: 40px;
    margin: -1px 0 0 8px;
    width: 40px;
}

    .form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover {
        background-position: 0 -40px;
    }

    .form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active {
        background-position: 0 -80px;
    }

.form1 .varification-field #imgCaptcha {
    float: left;
}

.form1 .varification-field.has-error {
    padding-bottom: 18px;
    position: relative;
}

    .form1 .varification-field.has-error .error_msg {
        position: absolute;
        left: 0;
        bottom: 0;
    }

.form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 22px;
}

.form1 .chosen-container-multi .chosen-choices {
    border: 0;
    border-radius: 4px;
    padding: 6px 6px 5px;
    background: #fff;
}

    .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        border: 1px solid #ccc;
        width: 12px;
        height: 12px;
    }

        .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
            color: #999;
            content: "x";
            display: block;
            font-size: 11px;
            left: 2px;
            position: absolute;
            top: -3px;
        }

    .form1 .chosen-container-multi .chosen-choices li.search-choice {
        padding: 2px 20px 4px 5px;
    }

.chosen-container .chosen-results li {
    font-size: 12px;
}

.form1 ul li.has-tooltip {
    position: relative;
}

.form-tooltip {
    position: absolute;
    width: 300px;
    background: #fff;
    right: -338px;
    padding-left: 32px;
    z-index: 100;
    display: none;
    top: 0;
}

    .form-tooltip h3, .form-tooltip h5 {
        margin-bottom: 4px;
    }

    .form-tooltip ul {
        list-style: outside !important;
        padding-left: 24px !important;
    }

        .form-tooltip ul li {
            margin-bottom: 8px !important;
        }

    .form-tooltip p {
        margin-bottom: 8px;
    }

    .form-tooltip:before {
        width: 16px;
        height: 28px;
        background: url("../images/sprite.png") -159px -339px no-repeat;
        display: block;
        position: absolute;
        left: -17px;
        top: 5px;
        content: "";
    }

.form-page .form1 .col-sm-9 .radio-input.radio-inline {
    padding-right: 0;
}

.form1 .characters-limit, .form1 textarea.characters-limit {
    padding-right: 60px;
}

.form1 .btn-group {
    display: block;
}

    .form1 .btn-group .select-option {
        display: block;
        float: left;
        width: 97px;
        margin-right: 20px;
    }

        .form1 .btn-group .select-option input[type="radio"] {
            visibility: hidden;
            position: absolute;
        }

        .form1 .btn-group .select-option label {
            display: block;
            cursor: pointer;
            margin: 0;
            background: #ffffff;
            border: 1px solid #e9e9e9;
            line-height: 50px;
            font-size: 14px;
            color: rgba(0,0,0,0.5);
            padding: 0 7px;
            border-radius: 5px;
            text-align: center;
        }

        .form1 .btn-group .select-option.active label {
            cursor: pointer;
            border-color: #00bfe7;
            background: #00bfe7;
            color: #fff;
        }

/*--- Has-error  --- */
.has-error .form-control, .has-error .form-control:focus, .has-error .select, .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single {
    border-color: #f65039 !important;
}

.has-error .form1 textarea.form-control {
    border-color: #f65039 !important;
}

/*--- Post --- */
.post {
    color: #000;
    font-size: 14px;
    line-height: 20px;
}

.inner-post {
    padding-left: 14px;
}

.post ul, .post ol {
    padding: 0px;
    margin-left: 20px;
}

.post li {
    margin-bottom: 10px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    padding-left: 16px;
    font-weight: 500;
}

.post .recent-grad ul li {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.students-placement {
    padding: 15px;
    border: 2px dashed #00bfe7;
    border-radius: 6px;
}

    .students-placement p {
        font-size: 18px;
        line-height: 30px;
        margin: 0px;
        color: #00bfe7;
        font-weight: normal;
    }

        .students-placement p br {
            display: none;
        }

/*--- Scroll --- */
.scroll {
    overflow: auto;
}

    .scroll .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
        background: #dce0e0;
    }

    .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #999999;
    }

    .scroll .mCSB_scrollTools .mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #999999 !important;
    }

    .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
        background-color: #4990d1;
    }

    .scroll .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
        background: none;
    }

    .scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #8a858d;
    }

    .scroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background: #8a858d;
    }

    .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        display: inline-block;
        text-align: right;
        margin: 0;
        margin-right: 1px;
    }

    .scroll .mCSB_inside > .mCSB_container {
        margin-right: 16px;
    }

    .scroll .mCSB_scrollTools .mCSB_draggerContainer {
        text-align: right;
    }

/*--- Tooltip --- */
.tooltip {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
}

    .tooltip.in {
        filter: alpha(opacity=100);
        opacity: 1
    }

.tooltip-inner {
    background: #ff9c00;
    padding: 6px 18px;
    color: #000;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ff9c00
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #ff9c00
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #ff9c00
}

.tooltip.right .tooltip-arrow {
    border-right-color: #ff9c00
}

.tooltip.left .tooltip-arrow {
    border-left-color: #ff9c00
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ff9c00
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #ff9c00
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #ff9c00
}

.tooltip.top {
    margin-top: 0;
}

    .tooltip.top .tooltip-arrow {
        margin-left: -8px;
        border-width: 8px 8px 0;
        bottom: 0px;
    }

.tooltip.right .tooltip-arrow {
    margin-top: -8px;
    border-width: 8px 8px 8px 0;
    left: -3px;
}

/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    opacity: 0.7 !important;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    opacity: 0.7 !important;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 0.7 !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    opacity: 0.7 !important;
}

/*--- Tabs1 --- */
/* nav-tabs */
.nav-tabs .nav-link {
    border: 0;
    color: #fff;
}

    .nav-tabs .nav-link:hover {
        color:;
    }

    .nav-tabs .nav-link.active {
        background: none;
        color: #fff;
    }

        .nav-tabs .nav-link.active:hover {
            color: #000080;
        }

.tabs1 .nav-tabs {
    border-bottom: 0;
    margin-bottom: 20px;
}

    .tabs1 .nav-tabs > li {
        margin-bottom: 0;
        margin-bottom: -1px;
        margin-right: 30px;
    }

        .tabs1 .nav-tabs > li > a {
            border-radius: 0;
            border: 0;
            font-size: 18px;
            min-width: 230px;
            line-height: 24px;
            text-align: center;
            color: rgba(0,0,0,0.5);
            border: 0;
            padding: 0px 15px 9px 15px;
            border-bottom: 0;
            margin: 0;
            font-weight: 500;
            border-bottom: 4px solid #f1f6fe;
        }

            .tabs1 .nav-tabs > li > a .icon {
                vertical-align: top;
                margin-right: 5px;
            }

            .tabs1 .nav-tabs > li > a:hover {
                background: none;
            }

        .tabs1 .nav-tabs > li.active > a, .tabs1 .nav-tabs > li.active > a:hover, .tabs1 .nav-tabs > li.active > a:focus {
            color: #000;
            background: none;
            border: none;
            border-bottom: 4px solid #00bfe7;
            outline: none;
        }

.tabs1 .nav > li > a:hover, .tabs1 .nav > li > a:focus {
    background: none;
}

.tabs1 .nav-tabs > li > a:hover {
    color: #000;
}

.tabs1.fee-tab {
    text-align: center;
}

    .tabs1.fee-tab .nav-tabs {
        margin-left: 0px;
    }

        .tabs1.fee-tab .nav-tabs > li {
            display: inline-block;
            float: none;
            margin: 0px;
            width: 49%;
            padding: 0px;
        }

            .tabs1.fee-tab .nav-tabs > li a {
                color: #000
            }

            .tabs1.fee-tab .nav-tabs > li.active > a, .tabs1.fee-tab .nav-tabs > li.active > a:hover, .tabs1.fee-tab .nav-tabs > li.active > a:focus {
                border-bottom: 4px solid #58cf00;
            }

.admissions-page .tabs1.fee-tab .nav-tabs > li.active > a, .admissions-page .tabs1.fee-tab .nav-tabs > li.active > a:hover, .admissions-page .tabs1.fee-tab .nav-tabs > li.active > a:focus {
    border-bottom: 4px solid #00c1a1;
}

/*--- Tabs2 --- */
.tabs2 .nav-tabs {
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 0px;
}

    .tabs2 .nav-tabs > li {
        margin-bottom: 0;
        margin-bottom: -1px;
    }

        .tabs2 .nav-tabs > li > a {
            border-radius: 0;
            border: 0;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            color: #424242;
            border: 0;
            padding: 20px 15px 12px 15px;
            border-bottom: 0;
            margin: 0;
            font-weight: bold;
            border-bottom: 2px solid #fff;
        }

            .tabs2 .nav-tabs > li > a .icon {
                vertical-align: top;
                margin-right: 5px;
            }

            .tabs2 .nav-tabs > li > a:hover {
                background: none;
            }

        .tabs2 .nav-tabs > li.active > a, .tabs2 .nav-tabs > li.active > a:hover, .tabs2 .nav-tabs > li.active > a:focus {
            color: #000;
            background: none;
            border: none;
            border-bottom: 4px solid #00bfe7;
            outline: none;
        }

.tabs2 .nav > li > a:hover, .tabs2 .nav > li > a:focus {
    background: none;
}

.tabs2 .nav-tabs > li > a:hover {
    color: #000;
}

.tabs2 .tab-content {
    padding: 20px;
}

/*--- Tabs3 --- */
.tabs3 .nav-tabs {
    border: none;
}

.tabs3 .tab-content {
    padding-top: 30px;
}

.tabs3 .nav-tabs li {
    float: none;
    display: inline-block;
    margin: 0px 10px;
}

    .tabs3 .nav-tabs li a {
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        padding: 14px 16px;
        border-radius: 30px;
        border: 1px solid #fff;
        min-width: 270px;
        font-weight: 500;
        margin: 0px;
    }

    .tabs3 .nav-tabs li:hover a {
        background: none;
    }

    .tabs3 .nav-tabs li.active a {
        color: #000;
        background: #fff;
    }

/*--- Tabs4 --- */
.tabs4 .nav-tabs {
    width: 550px;
    background: #fff;
    border-radius: 26px;
    padding: 4px;
    margin: 0px auto;
    border: 1px solid #dadada;
}

    .tabs4 .nav-tabs li {
        width: 50%;
        text-align: center;
        margin: 0px;
    }

        .tabs4 .nav-tabs li:last-child a, .tabs4 .nav-tabs li:first-child a {
            text-align: center;
        }

        .tabs4 .nav-tabs li:last-child.active a, .tabs4 .nav-tabs li:first-child.active a {
            text-align: left;
        }

        .tabs4 .nav-tabs li a {
            border: none;
            font-size: 16px;
            line-height: 42px;
            padding: 0px;
            border-radius: 21px;
            font-weight: 500;
            text-align: left;
            padding: 0px 6px;
            color: #000;
            margin-right: 0px;
        }

        .tabs4 .nav-tabs li:hover a {
            background: #fff;
        }

        .tabs4 .nav-tabs li a .fa {
            font-size: 32px;
            margin-right: 12px;
            display: none;
            vertical-align: middle;
        }

        .tabs4 .nav-tabs li.active a {
            background: #00bfe7;
            color: #fff;
            border: none;
        }

.tabs4.campus .nav-tabs li.active a {
    background: #fc654c;
    color: #fff;
    border: none;
}

.tabs4.about .nav-tabs li.active a {
    background: #ff9c00;
    color: #fff;
    border: none;
}

.tabs4 .nav-tabs li.active a .fa {
    display: inline-block;
}

.tabs4 .tab-content {
    padding-top: 40px;
}

/*--- Tabs5 --- */
.tabs5 .nav-tabs {
    border: 1px solid #dadada;
    border-radius: 28px;
    background: #fff;
    padding-bottom: 1px;
}

    .tabs5 .nav-tabs li a {
        border: none;
        border-radius: 0px;
        background: none;
        padding: 15px 18px;
        color: #424242;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        border-bottom: 4px solid #fff;
        display: inline-block;
        margin: 0px;
        text-align: center;
    }

    .tabs5 .nav-tabs li:first-child a {
        margin-left: 25px;
    }

    .tabs5 .nav-tabs li:last-child a {
        margin-right: 25px;
    }

    .tabs5 .nav-tabs li.active a {
        border: none;
        color: #fc654c;
        border-bottom: 4px solid #fc654c;
        background: none;
    }

.tabs5 .tab-content {
    padding-top: 20px;
}

.tabs5.about .nav-tabs li.active a {
    color: #000;
    border-bottom: 4px solid #ff9c00;
}

.tabs5.academics .nav-tabs li.active a {
    color: #000;
    border-bottom: 4px solid #00bfe7;
}

/*--- Country Tab --- */
.country-tab > span {
    float: left;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    margin-right: 10px;
    line-height: 34px;
}

.country-tab .nav-tabs {
    width: 260px;
    background: #fff;
    border-radius: 26px;
    border: none;
    padding: 2px;
    float: left;
}

    .country-tab .nav-tabs li {
        width: 50%;
        text-align: center;
        margin: 0px;
    }

        .country-tab .nav-tabs li:last-child a, .country-tab .nav-tabs li:first-child a {
            text-align: center;
        }

        .country-tab .nav-tabs li:last-child.active a, .country-tab .nav-tabs li:first-child.active a {
            text-align: left;
        }

        .country-tab .nav-tabs li a {
            border: none;
            font-size: 12px;
            line-height: 30px;
            padding: 0px;
            border-radius: 21px;
            font-weight: 500;
            text-align: left;
            padding: 0px 6px;
            color: #000;
            margin-right: 0px;
        }

        .country-tab .nav-tabs li:hover a {
            background: #fff;
        }

        .country-tab .nav-tabs li a .fa {
            font-size: 18px;
            margin-right: 12px;
            display: none;
            vertical-align: middle;
        }

        .country-tab .nav-tabs li.active a {
            background: #00bfe7;
            color: #fff;
            border: none;
        }

            .country-tab .nav-tabs li.active a .fa {
                display: inline-block;
            }

/*--- Programe Tab --- */
.programe-tab .nav-tabs > li {
    float: none;
    display: block;
    margin: 0px;
    border-bottom: 1px solid #dadada;
    position: relative;
}

    .programe-tab .nav-tabs > li.active:after {
        content: "";
        position: absolute;
        right: -30px;
        top: 28px;
        width: 0px;
        height: 0px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #e7ebfb;
        z-index: 10;
    }

    .programe-tab .nav-tabs > li.active, .programe-tab .nav-tabs > li.active a, .programe-tab .nav-tabs {
        border: none;
        border-bottom: 1px solid #dadada;
    }

        .programe-tab .nav-tabs > li:last-child {
            border: none;
        }

        .programe-tab .nav-tabs > li a {
            border: none;
            padding: 15px;
            border-radius: 0px;
            font-size: 16px;
            font-weight: 500;
            color: #000;
        }

        .programe-tab .nav-tabs > li.active a {
            color: #00c1a1;
            background: none;
        }

        .programe-tab .nav-tabs > li a .fa {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            line-height: 60px;
            color: #fff;
            font-size: 20px;
            text-align: center;
            margin-right: 10px;
        }

.programe-tab .box-default3 {
    border: none;
}

.programe-tab .nav-tabs > li:nth-child(1) .fa {
    background: #00bfe7;
}

.programe-tab .nav-tabs > li:nth-child(2) .fa {
    background: #00c1a1;
}

.programe-tab .nav-tabs > li:nth-child(3) .fa {
    background: #FC654C;
}

.programe-tab .nav-tabs > li:nth-child(4) .fa {
    background: #ff9c00;
}

.programe-tab .nav-tabs > li:nth-child(5) .fa {
    background: #ed027b;
}


.programe-tab .left-section {
    background: #e7ebfb;
    min-height: 683px;
}

.programe-tab .right-section {
    background: #fff;
    min-height: 683px;
}

    .programe-tab .right-section .inner-scroll {
        max-height: 446px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .programe-tab .right-section #faq .inner-scroll {
        max-height: 600px;
    }

/*--- Travel Steps --- */
.travel-steps {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    .travel-steps li {
        float: left;
        width: 23%;
        background: #fff;
        font-size: 14px;
        line-height: 21px;
        padding: 10px;
        border-radius: 5px;
        margin-right: 30px;
        margin-bottom: 30px;
        height: 100px;
        text-align: left;
        position: relative;
        font-weight: 500;
    }

        .travel-steps li:after {
            content: "";
            background: #fff;
            width: 30px;
            height: 1px;
            position: absolute;
            top: 50%;
            right: -30px;
        }

        .travel-steps li:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            border-left: 12px solid #fff;
            position: absolute;
            top: 50%;
            right: -12px;
            margin-top: -12px;
        }

        .travel-steps li:nth-child(4):before {
            transform: rotateZ(-270deg);
            right: auto;
            left: 50%;
            margin-left: -6px;
            bottom: -18px;
            top: auto;
        }

        .travel-steps li:nth-child(4) {
            margin-right: 0px;
        }

            .travel-steps li:nth-child(4):after {
                right: auto;
                bottom: -30px;
                top: auto;
                left: 50%;
                height: 30px;
                width: 1px;
            }

        .travel-steps li:nth-child(5) {
            float: right;
            margin-right: 0px;
        }

        .travel-steps li:nth-child(6), .travel-steps li:nth-child(7), .travel-steps li:nth-child(8) {
            float: right;
        }

            .travel-steps li:nth-child(5):after, .travel-steps li:nth-child(6):after, .travel-steps li:nth-child(7):after {
                right: auto;
                left: -30px;
            }

            .travel-steps li:nth-child(5):before, .travel-steps li:nth-child(6):before, .travel-steps li:nth-child(7):before {
                right: auto;
                left: -12px;
                border-right: 12px solid #fff;
                border-left: none;
            }

        .travel-steps li:last-child:after, .travel-steps li:last-child:before {
            display: none;
        }

/*--- Steps Tab --- */
.steps-tab .nav-tabs {
    border: none;
    margin-bottom: 20px;
}

    .steps-tab .nav-tabs > li {
        margin: 0px 15px 0px 0px;
        position: relative;
    }

        .steps-tab .nav-tabs > li:last-child {
            margin-right: 0px;
        }

        .steps-tab .nav-tabs > li a {
            border: none;
            border-radius: 6px;
            width: 75px;
            height: 75px;
            border: 1px solid #dadada;
            color: #000;
            font-size: 12px;
            font-weight: 500;
            line-height: 55px;
            margin: 0px auto;
            text-align: center;
            -webkit-transition: background-color 0.5s ease-out;
            -moz-transition: background-color 0.5s ease-out;
            -o-transition: background-color 0.5s ease-out;
            transition: background-color 0.5s ease-out;
        }

            .steps-tab .nav-tabs > li a:hover, .steps-tab .nav-tabs > li a:focus {
                border: none;
            }

        .steps-tab .nav-tabs > li.active a:hover, .steps-tab .nav-tabs > li.active a {
            background: #029c83;
            color: #fff;
            border: 1px solid #029c83;
        }

            .steps-tab .nav-tabs > li.active a:after {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 10px 0 10px;
                border-color: #029c83 transparent transparent;
                position: absolute;
                bottom: -9px;
                left: 50%;
                margin-left: -9px;
            }

        .steps-tab .nav-tabs > li:hover a {
            border: 1px solid #dadada;
        }

/*--- Course Info Nav --- */
.course-info-nav .fixed-items {
    display: none;
    padding: 7px 15px;
}

    .course-info-nav .fixed-items h6 {
        margin: 0px;
        padding-top: 10px;
        line-height: 15px;
        opacity: 0.6;
        font-weight: 500;
        font-size: 12px;
    }

.course-info-nav .col-sm-7 {
    width: 100%;
}

.course-info-nav {
    border-bottom: 1px solid #e5e5e5;
}

    .course-info-nav ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    .course-info-nav li {
        float: left;
        width: auto;
        padding-right: 0px;
    }

        .course-info-nav li a {
            display: block;
            font-size: 13px;
            line-height: 18px;
            text-align: center;
            color: #424242;
            padding: 20px 8px 12px 8px;
            border-bottom: 4px solid #fff;
            font-weight: bold;
        }

        .course-info-nav li:hover a, .course-info-nav li.active a {
            border-bottom: 4px solid #00bfe7
        }

    .course-info-nav.fixed {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        background: #fff;
        z-index: 101;
        text-align: center;
        border: none;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    }

        .course-info-nav.fixed ul {
            text-align: left;
        }

        .course-info-nav.fixed li {
            float: none;
            display: inline-block;
            width: auto;
        }

        .course-info-nav.fixed .fixed-items {
            display: block;
        }

        .course-info-nav.fixed .col-sm-7 {
            width: 50%;
        }

.course-info-details {
    padding: 20px;
}

    .course-info-details #recruiters {
        background: none;
    }

        .course-info-details #recruiters .slides {
            margin-bottom: 20px;
        }

        .course-info-details #recruiters .box-default {
            border: 1px solid #dadada;
            border-radius: 3px;
        }

        .course-info-details #recruiters .slider2 .previous-btn {
            left: -48px;
        }

        .course-info-details #recruiters .slider2 .next-btn {
            right: -48px;
        }

    .course-info-details.individual-course .post h5 {
        background: #f2f7ff;
        padding: 10px;
    }

    .course-info-details.individual-course .post {
        margin-bottom: 30px;
    }

        .course-info-details.individual-course .post:last-child {
            margin-bottom: 0px;
        }

    .course-info-details.individual-course .list li a {
        color: #000;
    }

/*--- Btn-file --- */
.btn-file .button5, .btn-file .button8, .btn-file .button14 {
    z-index: 10;
    pointer-events: none;
    background: #00bfe7;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    border-color: #00bfe7;
    border-radius: 5px;
}

.btn-file .button8 {
    background: #00c1a1;
}

.btn-file .button14 {
    background: #58cf00;
}

.btn-file input[type=file] {
    position: absolute;
    top: 2px;
    left: 44px;
    height: 34px;
    font-size: 13px;
    text-align: left;
    outline: none;
    cursor: inherit;
    display: block;
    background: none;
}

.btn-file {
    position: relative;
    display: block;
    height: 37px;
    margin-top: 0;
}

/*--- Table1 --- */
.table1 {
    width: 100%;
    background: #f2f7ff;
}

    .table1 tr th, .table1 tr td {
        padding: 10px 15px;
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .table1 tr th {
        font-weight: bold;
        padding-top: 20px;
    }

    .table1 tr:last-child td {
        padding-bottom: 20px;
    }

    .table1 tr th:first-child, .table1 tr td:first-child {
        padding-left: 20px;
    }

    .table1 tr th:last-child, .table1 tr td:last-child {
        padding-right: 20px;
    }

    .table1 tr th:last-child, .table1 tr td:last-child {
        text-align: center;
    }

    .table1 tr th small {
        font-size: 10px;
    }

/*--- Table2 --- */
.table2 {
    width: 100%;
}

    .table2 tr th, .table2 tr td {
        padding: 10px 15px;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        border: 1px solid #dadada;
    }

    .table2 tr th {
        font-weight: bold;
    }

        .table2 tr th:first-child, .table2 tr td:first-child {
            padding-left: 20px;
        }

        .table2 tr th:last-child, .table2 tr td:last-child {
            text-align: right;
        }

/*--- Table3 --- */
.table3 {
    width: 100%;
}

    .table3 tr th, .table3 tr td {
        padding: 10px 15px;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        border: 1px solid #dadada;
    }

    .table3 tr th {
        font-weight: bold;
    }

        .table3 tr th:first-child, .table2 tr td:first-child {
            padding-left: 20px;
        }

/*--- Box Default --- */
.box-default {
    background: #fff;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

    .box-default.no-padding {
        padding: 0;
    }

/*--- Box Default1 --- */
.box-default1 {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
    border-radius: 6px;
}

    .box-default1.padding {
        padding: 16px;
    }

    .box-default1 .content-wrapper {
        border-bottom: 1px solid #e0e0e0;
        padding: 12px;
    }

        .box-default1 .content-wrapper:last-child {
            border: none;
        }

/*--- Box Default2 --- */
.box-default2 {
    padding: 20px;
    background: #f2f7ff;
}

/*--- Box Default3 --- */
.box-default3 {
    background: #fff;
    padding: 20px;
    border: 1px solid #dadada;
}

    .box-default3.single-accordion {
        padding-bottom: 0px;
    }

        .box-default3.single-accordion .accordion.accordion1 .panel-heading .accordion-toggle {
            padding-top: 0px;
        }

            .box-default3.single-accordion .accordion.accordion1 .panel-heading .accordion-toggle.collapsed:after, .box-default3.single-accordion .accordion.accordion1 .panel-heading .accordion-toggle:after {
                top: 0px;
            }

    .box-default3 p.info {
        color: #ff9c00;
        font-size: 16px;
        font-style: italic;
    }

    .box-default3 p .image {
        width: 100%;
    }

    .box-default3 h4 {
        font-size: 20px;
    }

        .box-default3 h4 .back-btn {
            float: right;
            margin-left: 8px;
            font-size: 13px;
            font-weight: normal;
        }

    .box-default3 .content-block iframe {
        width: 100%;
        min-height: 650px;
    }

/*--- List1 --- */
.list1 {
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

    .list1 li {
        margin-bottom: 15px;
        padding-left: 16px;
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
    }

        .list1 li a {
            color: #000;
            transition: all 0.3s ease 0s;
        }

/*--- List2 --- */
.list2 {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 15px;
}

    .list2 li {
        font-size: 13px;
        color: #000;
        line-height: 22px;
        font-weight: 500;
        position: relative;
        padding-left: 16px;
        margin-bottom: 0px;
    }

    .list2.extra-space li {
        margin-bottom: 15px;
    }

        .list2.extra-space li:last-child {
            margin-bottom: 0px;
        }

    .list2 li .fa-angle-right {
        color: #7a7a7a;
        position: absolute;
        top: 3px;
        left: 0px;
    }

/*--- List3 --- */
.list3 {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 60px;
}

    .list3 li {
        position: relative;
    }

        .list3 li:before {
            content: "";
            display: block;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            border: 1px solid #fc654c;
            position: absolute;
            left: -60px;
            top: 0px;
            background: #fff;
        }

    .list3.about li:before {
        border: 1px solid #ff9c00;
    }

    .list3 li:after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        left: -48px;
        top: 24px;
        background: #fc654c;
    }

    .list3.about li:after {
        background: #ff9c00;
    }

    .list3 h6 {
        margin-bottom: 4px;
    }

    .list3 p {
        padding-bottom: 20px;
        border-bottom: 1px solid #dadada;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .list3 li:last-child:after {
        display: none;
    }

/*--- List4 --- */
.list4 {
    list-style-type: none;
    margin: 0px !important;
    counter-reset: item;
}

    .list4 li {
        padding-left: 45px !important;
        position: relative;
        counter-increment: item;
        margin-bottom: 20px;
    }

        .list4 li:before {
            content: counter(item);
            display: inline-block;
            text-align: center;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #58cf00;
            color: #fff;
            line-height: 30px;
            position: absolute;
            left: 0px;
            top: -6px;
            z-index: 2;
        }

        .list4 li:after {
            content: "";
            display: inline-block;
            width: 1px;
            height: 100%;
            background: #58cf00;
            position: absolute;
            left: 15px;
            top: 22px;
        }

        .list4 li .content {
            margin-left: 40px;
        }

        .list4 li:last-child:after {
            display: none;
        }

/*--- Button1 --- */
.button1 {
    border-radius: 21px;
    background: #fff;
    color: #000 !important;
    border: 0;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button1:hover, .button1:focus, .button1:active {
        color: #000;
    }

/*--- Button2 --- */
.button2 {
    background: none;
    color: #fff !important;
    border-radius: 21px;
    border: solid 1px #fff;
    font-size: 12px;
    line-height: 19px;
    padding: 8px 22px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button2:hover, .button2:focus, .button2:active {
        color: #000 !important;
        background: #fff;
    }

/*--- Button3 --- */
.button3 {
    background: none;
    color: #00bfe7 !important;
    border-radius: 30px;
    border: solid 1px #00bfe7;
    font-size: 12px;
    line-height: 19px;
    padding: 8px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button3:hover, .button3:focus, .button3:active {
        color: #fff !important;
        background: #00bfe7
    }

    .button3 .icon-arrow-right-circle {
        margin-left: 20px;
        font-size: 24px;
        position: relative;
        right: -10px;
        vertical-align: middle;
    }

/*--- Button4 --- */
.button4 {
    background: none;
    color: #7a7a7a !important;
    border-radius: 30px;
    border: 1px solid rgba(51,51,51,0.3);
    font-size: 12px;
    line-height: 19px;
    padding: 8px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button4:hover, .button3:focus, .button3:active {
        color: #7a7a7a;
    }

/*--- Button5 --- */
.button5 {
    border-radius: 21px;
    background: #00bfe7;
    color: #fff !important;
    border: 0;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button5:hover, .button5:focus, .button5:active {
        color: #fff;
    }

/*--- Button6 --- */
.button6 {
    background: none;
    color: #00c1a1 !important;
    border-radius: 30px;
    border: solid 1px #00c1a1;
    font-size: 12px;
    line-height: 19px;
    padding: 8px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button6:hover, .button6:focus, .button6:active {
        color: #00c1a1;
    }

/*--- Button7 --- */
.button7 {
    border-radius: 21px;
    background: #fff;
    color: rgba(0,0,0,0.3) !important;
    border: 1px solid #dadada;
    font-size: 12px;
    line-height: 19px;
    padding: 8px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    box-shadow: none;
    min-width: 120px;
}

    .button7:hover, .button7:focus, .button7:active {
        color: rgba(0,0,0,0.3);
    }

/*--- Button8 --- */
.button8 {
    border-radius: 21px;
    background: #00c1a1;
    color: #fff !important;
    border: 0;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button8:hover, .button8:focus, .button8:active {
        color: #fff;
    }

/*--- Button9 --- */
.button9 {
    border-radius: 21px;
    background: #ff9c00;
    color: #fff !important;
    border: 0;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button9:hover, .button9:focus, .button9:active {
        color: #fff;
    }

/*--- Button10 --- */
.button10 {
    background: none;
    color: #ff9c00 !important;
    border-radius: 30px;
    border: solid 1px #ff9c00;
    font-size: 12px;
    line-height: 19px;
    padding: 8px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button10:hover, .button10:focus, .button10:active {
        color: #ff9c00;
    }

/*--- Button11 --- */
.button11 {
    border-radius: 21px;
    background: #fc654c;
    color: #fff !important;
    border: 0;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button11:hover, .button11:focus, .button11:active {
        color: #fff;
    }

/*--- Button12 --- */
.button12 {
    background: #fff;
    color: #fc654c !important;
    border-radius: 21px;
    border: solid 1px #fc654c;
    font-size: 12px;
    line-height: 19px;
    padding: 8px 22px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button12:hover, .button12:focus, .button12:active {
        color: #fc654c;
    }

/*--- Button13 --- */
.button13 {
    border-radius: 21px;
    background: #ed027b;
    color: #fff !important;
    border: 0;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button13:hover, .button13:focus, .button13:active {
        color: #fff;
    }

/*--- Button14 --- */
.button14 {
    border-radius: 21px;
    background: #58cf00;
    color: #fff !important;
    border: 0;
    font-size: 12px;
    line-height: 19px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button14:hover, .button14:focus, .button14:active {
        color: #fff;
    }

/*--- Button15 --- */
.button15 {
    background: none;
    color: #58cf00 !important;
    border-radius: 21px;
    border: solid 1px #58cf00;
    font-size: 12px;
    line-height: 19px;
    padding: 8px 22px;
    font-weight: bold;
    transition: all 0.3s ease 0s;
    outline: none;
    min-width: 120px;
}

    .button15:hover, .button15:focus, .button15:active {
        color: #fff !important;
        background: #58cf00;
    }

/*--- Success Message Box --- */
.success-message-box {
    background: #edf8f6;
    padding: 20px;
    position: absolute;
    right: 0px;
    max-width: 350px;
    border-radius: 5px 0px 0px 5px;
    margin-top: 20px;
    z-index: 100;
    display: none;
}

    .success-message-box p {
        margin: 0px;
        line-height: 22px;
    }

        .success-message-box p span {
            font-weight: bold;
            color: #00c1a1;
            font-size: 16px;
        }

/*--- Google Play Btn --- */
.google-play-btn {
    display: inline-block;
    padding: 15px 18px;
    background: #f2f7ff;
    border-radius: 5px;
    text-align: center;
    margin-right: 4px;
    line-height: 54px;
}

    .google-play-btn img {
        max-width: 150px;
    }

/*--- Share Btn --- */
.share-btn {
    display: inline-block;
    border-radius: 13px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 16px;
    color: #424242;
    text-align: center;
    padding: 5px 12px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}

    .share-btn .icons {
        color: #7a7a7a;
        margin-right: 6px;
    }

    .share-btn:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0px;
        width: 100px;
        height: 40px;
    }

/*Hot New Course*/
.hot-new {
    background-color: #FC654C;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 5px;
    position: absolute;
    left: 31px;
    top: -15px;
    font-weight: 500;
    padding: 4px 6px;
    float: right;
}

    .hot-new:before {
        width: 0;
        height: 0;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-top: 6px solid #FC654C;
        content: "";
        position: absolute;
        left: 39px;
        top: 22px;
    }

/*--- Token Input  --- */
ul.token-input-list-facebook {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 100%;
    border: 1px solid #dadada;
    min-height: 36px;
    cursor: text;
    font-size: 14px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
    border-radius: 3px;
    overflow: auto;
    padding: 1px 6px;
}

    ul.token-input-list-facebook li input {
        border: none !important;
        padding: 6px;
        background-color: #fff;
        -webkit-appearance: caret;
        line-height: 17px !important;
        min-width: 150px;
        height: 32px !important;
    }

li.token-input-token-facebook {
    overflow: hidden;
    height: auto !important;
    height: 24px;
    padding: 4px 8px;
    cursor: default;
    font-size: 11px;
    float: left;
    white-space: nowrap;
    font-weight: normal;
    color: #8a858d;
    border-radius: 3px;
    background: #f2f2f2;
    border: 0;
    padding: 2px 4px;
    margin: 3px 4px 3px 4px !important;
}

    li.token-input-token-facebook p {
        display: inline;
        padding: 0;
        margin: 0;
        text-transform: capitalize;
        font-size: 13px;
        color: #000;
        line-height: 22px;
    }

    li.token-input-token-facebook span {
        margin-left: 5px;
        font-weight: bold;
        cursor: pointer;
        font-size: 16px;
        color: #8a858d;
        line-height: 19px;
        position: relative;
        top: 1px;
    }

li.token-input-selected-token-facebook {
    background-color: #f2f2f2;
    border: 1px solid #dadada;
    color: #8a858d;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 343px;
    max-height: 229px;
    overflow: auto;
    background-color: #fff;
    border: 1px solid #dadada;
    cursor: default;
    font-size: 14px;
    z-index: 2000;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.modal-open div.token-input-dropdown-facebook {
    width: 246px;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    color: #000;
    font-size: 12px;
    text-align: left;
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0
}

    div.token-input-dropdown-facebook ul li {
        background-color: #fff;
        padding: 4px 12px 5px;
        margin: 0;
        list-style-type: none;
        color: #000;
        font-size: 14px;
        text-align: left;
        font-weight: normal;
    }

        div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
            background-color: #fff;
            color: #8a858d;
            font-size: 14px;
            font-weight: normal;
        }

        div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
            background-color: #fff;
        }

        div.token-input-dropdown-facebook ul li em {
            font-weight: normal;
            font-style: normal
        }

        div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
            background-color: #f2f2f2;
            color: #000;
        }

/*--- Ui-autocomplete --- */
.ui-autocomplete {
    border: 1px solid #dadada;
    max-height: 300px;
    max-width: 300px;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    font-size: 12px;
}

    .ui-autocomplete .ui-menu-item {
        padding: 3px 3px 4px;
        border: 1px solid #fff;
        color: #8c8c8c;
        font-weight: 300;
    }

        .ui-autocomplete .ui-menu-item.ui-state-focus {
            background: #2f94d7;
            color: #fff;
        }

/*--- Autocomplete --- */
#autocomplete {
    position: absolute;
    background: #fff;
    z-index: 100;
    border: 1px solid #dadada;
    max-height: 229px;
    overflow: auto;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    width: 343px;
}

    #autocomplete ul li:last-child {
        border-bottom: 0;
    }

    #autocomplete ul li {
        padding: 5px 12px;
        background: #fff !important;
        font-size: 14px;
        color: #000 !important;
        margin-bottom: 0 !important;
        font-weight: normal;
        display: block;
    }

        #autocomplete ul li:hover {
            background: #f2f2f2 !important;
        }

        #autocomplete ul li strong {
            color: #000;
        }

/*--- Top Bar --- */
.top-bar {
    background: #002855;
    padding: 8px 0px;
}

    .top-bar .container-fluid {
        padding: 0px 27px;
    }

/*--- Top Navigation --- */
.top-navigation {
    float: right;
    padding-top: 6px;
}

    .top-navigation .custom-dropdown {
        display: inline-block;
        margin-right: 20px;
    }

        .top-navigation .custom-dropdown .dropdown-menu {
            top: 36px;
            border-radius: 0px 0px 5px 5px;
            -webkit-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            -ms-transition: all 200ms ease-in;
            -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
            left: auto;
        }

        .top-navigation .custom-dropdown.language .dropdown-menu {
            min-width: 150px;
        }

        .top-navigation .custom-dropdown.contact .dropdown-menu {
            min-width: 400px;
        }

        .top-navigation .custom-dropdown.login .dropdown-menu {
            min-width: 260px;
        }

        .top-navigation .custom-dropdown .dropdown-menu li.contact-us {
            padding: 20px;
        }

            .top-navigation .custom-dropdown .dropdown-menu li.contact-us h6 {
                margin-bottom: 4px;
                font-weight: 500;
                color: #00bfe7;
            }

            .top-navigation .custom-dropdown .dropdown-menu li.contact-us p {
                margin-bottom: 15px;
                font-weight: normal;
            }

                .top-navigation .custom-dropdown .dropdown-menu li.contact-us p a {
                    color: #000;
                    text-decoration: none;
                }

                .top-navigation .custom-dropdown .dropdown-menu li.contact-us p:last-child {
                    margin-bottom: 0px;
                }

        .top-navigation .custom-dropdown > a {
            color: #fff;
            text-decoration: none;
            font-size: 11px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .top-navigation .custom-dropdown:last-child {
            margin-right: 0px;
        }

    .top-navigation .round {
        margin-left: 8px;
        width: 18px;
        height: 18px;
        background: rgba(255,255,255,0.6);
        line-height: 18px;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
    }

    .top-navigation .fa {
        opacity: 1;
        color: rgba(255,255,255,0.6);
        position: relative;
    }

    .top-navigation .round .fa-chevron-up {
        display: none;
    }

    .top-navigation .custom-dropdown.open .fa-chevron-up {
        display: inline-block;
        top: -2px;
    }

    .top-navigation .custom-dropdown.open .fa-chevron-down {
        display: none;
    }

/*--- Header --- */
#student-category {
    background: #fff;
    padding: 8px 0;
    position: fixed;
    left: 0;
    top: -1000px;
    width: 100%;
    z-index: 1002;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    padding: 60px;
}

    #student-category button.close {
        font-size: 36px;
        line-height: 36px;
        color: #000;
        opacity: 1;
        float: none;
        position: absolute;
        right: 30px;
        top: 30px;
    }

        #student-category button.close:hover, #student-category button.close:focus {
            opacity: 1;
        }

    #student-category.sticky {
        top: 0px;
        -webkit-transition: 1s all ease;
        -moz-transition: 1s all ease;
        transition: 1s all ease;
    }

    #student-category .inner {
        width: 650px;
        margin: 0px auto;
        text-align: center;
    }

        #student-category .inner span {
            font-size: 16px;
            line-height: 22px;
            font-weight: 500;
            margin-right: 5px;
            position: relative;
            top: 2px;
        }

        #student-category .inner .btn {
            min-width: 180px;
        }

        #student-category .inner .button3 {
            margin-right: 5px;
        }

/*--- Header --- */
#header .container-fluid {
    padding: 0px 27px;
}

#header .logo {
    float: left;
    padding: 10px 10px 10px 0px;
}

    #header .logo .fixed-header-logo {
        opacity: 0;
        width: 0px;
    }

#header.fixed .logo .fixed-header-logo {
    width: auto;
    opacity: 1;
}

#header.fixed .logo .home-logo {
    opacity: 0;
    width: 0px;
}

#header.fixed.dark .logo .fixed-header-logo {
    opacity: 0;
    width: 0px;
}

#header.fixed.dark .logo .home-logo {
    opacity: 1;
    width: auto;
}

#header .logo img {
    height: 40px;
}

#header .user-area {
    float: right;
}

    #header .user-area ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #header .user-area ul li {
            float: left;
        }

            #header .user-area ul li:last-child {
                margin-right: 0px;
            }

            #header .user-area ul li a {
                line-height: 60px;
                font-size: 12px;
                color: #000;
                display: inline-block;
                padding: 0px 15px;
                border-left: 1px solid rgba(0,0,0,0.1);
                font-weight: 500;
                transition: all 0.3s ease 0s;
            }

            #header .user-area ul li:hover a {
                color: #00bfe7;
            }

            #header .user-area ul li a .fa-search {
                font-size: 22px;
                color: #000;
                position: relative;
                top: 4px;
            }

            #header .user-area ul li:hover a .fa-search {
                color: #00bfe7;
            }

            #header .user-area ul li:last-child a {
                padding: 0px 9px 0px 15px;
            }

    #header .user-area .category-menu {
        position: relative;
        min-width: 60px;
    }

        #header .user-area .category-menu > a {
            display: block;
            text-align: center;
        }

        #header .user-area .category-menu .category-content {
            box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
            text-align: left;
            padding: 15px;
            pointer-events: none;
            position: absolute;
            right: 0px;
            top: auto;
            background: #fff;
            width: 250px;
            z-index: 100;
            opacity: 0;
            -webkit-transition: visibility cubic-bezier(0.86, 0, 0.07, 1) 500ms, opacity cubic-bezier(0.86, 0, 0.07, 1) 500ms;
            transition: visibility cubic-bezier(0.86, 0, 0.07, 1) 500ms, opacity cubic-bezier(0.86, 0, 0.07, 1) 500ms;
        }

        #header .user-area .category-menu:hover {
            background: #fff;
        }

            #header .user-area .category-menu:hover .category-content {
                opacity: 1;
                pointer-events: auto;
            }

        #header .user-area .category-menu:hover {
            background: #fff;
        }

    #header .user-area ul li:hover .category-content li a {
        color: #000;
    }

    #header .user-area ul li .category-content li:hover a {
        color: #00bfe7;
    }

    #header .user-area .category-menu .category-content h6 {
        margin-bottom: 10px;
    }

    #header .user-area .category-menu .category-content ul {
        margin-bottom: 10px;
    }

        #header .user-area .category-menu .category-content ul:last-child {
            margin-bottom: 0px;
        }

        #header .user-area .category-menu .category-content ul li {
            float: none;
            margin-bottom: 5px;
        }

            #header .user-area .category-menu .category-content ul li a {
                color: #000;
                font-size: 12px;
                line-height: 18px;
                padding: 0px 10px;
                border: none;
            }

    #header .user-area .category-menu .category-content .menu-quick-links li {
        margin: 0px -15px;
    }

        #header .user-area .category-menu .category-content .menu-quick-links li:first-child a {
            border-bottom: 1px solid #fff;
        }

        #header .user-area .category-menu .category-content .menu-quick-links li:hover a, #header .user-area .category-menu .category-content .menu-quick-links li:hover a .fa {
            color: #000;
        }

    #header .user-area .category-menu .category-content .menu-quick-links {
        margin-bottom: -15px;
    }

        #header .user-area .category-menu .category-content .menu-quick-links li a {
            background: #f2f7ff;
            display: block;
            padding: 8px 15px;
        }

            #header .user-area .category-menu .category-content .menu-quick-links li a .fa {
                margin-right: 8px;
            }

    #header .user-area ul li a svg {
        width: 20px;
        height: 20px;
        position: relative;
        top: 9px;
        z-index: 5;
    }

        #header .user-area ul li a svg .circle-color {
            fill: #000;
        }

        #header .user-area ul li a svg .circle-stroke {
            stroke: #000;
        }

    #header .user-area .category-menu:hover svg .circle-color {
        fill: #000;
    }

    #header .user-area .category-menu:hover svg .circle-stroke {
        stroke: #000;
    }

/* national international ---------------------- */
#national-international {
    float: left;
    padding: 22px 15px 15px 0px;
}

    #national-international .dropdown-menu {
        border-radius: 0px 0px 4px 4px;
        top: 20px;
        padding: 15px;
    }

    #national-international #dLabel {
        background: none;
        border: none;
        box-shadow: none;
        color: #000;
        font-size: 10px;
        font-weight: 500;
        padding: 0px;
    }

    #national-international .country-tab > span {
        color: #000;
        display: block;
        margin-right: 0px;
        text-align: center;
        float: none;
        line-height: 14px;
        margin-bottom: 10px;
    }

    #national-international .country-tab .nav-tabs {
        background: rgba(0,0,0,0.1);
    }

        #national-international .country-tab .nav-tabs li:hover a {
            background: none;
        }

        #national-international .country-tab .nav-tabs li.active:hover a {
            background: #00bfe7;
        }

/* Main-navigation ---------------------- */
#main-navigation ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    #main-navigation ul li {
        float: left;
        margin-right: 8px;
    }

        #main-navigation ul li.quick-links {
            float: right;
        }

        #main-navigation ul li .icon-arrow-right {
            font-size: 10px;
        }

        #main-navigation ul li:last-child {
            margin-right: 0px;
        }

        #main-navigation ul li a.nav-path-selected {
            line-height: 52px;
            font-size: 12px;
            color: #000;
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            border-bottom: 4px solid transparent;
            padding: 0px 15px;
            border-top: 4px solid transparent;
            transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
            -webkit-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
            -moz-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
            -o-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
            -ms-transition: opacity .6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
        }

        #main-navigation ul li.academics:hover a.nav-path-selected, #main-navigation ul li.academics.active a.nav-path-selected {
            color: #00bfe7;
            border-bottom: 4px solid #00bfe7;
            background: none;
        }

        #main-navigation ul li.admissions:hover a.nav-path-selected, #main-navigation ul li.admissions.active a.nav-path-selected {
            color: #00c1a1;
            border-bottom: 4px solid #00c1a1;
            font-weight: bold;
            background: none;
        }

        #main-navigation ul li.campuslife:hover a.nav-path-selected, #main-navigation ul li.campuslife.active a.nav-path-selected, #main-navigation ul li.campuslife:hover a.nav-path-selected, #main-navigation ul li.campuslife.active a.nav-path-selected {
            color: #FC654C;
            border-bottom: 4px solid #FC654C;
            font-weight: bold;
            background: none;
        }

        #main-navigation ul li.about:hover a.nav-path-selected, #main-navigation ul li.about.active a.nav-path-selected {
            color: #ff9c00;
            border-bottom: 4px solid #ff9c00;
            font-weight: bold;
            background: none;
        }

        #main-navigation ul li.connect:hover a.nav-path-selected, #main-navigation ul li.connect.active a.nav-path-selected {
            color: #ed027b;
            border-bottom: 4px solid #ed027b;
            font-weight: bold;
            background: none;
        }

        #main-navigation ul li.international:hover a.nav-path-selected, #main-navigation ul li.international.active a.nav-path-selected {
            color: #58cf00;
            border-bottom: 4px solid #58cf00;
            font-weight: bold;
            background: none;
        }

        #main-navigation ul li.academics .dropdown .sub-menu-listing li:hover a {
            color: #00bfe7;
        }

        #main-navigation ul li.admissions .dropdown .sub-menu-listing li:hover a {
            color: #00c1a1;
        }

        #main-navigation ul li.campuslife .dropdown .sub-menu-listing li:hover a {
            color: #FC654C;
        }

        #main-navigation ul li.about .dropdown .sub-menu-listing li:hover a {
            color: #ff9c00;
        }

        #main-navigation ul li.connect .dropdown .sub-menu-listing li:hover a {
            color: #ed027b;
        }

        #main-navigation ul li.international .dropdown .sub-menu-listing li:hover a {
            color: #58cf00;
        }

#main-navigation .dropdown {
    position: absolute;
    left: 0px;
    width: 100%;
    background: #fff;
    top: -10000px;
    z-index: -1;
    z-index: 20;
    opacity: 0;
    border-top: 1px solid #e5e5e5;
    padding: 27px;
    box-shadow: 0px 11px 11px -11px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 11px 11px -11px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 11px 11px -11px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

#main-navigation ul li:hover .dropdown {
    opacity: 1;
    top: auto;
    z-index: 1000;
}

#main-navigation ul li .dropdown .apply-btn {
    margin-top: 20px;
}

#main-navigation .dropdown .sub-menu li {
    width: 20%;
    display: inline-block;
    margin-right: 0px;
    padding-right: 35px;
}

    #main-navigation .dropdown .sub-menu li h3 {
        font-size: 14px;
        line-height: 18px;
        color: #000;
        text-transform: uppercase;
        margin-bottom: 6px;
    }

#main-navigation .dropdown .sub-menu-listing li {
    width: 100%;
    display: block;
    padding-right: 0px;
    margin-bottom: 10px;
}

    #main-navigation .dropdown .sub-menu-listing li:last-child {
        margin-bottom: 0px;
    }

    #main-navigation .dropdown .sub-menu-listing li a {
        font-size: 13px;
        line-height: 18px;
        color: #000;
        font-weight: normal;
    }

#main-navigation .menu-btn {
    display: none;
    border: 0px;
    position: absolute;
    float: right;
    left: 125px;
    top: 51px;
    display: none;
    background: none;
    box-shadow: none;
}

#main-navigation ul li:hover ul {
    display: block;
}

.home #main-navigation .menu-btn {
    top: 19px;
    left: 125px;
}

.home #main-navigation > ul {
    top: 100px;
}

.home #header.fixed #main-navigation .menu-btn {
    top: 19px;
}

.home #header.fixed #main-navigation > ul {
    top: 61px;
}

#main-navigation .menu-btn span.line {
    display: block;
    height: 3px;
    width: 25px;
    position: relative;
    margin: 4px 0;
    background: #000;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.home #header.fixed.dark #main-navigation .menu-btn span.line {
    background: #fff;
}

.home #header.fixed #main-navigation .menu-btn span.line {
    background: #000;
}

#main-navigation .menu-btn.active span.line:nth-child(2n) {
    opacity: 0;
}

#main-navigation .menu-btn.active span.line:first-child {
    -ms-transform: rotate(38deg);
    -webkit-transform: rotate(38deg);
    transform: rotate(38deg);
    top: 8px;
}

#main-navigation .menu-btn.active span.line:last-child {
    -ms-transform: rotate(-38deg);
    -webkit-transform: rotate(-38deg);
    transform: rotate(-38deg);
    bottom: 6px;
}

/* Secondary Navigation ---------------------- */
#secondary-navigation {
    border: 1px solid #e5e5e5;
    margin-bottom: 34px;
    background: #fff;
}

    #secondary-navigation .header {
        padding: 20px;
        border-bottom: 1px solid #e5e5e5;
        border-top: 5px solid #00bfe7;
    }

    #secondary-navigation h5 .icon-arrow-left {
        font-size: 16px;
        color: #676767;
        float: left;
        min-height: 22px;
    }

    #secondary-navigation h5 {
        margin: 0px;
        position: relative;
    }

        #secondary-navigation h5 a {
            color: #000;
            text-decoration: none;
        }

    #secondary-navigation ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #secondary-navigation ul li {
            border-bottom: 1px solid #e5e5e5;
            position: relative;
        }

            #secondary-navigation ul li > a {
                display: block;
                padding: 12px 12px 12px 40px;
                font-size: 13px;
                font-weight: 500;
                color: #000;
            }

            #secondary-navigation ul li.active > a, #secondary-navigation ul li:hover > a {
                color: #fff;
                background: #00bfe7;
            }

            #secondary-navigation ul li a .fa-angle-right, #secondary-navigation ul li a .fa-angle-down {
                margin-right: 8px;
                color: #676767;
                position: absolute;
                top: 15px;
                left: 30px;
                margin: 0px;
            }

            #secondary-navigation ul li.active a .fa-angle-right, #secondary-navigation ul li.active a .fa-angle-down, #secondary-navigation ul li:hover a .fa-angle-right {
                color: #fff;
            }

            #secondary-navigation ul li:last-child {
                border: none;
            }

    #secondary-navigation #accordion {
        padding-top: 14px;
        margin: 0px;
    }

        #secondary-navigation #accordion .panel {
            border: none;
            box-shadow: none;
            margin: 0px;
        }

            #secondary-navigation #accordion .panel .panel-title {
                font-size: 13px;
                line-height: 16px;
            }

                #secondary-navigation #accordion .panel .panel-title a {
                    text-decoration: none;
                }

                    #secondary-navigation #accordion .panel .panel-title a:focus, #secondary-navigation #accordion .panel .panel-title a:active, #secondary-navigation #accordion .panel .panel-title a:hover {
                        color: #000;
                    }

        #secondary-navigation #accordion .panel-default > .panel-heading {
            border: none;
            background: none;
            color: #000;
            padding: 0px 20px 14px 45px;
        }

            #secondary-navigation #accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
                border: none;
                padding: 0px;
            }

        #secondary-navigation #accordion .view-map {
            margin-bottom: 14px;
            border: none;
            border-bottom: 1px solid #dadada;
            border-radius: 0px;
            margin-top: -14px;
        }

            #secondary-navigation #accordion .view-map select {
                padding-left: 14px;
            }

        #secondary-navigation #accordion ul {
            padding: 0px 20px 0px 20px;
        }

            #secondary-navigation #accordion ul li {
                padding: 0px;
                border: none;
                margin-bottom: 14px;
            }

                #secondary-navigation #accordion ul li a {
                    padding: 0px;
                    color: #000;
                    font-size: 13px;
                    font-weight: 500;
                    position: relative;
                    padding-left: 16px;
                }

                    #secondary-navigation #accordion ul li a .fa-angle-right {
                        color: #7a7a7a;
                        position: absolute;
                        top: 2px;
                        left: 0px;
                    }

                #secondary-navigation #accordion ul li:hover a, #secondary-navigation #accordion ul li.active a {
                    background: none;
                    color: #00bfe7;
                }

body.campuslife-page #secondary-navigation ul li.active #accordion ul li a {
    color: #000;
}

body.campuslife-page #secondary-navigation ul li.active #accordion ul li:hover a {
    color: #fc654c;
}

body.campuslife-page #secondary-navigation ul li.active #accordion ul {
    padding-left: 35px;
}

body.admissions-page #secondary-navigation #accordion ul li:hover a, body.admissions-page #secondary-navigation #accordion ul li.active a {
    color: #00c1a1;
}

body.admissions-page #secondary-navigation .header {
    border-top: 5px solid #00c1a1;
}

body.admissions-page #secondary-navigation ul li.active > a, body.admissions-page #secondary-navigation ul li:hover > a {
    color: #fff;
    background: #00c1a1;
}

body.leadership-page #secondary-navigation #accordion ul li:hover a, body.leadership-page #secondary-navigation #accordion ul li.active a {
    color: #ff9c00;
}

body.leadership-page #secondary-navigation .header {
    border-top: 5px solid #ff9c00;
}

body.about-page #secondary-navigation #accordion ul li:hover a, body.about-page #secondary-navigation #accordion ul li.active a {
    color: #ff9c00;
}

body.about-page #secondary-navigation .header {
    border-top: 5px solid #ff9c00;
}

body.campuslife-page #secondary-navigation #accordion ul li:hover a, body.campuslife-page #secondary-navigation #accordion ul li.active a {
    color: #fc654c;
}

body.campuslife-page #secondary-navigation .header {
    border-top: 5px solid #fc654c;
}

body.connect-page #secondary-navigation #accordion ul li:hover a, body.connect-page #secondary-navigation #accordion ul li.active a {
    color: #ed027b;
}

body.connect-page #secondary-navigation .header {
    border-top: 5px solid #ed027b;
}

body.international-page #secondary-navigation #accordion ul li:hover a, body.international-page #secondary-navigation #accordion ul li.active a {
    color: #58cf00;
}

body.international-page #secondary-navigation .header {
    border-top: 5px solid #58cf00;
}

/* Breadcrumbs ---------------------- */
#breadcrumbs {
    padding-top: 25px;
    margin-bottom: 25px;
}

    #breadcrumbs a, #breadcrumbs .divider {
        color: #424242;
        font-weight: 500;
        font-size: 11px;
        line-height: 14px;
        display: inline-block;
        margin-right: 2px;
        text-decoration: none;
    }

        #breadcrumbs a:hover {
            text-decoration: underline;
        }

/* Banner ---------------------- */
#banner {
    background: url(../images/home-banner2.jpg) no-repeat;
    background-size: cover;
    position: relative;
    height: 100vh;
    width: 100%;
    display: table;
    overflow: hidden;
}

    #banner:after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%);
        radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%);
        display: block;
        z-index: 12;
    }

    #banner .banner-video {
        height: 100vh;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 10;
        width: 100%;
        object-fit: cover;
    }

    #banner .container {
        position: relative;
    }

    #banner .playpause {
        width: 50px;
        height: 50px;
        border: 2px solid rgba(255,255,255,0.8);
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 50px;
        z-index: 100;
        cursor: pointer;
        transition: all 0.3s ease 0s;
    }

        #banner .playpause .fa-play {
            display: none;
        }

        #banner .playpause.active .fa-play {
            display: inline-block;
        }

        #banner .playpause.active .fa-pause {
            display: none;
        }

        #banner .playpause:hover {
            background: #fff;
            color: #000;
        }

        #banner .playpause .fa {
            font-size: 16px;
            color: rgba(255,255,255,0.8);
            line-height: 46px;
            transition: none;
        }

        #banner .playpause:hover .fa {
            color: #000;
        }

    #banner .inner-content {
        padding-top: 200px;
        position: relative;
        text-align: center;
        overflow: hidden;
        z-index: 13;
    }

        #banner .inner-content .search-box {
            display: inline-block;
            border: 1px solid #fff;
            width: 220px;
            padding: 12px 15px;
            font-size: 16px;
            line-height: 24px;
            font-weight: bold;
            border-radius: 5px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            transition: all 0.3s ease 0s;
            background: rgba(0,0,0,0.3);
        }

            #banner .inner-content .search-box .fa {
                margin-left: 26px;
                transition: none;
            }

        #banner .inner-content h1 {
            color: #fff;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-weight: normal;
            text-shadow: #000 0 0 2px; /*animation:fadeOutRight 1s both;*/
            letter-spacing: 1px;
            font-size: 32px;
            line-height: 42px;
        }

        #banner .inner-content .slick-active h1 {
            animation: fadeInDown 1s both 1s;
        }

        #banner .inner-content p {
            font-size: 52px;
            color: #fff;
            padding-bottom: 5px; /*border-bottom:1px solid #fff;*/
            margin-bottom: 40px;
            line-height: 32px;
            animation: fadeInDown 1s both;
            font-weight: bold;
            display: inline-block;
            text-shadow: #000 0 0 1px;
        }

        #banner .inner-content .slick-active p {
            animation: fadeInDown 1s both 1s; /*  animation:fadeInLeft 1s both 1.5s;*/
        }

        #banner .inner-content .slick-active {
            animation: Slick-FastSwipeIn 1s both;
        }

    #banner .scroll-down {
        position: absolute;
        display: block;
        bottom: 30px;
        left: 0px;
        width: 100%;
        text-align: center;
        font-size: 32px;
        color: #fff;
        z-index: 15;
        -webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
        animation: avia_fade_move_down 2s ease-in-out infinite
    }

@-webkit-keyframes avia_fade_move_down {
    0% {
        -webkit-transform: translate(0,-20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(0,20px);
        opacity: 0
    }
}

@keyframes avia_fade_move_down {
    0% {
        transform: translate(0,-20px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: translate(0,20px);
        opacity: 0
    }
}

#banner .inner-content .search-box:hover {
    background: #fff;
    color: #000;
}

    #banner .inner-content .search-box:hover .fa {
        color: #000;
    }

#sharda-featured .slick-prev, #sharda-featured .slick-next, #sharda-featured .slick-dots {
    display: none !important;
}
/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn {
    0% {
        transform: rotate3d(0,1,0,150deg) scale(0) perspective(400px);
    }

    100% {
        transform: rotate3d(0,1,0,0deg) scale(1) perspective(400px);
    }
}

@-webkit-keyframes ProgressDots {
    from {
        width: 0px;
    }

    to {
        width: 100%;
    }
}

@keyframes ProgressDots {
    from {
        width: 0px;
    }

    to {
        width: 100%;
    }
}

/* Secondary Banner ---------------------- */
#secondary-banner {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    background-position: center center;
}

    #secondary-banner:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
        radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
        display: block;
    }

    #secondary-banner .video {
        width: 100%;
    }

    #secondary-banner.int-banner:after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%);
        radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 100%);
        display: block;
        z-index: 10;
    }

    #secondary-banner.int-banner .video {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 9;
        object-fit: fill;
        height: 100%;
    }

.dsw-banner {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 101;
}

#secondary-banner.int-banner .inner-content {
    position: relative;
    z-index: 11;
}

#secondary-banner .page-header {
    margin: 0px;
    border: none;
    background: #fc654c;
    padding: 20px 20px 20px 46px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

    #secondary-banner .page-header:after {
        content: " ";
        position: absolute;
        display: block;
        width: 200px;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 2;
        background: #fc654c;
        transform-origin: bottom left;
        -ms-transform: skew(-30deg, 0deg);
        -webkit-transform: skew(-30deg, 0deg);
        transform: skew(-30deg, 0deg);
    }

    #secondary-banner .page-header h2 {
        margin: 0px;
        color: #fff;
        font-size: 28px;
        line-height: 58px;
        text-transform: uppercase;
        position: relative;
        z-index: 10;
    }

#secondary-banner .inner-content {
    display: table;
    height: 410px; /*width:850px; margin:0px auto;*/
    position: relative;
    z-index: 2;
}

#secondary-banner.int-banner .inner-content {
    width: 100%;
}

#secondary-banner.int-banner {
    height: 600px;
}

#secondary-banner .inner-content .inner {
    display: table-cell;
    vertical-align: middle;
    height: 410px;
    width: 100%;
}

#secondary-banner.int-banner .inner-content .inner {
    height: 530px;
}

#secondary-banner.int-banner .inner-content h1 {
    font-size: 42px;
    line-height: 52px;
    text-shadow: #000 0 0 2px;
}

#secondary-banner .inner-content .button-group .button2.btn-lg, #secondary-banner .inner-content .button-group .button5.btn-lg {
    min-width: 195px;
    padding: 10px 20px;
    margin: 0px 4px;
}

#secondary-banner .inner-content h1 {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 25px;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px #000;
    text-align: left;
}

#secondary-banner.int-banner .inner-content h1 {
    text-align: center;
}

#secondary-banner .inner-content h5 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#secondary-banner .inner-content h6 a {
    color: #fff;
    text-decoration: none;
}

#secondary-banner .inner-content h6:hover a {
    text-decoration: underline;
}

#secondary-banner .inner-content .search-box {
    display: inline-block;
    border: 1px solid #fff;
    width: 200px;
    padding: 9px 20px;
    font-size: 12px;
    line-height: 21px;
    font-weight: bold;
    border-radius: 30px;
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    vertical-align: bottom;
    margin: 0px 4px;
}

    #secondary-banner .inner-content .search-box .fa {
        margin-left: 26px;
    }

    #secondary-banner .inner-content .search-box:hover {
        background: #fff;
        color: #000;
    }

        #secondary-banner .inner-content .search-box:hover .fa {
            color: #000;
        }

#secondary-banner.shedule h2 {
    margin-bottom: 30px;
    color: #fff;
}

#secondary-banner.shedule .inner-content {
    height: 285px;
}

    #secondary-banner.shedule .inner-content .inner {
        height: 285px;
    }

        #secondary-banner.shedule .inner-content .inner .button5 {
            min-width: 250px;
            font-size: 24px;
            padding: 14px 20px;
            line-height: 32px;
        }

#secondary-banner.triangle-banner {
    overflow: hidden;
    text-align: left;
}

    #secondary-banner.triangle-banner .container {
        position: relative;
    }

    #secondary-banner.triangle-banner:after {
        content: "";
        position: absolute;
        left: 0px;
        bottom: 0px;
        display: block;
        width: 0;
        height: 0;
        border-bottom: 1042px solid #00c1a1;
        border-right: 650px solid transparent;
        opacity: 0.5;
    }

    #secondary-banner.triangle-banner .inner-content {
        margin: 0px;
    }

    #secondary-banner.triangle-banner .button-group {
        padding-bottom: 40px;
    }

    #secondary-banner.triangle-banner .inner-content .inner {
        vertical-align: bottom;
    }

    #secondary-banner.triangle-banner #breadcrumbs {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 10;
    }

        #secondary-banner.triangle-banner #breadcrumbs a, #secondary-banner.triangle-banner #breadcrumbs .divider {
            color: #fff;
        }

    #secondary-banner.triangle-banner .inner-content .search-box, #secondary-banner.triangle-banner .inner-content .button1 {
        width: 187px;
    }

    #secondary-banner.triangle-banner .inner-content .search-box {
        margin-right: 10px;
    }

#secondary-banner.scholarship-banner {
    background-position: left center;
}

#secondary-banner.campus-banner.triangle-banner:after {
    border-bottom: 1042px solid #fc654C;
}

#secondary-banner.about-banner.triangle-banner:after {
    border-bottom: 1042px solid #ff9c00;
}

#secondary-banner.academic-banner.triangle-banner:after {
    border-bottom: 1042px solid #00bfe7;
}

#secondary-banner.career-banner p {
    color: #fff;
    font-size: 18px;
}

    #secondary-banner.career-banner p .fa {
        margin-right: 10px;
        min-width: 20px;
        text-align: center;
    }

    #secondary-banner.career-banner p a {
        color: #fff;
        text-decoration: none;
    }

    #secondary-banner.career-banner p:last-child {
        margin-bottom: 30px;
    }

/* Requirements ---------------------- */
#requirements2 .tabs2 .nav-tabs {
    margin-left: 0px;
    border-bottom: 1px solid #e5e5e5
}

    #requirements2 .tabs2 .nav-tabs > li {
        padding-left: 0px;
        width: 50%;
    }

        #requirements2 .tabs2 .nav-tabs > li a {
            font-size: 13px;
            padding-top: 0px;
        }

#requirements2 .tabs2 .tab-content {
    padding: 0px;
    padding-top: 20px;
}

#requirements2 .course-short-info ul li:first-child {
    padding-left: 0px;
}

#requirements2 #home ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    #requirements2 #home ul li {
        padding: 0px;
    }

#requirements2 .fee-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    #requirements2 .fee-list li .inner {
        background: #f9fbfe;
        padding: 10px;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
    }

/* Programme Structure ---------------------- */
#programme-structure .accordion.accordion .panel-title, #programme-curricula .accordion.accordion .panel-title {
    font-size: 14px;
    font-weight: 500;
}

#programme-structure .accordion.accordion1 .panel-heading .accordion-toggle, #programme-curricula .accordion.accordion1 .panel-heading .accordion-toggle {
    padding: 15px 30px;
}

    #programme-structure .accordion.accordion1 .panel-heading .accordion-toggle.collapsed:after, #programme-curricula .accordion.accordion1 .panel-heading .accordion-toggle.collapsed:after {
        top: 15px;
    }

    #programme-structure .accordion.accordion1 .panel-heading .accordion-toggle:after, #programme-curricula .accordion.accordion1 .panel-heading .accordion-toggle:after {
        top: 12px;
        font-size: 28px;
    }

#programme-structure .post {
    margin: 0px;
}

/* Faculty Banner ---------------------- */
#faculty-banner #breadcrumbs {
    margin-bottom: 100px;
}

#faculty-banner {
    background: url(../images/faculty.jpg) no-repeat;
    background-size: cover;
    height: 355px;
}

    #faculty-banner #breadcrumbs a, #faculty-banner #breadcrumbs .divider {
        color: #fff;
    }

    #faculty-banner .heading1 {
        font-size: 48px;
        line-height: 58px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 37px;
    }

    #faculty-banner .select-group .select {
        width: 307px;
        float: left;
        border: none;
    }

        #faculty-banner .select-group .select:first-child {
            margin-right: 20px;
        }

/* School Banner ---------------------- */
#school-banner {
    padding: 50px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    text-align: left;
}

    #school-banner:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
        radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
        display: block;
    }

    #school-banner .search-box {
        margin-right: 8px;
    }

        #school-banner .search-box .fa-search {
            margin-left: 8px;
        }

    #school-banner h5 {
        color: #fff;
        margin-bottom: 6px;
        text-transform: uppercase;
        text-shadow: 1px 1px 3px #000;
    }

    #school-banner h2 {
        color: #fff;
        text-transform: capitalize;
        text-shadow: 1px 1px 3px #000;
        margin-bottom: 30px;
        font-weight: 500;
        width: 100%;
    }

    #school-banner h1 {
        color: #fff;
        text-transform: capitalize;
        text-shadow: 1px 1px 3px #000;
        margin-bottom: 30px;
        font-weight: 500;
        width: 100%;
        font-size: 36px;
        line-height: 44px;
    }

    #school-banner .inner {
        height: 310px;
        display: table;
        width: 100%;
    }

        #school-banner .inner .inner-content {
            display: table-cell;
            width: 100%;
            vertical-align: middle;
        }

    #school-banner .enquery-form h5 {
        color: #000;
        font-size: 20px;
        margin-bottom: 15px;
        text-transform: none;
    }

.slick-slider #school-banner {
    padding: 0;
}
/* home-video ---------------------- */
#home-video .modal-dialog {
    width: 970px;
}

#home-video .close {
    position: absolute;
    right: -60px;
    top: 0px;
}

    #home-video .close .icons {
        color: #fff;
    }

#home-video .modal-content {
    background: none;
}

#home-video .modal-body {
    padding: 0px;
}

/* Featured List ---------------------- */
#featured-list {
    background: #fff;
    padding: 40px 0px;
    position: relative;
    text-align: center;
}

    #featured-list ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #featured-list ul li {
            display: inline-block;
            padding: 0px 25px;
        }

            #featured-list ul li .inner {
                width: 100px;
                height: 100px;
                border-radius: 50%;
                border: 5px solid #eaeaea;
                display: table;
                margin: 0px auto 15px auto;
                transition: -webkit-transform 0.25s ease-out,border-color 0.25s ease-out;
                transition: transform 0.25s ease-out,border-color 0.25s ease-out
            }

            #featured-list ul li:hover .inner {
                border-color: #59e2fe;
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }

            #featured-list ul li .inner .fa {
                font-size: 48px;
                line-height: 90px;
            }

            #featured-list ul li .inner a {
                display: block;
                text-decoration: none;
            }

            #featured-list ul li .inner figure {
                display: table-cell;
                vertical-align: middle;
            }

                #featured-list ul li .inner figure img {
                    max-height: 48px;
                }

            #featured-list ul li h6 {
                color: #000;
                margin: 0px;
                text-transform: uppercase;
                font-size: 12px;
            }

            #featured-list ul li.find .inner .fa {
                color: #ed027b;
            }

            #featured-list ul li.find:hover .inner {
                border-color: #ed027b;
            }

            #featured-list ul li.schools .inner .fa {
                color: #00bfe7;
            }

            #featured-list ul li.schools:hover .inner {
                border-color: #00bfe7;
            }

            #featured-list ul li.contact .inner .fa {
                color: #FC654C;
            }

            #featured-list ul li.contact:hover .inner {
                border-color: #FC654C;
            }

            #featured-list ul li.scholarship .inner .fa {
                color: #00c1a1;
            }

            #featured-list ul li.scholarship:hover .inner {
                border-color: #00c1a1;
            }

            #featured-list ul li.launchpad .inner .fa {
                color: #ff9c00;
            }

            #featured-list ul li.launchpad:hover .inner {
                border-color: #ff9c00;
            }

            #featured-list ul li.leadership .inner .fa {
                color: #ed027b;
            }

            #featured-list ul li.leadership:hover .inner {
                border-color: #ed027b;
            }

            #featured-list ul li.apply .inner .fa {
                color: #FC654C;
            }

            #featured-list ul li.apply:hover .inner {
                border-color: #FC654C;
            }

/* Featured List2 ---------------------- */
.featured-list2 {
    background: #f2f7ff;
    padding: 40px 0px;
}

    .featured-list2 .featured-slider .slick-list {
        overflow: hidden;
    }

    .featured-list2 .slick-slider1 .slick-prev:before {
        left: -65px;
        color: #dadada;
    }

    .featured-list2 .slick-slider1 .slick-next:before {
        right: -65px;
        color: #dadada;
    }

    .featured-list2 ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        padding-left: 50px;
    }

        .featured-list2 ul li .fa {
            float: left;
            border-radius: 50%;
            display: inline-block;
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 24px;
            color: #fff;
        }

        .featured-list2 ul li .detail {
            margin-left: 80px;
        }

            .featured-list2 ul li .detail h4 {
                margin-bottom: 4px;
                font-size: 20px;
            }

        .featured-list2 ul li.icon1 .fa {
            background: #00bfe7;
        }

        .featured-list2 ul li.icon2 .fa {
            background: #00c1a1;
        }

        .featured-list2 ul li.icon3 .fa {
            background: #FC654C;
        }

        .featured-list2 ul li.icon4 .fa {
            background: #ff9c00;
        }

        .featured-list2 ul li.icon5 .fa {
            background: #ed027b;
        }

        .featured-list2 ul li.icon6 .fa {
            background: #58cf00;
        }

        .featured-list2 ul li.icon7 .fa {
            background: #00bfe7;
        }

        .featured-list2 ul li.icon8 .fa {
            background: #00c1a1;
        }

        .featured-list2 ul li.icon9 .fa {
            background: #FC654C;
        }

/* Filters ---------------------- */
#filters {
    padding: 20px 0px;
    border-bottom: 1px solid #e9e9e9;
}

    #filters.fixed {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        background: #fff;
        z-index: 100;
    }

    /*--- Newsletter Form --- */
    #filters .search-box {
        border: 1px solid #E9E9E9;
        border-radius: 5px;
    }

        #filters .search-box form {
            position: relative;
        }

        #filters .search-box input[type="text"], .newsletter-form button {
            float: left;
            display: inline-block;
            height: 42px;
            line-height: 42px;
            border: none;
        }

        #filters .search-box input[type="text"] {
            width: 80%;
            background: none;
            color: #424242;
            padding: 0px 9px;
            font-size: 14px;
        }

        #filters .search-box button {
            width: 20%;
            text-align: center;
            background: #fff;
            border: none;
            padding: 12px 9px;
            position: relative;
            top: 2px;
            display: inline-block;
        }

            #filters .search-box button .fa {
                font-size: 14px;
                color: rgba(0,0,0,0.3);
            }

/* Filter Content ---------------------- */
.filter-content {
    padding: 50px 0px 45px 0px;
    background: #f2f7ff;
}

    .filter-content .user-box {
        margin-bottom: 30px;
    }

        .filter-content .user-box p {
            min-height: 32px;
        }

/* first letter ---------------------- */
.first-letter {
    font-size: 28px;
    line-height: 58px;
    font-weight: bold;
    color: #ff9c00;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

    .first-letter span {
        background: #f2f7ff;
        padding-right: 10px;
        position: relative;
        z-index: 1;
    }

    .first-letter:after {
        content: "";
        background: #e9e9e9;
        position: absolute;
        left: 65px;
        height: 1px;
        width: 100%;
        display: block;
        top: 50%;
    }

/* School Nav  ---------------------- */
.school-nav {
    margin-bottom: 40px;
}

    .school-nav ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        border: 1px solid #dadada;
        border-radius: 35px;
        padding: 25px 70px 0px 70px;
        text-align: center;
    }

        .school-nav ul li {
            display: inline-block;
        }

            .school-nav ul li a {
                font-size: 14px;
                line-height: 18px;
                color: #000;
                text-decoration: none;
                display: inline-block;
                border-bottom: 3px solid #fff;
                padding: 0px 10px 22px 10px;
                font-weight: 500;
            }

            .school-nav ul li.active a {
                border-bottom: 3px solid #00bfe7;
                color: #00bfe7;
            }

    .school-nav.global-nav ul li.active a {
        border-bottom: 3px solid #58cf00;
        color: #58cf00;
    }

    .school-nav ul li:first-child a {
        padding-left: 0px;
    }

    .school-nav.global-nav ul li:first-child a {
        padding-left: 10px;
    }

    .school-nav.fixed {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 110;
        background: #fff;
        border-bottom: 1px solid #dadada;
    }

        .school-nav.fixed ul {
            border-radius: 0px;
            text-align: center;
            border: 0px;
        }

            .school-nav.fixed ul li {
                float: none;
                display: inline-block;
            }

/* Alphabets ---------------------- */
.alphabets {
    padding-top: 10px;
}

    .alphabets .select {
        display: inline-block;
        width: auto;
    }

    .alphabets .title {
        margin-top: 8px;
    }

    .alphabets ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        float: left;
    }

        .alphabets ul li {
            float: left;
            margin-right: 4px;
            margin-bottom: 0px;
        }

            .alphabets ul li a {
                text-align: center;
                font-size: 14px;
                line-height: 22px;
                color: #000;
                display: block;
                position: relative;
                text-decoration: none;
                padding: 0px 10px;
                border-right: 1px solid #dadada;
            }

            .alphabets ul li.active a {
                color: #ff9c00;
            }

            .alphabets ul li:first-child a {
                padding-left: 0px;
            }

            .alphabets ul li:last-child a {
                border-right: none;
            }
/* 
.alphabets ul li a { text-align: center;  font-size: 16px; line-height: 25px; color: #000; text-transform: uppercase; display: inline-block; margin-left: 3px; height: 26px; width: 26px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; position: relative; text-decoration:none; }
.alphabets span{ font-size: 16px; color: #000; float:left; margin-right:10px; }
.alphabets a.disabled { opacity:0.2; pointer-events:none; }
.alphabets a:first-child { margin-left: 0; }
.alphabets a:hover,.alphabets a.active,.alphabets ul li.active a { background: #000000; color: #ffffff; }

/*--- Enquery Form --- */
.enquery-form {
    background: rgba(255,255,255,0.9);
    border-radius: 5px;
    border: 1px solid #979797;
    padding: 16px;
}

    .enquery-form .form1 ul {
        margin-bottom: 20px;
    }

    .enquery-form .btn {
        min-width: 170px;
        margin-bottom: 10px;
    }

    .enquery-form p {
        margin: 0px;
        font-size: 11px;
        line-height: 14px;
    }

    .enquery-form .form1 label {
        display: inline-block;
    }

    .enquery-form .form1 .btn-group {
        display: inline-block;
    }

        .enquery-form .form1 .btn-group .select-option {
            margin-left: 10px;
            margin-right: 0px;
            width: 83px;
        }

            .enquery-form .form1 .btn-group .select-option label {
                line-height: 42px;
            }

    .enquery-form .international-call {
        position: relative;
    }

        .enquery-form .international-call .form-control {
            padding-left: 85px;
        }

        .enquery-form .international-call .select {
            position: absolute;
            left: 6px;
            top: 0px;
            width: 70px;
            border-left: none;
            border-radius: 0px;
            height: 40px;
        }

            .enquery-form .international-call .select:after {
                top: 16px;
                right: 10px;
            }

            .enquery-form .international-call .select select {
                border-radius: 0px;
                height: 40px;
                padding-right: 26px;
                padding-left: 5px;
            }

    .enquery-form #request_success p {
        color: #26d974;
        margin-bottom: 4px;
    }

/*--- Select Ntion --- */
.select-nation {
    margin-bottom: 10px;
    text-align: right;
    padding-top: 14px;
}

    .select-nation .btn-primary {
        font-weight: 500;
        min-width: 120px;
        background-color: #fff;
        border-color: #dadada;
        color: #000;
        box-shadow: none;
        line-height: 16px;
        font-size: 13px;
    }

        .select-nation .btn-primary.focus, .select-nation .btn-primary:focus, .select-nation .btn-primary.active {
            border-color: #dadada;
            color: #fff;
            background-color: #00bfe7;
        }

    .select-nation span {
        font-weight: bold;
        font-size: 13px;
        margin-right: 4px;
        position: relative;
        top: 2px;
    }

/*--- OTP --- */
#otp {
    position: relative;
}

    #otp .send-otp {
        position: absolute;
        right: 10px;
        background: #26d974;
        padding: 5px;
        font-size: 12px;
        color: #fff;
        top: 9px;
        font-weight: 500;
        line-height: 13px;
    }

    #otp .form-control {
        padding-right: 88px;
    }

/*--- School Overview --- */
#school-overview {
    padding-bottom: 30px;
}

    #school-overview .hidden-txt {
        display: none;
    }

    #school-overview .read-more {
        font-weight: bold;
        text-decoration: none;
    }

        #school-overview .read-more .icons {
            margin-left: 8px;
        }

    #school-overview .scroll {
        max-height: 500px;
    }

/*--- Quick Facts --- */
#quick-facts {
    background: linear-gradient(180deg, #7594FF 0%, #61AEF4 100%);
    padding: 50px;
    text-align: center;
}

    #quick-facts ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #quick-facts ul li {
            float: left;
            width: 25%;
        }

    #quick-facts span {
        font-weight: bold;
        color: #fff;
        font-size: 42px;
    }

    #quick-facts p {
        margin: 0px;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
    }

/*--- Dean Msg --- */
#dean-msg {
    padding: 40px;
}

    #dean-msg .section {
        float: left;
        width: 50%;
        height: 300px;
    }

        #dean-msg .section:last-child {
            border: 1px solid #dadada;
            padding: 25px;
            overflow: auto;
        }

        #dean-msg .section.dean-img {
            width: 30%;
        }

        #dean-msg .section.dean-data {
            width: 70%;
        }

    #dean-msg figure {
        position: relative;
    }

        #dean-msg figure figcaption {
            position: absolute;
            bottom: 0px;
            left: 0px;
            padding: 15px;
            background: rgba(70,12,112,0.9);
            width: 100%; /*height:150px; clip-path:polygon(0px 0vw,100% 150px,100% 100%,0 100%);-webkit-clip-path:polygon(0px 0vw,100% 150px,100% 100%,0 100%);*/
        }

            #dean-msg figure figcaption p {
                color: #fff;
                font-size: 14px;
                line-height: 19px;
                left: 25px;
                bottom: 25px;
                margin: 0px;
                padding: 0 !important;
            }

                #dean-msg figure figcaption p small {
                    display: block;
                }

        #dean-msg figure img {
            height: 300px;
            width: 100%;
            object-fit: cover;
            object-position: top;
        }

.about-page #dean-msg figure figcaption {
    background: rgba(221,177,42,0.9);
}

.academics-page #dean-msg figure figcaption {
    background: rgba(0,191,231,0.9);
}

.campuslife-page #dean-msg figure figcaption {
    background: rgba(252,101,76,0.9);
}

.admissions-page #dean-msg figure figcaption {
    background: rgba(74,190,163,0.9);
}

.connect-page #dean-msg figure figcaption {
    background: rgba(194,34,126,0.9);
}

.international-page #dean-msg figure figcaption {
    background: rgba(88,207,0,0.9);
}

/*--- Course Department --- */
#course-department {
    background: #f2f7ff;
    padding: 40px 0px 15px;
}

    #course-department h4 {
        text-align: center;
    }

    #course-department .school-box {
        margin-bottom: 30px;
    }

    #course-department .list {
        margin: 0px;
        padding: 0px;
        margin-bottom: 30px;
        list-style-type: none;
    }

        #course-department .list ul {
            margin: 20px 0px;
            margin-bottom: 30px;
            list-style-type: none;
        }

            #course-department .list ul li {
                margin-bottom: 4px;
                padding-left: 3px;
            }

                #course-department .list ul li a {
                    font-size: 13px;
                    font-weight: 500;
                }

        #course-department .list li:hover ul li a {
            color: #000;
        }

        #course-department .list li ul li:hover a {
            color: #00bfe7;
        }

        #course-department .list li ul li:before {
            display: none;
        }

        #course-department .list li ul li:after {
            font-family: 'FontAwesome';
            content: "\f105";
            position: absolute;
            left: -10px;
            top: 0px;
            font-size: 14px;
        }

        #course-department .list li {
            font-size: 14px;
            line-height: 18px;
            color: #000;
            font-weight: 500;
            margin-bottom: 15px;
            padding-left: 15px;
            position: relative;
        }

            #course-department .list li:before {
                content: "";
                position: absolute;
                left: -10px;
                top: 9px;
                width: 12px;
                height: 3px;
                background: #00bfe7;
                display: block;
            }

            #course-department .list li:last-child {
                margin-bottom: 0px;
            }

            #course-department .list li a {
                color: #000;
                font-weight: bold;
                text-decoration: none;
                transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
                -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
                -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
                -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
                -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
            }

            #course-department .list li:hover a {
                color: #00bfe7;
            }

/*--- Global Tieups  --- */
#global-tieups {
    background: #f2f7ff;
}

    #global-tieups p.lead {
        margin-bottom: 22px;
        font-size: 14px;
        font-weight: 500;
    }

    #global-tieups .news-box .content {
        padding-bottom: 15px;
    }

        #global-tieups .news-box .content p {
            height: 66px;
        }

    #global-tieups .slides {
        margin-bottom: 40px;
    }

    #global-tieups .btn {
        min-width: 180px;
    }

    #global-tieups .news-box .content h4:after {
        display: none;
    }
/*--- Courses Specialization  --- */
#courses-specialization {
    position: relative;
    background: url(../images/schedule-appointment.png) no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

    #courses-specialization .programme-type-list {
        width: 30%;
        background: #fff;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #courses-specialization .programme-type-list > li > a {
            font-size: 21px;
            font-weight: 500;
            color: #000;
            display: block;
            padding: 20px;
            position: relative;
            border-bottom: 1px solid #dadada;
            text-decoration: none;
        }

        #courses-specialization .programme-type-list > li:hover > a {
            background: #3498db;
            color: #fff;
        }

        #courses-specialization .programme-type-list > li > a:after {
            font-family: 'FontAwesome';
            content: "\f054";
            position: absolute;
            right: 30px;
            top: 23px;
            font-size: 18px;
            font-weight: normal;
        }

        #courses-specialization .programme-type-list > li.no-child > a:after {
            display: none;
        }

        #courses-specialization .programme-type-list > li:hover .programme-list-wrapper .programme-type-child {
            filter: alpha(opacity=100);
            opacity: 1;
            visibility: visible;
        }

        #courses-specialization .programme-type-list .programme-list-wrapper {
            width: 70%;
            position: absolute;
            left: 30%;
            top: 0px;
            height: 100%;
            pointer-events: none;
        }

            #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child {
                width: 40%;
                list-style-type: none;
                background: hsla(0,0%,100%,.9);
                height: 100%;
                margin: 0px;
                padding: 0px;
                opacity: 0;
                visibility: hidden;
                filter: alpha(opacity=0);
                pointer-events: auto;
                overflow: auto;
            }

                #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li > a {
                    font-size: 14px;
                    font-weight: 500;
                    color: #000;
                    position: relative;
                    padding: 20px;
                    border-bottom: 1px solid #dadada;
                    display: block;
                    text-decoration: none;
                }

                #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li:hover .programme-specialization {
                    filter: alpha(opacity=100);
                    opacity: 1;
                    visibility: visible;
                }

                #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li:hover > a, #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li:active > a, #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li:focus > a {
                    color: #fff;
                }

                #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li:hover > a {
                    background: #3498db;
                }

                #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li > a:after {
                    font-family: 'FontAwesome';
                    content: "\f054";
                    position: absolute;
                    right: 10px;
                    top: 26px;
                }

                #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li.no-child > a:after {
                    display: none;
                }

            #courses-specialization .programme-type-list .programme-list-wrapper .programme-specialization {
                width: 60%;
                position: absolute;
                left: 40%;
                top: 0px;
                height: 100%;
                background: #fff;
                opacity: 0;
                visibility: hidden;
                filter: alpha(opacity=0);
            }

                #courses-specialization .programme-type-list .programme-list-wrapper .programme-specialization > li > a {
                    font-size: 14px;
                    color: #000;
                    padding: 15px;
                    display: block;
                }

                    #courses-specialization .programme-type-list .programme-list-wrapper .programme-specialization > li > a:hover {
                        color: #3498db;
                    }

/*--- Patents Publications --- */
#patents-publications {
    background: #f2f7ff;
    padding: 40px 0px 15px;
}

    #patents-publications .patent-box {
        margin-bottom: 30px;
    }

    #patents-publications .button12, #patents-publications .button10 {
        min-width: 180px;
    }

    #patents-publications .list3 li:before {
        background: #f2f7ff;
    }

/*--- How To Apply --- */
#how-to-apply {
    background: #002855;
    text-align: center;
}

    #how-to-apply h4 {
        color: #fff;
    }

    #how-to-apply .steps li {
        position: relative;
    }

        #how-to-apply .steps li:before {
            content: "";
            height: 2px;
            width: 100%;
            position: absolute;
            right: 0px;
            top: 50px;
            background: #ff9c00;
            z-index: 10;
        }

        #how-to-apply .steps li:first-child:before {
            width: 50%;
        }

        #how-to-apply .steps li:last-child:before {
            width: 50%;
            right: auto;
            left: 0px;
        }

        #how-to-apply .steps li figure {
            width: 100px;
            height: 100px;
            margin: 0px auto 20px auto;
            background: #ff9c00;
            line-height: 100px;
            border-radius: 50%;
        }

            #how-to-apply .steps li figure .fa {
                font-size: 42px;
                color: #fff;
                line-height: 100px;
                position: relative;
                z-index: 11;
            }

        #how-to-apply .steps li p {
            font-size: 14px;
            color: #fff;
            min-height: 85px;
        }

    #how-to-apply .button8, #scholarship .button8, #how-to-apply .button14, #scholarship .button14 {
        min-width: 170px;
    }

/*--- Cutom Dropdown --- */
.custom-dropdown {
    position: relative;
}

    .custom-dropdown .btn {
        height: 32px;
        width: 100%;
        text-align: left;
        box-shadow: none;
        position: relative;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #dadada;
        padding: 2px 32px 3px 12px;
        line-height: 16px;
    }

    .custom-dropdown .open .dropdown-toggle {
        box-shadow: none;
    }

    .custom-dropdown .btn:after {
        z-index: 5;
        pointer-events: none;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: url(images/tg_images_new/sprites.svg) -18px -177px no-repeat;
        width: 31px;
        height: 32px;
        content: "";
    }

    .custom-dropdown .dropdown-menu {
        min-width: 15px;
        width: 100%;
        border: 0;
        border-radius: 3px;
        top: auto;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
        right: 0px;
    }

        .custom-dropdown .dropdown-menu li {
            margin-bottom: 0;
        }

            .custom-dropdown .dropdown-menu li a {
                padding: 10px 13px;
                color: #4a4548;
                font-size: 13px;
            }

            .custom-dropdown .dropdown-menu li.active a, .custom-dropdown .dropdown-menu li:hover a {
                background: #00bfe7;
                color: #fff;
            }

        .custom-dropdown .dropdown-menu.scroll {
            max-height: 150px;
        }

/* Page Head ---------------------- */
#page-head {
    padding: 40px 0px;
    border-bottom: 1px solid #dadada;
    background: #fff;
}

    #page-head.sticky.fixed {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 100;
        padding: 15px 0px;
    }

        #page-head.sticky.fixed h2 {
            font-size: 26px;
        }

    #page-head h2, #page-head h1 {
        margin: 0px;
        font-size: 28px;
        line-height: 44px;
    }

        #page-head h2 .btn, #page-head h1 .btn {
            float: right;
            margin-left: 10px;
        }

    #page-head .form1 {
        margin-left: 20px;
    }

/* Facultie Details ---------------------- */
#facultie-details {
    padding: 25px 0px 50px;
}

    #facultie-details .post li {
        word-break: break-word;
    }

    #facultie-details .author-detail {
        width: 250px;
        text-align: center;
    }

        #facultie-details .author-detail figure {
            width: 250px;
            height: 250px;
            border-radius: 50%;
            border: 6px solid #E7EBFB;
            margin: 0px 0px 25px 0px;
        }

            #facultie-details .author-detail figure img {
                width: 240px;
                height: 240px;
                border-radius: 50%;
                border: 6px solid #fff;
                object-fit: cover;
                object-position: top;
            }

        #facultie-details .author-detail h4 {
            margin-bottom: 10px;
        }

        #facultie-details .author-detail h1 {
            margin-bottom: 10px;
            font-size: 24px;
            line-height: 29px;
        }

        #facultie-details .author-detail p {
            margin: 0px;
            line-height: 30px;
        }

            #facultie-details .author-detail p a {
                color: #000;
            }

    #facultie-details .content-block-extra .post:last-child {
        margin-bottom: 0px;
    }

/* Campus Short Info ---------------------- */
#campus-short-info .row {
    margin: 0px;
}

#campus-short-info .column {
    padding: 0px;
    overflow: hidden;
    height: 300px;
}

    #campus-short-info .column.section {
        height: 400px;
        max-height: 400px;
    }

        #campus-short-info .column.section .poster-image {
            height: 400px;
            object-fit: cover;
        }

    #campus-short-info .column .image {
        position: relative;
        height: 100%;
    }

        #campus-short-info .column .image img {
            width: 100%;
            height: 100%;
            object-fit: initial;
            transition: transform 0.25s ease-in-out 0s;
            -webkit-transition: -webkit-transform 0.25s ease-in-out 0s;
            -moz-transition: transform 0.25s ease-in-out 0s;
        }

#campus-short-info a:hover .image img {
    transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
}

#campus-short-info .column .inner-content {
    padding: 24px 33px 35px 27px;
}

#campus-short-info .our-offer {
    padding: 0px;
    background-image: linear-gradient(to top, #7b1fa2, #de3d4d);
}

    #campus-short-info .our-offer .inner-content {
        position: absolute;
        left: 0px;
        top: 13px;
    }

        #campus-short-info .our-offer .inner-content .button2 {
            margin-right: 15px;
            font-weight: 500;
            min-width: 165px;
        }

        #campus-short-info .our-offer .inner-content .button1 {
            font-weight: 500;
            min-width: 165px;
        }

    #campus-short-info .our-offer p {
        color: #fff;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 15px;
    }

#campus-short-info .women-offer .inner-content {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#campus-short-info .women-offer h2 {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 36px;
}

    #campus-short-info .women-offer h2 small {
        display: block;
        color: #fff;
        font-size: 20px;
        text-transform: none;
    }

#campus-short-info .women-offer p {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

/*--- Read More and Less --- */
.addReadMore.showlesscontent .SecSec, .addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore, .addReadMore .readLess {
    font-weight: bold;
    margin-left: 2px;
    color: #00bfe7;
    cursor: pointer;
}

.addReadMoreWrapTxt.showmorecontent .SecSec, .addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}

/*--- Slides --- */
.slides {
    position: relative;
}

    .slides ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    .slides .controls a {
        background: #fff;
        display: inline-block;
        margin: 0px 5px;
        width: 22px;
        height: 0;
        padding-top: 20px;
        overflow: hidden;
        border-radius: 50%;
        border: 1px solid #979797;
    }

        .slides .controls a:hover, .slides .controls a.selected {
            background: #fc654c;
            border-color: #fc654c;
        }

/*--- Slider1 --- */
.slider1 .previous-btn, .slider1 .next-btn {
    position: absolute;
    top: 50%;
    font-size: 48px;
    color: #fff;
    top: 50%;
    margin-top: -24px;
    text-decoration: none;
}

.slider1 .previous-btn {
    left: 25px;
}

.slider1 .next-btn {
    right: 25px;
}

/*--- Slider2 --- */
.slider2 .previous-btn, .slider2 .next-btn {
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 50%;
    font-size: 16px;
    line-height: 58px;
    color: #7a7a7a;
    top: 50%;
    margin-top: -30px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.slider2 .previous-btn {
    left: -68px;
}

.slider2 .next-btn {
    right: -68px;
}

/*--- Slick Slider1 --- */
.slick-slider1 .slick-prev, .slick-slider1 .slick-next {
    position: absolute;
    top: 50%;
    font-size: 48px;
    color: #fff;
    top: 50%;
    margin: 0px;
    margin-top: -20px;
    text-decoration: none;
    z-index: 10;
    font-size: 0px;
    line-height: 0px;
    background: transparent;
    border: none;
    outline: none;
    width: 40px;
    height: 40px;
}

.slick-slider1 .slick-prev {
    left: 25px;
}

    .slick-slider1 .slick-prev:before, .slick-slider1 .slick-next:before {
        position: absolute;
        top: 17px;
        font-family: 'simple-line-icons';
        color: #fff;
        display: inline-block;
        font-size: 32px;
        z-index: 1000;
    }

.slick-slider1 .slick-next {
    right: 25px;
}

.slick-slider1 .slick-prev:before {
    content: "\e07a";
    left: 0px;
}

.slick-slider1 .slick-next:before {
    content: "\e079";
    right: 0px;
}

.slick-dotted2 {
    overflow: hidden;
}

    .slick-dotted2 .slick-prev, .slick-dotted2 .slick-next {
        display: none !important;
    }

    .slick-dotted2 .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none;
    }

    .slick-dotted2 .slick-dots {
        position: absolute;
        left: 0px;
        bottom: 8px;
        width: 100%;
    }

        .slick-dotted2 .slick-dots li {
            margin: 0 0.25rem;
            padding-left: 8px;
        }

            .slick-dotted2 .slick-dots li:first-child {
                padding-left: 0px;
            }

            .slick-dotted2 .slick-dots li button {
                display: block;
                width: 14px;
                height: 14px;
                padding: 0;
                border: none;
                border-radius: 100%;
                background-color: #fff;
                text-indent: -9999px;
                box-shadow: 1px 1px 3px #333;
            }

            .slick-dotted2 .slick-dots li.slick-active button {
                background-color: #fc654c;
            }

#img-gallery.slick-dotted2 .slick-dots li.slick-active button {
    background-color: #00BFE7;
}
/*--- Sliding Banner --- */
#sliding-banner .slider2 .previous-btn {
    left: 65px;
}

#sliding-banner .slider2 .next-btn {
    right: 65px;
}

#sliding-banner .slider2 .previous-btn, #sliding-banner .slider2 .next-btn {
    background-color: rgba(255,255,255,0.5);
    border: none;
    color: #fff;
    line-height: 60px;
}

#sliding-banner .slides ul li > img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

/*--- Slider3 --- */
.slider3 {
    position: relative;
}

    .slider3 .previous-btn, .slider3 .next-btn {
        position: absolute;
        top: 17px;
        font-size: 28px;
        color: #00bfe7;
        text-decoration: none;
    }

    .slider3 .previous-btn {
        right: 68px;
    }

    .slider3 .next-btn {
        right: 30px;
    }

/*--- Slider4  --- */
.slider4 .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    position: absolute;
    left: 0px;
    bottom: 60px;
    width: 100%;
    padding: 0px;
}

    .slider4 .slick-dots li:last-child {
        margin-bottom: 0px;
    }

    .slider4 .slick-dots li:first-child {
        padding-left: 500px;
    }

    .slider4 .slick-dots li button {
        display: block;
        width: 11px;
        height: 11px;
        padding: 0;
        border: none;
        border-radius: 50%;
        background: none;
        text-indent: -9999px;
        border: 1px solid rgba(0,0,0,0.1);
        margin: 0px 4px;
    }

    .slider4 .slick-dots li.slick-active button {
        background-color: #00c1a1;
    }

/*--- Sociable --- */
.sociable a {
    display: inline-block;
    margin-right: 18px;
}

    .sociable a .fa {
        color: #fff;
        font-size: 20px;
    }

/*--- Sociable2 --- */
.sociable2 p {
    margin: 0px;
    font-size: 14px;
}

.sociable2 a {
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    margin: 0px 4px;
    border: 1px solid #dadada;
}

.sociable2:hover .sociable3 {
    opacity: 1;
    bottom: -54px;
}

.sociable2 .sociable3 a {
    border: none;
    pointer-events: none;
}

.sociable2:hover .sociable3:after {
    right: 137px;
}

.sociable3 {
    transition: all .5s ease;
    z-index: 10000;
    position: absolute;
    background: #f2f7ff;
    right: 0px;
    bottom: 0px;
    border-radius: 5px;
    opacity: 0;
    min-width: 220px;
    pointer-events: none;
}

    .sociable3 a {
        display: inline-block;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
    }

        .sociable3 a .fa-facebook {
            color: #385c8e;
        }

        .sociable3 a .fa-twitter {
            color: #2e9ff9;
        }

        .sociable3 a .fa-linkedin {
            color: #0077b5;
        }

        .sociable3 a .fa-whatsapp {
            color: #00e676;
        }

        .sociable3 a .fa-google-plus {
            color: #f34a38;
        }

.share-btn:hover .sociable3 {
    opacity: 1;
    bottom: -50px;
    pointer-events: auto;
}

.sociable3:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid #f2f7ff;
    position: absolute;
    top: -6px;
    right: 30px;
}

/*--- Newsletter Form --- */
.newsletter-form form {
    position: relative;
}

.newsletter-form input[type="text"], .newsletter-form button {
    float: left;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border: none;
}

.newsletter-form input[type="text"] {
    width: 80%;
    background: rgba(255,255,255,0.7);
    color: #424242;
    padding: 0px 9px;
    font-size: 14px;
}

.newsletter-form button {
    width: 20%;
    background: #000;
    text-align: center;
}

    .newsletter-form button .fa {
        font-size: 18px;
        color: #fff;
    }

/*--- Section --- */
section.section {
    padding: 50px 0px;
}

    section.section.white {
        background: #fff !important;
    }

/*--- Campus Gallery --- */
#campus-gallery {
    background: #ffb121;
}

    #campus-gallery.slick-slider1 {
        height: 400px;
    }

        #campus-gallery.slick-slider1 div img {
            height: 400px;
            width: 100%;
        }

    #campus-gallery .slick-dots {
        display: none !important;
    }

#sliding-banner.slick-slider1 {
    height: 350px;
}

    #sliding-banner.slick-slider1 div img {
        height: 350px;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }

#sliding-banner .slick-dots {
    display: none !important;
}

/*--- Img Gallery --- */
#img-gallery {
    height: 100%;
}


/* slick-slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*--- Global Students --- */
#global-students {
    background: url(../images/world-map-bg.jpg) no-repeat;
    background-size: cover;
}

    #global-students h6 {
        font-weight: 500;
        font-size: 18px;
        padding-bottom: 30px;
        border-bottom: 4px solid #00c1a1;
        text-align: center;
    }

    #global-students h2 {
        font-size: 28px;
        text-align: center;
        line-height: 39px;
        margin-bottom: 40px;
    }

/*--- Global Students --- */
.global-map {
    text-align: center;
    position: relative;
}

    .global-map .round {
        display: inline-block;
        background: #ff9c00;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: absolute;
    }

        .global-map .round:after {
            content: "";
            position: absolute;
            top: -6px;
            left: -6px;
            width: 20px;
            height: 20px;
            border-radius: 9999px;
            background-color: #ff9c00;
            opacity: 0;
            z-index: 10;
            display: none;
            pointer-events: none;
            animation: round 2s linear infinite;
        }

        .global-map .round:hover:after {
            display: block;
        }

@keyframes round {
    from {
        opacity: 0.4;
    }

    to {
        transform: scale(3);
        opacity: 0;
    }
}

/*--- Global Map --- */
.global-map .round.bgd {
    left: 540px;
    top: 270px;
}

.global-map .round.abw {
    left: 200px;
    top: 290px;
}

.global-map .round.afg {
    left: 484px;
    top: 250px;
}

.global-map .round.ago {
    left: 378px;
    top: 354px;
}

.global-map .round.and {
    left: 334px;
    top: 224px;
}

.global-map .round.are {
    left: 451px;
    top: 275px;
}

.global-map .round.arg {
    left: 209px;
    top: 392px;
}

.global-map .round.aus {
    left: 617px;
    top: 371px;
}

.global-map .round.bdi {
    left: 402px;
    top: 310px;
}

.global-map .round.ben {
    left: 332px;
    top: 273px;
}

.global-map .round.bfa {
    left: 332px;
    top: 290px;
}

.global-map .round.bhr {
    left: 443px;
    top: 261px;
}

.global-map .round.btnn {
    left: 540px;
    top: 252px;
}

.global-map .round.bwa {
    left: 396px;
    top: 372px;
}

.global-map .round.caf {
    left: 377px;
    top: 297px;
}

.global-map .round.can {
    left: 89px;
    top: 119px;
}

.global-map .round.chn {
    left: 556px;
    top: 246px;
}

.global-map .round.civ {
    left: 332px;
    top: 307px;
}

.global-map .round.cmr {
    left: 364px;
    top: 310px;
}

.global-map .round.cod {
    left: 398px;
    top: 346px;
}

.global-map .round.com {
    left: 437px;
    top: 346px;
}

.global-map .round.dza {
    left: 191px;
    top: 317px;
}

.global-map .round.ecu {
    left: 182px;
    top: 325px;
}

.global-map .round.esp {
    left: 334px;
    top: 234px;
}

.global-map .round.eth {
    left: 426px;
    top: 294px;
}

.global-map .round.fra {
    left: 349px;
    top: 217px;
}

.global-map .round.gab {
    left: 369px;
    top: 321px;
}

.global-map .round.gha {
    left: 341px;
    top: 300px;
}

.global-map .round.gin {
    left: 319px;
    top: 290px;
}

.global-map .round.gmb {
    left: 302px;
    top: 290px;
}

.global-map .round.gnb {
    left: 312px;
    top: 273px;
}

.global-map .round.grc {
    left: 382px;
    top: 225px;
}

.global-map .round.idn {
    left: 596px;
    top: 317px;
}

.global-map .round.ind {
    left: 507px;
    top: 272px;
}

.global-map .round.irl {
    left: 307px;
    top: 140px;
}

.global-map .round.irn {
    left: 460px;
    top: 252px;
}

.global-map .round.irq {
    left: 424px;
    top: 233px;
}

.global-map .round.ita {
    left: 362px;
    top: 201px;
}

.global-map .round.jor {
    left: 418px;
    top: 253px;
}

.global-map .round.kaz {
    left: 424px;
    top: 180px;
}

.global-map .round.ken {
    left: 429px;
    top: 329px;
}

.global-map .round.kor {
    left: 697px;
    top: 164px;
}

.global-map .round.kwt {
    left: 445px;
    top: 242px;
}

.global-map .round.lbr {
    left: 322px;
    top: 302px;
}

.global-map .round.lka {
    left: 514px;
    top: 303px;
}

.global-map .round.lso {
    left: 413px;
    top: 376px;
}

.global-map .round.lva {
    left: 391px;
    top: 170px;
}

.global-map .round.mdv {
    left: 480px;
    top: 317px;
}

.global-map .round.mex {
    left: 135px;
    top: 270px;
}

.global-map .round.mli {
    left: 323px;
    top: 279px;
}

.global-map .round.mmr {
    left: 550px;
    top: 270px;
}

.global-map .round.mng {
    left: 605px;
    top: 162px;
}

.global-map .round.moz {
    left: 413px;
    top: 367px;
}

.global-map .round.mys {
    left: 623px;
    top: 323px;
}

.global-map .round.nga {
    left: 356px;
    top: 307px;
}

.global-map .round.npl {
    left: 526px;
    top: 256px;
}

.global-map .round.nzl {
    left: 698px;
    top: 417px;
}

.global-map .round.omn {
    left: 466px;
    top: 272px;
}

.global-map .round.pak {
    left: 490px;
    top: 264px;
}

.global-map .round.pol {
    left: 385px;
    top: 209px;
}

.global-map .round.pse {
    left: 356px;
    top: 279px;
}

.global-map .round.qat {
    left: 440px;
    top: 277px;
}

.global-map .round.rus {
    left: 574px;
    top: 106px;
}

.global-map .round.sau {
    left: 435px;
    top: 270px;
}

.global-map .round.sdn {
    left: 408px;
    top: 277px;
}

.global-map .round.som {
    left: 443px;
    top: 303px;
}

.global-map .round.swz {
    left: 413px;
    top: 365px;
}

.global-map .round.syr {
    left: 424px;
    top: 244px;
}

.global-map .round.tha {
    left: 559px;
    top: 292px;
}

.global-map .round.tib {
    left: 526px;
    top: 246px;
}

.global-map .round.tur {
    left: 390px;
    top: 212px;
}

.global-map .round.uga {
    left: 408px;
    top: 326px;
}

.global-map .round.usa {
    left: 135px;
    top: 213px;
}

.global-map .round.vnm {
    left: 573px;
    top: 292px;
}

.global-map .round.yem {
    left: 447px;
    top: 294px;
}

.global-map .round.zaf {
    left: 396px;
    top: 391px;
}

.global-map .round.zwe {
    left: 395px;
    top: 360px;
}

/*--- Featured Section --- */
#featured-section {
    background: #f1f6fe
}

    #featured-section.for-department {
        background-color: #ffffff;
    }

    #featured-section.for-school.featured-section2 {
        background: linear-gradient(180deg, #7594ff 0%, #61aef4 100%);
        padding-top: 50px;
    }

        #featured-section.for-school.featured-section2 .slides {
            margin-bottom: 0px;
        }

    #featured-section.featured-section2 h4 {
        color: #fff;
    }

    #featured-section #top-faculties .caroufredsel_wrapper {
        min-height: 312px !important;
    }

    #featured-section.for-school {
        padding-top: 98px;
    }

    #featured-section .tabs1 .nav-tabs {
        border-bottom: 0;
        margin-bottom: 40px;
        text-align: center;
    }

        #featured-section .tabs1 .nav-tabs li {
            float: none;
            display: inline-block;
        }

    #featured-section .slides {
        margin-bottom: 40px;
        min-height: 300px;
    }

    #featured-section .button3 {
        min-width: 180px;
        cursor: pointer;
    }

    #featured-section.featured-section2 .button2 {
        min-width: 180px;
        cursor: pointer;
    }

    #featured-section .tab-content > .tab-pane {
        display: block;
        visibility: hidden;
    }

        #featured-section .tab-content > .tab-pane.active {
            visibility: visible;
        }

    #featured-section .tab-content {
        position: relative;
    }

    #featured-section .tab-pane:not(:first-child) {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }


/*--- Higher Edu Eligibility --- */
#higher-edu-eligibility .news-box .banner {
    height: 250px;
    background-position: center center;
}

/*--- Progress Incubation --- */
#progress-incubation {
    background: #f2f7ff;
}

    #progress-incubation .doc-list li a, #progress-incubation .doc-list li:before {
        color: #000;
    }

    #progress-incubation .box-default3 {
        max-height: 475px;
        overflow: auto;
    }

/*--- Event Yt Banner --- */
.event-yt-banner iframe {
    width: 100%;
    height: 350px;
}

.event-yt-banner, .event-banner {
    margin-bottom: 20px;
}

    .event-banner .video {
        width: 100%;
    }

::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 6px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 6px;
    }

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 6px;
    border: 1px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 6x;
    background-color: #ffffff;
}

/*---  Latest News --- */
#latest-news {
    background: linear-gradient(180deg, #7594ff 0%, #61aef4 100%);
    padding-bottom: 0px;
}

    #latest-news .row {
        margin-bottom: 55px;
    }

    #latest-news h3 {
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 35px;
    }

    #latest-news .button2 {
        min-width: 180px;
        margin-bottom: 39px;
    }

/*--- Help List --- */
.help-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    padding-top: 52px;
}

    .help-list li {
        padding: 15px;
        border: 1px solid #dadada;
        margin-bottom: 15px;
        border-radius: 5px;
        background: #fff;
        transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
        -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
        -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
        -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
        -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    }

        .help-list li a {
            display: block;
            text-decoration: none;
        }

        .help-list li:last-child {
            margin-bottom: 0px;
        }

    .help-list .round-icon {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        float: left;
        text-align: center;
    }

        .help-list .round-icon .icons {
            font-size: 38px;
            color: #fff;
            line-height: 75px;
        }

    .help-list .inner {
        margin-left: 103px;
        display: table;
        height: 75px;
    }

        .help-list .inner p {
            margin-left: 92px;
            display: table-cell;
            vertical-align: middle;
            margin: 0px;
            font-size: 18px;
            height: 75px;
            transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
            -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
            -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
            -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
            -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
        }

    .help-list li:nth-child(1):hover {
        border-color: #fc654c;
    }

        .help-list li:nth-child(1):hover .inner p {
            color: #fc654c;
        }

    .help-list li:nth-child(2):hover {
        border-color: #00c1a1;
    }

        .help-list li:nth-child(2):hover .inner p {
            color: #00c1a1;
        }

    .help-list li:nth-child(3):hover {
        border-color: #3498db;
    }

        .help-list li:nth-child(3):hover .inner p {
            color: #3498db;
        }

    .help-list li:nth-child(4):hover {
        border-color: #ff9c00;
    }

        .help-list li:nth-child(4):hover .inner p {
            color: #ff9c00;
        }

    .help-list li:nth-child(5):hover {
        border-color: #ed027b;
    }

        .help-list li:nth-child(5):hover .inner p {
            color: #ed027b;
        }

/*--- User Box --- */
.user-box {
    background: #fff;
    padding: 15px 15px 1px 15px;
    position: relative;
    min-height: 300px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .user-box:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

    .user-box .tag {
        display: none;
    }

    .user-box.dean {
        overflow: hidden;
    }

        .user-box.dean .tag {
            display: inline-block;
            width: 200px;
            padding: 6px;
            position: absolute;
            text-align: center;
            color: #fff;
            top: 16px;
            transform: rotate(-45deg);
            background: #ff9c00;
            left: -65px;
            font-size: 14px;
            font-weight: 500;
            text-transform: capitalize;
            display: none
        }

    .user-box figure {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        border: 3px solid #E7EBFB;
        margin: 0px auto 12px auto;
    }

        .user-box figure img {
            width: 145px;
            height: 145px;
            border-radius: 50%;
            border: 3px solid #fff;
            object-fit: cover;
            object-position: top;
            transition: all 0.5s ease-out;
        }
    /*---.user-box:hover figure img  { filter:grayscale(0%); }  --- */
    .user-box h5 {
        font-weight: 500;
        text-align: center;
        margin-bottom: 10px;
        font-size: 14px;
        min-height: 50px;
    }

        .user-box h5 a {
            text-decoration: none;
            color: #000;
        }

    .user-box:hover h5 a {
        color: #00bfe7;
    }

    .user-box p.designation {
        height: auto;
    }

        .user-box p.designation .icon-user {
            float: left;
        }

    .user-box p {
        color: rgba(0,0,0,0.5);
        margin-bottom: 11px;
        font-size: 12px;
        line-height: 16px;
    }

        .user-box p .icons, .user-box p .fa {
            margin-right: 8px;
            vertical-align: middle;
            line-height: 19px;
            position: relative;
            left: 1px;
            float: left;
        }

        .user-box p span {
            float: left;
            width: 90%;
        }

        .user-box p .fa-university {
            float: left;
        }

        .user-box p a.email {
            color: rgba(0,0,0,0.5);
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 90%;
            float: left;
        }

    .user-box a.clearfix {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .user-box .icon-arrow-right-circle {
        float: right;
        font-size: 24px;
        position: absolute;
        right: 10px;
        bottom: 10px;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .user-box:hover .icon-arrow-right-circle {
        -webkit-animation-name: clearfix;
        animation-name: clearfix;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/*--- Scrolling Table --- */
.scrolling-table {
    overflow-x: auto;
}

    .scrolling-table table {
        min-width: 600px;
    }

/*--- User Dean Listing --- */
.user-dean-listing .user-box {
    margin-bottom: 30px;
    min-height: 320px;
    padding-bottom: 15px;
}

    .user-dean-listing .user-box p.university {
        min-height: 32px;
    }

/*--- News Box --- */
.news-box {
    background: #fff;
    position: relative;
}

    .news-box .banner {
        height: 180px;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 2vw));
        clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 2vw));
    }

        .news-box .banner.event-yt-banner {
            margin: 0px;
        }

        .news-box .banner video {
            height: 100%;
        }

        .news-box .banner iframe {
            height: 100%;
            width: 100%;
        }

    .news-box .content {
        padding: 15px 15px 35px 15px;
        position: relative;
        min-height: 150px;
    }

        .news-box .content .title {
            position: absolute;
            width: 66px;
            height: 66px;
            border-radius: 50%;
            top: -60px;
            left: 15px;
            color: #fff;
            text-align: center;
            display: inline-block;
            font-size: 12px;
            line-height: 18px;
            font-style: italic;
            display: table;
            word-break: break-all;
            padding: 4px;
        }

            .news-box .content .title span {
                display: inline-block;
                vertical-align: middle;
                display: table-cell;
            }

        .news-box .content.event1 .title {
            background: #fc654c;
        }

        .news-box .content.news1 .title {
            background: #00c1a1;
        }

        .news-box .content.event2 .title {
            background: #3498db;
        }

        .news-box .content.news2 .title {
            background: #e2c21f;
        }

        .news-box .content h4 {
            color: #424242;
            padding-bottom: 5px;
            position: relative;
            font-size: 14px;
        }

            .news-box .content h4 figure {
                width: 66px;
                height: 44px;
                line-height: 44px;
            }

                .news-box .content h4 figure img {
                    max-width: 66px;
                    max-height: 44px;
                    vertical-align: bottom;
                }

            .news-box .content h4:after {
                content: "";
                position: absolute;
                display: block;
                bottom: 0px;
                left: 0px;
                width: 100px;
                height: 2px;
            }

        .news-box .content.event1 h4:after {
            background: #fc654c;
        }

        .news-box .content.news1 h4:after {
            background: #00c1a1;
        }

        .news-box .content.event2 h4:after {
            background: #3498db;
        }

        .news-box .content.news2 h4:after {
            background: #e2c21f;
        }

        .news-box .content h5 {
            height: 85px;
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 22px;
            font-weight: 500;
            display: inline-block;
            overflow: hidden;
        }

            .news-box .content h5 a {
                text-decoration: none;
                color: #000;
            }

    .news-box:hover .content h5 a {
        color: #00bfe7;
    }

    .news-box .content p {
        height: 35px;
        overflow: hidden;
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 4px;
    }

    .news-box .content .icons {
        float: right;
        font-size: 24px;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    .news-box.bordered {
        border: 1px solid #dadada;
    }

        .news-box.bordered a {
            text-decoration: none;
        }

        .news-box.bordered .content h5 {
            position: relative;
            height: 96px;
            padding-bottom: 20px;
            margin-bottom: 16px;
        }

            .news-box.bordered .content h5:after {
                content: "";
                position: absolute;
                display: block;
                bottom: 0px;
                left: 0px;
                width: 100px;
                height: 2px;
            }

        .news-box.bordered .content.event2 h5:after {
            background: #3498db;
        }

        .news-box.bordered .content p {
            height: 35px;
        }

        .news-box.bordered .content .icons {
            color: #00bfe7;
        }

        .news-box.bordered .overlay {
            position: absolute;
            width: 100%;
            text-align: center;
            padding: 15px;
            left: 0px;
            bottom: 0px;
            background: #fff;
            opacity: 0;
            height: 100%;
            width: 100%;
        }

            .news-box.bordered .overlay .inner {
                vertical-align: top;
            }

            .news-box.bordered .overlay h5 {
                text-align: left;
                margin: 0px;
                color: #000;
                font-size: 18px;
                margin-bottom: 15px;
                position: relative;
                padding-bottom: 5px;
            }

                .news-box.bordered .overlay h5:after {
                    content: "";
                    position: absolute;
                    display: block;
                    bottom: 0px;
                    left: 0px;
                    width: 100px;
                    height: 2px;
                    background: #fc654c;
                }

            .news-box.bordered .overlay p {
                margin: 0px;
                color: #000;
                text-align: left;
                max-height: 250px;
                overflow: auto;
            }

    .news-box.for-campus {
        margin-bottom: 30px;
    }

        .news-box.for-campus .content {
            padding-bottom: 15px;
        }

            .news-box.for-campus .content.event2 h5 {
                margin-bottom: 26px;
                padding: 0px;
                height: 48px;
                font-size: 16px;
            }

                .news-box.for-campus .content.event2 h5:after {
                    background: #fc654c;
                }

                .news-box.for-campus .content.event2 h5 a {
                    text-decoration: none;
                    color: #000;
                }

    .news-box.bordered .overlay h5 a {
        color: #000;
        text-decoration: none;
    }

    .news-box.for-campus .content p {
        height: 50px;
        font-weight: normal;
        position: relative;
    }

    .news-box.for-campus.flipper .content p:after {
        content: '';
        width: 100%;
        height: 25px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.41) 39%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.41) 39%,rgba(255,255,255,1) 96%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.41) 39%,rgba(255,255,255,1) 96%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .news-box:hover .icon-arrow-right-circle {
        -webkit-animation-name: clearfix;
        animation-name: clearfix;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/*--- Back To Top --- */
#back-to-top {
    width: 105px;
    position: fixed;
    bottom: 32px;
    padding: 3px 8px;
    z-index: 100;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    height: 25px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.77);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
    display: none;
    right: 8%;
}

/*--- Scroll Top --- */
#scroll-top-icon {
    position: fixed;
    bottom: -55px;
    right: -55px;
    text-align: center;
    background: #00bfe7;
    z-index: 1000;
    display: block;
    border-radius: 2px;
    width: 38px;
    height: 38px;
    padding-top: 8px;
    color: #fff;
    font-size: 20px;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}

    #scroll-top-icon .fa {
        vertical-align: top;
    }

    #scroll-top-icon.active {
        bottom: 70px;
        right: 15px;
    }

.admissions-page #scroll-top-icon {
    background: #00c1a1;
}

.campuslife-page #scroll-top-icon {
    background: #fc654c;
}

.campuslife-page .news-box.bordered:hover .content h5 {
    color: #fc654c;
}

.about-page #scroll-top-icon {
    background: #ff9c00;
}

.connect-page #scroll-top-icon {
    background: #ed027b;
}

.connect-page .news-box:hover .content h5 a {
    color: #ed027b;
}

.international-page #scroll-top-icon {
    background: #58cf00;
}

.international-page .news-box:hover .content h5 a {
    color: #58cf00;
}

/*--- Awards Listing  --- */
.awards-listing .news-box.bordered {
    margin-bottom: 30px;
}

    .awards-listing .news-box.bordered .content h5 {
        height: auto;
        font-size: 15px;
        line-height: 20px;
    }

.awards-listing .news-box .content p {
    height: auto;
}

.awards-listing .news-box .content h4:after {
    display: none;
}

/*--- Contact Box --- */
.contact-box .banner {
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 100%;
}

.contact-box .content {
    padding: 20px 0px 0px;
    min-height: 190px;
}

    .contact-box .content h5 {
        margin-bottom: 10px;
    }

.contact-box .header {
    border-bottom: 3px solid #ff9c00;
    padding-bottom: 6px;
}

    .contact-box .header h5 {
        font-size: 18px;
        margin: 0px;
    }

.contact-box .content p {
    font-size: 14px;
}

.contact-box .content dl.description-list dt, .contact-box .content dl.description-list dd {
    font-size: 14px;
    font-weight: 500;
}

.contact-box .content dl.description-list dt {
    min-width: auto;
    margin-right: 10px;
}

.contact-box .content dl.description-list dd {
    margin-left: 30px;
}

    .contact-box .content dl.description-list dd a {
        font-weight: bold;
        color: #ff9c00;
    }

        .contact-box .content dl.description-list dd a[href^=tel] {
            font-weight: normal;
            color: #000000;
        }

/*--- Department Box --- */
.department-box {
    border-radius: 5px;
    margin-bottom: 30px;
}

    .department-box figure {
        margin-bottom: 8px;
        width: 90px;
        height: 90px;
        text-align: center;
        margin: 0px auto 8px auto;
    }

        .department-box figure img {
            margin-bottom: 8px;
            max-width: 90px;
            max-height: 90px;
        }

    .department-box h5 {
        margin-bottom: 6px;
    }

    .department-box P {
        font-size: 12px;
        line-height: 18px;
        font-weight: normal;
    }

        .department-box P a {
            color: #000;
            text-decoration: none;
        }

        .department-box P:last-child {
            margin-bottom: 0px;
        }

/*--- Patent Box --- */
.patent-box {
    border: 1px solid #dadada;
}

    .patent-box .banner {
        height: 180px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .patent-box .content {
        padding: 20px;
        background: #fff;
    }

        .patent-box .content .inner-content {
            height: 170px;
            overflow: hidden;
        }

        .patent-box .content p {
            font-size: 14px;
        }

            .patent-box .content p:last-child {
                margin: 0px;
            }

.doc-list, .post .doc-list {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    .doc-list li {
        font-size: 14px;
        font-weight: bold;
        position: relative;
        padding-left: 35px;
        margin-bottom: 20px;
    }

        .doc-list li:before {
            font-family: 'FontAwesome';
            font-size: 18px;
            color: #ff9c00;
            content: "\f1c1";
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .doc-list li.hidden-icon:before {
            display: none;
        }

        .doc-list li a {
            text-decoration: none;
        }

    .doc-list.campus li {
        font-weight: 500;
        margin-bottom: 10px;
        padding-left: 25px;
        font-size: 13px;
    }

        .doc-list.campus li:before {
            font-size: 13px;
            color: #fc654c;
        }

    .doc-list.connect li {
        font-weight: 500;
        margin-bottom: 10px;
        padding-left: 25px;
        font-size: 13px;
    }

        .doc-list.connect li:before {
            font-size: 13px;
            color: #ed027b;
        }

    .doc-list.academic li {
        font-weight: 500;
        margin-bottom: 10px;
        padding-left: 25px;
        font-size: 13px;
    }

        .doc-list.academic li:before {
            font-size: 13px;
            color: #00bfe7;
        }

    .doc-list.international li {
        font-weight: 500;
        margin-bottom: 10px;
        padding-left: 25px;
        font-size: 13px;
    }

        .doc-list.international li:before {
            font-size: 13px;
            color: #58cf00;
        }

    .doc-list.admissions li {
        font-weight: 500;
        margin-bottom: 10px;
        padding-left: 25px;
        font-size: 13px;
    }

        .doc-list.admissions li:before {
            font-size: 13px;
            color: #00c1a1;
        }

/*--- Testimonial Box --- */
.testimonial-box {
    border: 1px solid #dadada;
    padding: 0px 15px 15px 15px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 400px;
}

    .testimonial-box:after {
        content: "";
        position: absolute;
        height: 5px;
        background: #dadada;
        bottom: 0px;
        left: 0px;
        display: block;
        width: 100%;
    }

    .testimonial-box .color {
        height: 186px;
        margin: -100px -15px 0px -15px;
        clip-path: circle(64% at 50% 2%);
    }

    .testimonial-box .image {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 4px solid #e7ebfb;
        margin: -60px auto 10px auto;
        position: relative;
        z-index: 2;
    }

        .testimonial-box .image img {
            width: 93px;
            height: 93px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #fff;
            object-position: top;
        }

    .testimonial-box blockquote {
        margin: 0px 0px 15px;
        height: 105px;
        overflow: auto;
        border: none;
        padding: 0px;
        border: none;
    }

        .testimonial-box blockquote p {
            color: rgba(0,0,0,0.5);
            margin: 0px;
        }

    .testimonial-box h5 {
        margin-bottom: 10px;
        font-weight: 500;
    }

    .testimonial-box cite {
        font-style: normal;
        height: 66px;
        overflow: hidden;
    }

        .testimonial-box cite p {
            margin: 0px;
            font-size: 13px;
            line-height: 22px;
        }

.testimonial-listing .testimonial-box {
    margin-bottom: 30px;
}

/*--- Story Box --- */
.story-box {
    position: relative;
}

    .story-box h5 {
        font-weight: 500;
        margin-bottom: 4px;
    }

    .story-box .banner {
        height: 155px;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .story-box .banner iframe {
            height: 100%;
            width: 100%;
        }

    .story-box .content {
        padding: 15px 15px 35px 15px;
        border: 1px solid #dadada;
        border-radius: 0px 0px 5px 5px;
        background: #fff;
    }

        .story-box .content .inner-content {
            height: 110px;
            overflow: auto;
        }

            .story-box .content .inner-content p {
                font-size: 13px;
                line-height: 18px;
                color: rgba(0,0,0,0.5);
            }

                .story-box .content .inner-content p:last-child {
                    margin: 0px;
                }

    .story-box .icon-arrow-right-circle {
        float: right;
        font-size: 24px;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

.story-listing .story-box {
    margin-bottom: 30px;
}

.story-listing ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.story-listing .story-box .content .inner-content {
    height: auto;
}

.story-listing .story-box .banner {
    height: 212px;
}

/*--- Color Themes --- */
.color-theme1 {
    color: #fc654c;
    background: #fc654c;
}

.color-theme2 {
    color: #00c1a1;
    background: #00c1a1;
}

.color-theme3 {
    color: #3498db;
    background: #3498db;
}

.color-theme4 {
    color: #ff9c00;
    background: #ff9c00;
}

.color-theme5 {
    color: #ed027b;
    background: #ed027b;
}

.color-theme6 {
    color: #58cf00;
    background: #58cf00;
}

/*--- Star Rating --- */
.star-rating {
    font-size: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

    .star-rating, .star-rating .back-stars, .star-rating .front-stars {
        display: flex;
    }

        .star-rating .fa {
            margin: 0px 4px;
        }

        .star-rating .back-stars {
            color: #dadada;
            position: relative;
        }

        .star-rating .front-stars {
            color: #ff9c00;
            overflow: hidden;
            position: absolute;
            top: 0;
        }

/*--- Post Action --- */
.post-action {
    float: right;
}

    .post-action .content {
        border: 0px solid black;
        border-radius: 3px;
        padding: 5px;
        margin: 0 auto;
        width: 50%;
    }

    .post-action .post {
        border-bottom: 1px solid black;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .post-action .post:last-child {
            border: 0;
        }

        .post-action .post h1 {
            font-weight: normal;
            font-size: 30px;
        }

        .post-action .post a.link {
            text-decoration: none;
            color: black;
        }

    .post-action .post-text {
        letter-spacing: 1px;
        font-size: 15px;
        font-family: serif;
        color: gray;
        text-align: justify;
    }

    .post-action .post-action {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .post-action .like, .rating .unlike {
        border: 0;
        background: none;
        letter-spacing: 1px;
        color: lightseagreen;
    }

        .post-action .like, .rating .unlike:hover {
            cursor: pointer;
        }

/*--- Fontawesome Star Rating --- */
.br-theme-fontawesome-stars .br-widget {
    height: 28px;
    white-space: nowrap
}

    .br-theme-fontawesome-stars .br-widget a {
        font: normal normal normal 20px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        text-decoration: none;
        margin-right: 2px
    }

        .br-theme-fontawesome-stars .br-widget a:after {
            content: '\f005';
            color: #d2d2d2
        }

        .br-theme-fontawesome-stars .br-widget a.br-active:after {
            color: #ff9c00
        }

        .br-theme-fontawesome-stars .br-widget a.br-selected:after {
            color: #ff9c00
        }

    .br-theme-fontawesome-stars .br-widget .br-current-rating {
        display: none
    }

.br-theme-fontawesome-stars .br-readonly a {
    cursor: default
}

@media print {
    .br-theme-fontawesome-stars .br-widget a:after {
        content: '\f006';
        color: black
    }

    .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after {
        content: '\f005';
        color: black
    }
}

/*--- Description List --- */
dl.description-list {
    margin-bottom: 0px;
}

    dl.description-list dt, dl.description-list dd {
        font-size: 20px;
        line-height: 23px;
        font-weight: normal;
        margin-bottom: 16px;
        color: #000;
    }

    dl.description-list dt {
        min-width: 195px;
        float: left;
        margin-right: 35px;
        margin-bottom: 0px;
    }

    dl.description-list dd {
        margin-left: 230px;
    }

        dl.description-list dd:last-child {
            margin-bottom: 0px;
        }

/*--- Accordion1 --- */
.accordion1 .panel-body {
    padding: 15px 0px;
}

    .accordion1 .panel-body .table2 {
        margin-bottom: 16px;
    }

.accordion1 .panel-title {
    line-height: 22px;
    font-size: 14px;
}

    .accordion1 .panel-title.big {
        font-size: 18px;
    }

.accordion1 .panel-heading {
    background: none;
    padding: 0px;
}

    .accordion1 .panel-heading .accordion-toggle {
        color: #000;
        text-decoration: none;
        padding: 10px 30px 10px 0px;
        position: relative;
        display: block;
    }

        .accordion1 .panel-heading .accordion-toggle:after {
            font-family: 'FontAwesome';
            content: "\f106";
            position: absolute;
            right: 0px;
            top: 9px;
            font-size: 26px;
        }

        .accordion1 .panel-heading .accordion-toggle.collapsed:after {
            content: "\f107";
        }

.accordion1 .panel {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    margin: 0px;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 0px;
}

.accordion1 .panel-heading + .panel-collapse > .panel-body, .accordion1 .panel-heading + .panel-collapse > .list-group {
    border: none;
}

.accordion.accordion1 .panel {
    border-bottom: 1px solid #dadada;
    padding: 0px;
    margin: 0px;
}

.accordion.accordion1.non-border .panel {
    border-bottom: none;
}

.accordion.accordion1.non-border {
    margin-bottom: 0px;
}

.accordion.accordion1 .panel-heading .accordion-toggle {
    padding: 25px 30px;
    color: #ff9c00;
}

.accordion.accordion1.campus .panel-heading .accordion-toggle.collapsed {
    color: #000;
}

.accordion.accordion1.campus .panel-heading .accordion-toggle {
    color: #fc654c;
}

.accordion.accordion1.international .panel-heading .accordion-toggle {
    color: #58cf00;
}

.accordion.accordion1.doc-list-panel .panel-heading .accordion-toggle {
    color: #000;
}

.accordion.accordion1 .panel-heading .accordion-toggle:after {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    content: "-";
    right: auto;
    top: 21px;
    font-size: 36px;
    left: 0px;
    font-weight: normal;
    color: #ff9c00;
}

.accordion.accordion1.admission .panel-heading .accordion-toggle:after {
    color: #00c1a1;
}

.accordion.accordion1.academic .panel-heading .accordion-toggle:after {
    color: #00bfe7;
}

.accordion.accordion1.connect .panel-heading .accordion-toggle:after {
    color: #ed027b;
}

.accordion.accordion1.campus .panel-heading .accordion-toggle:after {
    color: #fc654c;
}

.accordion.accordion1.international .panel-heading .accordion-toggle:after {
    color: #58cf00;
}

.accordion.accordion1 .panel-heading .accordion-toggle.collapsed:after {
    content: "+";
    top: 23px;
}

.accordion.accordion1 .panel-heading .accordion-toggle.collapsed {
    color: #000;
}

.accordion.accordion1.connect .panel-heading .accordion-toggle {
    color: #ed027b;
}

.accordion.accordion1.connect .announcements .panel-heading .accordion-toggle:after {
    top: 15px;
}

.accordion.accordion1.connect .panel-heading .accordion-toggle.collapsed {
    color: #000;
}

.accordion.accordion1.admission .panel-heading .accordion-toggle {
    color: #00c1a1;
}

.accordion.accordion1.academic .panel-heading .accordion-toggle {
    color: #00bfe7;
}

.accordion.accordion1.international .panel-heading .accordion-toggle.collapsed {
    color: #000;
}

.accordion.accordion1.admission .panel-heading .accordion-toggle.collapsed {
    color: #000;
}

.accordion.accordion1.academic .panel-heading .accordion-toggle.collapsed {
    color: #000;
}

.accordion.accordion .panel-title {
    font-size: 16px;
    font-weight: bold;
}

.accordion.accordion.accordion1 .panel-body {
    padding: 0px 0px 0px 30px;
}

.accordion .announcements .date {
    float: left;
    width: 80px;
    height: 80px;
    padding: 20px 12px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
}

.accordion .announcements .details {
    margin-left: 110px;
    height: 80px;
}

.accordion .announcements .panel-heading .accordion-toggle:after {
    left: auto;
    right: 0px;
    top: 40px;
}

.accordion .announcements .panel-heading .accordion-toggle {
    padding: 15px 30px 15px 0px;
}

.accordion .announcements .panel-body {
    padding-left: 110px;
}

.international-page .accordion .announcements .date {
    font-size: 12px;
}

/*--- Content block --- */
.content-block {
    margin-bottom: 25px;
}

.content-block-extra {
    margin-bottom: 32px;
}

    .content-block:last-child, .content-block-extra:last-child {
        margin-bottom: 0px;
    }

    .content-block p:last-child, .content-block-extra p:last-child {
        margin-bottom: 0px;
    }

.international-page .content-block p:last-child, international-page .content-block-extra p:last-child {
    margin-bottom: 15px;
}

/*--- Accordion --- */
#accordion .content-block:last-child, #accordion .content-block-extra:last-child {
    margin-bottom: 30px;
}

#accordion .content-block:last-child, #accordion .content-block-extra:last-child {
    margin-bottom: 30px;
}

/*--- Heading1 --- */
.heading1:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 4px;
    width: 50px;
    display: block;
}

.heading1 {
    color: #000;
    background: none;
    position: relative;
    padding-top: 10px;
}

    .heading1.color-theme1:after {
        background-color: #fc654c
    }

    .heading1.color-theme2:after {
        background-color: #00c1a1
    }

    .heading1.color-theme4:after {
        background-color: #ff9c00
    }

    .heading1.color-theme5:after {
        background-color: #ed027b
    }

    .heading1.color-theme6:after {
        background-color: #58cf00
    }

/*--- Sid Quick Links --- */
#side-quick-links {
    position: fixed;
    left: 0;
    top: 300px;
    text-align: center;
    z-index: 999;
}

    #side-quick-links ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
    }

    #side-quick-links li {
        position: absolute;
        left: -153px;
        transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
        -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
        -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
        -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
        -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    }

        #side-quick-links li .content > a {
            width: 40px;
            height: 40px;
            line-height: 40px !important;
            display: block;
            position: relative;
            z-index: 5;
            opacity: 1 !important;
            position: absolute;
            right: 0px;
            top: 0px;
        }

        #side-quick-links li.call > a {
            background: #ed027b;
        }

        #side-quick-links li.watsapp > a {
            background: #00c1a1;
        }

        #side-quick-links li.marker > a {
            background: #fc654c;
        }

        #side-quick-links li.marker .content > a {
            background: #e45c46;
        }

        #side-quick-links li.watsapp .content > a {
            background: #4cac05;
        }

        #side-quick-links li.call .content > a {
            background: #ca0269;
        }

        #side-quick-links li.marker .sociable {
            margin: 0px 3px;
        }

    #side-quick-links .fa {
        font-size: 20px;
        color: #fff;
        line-height: 40px;
    }

    #side-quick-links .content {
        height: 40px;
        width: 193px;
        text-align: middle;
        padding: 0px 10px 0px 10px;
    }

    #side-quick-links li:hover .content {
        left: 0;
    }

    #side-quick-links li p {
        margin: 0px;
        line-height: 40px;
        text-align: left;
    }

    #side-quick-links .call {
        top: 0px;
    }

        #side-quick-links .call:hover, #side-quick-links .watsapp:hover, #side-quick-links .marker:hover {
            left: 0px;
        }

    #side-quick-links .watsapp {
        top: 120px;
    }

    #side-quick-links .marker {
        top: 40px;
    }

    #side-quick-links .call .content {
        background-color: #ed027b;
    }

    #side-quick-links .watsapp .content {
        background-color: #58cf00;
    }

    #side-quick-links .watsapp .content {
        overflow: hidden;
    }

    #side-quick-links .watsapp:hover .content {
        height: auto;
    }

    #side-quick-links .watsapp .content {
        padding-top: 8px;
    }

        #side-quick-links .watsapp .content h6 {
            font-size: 12px;
            margin: 0px;
            color: #fff;
            text-align: left;
            line-height: 1;
        }

        #side-quick-links .watsapp .content p {
            line-height: 1;
            margin-bottom: 4px;
        }

            #side-quick-links .watsapp .content p:last-child {
                margin-bottom: 0px;
            }

    #side-quick-links .watsapp:hover .content > a {
        height: 92px;
        line-height: 92px !important;
    }

    #side-quick-links .marker .content {
        background-color: #fc654c;
    }

/* Live Events  */
#live-events {
    position: fixed;
    bottom: 100px;
    right: -286px;
    z-index: 1001;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}

    #live-events.active {
        right: 0px;
    }

    #live-events .live-events-placeholder {
        transform: rotate(270deg);
        background: #00c1a1;
        padding: 12px 20px;
        border-radius: 4px 4px 0 0;
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        position: absolute;
        left: -88px;
        top: 8px;
    }

        #live-events .live-events-placeholder a {
            color: #fff;
            text-decoration: none;
        }

    #live-events .count {
        background: #d33737;
        padding: 1px 4px;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        transform: rotate(90deg);
        font-weight: 500;
        position: absolute;
        left: 110px;
        top: -10px;
    }
    /*--- Live Events --- */
    #live-events .live-events-content {
        margin-top: -39px;
        background: #fff;
        width: 285px;
        opacity: 0;
        -moz-transition: opacity 0.9s ease-in-out;
        -o-transition: opacity 0.9s ease-in-out;
        -webkit-transition: opacity 0.49s ease-in-out;
        transition: opacity 0.9s ease-in-out;
        border: 9px solid #efefef;
        border-radius: 5px;
    }

    #live-events.active .live-events-content {
        opacity: 1;
    }

    #live-events .live-events-content .slick-slide img {
        width: 100%;
    }

/*--- Expert-faculty --- */
#expert-faculty .caroufredsel_wrapper {
    min-height: 280px !important;
}

#expert-faculty .user-box h5 {
    font-size: 15px;
}

#expert-faculty.slider2 .previous-btn {
    left: -30px;
}

#expert-faculty.slider2 .next-btn {
    right: -30px;
}

/*--- Announcements --- */
#announcements {
    background: #fff;
    padding: 17px 30px 44px 30px;
    margin-bottom: -44px;
}

    #announcements .row {
        margin-bottom: 0px;
    }

    #announcements h5 {
        margin-bottom: 25px;
        text-transform: uppercase;
    }

    #announcements ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    #announcements li .box {
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 5px;
        padding: 15px;
    }

        #announcements li .box .date {
            width: 80px;
            height: 80px;
            padding: 20px 12px;
            color: #fff;
            font-weight: bold;
            float: left;
            display: inline-block;
            text-align: center;
            font-size: 16px;
            line-height: 19px;
        }

        #announcements li .box .details {
            margin-left: 90px;
            display: table;
            height: 80px;
        }

            #announcements li .box .details p {
                display: table-cell;
                vertical-align: middle;
                height: 80px;
                line-height: 18px;
            }

/*--- Testimonials --- */
#testimonials {
    background: url(../images/testimonial-bg.png) no-repeat;
    background-size: cover;
    padding-top: 98px;
}

    #testimonials .column {
        min-height: 145px;
    }

    #testimonials .button3 {
        min-width: 180px;
    }

    #testimonials .column1 {
        border-right: 2px solid rgba(0,0,0,0.1);
        padding-right: 30px;
    }

    #testimonials .column2 {
        padding-left: 30px;
    }

    #testimonials h2 {
        text-decoration: none;
        margin-bottom: 46px;
        text-align: center;
    }

        #testimonials h2 span {
            display: block;
            font-weight: normal;
            padding-top: 12px;
        }

    #testimonials .image {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 7px solid #d8d8d8;
        float: left;
    }

        #testimonials .image img {
            width: 106px;
            height: 106px;
            border-radius: 50%;
            object-fit: cover;
        }

    #testimonials blockquote {
        margin-left: 140px;
        border: none;
        padding: 0px;
        margin-bottom: 0px;
    }

        #testimonials blockquote p {
            line-height: 26px;
        }

            #testimonials blockquote p a {
                color: #000;
            }

            #testimonials blockquote p.cite {
                font-size: 18px;
                margin: 0px;
            }

    #testimonials .slides {
        margin-bottom: 40px;
    }

    #testimonials.slider1 .previous-btn, #testimonials.slider1 .next-btn {
        font-size: 48px;
        color: #00bfe7;
        margin-top: -29px;
    }

    #testimonials.slider1 .previous-btn {
        left: -60px;
    }

    #testimonials.slider1 .next-btn {
        right: -60px;
    }

/*--- Testimonials2 --- */
#testimonials2 {
    background: #fff;
}

    #testimonials2 .btn {
        min-width: 180px;
    }

    #testimonials2 .slides {
        margin-bottom: 30px;
    }

/*--- Android App --- */
#android-app {
    background: url(../images/download-android-app-bg.jpg) no-repeat;
    background-size: cover;
}

    #android-app .inner-content {
        max-width: 670px;
    }

    #android-app h3 {
        color: #fff;
        padding-bottom: 30px;
        margin-bottom: 20px;
        border-bottom: 4px solid #ffe352;
    }

    #android-app p {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 45px;
        color: #fff;
    }

/*--- Read Faq --- */
#read-faq {
    padding: 70px 0px;
    background: url(../images/faq-bg.png) no-repeat;
    background-size: cover;
}

    #read-faq h4 {
        color: #fff;
        margin: 0px;
        text-align: center;
        font-weight: 500;
    }

    #read-faq .button2 {
        min-width: 180px;
        margin-left: 15px;
    }

/*--- Company Hiring --- */
#company-hiring {
    background: #f1f6fe;
    text-align: center;
    padding-bottom: 0px;
    overflow: hidden;
}

    #company-hiring .container {
        position: relative;
    }

    #company-hiring .view-all {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    #company-hiring .lead {
        margin-bottom: 100px;
    }

    #company-hiring .stats-bg {
        width: 955px;
        height: 455px;
        background: #e7ebfb;
        margin: 0px auto;
        position: relative;
        border-top-left-radius: 475px;
        border-top-right-radius: 475px;
        border: 1px dashed #cdcbcb;
    }

        #company-hiring .stats-bg .round {
            border: 1px dashed #cdcbcb;
            position: absolute;
            left: 50%;
            bottom: -2px;
        }

            #company-hiring .stats-bg .round .sm-round {
                width: 11px;
                height: 11px;
                border-radius: 50%;
                background: #d8d8d8;
                border: 1px solid #979797;
                display: inline-block;
                position: absolute;
            }

            #company-hiring .stats-bg .round.round1 {
                width: 260px;
                height: 119px;
                margin-left: -130px;
                border-top-left-radius: 200px;
                border-top-right-radius: 200px;
                bottom: -19px;
            }

                #company-hiring .stats-bg .round.round1 .sm-round {
                    left: 12px;
                    top: 49px;
                }

            #company-hiring .stats-bg .round.round2 .sm-round {
                left: 111px;
                top: 31px;
            }

            #company-hiring .stats-bg .round.round3 .sm-round {
                left: 154px;
                top: 61px;
            }

    #company-hiring .company-list {
        position: absolute;
        left: 50%;
        top: 55px;
        width: 1000px;
        height: 910px;
        border: 1px solid #dadada;
        border-radius: 50%;
        margin-left: -500px;
    }

    #company-hiring ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #company-hiring ul li {
            width: 100px;
            height: 100px;
            background: #fff;
            border: 1px solid #dadada;
            text-align: center;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            line-height: 98px;
        }

            #company-hiring ul li:nth-child(1) {
                left: 189px;
                top: -3px;
            }

            #company-hiring ul li:nth-child(2) {
                left: 349px;
                top: -50px;
            }

            #company-hiring ul li:nth-child(3) {
                left: 514px;
                top: -45px;
            }

            #company-hiring ul li:nth-child(4) {
                left: 674px;
                top: 8px;
            }

            #company-hiring ul li:nth-child(5) {
                left: 794px;
                top: 111px;
            }

            #company-hiring ul li:nth-child(6) {
                left: 867px;
                top: 262px;
            }

            #company-hiring ul li:nth-child(7) {
                left: 894px;
                top: 429px;
            }

            #company-hiring ul li:nth-child(8) {
                left: 854px;
                top: 603px;
            }

            #company-hiring ul li:nth-child(9) {
                left: 738px;
                top: 760px;
            }

            #company-hiring ul li:nth-child(10) {
                left: 576px;
                top: 860px;
            }

            #company-hiring ul li:nth-child(11) {
                left: 338px;
                top: 889px;
            }

            #company-hiring ul li:nth-child(12) {
                left: 134px;
                top: 801px;
            }

            #company-hiring ul li:nth-child(13) {
                left: 0px;
                top: 640px;
            }

            #company-hiring ul li:nth-child(14) {
                left: -53px;
                top: 463px;
            }

            #company-hiring ul li:nth-child(15) {
                left: -29px;
                top: 271px;
            }

            #company-hiring ul li:nth-child(16) {
                left: 52px;
                top: 120px;
            }

            #company-hiring ul li img {
                max-width: 75px;
                max-height: 75px;
            }

    #company-hiring .stats-bg .animate {
        position: relative;
        top: -12px;
        height: 955px;
        width: 960px;
        -webkit-animation: rotation 30s infinite linear;
    }

        #company-hiring .stats-bg .animate ul li {
            -webkit-animation: rotation 30s infinite linear;
            animation-direction: reverse;
        }

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

#company-hiring .stats-bg .round.round2 {
    width: 510px;
    height: 250px;
    bottom: -16px;
    margin-left: -255px;
    border-top-left-radius: 350px;
    border-top-right-radius: 350px;
}

#company-hiring .stats-bg .round.round3 {
    width: 765px;
    height: 375px;
    bottom: -16px;
    margin-left: -385px;
    border-top-left-radius: 450px;
    border-top-right-radius: 450px;
}

#company-hiring .stats-bg .round .content {
    margin-top: -20px;
}

    #company-hiring .stats-bg .round .content figure {
        width: 40px;
        height: 40px;
        margin: 0px auto 13px auto;
    }

        #company-hiring .stats-bg .round .content figure img {
            max-width: 40px;
            max-height: 40px;
        }

    #company-hiring .stats-bg .round .content h4 {
        font-weight: 500;
        margin-bottom: 4px;
    }

    #company-hiring .stats-bg .round .content p {
        font-size: 12px;
    }

/*--- Left Panel --- */
.left-panel .help-list {
    padding-top: 0px;
    margin-bottom: 30px;
}

    .left-panel .help-list li {
        padding: 10px;
    }

    .left-panel .help-list .round-icon {
        width: 60px;
        height: 60px;
    }

        .left-panel .help-list .round-icon .icons {
            font-size: 24px;
            line-height: 60px;
        }

    .left-panel .help-list .inner {
        margin-left: 78px;
        height: 60px;
    }

        .left-panel .help-list .inner p {
            height: 60px;
            font-size: 13px;
        }

/*--- Course Box --- */
.course-box {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    background: #fff;
}

    .course-box .content {
        padding: 15px;
        height: 102px;
        overflow: hidden;
    }

        .course-box .content .icon {
            float: right;
        }

        .course-box .content h6 {
            margin-bottom: 4px;
            height: 32px;
            overflow: hidden;
        }

            .course-box .content h6 a {
                text-decoration: none;
                color: #000;
            }

            .course-box .content h6:hover a {
                color: #00bfe7;
            }

        .course-box .content p {
            color: rgba(0,0,0,0.5);
            font-size: 12px;
            line-height: 15px;
            margin: 0px;
            height: 30px;
            overflow: hidden;
        }

        .course-box .content .details {
            margin-right: 55px;
        }

        .course-box .content .icon img {
            max-height: 40px;
            max-width: 40px;
        }

    .course-box .footer {
        padding: 15px;
        border-top: 1px solid #e9e9e9;
        position: relative;
    }

        .course-box .footer .count {
            font-size: 11px;
            line-height: 16px;
            color: rgba(0,0,0,0.5);
            font-weight: 500;
        }

        .course-box .footer .more-info {
            font-size: 12px;
            line-height: 15px;
            font-weight: bold;
            text-decoration: none;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            padding-right: 20px;
            display: inline-block;
        }

            .course-box .footer .more-info .icons {
                margin-left: 8px;
                font-size: 14px;
                vertical-align: middle;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                position: absolute;
                right: 0px;
                top: 1px;
            }

    .course-box:hover .footer .more-info .icons {
        -webkit-animation-name: more-info;
        animation-name: more-info;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/*--- School Box --- */
.school-box {
    padding: 15px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    background: #fff;
}

    .school-box a {
        text-decoration: none;
    }

    .school-box .icon {
        float: left;
        line-height: 55px;
    }

        .school-box .icon img {
            max-height: 40px;
            max-width: 40px;
        }

    .school-box .details {
        margin-left: 60px;
        height: 55px;
        display: table;
    }

    .school-box h6 {
        height: 55px;
        overflow: hidden;
        margin: 0px;
        font-weight: 500;
        display: table-cell;
        vertical-align: middle;
        line-height: 18px;
    }

/*--- Course List --- */
.course-list .course-box {
    margin-bottom: 30px;
}

#courseModal .list1 li:hover a {
    color: #00bfe7;
}

/*--- Next Step --- */
.next-step {
    padding-top: 20px;
    border-top: 1px dashed #E5E5E5;
    margin-top: 30px;
}

    .next-step.extra-margin {
        margin-top: 30px;
        display: inline-block;
        width: 100%;
    }

    .next-step .btn {
        margin-right: 5px;
        min-width: 120px;
    }

    .next-step .icons {
        margin-left: 20px;
        font-size: 22px;
        position: relative;
        right: -10px;
        vertical-align: middle;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        float: right;
    }

    .next-step .btn:hover .icons {
        transform: rotate(-45deg);
    }

    .next-step h4 {
        font-weight: 500;
        margin-bottom: 20px;
        font-size: 22px;
    }

/*--- Course Details --- */
.course-details, #course-details {
    padding-bottom: 40px;
}

    .course-details .course-short-info {
        margin-bottom: 30px;
    }

        .course-details .course-short-info .share-btn {
            float: right;
            margin-left: 16px;
        }

        .course-details .course-short-info h2 {
            margin-bottom: 10px;
            font-size: 18px;
        }

        .course-details .course-short-info p.university {
            font-weight: bold;
        }

            .course-details .course-short-info p.university a {
                font-weight: bold;
            }

            .course-details .course-short-info p.university .fa-university {
                color: #7a7a7a;
                font-size: 12px;
            }

        .course-details .course-short-info ul {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }

            .course-details .course-short-info ul li {
                float: left;
                padding-right: 20px;
                margin-right: 20px;
                border-right: 1px solid #e5e5e5;
            }

                .course-details .course-short-info ul li .fa-inr {
                    color: #7a7a7a;
                }

                .course-details .course-short-info ul li:last-child {
                    padding-right: 0px;
                    margin-right: 0px;
                    border-right: none;
                }

                .course-details .course-short-info ul li h6 {
                    font-size: 14px;
                    line-height: 23px;
                    margin: 0px;
                }

                    .course-details .course-short-info ul li h6 span {
                        font-size: 12px;
                        font-weight: 500;
                    }

                        .course-details .course-short-info ul li h6 span a {
                            color: #000;
                        }

                        .course-details .course-short-info ul li h6 span:hover a {
                            text-decoration: underline;
                        }

                .course-details .course-short-info ul li p {
                    margin: 0px;
                }

        .course-details .course-short-info .button5 {
            margin-left: 15px;
        }

        .course-details .course-short-info .course-structure-lnk {
            padding-top: 13px;
            margin: 0px;
            text-align: right;
        }

    .course-details .tabs2 .nav-tabs > li {
        width: 20%;
    }

/*--- Inner Wrapper --- */
.inner-wrapper {
    margin-bottom: 40px;
}

.school-brouchre {
    float: right;
    display: inline-block;
    width: auto;
    margin-bottom: 30px;
}
    /*.school-brouchre a{border: 1px solid #DADADA; padding: 6px 6px;  border-radius: 5px;} */
    .school-brouchre a {
        padding: 10px 15px;
        border-radius: 50px;
        background: #000000;
        color: #fff;
    }

#school-overview h4 {
    float: left
}

#school-overview h1 {
    float: left;
    font-size: 24px;
    line-height: 29px;
}

#school-overview .content-block {
    display: inline-block
}

/*--- Details --- */
#about-details, #campus-details, #connect-details {
    padding-bottom: 40px;
}

    #campus-details .box-default3 {
        margin-bottom: 30px;
    }

        #campus-details .box-default3 .short-info {
            padding-top: 10px;
        }

            #campus-details .box-default3 .short-info .form-group {
                padding: 0px 20px;
            }

                #campus-details .box-default3 .short-info .form-group:first-child {
                    padding-left: 0px;
                    border-right: 1px solid #e5e5e5;
                }

                #campus-details .box-default3 .short-info .form-group h6 {
                    margin: 0px;
                }

                #campus-details .box-default3 .short-info .form-group p {
                    margin: 0px;
                }

            #campus-details .box-default3 .short-info .action-lnk {
                display: block;
                font-weight: bold;
                text-align: right;
                padding-top: 10px;
            }

                #campus-details .box-default3 .short-info .action-lnk .fa {
                    margin-right: 10px;
                }

/*--- Apply Modal --- */
#apply-modal .modal-body h2 {
    margin-bottom: 40px;
}

#apply-modal .modal-body h5 {
    text-transform: uppercase;
}

#apply-modal .modal-body p {
    font-size: 16px;
    margin-bottom: 25px;
}

#apply-modal .modal-footer {
    margin-top: 50px;
    border-top: 1px solid #e9e9e9;
    padding: 36px 0px 16px 0px;
}

    #apply-modal .modal-footer p {
        font-weight: bold;
        margin: 0px;
        font-size: 14px;
        line-height: 18px;
    }

        #apply-modal .modal-footer p a {
            color: #000;
            text-decoration: none;
        }

/*--- Course Info --- */
#course-info .about-course {
    float: left;
    background: #f2f7ff;
    width: 37%;
    padding: 50px 30px;
    padding-top: 0px;
    min-height: 900px;
}

    #course-info .about-course .section {
        padding: 40px 0px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

        #course-info .about-course .section h2 {
            font-size: 32px;
            line-height: 38px;
        }

        #course-info .about-course .section:last-child {
            border-bottom: none;
        }

#course-info .know-more {
    float: left;
    background: #fff;
    width: 63%;
    padding: 20px 30px;
}

    #course-info .know-more #breadcrumbs {
        padding-top: 0px;
    }

#course-info .course-structure-lnk {
    margin: 0px;
}

    #course-info .course-structure-lnk a {
        color: #000;
    }

#course-info .share-btn {
    border-color: #000;
    color: #000;
}

#course-info.course-singleform .know-more {
    width: 100%;
    float: none;
}

#course-info.course-singleform .know-more-form {
    width: 570px;
    margin-left: auto;
    margin-right: auto;
}

    #course-info.course-singleform .know-more-form h4 {
        text-align: center;
    }

/*--- Know More Form --- */
.know-more-form {
    padding-top: 15px;
    max-width: 570px;
}

    .know-more-form.dsw {
        max-width: 100%;
    }

    .know-more-form .request_success {
        color: #26d974;
        margin-bottom: 4px;
        font-weight: bold;
        margin-top: 4px;
    }

    .know-more-form .agree {
        padding-top: 8px;
    }

    .know-more-form .form1 li {
        margin-bottom: 20px;
    }

    .know-more-form .international-call {
        position: relative;
    }

        .know-more-form .international-call .form-control {
            padding-left: 85px;
        }

        .know-more-form .international-call .select {
            position: absolute;
            left: 6px;
            top: 25px;
            width: 70px;
            border-left: none;
            border-radius: 0px;
            height: 40px;
        }

            .know-more-form .international-call .select:after {
                top: 16px;
                right: 10px;
            }

            .know-more-form .international-call .select select {
                border-radius: 0px;
                height: 40px;
                padding-right: 26px;
                padding-left: 5px;
            }

/*--- Shedule Section --- */
.shedule-section .shedule-icon {
    width: 426px;
    height: 426px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #e9e9e9;
    line-height: 424px;
}

.shedule-section .inner-content {
    padding-top: 60px;
}

.shedule-section .shedule-icon img {
    max-width: 240px;
}

.shedule-section P {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 24px;
}

    .shedule-section P:first-child {
        font-size: 23px;
    }

/*--- Apply To Sharda --- */
#apply-to-sharda .left-panel {
    float: left;
    width: 35%;
    background: url(../images/apply-now-banner.png) no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px;
    min-height: 850px !important;
}

    #apply-to-sharda .left-panel.International {
        height: 855px;
    }

#apply-to-sharda .right-panel {
    float: left;
    width: 65%;
    padding: 30px;
}

#apply-to-sharda .left-panel .logo {
    margin-bottom: 40px;
    position: relative;
}

    #apply-to-sharda .left-panel .logo img {
        max-width: 170px;
    }

#apply-to-sharda .left-panel .inner-content {
    width: 380px;
    margin: 0px auto;
    text-align: center;
}

    #apply-to-sharda .left-panel .inner-content h6, #apply-to-sharda .left-panel .inner-content h4 {
        color: rgba(255,255,255,0.8);
        text-align: center;
        text-transform: uppercase;
    }

    #apply-to-sharda .left-panel .inner-content .button6 {
        margin-bottom: 15px;
    }

    #apply-to-sharda .left-panel .inner-content h6 {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
    }

    #apply-to-sharda .left-panel .inner-content h4 {
        margin-bottom: 24px;
        font-size: 24px;
    }

    #apply-to-sharda .left-panel .inner-content p {
        color: #fff;
        font-size: 16px;
        line-height: 22px;
    }

    #apply-to-sharda .left-panel .inner-content .more-info {
        color: #00c1a1;
        font-size: 12px;
        line-height: 19px;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
    }

#apply-to-sharda .left-panel .overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    border-right: 1px solid #dadada;
    padding: 30px;
    transition: all 1s ease-in-out;
    display: none;
}

    #apply-to-sharda .left-panel .overlay .inner {
        width: 290px;
        margin: 0px auto;
    }

        #apply-to-sharda .left-panel .overlay .inner h4 {
            text-align: center;
            margin-bottom: 30px;
            text-transform: uppercase;
        }

        #apply-to-sharda .left-panel .overlay .inner h5 {
            margin-bottom: 10px;
        }

        #apply-to-sharda .left-panel .overlay .inner p {
            margin-bottom: 10px;
            font-size: 15px;
        }

            #apply-to-sharda .left-panel .overlay .inner p:last-child {
                margin-bottom: 0px;
            }

    #apply-to-sharda .left-panel .overlay .logo {
        text-align: left;
    }

    #apply-to-sharda .left-panel .overlay .close-overlay {
        font-size: 16px;
        color: #000;
        text-decoration: none;
        text-transform: uppercase;
        margin-bottom: 30px;
        display: block;
        font-weight: 500;
        text-align: center;
    }

        #apply-to-sharda .left-panel .overlay .close-overlay .icons {
            font-size: 36px;
        }

#apply-to-sharda .right-panel .nav-tabs {
    width: 260px;
    margin: 0px auto;
    background: #fff;
    border-radius: 26px;
    border: 1px solid #dadada;
    padding: 5px;
    margin: -60px auto 20px;
}

    #apply-to-sharda .right-panel .nav-tabs li {
        width: 50%;
        text-align: center;
    }

        #apply-to-sharda .right-panel .nav-tabs li:last-child a, #apply-to-sharda .right-panel .nav-tabs li:first-child a {
            text-align: center;
        }

        #apply-to-sharda .right-panel .nav-tabs li:last-child.active a, #apply-to-sharda .right-panel .nav-tabs li:first-child.active a {
            text-align: left;
        }

        #apply-to-sharda .right-panel .nav-tabs li a {
            border: none;
            font-size: 12px;
            line-height: 30px;
            padding: 0px;
            border-radius: 21px;
            font-weight: 500;
            text-align: left;
            padding: 0px 6px;
            color: #000;
        }

        #apply-to-sharda .right-panel .nav-tabs li:hover a {
            background: #fff;
        }

        #apply-to-sharda .right-panel .nav-tabs li a .fa {
            font-size: 18px;
            margin-right: 12px;
            display: none;
            vertical-align: middle;
        }

        #apply-to-sharda .right-panel .nav-tabs li.active a {
            background: #00c1a1;
            color: #fff;
        }

            #apply-to-sharda .right-panel .nav-tabs li.active a .fa {
                display: inline-block;
            }

#apply-to-sharda .right-panel .header {
    margin-bottom: 80px;
}

    #apply-to-sharda .right-panel .header .button6 {
        float: right;
    }

    #apply-to-sharda .right-panel .header .logo {
        float: right;
        margin-bottom: 10px;
    }

        #apply-to-sharda .right-panel .header .logo img {
            max-width: 140px;
        }

    #apply-to-sharda .right-panel .header h5 {
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        text-align: right;
        margin-right: 20px;
        float: right;
    }

        #apply-to-sharda .right-panel .header h5 span {
            display: block;
            font-size: 11px;
            font-weight: normal;
        }

    #apply-to-sharda .right-panel .header .button6 {
        color: #000;
        border-radius: 29px;
        min-width: 150px;
        font-weight: 500;
    }

    #apply-to-sharda .right-panel .header .select {
        min-height: 26px;
        max-width: 145px;
        border-radius: 22px;
    }

        #apply-to-sharda .right-panel .header .select:after {
            top: 9px;
        }

        #apply-to-sharda .right-panel .header .select select {
            height: 26px;
            background: none;
            font-size: 12px;
        }

#apply-to-sharda .note {
    font-size: 11px;
    line-height: 18px;
    width: 640px;
    margin: 0px auto 0px auto;
}

    #apply-to-sharda .note a {
        font-weight: bold;
        color: #00c1a1;
    }

/*--- Progressbar --- */
#progressbar {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    counter-reset: step;
    margin-bottom: 50px;
}

    #progressbar li {
        color: rgba(255,255,255,0.8);
        font-size: 13px;
        position: relative;
        margin-bottom: 15px;
        padding-left: 60px;
        line-height: 32px;
        text-align: left;
    }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 32px;
            height: 32px;
            line-height: 32px;
            display: inline-block;
            color: #fff;
            border-radius: 50%;
            margin: 0 auto 5px auto;
            border: 1px solid rgba(255,255,255,0.5);
            text-align: center;
            position: absolute;
            left: 0px;
            top: 0px;
        }

        #progressbar li:after {
            content: '';
            width: 1px;
            height: 15px;
            background: rgba(255,255,255,0.5);
            position: absolute;
            left: 16px;
            top: 32px;
        }

        #progressbar li:last-child:after { /*connector not needed before the first step*/
            content: none;
        }

        #progressbar li.active:before, #progressbar li.active:after {
            background: #fff;
            color: #00c1a1;
        }

/*--- Apply Box --- */
.apply-box {
    width: 640px;
    margin: 0px auto;
    background: #f2f7ff;
    border-radius: 5px;
    border: 1px solid #dadada;
    padding: 30px;
    margin-bottom: 20px;
}

/*--- Msform--- */
#msform {
    text-align: center;
    position: relative;
    width: 520px;
    margin: 0px auto;
}

    #msform h2 {
        font-size: 24px;
        line-height: 37px;
        margin-bottom: 10px;
        font-weight: normal;
    }

    #msform h6 {
        margin-bottom: 30px;
        font-weight: 500;
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
    }

        #msform h6.heading {
            margin-bottom: 12px;
            font-weight: 500;
            text-transform: uppercase;
            color: rgba(0,0,0,0.5);
            font-size: 12px;
            line-height: 15px;
            text-align: left;
        }

    #msform fieldset {
        position: relative;
    }
        /*Hide all except first fieldset*/
        #msform fieldset:not(:first-of-type) {
            display: none;
        }

    #msform .button7, #msform .button8 {
        min-width: 132px;
        margin: 0px 2px;
    }

    #msform ul {
        margin-bottom: 30px;
    }

        #msform ul li {
            position: relative;
        }

    #msform .icons, #msform label {
        position: absolute;
        top: 0px;
        height: 42px;
        line-height: 42px;
        z-index: 10;
    }

    #msform .icons {
        left: 0px;
        background: #002855;
        width: 60px;
        font-size: 18px;
        color: rgba(255,255,255,0.7);
        border-radius: 5px 0px 0px 5px;
    }

    #msform .form-control {
        padding-left: 190px;
    }

    #msform .select {
        min-height: 42px;
    }

        #msform .select select {
            height: 40px;
            padding-left: 188px;
        }

    #msform .international-call .form-control {
        padding-left: 258px;
    }

    #msform .international-call .select {
        position: absolute;
        left: 180px;
        top: 0px;
        width: 70px;
        border-left: none;
        border-radius: 0px;
        height: 40px;
    }

        #msform .international-call .select:after {
            top: 16px;
            right: 10px;
        }

        #msform .international-call .select select {
            border-radius: 0px;
            height: 40px;
            padding-right: 26px;
            padding-left: 5px;
        }

    #msform label {
        left: 60px;
        background: #e7ebfb;
        width: 120px;
        margin: 0px;
        font-size: 12px;
        color: rgba(0,0,0,0.5);
        font-weight: bold;
        text-align: left;
        padding-left: 8px;
    }

    #msform .registeration {
        margin: 50px 0px;
    }

        #msform .registeration h4 {
            font-weight: normal;
        }

            #msform .registeration h4 span {
                font-size: 36px;
                font-weight: bold;
                line-height: 48px;
                color: #00c1a1;
                display: block;
            }

    #msform .agree {
        font-size: 11px;
        line-height: 14px;
        color: rgba(0,0,0,0.3);
        margin: 0px;
    }

        #msform .agree a {
            color: #00c1a1;
        }

    #msform .gender {
        background: #fff;
        height: 42px;
        border: 1px solid #dadada;
        border-radius: 0px 5px 5px 0px;
        border-left: none;
        padding: 10px 0px 0px 38px;
    }

        #msform .gender label {
            position: relative;
            left: auto;
            top: auto;
            width: auto;
            line-height: 19px;
            height: auto;
            background: none;
            font-size: 14px;
            font-weight: normal;
        }

        #msform .gender .radio-input label:before {
            left: -17px;
        }

/*--- cover-banner --- */
#cover-banner {
    height: 350px;
    width: 100%;
    background-size: 100%;
    background-position: 50% 50%;
}

/*--- Global Search --- */
#global-search {
    background-color: #f2f7ff;
    padding: 115px 0px 0px;
    position: relative;
}

    #global-search .close-search {
        padding-right: 50px;
        color: rgba(0,0,0,0.5);
        font-size: 36px;
        line-height: 48px;
        display: block;
        text-decoration: none;
        position: relative;
        top: -95px;
        float: right;
    }

        #global-search .close-search:hover {
            color: rgba(0,0,0,0.9);
        }

    #global-search > .fa-search {
        color: rgba(0,0,0,0.1);
        font-size: 36px;
        line-height: 68px;
        position: absolute;
        right: 50px;
        top: 200px
    }

    #global-search .tabs1 .inner-search {
        background: #fff;
        min-height: 800px;
    }

    #global-search .tabs1 .tab-content {
        background: #fff;
    }

    #global-search .tabs1 .nav-tabs {
        margin-bottom: 0px;
        text-align: center;
    }

        #global-search .tabs1 .nav-tabs li a {
            padding-bottom: 19px;
        }

    #global-search .tabs1 > .nav-tabs {
        margin-left: 30px;
    }

    #global-search .tabs1 .nav-tabs > li {
        margin-right: 0px;
        float: none;
        display: inline-block;
    }

    #global-search .site-search {
        padding: 60px;
    }

        #global-search .site-search input {
            font-size: 14px;
            color: rgba(0,0,0,0.5);
            border: none;
            width: 100%;
            padding-right: 50px;
        }

/*--- Search Tab --- */
#search-tab .select-search-category {
    padding-top: 40px;
}

#search-tab .nav-tabs {
    border-bottom: 4px solid #dadada;
    counter-reset: my-awesome-counter;
}

#global-search .tabs1 #search-tab .nav-tabs li {
    width: 33.33%;
    margin-right: 0px;
    float: left;
    display: block;
    counter-increment: my-awesome-counter;
}

#search-tab .nav-tabs li:last-child {
    border: none;
}

#search-tab .nav-tabs li a {
    position: relative;
    border: none;
    cursor: pointer;
}

    #search-tab .nav-tabs li a .icons {
        float: right;
    }

    #search-tab .nav-tabs li a .fa-check-circle {
        position: absolute;
        right: -30px;
        top: 16px;
        color: #00c1a1;
        font-size: 26px;
        display: none;
    }

#search-tab .nav-tabs li.selected a .fa-check-circle {
    display: inline-block;
}

#search-tab .nav-tabs li.active a, #search-tab .nav-tabs li:hover a {
    color: #dadada;
}

#search-tab .nav-tabs li.selected a {
    color: #000;
}

#search-tab .nav-tabs li:before {
    top: 67%;
    left: 50%;
    content: " ";
    height: 30px;
    width: 30px;
    position: absolute;
    pointer-events: none;
    border: 3px solid #dadada;
    border-radius: 50%;
    margin-left: -21px;
    background: #fff;
    z-index: 10;
    content: counter(my-awesome-counter) " ";
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    cursor: pointer;
}

#search-tab .nav-tabs li.active:after {
    content: "";
    width: 100%;
    height: 4px;
    background: #dadada;
    position: absolute;
    left: -50%;
    bottom: -4px;
    display: block;
}

#search-tab .nav-tabs li.selected.active:after {
    background: #00bfe7;
}

#search-tab .nav-tabs li.active:first-child:after {
    display: none;
}

#search-tab .nav-tabs li.selected:before {
    border-color: #00bfe7;
    background: #00bfe7;
    color: #fff;
}

#search-tab .nav-tabs li.selected a:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #00bfe7;
    position: absolute;
    left: 0px;
    bottom: -4px;
    display: block;
}

#search-tab .nav-tabs li.active:after, #search-tab .nav-tabs li.active:before {
    display: block;
}

#search-tab .nav-tabs li:first-child:after, #search-tab .nav-tabs li:first-child:befor {
    display: block;
}

#search-tab .nav-tabs .custom-select .icons {
    float: right;
}

#search-tab .tab-content {
    padding: 30px 40px;
}

#search-tab .search-area {
    margin-bottom: 30px;
}

    #search-tab .search-area h5 .back-btn {
        float: right;
        margin-left: 4px;
        font-size: 14px;
        font-weight: 500;
    }

    #search-tab .search-area p {
        height: 44px;
        overflow: hidden;
        padding-left: 15px;
        position: relative;
    }

        #search-tab .search-area p a {
            color: #000;
        }

        #search-tab .search-area p:hover a {
            color: #00bfe7;
        }

        #search-tab .search-area p a .fa {
            position: absolute;
            left: 0px;
            top: 5px;
        }

#search-tab .form1 .radio-input {
    margin-bottom: 20px;
}

#search-tab .keyword-search-area .form-control {
    float: left;
    width: 60%;
}

    #search-tab .keyword-search-area .form-control:focus {
        box-shadow: none;
        border-color: #dadada;
    }

#search-tab .keyword-search-area {
    position: relative;
}

    #search-tab .keyword-search-area .keyword-search-results {
        position: absolute;
        left: 0px;
        top: 32px;
        width: 60%;
        border: 1px solid #dadada;
        border-top: none;
        max-height: 492px;
        overflow: auto;
    }

        #search-tab .keyword-search-area .keyword-search-results ul {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }

            #search-tab .keyword-search-area .keyword-search-results ul li {
                border-bottom: 1px solid #dadada;
            }

                #search-tab .keyword-search-area .keyword-search-results ul li:last-child {
                    border-bottom: none;
                }

                #search-tab .keyword-search-area .keyword-search-results ul li a {
                    padding: 8px;
                    display: block;
                    font-size: 13px;
                    color: #000;
                    text-decoration: none;
                }

                #search-tab .keyword-search-area .keyword-search-results ul li:hover a {
                    background: #f2f2f2;
                }

/*--- Main Contact --- */
.main-contact {
    border-bottom: 1px solid #dadada;
}

    .main-contact .contact-box {
        padding-top: 30px;
        margin-bottom: 30px;
    }

.how-to-reach .inner-content {
    padding: 50px 0px;
    background: url(../images/contact-bg.png) no-repeat;
    text-align: center;
    background-size: cover;
}

.how-to-reach h4, .how-to-reach p {
    color: #fff;
}

.how-to-reach p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
}

/*--- Counseling Centre Contact --- */
.contact-counseling-centre {
    padding: 40px 0px 0px;
}

    .contact-counseling-centre .contact-box {
        margin-bottom: 30px;
        min-height: 250px;
    }

    .contact-counseling-centre h4 {
        margin-bottom: 30px;
    }

/*--- Get In Touch --- */
.get-in-touch {
    background: #002855;
    padding: 20px;
}

    .get-in-touch h5 {
        color: #fff;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .get-in-touch p {
        color: #fff;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .get-in-touch .international-call {
        position: relative;
    }

        .get-in-touch .international-call .form-control {
            padding-left: 85px;
        }

        .get-in-touch .international-call .select {
            position: absolute;
            left: 6px;
            top: 0px;
            width: 70px;
            border-left: none;
            border-radius: 0px;
            height: 40px;
        }

            .get-in-touch .international-call .select:after {
                top: 16px;
                right: 10px;
            }

            .get-in-touch .international-call .select select {
                border-radius: 0px;
                height: 40px;
                padding-right: 26px;
                padding-left: 5px;
            }

/*--- Scholarship Details --- */
.scholarship-details .table {
    width: 100%;
}

    .scholarship-details .table tr td {
        border: none;
        font-weight: 500;
    }

        .scholarship-details .table tr td:last-child {
            text-align: right;
        }

.scholarship-details p.note {
    font-size: 16px;
    font-weight: bold;
}

.scholarship-details h5.note {
    font-size: 20px;
}

.scholarship-details td p {
    text-align: left;
}

/*--- Course Filter --- */
#course-filter .search-area {
    margin-bottom: 40px;
    position: relative;
}

    #course-filter .search-area .form-control {
        padding-right: 35px;
    }

    #course-filter .search-area button {
        position: absolute;
        right: 20px;
        top: 12px;
        background: none;
        border: none;
        box-shadow: none;
    }

/*--- Course Fee Details --- */
.course-fee-details > .box-default3 {
    padding-bottom: 0px;
}

#course-filter .fee-structure {
    background: #f9fbfe;
    padding: 10px;
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

    #course-filter .fee-structure .heading1 {
        min-height: 50px;
        max-height: 50px;
        overflow: hidden;
        max-height: 50px;
    }

        #course-filter .fee-structure .heading1:after {
            display: none;
        }

    #course-filter .fee-structure .table {
        margin-bottom: 0px;
    }

        #course-filter .fee-structure .table tr td {
            font-size: 13px;
            font-weight: 500;
        }

        #course-filter .fee-structure .table tr th:last-child {
            display: block;
        }

        #course-filter .fee-structure .table tr th {
            font-size: 12px;
            padding-bottom: 0px;
            padding-top: 0px;
        }

        #course-filter .fee-structure .table tr td, #course-filter .fee-structure .table tr th {
            border: none;
            vertical-align: middle;
        }

            #course-filter .fee-structure .table tr td:first-child, #course-filter .fee-structure .table tr th:first-child {
                padding-left: 0px;
            }

            #course-filter .fee-structure .table tr td:last-child {
                padding-top: 12px;
            }

            #course-filter .fee-structure .table tr td .action-lnk {
                font-weight: bold;
                font-size: 12px;
            }


/*  Course Fee Latest */

.n-programe-fees {
    display: inline-block;
    border-top: 1px solid #dbdbdb;
    margin: 0 0 20px 0px;
    width: 100%;
}

.programe-fees-heading {
    clear: both;
    padding: 20px 20px 0 20px;
    display: inline-block;
    width: 100%;
}

    .programe-fees-heading a {
        color: #000;
        float: right;
    }

    .programe-fees-heading h5 {
        float: left;
        width: 60%;
        padding: 10px 0 0 0;
    }

        .programe-fees-heading h5 a {
            float: left !important;
        }

    .programe-fees-heading button {
        float: right;
    }

.programe-fees-table {
    clear: both;
    padding: 0px 20px 10px 20px;
    margin: 0 0 0px 0;
    transition: ease all 0.3s;
    overflow: hidden;
}

    .programe-fees-table table {
        width: 100%;
    }

        .programe-fees-table table td {
            padding: 4px 4px 4px 20px;
            border: 1px solid #eeeeee !important;
            text-align: left;
        }

            .programe-fees-table table td:last-child {
                border-right: 0;
            }

            .programe-fees-table table td strong {
                display: block;
                margin: 0px 0 2px 0;
            }

            .programe-fees-table table td span {
                display: block;
                margin: 0px 0 0px 15px;
            }

    .programe-fees-table .nav-tab {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .programe-fees-table .nav-tab li {
            display: block;
            margin: 0;
            padding: 0;
        }

            .programe-fees-table .nav-tab li a {
                display: block;
                float: left;
                padding: 6px 20px;
                margin: 0 0px 0 0;
                background: #f1f1f1;
                color: #666;
            }

                .programe-fees-table .nav-tab li a:hover, .programe-fees-table .nav-tab li.active a {
                    background: #666666;
                    color: #fff;
                    text-decoration: none;
                }
    /*.programe-fees-table .nav-tab li:first-child a { border-radius:10px 0px 0 0; }
.programe-fees-table .nav-tab li:last-child a { border-radius:0 10px 0 0; }*/
    .programe-fees-table .programe-first-tr {
        display: table-row !important;
    }

.arrow-rotate {
    transform: rotate(180deg);
}

.fees-design {
    height: 160px;
}

    .fees-design table {
        width: 100%;
    }

        .fees-design table td {
            border: 1px solid #ccc !important;
        }

.programe-fees-table tr {
    display: table-row;
    background: #fff;
}

.programe-fees-table .programe-first-tr {
    background: #fff;
}

.programe-fees-foot {
    background: #e8ebfe;
    text-align: center;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    display: inline-block;
    width: 100%;
}

    .programe-fees-foot a {
        font-size: 12px;
        text-align: center;
        color: #000;
    }

.programe-fees-heading-open {
    display: inline-block;
    background: none;
    padding: 0px 0px 10px 0px;
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .programe-fees-heading-open h5 {
        margin: 0 !important;
        background: none !important;
        padding: 15px 0 0 0px !important;
    }

.programe-fees-table-open {
    padding: 0px 0px 20px 0px;
}

    .programe-fees-table-open table {
        width: 100%;
    }

        .programe-fees-table-open table td {
            padding: 4px 4px 4px 20px;
            border: 1px solid #ccc !important;
            text-align: left;
        }

            .programe-fees-table-open table td:last-child {
                border-right: 0;
            }

            .programe-fees-table-open table td strong {
                display: block;
                margin: 0px 0 2px 0;
            }

            .programe-fees-table-open table td span {
                display: block;
                margin: 0px 0 0px 15px;
            }

    .programe-fees-table-open tr {
        display: table-row;
        background: #fff;
    }

    .programe-fees-table-open .programe-first-tr {
        display: table-row !important;
    }

    .programe-fees-table-open .programe-first-tr {
        background: #e8ebfc;
    }


/*--- Gallery --- */
#gallery .image-gallery > a, #gallery .video-gallery > a {
    display: block;
    height: 450px;
    position: relative;
    text-decoration: none;
}

#gallery .image-gallery {
    width: 64%;
    background: url(../images/image-gallery-banner.jpg) no-repeat;
    margin-right: 1%;
}

    #gallery .image-gallery h2 {
        margin: 0px;
        position: absolute;
        left: 30px;
        bottom: 20px;
        color: #fff;
        font-weight: normal;
    }

#gallery .video-gallery {
    width: 35%;
    background: url(../images/video-gallery-banner.jpg) no-repeat;
}

    #gallery .video-gallery .play-btn {
        width: 86px;
        height: 86px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -43px;
        margin-top: -43px;
        background: rgba(0,191,231,0.9);
        border-radius: 50%;
        line-height: 86px;
        text-align: center;
        display: inline-block;
        color: #fff;
        font-size: 26px;
    }

#gallery.campus .video-gallery .play-btn {
    background: rgba(252,101,76,0.9);
}

#gallery.about .video-gallery .play-btn {
    background: rgba(221,177,42,0.9);
}

#gallery.international .video-gallery .play-btn {
    background: rgba(88,207,0,0.9);
}

#gallery.admission .video-gallery .play-btn {
    background: rgba(74,190,163,0.9);
}

#gallery .image-gallery, #gallery .video-gallery {
    position: relative;
    height: 450px;
    background-size: cover;
    float: left;
    background-position: top center;
}

#gallery.campus .image-gallery {
    background: url(../images/gallery-banner2.png) no-repeat;
}

#gallery.campus .video-gallery {
    background: url(../images/video-gallery-banner2.png) no-repeat;
}

/*--- Recruiters --- */
#recruiters {
    background: #f1f6fe;
}

    #recruiters .box-default {
        border-radius: 0px;
        border: none;
        text-align: center;
        height: 100px;
        line-height: 68px;
    }

        #recruiters .box-default img {
            max-width: 125px;
            max-height: 62px;
        }

    #recruiters .slides {
        margin-bottom: 40px;
    }

    #recruiters .btn {
        min-width: 180px;
    }

/*--- Chancellor Details --- */
.chancellor-details {
    margin-bottom: 30px;
}

    .chancellor-details .banner figure img {
        width: 100%;
        max-height: 450px;
        object-fit: cover;
        object-position: top;
    }

    .chancellor-details .banner figcaption {
        background: #ff9c00;
        padding: 15px 20px;
    }

        .chancellor-details .banner figcaption h4 {
            color: #fff;
            margin-bottom: 4px;
        }

        .chancellor-details .banner figcaption p {
            color: #fff;
            margin: 0px;
            font-weight: normal;
            font-size: 20px;
        }

    .chancellor-details .content, .chancellor-details .footer {
        background: rgba(221,177,42,0.2);
        padding: 20px;
    }

        .chancellor-details .footer .sociable2 .sociable3 a {
            pointer-events: auto;
        }

/*--- Chancellor Msg --- */
.chancellor-msg {
    padding: 20px;
    border-radius: 0px;
    position: relative;
    border: none;
}

    .chancellor-msg blockquote {
        border: none;
        padding: 0px 0px 0px 43px;
    }

        .chancellor-msg blockquote .fa {
            color: rgba(0,0,0,0.5);
            font-size: 24px;
            position: absolute;
        }

        .chancellor-msg blockquote .fa-quote-left {
            margin-left: -40px;
        }

        .chancellor-msg blockquote .fa-quote-right {
            margin-left: 20px;
            right: 36px;
            bottom: 18px;
        }

    .chancellor-msg h4 {
        font-size: 20px;
    }

/*--- Core Values --- */
#core-values .banner {
    position: relative;
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

#core-values .overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 300px;
    width: 100%;
    text-align: center;
    display: table;
}

    #core-values .overlay .inner {
        display: table-cell;
        vertical-align: middle;
        padding: 25px;
        background: rgba(0,0,0,0.5);
    }

    #core-values .overlay h2 {
        color: #fff;
        margin-bottom: 10px;
    }

    #core-values .overlay p {
        color: #fff;
    }

#core-values .slider2 {
    border: 1px solid #dadada;
}

#core-values .inner-content {
    padding: 15px;
}

#core-values h5 {
    margin-bottom: 5px;
}

#core-values .slider2 .previous-btn {
    left: -30px;
}

#core-values .slider2 .next-btn {
    right: -30px;
}

/*--- Campus Overview --- */
#campus-overview .tabs5 .nav-tabs li a {
    padding: 15px 18px;
}

#campus-overview .hidden-txt {
    display: none;
}

#campus-overview .read-more {
    font-weight: bold;
    text-decoration: none;
}

    #campus-overview .read-more .icons {
        margin-left: 8px;
    }

#campus-overview #overview .content-block p:last-child {
    margin-bottom: 20px;
}

#campus-overview .campus-tab.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 110;
    background: #fff;
}

    #campus-overview .campus-tab.fixed .nav-tabs {
        border-radius: 0px;
        text-align: center;
        border: 0px;
        border-bottom: 1px solid #dadada;
    }

        #campus-overview .campus-tab.fixed .nav-tabs li {
            float: none;
            display: inline-block;
        }

/*--- Placement Highlights --- */
#placement-highlights {
    background: #f2f7ff;
    padding-bottom: 20px;
}

    #placement-highlights .box {
        padding: 20px;
        background: #fff;
        margin-bottom: 30px;
    }

    #placement-highlights figure {
        margin: 0px auto 20px auto;
        text-align: center;
        width: 100px;
        height: 100px;
    }

        #placement-highlights figure img {
            max-width: 100px;
            max-height: 100px;
        }

    #placement-highlights h5 {
        font-weight: 500;
        margin: 0px;
        height: 65px;
        overflow: hidden;
    }

/*--- Our Rcruiters --- */
#our-recruiters {
    text-align: center;
}

    #our-recruiters ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    #our-recruiters .box {
        background: #fff;
        border: 1px solid #dadada;
        width: 170px;
        height: 100px;
        padding: 15px;
        line-height: 70px;
        margin-bottom: 30px;
    }

        #our-recruiters .box img {
            max-height: 70px;
            max-width: 140px;
        }

/*--- Center Excellence --- */
#center-excellence {
    text-align: center;
    background: #f1f6fe;
}

    #center-excellence p {
        margin-bottom: 30px;
    }

    #center-excellence .box-default3 {
        padding: 15px;
        text-align: center;
    }

        #center-excellence .box-default3 figure {
            height: 86px;
            margin-bottom: 15px;
        }

            #center-excellence .box-default3 figure img {
                max-height: 86px;
                max-width: 180px;
            }

        #center-excellence .box-default3 p {
            height: 90px;
            overflow: auto;
            margin: 0px;
            font-size: 12px;
            line-height: 15px;
            color: rgba(0,0,0,0.5);
            margin: 0px;
        }

#stars-videos {
    background-image: linear-gradient(180deg, #7594FF 0%, #61AEF4 100%);
}

    #stars-videos h4 {
        color: #fff;
        text-align: center;
    }

    #stars-videos li {
        text-align: center;
    }

/*--- Bank List --- */
.bank-list ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.bank-list li .box-default3 {
    padding: 15px;
    height: 80px;
    margin-bottom: 20px;
    line-height: 48px;
    text-align: center;
}

    .bank-list li .box-default3 img {
        max-height: 48px;
        max-width: 180px;
    }

/*--- Contact Placement --- */
#contact-placement {
    background: #f1f6fe;
}

    #contact-placement h4 {
        margin-bottom: 30px;
    }

    #contact-placement .inner {
        width: 325px;
        margin: 0px auto;
    }

        #contact-placement .inner .icons {
            width: 25px;
            display: inline-block;
        }

        #contact-placement .inner p {
            font-weight: bold;
            font-size: 16px;
        }

/*--- Research Journal --- */
#research-journal .accordion .panel-title {
    font-size: 20px;
}

/*--- Journal Main Menu --- */
.journal-main-menu .fa-angle-down, .journal-main-menu.active .fa-angle-right {
    display: none;
}

.journal-main-menu.active .fa-angle-down {
    display: inline-block;
}

.journal-book {
    float: right;
    margin: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
}

    .journal-book figure img {
        max-height: 150px;
        max-width: 137px;
    }

/*--- Journal Sub Menu --- */
.journal-sub-menu {
    display: none;
}

/*--- Business Incubation --- */
#business-incubation #overview {
    padding-bottom: 35px;
}

/*--- Event Listing --- */
.event-listing .news-box {
    margin-bottom: 30px;
}

/*--- Event Details --- */
#event-details {
    padding-bottom: 40px;
}

    #event-details .box-default3 {
        border-radius: 5px;
    }

    #event-details .event-info {
        margin-bottom: 30px;
    }

        #event-details .event-info #cover-banner {
            margin-bottom: 20px;
            background-size: cover;
            background-position: 100% 100%;
        }

        #event-details .event-info h4 {
            margin-bottom: 10px;
        }

            #event-details .event-info h4 .share-btn {
                float: right;
                margin-left: 20px;
                color: #424242;
            }

                #event-details .event-info h4 .share-btn .icons {
                    color: #7a7a7a;
                }

        #event-details .event-info .location {
            margin-bottom: 25px;
            font-size: 13px;
        }

            #event-details .event-info .location .icons {
                color: #7a7a7a;
                font-size: 12px;
            }

        #event-details .event-info ul {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }

            #event-details .event-info ul li { /*float:left; border-left:1px solid #dadada; padding-left:25px; margin-right:25px; min-width:120px;*/
            }

                #event-details .event-info ul li:last-child {
                    float: right;
                    border: none;
                    margin-right: 0px;
                }

                #event-details .event-info ul li:first-child {
                    border: none;
                    padding-left: 0px;
                }

                #event-details .event-info ul li h6 {
                    margin-bottom: 4px;
                }

                #event-details .event-info ul li p {
                    margin-bottom: 0px;
                }

                #event-details .event-info ul li .button13 {
                    min-width: 150px;
                }

                #event-details .event-info ul li .fa {
                    color: #7a7a7a;
                }

    #event-details .event-details .event-nav {
        border-bottom: 1px solid #e5e5e5;
        margin: 0px -20px 20px -20px;
    }

        #event-details .event-details .event-nav ul {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }

            #event-details .event-details .event-nav ul li {
                float: left;
                margin-right: 4px;
            }

                #event-details .event-details .event-nav ul li a {
                    display: inline-block;
                    font-size: 14px;
                    line-height: 18px;
                    color: #424242;
                    font-weight: bold;
                    padding: 0px 40px 12px 40px;
                    border-bottom: 4px solid #fff;
                    text-decoration: none;
                }

                #event-details .event-details .event-nav ul li:hover a, #event-details .event-details .event-nav ul li.active a {
                    border-color: #ed027b;
                }

    #event-details .event-details dl.description-list dt, #event-details .event-details dl.description-list dd {
        font-size: 13px;
        font-weight: 500;
    }

    #event-details .event-details dl.description-list dt {
        font-weight: bold;
        min-width: 145px;
    }

    #event-details .event-details dl.description-list dd {
        margin-left: 180px;
        margin-bottom: 6px;
    }

    #event-details #event-gallery ul li > img {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }

    #event-details #event-gallery .slider2 .previous-btn {
        left: -30px;
    }

    #event-details #event-gallery .slider2 .next-btn {
        right: -30px;
    }

/*--- Widget --- */
.widget {
    border: 1px solid #e5e5e5;
    margin-bottom: 34px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
}

    .widget .header {
        padding: 20px;
        border-bottom: 1px solid #e5e5e5;
        border-top: 5px solid #00bfe7;
    }

    .widget.facility-widget .header {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
    }

    .widget .header h5 {
        margin: 0px;
    }

    .widget .content {
        padding: 20px;
    }

        .widget .content.facility-widget {
            max-height: 450px;
            overflow: auto;
        }

        .widget .content ul {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }

            .widget .content ul li {
                margin: 0px;
                padding: 0px;
                list-style-type: none;
                margin-bottom: 15px;
                border-bottom: 1px dashed #dadada;
                padding-bottom: 15px;
            }

                .widget .content ul li h6 {
                    margin-bottom: 0px;
                }

                .widget .content ul li > a {
                    text-decoration: none;
                }

                .widget .content ul li:last-child {
                    border-bottom: none;
                    margin: 0px;
                    padding: 0px;
                }

                .widget .content ul li p.date {
                    margin: 0px;
                }

                    .widget .content ul li p.date .icons {
                        margin-right: 8px;
                    }

        .widget .content .widget-wrapper figure {
            width: 66px;
            float: left;
        }

            .widget .content .widget-wrapper figure video {
                width: 100%;
            }

            .widget .content .widget-wrapper figure img {
                max-width: 66px;
                max-height: 100px;
            }

        .widget .content.facility-widget .widget-wrapper figure img {
            width: 66px;
            height: 40px;
            object-fit: cover;
        }

        .widget .content .widget-wrapper .detail {
            margin-left: 76px;
        }

            .widget .content .widget-wrapper .detail h6 {
                font-size: 12px;
            }

            .widget .content .widget-wrapper .detail h5 {
                margin-bottom: 10px;
                font-size: 14px;
            }

.dsw-widget {
    margin-bottom: 20px;
}

    .dsw-widget .img {
        width: 100%;
    }

/*--- Gallery Listing --- */
.gallery-listing .gallery-box {
    margin-bottom: 30px;
    position: relative;
}

    .gallery-listing .gallery-box a > img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    /*.gallery-listing .gallery-box .overlay { position:absolute; width:100%; text-align:center; padding:15px; left:0px; bottom:0px; background:rgba(194,34,126,0.6); display:table; height:64px; }*/
    .gallery-listing .gallery-box .overlay {
        width: 100%;
        text-align: left;
        padding: 15px;
        background: #ffffff;
        display: table;
        height: 64px;
        box-shadow: 1px 1px 3px #ccc;
    }
        /*.gallery-listing .gallery-box .overlay h6 { margin:0px; color:#fff; font-weight:500; display:table-cell; vertical-align:middle; }*/
        .gallery-listing .gallery-box .overlay p {
            margin: 0px;
            color: #000;
            font-weight: 500;
            display: -webkit-box;
            vertical-align: middle;
            /* height: 70px; */
            overflow: hidden;
            -webkit-line-clamp: 3;
            font-size: 14px;
            -webkit-box-orient: vertical;
        }

    .gallery-listing .gallery-box.dsw-events .overlay {
        position: relative;
        background: rgba(194,34,126,1);
        height: 84px;
    }

/*--- News Details --- */
.news-details {
    background: #fff;
    margin-bottom: 20px;
}

    .news-details .news-banner img {
        width: 100%;
        max-height: 350px;
        object-fit: cover;
        object-position: center top;
    }

    .news-details .news-banner video {
        width: 100%;
    }

    .news-details .news-content {
        padding: 15px;
    }

        .news-details .news-content h1 {
            font-size: 28px;
            line-height: 36px;
        }

    .news-details #news-gallery ul li a img {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }

    .news-details #news-gallery .slider2 .previous-btn {
        left: -30px;
    }

    .news-details #news-gallery .slider2 .next-btn {
        right: -30px;
    }

body.admissions-page .widget .header {
    border-top: 5px solid #00c1a1;
}

body.leadership-page .widget .header {
    border-top: 5px solid #ff9c00;
}

body.about-page .widget .header {
    border-top: 5px solid #ff9c00;
}

body.campuslife-page .widget .header {
    border-top: 5px solid #fc654c;
}

body.connect-page .widget .header {
    border-top: 5px solid #ed027b;
}

body.international-page .widget .header {
    border-top: 5px solid #58cf00;
}

body.gallery-page, body.gallery-page #content {
    background: #000;
}

/*--- Gallery Slider --- */
.gallery-slider {
    width: 100%;
}

    .gallery-slider ul {
        list-style: none outside none;
        padding-left: 0;
        margin-bottom: 0;
    }

    .gallery-slider li {
        display: block;
        float: left;
        margin-right: 6px;
        cursor: pointer;
    }

    .gallery-slider .lSSlideOuter .lSPager.lSGallery {
        height: 36px;
        width: 80px;
        object-fit: cover;
    }

        .gallery-slider .lSSlideOuter .lSPager.lSGallery li.active, .gallery-slider .lSSlideOuter .lSPager.lSGallery li:hover {
            border-radius: 0px;
            height: 36px;
        }

    .gallery-slider .lSAction .lSPrev, .gallery-slider .lSAction .lSNext {
        position: absolute;
        display: inline-block;
        width: 50px;
        height: 50px;
        top: 50%;
        margin-top: -25px;
        color: #fff;
        cursor: pointer;
        background-repeat: no-repeat;
    }

    .gallery-slider .lSAction .lSPrev {
        left: 0px;
        content: "\e079";
        font-family: 'simple-line-icons';
    }

        .gallery-slider .lSAction .lSPrev:before, .gallery-slider .lSAction .lSNext:after {
            font-family: 'simple-line-icons';
            font-size: 36px;
        }

        .gallery-slider .lSAction .lSPrev:before {
            content: "\e07a";
            left: 17px;
            position: absolute;
        }

    .gallery-slider .lSAction .lSNext:after {
        content: "\e079";
        right: 17px;
        position: absolute;
    }

    .gallery-slider .lSAction .lSNext {
        right: 0px;
    }

    .gallery-slider .lSSlideWrapper {
        overflow: hidden;
        margin-bottom: 20px;
    }

        .gallery-slider .lSSlideWrapper ul li {
            text-align: center;
        }

            .gallery-slider .lSSlideWrapper ul li img {
                width: 100%;
                height: 500px;
                object-fit: contain;
            }

/*--- Gallery Tab --- */
.gallery-tab {
    padding: 40px;
    width: 960px;
    margin: 0px auto;
    overflow: hidden;
    padding-top: 20px;
}

    .gallery-tab h2 {
        color: #fff;
        margin: 0px;
        position: absolute;
    }

    .gallery-tab .close-gallery {
        position: absolute;
        right: 40px;
        top: 40px;
        color: #fff;
        font-size: 36px;
        background: none;
        border: none;
    }

    .gallery-tab .nav-tabs {
        border: none;
        text-align: right;
        margin-bottom: 20px;
    }

        .gallery-tab .nav-tabs li {
            float: none;
            display: inline-block;
        }

            .gallery-tab .nav-tabs li a {
                border: none;
                background: none;
                color: #fff;
                font-weight: 500;
                font-size: 16px;
                text-align: center;
            }

        .gallery-tab .nav-tabs > li.active > a, .gallery-tab .nav-tabs > li.active > a:hover, .gallery-tab .nav-tabs > li.active > a:focus {
            border: none;
            border-bottom: 2px solid #fff;
            background: none;
            color: #fff;
        }

    .gallery-tab .tab-content > .tab-pane {
        display: block;
        visibility: hidden;
    }

        .gallery-tab .tab-content > .tab-pane.active {
            visibility: visible;
        }

    .gallery-tab .tab-content {
        position: relative;
    }

    .gallery-tab .tab-pane:not(:first-child) {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

/*--- Eligibility Form  --- */
.eligibility-form {
    background: #f2f7ff;
    padding: 20px;
    border: 1px solid #dadada;
    margin-bottom: 40px;
    border-radius: 6px;
}

    .eligibility-form .international-call {
        position: relative;
    }

        .eligibility-form .international-call .form-control {
            padding-left: 95px;
        }

        .eligibility-form .international-call .select {
            position: absolute;
            left: 3px;
            top: 24px;
            width: 75px;
            border-left: none;
            border-radius: 0px;
            height: 40px;
        }

            .eligibility-form .international-call .select:after {
                top: 16px;
                right: 10px;
            }

            .eligibility-form .international-call .select select {
                border-radius: 0px;
                height: 40px;
                padding-right: 26px;
                padding-left: 5px;
            }

    .eligibility-form .file-upload .btn-file .button5, .eligibility-form .file-upload .btn-file .button14 {
        min-width: 120px;
    }
/*---
.eligibility-form .file-upload .btn-file .button5, .eligibility-form .file-upload .btn-file .button14 { min-width:120px; } --- */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .eligibility-form .file-upload .btn-file .button5, .eligibility-form .file-upload .btn-file .button14 {
        min-width: 130px;
    }
}

.eligibility-form .file-upload .form-inline {
    margin-bottom: 10px;
}

    .eligibility-form .file-upload .form-inline .form-group:first-child {
        margin-right: 10px;
        min-width: 135px;
    }

.eligibility-form .button5, .eligibility-form .button14 {
    min-width: 160px;
}

/*--- Application Form  --- */
.application-form {
    background: #f2f7ff;
    padding: 20px;
    border: 1px solid #dadada;
    margin-bottom: 20px;
    border-radius: 6px;
}

    .application-form h6 {
        color: #00c1a1;
        margin-bottom: 4px;
    }

    .application-form h5 {
        color: #00c1a1;
        margin-bottom: 15px;
    }

    .application-form sup {
        color: #df1e15;
    }

    .application-form .content-block-extra {
        border-bottom: 1px solid #dadada;
        padding-bottom: 17px;
    }

        .application-form .content-block-extra:last-child {
            border-bottom: none;
        }

.application-form-wrapper {
    padding-bottom: 20px;
}

    .application-form-wrapper .button8 {
        margin-bottom: 15px;
    }

    .application-form-wrapper .table2 {
        background: #fff;
    }

/*--- Event Filter  --- */
.event-filter .tabs2 .nav-tabs {
    margin-left: 0px;
}

    .event-filter .tabs2 .nav-tabs li:first-child {
        padding-left: 0px;
    }

    .event-filter .tabs2 .nav-tabs > li.active > a, .event-filter .tabs2 .nav-tabs > li.active > a:hover, .event-filter .tabs2 .nav-tabs > li.active > a:focus {
        border-bottom: 4px solid #fc654c;
    }

    .event-filter .tabs2 .nav-tabs li a {
        padding-top: 6px;
    }

.event-filter .select {
    display: inline-block;
    width: auto;
}

.event-filter .news-box.bordered .content h5 {
    height: 42px;
    overflow: hidden;
}

/*--- Sharda Map  --- */
.sharda-map {
    height: 750px;
}

/*--- Error 404  --- */
#error-404 {
    background: #fff;
    padding: 40px 0px 100px;
}

    #error-404 .inner-content {
        padding-top: 60px;
    }

        #error-404 .inner-content h1 {
            margin-bottom: 24px;
        }

        #error-404 .inner-content h2 {
            font-weight: normal;
            margin-bottom: 30px;
        }

        #error-404 .inner-content p {
            font-size: 20px;
            opacity: 0.5;
            margin-bottom: 50px;
            line-height: 32px;
        }

        #error-404 .inner-content .button5 {
            min-width: 160px;
        }

/*--- Strip --- */
#strip {
    position: inherit;
    left: 0px;
    top: 0px;
    z-index: 2002;
    background: #fff;
    width: 100%;
    text-align: center;
    height: 35px;
    border-bottom: 1px solid #dadada;
    padding: 0 30px;
}

.home #strip {
    position: fixed;
}

#strip .medical {
    text-align: left;
}

#strip .launchpad {
    text-align: right;
    border-right: 1px solid #e43;
}

#strip p {
    margin: 0px;
    line-height: 35px;
}

    #strip p img {
        display: inline;
        margin-top: -4px;
    }

#strip .button1 {
    border-radius: 2px;
    font-size: 12px;
    padding: 5px;
    line-height: 13px;
    min-width: auto;
    margin-left: 10px;
    vertical-align: text-bottom;
    position: relative;
    top: 2px;
}
/*#strip span { display:inline-block; color:#fff; font-size:12px; line-height:35px; background:#e43;transform: rotate(45deg); width:106px; height:42px; font-weight:500; text-align:center; }
#strip span span { background:none; transform: rotate(-45deg);  }*/
#strip .slide {
    padding: 0px 10px;
}

#strip .covid {
    text-align: right;
    padding: 5px 14px;
    background: rgba(0,193,161,1);
    color: #fff;
    display: inline-block;
    margin-top: 3px;
    font-size: 14px;
}


/*Strip New Links*/
#strip .strip-links {
    list-style: none;
    margin: 0;
    text-align: right;
}

    #strip .strip-links li {
        display: inline;
        margin-left: 20px;
    }

        #strip .strip-links li span {
            font-size: 12px;
            color: #fff;
            text-decoration: none;
            font-weight: 500;
            background-color: red;
            border-radius: 5px;
            padding: 5px 15px;
            margin-right: 10px;
            position: relative;
            animation: blinkingText 0.7s infinite;
        }

            #strip .strip-links li span:before {
                position: absolute;
                content: "";
                right: -5px;
                top: 7px;
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid red;
            }

        #strip .strip-links li a {
            font-size: 11px;
            color: #000;
            text-decoration: none;
            line-height: 34px;
            font-weight: 500;
            text-transform: uppercase;
        }

            #strip .strip-links li a:hover {
                text-decoration: underline;
            }

#strip .su-header-tops {
    text-align: left;
}

    #strip .su-header-tops span {
        font-size: 12px;
        display: inline-block;
        padding: 0 10px 0 0;
        position: relative;
        top: -8px;
        line-height: 14px;
        font-weight: 500;
        text-align: right;
    }

    #strip .su-header-tops .imag-sec {
        height: 27px;
        width: 480px;
        display: inline-block;
        margin: 4px 0 0 0;
        overflow: hidden;
    }

        #strip .su-header-tops .imag-sec .slide {
            padding: 0 !important;
        }

    #strip .su-header-tops .imag-sec1 {
        height: 26px;
        display: block;
        float: left;
        background: #fff3cd;
        width: 370px;
        color: #000;
        font-size: 13px;
        line-height: 25px;
        font-weight: 500;
        border-radius: 5px;
        text-align: center;
    }

    #strip .su-header-tops a {
        font-size: 12px;
        color: #fff;
        text-decoration: none;
        border: 0;
        position: relative;
        font-weight: 500;
        background-color: #00c1a1;
        border-radius: 5px;
        padding: 5px 15px;
        margin: 0 2px 0 0;
        float: right;
    }


/* shape */
.shape {
    pointer-events: none;
    position: relative;
    width: 100%
}

    .shape > div {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .shape:after {
        position: relative;
        display: block;
        content: '';
        padding-top: 100%
    }

    .shape > div > svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none
    }

    .shape[data-animate="true"] {
        -webkit-transition: opacity .7s;
        transition: opacity .7s
    }

        .shape[data-animate="true"].inactive {
            opacity: 0 !important;
            -ms-filter: "alpha(opacity=0)"
        }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

    .slick-slider *:focus {
        outline: 0
    }

    .slick-slider .slick-track, .slick-slider .slick-list {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
}

#img-gallery img {
    width: 100%;
    height: 300px;
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-arrow.slick-hidden {
    display: none
}

.numbers-slider {
    position: relative;
    background-color: #f2f7ff
}

    .numbers-slider > .content:first-child > div {
        position: absolute;
        right: 0
    }

    .numbers-slider .slider-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box
    }

    .numbers-slider .slider {
        position: relative;
        float: left;
        top: 50%;
        width: 100%;
        left: 6%
    }

    .numbers-slider .numbers-container {
        position: relative
    }

        .numbers-slider .numbers-container:before {
            content: '';
            position: relative;
            display: block;
            padding-top: 75%
        }

        .numbers-slider .numbers-container > div {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0
        }

    .numbers-slider .numbers {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transition: .5s;
        transition: .5s
    }

        .numbers-slider .numbers.inactive {
            opacity: 0;
            -ms-filter: "alpha(opacity=0)"
        }

        .numbers-slider .numbers .number {
            position: absolute;
            -webkit-transition: .5s;
            transition: .5s
        }

        .numbers-slider .numbers.inactive .number, .numbers-slider .numbers.inactive .symbol {
            width: 50% !important;
            top: 10% !important;
            left: 25% !important
        }

    .numbers-slider .symbol {
        position: absolute
    }

    .numbers-slider .shape {
        position: relative;
        bottom: 0;
        left: 0
    }

        .numbers-slider .shape:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 4
        }

        .numbers-slider .shape > div:before, .numbers-slider .shape > div:after {
            content: '';
            background: #f2f7ff;
            position: absolute;
            z-index: 3
        }

        .numbers-slider .shape > div:before {
            top: 0;
            left: 100%;
            margin-left: -1px;
            width: 2px;
            height: 100%
        }

        .numbers-slider .shape > div:after {
            left: 0;
            top: 100%;
            margin-top: -1px;
            width: 100%;
            height: 2px
        }

        .numbers-slider .shape svg {
            z-index: 2
        }

            .numbers-slider .shape svg path {
                fill: #f2f7ff
            }

        .numbers-slider .shape .background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

    .numbers-slider .slider-arrows {
        top: 4.25%;
        line-height: 1;
        left: 55%;
        margin-top: -12px;
        z-index: 5;
        position: absolute;
        display: none
    }

        .numbers-slider .slider-arrows:before {
            content: '';
            display: block;
            height: 100%;
            width: 1px;
            background: #969696;
            position: absolute;
            left: 50%
        }

        .numbers-slider .slider-arrows .arrow {
            width: auto;
            padding: 0;
            cursor: pointer;
            display: inline-block
        }

            .numbers-slider .slider-arrows .arrow:after {
                display: block;
                position: relative
            }

            .numbers-slider .slider-arrows .arrow.left {
                margin-right: 10px
            }

            .numbers-slider .slider-arrows .arrow.right {
                margin-left: 10px
            }

    .numbers-slider .slider-dots {
        position: absolute;
        top: 0;
        left: 39px;
        width: 100%;
        border-radius: 50%;
        z-index: 5;
        font-size: 24px;
        line-height: 1;
        font-weight: 500
    }

        .numbers-slider .slider-dots:after {
            position: relative;
            display: block;
            content: '';
            padding-top: 100%
        }

        .numbers-slider .slider-dots > ul {
            margin-bottom: 0;
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0;
            list-style-type: none
        }

        .numbers-slider .slider-dots li {
            z-index: 1;
            position: absolute;
            padding-left: 0;
            margin-bottom: 0;
            cursor: pointer
        }

            .numbers-slider .slider-dots li a {
                color: #000;
                text-decoration: none
            }

            .numbers-slider .slider-dots li.slick-active {
                font-size: 48px;
                font-weight: bold
            }

            .numbers-slider .slider-dots li:before {
                display: none
            }

        .numbers-slider .slider-dots[data-total-slides="1"] li:nth-of-type(1) {
            display: none
        }

        .numbers-slider .slider-dots[data-total-slides="2"] li:nth-of-type(1) {
            left: 50%;
            top: 56%
        }

        .numbers-slider .slider-dots[data-total-slides="2"] li:nth-of-type(2) {
            left: 31%;
            top: 35%
        }

        .numbers-slider .slider-dots[data-total-slides="3"] li:nth-of-type(1) {
            left: 20%;
            top: 29%
        }

        .numbers-slider .slider-dots[data-total-slides="3"] li:nth-of-type(2) {
            top: 54%;
            left: 38%
        }

        .numbers-slider .slider-dots[data-total-slides="3"] li:nth-of-type(3) {
            top: 72%;
            left: 59%
        }

        .numbers-slider .slider-dots[data-total-slides="4"] li:nth-of-type(1) {
            left: 46%;
            top: 39%
        }

        .numbers-slider .slider-dots[data-total-slides="4"] li:nth-of-type(2) {
            left: 63%;
            top: 54%
        }

        .numbers-slider .slider-dots[data-total-slides="4"] li:nth-of-type(3) {
            left: 12%;
            top: 37%
        }

        .numbers-slider .slider-dots[data-total-slides="4"] li:nth-of-type(4) {
            left: 22%;
            top: 59%
        }

        .numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(1) {
            left: 36%;
            top: 20%
        }

        .numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(2) {
            left: 53%;
            top: 42%
        }

        .numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(3) {
            left: 69%;
            top: 64%
        }

        .numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(4) {
            top: 45%;
            left: 17%
        }

        .numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(5) {
            top: 68%;
            left: 35%
        }

        .numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(1) {
            left: 35%;
            top: 19%
        }

        .numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(2) {
            left: 46%;
            top: 39%
        }

        .numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(3) {
            left: 54%;
            top: 54%
        }

        .numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(4) {
            left: 12%;
            top: 37%
        }

        .numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(5) {
            left: 22%;
            top: 59%
        }

        .numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(6) {
            left: 33%;
            top: 70%
        }

#impact h2 {
    font-size: 60px;
    color: rgba(0,0,0,0.2);
    margin-bottom: 40px;
    text-transform: uppercase
}

#impact h3 {
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 10px
}

#impact p {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: normal;
    line-height: 28px
}

.home #impact > .content:first-child > div .page-title {
    width: 100%;
    left: 0;
    text-align: left;
    position: relative
}

.home #impact .learn-more {
    float: none
}

.home #impact .slider {
    width: 100%
}

.home #impact > .content:first-child > div .page-title {
    width: 90%;
    left: 10%;
    text-align: right;
    position: relative
}

.home #impact .learn-more {
    float: right
}

.home #impact .shape .backgrounds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .home #impact .shape .backgrounds > div {
        box-sizing: border-box;
        position: absolute;
        top: 1px;
        left: 0;
        height: 100%;
        width: 100%;
        -webkit-transition: .4s;
        transition: .4s;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }

    .home #impact .shape .backgrounds > [data-position="top"] {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
        z-index: 2
    }

    .home #impact .shape .backgrounds > [data-position="bottom"] {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        z-index: 1
    }

    .home #impact .shape .backgrounds [data-position="bottom"][data-background="background-1"].background-1-active, .home #impact .shape .backgrounds [data-position="bottom"][data-background="background-2"].background-2-active, .home #impact .shape .backgrounds [data-position="bottom"][data-background="background-3"].background-3-active, .home #impact .shape .backgrounds [data-position="bottom"][data-background="background-4"].background-4-active, .home #impact .shape .backgrounds [data-position="bottom"][data-background="background-5"].background-5-active, .home #impact .shape .backgrounds [data-position="top"][data-background="background-1"].background-1-active, .home #impact .shape .backgrounds [data-position="top"][data-background="background-2"].background-2-active, .home #impact .shape .backgrounds [data-position="top"][data-background="background-3"].background-3-active, .home #impact .shape .backgrounds [data-position="top"][data-background="background-4"].background-4-active, .home #impact .shape .backgrounds [data-position="top"][data-background="background-5"].background-5-active {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }

.home #impact .numbers:nth-of-type(4n+1) svg path {
    fill: url(sharda_common_style_min.css#gradient1)
}

.home #impact .numbers:nth-of-type(4n+2) svg path {
    fill: url(sharda_common_style_min.css#gradient2)
}

.home #impact .numbers:nth-of-type(4n+3) svg path {
    fill: url(sharda_common_style_min.css#gradient3)
}

.home #impact .numbers:nth-of-type(4n+4) svg path {
    fill: url(sharda_common_style_min.css#gradient4)
}

.home #impact .numbers:nth-of-type(4n+5) svg path {
    fill: url(sharda_common_style_min.css#gradient5)
}

.numbers {
    display: block;
    position: relative;
    width: 100%
}

    .numbers > div {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .numbers:after {
        padding-top: 90%;
        content: '';
        position: relative;
        display: block
    }

.number {
    position: relative;
    box-sizing: border-box
}

    .number > div {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .number:after {
        padding-top: 117.6366843%;
        content: '';
        display: block;
        position: relative
    }

    .number svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.numbers[data-total-numbers="1"] .number {
    width: 53%
}

.numbers[data-total-numbers="1"][data-symbol="symbol_k"] .number {
    top: 15%;
    left: 0
}

.numbers[data-total-numbers="1"][data-symbol="symbol_percent"] .number {
    top: 15%;
    left: 0
}

.numbers[data-total-numbers="1"][data-symbol="symbol_plus"] .number {
    top: 15%;
    left: 0
}

.numbers[data-total-numbers="1"][data-symbol="symbol_apostrophe_left"] .number {
    top: 15%;
    left: 33%
}

.numbers[data-total-numbers="2"] .number {
    width: 50%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_k"] .number:nth-of-type(1) {
    top: 5%;
    left: 0
}

.numbers[data-total-numbers="2"][data-symbol="symbol_k"] .number:nth-of-type(2) {
    top: 25%;
    left: 50%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_percent"] .number:nth-of-type(1) {
    top: 20%;
    left: 0
}

.numbers[data-total-numbers="2"][data-symbol="symbol_percent"] .number:nth-of-type(2) {
    top: 0;
    left: 50%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_plus"] .number:nth-of-type(1) {
    top: 20%;
    left: 0
}

.numbers[data-total-numbers="2"][data-symbol="symbol_plus"] .number:nth-of-type(2) {
    top: 0;
    left: 50%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_apostrophe_left"] .number:nth-of-type(1) {
    top: 34%;
    width: 36%;
    left: 28%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_apostrophe_left"] .number:nth-of-type(2) {
    top: 20%;
    left: 64%;
    width: 36%
}

.numbers[data-total-numbers="3"] .number {
    width: 33.33333%
}

    .numbers[data-total-numbers="3"] .number:nth-of-type(1) {
        top: 12%;
        left: 0
    }

    .numbers[data-total-numbers="3"] .number:nth-of-type(2) {
        top: 34%;
        left: 33.33333%
    }

    .numbers[data-total-numbers="3"] .number:nth-of-type(3) {
        top: 20%;
        left: 66.66666%
    }

.numbers[data-total-numbers="4"] .number {
    width: 24%
}

    .numbers[data-total-numbers="4"] .number:nth-of-type(1) {
        top: 20%;
        left: 0
    }

    .numbers[data-total-numbers="4"] .number:nth-of-type(2) {
        top: 35%;
        left: 25%
    }

    .numbers[data-total-numbers="4"] .number:nth-of-type(3) {
        top: 20%;
        left: 50%
    }

    .numbers[data-total-numbers="4"] .number:nth-of-type(4) {
        top: 35%;
        left: 75%
    }

.numbers[data-total-numbers="5"] .number {
    width: 24%
}

    .numbers[data-total-numbers="5"] .number:nth-of-type(1) {
        top: 20%;
        left: 0
    }

    .numbers[data-total-numbers="5"] .number:nth-of-type(2) {
        top: 35%;
        left: 25%
    }

    .numbers[data-total-numbers="5"] .number:nth-of-type(3) {
        top: 20%;
        left: 50%
    }

    .numbers[data-total-numbers="5"] .number:nth-of-type(4) {
        top: 35%;
        left: 75%
    }

    .numbers[data-total-numbers="5"] .number:nth-of-type(5) {
        top: 20%;
        left: 100%
    }

.symbol {
    position: relative;
    box-sizing: border-box
}

    .symbol > div {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .symbol:after {
        content: '';
        padding-top: 99.412%;
        display: block;
        position: relative
    }

    .symbol svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.numbers[data-total-numbers="1"] .symbol {
    width: 37%
}

.numbers[data-total-numbers="1"][data-symbol="symbol_k"] .symbol {
    top: 5%;
    left: 53%
}

.numbers[data-total-numbers="1"][data-symbol="symbol_percent"] .symbol {
    top: 5%;
    left: 53%
}

.numbers[data-total-numbers="1"][data-symbol="symbol_plus"] .symbol {
    top: 52%;
    left: 53%
}

.numbers[data-total-numbers="1"][data-symbol="symbol_apostrophe_left"] .symbol {
    top: 5%;
    left: 0
}

.numbers[data-total-numbers="2"] .symbol {
    width: 23%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_k"] .symbol {
    top: 74%;
    left: 22%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_percent"] .symbol {
    top: 74%;
    left: 52%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_plus"] .symbol {
    top: 74%;
    left: 52%
}

.numbers[data-total-numbers="2"][data-symbol="symbol_apostrophe_left"] .symbol {
    top: 16%;
    left: 0
}

.numbers[data-total-numbers="3"] .symbol {
    top: 74%;
    width: 23%;
    left: 66.66%
}

.numbers[data-total-numbers="4"] .symbol {
    top: 70%;
    width: 15%;
    left: 55%
}

.numbers[data-total-numbers="5"] .symbol {
    top: 74%;
    width: 52%;
    left: 0
}

.numbers.more-numbers[data-total-numbers="5"] .symbol {
    width: 20%
}


/* IMPORTANT ELEMENTS */
/* backgrounds */
[data-background="background-1"] {
    background: #00bfe7;
    background: -webkit-linear-gradient(top, #00bfe7 0%,#6979ff 100%);
    background: linear-gradient(to bottom, #00bfe7 0%,#6979ff 100%);
}

[data-background="background-2"] {
    background: #00c1a1;
    background: -webkit-linear-gradient(top, #00c1a1 0%,#229479 100%);
    background: linear-gradient(to bottom, #00c1a1 0%,#229479 100%);
}

[data-background="background-3"] {
    background: #FC654C;
    background: -webkit-linear-gradient(top, #FC654C 0%,#ba351f 100%);
    background: linear-gradient(to bottom, #FC654C 0%,#ba351f 100%);
}

[data-background="background-4"] {
    background: #ff9c00;
    background: -webkit-linear-gradient(top, #ff9c00 0%,#a07d12 100%);
    background: linear-gradient(to bottom, #ff9c00 0%,#a07d12 100%);
}

[data-background="background-5"] {
    background: #ed027b;
    background: -webkit-linear-gradient(top, #ed027b 0%,#871958 100%);
    background: linear-gradient(to bottom, #ed027b 0%,#871958 100%);
}

.impact-130 h3 {
    background: -webkit-linear-gradient(#08bae9, #687aff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.impact-63 h3 {
    background: -webkit-linear-gradient(#48bca1, #23957a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.impact-85 h3 {
    background: -webkit-linear-gradient(#fa634a, #bc3620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.impact-2000 h3 {
    background: -webkit-linear-gradient(#bf227c, #881959);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.impact-20000 h3 {
    background: -webkit-linear-gradient(#dbaf29, #a17e12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.impact-36000 h3 {
    background: -webkit-linear-gradient(#48bca1, #22957a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.impact-180 h3 {
    background: -webkit-linear-gradient(#08bae9, #687aff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.impact-1200 h3 {
    background: -webkit-linear-gradient(#bf227c, #881959);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.impact-216 h3 {
    background: -webkit-linear-gradient(#48bca1, #22957a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#impact .impact-num {
    font-size: 100px;
    font-family: 'new_century_schoolbookbold';
    font-weight: bold;
}

    #impact .impact-num span.down {
        margin-bottom: 50px;
    }

    #impact .impact-num span.up {
        margin-top: -50px;
    }

#impact .slide1 .impact-num {
    background: -webkit-linear-gradient(#08bae9, #687aff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#impact .slide2 .impact-num {
    background: -webkit-linear-gradient(#48bca1, #23957a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#impact .slide3 .impact-num {
    background: -webkit-linear-gradient(#fa634a, #bc3620);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#impact .slide4 .impact-num {
    background: -webkit-linear-gradient(#dbaf29, #a17e12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#impact .slide5 .impact-num {
    background: -webkit-linear-gradient(#bf227c, #881959);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#impact .slide6 .impact-num {
    background: -webkit-linear-gradient(#48bca1, #22957a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*--- Footer --- */
#footer h4, #footer h5 {
    font-weight: 500;
    color: #fff;
    margin-bottom: 4px;
}

#footer .top {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

#footer .bottom a {
    text-decoration: none;
}

#footer .bottom p {
    margin: 0px;
    padding-top: 10px;
    text-align: right;
}

    #footer .bottom p a {
        display: inline-block;
        color: #fff;
        font-size: 12px;
        line-height: 15px;
        margin: 0px 8px;
        font-weight: normal;
    }

#footer .bottom .powered-by {
    color: #fff;
    font-size: 12px;
    margin-right: 4px;
}

#footer .bottom .logo-wrapper {
    padding: 4px;
    background: #f2f7ff;
    border-radius: 4px;
    display: inline-block;
}

    #footer .bottom .logo-wrapper img {
        max-width: 100px;
    }

#footer .sociable {
    padding-top: 8px;
}

#footer .contact {
    padding: 18px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-bottom: 22px;
}

    #footer .contact .icon {
        display: inline-block;
        width: 86px;
        height: 86px;
        border-radius: 50%;
        border: 2px solid rgba(255,255,255,0.7);
        text-align: center;
        float: left;
    }

        #footer .contact .icon .fa {
            font-size: 46px;
            color: #fff;
            line-height: 84px;
        }

    #footer .contact .inner {
        display: table;
        height: 86px;
        margin-left: 96px;
    }

        #footer .contact .inner p {
            display: table-cell;
            height: 86px;
            vertical-align: middle;
            color: #fff;
            margin: 0px;
            margin: 0px;
            font-size: 16px;
            line-height: 26px;
            font-weight: normal;
        }

            #footer .contact .inner p a {
                color: #fff;
                text-decoration: none;
            }

#footer .section {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 18px;
    margin-bottom: 18px;
}

    #footer .section:last-child {
        border: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #footer .section h6 {
        color: #fff;
        margin-bottom: 6px;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }

#footer .margin {
    margin-bottom: 58px;
}

#footer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    #footer ul li a {
        font-size: 13px;
        line-height: 28px;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
        opacity: 0.6;
    }

    #footer ul li:hover a {
        opacity: 1;
    }

    #footer ul li a .fa-angle-right {
        margin-right: 8px;
    }

#footer .app-download {
    margin-bottom: 8px;
}

/* File generated by shrinker.ch - DateTime: 2019-01-04, 07:53:36 */
@keyframes more-info {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes more-info {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

/* Gsc Search-box */
.gsc-search-box {
    width: 80% !important;
}

    .gsc-search-box .gsc-input {
        height: 40px !important;
        outline: none;
        box-shadow: none;
        color: #000;
    }

        .gsc-search-box .gsc-input:focus {
            outline: none;
        }

    .gsc-search-box .gsc-search-button {
        border: none;
        background: #00bfe7;
        min-width: 120px;
        border-radius: 5px;
    }

        .gsc-search-box .gsc-search-button:hover, .gsc-search-box .gsc-search-button:focus {
            background: #00bfe7;
            box-shadow: none;
            border: none;
        }

/* pagination */
.pagination {
    display: inline-block;
    border: 1px solid #dadada;
    border-radius: 5px;
    text-align: center;
    padding: 4px;
    background: #fff;
}

    .pagination ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        .pagination strong, .pagination a, .pagination ul li {
            display: inline-block;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 500;
            padding: 0px 10px;
            min-width: 24px;
            border-radius: 2px;
            line-height: 23px;
        }

            .pagination ul li a {
                padding: 0px;
            }


/* Footer Cookie */
.footer-cookie {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #000;
    text-align: center;
    padding: 6px 10px;
    z-index: 10000;
    font-size: 13px;
}

    .footer-cookie span {
        color: #fff;
    }

    .footer-cookie .btn {
        background: #00bfe7;
        margin-left: 4px;
        color: #fff;
        min-width: 60px;
        font-weight: 500;
    }

/* Career */
.career h4 {
    font-size: 20px;
}

.career .box-default3 .inner-content {
    height: 300px;
    overflow: auto;
}

.career .urgent-openings {
    border: 1px solid #ff9c00;
    background: rgba(255,156,0,0.2);
}

    .career .urgent-openings ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        .career .urgent-openings ul li {
            float: left;
            margin-right: 8px;
            margin-bottom: 8px;
        }

            .career .urgent-openings ul li a {
                display: inline-block;
                background: #ff9c00;
                padding: 4px 8px;
                border-radius: 5px;
                color: #fff;
                font-size: 12px;
                font-weight: 500;
                text-decoration: none;
            }

/* Research Journals */
.research-journals .indexing {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    .research-journals .indexing li .box {
        border: 1px solid #dadada;
        border-radius: 5px;
        margin-bottom: 15px;
        padding: 15px;
        text-align: center;
    }

        .research-journals .indexing li .box figure {
            margin-bottom: 15px;
            height: 100px;
            line-height: 100px;
        }

            .research-journals .indexing li .box figure img {
                max-height: 100px;
                max-width: 150px;
            }

        .research-journals .indexing li .box h6 {
            margin-bottom: 0px;
        }

.research-journals .table1 tr th:last-child, .research-journals .table1 tr td:last-child {
    text-align: left;
}

.research-journals .table1 tr th, .research-journals .table1 tr td {
    font-size: 13px;
}

.research-journals address p {
    margin-bottom: 4px;
}

.research-journals header {
    border-bottom: 1px dashed #dadada;
    margin-bottom: 20px;
}

    .research-journals header .back-btn {
        float: right;
        margin-left: 10px;
    }

    .research-journals header h4 small {
        display: block;
        padding-top: 4px;
        font-size: 14px;
    }

.research-journals table.non-border {
    width: 100%;
}

    .research-journals table.non-border tr td:first-child {
        font-weight: bold;
        padding-left: 0px;
        width: 25%;
        font-weight: 500;
    }

    .research-journals table.non-border tr td {
        padding: 4px;
        font-size: 13px;
    }

.research-journals dl.description-list {
    margin-bottom: 15px;
}

    .research-journals dl.description-list dt, .research-journals dl.description-list dd {
        font-size: 13px;
    }

    .research-journals dl.description-list dt {
        min-width: 120px;
        font-weight: bold;
    }

    .research-journals dl.description-list dd {
        margin-left: 150px;
    }

.research-journals .accordion.accordion .panel-title {
    font-size: 13px;
}

.research-journals .accordion.accordion1 .panel-heading .accordion-toggle:after {
    font-size: 28px;
    top: 24px;
}

.research-journals .accordion.accordion1 .panel-heading .accordion-toggle.collapsed:after {
    top: 26px;
}

.research-journals h6.no-margin {
    margin: 0px;
}

.research-journals h6 .divider {
    color: #dadada;
    font-weight: 500;
    margin: 0px 4px;
}

/* Volume List */
.volume-list .volume {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dadada;
}

    .volume-list .volume:last-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: none;
    }

    .volume-list .volume ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        .volume-list .volume ul li {
            float: left;
            padding-right: 10px;
            margin-right: 10px;
            border-right: 1px solid #dadada;
            padding-left: 0px;
        }

            .volume-list .volume ul li:last-child {
                padding-right: 0px;
                margin-right: 0px;
                border-right: none;
            }

            .volume-list .volume ul li p {
                margin-bottom: 4px;
            }

    .volume-list .volume .article-list span {
        display: inline-block;
        padding-right: 10px;
        border-right: 1px solid #dadada;
        margin-right: 10px;
        line-height: 13px;
    }

        .volume-list .volume .article-list span:last-child {
            margin-right: 0px;
            padding-right: 0px;
            border: none;
        }

    .volume-list .volume .article-meta a {
        display: inline-block;
        padding-right: 10px;
        border-right: 1px solid #dadada;
        margin-right: 10px;
        line-height: 13px;
    }

        .volume-list .volume .article-meta a:last-child {
            margin-right: 0px;
            padding-right: 0px;
            border: none;
        }

    .volume-list .volume .article-title {
        padding-left: 15px;
        border-left: 4px solid #00bfe7;
    }

        .volume-list .volume .article-title p {
            font-size: 14px;
            font-weight: 500;
        }


/* Main Courses List */
#main-courses-list h4 {
    text-align: center;
}

#main-courses-list {
    background: #f2f7ff;
    padding: 40px 0px 15px;
}

    #main-courses-list .school-box {
        margin-bottom: 30px;
    }

/* How To Apply2 */
#how-to-apply2 {
    padding: 40px 0px;
    background: url(../images/apply-bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom left;
}

    #how-to-apply2 h4 {
        text-align: center;
    }

/* Apply Steps */
.apply-steps {
    padding: 0px;
    list-style-type: none;
}

    .apply-steps .fa {
        float: left;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 100px;
        font-size: 42px;
    }

        .apply-steps .fa.fa-list-alt {
            background: #58cf00;
        }

        .apply-steps .fa.fa-credit-card {
            background: #00c1a1;
        }

        .apply-steps .fa.fa-clock-o {
            background: #fc654C;
        }

    .apply-steps .detail {
        margin-left: 115px;
        display: table;
        height: 100px;
    }

        .apply-steps .detail p {
            display: table-cell;
            vertical-align: middle;
        }

/* How To Apply2 */
#how-to-apply2 h4 {
    color: #fff;
}

#how-to-apply2 h4 {
    margin-bottom: 40px;
}

#how-to-apply2 .button-group .button1 {
    margin-right: 15px;
}

#how-to-apply2 .button-group .btn {
    min-width: 180px;
}

#how-to-apply2 .row {
    position: relative;
}

    #how-to-apply2 .row:after {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        background: #00c1a1;
        display: block;
        left: 0px;
        top: 78px;
        border-radius: 50%;
    }

/* Apply Steps2 */
.apply-steps2 {
    padding: 0px;
    list-style-type: none;
    margin: 0px;
    position: relative;
}

    .apply-steps2:before {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        background: #00c1a1;
        display: block;
        left: 0px;
        top: 87px;
    }

    .apply-steps2:after {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        background: #00c1a1;
        display: block;
        right: 0px;
        top: 78px;
        border-radius: 50%;
    }

    .apply-steps2 li {
        text-align: center;
    }

    .apply-steps2 h5, .apply-steps2 p {
        color: #fff;
    }

    .apply-steps2 h5 {
        margin-bottom: 10px;
        font-weight: normal;
    }

    .apply-steps2 .box {
        color: #fff;
        width: 200px;
        height: 120px;
        background: #00c1a1;
        line-height: 120px;
        border-radius: 6px;
        margin: 0px auto 20px auto;
    }

        .apply-steps2 .box .fa {
            color: #fff;
            font-size: 42px;
        }

    .apply-steps2 p {
        font-size: 16px;
        margin-bottom: 40px;
    }

/* Notification */
#notification {
    position: fixed;
    left: 70px;
    bottom: 20px;
    z-index: 10000;
    display: none;
}

.home #notification {
    display: block;
}

#notification .bell-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 10px #000;
    display: inline-block;
    text-align: center;
    position: relative;
}

    #notification .bell-icon .badge {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #ef301c;
        display: inline-block;
        text-align: center;
        position: absolute;
        top: -6px;
        right: -8px;
    }

    #notification .bell-icon .fa {
        font-size: 22px;
        line-height: 40px;
        color: #ef301c;
    }

#notification .content {
    background: #fff;
    margin-top: 20px;
    width: 300px;
    position: absolute;
    left: -300px;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}

    #notification .content.active {
        position: relative;
        left: auto;
    }

    #notification .content header {
        padding: 15px 10px;
        border-bottom: 1px solid #dadada;
    }

        #notification .content header h6 {
            margin: 0px;
        }

            #notification .content header h6 small {
                color: #00bfe7;
            }

        #notification .content header .close {
            font-size: 18px;
        }

        #notification .content header h6 .fa-times {
            float: right;
        }

    #notification .content .scroll {
        max-height: 285px;
        overflow: auto;
    }

    #notification .content ul {
        padding: 10px;
        margin: 0px;
        list-style-type: none;
    }

        #notification .content ul li {
            padding: 10px;
            margin: 0px;
            list-style-type: none;
            border-bottom: 1px dashed #dadada;
        }

            #notification .content ul li a {
                opacity: 1;
            }

            #notification .content ul li:first-child {
                padding-top: 0px;
            }

            #notification .content ul li:last-child {
                border-bottom: none;
                padding-bottom: 0px;
            }

    #notification .content .banner {
        width: 66px;
        float: left;
    }

        #notification .content .banner img {
            max-width: 66px;
            max-height: 100px;
        }

    #notification .content .detail {
        margin-left: 76px;
    }

        #notification .content .detail h6 {
            margin-bottom: 4px;
            font-size: 12px;
        }

        #notification .content .detail p {
            color: rgba(0,0,0,0.5);
            font-size: 12px;
            margin-bottom: 0px;
        }


/* Facilities Sharda */
#facilities-sharda {
    background: #f1f6fe;
}

    #facilities-sharda .button8 {
        min-width: 180px;
    }

    #facilities-sharda h2 {
        text-align: center;
        margin-bottom: 40px;
    }

    #facilities-sharda .news-box {
        margin-bottom: 40px;
    }

    #facilities-sharda .tabs1 .nav-tabs {
        text-align: center;
    }

        #facilities-sharda .tabs1 .nav-tabs li {
            float: none;
            display: inline-block;
        }

    #facilities-sharda .news-box.for-campus .content.event2 h5:after {
        background: #00c1a1;
    }

    #facilities-sharda .tabs1 .nav-tabs > li.active > a, #facilities-sharda .tabs1 .nav-tabs > li.active > a:hover, #facilities-sharda .tabs1 .nav-tabs > li.active > a:focus {
        border-color: #00c1a1;
    }

    #facilities-sharda .tab-content .tab-pane {
        display: block;
        visibility: hidden;
    }

        #facilities-sharda .tab-content .tab-pane.active {
            visibility: visible;
        }

    #facilities-sharda .tab-content {
        position: relative;
    }

    #facilities-sharda .tab-pane:not(:first-child) {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

/*--- Global Tie Ups  --- */
#global-tie-ups {
    background: #f4f8ff url(../imgs/global-bg.png) no-repeat center center;
}

    #global-tie-ups .global-slider {
        overflow: hidden;
    }

    #global-tie-ups h2 {
        text-align: center;
    }

    #global-tie-ups .inner-content {
        position: relative;
        margin-bottom: 150px;
    }

    #global-tie-ups .country {
        text-align: center;
        position: relative;
        width: 700px;
        height: 370px;
        background-size: cover;
        background-repeat: no-repeat;
    }

        #global-tie-ups .country .name {
            position: absolute;
            bottom: 0px;
            left: 0px;
            display: inline-block;
            min-width: 270px;
            background: rgba(237,2,123,0.69);
            padding: 12px 15px;
            font-size: 28px;
            color: rgba(255,255,255,0.85);
            border-radius: 0px;
            font-weight: bold;
        }

    #global-tie-ups .box-default {
        position: absolute;
        top: 127px;
        left: 500px;
        border-radius: 0px;
        border: none;
        padding: 40px;
        min-width: 600px;
    }

        #global-tie-ups .box-default figure {
            width: 150px;
            height: 100px;
            margin-bottom: 12px;
        }

            #global-tie-ups .box-default figure img {
                max-width: 150px;
                max-height: 100px;
            }

        #global-tie-ups .box-default h5 {
            font-weight: 500;
            margin-bottom: 10px;
        }

        #global-tie-ups .box-default .university-details {
            height: 255px;
            overflow: auto;
            margin-bottom: 25px;
        }

/* Admissions Info */
#know-programme {
    background: #f1f6fe;
}

    #know-programme h4 {
        text-align: center;
    }

/* Facilities Slider */
.facilities-slider figure {
    margin-bottom: 20px;
}

    .facilities-slider figure img {
        width: 100%;
        margin-bottom: 15px;
    }

    .facilities-slider figure figcaption {
        font-weight: bold;
        font-size: 18px;
    }

/* Who Can Apply */
.who-can-apply.section {
    padding-top: 0px;
}

.who-can-apply .apply-box2 {
    margin-bottom: 30px;
}

    .who-can-apply .apply-box2 figure {
        margin-bottom: 12px;
        overflow: hidden;
    }

        .who-can-apply .apply-box2 figure img {
            width: 100%;
            transition: transform 0.25s ease-in-out 0s;
            -webkit-transition: -webkit-transform 0.25s ease-in-out 0s;
            -moz-transition: transform 0.25s ease-in-out 0s;
        }

    .who-can-apply .apply-box2:hover figure img {
        transform: scale(1.08, 1.08);
        -webkit-transform: scale(1.08, 1.08);
        -moz-transform: scale(1.08, 1.08);
    }

    .who-can-apply .apply-box2 h5 {
        margin-bottom: 4px;
        text-transform: uppercase;
        min-height: 40px;
    }

    .who-can-apply .apply-box2 p a {
        text-decoration: none;
        font-weight: 500;
    }

/* Scholarships */
#scholarships {
    background: url(../images/scholarship2.png) no-repeat;
    background-size: 100%;
    padding-top: 115px;
}

    #scholarships h2, #scholarships p {
        color: #fff;
    }

    #scholarships h2 {
        margin-bottom: 4px;
        font-size: 26px;
        line-height: 32px;
    }

/* Overview */
#overview.course-info-details h5 {
    background: #f2f7ff;
    padding: 10px;
}

/* DSW */
.dsw .box-default3 {
    margin-bottom: 30px;
}

    .dsw .box-default3 .user-box {
        margin-bottom: 30px;
    }

        .dsw .box-default3 .user-box p {
            min-height: 32px;
        }

/* Page Specific */
.admissions-page .pagination strong, .admissions-page .pagination ul li.active a {
    background: #00c1a1;
    color: #fff;
}

.academics-page .pagination strong, .academics-page .pagination ul li.active a {
    background: #00bfe7;
    color: #fff;
}

.campuslife-page .pagination strong, .campuslife-page .pagination ul li.active a {
    background: #FC654C;
    color: #fff;
}

.about-page .pagination strong, .about-page .pagination ul li.active a {
    background: #ff9c00;
    color: #fff;
}

.connect-page .pagination strong, .connect-page .pagination ul li.active a {
    background: #ed027b;
    color: #fff;
}

.international-page .pagination strong, .international-page .pagination ul li.active a {
    background: #58cf00;
    color: #fff;
}

/* Authoritie Image */
.authoritie .user-box, .authoritie .box-default3 {
    margin-bottom: 30px;
}

.authoritie .user-box {
    box-shadow: none;
    border: 1px solid #dadada;
}

    .authoritie .user-box:hover {
        box-shadow: none;
    }

/* J-Gate Search */
.j-gate-search {
    position: relative;
    width: 275px;
}

    .j-gate-search .form-control {
        padding-right: 30px;
    }

    .j-gate-search #submit {
        position: absolute;
        right: 2px;
        top: 14px;
        width: 25px;
        height: 25px;
    }

        .j-gate-search #submit .fa {
            color: #ccc;
            font-size: 16px;
        }

#apply-popup .modal-header {
    padding-bottom: 25px;
}

#apply-popup .modal-header {
    padding-bottom: 25px;
}

    #apply-popup .modal-header h4 {
        font-size: 20px;
    }

#apply-popup .button14 {
    min-width: 120px;
}

.fb_dialog {
    right: 0px !important;
    bottom: 60px !important;
}


/* Home Specific */
.home #header {
    border: none;
}

    .home #header .container-fluid {
        padding: 0px;
    }

.home #header {
    background: rgba(0,40,85,0.3);
    position: fixed;
    left: 0px;
    width: 100%;
    z-index: 2001;
}

.home #main-navigation ul li a.nav-path-selected {
    color: #fff;
}

.home #header.fixed {
    border-bottom: 1px solid #e5e5e5;
}

    .home #header.fixed #main-navigation ul li a.nav-path-selected {
        color: #000;
    }

.home #header .logo {
    padding: 22px 22px 22px 27px;
    width: auto;
    background: rgba(0,40,85,0.3);
}

.home #header.fixed .logo {
    background: none;
}

.home #header .logo img {
    transition: height .4s ease, opacity .3s ease;
    height: 56px;
}

.home #header .user-area {
    background: rgba(0,40,85,0.3);
    padding-right: 27px;
}

.home #header.fixed .user-area {
    background: none;
}

.home #header .user-area ul li a .fa-search {
    color: #fff;
}

.home #header.fixed .user-area ul li a .fa-search {
    color: #000;
}

.home #header .user-area ul li:hover a .fa-search {
    color: #00bfe7;
}

.home #header .user-area ul li a {
    border-left: 1px solid rgba(255,255,255,0.2);
    color: #fff;
}

.home #header.fixed .user-area ul li a {
    border-left: 1px solid rgba(0,0,0,0.1);
    color: #000;
}

.home #header .user-area ul li:hover a {
    color: #00bfe7;
}

.home #header .user-area ul li a svg {
    width: 25px;
    height: 25px;
}

    .home #header .user-area ul li a svg .circle-color {
        fill: #fff;
    }

    .home #header .user-area ul li a svg .circle-stroke {
        stroke: #fff;
    }

.home #header.fixed .user-area ul li a svg .circle-color {
    fill: #000;
}

.home #header.fixed .user-area ul li a svg .circle-stroke {
    stroke: #000;
}

.home #main-navigation ul li a.nav-path-selected {
    line-height: 92px;
    font-size: 14px;
}

.home #header .user-area ul li a {
    line-height: 100px;
    font-size: 12px;
}

.home #header #national-international {
    padding: 42px 15px 44px 0px;
    background: rgba(0,40,85,0.3);
}

.home #national-international #dLabel {
    color: #fff;
}

.home #header.fixed #national-international #dLabel {
    color: #000;
}

.home #header.fixed .logo {
    padding: 10px 10px 10px 27px;
}

.home #header.fixed #main-navigation ul li a.nav-path-selected {
    line-height: 49px;
    font-size: 12px;
}

.home #header.fixed .user-area ul li a {
    line-height: 60px;
    font-size: 12px;
}

    .home #header.fixed .user-area ul li a .fa-search {
        font-size: 18px;
    }

.home #header.fixed {
    background: #fff;
    top: 35px;
}

    .home #header.fixed .logo img {
        height: 40px;
    }

    .home #header.fixed .user-area ul li a svg {
        width: 20px;
        height: 20px;
    }

    .home #header.fixed .category-menu .category-content ul li a {
        line-height: 18px;
        border: none;
    }

    .home #header.fixed #national-international {
        padding-top: 42px;
        background: rgba(0,40,85,0.2);
        padding-bottom: 25px;
    }

    .home #header.fixed #national-international {
        background: none;
    }

    .home #header.fixed #national-international {
        padding-top: 22px;
    }

.home #research-spotlights .story-box .content .inner-content p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 500;
}

.home #header.dark {
    background-color: #23394c;
    border-color: #23394c;
}

    .home #header.dark #main-navigation ul li a.nav-path-selected, .home #header.dark .user-area ul li a {
        color: #fff;
    }

        .home #header.dark .user-area ul li a svg .circle-color {
            fill: #fff;
        }

        .home #header.dark .user-area ul li a svg .circle-stroke {
            stroke: #fff;
        }

        .home #header.dark .user-area ul li a .fa-search {
            color: #fff;
        }

.home #header.fixed.dark .user-area ul li:hover a svg .circle-color {
    fill: #000;
}

.home #header.fixed.dark .user-area ul li:hover a svg .circle-stroke {
    stroke: #000;
}

.home #header.dark .user-area ul li a {
    border-left: 1px solid rgba(255,255,255,0.2);
    color: #fff;
}
/* ==========================================================================
    Responsive Settings
========================================================================== */

@media (min-width:1200px) {
    /*--- Global Map --- */
    .global-map.mobile {
        display: none;
    }
}

@media (max-width:1200px) {
    /*--- Mai Navigation --- */
    #main-navigation ul li a.nav-path-selected {
        padding: 0px 13px;
    }

    #main-navigation .dropdown .sub-menu li {
        padding-right: 20px;
    }

        #main-navigation .dropdown .sub-menu li.quick-links {
            padding-right: 0px;
        }

    /*--- Featured List --- */
    #featured-list ul li {
        padding: 0px 12px;
    }

    /*--- Home --- */
    .home #header .user-area ul li a {
        padding: 0px 10px;
    }

    .home #header .user-area {
        padding-right: 4px;
    }

    .home #main-navigation ul li a.nav-path-selected {
        font-size: 12px;
    }

    /*--- Campus Short Info --- */
    #campus-short-info .column .inner-content {
        padding: 15px;
    }

    #campus-short-info .our-offer p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    #campus-short-info .our-offer .inner-content .button2 {
        margin-right: 6px;
    }

    #campus-short-info .women-offer h2 {
        font-size: 24px;
    }

        #campus-short-info .women-offer h2 small {
            font-size: 16px;
        }

    #campus-short-info .women-offer p {
        font-size: 12px;
    }

    #campus-short-info .our-offer .inner-content .button1, #campus-short-info .our-offer .inner-content .button2 {
        min-width: auto;
    }

    /*--- Impact --- */
    #impact h2 {
        font-size: 50px;
    }

    #impact p {
        font-size: 18px;
    }

    /*--- page-head --- */
    #page-head h2 .btn {
        float: none;
        margin-left: 0px;
        display: block;
    }

    /*--- Numbers Slider --- */
    .numbers-slider .slider-dots li.slick-active {
        font-size: 38px;
    }

    /*--- Global Map --- */
    .global-map {
        display: none;
    }

        .global-map.mobile {
            display: block;
        }

    /*--- User Box --- */
    .user-box h5 {
        font-size: 13px;
    }

    .user-box p {
        font-size: 12px;
    }

    /*--- Slider2 --- */
    .slider2 .next-btn {
        right: -30px;
    }

    .slider2 .previous-btn {
        left: -30px;
    }

    /*--- Button2 --- */
    .button2 {
        padding: 8px 15px;
    }

    /*--- Course Box --- */
    .course-box .content, .course-box .footer {
        padding: 10px;
    }

        .course-box .footer .more-info {
            font-size: 10px;
        }

    /*--- Modal --- */
    .modal .modal-dialog.col-lg {
        width: 100%;
    }

    /*--- Next Step --- */
    .next-step {
        text-align: center;
    }

    /*--- Travel Steps --- */
    .travel-steps li {
        font-size: 12px;
        margin-right: 20px;
    }

    /*--- Tabs5 --- */
    .tabs5 .nav-tabs li a {
        font-size: 12px;
        padding: 8px 13px;
    }

    /*--- Enquery Form --- */
    .enquery-form .form1 .btn-group .select-option {
        margin-left: 4px;
        width: 64px;
    }

    /*--- School Nav --- */
    .school-nav ul {
        padding: 25px 25px 0px 25px;
    }

        .school-nav ul li a {
            font-size: 12px;
        }

    /*--- School Box --- */
    .school-box h6 {
        font-size: 12px;
    }

    /*--- Bank List --- */
    .bank-list li {
        width: 50% !important;
    }

    /*--- Campus Details --- */
    #campus-details .bank-list .box-default3 {
        margin-bottom: 15px;
    }

    /*--- Campus Overview --- */
    #campus-overview .tabs5 .nav-tabs li a {
        padding: 15px 10px;
    }

    /*--- Alphabets --- */
    .alphabets span {
        font-size: 14px;
    }

    .alphabets ul li a {
        font-size: 14px;
        line-height: 22px;
    }

    /*--- Course Info --- */
    #course-info .about-course .section h2 {
        font-size: 26px;
    }

    #course-info .about-course dl.description-list dt, #course-info .about-course dl.description-list dd {
        font-size: 16px;
    }

    /*--- Shedule Section --- */
    .shedule-section .shedule-icon {
        width: 300px;
        height: 300px;
        line-height: 298px;
    }

        .shedule-section .shedule-icon img {
            max-width: 165px;
        }

    /* Global Tie Ups ---------------------- */
    #global-tie-ups .country {
        width: 600x;
    }

    #global-tie-ups .box-default {
        left: 400px;
    }

    /* Contact Box ---------------------- */
    .contact-box .content {
        min-height: 215px;
    }
}

@media (max-width:992px) {

    /*--- Top Bar --- */
    .top-bar .container-fluid {
        padding: 0px 15px;
    }

    .top-navigation .custom-dropdown {
        margin-right: 10px;
    }

    .top-navigation .round {
        margin-left: 4px;
    }

    .top-navigation .custom-dropdown > a {
        font-size: 12px;
    }

    /*--- Country Tab --- */
    .country-tab .nav-tabs {
        width: 260px;
    }

    /*--- Header --- */
    #header .container-fluid {
        padding: 0px 15px;
    }

    #header .logo {
        padding-right: 5px;
    }

    #header .user-area .category-menu {
        min-width: auto;
    }

    #header .user-area ul li a {
        padding: 0px 8px;
        font-size: 12px;
    }

    #header .user-area ul li:last-child a {
        padding-left: 5px;
    }

    #header .user-area ul li a .fa-search {
        font-size: 18px;
    }

    #header .logo img {
        max-width: 175px;
    }

    .home #header .user-area ul li a svg {
        width: 20px;
        height: 20px;
    }

    .home #header .logo {
        padding: 22px 22px 22px 15px;
    }

    .home #header .user-area {
        padding-right: 15px;
    }

    .home #header .logo img {
        height: 40px;
    }

    .home #header .logo {
        padding: 29px 8px 30px 15px;
    }

    .home #main-navigation ul li a.nav-path-selected {
        font-size: 12px;
    }

    .home #header.fixed .logo {
        padding-left: 10px;
    }

        .home #header.fixed .logo img 1 {
            max-height: 30px;
        }

    /*--- Custom Dropdown --- */
    .custom-dropdown .dropdown-menu li a {
        font-size: 12px;
        padding: 6px 13px;
    }

    /*--- Main Navigation --- */
    #main-navigation ul li {
        margin-right: 4px;
    }

        #main-navigation ul li a.nav-path-selected {
            padding: 0px 5px;
            font-size: 12px;
        }

    #main-navigation .dropdown .sub-menu li h3 {
        font-size: 12px;
    }

    #main-navigation .dropdown .sub-menu li {
        padding-right: 5px;
    }

    #main-navigation .dropdown .sub-menu-listing li a {
        font-size: 12px;
        line-height: 16px;
    }

    #main-navigation .dropdown {
        padding: 15px;
    }

    /*--- Banner --- */
    #banner {
        height: 420px;
    }

        #banner .inner-content {
            padding-top: 100px;
        }

            #banner .inner-content h1 {
                font-size: 50px;
            }

            #banner .inner-content .search-box {
                padding: 15px;
                width: 200px;
                font-size: 16px;
            }

        #banner .playpause {
            bottom: 25px;
        }

        #banner .banner-video {
            display: none;
        }

    /*--- Featured List --- */
    #featured-list ul li .inner {
        width: 75px;
        height: 75px;
    }

        #featured-list ul li .inner .fa {
            font-size: 28px;
            line-height: 65px;
        }

    #featured-list ul li h6 {
        font-size: 11px;
    }

    #featured-list ul li {
        padding: 0px 5px;
    }

        #featured-list ul li .inner {
            border: 3px solid #eaeaea;
        }

    #campus-short-info .our-offer p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px;
    }

    #campus-short-info .our-offer .inner-content {
        top: 0px;
    }

        #campus-short-info .our-offer .inner-content .btn {
            font-size: 10px;
            padding: 8px 10px;
            min-width: 85px;
        }

        #campus-short-info .our-offer .inner-content .button2 {
            margin-right: 4px;
        }

    #campus-short-info .women-offer h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    /*--- Campus Gallery --- */
    #campus-gallery.slick-slider1 {
        height: 250px;
    }

    #campus-short-info .column.section .poster-image {
        object-fit: cover;
    }

    /*--- Impact --- */
    #impact h2 {
        font-size: 36px;
        margin-bottom: 16px;
    }

    #impact h3 {
        font-size: 20px;
    }

    #impact p {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 20px
    }

    /*--- numbers-slider  --- */
    .numbers-slider .slider-dots {
        font-size: 16px;
    }

        .numbers-slider .slider-dots li.slick-active {
            font-size: 24px;
        }

    .numbers-slider .slider {
        left: 0px;
        padding-left: 15px;
    }

    /*--- Help List  --- */
    .help-list .round-icon {
        width: 50px;
        height: 50px;
    }

        .help-list .round-icon .icons {
            font-size: 24px;
            line-height: 50px;
        }

    .help-list .inner {
        margin-left: 60px;
        height: 50px;
    }

        .help-list .inner p {
            height: 50px;
            font-size: 12px;
            line-height: 16px;
        }

    /*--- Global Students  --- */
    #global-students h6 {
        font-size: 14px;
    }

    #global-students h2 {
        font-size: 20px;
    }

    /*--- Tabs1  --- */
    .tabs1 .nav-tabs > li {
        margin-right: 5px;
    }

        .tabs1 .nav-tabs > li > a {
            min-width: 200px;
            font-size: 14px;
        }

    /*--- Steps Tab  --- */
    .steps-tab .nav-tabs > li a {
        width: 45px;
        height: 40px;
        font-size: 10px;
        padding: 4px;
        line-height: 30px;
    }

    .steps-tab .nav-tabs > li {
        margin-right: 5px;
    }

    /*--- Latest News  --- */
    #latest-news .news-box {
        margin-bottom: 30px;
    }

    #latest-news .row {
        margin-bottom: 25px;
    }

    /*--- Android App  --- */
    #android-app p {
        font-size: 20px;
    }

    /*--- Course Info Nav  --- */
    .course-info-nav li a {
        font-size: 10px;
    }

    /*--- Company Hiring  --- */
    #company-hiring .stats-bg .animate {
        display: none;
    }

    #company-hiring .lead {
        margin-bottom: 30px;
    }

    #company-hiring .stats-bg {
        width: 680px;
        height: 334px;
    }

        #company-hiring .stats-bg .round.round3 {
            width: 590px;
            height: 308px;
            margin-left: -295px;
        }

            #company-hiring .stats-bg .round.round3 .sm-round {
                left: 100px;
            }

        #company-hiring .stats-bg .round.round2 {
            width: 450px;
            height: 217px;
            margin-left: -225px;
        }

            #company-hiring .stats-bg .round.round2 .sm-round {
                left: 88px;
            }

        #company-hiring .stats-bg .round .content figure {
            margin-bottom: 6px;
        }

        #company-hiring .stats-bg .round .content h4 {
            font-size: 16px;
            line-height: 18px;
        }

    /*--- Home Video --- */
    #home-video .modal-dialog {
        width: 100%;
    }

        #home-video .modal-dialog iframe {
            width: 100% !important;
        }

    #home-video .close {
        right: 10px;
        top: -10px;
    }

    /*--- Search Tab --- */
    #search-tab .nav-tabs li {
        width: 33.33%;
    }

        #search-tab .nav-tabs li a {
            min-width: 148px;
            font-size: 12px;
        }

    #global-search .tabs1 .nav-tabs li a {
        padding: 10px;
    }

    #search-tab .nav-tabs li a .icons {
        margin: 5px 0px 0px 4px;
    }

    #search-tab .nav-tabs li a .fa-check-circle {
        top: 8px;
    }

    /*--- Global Search  --- */
    #global-search > .fa-search {
        display: none !important;
    }

    /*--- Apply To Sharda --- */
    #apply-to-sharda .left-panel .inner-content {
        width: 100%;
    }

    #apply-to-sharda .left-panel, #apply-to-sharda .right-panel {
        padding: 15px 20px;
    }

    /*--- Progressbar --- */
    #progressbar li {
        padding-left: 40px;
        font-size: 11px;
    }

    #progressbar #applystep3:after {
        height: 47px;
    }

    /*--- Apply Box --- */
    .apply-box, #msform {
        width: 100%;
    }

        #msform h2 {
            font-size: 20px;
        }

        .apply-box .form1 .radio-input.radio-inline {
            margin-right: 4px;
        }

    #apply-to-sharda .right-panel .header .button6 {
        min-width: 125px;
    }

    /*--- Next Step --- */
    .next-step {
        padding-top: 10px;
        margin-top: 20px;
    }

        .next-step h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .next-step .icons {
            margin-left: 4px;
        }

        .next-step .btn {
            margin-bottom: 4px;
        }

            .next-step .btn:last-child {
                margin-bottom: 0px;
            }

    /*--- Secondary Banner --- */
    #secondary-banner .inner-content {
        width: 100%;
    }

    #secondary-banner.int-banner .inner-content .inner, #secondary-banner.int-banner {
        height: 350px;
    }

        #secondary-banner.int-banner .inner-content h1 {
            font-size: 36px;
        }

    #secondary-banner.appointment-banner {
        background-position: left center;
    }

    /*--- Secondary Navigation --- */
    #secondary-navigation .header {
        padding: 15px;
    }

    #secondary-navigation ul li > a {
        padding-left: 25px;
    }

    #secondary-navigation ul li a .fa-angle-right {
        left: 15px;
    }

    /*--- Course Details--- */
    .course-details .course-short-info h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .course-details .course-short-info ul li h6 {
        font-size: 12px;
    }

    .course-details .course-short-info ul li {
        padding-right: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .course-details .course-short-info .button4 {
        margin-left: 2px;
    }

    .course-details .course-short-info .button5, .course-details .course-short-info .button4 {
        min-width: 100px;
    }

    /*--- Get In Touch --- */
    .get-in-touch {
        padding: 15px;
        display: inline-block;
        width: 100%;
    }

        .get-in-touch p {
            font-size: 12px;
            line-height: 18px;
        }

    /*--- Page Head --- */
    #page-head {
        padding: 20px 0px;
    }

        #page-head h2 {
            font-size: 28px;
        }

    /*--- Contact Box --- */
    .contact-box .content h5 {
        font-size: 12px;
    }

    .contact-box .content p {
        font-size: 12px;
        line-height: 18px;
    }

    .contact-box .content dl.description-list dt, .contact-box .content dl.description-list dd {
        font-size: 12px;
    }

    .contact-box .content dl.description-list dd {
        margin-left: 22px;
    }

    /*--- Tabs3 --- */
    .tabs3 .nav-tabs li a {
        min-width: 170px;
    }

    /*--- Travel Steps --- */
    .travel-steps li {
        width: 22%;
        font-size: 10px;
        line-height: 18px;
    }

    /*--- Campus Details --- */
    #campus-details .box-default3 .short-info .action-lnk {
        text-align: left;
    }

    /*--- School Banner --- */
    #school-banner .enquery-form h5 {
        font-size: 16px;
    }

    #school-banner h2 {
        font-size: 28px;
        line-height: 33px;
    }

    /*--- School Nav --- */
    .school-nav ul li a {
        padding-bottom: 12px;
    }

    /*--- Quick Facts --- */
    #quick-facts span {
        font-size: 28px;
    }

    #quick-facts p {
        font-size: 14px;
    }

    /*--- Course Department --- */
    #course-department h4 {
        font-size: 18px;
    }

    #course-department .list li {
        font-size: 12px;
    }

    /*--- Gallery --- */
    #gallery .image-gallery h2 {
        font-size: 26px;
    }

    #gallery .video-gallery .play-btn {
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: -25px 0px 0px -25px;
        font-size: 18px;
    }

    #gallery .image-gallery > a, #gallery .video-gallery > a {
        height: 250px;
    }

    #gallery .image-gallery {
        margin: 0px 0px 1px;
    }

    #gallery .image-gallery, #gallery .video-gallery {
        height: 250px;
        width: 100%;
    }

    #gallery .video-gallery {
        position: relative;
    }

    /*--- Gallery Tab  --- */
    .gallery-tab {
        width: 100%;
        padding: 20px;
    }

        .gallery-tab h2 {
            font-size: 18px;
            top: 30px;
        }

        .gallery-tab .close-gallery {
            font-size: 24px;
            top: 6px;
            right: 6px;
        }

        .gallery-tab .nav-tabs {
            margin-bottom: 20px;
        }

    .gallery-page #container-wrap {
        padding-top: 10px;
    }

    .gallery-slider .lSAction .lSPrev:before, .gallery-slider .lSAction .lSNext:after {
        font-size: 24px;
    }

    /*--- Placement Highlights --- */
    #placement-highlights h5 {
        font-size: 14px;
    }

    /*--- Core Values --- */
    #core-values .overlay h2 {
        font-size: 26px;
    }

    #core-values .overlay p {
        line-height: 18px;
    }

    #core-values .inner-content {
        overflow: auto;
    }

    /*--- Content Block --- */
    .content-block, .content-block-extra {
        margin-bottom: 15px;
    }

    /*--- Chancellor Details --- */
    .chancellor-details .banner figcaption h4 {
        font-size: 18px;
    }

    .chancellor-details .banner figcaption p {
        font-size: 16px;
    }

    /*--- Facultie Details --- */
    #facultie-details .author-detail {
        margin: 0px auto 15px auto;
    }

    /*--- Widget --- */
    .widget .content ul li h6, .widget .content ul li p.date {
        font-size: 12px;
    }

    /*--- Event Details --- */
    #event-details .event-info h4 {
        font-size: 16px;
    }

    #event-details .event-info ul li {
        margin-right: 15px;
    }

    #event-details .box-default3 {
        padding: 15px;
    }

    #event-details .event-details .event-nav {
        margin: 0px -15px 15px -15px;
    }

        #event-details .event-details .event-nav ul li a {
            padding: 0px 15px 12px 15px;
            font-size: 12px;
        }

    /*--- Course Info --- */
    #course-info .know-more {
        padding: 20px 15px;
    }

    #course-info .about-course dl.description-list dt, #course-info .about-course dl.description-list dd {
        font-size: 14px;
    }

    #course-info .about-course {
        padding: 0px 15px 20px 15px;
    }

    #course-info dl.description-list dd {
        margin-left: 180px;
    }

    #course-info dl.description-list dt {
        min-width: 145px;
    }

    /*--- Shedule Section --- */
    .shedule-section .shedule-icon {
        width: 250px;
        height: 250px;
        line-height: 248px;
    }

        .shedule-section .shedule-icon img {
            max-width: 145px;
        }

    .shedule-section .inner-content {
        padding-top: 0px;
    }

    .shedule-section P:first-child {
        font-size: 18px;
        line-height: 24px;
    }

    .shedule-section P {
        font-size: 16px;
    }

    .enquery-form {
        display: none;
    }

        .enquery-form .text-right {
            text-align: left;
        }

    /*--- How To Apply --- */
    #how-to-apply .steps li p {
        font-size: 12px;
        line-height: 18px;
    }

    /*--- Google Play Btn   --- */
    .google-play-btn {
        padding: 6px;
    }

        .google-play-btn img {
            max-width: 127px;
        }

    /*--- Live Events  --- */
    #live-events {
        display: none;
    }

    /*--- National International   --- */
    #national-international {
        padding-right: 8px;
    }

    /*--- Our Recruiters   --- */
    #our-recruiters .box img {
        max-width: 100px;
    }

    /*--- Course Info Nav   --- */
    .course-info-nav.fixed .fixed-items {
        display: none;
    }

    .course-info-nav.fixed ul {
        text-align: center;
    }

    .course-info-nav.fixed .col-sm-6 {
        width: 100%;
    }

    /* Alphabets  ---------------------- */
    .alphabets {
        padding-top: 0px;
        margin-bottom: 10px;
    }

    /*--- Dean Msg   --- */
    #dean-msg figure figcaption {
        padding: 4px;
    }

        #dean-msg figure figcaption p {
            left: 4px;
            width: 75%;
        }

    /*--- Strip   --- */
    #strip p {
        font-size: 10px;
    }

        #strip p img {
            max-width: 225px;
        }

    /*--- How To Reach   --- */
    .how-to-reach .tabs3 .nav-tabs li {
        margin: 0px 6px;
    }

        .how-to-reach .tabs3 .nav-tabs li a {
            min-width: auto;
        }

    /*--- Footer --- */
    #footer .contact .icon {
        width: 66px;
        height: 66px;
    }

        #footer .contact .icon .fa {
            font-size: 28px;
            line-height: 64px;
        }

    #footer .contact .inner {
        margin-left: 80px;
        height: 66px;
    }

        #footer .contact .inner p {
            font-size: 14px;
            height: 66px;
        }

    #footer ul.hidden-margin-xs {
        margin-bottom: 0px;
    }

    #footer .section .app-download {
        max-width: 140px;
    }

    /* Global Tie Ups ---------------------- */
    #global-tie-ups .country {
        width: 100%;
        height: 250px;
    }

    #global-tie-ups .box-default {
        position: relative;
        left: auto;
        top: auto;
    }

    #global-tie-ups .inner-content {
        margin-bottom: 15px;
    }

    /* Courses specialization ---------------------- */
    #courses-specialization .programme-type-list > li > a {
        font-size: 16px;
    }

        #courses-specialization .programme-type-list > li > a:after {
            font-size: 14px;
        }

    #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li > a, #courses-specialization .programme-type-list .programme-list-wrapper .programme-specialization > li > a {
        font-size: 12px;
    }

    #courses-specialization .programme-type-list > li > a {
        padding: 6px;
    }
}

@media (max-width:767px) {

    /*--- Scrolling  --- */
    .scrolling-menu.fixed {
        overflow-x: scroll;
    }

        .scrolling-menu.fixed ul {
            width: 800px;
            overflow-x: scroll;
            text-align: left !important;
        }

        .scrolling-menu.fixed.campus-tab ul {
            width: 900px;
        }

    /*--- Top Bar  --- */
    .top-bar .country-tab {
        margin-bottom: 10px;
        text-align: center;
    }

        .top-bar .country-tab .nav-tabs {
            width: 238px;
            float: none;
            display: inline-block;
        }

        .top-bar .country-tab > span {
            margin-right: 4px;
        }

    .home #main-navigation ul li a.nav-path-selected, .home #header.fixed #main-navigation ul li a.nav-path-selected {
        color: #000;
        line-height: 18px;
    }

    /*--- Top Navigation   --- */
    .top-navigation {
        float: none;
        text-align: center;
    }

        .top-navigation .fa {
            font-size: 10px;
        }

        .top-navigation .round {
            width: 14px;
            height: 14px;
            line-height: 14px;
        }

        .top-navigation .custom-dropdown {
            margin-right: 4px;
        }

            .top-navigation .custom-dropdown > a {
                font-size: 11px;
            }

            .top-navigation .custom-dropdown.login .dropdown-menu {
                right: auto;
                left: 0px;
            }

            .top-navigation .custom-dropdown.contact {
                display: none;
            }

    /*--- Main Navigation   --- */

    .home #header {
        background: rgba(0,40,85,0.3);
        position: fixed;
        left: 0px;
        width: 100%;
        z-index: 2001;
        border: none;
    }

        .home #header .logo {
            padding: 10px;
            padding-top: 15px;
        }

        .home #header #national-international {
            padding: 19px 15px 27px 0px;
        }

        .home #header .user-area ul li a {
            line-height: 65px;
        }

        #header .logo img, .home #header.fixed .logo img, .home #header .logo img {
            height: 25px;
            width: auto;
            margin: 5px 0 0 0;
        }

        .home #header.fixed .logo {
            padding-left: 10px;
            padding-top: 15px;
        }

        .home #header .logo {
            padding-right: 6px;
            padding-bottom: 18px;
        }

        .home #header .user-area ul li:last-child a {
            padding-right: 0px;
        }

        .home #header .user-area ul li a {
            padding: 0px 5px;
        }

        .home #header .user-area ul li:last-child a {
            padding-left: 12px;
        }

    #header .user-area ul li:last-child a {
        padding-left: 12px;
    }

    #header .user-area .category-menu {
        min-width: 46px;
    }

    #header .container-fluid {
        padding: 0px 0px 0px 10px;
    }

    .home #header .user-area ul li a svg {
        width: 20px;
        height: 20px;
    }

    #main-navigation {
        float: none;
        height: 100%;
    }

        #main-navigation ul li {
            margin-bottom: 20px;
        }

    .home #main-navigation > ul {
        top: 125px;
    }

    .slick-slider #school-banner {
        padding: 20px 0;
    }

    .home #header.fixed #main-navigation > ul {
        top: 62px;
    }

    #main-navigation > ul {
        padding-top: 15px;
    }

    #main-navigation ul li {
        margin-right: 0px;
    }

    #main-navigation > ul {
        display: none;
        position: fixed;
        left: 0px;
        width: 100%;
        top: 95px;
        z-index: 10001;
        background: #fff;
        height: 100%;
        overflow: auto;
    }

    #main-navigation ul li {
        float: none;
    }

        #main-navigation ul li a.nav-path-selected {
            line-height: 20px;
            padding: 5px 15px;
            display: block;
            font-size: 14px;
            border: 2px solid transparent;
            position: relative;
        }

            #main-navigation ul li a.nav-path-selected:after {
                content: "+";
                position: absolute;
                right: 10px;
                top: 7px;
                font-size: 20px;
                display: inline-block;
            }

        #main-navigation ul li.active a.nav-path-selected:after {
            content: "-";
        }

    .home #main-navigation ul li a.nav-path-selected, .home #header.fixed #main-navigation ul li a.nav-path-selected {
        font-size: 14px;
    }

    #main-navigation .dropdown .sub-menu li h3 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    #main-navigation .dropdown .sub-menu li {
        margin-bottom: 20px;
    }

    #main-navigation .dropdown .sub-menu-listing li a {
        font-size: 13px;
        padding-left: 20px
    }

    #main-navigation .menu-btn {
        display: block;
    }

    #main-navigation .dropdown {
        position: relative;
        display: none;
    }

    #main-navigation ul li.active .dropdown {
        display: block;
        top: auto;
        opacity: 1;
    }
    /*---#main-navigation ul li:hover .dropdown { display:block; }--- */
    #main-navigation .dropdown .sub-menu li {
        width: 100%;
        margin-bottom: 15px;
    }

        #main-navigation .dropdown .sub-menu li.no-margin {
            margin-bottom: 0px;
        }

        #main-navigation .dropdown .sub-menu li .sub-menu-listing li {
            margin-bottom: 10px;
        }

    #header .logo {
        padding-top: 15px;
    }

        #header .logo img {
            max-width: 100px;
        }

    #header .logo {
        width: auto;
    }

    #main-navigation ul li.quick-links {
        float: none;
    }


    #main-navigation ul li.academics:hover a.nav-path-selected, #main-navigation ul li.academics.active a.nav-path-selected {
        border-bottom: 2px solid #00bfe7;
        color: #00bfe7;
    }

    #main-navigation ul li.admissions:hover a.nav-path-selected, #main-navigation ul li.admissions.active a.nav-path-selected {
        border-bottom: 2px solid #00c1a1;
        color: #00c1a1;
    }

    #main-navigation ul li.campuslife:hover a.nav-path-selected, #main-navigation ul li.campuslife.active a.nav-path-selected, #main-navigation ul li.campuslife:hover a.nav-path-selected, #main-navigation ul li.campuslife.active a.nav-path-selected {
        border-bottom: 2px solid #FC654C;
        color: #FC654C;
    }

    #main-navigation ul li.about:hover a.nav-path-selected, #main-navigation ul li.about.active a.nav-path-selected {
        border-bottom: 2px solid #ff9c00;
        color: #ff9c00;
    }

    #main-navigation ul li.connect:hover a.nav-path-selected, #main-navigation ul li.connect.active a.nav-path-selected {
        border-bottom: 2px solid #ed027b;
        color: #ed027b;
    }

    #main-navigation ul li.international:hover a.nav-path-selected, #main-navigation ul li.international.active a.nav-path-selected {
        border-bottom: 2px solid #58cf00;
        color: #58cf00;
    }

    #main-navigation ul li.international .dropdown {
        padding-bottom: 100px;
    }

    /*--- Banner   --- */
    #banner {
        height: 300px !important;
        display: block;
        background-image: url(../images/mobile-home-banner.png);
    }

        #banner .inner-content h1 {
            font-size: 14px;
            line-height: 32px;
            margin-bottom: 0px;
            margin-top: 50px
        }

        #banner .cd-intro h2 {
            font-size: 16px;
        }

        #banner .inner-content {
            padding-top: 75px;
        }

            #banner .inner-content p {
                font-size: 12px;
            }

        #banner .scroll-down {
            display: none;
        }

        #banner .playpause {
            bottom: 30px;
            right: 50px;
            width: 40px;
            height: 40px;
        }

            #banner .playpause .fa {
                font-size: 14px;
                line-height: 36px;
            }

        #banner .inner-content .search-box {
            padding: 6px;
            width: 175px;
            font-size: 12px;
        }

        #banner .banner-video, #banner .playpause, #banner:after {
            display: none;
        }

        #banner .inner-content p {
            margin-bottom: 25px;
        }

    #secondary-banner.career-banner p {
        font-size: 14px;
    }

    /*--- Featured List   --- */
    #featured-list {
        padding: 20px 0px;
    }

        #featured-list .scrolling {
            overflow-x: scroll;
        }

            #featured-list .scrolling ul {
                width: 950px;
                overflow-x: scroll;
                padding-top: 10px;
            }

        #featured-list ul li {
            float: left;
            margin-bottom: 15px;
            padding: 0px 25px;
        }

            #featured-list ul li .inner {
                margin-bottom: 10px;
            }

    /*--- Campus Short Info   --- */
    #campus-short-info .column {
        margin-bottom: 1px;
        height: auto;
    }

    #campus-short-info .our-offer p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    #campus-short-info .our-offer .inner-content .btn {
        min-width: 130px;
    }

    #campus-short-info .column.section .poster-image {
        object-fit: contain;
        height: auto;
    }

    #campus-short-info .column.section {
        height: auto;
    }
    /*---#campus-gallery.slick-slider1, #campus-short-info .column.section .poster-image,#campus-gallery.slick-slider1 figure img { height:225px; }--- */
    #campus-gallery .slick-dots {
        display: none !important;
    }

    #campus-gallery.slick-slider1, #campus-gallery.slick-slider1 figure img {
        height: 200px;
    }

    /*--- News Box   --- */
    .news-box .banner video {
        width: 100%;
        object-fit: fill;
    }

    /*--- Section   --- */
    section.section {
        padding: 20px 0px;
    }

    /*--- Announcements   --- */
    #announcements {
        margin-bottom: -23px;
    }

    #announcements {
        padding: 15px;
    }

    /*--- Numbers Slider   --- */
    .numbers-slider .shape {
        margin-bottom: 20px;
    }

    .numbers-slider .numbers {
        left: 50%;
        margin-left: -45px;
    }

    .numbers-slider .numbers-container {
        display: none;
    }

    .numbers-slider .slider-container {
        position: relative;
        overflow-x: scroll;
    }

    /*--- Slider2   --- */
    .slider2 .previous-btn, .slider2 .next-btn {
        width: 40px;
        height: 40px;
        line-height: 43px;
        font-size: 14px;
        margin-top: -20px;
    }

    .slider2 .previous-btn {
        left: -15px;
    }

    .slider2 .next-btn {
        right: -15px;
    }

    /*--- Sliding Banner   --- */
    #sliding-banner .slider2 .previous-btn, #sliding-banner .slider2 .next-btn {
        line-height: 40px;
    }

    #sliding-banner .slider2 .previous-btn {
        left: 15px;
    }

    #sliding-banner .slider2 .next-btn {
        right: 15px;
    }

    #sliding-banner .slides ul li > img {
        height: 250px;
    }

    /*--- Impact   --- */
    #impact h2 {
        font-size: 32px;
        text-align: center;
    }

    #impact h3 {
        text-align: center;
        font-size: 14px;
        margin-bottom: 0px;
    }

    #impact p {
        font-size: 12px;
    }

    #impact .slide {
        padding-top: 20px;
        position: relative;
        float: left;
        width: 320px;
        padding-left: 5px;
        padding-right: 5px;
    }

        #impact .slide.impact-130, #impact .slide.impact-2000 {
            padding-left: 0px;
        }

        #impact .slide:before {
            position: absolute;
            top: 0px;
            left: 0px;
            font-size: 28px;
            font-weight: bold;
            display: block;
            text-align: center;
            width: 100%;
        }

        #impact .slide.impact-20000 {
            clear: left;
        }

        #impact .slide.impact-130:before {
            content: "130+";
            background: -webkit-linear-gradient(#08bae9, #687aff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #impact .slide.impact-63:before {
            content: "63";
            background: -webkit-linear-gradient(#48bca1, #23957a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #impact .slide.impact-80:before {
            content: "80+";
            background: -webkit-linear-gradient(#fa634a, #bc3620);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #impact .slide.impact-2000:before {
            content: "2000+";
            background: -webkit-linear-gradient(#bf227c, #881959);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #impact .slide.impact-20000:before {
            content: "20000+";
            background: -webkit-linear-gradient(#dbaf29, #a17e12);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #impact .slide.impact-36000:before {
            content: "36000+";
            background: -webkit-linear-gradient(#48bca1, #22957a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

    .home #impact .slider {
        width: 975px;
    }

    /*--- Numbers Slider   --- */
    .numbers-slider .slider {
        padding-left: 0px;
    }

    .numbers-slider .shape {
        left: -1px;
        display: none;
    }

    .numbers-slider .slider-dots {
        display: none;
    }

    /*--- Global Students   --- */
    #global-students h6 {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    #global-students h2 {
        font-size: 16px;
        line-height: 22px;
    }

    /*--- Tabs1   --- */
    .tabs1 .nav-tabs > li > a {
        min-width: auto;
        padding: 0px 5px 6px 5px;
        font-size: 10px;
    }

    .tabs1 .scrolling .nav-tabs {
        width: 700px;
    }

    .tabs1 .scrolling li {
        margin-right: 15px;
    }

        .tabs1 .scrolling li > a {
            font-size: 16px;
        }

    /*--- Featured Section   --- */
    #featured-section .tabs1 .scrolling {
        overflow-x: scroll;
    }

    #featured-section .tabs1 .nav-tabs {
        margin-bottom: 15px;
    }

    #featured-section .tabs1 .nav-tabs {
        text-align: left;
    }

    #featured-section .story-box .content .inner-content {
        height: 110px;
    }

    /*--- Latest News   --- */
    #latest-news h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    /*--- Android App   --- */
    #android-app {
        display: none;
    }

        #android-app .image {
            text-align: center;
            margin-bottom: 20px;
        }

            #android-app .image img {
                max-height: 250px;
            }

        #android-app h3 {
            font-size: 18px;
            line-height: 24px;
            padding-bottom: 10px;
        }

        #android-app p {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 20px;
        }

    /*--- Company Hiring   --- */
    #company-hiring .stats-bg .round {
        padding: 15px 10px 0px 10px;
    }

        #company-hiring .stats-bg .round, #company-hiring .stats-bg .round.round2, #company-hiring .stats-bg .round.round1 {
            width: 50%;
            float: left;
        }

            #company-hiring .stats-bg, #company-hiring .stats-bg .round.round2, #company-hiring .stats-bg .round.round1, #company-hiring .stats-bg .round.round3 {
                border-radius: 0px;
                margin-left: 0px;
                left: 0px;
                border: none;
                position: relative;
                height: auto;
            }

                #company-hiring .stats-bg, #company-hiring .stats-bg .round.round3 {
                    width: 100%;
                }

                    #company-hiring .stats-bg .round .content {
                        padding-bottom: 10px;
                        margin-bottom: 10px;
                    }

                    #company-hiring .stats-bg .round.round3 .content {
                        margin-bottom: 0px;
                    }

                    #company-hiring .stats-bg .round .sm-round {
                        display: none;
                    }

    #company-hiring .view-all {
        position: relative;
    }

    #company-hiring h2 {
        font-size: 28px;
        line-height: 35px;
        margin-top: 10px;
    }

    /*--- Read Faq   --- */
    #read-faq {
        display: none;
    }

    /*--- Student Category   --- */
    #student-category .inner {
        width: 100%;
    }

    #student-category .btn {
        margin-bottom: 15px;
    }

    /*--- Search Tab   --- */
    #search-tab .search-area p {
        height: auto;
    }

    #search-tab .radio-input.radio-inline {
        display: block;
    }

    #search-tab .nav-tabs {
        display: none;
    }

        #search-tab .nav-tabs li {
            width: 100%;
            border-right: none;
            display: none;
        }

            #search-tab .nav-tabs li.active {
                display: block;
            }

        #search-tab .nav-tabs li {
            padding: 25px 40px;
        }

    #search-tab .keyword-search-area .form-control, #search-tab .keyword-search-area .keyword-search-results {
        width: 100%;
    }

    /*--- Global Search   --- */
    #global-search {
        padding-top: 50px;
    }

        #global-search .close-search {
            top: -40px;
            padding-right: 20px;
            font-size: 26px;
        }

        #global-search .site-search {
            padding: 20px;
        }

    .gsc-search-box {
        width: 100% !important;
    }

    #global-search .tabs1 > .nav-tabs {
        margin-left: 6px;
    }

    #global-search .tabs1 .nav-tabs li a {
        padding: 8px;
    }

    .gsc-search-box .gsc-search-button {
        min-width: 60px;
    }

    /*--- Apply To Sharda   --- */
    #apply-to-sharda .left-panel {
        display: none;
    }

        #apply-to-sharda .left-panel, #apply-to-sharda .right-panel, #apply-to-sharda .note, #apply-to-sharda .left-panel .overlay .inner {
            width: 100%;
        }

            #apply-to-sharda .left-panel .inner-content p {
                font-size: 14px;
            }

            #apply-to-sharda .left-panel .inner-content .button6 {
                margin: 0px;
            }

            #apply-to-sharda .left-panel .logo {
                margin-bottom: 20px;
            }

            #apply-to-sharda .left-panel.International {
                height: auto;
            }

    /*--- Progressbar   --- */
    #progressbar #applystep3:after {
        height: 15px;
    }

    #progressbar {
        margin-bottom: 20px;
    }

    /*--- Msform   --- */
    #msform h2 {
        font-size: 18px;
        line-height: 26px;
    }

    #msform .icons, #msform .international-call .select {
        display: none;
    }

    #msform label {
        left: 0px;
    }

    #msform .form-control, #msform .international-call .form-control, #msform .select select {
        padding-left: 125px;
    }

    .apply-box {
        padding: 10px;
    }

    #msform .button7, #msform .button8 {
        min-width: 110px;
    }

    #msform .form-control, #msform .select select, #msform .gender label {
        font-size: 12px;
    }

    /*--- Secondary Banner   --- */
    #secondary-banner .inner-content .search-box, #secondary-banner .inner-content .button-group .button2.btn-lg, #secondary-banner .inner-content .button-group .button5.btn-lg {
        margin-bottom: 10px;
    }

    #secondary-banner .inner-content, #secondary-banner .inner-content .inner {
        height: 300px;
    }

        #secondary-banner .inner-content .button-group .button2.btn-lg, #secondary-banner .inner-content .search-box, #secondary-banner .inner-content .button-group .button5.btn-lg {
            min-width: 160px;
        }

        #secondary-banner .inner-content h1 {
            font-size: 20px;
            line-height: 26px;
            text-transform: none;
        }

        #secondary-banner .inner-content h5 {
            font-size: 14px;
        }

        #secondary-banner .inner-content, #secondary-banner .inner-content .inner {
            height: 250px;
        }

    #secondary-banner .page-header {
        padding: 15px;
    }

        #secondary-banner .page-header h2 {
            font-size: 18px;
            line-height: 24px;
        }

    #secondary-banner.shedule h2 {
        font-size: 24px;
        line-height: 28px;
    }

    #secondary-banner.shedule .inner-content .inner .button5 {
        min-width: 180px;
        font-size: 16px;
        padding: 4px 20px;
    }

    #secondary-banner.int-banner {
        background-image: url(../images/int-home-banner.png);
    }

        #secondary-banner.int-banner .video {
            display: none;
        }

        #secondary-banner.int-banner .inner-content h1 {
            font-size: 26px;
            line-height: 32px;
        }

    #secondary-banner.triangle-banner:after {
        border-bottom: 300px solid #00c1a1;
        border-right: 300px solid transparent;
    }

    #secondary-banner.campus-banner.triangle-banner:after {
        border-bottom: 300px solid #fc654c;
    }

    #secondary-banner.about-banner.triangle-banner:after {
        border-bottom: 300px solid #ff9c00;
    }

    #secondary-banner.academic-banner.triangle-banner:after {
        border-bottom: 300px solid #00bfe7;
    }

    #secondary-banner.triangle-banner .inner-content .search-box {
        min-width: 143px;
        margin-bottom: 0px;
    }

        #secondary-banner.triangle-banner .inner-content .search-box .fa {
            margin-left: 10px;
        }

    #secondary-banner.triangle-banner .inner-content .search-box, #secondary-banner.triangle-banner .inner-content .button1 {
        width: 143px;
    }

    #secondary-banner.triangle-banner .inner-content .button1 {
        line-height: 21px;
    }

    #secondary-banner.triangle-banner .inner-content .search-box {
        margin-right: 0px;
    }

    /*--- Scholarships   --- */
    #scholarships {
        background: url(../images/scholarship3.png) no-repeat;
        padding-top: 20px;
        background-size: cover;
    }

    .programe-tab .nav-tabs {
        width: 800px;
    }

        .programe-tab .nav-tabs > li:after {
            display: none;
        }

        .programe-tab .nav-tabs > li {
            float: left;
            margin-right: 10px;
        }

            .programe-tab .nav-tabs > li .fa {
                display: none;
            }

            .programe-tab .nav-tabs > li a {
                padding: 10px 0px;
                font-size: 14px;
            }

    .programe-tab .left-section {
        overflow-x: scroll;
    }

    /*--- Apply Steps2   --- */
    .apply-steps2:before, .apply-steps2:after, #how-to-apply2 .row:after {
        display: none;
    }

    .apply-steps2 .box {
        height: 80px;
        line-height: 102px;
        width: 135px;
    }

        .apply-steps2 .box .fa {
            font-size: 32px;
        }

    .apply-steps2 p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    /*--- How To Apply2  --- */
    #how-to-apply2 .button-group .button1 {
        margin-bottom: 0px;
        margin-right: 0px;
    }

    #how-to-apply2 .button-group .btn {
        min-width: auto;
    }

    /*--- Facilities Sharda   --- */
    #facilities-sharda h2 {
        font-size: 24px;
        line-height: 30px;
    }

    #facilities-sharda .tabs1 .nav-tabs li a {
        font-size: 13px;
    }

    #facilities-sharda .news-box {
        margin-bottom: 20px;
    }

    #facilities-sharda .slider2 .previous-btn {
        left: 0px;
    }

    #facilities-sharda .slider2 .next-btn {
        right: 0px;
    }

    #facilities-sharda .row {
        margin-bottom: 20px;
    }

    /*--- Programe Tab  --- */
    .programe-tab .left-section, .programe-tab .right-section {
        min-height: auto;
    }

    /*--- Secondary Navigation   --- */
    #secondary-navigation {
        margin-bottom: 15px;
    }

    /*--- Breadcrumbs  --- */
    #breadcrumbs a, #breadcrumbs .divider {
        font-size: 10px;
        margin-bottom: 2px;
    }

    #breadcrumbs {
        padding-top: 15px;
        margin-bottom: 15px;
    }

    /*--- Post   --- */
    .post .recent-grad ul li {
        float: none;
        width: 100%;
    }

    /*--- Course Info Nav   --- */
    .course-info-nav li a {
        font-size: 12px;
        padding: 10px 5px;
    }

    .course-info-nav li {
        width: auto;
    }

    /*--- Course List   --- */
    .course-list .course-box {
        margin-bottom: 15px;
    }

    /*--- Box Default3   --- */
    .box-default3 h4 {
        font-size: 16px;
        line-height: 22px;
    }

    /*--- Modal   --- */
    .modal .modal-body h2 {
        font-size: 20px;
    }

        .modal .modal-body h2 .icon img {
            max-height: 60px;
            max-width: 60px;
        }

    .modal button.close {
        font-size: 24px;
    }

    /*--- Secondary Navigation   --- */
    #secondary-navigation #accordion ul {
        padding-left: 30px;
    }

    #secondary-navigation h5 {
        font-size: 14px;
    }

    /*--- Course Filter   --- */
    #course-filter .search-area .select {
        margin-bottom: 10px;
    }

    #course-filter .fee-structure {
        overflow-x: auto;
    }

    /*--- Accordion1   --- */
    .accordion1 .panel-title.big {
        font-size: 16px;
        line-height: 24px;
    }

    .accordion1 .panel-title {
        font-size: 12px;
        line-height: 18px;
    }

    .accordion1 .panel-heading .accordion-toggle:after {
        font-size: 18px;
    }

    .accordion.accordion .panel-title {
        font-size: 14px;
    }

    .accordion .announcements .details {
        margin-left: 90px;
        overflow: hidden;
    }

    .accordion.accordion .panel-title {
        font-size: 12px;
        line-height: 16px;
    }

    .accordion .announcements .date {
        font-size: 14px;
    }

    /*--- Scrolling Table    --- */
    .scrolling-table {
        overflow-x: auto;
    }

        .scrolling-table table {
            min-width: 600px;
        }

    /*--- Know More Form    --- */
    .know-more-form .form1 li #marks_10.form-control {
        margin-bottom: 10px;
    }

    /*--- List1    --- */
    .list1, .post ul, .post ol {
        margin-left: 12px;
    }

        .list1 li, .post li {
            padding-left: 4px;
        }

    .doc-list li, .doc-list li {
        padding-left: 30px;
    }

    /*--- Travel Steps    --- */
    .travel-steps li {
        width: 43%;
        height: 135px;
        line-height: 16px;
        margin-bottom: 20px;
    }

        .travel-steps li:before, .travel-steps li:after {
            display: none;
        }

        .travel-steps li:nth-child(6), .travel-steps li:nth-child(7), .travel-steps li:nth-child(8), .travel-steps li:nth-child(5) {
            float: left;
        }

        .travel-steps li:nth-child(5) {
            margin-right: 20px;
        }

    /*--- How To Reach    --- */
    .how-to-reach .inner-content {
        padding: 20px 0px;
        background-color: #ff9c00;
    }

    .how-to-reach p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    /*--- Tabs3    --- */
    .tabs3 .nav-tabs li {
        display: block;
        margin: 0px 0px 10px 0px;
    }

        .tabs3 .nav-tabs li a {
            min-width: 100px;
            padding: 8px 10px;
            font-size: 12px;
        }

    /*--- Contact Counseling-centre    --- */
    .contact-counseling-centre .contact-box, .main-contact .contact-box {
        margin-bottom: 20px;
        min-height: inherit;
    }

    /*--- Page Head    --- */
    #page-head h2 {
        font-size: 22px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    #page-head .right {
        float: none;
    }

    #page-head .btn {
        margin-top: 6px;
    }

    #page-head .form1 {
        clear: left;
        margin: 0px;
    }

    /*--- News Box    --- */
    .news-box.for-campus {
        margin-bottom: 20px;
    }

    /*--- School Banner    --- */
    #school-banner {
        padding: 20px 0px;
    }

        #school-banner .inner {
            height: 200px;
        }

        #school-banner h5 {
            font-size: 12px;
            line-height: 18px;
        }

        #school-banner h2 {
            font-size: 20px;
            line-height: 26px;
        }

    /*--- Enquery Form    --- */
    .enquery-form .form1 .btn-group .select-option {
        width: 85px;
    }

    /*--- School Nav    --- */
    .school-nav ul {
        padding: 10px;
        border-radius: 10px;
    }

        .school-nav ul li {
            margin-bottom: 4px;
        }

            .school-nav ul li a {
                padding: 0px 4px 6px 4px
            }

    /*--- Dean Msg    --- */
    #dean-msg {
        padding: 20px 0px;
    }

        #dean-msg .section {
            width: 100%;
            float: none;
            clear: both;
        }

        #dean-msg figure figcaption p {
            font-size: 16px;
            left: auto;
            bottom: auto;
            position: relative;
            width: 100%;
        }

        #dean-msg figure figcaption {
            height: auto;
            padding: 10px 15px;
            clip-path: none;
            -webkit-clip-path: none;
        }

        #dean-msg .section.dean-img, #dean-msg .section.dean-data {
            width: 100%;
        }

    /*--- Quick Facts   --- */
    #quick-facts {
        padding: 20px 0px;
    }

        #quick-facts ul li {
            width: 50%;
            margin-bottom: 6px;
            min-height: 85px;
        }

            #quick-facts ul li p {
                font-size: 12px;
            }

        #quick-facts span {
            font-size: 24px;
        }

    /*--- Tabs4   --- */
    .tabs4 .nav-tabs {
        width: 300px;
    }

        .tabs4 .nav-tabs li a {
            font-size: 12px;
            line-height: 32px;
        }

            .tabs4 .nav-tabs li a .fa {
                font-size: 20px;
            }

    .tabs5 .nav-tabs {
        padding: 10px;
        border-radius: 10px;
    }

    /*--- Course Department   --- */
    #course-department .school-box {
        margin-bottom: 15px;
    }

    #course-department .list {
        padding-left: 15px;
    }

    #course-department .tabs4 .nav-tabs li:first-child {
        float: right;
    }

    /*--- Gallery   --- */
    #gallery .image-gallery > a, #gallery .video-gallery > a {
        height: 250px;
    }

    #gallery .image-gallery {
        margin: 0px 0px 1px;
    }

    #gallery .image-gallery, #gallery .video-gallery {
        height: 250px;
        width: 100%;
    }

    #gallery .video-gallery {
        position: relative;
    }

    /*--- Bank List   --- */
    .bank-list li {
        width: 100% !important;
    }

    /*--- Campus Overview   --- */
    #campus-overview .tabs5 .nav-tabs li a {
        padding: 8px;
    }

    /*--- Campus Details   --- */
    #campus-details .box-default3 .short-info .form-group:last-child {
        padding-left: 0px;
    }

    /*--- Placement Highlights   --- */
    #placement-highlights h5 {
        height: auto;
    }

    #placement-highlights .box, .story-listing .story-box, .testimonial-listing .testimonial-box, .filter-content .user-box, .awards-listing .news-box.bordered, .department-box, #patents-publications .patent-box, .gallery-listing .gallery-box, .event-listing .news-box {
        margin-bottom: 15px;
    }

    /*--- Contact Placement   --- */
    #contact-placement .inner p {
        font-size: 14px;
    }

    /*--- Story Box   --- */
    .story-box .content .inner-content {
        height: auto;
    }

    #success-stories .story-box .content .inner-content {
        height: 90px;
    }

    /*--- Filters   --- */
    #filters {
        padding: 10px 0px;
    }

    /*--- Faculty Banner   --- */
    #faculty-banner #breadcrumbs {
        margin-bottom: 20px;
    }

    #faculty-banner .select-group .select:first-child {
        margin-right: 0px;
    }

    #faculty-banner .select-group .select {
        width: 100%;
        margin-bottom: 10px;
    }

    #faculty-banner {
        height: 250px;
    }

        #faculty-banner .heading1 {
            font-size: 24px;
            line-height: 30px;
        }

    #featured-section #top-faculties .caroufredsel_wrapper, #expert-faculty .caroufredsel_wrapper {
        min-height: auto !important;
    }

    /*--- Faculty Details   --- */
    #facultie-details {
        padding-top: 0px;
    }

        #facultie-details .author-detail figure {
            width: 200px;
            height: 200px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 15px;
        }

            #facultie-details .author-detail figure img {
                width: 190px;
                height: 190px;
            }

        #facultie-details .author-detail h4 {
            font-size: 18px;
            line-height: 24px;
        }

        #facultie-details .author-detail p {
            line-height: 24px;
        }

    /*--- Chancellor Details   --- */
    .chancellor-details .banner figcaption {
        padding: 10px;
    }

        .chancellor-details .banner figcaption h4 {
            font-size: 16px;
            line-height: 20px;
        }

        .chancellor-details .banner figcaption p {
            font-size: 14px;
            line-height: 20px;
        }

    .chancellor-details .content h4 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    /*--- Chancellor   --- */
    .chancellor-msg h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .chancellor-msg blockquote {
        padding-left: 25px;
    }

        .chancellor-msg blockquote .fa {
            font-size: 18px;
        }

        .chancellor-msg blockquote .fa-quote-left {
            margin-left: -25px;
        }

    /*--- Patent Box   --- */
    .patent-box .content .inner-content {
        height: auto;
    }

    /*--- Journal Book   --- */
    .journal-book {
        float: none;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    /*--- Research Journal   --- */
    #research-journal .accordion .panel-title {
        font-size: 14px;
    }

    /*--- Gallery Slider   --- */
    .gallery-slider .lSSlideWrapper ul li img {
        height: auto;
    }

    /*--- Event Details   --- */
    #event-details {
        padding-bottom: 0px;
    }

        #event-details .event-info ul li {
            float: none;
            margin: 0px 0px 10px;
            border: none;
            padding: 0px 5px;
        }

            #event-details .event-info ul li:last-child {
                float: none;
                margin: 0px;
            }

            #event-details .event-info ul li h6 {
                margin: 0px;
                float: left;
                margin-right: 8px;
                line-height: 22px;
            }

        #event-details .event-details .event-nav ul li {
            margin-bottom: 4px;
        }

        #event-details .event-details dl.description-list dt {
            min-width: 120px;
        }

        #event-details .event-details dl.description-list dd {
            margin-left: 155px;
        }

        #event-details .box-default3 {
            margin-bottom: 15px;
        }

        #event-details .event-info #cover-banner img {
            height: inherit !important;
            width: 100% !important
        }

        #event-details .event-info #cover-banner {
            height: 180px !important;
        }

    /*--- News Details   --- */
    .news-details .news-content h4 {
        font-size: 18px;
        line-height: 24px;
    }

    /*--- Course Info   --- */
    #course-info .about-course {
        min-height: auto;
        display: none;
    }

    #course-info .about-course, #course-info .know-more {
        width: 100%;
        float: none;
    }

        #course-info .about-course, #course-info .know-more #breadcrumbs .container {
            padding: 0px;
        }

            #course-info .about-course .section {
                padding: 20px 15px;
            }

        #course-info .know-more .btn-group .select-option {
            width: 82px;
            margin-right: 4px;
        }

    #course-info.course-singleform .know-more-form h4 {
        font-size: 18px;
        line-height: 24px;
    }

    #course-info.course-singleform .know-more-form {
        width: 100%;
    }

    #course-info.course-singleform .know-more .btn-group .select-option {
        width: 82px;
        margin-right: 4px;
    }

    /*--- Course Details   --- */
    .course-details .course-short-info .text-right {
        text-align: left;
    }

    /*--- Shedule Section   --- */
    .shedule-section .shedule-icon {
        margin: 0px auto 20px auto;
    }

    /*--- How To Apply   --- */
    #how-to-apply .steps li:before {
        display: none;
    }

    #how-to-apply .steps li p {
        min-height: auto;
    }

    /*--- Contact Placement   --- */
    #contact-placement h4 {
        font-size: 18px;
    }

    #contact-placement .inner p {
        font-size: 12px;
    }

    /*--- Course Info   --- */
    #course-info .about-course .section h2, .know-more-form h4 {
        font-size: 18px;
        line-height: 26px;
    }

    /*--- Application Form   --- */
    .application-form .table-wrapper {
        overflow-x: auto;
    }

    /*--- Live Events   --- */
    #live-events {
        display: block;
    }

    /*--- Side Quick Links   --- */
    #side-quick-links {
        top: 175px;
    }

    /*--- National International   --- */
    #national-international #dLabel {
        font-size: 8px;
    }

    /*--- Stars Videos   --- */
    #stars-videos iframe {
        max-height: 250px;
    }

    /*--- News Details   --- */
    .news-details .news-banner img {
        max-height: 155px;
    }

    .news-details .news-content h1 {
        font-size: 22px;
        line-height: 28px;
    }

    /*--- News Details   --- */
    .accordion.accordion.accordion1 .panel-body {
        padding-left: 15px;
    }

    /*--- Leadership Menu   --- */
    .leadership-menu .help-list {
        display: none;
    }

    .leadership-menu #secondary-navigation #accordion {
        overflow-x: scroll;
    }

        .leadership-menu #secondary-navigation #accordion ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .leadership-menu #secondary-navigation #accordion ul {
            width: 1450px;
            overflow-x: scroll;
            padding-left: 6px;
        }

            .leadership-menu #secondary-navigation #accordion ul li {
                float: left;
                border-right: 1px solid #dadada;
            }

                .leadership-menu #secondary-navigation #accordion ul li:last-child {
                    border-right: none;
                }

                .leadership-menu #secondary-navigation #accordion ul li a {
                    padding: 0px 8px;
                }

                    .leadership-menu #secondary-navigation #accordion ul li a .fa-angle-right {
                        display: none;
                    }

    /*--- Sociable3   --- */
    .sociable3 {
        bottom: -50px;
    }

    /*--- Apply To Sharda   --- */
    #apply-to-sharda .right-panel .header .button6 {
        min-width: auto;
    }

    #apply-to-sharda .right-panel .header .button7 {
        margin-bottom: 20px;
    }

    #apply-to-sharda .right-panel .header .mobile-align {
        width: 265px;
        margin: 0 auto;
    }

    /*--- Our Recruiters   --- */
    #our-recruiters .box {
        text-align: center;
        width: 100%;
    }

    /*--- Progress Incubation  --- */
    #progress-incubation .box-default3 {
        margin-bottom: 15px;
    }

    /*--- Gallery Tab  --- */
    .gallery-tab {
        width: 100%;
        padding: 20px;
    }

        .gallery-tab h2 {
            font-size: 18px;
            top: 30px;
        }

        .gallery-tab .close-gallery {
            font-size: 24px;
            top: 6px;
            right: 6px;
        }

        .gallery-tab .nav-tabs {
            margin-bottom: 20px;
        }

    .gallery-page #container-wrap {
        padding-top: 10px;
    }

    .gallery-slider .lSAction .lSPrev:before, .gallery-slider .lSAction .lSNext:after {
        font-size: 24px;
    }

    #container-wrap {
        padding-top: 0px;
    }

    #strip {
        height: 60px;
    }

        #strip p {
            font-size: 10px;
            line-height: 18px;
        }

        #strip span {
            transform: none;
            width: auto;
            height: auto;
            line-height: 17px;
            font-size: 10px;
        }

            #strip span span {
                transform: none;
            }

        #strip p img {
            max-width: 140px;
            margin: 0px;
        }

        #strip .button1 {
            margin-left: 4px;
            font-size: 10px;
            padding: 3px;
        }

    /*--- Video Gallery  --- */
    #video-gallery iframe {
        width: 100%;
        height: 250px;
    }

    #video-gallery .lightSlider {
        height: auto;
    }

    /* Global Tie Ups  ---------------------- */
    #global-tie-ups .box-default .university-details {
        height: auto;
    }

    #global-tie-ups .button1 {
        margin-top: 10px;
    }

    #global-tie-ups h2 {
        font-size: 24px;
    }

    #global-tie-ups .country {
        height: 200px;
    }

    #global-tie-ups .box-default {
        padding: 15px;
        min-width: 100%;
    }

    /* Featured List2  ---------------------- */
    .featured-list2 .slick-slider1 .slick-prev:before {
        left: -30px;
    }

    .featured-list2 .slick-slider1 .slick-next:before {
        right: -30px;
    }

    .featured-list2 ul {
        padding-left: 0px;
        text-align: center;
    }

        .featured-list2 ul li .fa {
            float: none;
            vertical-align: top;
        }

        .featured-list2 ul li .detail {
            display: inline-block;
            text-align: left;
            margin-left: 4px;
        }

    /* Alphabets  ---------------------- */
    .alphabets {
        margin-bottom: 5px;
    }

        .alphabets ul li:first-child a {
            padding-left: 5px;
        }

        .alphabets ul li a {
            font-size: 12px;
            padding: 0px 5px;
        }

        .alphabets .title {
            display: block;
            float: none;
            margin: 0px 0px 15px 0px;
        }

        .alphabets .select {
            width: 100%;
        }

    /* First Letter  ---------------------- */
    .first-letter {
        font-size: 18px;
    }

    /*--- PDF Responsive --- */
    #Iframe-Master-CC-and-Rs {
        max-width: 512px;
        max-height: 100%;
        overflow: hidden;
    }

    .responsive-wrapper {
        position: relative;
        height: 0;
    }

        .responsive-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            border: none;
        }

    .responsive-wrapper-wxh-572x612 {
        padding-bottom: 107%;
    }

    /* Contact Box  ---------------------- */
    .contact-box .content {
        min-height: auto;
    }

    /* Post Action  ---------------------- */
    .post-action {
        float: left;
    }

    /* Courses specialization ---------------------- */
    #courses-specialization .programme-type-list > li > a, #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li > a {
        padding: 6px;
    }

    #courses-specialization .programme-type-list > li > a {
        font-size: 11px;
    }

        #courses-specialization .programme-type-list > li > a:after {
            right: 2px;
            top: 7px;
            font-size: 10px;
        }

    #courses-specialization .programme-type-list .programme-list-wrapper .programme-type-child > li > a, #courses-specialization .programme-type-list .programme-list-wrapper .programme-specialization > li > a {
        font-size: 10px;
    }

    #courses-specialization .programme-type-list .programme-list-wrapper .programme-specialization {
        padding-left: 15px;
        overflow: auto;
    }

        #courses-specialization .programme-type-list .programme-list-wrapper .programme-specialization > li > a {
            padding: 5px;
        }

    .fb_dialog {
        display: none !important
    }

    /*--- Headings --- */
    h1 {
        font-size: 48px;
        line-height: 54px;
    }

    h3 {
        font-size: 28px;
        line-height: 36px;
    }

    h4 {
        font-size: 22px;
        line-height: 30px;
    }

    /* Notification  ---------------------- */
    .home #notification {
        display: none;
    }

    /*--- Footer  --- */
    #footer {
        padding-top: 20px;
    }

        #footer h4 {
            font-size: 18px;
        }

        #footer ul li a {
            font-size: 15px;
        }

        #footer .section {
            text-align: center;
        }

        #footer .margin, #footer ul {
            margin-bottom: 20px;
        }

        #footer .contact {
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

            #footer .contact .inner {
                margin-bottom: 10px;
            }

                #footer .contact .inner p {
                    font-size: 14px;
                    line-height: 20px;
                }

        #footer .bottom, #footer .bottom p {
            text-align: center;
        }

            #footer .bottom p a {
                font-size: 14px;
            }

            #footer .bottom .powered-by {
                font-size: 12px;
            }

    #campus-short-info .our-offer {
        min-height: 230px;
    }
}


@media (max-width:480px) {
    /*--- msform   --- */
    #msform .gender {
        padding-left: 100px;
    }
}
/* ==========================================================================
    Simple Line Icons
========================================================================== */
@font-face {
    font-family: 'simple-line-icons';
    src: url('../fonts/Simple-Line-Icons.eot');
    src: url('../fonts/Simple-Line-Icons.eot#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2') format('woff2'), url('../fonts/Simple-Line-Icons.ttf') format('truetype'), url('../fonts/Simple-Line-Icons.woff') format('woff'), url('../images/Simple-Line-Icons.svg#simple-line-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam {
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .icon-user:before {
        content: "\e005"
    }

    .icon-people:before {
        content: "\e001"
    }

    .icon-user-female:before {
        content: "\e000"
    }

    .icon-user-follow:before {
        content: "\e002"
    }

    .icon-user-following:before {
        content: "\e003"
    }

    .icon-user-unfollow:before {
        content: "\e004"
    }

    .icon-login:before {
        content: "\e066"
    }

    .icon-logout:before {
        content: "\e065"
    }

    .icon-emotsmile:before {
        content: "\e021"
    }

    .icon-phone:before {
        content: "\e600"
    }

    .icon-call-end:before {
        content: "\e048"
    }

    .icon-call-in:before {
        content: "\e047"
    }

    .icon-call-out:before {
        content: "\e046"
    }

    .icon-map:before {
        content: "\e033"
    }

    .icon-location-pin:before {
        content: "\e096"
    }

    .icon-direction:before {
        content: "\e042"
    }

    .icon-directions:before {
        content: "\e041"
    }

    .icon-compass:before {
        content: "\e045"
    }

    .icon-layers:before {
        content: "\e034"
    }

    .icon-menu:before {
        content: "\e601"
    }

    .icon-list:before {
        content: "\e067"
    }

    .icon-options-vertical:before {
        content: "\e602"
    }

    .icon-options:before {
        content: "\e603"
    }

    .icon-arrow-down:before {
        content: "\e604"
    }

    .icon-arrow-left:before {
        content: "\e605"
    }

    .icon-arrow-right:before {
        content: "\e606"
    }

    .icon-arrow-up:before {
        content: "\e607"
    }

    .icon-arrow-up-circle:before {
        content: "\e078"
    }

    .icon-arrow-left-circle:before {
        content: "\e07a"
    }

    .icon-arrow-right-circle:before {
        content: "\e079"
    }

    .icon-arrow-down-circle:before {
        content: "\e07b"
    }

    .icon-check:before {
        content: "\e080"
    }

    .icon-clock:before {
        content: "\e081"
    }

    .icon-plus:before {
        content: "\e095"
    }

    .icon-minus:before {
        content: "\e615"
    }

    .icon-close:before {
        content: "\e082"
    }

    .icon-event:before {
        content: "\e619"
    }

    .icon-exclamation:before {
        content: "\e617"
    }

    .icon-organization:before {
        content: "\e616"
    }

    .icon-trophy:before {
        content: "\e006"
    }

    .icon-screen-smartphone:before {
        content: "\e010"
    }

    .icon-screen-desktop:before {
        content: "\e011"
    }

    .icon-plane:before {
        content: "\e012"
    }

    .icon-notebook:before {
        content: "\e013"
    }

    .icon-mustache:before {
        content: "\e014"
    }

    .icon-mouse:before {
        content: "\e015"
    }

    .icon-magnet:before {
        content: "\e016"
    }

    .icon-energy:before {
        content: "\e020"
    }

    .icon-disc:before {
        content: "\e022"
    }

    .icon-cursor:before {
        content: "\e06e"
    }

    .icon-cursor-move:before {
        content: "\e023"
    }

    .icon-crop:before {
        content: "\e024"
    }

    .icon-chemistry:before {
        content: "\e026"
    }

    .icon-speedometer:before {
        content: "\e007"
    }

    .icon-shield:before {
        content: "\e00e"
    }

    .icon-screen-tablet:before {
        content: "\e00f"
    }

    .icon-magic-wand:before {
        content: "\e017"
    }

    .icon-hourglass:before {
        content: "\e018"
    }

    .icon-graduation:before {
        content: "\e019"
    }

    .icon-ghost:before {
        content: "\e01a"
    }

    .icon-game-controller:before {
        content: "\e01b"
    }

    .icon-fire:before {
        content: "\e01c"
    }

    .icon-eyeglass:before {
        content: "\e01d"
    }

    .icon-envelope-open:before {
        content: "\e01e"
    }

    .icon-envelope-letter:before {
        content: "\e01f"
    }

    .icon-bell:before {
        content: "\e027"
    }

    .icon-badge:before {
        content: "\e028"
    }

    .icon-anchor:before {
        content: "\e029"
    }

    .icon-wallet:before {
        content: "\e02a"
    }

    .icon-vector:before {
        content: "\e02b"
    }

    .icon-speech:before {
        content: "\e02c"
    }

    .icon-puzzle:before {
        content: "\e02d"
    }

    .icon-printer:before {
        content: "\e02e"
    }

    .icon-present:before {
        content: "\e02f"
    }

    .icon-playlist:before {
        content: "\e030"
    }

    .icon-pin:before {
        content: "\e031"
    }

    .icon-picture:before {
        content: "\e032"
    }

    .icon-handbag:before {
        content: "\e035"
    }

    .icon-globe-alt:before {
        content: "\e036"
    }

    .icon-globe:before {
        content: "\e037"
    }

    .icon-folder-alt:before {
        content: "\e039"
    }

    .icon-folder:before {
        content: "\e089"
    }

    .icon-film:before {
        content: "\e03a"
    }

    .icon-feed:before {
        content: "\e03b"
    }

    .icon-drop:before {
        content: "\e03e"
    }

    .icon-drawer:before {
        content: "\e03f"
    }

    .icon-docs:before {
        content: "\e040"
    }

    .icon-doc:before {
        content: "\e085"
    }

    .icon-diamond:before {
        content: "\e043"
    }

    .icon-cup:before {
        content: "\e044"
    }

    .icon-calculator:before {
        content: "\e049"
    }

    .icon-bubbles:before {
        content: "\e04a"
    }

    .icon-briefcase:before {
        content: "\e04b"
    }

    .icon-book-open:before {
        content: "\e04c"
    }

    .icon-basket-loaded:before {
        content: "\e04d"
    }

    .icon-basket:before {
        content: "\e04e"
    }

    .icon-bag:before {
        content: "\e04f"
    }

    .icon-action-undo:before {
        content: "\e050"
    }

    .icon-action-redo:before {
        content: "\e051"
    }

    .icon-wrench:before {
        content: "\e052"
    }

    .icon-umbrella:before {
        content: "\e053"
    }

    .icon-trash:before {
        content: "\e054"
    }

    .icon-tag:before {
        content: "\e055"
    }

    .icon-support:before {
        content: "\e056"
    }

    .icon-frame:before {
        content: "\e038"
    }

    .icon-size-fullscreen:before {
        content: "\e057"
    }

    .icon-size-actual:before {
        content: "\e058"
    }

    .icon-shuffle:before {
        content: "\e059"
    }

    .icon-share-alt:before {
        content: "\e05a"
    }

    .icon-share:before {
        content: "\e05b"
    }

    .icon-rocket:before {
        content: "\e05c"
    }

    .icon-question:before {
        content: "\e05d"
    }

    .icon-pie-chart:before {
        content: "\e05e"
    }

    .icon-pencil:before {
        content: "\e05f"
    }

    .icon-note:before {
        content: "\e060"
    }

    .icon-loop:before {
        content: "\e064"
    }

    .icon-home:before {
        content: "\e069"
    }

    .icon-grid:before {
        content: "\e06a"
    }

    .icon-graph:before {
        content: "\e06b"
    }

    .icon-microphone:before {
        content: "\e063"
    }

    .icon-music-tone-alt:before {
        content: "\e061"
    }

    .icon-music-tone:before {
        content: "\e062"
    }

    .icon-earphones-alt:before {
        content: "\e03c"
    }

    .icon-earphones:before {
        content: "\e03d"
    }

    .icon-equalizer:before {
        content: "\e06c"
    }

    .icon-like:before {
        content: "\e068"
    }

    .icon-dislike:before {
        content: "\e06d"
    }

    .icon-control-start:before {
        content: "\e06f"
    }

    .icon-control-rewind:before {
        content: "\e070"
    }

    .icon-control-play:before {
        content: "\e071"
    }

    .icon-control-pause:before {
        content: "\e072"
    }

    .icon-control-forward:before {
        content: "\e073"
    }

    .icon-control-end:before {
        content: "\e074"
    }

    .icon-volume-1:before {
        content: "\e09f"
    }

    .icon-volume-2:before {
        content: "\e0a0"
    }

    .icon-volume-off:before {
        content: "\e0a1"
    }

    .icon-calendar:before {
        content: "\e075"
    }

    .icon-bulb:before {
        content: "\e076"
    }

    .icon-chart:before {
        content: "\e077"
    }

    .icon-ban:before {
        content: "\e07c"
    }

    .icon-bubble:before {
        content: "\e07d"
    }

    .icon-camrecorder:before {
        content: "\e07e"
    }

    .icon-camera:before {
        content: "\e07f"
    }

    .icon-cloud-download:before {
        content: "\e083"
    }

    .icon-cloud-upload:before {
        content: "\e084"
    }

    .icon-envelope:before {
        content: "\e086"
    }

    .icon-eye:before {
        content: "\e087"
    }

    .icon-flag:before {
        content: "\e088"
    }

    .icon-heart:before {
        content: "\e08a"
    }

    .icon-info:before {
        content: "\e08b"
    }

    .icon-key:before {
        content: "\e08c"
    }

    .icon-link:before {
        content: "\e08d"
    }

    .icon-lock:before {
        content: "\e08e"
    }

    .icon-lock-open:before {
        content: "\e08f"
    }

    .icon-magnifier:before {
        content: "\e090"
    }

    .icon-magnifier-add:before {
        content: "\e091"
    }

    .icon-magnifier-remove:before {
        content: "\e092"
    }

    .icon-paper-clip:before {
        content: "\e093"
    }

    .icon-paper-plane:before {
        content: "\e094"
    }

    .icon-power:before {
        content: "\e097"
    }

    .icon-refresh:before {
        content: "\e098"
    }

    .icon-reload:before {
        content: "\e099"
    }

    .icon-settings:before {
        content: "\e09a"
    }

    .icon-star:before {
        content: "\e09b"
    }

    .icon-symbol-female:before {
        content: "\e09c"
    }

    .icon-symbol-male:before {
        content: "\e09d"
    }

    .icon-target:before {
        content: "\e09e"
    }

    .icon-credit-card:before {
        content: "\e025"
    }

    .icon-paypal:before {
        content: "\e608"
    }

    .icon-social-tumblr:before {
        content: "\e00a"
    }

    .icon-social-twitter:before {
        content: "\e009"
    }

    .icon-social-facebook:before {
        content: "\e00b"
    }

    .icon-social-instagram:before {
        content: "\e609"
    }

    .icon-social-linkedin:before {
        content: "\e60a"
    }

    .icon-social-pinterest:before {
        content: "\e60b"
    }

    .icon-social-github:before {
        content: "\e60c"
    }

    .icon-social-google:before {
        content: "\e60d"
    }

    .icon-social-reddit:before {
        content: "\e60e"
    }

    .icon-social-skype:before {
        content: "\e60f"
    }

    .icon-social-dribbble:before {
        content: "\e00d"
    }

    .icon-social-behance:before {
        content: "\e610"
    }

    .icon-social-foursqare:before {
        content: "\e611"
    }

    .icon-social-soundcloud:before {
        content: "\e612"
    }

    .icon-social-spotify:before {
        content: "\e613"
    }

    .icon-social-stumbleupon:before {
        content: "\e614"
    }

    .icon-social-youtube:before {
        content: "\e008"
    }

    .icon-social-dropbox:before {
        content: "\e00c"
    }

    .icon-social-vkontakte:before {
        content: "\e618"
    }

    .icon-social-steam:before {
        content: "\e620"
    }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/ .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        -ms-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        -ms-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        -ms-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        -ms-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -ms-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        -ms-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -ms-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -ms-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -ms-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -ms-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -ms-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -ms-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -ms-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -ms-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -ms-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        -ms-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        -ms-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        -ms-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        -ms-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -ms-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        -ms-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        -ms-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        -ms-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        -ms-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        -ms-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        -ms-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        -ms-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        -ms-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        -ms-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        -ms-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        -ms-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        -ms-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -ms-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        -ms-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        -ms-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        -ms-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -ms-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        -ms-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        -ms-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        -ms-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        -ms-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -ms-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -ms-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -ms-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -ms-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -ms-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        -ms-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -ms-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        -ms-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -ms-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        -ms-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        -ms-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        -ms-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -ms-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -ms-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        -ms-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        -ms-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        -ms-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        -ms-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -ms-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        -ms-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -ms-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -ms-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}


/* Moonis:Chat Bot */
/* width */
.chat-container {
    font-family: Arial, Helvetica, sans-serif;
}

    .chat-container label {
        font-weight: normal;
    }

    .chat-container::-webkit-scrollbar {
        width: 6px;
    }
    /* Track */
    .chat-container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    /* Handle */
    .chat-container::-webkit-scrollbar-thumb {
        background: #dadada;
    }
        /* Handle on hover */
        .chat-container::-webkit-scrollbar-thumb:hover {
            background: #dadada;
        }

.chat-bot {
    position: fixed;
    bottom: 45px;
    right: 45px;
    border-radius: 5px;
    height: 480px;
    width: 325px;
    z-index: 2019;
    overflow: hidden;
    webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.chat-bot-inner {
    overflow: auto;
    float: right;
    background-color: #fff;
    width: 325px;
}

.chat-header {
    height: 60px;
    background-color: #3051a0;
    width: 325px;
    position: fixed;
    z-index: 99;
    webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.chat-name {
    display: inline-flex;
    padding: 8px 20px;
}

    .chat-name img {
        width: 38px;
    }

.chat-status h4 {
    color: #fff;
    font-size: 16px;
    margin: 0px 10px 5px 10px;
    line-height: 1;
    /* margin-left: 10px; */
    /* margin: 10px 10px 0px 10px; */
}

.chat-status p {
    color: #fff;
    margin: 5px 0px 0px 10px;
    font-size: 14px;
    line-height: 1;
}

.close-chat {
    width: 18px;
    float: right;
    display: inline-block;
    margin: 21px;
    cursor: pointer;
}

.chat-container {
    padding: 10px 20px;
    height: 340px;
    margin-top: 60px;
    overflow-y: scroll;
    margin-bottom: 160px;
    background: url("https://www.sharda.ac.in/assets/imgs/blank-chat.png") no-repeat center;
    background-size: 170px;
}

.chat-sender {
    display: inline-flex;
    width: 100%;
}

.chat-sender-img {
    width: 15%;
    margin-right: 10px;
    margin-top: 10px;
}

    .chat-sender-img img {
        width: 90%;
        border-radius: 50%;
    }

.chat-sender-message {
    margin-left: 0px;
    clear: both;
    width: 85%;
}

    .chat-sender-message p {
        margin: 0;
        color: #a9a9a9;
        margin-bottom: 5px;
        font-size: 12px;
        margin-top: 5px;
    }

    .chat-sender-message label {
        background-color: #17479d;
        display: inline-block;
        padding: 10px;
        font-size: 14px;
        color: #fff;
        line-height: 1.5;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .chat-sender-message .right-text,
    .chat-receiver .right-text {
        text-align: right;
        font-size: 10px;
    }

.chat-receiver {
    margin-top: 10px;
    text-align: right;
}

    .chat-receiver label {
        background-color: #f8f8f8;
        max-width: 80%;
        word-break: break-word;
        hyphens: auto;
        overflow: hidden;
        display: inline-block;
        padding: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        margin: 0px 0px;
        font-size: 14px;
        line-height: 1.5;
        text-align: left;
        webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

    .chat-receiver p {
        margin: 0;
        color: #a9a9a9;
        margin-bottom: 5px;
        font-size: 14px;
        margin-top: 5px;
    }

.chat-input {
    margin: 20px 20px 30px 20px;
    position: fixed;
    bottom: 43px;
    width: 278px;
    z-index: 99;
    border: 1px solid #dadada;
    border-radius: 5px;
    background-color: #fff;
}

    .chat-input input {
        width: 215px;
        border: none;
        height: 50px;
        border-radius: 5px;
        padding: 0px 10px;
        position: relative;
        font-size: 14px;
    }

    .chat-input img {
        width: 24px;
        position: absolute;
        right: 10px;
        top: 14px;
    }

.floating-action-btn {
    width: 60px;
    height: 60px;
    background-color: #3051a0;
    border-radius: 50%;
    position: fixed;
    bottom: 45px;
    right: 40px;
    cursor: pointer;
    z-index: 2019;
    webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.50), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.50), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.50), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    .floating-action-btn img {
        width: 33px;
        margin: 14px;
    }

.chat-status {
    padding: 5px 0px;
}

.chat-bot-inner .powered-by {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #a9a9a9;
    margin: 0;
    margin-bottom: 3px;
}

    .chat-bot-inner .powered-by a {
        color: #a9a9a9 !important;
        text-decoration: none;
        font-weight: 600
    }

        .chat-bot-inner .powered-by a:hover {
            color: #3051a0 !important;
        }

    .chat-bot-inner .powered-by img {
        width: 12px;
        position: absolute;
        left: -15px;
        top: 5px;
    }

.journal-list.active {
    color: #00bfe7 !important;
}

/* Internation Why Choose Sharda Slider CSS */
.carousel-slide::after, .carousel-slide::before {
    display: none !important;
    background: none !important;
}

.carousel-slide {
    position: relative;
    height: inherit !important;
}

    .carousel-slide .item-upper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .carousel-slide h1 {
        font-size: 50px !important;
        margin: 5px 0 !important;
        text-transform: capitalize !important;
    }

    .carousel-slide h5 {
        margin: 18px 0 !important;
        text-transform: capitalize !important;
        font-weight: normal;
        font-size: 22px;
    }

    .carousel-slide h6 {
        font-weight: normal;
        font-size: 16px;
        color: #FFF;
        margin: 30px 0 0 0 !important;
    }

        .carousel-slide h6 small {
            text-transform: uppercase;
            font-size: 32px;
            display: block;
            color: #FFF;
            padding: 0 0 10px 0;
        }

    .carousel-slide .button-group {
        margin: 20px 0 0 0;
    }

        .carousel-slide .button-group a {
            padding: 10px 20px !important;
            width: inherit !important;
            margin: 5px !important;
        }

            .carousel-slide .button-group a .fa {
                margin-left: 16px !important;
            }

    .carousel-slide .carousel-indicators li {
        margin: 3px !important;
    }

/* Inc Slider End Here */

/* css for international/credit-transfer page */
.credit-transfer-new {
    margin: 0 0 10px 0 !important;
    clear: both;
}

    .credit-transfer-new .card-header {
        display: inline-block;
        width: 100%;
        position: relative;
    }

        .credit-transfer-new .card-header figure {
            float: left;
            width: 50px;
            height: 50px;
            margin: 0 20px 0px 0 !important;
        }

        .credit-transfer-new .card-header h5 {
            line-height: 50px;
            margin: 0;
        }

        .credit-transfer-new .card-header i {
            float: right;
            color: #222;
            position: absolute;
            top: 14px;
            font-size: 20px !important;
            right: 10px;
        }

    .credit-transfer-new .card {
        background: #fff;
        padding: 10px;
        border: 1px solid #dadada;
        margin: 0 0px 20px 0;
    }

    .credit-transfer-new .card-body p {
        margin: 10px 0 0 0;
    }

#side-quick-links li.vertualtour > a {
    background: #00bfe7;
}

#side-quick-links li.vertualtour .content > a {
    background: #00bfe7;
    color: #fff;
}

#side-quick-links .vertualtour {
    top: 80px;
}

    #side-quick-links .vertualtour .content {
        background-color: #00bfe7;
    }

    #side-quick-links .vertualtour:hover {
        left: 0px;
    }



#course-filter h6 {
    float: left;
    margin: 18px 0 0 0;
}

.addis-fees {
    cursor: pointer;
    float: right;
    background: #faf0d2;
    padding: 14px 20px;
    margin: 0 0 15px 0;
    font-size: 14px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .addis-fees strong {
        font-size: 20px;
        padding: 0 0 0px 10px;
        font-weight: normal;
    }

#myModal-add h4 {
    float: left;
}

#myModal-add .modal-dialog {
    margin: 100px auto 0;
}

#myModal-add li {
    padding: 0 0 0px 0;
}

#myModal-add table {
    margin: 20px 0 0 0;
}

    #myModal-add table tr {
        background: #fff;
    }

    #myModal-add table td {
        padding: 10px;
    }

.impect-desktop {
}

.impect-mobile {
    display: none;
}

@media (min-width:320px) and (max-width:767px) {

    .impect-desktop {
        display: none;
    }

    .impect-mobile {
        display: block;
    }

    #img-gallery img {
        height: auto;
    }

    #slider-imp {
        width: 300px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0;
    }

        #slider-imp ul, #slider-imp li,
        #slider2 ul, #slider2 li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #slider-imp li, #slider2 li {
            width: 300px;
            height: auto;
            overflow: hidden;
            margin: 0px auto;
            text-align: center
        }

    #prevBtn, #nextBtn,
    #slider1next, #slider1prev {
        display: block;
        width: 30px;
        height: 77px;
        position: absolute;
        left: -30px;
        top: 71px;
        z-index: 1000;
    }

    #nextBtn, #slider1next {
        right: 0;
    }

        #prevBtn a, #nextBtn a,
        #slider1next a, #slider1prev a {
            display: block;
            position: relative;
            width: 30px;
            height: 77px;
            background: url(../images/btn_prev.gif) no-repeat 0 0;
        }

        #nextBtn a, #slider1next a {
            background: url(../images/btn_next.gif) no-repeat 0 0;
        }

    /* numeric controls */
    ol#controls {
        margin: 20px 0 0 0;
        padding: 0;
        height: 18px;
        text-align: center;
    }

        ol#controls li {
            margin: 0 10px 0 0;
            padding: 0;
            display: inline-block;
            list-style: none;
            height: 28px;
            line-height: 28px;
        }

            ol#controls li a {
                float: left;
                width: 12px;
                height: 12px;
                line-height: 12px;
                border: 1px solid #ccc;
                background: #DAF3F8;
                color: #DAF3F8;
                padding: 0 0px;
                text-decoration: none;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
            }

            ol#controls li.current a {
                background: #5DC9E1;
                color: #5DC9E1;
            }

            ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
                outline: none;
            }



    #school-banner h2 {
        width: 90%;
    }
}

/*CSS for Delegate page by Imran 14-Aug-2020*/
.congo-main {
    background: #f2f7ff;
    display: inline-block;
    width: 100%;
    padding: 0 0 40px 0;
}

.container {
    width: 1170px;
    display: block;
    margin: 0px auto;
}

.clear {
    clear: both;
}


.container-left {
}

    .container-left h3 {
        display: block;
        font-size: 20px;
        padding: 15px 0 10px 0;
        margin: 0;
        text-align: center;
    }

    .container-left p {
        display: block;
        font-size: 14px;
        padding: 0 0 0px 0;
        margin: 0;
        line-height: 30px;
        text-align: center;
    }

.container-right {
    padding: 15px 0 0 0;
}

    .container-right h2 {
        display: block;
        font-size: 28px;
        padding: 0 0 10px 0;
        margin: 0;
        display: block;
        text-align: left;
        line-height: 50px;
    }



.pr-vidio-sec {
    display: block;
    padding: 40px 0;
}

.pr-video-content {
    width: 49%;
    float: left;
}

    .pr-video-content h3 {
        display: block;
        font-size: 18px;
        padding: 0 0 10px 0;
        margin: 0;
    }

    .pr-video-content p {
        display: block;
        font-size: 14px;
        padding: 0 0 10px 0;
        margin: 0;
        line-height: 30px;
    }

.congo-main .col-md-4 {
    float: right;
}


.cong-flag {
    display: block;
    float: right;
    width: 50%;
    margin: 0px 0;
    padding: 30px 0 0 0;
}

    .cong-flag img {
        width: 70%;
        border-radius: 10px;
        display: block;
        margin: 0px auto;
    }

.left-top-sec {
    background: #e7ebfb;
    margin: 15px 0 0 0;
    padding: 20px 0 0 0px;
    position: relative;
    border: 1px solid #dadada;
}

.pr-hptoto {
    width: 150px;
    float: left;
    display: block;
    margin: 0 0 0px 20px;
    height: 150px;
    border: 6px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

    .pr-hptoto img {
        width:;
        height: 100%;
    }

.pr-headings {
    padding: 0 0 20px 0;
}


.pr-hptoto-main {
    background: #fff;
    padding: 15px;
    border: 1px solid #dadada;
}

.pr-right-sec {
    width: 100%;
    float: none;
}

.pr-right-sec {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pr-right-sec .col-sm-12 {
        width: 100%;
        float: none;
        display: inline-block;
        padding: 0px 0 0px 0;
        margin: 0 0 0px 0;
        border-bottom: 1px dotted #dadada;
    }

        .pr-right-sec .col-sm-12:last-child {
            border: 0;
        }

    .pr-right-sec strong {
        display: block;
        font-size: 12px;
        float: left;
        padding: 10px;
        width: 55%;
        box-sizing: border-box;
    }

    .pr-right-sec span {
        display: block;
        font-size: 12px;
        float: right;
        padding: 10px;
        width: 45%;
        box-sizing: border-box;
    }

.container-right #accordion {
    overflow: hidden;
}

.container-right .accordion-section-title {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.container-right .card-header {
    padding: 0;
}

    .container-right .card-header a {
        width: 100%;
        box-sizing: border-box;
        padding: 15px;
        display: inline-block;
        background-color: none;
        font-size: 1.2em;
        color: #000;
        transition: all linear 0.5s;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        background: #fff;
    }

#accordion .panel-title {
    margin: 0;
}

#sidebar ul li.active > a, a[aria-expanded="true"] { /*background:#17479D !important; */
    text-decoration: none; /*color:#fff !important;*/
}

.container-right .accordion > .card {
    border: 0;
    margin: 0 0 15px 0;
    border: 1px solid #dadada;
}

.container-right .collapse {
}

.container-right .accordion-section-title.active {
    background-color: #17479D;
    text-decoration: none;
    color: #fff;
}

.container-right .accordion-section-title:hover {
    background-color: #17479D;
    text-decoration: none;
    color: #fff;
}

.container-right .accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}

.container-right .accordion .collapse-con {
    padding: 15px;
    font-size: 14px;
    margin: 0 0 0px 0;
    background: #fff;
    border: 1px solid #dadada;
    height: inherit !important;
}


.container-right .accordion-section-content p {
    margin: 0;
}

.panel-default {
    margin: 0 0 20px 0;
}

.container-right .card-header a span {
    float: right;
    margin: 8px 0 0 0;
    transform: rotate(180deg);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
}

.container-right .card-header a.collapsed span {
    transform: rotate(0deg);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
}

.pr-video-content-main {
    padding: 20px;
    border: 1px solid #dadada;
    background: #fff;
    display: inline-block;
    width: 100%;
}

.pr-video-content {
    width: 100%;
    padding: 0px 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #dadada;
}

    .pr-video-content h3 {
        display: block;
        font-size: 18px;
        padding: 0 0 5px 0;
        margin: 0;
    }

    .pr-video-content p {
        display: block;
        font-size: 14px;
        padding: 0 0 10px 0;
        margin: 0;
        line-height: 30px;
    }

    .pr-video-content:last-child {
        border-bottom: 0;
        padding: 0;
        margin: 0;
    }

@media (max-width:676px) {
    .fee-payment-in-emi {
        display: none;
    }
}

#live-events1 {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 9999;
    transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
    -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}

    #live-events1.active {
        right: -240px;
    }

    #live-events1 .live-events-placeholder1 {
        background: #212121;
        top: 50px;
        left: -300px;
        height: 35px;
        padding: 7px 5px;
        font-size: 12px;
        color: #fff;
        font-weight: 500;
        position: absolute;
        left: 00px;
        top: 2px;
        width: 35px;
    }

        #live-events1 .live-events-placeholder1 strong {
            height: 31px;
            width: 35px;
            color: #fff;
            float: right;
            position: absolute;
            top: 0;
            right: 0;
            text-align: center;
            line-height: 30px;
            font-size: 20px;
        }

        #live-events1 .live-events-placeholder1 a {
            transform: rotate(270deg);
            color: #fff;
            text-decoration: none;
        }

    #live-events1 .count1 {
        background: #d33737;
        padding: 1px 4px;
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        transform: rotate(90deg);
        font-weight: 500;
        position: absolute;
        left: 98px;
        top: -10px;
    }

    /*--- Live Events --- */
    #live-events1 .live-events-content1 {
        margin-top: 0px;
        height: 100vh;
        background: #2070FF;
        width: 240px;
    }

    #live-events1.active .live-events-content1 {
        opacity: 1;
    }

    #live-events1 .live-events-content1 .slick-slide1 img {
        width: 100%;
    }

.home-sharda-featured {
    display: none !important;
}



@media (max-width:767px ) {
    .container {
        width: 100%;
    }

    .container-left {
        width: 100%;
        float: none;
    }

    .container-right {
        width: 100%;
        float: none;
    }

        .container-right .accordion-section-title {
            font-size: 13px;
        }

        .container-right h2 {
            font-size: 22px;
        }

        .container-right .accordion-section-content p {
            margin: 0;
            font-size: 13px;
        }

    .mob-orientation {
        position: fixed;
        bottom: 0;
        width: 100%;
        display: block;
        z-index: 10;
    }

        .mob-orientation a {
            width: 100%;
            background: #00C1A1;
            padding: 15px 20px;
            color: #fff;
            display: inline-block;
            font-size: 14px;
            text-align: center;
            border-top: 2px solid #111;
            letter-spacing: 0.9px;
        }

            .mob-orientation a strong {
                font-size: 16px;
            }

    .admission-2020 {
        display: none !important;
    }

    #strip {
        display: none;
    }

    .home #header.fixed {
        top: 0;
    }
}
/*CSS for Delegate page by Imran 14-Aug-2020 Ends*/

/*Sharda Featured Banner Content*/
.cd-intro {
    width: 90%;
    max-width: 768px;
    text-align: center;
}

.cd-intro {
    margin: 0 auto;
}

    .cd-intro h2 {
        color: #fff;
        font-size: 42px;
        text-shadow: 1px 1px 3px #000;
    }

@media only screen and (min-width: 768px) {
    .cd-intro {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-intro {
        margin: 0 auto;
    }
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2;
}

@media only screen and (min-width: 768px) {
    .cd-headline {
        font-size: 4.4rem;
        font-weight: 300;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-headline {
        font-size: 6rem;
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

    .cd-words-wrapper b {
        display: inline-block;
        position: absolute;
        white-space: nowrap;
        left: 0;
        top: 0;
    }

        .cd-words-wrapper b.is-visible {
            position: relative;
        }

.no-js .cd-words-wrapper b {
    opacity: 0;
}

    .no-js .cd-words-wrapper b.is-visible {
        opacity: 1;
    }


/* -------------------------------- 

xloading-bar 

-------------------------------- */
.cd-headline.loading-bar span {
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.loading-bar .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

    .cd-headline.loading-bar .cd-words-wrapper::after {
        /* loading bar */
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 0;
        background: #fff;
        z-index: 2;
        -webkit-transition: width 0.3s -0.1s;
        -moz-transition: width 0.3s -0.1s;
        transition: width 0.3s -0.1s;
    }

    .cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
        width: 100%;
        -webkit-transition: width 3s;
        -moz-transition: width 3s;
        transition: width 3s;
    }

.cd-headline.loading-bar b {
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

    .cd-headline.loading-bar b.is-visible {
        opacity: 1;
        top: 0;
    }

.admission-2020 {
    transform: rotate(180deg);
    bottom: 320px;
    height: 140px;
    background-color: #ca0269;
    width: 43px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    position: fixed;
    right: 0px;
    z-index: 19;
    border-radius: 0px 4px 4px 0px;
    overflow: hidden;
}

.strip-for-mobile {
    display: none;
}

@media(max-width:767px) {
    .strip-for-mobile {
        display: block;
        background: #fff;
        padding: 7px;
        color: #000;
        text-align: center;
        font-size: 14px;
        border-bottom: 1px solid #dadada;
    }

        .strip-for-mobile span {
            font-size: 12px;
            color: #fff;
            text-decoration: none;
            font-weight: 500;
            background-color: red;
            border-radius: 5px;
            padding: 5px 15px;
            margin-right: 10px;
            position: relative;
            animation: blinkingText 0.7s infinite;
        }

            .strip-for-mobile span:before {
                position: absolute;
                content: "";
                right: -5px;
                top: 7px;
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid red;
            }

    .blinking {
        animation: blinkingText 0.7s infinite;
    }

    @keyframes blinkingText {
        0% {
            color: #fff;
        }

        49% {
            color: #fff;
        }

        60% {
            color: transparent;
        }

        99% {
            color: transparent;
        }

        100% {
            color: #fff;
        }
    }

    .strip-for-mobile a {
        color: #000;
    }

    .home #header.fixed #main-navigation .menu-btn {
        top: 32px;
        left: 155px;
    }

    .home #main-navigation .menu-btn {
        top: 49px;
    }
}

.blinking {
    animation: blinkingText 0.7s infinite;
}

@keyframes blinkingText {
    0% {
        color: #fff;
    }

    49% {
        color: #fff;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #fff;
    }
}





.row-isss {
    background: #fff;
}

.malai-membership {
    background: #f2f7ff;
    padding: 50px 0;
}

    .malai-membership .login-r-panel h4 {
        font-size: 22px;
        line-height: 30px;
    }

    .malai-membership .login-r-panel {
        background: #e8ebfa;
        padding: 30px 30px 10px 30px;
        min-height: 760px;
    }

        .malai-membership .login-r-panel label {
            font-size: 12px;
        }

        .malai-membership .login-r-panel input, .malai-membership .login-r-panel select {
            font-size: 14px;
            border: 1px solid #dadada;
            width: 100%;
            padding: 0 10px;
            line-height: 48px;
            height: 48px;
            display: block;
            font-size: 14px;
            margin: 0 0 2px 0;
        }

            .malai-membership .login-r-panel input[type="submit"] {
                background: #58cf00;
                border: 0;
                color: #fff;
                float: left;
                padding: 12px 30px;
                width: inherit;
                height: auto;
                line-height: inherit;
            }

        .malai-membership .login-r-panel .form-malawi > div {
            margin-bottom: 20px;
        }


.row-isss .login-left {
    padding: 30px 30px 30px 30px;
}

    .row-isss .login-left h3 {
        font-size: 20px;
        margin: 0 0 10px 0;
        line-height: 28px;
        display: block;
        font-weight: 600;
    }

    .row-isss .login-left span {
        font-size: 20px;
        margin: 0 0 20px 0;
        font-weight: 300;
    }

    .row-isss .login-left .achi {
        font-size: 16px;
        margin: 15px 0 10px 0;
        line-height: 25px;
        color: #eea61c;
        display: block;
        font-weight: 500;
        background: #333;
        padding: 13px;
        border-radius: 10px;
    }

        .row-isss .login-left .achi img {
            width: 46px;
            margin: 0 10px 0px 0;
            float: left;
        }

    .row-isss .login-left .price-plan h5 {
        font-size: 20px;
        margin: 0px 0px 10px 0;
        display: block;
    }

    .row-isss .login-left .price-box {
        padding: 10px 20px;
        background: #f4faff;
        border: 1px solid #f4faff;
        margin: 0 0 15px 0;
    }

        .row-isss .login-left .price-box h6 {
            font-size: 20px;
            float: left;
            margin: 13px 10px 0 0;
            font-weight: 500;
            color: #48a5ea;
        }

        .row-isss .login-left .price-box strong {
            float: right;
            font-weight: normal;
        }

        .row-isss .login-left .price-box label {
            font-size: 16px;
            display: block;
        }

        .row-isss .login-left .price-box span {
            font-size: 13px;
            color: #444;
        }

.login-r-panel .select {
    border: 0 !important;
}

.login-r-panel label {
    text-transform: capitalize;
    ;
}

.login-r-panel .select:after {
    right: 10px;
}

.form-malawi .col-sm-6 {
}


.featured .featured-list {
    margin: 20px 0 0 0;
    padding: 0px;
    list-style-type: none;
    float: left;
}

    .featured .featured-list li {
        padding-right: 0px;
        margin: 0 0 5px 0;
        display: block;
        float: left;
        width: 32%;
        min-height: 60px;
    }

        .featured .featured-list li:last-child {
            padding-right: 0px;
        }

        .featured .featured-list li .fa {
            float: left;
            font-size: 32px;
            color: rgba(0,0,0,0.2);
        }

        .featured .featured-list li p {
            font-size: 12px;
            font-weight: 500;
            margin: 0px;
            color: rgba(0,0,0,0.5);
        }

        .featured .featured-list li h4 {
            margin-bottom: 0px;
            margin-right: 0px;
            float: none;
            font-size: 16px;
            line-height: 20px;
        }

        .featured .featured-list li .detail {
            margin-left: 44px;
        }

        .featured .featured-list li:first-child .fa, .featured .featured-list li:first-child .detail h4 {
            color: #00c1a1;
        }

        .featured .featured-list li:nth-child(2) .fa, .featured .featured-list li:nth-child(2) .detail h4 {
            color: #fc654c;
        }

        .featured .featured-list li:nth-child(3) .fa, .featured .featured-list li:nth-child(3) .detail h4 {
            color: #ff9c00;
        }

        .featured .featured-list li:nth-child(4) .fa, .featured .featured-list li:nth-child(4) .detail h4 {
            color: #ed027b;
        }

        .featured .featured-list li:nth-child(5) .fa, .featured .featured-list li:nth-child(5) .detail h4 {
            color: #54b4c2;
        }

        .featured .featured-list li:nth-child(6) .fa, .featured .featured-list li:nth-child(6) .detail h4 {
            color: #62c834;
        }



.images-gall {
    padding: 10px 0 0 0;
}

    .images-gall .slick-list {
        overflow: hidden;
    }

    .images-gall .slick-dots {
        display: none !important;
    }

    .images-gall .slick-prev, .images-gall .slick-next {
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 40px;
        border: 1px solid #dadada;
        font-size: 0;
        line-height: 37px;
        text-align: center;
    }

    .images-gall .slick-prev {
        position: absolute;
        bottom: 40%;
        left: -20px;
        z-index: 2;
    }

    .images-gall .slick-next {
        position: absolute;
        bottom: 40%;
        right: -20px;
        z-index: 2;
    }

    .images-gall .slick-prev:before {
        content: "\e605";
        font-size: 16px;
        font-family: 'simple-line-icons';
        color: #333;
    }

    .images-gall .slick-next:before {
        content: "\e606";
        font-size: 16px;
        font-family: 'simple-line-icons';
        color: #333;
    }

@media (max-width:767px) {
    .malai-membership {
        padding: 15px;
    }

    .row-isss .login-left {
        padding: 30px 0 30px 0;
    }

        .row-isss .login-left h3 {
            font-size: 16px;
        }

        .row-isss .login-left span {
            font-size: 15px;
        }

        .row-isss .login-left .achi img {
            margin: 0 10px 30px 0;
        }

    .featured .featured-list li {
        width: 48%;
    }

    .malai-membership .login-r-panel {
        min-height: inherit;
        padding: 30px 30px 20px 30px;
    }

        .malai-membership .login-r-panel .form-malawi > div {
            display: inline-block;
            width: 100%;
        }

    #page-head h2 {
        line-height: 26px;
    }
}

.library-pouups .container {
    position: relative;
}

.labrary-logins {
    position: absolute;
    bottom: -50px;
    right: 15px;
    padding: 15px;
    background: #f1edea;
    border-radius: 10px 10px 0 0;
}

    .labrary-logins h3 {
        display: block;
        font-size: 18px;
        margin: 0 0 15px 0;
    }

        .labrary-logins h3 small {
            display: block;
            font-size: 12px;
        }

    .labrary-logins a {
        background: #1dc1e7;
        color: #fff;
        border-radius: 5px;
        padding: 10px 20px;
        display: block;
        font-size: 14px;
        text-align: center;
    }

        .labrary-logins a:hover {
            background: #222;
        }

/*#chatElementsParentContainer .imgIcon { height:40px !important; width:40px !important; background:#903233; overflow:hidden; left:0; right:inherit; top:460px ; z-index:99;}
#chatElementsParentContainer .imgIcon { background:url(../imgs/live-chat.png) no-repeat !important; }
*/
.newlist-4 li:before {
    background: #fc654c !important;
}

.newlist-4 li:after {
    background: #fc654c !important;
}

.top-and-seaker {
    padding: 50px 0;
    background: #fff;
}

    .top-and-seaker .table5 {
        width: 100%;
    }

        .top-and-seaker .table5 tr {
            background: #fcfcfc;
        }

            .top-and-seaker .table5 tr th {
                background: #555;
                color: #fff;
            }

            .top-and-seaker .table5 tr:nth-child(even) {
                background: #fff;
            }

        .top-and-seaker .table5 th, .top-and-seaker .table5 td {
            font-size: 13px;
            padding: 8px;
            border: 1px solid #dadada;
        }

        .top-and-seaker .table5 .imagesa {
            border: 1px solid #dadada;
            width: 35px;
            height: 35px;
            overflow: hidden;
            border-radius: 30px;
        }

.top-placement-tab-1 {
    margin: 0 0 20px 0;
}

.top-placement-tab {
}

    .top-placement-tab li {
        display: block;
        float: left;
    }

        .top-placement-tab li a {
            background: #fafafa;
            padding: 10px 15px;
            margin: 0 5px 0 0;
            display: block;
            float: left;
            color: #222;
            font-size: 14px;
        }

        .top-placement-tab li.active a {
            background: #00c1a1 !important;
            color: #fff;
        }

.expert-109 {
    padding: 40px 70px !important;
    margin: 30px 0 0 0;
}

.post-10921 {
    padding: 40px 0 0 0;
}

    .post-10921 ul {
    }

        .post-10921 ul li {
            padding: 0;
        }

            .post-10921 ul li a {
                display: block;
                color: #222;
            }

        .post-10921 ul ul {
            margin: 10px 0 0 20px;
        }

.top-placement0309 {
    background: #fff;
    padding: 40px 0;
    border-bottom: 1px solid #dadada;
}

    .top-placement0309 h3 {
        text-align: center;
        font-size: 24px;
    }

    .top-placement0309 ul {
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .top-placement0309 ul li {
            width: 18%;
            display: inline-block;
            padding: 0px;
            margin: .5%;
            border: 1px solid #dadada;
        }

            .top-placement0309 ul li .image {
                height: 180px;
                overflow: hidden;
                margin: 0 0 0px 0;
            }

                .top-placement0309 ul li .image img {
                    width: 100%;
                }

            .top-placement0309 ul li .contant {
                padding: 10px;
            }

                .top-placement0309 ul li .contant strong {
                    font-size: 16px;
                }

                .top-placement0309 ul li .contant p {
                    font-size: 13px;
                }

.top-and-seaker1 {
    padding: 50px 0;
    background: #f2f7ff;
}

    .top-and-seaker1 .table5 {
        width: 100%;
        border: 1px solid #dadada;
    }

        .top-and-seaker1 .table5 tr {
            background: #fff;
        }

            .top-and-seaker1 .table5 tr th {
                background: #fff;
                color: #222;
            }

            .top-and-seaker1 .table5 tr:nth-child(even) {
                background: #fff;
            }

        .top-and-seaker1 .table5 th {
            font-size: 13px;
            padding: 12px 8px;
            border-bottom: 1px solid #dadada;
        }

        .top-and-seaker1 .table5 td {
            font-size: 13px;
            padding: 10px;
            border-bottom: 1px solid #dadada;
        }

            .top-and-seaker1 .table5 td .imagesa {
                width: 30px;
                height: 30px;
                overflow: hidden;
                border-radius: 40px;
                display: inline-table;
                margin: 0 15px 0 0;
                border: 1px solid #dadada;
            }

        .top-and-seaker1 .table5 tr:nth-child(4) td .imagesa,
        .top-and-seaker1 .table5 tr:nth-child(2) td .imagesa,
        .top-and-seaker1 .table5 tr:nth-child(3) td .imagesa {
            width: 50px;
            height: 50px;
        }

.top-place-0909 {
}

    .top-place-0909 h3 {
        background: #00c2a1;
        font-size: 18px;
        color: #fff;
        line-height: 18px;
        margin: 0;
        padding: 15px;
        font-weight: 400;
    }

    .top-place-0909 ul {
        padding: 10px 20px;
        border: 1px solid #dadada;
        margin: 0;
        list-style: none;
        background: #fff;
    }

        .top-place-0909 ul li {
            padding: 10px 0;
        }

            .top-place-0909 ul li span {
                font-size: 14px;
                display: block;
                padding: 0 0 5px 0;
            }

            .top-place-0909 ul li select {
                background: #fff;
                font-size: 14px;
                line-height: 40px;
                height: 40px;
                padding: 0 10px;
                border: 1px solid #dadada;
                width: 100%;
                border-radius: 5px;
            }

.header-audio {
    float: right;
    display: block;
    margin: 6px 0 0 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    border-radius: 30px;
    border: 1px solid #222;
    color: #222;
}

    .header-audio:hover {
        background: #222;
        color: #fff;
    }

.header-asize {
    float: right;
    list-style: none;
    margin: 6px 5px 0 20px;
    padding: 0;
}

    .header-asize li {
        float: left;
    }

        .header-asize li a {
            float: left;
            display: block;
            width: 24px;
            height: 24px;
            line-height: 22px;
            margin: 0 2px;
            text-align: center;
            font-size: 14px;
            border-radius: 0px;
            border: 1px solid #222;
            color: #222;
        }

        .header-asize li.active a {
            background: #222;
            color: #fff;
        }

.malaviheader {
    background: #fff;
}

.mal-inner h1 {
    margin: 0 0 10px 0 !important;
}

.mal-inner span {
    color: #fff;
    font-size: 16px;
    margin: 0 0 40px 0;
    display: block;
}

.maavifeatured {
    background: #fff;
}

    .maavifeatured .malavi_slider {
        padding: 30px 20px 15px;
    }

        .maavifeatured .malavi_slider .slick-list {
            overflow: hidden;
        }

        .maavifeatured .malavi_slider li {
            padding: 0 5px;
        }

.maavifeatured {
    padding: 0 70px;
}

    .maavifeatured .slick-dots {
        display: none !important;
    }

    .maavifeatured .slick-prev, .maavifeatured .slick-next {
        width: 50px;
        height: 50px;
        background: none;
        border-radius: 40px;
        border: 0px solid #dadada;
        font-size: 0;
        line-height: 52px;
        text-align: center;
    }

    .maavifeatured .slick-prev {
        position: absolute;
        bottom: 40%;
        left: -20px;
        z-index: 2;
    }

    .maavifeatured .slick-next {
        position: absolute;
        bottom: 40%;
        right: -20px;
        z-index: 2;
    }

    .maavifeatured .slick-prev:before {
        content: "\e605";
        font-size: 22px;
        font-family: 'simple-line-icons';
        color: #333;
    }

    .maavifeatured .slick-next:before {
        content: "\e606";
        font-size: 22px;
        font-family: 'simple-line-icons';
        color: #333;
    }

.malaviheader {
    padding: 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 0 10px #eee;
}

    .malaviheader .mal-logo {
        float: left;
    }

    .malaviheader .mal-contsnct {
        float: right;
        padding: 16px 15px 0 15px;
        font-size: 16px;
    }

.mal-footer {
    background: #fff;
    padding: 20px 0;
}

    .mal-footer p {
        margin: 0;
        padding: 0;
    }

    .mal-footer .copy-right {
        padding: 10px 0 0 0;
        text-align: center;
        display: block;
    }

    .mal-footer .sociable1 {
        text-align: right;
        margin: 14px 0 0 0;
    }

        .mal-footer .sociable1 a {
            display: inline-block;
            font-size: 20px;
            line-height: 20px;
            color: #000;
            margin-right: 40px;
        }

            .mal-footer .sociable1 a:last-child {
                margin-right: 0px;
            }

.malawi-banner img {
    width: 100%;
}

.row-isss .login-left .achi {
    margin: 25px 0;
}

.mal-main-pa {
}

.mal-leftp {
    float: right;
    width: 50%;
}

.mal-leftr {
    float: left;
    width: 50%;
}

@media (max-width:767px) {
    .labrary-logins {
        position: static;
        width: 50%;
        margin: 0px auto -20px;
        float: right;
    }

    .top-and-seaker {
        overflow-x: scroll;
    }

    .top-placement-tab-1 {
        overflow-x: scroll;
    }

        .top-placement-tab-1 .top-placement-tab {
            width: 1000px;
        }

    .tab-content-new {
        overflow: scroll;
    }

    .maavifeatured .malavi_slider {
        padding: 0px 25px 0px;
    }

    .maavifeatured {
        padding: 10px 20px 0;
    }

    .malaviheader .mal-logo {
        width: 140px;
    }

    .malaviheader .mal-contsnct {
        padding: 0 0 5px 0;
        font-size: 14px;
    }

    footer-po {
        text-align: center;
    }

    .mal-footer .sociable1 {
        text-align: center;
    }

    .mal-footer p {
        text-align: center;
    }

    .maavifeatured .malavi_slider li {
        padding: 10px 0 0 70px;
        position: relative;
        text-align: left;
    }

        .maavifeatured .malavi_slider li p {
        }

        .maavifeatured .malavi_slider li .fa {
            float: left;
            position: absolute;
            left: 0;
            top: 10px;
        }

    .maavifeatured .slick-prev {
        bottom: 35%;
    }

    .maavifeatured .slick-next {
        bottom: 35%;
    }

    .mal-leftp {
        float: none;
        width: 100%;
    }

    .mal-leftr {
        float: none;
        width: 100%;
        padding: 25px !important;
    }
}


/* school publication page */

.school-pubnew {
    display: inline-block;
    margin: 0 0 0px 0 !important;
    width: 100%;
}

    .school-pubnew h2 {
        display: block;
        font-size: 22px;
        line-height: 32px;
        padding: 0 0 10px 0;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #dadada;
        text-align: left;
    }

    .school-pubnew h3 {
        display: block;
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 10px 0;
        text-align: left;
    }

    .school-pubnew p {
        font-size: 14px;
        line-height: 22px;
    }

    .school-pubnew li {
        font-size: 14px;
        line-height: 22px;
    }

.pub-2712ul {
    display: block;
    padding: 20px;
    border: 1px solid #dadada;
    min-height: 175px;
    margin: 0 0 30px 0;
}

    .pub-2712ul li {
        list-style: none;
    }

        .pub-2712ul li strong {
        }

    .pub-2712ul a {
        display: block;
        margin: 4px 0 0 0;
    }

.pub-2712ul-1 {
    display: block;
    padding: 0px;
    border: 0px solid #dadada; /*min-height:240px; */
    margin: 0 0 20px 0;
}

    .pub-2712ul-1 li {
        list-style: none;
    }

    .pub-2712ul-1 a {
        display: block;
        margin: 4px 0 0 0;
    }

#publisher_details { /*background:#f1f6fe; */
}

.pub-2712ul-2 {
    display: block;
    padding: 0;
    margin: 0 0 0px 0;
}

    .pub-2712ul-2 li {
        list-style: none;
    }

    .pub-2712ul-2 a {
        display: block;
        margin: 4px 0 0 0;
    }

.school-pubnewl {
    margin: 0 0 20px 0 !important;
}

.sectionpub {
    padding: 30px 0 60px 0 !important;
}

.review-tab li a {
    padding: 15px 10px !important;
}

#campus-overview .campus-tab-301.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 110;
    background: #fff;
}

    #campus-overview .campus-tab-301.fixed .nav-tabs {
        border-radius: 0px;
        text-align: center;
        border: 0px;
        border-bottom: 1px solid #dadada;
    }

        #campus-overview .campus-tab-301.fixed .nav-tabs li {
            float: none;
            display: inline-block;
        }



/* css for jobfair start */
.vertualjobfair {
    padding: 50px 0;
    background: #f2f7ff;
}

.vertualkobs {
    background: #fff;
    padding: 10px;
    border: 1px solid #dadada;
    margin: 0 0 15px 0;
}

    .vertualkobs h2 {
        display: block;
        text-align: center;
        font-size: 12px;
    }

    .vertualkobs .image {
        height: 150px;
        background: #fff;
        overflow: hidden;
        margin: 10px 0 0 0;
    }

        .vertualkobs .image img {
            height: 80%;
            width: auto;
            display: block;
            margin: 0px auto;
        }

    .vertualkobs .contant {
        padding: 10px 0 0 0;
        min-height: 265px;
        position: relative;
    }

        .vertualkobs .contant p {
            display: block;
            text-align: left;
            font-size: 12px;
            color: #777;
            margin: 0 0 5px 0;
            padding: 0;
        }

        .vertualkobs .contant span {
            display: inline-block;
            width: 100%;
            font-size: 13px;
            color: #555;
            text-align: left;
            padding: 5px 0;
        }

            .vertualkobs .contant span strong {
                color: #555;
                float: left;
                margin: 0 10px 0 0;
            }

        .vertualkobs .contant label {
            position: absolute;
            bottom: 3px;
            display: block;
            margin: 0px auto;
            background: #ff9c00;
            padding: 10px 20px;
            font-size: 14px;
            text-align: center;
            color: #fff;
            width: 40%;
            border-radius: 5px;
            left: 30%;
        }

.jobsregister {
    background: #fff;
    padding: 30px;
    border: 1px solid #dadada;
    margin: 0 0 0px 0;
}

    .jobsregister label {
        font-size: 14px;
        display: block;
    }

    .jobsregister input {
        width: 100%;
        padding: 0 10px;
        line-height: 45px;
        height: 45px;
        border-radius: 5px;
        font-size: 14px;
        margin: 0 0 15px 0;
        background: #fff;
        border: 1px solid #dadada;
    }

    .jobsregister button {
        display: inline-block;
        margin: 10px auto;
        background: #ff9c00;
        padding: 12px 30px;
        border: 0;
        font-size: 15px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        transition: ease all 0.3s;
    }

        .jobsregister button:hover {
            background: #222;
        }

    .jobsregister .backbtn {
        display: inline-block;
        margin: 10px auto;
        background: #ddd;
        padding: 12px 30px;
        border: 0;
        font-size: 15px;
        text-align: center;
        color: #222;
        border-radius: 5px;
        transition: ease all 0.3s;
    }

        .jobsregister .backbtn:hover {
            background: #222;
            color: #fff !important;
        }


.jobapplynow {
    width: 14%;
    position: fixed;
    bottom: 30px;
    left: 43%;
    z-index: 11;
    display: inline-block;
    margin: 10px auto;
    background: #ff9c00;
    padding: 12px 30px;
    border: 0;
    font-size: 15px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    transition: ease all 0.3s;
}

    .jobapplynow button:hover {
        background: #222;
    }


.jobsthanku {
    background: #fff;
    padding: 30px;
    border: 1px solid #dadada;
    margin: 0 0 0px 0;
    text-align: center;
}

    .jobsthanku h3 {
        font-size: 32px;
        font-weight: normal;
        color: #111;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .jobsthanku h4 {
        font-size: 22px;
        font-weight: normal;
        color: #777;
        margin: 0 0 20px 0;
        text-align: center;
    }

.newpthanksjobs {
    width: 75%;
    margin: 0px auto;
    display: block;
    padding: 20px;
    border: 1px solid #dadada;
}

    .newpthanksjobs .photos {
        display: block;
        float: left;
    }

        .newpthanksjobs .photos img {
            height: 40px;
            width: auto;
            object-fit: cover;
        }

.jobsthanku span {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    color: #555;
    text-align: left;
    padding: 5px 0;
    float: left;
}

    .jobsthanku span strong {
        color: #555;
        width: 150px;
        float: left;
    }

.jobsthanku button {
    display: inline-block;
    margin: 10px auto;
    background: #ff9c00;
    padding: 12px 30px;
    border: 0;
    font-size: 15px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    transition: ease all 0.3s;
}

    .jobsthanku button:hover {
        background: #222;
    }

.gallery-box .dsw-album {
    height: auto !important;
    display: block;
    margin: 0 0 20px 0;
}

    .gallery-box .dsw-album h6 {
        margin: 0;
        height: 34px;
        overflow: hidden;
        display: block;
    }

.ccdcmainsec p {
    color: #333;
    font-weight: normal;
}

.ccdclisiton {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .ccdclisiton li {
        font-size: 14px;
        position: relative;
        padding: 0 0 7px 20px;
        color: #333;
    }

        .ccdclisiton li:before {
            content: "";
            position: absolute;
            top: 7px;
            height: 6px;
            width: 6px;
            left: 3px;
            display: block;
            border-radius: 10px;
            background: #00bfe7;
        }

.ccdc-alllist {
    margin: 0 0 20px 0;
    display: inline-block;
    width: 100%;
}

    .ccdc-alllist strong {
        font-size: 14px;
        min-height: 300px;
    }

    .ccdc-alllist ul {
        list-style: none;
        padding: 0;
        margin: 10px 0 0 0;
    }

    .ccdc-alllist li {
        font-size: 14px;
        position: relative;
        padding: 0 0 7px 20px;
        color: #333;
    }

        .ccdc-alllist li:before {
            content: "";
            position: absolute;
            top: 7px;
            height: 6px;
            width: 6px;
            left: 3px;
            display: block;
            border-radius: 10px;
            background: #00bfe7;
        }

.ccdc-alllistss li {
    float: left;
    width: 50%;
}

.spocs-ccdc ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

    .spocs-ccdc ul li {
        width: 24%;
        margin: .5%;
        height: 250px;
        display: block;
        overflow: hidden;
        float: left;
        position: relative;
        border: 1px solid #dadada;
    }
        /* .spocs-ccdc ul li img { width:100%; display:block; object-fit:cover; height:100%; } */
        .spocs-ccdc ul li img {
            width: 100%;
            display: block;
        }
        /* .spocs-ccdc ul li p { position:absolute; bottom:-95px; padding:10px; width:100%; font-size:14px;  background:rgba(0,0,0,0.5); color:#fff; margin:0; text-align:left; transition:ease all 0.3s;  } */
        .spocs-ccdc ul li p {
            position: absolute;
            bottom: -135px;
            padding: 10px;
            width: 100%;
            font-size: 14px;
            background: rgba(0,0,0,0.5);
            color: #fff;
            margin: 0;
            text-align: left;
            transition: ease all 0.3s;
        }

            .spocs-ccdc ul li p strong {
                display: block;
                padding: 0 0 5px 0;
                font-size: 14px;
            }

        .spocs-ccdc ul li:hover p {
            bottom: 0;
        }

.main-ccdctop {
    padding: 30px 0 60px 0;
}

.carrerserccdc {
    width: 100%;
    display: inline-block;
    width: 100%;
    border: 1px solid #dadada;
    margin: 10px 0 20px 0;
    padding: 10px;
}

    .carrerserccdc .images {
        width: 100%;
        margin: 0%;
        height: 220px;
        display: block;
        overflow: hidden;
        float: left;
        position: relative;
        margin: 0 0 15px 0;
    }

        .carrerserccdc .images img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

    .carrerserccdc strong {
        text-align: center;
        font-size: 16px;
        line-height: 18px;
        padding: 10px;
        font-weight: normal;
        display: block;
    }

#careerservices a {
    color: #000;
}

.videoccdc li {
    width: 49% !important;
    height: 310px !important;
}

.ad-ccdc {
    background: #fff;
    padding: 0px 0;
}

    .ad-ccdc .images {
        overflow: hidden;
        width: 400px;
        height: 400px;
        border: 4px solid #ddd;
        border-radius: 200px;
        margin: 0px auto;
    }

        .ad-ccdc .images img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .ad-ccdc .images1 {
        overflow: hidden;
        width: 400px;
        margin: 0px auto;
    }

        .ad-ccdc .images1 img {
            width: 86%;
            object-fit: cover;
        }

    .ad-ccdc .ad-ccdc-in {
        padding: 0px 0px;
        position: relative;
    }

        .ad-ccdc .ad-ccdc-in img {
            position: absolute;
            top: 150px;
            left: 10px;
        }

        .ad-ccdc .ad-ccdc-in small {
            font-size: 14px;
            line-height: 26px;
            color: #2fa600;
            display: block;
            margin: 0 0 20px 0;
        }

        .ad-ccdc .ad-ccdc-in h4 {
            font-size: 28px;
            display: block;
            font-weight: normal;
            margin: 0 0 20px 0;
            color: #002270;
            position: relative;
        }

        .ad-ccdc .ad-ccdc-in h5 {
            font-size: 32px;
            display: block;
            font-weight: normal;
            margin: 0 0 20px 0;
            color: #002270;
        }

        .ad-ccdc .ad-ccdc-in p {
            font-size: 14px;
            line-height: 23px;
            color: #444;
            display: block;
            margin: 0 0 20px 0;
        }

        .ad-ccdc .ad-ccdc-in strong {
            font-size: 16px;
            display: block;
            margin: 20px 0 0 0;
        }

.whychooseccdc {
    display: inline-block !important;
    width: 100%;
    padding: 20px 0 50px 0;
}

    .whychooseccdc .imagenae {
        text-align: center;
        width: 35%;
        float: left;
    }

        .whychooseccdc .imagenae .images1 {
            width: 300px;
            height: 300px;
            display: block;
            margin: 0px auto 20px;
            border-radius: 300px;
        }

            .whychooseccdc .imagenae .images1 img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .whychooseccdc .imagenae .images12 img {
            width: 100%;
        }

        .whychooseccdc .imagenae strong {
            display: block;
            font-size: 16px;
            margin: 0 0 10px 0;
            color: #111;
        }

        .whychooseccdc .imagenae span {
            display: block;
            font-size: 14px;
            margin: 0 0 5px 0;
            color: #555;
        }

        .whychooseccdc .imagenae small {
            display: block;
            font-size: 14px;
            margin: 0 0 0px 0;
            color: #555
        }

    .whychooseccdc:nth-child(even) .imagenae {
        float: right;
    }

    .whychooseccdc .ad-ccdc-in {
        width: 62%;
        float: right;
    }

    .whychooseccdc:nth-child(even) .ad-ccdc-in {
        float: left;
    }



.ccdc-contacts-top {
    padding: 0px 0;
    border-top: 1px solid #dadada;
    margin: 80px 0 0 0;
    text-align: center;
}

    .ccdc-contacts-top h3 {
        font-size: 36px;
        color: #000;
        display: block;
        padding: 0;
        margin: 0 0 20px 0;
    }

    .ccdc-contacts-top p {
        font-size: 14px;
        color: #000;
        display: block;
        padding: 0;
        width: 50%;
        margin: 0px auto 20px;
    }

    .ccdc-contacts-top .col-md-12 {
        border-bottom: 1px solid #dadada;
        padding: 40px 15px;
    }


.ccdc-contacts {
    padding: 10px 0 10px 0;
    position: relative;
}

.ccdc-contact-deta h4 {
    text-transform: capitalize !important;
}

.ccdc-contact-deta strong {
    color: rgba(248,248,248,0.5);
}

.ccdc-contact-form {
}

    .ccdc-contact-form h4 {
        font-size: 30px;
        line-height: 30px;
        color: #333;
        display: block;
        margin: 0 0 20px 0;
        font-weight: 600;
    }

    .ccdc-contact-form input,
    .ccdc-contact-form select {
        line-height: 45px;
        font-size: 16px;
        height: 45px;
        padding: 0 20px;
        width: 100%;
        border: 1px solid #dadada;
        margin: 0 0 20px 0;
        border-radius: 5px;
    }

    .ccdc-contact-form textarea {
        font-size: 16px;
        height: 120px;
        padding: 20px 20px;
        width: 100%;
        border: 1px solid #dadada;
        margin: 0 0 20px 0;
        border-radius: 5px;
    }

    .ccdc-contact-form .button1 {
        line-height: 45px;
        font-size: 16px;
        height: 45px;
        background: #00bfe7;
        color: #fff !important;
        display: inline-block;
        padding: 0 50px;
        border-radius: 5px;
    }

    .ccdc-contact-form input[type="file"] {
        line-height: 52px;
        font-size: 16px;
        height: 60px;
        padding: 0 0px;
        width: 100%;
        border: 1px solid #dadada;
        margin: 0 0 20px 0;
    }

.ccdc-contact-detail {
}

    .ccdc-contact-detail h5 {
        font-size: 20px;
        line-height: 30px;
        color: #333;
        display: block;
        margin: 0 0 10px 0;
        font-weight: 600;
    }

    .ccdc-contact-detail p {
        font-size: 14px;
        margin: 0 0 30px 0;
    }

    .ccdc-contact-detail ul {
        list-style: none;
        margin: 0;
        padding: 0 0 40px 0;
    }

    .ccdc-contact-detail li {
        font-size: 14px;
        padding: 0 200px 15px 25px;
        position: relative;
    }

        .ccdc-contact-detail li i {
            color: #00bfe7;
            position: absolute;
            left: 0px;
            top: 2px;
            font-size: 16px;
        }

.ccdc-testi {
}

    .ccdc-testi ul {
        width: 32%;
        float: left;
        margin: 0 20px 0 0;
        padding: 0;
    }

        .ccdc-testi ul:last-child {
            float: right;
            margin: 0;
        }

        .ccdc-testi ul li {
            border: 1px solid #dadada;
            padding: 10px;
            display: inline-block;
            width: 100%;
            margin: 0 0 20px 0;
        }

            .ccdc-testi ul li .img {
                width: 130px;
                height: 130px;
                border: 2px solid #dadada;
                display: block;
                margin: 0px auto 20px;
                border-radius: 100px;
                overflow: hidden;
            }

                .ccdc-testi ul li .img img {
                    height: 100%;
                    object-fit: cover;
                    width: 100%;
                }

            .ccdc-testi ul li .con {
                width: 100%;
                float: right;
            }

                .ccdc-testi ul li .con h4 {
                    font-size: 20px;
                    display: block;
                    margin: 0;
                }

                .ccdc-testi ul li .con h5 {
                    font-size: 13px;
                    display: block;
                    margin: 0 0 9px 0;
                    font-weight: normal;
                }

                .ccdc-testi ul li .con span {
                    font-size: 12px;
                    font-weight: bold;
                    display: block;
                }

                .ccdc-testi ul li .con small {
                    font-size: 14px;
                    display: block;
                    padding: 10px 0 0 0;
                }

                .ccdc-testi ul li .con strong {
                    font-size: 16px;
                    display: block;
                    padding: 10px 0 0 0;
                }

                .ccdc-testi ul li .con p {
                    font-size: 14px;
                    display: block;
                    color: #444;
                }


@media (max-width:767px) {
    .jobapplynow {
        width: 50%;
        left: 25%;
    }

    .newpthanksjobs {
        width: 100%;
    }

    .jobsthanku span {
        width: 100%;
    }

    .spocs-ccdc ul li {
        width: 99%;
    }

    .ccdc-alllistss li {
        width: 100%;
    }

    .videoccdc li {
        width: 99% !important;
        height: 250px !important;
    }

    .ccdc-testi ul {
        width: 100%;
        margin: 0;
    }
}

/* css for jobfair end */

/* css for soft skills accordian */
.langaugetab {
    padding: 0px 0 50px 0;
}

.card {
    margin: 0 0 10px 0;
    width: 100%;
    border: 0;
}

.langaugetab .card-header {
    border: 0;
    background: none;
    box-shadow: none !important;
    padding: 0;
}

.langaugetab .card-link {
    background: #fff;
    color: #222;
    border-radius: 5px;
    padding: 18px 20px;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #dadada;
    width: 100%;
    display: block;
    position: relative;
}

.langaugetab .accordion-item {
    margin: 0 0 20px 0;
    border: 0;
    background: none;
}

.langaugetab .card-header .card-link {
    background: #12C2E9;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.langaugetab .card-header .collapsed {
    background: #fff;
    color: #222;
    border-radius: 5px 5px;
}

.langaugetab .card-body {
    background: #fff;
    border: 1px solid #dadada;
    margin-top: 0px;
    border-radius: 0 0 5px 5px;
    display: inline-block;
    width: 100%;
}

.langaugetab .card-header:not(.collapsed) {
    color: #000;
    box-shadow: none;
}

    .langaugetab .card-header:not(.collapsed)::after {
    }

.langaugetab .card-link:after {
    content: "";
    position: absolute;
    right: 40px;
    top: 24px;
    background: url(../images/addd.png) no-repeat;
    width: 12px;
    height: 12px;
}

.langaugetab .card-link:not(.collapsed)::after {
    background: url(../images/add-m.png) no-repeat;
    transform: rotate(0deg);
}

.langaugetab .card-body a {
    background: #fff;
    line-height: 40px;
    padding: 0 10px 0 20px;
    color: #222;
    font-size: 14px;
    display: inline-block;
    float: left;
    border: 1px solid #eee;
    margin: 10px 10px 10px 10px;
    border-radius: 0px;
}

    .langaugetab .card-body a span {
        width: 25px;
        height: 25px;
        line-height: 25px;
        background: #12C2E9;
        color: #fff;
        float: right;
        display: block;
        border-radius: 40px;
        margin: 7px 0 0 5px;
        text-align: center;
    }

.responive-table {
}

.responive-table {
    background: #fff;
    padding: 15px 0;
}

    .responive-table tr th {
        background: #12C2E9;
        padding: 10px;
        border: 1px solid #dadada;
        color: #fff;
        font-size: 15px;
    }

    .responive-table tr td {
        padding: 10px;
        color: #444;
        border: 1px solid #dadada;
        text-align: center;
        font-size: 14px;
    }

.admissionfeestructure h4 {
    font-size: 32px;
    text-align: left;
    display: block;
    padding: 0;
    margin: 0 0 50px 0;
    color: #000;
    position: relative;
}

.aboupagemenu {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 20px 0;
    display: inline-block;
}

    .aboupagemenu h4 {
        font-size: 18px;
        margin: 0 0 10px 0;
    }

    .aboupagemenu li {
        width: 100%;
        float: left;
        margin: 0 0 0 13px;
    }

        .aboupagemenu li a {
            color: #333;
            font-size: 14px;
            display: inline-block;
            padding: 5px 0;
            font-weight: 500;
        }

.lifeskillaccor {
}

    .lifeskillaccor .card-header .collapsed {
        background: #fff !important;
    }

    .lifeskillaccor .card-header .card-link {
        background: #fc654c;
    }

    .lifeskillaccor .card-body a span {
        background: #fc654c;
    }

.iic-accordian .accordion-toggle.collapsed {
    color: #222 !important;
}

    .iic-accordian .accordion-toggle.collapsed:after {
        color: #222 !important;
    }

.iic-accordian .accordion-toggle {
    color: #12C2E9 !important;
}

    .iic-accordian .accordion-toggle:after {
        color: #12C2E9 !important;
    }



@media (max-width:767px) {
    .langaugetab .card-link {
        font-size: 16px;
    }

    .responive-table {
        overflow-x: scroll;
    }

        .responive-table table {
            width: 700px;
        }

    .whychooseccdc .ad-ccdc-in {
        width: 100%;
    }

    .whychooseccdc .imagenae {
        width: 100%;
    }

    .aboupagemenu li {
        width: 100%;
    }
}



/* new DSW CSS Start */

.dsw-students {
    background: #fff;
    padding: 0 0 50px 0;
}

.dsw-new-main {
}

    .dsw-new-main .dsw-new-img {
        width: 100%;
        display: block;
        height: 350px;
        background: #fafafa;
    }

        .dsw-new-main .dsw-new-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .dsw-new-main .dsw-new-don {
    }

        .dsw-new-main .dsw-new-don p {
            font-size: 14px;
            line-height: 24px;
            margin: 0 0 20px 0;
            color: #222;
        }

        .dsw-new-main .dsw-new-don h4 {
        }

        .dsw-new-main .dsw-new-don ul {
            margin: 0;
            padding: 0;
            list-style: none;
            ;
        }

            .dsw-new-main .dsw-new-don ul li {
                font-size: 14px;
                line-height: 24px;
                margin: 0 0 0px 0px;
                padding: 0 0 10px 20px;
                color: #222;
                position: relative;
            }

                .dsw-new-main .dsw-new-don ul li:after {
                    content: "";
                    position: absolute;
                    top: 7px;
                    left: 0px;
                    width: 8px;
                    height: 8px;
                    background: #FC654C;
                    border-radius: 10px;
                    ;
                }

.dsw-mwmberslist {
    text-align: center;
    padding: 50px 0 0 0;
    display: inline-block;
    width: 100%;
}

    .dsw-mwmberslist h3 {
        font-size: 32px;
        line-height: 42px;
        margin: 0 0 20px 0;
        color: #222;
        ;
    }

    .dsw-mwmberslist ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .dsw-mwmberslist ul li {
            display: inline-block;
            padding: 10px;
            border: 1px solid #dadada;
            width: 24%;
            margin: 10px;
        }

            .dsw-mwmberslist ul li .swd-imh {
                overflow: hidden;
                width: 200px;
                height: 200px;
                border-radius: 200px;
                background: #fafafa;
                display: block;
                margin: 10px auto 20px;
            }

            .dsw-mwmberslist ul li strong {
                font-weight: normal;
                font-size: 16px;
                line-height: 24px;
                margin: 0 0 20px 0;
                color: #222;
                display: block;
            }



.dsw-mwmberslist1 {
    text-align: center; /*  background: #fff;
    padding: 20px 10px;
    border: 1px solid #dadada; */
    margin: 0 0 30px 0;
}

    .dsw-mwmberslist1 h3 {
        font-size: 26px;
        line-height: 36px;
        margin: 0 0 20px 0;
        color: #222;
        ;
    }

    .dsw-mwmberslist1 .new-dsw-sc {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .dsw-mwmberslist1 .new-dsw-sc li {
            display: inline-block;
            padding: 10px;
            text-align: left;
            border: 1px solid #dadada;
            width: 24%;
            margin: .3%;
        }

            .dsw-mwmberslist1 .new-dsw-sc li strong {
                font-weight: normal;
                font-size: 14px;
                line-height: 24px;
                margin: 0 0 20px 0;
                color: #222;
            }

    .dsw-mwmberslist1 .nav {
        border: 0 !important;
        text-align: center;
        margin: 0 0 15px 0;
    }

        .dsw-mwmberslist1 .nav li {
            display: inline-block;
            float: none;
        }

            .dsw-mwmberslist1 .nav li a {
                display: inline-block;
                padding: 8px 20px;
                color: #222;
                background: #fafafa;
                margin: 0 5px;
                font-size: 14px;
                border: 0 !important;
                border-radius: 0;
            }

            .dsw-mwmberslist1 .nav li.active a {
                background: #fc654c;
                color: #fff;
                border: 0 !important;
            }

.it-div-sec {
    padding: 60px 0;
    background: #fff;
}

    .it-div-sec .nav {
        width: 100%;
        border: 1px solid #e5e5e5;
        margin-bottom: 34px;
        background: #fff;
        border-top: 5px solid #fc654c;
    }

        .it-div-sec .nav li {
            width: 100%;
            border-radius: 0 !important;
            border: 0 !important;
        }

            .it-div-sec .nav li a {
                width: 100%;
                border-radius: 0;
                font-size: 14px;
                color: #222 !important;
                padding: 12px 15px;
                border-radius: 0 !important;
                border: 0 !important;
            }

            .it-div-sec .nav li.active a {
                border: 0;
                color: #fc654c !important;
            }

            .it-div-sec .nav li a i {
                margin: 0 4px 0 0;
            }

.it-sec-contant {
    background: #fff;
    padding: 20px;
    border: 1px solid #dadada;
    margin: 0 0 30px 0;
    text-align: center;
}

    .it-sec-contant h3 {
        font-size: 20px;
        margin: 0 0 0px 0;
        color: #000;
        padding: 0;
    }

    .it-sec-contant p {
        font-size: 14px;
        margin: 0 0 20px 0;
        color: #444;
    }

    .it-sec-contant ul {
        list-style: none;
        padding: 0;
        margin: 20px 0 20px 0;
        text-align: center;
        display: block;
    }

        .it-sec-contant ul li .icon {
            border: 2px solid #fc654c;
            width: 70px;
            display: block;
            color: #fc654c;
            font-size: 26px;
            margin: 0px auto 20px;
            height: 70px;
            line-height: 66px;
            display: block;
            border-radius: 100px;
        }

        .it-sec-contant ul li {
            width: 33%;
            padding: 20px 20px 0 0;
            display: inline-block;
        }

            .it-sec-contant ul li strong {
                font-size: 14px;
                margin: 0 0 10px 0;
                color: #444;
            }

            .it-sec-contant ul li p {
                font-size: 14px;
                margin: 0 0 5px 0;
                color: #444;
            }

            .it-sec-contant ul li small {
                font-size: 12px;
                color: #555;
            }

            .it-sec-contant ul li a {
                font-size: 12px;
                color: #fc654c;
            }

.it-sec-contant2 {
    text-align: left;
}

    .it-sec-contant2 ul {
        text-align: left;
        display: block;
        padding: 0 0 0 20px;
    }

    .it-sec-contant2 li {
        width: 100% !important;
        padding: 20px 20px 0 55px !important;
        position: relative;
    }

        .it-sec-contant2 li .icon1 {
            position: absolute;
            top: 18px;
            left: 0;
            text-align: center;
            border: 2px solid #fc654c;
            width: 40px;
            display: block;
            color: #fc654c;
            font-size: 18px;
            margin: 0px auto 20px;
            height: 40px;
            line-height: 36px;
            display: block;
            border-radius: 100px;
        }

.it-sec-contant3 {
    text-align: left;
    margin: 0 0 30px 0;
}

    .it-sec-contant3 h4 {
        font-size: 20px;
        margin: 20px 0 0px 0;
        color: #000;
        padding: 0;
    }

    .it-sec-contant3 ul {
        text-align: left;
        display: block;
        padding: 0 0 0 20px;
    }

    .it-sec-contant3 li {
        width: 100% !important;
        padding: 0px 20px 12px 30px !important;
        font-size: 14px;
        position: relative;
    }

        .it-sec-contant3 li i {
            position: absolute;
            top: 2px;
            left: 0;
            text-align: center;
            color: #fc654c;
        }

.it-main-tops:after {
    display: none !important;
}

.spocs-ccdc-ul-img-gal li img {
    object-fit: cover;
    width: 100%;
    display: block;
    height: 100%;
}

.table2_new th {
    text-align: center !important;
}

.main-scp {
    background: #fff;
    /*padding: 20px 10px;
    border: 1px solid #dadada;*/ margin: 0 0 30px 0;
}

    .main-scp .dsw-new-don p {
    }


.dsw-mwmberslist {
    background: #fff;
    margin: 0 0 30px 0;
}

.stu-coun-bts {
}

    .stu-coun-bts .a1 {
        display: inline-block;
        float: left;
        width: 48%;
        text-align: center;
        padding: 14px 30px;
        color: #fff;
        background: #444;
        margin: 0 10px 0 0;
        font-size: 16px;
        border: 0 !important;
        border-radius: 3px;
    }

        .stu-coun-bts .a1:hover {
            color: #fff;
            background: #fc654c;
        }

    .stu-coun-bts .a2 {
        display: inline-block;
        float: right;
        width: 48%;
        text-align: center;
        padding: 14px 30px;
        color: #fff;
        background: #fc654c;
        margin: 0 10px 0 0;
        font-size: 16px;
        border: 0 !important;
        border-radius: 3px;
    }

        .stu-coun-bts .a2:hover {
            color: #fff;
            background: #444;
        }


.researchScholars {
    padding: 0 0 80px 0;
}

    .researchScholars .nav-tabs {
        border: 0;
    }

        .researchScholars .nav-tabs li {
            display: inline-block;
        }

            .researchScholars .nav-tabs li a {
                display: block;
                background: #fff;
                padding: 10px 25px;
                margin: 0 10px 0 0;
                display: block;
                float: left;
                color: #222;
                font-size: 14px;
                border-radius: 5px;
            }

            .researchScholars .nav-tabs li.active a {
                background: #00bfe7 !important;
                color: #fff;
            }

    .researchScholars .tab-pane {
        padding: 30px;
        border: 1px solid #dadada;
        background: #FFFFFF;
        border-radius: 10px;
        margin: 20px 0 0;
    }


.stuinte-login {
    background: #fff;
    padding: 40px;
    border: 1px solid #dadada;
    margin: 0 0 30px 0;
    text-align: center;
}

.stuinte-log {
    background: #fff;
    padding: 40px;
    border: 1px solid #dadada;
    margin: 0 0 30px 0;
    text-align: center;
    height: 300px;
}

.stuinte-login .forms {
    margin: 0 0 20px 0;
    text-align: left;
}

    .stuinte-login .forms label {
        text-align: left;
        font-size: 14px;
    }

    .stuinte-login .forms input {
        line-height: 45px;
        height: 45px;
    }

    .stuinte-login .forms a {
        line-height: 45px;
        height: 45px;
        padding: 0 20px;
    }

.stuinte-login1 {
    background: #fff;
    padding: 40px;
    border: 1px solid #dadada;
    margin: 0 0 30px 0;
    text-align: left;
}

    .stuinte-login1 p {
        text-align: left;
    }

.headingsecon {
    border-bottom: 1px solid #dadada;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

    .headingsecon h6 {
        float: left;
        font-size: 20px;
        margin: 12px 0 0 0;
    }

    .headingsecon h4 {
        float: right;
        margin: 0;
    }

.e-videocontant {
    cursor: pointer;
    text-align: center;
    margin: 0 0 20px 0;
    transition: ease all 0.3s;
}

.e-videocontants {
    cursor: pointer;
    text-align: center;
    margin: 0 0 20px 0;
    border: 1px solid #dadada;
    transition: ease all 0.3s;
    min-height: 200px;
}

.e-videocontant .imgs {
    height: 135px;
    overflow: hidden;
    position: relative;
}

    .e-videocontant .imgs i {
        font-size: 48px;
        color: #fff;
        opacity: 0.8;
        position: absolute;
        width: 50px;
        height: 50px;
        left: 50%;
        top: 50%;
        margin: -25px 0 0 -25px;
    }

.e-videocontant h5 {
    /* font-size:13px;  */
    font-size: 12px;
    margin: 10px 0 10px 0;
    /* min-height:40px; */
}

.e-videocontant:hover {
    background: #fafafa;
}

.e-contant-video .modal-header {
    border-bottom: 1px solid #dadada;
    padding: 20px 20px 15px 20px;
    margin: 0 0 0px 0;
}

    .e-contant-video .modal-header h5 {
        float: left;
        padding: 5px 0 0 0;
    }

.e-contant-video .modal-body {
    padding: 10px;
}

    .e-contant-video .modal-body video {
        width: 100%;
        height: 330px;
    }

.tableresponsive {
    font-size: 13px;
}

    .tableresponsive table tr td:nth-child(9) {
        word-break: break-all;
    }

.testimonial-box .globle-tesiminial {
    width: 100%;
    height: 120px;
    border-radius: 0%;
    border: 0px solid #e7ebfb;
    margin: 15px auto 10px auto;
    position: relative;
    z-index: 2;
}

    .testimonial-box .globle-tesiminial img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media (max-width:767px) {
    .tableresponsive {
        overflow-x: scroll;
    }

        .tableresponsive table tr td:nth-child(9) {
            word-break: initial;
        }

    .stuinte-log {
        height: auto !important;
    }

    .headingsecon h4 .button11 {
        font-size: 8px;
        line-height: 19px;
        padding: 8px 8px;
    }

    .headingsecon h6 {
        float: left;
        font-size: 15px;
    }

    .fixed.dark .logo .home-logo {
        display: block;
    }

    .fixed.dark .logo .fixed-header-logo {
        display: none;
    }

    .fixed .logo .home-logo {
        display: none;
    }

    .fixed .logo .fixed-header-logo {
        display: block;
    }

    .fixed.dark .logo a, .fixed .logo a {
        float: left;
    }
}

/* education loan */
.table-sec table {
    width: 100%;
}

.table-sec tr {
    background: #fff;
    border: 1px solid #dadada;
}

    .table-sec tr:nth-child(even) {
        background: #fff;
    }

    .table-sec tr th {
        padding: 10px;
        background: #efefff;
    }

    .table-sec tr td {
        padding: 10px;
    }

.form-label-tablemain {
    margin: 0 0 0px 0;
}

    .form-label-tablemain span {
        display: block;
        font-size: 16px;
        font-weight: bold;
    }

.form-label-table {
    width: 100%;
    overflow-x: scroll;
    padding: 0 0 20px 0;
}

    .form-label-table.tbsroll {
        overflow-x: hidden;
    }

    .form-label-table table {
        width: 100%;
    }

        .form-label-table table th {
            padding: 8px;
            background: #E5EEFF;
            color: #222;
            font-size: 13px;
            border: 1px solid #cacaca;
        }

        .form-label-table table td {
            padding: 8px;
            background: #fff;
            color: #222;
            font-size: 13px;
            border: 1px solid #cacaca;
        }

    .form-label-table input[type="radio"], .form-label-table input[type="checkbox"] {
        display: block;
        margin: 0px auto;
        width: 14px;
        height: 14px;
        border: 1px solid #cacaca;
    }

    .form-label-table input[type="text"], .hrms-forms input[type="datetime-local"] {
        width: 100%;
        line-height: 34px;
        height: 34px;
        padding: 0 10px;
        border-radius: 5px;
        border: 1px solid #dadada;
        background: #fff;
        font-size: 14px;
        color: #222;
    }

    .form-label-table input[type="file"] {
        width: 100%;
        line-height: 26px;
        height: 34px;
        padding: 0 0px;
        border-radius: 5px;
        border: 1px solid #dadada;
        background: #fff;
        font-size: 14px;
        color: #222;
    }

    .form-label-table select {
        width: 100%;
        line-height: 34px;
        height: 34px;
        padding: 0 10px;
        border-radius: 5px;
        border: 1px solid #dadada;
        background: #fff;
        font-size: 14px;
        color: #222;
    }

    .form-label-table input[type="date"] {
        line-height: 32px;
        height: 34px;
        padding: 0 10px;
        border-radius: 5px;
        border: 1px solid #dadada;
        background: #fff;
        font-size: 14px;
        color: #222;
    }

    .form-label-table textarea {
        width: 300px;
        line-height: 20px;
        height: 94px;
        padding: 10px 10px;
        border-radius: 5px;
        border: 1px solid #dadada;
        background: #fff;
        font-size: 14px;
        color: #222;
    }

    .form-label-table p {
        padding: 20px;
    }

    .form-label-table .downloadfile a {
        color: #fff;
        text-decoration: none;
    }

.downloadfile {
    background: #288feb;
    /*height: 26px;*/
    width: 105px;
    padding: 5px;
    text-align: center;
    color: #fff;
    border: 1px solid #fafafa;
}

    .downloadfile i {
        padding: 0 0 0 5px;
    }

.contactdetails i {
    color: #c9c3c3;
}

.loan i {
    padding: 0 5px 0 0;
    color: #7e8b89;
}

.globle-testi {
    padding: 0 0 70px 0;
}

.globle-select {
    float: right;
}

    .globle-select .select {
        float: left;
        width: 200px;
        margin: 0 0 0 10px;
    }

.testibox-globle {
    padding: 0px 0px 15px 0px;
}

.emi-feemain {
    overflow: visible !important;
}

.emi-fee {
    float: right;
    position: relative;
}

    .emi-fee span {
        font-size: 11px;
        color: #000;
        text-decoration: none;
        line-height: 34px;
        font-weight: 500;
        text-transform: uppercase;
    }

.emi-feeoption {
    width: 120px;
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    background: #fff;
    padding: 10px;
    border: 1px solid #dadada;
    text-align: left;
}

.emi-fee:hover .emi-feeoption {
    display: block;
}

.emi-feeoption:before {
    content: "";
    width: 0;
    position: absolute;
    z-index: 11;
    top: -5px;
    right: 20px;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #dadada;
}

.emi-fee .emi-feeoption a {
    display: block;
    font-size: 11px;
    color: #000;
    position: relative;
    text-decoration: none;
    line-height: 34px;
    font-weight: 500;
    text-transform: uppercase;
}

    .emi-fee .emi-feeoption a:hover {
        color: #00bfe7;
    }

.abc-videopage {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0 0;
}

.abc-videopage {
}

    .abc-videopage .vide-abssec {
        width: 48%;
        margin: 1%;
        padding: 10px;
        border-radius: 10px;
        float: left;
        box-shadow: 0px 40px 60px rgb(0 0 0 / 5%);
    }

        .abc-videopage .vide-abssec p {
            text-align: center;
            padding: 5px 0 0 0;
            margin: 0;
        }

    .abc-videopage .abvideo {
        height: 230px;
        wisdth: 100%;
        background: #fafafa;
        display: block;
        overflow: hidden;
    }

        .abc-videopage .abvideo video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }




.other-hostalcon {
    background: #fff;
    padding: 90px 0 60px 0;
}

.other-hostallist {
    background: #f2f7ff;
    padding: 70px 0;
}

.hostal-listdesign {
    margin: 15px 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 40px 60px rgb(0 0 0 / 5%);
    border-bottom: 4px solid rgb(0 0 0 / 16%);
}

    .hostal-listdesign .images {
        height: 200px;
        overflow: hidden;
    }

        .hostal-listdesign .images img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .hostal-listdesign .contant {
        padding: 15px;
        display: inline-block;
        width: 100%;
    }

        .hostal-listdesign .contant h5 {
            font-size: 18px;
            padding: 0 0 7px 0;
            margin: 0;
            display: block;
        }

    .hostal-listdesign .contant {
    }

        .hostal-listdesign .contant .readmore {
            color: #222;
            float: left;
            padding: 10px;
            font-size: 14px;
        }

            .hostal-listdesign .contant .readmore:hover {
                color: rgba(252, 101, 76, 1);
            }

        .hostal-listdesign .contant .booknow {
            color: rgba(252, 101, 76, 1);
            font-size: 14px;
            float: right;
            border-radius: 40px;
            padding: 10px 30px;
            border: 2px solid rgba(252, 101, 76, 1);
        }

            .hostal-listdesign .contant .booknow:hover {
                color: #fff;
                background: rgba(252, 101, 76, 1);
            }

.arrowsldier .slick-dots {
    display: none !important;
}

.arrowsldier .slick-prev, .arrowsldier .slick-next {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #fff;
    font-size: 0;
    line-height: 28px;
    text-align: center;
    opacity: 0.7;
}

.arrowsldier .slick-prev {
    position: absolute;
    bottom: 50%;
    margin: 0px 0 -15px 0;
    left: 10px;
    z-index: 2;
}

.arrowsldier .slick-next {
    position: absolute;
    bottom: 50%;
    margin: 0px 0 -15px 0;
    right: 10px;
    z-index: 2;
}

.arrowsldier .slick-prev:before {
    content: "\e605";
    font-size: 14px;
    font-family: 'simple-line-icons';
    color: #000;
}

.arrowsldier .slick-next:before {
    content: "\e606";
    font-size: 14px;
    font-family: 'simple-line-icons';
    color: #000;
}

.hostalslider {
    height: 500px;
    overflow: hidden;
}

.hostelslide {
    height: 500px;
    overflow: hidden;
    position: relative;
}

.hostalslider img {
    width: 100%;
}

.hostelslide-in {
    position: relative;
}

.hostelslide-con {
    position: absolute;
    width: 100%;
    padding: 200px 20% 0;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,0.4);
}

    .hostelslide-con h3 {
        font-size: 50px;
        color: #fff;
    }

    .hostelslide-con p {
        font-size: 18px;
        color: #fff;
    }

.hostelslide.arrowsldier .slick-prev, .hostelslide.arrowsldier .slick-next {
    width: 60px !important;
    height: 60px !important;
    background: #fff;
    border-radius: 60px !important;
    border: 1px solid #fff;
    font-size: 0;
    line-height: 58px !important;
    text-align: center;
    opacity: 0.9 !important;
}

.hostelslide.arrowsldier .slick-prev {
    left: 60px !important;
    z-index: 2;
}

.hostelslide.arrowsldier .slick-next {
    right: 60px !important;
    z-index: 2;
}

.other-hostaldetail {
    padding: 0 0 50px 0;
    margin: 0 0 -100px 0;
    top: -100px;
    position: relative;
}

.hostal-detailinn {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin: 0 0px 30px 0;
    overflow: hidden;
    box-shadow: 0px 30px 60px rgb(0 0 0 / 5%);
    border-bottom: 4px solid rgb(0 0 0 / 16%);
}

    .hostal-detailinn .hostelimage1 {
        padding: 0px;
        overflow: hidden;
    }

        .hostal-detailinn .hostelimage1 img {
            width: 100%;
        }

.morehostel-hostal {
    background: #f2f7ff;
    padding: 70px;
}

    .morehostel-hostal .hostal-listdesign {
        margin: 15px;
        box-shadow: 0px 2px 20px rgb(0 0 0 / 5%);
    }

    .morehostel-hostal .slick-list {
        overflow: hidden;
        padding: 0px;
    }

    .morehostel-hostal .arrowsldier .slick-prev, .morehostel-hostal .arrowsldier .slick-next {
        width: 60px !important;
        height: 60px !important;
        background: #fff;
        border-radius: 60px !important;
        border: 1px solid #fafafa;
        font-size: 0;
        line-height: 58px !important;
        text-align: center;
        opacity: 0.9 !important;
        color: rgba(252, 101, 76, 1);
    }

    .morehostel-hostal .arrowsldier .slick-prev {
        left: -70px !important;
        z-index: 2;
    }

    .morehostel-hostal .arrowsldier .slick-next {
        right: -70px !important;
        z-index: 2;
    }

.other-hostaltop {
    background: #002855;
    padding: 60px 0 160px 0;
}

    .other-hostaltop h3 {
        color: #fff;
        margin: 0 0 10px 0;
    }

    .other-hostaltop p {
        color: #fff;
        margin: 0;
    }

    .other-hostaltop .booknow {
        color: #fff;
        text-align: center;
        font-size: 18px;
        width: 100%;
        display: block;
        border-radius: 40px;
        padding: 13px 50px;
        border: 2px solid #fff;
    }

        .other-hostaltop .booknow:hover {
            color: #222;
            background: #fff;
        }

    .other-hostaltop #breadcrumbs {
        padding: 0;
        margin: 0;
    }

        .other-hostaltop #breadcrumbs a, .other-hostaltop #breadcrumbs .divider {
            color: #fff;
        }

.hostal-detailinn h3 {
    display: block;
    border-bottom: 1px solid #dadada;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    font-size: 18px;
    line-height: 18px;
}

.hostal-detailinn strong {
    display: block;
    margin: 20px 0 0px 0;
    padding: 0 0 10px 0;
    font-size: 16px;
    line-height: 18px;
}

.hostelinfo {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

    .hostelinfo li {
        font-size: 13px;
        font-weight: 500;
        line-height: 26px;
        color: #222;
        display: block;
        float: left;
        position: relative;
        padding: 0 0 0 12px;
        width: 100%;
    }

        .hostelinfo li:before {
            content: "";
            position: absolute;
            top: 9px;
            left: 0;
            width: 7px;
            height: 7px;
            border-radius: 10px;
            background: rgba(252, 101, 76, 1);
        }

.hostel-amenities {
    margin: 0;
    padding: 0;
}

    .hostel-amenities li {
        display: block;
        position: relative;
        float: left;
        width: 25%;
        text-align: center;
        padding: 10px 0 0 0;
    }

    .hostel-amenities i {
        text-align: center;
        border: 1px solid #dadada;
        font-size: 14px;
        width: 40px;
        height: 40px;
        background: #fff;
        color: #222;
        border-radius: 100px;
        line-height: 40px;
        margin: 0px auto;
        display: block;
    }

    .hostel-amenities strong {
        display: block;
        margin: 5px 0 0 0;
        font-size: 12px;
        font-weight: 500;
    }

    .hostel-amenities span {
    }

.hostal-contactdetail {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    margin: 0 0px 30px 0;
    overflow: hidden;
    box-shadow: 0px 30px 60px rgb(0 0 0 / 5%);
    border-bottom: 4px solid rgba(252, 101, 76, 0.3);
}

.hostel-sidebar {
}

    .hostel-sidebar ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .hostel-sidebar li {
        display: block;
        font-size: 14px;
        font-weight: 500;
        padding: 5px 0;
    }

        .hostel-sidebar li i {
            color: rgba(252, 101, 76, 1);
            width: 30px;
            text-align: center;
        }

.campus-hostallife {
}

.image-gallery-slider {
    overflow: hidden;
}

    .image-gallery-slider .slick-dots {
        width: 100% !important;
        float: none !important;
        text-align: center;
        display: block;
        padding: 5px 0 0 0 !important;
    }

        .image-gallery-slider .slick-dots li {
            height: 12px !important;
            width: 12px !important;
            float: none !important;
            display: inline-block;
            font-size: 0;
        }

            .image-gallery-slider .slick-dots li button {
                background: #ccc;
                border: 0;
                height: 12px !important;
                width: 12px !important;
                border-radius: 20px;
            }

            .image-gallery-slider .slick-dots li.slick-active button {
                background: #fc654c !important;
            }

#gallery-life {
    padding: 50px;
    background: #fff;
}

    #gallery-life h4 {
        display: block;
        text-align: center;
        padding: 0px 0px 18px 0 !important;
        margin: 0 0 0px 0;
        position: relative;
    }

    #gallery-life ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #gallery-life ul li {
            width: 24%;
            margin: .5%;
            float: left;
            height: 195px;
            overflow: hidden;
        }

            #gallery-life ul li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            #gallery-life ul li:first-child {
                width: 49%;
                height: 400px;
            }



.gellry-move {
    margin: 0px 0px 0px 0px;
    display: inline-block;
    width: 100%;
    list-style: none;
}

    .gellry-move li {
        width: 25% !important;
        display: block;
        float: left;
        position: relative;
        overflow: hidden;
        margin: 0px;
        padding: 1px;
        background: #fff;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
    }

        .gellry-move li:hover {
            box-shadow: 0px 0px 7px #ccc;
        }

        .gellry-move li img {
            width: 100%;
        }

        .gellry-move li img {
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
        }

            .gellry-move li img:hover {
                transform: scale(1.1);
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
            }

.
one-whole a:hover {
    box-shadow: 0px 0px 7px #ccc;
}


#swipebox-overlay img {
    border: none !important;
}

#swipebox-overlay {
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%;
}

#swipebox-slider {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer;
}

    #swipebox-slider .slide {
        height: 100%;
        width: 100%;
        line-height: 1px;
        text-align: center;
        display: inline-block;
    }

        #swipebox-slider .slide:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px;
        }

        #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {
            display: inline-block;
            max-height: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
            width: auto;
            height: auto;
            vertical-align: middle;
        }

        #swipebox-slider .slide .swipebox-video-container {
            background: none;
            max-width: 1140px;
            max-height: 100%;
            width: 100%;
            padding: 5%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            #swipebox-slider .slide .swipebox-video-container .swipebox-video {
                width: 100%;
                height: 0;
                padding-bottom: 56.25%;
                overflow: hidden;
                position: relative;
            }

                #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
                    width: 100% !important;
                    height: 100% !important;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

    #swipebox-slider .slide-loading {
        background: url(../imgs/loader.gif) no-repeat center center !important;
    }

#swipebox-bottom-bar, #swipebox-top-bar {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%;
}

#swipebox-bottom-bar {
    bottom: 50%;
}

    #swipebox-bottom-bar.visible-bars {
        -webkit-transform: translate3d(0, -0px, 0);
        transform: translate3d(0, -0px, 0);
    }

#swipebox-top-bar {
    top: -50px;
}

    #swipebox-top-bar.visible-bars {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

#swipebox-title {
    display: block;
    width: 100%;
    text-align: center;
}

#swipebox-prev, #swipebox-next, #swipebox-close {
    background-image: url(../imgs/icons.png) !important;
    background-repeat: no-repeat;
    border: none !important;
    background-color: #002855;
    text-decoration: none !important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0;
}

#swipebox-arrows {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px;
}

#swipebox-prev {
    background-position: -32px 13px;
    float: left;
}

#swipebox-next {
    background-position: -78px 13px;
    float: right;
}

#swipebox-close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
    display: none;
}

#swipebox-prev.disabled, #swipebox-next.disabled {
    opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: rightSpring 0.3s;
    animation: rightSpring 0.3s;
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: leftSpring 0.3s;
    animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: ' ';
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0;
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
    box-shadow: inset 10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
    box-shadow: inset -10px 0px 10px -8px #656565;
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
    opacity: 1;
}

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1;
}

@-webkit-keyframes rightSpring {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@keyframes rightSpring {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes leftSpring {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@keyframes leftSpring {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

.newsevent-slider {
    position: relative;
    height: 100%;
}

    .newsevent-slider .banner {
        height: 400px;
        width: 100%;
        background-size: cover;
    }

    .newsevent-slider .slide-events {
        position: relative;
    }

    .newsevent-slider .content {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        background: rgba(0,0,0,0.5);
        padding: 15px;
    }

        .newsevent-slider .content span {
            color: #fff;
            font-size: 12px;
        }

            .newsevent-slider .content span br {
                display: none;
            }

        .newsevent-slider .content h5 {
            margin: 0;
        }

            .newsevent-slider .content h5 a {
                color: #fff;
                font-size: 15px;
            }

    .newsevent-slider .slick-dots {
        display: none !important;
    }

.secound-photogallery {
    margin: 25px 0 0 0;
}

    .secound-photogallery ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .secound-photogallery ul li {
            padding: 0;
            margin: 5px;
        }

            .secound-photogallery ul li img {
                height: 250px;
            }

.secounds-slider {
    overflow: hidden;
}

.newtop-slider {
    overflow: hidden;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}

    .newtop-slider .slick-dots {
        width: 100% !important;
        float: none !important;
        text-align: center;
        display: block;
        padding: 5px 0 0 0 !important;
        position: absolute;
        bottom: 15px;
    }

        .newtop-slider .slick-dots li {
            height: 12px !important;
            width: 12px !important;
            float: none !important;
            display: inline-block;
            font-size: 0;
            margin: 0 4px;
        }

            .newtop-slider .slick-dots li button {
                background: #ddd;
                border: 0;
                height: 12px !important;
                width: 12px !important;
                border-radius: 20px;
            }

            .newtop-slider .slick-dots li.slick-active button {
                background: #00bfe7 !important;
            }


.about-sec {
    background: #fff;
    padding: 100px 0px;
}

    .about-sec h2 {
        display: block;
        text-align: left;
        font-size: 28px;
        padding: 0 0 10px 0;
    }

    .about-sec p {
        display: block;
        text-align: left;
        font-size: 14px;
        padding: 0 0px 0px 0px;
        color: #666;
        margin: 0;
    }

.about-contsmain {
    display: flex;
}

.about-sec .about-conts {
    width: 65%;
    padding: 0 0px 0 50px;
}

.about-sec .image-sec {
    width: 35%;
    float: left;
    margin: 0px auto;
    display: block;
    position: relative;
}

    .about-sec .image-sec .images-1 {
        width: 400px;
        height: 400px;
        overflow: hidden;
        border-radius: 300px;
        display: block;
        margin: 0px auto;
        object-fit: cover;
    }

    .about-sec .image-sec strong {
        text-align: center;
        font-size: 20px;
        padding: 10px 0 0 0;
        display: block;
    }

.why-sharda {
    display: flex;
    overflow: hidden;
}

    .why-sharda .image {
        width: 50%;
    }

        .why-sharda .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .why-sharda .sharda-conts {
        width: 50%;
        background: #f2f7ff;
        padding: 60px 50px;
    }

        .why-sharda .sharda-conts h2 {
            display: block;
            text-align: left;
            font-size: 28px;
            line-height: 28px;
            padding: 0 0 0px 0;
        }

        .why-sharda .sharda-conts p {
            display: block;
            text-align: left;
            font-size: 14px;
            padding: 0 0px 0px 0px;
            color: #222;
            margin: 0;
            font-weight: normal;
        }

        .why-sharda .sharda-conts ul {
            padding: 20px 0 0 0;
        }

        .why-sharda .sharda-conts li {
            display: block;
            text-align: left;
            font-size: 14px;
            padding: 0 0px 10px 20px;
            color: #222;
            margin: 0;
            position: relative;
        }

            .why-sharda .sharda-conts li:after {
                content: "";
                position: absolute;
                left: 0;
                top: 7px;
                background: #3498db;
                width: 10px;
                height: 10px;
                border-radius: 10px;
                display: block;
            }

.why-sharda-main .why-sharda:nth-child(even) .image {
    order: 2;
}




.testimonial_slider-era {
    position: relative;
    padding: 0px 0px;
}

.testimonials-era {
    padding: 50px 0 50px 0;
    background: #fff;
}

    .testimonials-era h4 {
        font-size: 32px;
        color: #000;
        padding: 0 0 20px 0;
        margin: 0;
        text-align: center;
    }

    .testimonials-era ul {
        margin: 0;
        text-align: center;
    }

        .testimonials-era ul .slick-list {
            overflow: hidden;
        }

        .testimonials-era ul li {
            margin: 10px;
        }

            .testimonials-era ul li a {
                display: inline-block;
                padding: 5px 20px;
                border: 1px solid #dadada;
                border-radius: 30px;
                margin: 5px;
                color: #222;
                font-size: 13px;
            }

.testimonial_slider-era.arrowsldier1 .slick-prev {
    left: -52px !important;
}

.testimonial_slider-era.arrowsldier1 .slick-next {
    right: -52px !important;
}


.tesimonial-in-era {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #dadada;
}

    .tesimonial-in-era .images {
        height: 180px;
        overflow: hidden;
    }

        .tesimonial-in-era .images img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    .tesimonial-in-era .contant {
        padding: 20px;
        background: #fff;
    }

        .tesimonial-in-era .contant h5 {
            font-size: 17px;
            color: #000;
            margin: 0 0 10px 0;
        }

        .tesimonial-in-era .contant p {
            height: 120px;
            display: black;
            overflow-y: scroll;
            font-size: 13px;
            color: #444;
            text-align: justify;
            margin: 0 0 5px 0;
        }

        .tesimonial-in-era .contant strong {
            padding: 5px 5px 0 5px;
            font-size: 14px;
        }

.arrowsldier1 .slick-dots {
    display: none !important;
}

.arrowsldier1 .slick-prev, .arrowsldier1 .slick-next {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #dadada;
    font-size: 0;
    line-height: 48px;
    text-align: center;
}

.arrowsldier1 .slick-prev {
    position: absolute;
    bottom: 50%;
    margin: 0px 0 -15px 0;
    left: 10px;
    z-index: 2;
}

.arrowsldier1 .slick-next {
    position: absolute;
    bottom: 50%;
    margin: 0px 0 -15px 0;
    right: 10px;
    z-index: 2;
}

.arrowsldier1 .slick-prev:before {
    content: "\e605";
    font-size: 14px;
    font-family: 'simple-line-icons';
    color: #000;
}

.arrowsldier1 .slick-next:before {
    content: "\e606";
    font-size: 14px;
    font-family: 'simple-line-icons';
    color: #000;
}




.letestnews-era {
}

    .letestnews-era .slick-list {
        overflow: visible;
    }

    .letestnews-era .latestpost_slider {
        overflow: visible;
        padding: 0 180px;
        position: relative;
    }

.letestnews-era { /*position:relative; top:-130px;*/
    padding: 60px 60px 80px 60px;
    background: #f2f7ff;
    overflow: hidden;
}

    .letestnews-era h2 {
        padding: 0px 0 10px 0;
        color: #000;
        text-align: center;
        display: block;
        font-size: 32px;
    }

.letestnews-box-era {
    display: block;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    padding: 0;
    margin: 10px;
    text-align: left;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 5%);
}

    .letestnews-box-era .images {
        width: 100%;
        height: 180px;
    }

        .letestnews-box-era .images img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: ease all 0.3s;
            overflow: hidden;
        }

        .letestnews-box-era .images:hover img {
            width: 100%;
            height: 105%;
            object-fit: cover;
        }

    .letestnews-box-era .contant {
        width: 100%;
        padding: 20px;
    }

        .letestnews-box-era .contant h3 {
            font-size: 18px;
            color: #000;
            font-weight: 500;
            line-height: 24px;
        }

        .letestnews-box-era .contant p {
            font-size: 15px;
            color: #666;
        }

.letestnews-era .button1 {
    display: table;
    margin: 30px auto 0;
}


.era-gallery {
    background: #fff;
    padding: 0 0 50px 0;
}

    .era-gallery .nav-tabs {
        border: 0;
        text-align: center;
        display: inline-block;
        width: 100%;
    }

        .era-gallery .nav-tabs li {
            display: inline-block;
            float: none;
            border: 0;
        }

            .era-gallery .nav-tabs li a {
                background: #f2f7ff;
                padding: 10px 20px;
                color: #333;
                border-radius: 4px;
                font-size: 14px;
                display: inline-block;
                border: 0;
            }

            .era-gallery .nav-tabs li.active a {
                background: #3498db;
                color: #fff;
                border: 0;
            }

    .era-gallery .tab-content {
        background: #fff;
        padding: 30px 0;
    }

    .era-gallery #gallery-life {
        padding: 0;
        background: none;
    }


.chatwithstudent {
    transform: rotate(270deg);
    background: #00c1a1;
    padding: 12px 20px;
    border-radius: 4px 4px 0 0;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    position: fixed;
    right: -70px;
    bottom: 380px;
    z-index: 12;
}

    .chatwithstudent a {
        color: #fff;
        text-decoration: none;
    }

.staff-container2 {
    padding: 0 0 60px 0;
    background: #fff;
}

    .staff-container2 .user-box {
        min-height: inherit;
        height: inherit;
        padding: 0;
        display: flex;
        margin: 0 0 20px 0;
    }

        .staff-container2 .user-box .image {
            width: 25%;
            float: left;
            padding: 20px;
            border-right: 1px solid #dadada;
        }

        .staff-container2 .user-box .contant {
            width: 72%;
            float: right;
            padding: 30px;
        }

            .staff-container2 .user-box .contant span {
                display: block;
                font-size: 16px;
                padding: 0 0 10px 0;
            }

            .staff-container2 .user-box .contant strong {
                display: block;
                font-size: 16px;
                padding: 0 0 10px 0;
                font-weight: normal;
                color: #333;
            }

            .staff-container2 .user-box .contant ul {
                padding: 0 0 0 18px;
                list-style: circle;
            }

        .staff-container2 .user-box:hover {
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
        }

        .staff-container2 .user-box .contant ul li {
            font-size: 14px;
            line-height: 20px;
            padding: 4px 0;
        }

        .staff-container2 .user-box .contant p {
            margin: 0;
        }

        .staff-container2 .user-box .contant strong {
            font-weight: bold;
            margin: 0;
        }


.pfaq {
    padding: 60px 0;
    background: #fff;
    border-top: 1px solid #e1e1e1;
}

.pfaq-list .panel-default {
    border: 0;
    border: 1px solid #dadada;
    box-shadow: none;
}

.pfaq-list .panel-heading {
    background: none;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border-bottom: 0px solid #dadada;
}

    .pfaq-list .panel-heading h4 {
        font-weight: normal;
        font-size: 14px;
    }

.pfaq-list .panel-body {
    background: none;
    border: 0px solid #dadada;
    padding: 20px 15px 20px 15px;
    font-size: 14px;
}

.pfaq-list .panel-heading a {
    position: relative;
    display: block;
}

    .pfaq-list .panel-heading a.collapsed:after {
        content: "";
        position: absolute;
        background: url(../images/%2B.png) no-repeat;
        width: 12px;
        height: 12px;
        right: 0;
        top: 8px;
        background-position: center;
    }

    .pfaq-list .panel-heading a:after {
        content: "";
        position: absolute;
        background: url(../images/-.png) no-repeat;
        width: 12px;
        height: 12px;
        right: 0;
        top: 8px;
        background-position: center;
    }

.pfaq-list .panel-body {
}

.contact-thankyou-m {
    background: #f1f6fe;
    padding: 60px 0;
}

.contact-thankyou {
    background: #fff;
    padding: 60px;
    text-align: center;
}

    .contact-thankyou img {
        width: 150px;
        display: block;
        margin: 0 auto;
    }

    .contact-thankyou h2 {
        font-size: 60px;
        padding: 40px 0 40px 0;
        margin: 0;
        color: #00bfe7;
        text-transform: uppercase;
    }

    .contact-thankyou p {
        font-size: 18px;
        padding: 0px 0 0px 0;
        margin: 0;
        color: #000;
    }

    .contact-thankyou a {
        display: inline-block;
        margin: 30px 0 0 0;
        background: #00bfe7;
        font-size: 14px;
        color: #fff;
        padding: 10px 30px;
        border-radius: 5px;
    }

        .contact-thankyou a:hover {
            background: #012855;
        }

.islider img {
    width: 100%;
}

.iabout-sec {
    background: #fff;
    padding: 100px 0px;
}

    .iabout-sec h2 {
        display: block;
        text-align: left;
        font-size: 28px;
        padding: 0 0 10px 0;
    }

    .iabout-sec p {
        display: block;
        text-align: left;
        font-size: 14px;
        padding: 0 0px 0px 0px;
        color: #666;
        margin: 0;
    }

.iabout-contsmain {
    display: flex;
}

.iabout-sec .about-conts {
    width: 65%;
    padding: 0 0px 0 50px;
}

.iabout-sec .image-sec {
    width: 35%;
    float: left;
    margin: 0px auto;
    display: block;
    position: relative;
}

    .iabout-sec .image-sec .images-1 {
        width: 300px;
        height: 300px;
        overflow: hidden;
        border-radius: 300px;
        display: block;
        margin: 0px auto;
        object-fit: cover;
    }

    .iabout-sec .image-sec strong {
        text-align: center;
        font-size: 20px;
        padding: 10px 0 0 0;
        display: block;
    }

.quick-links-iner {
    padding: 60px 0;
    background: #fafafa;
}

    .quick-links-iner h4 {
        font-size: 32px;
        color: #000;
        padding: 0 0 20px 0;
        text-align: center;
    }

    .quick-links-iner ul {
        padding: 0px 0;
        text-align: center;
        display: inline-block;
        width: 100%;
    }

        .quick-links-iner ul li {
            display: inline-block;
        }

            .quick-links-iner ul li a {
                display: inline-block;
                padding: 5px 20px;
                border: 1px solid #dadada;
                border-radius: 30px;
                margin: 5px;
                color: #222;
                font-size: 13px;
            }

                .quick-links-iner ul li a:hover {
                    color: #00bfe7;
                    border: 1px solid #00bfe7;
                }

.itestimonial_slider {
    position: relative;
    padding: 20px 0px;
}

.itestimonials {
    padding: 60px 0 50px 0;
    background: #f2f7ff;
}

    .itestimonials h4 {
        font-size: 32px;
        color: #000;
        padding: 0 0 0px 0;
        text-align: center;
    }

    .itestimonials ul {
        margin: 0;
        text-align: center;
    }

    .itestimonials .slick-list {
        overflow: hidden;
    }

    .itestimonials ul li {
        margin: 10px;
    }

        .itestimonials ul li a {
            display: inline-block;
            padding: 5px 20px;
            border: 1px solid #dadada;
            border-radius: 30px;
            margin: 5px;
            color: #222;
            font-size: 13px;
        }

.itestimonial_slider.arrowsldier .slick-prev {
    left: -75px !important;
}

.itestimonial_slider.arrowsldier .slick-next {
    right: -75px !important;
}

.itesimonial-in {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #dadada;
}

    .itesimonial-in .images {
        height: 180px;
        overflow: hidden;
    }

        .itesimonial-in .images img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    .itesimonial-in .contant {
        padding: 20px;
        background: #fff;
    }

        .itesimonial-in .contant p {
            height: 120px;
            overflow-y: scroll;
            font-size: 13px;
            color: #444;
            text-align: justify;
            margin: 0;
        }

        .itesimonial-in .contant strong {
            padding: 5px 5px 0 5px;
            font-size: 14px;
        }

    .itesimonial-in .contant {
    }

    .itesimonial-in .contant {
    }


.iarrowsldier .slick-dots {
    display: none !important;
}

.iarrowsldier .slick-prev, .iarrowsldier .slick-next {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 40px;
    border: 0px solid #3498db;
    box-shadow: 0 0 5px #eee;
    font-size: 0;
    line-height: 48px;
    text-align: center;
}

.iarrowsldier .slick-prev {
    position: absolute;
    bottom: 50%;
    margin: 0px 0 -25px 0;
    left: -60px;
    z-index: 2;
}

.iarrowsldier .slick-next {
    position: absolute;
    bottom: 50%;
    margin: 0px 0 -25px 0;
    right: -60px;
    z-index: 2;
}

.iarrowsldier .slick-prev:before {
    content: "\e605";
    font-size: 20px;
    font-family: 'simple-line-icons';
    color: #3498db;
}

.iarrowsldier .slick-next:before {
    content: "\e606";
    font-size: 20px;
    font-family: 'simple-line-icons';
    color: #3498db;
}


.facilities_slider {
    padding: 0;
    margin: 0;
}

    .facilities_slider .slick-list {
        overflow: hidden;
    }

.wc-Facilities {
    padding: 60px 0;
    background: #fff;
}

    .wc-Facilities li {
        list-style: none;
        padding: 0;
        margin: 0 10px;
        float: left;
        width: 200px;
    }

.wc-Facilitiesin {
    background: #fafafa;
    padding: 10px;
}

    .wc-Facilitiesin .usp-icon {
        float: left;
        width: 80px;
        margin: 5px 0 20px 5px;
    }

    .wc-Facilitiesin h3 {
        font-size: 24px;
        font-weight: 700;
        margin: 0;
    }

        .wc-Facilitiesin h3 p {
            font-size: 15px;
            font-weight: 700;
            margin: 0;
        }

    .wc-Facilitiesin p.text {
        margin-top: 5px;
        color: #6d6d6d;
        font-size: 13px;
    }

    .wc-Facilitiesin i {
        border-radius: 100px;
        width: 60px;
        height: 60px;
        text-align: center;
        padding-top: 18px;
        font-size: 24px;
        color: #fff;
    }

    .wc-Facilitiesin .blue {
        background: #ffcc00;
    }

    .wc-Facilitiesin .pink {
        background: #ff4d80;
    }

    .wc-Facilitiesin .yellow {
        background: #fabe22;
    }

    .wc-Facilitiesin .voilet {
        background: #7753c1;
    }

    .wc-Facilitiesin .cyan {
        background: #13d6e4
    }

    .wc-Facilitiesin .green {
        background: #3ec768;
    }


.worlclass-amenities {
    background: #fff;
    padding: 60px 0;
}

    .worlclass-amenities .nav {
        display: flex;
        border: 0;
    }

        .worlclass-amenities .nav li {
            display: block;
            float: left;
        }

            .worlclass-amenities .nav li a {
                background: #fafafa;
                font-size: 14px;
                padding: 10px 20px;
                margin: 0 5px 0 0;
                display: block;
                color: #222;
                border: 0;
            }

                .worlclass-amenities .nav li.active a, .worlclass-amenities .nav li a:hover {
                    background: #00bfe7;
                    color: #fff;
                    border: 0;
                }

    .worlclass-amenities .tab-content {
        background: #f2f7ff;
        padding: 30px;
        border: 0;
    }

        .worlclass-amenities .tab-content .campus {
            border: 0px solid #405362;
            background: #fff;
            padding: 25px;
            margin-bottom: 15px;
            border-radius: 10px;
        }

            .worlclass-amenities .tab-content .campus i {
                font-size: 32px;
                margin-bottom: 15px;
                color: #00bfe7;
            }

            .worlclass-amenities .tab-content .campus h5 {
                margin: 0;
            }

        .worlclass-amenities .tab-content .description {
            font-size: 15px;
        }

        .worlclass-amenities .tab-content .container_library {
            margin: 15px 0;
        }

.re-fes li {
    font-size: 15px;
    padding: 5px 0;
}

.dotslider .slick-arrow {
    display: none !important;
}

.dotslider .slick-dots {
    bottom: -30px;
    width: 100%;
    text-align: center;
    padding: 30px 0 0 0;
    margin: 0;
}

    .dotslider .slick-dots li {
        padding: 0;
        background: none;
        width: auto;
        margin: 0 6px;
        display: inline-block;
        list-style: none;
    }

        .dotslider .slick-dots li button {
            margin: 0;
            border: 1px solid #dadada;
            background: #fff;
            width: 12px;
            height: 12px;
            display: block;
            font-size: 0;
            border-radius: 10px;
        }

        .dotslider .slick-dots li.slick-active button {
            background: #00bfe7;
            border: 1px solid #00bfe7;
        }

.academicFacilities_slider .slick-list {
    overflow: hidden;
    width: 100%;
}

.academicFacilities_slider .slick-track {
    overflow: hidden;
    width: 100%;
}

.academicFacilities_slider {
    position: relative;
}

    .academicFacilities_slider h5 {
        font-size: 20px;
    }




#faculty {
    background: #f1f5f8;
    line-height: 18px;
    padding: 25px 15px;
    margin: 0 25px;
}

.faculty .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}

.faculty .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot, .faculty .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    color: #fff;
    font-size: 25px;
}

.faculty h3 {
    font-size: 16px;
}

.faculty .text2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 25px 25px 35px 25px;
}

.faculty .box_line {
    bottom: 10px;
}

#faculty .owl-carousel .owl-item img {
    display: block;
    width: 94%
}

#faculty_new {
    padding: 45px 0;
    background: url(../images/faculty_new.jpeg) no-repeat center top;
    background-size: cover;
}

.lfie_slider {
    position: relative;
}

    .lfie_slider .slick-list {
        overflow: hidden;
    }

    .lfie_slider .item {
    }

        .lfie_slider .item .text {
            overflow: hidden;
            padding: 10px;
        }

            .lfie_slider .item .text img {
                width: 100%;
            }

        .lfie_slider .item .text2 {
            padding: 10px;
        }

            .lfie_slider .item .text2 h5 {
                margin: 0 0 5px 0;
            }


.featured-list-innter {
    border-bottom: 1px solid #eaeaea;
}

.featured-list-innter {
}


@media (max-width:767px) {
    .abc-videopage .vide-abssec {
        width: 98%;
    }

    .newsevent-slider .banner {
        height: 250px;
    }

    .staff-container2 .user-box {
        display: inline-block;
        width: 100%;
    }

        .staff-container2 .user-box .image {
            width: 100%;
            padding: 10px;
            border-right: 0px solid #dadada;
            border-bottom: 1px solid #dadada;
        }

        .staff-container2 .user-box .contant {
            width: 100%;
            padding: 10px;
        }

    .about-sec {
        padding: 30px 0 30px 0 !important;
    }

        .about-sec .image-sec .images-1 {
            width: 300px;
            height: 300px;
        }

    .about-contsmain {
        display: block;
    }

    .about-sec .image-sec {
        display: block;
        width: 100%;
    }

    .about-sec .about-conts {
        display: block;
        width: 100%;
        padding: 0;
    }

    .why-sharda {
        display: block;
    }

        .why-sharda .image {
            display: block;
            width: 100%;
            height: auto !important;
        }

        .why-sharda .sharda-conts {
            display: block;
            width: 100%;
        }

    #gallery-life ul li {
        width: 100% !important;
        height: 200px !important;
    }

    .morehostel-hostal {
        padding: 50px 20px;
    }

        .morehostel-hostal .arrowsldier .slick-next {
            right: -30px !important;
        }

        .morehostel-hostal .arrowsldier .slick-prev {
            left: -30px !important;
        }

    .hostal-listdesign .images {
        height: 140px;
    }

    #gallery-life {
        padding: 40px 10px;
    }

    .other-hostaltop .booknow {
        margin: 20px 0 0 0;
    }
}


.hostelmenual {
    color: rgba(252, 101, 76, 1);
    font-size: 14px;
    float: right;
    border-radius: 40px;
    padding: 10px 30px;
    border: 2px solid rgba(252, 101, 76, 1);
}

    .hostelmenual:hover {
        color: rgba(255, 255, 255, 1) !important;
        background: rgba(252, 101, 76, 1);
    }


.common-loginsec {
    background: #fff;
    padding: 30px;
    border: 1px solid #e4e6f6;
    border-radius: 0px;
    margin: 0 0 10px 0;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 20px 30px rgb(0 0 0 / 5%);
    margin: 40px 0;
}

    .common-loginsec .nav-tabs {
        text-align: center;
        display: inline-block;
        width: 100%;
        border: 0;
    }

        .common-loginsec .nav-tabs li {
            display: inline-block;
            float: none;
            border: 0;
        }

        .common-loginsec .nav-tabs a {
            display: inline-block;
            font-size: 12px;
            color: #000;
            position: relative;
            text-decoration: none;
            line-height: 20px;
            font-weight: 400;
            text-transform: uppercase;
            border: 0px solid #000;
            background: #fafafa;
            padding: 10px 25px;
            margin: 0 4px;
            border-radius: 5px;
            position: relative;
            border: 0;
        }

        .common-loginsec .nav-tabs li.active a {
            background: #ff9c00;
            color: #fff;
            border: 0;
        }


    .common-loginsec .tab-content {
        padding: 20px 0 0 0;
    }

        .common-loginsec .tab-content ul {
            list-style: none;
            padding: 0 30px;
            margin: 0;
            text-align: center;
            display: inline-block;
            width: 100%;
        }

            .common-loginsec .tab-content ul li {
                display: inline-grid;
                padding: 30px 20px;
                border-radius: 10px;
                margin: 10px;
                width: 20%;
                border: 0px dashed #dadada;
            }

                .common-loginsec .tab-content ul li .icon {
                    width: 100px;
                    height: 100px;
                    border-radius: 100px;
                    display: block;
                    margin: 0px auto 15px;
                    overflow: hidden;
                    border: 1px solid #dadada;
                    background: #fff;
                    padding: 30px;
                    transition: ease all 0.3s;
                    box-shadow: 0px 10px 15px rgb(0 0 0 / 3%);
                }

                .common-loginsec .tab-content ul li h6 {
                    font-size: 14px;
                    margin: 0;
                }

                .common-loginsec .tab-content ul li:hover .icon {
                    border: 1px solid #ff9c00;
                }

        .common-loginsec .tab-content ul {
        }

.imag-sec2 {
    position: relative;
    padding: 5px 0 0 0;
    float: right;
}

.newtextblink {
    float: right;
    font-size: 10px;
    text-align: right;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff;
    position: absolute;
    background: #f00;
    animation: blink 1s linear infinite;
    right: -34px;
    top: 3px;
    z-index: 1;
}

    .newtextblink:after {
        content: "";
        position: absolute;
        bottom: -7px;
        left: 2px;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 6px solid #f00;
        transform: rotate(18deg);
    }

.sec-logo {
}


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

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.sec-logo strong {
    display: block;
    font-size: 12px;
}

.sec-logo img {
    width: 65%;
    margin: 8px 0 0 0;
}

.media-covphoto {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dadada;
    margin: 0 0 20px 0;
}

    .media-covphoto img {
        height: 200px;
        position: relative;
        overflow: hidden;
        width: 100%;
        object-fit: cover;
        margin: 0 0 15px 0;
    }

    .media-covphoto strong {
        display: block;
        font-size: 11px;
        padding: 0 0 7px 0;
        color: #ed027b;
        font-weight: normal;
    }

    .media-covphoto p {
        display: block;
        font-size: 14px;
        height: 45px;
        overflow-y: scroll;
        margin: 0;
    }

.modal {
    z-index: 9999;
}

.modal-backdrop {
    z-index: 9998;
}


.mediacovrage_slider .slick-list {
    overflow: hidden;
}

.mediacovrage_slider.iarrowsldier .slick-prev {
    left: -50px;
    border-radius: 0;
    top: 40%;
    bottom: auto;
}

.mediacovrage_slider.iarrowsldier .slick-next {
    right: -50px;
    border-radius: 0;
    top: 40%;
    bottom: auto;
}


.media-model .modal-header {
    padding: 0 !important;
}

.media-model .modal-body {
    padding: 0 !important;
}

.media-model button.close {
    position: absolute;
    top: -10px;
    right: -27px;
    color: #fff;
}



#parent-container {
    position: relative;
}

    #parent-container .previous {
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        left: -40px;
        top: 30%;
        border-radius: 0;
        background: #fff;
        color: #000;
    }

    #parent-container .next {
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        right: -40px;
        top: 30%;
        border-radius: 0;
        background: #fff;
        color: #000;
    }

.iikecpost strong {
    display: block;
    padding: 0 0 10px 0;
}

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

    .iikecpost ul li {
        position: relative;
        padding: 0 0 5px 18px;
    }

        .iikecpost ul li:after {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            border-radius: 10px;
            width: 7px;
            height: 7px;
            background: #00bfe7;
        }

.ikikestab .nav-tabs {
    display: inline-block;
    border: 0;
}

    .ikikestab .nav-tabs li {
        display: block;
        float: none;
    }

        .ikikestab .nav-tabs li a {
            border: 0;
        }

            .ikikestab .nav-tabs li a:hover {
                border: 0;
            }

            .ikikestab .nav-tabs li a:focus {
                border: 0;
            }

            .ikikestab .nav-tabs li a:hover:focus {
                border: 0;
            }

.ikikestab .nav-tabs {
}

.ikikesinner .nav-tabs {
    display: flex;
    border: 0;
    margin: 0;
    padding: 0;
}

    .ikikesinner .nav-tabs li {
        display: grid;
        float: left;
    }

        .ikikesinner .nav-tabs li a {
            border: 0;
            padding: 10px 20px;
            background: #fafafa;
            margin: 0 3px 0 0;
            font-size: 13px;
            color: #000;
        }

            .ikikesinner .nav-tabs li a:hover, .ikikesinner .nav-tabs li.active a {
                border: 0;
                background: #00bfe7;
                color: #fff;
            }

            .ikikesinner .nav-tabs li a:focus {
                border: 0;
            }

            .ikikesinner .nav-tabs li a:hover:focus {
                border: 0;
            }

.ikikesinner .tab-content {
    margin: 20px 0 0 0;
}

.activitycontent {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #dadada;
    font-size: 13px;
    margin: 0 0 15px 0;
}

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

        .activitycontent ul li {
            width: 50%;
            float: left;
            padding: 5px 0;
        }

.adtie_slider {
    display: inline-block;
    width: 100%;
}

@media (max-width:767px) {
    .common-loginsec {
        padding: 30px 10px;
    }

        .common-loginsec .nav-tabs a {
            padding: 0px 15px;
        }

        .common-loginsec .tab-content ul {
            padding: 10px;
        }

            .common-loginsec .tab-content ul li {
                padding: 14px 20px;
                margin: 0px;
                width: 45%;
            }

    .iabout-sec {
        padding: 40px 0;
    }

    .iabout-contsmain {
        display: block;
    }

    .iabout-sec .image-sec {
        display: block;
        width: 100%;
    }

    .iabout-sec .about-conts {
        display: inline-block;
        width: 100%;
        padding: 40px 0 0 00;
    }

    .iabout-sec h2 {
        font-size: 18px;
        line-height: 18px;
    }

    .why-sharda .sharda-conts {
        padding: 20px !important;
    }

    .facilities_slider {
        margin: 0 50px;
    }

    .adtie_slider {
        overflow: hidden;
    }

    .internationatitups {
        padding: 40px 0 !important;
    }

    .lfie_slider {
        padding: 0 30px;
    }

    .worlclass-amenities .nav {
        display: -webkit-box;
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
        clear: both;
    }

        .worlclass-amenities .nav li {
            display: flex;
            float: none;
        }

    #featured-list .scrolling {
        overflow: hidden;
    }

        #featured-list .scrolling ul {
            display: flex;
            width: 100%;
            overflow-y: hidden;
            overflow-x: scroll;
        }

    #featured-list ul li {
        display: flex;
    }

    .worlclass-amenities img {
        margin: 0 0 20px 0;
    }

    #faculty_new {
        overflow: hidden;
    }
}