/*
 *
 *      CUSTOM.CSS
 *
 *  + TYPOGRAPHY
 *  + HEADLINE
 *  + ALERTS
 *  + LISTS
 *  + BUTTONS
 *  + DIVIDERS
 *  + TEXT BOX
 *  + IMAGE BOX
 *  + ACCORDION
 *  + TABS
 *  + GOOGLE MAPS
 *  + SOCIAL MEDIA
 *  + PROCESS STEPS
 *  + PIE CHARTS
 *  + PROGRESS BARS
 *  + COUNTER
 *  + STATISTICS    
 *  + COUNTDOWN
 *  + PRICE PLAN
 *  + TESTIMONIALS
 *  + ISOTOPE
 *  + FILTER
 *  + PAGINATION
 *  + FULL SECTIONS
 *  + VIDEO PLAYER
 *  + SCROLL UP
 *  + SLIDERS
 *  + ANIMATIONS
 *  + WIDGETS
 *  + RESPONSIVE
 *   - LARGE DISPLAY (>1200px)
 *   - SMALL DISPLAY (TABLETS)
 *   - EXTRA SMALL DISPLAY (PHONES PORTRAIT)
 *   - EXTRA SMALL DISPLAY (PHONES LANDSCAPE)
 */

/*@import 'https://fonts.googleapis.com/css?family=Varela+Round';*/
@import 'https://fonts.googleapis.com/css?family=Roboto';
@import 'styles.less';

:root {
    --main-color: #ccc;
}

/***********************************************************************************
 *  + TYPOGRAPHY
 ***********************************************************************************/

body {
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Varela Round', sans-serif;*/
    font-weight: 300;
    background-color: #fff;
    /*color: #5d5d5d;*/
    font-style: normal;
    letter-spacing: 0.5px;
    color: #424143;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 700;
    color: #484848;
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-size: 52px;
    line-height: 74px;
    font-weight: 800;
    margin-bottom: 16px;
}

h2 {
    font-size: 30px;
    line-height: 46px;
    margin-bottom: 14px;
}

h3 {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 12px;
}

h4 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}

h5 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 8px;
}

h6 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none;
    color: #555;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}

p {
    margin-bottom: 20px;
}

en {
    color: red;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: inherit;
}

a {
    color: @primary;
}

a:hover,
a:focus {
    outline: 0;
    color: @secondary;
}

img {
    max-width: 100%;
}

ul,
ol {
    padding: 0;
    list-style-position: inside;
}

ul ul,
ol ol,
ul ol ol ul {
    margin-left: 20px;
}

dl {
    margin-bottom: 20px;
}

.last {
    margin-bottom: 0;
}

.no-margins {
    margin: 0;
}

.big {
    font-size: 24px;
    line-height: 34px;
}

.text-default-color {
    color: @secondary;
}

.pull-left {
    margin-right: 20px;
}

.pull-right {
    margin-left: 20px;
}

blockquote {
    margin-bottom: 30px;
    border-left: none;
    font-size: 14px;
    font-style: italic;
    padding: 0;
    text-align: center;
}

blockquote:before {
    content: "\201c";
    font-size: 30px;
    font-weight: 400;
    font-style: italic;
}

blockquote:after {
    content: "\201D";
    font-size: 30px;
    font-weight: 400;
    font-style: italic;
}

blockquote h4 {
    font-weight: 300;
    color: @secondary;
}

label {
    font-weight: normal;
}

input,
select,
textarea {
    font-size: 13px;
    font-weight: 400;
    display: block;
    max-width: 100%;
    padding: 10px 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #4e515d;
}

select {
    width: 100%;
    border-radius: 0;
}

select:focus,
textarea:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="image"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
    box-shadow: none;
    outline: 0;
    border-color: #d7d7d7;
}

input[type="reset"],
input[type="submit"],
input[type="button"] {
    padding: 10px 30px;
    border-color: @secondary;
    background-color: @secondary;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
    box-shadow: none;
    outline: 0;
}

input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    padding: 10px 30px;
    border-color: #209fe8;
    background-color: #209fe8;
}

.btn.orange {
    background: #7e1746;
    border-radius: 5px;
    color: #fff;
}

/***********************************************************************************
 *  + HEADLINE
 ***********************************************************************************/

.minheight {
    min-height: 350px;
}

.headline {
    position: relative;
    margin-bottom: 100px;
}

.headline:before {
    content: "\e93c  \e93c  \e93c";
    font-family: "mt-icons";
    font-size: 8px;
    display: block;
    margin-bottom: 5px;
    color: #209fe8;
}

.headline:after {
    position: absolute;
    top: 8px;
    left: 0;
    width: 33px;
    height: 10px;
    content: "";
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.7), transparent);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), transparent);
    -webkit-animation: headline-effect 2s linear infinite;
    animation: headline-effect 2s linear infinite;
}

@-webkit-keyframes headline-effect {
    50% {
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

@keyframes headline-effect {
    50% {
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

.headline h6 {
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: @secondary;
}

.headline h2 {
    margin-bottom: 0;
    line-height: 42px;
}

.headline.style-1 {
    text-align: left;
    margin-bottom: 50px;
}

.headline.style-2 {
    text-align: center;
}

.headline.style-2:before {
    margin: 0 auto 5px;
}

.headline.style-2:after {
    right: 0;
    margin: 0 auto;
}



/***********************************************************************************
 *  + ALERTS
 ***********************************************************************************/

.alert {
    padding: 12px 30px;
    border: none;
    border-radius: 30px;
    color: #fff;
}

.alert:after {
    float: right;
    content: "x";
}

.alert.alert-info {
    background-color: #1a1e21;
}

.alert.alert-danger {
    background-color: #ff3333;
}

.alert.alert-success {
    background-color: @secondary;
}

.alert.alert-warning {
    background-color: #209fe8;
}

h1.error {
    position: relative;
    margin-top: 50px;
    margin-bottom: 100px;
    font-size: 310px;
    line-height: 210px;
    font-weight: 700;
    text-align: center;
    color: #222;
    opacity: 0.5;
}

h1.error:after {
    /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 300px;
    content: "";
    background: -webkit-linear-gradient(transparent, rgba(234, 237, 239, 0.8));
    background: linear-gradient(transparent, rgba(234, 237, 239, 0.8));*/
}

.maintenance {
    position: relative;
    width: 250px;
    height: 250px;
    text-align: center;
    margin: 0 auto 50px;
    border-radius: 25px;
    background-color: #209fe8;
    color: #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.maintenance i {
    font-size: 100px;
    line-height: 250px;
}

.maintenance:after,
.maintenance:before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    border-radius: 25px;
}

.maintenance:before {
    margin: 20px;
    background-color: #2cacf5;
}

.maintenance:after {
    margin: 40px;
    background-color: @secondary;
}



/***********************************************************************************
 *  + LISTS
 ***********************************************************************************/


/* BULLET LIST */

.bullet-list {
    list-style: none;
    margin-bottom: 20px;
}

.bullet-list li:before {
    font-family: "mt-icons";
    font-size: 8px;
    content: "\e93c";
    position: relative;
    top: -1px;
    margin-right: 15px;
    color: @secondary;
}

.bullet-list li a {
    color: #4e515d;
}



/* CHECK LIST */

.check-list {
    list-style: none;
    margin-bottom: 20px;
}

.check-list li:before {
    font-family: "mt-icons";
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    content: "\e936";
    position: relative;
    top: 1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 50%;
    border: 2px solid @secondary;
    color: @secondary;
}

.check-list li {
    margin-bottom: 5px;
}

.check-list li:last-child {
    margin-bottom: 0;
}



/* PROJECT DETAILS */

.project-details {
    list-style: none;
}

.project-details li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}

.project-details li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.project-details li strong {
    color: #151f48;
}




/***********************************************************************************
 *  + BUTTONS selva start
 ***********************************************************************************/

.btn {
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding: 10px 20px;
    margin-bottom: 20px;
    border: none;
    border-radius: 20px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.btn-primary {
    background-color: @primary;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
}

.btn-secondary {
    background-color: @secondary;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
    color: #fff;
}

.btn-success {
    background-color: @btn-success;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
}

.btn-info {
    background-color: @btn-info;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
}

.btn-warning {
    background-color: @btn-warning;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
}

.btn-danger {
    background-color: @btn-danger;
    text-align: center;
    text-transform: capitalize;
    border-radius: 5px;
}

.btn-rounded {
    border-radius: 50px;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
    background-color: @primary-hover;
}


.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:hover {
    background-color: @secondary-hover;
    color: #fff;
}


.btn-success:focus,
.btn-success:active,
.btn-success:hover {
    background-color: @btn-success-hover;
}

.btn-info:focus,
.btn-info:active,
.btn-info:hover {
    background-color: @btn-info-hover;
}

.btn-warning:focus,
.btn-warning:active,
.btn-warning:hover {
    background-color: @btn-warning-hover;
}

.btn-danger:focus,
.btn-danger:active,
.btn-danger:hover {
    background-color: @btn-danger-hover;
}




/***********************************************************************************
 *  + BUTTONS selva  close
 ***********************************************************************************/

/***********************************************************************************
 *  + DIVIDERS
 ***********************************************************************************/

.hr {
    margin: 30px 0;
    border-top: 1px solid #d7d7d7;
    text-align: center;
}

.hr.default-color {
    border-color: @secondary;
}

.hr .btn {
    margin-top: -20px;
}



/***********************************************************************************
 *  + TEXT BOX
 ***********************************************************************************/

.text-box {
    margin-bottom: 40px;
    padding: 50px;
    background-color: #4e515d;
    color: #fff;
}

.text-box.rounded {
    border-radius: 20px;
}

.text-box>*:last-child {
    margin-bottom: 0;
}

.text-box.default {
    background-color: @secondary;
}



/***********************************************************************************
 *  + IMAGE BOX
 ***********************************************************************************/

.image-box {
    margin-bottom: 50px;
    padding: 0 25px 10px;
    box-shadow: 7px 30px 20px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    color: #4e515d;
}

.image-box-thumbnail {
    margin: 0 -25px 20px;
}



/***********************************************************************************
 *  + ACCORDION
 ***********************************************************************************/

.panel {
    box-shadow: none;
    background-color: transparent;
}

.panel-heading {
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}

.panel-title a,
.panel-title a:focus {
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none;
    padding: 12px 25px;
    margin-bottom: 15px;
    border-radius: 25px;
    background-color: #f5f5f5;
    color: #151f48;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.panel-title a:before {
    position: absolute;
    top: 12px;
    right: 25px;
    content: "+";
    font-size: 14px;
}

.panel-title a[aria-expanded="true"]:before {
    content: "-";
}

.panel-title a:hover,
.panel-title a[aria-expanded="true"] {
    background-color: @secondary;
    color: #fff;
}

.panel-title a:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: -webkit-linear-gradient(90deg, #209fe8, #74ccff);
    background: linear-gradient(90deg, #209fe8, #74ccff);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.panel-title a:hover:after,
.panel-title a[aria-expanded="true"]:after {
    opacity: 1;
}

.panel-group .panel+.panel {
    margin-top: 0;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
    padding: 25px 25px 40px;
}

.panel-body *:last-child {
    margin-bottom: 0;
}



/***********************************************************************************
 *  + TABS
 ***********************************************************************************/

.tabs {
    margin-bottom: 50px;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li>a {
    font-weight: 600;
    padding: 10px 30px;
    margin-bottom: -2px;
    border-radius: 30px 30px 0 0;
    border: 2px solid @secondary;
    background-color: @secondary;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
    background-color: transparent;
    color: #151f48;
}

.nav-tabs>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    position: relative;
    border: 2px solid #d7d7d7;
    border-bottom-color: #fff;
    background-color: #fff;
}

.nav-tabs>li.active>a {
    margin-top: -15px;
    padding: 18px 30px;
}

.tab-content {
    padding: 30px;
    border: 2px solid #d7d7d7;
    background-color: #fff;
    color: #4e515d;
}

.tab-content *:last-child {
    margin-bottom: 0;
}

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



/***********************************************************************************
 *  + GOOGLE MAPS
 ***********************************************************************************/

.map {
    margin: 50px 0;
    height: 700px;
}

.map img {
    max-width: none;
}



/***********************************************************************************
 *  + SOCIAL MEDIA
 ***********************************************************************************/

.social-media {
    margin-bottom: 20px;
}

.social-media a {
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    text-decoration: none;
    margin-right: 15px;
    color: #a4a4a4;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.social-media.rounded a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 50%;
    border: 2px solid #d7d7d7;
}

.social-media a:last-child {
    margin-right: 0;
}

.social-media a.adobe-reader:hover {
    color: #a42222 !important;
}

.social-media a.amazon:hover {
    color: #fe9608 !important;
}

.social-media a.android:hover {
    color: #a4c639 !important;
}

.social-media a.apple:hover {
    color: #d6d7cf !important;
}

.social-media a.badoo:hover {
    color: #f17834 !important;
}

.social-media a.behance:hover {
    color: #1e69e1 !important;
}

.social-media a.blogger:hover {
    color: #f26c37 !important;
}

.social-media a.blueetooth:hover {
    color: #0a3d91 !important;
}

.social-media a.chrome:hover {
    color: #ecc31d !important;
}

.social-media a.css:hover {
    color: #14a0dd !important;
}

.social-media a.deezer:hover {
    color: #ff0090 !important;
}

.social-media a.delicious:hover {
    color: #4088da !important;
}

.social-media a.deviantart:hover {
    color: #b6ca2a !important;
}

.social-media a.digg:hover {
    color: #006094 !important;
}

.social-media a.dribble:hover {
    color: #f26798 !important;
}

.social-media a.dropbox:hover {
    color: #007de4 !important;
}

.social-media a.drupal:hover {
    color: #3677ad !important;
}

.social-media a.email:hover {
    color: #000000 !important;
}

.social-media a.facebook:hover {
    color: #3b5998 !important;
}

.social-media a.firefox:hover {
    color: #3194cb !important;
}

.social-media a.flickr:hover {
    color: #0062dd !important;
}

.social-media a.google:hover {
    color: #c63427 !important;
}

.social-media a.html:hover {
    color: #f06129 !important;
}

.social-media a.instagram:hover {
    color: #a07459 !important;
}

.social-media a.internet-explorer:hover {
    color: #20bcee !important;
}

.social-media a.itunes:hover {
    color: #169bf0 !important;
}

.social-media a.java:hover {
    color: #e66e00 !important;
}

.social-media a.joomla:hover {
    color: #5aa526 !important;
}

.social-media a.last-fm:hover {
    color: #f73600 !important;
}

.social-media a.linkedin:hover {
    color: #0077b5 !important;
}

.social-media a.linux:hover {
    color: #000000 !important;
}

.social-media a.myspace:hover {
    color: #003399 !important;
}

.social-media a.opera:hover {
    color: #c10d0c !important;
}

.social-media a.outlook:hover {
    color: #0073c6 !important;
}

.social-media a.paypal:hover {
    color: #193866 !important;
}

.social-media a.picasa:hover {
    color: #8b689f !important;
}

.social-media a.pinterest:hover {
    color: #f71819 !important;
}

.social-media a.reddit:hover {
    color: #ff4500 !important;
}

.social-media a.rss:hover {
    color: #fb7629 !important;
}

.social-media a.safari:hover {
    color: #00a9ec !important;
}

.social-media a.share:hover {
    color: #010101 !important;
}

.social-media a.skype:hover {
    color: #00abeb !important;
}

.social-media a.soundcloud:hover {
    color: #ff3b00 !important;
}

.social-media a.spotify:hover {
    color: #9ac600 !important;
}

.social-media a.steam:hover {
    color: #020202 !important;
}

.social-media a.tumblr:hover {
    color: #34465d !important;
}

.social-media a.twitter:hover {
    color: #5ea9dd !important;
}

.social-media a.utorent:hover {
    color: #269036 !important;
}

.social-media a.vimeo:hover {
    color: #1ca7cc !important;
}

.social-media a.vine:hover {
    color: #02c594 !important;
}

.social-media a.vk:hover {
    color: #4c75a3 !important;
}

.social-media a.weibo:hover {
    color: #d52b2b !important;
}

.social-media a.weixin:hover {
    color: #f03c48 !important;
}

.social-media a.whatsapp:hover {
    color: #11ae09 !important;
}

.social-media a.wikipedia:hover {
    color: #363636 !important;
}

.social-media a.windows:hover {
    color: #00abf3 !important;
}

.social-media a.word:hover {
    color: #2a5699 !important;
}

.social-media a.wordpress:hover {
    color: #464646 !important;
}

.social-media a.xing:hover {
    color: #005d5e !important;
}

.social-media a.yahoo:hover {
    color: #44029a !important;
}

.social-media a.youtube:hover {
    color: #e22d24 !important;
}

.social-media.rounded a:hover {
    color: #fff !important;
}

.social-media.rounded a.adobe-reader:hover {
    border-color: #a42222 !important;
    background-color: #a42222 !important;
}

.social-media.rounded a.amazon:hover {
    border-color: #fe9608 !important;
    background-color: #fe9608 !important;
}

.social-media.rounded a.android:hover {
    border-color: #a4c639 !important;
    background-color: #a4c639 !important;
}

.social-media.rounded a.apple:hover {
    border-color: #d6d7cf !important;
    background-color: #d6d7cf !important;
}

.social-media.rounded a.badoo:hover {
    border-color: #f17834 !important;
    background-color: #f17834 !important;
}

.social-media.rounded a.behance:hover {
    border-color: #1e69e1 !important;
    background-color: #1e69e1 !important;
}

.social-media.rounded a.blogger:hover {
    border-color: #f26c37 !important;
    background-color: #f26c37 !important;
}

.social-media.rounded a.blueetooth:hover {
    border-color: #0a3d91 !important;
    background-color: #0a3d91 !important;
}

.social-media.rounded a.chrome:hover {
    border-color: #ecc31d !important;
    background-color: #ecc31d !important;
}

.social-media.rounded a.css:hover {
    border-color: #14a0dd !important;
    background-color: #14a0dd !important;
}

.social-media.rounded a.deezer:hover {
    border-color: #ff0090 !important;
    background-color: #ff0090 !important;
}

.social-media.rounded a.delicious:hover {
    border-color: #4088da !important;
    background-color: #4088da !important;
}

.social-media.rounded a.deviantart:hover {
    border-color: #b6ca2a !important;
    background-color: #b6ca2a !important;
}

.social-media.rounded a.digg:hover {
    border-color: #006094 !important;
    background-color: #006094 !important;
}

.social-media.rounded a.dribble:hover {
    border-color: #f26798 !important;
    background-color: #f26798 !important;
}

.social-media.rounded a.dropbox:hover {
    border-color: #007de4 !important;
    background-color: #007de4 !important;
}

.social-media.rounded a.drupal:hover {
    border-color: #3677ad !important;
    background-color: #3677ad !important;
}

.social-media.rounded a.email:hover {
    border-color: #000000 !important;
    background-color: #000000 !important;
}

.social-media.rounded a.facebook:hover {
    border-color: #3b5998 !important;
    background-color: #3b5998 !important;
}

.social-media.rounded a.firefox:hover {
    border-color: #3194cb !important;
    background-color: #3194cb !important;
}

.social-media.rounded a.flickr:hover {
    border-color: #0062dd !important;
    background-color: #0062dd !important;
}

.social-media.rounded a.google:hover {
    border-color: #c63427 !important;
    background-color: #c63427 !important;
}

.social-media.rounded a.html:hover {
    border-color: #f06129 !important;
    background-color: #f06129 !important;
}

.social-media.rounded a.instagram:hover {
    border-color: #a07459 !important;
    background-color: #a07459 !important;
}

.social-media.rounded a.internet-explorer:hover {
    border-color: #20bcee !important;
    background-color: #20bcee !important;
}

.social-media.rounded a.itunes:hover {
    border-color: #169bf0 !important;
    background-color: #169bf0 !important;
}

.social-media.rounded a.java:hover {
    border-color: #e66e00 !important;
    background-color: #e66e00 !important;
}

.social-media.rounded a.joomla:hover {
    border-color: #5aa526 !important;
    background-color: #5aa526 !important;
}

.social-media.rounded a.last-fm:hover {
    border-color: #f73600 !important;
    background-color: #f73600 !important;
}

.social-media.rounded a.linkedin:hover {
    border-color: #0077b5 !important;
    background-color: #0077b5 !important;
}

.social-media.rounded a.linux:hover {
    border-color: #000000 !important;
    background-color: #000000 !important;
}

.social-media.rounded a.myspace:hover {
    border-color: #003399 !important;
    background-color: #003399 !important;
}

.social-media.rounded a.opera:hover {
    border-color: #c10d0c !important;
    background-color: #c10d0c !important;
}

.social-media.rounded a.outlook:hover {
    border-color: #0073c6 !important;
    background-color: #0073c6 !important;
}

.social-media.rounded a.paypal:hover {
    border-color: #193866 !important;
    background-color: #193866 !important;
}

.social-media.rounded a.picasa:hover {
    border-color: #8b689f !important;
    background-color: #8b689f !important;
}

.social-media.rounded a.pinterest:hover {
    border-color: #f71819 !important;
    background-color: #f71819 !important;
}

.social-media.rounded a.reddit:hover {
    border-color: #ff4500 !important;
    background-color: #ff4500 !important;
}

.social-media.rounded a.rss:hover {
    border-color: #fb7629 !important;
    background-color: #fb7629 !important;
}

.social-media.rounded a.safari:hover {
    border-color: #00a9ec !important;
    background-color: #00a9ec !important;
}

.social-media.rounded a.share:hover {
    border-color: #010101 !important;
    background-color: #010101 !important;
}

.social-media.rounded a.skype:hover {
    border-color: #00abeb !important;
    background-color: #00abeb !important;
}

.social-media.rounded a.soundcloud:hover {
    border-color: #ff3b00 !important;
    background-color: #ff3b00 !important;
}

.social-media.rounded a.spotify:hover {
    border-color: #9ac600 !important;
    background-color: #9ac600 !important;
}

.social-media.rounded a.steam:hover {
    border-color: #020202 !important;
    background-color: #020202 !important;
}

.social-media.rounded a.tumblr:hover {
    border-color: #34465d !important;
    background-color: #34465d !important;
}

.social-media.rounded a.twitter:hover {
    border-color: #5ea9dd !important;
    background-color: #5ea9dd !important;
}

.social-media.rounded a.utorent:hover {
    border-color: #269036 !important;
    background-color: #269036 !important;
}

.social-media.rounded a.vimeo:hover {
    border-color: #1ca7cc !important;
    background-color: #1ca7cc !important;
}

.social-media.rounded a.vine:hover {
    border-color: #02c594 !important;
    background-color: #02c594 !important;
}

.social-media.rounded a.vk:hover {
    border-color: #4c75a3 !important;
    background-color: #4c75a3 !important;
}

.social-media.rounded a.weibo:hover {
    border-color: #d52b2b !important;
    background-color: #d52b2b !important;
}

.social-media.rounded a.weixin:hover {
    border-color: #f03c48 !important;
    background-color: #f03c48 !important;
}

.social-media.rounded a.whatsapp:hover {
    border-color: #11ae09 !important;
    background-color: #11ae09 !important;
}

.social-media.rounded a.wikipedia:hover {
    border-color: #363636 !important;
    background-color: #363636 !important;
}

.social-media.rounded a.windows:hover {
    border-color: #00abf3 !important;
    background-color: #00abf3 !important;
}

.social-media.rounded a.word:hover {
    border-color: #2a5699 !important;
    background-color: #2a5699 !important;
}

.social-media.rounded a.wordpress:hover {
    border-color: #464646 !important;
    background-color: #464646 !important;
}

.social-media.rounded a.xing:hover {
    border-color: #005d5e !important;
    background-color: #005d5e !important;
}

.social-media.rounded a.yahoo:hover {
    border-color: #44029a !important;
    background-color: #44029a !important;
}

.social-media.rounded a.youtube:hover {
    border-color: #e22d24 !important;
    background-color: #e22d24 !important;
}

.social-media.color-default a:hover {
    color: @secondary  !important;
}

.social-media.color-default.rounded a:hover {
    border-color: @secondary  !important;
    background-color: @secondary  !important;
    color: #fff !important;
}



/***********************************************************************************
 *  + PROCESS STEPS
 ***********************************************************************************/

.process-steps {
    margin-bottom: 50px;
}

.process-steps .step {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
}

.process-steps.process-5-steps .step {
    width: 20%;
}

.process-steps.process-4-steps .step {
    width: 25%;
}

.process-steps.process-3-steps .step {
    width: 33.333333%;
}

.process-steps .step>i,
.process-steps .step>h1 {
    position: relative;
    display: block;
    width: 145px;
    height: 145px;
    font-size: 32px;
    line-height: 110px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid transparent;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: border-color 0.3s 0.3s;
    transition: border-color 0.3s 0.3s;
}

.process-steps .step>i:after,
.process-steps .step>h1:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: -3px;
    border-radius: 50%;
    border: 0 solid @secondary;
}

.process-steps .step-details {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 10px;
    text-align: center;
}

.process-steps .step-details h4 {
    font-weight: 600;
}

.process-steps .step:hover>i,
.process-steps .step:hover>h1 {
    border-color: @secondary;
}

.process-steps .step:hover>i:after,
.process-steps .step:hover>h1:after {
    border-width: 3px;
    -webkit-transition: border-top-width 0.08s, border-right-width 0.08s 0.08s, border-bottom-width 0.08s 0.16s, border-left-width 0.08s 0.24s;
    transition: border-top-width 0.08s, border-right-width 0.08s 0.08s, border-bottom-width 0.08s 0.16s, border-left-width 0.08s 0.24s;
}

.process-steps:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}



/***********************************************************************************
 *  + PIE CHARTS
 ***********************************************************************************/

.pie-chart {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.pie-chart canvas {
    max-width: 100%;
}

.pie-chart-details {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pie-chart-details h3,
.pie-chart-details h6 {
    margin-bottom: 0;
}

.pie-chart-details h6 {
    text-transform: uppercase;
    font-style: italic;
}



/***********************************************************************************
 *  + PROGRESS BARS
 ***********************************************************************************/

.progress {
    overflow: visible;
    height: 5px;
    box-shadow: none;
    border-radius: 0;
    background-color: #ebebeb;
}

.progress-bar-title {
    font-weight: 600;
    margin-bottom: 12px;
}

.progress-bar {
    position: relative;
    background-color: @secondary;
    background: -webkit-linear-gradient(90deg, #209fe8, #74ccff);
    background: linear-gradient(90deg, #209fe8, #74ccff);
}

.progress-bar span {
    position: absolute;
    top: -35px;
    right: 0;
    font-weight: 600;
    color: #151f48;
}



/***********************************************************************************
 *  + COUNTER
 ***********************************************************************************/

.counter {
    text-align: center;
    margin-bottom: 50px;
}

.counter-value {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
}

.counter-details {
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
}



/***********************************************************************************
 *  + STATISTICS
 ***********************************************************************************/

.statistics-container {
    margin-bottom: 20px;
}

.legend {
    list-style: none;
    margin-bottom: 50px;
}

.legend li {
    float: left;
    width: 50%;
    font-weight: 700;
}

.legend li:last-child {
    margin-right: 0;
}

.legend li:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 15px;
    content: "";
    vertical-align: middle;
}

.legend li:nth-child(1):before {
    background-color: #74ccff;
}

.legend li:nth-child(2):before {
    background-color: @secondary;
}

.legend li:nth-child(3):before {
    background-color: #209fe8;
}

.legend li:nth-child(4):before {
    background-color: #c7cd57;
}

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



/***********************************************************************************
 *  + COUNTDOWN
 ***********************************************************************************/

.countdown {
    margin: 50px 0 150px;
    color: #151f48;
}

.countdown>div {
    position: relative;
    float: left;
    width: 25%;
    font-size: 72px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
}

.countdown>div:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 60px;
    font-weight: 400;
    content: ":";
}

.countdown>div:last-child:after {
    content: none;
}

.countdown>div>span {
    display: block;
    font-size: 14px;
    font-style: italic;
    text-transform: uppercase;
}

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



/***********************************************************************************
 *  + PRICE PLAN
 ***********************************************************************************/

.price-plan {
    text-align: center;
    margin-bottom: 50px;
    padding: 50px 10px;
    border-radius: 20px;
    border: 2px solid #d7d7d7;
    -webkit-transition: box-shadow 0.3s, border-color 0.3s;
    transition: box-shadow 0.3s, border-color 0.3s;
}

.price-plan-header {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.price-plan-header small {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}

.price {
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 700;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.price sup {
    font-size: 32px;
}

.price-plan ul {
    list-style: none;
    margin-bottom: 60px;
}

.price-plan ul li {
    margin-bottom: 20px;
}

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

.price-plan .btn {
    margin-bottom: 0;
}

.price-plan:hover {
    border-color: #f5f5f5;
    box-shadow: 0 12px 15px 8px rgba(0, 0, 0, 0.1);
}

.price-plan:hover .price,
.price-plan:hover .price-plan-header {
    color: @secondary;
}



/***********************************************************************************
 *  + TESTIMONIALS
 ***********************************************************************************/

.testimonial {
    margin-bottom: 50px;
    text-align: center;
}

.testimonial img {
    border-radius: 50%;
    margin-bottom: 35px;
}

.testimonial blockquote {
    font-size: 18px;
    line-height: 30px;
    color: inherit;
}

.testimonial blockquote:before {
    display: none;
}

.testimonial h6 {
    text-transform: uppercase;
}

.testimonial h6 small {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}



/***********************************************************************************
 *  + ISOTOPE
 ***********************************************************************************/

.isotope {
    margin-bottom: 100px;
}

.isotope.gutter {
    margin: -15px -15px 85px;
}

.isotope .isotope-item {
    float: left;
    width: 25%;
}

.isotope.gutter .isotope-item {
    padding: 15px;
}

.isotope.col-3 .isotope-item {
    width: 33.333333%;
}

.isotope.col-4 .isotope-item {
    width: 33.333333%;
}

.isotope-item.item-width-1 {
    width: 25%;
}

.isotope-item.item-width-2 {
    width: 50%;
}

.isotope .portfolio-item {
    margin-bottom: 0;
}

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



/***********************************************************************************
 *  + FILTER
 ***********************************************************************************/

.filter {
    list-style: none;
    margin-bottom: 75px;
}

.filter li {
    display: inline-block;
    margin-right: 25px;
}

.filter li:last-child {
    margin-right: 0;
}

.filter li a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #4e515d;
    -webkit-transition: color 0.3s;
    ;
    transition: color 0.3s;
}

.filter li a:hover,
.filter li a.active {
    color: @secondary;
}

.filter li a.active {
    font-style: italic;
}



/***********************************************************************************
 *  + PAGINATION
 ***********************************************************************************/

.pagination {
    display: block;
    margin-top: 0;
    margin-bottom: 50px;
}

.pagination li {
    display: inline-block;
    margin-right: 7px;
}

.pagination li:last-child {
    margin-right: 0;
}

.pagination li a {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    border-radius: 0;
    border: none;
    background-color: #f0f0f0;
    color: #151f48;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.pagination>li:last-child>a,
.pagination>li:first-child>a,
.pagination>li:last-child>span .pagination>li:first-child>span {
    border-radius: 0;
}

.pagination li a:hover,
.pagination li.active a,
.pagination li.active a:hover {
    background-color: @secondary;
    color: #fff;
}

/*--------  Banner Page icon-------------------*/

.ts-facts-wrapper {
    background: @stats-background;
    border: #fff;
    color: #fff;
    padding: 25px;
    margin-top: 0px;
    margin-bottom: 0;
    margin-right: 0px;
    min-height: 450px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.ts-facts {
    clear: both;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
}

.ts-facts.last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ts-facts-icon {
    color: @count-icon;
    font-size: 44px;
    float: left;
    margin-top: 0px;
    /*margin-top: 10px;*/
}

.ts-facts-content {
    margin-left: 70px;
    text-align: center;
}

.ts-facts-num,
.ts-facts-title {
    line-height: normal;
    margin: 0;
    color: @count;
}

.ts-facts-title {
    line-height: normal;
    margin: 0;
    color: @count-text;
}

.ts-facts-num {
    font-weight: 900;
    font-size: 30px;
    /*font-size: 36px;*/
}

.ts-facts-title {
    font-size: 16px;
}

@media (max-width: 768px) {
    .beneficiaries_links {
        position: relative;
        width: auto;
    }

    .beneficiaries_links.fixed {
        position: relative;
        top: 0;
    }

    .beneficiaries_menu {
        padding: 0;
    }

    .beneficiaries_menu li {
        list-style-type: none;
        margin-bottom: 5px;
        display: inline-block;
        width: 48%;
    }

    .beneficiaries_menu li a {
        padding: 15px;
        background: #f6f6f6;
        display: block;
        font-size: 15px;
        color: #1e2f44;
    }

    .beneficiaries_menu li a:hover {
        background: #1e2f44;
        color: #fff;
    }

    .beneficiaries_menu li.active a {
        background: #1e2f44;
        color: #fff;
    }
}

@media (max-width: 768px) {
    .ts-facts-wrapper {
        background: @stats-background;
        color: #fff;
        padding: 10px;
        margin-top: 0px;
        margin-bottom: 0;
        margin-right: 0;
        min-height: auto;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    }

    .ts-facts,
    .ts-facts.last {
        width: 47%;
        margin: 3px;
        float: left;
        clear: none;
        padding-bottom: 20px;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ts-facts-icon {
        color: @count-icon;
        font-size: 35px;
        float: none;
        margin-top: 10px;
        text-align: center;
    }

    .ts-facts-content {
        margin-left: 0;
        text-align: center;
    }

    .ts-facts-num,
    .ts-facts-title {
        line-height: normal;
        margin: 0;
        color: @count;
    }

    .ts-facts-title {
        line-height: normal;
        margin: 0;
        color: @count-text;
    }

    .ts-facts-num {
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px;
    }

    .ts-facts-title {
        font-size: 15px;
    }
}




/***********************************************************************************
 *  + FULL SECTIONS
 ***********************************************************************************/

.full-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 100px;
    padding: 50px 0;
    background: no-repeat center center;
}

.full-section .container-fluid {
    padding: 0;
}

.full-section-shadow-top {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    opacity: 0.1;
    background: -webkit-linear-gradient(#000, transparent);
    background: linear-gradient(#000, transparent);
}

.full-section-shadow-bottom {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    opacity: 0.05;
    background: -webkit-linear-gradient(transparent, #000);
    background: linear-gradient(transparent, #000);
}

.full-section-container {
    position: relative;
    z-index: 4;
}

.parallax {
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.parallax-multilayer {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.parallax-multilayer .parallax-layer {
    position: absolute;
    top: 0;
    left: 0;
}

.full-section.dark-section {
    background-color: #1a1e21;
    color: #fff;
}

.full-section.dark-section a,
.full-section.dark-section h1,
.full-section.dark-section h2,
.full-section.dark-section h3,
.full-section.dark-section h4,
.full-section.dark-section h5,
.full-section.dark-section h6 {
    color: inherit;
}

.full-section.dark-section a:hover {}

.full-section.dark-section .headline:before {
    color: inherit;
}

.full-section .headline:after {
    display: none;
}

.full-section.dark-section .alert.alert-info {
    border: 1px solid #fff;
}

.full-section.dark-section .btn-grey:hover,
.full-section.dark-section .btn-default:hover {
    color: #fff;
}

.full-section.dark-section .btn-white {
    color: #d7d7d7;
}

.full-section.dark-section .panel-title a,
.full-section.dark-section .panel-title a:focus {
    color: #151f48;
}

.full-section.dark-section .panel-title a:hover,
.full-section.dark-section .panel-title a[aria-expanded="true"] {
    color: #fff;
}

.full-section.dark-section .process-steps .step:hover>i,
.full-section.dark-section .process-steps .step:hover>h1,
.full-section.dark-section .process-steps .step:hover>i:after,
.full-section.dark-section .process-steps .step:hover>h1:after {
    border-color: #fff;
}

.full-section.dark-section .progress-bar span {
    color: inherit;
}

.full-section.dark-section .countdown {
    color: inherit;
}

.full-section.dark-section .pagination li a {
    color: #151f48;
}

.full-section.dark-section .pagination li a:hover,
.full-section.dark-section .pagination li.active a {
    color: #fff;
}

.full-section.dark-section .owl-page:hover,
.full-section.dark-section .owl-page.active {
    background-color: #fff;
}

.full-section.dark-section .service-box.style-3>i:after {
    display: none;
}

.full-section.dark-section .widget-recent-posts ul li .post-title {
    color: #fff;
}



/* BACKROUNDS AND STYLE FOR FULL SECTIONS */

#section-1 {
    margin-bottom: 0;
    padding: 80px 0 130px;
    background: url(../images/backgrounds/bg-1.png) no-repeat bottom center;
}

#section-2 {
    padding: 40px 0 25px;
    background-image: url(../images/backgrounds/bg-2.jpg);
}

#section-2 h4 {
    margin-top: 5px;
}

#section-3 {
    padding: 50px 0 25px;
    background-color: @secondary;
}

#section-3:after,
#section-3:before {
    position: absolute;
    left: 0;
    width: 100%;
    content: "";
    border-top: 10px solid;
}

#section-3:after {
    top: 0;
    border-top-color: #209fe8;
}

#section-3:before {
    top: 10px;
    border-top-color: #2cacf5;
}

#section-4 {
    padding: 50px 0 30px;
    background-color: @secondary;
}

#section-4 h4 {
    margin-top: 5px;
}

#section-5 {
    margin-top: 60px;
    padding: 100px 0 80px;
    background-image: url(../images/backgrounds/bg-3.jpg);
}

#section-6 {
    padding: 40px 0 20px;
    margin-bottom: -50px;
    background-image: url(../../assets/banner_bg.jpg);
}

#section-6 h4 {
    margin-top: 5px;
    font-size: 21px;
}

#section-7 {
    margin-bottom: -50px;
    padding: 200px 0 190px 0;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    background-color: @secondary;
}

#section-7:after,
#section-7:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: no-repeat center center;
}

