/*
Theme Name: ABCA Portfolio Website
Theme URI: abc-alumni.org
Author: Technohaat It Ltd
Author URI: https://technohaat.com/
Description: Technohaat - Portfolio Template For ABCA
Version: 1.0.0
*/
/*------------------------------------------------------------------
 [Table of contents]

 1. Typography
 2. HTML5 compatibility
 3. Colors
 4. Header
 5. Top Navigation Bar
 6. Menu
 7. Footer
 8. Slider Banner
 9. Upcomming Event
 10. Alumni Dashboard
 11. Block Links
 12. Alumni Interview
 13. Twitter Stream
 14. Instagram
 15. Newsletter
 16. About Us Page
 17. Event Single Page
 18. Alumni Story Page
 19. Job Detail Page
 20. Programs Events Page
 21. Gallery Page
 22. Access Denied Page
 23. Log In And Register Page
 24. Alumni Directory Page
 25. Story Single Page
 26. Career Opportunity Page
 27. Blog Page
 28. Blog Single Page
 29. Typography Page

 -------------------------------------------------------------------*/
/* Typography */
@font-face {
    font-family: "Montserrat-Regular";
    src: url("../fonts/Montserrat-Regular.otf");
}

@font-face {
    font-family: "Montserrat-Light";
    src: url("../fonts/Montserrat-Light.otf");
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("../fonts/Montserrat-Bold.otf");
}

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: "Montserrat-Light";
    font-size: 12px;
    color: #757575;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #757575;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a:hover, a:active, a:focus {
    text-decoration: none;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.bg-white-1 {
    background: url(../images/bg-pattern-dot.png) 0 0 repeat !important;
}

.text-white, .text-white a {
    color: #fff !important;
}

.d-flex {
    display: flex !important;
}

.justify-content-center {
    justify-content: center;
}

.align-self-center {
    align-self: center !important;
}

.align-items-center {
    align-items: center !important;
}

.pr-0 {
    padding-right: 0
}

.color-theme {
    color: #f7ca18;
}

.bg-color-theme, .bnt-theme {
    background-color: #f7ca18;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    border: none;
    text-transform: capitalize;
}

.bg-color-theme:hover, .bnt-theme:hover {
    opacity: 0.8;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.heading-light, .text-light {
    font-family: "Montserrat-Light";
}

.heading-regular, .text-regular {
    font-family: "Montserrat-Regular";
}

.heading-bold, .text-bold {
    font-family: "Montserrat-Bold";
}

.sub-head, .sub-head a {
    margin-top: 20px;
    font-size: 15px;
    color: #fff;
}

/*------------------------------------------------
    ## Back Top
------------------------------------------------*/
.btnlast {
    padding: 20px;
    background: #f7ca18;
    position: fixed;
    bottom: 30px;
    right: 30px;
    outline: 0;
    z-index: 9999;
    transition: .4s;
    display: none;
    border-radius: 50%;
    animation: backto-top-bounce 4s infinite ease-in-out;
}

.btnlast i {
    color: #ffffff;
}

.btnlast:hover {
    transform: scale(0.8);
}

@keyframes backto-top-bounce {
    0% {
        transform: translateY(-5px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-5px);
    }
}

.section-title {
    text-align: center;
    padding: 55px 0;
    position: relative;
}

.section-title span {
    position: absolute;
    top: 50px;
    color: #eef0f2d6;
    left: 0;
    right: 0;
    z-index: 1;
    font-weight: 700;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 0;
}

.section-title h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #3b434a;
    position: relative;
    z-index: 2;
}

.section-title h2::before {
    position: absolute;
    content: "";
    width: 200px;
    height: 4px;
    background-color: #3b434a;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
}

.section-title p {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    font-size: 17px;
}

.list-inline li a {
    color: #9f9f9f;
}

.list-item li {
    list-style: none;
    float: left;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font17 {
    font-size: 17px;
}

.font19 {
    font-size: 19px;
}

.font20 {
    font-size: 20px;
}

.font21 {
    font-size: 21px;
}

.font25 {
    font-size: 25px;
}

.font28 {
    font-size: 28px;
}

.font36 {
    font-size: 36px;
}

.font42 {
    font-size: 42px;
}

.color-theme-dark {
    color: #333333;
}

.color-theme-while {
    color: #ffffff;
}

/* color */
.color-custom {
    color: #ff3d00;
}

.color-custom:hover {
    color: #ff3d00;
}

.text-color {
    color: #777777;
}

.color-price-old {
    color: #fa6b6b;
}

.color-price-old:hover {
    color: #fa6b6b;
}

.color-white {
    color: #fff;
}

.color-white:hover {
    color: #fff;
}

.color-dark {
    color: #333333;
}

.color-dark:hover {
    color: #333333;
}

.color-red {
    color: #ff3d00;
}

.color-red:hover {
    color: #ff3d00;
}

.color-pink {
    color: #fa6b6b;
}

.color-pink:hover {
    color: #fa6b6b;
}

.color-blue {
    color: #395499;
}

.color-blue:hover {
    color: #395499;
}

.color-blue-light {
    color: #67e0fa;
}

.color-blue-light:hover {
    color: #67e0fa;
}

.color-green {
    color: #21caa9;
}

.color-green:hover {
    color: #21caa9;
}

.color-green-dark {
    color: #ff3d00;
}

.color-green-dark:hover {
    color: #ff3d00;
}

.color-gray {
    color: #999999;
}

.color-gray:hover {
    color: #999999;
}

.color-yellow {
    color: #feea3a;
}

/* background-color */
.bg-custom {
    background-color: #ff3d00;
}

.bg-red {
    background-color: #fa6b6b;
}

.bg-pink {
    background-color: #fa6b6b;
}

.bg-blue {
    background-color: #395499;
}

.bg-light-blue {
    background-color: #67e0fa;
}

.bg-green {
    background-color: #21caa9;
}

.bg-green-light {
    background-color: #41df7c;
}

.bg-green-dark {
    background-color: #ff3d00;
}

.bg-yellow {
    background-color: #feea3a;
}

.bg-coquelicot {
    background-color: #fd6940;
}

.bg-black {
    background-color: #000;
}

.bg-gray {
    background-color: #e9e9e9;
}

/* #Cursor
================================================== */
* {
    /*cursor: none;*/
}

.cursor {
    --size: 8px;
    height: var(--size);
    width: var(--size);
    border-radius: 50%;
    position: absolute;
    z-index: 10000;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.cursor.cursor-shadow {
    background-color: transparent;
    border: 2px solid #eea236;
    --size: 40px;
    transition: top .2s, left .2s, width .2s, height .2s, background-color .2s, border-color 0.2s;
    transition-timing-function: ease-out;
}

.cursor.cursor-dot {
    background: #7f6ed2;
    transition: width .2s, height .2s;
}

.cursor-shadow.active {
    --size: 80px;
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, .1);
}

.cursor-dot.active {
    --size: 0;
}

a {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

/*====================
profile-card
=====================*/
.profile-card {
    position: relative;
    padding: 0px 0 70px;
}

.flip-area {
    display: grid;
}

.flip-card {
    background-color: transparent;
    width: 25%;
    height: 300px;
    perspective: 1000px;
    margin-bottom: 20px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin-top: 20px;
}

.front-details {
    position: absolute;
    transform: translate(0%, 0%);
    color: #1a265c;
    width: 100%;
}

.front-details h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 18px;
    padding: 10px;
}

.front-details p, .back-details p {
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    padding: 5px 15px;
    margin-bottom: 7px;
    text-align: left;
}

.front-details .font-icon {
    background: #f7ca18;
    color: #fff;
    border-radius: 4px;
    display: inline;
    padding: 6px 8px;
}

.back-details h1 {
    font-size: 22px;
    font-weight: 600;
    margin: 35px 0 15px;
}

.back-details span {
    font-size: 15px;
    font-weight: 500;
}

.flip-card-back {
    background-color: #fff;
    color: #1a265c;
    transform: rotateY(180deg);
}

.flip-card-back p {
}

.flip-card-back .list-inline {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 25px;
}

.flip-card-back .list-inline li {
    font-size: 21px;
    color: #1a265c;
    padding-top: 20px;
}

.flip-card-back .list-inline li i {
    color: #f7ca18;
}

.my-profile {
    padding: 100px 0;
    color: #000;
}
.abc-registration-area {
    padding: 0;
}
.my-profile .profile-info {
    margin-top: 15px;
    color: #1a265c;
}

.my-profile .profile-info span {
    margin-bottom: 6px;
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #1a265c;
    position: relative;
    padding: 4px 0;
    transition: all .5s;
}

.my-profile .profile-info span::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 0;
    width: 2px;
    color: #1a265c;
    background-color: #1a265c;
    transition: all .5s;
}

.my-profile .profile-info span:hover {
    padding-left: 10px;
}

.my-profile .profile-info span:hover::before {
    height: 100%;
}

.my-profile .profile-img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 1px solid #1a265c;
}

.my-profile h4 {
    color: #1a265c;
    font-size: 25px;
    font-weight: 600;
    /* width: 100%; */
    margin-bottom: 20px;
}

.my-profile label {
    display: block;
    color: #1a265c;
    font-size: 15px;
    margin: 20px 0 5px;
}

.my-profile .btn-save {
    margin-top: 25px;
    text-align: center;
}

.my-profile .profile-button {
    background: #f7ca18;
    color: #fff;
    padding: 18px 40px;
    text-align: center;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    border: none;
    width: 100%;
    max-width: 300px;
    font-size: 13px;
    font-weight: 600;
}

.my-profile .profile-button:hover {
    background: #f7ca18
}

.my-profile .form-control:focus {
    /* box-shadow: none; */
    /* border: none; */
}

@media (max-width: 1440px) {
    .flip-card {
        width: 33.33%;
    }
    .notice-content.area-content {
        margin-top: 10px;
    }
}

@media (max-width: 1024px) {
    .flip-card {
        width: 33.33%;
    }
    .notice-content.area-content {
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .flip-card {
        width: 48%;
    }
    .article-title { margin-top: 10px; }
    .blog-content .articles .article-item .area-img img {
        height: auto !important;
    }
    .blog-content .articles .article-item .area-content .article-right p {
        margin-bottom: 10px;
    }
    .blog-post-content .blog-post .area-content .desc p {
        text-align: justify;
    }
}

@media (max-width: 600px) {
    .flip-card {
        width: 100%;
    }

}

/*=======================
Registration Tabs
=========================*/
.regi-tab {
    padding: 0px 0 70px;
}

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700); /* written by riliwan balogun http://www.facebook.com/riliwan.rabo*/
.board {
    /* width: 75%; */
    /* margin: 60px auto; */
    padding-bottom: 50px;
    /*height: 500px;*/
    background: #fff;
    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}

.board .nav-tabs {
    display: flex;
    position: relative;
    /* border-bottom: 0; */
    /* width: 80%; */
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 15px;
}

.board .nav-tabs a:hover{
    border:none;
}

.board > div.board-inner {
    background: #fafafa url(../images/bg-newsletter.jpg);
    /*background-size: 30%;*/
}

p.narrow {
    width: 60%;
    margin: 10px auto;
}

