/***********  NEW TALAWA style ============= *****/


/* SITE COlORS

   main yellow             : #FDC82F

   black                   : #000000
   light black             : #343434
   gret                    : 7f7b7c

   grey                    : #E5E5E5
   light grey text         : #646666

   border in white box     : #F0F2F2
   border in black box     : #3a3a3a

   red                     : #e73737
   red light               : #F53E38

   white                   : #fff

*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
    font-family: 'Newzald';
    src: url('/themes/Standard/css/fonts/Newzald/Newzald-Black.eot');
    src: url('/themes/Standard/css/fonts/Newzald/Newzald-Black.eot?#iefix') format('embedded-opentype'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Black.woff2') format('woff2'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Black.woff') format('woff'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Black.ttf') format('truetype'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Black.svg#Newzald-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('/themes/Standard/css/fonts/Newzald/Newzald-Medium.eot');
    src: url('/themes/Standard/css/fonts/Newzald/Newzald-Medium.eot?#iefix') format('embedded-opentype'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Medium.woff2') format('woff2'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Medium.woff') format('woff'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Medium.ttf') format('truetype'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Medium.svg#Newzald-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newzald';
    src: url('/themes/Standard/css/fonts/Newzald/Newzald-Bold.eot');
    src: url('/themes/Standard/css/fonts/Newzald/Newzald-Bold.eot?#iefix') format('embedded-opentype'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Bold.woff2') format('woff2'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Bold.woff') format('woff'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Bold.ttf') format('truetype'),
        url('/themes/Standard/css/fonts/Newzald/Newzald-Bold.svg#Newzald-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    background: #E5E5E5;
}
h1 {
    line-height: 1.2;
    margin-bottom: 15px;
}
h2 {
    line-height: 1.2;
    margin-bottom: 15px;
}
h3 {
    line-height: 1.2;
    margin-bottom: 15px;
}
h4 {
    line-height: 1.2;
}
h5 {
    line-height: 1.2;
    margin-bottom: 10px;
}
h6 {
    line-height: 1.2;
    margin-bottom: 10px;
}
p {
    margin-bottom: 15px;
}
ul + p {
    margin-top: 20px;
}
a {
    color: #FDC82F;
}
.overall-layer-wrapper-subhome {
    padding-bottom: 0px;
}

/* colors */
.bg-dark {
    background: #343434;
}
.bg-grey {
    background: #7f7b7c;
}


/* Buttons */
.btn-default {
    background-color: #FDC82F;
    border-color: #FDC82F;
    color: #343434;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important;
    padding: 10px 30px;
    transition: inherit;
}
.btn-default:hover {
    background-color: #FDC82F;
    border-color: #FDC82F;
    color: #343434;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32) !important;
}