#section-7:before {
    left: 0;
    width: 35%;
    border-right: 10px solid #fff;
    background-image: url(../images/backgrounds/bg-5.jpg);
}

#section-7:after {
    right: 0;
    width: 35%;
    border-left: 10px solid #fff;
    background-image: url(../images/backgrounds/bg-6.jpg);
}

#section-7 a:hover {
    color: #151f48;
}

#section-8 {
    margin-top: 50px;
    padding: 150px 0 220px;
    background-image: url(../images/backgrounds/bg-7.jpg);
}

#section-9 {
    margin-top: 100px;
    padding: 100px 0 50px;
    background-image: url(../images/backgrounds/bg-8.jpg);
}

#section-10 {
    margin-top: 50px;
    padding: 100px 0 30px;
    background-image: url(../images/backgrounds/bg-9.jpg);
}

#section-11 {
    margin-bottom: -50px;
    padding: 70px 0 50px;
    background-image: url(../images/backgrounds/bg-10.jpg);
}

#section-11 h4 {
    margin-top: 5px;
}

#section-12 {
    margin-top: 50px;
    margin-bottom: 0;
    padding: 100px 0;
    background-color: #f2f8fb;
}

#section-13 {
    margin-bottom: -50px;
    padding: 100px 0 50px;
    background-image: url(../images/backgrounds/bg-11.jpg);
}

#section-14 {
    margin-top: 80px;
    padding: 100px 0 50px;
    background-image: url(../images/backgrounds/bg-12.jpg);
}

#section-15 {
    margin-top: 50px;
    padding: 70px 0 50px;
}

#section-16 {
    margin-top: 50px;
    margin-bottom: -50px;
    padding-top: 100px;
    padding-bottom: 0;
    background: url(../images/backgrounds/bg-13.jpg) no-repeat bottom center;
}

#section-16 img {
    position: relative;
    z-index: -1;
    margin-top: -170px;
}

#section-17 {
    margin-top: 30px;
    padding: 170px 0 150px;
    background-color: #f6fcff;
}

#section-18 {
    margin-top: 50px;
    padding: 100px 0 50px;
    background-color: @secondary;
}

#section-19 {
    margin-top: 50px;
    margin-bottom: -50px;
    padding: 100px 0 80px;
    background-image: url(../images/backgrounds/bg-14.jpg);
}

#section-20 {
    overflow: visible;
    margin-top: 50px;
    padding: 170px 0 120px;
    background-image: url(../images/backgrounds/bg-15.jpg);
}

#section-21 {
    margin-top: 50px;
    margin-bottom: -50px;
    padding: 70px 0 50px;
    background-image: url(../images/backgrounds/bg-17.jpg);
}

#section-21 h4 {
    margin-top: 5px;
}

#section-22 {
    margin-bottom: 0;
    padding: 250px 0 400px;
    background: url(../images/backgrounds/bg-18.png) no-repeat bottom center;
}

#section-23 {
    margin-bottom: -50px;
    padding: 40px 0 25px;
    background-image: url(../images/backgrounds/bg-2.jpg);
}

#section-24 {
    margin-bottom: 0;
    padding-top: 75px;
    background-image: url(../images/backgrounds/bg-19.jpg);
    -webkit-background-size: cover;
    background-size: cover;
}

#section-24 .social-media a {
    color: #151f48;
}

#section-25 {
    margin-bottom: -50px;
    padding-top: 20px;
    padding-bottom: 0;
    background-color: #111315;
}

#section-26 {
    margin-top: 50px;
    margin-bottom: -50px;
    padding: 100px 0 80px;
    background-image: url(../images/backgrounds/bg-10.jpg);
}



/***********************************************************************************
 *  + VIDEO PLAYER
 ***********************************************************************************/

#local-video-section,
#youtube-video-section {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
}

#video-section {
    overflow: visible;
    margin-top: 50px;
    padding: 0;
    height: 635px;
    background-image: url(../images/backgrounds/bg-16.jpg);
}

.video-details {
    position: absolute;
    z-index: 2;
    bottom: -30px;
    left: 50%;
    font-size: 24px;
    line-height: 32px;
    font-style: italic;
    padding: 15px 50px;
    border-radius: 50px;
    border: 2px solid #fff;
    background-color: @secondary;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.youtube-player {
    display: none;
}

#video-section .full-section-container {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#local-video-section video {
    width: 100%;
}



/***********************************************************************************
 *  + SCROLL UP
 ***********************************************************************************/

#scroll-up {
    z-index: 7000;
    display: none;
    overflow: hidden;
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 48px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background-color: @primary;
    /*background: -webkit-linear-gradient(#74ccff, #209fe8);
    background: linear-gradient(#74ccff, #209fe8);
   
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);*/
}

#scroll-up:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

#scroll-up:hover {
    background-color: @secondary;
}

#scroll-up:hover:after {
    opacity: 1;
    background-color: @secondary;
}



/***********************************************************************************
 *  + SLIDERS
 ***********************************************************************************/


/* REVOLUTION SLIDER */

.rev_slider_wrapper {
    margin-bottom: 100px;
    height: 760px;
}



/* ARROWS */

.tp-leftarrow.default,
.tp-rightarrow.default {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
    border-color: @secondary;
    background-color: @secondary;
}

.tp-leftarrow.default:before,
.tp-rightarrow.default:before {
    font-family: "mt-icons";
    line-height: 54px;
    font-size: 18px;
}

.tp-leftarrow.default:before {
    content: "\e90e";
}

.tp-rightarrow.default:before {
    content: "\e911";
}



/* BULLETS */

.tp-bullets.default .tp-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tp-bullets.default .tp-bullet:hover,
.tp-bullets.default .tp-bullet.selected {
    border-color: @secondary;
    background-color: @secondary;
}



/* TYPOGRAPHY */

.tp-caption.title {
    font-size: 36px;
    line-height: 60px;
    font-weight: 800;
    text-transform: uppercase;
    color: #151f48;
}

.tp-caption.title span {
    font-weight: 300;
    font-style: italic;
}

.tp-caption.title-small {
    font-size: 14px;
    line-height: 24px;
    font-weight: 800;
    text-transform: uppercase;
    color: #151f48;
}

.tp-caption.subtitle {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-style: italic;
    color: #151f48;
}

.tp-caption.text {
    font-size: 14px;
    line-height: 24px;
}

.tp-caption.text-white {
    color: #fff;
}



/* OWL Carousel */

.owl-carousel {
    margin-bottom: 0px;
}

.owl-pagination {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.owl-page {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #d7d7d7;
}

.owl-page:hover,
.owl-page.active {
    background-color: @secondary;
}

.owl-page:last-child {
    margin-right: 0;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.owl-prev {
    left: -20px;
}

.owl-next {
    right: -20px;
}

.owl-prev:before,
.owl-next:before {
    font-family: "mt-icons";
}

.owl-prev:before {
    content: "\e90e";
}

.owl-next:before {
    content: "\e911";
}

.owl-prev:hover,
.owl-next:hover {
    opacity: 0.5;
}

.slider-navigation {}

.slider-navigation span {
    display: inline-block;
    font-size: 12px;
    line-height: 32px;
    margin: 0 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.slider-navigation.rounded span {
    width: 42px;
    height: 42px;
    line-height: 40px;
    border-radius: 50%;
    border: 2px solid @secondary;
    color: @secondary;
}

.slider-navigation span:hover {
    cursor: pointer;
    opacity: 0.5;
}

.slider-navigation.rounded span:hover {
    opacity: 1;
    background-color: @secondary;
    color: #fff;
}



/* TWITTER SLIDER */

#tweet {
    margin: 0 -15px;
}

#tweet .owl-item {
    padding: 0 15px;
}

#tweet:hover {
    cursor: move;
}



/* PORTFOLIO CAROUSEL */

.portfolio-carousel {
    margin-bottom: 0;
}

.portfolio-carousel:hover {
    cursor: move;
}

.portfolio-carousel .portfolio-item {
    margin-bottom: 0;
}



/* IMAGES SLIDER */

.images-slider {
    margin-bottom: 80px;
    text-align: center;
}

.images-slider:hover {
    cursor: move;
}



/* IMAGES SLIDER */

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

.logos-slider:hover {
    cursor: move;
}



/* TESTIMONIALS SLIDER */

.testimonials-slider .owl-pagination {
    top: 50%;
    bottom: auto;
    left: auto;
    right: -50px;
    width: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonials-slider .owl-pagination .owl-page {
    display: block;
    margin: 5px 0;
}



/* BLOG SLIDER */

.blog-slider .owl-pagination {
    top: 50%;
    bottom: auto;
    left: auto;
    right: 30px;
    width: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog-slider .owl-pagination .owl-page {
    display: block;
    margin: 5px 0;
}



/***********************************************************************************
 *  + ANIMATIONS
 ***********************************************************************************/

.wow {
    visibility: hidden;
}

.wow.animated {
    visibility: visible;
}



/***********************************************************************************
 *  + WIDGETS
 ***********************************************************************************/

.widget {
    margin-bottom: 70px;
}

.widget-title {
    text-transform: uppercase;
    margin-bottom: 50px;
}



/* WIDGET TEXT */

.widget-text {}

.widget-text *:last-child {
    margin-bottom: 0;
}



/* WIDGET SERACH */

.widget-search {}

.widget-search form {
    position: relative;
}

.widget-search input[type="search"] {
    width: 100%;
    height: 45px;
    padding-right: 45px;
}

.widget-search input[type="submit"] {
    height: 45px;
    border: none;
    position: absolute;
    top: 0;
    right: 8px;
    background: url(../images/search.png) no-repeat center center;
}



/* WIDGET CATEGORIES */

.widget-categories {}

.widget-categories ul {
    list-style: none;
    font-weight: 400;
    margin-bottom: 0;
}

.widget-categories ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.widget-categories ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget-categories ul li:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    position: relative;
    top: -1px;
    margin-right: 15px;
    border-radius: 50%;
    background-color: @secondary;
}

.widget-categories ul li a {
    color: #4e515d;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.widget-categories ul li a:hover {
    text-decoration: none;
    color: @secondary;
}



/* WIDGET CATEGORIES DROPDOWN */

.widget-categories-dropdown {}



/* WIDGET ARCHIVES */

.widget-archives {}

.widget-archives ul {
    list-style: none;
    font-weight: 400;
    margin-bottom: 0;
}

.widget-archives ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.widget-archives ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget-archives ul li:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    position: relative;
    top: -1px;
    margin-right: 15px;
    border-radius: 50%;
    background-color: @secondary;
}

.widget-archives ul li a {
    color: #4e515d;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.widget-archives ul li a span {
    color: @secondary;
}

.widget-archives ul li a:hover {
    text-decoration: none;
    color: @secondary;
}



/* WIDGET ARCHIVES DROPDOWN */

.widget-archives-dropdown {}



/* WIDGET PAGES */

.widget-pages {}

.widget-pages ul {
    list-style: none;
    font-weight: 400;
    margin-bottom: 0;
}

.widget-pages ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.widget-pages ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget-pages ul li:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    position: relative;
    top: -1px;
    margin-right: 15px;
    border-radius: 50%;
    background-color: @secondary;
}

.widget-pages ul li a {
    color: #4e515d;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.widget-pages ul li a:hover {
    text-decoration: none;
    color: @secondary;
}



/* WIDGET METADATA */

.widget-metadata {}

.widget-metadata ul {
    list-style: none;
    font-weight: 400;
    margin-bottom: 0;
}

.widget-metadata ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

.widget-metadata ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget-metadata ul li:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    position: relative;
    top: -1px;
    margin-right: 15px;
    border-radius: 50%;
    background-color: @secondary;
}

.widget-metadata ul li a {
    color: #4e515d;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.widget-metadata ul li a:hover {
    text-decoration: none;
    color: @secondary;
}



/* WIDGET TAGS */

.widget-tags {}

.widget-tags a {
    font-weight: 400;
    font-style: italic;
    text-decoration: none;
    display: inline-block;
    padding: 6px 20px 6px 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 20px;
    border: 2px solid #d7d7d7;
    color: #d7d7d7;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.widget-tags a:hover {
    border-color: @secondary;
    color: @secondary;
}



/* WIDGET NEWSLETTER */

.widget-newsletter {}

.widget-newsletter form {
    position: relative;
}

.widget-newsletter input[type="email"] {
    width: 100%;
    height: 48px;
    padding-right: 70px;
}

.widget-newsletter input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    padding: 10px 20px;
    border-radius: 0 20px 20px 0;
    font-size: 20px;
}



/* WIDGET RECENT POSTS */

.widget-recent-posts {}

.widget-recent-posts ul {
    list-style: none;
    margin-bottom: 0;
}

.widget-recent-posts ul li {
    position: relative;
    padding-left: 100px;
    margin-bottom: 30px;
}

.widget-recent-posts ul li:last-child {
    margin-bottom: 0;
}

.widget-recent-posts ul li img {
    position: absolute;
    top: 0;
    left: 0;
}

.widget-recent-posts ul li .post-title {
    font-weight: 600;
    color: #151f48;
}

.widget-recent-posts ul li .post-details {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d7d7d7;
    color: @secondary;
}

.widget-recent-posts ul li .read-more {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
}



/* WIDGET RECENT COMMENTS */

.widget-recent-comments {}

.widget-recent-comments ul {
    list-style: none;
    font-weight: 400;
    margin-bottom: 0;
}

.widget-recent-comments ul li {
    margin-bottom: 20px;
}

.widget-recent-comments ul li:last-child {
    margin-bottom: 0;
}



/* WIDGET CALENDAR */

.widget-calendar {}

.widget-calendar table {
    width: 100%;
    text-align: center;
}

.widget-calendar table caption {
    font-weight: 600;
    text-transform: uppercase;
}

.widget-calendar table th,
.widget-calendar table td {
    padding: 5px;
    text-align: center;
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}

.widget-calendar table th:last-child,
.widget-calendar table td:last-child {
    border-right: 1px solid #d7d7d7;
}

.widget-calendar table tr:last-child td {
    border-bottom: 1px solid #d7d7d7;
}

.widget-calendar table tfoot td,
.widget-calendar table tfoot td:last-child,
.widget-calendar table tfoot tr:last-child td {
    border: none;
}

.widget-calendar table td#today {
    background-color: @secondary;
    color: #fff;
}

.widget-calendar table td#prev,
.widget-calendar table td#next {
    font-weight: 600;
    text-transform: uppercase;
}



/* WIDGET FLICKR */

.widget-flickr {}

.flickr-photos {
    margin: -5px;
}

.flickr_badge_image {
    float: left;
    padding: 5px;
}

.flickr_badge_image:last-of-type {
    display: none;
}

.flickr_badge_image img {
    width: 80px;
    height: auto;
}

.flickr-photos:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}



/* WIDGET INSTAGRAM */

.widget-instagram {}

#instafeed {
    margin: -5px;
}

#instafeed a {
    float: left;
    display: block;
    width: 90px;
    padding: 5px;
}

#instafeed a img {
    display: block;
    width: 100%;
    height: auto;
}

#instafeed:after {
    visibility: hidden;
    display: block;
    height: 0;
    font-size: 0;
    content: " ";
    clear: both;
}



/* WIDGET TWITTER */

.widget-twitter {}

#tweet {
    text-align: center;
}

#tweet:before {
    content: "\ea4a";
    font-family: "mt-icons";
    font-size: 32px;
    line-height: 32px;
    display: inline-block;
    margin-bottom: 30px;
    color: @secondary;
}

#tweet ul {
    list-style: none;
}

#tweet ul li {
    position: relative;
    text-align: center;
    word-wrap: break-word;
    min-height: 430px;
    padding: 45px 20px 60px;
    background-color: #fff;
    color: #4e515d;
}

#tweet ul li:last-child {
    margin-bottom: 0;
}

#tweet ul li a {
    color: #4e515d;
}

#tweet ul li img {
    margin-bottom: 20px;
    border-radius: 50%;
}

#tweet ul li .user span {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}

#tweet ul li .user a>span[data-scribe] {
    display: none;
}

#tweet ul li .interact {
    display: none;
}



/* WIDGET CONTACT */

.widget-contact {}

.widget-contact ul {
    list-style: none;
    margin-bottom: 0;
    font-weight: 400;
}

.widget-contact ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    line-height: 25px;
}

.widget-contact ul li i {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    color: #fff;
    opacity: 0.7;
}

#footer .widget-contact ul li i {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px;
    color: @footercolor;
    opacity: initial;
}

/* WIDGET SOCIAL */

.widget-social {}

.widget-social .social-media {
    margin-bottom: 0;
}



/***********************************************************************************
 *  + RESPONSIVE
 ***********************************************************************************/


/***********************************************************************************
 *  - LARGE DISPLAY (>1200px)
 ***********************************************************************************/

@media (min-width: 1200px) {
    .isotope.col-4 .isotope-item {
        width: 25%;
    }

    .flickr_badge_image:last-of-type {
        display: block;
    }
}



/***********************************************************************************
 *  - SMALL DISPLAY (TABLETS)
 ***********************************************************************************/

@media (min-width: 768px) and (max-width: 991px) {
    .nav-tabs>li>a {
        padding: 7px 15px;
    }

    .nav-tabs>li.active>a {
        margin-top: -15px;
        padding: 15px 15px;
    }

    .legend li {
        float: none;
        width: 100%;
    }

    .isotope-item.item-width-1 {
        width: 50%;
    }

    .tp-caption .btn {
        padding: 7px 20px 7px 10px;
        font-size: 10px;
    }

    .tp-caption .btn:hover {
        padding: 7px 20px;
    }

    #section-7:before {
        width: 30%;
    }

    #section-7:after {
        width: 30%;
    }

    #section-11 {
        margin-top: 70px;
    }

    #section-16 img {
        margin-top: -100px;
    }

    .widget-recent-posts ul li {
        padding-left: 0;
    }

    .widget-recent-posts ul li img {
        display: none;
    }

    .flickr_badge_image img {
        width: 72px;
    }

    .widget-newsletter input[type="email"] {
        padding-right: 20px;
    }

    .widget-newsletter input[type="submit"] {
        position: relative;
        padding: 10px 30px;
        border-radius: 20px;
    }
}



/***********************************************************************************
 *  - EXTRA SMALL DISPLAY (PHONES PORTRAIT)
 ***********************************************************************************/

@media (max-width: 767px) {
    .last {
        margin-bottom: 20px;
    }

    h1.error {
        font-size: 150px;
        line-height: 100px;
    }

    h1.error:after {
        height: 150px;
    }

    .nav-tabs>li {
        float: none;
    }

    .nav-tabs>li>a {
        margin-right: 0;
        border-radius: 0;
    }

    .nav-tabs>li.active>a {
        margin-top: 0;
        padding: 15px 30px;
    }

    .tab-content .pull-right,
    .tab-content .pull-left {
        float: none !important;
        margin: 0;
        margin-bottom: 20px;
    }

    .process-steps .step {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .process-steps .step:last-child {
        margin-bottom: 0;
    }

    .process-steps.process-3-steps .step,
    .process-steps.process-4-steps .step,
    .process-steps.process-5-steps .step {
        width: 100%;
    }

    .legend li {
        float: none;
        width: 100%;
    }

    .countdown>div {
        font-size: 36px;
        line-height: 36px;
    }

    .countdown>div:after {
        font-size: 24px;
    }

    .isotope .isotope-item {
        float: none;
        width: 100%;
    }

    .isotope.col-3 .isotope-item,
    .isotope.col-4 .isotope-item {
        width: 100%;
    }

    .isotope-item.item-width-1,
    .isotope-item.item-width-2 {
        width: 100%;
    }

    .filter li {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

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

    .map {
        height: 350px;
    }

    .full-section .container-fluid {
        padding: 0 20px;
    }

    #section-7:before {
        bottom: auto;
        width: 100%;
        height: 150px;
        border-right: none;
        border-bottom: 10px solid #fff;
    }

    #section-7:after {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 150px;
        border-left: none;
        border-top: 10px solid #fff;
    }

    #section-11 {
        margin-top: 70px;
    }

    #section-16 img {
        margin-top: 0;
    }

    #section-22 {
        padding: 150px 0 300px;
    }

    .video-details {
        display: none;
    }

    .tp-leftarrow.default,
    .tp-rightarrow.default {
        display: none;
    }

    .tp-caption .btn {
        padding: 3px 20px 3px 10px;
        font-size: 6px;
        line-height: 12px;
    }

    .tp-caption .btn:hover {
        padding: 3px 20px;
    }

    .tp-caption .btn:after,
    .tp-caption .btn:before {
        width: 20px;
    }

    .tp-caption .btn:before {
        right: 14px;
    }

    .tp-caption .btn:after {
        right: 5px;
    }

    .testimonials-slider .owl-pagination {
        top: auto;
        bottom: -30px;
        left: 0;
        right: 0;
        width: 100%;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .owl-prev {
        left: -10px;
    }

    .owl-next {
        right: -10px;
    }

    .testimonials-slider .owl-pagination .owl-page {
        display: inline-block;
        margin: 0 5px;
    }

    #scroll-up {
        bottom: 20px;
        right: 20px;
    }

    .flickr_badge_image:last-of-type {
        display: block;
    }
}