.profile-card .liner {
    /* height: 2px; */
    /* background: #ddd; */
    /* position: absolute; */
    width: 100%;
    /* margin: 0 auto; */
    /* left: 0; */
    /* right: 0; */
    /* top: 50%; */
    /* z-index: 1; */
}

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 65%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tabs {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 1;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

span.round-tabs.one {
    color: rgb(34, 194, 34);
    border: 2px solid rgb(34, 194, 34);
}

li.active span.round-tabs.one {
    background: #000f03 !important;
    border: 2px solid rgb(34, 194, 34);
    color: rgb(34, 194, 34);
}

span.round-tabs.two {
    color: #febe29;
    border: 2px solid #febe29;
}

li.active span.round-tabs.two {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

span.round-tabs.three {
    color: #3e5e9a;
    border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

span.round-tabs.four {
    color: #f1685e;
    border: 2px solid #f1685e;
}

li.active span.round-tabs.four {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #f1685e;
}

span.round-tabs.five {
    color: #999;
    border: 2px solid #999;
}

li.active span.round-tabs.five {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}

.nav-tabs > li.active > a span.round-tabs {
    background: #fafafa;
}

.profile-card .nav-tabs > li {
    flex-basis: 100%;
    text-align: center;
    /* border: 1px solid black; */
    width: auto;
    float: none;
}

.nav-tabs > li {
    width: 33.333%;
}

/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
.nav-tabs > li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition: 0.1s ease-in-out;
}

.nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 1;
    margin: 0 auto;
    bottom: -13px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;
}

.nav-tabs > li a {
    width: 90px;
    height: 35px;
    margin: 15px auto;
    /* border-radius: 100%; */
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex;
}

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

.tab-content {
    justify-content: center;
}

.tab-pane {
    position: relative;
    /* padding-top: 35px; */
}

.tab-content .head {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.btn-outline-rounded {
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green {
    background-color: #5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}

@media ( max-width: 585px ) {
    .board {
        /* width: 90%; */ height: auto !important;
    }

    span.round-tabs {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .tab-content .head {
        font-size: 20px;
    }

    .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .nav-tabs > li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .btn-outline-rounded {
        padding: 12px 20px;
    }
}

/*=====================
Section Heading
=====================*/
.section-heading {
    position: relative;
    text-align: center;
    padding: 0 0 30px 0;
}

.section-heading .sec-title {
    position: relative;
    font-size: 45px;
    font-weight: 200;
    padding: 10px 0 30px;
    color: #1a265c;
}

.section-heading .sec-desc {
    font-size: 15px;
    font-weight: 300;
}

@media (max-width: 1440px) {
    .section-heading .sec-title {
        font-size: 45px;
        font-weight: 200;
    }
}

@media (max-width: 1024px) {
    .section-heading .sec-title {
        font-size: 35px;
        font-weight: 200;
    }
}

@media (max-width: 992px) {
    .section-heading .sec-title {
        position: relative;
        font-size: 35px;
        font-weight: 200;
        padding: 10px 0;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }
}

@media (max-width: 768px) {
    section.blog-section {
    }

    .section-heading .sec-title {
        font-size: 45px;
        font-weight: 500;
    }
}

@media (max-width: 425px) {
    section.blog-section {
    }

    .section-heading .sec-title {
        font-size: 40px;
        font-weight: 500;
    }

    .section-heading .sec-desc, .section-heading .see-all {
        font-size: .9rem;
        font-weight: 200;
    }
}

/*************************************
   4. Header
*************************************/
@media (min-width: 992px) {
    .page .container-header {
        box-shadow: 1px 7px 20px rgba(0, 0, 0, 0.15);
    }
}

.page .header-wrapper {
    float: left;
    position: relative;
    width: 100%;
    z-index: 2;
}

.page .logo a img {
    box-shadow: 1px 7px 20px rgba(0, 0, 0, 0.15);
}

.container-header {
    position: relative;
    height: 104px;
}

@media (min-width: 992px) {
    .header-position {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        float: left;
        width: 100%;
        background-color: #fff;
    }
}

@media (max-width: 768px) {
    .topbar {
        z-index: 888;
    }
}

.topbar #sidebarToggleTop {
    height: 2.5rem;
    width: 2.5rem;
}

@media only screen and (max-width: 768px) {
    .logo {
        /*visibility: hidden;*/
    }
}

/*========= topbar area end here =========*/
.scroll-list .ex1 {
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background-color: #fff;
    overflow-x: hidden;
}

/* width */
div.ex1::-webkit-scrollbar {
    width: 0px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px grey;*/
    /*border-radius: 10px;*/
    border: none;
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
    /*height: 10px;*/
}

div.ex1::-webkit-scrollbar-thumb {
    min-height: 10px;
}

.sidebar {
    position: relative;
}

.siderbar_menu {
    margin: 0;
    padding: 0;
}

.siderbar_menu a {
    text-decoration: none;
}

.sidebar .bg_shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.sidebar_inner {
    z-index: 999;
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #fff;
    transition: all 0.3s ease;
    box-shadow: 0px 1px 5px rgba(49, 54, 168, 0.1);
}

@media only screen and (max-width: 768px) {
    .sidebar_inner {
        top: 0;
    }
}

.main_container {
    margin-left: 250px;
    width: calc(100% - 250px);
    transition: all 0.3s ease;
}

.side-logo img {
    height: 75px;
    width: auto;
}

.sidebar_inner .profile_info {
    padding: 20px;
    text-align: center;
}

.sidebar_inner .profile_info .profile_img {
    width: 100px;
    margin: 0 auto 5px;
}

.sidebar_inner .profile_info .profile_img img {
    width: 100%;
    display: block;
}

.sidebar_inner .profile_info .profile_data .name {
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
}

.sidebar_inner .profile_info .profile_data span {
    color: #000;
}

.sidebar_inner .siderbar_menu > li > a {
    padding: 8px 20px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 1px;
    color: #1a265c;
    transition: all .6s;
}

.sidebar_inner .siderbar_menu > li > a .icon {
    font-size: 12px;
    margin-right: 20px;
    height: 22px;
    text-align: center;
    width: 22px;
    border: 1px solid #39409A;
    border-radius: 2px;
    transform: skew(-10deg) rotate(2deg);
    -webkit-transform: skew(-10deg) rotate(2deg);
    -moz-transform: skew(-10deg) rotate(2deg);
}

.sidebar_inner .siderbar_menu > li > a .icon:hover {
    font-size: 12px;
    margin-right: 20px;
    height: 22px;
    text-align: center;
    width: 22px;
    border: 1px solid #fff;
    border-radius: 2px;
    transform: skew(-10deg) rotate(2deg);
    -webkit-transform: skew(-10deg) rotate(2deg);
    -moz-transform: skew(-10deg) rotate(2deg);
}

.sidebar_inner .siderbar_menu > li.active > a, .sidebar_inner .siderbar_menu > li > a:hover {
    background: #1a265c;
    color: #fff;
    text-decoration: none;
}

.sidebar_inner .siderbar_menu > li > a .arrow {
    position: absolute;
    top: 9px;
    right: 20px;
    transition: all 0.3s ease;
}

.sidebar_inner .close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 25px;
    color: #1a265c;
    cursor: pointer;
    display: none;
    z-index: 101;
}

.topbar .hamburger {
    font-size: 20px;
    cursor: pointer;
    margin-right: 9px;
    color: #1a265c;
    margin-left: 16px;
    position: absolute;
    display: none;
    right: 30px;
    transform: translateY(15px);
}

@media only screen and (max-width: 768px) {
    .topbar .hamburger {
        margin-left: -195px;
    }
}

.accordion {
    /* background: #F6F9FF; */
    padding-left: 28px;
    /*margin: 15px;*/
    height: 0px;
    width: 85%;
    border-radius: 5px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.accordion li a {
    display: block;
    color: #000;
    padding: 8px 0;
    padding-left: 10px;
}

.accordion li:last-child a {
    border-bottom: 0px;
}

.accordion li a:hover {
    text-decoration: none;
    color: #3D3D79;
}

.siderbar_menu > li.active .accordion {
    height: 100%;
}

.siderbar_menu > li.active .arrow {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.page-wrapper .wrapper {
    display: none;
}

@media (max-width: 991.98px) {
    .page-wrapper .wrapper {
        display: block;
    }

    .sidebar_inner {
        left: -115%;
        transition: all 0.5s ease;
    }

    .main_container {
        width: 100%;
        margin-left: 0;
    }

    .topbar .hamburger, .sidebar_inner .close {
        display: block;
    }

    .menu {
        display: none;
    }

    .content .item {
        width: 47%;
    }

    .wrapper.active .sidebar_inner {
        left: 0;
        transition: all 0.5s ease;
    }

    .wrapper.active .sidebar .bg_shadow {
        visibility: visible;
        opacity: 0.7;
    }
}

@media (max-width: 528px) {
    .content .item {
        width: 100%;
    }
}

.shape__container {
    margin-left: 25%;
    /*position: relative;*/
    width: 90px;
    height: 100px;
}

.shape {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /*background: #4787c9;*/
    border: 1px solid #39409A;
    width: 100%;
    height: 100%;
    border-radius: 2px 5px 2px 5px;
    transform: skewX(-20deg) skewY(1deg);
    /*Shorthand: skew(-5deg, -5deg);*/
    box-shadow: 0px 5px 14px rgba(9, 33, 58, 0.1);
}

/************************************* /
/* 5. Top Bar Nav */
.top-nav {
    background-color: #1a265c;
    height: 37px;
}

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

.top-nav ul .top-search .navbar-form .form-control {
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    max-width: 70px;
    font-size: 12px;
    font-family: "Montserrat-Light";
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.top-nav ul .top-search .navbar-form button {
    font-size: 16px;
    margin-top: 9px;
    float: right;
}

.top-nav ul .top-search .navbar-form .form-control, .top-nav ul .top-search .navbar-form button {
    background-color: transparent !important;
    border: none;
    border-radius: 0;
    color: #fff;
}

.top-nav ul .top-search .navbar-form:hover .form-control {
    max-width: 120px;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.top-nav ul .login {
    float: right;
    margin-left: 15px;
    margin-right: 0;
    padding-right: 0;
}

.top-nav ul .login a {
    background-color: #3a539b;
    height: 23px;
    margin: 8px 0;
    line-height: 2.2;
    color: #c0c6da;
    padding: 0 15px;
    border-radius: 3px;
    font-size: 10px;
    font-family: "Montserrat-Light";
}

.top-nav ul li a {
    color: #9396a9;
    display: block;
    line-height: 3;
}

.top-nav ul li a .lnr {
    font-size: 20px;
}

.top-nav ul li a .icon {
    width: 30px;
    height: 37px;
    float: left;
    background-position: center center !important;
    margin-right: 5px;
}

.top-nav ul li a .mail-icon {
    background: url("../images/mail-icon.png") no-repeat;
}

.top-nav ul li a .phone-icon {
    background: url("../images/phone-icon.png") no-repeat;
}

.top-nav ul li a:hover {
    text-decoration: none;
}

/************************************* /
/* logo */
@media (min-width: 992px) {
    .logo {
        position: absolute;
        display: inline-block;
        width: 186px;
        height: 105px;
        z-index: 10;
        background: #1a265c!important;
    }

    .logo a {
        display: block;
    }

    .logo a img {
        box-shadow: 2px 11px 16px rgba(0, 0, 0, 0.8);
        background: #1a265c;
    }
}

@media (max-width: 991px) {
    .logo-mobile {
        float: left;
        width: 150px;
        height: 80px;
        position: absolute;
        top: -30px;
        background: #1a265c;
        left: 15px;
        z-index: 999;
    }

    .logo-mobile a {
        display: block;
    }

    .logo-mobile img {
        max-width: 100%;
    }
}

/************************************* /
/* 6. Menu */
.menu {
    padding: 18px 0;
}

.menu .nav > li > a {
    color: #1a265c;
    font-family: "Montserrat-Light";
    font-size: 14px;
    border-bottom: 2px solid #fff;
}

.menu .current a, .menu .nav > li a:hover, .menu .nav li.nuxt-link-exact-active a, .nav li a.nuxt-link-exact-active {
    border-bottom: 2px solid #f7ca18 !important;
    text-transform: capitalize !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .mean-container .mean-nav ul li a.mean-expand:hover {
    background-color: transparent !important;
}

.mean-container .mean-nav ul li a:hover {
    color: #f7ca18;
}

@media (max-width: 991px) {
    .mobile-menu {
        margin-top: -15px;
    }
}

.dropdown-menu {
    width: 200px !important;
}

/*************************************
Header Type 1
*************************************/
.container-header.type1 {
    /************************************* /
    /* Top Bar Nav */
    /************************************* /
    /* logo */
    /************************************* /
    /* Menu */
}

.container-header.type1 .top-nav .top-left {
    text-align: left;
}

.container-header.type1 .top-nav .top-left ul li:nth-child(1) {
    margin-right: 20px;
}

@media (min-width: 992px) {
    .container-header.type1 .logo {
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
}

@media (max-width: 991px) {
    .container-header.type1 .header-middle .container {
        position: relative;
    }
}

@media (min-width: 1200px) {
    .container-header.type1 .menu .nav > li {
        width: 200px;
    }

    .container-header.type1 .menu .nav > li:nth-child(2) {
        margin-right: 140px;
    }

    .container-header.type1 .menu .nav > li:nth-child(3) {
        margin-left: 140px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container-header.type1 .menu .nav > li {
        width: 180px;
    }

    .container-header.type1 .menu .nav > li:nth-child(2) {
        margin-right: 100px;
    }

    .container-header.type1 .menu .nav > li:nth-child(3) {
        margin-left: 100px;
    }

    .container-header.type1 .menu .logo {
        width: 210px !important;
    }

    .container-header.type1 .menu .logo img {
        max-width: 100%;
    }

    .container-header.type1 .menu .nav > li > a {
        font-size: 12px !important;
    }
}

/*************************************
   Header Type 2
*************************************/
.container-header.type2 {
    /************************************* /
    /* logo */
    /************************************* /
    /* Menu */
}

.container-header.type2 .container {
    position: relative;
}

@media (min-width: 992px) {
    .container-header.type2 .logo {
        top: -37px;
        left: 15px;
    }
}

.container-header.type2 .menu .navbar-nav {
    text-align: right;
}

.container-header.type2 .menu .nav > li > a {
    padding-left: 25px;
    padding-right: 25px;
}

.container-header.type2 .menu .nav > li:nth-child(4) a {
    padding-left: 25px;
    padding-right: 25px;
}

/*************************************
   Main Content
*************************************/
.content-wrapper {
    width: 100%;
    float: left;
}

/*************************************
   7. Footer
*************************************/
.footer-wrapper {
    background-color: #1a265c;
    padding-bottom: 24px;
    width: 100%;
    float: left;
    color: #fff;
}

.footer-wrapper .foooter-container {
    background-color: #1a265c;
    padding: 15px 0 0;
    line-height: 2;
    color: #fff !important;
}

.footer-wrapper .foooter-container .footer-middle {
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
    /* color: #fff; */
}

.footer-wrapper .foooter-container .footer-middle .contact-footer .logo-footer {
    float: left;
    display: block;
    margin-bottom: 10px;
}

.footer-wrapper .foooter-container .footer-middle .contact-footer .logo-footer img {
    max-width: 100%;
}

.footer-wrapper .foooter-container .footer-middle .contact-footer .contact-desc {
    clear: both;
    margin-bottom: 10px;
}

.footer-wrapper .foooter-container .footer-middle .contact-footer .contact-phone-email {
    clear: both;
}

.footer-wrapper .foooter-container .footer-middle .contact-footer .contact-phone-email .contact-email {
    margin-left: 30px;
}

.footer-wrapper .foooter-container .footer-middle .contact-footer .contact-phone-email .contact-email a {
    color: #fff;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.footer-wrapper .foooter-container .footer-middle .contact-footer .contact-phone-email .contact-email a:hover {
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    color: #f7ca18;
}

.footer-wrapper .foooter-container .footer-middle .links-footer h6 {
    /* margin-bottom: 15px; */
    margin-top: 25px;
}

.footer-wrapper .foooter-container .footer-middle .links-footer ul li {
    line-height: 2.6;
}

.footer-wrapper .foooter-container .footer-middle .links-footer ul li a {
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.footer-wrapper .foooter-container .footer-middle .links-footer ul li a:hover {
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    color: #f7ca18;
}

.footer-wrapper .foooter-container .footer-middle .links-social {
    max-width: 290px;
    margin: 0 auto;
    float: left;
}

.links-social.register {
    float: right !important;
}

.footer-wrapper .foooter-container .footer-middle .links-social .login-dashboard a {
    color: #fff;
    padding: 10px 15px;
    text-transform: capitalize;
    display: block;
    letter-spacing: 1px;
}

.footer-wrapper .foooter-container .footer-middle .links-social ul {
    margin-top: 0px;
}

.footer-wrapper .foooter-container .footer-middle .links-social ul li a {
    font-size: 22px;
    color: #9f9f9f;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.footer-wrapper .foooter-container .footer-middle .links-social ul li a:hover {
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    color: #f7ca18;
}

@media (max-width: 991px) {
    .footer-wrapper .foooter-container .footer-middle .contact-footer {
        margin-bottom: 30px;
    }

    .footer-wrapper .foooter-container .footer-middle .links-footer {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .footer-wrapper .foooter-container .footer-middle .contact-footer {
        text-align: center;
    }

    .footer-wrapper .foooter-container .footer-middle .contact-footer .logo-footer {
        width: 100%;
    }

    .footer-wrapper .foooter-container .footer-middle .links-footer {
        text-align: center;
    }

    .footer-wrapper .foooter-container .footer-middle .links-footer h6 {
        margin-top: 20px;
    }

    .footer-col.df {
        display: flex;
    }
}

.footer-wrapper .foooter-container .footer-bottom {
    padding: 30px 0;
}

.footer-wrapper .foooter-container .footer-bottom p {
    color: #fff;
}

.footer-wrapper .foooter-container .footer-bottom a, .footer-wrapper .foooter-container .footer-bottom i {
    color: #eea236;
}

.footer-wrapper .foooter-container .footer-bottom p:last-child {
    margin-left: auto;
}

@media (max-width: 767px) {
    .footer-bottom {
        text-align: center;
        display: block !important;
    }
}

/*************************************
   Footer Type 2
*************************************/
/************************************* /
/* Title */
.title.type1 {
    position: relative;
    padding-bottom: 22px;
}

.title.type1:before {
    content: "";
    background-color: #000;
    width: 38px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*** 8. Slider Banner ***/
.slider-hero .container {
    height: 100%;
    position: relative;
}

.slider-hero .sliders-wrap .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.slider-hero .owl-nav {
    display: none;
}

.slider-hero .owl-dots {
    position: absolute;
    left: 0;
    bottom: 40px;
    right: 0;
    margin: 0 auto;
    width: auto;
    text-align: center;
}

.slider-hero .owl-dots .owl-dot {
    display: inline-table;
    margin-left: 13px;
    vertical-align: middle;
}

.slider-hero .owl-dots .owl-dot span {
    background-color: #cfd0d1;
    vertical-align: middle;
    display: block;
    width: 13px;
    height: 13px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.slider-hero .owl-dots .owl-dot.active {
    vertical-align: middle;
}

.slider-hero .owl-dots .owl-dot.active span {
    border: 4px solid #99918a;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.slider-hero .owl-caption {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.slider-hero .content-block {
    position: absolute;
    margin: auto;
    top: 100px;
    bottom: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    opacity: 1;
    left: 0;
    right: 0;
}

.slider-hero .content-block h2 {
    font-weight: 400;
    position: relative;
    margin: 0;
    letter-spacing: 5px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
}

.slider-hero .content-block h4 {
    color: #fff;
}

.slider-hero .content-block .read-story {
    font-family: "Montserrat-Bold";
    padding: 16px 40px;
    font-size: 17px;
    text-transform: capitalize;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    background-color: #f7ca18;
    border-color: #f7ca18;
    margin-top: 20px;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.slider-hero .content-block .read-story:hover, .slider-hero .content-block .read-story:focus, .slider-hero .content-block .read-story:active {
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0.9;
}

.slider-hero .item {
    float: left;
    position: relative;
    width: 100%;
}

.slider-hero .item img {
    width: 100%;
    height: 100vh;
}

.blog-content .articles .article-item .area-img img {
    width: 100%;
    height: 360px;
}


.follow-us-social {
    padding: 10px;
}

.follow-us-social span {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.follow-us-social .block {
    display: block;
    margin-top: 15px;
}

.follow-us-social .block i {
    font-size: 30px;
    font-weight: 800;
    color: #fc0;
    margin: 0 5px;
}

@media (min-width: 1200px) {
    .slider-hero .content-block h2 {
        padding-bottom: 30px;
        padding-top: 20px;
        font-size: 53px;
    }

    .slider-hero .content-block {
        max-height: 280px;
    }

    .slider-hero .shop-now-link {
        margin-top: 50px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .slider-hero .content-block h2 {
        font-size: 40px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .slider-hero .content-block p {
        padding-top: 20px;
    }

    .slider-hero .content-block {
        top: 0 !important;
        max-height: 210px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .slider-hero .content-block h2 {
        font-size: 36px;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .slider-hero .content-block h5 {
        font-size: 18px;
    }

    .slider-hero .content-block {
        max-height: 300px;
        top: 0 !important;
    }
}

@media (max-width: 767px) {
    .slider-hero .content-block h2 {
        padding-bottom: 0;
        padding-top: 15px;
        font-size: 20px;
        margin-bottom: 0;
    }

    .slider-hero .content-block h2::before {
        display: none;
    }

    .slider-hero .content-block h5 {
        font-size: 16px;
    }

    .slider-hero .read-story {
        display: none !important;
    }

    .slider-hero .content-block {
        max-height: 183px;
        top: 0 !important;
    }

    .slider-hero .owl-dots {
        bottom: 10px !important;
    }

    .slider-hero .item img {
        width: 100%;
        height: 240px;
    }
}

/*----------------------------------
  conference-wrapper Section
------------------------------------*/
.conference-wrapper {
    padding-top: 50px;
}

.home-blog-image img {
    height: 195px;
    margin: 0 auto;
    width: 100%;
}

.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    padding: 25px;
    border-radius: 25px;
    height: 500px;
    transition: all 0.3s;
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 680px;
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .blog-slider {
        min-height: 500px;
        height: auto;
        margin: 180px auto;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
        height: 350px;
    }
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > * {
    opacity: 1;
    transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
    transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
    transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
    transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
    transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
    transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
    transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
    transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
    transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
    transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
    transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
    transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
    transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
    transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
    transition-delay: 1.7s;
}

.blog-slider__img {
    width: 300px;
    flex-shrink: 0;
    height: 350px;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
}

.blog-slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    border-radius: 20px;
    opacity: 0.6;
}

.blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .blog-slider__img {
        transform: translateY(-50%);
        width: 90%;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
        height: 270px;
    }
}

.blog-slider__content {
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .blog-slider__content {
        margin-top: -80px;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__content {
        padding: 0;
    }
}

.blog-slider__content > * {
    opacity: 0;
    /* transform: translateY(25px); */
    transition: all 0.4s;
}

.blog-slider__code {
    color: #7b7992;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}

.blog-slider__title {
    font-size: 24px;
    font-weight: 700;
    min-height: 110px;
    color: #0d0925;
    margin-bottom: 20px;
}

.blog-slider__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em;
    text-align: justify;
    min-height: 165px;
}

.blog-slider__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    padding: 5px 35px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (max-width: 576px) {
    .blog-slider__button {
        width: 100%;
    }
}

.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    height: 30px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }
}

/*---------------------------------------
blog-section
 ---------------------------*/
section.blog-section {
    padding: 50px 0 50px 0;
    /*padding-top: 20px;*/
    background: #f7f7f7;
}

.blog-section .news-item {
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.blog-section .news-item.-news-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog-section .news-item-descr.big-news {
    height: 106px;
}

.blog-section .news-item h3 {
    color: #222;
    -webkit-transition: all .25s;
    transition: all .25s;
    font-size: 25px;
}

.blog-section .news-item.-news-slider-item {
    height: 100%;
}

.blog-section .news-item.-news-slider {
    height: auto;
}

.blog-section .news-item a:hover {
    text-decoration: none;
}

.blog-section .news-item a:hover h3 {
    color: #274abb;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.blog-section .news-item .news-img-link.-news-page {
    display: block;
    position: relative;
    padding-bottom: 69%;
    width: 100%;
}

.blog-section .news-item .news-img-link.-news-page .resp-img {
    background-size: cover;
}

.blog-section .resp-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-section .news-item-img .resp-img {
    background-size: cover;
}

.blog-section .news-item-img {
    max-height: 195px;
    position: relative;
    width: 100%;
}

.blog-section .news-item-img .resp-img {
    background-size: cover;
}

.blog-section .news-item-text {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 325px;
}

.blog-section .news-item-text-header {
    display: block;
}

.blog-section .news-item .date {
    display: block;
    margin-bottom: 9px;
    font-size: 14px;
    color: #333;
}

.blog-section .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .3rem;
}

.blog-section .news-item-bottom img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.blog-section .admin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-section .admin p {
    font-size: 13px;
    font-weight: 600;
    margin-top: .5rem;
    margin-right: 1rem;
    margin-bottom: 0px;
}

.blog-section .news-item-descr {
    margin: 6px 0px 20px 0px;
    height: 80px;
}

.blog-section .news-item-descr p {
    color: #666;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 16px;
    text-align: justify;
    line-height: 18px;
}

.blog-section .news-item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-section .action-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .8rem;
    color: #333;
}

.blog-section .action-list .fa-comment {
    color: #274abb;
}

.blog-section .action-list .fa-share-alt {
    color: #274abb;
}

.blog-section .action-list .fa-heart {
    color: #274abb;
}

.blog-section ul.action-list {
    margin-bottom: 0px;
}

.blog-section .action-item {
    display: inline-block;
    padding-left: 15px;
}

.blog-section .news-slider-wrap .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-section .news-item-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 29px;
}

.blog-section .news-item-sm.last {
    margin-bottom: 0px;
}

.blog-section .news-item-sm .news-img-link {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    position: relative;
}

.blog-section .news-item-sm .news-img-link .news-item-img {
    position: absolute;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.blog-section .news-item-sm .news-item-text {
    -ms-flex-preferred-size: 66.6%;
    flex-basis: 66.6%;
    padding: 15px 20px;
}

.blog-section .news-item-sm .news-item-descr {
    height: 52px;
}

.blog-section .news-link {
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #274abb;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.blog-section .news-link:hover {
    color: #121B22;
    text-decoration: none;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.row.scrl .owl-stage-outer {overflow-y: auto;height: 540px;}

@media screen and (max-width: 1199px) {
    .blog-section .news-item.news-item-sm.mb, .blog-section .news-item {
        margin-bottom: 0px;
    }

    .blog-section .news-item.no-mb {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .blog-section .news-item {
        margin-bottom: 2.5rem;
    }

    .blog-section .news-item.no-mb:last-child {
        margin-bottom: 0px;
    }

    .blog-section .news-item-sm .news-img-link {
        -ms-flex-preferred-size: 33.5%;
        flex-basis: 33.5%;
    }
}

@media screen and (min-width: 1025px) {
    .blog-section .news-item.min-last {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 577px) {
    .blog-section .news-item-sm {
        display: block;
    }

    .blog-section .news-item-sm .news-img-link .news-item-img {
        position: relative;
        padding-bottom: 69%;
    }

    .blog-section .news-item-sm {
        border-radius: 0px;
    }
}

@media screen and (max-width: 414px) {
    .blog-section .news-item-descr p, .blog-section .news-item-descr {
        overflow: hidden;
    }

    .blog-section ul.action-list {
        padding-left: 0px;
    }

    .blog-section .news-link {
        font-size: .9rem;
    }
}

@media screen and (max-width: 1024px) {
    .blog-section .news-item-sm .news-img-link {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    }
}

/*----------------------------------
  Reviewer Section
------------------------------------*/
#reviewer-section {
    padding: 20px 0px 55px 0px;
    background-color: transparent;
}

#reviewer-section .review-title {
    font-size: 2rem;
    font-weight: 600;
    color: #212B35;
    text-align: center;
    margin-bottom: 50px;
}

#reviewer-section .review-title span {
    color: #4EB8E7;
}

/*---------------------------------------------
mini-gallery
--------------------------------------------*/
.mini-gallery {
    padding: 70px 0;
}

.mini-gallery .section-heading {
    padding-bottom: 20px;
}

.mini-gallery .gallery-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
    overflow: hidden;
}

.mini-gallery .gallery-box img {
    height: 260px;
    width: fit-content;
    overflow: hidden;
}

.mini-gallery .gallery-box .gallery-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(238, 162, 54, .5);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.mini-gallery .gallery-box .gallery-box-caption .gallery-box-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.mini-gallery .gallery-box .gallery-box-caption .gallery-box-content i {
    font-size: 3rem;
}

.mini-gallery .gallery-box:hover .gallery-box-caption {
    opacity: 1;
}

.mini-gallery .gallery-box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.mini-gallery .gallery-box img {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    width: 100%;
}

.mini-gallery .no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  padding: 5px;
}

.mini-gallery ::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

.mini-gallery img::selection {
    color: #fff;
    background: 0 0;
}

.mini-gallery img::-moz-selection {
    color: #fff;
    background: 0 0;
}

#gallery-modal-title {
    text-align: center;
    margin: 10px;
    color: black;
}

#gallery-modal-description {
    text-align: center;
    margin-top: 10px;
    color: black
}

/*** Publication ***/
.publication-area h2{margin: 10px 0 20px 0px;text-align: center;color: black;/* font-weight: bold; */font-family: "Montserrat-Regular";font-size: 20px;display: none;}
.publication-area .row {margin: 40px 0px 20px;}
.publication-single h4{margin:10px 0;}
.publication-single img{height: 180px;width: 100%;}

/*** 9. Upcomming event ***/
.upcoming-event {
    padding: 55px 0;
    background-color: #faf9f9;
}

.upcoming-event .area-top {
    color: #2d2d2d;
}

.upcoming-event .area-top h2 {
    line-height: 1.2;
    margin: 14px 0;
}

.upcoming-event .area-top .map-icon {
    background: url("../images/map-icon.png") no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 10px;
}

.upcoming-event .area-top .text-place {
    font-size: 13px;
    line-height: 1.4;
    color: #757575;
}

.upcoming-event .area-top .area-calendar {
    background-color: #ebebeb;
    text-align: center;
    float: left;
    width: 70px;
    height: 90px;
    line-height: 1.4;
    padding-top: 5px;
}

.upcoming-event .area-top .area-calendar span {
    clear: both;
    float: left;
    width: 100%;
}

.upcoming-event .area-top .area-calendar .day {
    font-size: 27px;
    color: #2d2d2d;
}

.upcoming-event .area-top .area-calendar .month {
    font-size: 14px;
    color: #2d2d2d;
    padding-bottom: 5px;
}

.upcoming-event .area-top .area-calendar .year {
    background-color: #dadada;
    font-size: 14px;
    color: #595959;
    padding: 3px 0;
}

.upcoming-event .area-bottom {
    vertical-align: middle;
}

.upcoming-event .area-bottom .join-now {
    color: #fff;
    font-size: 18px;
    padding: 15px 50px;
    margin-top: 7px;
    font-family: "Montserrat-Bold";
}

.news-wrap .join-now, .mini-gallery .join-now, .all-content {
    margin-top: 40px;
    padding: 20px 60px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    font-family: "Montserrat-Bold";
}
.upcoming-event .area-img img {
    /* height: 350px; */
    width: 300px;
    transform: translateX(10px);
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .upcoming-event .area-img {
        margin-bottom: 30px;
    }

    .upcoming-event .area-img img {
        width: 100%;
    }

    .mini-gallery .row.no-gutter {
        height: 400px;
        display: inline-block;
        overflow-y: scroll;
    }

    .news-wrap .row.scrl {
        display: inline-block;
        height: 500px;
        overflow-y: scroll;
    }
}

@media (min-width: 768px) {
    .upcoming-event .area-bottom {
        padding-top: 88px;
    }
}

@media (max-width: 767px) {
    .upcoming-event {
        padding: 20px 5px !important;
    }

    .upcoming-event .area-top h2 {
        font-size: 25px;
    }

    .upcoming-event .area-bottom {
        padding-top: 30px;
    }

    .upcoming-event .area-bottom #time {
        margin-bottom: 30px;
    }
}

@media (max-width: 570px) {
    .row.scrl .owl-stage-outer {
        overflow-y:hidden;
    }
    .news-wrap .row.scrl {
        overflow:hidden;
        margin: 0px;
        height: auto;
    }
    .upcoming-event .area-img img {
        width: 100%;
    }
    .upcoming-event .area-bottom #time {
        width: 100%;
    }

    .upcoming-event .area-bottom .join-now {
        float: left !important;
    }
}

.table-cell {
    float: left;
    position: relative;
}

.table-cell:before {
    content: ":";
    position: absolute;
    right: 0;
    top: 2px;
    margin: auto;
    font-size: 30px;
}

.table-cell .tab-val {
    font-size: 40px;
    color: #2d2d2d;
    font-family: "Montserrat-Light";
}

.table-cell .tab-metr {
    font-size: 14px;
    text-transform: capitalize;
    font-family: "Montserrat-Light";
    margin-top: 15px;
}

.table-cell:nth-child(4):before {
    display: none;
}

.table-cell:nth-child(1):before {
    padding-left: 0 !important;
}

@media (min-width: 768px) {
    .table-cell {
        padding: 0 23px;
    }

    .table-cell:nth-of-type(1) {
        padding: 0 23px 0 0 !important;
    }

    .table-cell .tab-val {
        font-size: 40px;
    }

    .table-cell .tab-metr {
        font-size: 14px;
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .table-cell {
        padding: 0 15px;
    }

    .table-cell:nth-of-type(1) {
        padding: 0 15px 0 0 !important;
    }

    .table-cell .tab-val {
        font-size: 30px;
    }

    .table-cell .tab-metr {
        font-size: 12px;
        margin-top: 15px;
    }
}

.video-area {
    /*padding: 70px 0 50px;*/
}

.video-area .video-wrapper {
    height: 100%;
}

.video-area .video-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
    min-height: 200px;
}

/* Video Play Button */
.video-area .video-wrapper .video-play-button {
    position: absolute;
    z-index: 10;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    height: 2.75rem;
    padding: 1.125rem 1.25rem 1.125rem 1.75rem;
    border-radius: 50%;
    opacity: 1;
}

.video-area .video-wrapper .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    display: block;
    width: 6.75rem;
    height: 6.75rem;
    border-radius: 50%;
    /*background: #ee556b;*/
    background-image: linear-gradient(to bottom, #ee556b, #2f3b6d73);
    animation: pulse-border 1500ms ease-out infinite;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.video-area .video-wrapper .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 6.375rem;
    height: 6.375rem;
    border-radius: 50%;
    /*background: #ee556b;*/
    background-image: linear-gradient(to bottom, #ee556b, #3216a9);
    transition: all 200ms;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.video-area .video-wrapper .video-play-button span {
    position: relative;
    display: block;
    z-index: 3;
    top: 0.375rem;
    left: 0.25rem;
    width: 0;
    height: 0;
    border-left: 1.625rem solid #fff;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

/* end of video play button */
/*** 10. Alumni dashboard ***/
.alumni-dashboard {
    padding: 75px 0;
}

.alumni-dashboard .title-dashboard {
    color: #484848;
    margin-bottom: 35px;
}

.alumni-dashboard .area-content .icon {
    width: 45px;
    height: 30px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.alumni-dashboard .area-content .mail-icon {
    background-image: url("../images/message-icon.png");
}

.alumni-dashboard .area-content .account-icon {
    background-image: url("../images/account-icon.png");
}

.alumni-dashboard .area-content .group-icon {
    background-image: url("../images/group-icon.png");
}

.alumni-dashboard .area-content .search-icon {
    background-image: url("../images/search-icon.png");
}

.alumni-dashboard .area-content .box-content h4 {
    margin: 22px 0 30px;
    color: #484848;
}

.alumni-dashboard .area-content .box-content p {
    line-height: 1.8;
}

@media (max-width: 767px) {
    .alumni-dashboard .area-content .box-content {
        margin-bottom: 20px;
    }
}

.alumni-dashboard .login-dashboard {
    margin-top: 50px;
}

.alumni-dashboard .login-dashboard a {
    padding: 18px 32px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Montserrat-Bold";
    font-size: 15px;
    display: inline-block;
    letter-spacing: 1px;
}

@media (max-width: 767px) {
    .alumni-dashboard {
        padding: 20px 0 !important;
    }
}

/*** Block Links ***/
.block-links {
    padding: 0 0 75px;
}

.block-links .title-links {
    padding: 10px 0;
    margin-bottom: 10px;
}

.block-links .title-links h3 {
    font-size: 21px;
    color: #2d2d2d;
}

.block-links h6 {
    color: #2d2d2d;
    line-height: 1.4;
    margin-bottom: 10px;
    margin-top: -5px;
}

.block-links p {
    color: #9f9f9f;
    font-size: 11px;
    line-height: 1.4;
    font-family: "Montserrat-Light";
}

.block-links .view-all {
    width: 100%;
    float: left;
}

.block-links .view-all a {
    background-color: #e9e9e9;
    text-align: center;
    color: #484848;
    font-family: "Montserrat-Light";
    text-transform: capitalize;
    padding: 16px 0;
    display: block;
    font-size: 14px;
}

.block-links .column-news .post-item {
    margin-bottom: 30px;
}

.block-links .column-news .image-frame {
    float: left;
}

.block-links .column-news .image-frame img {
    width: 100%;
}

.block-links .column-news .post-desc-wrapper {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .block-links .column-news .image-frame {
        width: 37%;
    }

    .block-links .column-news .post-desc-wrapper {
        width: 63%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .block-links .column-news .image-frame {
        width: 28%;
    }

    .block-links .column-news .post-desc-wrapper {
        width: 72%;
    }
}

@media (max-width: 991px) {
    .block-links .column-news .image-frame {
        width: 40%;
    }

    .block-links .column-news .post-desc-wrapper {
        width: 60%;
    }
}

.block-links .column-career .company-item {
    margin-bottom: 30px;
}

.block-links .column-career .company-logo {
    float: left;
}

.block-links .column-career .company-desc-wrapper {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
    .block-links .column-career .company-logo {
        width: 37%;
    }

    .block-links .column-career .company-desc-wrapper {
        width: 63%;
    }
}

@media (max-width: 991px) {
    .block-links .column-career .company-logo {
        width: 25%;
    }

    .block-links .column-career .company-desc-wrapper {
        width: 75%;
        margin-top: 20px;
    }
}

.block-links .column-calendar {
    display: block;
    float: left;
}

.block-links .column-calendar .content-calendar {
    background-color: #fcfcfc;
    display: block;
    float: left;
}

.block-links .column-calendar .top-section {
    color: #484848;
    padding: 15px;
    border-bottom: 1px solid #e9e9e9;
}

.block-links .column-calendar .top-section h6 {
    margin: 0;
}

.block-links .column-calendar .top-section .calendar-icon {
    background: url("../images/calendar-icon.jpg") no-repeat;
}

.block-links .column-calendar .list-view {
    padding: 10px;
    float: left;
}

.block-links .column-calendar .list-view .view-item {
    border-bottom: 1px solid #e9e9e9;
    padding: 12px;
    width: 100%;
    float: left;
}

.block-links .column-calendar .list-view .view-item .date-item {
    width: 12%;
    float: left;
    padding: 0 2px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.3;
}

.block-links .column-calendar .list-view .view-item .date-item .dates {
    color: #484848;
}

.block-links .column-calendar .list-view .view-item .date-item .day {
    font-size: 28px;
}

.block-links .column-calendar .list-view .view-item .date-item .month {
    color: #9f9f9f;
}

.block-links .column-calendar .list-view .view-item .date-desc-wrapper {
    width: 88%;
    float: left;
    padding-left: 20px;
}

.block-links .column-calendar .list-view .view-item .date-desc-wrapper .place {
    float: left;
    margin: 5px 0;
}

.block-links .column-calendar .list-view .view-item .date-desc-wrapper .place .text-place {
    color: #757575;
    font-size: 10px;
}

.block-links .column-calendar .list-view .view-item .date-desc-wrapper .place .map-icon {
    width: 15px;
    height: 15px;
    float: left;
    background: url("../images/map-icon.png") no-repeat;
    background-size: 13px 13px;
    margin-right: 5px;
}

@media (min-width: 991px) {
    .block-links .column-calendar .list-view {
        overflow-y: scroll;
        height: 434px;
    }
}

@media (max-width: 991px) {
    .block-links .block-news {
        margin-bottom: 30px;
    }

    .block-links .block-career {
        margin-bottom: 30px;
    }
}

/*** 12. Alumni Interview ***/

.alumni-interview {
    /*background: url("https://admin.abc-alumni.org/uploads/stories/story_title_16228754281499.png");*/
    width: 100%;
    margin: 0 auto;
    background-position: center !important;
    background-size: cover !important;
}

.alumni-interview .interview-wrapper {
    display: block;
    float: left;
}

.alumni-interview .interview-wrapper h1 {
    font-size: 42px;
    color: #2d2d2d;
    margin: 20px 0;
    letter-spacing: 1px;
}

.alumni-interview .interview-wrapper h4 {
    font-size: 20px;
}

.alumni-interview .interview-wrapper .interview-desc p {
    line-height: 2;
    font-size: 13px;
    width: 85%;
}

.alumni-interview .interview-wrapper .interview-see-story {
    float: left;
    margin-top: 50px;
    display: block;
}

.alumni-interview .interview-wrapper .interview-see-story a {
    border: 3px solid #f7ca18;
    padding: 17px 41px;
    font-size: 17px;
    text-transform: uppercase;
    color: #2d2d2d;
    display: block;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.alumni-interview .interview-wrapper .interview-see-story a:hover {
    background-color: #f7ca18;
    color: #fff;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.alumni-interview .interview-wrapper h1 {
    color: #2d2d2d;
}

@media (min-width: 992px) {
    .alumni-interview .interview-wrapper {
        padding: 30px;
        background: rgba(0,0,0,0.4);
        margin: 40px 0;
    }
}

@media (max-width: 991px) {
    .alumni-interview .interview-wrapper {
        margin: 20px;
        padding: 10px;
        background: rgba(0,0,0,.4);
    }
}

@media (min-width: 992px) {
    .alumni-interview {
        background: url("../images/bg-home.jpg") no-repeat;
    }
}

@media (max-width: 991px) {
    .alumni-interview {
        background-color: #e9e9e9;
    }
}

/*** 13. Twitter Stream ***/
.twitter-stream .twitter-icon {
    display: block;
    margin-bottom: 25px;
}

.twitter-stream .twitter-icon .fa {
    font-size: 40px;
}

.twitter-stream .twitter-content .twitter-desc p {
    font-size: 25px;
    letter-spacing: 3px;
    line-height: 2;
}

.twitter-stream .twitter-content .twitter-desc a {
    color: #f7ca18;
}

.twitter-stream .twitter-content .twitter-user {
    width: 215px;
    margin: 20px auto 0;
}

.twitter-stream .twitter-content .twitter-user .avatar-user {
    float: left;
}

.twitter-stream .twitter-content .twitter-user .name {
    float: left;
    line-height: 2.2;
    margin-left: 18px;
    font-size: 18px;
    font-family: "Montserrat-Light";
}

@media (max-width: 767px) {
    .twitter-stream .twitter-content .twitter-desc p {
        font-size: 18px !important;
    }
}

@media (min-width: 768px) {
    .twitter-stream {
        padding: 75px 0;
    }
}

@media (max-width: 767px) {
    .twitter-stream {
        padding: 35px 0;
    }
}

/*** 14. Instagream  ***/
.instagream .instagram-feed ul li img {
    width: 100%;
}

.instagream .instagram-feed-user {
    width: 100%;
    float: left;
    background-color: #1a265c;
    margin-top: -5px;
    height: 60px;
    line-height: 57px;
    color: #fff;
}

.instagream .instagram-feed-user .user-wrapper {
    font-size: 14px;
    font-family: "Montserrat-Light";
    width: 140px;
    margin: 0 auto;
}

.instagream .instagram-feed-user .user-wrapper .icon-instagram {
    margin-right: 10px;
    margin-top: 3px;
    float: left;
    display: block;
}

.instagream .instagram-feed-user .user-wrapper .icon-instagram .fa {
    font-size: 22px;
    line-height: 22px;
}

/*** 15. newsletter  ***/
.newsletter {
    background: linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url(https://admin.abc-alumni.org/uploads/settings/news_letter_bg_1622874042.png);
    padding: 135px 0 115px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100%;
}

.newsletter .newsletter-wrapper {
    display: block;
}

.newsletter .newsletter-title {
    margin-bottom: 30px;
    color: #fff;
}

.newsletter .newsletter-title h2 {
    margin-bottom: 20px;
}

.newsletter .newsletter-title p {
    font-size: 14px;
    font-family: "Montserrat-Light";
    color: #fff;
}

.newsletter .form-inline .form-control {
    background-color: transparent !important;
    border-top: none;
    border-right: none;
    border-left: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0 auto;
    border-color: #7f87a5 !important;
}

.newsletter .form-inline button, .news .button {
    clear: both;
    margin: 30px auto 0;
    display: block;
    border: none;
    padding: 16px 45px;
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    font-family: "Montserrat-Bold";
    letter-spacing: 1px;
}

@media (min-width: 768px) {
    .newsletter .newsletter-title h2 {
        font-size: 34px;
    }

    .newsletter .form-inline .form-control {
        width: 420px;
    }
}

@media (max-width: 767px) {
    .newsletter .newsletter-title h2 {
        font-size: 26px;
        line-height: 1.6;
    }

    .newsletter .newsletter-title p {
        display: none;
    }

    .newsletter .form-inline .form-control {
        width: 100%;
    }
}

.newsletter.type2 .form-inline button {
    color: #1a265c;
    font-family: "Montserrat-Light";
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color: #ed1c24;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #f7ca18;
    border: 0px solid #fff;
    border-radius: 10px;
    opacity: 0.5;
}

/*************************************
  Contact form / get in touch
*************************************/
.container.con {
    height: 400px;
}

.account-page.register .container.con {
    height: 100%;
}

.container.con label {
    transform: translate(14px, 17px) !important;
    background-color: white !important;
    color: rgb(21, 71, 122) !important;
    padding: 0 6px;
    font-size: 13px;
    font-weight: 600;
}

.container.con input, .container.con textarea, .container.con select {
    border: 1px solid #1a265c !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=);
    cursor: auto;
    height: 40px;
    margin-top: 10px;
    width: 100%;
    border-radius: 5px;
}

.container.con textarea {
    height: 80px;
    margin-bottom: 10px;
}

.container.con tr {
    display: flex;
    align-items: center;
}

.container.con tr td {
    font-size: 17px;
    font-weight: 400;
    padding: 10px 15px;
    line-height: 22px;
}

.container.con tr td i {
    font-size: 30px;
    font-weight: 400;
    color: #1a265c;
}

.get-touch-form {
    border-radius: 8px !important;
    box-shadow: 0px 1px 19px -9px rgba(0, 0, 0, .70) !important;
    max-width: 350px !important;
    position: relative !important;
    z-index: 10 !important;
    background-color: white !important;
    bottom: 16px;
    padding: 25px 12px;
}

.account-page.register .get-touch-form {
    margin: 0 auto;
    box-shadow: none !important;
    max-width: 500px !important;
}

#imun-footer {
    background-color: #1a265c;
    transform: translateY(-170px);
    position: absolute;
    left: 0;
    right: 0;
}

#imun-footer p, #imun-footer b {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 17px !important;
    line-height: 18px;
    text-align: justify;
    color: #FFFFFF;
    width: 48%;
    padding: 10px 15px
}

#imun-footer b {
    font-size: 22px !important;
    font-weight: 600;
}

@media (max-width: 991.99px) {
    .container.con {
        height: 100%;
    }

    #imun-footer {
        background-color: #1a265c;
        transform: translateY(0px);
        position: relative;
        left: 0;
        right: 0;
    }

    .container.con .get-touch-form {
        margin-top: 25px;
        margin: 0 auto;
        bottom: -20px;
    }

    #imun-footer p {
        width: 100%;
    }

    .section-title span {
        top: 60px;
        font-size: 30px;
    }

    .content-wrapper {
        /* padding: 0 5px; */
    }

    section.blog-section, .mini-gallery {
        padding: 50px 5px;
    }

    .blog-slider {
        min-height: 500px;
        height: auto;
        margin: 145px auto 0;
    }

}


/*************************************
   16. About Us Page
*************************************/
.about-us .about-us-title {
    background: url("../images/cover-image.jpg");
    background-size: cover;
    padding: 330px 0 200px;
}

.about-us .about-us-title h1 {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.about-us .about-us-content {
    padding: 55px 0 25px;
}

.about-us .about-us-content .content-wrapper {
    line-height: 2;
    float: none;
}

.about-us .about-us-content .content-wrapper p {
    font-size: 14px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .about-us .about-us-title {
        padding: 150px 0;
    }

    .about-us .about-us-content .content-wrapper {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 991px) {
    .about-us .about-us-title {
        padding: 70px 0;
    }
}

.programs-services {
    padding: 50px 0;
}

.programs-services .services-img {
    padding-right: 30px;
}

.programs-services .services-img img {
    width: 100%;
}

.programs-services .services-content h2 {
    color: #2d2d2d;
    letter-spacing: 2px;
}

.programs-services .services-content #tab_services .nav-tabs {
    border-bottom: none;
}

.programs-services .services-content #tab_services .nav-tabs > li > a {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-family: "Montserrat-Light";
    color: #2d2d2d;
    border-bottom: 2px solid transparent !important;
}

.programs-services .services-content #tab_services .nav-tabs > li > a:hover {
    background: transparent !important;
    border-color: transparent !important;
}

.programs-services .services-content #tab_services .nav-tabs > li.active > a, .programs-services .services-content #tab_services .nav-tabs > li.active > a:hover, .programs-services .services-content #tab_services .nav-tabs > li.active > a:focus {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom: 2px solid #f7ca18 !important;
}

.programs-services .services-content #tab_services .tab-content {
    margin-top: 30px;
    float: left;
    line-height: 2;
    font-size: 14px;
}

.programs-services .services-content #tab_services .tab-content .list-item {
    margin-top: 25px;
    float: left;
}

.programs-services .services-content #tab_services .tab-content .list-item li {
    float: left;
    width: 100%;
    line-height: 3;
    position: relative;
}

.programs-services .services-content #tab_services .tab-content .list-item li:before {
    content: "";
    height: 15px;
    width: 15px;
    background-color: #f7ca18;
    margin-right: 35px;
    position: absolute;
    left: 0;
    top: 14px;
}

@media (min-width: 768px) {
    .programs-services .services-content #tab_services ul li {
        margin-right: 60px;
    }

    .programs-services .services-content #tab_services .tab-content .list-item {
        margin-left: 35px;
    }

    .programs-services .services-content #tab_services .tab-content .list-item li {
        padding-left: 50px;
    }
}

@media (max-width: 767px) {
    .programs-services .services-content h2 {
        font-size: 26px;
    }

    .programs-services .services-content #tab_services ul li {
        margin-right: 10px;
    }

    .programs-services .services-content #tab_services .tab-content .list-item li {
        padding-left: 25px;
    }
}

@media (min-width: 992px) {
    .programs-services .services-content h2 {
        margin-bottom: 25px;
        margin-top: -5px;
    }
}

@media (max-width: 991px) {
    .programs-services .services-img {
        margin-bottom: 25px;
    }

    .programs-services .services-content h2 {
        margin-bottom: 10px;
    }
}

.our-history {
    background-color: #fafafa;
}

.our-history .history-content .list-history {
    position: relative;
}

.our-history .history-content .list-history:before {
    height: 5px;
    content: "";
    background-color: #f7ca18;
    position: absolute;
}

.our-history .history-content .list-history li {
    width: 16.666%;
    float: left;
    position: relative;
}

.our-history .history-content .list-history li .history-title {
    color: #2d2d2d;
    font-size: 14px;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 1.6;
}

.our-history .history-content .list-history li .history-dot {
    width: 100%;
    float: left;
    text-align: center;
}

.our-history .history-content .list-history li .history-dot span {
    width: 15px;
    height: 15px;
    background-color: #1a265c;
    border: 3px solid #fff;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.our-history .history-content .list-history li .history-year {
    font-size: 14px;
    color: #9f9f9f;
    margin-top: 25px;
    float: left;
    width: 100%;
}

@media (min-width: 1200px) {
    .our-history .history-content .list-history:before {
        width: 960px;
        left: 89px;
        top: 74px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .our-history .history-content .list-history:before {
        width: 778px;
        left: 83px;
        top: 74px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .our-history .history-content .list-history .history-title {
        height: 66px;
    }

    .our-history .history-content .list-history:before {
        left: 59px;
        width: 606px;
        top: 95px;
    }
}

@media (max-width: 768px) {
    .our-history .history-content .list-history {
        width: 300px !important;
        margin: 0 auto;
    }

    .our-history .history-content .list-history:before {
        height: 458px !important;
        right: 118px;
        top: 30px;
        width: 5px;
    }

    .our-history .history-content .list-history li {
        width: 100%;
        float: left;
        text-align: center;
        padding: 10px 0;
    }

    .our-history .history-content .list-history li .history-title {
        float: left;
        width: 50%;
    }

    .our-history .history-content .list-history li .history-dot {
        float: left;
        width: 20%;
        margin-top: 20px !important;
    }

    .our-history .history-content .list-history li .history-year {
        float: left;
        width: 30%;
        margin-top: 20px !important;
    }
}

@media (min-width: 768px) {
    .our-history {
        padding: 60px 0 70px;
    }

    .our-history .history-content {
        padding-top: 40px;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .our-history {
        padding: 60px 0 20px;
    }

    .our-history .history-content {
        padding-top: 40px;
    }
}

.map .map-content img {
    width: 100%;
}

@media (min-width: 992px) {
    .map {
        padding: 60px 0;
    }

    .map .map-content {
        padding-top: 60px;
    }
}

@media (max-width: 991px) {
    .map {
        padding: 30px 0;
    }

    .map .map-content {
        padding-top: 20px;
    }
}

.title-page h2 {
    color: #2d2d2d;
    margin-bottom: 40px;
}

.title-page p {
    width: 53%;
    font-size: 14px;
    line-height: 2.4;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991px) {
    .title-page P {
        display: none;
    }
}

@media (max-width: 991px) {
    .title-page h2 {
        font-size: 26px;
    }
}

/*************************************
   17. Event Single Page
*************************************/
.event .event-img {
    background: url("../images/bg-event.jpg") 0 0;
    background-size: cover;
    position: relative;
}

.event .event-img img {
    width: 100%;
}

.event .event-img .event-time {
    background-color: #fff;
    position: absolute;
    display: inline-block;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 60px;
    text-align: center;
}

.event .event-content {
    padding: 55px 0 35px;
}

.event .event-content .event-detail .dates {
    color: #484848;
    font-size: 20px;
}

.event .event-content .event-detail .event-detail-title {
    padding: 25px 0;
    display: block;
}

.event .event-content .event-detail .event-detail-title h1 {
    color: #2d2d2d;
    line-height: 1.2;
}

.event .event-content .event-detail .place {
    display: block;
    margin-bottom: 20px;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
}

.event .event-content .event-detail .place .icon-map {
    background: url("../images/event-map-icon.png");
    width: 19px;
    height: 27px;
    float: left;
}

.event .event-content .event-detail .place .place-text {
    font-size: 20px;
    color: #484848;
}

.event .event-content .event-detail .view-map {
    width: 100%;
    text-align: center;
    float: left;
    display: block;
    margin-bottom: 20px;
}

.event .event-content .event-detail .view-map a {
    color: #3a539b;
    font-size: 20px;
    border-bottom: 2px;
    padding-bottom: 5px;
    border-style: solid;
    border-color: #3a539b;
}

.event .event-content .event-descriptiion {
    margin-top: 30px;
    width: 100%;
    float: left;
}

.event .event-content .event-descriptiion p {
    margin-bottom: 30px;
    color: #484848;
    font-size: 18px;
    line-height: 2;
}

.event .event-content .join-now {
    display: block;
    margin-top: 15px;
    float: left;
    width: 100%;
    /* margin-bottom: 25px; */
}

.event .event-content .join-now a {
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 2.3;
    font-weight: 400 !important;
}

@media (min-width: 768px) {
    .event .event-img .event-time {
        width: 545px;
        height: 115px;
        padding: 22px 60px;
    }

    .event .event-content .event-detail-title h1 {
        font-size: 35px;
    }

    .event .event-content .place {
        width: 51%;
    }
}

@media (max-width: 767px) {
    .event .event-img .event-time {
        width: 323px;
        height: 100px;
        padding: 20px;
        bottom: 10px !important;
    }

    .event .event-content .event-detail-title h1 {
        font-size: 25px;
    }

    .event .event-content .place {
        width: 95%;
    }
}

/*************************************
   18. Alumni Story Page
*************************************/
.alumni-story {
    padding: 55px 0 35px;
}

.alumni-story .alumni-story-wrapper {
    margin-bottom: 75px;
    float: left;
}

.alumni-story .alumni-story-wrapper .alumni-story-img img {
    width: 100%;
    height: 280px;
}

.alumni-story .alumni-story-wrapper .alumni-story-content {
    margin-top: 35px;
    padding-left: 30px;
    float: left;
    width: 100%;
}

.alumni-story .alumni-story-wrapper .alumni-story-content h3 {
    color: #484848;
    line-height: 1.4;
    margin-bottom: 20px;
}

.alumni-story .alumni-story-wrapper .alumni-story-content p {
    line-height: 2;
    font-size: 13px;
    float: left;
}

.alumni-story .alumni-story-wrapper .alumni-story-content .dates {
    float: left;
    margin-top: 20px;
    font-size: 13px;
    color: #9f9f9f;
}

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

.pagination-wrapper .pagination > li {
    float: left;
}
.pagination-wrapper .pagination > li a:focus{
    border: none;
}

.pagination-wrapper .pagination > li.active a, .pagination-wrapper .pagination > li.active a:focus{
    border:2px solid #f7ca18 !important;
    color: #757575 !important;
    z-index: 99999999;
    cursor: default;
}


.pagination-wrapper .prev {
    background: url("../images/prev.png") no-repeat;
    background-position: left center;
    padding-left: 15px;
    cursor: pointer;
}

.pagination-wrapper .next {
    background: url("../images/next.png") no-repeat;
    background-position: right center;
    padding-right: 15px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .pagination > li > a, .pagination > li > span {
        margin-left: 0 !important;
    }

    .prev a, .next a {
        font-size: 0 !important;
        padding: 18px 12px !important;
    }
}

/*************************************
   19. Job Detail Page
*************************************/
.job-detail {
    padding: 55px 0;
}

.job-detail .job-detail-title {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.job-detail .job-detail-title h5 {
    color: #2d2d2d;
    margin: 10px 0;
}

.job-detail .desc p {
    line-height: 1.8;
    font-family: "Montserrat-Light";
    font-size: 14px;
}

.job-detail .brand {
    float: left;
}

.job-detail .brand .brand-log {
    float: left;
    width: 140px;
}

.job-detail .brand .brand-content {
    float: left;
}

.job-detail .brand .brand-content h2 {
    color: #2d2d2d;
    font-size: 28px;
    margin-bottom: 10px;
}

.job-detail .brand .brand-content a {
    font-size: 15px;
    color: #757575;
}

.job-detail .brand .brand-content a:hover {
    text-decoration: none;
    color: #f7ca18;
}

.job-detail .aplly a {
    color: #fff;
    font-size: 14px;
    padding: 14px 55px;
}

.job-detail .about-company {
    width: 100%;
    float: left;
    padding-top: 20px;
}

.job-detail .about-company .about-company-content .info {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-size: 14px;
}

.job-detail .about-company .about-company-content .info .icon {
    width: 30px;
    height: 30px;
    float: left;
}

.job-detail .about-company .about-company-content .info .text-content {
    float: left;
}

.job-detail .about-company .about-company-content .info .budding-icon {
    background: url("../images/building-icon.png") no-repeat;
}

.job-detail .about-company .about-company-content .info .paper-icon {
    background: url("../images/paper-icon.png") no-repeat;
}

.job-detail .about-company .about-company-content .info .clock-icon {
    background: url("../images/clock-icon.jpg") no-repeat;
}

.job-detail .about-company .about-company-content .info > span {
    float: left;
    margin-right: 35px;
    line-height: 1.4;
}

.job-detail .jobs {
    width: 100%;
    float: left;
    padding-top: 20px;
}

.job-detail .jobs .jobs-content {
    padding-left: 35px;
}

.job-detail .jobs .jobs-content h5 {
    margin-bottom: 20px;
    color: #3a539b;
}

.job-detail .jobs .jobs-content .price {
    width: 100%;
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.4;
}

.job-detail .jobs .jobs-content .price .icon {
    width: 30px;
    height: 30px;
    float: left;
    background: url("../images/star-icon.png") no-repeat;
}

.job-detail .jobs .jobs-content .price .text-price {
    float: left;
}

.job-detail .jobs .jobs-content .info {
    padding-left: 30px;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.job-detail .jobs .jobs-content .info p {
    font-size: 14px;
}

.job-detail .why-us {
    width: 100%;
    float: left;
    padding-top: 20px;
}

.job-detail .why-us .why-us-content {
    padding-left: 35px;
}

.job-detail .why-us .why-us-content .list-item {
    margin-left: 30px;
    margin-top: 20px;
    float: left;
}

.job-detail .why-us .why-us-content .list-item li {
    float: left;
    width: 100%;
    line-height: 3;
    position: relative;
    padding-left: 40px;
    font-size: 14px;
}

.job-detail .why-us .why-us-content .list-item li:before {
    content: "";
    height: 15px;
    width: 15px;
    background-color: #3a539b;
    margin-right: 35px;
    position: absolute;
    left: 0;
    top: 14px;
}

.job-detail .apply-to {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.job-detail .apply-to a {
    font-size: 14px;
    padding: 16px 60px;
    display: inline-block;
    color: #fff;
}

@media (min-width: 768px) {
    .job-detail .brand {
        width: 60%;
    }

    .job-detail .brand .brand-content {
        padding: 40px;
    }

    .job-detail .aplly {
        float: right;
        width: 30%;
        text-align: right;
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .job-detail .brand {
        width: 100%;
    }

    .job-detail .brand .brand-content {
        padding: 40px 20px;
    }

    .job-detail .aplly {
        float: left;
        width: 100%;
        text-align: center;
        padding-top: 30px;
    }

    .job-detail .jobs .jobs-content .info p {
        line-height: 1.4;
    }

    .job-detail .why-us .list-item {
        margin-left: 0 !important;
    }
}

/*************************************
   20. Programs events Page
*************************************/
.program-upcoming-event {
    padding: 50px 0;
    background: url("../images/bg-event.jpg") no-repeat;
    background-size: cover;
}

.program-upcoming-event .area-img {
    position: relative;
}

.program-upcoming-event .area-img img {
    /* width: 100%; */
    max-height: 400px;
    min-height: 250px;
}


.program-upcoming-event .area-img #time-event {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    height: 70px;
    top: 0;
    color: #fff;
}

.program-upcoming-event .area-img #time-event .table-cell {
    padding: 0 20px !important;
}

.program-upcoming-event .area-img #time-event .table-cell .tab-val {
    color: #fff;
}

@media (min-width: 992px) {
    .program-upcoming-event .area-img #time-event {
        width: 400px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .program-upcoming-event .area-img #time-event {
        width: 380px;
    }
}

@media (max-width: 767px) {
    .program-upcoming-event .area-img #time-event {
        width: 340px;
    }
}

.program-upcoming-event .area-content .area-top {
    color: #fff;
}

.program-upcoming-event .area-content .area-top .top-section {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.program-upcoming-event .area-content .area-top .top-section h5 {
    float: left;
    margin-right: 20px;
}

.program-upcoming-event .area-content .area-top .top-section .dates {
    float: left;
    line-height: 1.6;
}

.program-upcoming-event .area-content .area-top h2 {
    line-height: 1.4;
    margin: 14px 0;
    letter-spacing: 1px;
}

.program-upcoming-event .area-content .area-top .map-icon {
    background: url("../images/map-icon-while.png") no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 10px;
}

.program-upcoming-event .area-content .area-top .text-place {
    font-size: 13px;
    line-height: 1.4;
    color: #e9e9e9;
}

.program-upcoming-event .area-content .area-top .area-calendar {
    background-color: #ebebeb;
    text-align: center;
    float: left;
    width: 70px;
    height: 90px;
    line-height: 1.4;
    padding-top: 5px;
}

.program-upcoming-event .area-content .area-top .area-calendar span {
    clear: both;
    float: left;
    width: 100%;
}

.program-upcoming-event .area-content .area-top .area-calendar .day {
    font-size: 27px;
    color: #2d2d2d;
}

.program-upcoming-event .area-content .area-top .area-calendar .month {
    font-size: 14px;
    color: #2d2d2d;
    padding-bottom: 5px;
}

.program-upcoming-event .area-content .area-top .area-calendar .year {
    background-color: #dadada;
    font-size: 14px;
    color: #595959;
    padding: 3px 0;
}

.program-upcoming-event .area-content .area-bottom {
    /* vertical-align: middle; */
}

.program-upcoming-event .area-content .area-bottom .join-now {
    color: #fff;
    font-size: 18px;
    margin-top: 7px;
    font-family: "Montserrat-Bold";
    display: inline-block;
}
.program-upcoming-event .area-content {
    padding: 160px 0 80px 40px;
}

@media (min-width: 1200px) {
    .program-upcoming-event .area-content {
        padding: 10% 0 0 40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .program-upcoming-event .area-content {
        padding: 60px 0 0 40px;
    }
}

@media (min-width: 992px) {
    .program-upcoming-event .area-content .area-bottom {
        padding-top: 20px;
        /* text-align: center; */
    }

    .program-upcoming-event .area-content .area-bottom .join-now {
        padding: 22px 80px;
    }
}

@media (max-width: 991px) {
    .program-upcoming-event .area-content {
        padding: 30px 0;
    }

    .program-upcoming-event .area-content .area-top h2 {
        font-size: 20px;
    }

    .program-upcoming-event .area-content .area-bottom {
        padding-top: 30px;
    }

    .program-upcoming-event .area-content .area-bottom .join-now {
        padding: 15px 40px;
    }
}

.event-calendar .top-section {
    background-color: #fcfcfc;
    padding: 30px 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.event-calendar .top-section h4 {
    color: #1a265c;
    font-size: 21px;
}

.event-calendar .event-month {
    color: #484848;
    padding: 55px 0;
    position: relative;
}

.event-calendar .event-month .year {
    width: 100%;
    float: left;
    font-size: 14px;
}

.event-calendar .event-month .month {
    width: 100%;
    float: left;
    font-size: 30px;
    padding: 10px;
}

.event-calendar .event-month .owl-prev, .event-calendar .event-month .owl-next {
    position: absolute;
    top: 10px;
    width: 21px;
    height: 37px;
    display: block !important;
    font-size: 0;
}

.event-calendar .event-month .owl-prev {
    background: url("../images/event-prev.png") no-repeat;
    left: 0px;
}

.event-calendar .event-month .owl-next {
    background: url("../images/event-next.png") no-repeat;
    right: 0px;
}

.event-calendar .event-list-content {
    background-color: #fcfcfc;
    margin-bottom: 55px;
    float: left;
}

.event-calendar .event-list-content .event-list-item:last-child {
    border: none !important;
}

.event-calendar .event-list-content .event-list-item {
    border-bottom: 1px solid #e9e9e9;
    padding: 45px 0;
    width: 94%;
    display: block;
    float: left;
    margin-left: 30px;
}

.event-calendar .event-list-content .event-list-item .date-item {
    float: left;
    padding: 0 5px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.3;
}

.event-calendar .event-list-content .event-list-item .date-item .dates {
    color: #9f9f9f;
    width: 100%;
    float: left;
    font-size: 21px;
}

.event-calendar .event-list-content .event-list-item .date-item .day {
    font-size: 40px;
    width: 100%;
    float: left;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper {
    float: left;
    padding-left: 55px;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .date-title {
    display: block;
    margin-bottom: 20px;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .date-title h4 {
    color: #2d2d2d;
    font-size: 21px;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .date-excerpt p {
    line-height: 2;
    font-size: 14px;
    color: #757575;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .place {
    float: left;
    margin: 10px 0 0;
    font-family: "Montserrat-Light";
    line-height: 2;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .place i {
    color: #757575;
    font-size: 15px;
    font-weight: 300;
    margin-left: 10px;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .place .text-place {
    color: #757575;
    font-size: 13px;
    font-weight: 600;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .place .map-icon {
    width: 18px;
    height: 18px;
    float: left;
    background: url("../images/map-icon.png") no-repeat;
    background-size: 18px 18px;
    margin-right: 10px;
    margin-top: 4px;
}

.post-job {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin-left: auto;
    background: #f7ca18;
    padding: 18px 32px;
    margin-right: 3px;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .place a {
    margin-left: 20px;
    text-decoration: underline;
    color: #818ddf;
}

.event-calendar .event-list-content .event-list-item .date-desc-wrapper .place a:hover {
    color: #f7ca18;
}

.event-calendar .event-list-content .event-list-item .date-links a, .date-links a {
    font-size: 14px;
    float: right;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 20px;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.event-calendar .event-list-content .event-list-item .date-links span {
    float: right;
    width: 100%;
    text-align: center;
    color: #de2121;
    font-size: 14px;
}

.event-calendar .event-list-content .event-list-item .sold-out a, .sold-out a {
    background-color: #9f9f9f;
    color: #fff;
}

.event-calendar .event-list-content .event-list-item .sold-out a:hover, .sold-out a:hover {
    color: #f7ca18;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.event-calendar .event-list-content .event-list-item .register a {
    border: 2px solid #f7ca18;
    color: #484848;
}

.event-calendar .event-list-content .event-list-item .register a:hover {
    color: #fff;
    background-color: #f7ca18;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

@media (min-width: 1200px) {
    .event-calendar .event-list-content .event-list-item .date-links a, .date-links a {
        padding: 18px 10px;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .event-calendar .event-list-content .event-list-item .date-links a {
        padding: 18px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .event-calendar .event-list-content .event-list-item .date-links a {
        padding: 18px 10px;
    }
}

@media (min-width: 768px) {
    .event-calendar .event-list-content .event-list-item .date-links {
        width: 17%;
        float: right;
        /*padding-right: 20px;*/
    }

    .event-calendar .event-list-content .event-list-item .date-item {
        width: 8%;
    }

    .event-calendar .event-list-content .event-list-item .date-desc-wrapper {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .event-calendar .event-list-content .event-list-item {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .event-calendar .event-list-content .event-list-item .date-links {
        width: 100% !important;
    }

    .event-calendar .event-list-content .event-list-item .date-links a {
        padding: 18px 40px;
        display: inline-block;
        max-width: 200px;
        float: none;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .event-calendar .event-list-content .event-list-item .date-item {
        width: 20%;
    }

    .event-calendar .event-list-content .event-list-item .date-desc-wrapper {
        width: 80%;
    }
}

@media (max-width: 480px) {
    .event-calendar .event-list-content .event-list-item .date-item {
        width: 100%;
        margin-bottom: 25px;
    }

    .event-calendar .event-list-content .event-list-item .date-desc-wrapper {
        width: 100%;
        padding-left: 0 !important;
    }
}

/*************************************
   21. Galery Page
*************************************/
.galery-wrapper .galery-title {
    padding: 80px 0 50px;
}

.galery-wrapper .galery-title h4 {
    font-size: 20px;
    color: #2d2d2d;
}

.galery-wrapper .galery-content {
    float: left;
}

.galery-wrapper .galery-content ul li {
    padding: 0;
    margin: -1px;
}

.galery-wrapper .galery-content ul li img {
    width: 100%;
}

.galery-wrapper .galery-content ul li .galery-item {
    position: relative;
}

.galery-wrapper .galery-content ul li .galery-item:hover .galery-content {
    visibility: visible;
    opacity: 1;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.galery-wrapper .galery-content ul li .galery-item .galery-content {
    position: absolute;
    background-color: rgba(247, 202, 24, 0.9);
    top: 4%;
    left: 4%;
    right: 4%;
    bottom: 4%;
    margin: auto;
    width: 92%;
    height: 92%;
    z-index: 10;
    text-align: center;
    padding-top: 40%;
    cursor: pointer;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    opacity: 0;
}

.galery-wrapper .galery-content ul li .galery-item .galery-content h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
    font-family: time-new-roman;
}

.galery-wrapper .galery-content ul li .galery-item .galery-content a {
    color: #fff;
    font-size: 25px;
}

.galery-wrapper .pagination-wrapper {
    padding: 53px 0;
    display: block;
    float: left;
    width: 100%;
}

.galery-wrapper .pagination-wrapper .pagination {
    margin: 0;
}

.overflow-body {
    overflow: hidden;
}

.bg-popup {
    background-color: rgba(48, 59, 108, 0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9998;
    display: none;
}

.bg-popup.ready-popup {
    display: block;
}

.wrapper-popup {
    display: none;
    height: auto;
    left: 0;
    margin: auto;
    max-width: 700px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9999;
    transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
}

.wrapper-popup .close-popup {
    color: #ececf0;
    font-size: 25px;
    position: absolute;
    top: -45px;
    right: 0;
}

.wrapper-popup .popup-content {
    background-color: #fff;
    float: left;
    padding: 0;
}

.wrapper-popup .popup-content .box-img img {
    width: 100%;
}

.wrapper-popup .popup-content .desc {
    padding: 30px 60px;
}

.wrapper-popup .popup-content .desc p {
    line-height: 2;
    color: #484848;
    font-size: 13px;
    font-family: "Montserrat-Light";
}

.wrapper-popup.ready-popup {
    display: block;
}

/*************************************
   22. Access Denied Page
*************************************/
.access-denied {
    padding: 90px 0 85px;
}

.access-denied h2 {
    color: #2d2d2d;
    margin-bottom: 20px;
}

.access-denied .box-text h4 {
    font-size: 20px;
    color: #484848;
    margin-bottom: 20px;
}

.access-denied .box-text p {
    font-size: 13px;
    line-height: 2;
}

/*************************************
   23. Log In And Register  Page
*************************************/
.account-page .account-title h4 {
    font-size: 20px;
    color: #484848;
    margin-bottom: 10px;
    line-height: 1.6;
}

.account-page .account-content {
    display: block;
}

.account-page .account-content .input-box {
    /* display: grid; */
    /* height: 70px; */
    text-align: center;
}

.account-page .account-content .input-box textarea, .account-page .account-content .input-box select, .account-page .account-content .input-box select option, .account-page .account-content .input-box input {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid #1a265c;
    border-radius: 3px;
    height: 50px;
    /* text-align: center; */
    color: #797979;
    background-color: transparent;
    font-size: 15px;
    font-weight: 600;
    font-family: "Montserrat-Light";
    margin-bottom: 20px;
    padding-left: 10px;
}

.my-profile input, .my-profile select, .my-profile textarea {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid #1a265c;
    border-radius: 3px;
    height: 50px;
    /* text-align: center; */
    color: #797979;
    background-color: transparent;
    font-size: 15px;
    font-weight: 600;
    font-family: "Montserrat-Light";
    margin-bottom: 0;
    padding-left: 10px;
}

.account-page .account-content .input-box label {
    border: none;
    background-color: #ffffff;
    padding: 8px;
    padding-left: 10px;
    height: 0px;
    /*width: 155px;*/
    margin-bottom: 0;
    display: block;
    transform: translate(-160px, 2px) !important;
    text-align: left;
    color: rgb(21, 71, 122) !important;
}

.account-page .account-content .input-box.uid label {
    width: 100px;
    transform: translate(-186px, 2px) !important;
}

.account-page .account-content .input-box.password label {
    width: 90px;
    transform: translate(-189px, 2px) !important;
}

.account-page .account-content .input-box.fullname label {
    width: 100px;
    transform: translate(-184px, 2px) !important;
}

.account-page .account-content .input-box.degree label {
    width: 135px;
    transform: translate(-167px, 2px) !important;
}

.account-page .account-content .input-box.major label {
    width: 60px;
    transform: translate(-203px, 2px) !important;
}

.account-page .account-content .input-box.UniversityChina label {
    width: 190px;
    transform: translate(-137px, 2px) !important;
}

.account-page .account-content .input-box.gradyear label {
    width: 138px;
    transform: translate(-165px, 2px) !important;
}

.account-page .account-content .input-box.gradpic label {
    width: 117px;
    transform: translate(-175px, 2px) !important;
}

.account-page .account-content .input-box.gradpic span {
    font-size: 11px;
    font-weight: 600;
    transform: translate(-225px, -17px);
    position: absolute;
    color: rgba(0, 0, 0, .50);
}

.account-page .account-content .input-box.award label {
    width: 135px;
    transform: translate(-165px, 2px) !important;
}

.account-page .account-content .input-box.award .isAwardYes label {
    width: 104px;
    transform: translate(-156px, 1px) !important;
}

.account-page .account-content .input-box.award .isAwardYes div > input {
    width: 450px;
}

.account-page .account-content .input-box.award .isAwardYes span {
    color: #fff;
}

.account-page .account-content .input-box.occupation label {
    width: 102px;
    transform: translate(-184px, 2px) !important;
}

.account-page .account-content .input-box.workplace label {
    width: 100px;
    transform: translate(-184px, 2px) !important;
}

.account-page .account-content .input-box.paddress label {
    width: 140px;
    transform: translate(-165px, 2px) !important;
}

.account-page .account-content .input-box.email label {
    width: 62px;
    transform: translate(-203px, 2px) !important;
}

.account-page .account-content .input-box.phone label {
    width: 70px;
    transform: translate(-197px, 2px) !important;
}

.account-page .account-content .input-box.wechat label {
    width: 98px;
    transform: translate(-184px, 2px) !important;
}

.account-page .account-content .input-box.gender label {
    width: 75px;
    transform: translate(-193px, 2px) !important;
}

@media (max-width: 550px) {
    .account-page .account-content .input-box.uid label {
        transform: translate(-135px, 2px) !important;
    }

    .account-page .account-content .input-box.password label {
        transform: translate(-141px, 2px) !important;
    }

    .account-page .account-content .input-box.fullname label {
        transform: translate(-135px, 2px) !important;
    }

    .account-page .account-content .input-box.degree label {
        transform: translate(-118px, 2px) !important;
    }

    .account-page .account-content .input-box.major label {
        transform: translate(-155px, 2px) !important;
    }

    .account-page .account-content .input-box.UniversityChina label {
        transform: translate(-90px, 2px) !important;
    }

    .account-page .account-content .input-box.gradyear label {
        transform: translate(-116px, 2px) !important;
    }

    .account-page .account-content .input-box.gradpic label {
        transform: translate(-126px, 2px) !important;
    }

    .account-page .account-content .input-box.gradpic span {
        transform: translate(-250px, -17px);
        width: 100%;
    }

    .account-page .account-content .input-box.award label {
        transform: translate(-118px, 2px) !important;
    }

    .account-page .account-content .input-box.award .isAwardYes label {
        transform: translate(-133px, 2px) !important;
    }

    .account-page .account-content .input-box.award .isAwardYes div > input {
        width: 320px;
    }

    .account-page .account-content .input-box.occupation label {
        transform: translate(-134px, 2px) !important;
    }

    .account-page .account-content .input-box.workplace label {
        transform: translate(-135px, 2px) !important;
    }

    .account-page .account-content .input-box.paddress label {
        transform: translate(-115px, 2px) !important;
    }

    .account-page .account-content .input-box.email label {
        transform: translate(-154px, 2px) !important;
    }

    .account-page .account-content .input-box.phone label {
        transform: translate(-150px, 2px) !important;
    }

    .account-page .account-content .input-box.wechat label {
        transform: translate(-134px, 2px) !important;
    }

    .account-page .account-content .input-box.gender label {
        transform: translate(-146px, 2px) !important;
    }
}

@media (max-width: 375px) {
    .account-page .account-content .input-box.uid label {
        transform: translate(-110px, 2px) !important;
    }

    .account-page .account-content .input-box.password label {
        transform: translate(-115px, 2px) !important;
    }

    .account-page .account-content .input-box.fullname label {
        transform: translate(-110px, 2px) !important;
    }

    .account-page .account-content .input-box.degree label {
        transform: translate(-93px, 2px) !important;
    }

    .account-page .account-content .input-box.major label {
        transform: translate(-130px, 2px) !important;
    }

    .account-page .account-content .input-box.UniversityChina label {
        transform: translate(-66px, 2px) !important;
    }

    .account-page .account-content .input-box.gradyear label {
        transform: translate(-91px, 2px) !important;
    }

    .account-page .account-content .input-box.gradpic label {
        transform: translate(-100px, 2px) !important;
    }

    .account-page .account-content .input-box.gradpic span {
        transform: translate(-210px, -17px);
        width: 100%;
    }

    .account-page .account-content .input-box.award label {
        transform: translate(-90px, 2px) !important;
    }

    .account-page .account-content .input-box.award .isAwardYes label {
        transform: translate(-64px, 2px) !important;
    }

    .account-page .account-content .input-box.award .isAwardYes div > input {
        width: 270px;
    }

    .account-page .account-content .input-box.occupation label {
        transform: translate(-108px, 2px) !important;
    }

    .account-page .account-content .input-box.workplace label {
        transform: translate(-110px, 2px) !important;
    }

    .account-page .account-content .input-box.paddress label {
        transform: translate(-90px, 2px) !important;
    }

    .account-page .account-content .input-box.email label {
        transform: translate(-128px, 2px) !important;
    }

    .account-page .account-content .input-box.phone label {
        transform: translate(-122px, 2px) !important;
    }

    .account-page .account-content .input-box.wechat label {
        transform: translate(-109px, 2px) !important;
    }

    .account-page .account-content .input-box.gender label {
        transform: translate(-121px, 2px) !important;
    }
}

@media (max-width: 320px) {
    .account-page .account-content .input-box.uid label {
        transform: translate(-83px, 2px) !important;
    }

    .account-page .account-content .input-box.password label {
        transform: translate(-88px, 2px) !important;
    }

    .account-page .account-content .input-box.fullname label {
        transform: translate(-83px, 2px) !important;
    }

    .account-page .account-content .input-box.degree label {
        transform: translate(-65px, 2px) !important;
    }

    .account-page .account-content .input-box.major label {
        transform: translate(-103px, 2px) !important;
    }

    .account-page .account-content .input-box.UniversityChina label {
        transform: translate(-37px, 2px) !important;
    }

    .account-page .account-content .input-box.gradyear label {
        transform: translate(-63px, 2px) !important;
    }

    .account-page .account-content .input-box.gradpic label {
        transform: translate(-75px, 2px) !important;
    }

    .account-page .account-content .input-box.gradpic span {
        transform: translate(-160px, -17px);
        width: 100%;
    }

    .account-page .account-content .input-box.award label {
        transform: translate(-65px, 2px) !important;
    }

    .account-page .account-content .input-box.award .isAwardYes label {
        transform: translate(-64px, 2px) !important;
    }

    .account-page .account-content .input-box.award .isAwardYes div > input {
        width: 225px;
    }

    .account-page .account-content .input-box.occupation label {
        transform: translate(-81px, 2px) !important;
    }

    .account-page .account-content .input-box.workplace label {
        transform: translate(-82px, 2px) !important;
    }

    .account-page .account-content .input-box.paddress label {
        transform: translate(-62px, 2px) !important;
    }

    .account-page .account-content .input-box.email label {
        transform: translate(-103px, 2px) !important;
    }

    .account-page .account-content .input-box.phone label {
        transform: translate(-97px, 2px) !important;
    }

    .account-page .account-content .input-box.wechat label {
        transform: translate(-83px, 2px) !important;
    }

    .account-page .account-content .input-box.gender label {
        transform: translate(-95px, 2px) !important;
    }
}

.account-page .account-content .input-box textarea:focus, .account-page .account-content .input-box select:focus, .account-page .account-content .input-box select option:focus, .account-page .account-content .input-box input:focus, .my-profile input:focus {
    border-radius: 5px;
    outline: none;
}

.account-page .account-content .input-box textarea {
    height: 120px;
    padding-top: 15px;
}

.account-page .account-content .buttons-set {
    margin-top: 40px;
    text-align: center;
}

input[type='file'] {
    padding-top: 13px;
}

.isAwardYes {
    display: block;
}

.isAwardYes input {
    max-width: 430px !important;
    height: 45px;
    display: inline-block;
}

.isAwardYes i {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 18px;
    background-color: #f7ca18;
    margin-left: 5px;
    border-radius: 5px;
}

.forget-link {
    padding: 15px 0 0;
    display: flex;
    justify-content: center;
}

.forget-link a {
    text-decoration: none;
    color: #9f9f9f;
    align-items: center;
    font-size: 14px;
}

.forget-link a:first-child {
    margin-right: 50px;
}

.forget-link a:last-child {
    margin-left: 50px;
}

.forget-link a:hover {
    color: #606060;
}

@media (max-width: 340px) {
    .forget-link a:first-child {
        margin-right: 40px;
    }

    .forget-link a:last-child {
        margin-left: 40px;
    }
}

.account-page .account-content .buttons-set a {
    padding: 16px 55px;
    color: #2d2d2d;
    font-size: 16px;
    display: inline-block;
}

@media (min-width: 768px) {
    .account-page.register {
        padding: 105px 95px 94px;
    }

    .regi-tab .account-page.register {
        padding: 15px;
    }

    .account-page.login {
        padding: 135px 95px 115px;
    }
}

@media (max-width: 767px) {
    .account-page {
        padding: 40px 0;
    }
}

/*************************************
   24. Alummi Directory Page
*************************************/
.alumni-directory {
    float: left;
    /*padding: 85px 0 35px;*/
    padding: 0px 0 35px;
    width: 100%;
}
.directory-image-td img {
    width: 50px;
    border-radius: 100%;
    height: 50px;
}
.alumni-directory .top-section {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.alumni-directory .top-section .title-page h4 {
    font-size: 21px;
    color: #2d2d2d;
}

.alumni-directory .top-section .search-alumni-directory input {
    float: left;
    height: 45px;
    min-width: 260px;
    border-color: #e9e9e9;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 13px;
    color: #9f9f9f;
    font-family: "Montserrat-Light";
    padding-left: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
}

.alumni-directory .top-section .search-alumni-directory button {
    float: left;
    border: none;
    height: 45px;
    padding: 16px 40px;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
}

@media (min-width: 992px) {
    .alumni-directory .top-section .search-alumni-directory form {
        float: right;
    }
}

@media (max-width: 991px) {
    .alumni-directory .top-section .title-page {
        margin-bottom: 25px;
    }

    .alumni-directory .top-section .search-alumni-directory form {
        float: left;
    }

    .alumni-directory .top-section .search-alumni-directory form .form-control {
        width: auto !important;
        display: inline-block;
        min-width: 200px !important;
    }
}

@media (max-width: 480px) {
    .alumni-directory .top-section .search-alumni-directory form button {
        padding: 16px 20px !important;
    }
}

.alumni-directory .alumni-directory-content span {
    float: left;
    line-height: 2;
    font-size: 14px;
    font-family: "Montserrat-Light";
}

.alumni-directory .alumni-directory-content ul li {
    width: 100%;
    float: left;
}

.alumni-directory .alumni-directory-content .user {
    width: 17%;
    display: flex;
    align-items: center;
}

.alumni-directory .alumni-directory-content .year {
    width: 12%;
    padding: 0 10px;
}

.alumni-directory .alumni-directory-content .city {
    width: 13%;
    padding: 0 10px;
}

.alumni-directory .alumni-directory-content .scholl {
    width: 17%;
    padding: 0 10px;
}

.alumni-directory .alumni-directory-content .label-content .btn-action {
    width: 10%;
    padding: 7px 15px;
    text-align: center;
}

.alumni-directory .alumni-directory-content .box-content .btn-action {
    width: 10%;
    background-color: #f7ca18;
    padding: 7px 15px;
    text-align: center;
    color: #fff;
}

.modal-dialog-centered {
    align-items: center;
}

.alumni-directory .alumni-directory-content .department {
    width: 17%;
    padding: 0 10px;
}

.alumni-directory .alumni-directory-content .label-content {
    padding-bottom: 25px;
    border-bottom: 1px solid #d9d9d9;
}

.alumni-directory .alumni-directory-content .label-content span {
    color: #2d2d2d;
    font-size: 14px;
    text-transform: capitalize;
}

.alumni-directory .alumni-directory-content .box-content {
    padding: 3px 0;
    position: relative;
    align-items: center;
    display: flex;
}

.alumni-directory .alumni-directory-content .box-content:before {
    content: "";
    height: 1px;
    width: 93.5%;
    bottom: 0;
    right: 0;
    background-color: #e9e9e9;
    position: absolute;
}

.alumni-directory .alumni-directory-content .box-content .user img {
    float: left;
}

.alumni-directory .alumni-directory-content .box-content .user .label-name {
    float: left;
    margin-left: 15px;
    color: #2d2d2d;
    font-family: "Montserrat-Regular";
    align-items: center;
}

@media (min-width: 1200px) {
    .alumni-directory .alumni-directory-content {
        width: 100%;
        float: left;
    }
}

@media (max-width: 1199px) {
    .alumni-directory .alumni-directory-content {
        overflow-y: hidden;
    }

    .alumni-directory .alumni-directory-content .list-item {
        width: 1170px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .alumni-directory .alumni-directory-content {
        width: 940px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .alumni-directory .alumni-directory-content {
        width: 720px;
    }
}

@media (max-width: 768px) {
    .alumni-directory .alumni-directory-content {
        width: 100%;
    }
}

.alumni-directory .pagination-wrapper {
    float: left;
    width: 100%;
    padding: 55px 0 35px;
}

/*************************************
  25. Story Single Page
*************************************/
.story-single {
    padding-bottom: 55px;
}

.story-single .cover-img .area-img img {
    width: 100%;
}

.story-single .cover-img .area-title {
    color: #2d2d2d;
}

@media (min-width: 768px) {
    .story-single .cover-img .area-title {
        margin-top: -107px;
        margin-bottom: 50px;
    }

    .story-single .cover-img .area-title h1 {
        font-size: 45px;
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .story-single .cover-img .area-title {
        margin-bottom: 20px;
    }

    .story-single .cover-img .area-title h1 {
        font-size: 25px;
        margin-top: 20px;
    }

    .story-single .cover-img .area-title h2 {
        font-size: 18px;
    }
}

.story-single .story-content .desc {
    float: left;
    width: 100%;
}

.story-single .story-content .desc p {
    font-size: 18px;
    color: #2d2d2d;
    font-family: "Montserrat-Light";
    line-height: 1.6;
    margin-bottom: 40px;
}

.story-single .story-content .desc-center p {
    color: #2d2d2d;
    font-family: "Montserrat-Light";
    line-height: 1.4;
}

@media (min-width: 768px) {
    .story-single .story-content .desc-center {
        width: 76%;
        margin: 0 auto;
        padding: 35px 0 75px;
        clear: both;
    }

    .story-single .story-content .desc-center p {
        font-size: 33px;
    }
}

@media (max-width: 767px) {
    .story-single .story-content .desc-center {
        padding: 0 0 50px;
    }

    .story-single .story-content .desc-center p {
        font-size: 25px;
    }
}

.story-single .story-content .desc-border {
    padding: 35px;
    border: 2px dashed #f7ca18;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.story-single .story-content .desc-border h4 {
    color: #2d2d2d;
    font-size: 20px;
    margin-bottom: 20px;
}

.story-single .story-content .desc-border p {
    color: #2d2d2d;
    font-size: 20px;
    font-family: "Montserrat-Light";
    line-height: 1.6;
}

@media (min-width: 768px) {
    .story-single .story-content .desc-border p {
        width: 58%;
        margin: 0 auto;
    }
}

.story-single .story-content .post-by p {
    font-size: 16px;
    color: #9f9f9f;
    font-style: italic;
}

.story-single .story-content .post-by span {
    text-decoration: underline;
}

.story-single .orther-story {
    background: url("../images/bg-other-story.jpg") no-repeat;
    background-size: cover;
}

.story-single .orther-story .box-right a {
    padding-right: 40px;
}

.story-single .orther-story .box-right a:before {
    content: "\e876";
    right: 0;
}

.story-single .orther-story .box-right .story-text {
    width: 100%;
    float: right;
}

.story-single .orther-story .box-left a {
    padding-left: 40px;
}

.story-single .orther-story .box-left a:before {
    content: "\e875";
    left: 0;
}

.story-single .orther-story a {
    color: #fff;
    display: block;
}

.story-single .orther-story a:before {
    font-family: 'Linearicons-Free';
    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;
    font-size: 30px;
    top: 10px;
    position: absolute;
    color: #ecede7;
}

.story-single .orther-story a .story-text {
    font-size: 15px;
}

.story-single .orther-story a .story-title {
    font-size: 19px;
    margin-top: 10px;
    width: 100%;
    float: left;
}

@media (min-width: 768px) {
    .story-single .orther-story {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    .story-single .orther-story {
        padding: 30px 0;
    }
}

.story-single .share .box-share h4 {
    float: left;
}

.story-single .share .box-share ul {
    float: left;
}

@media (min-width: 768px) {
    .story-single {
        padding-bottom: 55px;
    }
}

@media (max-width: 767px) {
    .story-single {
        padding-bottom: 25px;
    }
}

.share .box-share h4 {
    font-size: 18px;
    color: #2d2d2d;
    text-transform: uppercase;
    line-height: 3.5;
}

.share .box-share ul li {
    float: left;
    margin-left: 20px;
}

.share .box-share ul li a {
    background: #2f2db3;
    color: #fff;
    display: block;
    background-repeat: no-repeat;
    width: 100%;
    padding: 15px;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
li.social-fb a{}

li.social-twitter a {
    background: #1da1f2 !important;
}

.share .box-share ul li a:hover {
    opacity: 0.9;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

@media (min-width: 992px) {
    .share .box-share ul li {
        height: 55px;
        width: 220px;
    }

    .share .box-share ul .facebook a {
        background: url("../images/facebook.png") no-repeat;
    }

    .share .box-share ul .twitter a {
        background: url("../images/twitter.png") no-repeat;
    }

    .share .box-share ul .google a {
        background: url("../images/google.png") no-repeat;
    }
}

@media (max-width: 991px) {
    .share .box-share ul li {
        /* height: 37px; */
        /* width: 37px; */
    }

    .share .box-share ul .facebook a {
        background: url("../images/facebook-small.jpg") no-repeat;
    }

    .share .box-share ul .twitter a {
        background: url("../images/twitter-small.jpg") no-repeat;
    }

    .share .box-share ul .google a {
        background: url("../images/google-small.jpg") no-repeat;
    }
}

@media (min-width: 768px) {
    .share {
        /* padding: 55px 0; */
    }
}

@media (max-width: 767px) {
    .share {
        padding: 25px 0;
    }
}

.comments .note-comments {
    color: #484848;
    font-size: 20px;
    margin-bottom: 30px;
    float: left;
}

.comments .list-comments {
    float: left;
}

.comments .list-comments li {
    width: 100%;
    float: left;
    padding: 20px 0;
}

.comments .list-comments li .user-avatar {
    float: left;
}

.comments .list-comments li .user-comments {
    float: left;
    padding-left: 30px;
}

.comments .list-comments li .user-comments h4 {
    font-size: 20px;
    color: #484848;
    margin-bottom: 20px;
}

.comments .list-comments li .user-comments p {
    font-size: 14px;
    color: #484848;
    line-height: 1.6;
    margin-bottom: 20px;
}

.comments .list-comments li .user-comments a {
    color: #9f9f9f;
    font-size: 14px;
}

@media (min-width: 992px) {
    .comments .list-comments li .user-avatar {
        width: 8%;
    }

    .comments .list-comments li .user-comments {
        width: 92%;
    }
}

@media (max-width: 991px) {
    .comments .list-comments li .user-avatar {
        width: 20%;
    }

    .comments .list-comments li .user-comments {
        width: 80%;
    }
}

@media (min-width: 768px) {
    .comments {
        padding: 55px 0;
    }
}

@media (max-width: 767px) {
    .comments {
        padding: 25px 0;
    }
}

.write-comments .title-write h4 {
    color: #484848;
    font-size: 20px;
    margin-bottom: 30px;
    float: left;
}

.write-comments form .input-box {
    margin-bottom: 20px;
}

.write-comments form .your-comment {
    border-bottom: 1px solid #9f9f9f;
    width: 100%;
    float: left;
    padding-bottom: 45px;
}

.write-comments form .email {
    float: left;
}

.write-comments form .password {
    float: left;
}

.write-comments form input {
    padding: 15px;
}

.write-comments form textarea {
    padding-top: 15px;
    padding-left: 15px;
    height: 45px;
}

.write-comments form textarea, .write-comments form input {
    width: 100%;
    float: left;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #9f9f9f;
    color: #9f9f9f;
    font-size: 15px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.write-comments form .buttons-set {
    text-align: right;
    margin-top: 30px;
    width: 100%;
    float: left;
}

.write-comments form .buttons-set a {
    padding: 18px 60px;
    font-size: 16px;
    color: #ffffff;
    display: block;
    float: right;
}

@media (min-width: 768px) {
    .write-comments form .email {
        margin-right: 4%;
    }

    .write-comments form .email, .write-comments form .password {
        width: 48%;
    }
}

@media (max-width: 767px) {
    .write-comments form .email, .write-comments form .password {
        width: 100%;
    }
}

.write-comments ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9f9f9f;
}

.write-comments ::-moz-placeholder {
    /* Firefox 19+ */
    color: #9f9f9f;
}

.write-comments :-ms-input-placeholder {
    /* IE 10+ */
    color: #9f9f9f;
}

.write-comments :-moz-placeholder {
    /* Firefox 18- */
    color: #9f9f9f;
}

/*************************************
  26. Career Opportunity Page
*************************************/
.career-opportunity .top-section {
    width: 100%;
    float: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}

.career-opportunity .top-section .title-page h4 {
    font-size: 21px;
    color: #2d2d2d;
}

.career-opportunity .top-section .sellect-career-opportunity {
    /* width: 100%; */
    /* float: left; */
}

.career-opportunity .top-section .sellect-career-opportunity label {
    /* float: left; */
    color: #484848;
    font-size: 15px;
    margin-right: 20px;
    line-height: 3;
}

.career-opportunity .top-section .sellect-career-opportunity .navbar-form {
    float: left;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item {
    float: left;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item li {
    /* float: left; */
}

.career-opportunity .top-section .sellect-career-opportunity .list-item input, .career-opportunity .top-section .sellect-career-opportunity .list-item .select {
    height: 45px;
    border: 1px solid #acacac;
    /* margin-right: 10px; */
    padding: 10px 15px;
    font-size: 13px;
    font-family: "Montserrat-Light";
}

@media (min-width: 480px) {
    .career-opportunity .top-section .sellect-career-opportunity .list-item input {
        /* min-width: 245px; */
    }

    .career-opportunity .top-section .sellect-career-opportunity .list-item .select-rate {
        min-width: 245px;
    }

    .career-opportunity .top-section .sellect-career-opportunity .list-item .select-role {
        min-width: 135px;
    }
}

@media (max-width: 479px) {
    .career-opportunity .top-section .sellect-career-opportunity .list-item li {
        width: 100%;
    }

    .career-opportunity .top-section .sellect-career-opportunity .list-item input {
        width: 100%;
    }

    .career-opportunity .top-section .sellect-career-opportunity .list-item .select-rate {
        width: 100%;
    }

    .career-opportunity .top-section .sellect-career-opportunity .list-item .select-role {
        width: 100%;
    }

    .career-opportunity .top-section .sellect-career-opportunity .list-item .select .dropdown-menu {
        width: 100%;
        margin: 1px 0 0 !important;
    }
}

.career-opportunity .top-section .sellect-career-opportunity .list-item .select {
    position: relative;
    line-height: 2;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item .select a {
    color: #9f9f9f;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item .select .select-box {
    padding: 15px;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item .select .select-box li {
    line-height: 1;
    padding: 10px 0;
    width: 100%;
    float: left;
    font-size: 13px;
    cursor: pointer;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item .select .select-box li:hover {
    color: #f7ca18;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item .select span.select-icon {
    float: right;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item .button-set .bnt {
    border: 2px solid #f7ca18;
    height: 45px;
    line-height: 1.4;
    padding: 11px 60px;
    font-size: 15px;
    text-transform: uppercase;
    background-color: transparent;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.career-opportunity .top-section .sellect-career-opportunity .list-item .button-set .bnt:hover {
    background-color: #f7ca18;
    color: #fff;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

@media (min-width: 1200px) {
    .career-opportunity .top-section .sellect-career-opportunity .navbar-form {
        padding: 35px 0 55px;
    }
}

@media (max-width: 1199px) {
    .career-opportunity .top-section .sellect-career-opportunity .navbar-form {
        padding: 0 0 25px;
    }

    .career-opportunity .top-section .sellect-career-opportunity input, .career-opportunity .top-section .sellect-career-opportunity .select {
        margin-bottom: 10px;
    }
}

.career-opportunity .alumni-directory-content ul li {
    width: 100%;
    float: left;
    background-color: #fcfcfc;
}

.career-opportunity .alumni-directory-content ul li span {
    float: left;
}

.career-opportunity .alumni-directory-content ul li.even {
    background-color: transparent;
}

.career-opportunity .alumni-directory-content .label-content {
    background-color: transparent;
    padding-bottom: 20px;
}

.career-opportunity .alumni-directory-content .label-content span {
    color: #2d2d2d;
    font-family: "Montserrat-Light";
    font-size: 15px;
}

.career-opportunity .alumni-directory-content .label-content .company {
    padding-left: 15px;
}

.career-opportunity .alumni-directory-content .box-content {
    line-height: 6;
    padding: 20px 0;
}

.career-opportunity .alumni-directory-content .box-content span {
    font-size: 15px;
}

.career-opportunity .alumni-directory-content .company {
    width: 13%;
}

.career-opportunity .alumni-directory-content .company img {
    margin-top: 17px;
    float: left;
}

.career-opportunity .alumni-directory-content .position {
    width: 17.5%;
    padding: 0 15px;
    font-family: "Montserrat-Regular";
    font-size: 16px;
    color: #2d2d2d;
}

.career-opportunity .alumni-directory-content .location {
    width: 13%;
    padding: 0 15px;
}

.career-opportunity .alumni-directory-content .rate {
    width: 13%;
    padding: 0 15px;
}

.career-opportunity .alumni-directory-content .role {
    width: 13%;
    padding: 0 15px;
}

.career-opportunity .alumni-directory-content .applicant {
    width: 13%;
    padding: 0 15px;
}

.career-opportunity .alumni-directory-content .apply {
    width: 17.5%;
    padding-left: 15px;
}

.career-opportunity .alumni-directory-content .apply a {
    padding: 16px 60px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    line-height: 1.4;
}

@media (min-width: 1200px) {
    .career-opportunity .alumni-directory-content {
        width: 100%;
        float: left;
    }
}

@media (max-width: 1199px) {
    .career-opportunity .alumni-directory-content {
        overflow-y: hidden;
    }

    .career-opportunity .alumni-directory-content .list-item {
        width: 1170px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .career-opportunity .alumni-directory-content {
        width: 940px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .career-opportunity .alumni-directory-content {
        width: 720px;
    }
}

@media (max-width: 768px) {
    .career-opportunity .alumni-directory-content {
        width: 100%;
    }
}

.career-opportunity .pagination-wrapper {
    float: left;
    width: 100%;
    padding: 35px 0;
}

@media (min-width: 768px) {
    .career-opportunity {
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .career-opportunity {
        padding-top: 40px;
    }
}

.career-opportunity ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9f9f9f;
}

.career-opportunity ::-moz-placeholder {
    /* Firefox 19+ */
    color: #9f9f9f;
}

.career-opportunity :-ms-input-placeholder {
    /* IE 10+ */
    color: #9f9f9f;
}

.career-opportunity :-moz-placeholder {
    /* Firefox 18- */
    color: #9f9f9f;
}

/*************************************
  27. Blog Page
*************************************/
.latst-article .container {
    position: relative;
    margin-top: 20px;
}
.blog-content .container {
  position: relative;
  margin-top: 10px;
}
.latst-article .area-img img {
    width: 100%;
}

.latst-article .area-content {
    position: absolute;
    bottom: 70px;
    padding: 30px;
    background: rgba(0,0,0,.4);
    margin: 0 78px;
    color: #fff;
}


.latst-article .area-content .category {
    display: block;
    float: left;
}

.latst-article .area-content .category a {
    display: block;
    float: left;
    padding: 12px 20px;
    color: #484848;
    font-size: 13px;
    background-color: #fff;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.latst-article .area-content .category a:hover {
    color: #fff;
    background-color: #f7ca18;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.latst-article .area-content .article-title {
    display: block;
    margin: 20px 0;
    float: left;
    width: 100%;
}
.latst-article .area-content .article-title a {
    color: #fff;
}
@media (min-width: 768px) {
    .latst-article .area-content {
        bottom: 70px;
        left: 0px;
    }

    .latst-article .area-content .article-title h2 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .latst-article .area-content {
        bottom: 10px;
        left: 30px;
        background: rgba(0,0,0,.4);
        margin: 10px;
        padding: 15px;
        width: 80%;
    }

    .latst-article .area-content .article-title h2 {
        font-size: 15px;
    }
}

.blog-content {
    padding: 10px 0px 55px 0px;
}


.blog-content .articles .article-item .area-content {
    margin-top: -2px;
}

.blog-content .articles .article-item .area-content .article-left {
    padding: 0;
    border-right: 1px solid #2d2d2d;
}

.blog-content .articles .article-item .area-content .article-left .stats {
    padding: 15px 5px 0px;
    float: left;
    width: 100%;
}

.blog-content .articles .article-item .area-content .article-left .stats .text-content {
    margin-right: 0;
}

.blog-content .articles .article-item .area-content .article-left .catetory-title {
    background-color: #2d2d2d;
    text-align: center;
    padding: 9px;
}

.blog-content .articles .article-item .area-content .article-left .catetory-title h6 {
    color: #ffffff;
    font-size: 13px;
}

.blog-content .articles .article-item .area-content .article-right {
    padding-right: 0;
    padding-top: 23px;
    margin-bottom: 50px;
    padding-left: 30px;
}

.blog-content .articles .article-item .area-content .article-right h3 {
    margin-bottom: 15px;
}

.blog-content .articles .article-item .area-content .article-right h3 a {
    color: #484848;
    font-size: 23px;
    font-family: "Montserrat-Regular";
}

.blog-content .articles .article-item .area-content .article-right h3 a:hover {
    color: #f7ca18;
}

.blog-content .articles .article-item .area-content .article-right p {
    font-size: 13px;
    font-family: "Montserrat-Light";
    line-height: 1.6;
    margin-bottom: 30px;
}

.blog-content .articles .article-item .area-content .article-right .quote-source {
    color: #484848;
    font-size: 16px !important;
}

@media (max-width: 767px) {
    .blog-content .articles .article-item .area-content .article-right {
        padding-left: 0 !important;
        padding-top: 10px;
        margin-bottom: 20px;
    }
}

.blog-right .block-item {
    padding-bottom: 35px;
    float: left;
    width: 100%;
}

.blog-right .block-title {
    border-bottom: 1px solid #acacac;
    padding-bottom: 22px;
    margin-bottom: 30px;
}

.blog-right .block-title h5 {
    font-size: 20px;
    color: #484848;
}

.blog-right .popurlar-port ul li {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
}

.blog-right .popurlar-port ul li .area-img {
    width: 30%;
    float: left;
}

.blog-right .popurlar-port ul li .area-img img {
    width: 100%;
    height: 60px;
}


.blog-right .popurlar-port ul li .area-content {
    width: 70%;
    float: left;
    padding-left: 20px;
}

.blog-right .popurlar-port ul li .area-content h6 {
    font-size: 14px;
    color: #484848;
    padding: 5px 0 15px;
    line-height: 1.4;
}

.blog-right .twitter .twitter-icon {
    font-size: 20px;
    padding-bottom: 20px;
}

.blog-right .twitter .twitter-content {
    font-size: 17px;
    color: #484848;
    line-height: 1.6;
}

.blog-right .twitter .twitter-user {
    margin-top: 15px;
}

.blog-right .tag .list-inline li a {
    cursor: pointer;
    padding: 10px 17px;
    font-size: 14px;
    font-family: "Montserrat-Light";
    border: 1px solid #e1e1e1;
    display: block;
    margin-bottom: 15px;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-right .tag .list-inline li a:hover {
    background-color: #f7ca18;
    color: #fff;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

@media (min-width: 1200px) {
    .blog-right .block-content {
        padding: 0 25px;
    }

    .blog-right .tag .list-inline li a {
        padding: 10px 17px;
    }
}

@media (max-width: 1199px) {
    .blog-right .tag .list-inline li a {
        padding: 10px 14px;
    }
}

.stats span {
    float: left;
    margin-right: 20px;
}

.stats .text-content {
    font-size: 11px;
    line-height: 1.2;
}

.stats .icon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-repeat: no-repeat !important;
}

.stats .clock-icon-while {
    background: url("../images/clock-icon-while.png");
}

.stats .comment-icon-while {
    background: url("../images/comment-icon-while.png");
}

.stats .clock-icon {
    background: url("../images/clock-icon.png");
}

.stats .comment-icon {
    background: url("../images/comments-icon.png");
}

.stats .user-icon {
    background: url("../images/user-icon.png");
}

@media (max-width: 768px) {
    .stats > span {
        margin-bottom: 10px;
    }
}

/*************************************
  28. Blog Single Page
*************************************/

.article-title {
    margin-top: 20px;
}
.blog-post-content .blog-post .area-img img {
    width: 100%;
}

.blog-post-content .blog-post .area-content {
    border-bottom: 1px solid #acacac;
    float: left;
    width: 100%;
}

.blog-post-content .blog-post .area-content h3 {
    color: #484848;
    margin-bottom: 20px;
}

/*.blog-post-content .blog-post .area-content .stats {
    float: left;
}*/

.blog-post-content .blog-post .area-content .desc {
    float: left;
    width: 100%;
}

.blog-post-content .blog-post .area-content .desc p {
    margin-bottom: 30px;
    line-height: 1.6;
    font-size: 14px;
    font-family: "Montserrat-Light";
}

.blog-post-content .blog-post .area-content .desc-center {
    width: 100%;
    display: block;
    float: left;
}

.blog-post-content .blog-post .area-content .desc-center p {
    color: #2d2d2d;
    font-size: 26px;
    font-family: "Montserrat-Light";
    line-height: 1.4;
    padding: 0 24px;
}

@media (min-width: 768px) {
    .blog-post-content .blog-post .area-content .desc-center {
        padding: 25px 0 75px;
    }

    .blog-post-content .blog-post .area-content .desc-center p {
        font-size: 26px;
        padding: 0 24px;
    }
}

@media (max-width: 768px) {
    .blog-post-content .blog-post .area-content .desc-center {
        padding: 0px 0 55px;
    }

    .blog-post-content .blog-post .area-content .desc-center p {
        font-size: 20px;
        padding: 0 15px;
    }
}

.blog-post-content .blog-post .area-content .list-item {
    margin-top: 15px;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.blog-post-content .blog-post .area-content .list-item li {
    float: left;
    width: 100%;
    line-height: 3;
    position: relative;
    font-size: 14px;
    font-family: "Montserrat-Light";
}

.blog-post-content .blog-post .area-content .list-item li:before {
    content: "";
    height: 15px;
    width: 15px;
    background-color: #f7ca18;
    margin-right: 35px;
    position: absolute;
    left: 0;
    top: 14px;
}

@media (min-width: 768px) {
    .blog-post-content .blog-post .area-content {
        padding: 20px 0px 0px 0px;
    }

    .blog-post-content .blog-post .area-content .list-item {
        margin-left: 35px;
    }

    .blog-post-content .blog-post .area-content .list-item li {
        padding-left: 50px;
    }

    .blog-post-content .blog-post .area-content h3 {
        font-size: 23px;
    }

    .blog-post-content .blog-post .area-content .stats {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .blog-post-content .blog-post .area-content h3 {
        font-size: 18px;
    }

    .blog-post-content .blog-post .area-content .stats {
        margin-bottom: 15px;
    }

    .blog-post-content .blog-post .area-img {
        margin-bottom: 20px;
    }

    .blog-post-content .blog-post .list-item li {
        padding-left: 25px;
    }
}

.blog-post-content .share, .blog-post-content .comments, .blog-post-content .write-comments {
    width: 100%;
    float: left;
}

.blog-post-content .share {
    text-align: center;
}

.blog-post-content .share h4 {
    margin-bottom: 0px;
}

.blog-post-content .share ul li {
    float: none;
    display: inline-block;
}

.blog-post-content .write-comments .buttons-set a {
    padding: 23px 60px;
}

@media (min-width: 768px) {
    .blog-post-content .comments {
        padding: 25px 0 55px;
    }
}

@media (max-width: 767px) {
    .blog-post-content .comments {
        padding: 0 0 35px;
    }
}

.blog-content.blog-content-fullwidth {
    padding-top: 0 !important;
}

.blog-post-content.full-width .area-img {
    position: relative;
}

.blog-post-content.full-width .area-img .blog-text {
    position: absolute;
    bottom: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    color: #000;
    height: 60px;
    text-align: center;
    background: white;
}

.blog-post-content.full-width .area-img .blog-text .category {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

.blog-post-content.full-width .area-img .blog-text .category a {
    display: inline-block;
    padding: 12px 20px;
    color: #484848;
    font-size: 13px;
    background-color: #fff;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-post-content.full-width .area-img .blog-text .category a:hover {
    color: #fff;
    background-color: #f7ca18;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-post-content.full-width .area-img .blog-text .article-title {
    display: block;
    margin: 20px 0;
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .blog-post-content.full-width .area-img .blog-text .article-title h2 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .blog-post-content.full-width .area-img .blog-text .article-title h2 {
        font-size: 18px;
    }
}

.blog-post-content.full-width .area-content {
    border-bottom: none;
    padding-bottom: 0;
}

.blog-post-content.full-width .area-content .stats {
    float: left;
    width: 100%;
    border-bottom: 1px solid #acacac;
    padding-bottom: 15px;
    /* margin-bottom: 0;
    padding-top: 20px; */
}

@media (max-width: 767px) {
    .blog-post-content.full-width .area-content {
        margin-top: 20px;
    }
}

.blog-post-content.full-width .area-content, .blog-post-content.full-width .share, .blog-post-content.full-width .comments, .blog-post-content.full-width .write-comments {
    width: 100%;
    float: left;
}

.blog-post-content.full-width .write-comments {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .blog-post-content.full-width .area-content, .blog-post-content.full-width .share, .blog-post-content.full-width .comments, .blog-post-content.full-width .write-comments {
        padding-left: 10%;
        padding-right: 10%;
    }
}

/*************************************
  29. Typography Page
*************************************/
.divider {
    height: 30px;
    clear: both;
    overflow: hidden;
    width: 100%;
}

.divider--sm {
    height: 25px;
}

.divider--md {
    height: 35px;
}

.divider--lg {
    height: 45px;
}

.line10 {
    line-height: 1;
}

.line15 {
    line-height: 1.5;
}

.line20 {
    line-height: 2;
}

.typography {
    color: #2d2d2d;
}

.typography .paragraphs p {
    line-height: 2;
    font-size: 14px;
    font-family: "Montserrat-Light";
    color: #757575;
}

.typography .title-page {
    margin-bottom: 20px;
    margin-top: 30px;
}

.typography .title-page h4 {
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 3px solid #f7ca18;
    display: inline-block;
}

.typography .highlighter p {
    color: #757575;
}

.typography .blockquotes p {
    padding: 15px 0px 15px 50px;
    color: #757575;
}

.typography .border-blockquotes p {
    border: 2px dashed #f7ca18;
    padding: 45px 50px;
}

.typography .listing li {
    float: left;
    width: 100%;
    line-height: 1.5;
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-bottom: 20px;
    color: #757575;
}

.typography .listing .simple-list li:before {
    content: "";
    width: 20px;
    height: 20px;
    float: left;
    background-color: #f7ca18;
    margin-right: 20px;
}

.typography .listing .decimal-list {
    list-style-type: none;
    counter-reset: myCounter;
}

.typography .listing .decimal-list li {
    text-indent: 0;
    position: relative;
    padding-left: 15px;
}

.typography .listing .decimal-list ul {
    counter-reset: myCounter1;
    list-style-type: none;
    padding: 0;
    margin: 7px 0 0 17px;
}

.typography .listing .decimal-list ul li:before {
    content: counter(myCounter1);
    counter-increment: myCounter1;
}

.typography .listing .decimal-list li:before {
    content: counter(myCounter);
    counter-increment: myCounter;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.typography .alignment p {
    color: #757575;
}

/*# sourceMappingURL=styles.css.map */

.is_loading{
  min-height: 200px;
}



.is_loading:after{
    /* min-height: 220px; */
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 94%);
    top: 0;
    right: 0;
    position: absolute;
    display: inline-block;
}

.is_loading:before{
    z-index: 999999;
    content: "";
    width: 100%;
    height: 100%;
    background: url("/images/is_loading.gif")    /* image */
     center 50% / 500px 330px /* position / size */
     no-repeat;
    /*top: 40%;*/
    /* right: 0; */
    position: absolute;
    display: inline-block;
}

/* new css add  */
.next_previous button{
    padding: 10px;
    background-color: #f7ca18;
    border: none;
    border-radius: 5px;
    color: #fff;
}
/* news sidebar skicky */
#leftCol {
    position: sticky;
    top: 0;
}

.share-view{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.view{
    white-space: nowrap;
}

.blog-post-content .blog-post .area-content .stats {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
}

.blog-post-content .share-view .share {
     text-align: left; 
}

.all-content{
    padding: 15px 25px;
}

@media screen and (max-width: 575px){
    .slider-hero .content-block {
       padding: 5px;
    }
    .carousel-3d-container{
        height: 250px!important;
    }

    .carousel-3d-slider{
        height: 250px!important;
    }
    
    #carousel3d .carousel-3d-slide.current{
        height: 250px!important;
    }
    #carousel3d .carousel-3d-slide.current .user-info .user-name{
        margin-left: 5px!important;
    }
    .blog-slider__pagination{
        margin-top: 20px;
    }
    .blog-slider__title {
    font-size: 20px;
    line-height: 1.5;}

    .blog-slider__button {
    padding: 15px 35px;}

    .news-wrap .join-now, .mini-gallery .join-now, .all-content{
        padding: 15px 50px;
    }

    .blog-section .news-link{
        font-size: 14px!important;
    }

    .section-heading .sec-title {
    font-size: 25px!important;
    font-weight: 500;
    line-height: 1.5;}

    .event-calendar .event-list-content .event-list-item .date-links a{
  padding: 18px 40px!important;
}

    .event-list-item .date-links a{
        padding: 18px 40px!important;
    }

    .event .event-content .join-now a {
      font-size: 16px !important
    }

.upcoming-event .area-bottom .join-now {
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    margin-top: 7px;
    font-family: "Montserrat-Bold";
    text-align: center;
}




}

.event-calendar .event-list-content .event-list-item .sold-out a, .sold-out a {
    padding: 18px 45px!important;
}

.upcoming-event .area-img img{
    transform: translateX(0px)!important;
}
.upcoming-event .area-top h2 {
    font-size: 22px;
}

.follow-us-social span {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}
.follow-us-social .block i {
    font-size: 20px;
    font-weight: 800;
    color: #fc0;
    margin: 0 5px;
}

.view{
    margin: 10px!important;
}

.next_previous button{
    margin-top: 10px!important;
}

.share .box-share ul li a{
    margin-bottom: 10px!important;
}

.article-title h2 {
    font-size: 25px!important;
    line-height: 1.5;
    text-align: justify;
}

.nav-tabs > li {
    width: 20%;
    margin: 0 auto;
}

.sub-head, .sub-head a {
    line-height: 1.5;
}
.article-title h2 {
    font-size: 24px!important;
    line-height: 1.5;
    text-align: justify;
    font-weight: bold;
}
.article-title h2 a {
    color: #404040;
    font-family: 'Montserrat-Light' !important;
}
.article-right h3{
    height: auto!important
    ;
}

.alumni-interview .interview-wrapper h1{
    font-size: 30px!important;
}

.alumni-interview .interview-wrapper .interview-desc p{
    width: 100%!important;

}

.alumni-interview .interview-wrapper .interview-see-story a{
    text-align: center;
    width: 100%;
}

.alumni-interview .interview-wrapper .interview-see-story {
    float: left;
    margin-top: 50px;
    display: block;
    width: 100%;
}

.filter-box input, .filter-box select {
    margin-bottom: 15px;
}

.share-view {
    display: inline-flex;
    justify-content: space-around!important;
    align-items: center;
    width: 100%;
}
.share {
    padding: 10px 0;
}

.all-content{
    padding: 15px 20px;
}
}

.program-upcoming-event .area-content {
    padding: 0% 0 0 40px;
}

.view{
    margin: 10px!important;
}

.next_previous button{
    margin-top: 10px!important;
}

.fixed-nav{
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99 !important;
    width: 100% !important;
}

.mt-5 {
        margin-top: 10px !important;
}

.notice-image {
    margin-top: 20px;
}

.notice-content {
    padding: 0px !important;
}

.notice-page .blog-post-content.full-width .area-img .blog-text .article-title {
    padding: 10px 15px !important;
    margin: 0px;
    text-align: left !important;
}