/* Top bar lng selector */
.header-top.bg-iris-blue {
    background: #FDC82F;
    padding: 5px 0;
}
.select-lng .goog-te-gadget > * {
    display: none;
}
.select-lng .goog-te-gadget >div:first-child {
    display: block;
}
.select-lng .goog-te-gadget .goog-te-combo {
    margin: 0;
    float: left;
}
.select-lng .goog-te-gadget {
    font-size: 0;
}
.select-lng .goog-te-gadget select {
    background-image: url(/images/icon--white-arrow-down.svg) !important;
    background-position: center right !important;
    padding: 0 !important;
    padding-right: 12px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    background-color: #FDC82F !important;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

/* site header */
.header-wrapper {
    background-color: #000000;
    border-bottom: 1px solid #fff !important;
}
.header-top {
    border-bottom: 1px solid #3a3a3a;
    color: #fff;
}
.header-wrapper .list-inline-item {
    border-left: 1px solid #3a3a3a;
    text-transform: inherit;
}
.header-wrapper .list-inline-item a {
    color: #fff;
}
.header-wrapper .list-inline-item a:hover {
    color: #FDC82F;
}
.header .navbar-nav > li > a {
    color: #fff;
    font-weight: normal;
}
.header .navbar-nav > li:focus > a,
.header .navbar-nav > li:hover > a,
.header .navbar-nav > .open > a,
.header .navbar-nav > .open > a:focus,
.header .navbar-nav > .open > a:hover,
.header .navbar-nav > li > a.current {
    background-color: transparent;
    color:#FDC82F;
}
.header .navbar-nav > li > .dropdown-menu {
    padding: 5px 0;
}
.header .navbar-nav .dropdown-menu li a:hover {
    background: #f5f5f5;
}
.header .navbar-nav > li span.dropdown-icon {
    color: #fff;
}
.header .navbar-nav > li.open > .dropdown-icon:before {
    color: #FDC82F;
}
a.header-logo {
    width: 100px;
    display: inline-block;
    height: 100px;
    overflow: hidden;
}
.header .navbar-header img {
    height: 160px;
    max-height: inherit;
    margin-top: -12px;
}
.header-bottom .navbar-btns-right .nav-sign-in {
    color: #ffffff;
    background: #343434;
}
.navbar-collapse li {
    font-size: 14px;
}
.header-bottom .navbar-collapse.header-sm-nav {
    -webkit-justify-content: right;
    justify-content: right;
    font-family: 'Merriweather', serif;
}
/* search */
.search-icon-text {
    color: #ffffff;
}
.search-icon-text svg path {
    stroke: #fff;
}
.search-active .close {
    top: 10px;
}
.search-active button.search-ative-btn {
    background-color: #343434;
    top: 7px;
    padding: 2px 6px 2px;
    border-radius: 5px;
}

/* breadcrumbs */
.breadcrumbs {
    background-color: #343434;
}
.breadcrumb li {
    color: #FDC82F;
}
.breadcrumb li a {
    color: #fff;
}
.breadcrumb > li + li:before {
    background-image: url(/themes/Standard/css/images/icon-arrow-right-white.svg);
}
.breadcrumb li a:hover {
    color: #fff;
    text-decoration: underline;
}


/* Home slider */
.layer-slider .container {
    width: 100% !important;
    padding: 0;
}
.layer-slider .carousel-caption {
    width: 100% !important;
    max-width: 1140px;
    margin: 0 auto;
    bottom: 78px;
}
.layer-slider .front-carousel-item-wrapper {
    background-size: cover !important;
    height: auto !important;
    padding-top: 36%;
}
.layer-slider .carousel-caption .slider-title {
    background-color: transparent !important;
    box-shadow: none !important;
    text-transform: none;
    font-size: 16px;
    font-family: inherit;
    padding: 0 70px;
}
.layer-slider .carousel-caption .slider-title > *:not(:last-child){
    margin-bottom: 35px;
}
.layer-slider .carousel-caption .slider-title h1 {
    color: #fff;
    line-height: 1.2;
}
.layer-slider p a {
    background-color: #e73737;
    color: #fff;
    border: 1px solid transparent;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
    outline: 0 none;
    padding: 6px 12px 7px;
    transition: all 0.3s ease-out 0s;
    vertical-align: middle;
}
.layer-slider p a:hover {
    text-decoration: none;
}
.layer-slider .carousel-arrow-wrap {
    max-width: 1140px;
    position: absolute;
    width: 100%;
    top: 50%;
    display: flex;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%);
}
.layer-slider .carousel-arrow-wrap .btn-default {
    padding: 0;
    position: static;
    font-size: 30px;
}
.layer-slider .carousel-arrow-wrap .btn-default {
    margin-left: 8px;
}

/* slider pagination */
.front-carousel .owl-controls {
    position: absolute;
    width: 100%;
    bottom: 18px;
    bottom: 32px;
    left: 0;
    width: 100%;
}
.front-carousel .owl-theme .owl-controls .owl-page span {
    background: rgba(255, 255, 255, .70);
    margin: 5px;
    height: 12px;
    width: 12px;
}