/***********************************************************************************
 *  - EXTRA SMALL DISPLAY (PHONES LANDSCAPE)
 ***********************************************************************************/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .isotope .isotope-item {
        float: none;
        width: 50%;
    }

    .isotope.col-3 .isotope-item,
    .isotope.col-4 .isotope-item {
        width: 50%;
    }

    .isotope-item.item-width-1,
    .isotope-item.item-width-2 {
        width: 50%;
    }
}



/*customs*/

.banner_bg {
    padding: 20px 0 10px 0;
    margin-bottom: 30px;
    background: #ccc;
    /* background-image: url(../../assets/banner_bg.jpg);*/
}

@media (max-width: 767px) {
    .banner_bg {
        padding: 10px 0 10px 0;
        margin-bottom: 30px;
        /* background-image: url(../../assets/banner_bg.jpg);*/
        /*background-image: url(../images/banner_bg.jpg);*/
    }
}

.facebook_page {
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    padding: 0px;
    position: relative;
}

.facebook_page h3 {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background: #44619D;
    margin: 0;
    padding: 20px 10px;
    color: #fff;
    line-height: 10px;
}

.facebook_page h3 i {
    position: absolute;
    top: 10px;
    left: 12%;
    background: #fff;
    color: #44619D;
    width: 33px;
    height: 33px;
    padding: 8px 0 9px 0px;
    border-radius: 50%;
}

.twitter_page {
    margin-bottom: 30px;
}

.twitter_page h3 {}

.twitter_page h3 i {
    color: #2aa9e0;
}

@media (max-width: 767px) {
    .facebook_page h3 i {
        position: absolute;
        top: 10px;
        left: 25px;
        background: #fff;
        color: #44619D;
        width: 33px;
        height: 33px;
        padding: 8px 0 9px 0px;
        border-radius: 50%;
    }
}



/*======== Alumni Needs Home =========*/

.needs_home {
    margin-bottom: 50px;
}

.needs_home .need_post {
    text-align: center;
    background: @primary;
    padding: 10px;
}

.needs_home .need_post h6 {
    font-size: 16px;
    color: #fff;
    opacity: 0.95;
    line-height: 21px;
}

.needs_home .need_post h6 a {
    color: #fff;
    font-style: italic;
}

.needs_home .need_post h6 a:hover {
    border-bottom: 1px dotted @secondary;
    color: @secondary;
}

.needs_home h2 {
    margin-top: 55px;
}

.needs_home .content {
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    padding: 0 20px 20px 20px;
}



/* Testimonial
================================================== */

.ts-testimonials {
    background: #e9edeb;
}

.testimonial-content {
    margin-top: 20px;
}

.testimonial-text-item {
    padding: 20px 25px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: none;
    position: relative;
}

.testimonial-text-item:before {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 49px;
    border-width: 16px 0 0 16px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15) transparent;
    display: block;
    width: 0;
}

.testimonial-text-item:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50px;
    border-width: 16px 0 0 16px;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.testimonial-text {
    position: relative;
}

.testimonial-text-item h6 {
    font-size: 15px;
}

.testimonial-text-item h5 {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;
    margin: 0;
}

.testimonial-text-item h5 a {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: inherit;
}

.testimonial-text-item h5 a i {
    color: @secondary;
}

.testimonial-text-item h5 a:hover {
    color: @secondary;
}

.testimonial-text-item h5 a:hover>i {
    color: #f36e2d;
}

.testimonial-text-item h5 span {
    opacity: 0.8;
}

.testimonial-text:before {
    padding-right: 10px;
    color: #ccc;
}

.testimonial-info {
    margin-top: 20px;
    text-align: center;
    position: relative;
    min-height: 85px;
}

.testimonial-thumb {
    margin: 0;
    float: none;
    border: 3px solid rgba(0, 0, 0, 0.2);
    max-width: 25%;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: 5%;
}

.testimonial-author {
    font-size: 14px;
    margin-top: 0.5em;
    font-weight: bold;
    display: block;
    position: absolute;
    left: 35%;
    top: 12px;
    text-align: left;
    line-height: 21px;
}

.testimonial-author p {
    color: #999;
}

.testimonial-author a {
    color: inherit;
}

.testimonial-author a:hover {
    color: @secondary;
    text-decoration: underline;
}

.testimonial-author-desg {
    display: block;
    position: absolute;
    left: 35%;
    top: 43px;
    font-size: 13px;
    text-align: left;
}



/*============================
    Image Gallery Landing page
==============================*/

.gallery_wrap {
    margin: 30px 0 0px 0;
}

.gallery_link {
    color: inherit;
}

.gallery_link:hover {
    text-decoration: none;
}

.gallery_list {
    position: relative;
    height: 300px;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 30px 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}



.gallery_list:hover {
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.15);
}

.gallery_list .gallery_item_bg {
    height: 100%;
    /*
    background: rgba(255, 255, 255, 0.7);
    background: linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: 5px;
}

.gallery_list .content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 90%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 90%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 90%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 90%);
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.gallery_list .content h2 {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 10px 15px;
    margin: 0;
    width: 100%;
    font-weight: 500;
}

.gallery_list .content p {
    font-size: 14px;
    line-height: 23px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 10px 15px;
    margin: 0;
    width: 80%;
    font-weight: normal;
    opacity: 0.8;
}

.gallery_list .content p a {
    color: #fff !important;
}

.gallery_list .content h3 {
    font-size: 14px;
    line-height: 23px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0;
    padding: 10px 15px;
    margin: 0;
    width: 20%;
    font-weight: normal;
    text-align: right;
    opacity: 0.8;
}



.gallery_list .img_wrap {
    position: relative;
}

.gallery_list .album_title {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 8px 10px;
}

.gallery_list .img_wrap .img img {
    border-radius: 4px 4px 0 0;
    width: 100%;
}

.gallery_list .album_title p {
    color: #fff;
    margin: 0;
    font-size: 15px;
    padding: 0;
    line-height: 21px;
}

.gallery_list .album_body {
    padding: 10px 5px 5px 5px;
}

.gallery_list .album_body h4 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    line-height: 15px;
    padding: 0 5px;
}

.gallery_list .album_body h4 .fa {
    color: #999;
}

.gallery_list .album_footer {
    padding: 5px 10px 10px 10px;
    border-radius: 0 0 4px 4px;
}

.gallery_list .album_footer .posted {
    margin: 0;
    font-size: 12px;
}

.gallery_list .album_footer .posted strong {
    color: #484848;
}

.gallery_list:hover {
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.15);
}

.gallery_list:hover .album_footer .posted strong {
    color: @secondary;
}

.gallery_list .album_footer .posted span {
    float: right;
    font-size: 11px;
}

.gallery {
    /* margin: 40px 0;*/
}

.gallery .zooming {
    width: 100%;
    height: 250px;
}

.gallery .zooming img {
    margin: 0 0 30px 0;
    padding: 0;
}

.view_album_posted_by {
    position: absolute;
    z-index: 1;
    bottom: 21px;
    right: 16px;
    padding: 5px 6px;
    font-size: 13px;
    color: #fff;
}

.view_album_posted_by a {
    color: #fff;
    font-size: 13px;
}

.home_gallery {
    margin: 0px 0 0px 0;
}

.home_gallery_items .gallery_list {
    margin: 20px 0 0 0;
    border-radius: 4px;
}

.no_album_img {
    padding: 15px 10px;
    border: 2px dashed #ddd;
    margin: 40px auto;
    width: 50%;
    text-align: center;
}

.no_album_img h1 {
    margin: 15px auto;
}

.no_album_img h1 i {
    font-size: 2em;
    color: rgba(0, 0, 0, 0.2);
}

.no_album_img h3 {
    font-size: 16px;
    margin: 5px 0;
}

.no_album_img h1 span {
    font-size: 3em;
    color: #ddd;
}

.home_gallery_items .gallery_list {
    position: relative;
    height: 180px;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 30px 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.home_gallery_items .gallery_list .content h2 {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    position: absolute;
    bottom: 25px;
    left: 0;
    padding: 5px 10px;
    margin: 0;
    width: 100%;
    font-weight: 500;
}

.home_gallery_items .gallery_list .content p {
    font-size: 9px;
    line-height: 16px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 5px 10px;
    margin: 0;
    width: 70%;
    font-weight: normal;
    opacity: 0.8;
}

.home_gallery_items .gallery_list .content h3 {
    font-size: 9px;
    line-height: 16px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0;
    padding: 5px 10px;
    margin: 0;
    width: 30%;
    font-weight: normal;
    text-align: right;
    opacity: 0.8;
}

.home_event_info {
    margin: 0px 0px 50px 0px;
}

@media (max-width: 768px) {
    .gallery_list {
        position: relative;
        height: 280px;
        background: #fff;
        border-radius: 5px;
        margin: 0 0 30px 0;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    }

    .gallery_list:hover {
        box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.15);
    }

    .gallery_list .gallery_item_bg {
        height: 100%;
        /*
    background: rgba(255, 255, 255, 0.7);
    background: linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);*/
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        border-radius: 5px;
    }

    .gallery_list .content {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        background: linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 90%);
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 90%);
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 90%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent 90%);
        width: 100%;
        height: 100%;
        padding: 20px;
        border-radius: 5px;
        cursor: pointer;
    }

    .gallery_list .content h2 {
        font-size: 16px;
        line-height: 25px;
        color: #fff;
        position: absolute;
        bottom: 40px;
        left: 0;
        padding: 10px 15px;
        margin: 0;
        width: 100%;
        font-weight: 500;
    }

    .gallery_list .content p {
        font-size: 12px;
        line-height: 14px;
        color: #fff;
        position: absolute;
        bottom: 0px;
        left: 0;
        padding: 10px 15px;
        margin: 0;
        width: 70%;
        font-weight: normal;
        opacity: 0.8;
    }

    .gallery_list .content p a {
        color: #fff !important;
    }

    .gallery_list .content h3 {
        font-size: 12px;
        line-height: 14px;
        color: #fff;
        position: absolute;
        bottom: 0px;
        right: 0;
        padding: 10px 15px;
        margin: 0;
        width: 30%;
        font-weight: normal;
        text-align: right;
        opacity: 0.8;
    }

    .no_album_img {
        background: #fff;
        text-align: center;
        width: 85%;
        margin: 50px auto;
        padding: 20px;
        border: 2px dashed #ddd;
    }

    .no_album_img h1 span {
        font-size: 2em;
        color: #F3565D;
    }

    .home_gallery_items .gallery_list .content h2 {
        font-size: 13px;
        line-height: 17px;
        color: #fff;
        position: absolute;
        bottom: 35px;
        left: 0;
        padding: 5px 10px;
        margin: 0;
        width: 100%;
        font-weight: 500;
    }
}




/*------------ User Images hover -------------*/

.grid {
    cursor: pointer;
    margin-left: -2px;
}

.no-border {
    padding: 0px;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px;
    background-color: rgba(249, 146, 7, 0.6);
    color: #fff;
}

.grid figcaption h3 {
    margin: 0 0 5px 0;
    line-height: 15px;
}

.grid figcaption h3 a {
    padding: 0;
    color: #fff;
    font-size: 13px;
    line-height: 15px;
}

.grid figcaption h3 a:hover {
    text-decoration: underline;
}

.grid figcaption p {
    font-size: 11px;
    line-height: 15px;
}

.grid figcaption .link {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 11px;
    display: inline-block;
    background: #ed4e6e;
    color: #fff;
}



/* Individual Caption Styles */


/* Caption Style 3 */

.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}



/*
.cs-style-3 figure.cs-hover img {
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}*/

.cs-style-3 figcaption {
    height: 100%;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption .link {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.sharethis p {
    line-height: 18px;
    margin-top: 15px;
}

.sharethis span {
    margin-top: 0px;
}



/*------ Latest News --------*/

.latest_news_wrap {
    border-right: 1px dashed #ccc;
    min-height: 500px;
}

.news_element {
    position: relative;
    margin: 0 0 20px 0;
    border-radius: 5px;
    padding: 10px;
    min-height: 350px;
    /*  background: rgba(255, 244, 182, 0.5);*/
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.news_element .img_wrap {
    width: 100%;
    margin: 0 0 10px 0;
    height: 180px;
}

.news_element .news_footer {
    position: absolute;
    bottom: 10px;
    width: 94%;
}

.news_element img {
    width: 100%;
    margin-bottom: 5px;
}

.news_element h3 {
    font-size: 15px;
    line-height: 21px;
    margin: 0 0 8px 0;
}

.news_element h3 a {
    color: inherit;
}

.news_element h3 a:hover {
    color: @secondary;
}

.news_element h5 {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 7px 0;
}

.news_element h5 a {
    font-size: 90%;
    font-style: italic;
    color: @secondary;
}

.news_element .date {
    width: 70px;
    text-align: center;
}

.news_element .date h2 {
    background: #5d5d5d;
    color: #fff;
    font-size: 1.2em;
    padding: 9px 0;
    height: 35px;
    margin: 0;
    border-radius: 5px 5px 0 0;
}

.news_element .date h3 {
    background: #484848;
    color: #fff;
    font-size: 1.2em;
    padding: 9px 0;
    height: 35px;
    border-radius: 0 0 5px 5px;
    margin: 0;
}

.news_element .posted {
    float: left;
    font-size: 13px;
    margin: 0;
    opacity: 0.8;
}

.news_element .posted i {
    font-size: 90%;
    color: #999;
}

.news_element .stats {
    float: right;
    font-size: 13px;
    margin: 0;
}

.news_element .stats .fa {
    font-size: 90%;
}

.news_element .stats span {
    margin-left: 5px;
}

.news_element .stats .fa-comments {
    color: #5d5d5d;
}

.news_element .stats .fa-heart {
    color: #5d5d5d;
}

.news_element .stats .fa-eye {
    color: #5d5d5d;
}

@media (max-width: 768px) {
    .newselement_warp {
        width: 100%;
    }

    .latest_news_wrap {
        border-right: none;
        min-height: 450px;
        margin-bottom: 30px;
    }

    .news_element {
        margin-right: 0;
        margin-bottom: 15px;
        border-left: 3px solid #ddd;
        min-height: 360px;
        padding: 10px;
    }

    .news_element h5 {
        font-size: 13px;
        line-height: 19px;
    }
}



/*------ Event List --------*/

.event_wrap {
    padding: 50px 0 50px 0;
}

.event_list_wrap {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    margin: 10px 0 10px 0;
}

.event_list_wrap:hover {
    box-shadow: 0px 3px 5px 0px rgba(4, 4, 4, 0.2);
}

.event_list_wrap .event_image_box {
    position: relative;
    min-height: 10pc;
}

.event_list_image {
    height: 10pc;
}

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

.event_list_wrap a:hover {
    color: inherit;
}

.event_list_wrap .event_image_box img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.event_list_details {
    padding: 10px;
    min-height: 200px;
}

.event_list_wrap .event_date_details {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
}

.event_list_wrap .event_date_details h1 {
    margin: 0;
    font-size: 1.4em;
    color: #fff;
    background: @event-datecolor;
    display: block;
    overflow: hidden;
    font-weight: bold;
    padding: 7px 0 5px 0;
    border-radius: 3px 3px 0 0;
    line-height: 20px;
}

.event_list_wrap .event_date_details h4 {
    margin: 0;
    font-size: 1.1em;
    color: #fff;
    background: @event-datecolor;
    padding: 0 0 5px 0;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 15px;
}

.event_list_wrap .event_date_details h6 {
    margin: 0;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.8);
    color: #484848;
    line-height: 18px;
    padding: 7px 0 3px 0;
}

.event_list_wrap .event_date_details p {
    margin: 0;
    font-size: 0.9em;
    background: rgba(255, 255, 255, 0.8);
    color: #484848;
    padding: 0px 0 5px 0;
    border-radius: 0 0 3px 3px;
    line-height: 18px;
}

.event_list_wrap .expired {
    position: absolute;
    top: 20px;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 15px;
    border-radius: 3px 0 0 3px;
}

.event_list_wrap .expired p {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    color: #fff;
}

.featured-property.featured_page .col-md-3 {
    margin-bottom: 30px;
}

.featured-section.page {
    background: #F2F4F5;
}

.event_list_details h2 {
    font-size: 17px;
    margin: 0 0 10px 0;
    line-height: 23px;
}

.event_list_details h5 {
    font-size: 14px;
    margin: 0 0 5px 0;
    font-weight: normal;
    line-height: 23px;
}

.event_list_details h5 i {
    width: 20px;
    text-align: center;
    opacity: 0.8;
}

.event_list_details ul {
    border-top: 1px dashed #ddd;
    padding-top: 10px;
    margin-top: 15px;
    text-align: center !important;
}

.event_list_details ul li {
    margin-right: 12px;
    font-weight: normal;
    font-size: 13px;
    list-style-type: none;
    display: inline-block;
}

.event_list_details ul li i {
    font-size: 105%;
    margin-right: 0px;
}

.event_list_details ul li .fa-users {
    color: #5d5d5d;
}

.event_list_details ul li .fa-comments {
    color: #5d5d5d;
}

.event_list_details ul li .fa-heart {
    color: #5d5d5d;
}

.event_list_details ul li .fa-eye {
    color: #5d5d5d;
}

.container>.col-md-4 {
    margin-bottom: 41px;
}

.no_event {
    padding: 10px;
    border: 2px dashed #ddd;
    margin: 40px auto;
    width: 50%;
    text-align: center;
}

.no_event h1 {
    margin: 15px auto;
}

.no_event h1 i {
    font-size: 2em;
    color: rgba(0, 0, 0, 0.2);
}

.no_event h3 {
    font-size: 16px;
    margin: 5px 0;
}

@media (max-width: 768px) {
    .event_wrap {
        padding: 0 0 50px 0;
    }

    .no_event {
        padding: 10px;
        border: 2px dashed #ddd;
        margin: 40px auto;
        width: 80%;
        text-align: center;
    }
}



/*------ Event List V 2.0 --------*/

.event_item_list {
    width: 100%;
    min-height: 230px;
    background: #fff;
    box-shadow: rgba(34, 34, 34, 0.15) 0 1px 1px;
    margin-bottom: 30px;
    position: relative;
}

.event_item_list:hover {
    box-shadow: rgba(34, 34, 34, 0.25) 0 5px 5px;
}

.event_item_list a:hover {
    text-decoration: none;
}

.event_item_list .event_image {
    width: 35%;
    height: 230px;
    float: left;
    position: relative;
}

.event_item_list .event_info {
    float: right;
    width: 65%;
    position: relative;
    padding: 15px;
    height: 230px;
}

.event_item_list .event_info.width_100 {
    float: none;
    width: 100%;
    position: relative;
    padding: 15px;
    height: 230px;
}

.event_item_list .event_info h1 {
    font-size: 18px;
    margin: 0 0 10px 0;
    line-height: 25px;
    font-weight: 600;
}

.event_item_list .info_wrap h2 {
    font-size: 16px;
    margin: 0 0 10px 0;
    line-height: 23px;
    font-weight: 500;
}

.event_item_list .info_wrap h5 {
    font-size: 13.5px;
    margin: 0 0 5px 0;
    line-height: 18px;
    font-weight: lighter;
    color: #5d5d5d;
}

.event_item_list .info_wrap h5 i {
    width: 12px;
    text-align: center;
    margin: 0 5px 0 0;
}

.event_item_list .stats_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 5px 15px;
    height: 35px;
}

.event_item_list .stats_wrap ul li {
    display: inline-block;
}

.event_item_list .stats_wrap ul li.icons {
    min-width: 25px;
    float: right;
    text-align: center;
    margin-left: 10px;
}

.event_item_list .stats_wrap ul li p {
    color: #666A73;
    margin: 0;
    line-height: 27px;
    font-size: 13px;
}

.event_item_list .stats_wrap ul li p i {
    opacity: 0.6;
}

@media (max-width: 768px) {
    .event_item_list {
        width: 100%;
        min-height: 380px;
        background: #fff;
        box-shadow: rgba(34, 34, 34, 0.15) 0 1px 1px;
        margin-bottom: 30px;
        position: relative;
    }

    .event_item_list:hover {
        box-shadow: rgba(34, 34, 34, 0.25) 0 5px 5px;
    }

    .event_item_list a:hover {
        text-decoration: none;
    }

    .event_item_list .event_image {
        width: 100%;
        height: 150px;
        float: left;
        position: relative;
    }

    .event_item_list .event_info {
        float: right;
        width: 100%;
        position: relative;
        padding: 15px;
        height: 230px;
    }

    .event_item_list .event_info h1 {
        font-size: 18px;
        margin: 0 0 10px 0;
        line-height: 25px;
        font-weight: 600;
    }

    .event_item_list .info_wrap h2 {
        font-size: 16px;
        margin: 0 0 10px 0;
        line-height: 23px;
        font-weight: 500;
    }

    .event_item_list .info_wrap h5 {
        font-size: 13.5px;
        margin: 0 0 5px 0;
        line-height: 18px;
        font-weight: lighter;
        color: #5d5d5d;
    }

    .event_item_list .info_wrap h5 i {
        width: 12px;
        text-align: center;
        margin: 0 5px 0 0;
    }

    .event_item_list .stats_wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #ddd;
        padding: 5px 15px;
        height: 35px;
    }

    .event_item_list .stats_wrap ul li {
        display: inline-block;
    }

    .event_item_list .stats_wrap ul li.icons {
        min-width: 25px;
        float: right;
        text-align: center;
        margin-left: 10px;
    }

    .event_item_list .stats_wrap ul li p {
        color: #666A73;
        margin: 0;
        line-height: 27px;
        font-size: 13px;
    }

    .event_item_list .stats_wrap ul li p i {
        opacity: 0.6;
    }
}



/*------ Event Details page --------*/

.event_details_wrap {
    position: relative;
}

.bg_event {
    width: 100%;
    position: absolute;
    top: 0;
}

.event_details_wrap .tint_overlay {
    position: absolute;
    width: 100%;
    height: 500px;
    background: rgba(0, 0, 0, 0.25);
}

.event_details_wrap .tint_overlay.chapter {
    position: absolute;
    width: 100%;
    height: 398px;
    background: rgba(0, 0, 0, 0.25);
}

.event_details_wrap .white_overlay {
    position: absolute;
    top: 500px;
    left: 0;
    width: 100%;
    height: 450px;
    background: #eaedef;
}

.tinted-bg-blur {}

.tinted-bg-overlay {
    background: rgba(0, 0, 0, 0.85);
}

.event_details_content {
    position: relative;
}

.event_details_content {
    padding: 20px 0;
}

/*.event_details_content {
    padding: 50px 0;
}*/

.event_details_content .event_title {
    background: rgba(255, 255, 255, 0.85);
    min-height: 410px;
    width: 35%;
    float: left;
    padding: 25px;
    border-radius: 0 5px 0 0;
}

.event_details_content .event_title h2 {
    font-size: 21px;
    font-weight: 500;
    color: #666A73;
}

.event_details_content .event_title h4 {
    font-size: 17px;
    line-height: 33px;
}

.event_details_content .event_title h6 {
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
}

.event_details_content .event_banner {
    min-height: 410px;
    width: 65%;
    float: left;
    border-radius: 5px 0 0 0;
}


.event_details_content .chapter_banner {
    min-height: 410px;
    width: 100%;
    float: left;
    border-radius: 5px 5px 0 0;
}

.event_details_content .reg_section {
    width: 100%;
    background: #fff;
    padding: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.event_details_content .reg_section .share {
    float: left;
    width: 67%;
    padding-left: 70px;
    position: relative;
    margin: 7px 0 0 0;
}

.event_details_content .reg_section .share p {
    position: absolute;
    left: 0px;
    top: 7px;
    margin: 0;
}

.event_details_content .reg_section .reg_button {
    float: right;
    width: 33%;
}

.event_details_content .reg_section .reg_button button,
.event_details_content .reg_section .reg_button a {
    margin: 0;
    width: 100%;
    border-radius: 5px;
    font-size: 15px;
    text-transform: capitalize;
    height: 50px;
    background: #00ab44;
    color: #fff;
    line-height: 30px;
}

.event_details_content .reg_section .reg_button button:hover,
.event_details_content .reg_section .reg_button a:hover {
    background: #018535;
}

.event_details_content .content_block {
    background: #fff;
    padding: 25px;
}

.event_details_content .content_block h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #282C35;
    letter-spacing: 0.09em;
    margin: 0 0 15px 0;
}

.event_details_content .content_block .info p {
    line-height: 25px;
    font-size: 14px;
}

.event_details_content .agenda {
    margin: 0 0 30px 0;
}

.event_details_content .agenda_list {
    padding: 0;
}

.event_details_content .agenda_list li {
    list-style-type: none;
    background: #fff;
    margin: 0 0 0 0;
    border-top: 1px dotted #ddd;
    line-height: 24px;
    font-size: 14px;
}

.event_details_content .agenda_list li:last-child {
    border-bottom: 1px dotted #ddd;
}

.event_details_content .agenda_list li .agenda_day {
    width: 12%;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
}

.event_details_content .agenda_list li .agenda_time {
    width: 23%;
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.event_details_content .agenda_list li .agenda_content {
    width: 65%;
    display: table-cell;
    padding: 7px 5px;
}

.event_details_content .content_block .date_time,
.event_details_content .content_block .location,
.event_details_content .content_block .registration_wrap,
.event_details_content .content_block .contact_wrap {
    margin: 0 0 30px 0;
}

.event_details_content .content_block .date_time p,
.event_details_content .content_block .location p {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 5px 0;
    padding-left: 20px;
}

.event_details_content .registration_wrap {
    margin: 0 0 30px 0;
}

.event_details_content .registration_wrap .users {
    padding: 0 20px;
}

.event_details_content .registration_wrap a {
    float: left;
    margin: 0 5px 0px 0;
}

.event_details_content .registration_wrap p {
    font-size: 13px;
    line-height: 50px;
    padding: 0 10px;
    float: left;
}

.event_details_content .registration_wrap img {
    width: 50px;
    border-radius: 50px;
}

.event_details_content .venue_map {
    margin: 25px 0;
}

.event_details_content .venue_map #venuemap {
    width: 100%;
    height: 350px;
}

.event_details_content .contact_item {
    padding: 0 20px;
    margin: 0 0 20px 0;
}

.event_details_content .contact_item h5 {
    font-size: 15px;
    line-height: 21px;
    margin: 0 0 10px 0;
    font-weight: 500;
}

.event_details_content .contact_item p {
    font-size: 14px;
    line-height: 25px;
    margin: 0 0 5px 0;
    color: #6c7a86;
}

.event_details_content .contact_item p i {
    font-size: 0.85em;
    width: 25px;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #6c7a86;
    height: 25px;
    line-height: 22px;
    color: #6c7a86;
}

@media (max-width: 768px) {
    .event_details_content .event_banner {
        min-height: 300px;
        width: 100%;
        float: left;
        border-radius: 5px 0 0 0;
    }

    .event_details_content .event_title {
        width: 100%;
        min-height: 220px;
    }

    .event_details_content .reg_section .share {
        width: 100%;
    }

    .event_details_content .reg_section .reg_button {
        margin-top: 10px;
        width: 100%;
    }
}



/*------ Home Distinguished Alumni --------*/

.distinguish_mail {
    padding: 0px 0;
    border-top: 1px dashed rgba(255, 255, 255, 0.4);
    margin: 35px 10px;
}

.distinguish_mail blockquote {
    margin: 0;
}

.distinguish_mail h1 {
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
    margin: 0;
    color: inherit;
    font-weight: normal;
}

.distinguish_mail h1 a {
    border-bottom: 1px dotted #fff;
}

.distinguish_mail h1 a:hover {
    color: #f36e2d;
    border-bottom: 1px dotted #f36e2d;
}

.distinguished_alumni {
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 0px 0;
}

.distinguished_alumni .title-border {
    color: #fff;
}

.distinguished_alumni .title-border a {
    padding: 0;
    margin: 10px;
    color: #fff;
}

.distinguished_alumni .title-border a:hover {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.7);
}

.distinguished_alumni .dist_item {
    margin: 15px 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}

.distinguished_alumni .dist_item.ent {
    margin: 0 0 25px 0;
}

.distinguished_alumni .dist_item .info {
    width: 100%;
    min-height: 160px;
    background: #fff;
    border-radius: 5px 5px 0 0;
    position: relative;
    padding: 10px 10px 0 10px;
}

.distinguished_alumni .dist_item.even .info {
    background: #fff;
    padding: 10px 10px 0 10px;
}

.distinguished_alumni .dist_item .info img {
    border-radius: 50%;
    margin: 10px auto 5px auto;
    width: 130px;
    border: 5px solid rgba(0, 0, 0, 0.12);
}

.distinguished_alumni .dist_item .info .name {}

.distinguished_alumni .dist_item .info .name h5 {
    margin: 5px 0 0px 0;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #484848;
}

.distinguished_alumni .dist_item.ent .info .name h6 {
    font-weight: normal;
}

.distinguished_alumni .dist_item .info .name h5 {
    font-size: 18px;
    margin: 5px 0 5px 0;
    text-align: center;
    font-weight: bold;
    color: #484848;
}

.distinguished_alumni .dist_item .info .name h5 a {
    color: #117dc2;
}

.distinguished_alumni .dist_item .info .name h5 a:hover {
    text-decoration: underline;
}

.distinguished_alumni .dist_item .info .name h6 {
    font-size: 13px;
    margin: 7px 0 0px 0;
    line-height: 18px;
    font-weight: bold;
    color: #484848;
}

.distinguished_alumni .dist_item .info .name h6 i {
    font-size: 1.1em;
    opacity: 0.9;
    width: 15px;
    margin-right: 5px;
    text-align: center;
    color: #5d5d5d;
}

.distinguished_alumni .dist_item .dis_content {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    background: rgba(255, 255, 255, 0.9);
}

.distinguished_alumni .dist_item .dis_content p {
    margin: 0;
}

.distinguished_alumni .carousel-indicators {
    bottom: -40px;
}

.carousel-indicators li {
    width: 30px !important;
    height: 10px !important;
    margin: 1px !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .5);
}

.distinguished_alumni .carousel-control.left,
.distinguished_alumni .carousel-control.right {
    opacity: 0;
    filter: alpha(opacity=0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    height: 100px;
    top: 35%;
}

.distinguished_alumni:hover .carousel-control.left,
.distinguished_alumni:hover .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.distinguished_alumni:hover .carousel-control.left {
    left: 20px;
}

.distinguished_alumni:hover .carousel-control.right {
    right: 20px;
}

.distinguished_alumni .carousel-control.left span {
    padding: 15px;
}

.distinguished_alumni .carousel-control.right span {
    padding: 15px;
}

.distinguished_alumni .carousel-control .fa-angle-left,
.distinguished_alumni .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 5;
    display: inline-block;
}

.distinguished_alumni .carousel-control .fa-angle-left {
    left: 0;
}

.distinguished_alumni .carousel-control .fa-angle-right {
    right: 0;
}

.distinguished_alumni .carousel-control i {
    background: none;
    color: #fff;
    line-height: 56px;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    font-size: 36px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.distinguished_alumni .carousel-control i:hover {
    background: rgba(0, 0, 0, 0.7);
}

@media (max-width: 768px) {
    .distinguish_mail {
        padding: 10px 0;
        border-top: 1px dashed rgba(255, 255, 255, 0.4);
        margin-top: 35px;
    }

    .distinguish_mail h1 {
        font-size: 15px;
        line-height: 23px;
        margin: 0;
        color: rgba(255, 255, 255, 0.8);
        font-weight: normal;
        color: inherit;
    }

    .distinguish_mail h1 a {
        border-bottom: 1px dotted #fff;
    }

    .distinguish_mail h1 a:hover {
        color: #f36e2d;
        border-bottom: 1px dotted #f36e2d;
    }

    .distinguished_alumni .dist_item {
        margin: 15px 20px;
    }

    .distinguished_alumni .dist_item .info {
        width: 100%;
        min-height: 160px;
        background: #fff;
        border-radius: 5px 5px 0 0;
        position: relative;
        padding: 10px 10px 0 10px;
    }

    .distinguished_alumni .dist_item.even .info {
        background: #fff;
        padding: 10px 10px 0 10px;
    }

    .distinguished_alumni .dist_item .info img {
        border-radius: 50%;
        margin: 10px auto 5px auto;
        width: 130px;
        border: 5px solid rgba(0, 0, 0, 0.12);
    }

    .distinguished_alumni .dist_item .info .name {}

    .distinguished_alumni .dist_item .info .name h5 {
        margin: 5px 0 0px 0;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        color: #484848;
    }

    .distinguished_alumni .dist_item .info .name h5 a {
        color: #117dc2;
    }

    .distinguished_alumni .dist_item .info .name h5 a:hover {
        text-decoration: underline;
    }

    .distinguished_alumni .dist_item .info .name h6 {
        font-size: 13px;
        margin: 7px 0 0px 0;
        line-height: 18px;
        font-weight: normal;
        color: #484848;
    }

    .distinguished_alumni .dist_item .info .name h6 i {
        font-size: 1.1em;
        opacity: 0.9;
        width: 15px;
        margin-right: 5px;
        text-align: center;
        color: #5d5d5d;
    }

    .distinguished_alumni .dist_item .dis_content {
        padding: 10px;
        min-height: 120px;
        border-radius: 0 0 5px 5px;
        background: rgba(255, 255, 255, 0.9);
    }

    .distinguished_alumni .dist_item .dis_content p {
        margin: 0;
    }
}



/*------ Title border class --------*/

.title-border {
    border-left: 5px solid @secondary;
    padding-left: 15px;
    font-size: 1.8em;
}

.title-border.ent {
    border-left: 5px solid @secondary;
    padding-left: 15px;
    font-size: 1.5em;
}

.title-border a {
    font-size: 15px;
    font-weight: normal;
}

.footer_logo {
    width: 150px;
    margin: 5px auto 25px auto;
}

.list-arrow {
    padding-left: 0;
}

.list-arrow li {
    list-style-type: none;
    font-size: 14px;
    margin: 5px 0;
}

#footer .widget {
    margin-bottom: 25px;
}



/*------ Breadcrumbs --------*/

.page-crumb {
    background: transparent;
    margin-bottom: 20px;
    position: relative;
}

.page-crumb .breadcrumb {
    margin: 0;
    padding: 15px 0;
    background: transparent;
}

.breadcrumb li a {
    color: #555 !important;
}




/* -------------------------------- 
        Event Details
-------------------------------- */

.event_details {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    margin-bottom: 30px;
}

.event_details .image {
    position: relative;
}

.event_details .image img {
    border-radius: 3px 3px 0 0;
}

.event_details .content {
    padding: 10px;
    border-radius: 0 0 3px 3px;
}

.event_details .event_date_details {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    width: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
}

.event_details .event_date_details h1 {
    margin: 0;
    font-size: 1.4em;
    color: #fff;
    background: rgba(13, 186, 232, 0.9);
    display: block;
    overflow: hidden;
    font-weight: bold;
    padding: 7px 0 5px 0;
    border-radius: 3px 3px 0 0;
    line-height: 20px;
}

.event_details .event_date_details h4 {
    margin: 0;
    font-size: 1.1em;
    color: #fff;
    background: rgba(13, 186, 232, 0.9);
    padding: 0 0 5px 0;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 15px;
}

.event_details .event_date_details h6 {
    margin: 0;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.8);
    color: #484848;
    line-height: 18px;
    padding: 7px 0 3px 0;
}

.event_details .event_date_details p {
    margin: 0;
    font-size: 0.9em;
    background: rgba(255, 255, 255, 0.8);
    color: #484848;
    padding: 0px 0 5px 0;
    border-radius: 0 0 3px 3px;
    line-height: 18px;
}

.event_details .content h6 {
    font-size: 15px;
    font-weight: bold;
}

.event_details .content .dates {
    font-size: 14px;
    margin: 0;
}

.event_details .content .dates i {
    color: #5d5d5d;
}

.event_details .content h1 {
    border-top: 1px dashed #ddd;
    text-align: right;
    margin: 10px 0 0 0;
}

.event_location {
    padding: 0;
    margin-bottom: 20px;
}

.event_location h4,
.event_registrations h4 {
    font-size: 15px;
    margin: 0 0 10px 0;
    border-bottom: 1px dashed #ddd;
}

.event_location ul {
    padding: 0;
}

.event_location ul li {
    list-style-type: none;
    margin: 3px 0 3px 10px;
}

.event_registrations a {
    float: left;
    margin: 0 5px 5px 0;
}

.event_registrations a img {
    width: 70px;
    border-radius: 2px;
}



/*========================
    Alumni Needs Page
==========================*/

.no_album_img {
    background: #fff;
    text-align: center;
    width: 50%;
    margin: 50px auto;
    padding: 30px;
    border: 2px dashed #5d5d5d;
}

.no_album_img h1 span {
    font-size: 3em;
    color: #5d5d5d;
}

.need_navigation {
    margin: 0 0 5px 0;
}

.need_navigation .need_menu {
    margin-top: 15px;
    margin-bottom: 25px;
    border-bottom: none !important;
}

.need_navigation .need_menu li {
    background-color: #fff;
}

.need_navigation .need_menu.nav-tabs.nav-justified>li>a {
    border-bottom: 4px solid #fff;
    border-radius: 0px;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    padding: 20px;
    font-size: 14px;
    background: #fff;
    font-weight: bold;
    color: inherit;
}

.need_navigation .need_menu.nav-tabs.nav-justified>.active>a {
    border-radius: 0px;
    border-bottom: 4px solid #127dc2;
    color: #127dc2;
    cursor: pointer;
}

.need_navigation .need_menu.nav-tabs.nav-justified>li>a:hover {
    background-color: #fff;
    border-radius: 0px;
    border-bottom: 4px solid @secondary;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

.need_navigation .need_menu.nav-tabs.nav-justified>li>a>span {
    background-color: #F6BB42;
}

/*========================
    Alumni Needs Page
==========================*/

.post_need label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.post_need .poll_list li label {
    font-size: 14px;
    font-weight: normal;
}

.need_navigation {
    margin: -19px -15px 20px;
    background: #fff;
}

.need_navigation .need_menu {
    margin-bottom: 0px;
    border-bottom: none !important;
    text-align: center;
}

.need_navigation .nav-justified.need_menu li {
    background-color: #fff;
    display: inline-block;
    /*padding: 15px 8px;*/
    border-bottom: 4px solid #fff;
}

.need_navigation .nav-justified.need_menu.help_board li {
    background-color: #fff;
    display: inline-block;
    /*padding: 15px 9px;*/
    border-bottom: 4px solid #fff;
}

.need_navigation .need_menu.nav-justified>li>a {
    border-radius: 0px;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    font-size: 14px;
    font-weight: 600;
    color: inherit;
    padding: 15px 15px;
    display: block;
}

.need_navigation .need_menu.nav-tabs.nav-justified>.active {
    border-radius: 0px;
    border-bottom: 4px solid #00A8FF;
}

.need_navigation .need_menu.nav-tabs.nav-justified>li:hover {
    background-color: #fff;
    border-radius: 0px;
    border-bottom: 4px solid #00A8FF;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

.need_menu .dropdown-menu li {
    display: block !important;
    padding: 10px 15px !important;
}

.alumni_need_item {
    background: #fff;
    padding: 10px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    position: relative;
    margin-bottom: 35px;
    min-height: 240px;
    cursor: pointer;
}

.alumni_need_item a {
    color: inherit;

}

.alumni_need_item a:hover {
    text-decoration: none;
}

.alumni_need_item:hover {
    box-shadow: 0px 3px 2px 0px rgba(4, 4, 4, 0.2);
    background: #f9efb4 !important;
}

.alumni_need_item.completed:hover {
    box-shadow: 0px 3px 2px 0px rgba(4, 4, 4, 0.2);
    background: #E9FEEC !important;
}

.alumni_need_item:hover>.need:after,
.alumni_need_item:hover>.need:before {
    background: #f9efb4 !important;
}

.alumni_need_item.completed:hover>.need:after,
.alumni_need_item.completed:hover>.need:before {
    background: #E9FEEC !important;
}

.alumni_need_item h3 {
    margin: 30px 0 10px 0px;
    font-size: 16px;
    font-weight: 500;
}





/*.alumni_need_item .need {
    font-size: 14px;
    line-height: 21px;
    padding: 0 0 25px 0px;
    margin: 0;
    font-weight: 400;
}
*/

.alumni_need_item .need {
    overflow: hidden;
    position: relative;
    line-height: 1.5em !important;
    max-height: 4.5em !important;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    padding-right: 10px;
    width: 99%;
}

.alumni_need_item .need img {
    width: 20px;
    height: 20px;
}

.alumni_need_item .need:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    font-size: 13px;
    padding: 5px 20px 0 20px;
    color: #0082c6;
}

.alumni_need_item .need:hover:before {

    background: #f9efb4 !important;

}

.alumni_need_item.completed .need:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
    background: #E9FEEC;
    font-size: 13px;
    padding: 5px 20px 0 20px;
    color: #0082c6;
}

.alumni_need_item .need:after {
    content: '';
    position: absolute;
    right: 0;
    width: 2em;
    height: 2em;
    margin-top: 0.2em;
    background: white;
}

.alumni_need_item.completed .need:after {
    content: '';
    position: absolute;
    right: 0;
    width: 2em;
    height: 2em;
    margin-top: 0.2em;
    background: #E9FEEC;
}

.alumni_need_item .hole {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
    background: #F0F2F5;
    border-radius: 50px;
    border: 1px solid #e7e7e7;
}

.alumni_need_item a .need:hover:before {
    background: #f9efb4 !important;
}

.alumni_need_item .follow {
    position: absolute;
    top: 10px;
    right: 10px;
}

.alumni_need_item .follow p {
    margin: 0;
}

.alumni_need_item .follow p i {
    font-size: 1.2em;
    color: #5d5d5d;
}

.alumni_need_item .user {
    float: left;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.alumni_need_item .user img {
    width: 40px;
    float: left;
}

.alumni_need_item .user .info {
    float: left;
    margin-left: 10px;
}

.alumni_need_item .user .info h5 {
    margin: 3px 0 5px 0;
    font-size: 14px;
    font-weight: 500;
    color: #5d5d5d;
}

.alumni_need_item .user .info p {
    font-size: 12px;
    margin: 0 0 3px 0;
}

.alumni_need_item .date {
    position: absolute;
    top: 10px;
    left: 35px;
}

.alumni_need_item .date h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    float: left;
    margin: 0;
    color: #5d5d5d;
    font-weight: 600;
}

.alumni_need_item .status {
    position: absolute;
    font-size: 13px;
    float: right;
    text-align: right;
    top: 10px;
    right: 10px;
    opacity: 0.6;
    margin: 0;
}

.alumni_need_item .status .fa-check {
    color: #1BBC9B;
}

.alumni_need_item .status .fa-exclamation-circle {
    color: #F3565D;
}

.alumni_need_item .date h6 i {
    color: #5d5d5d;
}

.alumni_need_item .stats {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.alumni_need_item .stats p {
    font-size: 13px;
    margin: 0 0 0 15px;
    float: left;
}

.alumni_need_item .stats p .fa-eye {
    color: #5d5d5d;
}

.alumni_need_item .stats p .fa-comments {
    color: #5d5d5d;
}

.alumni_need_item.completed {
    background: #E9FEEC;
    padding: 10px;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    position: relative;
}

.alumni_need_item.completed .need {
    font-size: 15px;
    line-height: 23px;
    margin: 0 0 25px 0px;
    text-decoration: line-through;
}

.alumni_need_item.completed:hover {
    box-shadow: 0px 3px 2px 0px rgba(4, 4, 4, 0.2);
}


/*==============================
    Alumni Need Details Page
================================*/

.need_information_wrap {
    padding: 0px;
    position: relative;
    background: #fff;
    padding: 10px 5px;
    border-bottom: 1px dashed #ccc;
}

.need_information_wrap .user_info {
    width: 30%;
    padding: 5px;
    text-align: center;
    float: left;
}

.need_information_wrap .user_info .completed_tag {
    position: absolute;
    font-size: 13px;
    margin: 0;
    bottom: 10px;
    right: 17px;
    background: rgba(0, 0, 0, 0.04);
    padding: 10px 12px;
    border: 1px dashed #5d5d5d;
    border-radius: 3px;
    font-weight: bold;
}

.need_information_wrap .user_info .completed_tag strong {
    color: #5d5d5d;
}

.need_information_wrap .user_info img {
    width: 90px;
    margin: 10px 0 5px 0;
}

.need_information_wrap .user_info .profile {
    margin: 5px 0 0 0px;
}

.need_information_wrap .user_info .profile a {
    font-size: 16px;
    font-weight: bold;
    color: #666;
}

.need_information_wrap .user_info .profile p {
    font-size: 13px;
    margin: 5px 0 10px 0;
}

.need_information_wrap .need_description {
    background: #fff4b6;
    padding: 20px;
    margin: 0 10px 0 0;
    border-radius: 5px;
    position: relative;
}

.need_information_wrap .need_description.completed {
    background: #fff4b6;
    padding: 20px;
    margin: 0 10px 0 0;
    border-radius: 5px;
    position: relative;
    text-decoration: line-through;
}

.need_information_wrap .need_total_trap {
    margin: 0;
    position: relative;
    float: right;
    width: 66%;
}

.need_information_wrap .need_description_wrap {
    position: relative;
    margin: 50px 0 45px 0;
}

.need_information_wrap .need_description h1 {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    font-weight: normal;
}

.need_information_wrap .need_description_wrap .pointer {
    border-left: 0 solid transparent;
    border-bottom: 25px solid transparent;
    border-top: 0 solid #fff4b6;
    border-right: 25px solid #fff4b6;
    width: 20px;
    position: absolute;
    top: 0;
    left: -20px;
}

.need_information_wrap .need_total_trap .need_actions {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 100%;
    font-size: 13px;
}

.need_information_wrap .need_total_trap .need_actions p {
    float: left;
    text-align: left;
    margin-top: 7px;
}

.need_information_wrap .need_total_trap .need_actions .need_save {
    float: right;
}

.need_information_wrap .need_total_trap .need_actions .need_save li {
    float: left;
    list-style-type: none;
    margin-left: 10px;
}

.need_information_wrap .need_total_trap .need_actions .need_save li p {
    margin: 0;
    text-align: center;
    cursor: pointer;
}

.need_information_wrap .need_total_trap .need_actions .need_save li p i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ddd;
    font-size: 16px;
    padding-top: 6px;
}

.need_information_wrap .need_total_trap .need_actions .need_save li p i.fa-check {
    color: #5d5d5d;
}

.need_information_wrap .need_total_trap .need_actions .need_save li p i.fa-bookmark-o {
    color: #5d5d5d;
}

.need_information_wrap .need_total_trap .need_actions .need_save li p.closed i.fa-bookmark {
    background: #5d5d5d;
    border: 1px solid #5d5d5d;
    color: #fff;
}

.need_information_wrap .need_total_trap .need_actions .need_save li p.closed i.fa-check {
    background: #5d5d5d;
    border: 1px solid #5d5d5d;
    color: #fff;
}

.need_reply_area {
    margin: 0 0 35px 0;
    padding: 10px;
    background: #fff;
}

.need_reply_area .user_img {
    float: left;
}

.need_reply_area .user_img img {
    width: 40px;
    border-radius: 4px;
}

.need_reply_area .reply_input {
    float: left;
    width: 79%;
    padding-left: 10px;
}

.need_reply_area .reply_input textarea {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #ddd;
    background: transparent;
    font-size: 14px;
    padding: 5px;
    margin-top: 0px;
    line-height: 18px;
    height: 40px;
}

.need_reply_area .reply_input textarea.empty_msg {
    border-color: red;
}

.need_reply_area .reply_input textarea:focus {
    height: 80px;
    border-color: #5d5d5d;
    transition: height 0.4s;
}

.need_reply_area .reply_submit {
    float: right;
    width: 13%;
    padding: 10px 5px 0 5px;
    margin-bottom: 5px;
    text-align: right;
}

.need_post_now {
    background: #fff;
    padding: 10px;
    font-size: 15px;
    margin: 0 0 10px 0;
    text-align: center;
    line-height: 23px;
}

.need_post_now a {
    color: @secondary;
}

.need_post_now a:hover {
    border-bottom: 1px dotted #ccc;
}

.need_home_all_link {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .need_information_wrap .user_info {
        width: 100%;
        background: #fff;
        padding: 10px;
        border-radius: 5px;
    }

    .need_information_wrap .user_info img {
        width: 70px;
        float: none;
    }

    .need_information_wrap .user_info .profile {
        margin: 12px 0 0 15px;
    }

    .need_information_wrap .user_info .profile a {
        font-size: 16px;
        font-weight: bold;
    }

    .need_information_wrap .user_info .profile p {
        font-size: 14px;
        margin: 5px 0;
    }

    .need_information_wrap .need_total_trap {
        margin: 0;
        position: relative;
        float: right;
        width: 100%;
    }

    .need_information_wrap .need_description_wrap {
        position: relative;
        margin: 50px 0 45px 0;
    }

    .need_information_wrap .need_description {
        background: #FFF4B6 none repeat scroll 0% 0%;
        padding: 10px;
        margin: 0px 10px;
        border-radius: 5px;
        position: relative;
    }

    .need_information_wrap .need_description h1 {
        margin: 0;
        font-size: 15px;
        line-height: 23px;
    }

    .need_information_wrap .need_description_wrap .pointer {
        border-left: 0 solid transparent;
        border-bottom: 25px solid transparent;
        border-top: 0 solid #fff4b6;
        border-right: 25px solid #fff4b6;
        width: 20px;
        position: absolute;
        top: 0;
        left: -20px;
        display: none;
    }

    .need_information_wrap .need_total_trap .need_actions {
        position: absolute;
        top: 5px;
        left: 5px;
        right: 10px;
        width: 100%;
        font-size: 13px;
    }

    .need_information_wrap .need_total_trap .need_actions .need_save {
        float: right;
        margin-right: 5px;
    }

    .need_information_wrap .need_total_trap .need_actions .need_save li {
        float: left;
        list-style-type: none;
        margin-left: 5px;
    }

    .need_reply_area .reply_input {
        float: left;
        width: 85%;
        padding-left: 10px;
    }

    .need_reply_area .reply_submit {
        float: right;
        width: 50%;
        padding: 10px 5px 0px 5px;
        margin-bottom: 0px;
        text-align: right;
    }
}



/*=============================
    Job List
===============================*/

.job_list {
    margin-bottom: 30px;
    border: 1px solid #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.job_list.job_expired {
    border: 1px solid #FEF7CF;
}

.job_list:hover {
    border: 1px solid #ddd;
    box-shadow: 0px 3px 6px 0px rgba(4, 4, 4, 0.15);
}

.job_list .job_list_body {
    border-radius: 5px 5px 0 0;
    background: #fff;
    padding: 10px;
    min-height: 400px;
}

.job_list .job_list_body.job_expired {
    background: @expired;
}

.job_list .job_title {
    margin: 0 0 8px 0;
    padding-bottom: 5px;
    font-weight: normal;
    border-bottom: 1px dashed #ddd;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
}

.job_list .job_title a {
    color: #555;
}

.job_list .job_title a span {
    color: #4d4d4d;
    font-weight: normal;
}

.job_list .job_title a:hover {
    text-decoration: none;
}

.job_list .job_info_list {
    padding: 0;
}

.job_list .job_info_list li {
    list-style-type: none;
    margin-bottom: 5px;
}

.job_list .job_info_list li i {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #ddd;
    color: #999;
    font-size: 95%;
}

.job_list .job_info_list li .fa-map-marker,
.job_list .job_info_list li .fa-rupee {
    padding: 5px 8px 4px 8px;
}

.job_list .job_info_list li .fa-briefcase,
.job_list .job_info_list li .fa-flag {
    padding: 5px 5px;
}

.job_list .job_expiry {
    font-size: 14px;
    text-align: center;
    margin: 15px 0;
}

.job_list .job_view_btn {
    text-align: center;
    margin: 0px auto;
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    width: 80%;
}

.job_list .job_view_btn .applied {
    margin: 6px 0 0 0;
    font-size: 12px;
    color: #5d5d5d;
}

.job_list .job_down_btn {
    margin: 5px auto 0 auto;
    text-align: center;
}

.job_list .job_down_btn a {
    color: #5d5d5d;
    font-size: 13px;
}



/*
.job_list .job_view_btn  a {
background-color: #546672;
border-color: #546672;
  color: #fff;
}*/

.job_list .job_list_footer {
    border-top: 1px solid #E6E9ED;
    padding: 8px 0;
    border-radius: 0 0 5px 5px;
    background: rgba(255, 255, 255, 0.8);
}

.job_list .job_list_footer.job_expired {
    border-top: 1px solid #ddd;
    background: #FEF7CF;
}

.job_list .job_posted_by {
    font-size: 13px;
    margin: 0 10px;
}

.job_list .job_posted_by span {
    float: right;
    font-size: 90%;
    opacity: 0.8;
    margin-top: 2px;
}

.job_list .job_posted_by a {
    color: #222 !important;
}

.job_filter {
    padding: 0;
}

.job_filter_wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 25px;
    z-index: 1000;
    background: #fff;
    margin-top: 30px;
}

.job_filter_wrap.archive {
    width: 100%;
    overflow: auto;
    margin-bottom: 25px;
    z-index: 1000;
    background: #fff;
    margin-top: 0px;
}

.job_filter_head {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px dashed #ddd;
}

.job_filter_list {
    padding: 0;
    margin: 0px 0 0 0;
}

.job_filter_list li {
    list-style-type: none;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.job_filter_list li:last-child {
    border-bottom: none;
}

.job_filter_list li:hover {
    /*border-bottom: 1px solid #065180;*/
}

.job_filter_list li a {
    display: block;
    padding: 10px;
    font-size: 15px;
    color: #555;
}

.job_filter_list li .active {
    background: #fff;
    font-weight: bold;
    color: #555;
}

.job_filter_list li a:hover {
    background: #fff;
    text-decoration: none;
}

.job_filter_list li a span {
    float: right;
    font-size: 80%;
    padding: 4px 5px 3px 5px;
    font-weight: normal;
}

.job_filter_applied_wrap {
    margin: 30px 0 15px 0;
    border-bottom: 1px dashed #ddd;
}

.job_filter_applied_wrap h3 {
    margin: 0 0 5px 0;
    font-size: 15px;
    text-align: right;
}

.job_applied_filters {
    margin: 5px 0;
}

@media (max-width: 768px) {
    .job_stats_wrap h1 {
        float: left;
        border: 1px solid #DDD;
        padding: 0;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        margin: 10px 5px;
        text-align: center;
        line-height: 33px;
    }

    .job_stats_wrap h1 .fa-briefcase {
        font-size: 0.7em;
        padding: 9px;
    }

    .job_stats_wrap h1 .fa-users {
        font-size: 0.7em;
        padding: 6px;
    }

    .job_stats_wrap h1 .fa-check {
        font-size: 0.8em;
        padding: 6px;
    }

    .job_stats_wrap h1 .fa-file-text {
        font-size: 0.7em;
        padding: 5px;
    }

    .job_stats_wrap h1 .fa-user {
        font-size: 0.7em;
        padding: 5px;
    }

    .job_stats_wrap .glyphicon-picture {
        font-size: 0.6em;
        padding: 6px;
    }

    .job_stats_wrap .fa-picture-o {
        font-size: 0.6em;
        padding: 7px;
    }

    .job_stats_wrap .job_stat {
        float: left;
        padding: 10px;
    }

    .job_stats_wrap .job_stat p {
        margin: 0;
        font-size: 13px;
        line-height: 23px;
    }

    .job_stats_wrap .job_stat h3 {
        margin: 0;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 22px;
    }

    .js_add_new {
        float: none;
        width: 100%;
        padding: 10px 0;
    }

    .js_add_seeker {
        float: none;
        width: 100%;
        padding: 10px 0;
    }

    .js_add_job_wrap p {
        font-size: 14px;
        margin-top: 5px;
    }

    .invite_line {
        float: left;
        border-bottom: 1px solid #ddd;
        border-left: 0;
        min-height: 0;
        width: 100%;
        position: relative;
        padding-top: 25px;
        margin-bottom: 25px;
    }

    .invite_line h4 {
        position: absolute;
        top: 0;
        left: 46%;
        font-size: 13px;
        font-weight: normal;
        background: #fff;
        width: 30px;
        height: 30px;
        padding-top: 6px;
        border-radius: 50%;
        border: 1px dashed #ddd;
    }

    .mobile_job_filter_wrap {
        background: #fff;
        width: 100%;
        margin: 5px auto 15px auto;
        padding: 10px;
    }

    .mobile_job_filter_wrap p {
        margin: 0;
        font-size: 16px;
        float: left;
        padding-top: 5px;
        line-height: 23px;
    }
}



/*
========================
  Job Details Page
========================
*/

.jb_det_descp {
    background: #fff;
    padding: 10px;
    margin-bottom: 0;
    position: relative;
}

.jb_det_descp.pop_up {
    padding: 0;
}

.resume_label {
    margin: 15px 0 10px 0;
}

.resume_label i {
    color: #5d5d5d;
}

.jb_det_descp h3 {
    margin: 0 0 8px 0;
    color: #555;
    font-size: 19px;
    font-weight: bold;
}

.jb_det_descp h4 {
    margin: 0 0 15px 0;
    font-size: 16px;
}

.jb_descp_list {
    padding: 0;
}

.jb_descp_list li {
    list-style-type: none;
    float: left;
    width: 45%;
    padding: 0;
    margin: 0px 5px 5px 0;
    font-size: 14px;
}

.jb_descp_list li i {
    color: #999;
}

.jb_streams {
    margin: 5px 0 0 0;
}

.jb_streams i {
    color: #999;
}

.jb_det_footer {
    background: #fff;
    margin-bottom: 15px;
    border-top: 1px dashed #ddd;
    padding: 8px 10px;
}

.jb_det_footer p {
    font-size: 13px;
    margin: 0
}

.jb_det_footer .date {
    float: left;
}

.jb_det_footer .views {
    float: right;
}

.jb_det_footer p .fa-calendar {
    color: #999;
}

.jb_det_footer p .fa-eye {
    color: #5d5d5d;
}

.jb_ref_link {
    background: #fff;
    margin-bottom: 15px;
}

.jb_link_icon {
    width: 55px;
    float: left;
    margin: 0;
    background: #5d5d5d;
    height: auto;
    padding: 15px;
}

.jb_ref_link h3 {
    display: block;
    font-size: 2em;
    color: #fff;
    margin: 0;
}

.jb_link_list {
    padding-left: 5px;
    float: left;
    width: 80%;
}

.jb_link_list a {
    color: #337ab7 !important;
}

.jb_link_list p {
    margin: 3px 0 0 0;
    line-height: 23px;
    font-size: 14px;
}

.jb_description {
    background: #fff;
    padding: 10px;
    font-size: 13.5px;
    margin-bottom: 15px;
}

.jb_description h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 15px 0;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 8px;
}