/* home - panels (no-padding-teser-layer) */
.no-padding-teser-layer {
    padding: 0 0 100px;
}
.no-padding-teser-layer h2 {
    color: inherit;
    padding: 0;
}
.no-padding-teser-layer .top-bottom-margin {
    margin: 70px 0;
    font-family: 'Newzald';
    font-size: 18px;
}
.home-tab-nav {
	background: -moz-linear-gradient(left, #343434 45%, #E5E5E5 45%);
	background: -webkit-linear-gradient(left, #343434 45%,#E5E5E5 45%);
	background: linear-gradient(to right, #343434 45%,#E5E5E5 45%);
	font-size: 25px;
}
.home-tab-nav .bg-white {
	background-color: #E5E5E5;
}
.home-tab-nav-item {
    color: #343434;
    padding: 20px 14px 12px 17px;
    font-family: 'Newzald';
}
.home-tab-nav .bg-black .home-tab-nav-item {
	color: #fff;
	padding-left: 0;
    padding-right: 0;
}
.home-tab-nav .bg-white .home-tab-nav-item a {
    color: #000000;
}





.no-padding-teser-layer .sbs-layer-panels-item-info h3 {
    margin: 0;
}
.no-padding-teser-layer .card-box {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}
.no-padding-teser-layer .no-padding-teser {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.no-padding-teser-layer .sbs-layer-panels-item-info {
    height: 100%;
}
.no-padding-teser-layer .sbs-layer-panels-item-desc {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.signup-video {
    height: 0;
    padding-bottom: 55%;
    position: relative;
}
.signup-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-desc-text-wrap {
    padding: 7px 10px 23px;
}
.video-desc {
    background: #FFFFFF;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.video-desc, .video-desc * {
    font-family: 'Newzald';
}
.video-desc h6 {
    color: #F53E38;
    font-size: 15px;
    margin: 0 0 3px;
}
.video-desc h5 {
    line-height: 28px;
    margin: 0 auto;
    max-width: 265px;
}
.bg-yellow {
    background: #FDC82F;
    font-size: 18px;
    padding: 15px 10px;
    margin-top: auto;
}
.bg-yellow a {
    color: #000000;
}


/*** lhsimg-caption-layer ***/
.lhsimg-caption-layer {
    padding-top: 40px;
}
.lhsimg-caption-layer .card-box {
    padding: 0 !important;
}
.lhsimg-caption-layer .row.full-height > div:first-child .sbs-layer-content {
    position: relative;
    width: 100%;
}
.lhsimg-caption-layer .row.full-height > div:first-child .sbs-layer-content .lhsimg-caption-text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 15px 30px;
    background: #fff;
    border-radius: 20px;
    max-width: 254px;
}
.lhsimg-caption-text h1 {
    margin-bottom: 5px;
    line-height: 45px;
}
.lhsimg-caption-text > p {
    color: #646666;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}
.lhsimg-caption-layer .row.full-height {
    -webkit-align-items: center;
    align-items: center;
}
.lhsimg-caption-layer .row.full-height > div:first-child .sbs-layer-content > img {
    min-height: 474px;
    width: 100%;
    object-fit: cover;
}
.lhsimg-caption-text-wrap {
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.lhsimg-caption-text-wrap > div:first-child {
    padding-right: 30px;
}
.lhsimg-caption-text-wrap > div:last-child {
    padding-left: 30px;
}
.lhsimg-caption-layer h3 {
    margin-bottom: 8px;
}

/*** three-box-layer ***/
.p-30 {
    padding: 30px;
}
.text-center h2:after {
    content: none;
}
.three-box-layer .sbs-layer-panels-item-image {
    background-size: cover !important;
    border-radius: 10px;
    padding-top: 58.41% !important;
    margin-bottom: 30px;
}
.three-box-teser {
    width: 100%;
}
.three-box-layer .row.d-flex > div {
    margin-top: 30px;
}
.three-box-layer .sbs-layer-panels-item-info {
    padding: 0;
}
.three-box-layer h2 {
    padding-top: 0;
    margin-top: 30px;
}
.min-tag {
    display: inline-block;
    font-weight: 700;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #e1e1e1;
    border-radius: 12px;
    padding: 5px 10px;
}
.box-btn {
    margin-top: 35px;
}
/* Register-Details */
.lhsimg-caption-layer + .three-box-layer {
    padding: 30px 0 50px;
}
.box-btn + .box-btn {
    margin-top: 15px;
}

/* Event Details */
.time-address-list h6 svg path {
    fill: #FDC82F;
}
.sbs-event-detail-tickets .create-account-text {
    margin-top: 10px;
}
.sbs-event-detail-tickets.card-box .btn a {
    margin-left: 15px;
    color: #000000;
    font-size: 14px;
}
.sbs-event-desc ul li + li {
    margin-top: 5px;
}

/* jobs_listings top header */
.bg-dark h2 {
    color: #fff;
}
.site-top-header {
    padding: 42px 0 30px;
}
.site-top-header h2:last-child {
    margin-bottom: 0;
}
/* tabs with short - sub header */
.tabs-with-short-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tabs-with-short {
    padding-top: 25px;
}
ul.horizontal-tab {
    display: flex;
    list-style: none;
    padding: 0;
}
.horizontal-tab li {
    margin-right: 35px;
}
.horizontal-tab li a {
    color: #fff;
    font-size: 16px;
}
.horizontal-tab li.active a,
.horizontal-tab li:hover a {
    color: #FDC82F;
}
.tabs-with-short .sortby-list > a {
    color: #ffffff;
    font-size: 16px;
}
.tabs-with-short .sortby-list i {
    color: #FDC82F;
    font-size: 20px;
    margin-top: 2px;
}






























/* ms_signup page */
.signup-wrap .setup-content .signup-box {
    box-shadow: none;
    background: transparent;
}
.multistep-setup-content {
    padding: 30px 0 35px !important;
}
.stepwizard {
    padding: 40px 0;
    background: #1C1C1C;
}
.stepwizard + .sbs-background-container {
    padding: 20px 0 50px;
    background: #1C1C1C;
}
.stepwizard-row.setup-panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.stepwizard-step {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.stepwizard-step + .stepwizard-step {
    padding-left: 60px;
    position: relative;
    margin-left: 10px;
}
.stepwizard-step + .stepwizard-step:before {
    content: "";
    height: 1px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    border-bottom: 1px dashed #8b8b8b;
    margin-top: -0.5px;
}
.stepwizard-step > .btn-circle {
    background: #343434;
    color: #fff;
    padding: 0;
    height: 26px;
    width: 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-weight: 500 !important;
    border-radius: 50%;
    border: transparent;
}
.stepwizard-step > span {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-left: 10px;
    color: #fff;
}
.stepwizard-step > .btn-circle:not([disabled]) {
    background: #343434;
    color: #FDC82F;
}
.stepwizard-step > .btn-circle:not([disabled]) + span {
    color: #FDC82F;
}
.signup-wrap {
    margin-bottom: 0;
    color: #fff;
}
.signup-top-title {
    margin-bottom: 40px;
}
.signup-top-title h2 {
    color: #fff;
}
.form-group label {
    color: #fff;
}
.form-control {
    border: 1px solid #ADADAD;
}
.form-control {
    color: #fff;
}
textarea.form-control {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100px;
}
select.form-control {
    background-color: transparent !important;
    background-image: url(/images/arrow-down-white.svg) !important;
}
select.form-control option {
    background: #000;
}
.signup-step-btn ~ br {
    display: none;
}
.desc {
    font-size: 14px;
    margin: 10px 0 0;
    color: #afafaf;
    line-height: 22px;
    font-style: italic;
}
.form-group label {
    padding-top: 0;
    padding: 0 0 5px 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
}
.form-group > label {
    width: 100%;
}
label .required {
    color: #ff0000;
    margin-left: 4px;
}
.signup-wrap .row {
    display: flex;
    flex-wrap: wrap;
}
.signup-wrap .row > * {
    display: flex;
    flex-wrap: wrap;
}
.signup-wrap .row > * > * {
    width: 100%;
}
.check-item input[type="checkbox"]:checked ~ label:before {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.signup-wrap #step-3 .signup-box .row .form-group {
    border-bottom: none !important;
}
.signup-wrap .g-recaptcha {
    margin-top: 0;
}
.signup-wrap input#btnSubmit {
    margin-bottom: 0;
}
.signup-step-btn {
    margin: 25px 0 0;
}
.thanks-register-block.card-box {
    box-shadow: none;
    border-radius: 0;
    padding: 35px 0;
    text-align: center;
}
.thanks-register-block.card-box p:first-child {
    font-weight: bold;
}
.signup-wrap #step-2 .signup-box .row .form-group {
    border-bottom: 1px solid #8b8b8b !important;
}
.thanks-register-block {
    padding: 30px;
    background: #343434;
    margin-top: 30px;
}

/* login page */
.login-box {
    background: #1C1C1C;
    color: #fff;
}
.login-box .title,
.login-box h2,
.login-box h3,
.login-box h4,
.login-box p {
    color: #fff;
}


/* Accordion */
.ui-accordion .ui-accordion-header {
    background: #E5E5E5;
}

/* Myspace pages */
.cms-content-heading, .dashboard-header, .transparent-page-header {
    background: #343434 !important;
}
.myspace-orders .nav-tabs {
    border-bottom: none;
}
.myspace-orders .nav-tabs > li > a {
    background-color: transparent;
    border: none;
    color: #1D1D1F;
    line-height: 24px;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 14px;
}
.myspace-orders .nav-tabs > li.active > a, 
.myspace-orders .nav-tabs > li.active > a:focus, 
.myspace-orders .nav-tabs > li.active > a:hover {
    background-color: #FFFFFF;
    color: #1D1D1F;
    outline: none;
}
.myspace-orders .tab-content > .tab-pane {
    background-color: #FFFFFF;
    border: none;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, 0.06);
    margin-top: 0;
    padding: 30px;
}
.myspace-orders .tab-content > .tab-pane .container {
    max-width: 100%;
    padding: 0;
}
.myspace-orders .tab-content > .tab-pane .sbs-background-container {
    min-height: inherit;
    padding-bottom: 0;
}
.myspace-orders .tab-content .multistep-setup-content {
    padding: 10px 0 !important;
}
.myspace-orders .tab-content .signup-wrap {
    padding: 0;
    box-shadow: none;
}
.myspace-orders .ui-accordion .ui-accordion-header h4 {
    font-size: 18px;
}
.myspace-orders .signup-wrap .panel-accordion-collapsed {
    padding: 10px 0;
}
.myspace-orders label {
    color: #000;
}
.myspace-orders .signup-wrap {
    color: #000;
}
.myspace-orders .response-message {
    display: inline-block !important;
    text-align: left;
    width: 100%;
    padding-left: 20px;
    font-size: 16px;
}
.myspace-orders .signup-wrap .form-control {
    color: #000000;
}
/* my space event table */
.enrolments-header {
    background: transparent;
    color: inherit;
}
.tab-pane table tr th {
    font-weight: bold;
}
/* btn dropdown inside table */
.btn-dropdown-table-wrap {
    overflow: inherit !important;
}
.btn-group.btn-dropdown-wrap {
    display: inline-block;
    position: relative;
    width: auto;
}
.btn-dropdown-wrap .btn.btn-default:not(.dropdown-toggle) {
    padding-right: 17px;
    padding-left: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #E5E5E5;
    border-color: #E5E5E5;
    color: #1D1D1F;
    box-shadow: none !important;
}
.btn-dropdown-wrap .btn-default.dropdown-toggle {
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 9;
    border-left: 1px solid #fff;
    line-height: 22px;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 6px !important;
    background: #d3d1d1;
    border-color: #d3d1d1;
    color: #1D1D1F;
    box-shadow: none !important;
}
.btn-dropdown-wrap .btn-default.dropdown-toggle .caret {
    margin-left: 0;
}
.btn-dropdown-wrap.open > .dropdown-toggle.btn-default{
    background-color: #d3d1d1;
}
.btn-dropdown-wrap .dropdown-menu>li>a {
    padding: 7px 10px;
    font-size: 12px;
    color: #1D1D1F;
    font-weight: 500;
}
.btn-dropdown-wrap .dropdown-menu>li:hover>a {
    background-color: #000000;
    color: #fff;
}
.btn-dropdown-wrap .dropdown-menu>li>a > i {
    margin-right: 6px;
}
/* round icon */
.round-icon-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.round-icon-wrap > a {
    height: 22px;
    width: 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #E5E5E5;
    border-radius: 50%;
    font-size: 12px;
    color: #1D1D1F;
}
.round-icon-wrap > a:hover {
    opacity: .8;
}
.round-icon-wrap a > img {
    max-height: 12px;
}
.round-icon-wrap.red-bg a {
    background-color: #E5E5E5 !important;
}
.round-icon-wrap a + a {
    margin-left: 5px;
}
/* rhs profile box */
.profile-image + input.btn {
    margin: 5px 0 12px;
    padding: 3px 10px;
    font-size: 12px;
}
.profile-image .RadUpload .ruFileWrap {
    padding-left: 0;
    height: auto;
    white-space: break-spaces;
}
.profile-image .fu-async > .RadUpload {
    width: auto;
    text-align: center;
}
.profile-image .RadUpload .ruFakeInput {
    margin-bottom: 5px;
}
.myspace-details-edit {
    margin-top: 15px;
}
.myspace-details-edit > br {
    display: none;
}
.myspace-details-edit input {
    font-size: 14px;
    line-height: 22px;
    padding: 9px 18px;
    border: none;
    background: #E5E5E5;
    font-weight: 600;
    width: 100%;
    margin: 5px 0;
    border-radius: 12px !important;
    background-image: none !important;
    text-align: center;
}
.myspace-details-edit input:hover, 
.myspace-details-edit input:focus {
    background-color: #e1e1e1;
}
.myspace-details-name {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 3px;
}
div.RadUpload .ruBrowse {
    background-image: none;
    color: #343434;
    border-radius: 30px !important;
    line-height: normal;
    background: #FDC82F;
    font-weight: bold;
    padding: 2px;
}
.myspace-details-image .btn-outline-default {
    text-transform: inherit !important;
}
.myspace-details-image input[type="submit"] {
    border: 1px solid #343434;
    padding: 0px 8px;
    border-radius: 5px !important;
    margin: 0 0 10px;
}
.myspace-details-image input[type="submit"]:hover {
    background: #343434;
    color: #fff;
}

/* Jobs--Opportunities */
.event-item-image {
    padding-top: 108.2%;
}
.event-item > .event-item-content {
    text-align: center;
    padding: 15px;
}
.author_wrapper {
    -webkit-align-items: center;
    align-items: center;
    background-color: #1e1e1e;
    display: -webkit-flex;
    display: flex;
    padding: 17px 20px 13px;
}
.author_image {
    background-color: #1a1a1a;
    border-radius: 50%;
    height: 44px;
    width: 44px;
}
.author_image img {
    border-radius: 50%;
}
.author_name {
    color: #fff;
    font-size: 13px;
    padding-left: 20px;
}
.event-item-image {
    position: relative;
}
.event-item-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lead {
    color: #e73737;
    line-height: normal;
    margin-bottom: 3px;
    font-size: 15px;
    font-family: 'Newzald';
    justify-content: center;
    display: flex;
    align-items: center;
}
.lead i {
    margin-right: 5px;
}
.event-item .event-item-tag {
    padding: 0;
    line-height: 20px;
}
.event-item .event-item-tag img {
    display: none;
}
.jobs-opportunities-btn {
    margin-top: 5px !important;
}
.jobs-opportunities-btn .btn {
    width: 100%;
    display: inline-block;
    background: transparent;
    border: none;
    box-shadow: none !important;
    padding: 0;
}
.sortby-list > a,
.list-calendar-nav a {
    color: #000000;
}
.sortby-list > a:hover,
.list-calendar-nav a:hover {
    opacity: .8;
}
/* left sidebar  */
.filter-and-eventslist-lhs label {
    color: #000;
}
.filter-and-eventslist-lhs .form-control {
    color: #000000;
}

/* pagination */
.pagination > .active > a, .pagination > .active > span, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > a span:focus, .pagination > li > a span:hover {
    background-color: #1e1e1e;
}
.pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #1e1e1e;
    border-color: #1e1e1e;
}
/* Jobs--Opportunities details */
.sbs-event-detail-info-title h1 {
    font-size: 42px;
}
.sbs-event-detail-lhs .sbs-event-desc {
    margin-top: 20px;
}
.time-address-list-wrap .event-item-btn {
    width: 100%;
    margin-top: 10px;
}
.event-details-title-subtext {
    line-height: 22px;
    color: #e73737;
    margin-bottom: 10px;
    font-family: 'Newzald';
    margin-top: 15px;
}
.jobs-info h4 {
    margin-bottom: 20px;
}
.latest-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    margin-bottom: 15px;
}
.latest-left {
    margin-right: 14px;
    width: 80px;
    height: 128px;
    position: relative;
}
.latest-left img {
    height: 100% !important;
    object-fit: cover;
}
.latest-body {
    padding-top: 9px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 85px;
}
.latest-label {
    padding-right: 15px;
}
.latest-label h6 {
    margin: 0rem 0 .2rem;
}
.latest-label h6 a {
    color: #000;
}
.latest-label h6 a:hover {
    text-decoration: underline;
}
.latest-date {
    font-size: 12px;
    color: #9f9f9f;
}
.latest-item .lead {
    justify-content: left;
}
 
/* jobs_opportunities_front (form feilds pages) */
.add-article-page-wrap {
    padding: 50px 0;
}
.add-article-page-wrap label {
    color: #000;
}
.add-article-page-wrap .form-control {
    color: #000000;
    background-color: #fff !important;
}
.add-article-page-wrap select.form-control {
    background-image: url(/images/arrow-down.svg) !important;
}
.add-article-page-wrap select.form-control option {
    color: #fff;
}
.add-article-page-wrap .kt-tinymce textarea {
    border: 1px solid #ADADAD;
    background: #fff;
    border-radius: 6px !important;
    font-size: 14px;
    line-height: 22px;
    padding: 15px 20px;
    height: 100px;
    width: 100%;
}
.type > label {
    width: 100%;
}
.type span label {
    margin-right: 20px;
}
input[type=radio]:before,
input[type='checkbox']:before {
    margin-right: 0;
}
.add-article-page-wrap h4 {
    margin: 20px 0;
    border-bottom: 1px solid #FDC82F;
    padding-bottom: 10px;
}
.upload-wrap .alert-info {
    background: #343434;
    font-size: 13px;
    padding: 13px;
    margin-top: 0;
}
.upload-wrap .alert-info p {
    margin: 0 0 4px;
}
.upload-wrap .alert-info .removePreview {
    color: #FDC82F;
}
.upload-wrap .btn-default {
    width: 100%;
}
div.alert-danger {
    background-color: #e73737;
    border-color: #e73737;
}











/* Footer */
.footer {
    background: #000000;
    color: #ffffff;
}
.footer-col-wrap > div + div:before {
    background-color: #3a3a3a;
}
.footer h3 {
    background: #343434;
    color: #ffffff;
}
.footer-img img {
    max-width: 180px;
    margin-top: 20px;
}
.footer-copyright {
    background-color: rgba(0, 0, 0, .84);
}
.footer a {
    color: #fff;
}
.footer a:hover {
    color: #FDC82F;
    text-decoration: none;
}





/* responsive css */
@media screen and (min-width: 992px) {
.header .navbar-nav > li ~ li {
    margin-left: 25px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .layer-slider .front-carousel-item-wrapper {
        padding-top: 50%;
    }
}
@media screen and (max-width: 991px) {
    /* header */
    .navbar-header {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .navbar-header:before,
    .navbar-header:after {
        display: none;
    }
    .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .header-wrapper .navbar-btn {
        order: 2;
        margin-top: -5px;
    }
    a.header-logo {
        height: 80px;
    }
    .header .navbar-header img {
        margin-top: -25px;
    }
    .header-wrapper .header-bottom {
        padding: 10px 0;
    }
    .navbar-toggle:hover .icon-bar {
        background-color: #fff;
    }
    .header-sm-nav {
        background-color: #343434;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        font-weight: normal;
    }
    .navbar-default .navbar-nav li a, 
    .navbar-default .navbar-nav li a:hover,
    .header-sm-nav .navbar-nav > li > .dropdown-icon,
    .header .navbar-nav .dropdown-menu li a  {
        border-color: #4e4e4e !important;
    }

    /* Home slider */
    .layer-slider .carousel-caption .slider-title {
        padding: 0 30px;
    }
    .layer-slider .carousel-caption .slider-title h1 {
        font-size: 36px;
    }
    .layer-slider .carousel-caption .slider-title > *:not(:last-child) {
        margin-bottom: 25px;
    }

    /* home - panels (no-padding-teser-layer) */
    .no-padding-teser-layer {
        padding: 50px 0;
    }
    .no-padding-teser-layer .row > div + div {
        margin-top: 30px;
    }

    /*** lhsimg-caption-layer ***/
    .lhsimg-caption-text-wrap {
        padding: 30px;
    }

    /* tabs with short - sub header */
    .tabs-with-short  .sortby-list {
        margin-top: 10px;
        width: auto;
        position: relative;
        top: -6px;
    }
    .tabs-with-short .sortby-list > a {
        border: none;
    }
}
@media screen and (max-width: 767px) {
    /* Home slider */
    .col-sm-12 {
        width: 100%;
    }
    .layer-slider .front-carousel-item-wrapper {
        padding-top: 0%;
    }
    .layer-slider .front-carousel-item-image {
        height: 300px !important;
    }
    .layer-slider .carousel-caption .slider-title {
        padding: 0;
    }
    .layer-slider .carousel-caption .slider-title h1 {
        font-size: 32px;
    }
    .layer-slider .carousel-caption .slider-title > *:not(:last-child) {
        margin-bottom: 20px;
    }
    .layer-slider .carousel-caption {
        bottom: 50px;
    }
    .front-carousel .owl-controls {
        bottom: 10px;
    }
    .front-carousel .owl-theme .owl-controls .owl-page span {
        margin: 4px;
        height: 8px;
        width: 8px;
    }

    /* footer */
    .footer-col-wrap > div + div {
        border-top: 1px solid #3a3a3a;
    }

    /*** lhsimg-caption-layer ***/
    .col-sm-6, .col-md-12, .col-sm-12 {
        width: 100%;
    }
    .lhsimg-caption-text-wrap > div {
        padding: 0 15px !important;
    }
    .lhsimg-caption-text-wrap > div:last-child {
        margin-top: 30px;
    }
    .lhsimg-caption-layer .row.full-height > div:first-child .sbs-layer-content > img {
        min-height: inherit;
    }

    /* event listing */
    .events-listing-layer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 479px) {
    .layer-slider .carousel-caption .slider-title h1 {
        font-size: 26px;
        line-height: 32px;
    }
    .layer-slider .carousel-caption .slider-title {
        font-size: 15px;
    }
    .layer-slider p a {
        font-size: 13px;
        padding: 3px 10px 4px;
    }

    /* tabs with short - sub header */
    .horizontal-tab li {
        margin-right: 15px;
    }
    .horizontal-tab li a {
        font-size: 14px;
    }
    .tabs-with-short .sortby-list > a {
        font-size: 14px;
    }
    .tabs-with-short .sortby-list i {
        font-size: 18px;
    }
}

@media screen and (max-width: 400px) {
    /* tabs with short - sub header */
    .tabs-with-short {
        padding: 20px 0 10px;
    }
    .tabs-with-short-wrap {
        flex-wrap: wrap;
    }
    .tabs-with-short-wrap > * {
        display: inline-block;
        width: 100%;
    }
    .tabs-with-short  .sortby-list {
        margin-top: 12px;
        top: 0;
    }
    .tabs-with-short .sortby-list > a {
        padding-left: 0;
    }
}