.save_job {
    position: absolute;
    top: 10px;
    right: 10px;
}

.save_job a {
    color: inherit;
    display: block;
    font-size: 15px;
}

.save_job a i {
    color: #F3C200;
}

.jb_apply_wrap {
    background: #fff;
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
}

.jb_apply_wrap h5 {
    font-size: 15px;
}

.jb_apply_wrap .apply_stats {
    font-size: 20px;
    border-top: 1px dashed #ddd;
    width: 85%;
    margin: 13px auto 15px;
    text-align: center;
}

.jb_apply_wrap .apply_stats p {
    margin: 3px 0 0 0;
}

.jb_apply_wrap .btn {
    margin-bottom: 5px;
}

.jb_apply_wrap .btn.btn-danger {

    background: #fff;
    color: #000;
    border: 2px dashed red;
    margin-bottom: 20px;
    line-height: 10px;
    /*background: repeating-linear-gradient(
  45deg,
  rgba(255, 0, 0, 0.2),
  rgba(255, 0, 0, 0.2) 10px,
  rgba(255, 0, 0, 0.3) 10px,
  rgba(255, 0, 0, 0.3) 20px
)
*/
}

.jb_apply_wrap h5 i {
    color: #999;
}

.jb_apply_wrap .apply_stats h2 {
    font-size: 18px;
    margin: 15px 0 0 0;
}

.jb_apply_wrap .apply_stats h3 {
    font-size: 16px;
    margin: 15px 0 0 0;
}

.jb_apply_wrap .apply_stats h3 i {
    color: #5d5d5d;
}

.jb_apply_wrap .apply_stats h2 i {
    color: #999;
}

.jb_apply_wrap .apply_stats p {
    font-size: 14px !important;
}

.jb_contact_info {
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
}

.jb_c_title {
    text-align: center;
    margin: 0 0 10px 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 8px;
}

.jb_post_user {
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
}

.jb_post_title {
    text-align: center;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
}

.jb_apply_user {
    width: 55%;
    border: 1px dashed #5d5d5d;
    padding: 5px;
}

.jb_apply_user_title {
    margin: 10px 0;
    font-size: 14px;
}

.jb_post_pic {
    float: left;
    width: 25%;
}

.jb_post_user_info {
    float: left;
    width: 70%;
    margin-left: 10px;
}

.jb_post_user_info h4 {
    font-size: 16px;
    margin: 0px 0 3px 0;
}

.jb_post_user_info h4 a:hover {
    text-decoration: none;
}

.jb_post_user_info p {
    margin: 0 0 0px 0;
    font-size: 14px;
    opacity: 0.8;
}

.jb_attachment_wrap {
    margin: 0 0 15px 0;
    text-align: center;
}

.jb_doc_btn {
    border: 2px dashed #5d5d5d;
    padding: 10px;
    font-size: 18px;
    margin: 5px;
    color: #5d5d5d;
    display: block;
    background: rgba(255, 255, 255, 0.8);
}

.jb_doc_btn:hover {
    text-decoration: none;
    border: 2px dashed #5d5d5d;
}

.att_resume_block {}

.post_apply_attach_resume p {
    margin: 5px 0 10px 0;
}

.post_apply_attach_resume a {
    font-size: 15px;
}

.post_apply_attach_resume a i {
    color: #5d5d5d;
}

.post_apply_attach_resume a:hover {
    text-decoration: none;
}

.post_apply_attach_resume a:hover>i {
    color: #5d5d5d;
}

.jb_report_job {
    float: right;
    background: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px;
}

.jb_report_job a {
    text-align: center;
    display: block;
    padding: 15px;
}

.jb_report_job a i {
    color: #5d5d5d;
}

.jb_report_job a:hover {
    text-decoration: none;
}

.jb_report_mod_title {}

.jb_report_mod_title i {
    color: #5d5d5d;
}

.report_job_list {
    margin: 10px 0;
}

.report_job_list li {
    list-style-type: none;
    margin-bottom: 3px;
}

.report_job_list li label {
    font-weight: normal;
    cursor: pointer;
}

@media (max-width: 768px) {
    .jb_det_descp {
        background: #fff;
        padding: 10px;
        margin-bottom: 0;
        position: relative;
        margin-top: 20px;
    }

    .jb_det_descp.pop_up {
        padding: 0;
        margin-top: 0;
    }

    .save_job {
        position: absolute;
        top: -33px;
        right: 0;
        background: #fff;
        padding: 5px 10px;
    }

    .save_job a {
        font-size: 14px;
    }

    .jb_det_descp h3 {
        margin: 0px 0px 8px;
        color: #5d5d5d;
        font-size: 16px;
        font-weight: bold;
    }

    .jb_det_descp h4 {
        margin: 0px 0px 15px;
        font-size: 15px;
    }

    .jb_descp_list li {
        list-style-type: none;
        float: none;
        width: 100%;
        padding: 0;
        margin: 5px 5px 5px 0;
        font-size: 14px;
    }

    .jb_streams {
        margin: 0px 0 0 0;
        line-height: 22px;
    }

    .jb_post_user_info h4 {
        font-size: 14px;
        margin: 5px 0 5px 0;
    }

    .jb_post_user_info p {
        margin: 0 0 3px 0;
        font-size: 13px;
        opacity: 0.8;
    }

    .jb_apply_user {
        width: 100%;
        border: 1px dashed #5d5d5d;
        padding: 5px;
    }

    .resume_label {
        margin: 5px 0;
    }

    .att_resume_block .btn-info {
        margin: 10px 0;
        float: right;
    }

    .att_resume_block .btn-primary {
        margin: 5px 0;
        float: right;
    }
}



/* -------------------------------- 
    News Timeline
-------------------------------- */

.bg-primary {
    background-color: #32b9b1;
}

.timeline .timeline-row .timeline-content {
    margin-left: 40px;
    position: relative;
    background-color: white;
    color: #333333;
}

.timeline {
    list-style: none;
    position: relative;
    max-width: 1200px;
    padding: 20px;
    margin: 0 auto;
    overflow: hidden;
}

.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 4px;
    border-radius: 2px;
    display: block;
}

.timeline .timeline-row {
    padding-left: 50%;
    position: relative;
    z-index: 7;
}

.timeline .timeline-row .timeline-time {
    position: absolute;
    color: #333;
    right: 50%;
    top: 31px;
    text-align: right;
    margin-right: 40px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
}

.timeline .timeline-row .timeline-time small {
    display: block;
    color: #222;
    text-transform: uppercase;
    opacity: 0.75;
    font-size: 14px;
    font-weight: 400;
}

.timeline .timeline-row .timeline-icon {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 3px;
    color: white;
    font-size: 14px;
    z-index: 100;
}

.timeline .timeline-row .timeline-icon>div {
    border-radius: 50%;
    line-height: 34px;
    font-size: 16px;
}

.timeline .timeline-row .timeline-content {
    margin-left: 40px;
    position: relative;
    background-color: white;
    color: #333333;
}

.timeline .timeline-row .timeline-content:after {
    content: "";
    position: absolute;
    top: 48px;
    left: -41px;
    height: 4px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1;
}

.timeline .timeline-row .timeline-content .panel-body {
    padding: 15px 15px 2px;
    position: relative;
    z-index: 10;
}

.timeline .timeline-row .timeline-content h2 {
    font-size: 18px;
    margin-bottom: 12px;
    margin-top: 0;
    line-height: 25px;
    font-weight: bold;
    color: #202539;
}

.timeline .timeline-row .timeline-content h4 {
    font-size: 14px;
    color: #f36e2d;
    text-transform: capitalize;
}

.timeline .timeline-row .timeline-content h4 i {
    color: #202539;
}

.timeline .timeline-row .timeline-content p {
    margin-bottom: 10px;
}

.timeline .timeline-row .timeline-content img {
    margin-bottom: 15px;
}

.timeline .timeline-row .timeline-content blockquote {
    border-color: #eeeeee;
}

.timeline .timeline-row .timeline-content blockquote footer,
.timeline .timeline-row .timeline-content blockquote small,
.timeline .timeline-row .timeline-content blockquote .small,
.timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer,
.timeline .timeline-row .timeline-content blockquote.blockquote-reverse small,
.timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
    color: #999999;
}

.timeline .timeline-row .timeline-content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    margin-bottom: 15px;
    overflow: hidden;
}

.timeline .timeline-row .timeline-content .video-container iframe,
.timeline .timeline-row .timeline-content .video-container object,
.timeline .timeline-row .timeline-content .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.timeline .timeline-row:nth-child(odd) {
    padding-left: 0;
    padding-right: 50%;
}

.timeline .timeline-row:nth-child(odd) .timeline-time {
    right: auto;
    left: 50%;
    text-align: left;
    margin-right: 0;
    margin-left: 40px;
}

.timeline .timeline-row:nth-child(odd) .timeline-content {
    margin-right: 40px;
    margin-left: 0;
}

.timeline .timeline-row:nth-child(odd) .timeline-content:after {
    left: auto;
    right: -41px;
}

.timeline.animated .timeline-row .timeline-content {
    opacity: 0;
    left: 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}

.timeline.animated .timeline-row:nth-child(odd) .timeline-content {
    left: -20px;
}

.timeline.animated .timeline-row.active .timeline-content {
    opacity: 1;
    left: 0;
}

.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
    left: 0;
}

@media (max-width: 1200px) {
    .timeline {
        padding: 15px 10px;
    }

    .timeline:after {
        left: 28px;
    }

    .timeline .timeline-row {
        padding-left: 0;
        margin-bottom: 16px;
    }

    .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }

    .timeline .timeline-row .timeline-time strong {
        display: inline-block;
        margin-right: 10px;
    }

    .timeline .timeline-row .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0;
    }

    .timeline .timeline-row .timeline-content {
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .timeline .timeline-row .timeline-content:after {
        right: auto !important;
        left: -20px !important;
        top: 20px;
    }

    .timeline .timeline-row:nth-child(odd) {
        padding-right: 0;
    }

    .timeline .timeline-row:nth-child(odd) .timeline-time {
        position: relative;
        right: auto;
        left: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }

    .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 0;
        margin-left: 55px;
    }

    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
        left: 20px;
    }

    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
        left: 0;
    }

    .timeline .timeline-row .timeline-content h2 {
        font-size: 18px;
        margin-bottom: 12px;
        margin-top: 0;
        line-height: 25px;
        font-weight: bold;
        color: #202539;
    }
}



/*--------- POST Footer Starts ----------*/

.post_footer {
    padding-left: 0;
    margin: 0;
}

.post_footer li {
    list-style-type: none;
    display: inline-block;
    font-size: 13px;
    margin: 0 15px 0 0;
}

.post_footer li:last-child {
    margin-right: 0px;
}

.post_footer li i {
    font-size: 12px;
}

.post_footer li a {
    color: #656D78;
}

.post_footer li .fa-calendar {
    color: #5d5d5d;
}

.post_footer li .fa-eye {
    color: #5d5d5d;
}

.post_footer li .fa-thumbs-o-up {
    color: #2C3E50;
}

.post_footer li .fa-heart {
    color: #5d5d5d;
}

.post_footer li .fa-heart-o {
    color: #5d5d5d;
}

.post_footer li .fa-share {
    color: #4B77BE;
}

.post_footer li .fa-envelope {
    color: #F3C200;
}

.post_footer li .fa-comments {
    color: @secondary;
}

.post_footer .user {
    margin-right: 0px;
}

.post_footer .user span {
    font-style: italic;
}

.post_footer span a {
    color: #5d5d5d;
}

.post_footer li a:hover {
    text-decoration: none;
    color: #37BC9B;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

@media (max-width: 768px) {
    .post_footer li {}

    .post_footer li i {
        font-size: 14px;
    }

    .post_footer .user {
        float: right;
        margin-left: 6px;
        margin-right: 0px;
    }
}



/*===========================
    Home Page Featured alumni
=============================*/

.f_alumni {
    position: relative;
    margin: 10px;
}

.f_alumni img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}

.f_alumni .image {
    position: relative;
}

.f_alumni .verified {
    position: absolute;
    top: 10px;
    right: 10px;
}

.f_alumni .verified p {
    margin: 0;
}

.f_alumni .verified p i {
    font-size: 1.8em;
    color: #5d5d5d;
    opacity: 0.8;
}

.f_alumni .name {
    font-size: 14px;
    margin: 0;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 5px 10px;
}

.f_alumni .name a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.f_alumni .name a:hover {
    text-decoration: none;
    color: #5d5d5d;
}

.f_alumni .info {
    background: #fcfcfc;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    min-height: 120px;
    border: 1px solid #ddd;
}

.f_alumni p {
    color: #656D78;
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 21px;
}

.f_alumni p i {
    font-size: 12px;
}

.f_alumni a img {
    margin-bottom: 5px;
}

.f_alumni .course {}

.f_alumni .batch {}

.f_alumni .location {
    color: #5d5d5d;
}

.f_alumni .location i {
    color: #5d5d5d;
}

.f_alumni .work span {
    color: #5d5d5d;
}

.f_alumni.main_page {
    margin: 0 0 15px 0;
}

.f_alumni.main_page .info {
    min-height: 105px;
}

@media (max-width: 768px) {
    .f_alumni .name a {
        font-size: 13px;
        font-weight: bold;
        color: #fff;
    }
}

.f_alumni.office {
    margin: 10px 0 15px 0;
}

.f_alumni.office .info {
    min-height: 105px;
}

.f_alumni.office .info .uname {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
}



/*=============================
      Alumni chapters HOme
===============================*/

.alumni_chapters {
    position: relative;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 2px 3px 0px rgba(4, 4, 4, 0.1);
    margin: 20px 0;
}

.alumni_chapters .banner {
    position: relative;
}

.alumni_chapters .featured-img {
    width: 100%;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.alumni_chapters .featured-text h4 {
    margin: 0px 0 8px 0;
    font-size: 14px;
    line-height: 18px;
}

.alumni_chapters .featured-text h4 i {
    color: #5d5d5d;
}

.alumni_chapters .featured-text {
    background: #FFF none repeat scroll 0% 0%;
    padding: 10px 10px 15px 10px;
    border-radius: 0 0 5px 5px;
}

.alumni_chapters .featured-text h3 {
    margin: 0px 0px 5px;
    font-size: 17px;
    line-height: 23px;
    font-weight: bold;
    text-transform: capitalize;
}

.alumni_chapters .featured-text h3 a {
    color: #369;
}

.alumni_chapters .featured-text .chp_date {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

.alumni_chapters .chapter_president {
    margin: 5px auto;
    width: 90%;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 15px;
}

.alumni_chapters .chapter_president .pic {
    width: 30%;
    float: left;
    margin-right: 10px;
}

.alumni_chapters .chapter_president .details {
    width: 65%;
    float: left;
    margin-top: 0;
}

.alumni_chapters .chapter_president .details h4 {
    margin: 5px 0 0 0;
    font-size: 15px;
    line-height: 23px;
}

.alumni_chapters .chapter_president .details a {
    font-size: 15px;
    color: #369;
    line-height: 24px;
}

.alumni_chapters .chapter_president .details p {
    font-size: 13px;
    line-height: 20px;
}

.alumni_chapters .alumni_talk_user {
    margin: 10px auto 10px auto;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #ddd;
    width: 80%;
}

.alumni_chapters .chapter_loco {
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 5;
    background: rgba(0, 0, 0, 0.6);
    width: auto;
    padding: 0 10px;
    text-align: center;
    border-radius: 5px 0 0 5px;
}

.alumni_chapters .chapter_loco h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    color: #fff;
    padding: 10px 5px;
    text-transform: capitalize;
    margin: 0;
}

.alumni_chapters .chapter_loco h4 i {
    font-size: 95%;
    color: #5d5d5d;
}

.chapter_stats {
    width: 85%;
    margin: 5px auto 10px auto;
}

.chapter_stats .items {
    background: #fff;
    width: 50%;
    float: left;
    text-align: center;
}

.alumni_chapters .chapter_stats .items h3 {
    padding-top: 10px;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
}

.alumni_chapters .chapter_stats .items h3 .fa {
    color: #5d5d5d;
    font-size: 85%;
}

.alumni_chapters .chapter_stats .items p {
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    margin-left: 5px;
}

@media (max-width: 768px) {
    .alumni_chapters .at_active_c {
        width: 80px;
        height: 30px;
    }

    .alumni_chapters .at_active_c h6 {
        font-size: 15px;
        padding-top: 1px;
        line-height: 23px;
    }
}



/*--- News PDF -----*/

.newsframe {
    min-height: 800px;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}

@media (max-width: 768px) {
    .newsframe {
        min-height: 415px;
        width: 100%;
        padding: 0;
        margin: 0;
        border: none;
    }
}

/* -------------------------------- 
        Alumni Talk Time line
-------------------------------- */

ul.timeline {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline li.centering-line {
    position: absolute;
    width: 4px;
    background: rgba(1, 1, 1, .2);
    left: 50%;
    margin-left: -2px;
    top: 0;
    bottom: 0;
    z-index: 1;
}

ul.timeline li.center-timeline-cat {
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
    display: inline-block;
    z-index: 2;
    position: relative;
    margin: 0;
}

ul.timeline li.center-timeline-cat .inner {
    background: #5d5d5d;
    border-radius: 5px;
    color: #fff;
    width: 140px;
    margin: 20px auto;
    padding: 5px 10px;
}

ul.timeline li:first-child.center-timeline-cat .inner {
    margin: 0 auto 20px;
}

ul.timeline li:last-child.center-timeline-cat .inner {
    margin: 20px auto 0;
}

ul.timeline:before,
ul.timeline:after {
    content: " ";
    display: table;
}

ul.timeline:after {
    clear: both;
}

ul.timeline li.item-timeline {
    display: inline-block;
    width: 50%;
    position: relative;
    z-index: 2;
}

ul.timeline li.item-timeline a:hover {
    text-decoration: underline;
}

ul.timeline li.item-timeline.highlight {
    display: block;
    width: 100%;
}

ul.timeline li.item-timeline.highlight:last-child .inner-content {
    margin-bottom: 0;
}

ul.timeline li.item-timeline .heading-timeline {
    padding: 15px 0;
    margin: -10px 0 10px 0;
    border-bottom: 1px solid #eee;
    position: relative;
    height: 80px;
}

ul.timeline li.item-timeline .heading-timeline .avatar {
    position: absolute;
    left: 0;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

ul.timeline li.item-timeline .heading-timeline .user-timeline-info p {
    position: absolute;
    left: 73px;
    top: 10px;
    font-weight: bold;
    color: #353535;
    margin: 3px 0;
    font-size: 15.5px;
    line-height: 19px;
    padding: 0;
}

@media (max-width: 768px) {
    ul.timeline li.item-timeline .heading-timeline {
        padding: 15px 0;
        margin: -10px 0 10px 0;
        border-bottom: 1px solid #eee;
        position: relative;
        min-height: 145px;
    }

    ul.timeline li.item-timeline .heading-timeline .user-timeline-info p {
        position: absolute;
        left: 0px;
        top: 75px;
        font-weight: bold;
        color: #353535;
        margin: 3px 0;
        font-size: 14px;
        line-height: 19px;
        padding: 0;
    }
}

ul.timeline li.item-timeline .heading-timeline .user-timeline-info p small {
    color: #909090;
    font-weight: normal;
    font-size: 12px;
    display: block;
}

ul.timeline li.item-timeline .footer-timeline {
    padding: 0;
    margin: 10px -10px -10px -10px;
    border-top: 1px solid #eee;
    position: relative;
    min-height: 30px;
    background: #F6F8F9;
    border-radius: 0 0 8px 8px;
    font-size: 13px;
}

ul.timeline-option {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline-option li.option-row {
    border-bottom: 1px solid #F0F2F2;
    padding: 10px;
    display: block;
    position: relative;
    min-height: 40px;
}

ul.timeline-option li.option-row .avatar {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

ul.timeline-option li.option-row .reply {
    position: relative;
    left: 40px;
    top: 0px;
    margin-right: 40px;
    line-height: 120%;
    right: 0;
}

ul.timeline-option li.option-row .reply p.reply-time {
    padding: 0;
    margin: 0;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol li {
    display: inline-block;
    margin: 0 5px;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li.option-row ol li i {
    font-size: 14px;
}

ul.timeline li.item-timeline .footer-timeline ul.timeline-option li:last-child.option-row {
    border-bottom: none;
}

ul.timeline li:nth-child(even).item-timeline {
    float: left;
    clear: left;
}

ul.timeline li:nth-child(odd).item-timeline {
    float: right;
    clear: right;
}

ul.timeline li:nth-child(even).item-timeline .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    right: -6px;
    top: 35px;
    border: 2px solid #5d5d5d;
}

ul.timeline li:nth-child(odd).item-timeline .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    left: -6px;
    top: 55px;
    border: 2px solid #5d5d5d;
}

ul.timeline li.item-timeline .inner-content {
    margin: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    display: block;
    font-size: 15px;
    position: relative;
    box-shadow: 0px 2px 3px 0px rgba(4, 4, 4, 0.1);
}

ul.timeline li.item-timeline:nth-child(even).highlight:before,
ul.timeline li.item-timeline:nth-child(odd).highlight:before {
    position: absolute;
    top: -4px;
    right: auto;
    left: 50%;
    margin-left: -12px;
    display: inline-block;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #fff;
    border-right: 12px solid transparent;
    border-bottom-color: #fff;
    content: '';
}

ul.timeline li:nth-child(even).item-timeline.highlight .buletan,
ul.timeline li:nth-child(odd).item-timeline.highlight .buletan {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 50%;
    margin-left: -6px;
    background: #fff;
    right: auto;
    top: -5px;
    border: 2px solid #5d5d5d;
}

ul.timeline li.item-timeline:nth-child(even):before {
    position: absolute;
    top: 30px;
    right: 8px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-left-color: #fff;
    content: '';
}

ul.timeline li.item-timeline:nth-child(odd):before {
    position: absolute;
    top: 50px;
    left: 8px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-right-color: #fff;
    content: '';
}

@media (max-width: 600px) {

    /**
    -------------------------------------------
    SOCIAL APPS
    -------------------------------------------
    **/
    ul.timeline li.centering-line {
        left: 15px;
        margin-left: 0px;
    }

    ul.timeline li.item-timeline {
        width: 100%;
    }

    ul.timeline li:nth-child(even).item-timeline {
        float: left;
        clear: left;
    }

    ul.timeline li:nth-child(odd).item-timeline {
        float: left;
        clear: left;
    }

    ul.timeline li:nth-child(odd).item-timeline.highlight,
    ul.timeline li:nth-child(odd).item-timeline.highlight {
        float: left;
        clear: left;
    }

    ul.timeline li.item-timeline .inner-content {
        margin: 10px;
        margin-left: 35px;
    }

    ul.timeline li:nth-child(even).item-timeline.highlight .buletan,
    ul.timeline li:nth-child(odd).item-timeline.highlight .buletan,
    ul.timeline li:nth-child(even).item-timeline .buletan,
    ul.timeline li:nth-child(odd).item-timeline .buletan {
        left: 11px;
        top: 35px;
        margin-left: 0;
    }

    ul.timeline li.item-timeline:nth-child(even):before {
        top: 29px;
        right: auto;
        left: 25px;
        border-left: 0px solid #fff;
        border-right: 12px solid #fff;
        border-right-color: #fff;
    }

    ul.timeline li.item-timeline:nth-child(odd).highlight:before,
    ul.timeline li.item-timeline:nth-child(even).highlight:before,
    ul.timeline li.item-timeline:nth-child(odd):before {
        top: 29px;
        left: 25px;
        display: inline-block;
        border-top: 12px solid transparent;
        border-right: 12px solid #fff;
        border-bottom: 12px solid transparent;
        border-right-color: #fff;
        content: '';
    }

    ul.timeline li.center-timeline-cat .inner {
        border-radius: 0 5px 5px 0;
        margin: 20px 0 20px 19px;
    }

    ul.timeline li:first-child.center-timeline-cat .inner,
    ul.timeline li:last-child.center-timeline-cat .inner {
        margin: 20px 0 20px 19px;
    }

    .featured-post-wide .featured-text {
        position: relative;
        width: 100%;
        padding: 5px 15px 15px 15px;
    }
}

.talk_timeline_warp {
    padding-bottom: 10px;
}

.talk_timeline .active_talk {
    position: absolute;
    background: transparent;
    right: 0px;
    top: 7px;
}

.talk_timeline .active_talk h6 {
    color: @secondary;
    font-size: 14px;
}

.talk_timeline .date_wrap {
    position: absolute;
    background: transparent;
    left: 0px;
    top: 7px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 66px;
    height: 66px;
}

.talk_timeline .date_wrap {
    position: absolute;
    background: transparent;
    left: 0px;
    top: 7px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 66px;
    height: 66px;
}

.talk_timeline .date_wrap h1 {
    margin: 0;
}

.talk_timeline .date_wrap .date {
    background: #5d5d5d;
    height: 33px;
    padding-top: 8px;
    border-radius: 50px 50px 0 0;
}

.talk_timeline.active .date_wrap .date {
    background: @secondary;
    height: 33px;
    padding-top: 8px;
    border-radius: 50px 50px 0 0;
}

.talk_timeline .date_wrap .date h1 {
    font-size: 18px;
    margin: 0;
    line-height: 18px;
    color: #fff;
}

.talk_timeline .date_wrap .month {
    background: #484848;
    height: 33px;
    padding-top: 5px;
    border-radius: 0 0 50px 50px;
}

.talk_timeline .date_wrap .month h1 {
    font-size: 13px;
    margin: 0;
    line-height: 13px;
    color: #fff;
}

.talk_timeline .content p {
    font-size: 14px;
    line-height: 21px;
    margin: 10px 0;
}

.talk_timeline .content h3 {
    font-size: 15px;
    margin: 0 0 5px 0;
}

.talk_timeline .talk_users {
    margin: 10px 0 0 0;
}

.talk_timeline .talk_users .alumni_img {
    width: 60px;
    float: left;
}

.talk_timeline .talk_users .alumni_img img {
    width: 50px;
}

.talk_timeline .talk_users .alumni_det {
    width: 75%;
    float: left;
}

.talk_timeline .talk_users .alumni_det h3 {
    font-size: 14px;
    line-height: 16px;
    color: #369;
    margin: 5px 0 2px 0;
    font-weight: bold;
}

.talk_timeline .talk_users .alumni_det p {
    margin: 0;
    font-size: 13px;
}

.talk_timeline .talk_users .alumni_det p.work i {
    width: 11px;
    text-align: center;
    margin-right: 3px;
    color: #999;
}

.talk_timeline .talk_users .alumni_det p.work span {
    color: #5d5d5d;
}

.talk_timeline h4 {
    font-size: 14px;
    margin: 0;
    line-height: 15px;
}

@media (max-width: 768px) {
    .col-masonry.talk_items {
        margin: 0;
    }

    .alumni_talk_list {
        background: #fff;
        margin: 0 0 20px 0 !important;
        border-radius: 5px;
        box-shadow: 0px 2px 3px 0px rgba(4, 4, 4, 0.1);
    }

    .alumni_talk_years.fixedTop {
        background: rgba(3, 108, 168, 0.7);
        position: fixed;
        top: 50px;
        margin-left: -15px;
        box-shadow: 0px 8px 10px 0px rgba(4, 4, 4, 0.2);
    }

    .talk_year_list li a {
        display: block;
        padding: 10px 35px 10px 10px;
        color: #fff;
        font-size: 0.8em;
        font-weight: bold;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .talk_year_list li span {
        font-size: 10px;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 8px;
        right: 5px;
        background-color: #5d5d5d;
        color: #fff;
        line-height: 18px;
        text-align: center;
        font-weight: bold;
        border-radius: 50%;
        margin: 0;
    }

    .talk_year_list li:hover>span {
        background-color: #F3C200;
        color: #fff;
    }

    .talk_year_list li a:hover {
        text-decoration: none;
        background-color: #fff;
        color: #5d5d5d;
    }

    .talk_year_list li.active a {
        background-color: #fff;
        color: #5d5d5d;
    }

    .talk_year_list li.active span {
        background-color: #5d5d5d;
        color: #fff;
        opacity: 0.9;
    }
}



/*------------ Distinguished Alumni Main -----------*/

.dist_page_wrap {
    margin: 10px 0;
}

.dist_items {
    border-radius: 4px;
    background: #fff;
    margin: 0 0 30px 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.dist_items .info {
    /*  background: url("../images/distinguish_user_bg2.jpg");*/
    width: 100%;
    border-radius: 4px 0 0 4px;
    padding-top: 40px;
}

.dist_items.even .info {
    /*background: url("../images/distinguish_user_bg3.jpg");*/
}

.dist_page_wrap .dist_items .info img {
    border-radius: 50%;
    width: 100px;
    margin: 0px auto 10px auto;
    border: 5px solid rgba(0, 0, 0, 0.15);
}

.dist_page_wrap .dist_items .name {
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

.dist_page_wrap .dist_items .name h5 {
    margin: 0 0 10px 0;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #555;
}

.dist_page_wrap .dist_items .name h6 {
    font-size: 13px;
    margin: 0 0 7px 0;
    line-height: 18px;
    font-weight: normal;
}

.dist_page_wrap .dist_items .name h6 i {
    font-size: 1.1em;
    width: 15px;
    margin-right: 5px;
    text-align: center;
    color: #999;
}

.no_padding {
    padding: 0 !important;
}

.dist_page_wrap .dist_items .content {
    padding: 15px 15px 15px 0;
}

.dist_page_wrap .dist_items .content blockquote {
    text-align: left;
    font-size: 15px;
    line-height: 30px;
    padding: 15px 0;
}

@media (max-width: 768px) {
    .dist_items {
        border-radius: 4px;
        background: #fff;
        margin: 0 10px 20px 10px;
    }

    .dist_items .info {
        border-radius: 4px 4px 0 0;
        padding-top: 40px;
    }

    .dist_page_wrap .dist_items .info img {
        border-radius: 50%;
        width: 100px;
        margin: 0px auto 10px auto;
        border: 5px solid rgba(255, 255, 255, 0.5);
    }

    .dist_page_wrap .dist_items .content {
        padding: 15px 15px 15px 0;
    }

    .dist_page_wrap .dist_items .content {
        padding: 15px 15px 15px 15px;
    }

    .dist_page_wrap .dist_items .content blockquote {
        text-align: left;
        font-size: 14px;
        line-height: 21px;
        padding: 5px 0;
    }

    .dist_page_wrap .dist_items .name h6 {
        font-size: 13px;
        margin: 0 0 7px 0;
        line-height: 18px;
        font-weight: normal;
        text-align: center;
    }

}



/*========================
    Alumni Awards Page
==========================*/

.awards_each_wrap {
    border-bottom: 2px dashed #ddd;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.award_head_wrap {
    margin-bottom: 50px;
    position: relative;
}

.award_head_wrap .year {
    position: absolute;
    top: 0;
    left: 0px;
    width: 75px;
    height: 75px;
    background-color: @secondary;
    border-radius: 50%;
    z-index: 5;
    border: 6px solid #fff;
    box-shadow: -1px 0px 5px 0px rgba(4, 4, 0, 0.1);
}

.award_head_wrap .year h2 {
    margin: 0;
    text-align: center;
    font-size: 1.3em;
    line-height: 20px;
    font-weight: bold;
    padding-top: 20px;
    color: #fff;
}

.award_head_wrap .title {
    position: absolute;
    left: 60px;
    top: 12px;
    background-color: #fff;
    padding: 15px 23px;
    z-index: 2;
    border-radius: 0 50px 50px 0;
    box-shadow: 0px 0px 5px 0px rgba(4, 4, 4, 0.1);
}

.award_head_wrap .title h3 {
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 18px;
}

.award_head_wrap .chapter {
    float: right;
    padding: 20px 0;
}

.award_head_wrap .chapter h5 {
    margin: 0;
    text-transform: capitalize;
}

.award_head_wrap .chapter h5 i {
    color: #5d5d5d;
}

.awards_user_list {
    height: 270px;
    margin: 0 0 30px 0;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.awards_user_list .image {
    background-color: #ccc;
    position: relative;
    height: 120px;
}

.awards_user_list .image .bg_overlay {
    background: url("../images/bg_aw.jpg") repeat;
    opacity: 0.92;
    background-size: 100%;
    width: 100%;
    height: 130px;
    position: absolute;
    top: 0;
    z-index: 2;
}

.awards_user_list .image .bg {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
}

.awards_user_list .image .profile {
    width: 115px;
    position: absolute;
    bottom: -65px;
    left: 28%;
    margin: 5px auto;
    box-shadow: 0px 0px 5px 0px rgba(4, 4, 4, 0.3);
    border: 5px solid #fff;
    z-index: 5;
}

.awards_user_list .user_info {
    position: absolute;
    background-color: #fff;
    width: 100%;
    padding: 55px 10px 0px 10px;
    height: 140px;
    bottom: 0;
    z-index: 4;
}

.awards_user_list .user_info h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 7px 0;
    line-height: 20px;
}

.awards_user_list .user_info h4 a {
    color: @primary;
}

.awards_user_list .user_info h4 a:hover {
    color: @secondary;
}

.awards_user_list .user_info p {
    font-size: 14px;
    margin: 0;
}

.awards_user_list .img_aw {
    position: absolute;
    z-index: 6;
    width: 35px;
    bottom: 5px;
    right: 5px;
    opacity: 0.7;
    z-index: 60;
}

@media (max-width: 768px) {
    .awards_each_wrap {
        border-bottom: 2px dashed #ddd;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .award_head_wrap {
        margin-bottom: 30px;
        position: relative;
    }

    .award_head_wrap .year {
        position: absolute;
        top: 0;
        left: 0px;
        width: 75px;
        height: 75px;
        background-color: @secondary;
        border-radius: 50%;
        z-index: 500;
        border: 6px solid #fff;
        box-shadow: -1px 0px 5px 0px rgba(4, 4, 0, 0.1);
    }

    .award_head_wrap .year h2 {
        margin: 0;
        text-align: center;
        font-size: 1em;
        line-height: 20px;
        font-weight: bold;
        padding-top: 20px;
        color: #fff;
    }

    .award_head_wrap .title {
        position: absolute;
        width: 80%;
        left: 60px;
        top: 12px;
        background-color: #fff;
        padding: 15px 23px;
        z-index: 2;
        border-radius: 0 50px 50px 0;
        box-shadow: 0px 0px 5px 0px rgba(4, 4, 4, 0.1);
    }

    .award_head_wrap .title h3 {
        margin: 0;
        font-weight: bold;
        font-size: 0.9em;
        line-height: 18px;
    }

    .award_head_wrap .chapter {
        float: right;
        padding: 80px 0 0 0;
    }

    .award_head_wrap .chapter h5 {
        margin: 0;
        text-transform: capitalize;
    }

    .award_head_wrap .chapter h5 i {
        color: #5d5d5d;
    }
}



/*
========================
  Page Loading 
========================
*/

.err {
    color: #5d5d5d;
    border-color: #5d5d5d !important;
}

.page_loading {
    margin: 0px auto;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0px;
    background: rgba(46, 60, 84, 0.6);
    display: none;
}

.overlay {
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.loading_image {
    background: rgba(255, 255, 255, 1);
    width: 250px;
    height: 250px;
    position: fixed;
    top: 33%;
    left: 41%;
    z-index: 11;
    border-radius: 20px;
}

.load_img {
    text-align: center;
    margin-top: 0px;
    font-size: 16px;
}

.load_img img {
    width: auto;
    overflow: hidden;
    margin: 45px auto 0 auto;
}

.load_text {
    text-align: center;
    margin: 0px 0 18px 0;
    font-size: 18px;
    position: absolute;
    font-weight: bold;
    bottom: 10px;
    width: 100%;
}

@media (max-width: 748px) {
    .loading_image {
        background: #FFF;
        width: 180px;
        height: 180px;
        position: fixed;
        top: 33%;
        left: 27%;
        z-index: 11;
        border-radius: 10px;
    }

    .load_img img {
        width: 55%;
        overflow: hidden;
        margin: 25px auto 0 auto;
    }

    .load_text {
        text-align: center;
        margin-top: 0px;
        font-size: 14px;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
}

.no_banner_btn {
    position: absolute;
    bottom: 5px;
    right: 20px;
}

.no_banner_btn a {
    margin-left: 10px !important;
}

.ne_need_dash {
    background: none;
    text-align: center;
    width: 80%;
    margin: 30px auto;
    padding: 25px;
    border: 2px dashed #5d5d5d;
}

.ne_need_dash h1 span {
    font-size: 1.5em;
    color: #5d5d5d;
}

.play_link {
    text-align: right;
}

.play_link a img {
    width: 130px;
    margin-top: 25px;
}

.play_link a img.ios {
    width: 140px;
    margin-top: 25px;
}

.header-sticky .play_link a img {
    width: 130px;
    margin-top: 17px;
}

.header-sticky .play_link a img.ios {
    width: 140px;
    margin-top: 17px;
}



/*============================
    Home Menu style list
==============================*/

.scn_nav {
    background: @primary;
}

.menu.scn_menu {
    float: left;
    margin: 0px 0;
}

.menu.scn_menu>li>a {
    position: relative;
    margin-right: 0px;
    padding: 17px 20px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.75px;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
}

.menu.scn_menu li a:hover,
.menu.scn_menu li.active>a,
.menu.scn_menu li.sfHover>a {
    text-decoration: none;
    color: #fff;
    background: @secondary;
}

.menu.scn_menu li.dropdown ul {
    position: absolute;
    top: 100%;
    left: 0px;
    display: none;
    z-index: 2000;
    width: 215px;
    margin-top: 0px;
    border-bottom: none;
    border: 0px solid #484848;
    /* background-color: rgba(91, 45, 45, 0.9)*/
    ;
}

.header-sticky .menu.scn_menu {
    margin-top: 0px;
    -webkit-transition: all 0.3s 0.01s;
    transition: all 0.3s 0.01s;
}

.header-sticky .menu.scn_menu>li>a {
    padding: 10px 20px;
    -webkit-transition: all 0.3s 0.01s;
    transition: all 0.3s 0.01s;
}

.play_link {
    text-align: right;
}

.play_link a img {
    width: 130px;
    margin-top: 25px;
}

.play_link a img.ios {
    width: 140px;
    margin-top: 25px;
}

.header-sticky .play_link a img {
    width: 130px;
    margin-top: 17px;
}

.header-sticky .play_link a img.ios {
    width: 140px;
    margin-top: 17px;
}



/*
========================
  Home Stats Style
========================
*/

.home_banner_bg {
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
    border-radius: 0px;
    margin-bottom: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.home_stats {}

.home_stats ul {
    padding: 0;
}

.home_stats ul li {
    list-style-type: none;
    color: #fff;
    padding: 20px 25px;
    margin-bottom: 0px;
    background: rgba(249, 146, 7, 0.8);
    position: relative;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}

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

.home_stats ul li h1 {
    font-size: 14px;
    margin: 0;
    line-height: 23px;
    color: #fff;
    font-weight: 700;
    opacity: 0.9;
    margin-left: 40px;
}

.home_stats ul li h2 {
    position: absolute;
    top: 10px;
    left: 15px;
    margin: 0;
    padding: 0;
}

.home_stats ul li h2 i {
    font-size: 1.1em;
    color: #fff;
    opacity: 0.9;
    text-align: center;
    width: 37px;
}

.download_home {
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    padding: 15px;
}

.download_home a {
    opacity: 0.9;
}

.download_home a:hover {
    text-decoration: none;
    opacity: 1;
}

.download_home h1 {
    font-size: 3.5em;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    line-height: 65px;
}

.download_home h3 {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    margin: 0 0 5px 0;
}

.download_home a img {
    width: 75%;
}

@media (max-width: 747px) {
    .home_banner_bg {
        background: rgba(255, 255, 255, 0.25);
        border-radius: 5px;
        margin-bottom: 15px;
    }
}



/*--------- Placement Officer --------*/

.placement_officer {
    background: #fff;
    padding: 15px;
}

.placement_officer h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
    color: inherit;
    line-height: 25px;
}

.placement_officer h3 {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: inherit;
}

.placement_officer h4 {
    font-size: 15px;
    line-height: 21px;
    font-weight: normal;
    margin: 0 0 10px 0;
    color: inherit;
}

.placement_officer h4:last-child {
    margin-bottom: 0;
}

.placement_officer h4 i {
    width: 20px;
    text-align: center;
}



/*========================
    Beneficiaries Page
==========================*/

.awards_each_wrap {
    border-bottom: 2px dashed #ddd;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.scholarship_head_wrap {
    margin-bottom: 50px;
    position: relative;
}

.scholarship_head_wrap .year {
    position: absolute;
    top: 0;
    left: 0px;
    width: 75px;
    height: 75px;
    background-color: @secondary;
    border-radius: 50%;
    z-index: 500;
    border: 6px solid #fff;
    box-shadow: -1px 0px 5px 0px rgba(4, 4, 0, 0.1);
}

.scholarship_head_wrap .year h2 {
    margin: 0;
    text-align: center;
    font-size: 1.3em;
    line-height: 20px;
    font-weight: bold;
    padding-top: 20px;
    color: #fff;
}

.scholarship_head_wrap .title {
    position: absolute;
    left: 60px;
    top: 12px;
    background-color: #fff;
    padding: 15px 23px;
    z-index: 2;
    border-radius: 0 50px 50px 0;
    box-shadow: 0px 0px 5px 0px rgba(4, 4, 4, 0.1);
}

.scholarship_head_wrap .title h3 {
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 18px;
}

.scholarship_head_wrap .chapter {
    float: right;
    padding: 20px 0;
}

.scholarship_head_wrap .chapter h5 {
    margin: 0;
    text-transform: capitalize;
}

.scholarship_head_wrap .chapter h5 i {
    color: #5d5d5d;
}

.scholarship_user_list {
    height: 150px;
    margin: 0 0 30px 0;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.scholarship_user_list .image {
    background-color: #ccc;
    position: relative;
    height: 120px;
}

.scholarship_user_list .image .bg_overlay {
    background: url("../images/bg_aw.jpg") repeat;
    opacity: 0.92;
    background-size: 100%;
    width: 100%;
    height: 130px;
    position: absolute;
    top: 0;
    z-index: 2;
}

.scholarship_user_list .image .bg {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
}

.scholarship_user_list .image .profile {
    width: 115px;
    position: absolute;
    bottom: -65px;
    left: 28%;
    margin: 5px auto;
    box-shadow: 0px 0px 5px 0px rgba(4, 4, 4, 0.3);
    border: 5px solid #fff;
    z-index: 5;
}

.scholarship_user_list .user_info {
    position: absolute;
    background-color: #fff;
    width: 100%;
    padding: 10px 10px 0px 10px;
    height: 150px;
    bottom: 0;
    z-index: 4;
}

.scholarship_user_list .user_info p.roll_no {
    padding-bottom: 5px;
}

.scholarship_user_list .user_info p.scholarship_amount {
    position: absolute;
    top: 40px;
    right: 15px;
}

.scholarship_user_list .user_info p.adopted_for {
    margin-top: 5px;
}

.scholarship_user_list .user_info p .fa.fa-inr {
    color: #f25959;
}

.scholarship_user_list .user_info h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 7px 0;
    line-height: 20px;
}

.scholarship_user_list .user_info h4 a {
    color: #369;
}

.scholarship_user_list .user_info h4 a:hover {
    color: @secondary;
}

.scholarship_user_list .user_info p {
    font-size: 13px;
    margin: 0;
}

.scholarship_user_list .img_aw {
    position: absolute;
    z-index: 6;
    width: 35px;
    bottom: 5px;
    right: 5px;
    opacity: 0.7;
    z-index: 60;
}

.beneficiaries_element {
    margin: 0 0 20px 0;
}

@media (max-width: 768px) {
    .awards_each_wrap {
        border-bottom: 2px dashed #ddd;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .scholarship_head_wrap {
        margin-bottom: 30px;
        position: relative;
    }

    .scholarship_head_wrap .year {
        position: absolute;
        top: 0;
        left: 0px;
        width: 75px;
        height: 75px;
        background-color: @secondary;
        border-radius: 50%;
        z-index: 500;
        border: 6px solid #fff;
        box-shadow: -1px 0px 5px 0px rgba(4, 4, 0, 0.1);
    }

    .scholarship_head_wrap .year h2 {
        margin: 0;
        text-align: center;
        font-size: 1em;
        line-height: 20px;
        font-weight: bold;
        padding-top: 20px;
        color: #fff;
    }

    .scholarship_head_wrap .title {
        position: absolute;
        width: 80%;
        left: 60px;
        top: 12px;
        background-color: #fff;
        padding: 15px 23px;
        z-index: 2;
        border-radius: 0 50px 50px 0;
        box-shadow: 0px 0px 5px 0px rgba(4, 4, 4, 0.1);
    }

    .scholarship_head_wrap .title h3 {
        margin: 0;
        font-weight: bold;
        font-size: 0.9em;
        line-height: 18px;
    }

    .scholarship_head_wrap .chapter {
        float: right;
        padding: 80px 0 0 0;
    }

    .scholarship_head_wrap .chapter h5 {
        margin: 0;
        text-transform: capitalize;
    }

    .scholarship_head_wrap .chapter h5 i {
        color: #5d5d5d;
    }

    .scholarship_user_list .user_info p.scholarship_amount {
        position: absolute;
        top: 15px;
        right: 15px;
    }
}



/*=============================
    News Left Menu
===============================*/

.beneficiaries_links {
    position: relative;
    width: 270px;
}

.beneficiaries_links.fixed {
    position: fixed;
    top: 150px;
}

.beneficiaries_menu {
    padding: 0;
}

.beneficiaries_menu li {
    list-style-type: none;
    margin-bottom: 5px;
}

.beneficiaries_menu li a {
    padding: 15px;
    background: #f6f6f6;
    display: block;
    font-size: 15px;
    color: #1e2f44;
}

.beneficiaries_menu li a:hover {
    background: @secondary;
    color: #fff;
}

.beneficiaries_menu li.active a {
    background: @secondary;
    color: #fff;
}

.beneficiaries_links ul li a {
    text-decoration: none;
}



/*=============================
    Alumni chapters Individual
===============================*/

.chapter_heads {
    margin-top: 15px;
}

.group_content .chapter_info_wrap {
    padding-top: 0px;
}

.chapter_info_wrap .executive_members {
    padding-left: 10px;
}

.chapter_info_wrap .title {
    border-bottom: 2px dashed #CCC;
    padding-bottom: 5px;
    margin: 15px 0 30px 0;
}

.chapter_info_wrap .about_c {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: bold;
}

.chapter_info {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    width: 30%;
    color: #fff;
    padding: 15px;
    height: auto;
    border-radius: 5px;
}

.chapter_info h1 {
    margin: 0px 0 0px 0;
    font-size: 2em;
    padding-bottom: 10px;
}

.chapter_info h1 a {
    color: #fff;
}

.chapter_info h1 a:hover {
    color: @secondary;
    text-decoration: none;
}

.chapter_info h2 {
    font-size: 1.4em;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
    margin: 0px 0 10px 0;
    padding-bottom: 15px;
    color: #fff;
}

.chapter_info h2 i {
    color: #5d5d5d;
}

.chapter_info_footer {
    padding-top: 0px;
    vertical-align: bottom;
}

.chapter_info_footer .admin {
    font-size: 14px;
    margin: 0px;
    color: #fff;
}

.chapter_info_footer .admin a {
    color: @secondary;
}

.chapter_info_footer .admin span {
    float: right;
    font-size: 13.5px;
    opacity: 0.8;
}

.chapter_stat_display {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: auto;
    z-index: 5;
}

.chapter_stat_display .group_stats {
    font-size: 1em;
    margin: 10px 6px 10px 0;
    font-weight: normal;
    float: left;
    width: 110px;
    height: 110px;
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    color: #000;
}

.chapter_stat_display .group_stats:hover {
    background: #EF4836;
    color: #fff;
}

.chapter_stat_display .group_stats:hover>h3 i {
    color: #fff;
}

.chapter_stat_display .group_stats:last-child {
    margin-right: 0px;
}

.chapter_stat_display .group_stats h3 {
    margin: 5px 0;
}

.chapter_stat_display .group_stats h3 i {
    font-size: 1em;
    color: #EF4836;
}

.chapter_stat_display .group_stats h6 {
    margin: 0px;
    font-size: 0.91em;
    font-weight: bold;
}

.chapter_contact {
    background: #fff;
}

.chapter_contact .chap_ul {
    padding: 0;
    margin: 0;
    float: right;
}

.chapter_contact .chap_ul li {
    list-style-type: none;
    float: left;
    margin: 0px;
    padding: 10px 15px;
}

.chapter_contact h3 {
    font-size: 1.3em;
    margin: 0;
    padding: 5px;
}

.comm_wrap {
    width: 17%;
    margin: 10px 0 0 15px;
}

.committee_mem {
    position: relative;
    margin-bottom: 25px;
}

.committee_mem img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}

.committee_mem .image {
    position: relative;
}

.committee_mem .verified {
    position: absolute;
    top: 10px;
    right: 10px;
}

.committee_mem .verified p {
    margin: 0;
}

.committee_mem .verified p i {
    font-size: 1.8em;
    color: #5d5d5d;
    opacity: 0.8;
}

.committee_mem .posting {
    margin: 0;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 8px;
}

.committee_mem .posting a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.committee_mem .posting a:hover {
    text-decoration: none;
    color: @secondary;
}

.committee_mem .name a {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    color: #555;
}

.committee_mem .info {
    background: #fcfcfc;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    min-height: 120px;
    border: 1px solid #ddd;
}

.committee_mem p {
    color: #656D78;
    font-size: 13px;
    margin-bottom: 5px;
}

.committee_mem p i {
    font-size: 13px;
}

.committee_mem a img {
    margin-bottom: 5px;
}

.committee_mem .course {}

.committee_mem .batch {}

.committee_mem .location {
    color: #656D78;
}

.committee_mem .location i {
    color: #555;
}

.committee_mem .work span {
    color: #656D78;
}

.chapter_banner .img-responsive {
    display: block;
    width: 100%;
    height: auto;
}

.the-box {
    margin: 15px 0 0 0;
}

.icon-circle {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
}

.icon-sm {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px 0;
}

.bg-info {
    background-color: #5d5d5d;
    color: #fff;
}

@media (max-width: 768px) {
    .comm_wrap {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .committee_mem .posting a {
        font-size: 15px;
    }

    .committee_mem .name a {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .chapter_info {
        position: absolute;
        top: 0px;
        left: 15px;
        z-index: 2;
        background: rgba(0, 0, 0, 0.7);
        width: 40%;
        color: #fff;
        padding: 10px;
        height: 45%;
        border-radius: 0;
    }

    .chapter_info h1 {
        margin: 0px 0 5px 0;
        font-size: 1.1em;
        padding-bottom: 0px;
        font-weight: normal;
        line-height: 20px;
    }

    .chapter_info h1 a {
        color: #fff;
    }

    .chapter_info h2 {
        font-size: 1em;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
        margin: 0px 0 7px 0;
        padding-bottom: 10px;
    }

    .chapter_info_footer {
        border-top: 1px none;
        padding-top: 0px;
        vertical-align: bottom;
    }

    .chapter_info_footer .admin {
        font-size: 13px;
        margin: 0px;
    }

    .chapter_info_footer .admin a {
        color: @secondary;
    }

    .chapter_info_footer .admin span {
        float: none;
        font-style: italic;
        font-size: 11px;
        opacity: 0.8;
    }

    .chapter_stat_display {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 5;
        background: #fff;
    }

    .chapter_stat_display .group_stats {
        font-size: 0.9em;
        margin: 10px 0px 10px 14px;
        font-weight: normal;
        float: left;
        width: 100px;
        height: 100px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid #EF4836;
        border-radius: 50%;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        color: #000;
    }

    .chapter_stat_display .group_stats:hover {
        background: #EF4836;
        color: #fff;
    }

    .chapter_stat_display .group_stats:hover>h3 i {
        color: #fff;
    }

    .chapter_stat_display .group_stats:last-child {
        margin-right: 0px;
    }

    .chapter_stat_display .group_stats h3 {
        margin: 5px 0;
    }

    .chapter_stat_display .group_stats h3 i {
        font-size: 1em;
        color: #EF4836;
    }

    .chapter_stat_display .group_stats h6 {
        margin: 0px;
        font-size: 0.91em;
        font-weight: bold;
    }

    .chapter_contact .chap_ul {
        padding: 0;
        margin: 0 0 10px 0;
        float: left;
    }

    .chapter_contact .chap_ul li {
        list-style-type: none;
        float: left;
        margin: 0px;
        padding: 5px;
        width: 100%;
    }

    .chapter_contact h3 {
        font-size: 1.2em;
    }

    .chapter_contact h3 .icon-sm {
        width: 30px;
        height: 30px;
        font-size: 0.8em;
        padding: 7.5px 0px;
    }
}



/*============================
    Add Download page
==============================*/

.app_download_wrap {}

.app_download_wrap h1 {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 35px;
    margin: 70px 0;
    text-align: left;
}

.app_download_wrap h3 {
    font-size: 16px;
    text-align: center;
}

.app_download_wrap p {
    text-align: center;
}

.app_download_wrap .play img {
    width: 200px;
}

.app_download_wrap .ios img,
.pop_app .ios img {
    width: 210px;
}

.app_download_wrap .register {
    margin: 50px 0 0 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 25px;
    border-radius: 5px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
}

.app_download_wrap .register h2 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

.app_download_wrap .register p {
    margin: 0;
}

.pop_app {
    text-align: left;
}

.pop_app a {
    float: left;
}

.pop_app .play img {
    width: 150px;
}

.pop_app .ios img {
    width: 160px;
}

@media (max-width: 768px) {
    .app_download_wrap h1 {
        font-size: 1.2em;
        font-weight: normal;
        line-height: 28px;
        margin: 0 0 35px 0;
        text-align: left;
    }

    .app_download_wrap p {
        text-align: center;
        padding: 25px 0 0 0;
    }

    .app_download_wrap .play img {
        width: 130px;
    }

    .app_download_wrap .ios img {
        width: 140px;
    }

    .app_download_wrap .register {
        margin: 50px 0 0 0;
        background: #fff;
        padding: 25px;
        border-radius: 5px;
        box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
    }

    .app_download_wrap .register h2 {
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        font-style: italic;
    }

    .app_download_wrap .register p {
        margin: 0;
        padding: 0;
    }

    .pop_app a {
        float: left;
    }

    .pop_app .play img {
        width: 120px;
    }

    .pop_app .ios img {
        width: 130px;
    }
}



/*------------- New Details --------------------*/

.alumni_news_details .news_content {
    background: #fff;
    padding: 15px;
}

.alumni_news_details .news_image img {
    width: 100%;
}

.alumni_news_details h3 {
    font-size: 18px;
    color: #555;
    margin: 10px 0;
    padding: 0;
    line-height: 25px;
}

.alumni_news_details p {}

.news_sidebar h4 {
    font-size: 16px;
}

.news_sidebar .sharethis {
    background: #fff;
}

.news_sidebar .news_side_title {
    margin: 10px 0;
    font-size: 18px;
}

.news_sidebar .image_wrap {
    float: left;
    width: 35%;
    position: relative;
}

.news_sidebar .image_wrap .image {
    width: 100%;
    background: #ccc;
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    height: 110px !important;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
}

.news_sidebar .content {
    float: left;
    background: #fff;
    width: 65%;
    padding: 15px 15px 15px 15px;
    height: 110px;
    position: relative;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.news_sidebar .content h4 {
    font-size: 13px;
    margin: 0 0 3px 0;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 17px;
}

.news_sidebar .content p {
    font-size: 12px;
    opacity: 0.7;
    margin: 0;
    color: #5d5d5d;
}

.card-box {
    background: #fff;
    padding: 15px;
}



/*---------Fundraising--------------*/

.fundrasing_list {
    margin-bottom: 15px;
}

.fundrasing_list:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.fundrasing_list .fund_image {
    height: 185px;
}

.fundrasing_list .fund_content {
    min-height: : 200px;
    background: #fff;
    padding: 15px 15px 20px 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.fundrasing_list .fund_content h3 {
    font-size: 20px;
    margin: 0;
    padding-bottom: 5px;
}

.fundrasing_list .fund_content p {
    margin-bottom: 5px;
    font-size: 14px;
}

.fundrasing_list .raised {
    margin-top: 15px;
}

.fundrasing_list .raised .right {
    float: right;
}

.fundrasing_list .raised span {
    font-size: 15px;
    color: @primary;
}

.fund_progress {
    margin: 0px 0 18px;
    height: 25px;
    background: #ddd;
}

.fund-progress-bar {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}

.fundrasing_list .donors ul {}

.fundrasing_list .donors ul li {
    display: inline-block;
    list-style-type: none;
    padding: 15px 0 0 35px;
}

.fundrasing_list .donors ul li h2 {
    font-size: 16px;
    line-height: 0;
    text-align: center;
}

.fundrasing_list .donors ul li p {}

.fundrasing_list .action {
    margin: 20px 0;
    text-align: center;
}

.fundrasing_list .action a {
    padding: 10px 20px;
    text-decoration: none;
}

.fund_bg {
    height: 350px;
}

.fund_raising_details {
    position: absolute;
    bottom: 90px;
    left: 14%;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 1rem 2rem 2rem;
    cursor: default;
    width: 30%;
}

.fund_raising_details .content h3 {
    color: #fff;
    font-size: 20px;
}

.fund_raising_details .project_stats {}

.fund_raising_details .project_stats .left {
    float: left !important;
}

.fund_raising_details .project_stats .left p {
    margin-bottom: 5px;
}

.fund_raising_details .project_stats .right {
    float: right !important;
}

.fund_raising_details .project_stats .right p {
    margin-bottom: 5px;
}

.fund_raising_details .fund_progress {
    margin: 5px 0 18px;
    height: 25px;
    background: #ddd;
}

.fund_raising_details .fund-progress-bar {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
}

.fund_tab_details {
    margin-top: 80px;
    margin-bottom: 30px;
}

.donors_list {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

.donors_list .donor_image {
    height: 130px;
    float: left;
    width: 35%;
}

.donors_list .donor_content {
    height: 130px;
    width: 65%;
    background: #fff;
    float: left;
    padding: 10px 10px;
}

.donors_list .donor_content h2 {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    margin: 0;
}

.donors_list .donor_content p {
    font-size: 12px;
    margin-bottom: 5px;
}

.donors_list .donor_content h3 {
    font-size: 16px;
    color: @primary;
    line-height: 25px;
}



/*--------- Terms Mobile ----*/

.terms_page {
    padding: 25px;
    line-height: 23px;
    background: #fff;
}



.alumni_images_wrap .img_list {
    height: 120px;
    width: 100%;
}


/*--------------------------------------------------
            Event Registration Modal
----------------------------------------------------*/

.check_account.modal_wrap {}

.check_account.modal_wrap input {
    width: 100%;
}


.modal {
    overflow: scroll;
}

.successmessage .reg_success h1 i {
    color: @secondary;
    font-size: 1.02em;
}

.successmessage .reg_success h1 {
    text-align: center;
    font-size: 1.3em;
    margin: 0px 0 0px 0;
}

.successmessage .reg_success h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.successmessage .reg_success p {
    font-size: 14px;
}

.successmessage .reg_success h5 {
    font-size: 15px;
    line-height: 21px;
    margin-top: 25px;
}

.modal-footer .reg_button button {
    margin: 0;
    width: 20%;
    border-radius: 5px;
    font-size: 15px;
    text-transform: capitalize;
    height: 41px;
    background: #00ab44;
    color: #fff;
    line-height: 30px;
    border: none;
}


.modal-footer .reg_button a {
    margin-right: 5px;
    width: 20%;
    border-radius: 5px;
    font-size: 15px;
    text-transform: capitalize;
    height: 40px;
    color: #555;
    line-height: 30px;
    border: none;
    padding: 10px 15px;
    border: 1px solid #ddd;
    text-decoration: none;
    cursor: pointer;
}

.modal-footer .reg_button a:hover {
    margin-right: 5px;
    width: 20%;
    border-radius: 5px;
    font-size: 15px;
    text-transform: capitalize;
    height: 40px;
    color: #555;
    background: #ddd;
    line-height: 30px;
    border: none;
    padding: 10px 15px;
    border: 1px solid #ddd;
}


.modal-body input {
    width: 100%;
}



[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #F87DA9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.fundraising_target {
    margin-bottom: 8px;
    margin-top: 10px;
}

.fundraising_title {
    margin: 0 0 15px 0;
    font-size: 27px !important;
    line-height: 50px;
    font-weight: 500 !important;
}

.fundraising_date {
    margin: 0;
    font-size: 16px !important;
    line-height: 32px;
}

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

.helpboard_filter h5 {
    font-weight: normal;
}

.helpboard_filter a {
    float: right;
}

/*---------------------
    Chapter
-----------------------*/

.chapter_banner_warp .img_list {
    height: 200px;
    width: 100%;
}

/*--------------------------
        Bearers
----------------------------*/


.bearers_pic {
    background: #fff;
    width: 100%;
    height: 261px;
    top: -65px;
    left: 15px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 2;
}

@media (max-width: 748px) {

    .bearers_pic {
        background: #fff;
        width: 100%;
        height: 160px;
        top: -65px;
        left: 15px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        z-index: 2;
    }
}

/*------Event Details Breadcrumbs --------*/

.page-crumb {
    background: transparent;
    margin-bottom: 0px;
    position: relative;
}

.page-crumb .eventbreadcrumb {
    margin: 0;
    padding: 25px 0 5px 0;
    background: transparent;
}

.eventbreadcrumb li a {
    color: rgb(255, 255, 255) !important;
    text-decoration: none;
}


.eventbreadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.eventbreadcrumb>li {
    display: inline-block
}

.eventbreadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.eventbreadcrumb>.active {
    color: #fff;
}

.eventbreadcrumb li a:hover {
    color: @secondary  !important;
}


/*------ News latest design --------*/

.news_item_link:hover {
    text-decoration: none;
}

.news_item_list {
    width: 100%;
    min-height: 270px;
    background: #fff;
    box-shadow: rgba(34, 34, 34, 0.15) 0 1px 1px;
    margin-bottom: 30px;
    position: relative;
}

.news_item_list:hover {
    box-shadow: rgba(34, 34, 34, 0.25) 0 5px 5px;
}

.news_item_list a:hover {
    text-decoration: none;
}

.news_item_list .event_image {
    width: 30%;
    min-height: 270px;
    float: left;
    position: relative;
}

.news_item_list .news_info {
    float: right;
    width: 70%;
    position: relative;
    padding: 20px;
    min-height: 270px;
}

.news_item_list.width_100 .news_info {
    float: none;
    width: 100%;
}

.news_item_list .news_info h1 {
    font-size: 19px;
    margin: 0 0 10px 0;
    line-height: 27px;
    font-weight: 600;
}

.news_item_list .news_info h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
    line-height: 25px;
    font-weight: 500;
}


.news_item_list .news_info h3 {
    font-size: 13px;
    margin: 0 0 10px 0;
    line-height: 21px;
    font-weight: 500;
    opacity: 0.5;
}

.news_item_list .news_info h5 {
    font-size: 13.5px;
    margin: 0 0 5px 0;
    line-height: 18px;
    font-weight: lighter;
    color: #5d5d5d;
}

.news_item_list .news_info h5 i {
    width: 12px;
    text-align: center;
    margin: 0 5px 0 0;
}

.news_info p {
    color: #5d5d5d;
}

.news_item_list .stats_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 5px 25px;
    height: 35px;
}

.news_item_list .stats_wrap ul li {
    display: inline-block;
}

.news_item_list .stats_wrap ul li.icons {
    min-width: 25px;
    float: right;
    text-align: center;
    margin-left: 15px;
}

.news_item_list .stats_wrap ul li p {
    color: #666A73;
    margin: 0;
    line-height: 27px;
    font-size: 13px;
}

.news_item_list .stats_wrap ul li p i {
    opacity: 0.6;
}

@media (max-width: 768px) {
    .news_item_list {
        width: 100%;
        min-height: 500px;
        background: #fff;
        box-shadow: rgba(34, 34, 34, 0.15) 0 1px 1px;
        margin-bottom: 30px;
        position: relative;
    }

    .news_item_list.width_100 {
        min-height: 300px !important;
    }

    .news_item_list:hover {
        box-shadow: rgba(34, 34, 34, 0.25) 0 5px 5px;
    }

    .news_item_list a:hover {
        text-decoration: none;
    }

    .news_item_list .event_image {
        width: 100%;
        min-height: 200px;
        float: left;
        position: relative;
    }

    .news_item_list .news_info {
        float: right;
        width: 100%;
        position: relative;
        padding: 15px;
        min-height: 300px;
    }

    .news_item_list.width_100 .news_info {
        min-height: 300px !important;
    }


    .news_item_list .news_info h1 {
        font-size: 17px;
        margin: 0 0 10px 0;
        line-height: 23px;
        font-weight: 600;
    }

    .news_item_list .news_info h2 {
        font-size: 16px;
        margin: 0 0 10px 0;
        line-height: 21px;
        font-weight: 500;
    }


    .news_item_list .news_info h3 {
        font-size: 14px;
        margin: 0 0 10px 0;
        line-height: 21px;
        font-weight: 500;
        opacity: 0.5;
    }

    .news_item_list .news_info h5 {
        font-size: 13.5px;
        margin: 0 0 5px 0;
        line-height: 18px;
        font-weight: lighter;
        color: #5d5d5d;
    }

    .news_item_list .news_info h5 i {
        width: 12px;
        text-align: center;
        margin: 0 5px 0 0;
    }

    .news_item_list .stats_wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #ddd;
        padding: 5px 15px;
        height: 35px;
    }

    .news_item_list .stats_wrap ul li {
        display: inline-block;
    }

    .news_item_list .stats_wrap ul li.icons {
        min-width: 25px;
        float: right;
        text-align: center;
        margin-left: 10px;
    }

    .news_item_list .stats_wrap ul li p {
        color: #666A73;
        margin: 0;
        line-height: 27px;
        font-size: 11px;
    }

    .news_item_list .stats_wrap ul li p i {
        opacity: 0.6;
    }
}

/*---------- News Archive List ----------*/

.archive_filter_wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 25px;
    z-index: 1000;
    margin-top: 0px;
}

.archive_filter_head {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    padding: 15px 0;
    font-weight: 500;
}

.archive_list {
    padding: 0;
    margin: 0
}

.archive_list li {
    list-style-type: none;
    margin: 0 0 15px 0;
}

.archive_list li a {
    background-color: #fff;
    display: block;
    padding: 15px 20px;
    color: inherit;
    position: relative;
    border-radius: 50px;
    box-shadow: rgba(34, 34, 34, 0.15) 0 1px 1px;
}

.archive_list li a span {
    padding: 2px 5px;
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
}

.archive_list li a:hover,
.archive_list li a.active {
    text-decoration: none;
    background-color: @secondary;
    color: #fff;
    box-shadow: rgba(34, 34, 34, 0.25) 0 5px 5px;
}

.archive_list li a:hover>span {
    color: #fff;
}

.search_item_wrap h3 {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    padding: 15px 0;
    font-weight: 500;
}

.search_item_wrap .form-control {
    border-radius: 50px;
    height: 40px;
}

.mobile_filter_wrap {
    background: #fff;
}

.mobile_filter_wrap .mobile_filter {
    width: 26%;
    float: left;
}

.mobile_filter_wrap .mobile_filter button {
    background: #fff;
    border: none;
    display: block;
    padding: 10px 0px;
    font-size: 13px;
}

.mobile_filter_wrap .mobile_archive {
    width: 50%;
    float: right;
}

.mobile_filter_wrap .mobile_archive button {
    background: #fff;
    border: none;
    display: block;
    padding: 10px 0px;
    text-align: center;
    float: right;
    font-size: 13px;
}



.mobile_filter_wrap .mobile_job {
    width: 20%;
    float: right;
}

.mobile_filter_wrap .mobile_job.helpboard {
    width: 50%;
    float: left;
}

.mobile_filter_wrap .mobile_job button {
    background: #fff;
    border: none;
    display: block;
    padding: 10px 0px;
    text-align: center;
    float: right;
    font-size: 13px;
}

.mobile_filter_wrap .mobile_job.helpboard button {
    background: #fff;
    border: none;
    display: block;
    padding: 10px 0px;
    text-align: center;
    float: left;
    font-size: 13px;
}


/*------ Mobile Search Pop up ------*/

.mobile_search_bg {
    z-index: 10;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0px;
    /* background: rgba(46, 60, 84, 0.6);*/
    background: rgba(0, 0, 0, 0.65);
    display: none;
}

.mobile_search_wrap {
    background: rgba(255, 255, 255, 1);
    width: 90%;
    position: fixed;
    top: 40%;
    left: 5%;
    z-index: 10002;
    border-radius: 20px;
    display: none;
}

.mobile_search_wrap .form-control {
    border-radius: 50px;
    height: 40px;
    margin: 0;
}

.mobile_search_close {
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 10002;
    background: #fff;
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: none;
}

.mobile_search_close:hover {
    color: #fff;
    background: @secondary;
}


/*------ Mobile Archive List Pop up ------*/

.mobile_archive_bg {
    z-index: 10;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0px;
    background: rgba(0, 0, 0, 0.65);
    display: none;
}

.mobile_archive_wrap {
    background: rgba(255, 255, 255, 1);
    width: 90%;
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 10002;
    display: none;
}

.mobile_archive_close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10002;
    background: #fff;
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.mobile_archive_close:hover {
    color: #fff;
    background: @secondary;
}

.mobile_archive_filter_wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 0;
    z-index: 1000;
    margin-top: 0px;
}

.mobile_archive_filter_wrap h3 {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    padding: 5px 0;
    font-weight: 500;
    background: @primary;
    padding: 15px 20px;
    color: #fff;
}

.mobile_archive_list {
    padding: 0;
    margin: 0
}

.mobile_archive_list li {
    list-style-type: none;
    margin: 0 0 0 0;
    border-bottom: 1px dashed #ddd;
}

.mobile_archive_list li:last-child {
    border: none;
}

.mobile_archive_list li a {
    background-color: #fff;
    display: block;
    padding: 15px 20px;
    color: inherit;
    position: relative;
}

.mobile_archive_list li a span {
    padding: 2px 5px;
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
}

.mobile_archive_list li a:hover,
.mobile_archive_list li a.active {
    text-decoration: none;
    background-color: @secondary;
    color: #fff;
}

.mobile_archive_list li a:hover>span {
    color: #fff;
}






/*------ Mobile Job List Pop up ------*/

.mobile_job_bg {
    z-index: 10;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0px;
    background: rgba(0, 0, 0, 0.65);
    display: none;
}

.mobile_job_wrap {
    background: rgba(255, 255, 255, 1);
    width: 90%;
    position: absolute;
    top: 5%;
    left: 5%;
    z-index: 10002;
    display: none;
}

.mobile_job_close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10002;
    background: #fff;
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.mobile_job_close:hover {
    color: #fff;
    background: @secondary;
}

.mobile_job_wrap .mobile_job_filter_wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 0;
    z-index: 1000;
    margin-top: 0px;
    padding: 0;
}

.mobile_job_wrap .check_item_wrap {
    padding: 10px;
}

.mobile_job_wrap .mobile_job_filter_wrap h3 {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    padding: 5px 0;
    font-weight: 500;
    background: @primary;
    padding: 15px 20px;
    color: #fff;
}

.mobile_job_list {
    padding: 0;
    margin: 0
}

.mobile_job_list li {
    list-style-type: none;
    margin: 0 0 0 0;
    border-bottom: 1px dashed #ddd;
}

.mobile_job_list li:last-child {
    border: none;
}

.mobile_job_list li a {
    background-color: #fff;
    display: block;
    padding: 15px 20px;
    color: inherit;
    position: relative;
}

.mobile_job_list li a span {
    padding: 2px 5px;
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
}

.mobile_job_list li a:hover,
.mobile_job_list li a.active {
    text-decoration: none;
    background-color: @secondary;
    color: #fff;
}

.mobile_job_list li a:hover>span {
    color: #fff;
}



/*------ Page Title ------*/

.page_headers {
    height: 100px;
    margin: 0px -15px 0 0;
    background: 50% 50% no-repeat #232936;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    color: #fff;
}

.page_title {
    padding: 5px 0 0 0;
    margin: 20px 0 0 0;
    position: relative;

}

.page_title h2 {
    font-size: 1.4em;
    font-weight: 600;
    margin: 0 0 0px 0;
    line-height: 25px;
    color: #fff !important;
}

.page_title .breadcrumb {
    width: auto;
    margin: 0 auto;
    position: relative;
}

.page_title .breadcrumb>li {
    display: inline-block;
    text-align: left;
    float: none;
    font-size: 13px;
    color: #fff;
}

.page_title .breadcrumb>li+li::before {
    padding-right: .5rem;
    padding-left: .5rem;
    color: #fff;
    content: "/";
    font-size: 10px;
}

.page_title .breadcrumb>li>a {
    color: #fff !important;
}

.page_title .breadcrumb li a:hover {
    text-decoration: none;
    color: @secondary  !important;
}

.post_header_button {
    position: absolute;
    top: 20px;
    right: 0px;
}

.breadcrumb.breadcrumb-simple {
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.page_content {
    margin: 30px 0;
}

@media only screen and (max-width: 768px) {
    .page_headers {
        height: 100px;
        margin: 0px -15px 0 0;
        background: 50% 50% no-repeat #232936;
        background-size: cover;
        position: relative;
        background-attachment: fixed;
        color: #fff;
    }

    .page_title {
        padding: 25px 0 0 15px;
        margin: 0px 0 0 0;
        position: relative;
    }

    .page_title h2 {
        font-size: 1.4em;
        font-weight: 600;
        margin: 0 0 0px 0;
        line-height: 25px;
    }

    .page_title .breadcrumb {
        width: auto;
        margin: 0 auto;
        position: relative;
    }

    .page_title .breadcrumb>li {
        display: inline-block;
        text-align: left;
        float: none;
        font-size: 13px;
        color: #fff;
    }

    .page_title .breadcrumb>li+li::before {
        padding-right: .5rem;
        padding-left: .5rem;
        color: #fff;
        content: "/";
        font-size: 10px;
    }

    .page_title .breadcrumb>li>a {
        color: #fff;
    }

    .post_header_button {
        position: absolute;
        top: 40px;
        right: 0px;
    }

    .page_content {
        margin: 20px 0;
    }
}

/*
========================
    Background Images
========================
*/

.page_banner {
    background-repeat: no-repeat;
    background-position: 0% 0% / 100% auto;
    background-attachment: fixed;
}

@media only screen and (max-width: 768px) {
    .page_banner {
        background-repeat: no-repeat;
        background-position: 0% 0% / 200% 100%;
        background-attachment: fixed;
    }
}

/*
========================
    News Details
========================
*/

.newsdetails_page_headers {
    height: 190px;
    margin: 0px -15px 20px;
    background: 50% 50% no-repeat #232936;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    color: #fff;
}

.news_details_warp {
    width: 80%;
    margin: -110px auto 50px auto;
    z-index: 2000;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.news_details_warp .no_image_title {
    font-size: 22px;
    color: inherit;
    padding: 0;
    line-height: 25px;
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
}

.news_details_warp .new_image_wrap {
    position: relative;
}

.news_details_warp .new_image_wrap .news_img {
    width: 100%;
    height: 350px;
}

.news_details_warp .new_image_wrap h3 {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    color: #fff;
    margin: 0;
    padding: 15px 20px;
}

.news_details_warp .news_content {
    padding: 20px;
}

.news_details_warp .news_content .news_content_text {
    font-size: 16px;
    line-height: 25px;
}

.news_attachment_warp .news_title {
    margin: 10px 0;
    font-size: 18px;
    font-weight: 600;
}

.news_attachment_warp .image_wrap {
    float: left;
    width: 35%;
    position: relative;
}

.news_attachment_warp .image_wrap .image {
    width: 100%;
    background: #ccc;
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    height: 110px !important;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.news_attachment_warp .content {
    float: left;
    background: #fff;
    width: 65%;
    padding: 15px 15px 15px 15px;
    height: 110px;
    position: relative;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.news_attachment_warp .content h4 {
    font-size: 13px;
    margin: 0 0 3px 0;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 17px;
}

.news_attachment_warp .content p {
    font-size: 12px;
    opacity: 0.7;
    margin: 0;
    color: #5d5d5d;
}



.news_attachment_warp .image_wrap .fileimage {
    width: 100%;
    /* background: #ccc;*/
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    height: 110px !important;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}


@media only screen and (max-width: 768px) {
    .newsdetails_page_headers {
        height: 190px;
        margin: 0px -15px 20px;
        background: 50% 50% no-repeat #232936;
        background-size: cover;
        position: relative;
        background-attachment: fixed;
        color: #fff;
    }

    .news_details_warp {
        width: 95%;
        margin: -110px auto 50px auto;
        z-index: 2000;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    }

    .news_details_warp.feeds_info_warp {
        width: 95%;
        margin: -160px auto 50px auto;
        z-index: 2000;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    }


    .news_details_warp .no_image_title {
        font-size: 16px;
        color: inherit;
        padding: 0;
        line-height: 21px;
        margin: 0;
        padding: 10px 15px;
        border-bottom: 1px solid #ddd;
    }

    .news_details_warp .new_image_wrap {
        position: relative;
    }

    .news_details_warp .new_image_wrap .news_img {
        width: 100%;
        height: 180px;
    }

    .news_details_warp .new_image_wrap h3 {
        position: absolute;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.65);
        width: 100%;
        color: #fff;
        margin: 0;
        padding: 15px 20px;
    }

    .news_details_warp .news_content {
        padding: 10px;
    }

    .news_details_warp .news_content .news_content_text {
        font-size: 14px;
        line-height: 25px;
    }
}

/*
========================
    pagination
========================
*/


.blog-single-pagination {
    margin: 12px 0 10px;
    text-align: center;
}

.flat-pagination li {
    display: inline-block;
    margin-right: 5px;
}

.flat-pagination li a {
    line-height: 20px;
    background-color: #fff;
    padding: 0 15px;
    display: block;
    line-height: 41px;
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    box-shadow: rgba(34, 34, 34, 0.15) 0 1px 1px;
}

.flat-pagination li a i {
    font-size: 1.23em;
    line-height: 38px;
    text-align: center;
}

.flat-pagination li a:hover,
.flat-pagination li a.active {
    background-color: @secondary;
    color: #ffffff;
    box-shadow: rgba(34, 34, 34, 0.25) 0 5px 5px;
}

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

.dividers-pagination {
    height: 40px;
}



/***********************************************************************************
 *  -  NEWS SEARCH
 ***********************************************************************************/


#newssearch-form {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#newssearch-form-container {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 0 20px 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.65);
    /*background: -webkit-linear-gradient(#209fe8, #117dc2, #209fe8);
    background: linear-gradient(#209fe8, #117dc2, #209fe8);*/
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

#newssearch-form-container.open-search-form {
    z-index: 9999;
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
}

#newssearch-form {}

#newssearch-form #newssearch {
    display: inline-block;
    width: 50%;
    height: 50px;
    padding: 10px 45px 10px 20px;
    margin: 0 auto;
    border-color: #fff;
    background-color: #fff;
}

#search-submit {
    display: inline-block;
    border: none;
    padding: 8px;
    margin-left: -40px;
    margin-bottom: 0;
    vertical-align: middle;
    background: url(../images/search.png) no-repeat center center;
}

#newssearch-form #s:focus {
    border-color: #c1c1c1;
}

#newssearch-form-container a.search-form-close {
    position: absolute;
    top: 50px;
    right: 50px;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#newssearch-form-container a.search-form-close:hover {
    border-color: #fff;
    background-color: #fff;
    color: #117dc2;
}

.search_result_title {
    font-size: 16px;
    text-align: left;
    margin: 5px auto 25px auto;
    color: #919fa9;
}

.search_result_title a {
    float: right;
    font-size: 14px;
    line-height: 23px;
}


/*
========================
    Helpboard List
========================
*/

.helpboard_filter_wrap {
    background: #fff;
}

.helpboard_filter_wrap .helpboard_filter {}



/*---------- job filter ----------*/

.new_job_filter_wrap {
    width: 100%;
    overflow: auto;
    margin-bottom: 25px;
    z-index: 1000;
    margin-top: 0px;
}

.new_job_filter_head {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    padding: 15px 0;
    font-weight: 500;
}

.new_job_list {
    padding: 0;
    margin: 0
}

.new_job_list li {
    list-style-type: none;
    margin: 0 0 15px 0;
}

.new_job_list li a {
    background-color: #fff;
    display: block;
    padding: 15px 20px;
    color: inherit;
    position: relative;
    border-radius: 50px;
    box-shadow: rgba(34, 34, 34, 0.15) 0 1px 1px;
}

.new_job_list li a span {
    padding: 2px 5px;
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 10px;
}

.new_job_list li a:hover,
.new_job_list li a.active {
    text-decoration: none;
    background-color: @secondary;
    color: #fff;
    box-shadow: rgba(34, 34, 34, 0.25) 0 5px 5px;
}

.new_job_list li a:hover>span {
    color: #fff;
}


/*  -------------- Custom Checkbox Design  ---------------*/

.check_item_wrap h3 {
    font-size: 15px;
    font-weight: normal;
}


/*
========================
    Newsletter List
========================
*/

.newsletter_item_wrap {
    widows: 100%;
    height: 520px;
    background: #fff;
    box-shadow: rgba(34, 34, 34, 0.15) 0 5px 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    margin: 0 0 30px 0;
}

.newsletter_item_wrap:hover {
    box-shadow: rgba(34, 34, 34, 0.5) 0 10px 5px;
}

.newsletter_item_wrap .newsletter_bg {
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    /*
    background: rgba(255, 255, 255, 0.7);
    background: linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: 5px;
}

.newsletter_item_wrap .content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background: linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
}

.newsletter_item_wrap .content h2 {
    font-size: 2em;
    line-height: 35px;
    color: #fff;
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 30px;
    margin: 0;
    width: 100%;
    font-weight: 600;
}

.newsletter_item_wrap .content p {
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 30px;
    margin: 0;
    width: 100%;
}

.home_news_letter .newsletter_item_wrap {
    widows: 100%;
    height: 370px;
    background: #fff;
    box-shadow: rgba(34, 34, 34, 0.15) 0 5px 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    margin: 0 0 30px 0;
}

.home_news_letter .newsletter_item_wrap .content h2 {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 0;
    padding: 30px;
    margin: 0;
    width: 100%;
    font-weight: 600;
}

.home_news_letter .newsletter_item_wrap .content p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 30px;
    margin: 0;
    width: 100%;
}

@media (max-width: 768px) {

    .newsletter_item_wrap {
        widows: 100%;
        height: 300px;
        background: #fff;
        box-shadow: rgba(34, 34, 34, 0.15) 0 5px 5px;
        border-radius: 5px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        position: relative;
        margin: 0 0 30px 0;
    }

    .newsletter_item_wrap:hover {
        box-shadow: rgba(34, 34, 34, 0.5) 0 10px 5px;
    }

    .newsletter_item_wrap .newsletter_bg {
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        /*
    background: rgba(255, 255, 255, 0.7);
    background: linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);*/
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        border-radius: 5px;
    }

    .newsletter_item_wrap .content {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        background: linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7), transparent 90%);
        width: 100%;
        height: 100%;
        padding: 20px;
        border-radius: 5px;
        cursor: pointer;
    }

    .newsletter_item_wrap .content h2 {
        font-size: 18px;
        line-height: 25px;
        color: #fff;
        position: absolute;
        bottom: 40px;
        left: 0;
        padding: 30px;
        margin: 0;
        width: 100%;
        font-weight: 600;
    }

    .newsletter_item_wrap .content p {
        font-size: 16px;
        line-height: 25px;
        color: #fff;
        position: absolute;
        bottom: 0px;
        left: 0;
        padding: 30px;
        margin: 0;
        width: 100%;
    }

    .home_news_letter .newsletter_item_wrap {
        widows: 100%;
        height: 370px;
        background: #fff;
        box-shadow: rgba(34, 34, 34, 0.15) 0 5px 5px;
        border-radius: 5px;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        position: relative;
        margin: 0 0 30px 0;
    }

    .home_news_letter .newsletter_item_wrap .content h2 {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
        position: absolute;
        bottom: 40px;
        left: 0;
        padding: 30px;
        margin: 0;
        width: 100%;
        font-weight: 600;
    }

    .home_news_letter .newsletter_item_wrap .content p {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        position: absolute;
        bottom: 0px;
        left: 0;
        padding: 30px;
        margin: 0;
        width: 100%;
    }
}



/*
========================
    Newsletter Details
========================
*/

.newsletterdetails_page_headers {
    height: 190px;
    margin: 0px -15px 20px;
    background: 50% 50% no-repeat #232936;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    color: #fff;
}

.newsletter_details_warp {
    width: 80%;
    margin: -110px auto 50px auto;
    z-index: 2000;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.newsletter_details_warp .no_image_title {
    font-size: 22px;
    color: inherit;
    padding: 0;
    line-height: 25px;
    margin: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
}

.newsletter_details_warp .new_image_wrap {
    position: relative;
}

.newsletter_details_warp .new_image_wrap .news_img {
    width: 100%;
    height: 350px;
}

.newsletter_details_warp .new_image_wrap h3 {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    color: #fff;
    margin: 0;
    padding: 15px 20px;
}

.newsletter_details_warp .news_content {
    padding: 20px;
}

.newsletter_details_warp .news_content .news_content_text {
    font-size: 16px;
    line-height: 25px;
}

.news_attachment_warp .news_title {
    margin: 10px 0;
    font-size: 18px;
    font-weight: 600;
}

.news_attachment_warp .image_wrap {
    float: left;
    width: 35%;
    position: relative;
}

.news_attachment_warp .image_wrap .image {
    width: 100%;
    background: #ccc;
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    height: 110px !important;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.news_attachment_warp .content {
    float: left;
    background: #fff;
    width: 65%;
    padding: 15px 15px 15px 15px;
    height: 110px;
    position: relative;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.news_attachment_warp .content h4 {
    font-size: 13px;
    margin: 0 0 3px 0;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 17px;
}

.news_attachment_warp .content p {
    font-size: 12px;
    opacity: 0.7;
    margin: 0;
    color: #5d5d5d;
}



.news_attachment_warp .image_wrap .fileimage {
    width: 100%;
    /* background: #ccc;*/
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    height: 110px !important;
    overflow: hidden;
    border-radius: 3px 0 0 3px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}


@media only screen and (max-width: 768px) {
    .newsletterdetails_page_headers {
        height: 190px;
        margin: 0px -15px 20px;
        background: 50% 50% no-repeat #232936;
        background-size: cover;
        position: relative;
        background-attachment: fixed;
        color: #fff;
    }

    .newsletter_details_warp {
        width: 95%;
        margin: -110px auto 50px auto;
        z-index: 2000;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    }

    .newsletter_details_warp .no_image_title {
        font-size: 16px;
        color: inherit;
        padding: 0;
        line-height: 21px;
        margin: 0;
        padding: 10px 15px;
        border-bottom: 1px solid #ddd;
    }

    .newsletter_details_warp .new_image_wrap {
        position: relative;
    }

    .newsletter_details_warp .new_image_wrap .news_img {
        width: 100%;
        height: 180px;
    }

    .newsletter_details_warp .new_image_wrap h3 {
        position: absolute;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.65);
        width: 100%;
        color: #fff;
        margin: 0;
        padding: 15px 20px;
    }

    .newsletter_details_warp .news_content {
        padding: 10px;
    }

    .newsletter_details_warp .news_content .news_content_text {
        font-size: 14px;
        line-height: 25px;
    }
}



/*-------------------------------------------
        Alumni Talk New
---------------------------------------------*/

.alumni_talk_item {
    background-color: #ffffff;
    padding: 15PX;
}

.alumni_talk_item h1 {
    font-size: 19px;
    margin: 0 0 10px 0;
    line-height: 27px;
    font-weight: 600;
}

.alumni_talk_item h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
    line-height: 25px;
    font-weight: 500;
}

.alumni_talk_item h3 {
    font-size: 14px;
    margin: 0 0 10px 0;
    line-height: 21px;
    font-weight: 500;
    opacity: 0.5;
}

.alumni_talk_item h3 {
    font-size: 14px;
    margin: 0 0 10px 0;
    line-height: 21px;
    font-weight: 500;
    opacity: 0.5;
}



.alumni_talk_item .talk_users {
    margin: 10px 0 0 0;
}

.alumni_talk_item .talk_users .alumni_img {
    width: 60px;
    float: left;
}

.alumni_talk_item .talk_users .alumni_img img {
    width: 50px;
}

.alumni_talk_item .talk_users .alumni_det {
    width: 75%;
    float: left;
}

.alumni_talk_item .talk_users .alumni_det h3 {
    font-size: 14px;
    line-height: 16px;
    color: #369;
    margin: 5px 0 2px 0;
    font-weight: bold;
}

.alumni_talk_item .talk_users .alumni_det p {
    margin: 0;
    font-size: 13px;
}

.alumni_talk_item .talk_users .alumni_det p.work i {
    width: 11px;
    text-align: center;
    margin-right: 3px;
    color: #999;
}

.alumni_talk_item .talk_users .alumni_det p.work span {
    color: #5d5d5d;
}

.alumni_talk_item.details {
    margin-bottom: 30px;
}

/*=======================
    Pop Up Style
=========================*/

.pop_bg_wrap {
    margin: 0px auto;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
}

.pop_bg_wrap .pop_up_body {
    background: #fff;
    width: 55%;
    position: relative;
    top: 5%;
    left: 22%;
    box-shadow: 0 5px 30px #000;
}

.pop_bg_wrap .pop_up_body .close_popup {
    position: absolute;
    top: -20px;
    right: -20px;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
}

.pop_bg_wrap .pop_up_body .close_popup a {
    display: block;
    font-size: 1.9em;
    line-height: 1.4em;
    color: #fff;
    margin-top: 1px;
}

.pop_bg_wrap .home_popup_video {
    padding: 1px;
}

.pop_bg_wrap .home_popup_video img.sch {
    width: 40%;
    float: left;
}

.pop_bg_wrap .home_popup_video .sch_content {
    float: left;
    width: 100%;
    padding: 15px;
}


.pop_bg_wrap .home_popup_video .sch_content p {
    text-align: center;
}

.pop_bg_wrap .home_popup_video .sch_content p img {
    width: 200px;
}

.pop_bg_wrap .home_popup_video .sch_content h1 {
    font-size: 1.9em;
    text-align: center;
    line-height: 32px;
    font-weight: bold;
    margin: 15px auto 10px auto;
    width: 85%;
}

.pop_bg_wrap .home_popup_video .sch_content h3 {
    font-size: 17px;
    text-align: center;
    margin: 0 0 15px 0;
    font-weight: bold;
}

.pop_bg_wrap .home_popup_video .sch_content h5 {
    font-size: 15px;
    line-height: 23px;
    margin: 10px 0 10px 10px;
}

.pop_bg_wrap .home_popup_video .sch_content h6 {
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
}

.pop_bg_wrap .home_popup_video .sch_content h5 i {
    color: #656D78;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop_bg_wrap .home_pop_content {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px 10px 10px;
    background: rgba(255, 255, 255, 0.8);
}

.pop_bg_wrap .home_pop_content .popup_links {
    padding-bottom: 10px;
}

.pop_up_body .donate_now {
    position: relative;
    width: 100%;
    background: transparent;
    padding: 15px 10px;
}

.pop_up_body .donate_now h2 {
    font-size: 16px;
    text-align: left;
}

.pop_up_body .donate_now p {
    float: left;
    margin: 20px 0 20px 0;
}

.pop_up_body .donate_now a {
    text-align: center;
    margin: 0;
    background: @secondary;
    padding: 15px 25px;
    margin-top: 0px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-transform: none;
    border-radius: 2px;
}

.pop_up_body .donate_now a:hover {
    background: @secondary-hover;
}

@media (min-width: 768px) and (max-width: 1280px) {
    .pop_bg_wrap .pop_up_body {
        background: #fff;
        border-radius: 3px;
        width: 80%;
        position: absolute;
        top: 5%;
        left: 8%;
        box-shadow: 0 5px 30px #000;
    }

    .pop_up_body .donate_now {
        position: relative;
        width: 100%;
        background: transparent;
        padding: 10px 0px 5px 0;
        border-radius: 0 0 3px 3px;
    }

    .pop_bg_wrap .home_popup_video img.sch {
        width: 50%;
        float: left;
    }

    .pop_bg_wrap .home_popup_video .sch_content {
        float: left;
        width: 50%;
        padding: 15px;
    }

    .pop_bg_wrap .home_popup_video .sch_content p {
        text-align: center;
    }

    .pop_bg_wrap .home_popup_video .sch_content p img {
        width: 150px;
    }

    .pop_bg_wrap .home_popup_video .sch_content h1 {
        font-size: 1.5em;
        text-align: center;
        line-height: 25px;
        font-weight: bold;
        margin: 15px auto 10px auto;
        width: 85%;
    }

    .pop_bg_wrap .home_popup_video .sch_content h3 {
        font-size: 15px;
        text-align: center;
        margin: 0 0 5px 0;
        font-weight: bold;
    }

    .pop_bg_wrap .home_popup_video .sch_content h5 {
        font-size: 15px;
        line-height: 28px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .pop_bg_wrap .home_popup_video .sch_content h6 {
        font-size: 13px;
        line-height: 18px;
        margin-left: 10px;
    }

    .pop_bg_wrap .home_popup_video .sch_content h5 i {
        color: #656D78;
    }

    .btn2 {
        display: none !important;
    }
}

@media (max-width: 468px) {
    .pop_bg_wrap .pop_up_body {
        background: #fff;
        border-radius: 3px;
        width: 85%;
        position: absolute;
        top: 5%;
        left: 7.5%;
        box-shadow: 0 5px 30px #000;
    }

    .pop_bg_wrap .home_popup_video {
        padding: 5px;
    }

    .pop_bg_wrap .home_popup_video img.sch {
        width: 100%;
        margin-bottom: 20px;
    }

    .pop_bg_wrap .home_popup_video .sch_content {
        float: none;
        width: 100%;
        padding: 5px;
    }

    .sch_content {
        width: 100%;
        display: block;
    }

    .pop_bg_wrap .pop_up_body .close_popup {
        position: absolute;
        top: -15px;
        right: -15px;
        background: rgba(0, 0, 0, 0.5);
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 50%;
    }

    .pop_bg_wrap .pop_up_body .close_popup a {
        display: block;
        font-size: 1.2em;
        line-height: 1.6em;
        color: #fff;
    }

    .pop_bg_wrap .home_pop_content {
        position: relative;
        padding: 0 10px 10px 10px;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 0 0 5px 5px;
    }

    .pop_up_body .donate_now {
        position: relative;
        width: 100%;
        background: transparent;
        padding: 0px 0px 5px 15px;
        border-radius: 0 0 3px 3px;
    }

    .popup_content h2 {
        font-size: 18px;
        line-height: 20px;
    }

    .pop_up_body .donate_now p {
        float: none;
        text-align: center;
        margin: 5px 0 15px 0;
    }

    .pop_up_body .donate_now a {
        text-align: center;
        margin: 0;
        background: @secondary;
        padding: 10px 15px;
        margin-top: 15px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        border-radius: 2px;
    }
}

#owl-demo .item {
    background: #42bdc2;
    padding: 30px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.popup_bg {
    margin: 0px auto;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.7);
}

.pop_bg_wrap .owl-next,
.pop_bg_wrap .owl-prev {
    color: white;
}


.popup_content {
    padding: 15px;
}


.popup_content h2 {
    font-size: 22px;
    line-height: 25px;
}


.popup_content p {
    margin: 0;
}


.feed_items .user {
    bottom: 10px;
    left: 10px;
}

.feed_items .user img {
    width: 70px;
    float: left;
}

.feed_items .user .info {
    float: left;
    margin-left: 10px;
}

.feed_items .user .info h5 {
    margin: 3px 0 5px 0;
    font-size: 14px;
    font-weight: 500;
    color: #5d5d5d;
}

.feed_items .user .info p {
    font-size: 12px;
    margin: 0 0 3px 0;
}

.post_details .news_date a {
    color: #5d5d5d;
}

.post_details .news_date a:hover {
    text-decoration: none;
}

.share_post {
    padding: 10px 15px;
}

@media (max-width: 767px) {
    .feed_items .user .info {
        float: none;
        margin-left: 45px;
    }

    .feed_items .user .info h5 {
        margin: 0px 0 5px 35px;
        font-size: 12px;
        font-weight: 500;
        color: #5d5d5d;
        line-height: 19px;
    }

    .feed_items .user .info p {
        font-size: 12px;
        margin: 0 0 5px 35px;
        line-height: 13px;
    }

    .news_date.pull-left {
        margin: 10px 10px 5px 0px;
        font-size: 13px;
    }

    .post_details .pull-right {
        float: left !important;
        margin-left: 0px;
    }


}


/*------------------------------
        Home Banner
-------------------------------*/

.home_banner_wrap {
    position: relative;
}

.home_banner_wrap .banner_img {
    width: 100%;
    height: 430px;
}

@media (max-width: 767px) {

    .home_banner_wrap {
        position: relative;
    }

    .home_banner_wrap .banner_img {
        width: 100%;
        height: 165px;
    }
}


/*-----------------------------
        Feeds Details
-------------------------------*/

.profile-post.post_indi_item,
.box-typical {
    /*box-shadow: rgba(34, 34, 34, 0.15) 0 5px 15px;
    margin-bottom: 25px;*/
    box-shadow: rgba(34, 34, 34, 0.15) 0 1px 1px;
}

/*-- Post Wrap section ---*/

.post_indi_item {
    background: #fff;
    position: relative;
    border-radius: 5px;
}

/*-- Post header section ---*/

.post_indi_item .p_header {
    position: relative;
    padding: 15px;
    background: #fff;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #ddd;
}

.post_indi_item .p_header .user_pic {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    /* position: absolute;
    left: -37px;
    top: 15px;*/
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.02);
    background: #000;
}

.post_indi_item .p_header .feed_icon {
    width: 30px !important;
    position: absolute;
    right: 10px;
    border: none;
    top: 32px;
    background: transparent;
}

.post_indi_item .p_header .feed_alumni_icon {
    width: 30px !important;
    position: absolute;
    right: 10px;
    border: none;
    top: 32px;
    background: transparent;
}

.post_indi_item .p_header .feed_icon img {
    width: 100%;
}

.post_indi_item .p_header .feed_alumni_icon img {
    width: 100%;
}

.post_indi_item .p_header .post_community_name {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 0 0 5px 0;
}

.post_indi_item .p_header .post_community_name span.community {
    font-weight: 400;
    margin-left: 0px;
}

.post_indi_item .p_header .post_community_name span.community a {
    color: #6c7a86;
    font-weight: 500;
}

.post_indi_item .p_header .post_community_name span.community a:hover {
    color: #00A8FF;
}

.post_indi_item .p_header .post_community_name span.connector {
    font-weight: 400;
    margin-left: 0px;
    margin-right: 0;
    color: rgba(2, 2, 2, 0.5);
}

.post_indi_item .p_header .post_community_name span i {
    font-size: 12px;
    opacity: 0.5;
}

.post_indi_item .p_header .post_user_degree {
    font-size: 0.95em;
    margin: 5px 0;
    color: #6c7a86;
}

.post_indi_item .p_header .post_user_degree .time {
    padding-left: 8px;
    position: relative;
    font-size: 0.95em;
    margin-left: 5px;
}

.post_indi_item .p_header .post_user_degree .time:before {
    content: "";
    width: 5px;
    border-radius: 50px;
    height: 5px;
    background: #6c7a86;
    opacity: 0.7;
    font-size: 10px;
    position: absolute;
    top: 7px;
    left: -3px;
}



/*-- Post Body section ---*/

.post_indi_item .p_content {
    padding: 15px;
}

.post_indi_item .p_content h3 {
    font-size: 15px;
    margin: 0 0 10px 0;
    line-height: 23px;
    font-weight: 500;
}

.post_indi_item .p_content p {
    font-size: 14px;
    margin: 0 0 10px 0;
    line-height: 23px;
}


/*-- Post Footer section ---*/

.post_indi_item .p_footer {
    background: #ccc;
}

.post_indi_item .p_footer .like_list {
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.post_indi_item .p_footer .like_list .left {
    padding: 15px;
    width: 50%;
    float: left;
}

.post_indi_item .p_footer .like_list .right {
    width: 50%;
    float: left;
}

.post_indi_item .p_footer .like_list .right button {
    border: none;
    box-shadow: none;
    background: transparent;
    color: #6c7a86;
    float: right;
    padding: 15px 15px 15px 0;
}

.post_indi_item .p_footer .like_list .right button span {
    font-weight: 600;
    color: #343434;
}

.post_indi_item .p_footer .like_list .right ul li {
    display: inline-block;
    margin: 5px 5px;
}

.post_indi_item .p_footer .like_list .right ul li a img {
    width: 40px;
    border-radius: 50px;
}


.feeds_image_wrap {
    position: relative;
    padding: 15px;
}

.feeds_image_wrap .news_img {
    width: 100%;
    height: 100px;
}


/*-- share ---*/

/*------ Viewed Users Pop up -------*/

.share_popup_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1049;
    background-color: #fff;
    display: block;
}

.share_popup_item_wrap {
    z-index: 1050;
    background: #fff;
    width: 15%;
    min-height: 100px;
    max-height: 150px;
    margin-top: 25px auto;
    position: fixed;
    top: 0%;
    left: 42%;
    border-radius: 5px;
    display: block;
    text-align: center;
}

.share_popup_item_wrap h2 {
    font-size: 16px;
    background: #f6f6f6;
    font-weight: 500;
    text-align: center;
    border-radius: 5px 5px 0 0;
    margin: 0;
    color: #66757f;
}

.closePopupShared {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 35px;
    height: 35px;
    background: transparent;
    font-size: 1.3em;
    line-height: 0;
    display: inline-block;
    border: none;
    color: #66757f;
    border-radius: 50%;
    opacity: 0.5;
}

.closePopupShared:hover {
    opacity: 0.7;
}

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

    /*------ Liked Users Pop up -------*/
    .share_popup_item_wrap {
        z-index: 1050;
        background: #fff;
        width: 100%;
        min-height: 100px;
        max-height: 150px;
        margin-top: 25px auto;
        position: fixed;
        top: 0%;
        left: 0%;
        border-radius: 5px;
        display: block;
    }

    .share_popup_item_wrap h2 {
        font-size: 14px;
        font-weight: 500;
        background: #f6f6f6;
        padding: 5px;
        text-align: center;
        border-radius: 5px 5px 0 0;
    }
}

/*--- Load More ----*/

.loadbutton {
    text-align: center;
}

.loadbutton .btn-success {
    text-transform: unset !important;
}


/*-----------------------------
        Birth Day list
------------------------------*/


.friends-list.stripped {
    padding: 0
}

.friends-list.stripped .friends-list-item {
    padding-top: 10px;
    padding-bottom: 10px
}

.friends-list.stripped .friends-list-item:nth-child(odd) {
    background-color: #fbfcfd
}


.friends-list.stripped .friends-list-item:nth-child(2n+1) {

    background-color: #fbfcfd;
}

.friends-list.stripped .friends-list-item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.friends-list .friends-list-item {
    padding: 0 15px 12px;
    padding-top: 0px;
    padding-bottom: 12px;
}

.user-card-row {
    display: table;
    width: 100%;
    border-collapse: collapse;
    font-size: 1.4rem
}

.user-card-row p {
    margin: 0
}

.user-card-row p.degree {
    font-weight: normal;
    font-size: 13px;
}

.user-card-row a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    color: #484848 !important;
    font-size: 16px;
}

.user-card-row a:hover {
    text-decoration: none;
    color: #7e1746 !important;

}

.user-card-row .tbl-cell.tbl-cell-photo {
    width: 70px;
    padding-right: 10px
}

.user-card-row .tbl-cell.tbl-cell-photo img {
    display: block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.tbl-cell {
    display: table-cell;
}

.tbl-cell {
    vertical-align: middle;
}

.see-all {
    padding: 12px 15px;
    font-size: 1.4rem;
}


.box-typical {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #d8e2e7;
    border: 0px;
    margin: 0 0 20px;
}

.box-typical .box-typical-header-sm {
    padding: 12px 15px;
    font-weight: 600;
    position: relative;
    color: #484848;
    font-size: 18px;
}


/*------------------------------
        Birthday Details Page
--------------------------------*/


/*----- Directory Grid Style -----*/

.directory_list {
    padding: 0;
}

.directory_list .profile {
    list-style-type: none;
    width: 23%;
    /*width: 18%;*/
    background: #fff;
    border-radius: 5px;
    float: left;
    margin: 0 15px 15px 0;
    position: relative;
    box-shadow: 0px 2px 3px 0px rgba(4, 4, 4, 0.1);
}

.directory_list.birthday .profile {
    list-style-type: none;
    width: 18%;
    /*width: 18%;*/
    background: #fff;
    border-radius: 5px;
    float: left;
    margin: 0 15px 15px 0;
    position: relative;
    box-shadow: 0px 2px 3px 0px rgba(4, 4, 4, 0.1);
}

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

    .directory_list.birthday .profile {
        list-style-type: none;
        width: 45%;
        /*width: 18%;*/
        background: #fff;
        border-radius: 5px;
        float: left;
        margin: 0 15px 15px 0;
        position: relative;
        box-shadow: 0px 2px 3px 0px rgba(4, 4, 4, 0.1);
    }


}

.directory_list .profile a {
    color: inherit;
}

.directory_list .profile a:hover {
    color: inherit;
    text-decoration: none;
}

.directory_list .profile:hover {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
}

.directory_list .profile:hover>a>div>.profile_body {
    border-color: #fff;
}

.pro_status {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50%;
}

.college_name {
    position: absolute;
    bottom: 5px;
    left: 10px;
    border-radius: 50%;
    color: #fff;
    z-index: 999;
    font-size: 13px;
    line-height: 18px;
    width: 75%;
}

.pro_status p,
.app_status p {
    margin: 0px;
}

.pro_status p .fa-check-circle {
    font-size: 1.7em;
    color: #f96b08;
}

.pro_status p .icon-file-excel {
    font-size: 1.7em;
    color: #217647;
    opacity: 0.9;
}

.pro_status p .fa-exclamation-circle {
    font-size: 1.7em;
    color: #F3565D;
    opacity: 0.7;
}

.app_status {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.app_status p .fa-android {
    font-size: 1.7em;
    color: #a4c639;
}

.app_status p .fa-apple {
    font-size: 1.7em;
    color: #25afdd;
}

.directory_list .profile .image {
    border-radius: 5px 5px 0 0;
    position: relative;
    width: 100%;
    height: 180px;
}

.directory_list .profile .image img {
    border-radius: 5px 5px 0 0;
    width: 100%;
    position: relative;
}

.directory_list .profile .college {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}

.directory_list .profile .pyear {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    font-size: 21px;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    z-index: 2;
}

.directory_list .profile .bg {
    height: 4rem;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(transparent, 60%, rgba(0, 0, 0, .5));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent 90%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent 90%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent 90%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.directory_list .profile_body {
    position: relative;
    padding: 5px 7px 7px 7px;
    /* min-height: 130px;*/
    min-height: 165px;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.directory_list .profile_body .name {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #0D3354;
    text-transform: capitalize;
}

.directory_list .profile_body .degree {
    color: #3D9AE4;
    font-size: 13px;
}

.directory_list .profile_body p {
    margin: 2px 0 3px 0;
    line-height: 16px;
}

.directory_list .profile_body p a {
    font-size: 13px;
    color: #0C5180;
}

.directory_list .profile_body p a:hover {}

.directory_list .profile_body .company {
    color: #4d4d4d;
    font-size: 12px;
    line-height: 18px;
}

.directory_list .profile_body .location {
    font-size: 13px;
    color: #66757f;
}

.directory_list .profile_body .location i {
    font-size: 90%;
}

.loadmore_wrap {
    margin: 15px 0;
    text-align: center;
    padding: 5px 0;
}

.loadmore {
    margin: 50px auto;
    text-align: center;
    display: none;
}

.category_tabs {
    min-height: 320px;
}


/*------ Award List List --------*/

.awards_item_wrap {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    margin: 10px 0 10px 0;
}

.awards_item_wrap:hover {
    box-shadow: 0px 3px 5px 0px rgba(4, 4, 4, 0.2);
    text-decoration: none;
}

.awards_item_wrap .event_image_box {
    position: relative;
    min-height: 150px;
}

.event_list_image {
    height: 150px;
    border-radius: 5px;
}

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

.awards_item_wrap a:hover {
    color: inherit;
}

.awards_item_wrap .event_image_box img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.event_list_details {
    padding: 10px;
    min-height: 200px;
}

.awards_item_wrap .event_date_details {
    position: absolute;
    top: 25px;
    left: 30px;
    z-index: 2;
    width: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
}

.awards_item_wrap .event_date_details h1 {
    margin: 0;
    font-size: 1.4em;
    color: #fff;
    background: rgba(141, 199, 64, 0.95);
    display: block;
    overflow: hidden;
    font-weight: bold;
    padding: 7px 0 5px 0;
    border-radius: 3px 3px 0 0;
    line-height: 20px;
}

.awards_item_wrap .event_date_details h4 {
    margin: 0;
    font-size: 1.1em;
    color: #fff;
    background: rgba(141, 199, 64, 0.95);
    padding: 0 0 5px 0;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 15px;
}

.awards_item_wrap .event_date_details h6 {
    margin: 0;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.8);
    color: #484848;
    line-height: 18px;
    padding: 10px 0 6px 0;
    border-radius: 0 0 3px 3px;
}

.awards_item_wrap .event_date_details p {
    margin: 0;
    font-size: 0.9em;
    background: rgba(255, 255, 255, 0.8);
    color: #484848;
    padding: 0px 0 5px 0;
    border-radius: 0 0 3px 3px;
    line-height: 18px;
}

.awards_item_wrap .expired {
    position: absolute;
    top: 20px;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 15px;
    border-radius: 3px 0 0 3px;
}

.awards_item_wrap .expired p {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    color: #fff;
}


@media (max-width: 768px) {
    .no_event {
        padding: 10px;
        border: 2px dashed #ddd;
        margin: 40px auto;
        width: 80%;
        text-align: center;
    }
}

.awards_list_wrap {
    margin: 30px auto;
}

.awards_list_wrap .title {
    font-size: 18px;
    margin: 0;
}

.awards_list_item {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    margin: 10px 0 20px 0;
    padding: 15px;
    min-height: 195px;
}

.awards_list_item h2 {
    font-size: 18px;
    min-height: 75px;
    line-height: 28px;
}

.awards_list_item h3 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.awards_list_item p {
    text-align: center;
    margin: 0;
}

.awards_nominate_wrap {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    margin: 0 0 50px;
    min-height: 650px;
}

.awards_nominate_wrap .header {
    padding: 20px;
    border-bottom: 2px solid #ddd;
    position: relative;
}

.awards_nominate_wrap .header h2 {
    font-size: 24px;
    margin: 0 0 15px 0;
}

.awards_nominate_wrap .header h4 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
}

.awards_nominate_wrap .header p {
    position: absolute;
    right: 15px;
    top: 15px;
}


.awards_nominate_wrap .body_wrap {
    padding: 20px;
}

.awards_nominate_wrap .body_wrap .title {
    font-size: 17px;
}

.awards_nominate_wrap .body_wrap .content {
    margin: 0px 0 10px 0;
    font-size: 16px;
}


/*------ Video Gallery --------*/

.video_gallery_list {
    background: #fff;
    padding: 15px;
    display: block;
    border-radius: 5px;
    margin: 0 0 30px 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    position: relative;
    min-height: 180px;
}

.video_gallery_list:hover {
    text-decoration: none;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.15);
}

.video_gallery_list .icon {
    float: left;
    width: 20%;
}

.video_gallery_list .content {
    float: left;
    width: 80%;
    padding: 0 0 0 15px;
}

.video_gallery_list h1 {
    font-size: 17px;
    margin: 0 0 10px 0;
    line-height: 23px;
    width: 85%;
    font-weight: 600;
}

.video_gallery_list p {
    font-size: 14px;
    margin: 0 0 5px 0;
    color: #5d5d5d;
}


.video_gallery_list:hover>p {
    color: #5d5d5d;
}

.video_gallery_list h6 {
    font-size: 14px;
    margin: 0 0 5px 0;
    color: #5d5d5d;
    font-weight: normal;
}

.video_gallery_list h4 {
    float: left;
}

.video_gallery_list h4 i {
    font-size: 4em;
    color: #ddd;
}

.play_video h1 {
    font-size: 18px;
    margin: 0 0 10px 0;
    line-height: 25px;
}

.play_video iframe {
    width: 100%;
    height: 520px;
    margin: 10px auto;
}



@media (max-width: 767px) {
    .play_video iframe {
        width: 100%;
        height: 280px;
        margin: 10px auto;
    }

}