@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    line-height: 28px;
    letter-spacing: .3px;
    min-height: 100%;
}
body > .form-wrapper,
body > .form-wrapper > .client-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.container {
    max-width: 100%;
}
h1 {
    line-height: 60px;
}
h2 {
    line-height: 1.2;
    margin-bottom: 20px;
}
h3 {
    margin-bottom: 15px;
    line-height: 1.2;
}
h4 {
    line-height: 28px;
    margin-bottom: 0;
}
h5 {
    background-color:#FDB400;
    color: #ffffff;
    display: inline-block;
    padding: 4px 10px 3px;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 10%);
    margin-bottom: 10px;
    letter-spacing: .5px;
    line-height: 18px;
}
p {
    line-height: 28px;
}
p a {
    color: #FDB400;
}
p:last-child {
    margin-bottom: 0;
}
a {
    color:#FDB400;
}
a:hover {
    color: #FDB400;
}

/* Btns */
.btn {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 12px 26px;
    white-space: inherit;
}
.btn-default {
    background-color:#FDB400;
    border-color:#FDB400;
} 
.btn-default:active, 
.btn-default:focus, 
.btn-default:hover {
    background-color: #E7A606;
    border-color: #E7A606;
}
.btn-green {
    background-color:#FDB400;
    border-color:#FDB400;
}
.btn-green:active, 
.btn-green:focus, 
.btn-green:hover {
    background-color: #f1b41e;
    border-color: #f1b41e;
}
.btn-grey,
.btn-gray {
    background-color: #F2F5F8;
    border-color: #F2F5F8;
    color: #1D1D1F;
}
.btn-grey:active,
.btn-grey:focus,
.btn-grey:hover,
.btn-gray:active,
.btn-gray:focus,
.btn-gray:hover {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
    color: #1D1D1F;
}
.btn.btn-sm {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .3px;
    padding: 10px 12px 9px;
}


/* Common */
.page-container {
    flex: 1 0 auto;
}
.equal-height, .full-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.equal-height > div, .full-height > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* flex css */
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}


/* breadcrumbs */
.breadcrumbs {
    margin-bottom: 0;
    border: none;
    background-color: #F2F5F8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.breadcrumb > li + li > a {
    margin-left: 3px;
}

/* Header */
.header-navbar {
    transition: all 0.3s ease 0s;
}
@-webkit-keyframes sticky-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes sticky-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.header-strapline .btn ~ .btn {
    margin-left: 5px;
}
.header.navbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.header.navbar::before,
.header.navbar::after {
    display: none;
}
.header .navbar-header img {
    height: inherit;
    padding: 0;
    max-width: 336px;
    max-height: 40px;
}
.transparent .header-sticky .header .navbar-header img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.transparent .header .navbar-header img {
    filter: brightness(0) saturate(100%) invert(1);
}
.header .nav-right {
    margin-left: auto;
}
.header .navbar-nav > li > a {
    color: #1D1D1F;
    font-weight: 500;
    padding: 0;
}
.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:#FDB400;
}
.header .navbar-nav > li > a:hover,
.header .navbar-nav > li > a.current {
    border-bottom: none;
}

@media screen and (min-width: 992px) {
    .header .navbar-nav > li > .dropdown-menu {
        background-color: #FFFFFF;
        border: 1px solid #EEEEEE;
        border-top: 2px solid#FDB400;
        box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
        border-radius: 0;
        padding: 10px;
        min-width: 200px;
        left: 0;
        right: inherit;
        display: block;
        opacity: 0;
        margin-top: 15px;
        z-index: -9999;
        pointer-events: none;
        transition: opacity .3s ease,margin .25s ease;
    }
    .header .navbar-nav > li.open > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        z-index: 399;
        pointer-events: auto;
    }
    .header .navbar-nav .dropdown-menu li a {
        border-bottom: none;
        color: #1D1D1F;
        font-weight: 500;
        padding: 10px 15px;
        transition: all .2s ease-in-out;
    }
    .header .navbar-nav .dropdown-menu li:hover a {
        background-color: #F2F5F8;
        padding-left: 18px;
        color:#FDB400;
    }
    .transparent .navbar-nav > li > .dropdown-icon:before {
        color: #fff;
    }
    .header .navbar-nav > li > .dropdown-icon:hover:before {
        color: #FDB400;
    }
}
.header .navbar-nav > li > .dropdown-icon:before {
    content: "+";
    cursor: pointer;
    display: block;
    font-size: 20px;
    margin-left: 5px;
    text-align: center;
    width: 10px;
}
.header .navbar-nav > li > a.current ~ .dropdown-icon:before {
    color: #FDB400;
}
.header .navbar-nav > li.open > .dropdown-icon:before {
    content: "-";
    color: #FDB400;
}

/* Sticky Header */
.header-wrapper .navbar-fixed-top {
    background-color: #FFFFFF;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: sticky-animation;
    animation-name: sticky-animation;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.non-transparent .header-sticky ~ .page-container {
    margin-top: 76px;
}

/* My Space Menu */
.header .navbar-nav .login > .dropdown-menu {
    left: inherit;
    right: 0;
}
.header .navbar-nav .login > .dropdown-menu > li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
}
.header .navbar-nav .login > .dropdown-menu > li:last-child:hover a {
    background-color: rgba(255, 69, 58, .1);
    color: #FF453A;
}
.header .navbar-nav .login > .dropdown-menu > li a .icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 5px;
    width: 25px;
}

/* Charity Intro */
.charity-layers-intro,
.transparent-page-header,
.cms-content-heading {
    background-size: cover !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: relative;
    padding: 120px 0 50px !important;
    height: auto !important;
}
.transparent-page-header {
    color: #fff;
    padding: 50px 0 50px !important;
}
.transparent-page-header .transparent-page-header-title {
    margin-bottom: 20px;
}
.charity-layers-intro > div,
.transparent-page-header > div,
.cms-content-heading > div {
    position: relative;
}
.charity-layers-intro:before,
.transparent-page-header:before,
.cms-content-heading:before {
    background: rgba(0, 0, 0, .4);
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.charity-layers-intro-panel,
.transparent-page-header-title,
.cms-content-heading-column2 {
    max-width: 600px;
}
.charity-layers-intro-panel h1,
.charity-layers-intro-panel h2,
.transparent-page-header-title h1,
.cms-content-heading-column2 h1,
.dashboard-header-title h1 {
    border-left: 5px solid #FDB400;
    color: #FFFFFF;
    font-size: 36px;
    line-height: 1.2;
    padding: 3px 0 3px 15px;
}
.charity-layers-intro-content p,
.cms-content-heading-summary p,
.dashboard-header-summary p {
    color: #FFFFFF;
    font-weight: 500;
}
.dashboard-header-summary p {
    color: #1d1d1f;
}
.charity-layers-intro-content p:first-child,
.cms-content-heading-summary p:first-child,
.dashboard-header-summary p:first-child {
    margin-top: 20px;
}
div.dashboard-header-title h1 {
    color: #1D1D1F;
    margin-bottom: 0;
}


/* Home banner */
.charity-layers-welcome {
    background-size: cover !important;
    background-position: top center !important;
    display: flex;
    align-items: flex-end;
    position: relative;
    padding: 120px 0 60px;
}
.charity-layers-welcome:before {
    background-color: rgba(89, 84, 84, .2);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.charity-layers-welcome-panel {
    max-width: 600px;
}
.charity-layers-welcome h1 {
    margin-bottom: 15px;
}
.charity-layers-welcome p {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 32px;
}
.banner-btn-wrap {
    margin-top: 33px;
}
.banner-btn-wrap .btn{
    margin-right: 10px;
    margin-bottom: 10px;
}

/* WHO WE ARE */
.card-box {
    background-color: #F2F5F8;
    box-shadow: none;
    overflow: hidden;
    width: 100%;
}
.layers {
    padding: 110px 0;
}
.charity-layers-whatwedo {
    position: relative;
    overflow: hidden;
}
.charity-layers-whatwedo:before {
    content: "";
    height: 781px;
    width: 749px;
    background-image: url(/themes/Standard/css/images/seed/hand-tree-1.png);
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -900px;
}
.charity-layers-whoweare-panel > div {
    align-items: center;
    display: flex;
}
.charity-layers-whoweare-image {
    background-size: cover !important;
    width: 100%;
    height: 0;
    padding-top: 100%;
}
.charity-layers-whoweare-image img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}
.charity-layers-whoweare-panel > div > div p {
    max-width: 510px;
}
.charity-layers-whoweare-panel .text-box-card {
    margin-left: -110px;
    position: relative;
    width: calc(50% + 110px);
}
.charity-layers-whoweare-panel .text-box-card:first-child {
    margin-left: 0;
    margin-right: -110px;
}
.charity-layers-whoweare-panel .card-box {
    background-color: #fff;
    padding: 80px 50px;
    position: relative;
    z-index: 1;
}
.tag {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 5px 5px 0;
  font-size: 14px;
  border-radius: 4px;
  cursor: default; 
    background: var(--black);
    color: var(--white);
    font-weight: 500;
}
.charity-layers-whoweare-panel h5 {
    color: var(--white);
    padding: 5px 10px;
}
.whatwedo-panel-box .sbs-layer-panels-item-image {
    background-color: #f2f5f8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
    margin-bottom: 20px;
    padding-top: 0 !important;
    position: absolute !important;
    left: 45px;
    height: 50px;
    width: 50px;
}
.whatwedo-panel-box .sbs-layer-panels-item-image img {
    max-height: 20px;
    width: auto;
}
.whatwedo-panel-box .sbs-layer-panels-item-info {
    padding: 36px 30px 30px;
}
.whatwedo-panel-box h3 {
    margin-top: 0;
    border-left: 5px solid#FDB400;
    padding: 3px 0 3px 15px;
}

/* Take Action */
.charity-layers-takeaction {
    position: relative;
}
.charity-layers-takeaction:after {
    content: '';
    border-bottom: 1px solid #d4d6d7;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    max-width: 1140px;
    width: 100%;    
}
.charity-layers-takeaction:before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    height: 52%;
    width: 100%;
    background-color: #F2F5F8;
}
.sbs-layer-panels-item-info {
    word-break: break-word;
}
.sbs-layer-panels-item-image {
    background-size: cover !important;
    padding-top: 60% !important;
}
.charity-layers-takeaction .card-box,
.sbs-layer .card-box {
    background-color: transparent;
}
.charity-layers-takeaction .sbs-layer-panels-item-info,
.sbs-layer .sbs-layer-panels-item-info {
    padding-top: 20px;
}
.charity-layers-takeaction h3,
.sbs-layer h3 {
    border-left: 5px solid #FDB400;
    padding: 3px 0 3px 15px;
}
.charity-layers-takeaction .sbs-layer-panels-item-desc p,
.sbs-layer .sbs-layer-panels-item-desc p {
    color: #656565;
    padding-right: 10px;
}
.charity-layers-takeaction .sbs-layer-panels-item-image img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

/* Our Projects */
.charity-layers-ourprojects {
    padding-top: 86px;
}
.charity-layers-ourprojects .left-title {
    padding-right: 8px;
}
.ourprojects-box .sbs-layer-panels-item-image img {
    width: 100%;
}
.charity-layers-ourprojects-panel > div {
    align-items: center;
}
.ourprojects-box .sbs-layer-panels-item-image {
    position: relative;
    padding-top: 0 !important;
    min-height: 155px;
    background-size: cover !important;
}
.ourprojects-box .ourprojects-overlay-text {
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 0 15px;
}
.ourprojects-box .ourprojects-overlay-text h4 {
    border-left: 5px solid#FDB400;
    font-size: 14px;
    line-height: 1.2;
    padding: 4px 8px 4px 8px;
    background-color: rgba(255, 255, 255, .85);
}


/* OUR IMPACT */
.charity-layers-ourimpact-panel .sbs-layer-panels-item-info >  h3 {
    margin-bottom: 0;
}
.impact-lg-title h3 {
    color:#FDB400;
    font-family: 'Open Sans', sans-serif;
    font-size: 60px;
    line-height: normal;
    margin-bottom: 0;
    margin-top: -42px;
}
.charity-layers-ourimpact-panel .card-box {
    background-color: #FFFFFF;
}
.charity-layers-ourimpact-panel .sbs-layer-panels-item-info {
    padding: 19px 37px 42px;
}

/* footer top layer */
.charity-layers-text {
    padding: 88px 0;
}
.charity-layers-text:last-child {
    padding-bottom: 38px;
}
.charity-layers-text h2 {
    margin-bottom: 0;
}
.charity-layers-text-panel > div > div > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.charity-layers-text-panel {
    padding: 40px;
    box-shadow: 0px 0px 105px rgb(27 31 41 / 3%), 0px 0px 43.8665px rgb(27 31 41 / 2%), 0px 0px 23.4531px rgb(27 31 41 / 2%), 0px 0px 13.1476px rgb(27 31 41 / 2%), 0px 0px 6.98261px rgb(27 31 41 / 1%), 0px 0px 2.90562px rgb(27 31 41 / 1%);
}
.charity-layers-text-panel h3 {
    margin-bottom: 0;
    line-height: 1.5;
}
 
/* sbs-layer-type-2 */
.sbs-layer-type-2 {
    padding: 25px;
    margin-top: 0;
}
.sbs-layer-type-2 .layer-image-col-2 {
    background-size: cover !important;
    padding-top: 69%;
}
.sbs-video {
    margin-top: 0 !important;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.sbs-video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*** single post page ***/
.cms-content-heading-publish-date {
    color: #656565;
    margin-bottom: 30px;
}
blockquote {
    background-image: url(/themes/Standard/css/images/quate-icon.png);
    background-repeat: no-repeat;
    background-position-y: 20px;
    background-position-x: 20px;
    padding-left: 60px !important;
    border-left: 0;
    margin: 30px 0;
}
.cms-related-content {
    margin-top: 30px;
}
span.img-caption {
    color: #656565;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
}
.larger-italic h4,
.larger-italic .cms-related-content-body {
    font-style: italic;
}
.larger-italic .cms-related-content-body {
    font-size: 18px;
}
.cms-related-content-item + .cms-related-content-item {
    margin-top: 15px;
}


/* other pages */
.non-transparent .sbs-page-content-wrapper {
    margin: 50px 0 0;
}
.sbs-page-content-wrapper-page {
    padding: 0;
    margin: 50px 0 0;
}


/* Login */
.sbs-page-login {
    padding-top: 20px;
}
.login-box p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}
.login-box .g-recaptcha {
    margin-top: 0;
}

/* input field */
.form-group {
    margin-bottom: 15px;
}
.form-group label {
    padding-top: 0;
    padding-bottom: 6px;
    font-weight: bold;
    font-size: 14px;
}
.form-control {
    background-color: #ffffff !important;
    border: none;
    height: 54px;
    padding: 16px;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #dfdfdf;
    border-radius: 6px !important;
}
select.form-control {
    background-image: url(/images/arrow-down.svg) !important;
    background-position: center right 15px !important;
    padding-right: 40px !important;
}
.alert {
    font-size: 15px;
    padding: 10px 16px;
}


/* Check Box */
.check-item-new {
    padding-left: 25px;
    position: relative;
}
.check-item-new input[type="checkbox"] {
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.check-item-new label {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    padding-left: 0;
    font-weight: normal;
}
.check-item-new label p {
    line-height: 24px;
}
.check-item-new label:before {
    content: "";
    height: 15px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 3px;
    border: 1px solid #cacaca;
}
.check-item-new label:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 5px;
    width: 5px;
    height: 8px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.check-item-new input:checked ~ label:before {
    border-color: #FDB400;
    background-color: #FDB400;
}
.check-item-new input:checked ~ label:after {
    display: block;
}


/* Register */
.login-box {
    padding: 30px;
}
.signup-wrap h3 {
    margin-bottom: 20px;
}
.desc {
    font-size: 15px;
    font-style: inherit;
    margin-bottom: 0;
}
.form-group .form-control ~ .text-danger,
.form-group label ~ .text-danger {
    color: #E93838 !important;
    position: relative;
    top: 5px;
    left: 0;
    font-size: 13px;
}
div.alert-danger:before {
    content: none;
}
div.alert-danger {
    background-color: #E93838;
    border-color: #E93838;
    color: #FFFFFF;
    padding: 10px;
    font-size: 13px;
    letter-spacing: .5px;
}
div.alert-danger ul {
    padding: 0;
    list-style: none;
}
div.alert-danger ul li {
    padding-top: 5px;
    position: relative;
    padding-left: 10px;
}
div.alert-danger ul li:last-child {
    margin-bottom: 0;
}
div.alert-danger ul li + li {
    border-top: 1px solid #ff6f6f;
    padding-bottom: 5px;
}
div.alert-danger ul li:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    height: 3px;
    width: 3px;
    background-color: #FFFFFF;
    border-radius: 50%;
}
.form-group > div > div[class*="col"] {
    margin-bottom: 20px;
}
.form-group > div > div[class*="col"]:last-child {
    margin-bottom: 0px;
}

/* About-Us/Our-Portfolio */
.col-3-layer {
    padding-top: 20px;
}


/* page not found */
.sbs-page-content-wrapper.page-not-found {
    background: #f2f5f8;
    padding: 30px;
    margin: 100px auto;
    max-width: 900px;
}
.page-not-found h1 {
    margin-bottom: 12px;
    border-left: 5px solid#FDB400;
    font-size: 36px;
    line-height: normal;
    padding: 5px 0 5px 15px;
}
.page-not-found ul {
    margin-top: 20px;
    padding-left: 16px;
    font-size: 14px;
}
.page-not-found ul li + li {
    margin-top: 10px;
}
.page-not-found a {
    font-weight: 600;
}


/* Events Nav */
.events-layer {
    padding-top: 50px;
}
.event-layer-nav.subnav {
    margin-top: 14px;
}
.subnav ul {
    padding: 0;
    list-style: none;
    padding: 0;
}
.subnav > ul > li {
    font-size: 14px;
    line-height: 20px;
}
.subnav > ul > li + li {
    margin-top: 26px;
}
.subnav > ul > li > a.active {
    color:#fdb400;
}
.subnav > ul > li > a {
    display: inline-block;
    padding-left: 36px;
    background-image: url(/uploads/themes/charity/assets/all-events-icon.svg);
    background-position: left top;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    color: #1D1D1F;
    transition: inherit;
}
                      

/* Events */
.entry-item {
    border: 1px solid #F2F5F8;
    padding: 30px;
}
.entry-item + .entry-item {
    margin-top: 15px;
}
.wrapper-standard:not(:last-child),
.wrapper-featured:not(:last-child) {
    margin-bottom: 15px;
}
.entry-item h3.entry-title {
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
}
.entry-item h3.entry-title a {
    color: inherit;
}
.entry-item .entry-content {
    font-size: 14px;
    word-break: break-word;
    margin-top: 10px;
}
.entry-item .entry-meta ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 0;
}
.entry-item .entry-meta .list-inline-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    vertical-align: top;
}
.entry-item .entry-meta .list-inline-item > img {
    margin-right: 10px;
}
.entry-item .entry-meta .list-inline-item:not(:last-child) {
    margin-right: 24px;
}
.entry-item .entry-meta .list-inline-item .icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 6px;
    height: 26px;
    width: 26px;
}
.entry-item .entry-meta .list-inline-item span + span:last-child {
    color: rgba(101, 101, 101, .8);
    margin-left: 4px;
}
.events-layer > div > div > div:nth-child(2) > h3 {
    background-color: #F2F5F8;
    padding: 50px 20px;
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 0;
    text-align: center;
}

/* Calender */
.home-widget.home-widget-upcoming-events {
    background-color: #F2F5F8;
    padding: 0 15px 15px;
    overflow-x: auto;
}
.home-widget.home-widget-upcoming-events + .home-widget.home-widget-upcoming-events {
    margin-top: 11px;
}
.home-widget.home-widget-upcoming-events .members-panels-item-link {
    margin-top: 15px;
}
.home-widget-upcoming-events p + p {
    margin-top: 10px;
}
.home-widget-upcoming-events .home-events-calendar {
    margin-bottom: 24px;
}
.home-widget-upcoming-events .home-events-calendar > div {
    width: 100%;
    font-family: inherit;
    background-color: transparent;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcTitle {
    font-size: 14px;
    line-height: 24px;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcTitlebar {
    background-image: none;
    color: #1D1D1F;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    background: transparent;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcMain {
    border: none;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcWeek th {
    border-bottom: 1px solid #dfdfdf;
    color: rgba(101, 101, 101, .8);
    height: 45px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    background-color: transparent;
}
.home-widget-upcoming-events .RadCalendar, 
.home-widget-upcoming-events .RadCalendar * {
    box-sizing: inherit;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow td {
    border-bottom: 1px solid #dfdfdf;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 22px;
    padding: 2px 1px 1px;
    height: 45px;
    text-align: center;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow .rcSelected,
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow .rcToday {
    border: transparent;
    border-bottom: 1px solid #dfdfdf;
    background: none;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow .rcToday.rcHover {
    border-bottom: 1px solid #dfdfdf;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow td.rcHover {
    background: transparent;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow td.rcHover a {
    background:#FDB400;
    color: #FFFFFF;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow .rcSelected a {
    position: relative;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow .rcSelected a:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color:#FDB400;
    margin-left: -3px;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow td a {
    border: none;
    background: transparent;
    border-radius: 50%;
    color: #1D1D1F;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin: 0 auto;
    padding: 1px 0 0;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcRow .rcToday a {
    background: #e3e3e3;
}
.home-widget-upcoming-events .RadCalendar.events-calendar .rcFastPrev, 
.home-widget-upcoming-events .RadCalendar.events-calendar .rcFastNext {
    display: none !important;
}
.home-widget-upcoming-events .RadCalendar_Default.RadCalendar .t-font-icon:before {
    color: #1D1D1F;
    width: 7px;
    height: 12px;
    padding: 0;
    font-size: 0;
    margin: 0;
    background-image: url(/uploads/themes/arrow-slide-left.svg);
    background-size: cover;
    position: relative;
    top: 3px;
}
.home-widget-upcoming-events .RadCalendar_Default.RadCalendar .t-button:hover,
.home-widget-upcoming-events .RadCalendar_Default.RadCalendar .t-button:focus {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
}
.published-date svg {
    margin-right: 5px;
}
.RadCalendar_Default.RadCalendar .t-font-icon.t-i-arrow-right:before {
    background-image: url(/uploads/themes/arrow-slide-right.svg);
    margin-left: 10px;
}

/* Calendar bottom slide */
.home-events-wrapper {
    text-align: center;
    padding-bottom: 10px;
}
.home-events-wrapper > span {
    font-size: 12px;
    color: rgba(101, 101, 101, .8);
}
span.home-events-item-title {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
span.home-events-item-title a {
    line-height: 22px;
    display: inline-block;
    color: #1D1D1F;
}
span.home-events-item-location {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    width: 100%;
}
.home-events-wrapper button.slick-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    border: none;
    background-color: transparent;
    padding: 0;
    height: 34px;
    width: 34px;
    margin-top: -17px;
}
.home-events-wrapper button.slick-arrow:focus {
    box-shadow: none;
    outline: none;
}
.home-events-wrapper button.slick-next {
    left: inherit;
    right: 0;
    top: 50%;
}
.home-events-wrapper .slick-slider {
    padding: 0 40px;
}


/* Single Events */
.sbs-event-detail-wrapper {
    margin-top: 50px;
}
.buy-tickets-panel-title span {
    font-family: 'Open Sans', sans-serif;
}
.form-control-qty {
    font-family: 'Open Sans', sans-serif;
    padding: 10px 15px;
    height: auto;
}
.buy-tickets-panel-footer {
    margin-top: 15px;
}


/* Our team */
.ui-accordion {
    border-bottom: none;
    margin: 0;
}
.ui-accordion .ui-accordion-header {
    background: #F2F5F8;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: normal;
    padding: 15px 45px 15px 20px;
    position: relative;
    outline: none;
}
.ui-accordion ~ .ui-accordion,
.ui-accordion .ui-accordion-header ~ .ui-accordion-header {
    margin-top: 20px !important;
}
.panel-widget + .panel-widget .ui-accordion .ui-accordion-header {
    margin-top: 20px;
}
.ui-accordion .ui-accordion-header span {
    font-weight: normal;
}
.ui-accordion .ui-accordion-header:after {
    font-family: inherit;
    content: '+';
    line-height: 1;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    font-size: 30px;
    font-weight: 500;
}
.ui-accordion .ui-accordion-header-active.ui-accordion-header:after {
    content: '-';
}
.ui-accordion .ui-accordion-content {
    background: transparent;
    font-size: 15px;
    padding: 20px 20px 0;
}
.ui-accordion .ui-accordion-content p {
    line-height: 22px;
}
.click-to-scroll-content ~ .click-to-scroll-content {
    padding-top: 80px;
}
.team-intro {
    padding: 50px 0 0 !important;
}
.team-box {
    padding: 15px;
}
.res-box {
    overflow: hidden;
    background-color: #F2F5F8;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.team-box.res-box {
    background: #fff;
    box-shadow: 0px 0px 105px rgba(27, 31, 41, 0.03), 0px 0px 43.8665px rgba(27, 31, 41, 0.0215656), 0px 0px 23.4531px rgba(27, 31, 41, 0.0178832), 0px 0px 13.1476px rgba(27, 31, 41, 0.015), 0px 0px 6.98261px rgba(27, 31, 41, 0.0121168), 0px 0px 2.90562px rgba(27, 31, 41, 0.00843437);
}
.team-box .team-box-img img {
    width: 100%;
    min-height: auto;
    max-height: fit-content;
    object-fit: cover;
}
.team-box .emp_name {
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #1D1D1F;
    background: #F2F5F8;
    padding: 12px 16px 10px;
    font-size: 18px;
    text-shadow: none;
    border-left: 5px solid#FDB400;
    text-transform: inherit;
}
.team-box .emp_name span {
    display: inline-block;
    width: 100%;
    color: #768692;
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
}
.team-box .stk-white-box {
    position: relative; 
}
.team-box .stk-white-box > div:last-child:not(.team-content) {
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: 0px -1px 0px rgba(118, 134, 146, 0.15);
    text-align: right;
    width: 100%;
    padding-top: 15px;
}
.team-box .stk-white-box > div:last-child a {
    color: #005EB8;
}
.team-box .stk-white-box > div:last-child a:hover {
    color: #1D1D1F;
}
.team-box .stk-white-box > div:last-child a svg {
    font-size: 13px;
    margin-left: 5px;
}


/***** Blog *****/
.blog-wrapper {
    padding-top: 50px;
}
.blog-list-item-image {
    padding-top: 100%;
    height: 0;
    position: relative;
}
.blog-list-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
}
.blog-list-item-title a {
    color: inherit;
    transition: inherit;
    line-height: inherit;
    text-transform: uppercase;
}
.blog-list-item-title a:hover {
    color:#FDB400;
}
.blog-list-item-date {
    font-size: 14px;
    line-height: 22px;
    color: #768692;
    padding-left: 20px;
}
.blog-list-item-title {
    border-left: 5px solid#FDB400;
    font-size: 24px;
    margin-top: 4px;
    margin-bottom: 5px;
    padding: 3px 0 3px 15px;
}
.blog-space {
    background-color: #F5F5F5;
    margin-bottom: 30px;
    margin-top: 30px;
    height: 5px;
    width: 100%;
}
.blog-list-wrapper {
    padding-top: 30px;
}
.blog-list .blog-list-item-content {
    padding-left: 20px;
    padding-top: 60px;
}
.blog-list .blog-list-two-col {
    margin-bottom: 30px;
}
.blog-list-header .blog-list-header-item {
    margin-bottom: 30px;
}
.blog-list-header .blog-list-item-title {
    border-left: 5px solid#FDB400;
    font-size: 20px;
    margin-top: 20px;
}

/* Pagination */
.pagination-box .pagination li + li {
    margin-left: 10px;
}
.pagination-box .pagination li a {
    background: #F2F5F8;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #1D1D1F;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding: 0;
    height: 40px;
    width: 40px;
}
.pagination-box .pagination li a:hover,
.pagination-box .pagination li a:focus {
    background-color: #F1F1F1;
    color: #1D1D1F;
}
.pagination-box .pagination li.active a,
.pagination-box .pagination li.active a:hover {
    background-color: #FDB400;
    color: #FFFFFF; 
}
.pagination-box .pagination li a i {
    font-weight: bold;
}

/***** blog details *****/
/* top banner */
.blog-listing-image {
    min-height: 560px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
}
.layer-colour-scheme-dark-grey:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.image-panel-title-wrapper > div > div {
    display: flex;
    flex-wrap: wrap;
}
.blog-listing-image .image-panel-title-wrapper {
    padding-bottom: 60px;
    padding-top: 145px;
    width: 100%;
    transform: inherit;
    position: static;
}
.cms-content-image-panel .image-panel-title-wrapper .cms-content-image-title {
    text-align: left;
    margin-bottom: 10px;
}
.cms-content-image-panel .image-panel-title-wrapper .cms-content-image-title h1:after{
    display: none;
}
.cms-content-image-panel .image-panel-title-wrapper .cms-content-image-title h1 {
    font-size: 36px;
    letter-spacing: 0;
    line-height: 42px;
    margin: 0 0 5px;
    text-transform: inherit;
    text-align: left;
    border-left: 5px solid#FDB400;
    padding: 3px 0 3px 15px;
}
.cms-content-image-panel .cms-content-image-date {
    padding-left: 20px;
    font-weight: 500;
}
/* blog detail content */
.blog-listing-content {
    padding: 50px 0;
}
/* share */
.blog-listing-share {
    padding: 20px 0;
}
.blog-listing-share .blog-listing-share-inner {
    border-bottom: 1px solid #000;
}
.blog-listing-share .blog-listing-share-inner span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0;
    font-weight: bold;
}
.blog-listing-share .blog-listing-share-on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.blog-listing-share .blog-listing-share-on a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
}
.blog-listing-share .blog-listing-share-on > span{
    margin-right: 10px;
}
.blog-listing-share .blog-listing-share-on a i {
    font-size: 20px;
    color: #1D1D1F;
}
/* blog related */
.related-blog-listing {
    padding: 50px 0 0;
}
.blog-listing-related {
    margin-bottom: 30px;
}
.related-blog-listing .related-blog-header {
    margin-bottom: 30px;
}
.related-blog-listing .blog-list-item-title {
    font-size: 20px;
    margin-top: 20px;
}


/* Resources */
.layer-resources-landing {
    padding-top: 50px;
}
.layer-resources-landing-nav,
div.sbs-subnav {
    background-color: #f2f5f8;
    padding: 30px 20px;
}
.sbs-subnav ul li {
    margin: 0;
    padding: 0;
}
.sbs-subnav ul li:before {
    display: none;
}
.layer-resources-landing-nav > h6 {
    border-left: 5px solid #FDB400;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 22px;
    padding: 3px 0 3px 15px;
}
.layer-resources-landing-nav > h6 a {
    color: #1D1D1F;
}
.layer-resources-landing-nav .nav-accordion {
    list-style-type: none;
    padding: 0;
}
.layer-resources-landing-nav .nav-accordion li + li,
.sbs-subnav .nav-accordion li + li {
    margin-top: 10px;
}
.layer-resources-landing-nav .nav-accordion li a,
.sbs-subnav ul li a {
    background-color: #fff;
    color: #1D1D1F;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 12px;
}
.layer-resources-landing-nav .nav-accordion li a:hover,
.sbs-subnav ul li:hover a,
.sbs-subnav ul li.current a {
    color: #FDB400;
}
div.sbs-subnav ul li a {
    text-transform: inherit;
}
.search-short-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.search-lhs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.search-lhs .form-control {
    font-size: 16px;
    line-height: 24px;
}
select::-ms-expand {
    display: none;
}
.search-bar-content,
.search-news > div {
    display: block;
    position: relative;
}
.search-bar-content .search-icon,
.search-news input[type="image"] {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.search-bar-content .form-control,
.search-news .form-control {
    background: transparent;
    color: #656565;
    padding: 10px 16px 10px 44px;
    height: auto;
    font-size: 14px;
}
.search-bar-content .form-control::-webkit-input-placeholder,
.search-news .form-control::-webkit-input-placeholder {
    color: #656565;
}
.search-bar-content .form-control::-moz-placeholder,
.search-news .form-control::-moz-placeholder {
    color: #656565;
    opacity: 1;
}
.search-bar-content .form-control:-ms-input-placeholder,
.search-news .form-control:-ms-input-placeholder {
    color: #656565;
}
.search-bar-content .form-control:-moz-placeholder,
.search-news .form-control:-moz-placeholder {
    color: #656565;
}
.search-news label {
    padding: 0;
}
.select-wrap-top select {
    background-color: transparent !important;
    padding: 10px 16px;
    width: 200px;
    height: auto;
    font-size: 14px;
}
.search-lhs > div {
    width: 48%;
}
.search-lhs > div + div {
    margin-left: 4%;
}
.sortby-list {
    position: relative;
}
.sortby-list > a {
    padding: 12px 42px 10px 16px;
    color: #1D1D1F;
    font-size: 14px;
}
.sortby-list > i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.res-top-small {
    margin: 20px 0;
}
.layer-resources-landing .res-top-small {
    margin-top: 30px;
    font-weight: 500;
}
.layer-resources .sbs-layer-panels {
    margin-bottom: 30px;
}
.layer-resources .sbs-layer-panels-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f2f5f8;
}
.layer-resources .sbs-layer-panels-item-image {
    background-size: cover !important;
    padding-top: 51.82%;
}
.layer-resources .sbs-layer-panels-item-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 14px 18px 20px;
}
.layer-resources .sbs-layer-panels-item-info-top {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.layer-resources .sbs-layer-panels-item-title {
    margin-top: 4px;
    margin-bottom: 4px;
}
.layer-resources .sbs-layer-panels-item-title a {
    color: inherit;
}
.layer-resources .sbs-layer-panels-item-date {
    color: #656565;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
}
.layer-resources .sbs-layer-panels-item-desc {
    margin-bottom: 15px;
}
.layer-resources .sbs-layer-panels-item-type-text {
    font-size: 13px;
}
.layer-resources .sbs-layer-panels-item-type-btn {
    margin-top: 10px;
}
.layer-resources .sbs-layer-panels-item .btn {
    padding: 8px 14px;
}

/* Download Box */
.download-item {
    background: #FFFFFF;
    border: 2px solid #E5E5E5;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 18px 38px 18px 18px;
}
.download-item h4 {
    margin-bottom: 4px;
}
.download-item h4 a {
    word-break: break-word;
}
.download-item h4 ~ span {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
.download-item .download-icon {
    width: 68px;
}
.download-item .download-icon img {
    max-width: 100%;
}
.download-item .download-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    width: calc(100% - 68px - 120px);
    word-break: break-word;
}
.download-item .download-btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 120px;
}
.download-item .download-btn .btn {
    font-size: 14px;
    padding: 10px 20px;
}

/* resource detail */
.resourcedetail {
    padding-top: 50px;
}
.resourcedetail .card-box {
    background: transparent;
}
.back-btn-wrap {
    margin-bottom: 28px;
    position: relative;
}
.back-btn-wrap .btn {
    position: relative;
    background-color: #F2F5F8;
    border-color: #F2F5F8;
    color: #1D1D1F;
}
.back-btn-wrap .btn:active, .back-btn-wrap .btn:focus, .back-btn-wrap .btn:hover {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
    color: #1D1D1F;
}
.back-btn-wrap:before {
    background: #E5E5E5;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
}
.back-btn-wrap .btn-back {
    border: 1px solid #f2f5f8;
    color: #1d1d1f;
    padding: 10px 15px 9px;
    background: #f2f5f8;
    position: relative;
    font-weight: 600 !important;
    text-transform: inherit;
}
.back-btn-wrap .btn-back:hover {
    background: #f3f3f3;
    border-color: #f3f3f3;
}
.resourcedetail-date {
    margin-bottom: 28px;
}
.resources-results-time {
    position: relative;
    padding-left: 28px;
    font-weight: 500;
    font-size: 14px;
}
.resources-results-time-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
.resources-results-time + .resources-results-time {
    margin-top: 13px;
}
.resourcedetail .download {
    display: inline-block;
    margin-top: 30px;
    text-decoration: none;
    width: 100%;
}
.resourcedetail .download-item {
    max-width: 550px;
}
.resourcedetail a.download:hover .download-item {
    border-color: #FDB400;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* resourc modal */
.modal-resourcedetail .resourcedetail {
    padding: 30px 15px;
}


/* FAQs */
.faqs-layer {
    padding-top: 50px;
}
.right-border-content > .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.top-title h3 {
    margin-bottom: 0;
}


/*** event page ***/
/* top layer */
.events-top-layer {
    padding-top: 40px;
}
.events-top-layer > div > div, .events-top-layer > div > div > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.events-top-layer > div > div > div:first-child {
    padding-right: 0;
}
.events-top-layer > div > div > div:last-child {
    padding-left: 0;
}
.events-top-lhs.card-box {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 30px;
    overflow: auto;
}
.events-top-lhs a {
    font-weight: 500;
}
.events-top-rhs {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    width: 100%;
    background-color: #F2F5F8 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.events-top-rhs > img {
    width: auto;
    height: auto;
    object-fit: cover;
    max-height: 90%;
}
/* events-listing-layer */
.filter-and-eventslist-lhs.card-box {
    padding: 20px;
}
.search-filter-wrap {
    position: relative;
}
.search-filter-wrap .search-filter-wrap-icon {
    position: absolute;
    left: 15px;
    top: 14px;
}
.search-filter-wrap input[placeholder="Search"] {
    padding-left: 46px;
    font-weight: 500;
    min-height: 54px;
}
.event-filter-lhs input[value=Filter] {
    float: right;
}
.event-filter-lhs .btn-clear {
    color: #1d1d1f;
}
.event-filter-lhs .btn-clear:hover {
    color: #FDB400;
}
.events-listing-layer {
    padding-top: 60px;
    padding-bottom: 60px;
}
/* event list rhs box */
.event-listing-title {
    margin-bottom: 30px;
}
.event-item-title + .event-item-btn {
    margin-top: 20px;
}
.event-listing-title-rhs-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.event-item {
    background-color: #FFFFFF;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 2px 20px rgb(0 0 0 / 8%);
}
.event-item-image {
    overflow: hidden;
    width: 100%;
    padding-top: 68.63%;
    border-bottom: 1px solid #eee;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.event-item .event-item-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}
.event-item .event-item-cat {
    color: #586D83;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
}
.event-item-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.event-item > .event-item-content {
    padding: 20px;
}
.event-item .event-item-tag {
    font-weight: 500;
    padding: 6px 0 6px 37px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
}
.event-item .event-item-tag + .event-item-tag {
    border-top: 1px solid #F0F2F2;
}
.event-item .event-item-tag img, 
.event-item .event-item-tag svg {
    position: absolute;
    left: 7px;
    top: 7px;
}
.event-item .event-item-description {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 10px;
    word-break: break-word;
    margin-top: 10px;
}
.event-item .event-item-btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
}
.event-item-btn > a {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
/* pagination */
.pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagination>li {
    margin-top: 10px;
    margin-right: 15px;
}
.pagination>li:last-child {
    margin-right: 0px;
}
.pagination>li>a {
    cursor: pointer;
}
.pagination>li>a, 
.pagination>li>span {
    background-color: #FFFFFF;
    box-shadow: 0px 6px 16px rgba(29, 29, 31, 0.06);
    border-radius: 50% !important;
    border: none;
    color: #1D1D1F;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 6px;
    height: 40px;
    width: 40px;
}
.pagination>li>a>i {
    font-size: 18px;
}
.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: #FDB400;
    color: #fff;
}
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #FDB400;
    border-color: #FDB400;
    color: #fff;
}
.pagination  a:hover svg path {
    stroke: #fff;
}

/********** event details *****************/
.sbs-event-detail-wrapper.sbs-page-content-wrapper {
    padding: 0;
    box-shadow: none;
    background: transparent;
}
/* event details - top layer */
.sbs-event-detail-image {
    position: relative;
    width: 100%;
    border-radius: 5px;
    background-color: #fff !important;
    align-self: flex-start;
    overflow: hidden;
    margin-bottom: 30px;
}
.sbs-event-detail-image > img {
    width: 100%;
}
.sbs-event-detail-wrapper .sbs-event-detail-info {
    padding: 30px;
}
.time-address-list {
    padding: 15px 15px 15px 40px;
    position: relative;
}
.time-address-list + .time-address-list {
    border-top: 1px solid #F0F2F2;
}
.time-address-list h6 {
    font-size: 14px;
}
.sbs-event-detail-info-title h1 {
    margin-bottom: 5px;
    color: #1d1d1f;
}
.event-details-title-subtext {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #00B1B0;
    margin-bottom: 20px;
}
.time-address-list h6 svg {
    position: absolute;
    left: 5px;
    top: 17px;
}
.time-address-list h6 svg path {
    fill: #FDB400;
}
.time-address-list p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}
.sbs-event-detail-header > div > div:last-child {
    float: none;
    display: inline-block;
}
.sbs-event-detail-tickets.card-box .btn {
    margin-top: 20px;
    margin-bottom: 0;
}
/*** event details - bottom layer ***/


/* event details - bottom layer (lhs) */
.sbs-event-detail-lhs.card-box h2 {
    margin-bottom: 25px;
}
.course-calendar-share-option {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0;
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.course-add-calendar, .course-share {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}
.course-add-to-calendar, .course-share-option {
    list-style-type: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}
.course-add-calendar-title, .course-share-title {
    font-weight: bold;
    margin-right: 10px;
}
.course-add-to-calendar > div, .course-share-option > div {
    width: 32px;
    height: 32px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.course-add-to-calendar .course-add-calendar-item {
    display: block;
}
.course-add-to-calendar img, .course-share-option svg {
    display: block;
    max-width: 16px;
    max-height: 16px;
}
.course-add-to-calendar .sbs-event-calendar-text {
    display: none;
}
.course-calendar-share-option h6 {
    color: #1D1D1F;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.sbs-event-calendar-icon {
    margin-right: 0;
}
/* detail bottom autor */
.sbs-event-author img {
    height: auto;
    max-width: 90px;
}
.sbs-event-details-author-outline {
    padding: 4px 10px 4px 25px;
    font-size: 12px;
}
.sbs-event-details-author-outline .sbs-event-details-panel-icon {  
    left: 9px;
    top: 6px;
    width: 10px;
}








/* Content-Layer-Templates => page */
.sbs-layer .sbs-layer-type-2.card-box .full-height > div {
    justify-content: center;
    text-align: center;
}





/* Footer */
.footer-logo img {
    max-height: 82px;
}
.footer.footer-desktop {
    background-color: #F2F5F8;
    color: #1D1D1F;
    font-size: 14px;
    line-height: 20px;
    margin-top: 50px;
    padding: 0;
}
.footer .footer-row1 {
    padding: 50px 0;
}
.footer .footer-row2 {
    padding: 0;
    margin-top: 0;
    border: none;
}
.footer-copyright {
    background-color: #1d1d1d;
    margin: 0 !important;
    padding: 12px 0;
}
.footer-copyright .clientcopyright {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
}
.clientcopyright a {
    color: #fff;
}
.footer h3 {
    color: #1D1D1F;
    font-family: 'Raleway';
    font-size: 16px;
    letter-spacing: 0.4px;
    min-height: inherit;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 30px;
    font-weight: bold;
    position: relative;
}
.footer h3:after {
    content: '';
    background-color: #FDB400;
    position: absolute;
    height: 3px;
    width: 60px;
    left: 0;
    bottom: -10px;
}
.footer-col-wrap > div + div {
    position: relative;
}
.footer-col-wrap > div + div:before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #DFDFDF;
    position: absolute;
    left: -50px;
    top: 0;
}
.footer-col-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer-col-wrap > div:first-child,
.footer-col-wrap > div:nth-child(2){
    padding-right: 70px;
}
.footer-address {
    font-size: 16px;
    font-weight: bold;
}
.footer .list-unstyled {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.footer .list-unstyled li {
    margin-bottom: 8px;
    width: 50%;
    padding: 0 5px;
}
.footer .list-unstyled li a {
    color: #1D1D1F;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
}
.footer .newsletter-box {
    max-width: 263px;
    overflow: hidden;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .05);
}
.footer span[style="color: red; display: inline;"] {
    margin-top: 6px;
    display: inline-block !important;
    font-size: 13px;
    padding-left: 5px;
}
.footer .newsletter-box input {
    height: 47px;
    color: #1D1D1F;
    padding: 9px 35px 9px 18px;
    background: #fff !important;
}
.footer .newsletter-box input::-webkit-input-placeholder {
  color: #8f8f8f;
}
.footer .newsletter-box input:-ms-input-placeholder {
  color: #8f8f8f;
}
.footer .newsletter-box input::placeholder {
  color: #8f8f8f;
}
.footer .newsletter-box a {
    top: 0;
    padding: 0;
    background: url(/themes/Standard/css/images/seed/footer-arrow-right.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 47px;
    width: 35px;
    font-size: 0;
}
.footer-copyright .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* cart */
.cart-page-wrap {
    padding: 20px 0 0;
}
.cart-col.card-box + .cart-col.card-box {
    margin-top: 20px;
}
.card-box.cart-summary-new {
    padding: 30px;
}
.cart-col-left h3 {
    margin-bottom: 20px;
}
.cart-summary-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 13px 0;
}
.cart-summary-item + .cart-summary-item {
    border-top: 1px solid #e5e5e5;
}
.cart-summary-new .btn {
    margin-top: 20px;
}
.table {
    font-size: 14px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #e5e5e5;
}
.table>thead>tr>th {
    min-width: 60px;
}
.order-panel-section h3 {
    margin-bottom: 0;
}
.order-panel-section > div:first-child {
    padding: 0 0 16px;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #e5e5e5;
}
.cart-buttons-new {
    margin-top: 10px;
}
.cart-buttons-new > .btn {
    margin-top: 5px;
    margin-right: 5px;
}

/* myspace details */
.myspace-orders .tab-content .signup-wrap {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.myspace-orders .signup-frontend-control-wrap .card {
    border: none;
}
.myspace-orders .tab-content .signup-wrap .user_submit {
    display: inline-block;
}
.myspace-details-edit br {
    display: none;
}

.dashboard-header {
    background-color: #f2f5f8 !important;
}
.page-dashboard .dashboard-header {
    margin-bottom: 20px;
}
div.page-dashboard .dashboard-item {
    padding: 0;
}
div.dashboard-item h4 {
    margin-bottom: 0;
    padding: 15px 20px 5px;
}
div.dashboard-item-content {
    margin-bottom: 0;
    padding: 20px 20px 40px;
}
div.dashboard-item-link {
    border-top: 1px solid #e1e1e1;
    padding: 10px 20px;
}
div.dashboard-item-link .view-link {
    color: #586D83;
}
div.dashboard-item-link .view-link:hover {
    color: #444444;
}
div.myspace-details {
    background: #FFFFFF;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
    padding: 25px 20px;
}
div.myspace-details-image img {
    border-radius: 50%;
    margin-bottom: 10px;
    object-fit: cover;
    height: 60px;
    width: 60px;
}
div.myspace-details-name span.myspace-details-text {
    color: #231f20;
    font-family: 'Lato', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 30px;
}
div.myspace-details-registered {
    color: #95999E;
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
    margin-bottom: 20px;
}
div.myspace-details-link .btn ~ .btn {
    margin-left: 0;
}
div.myspace-details-link .btn-gray {
    background-color: #f2f5f8;
    border-color: #f2f5f8;
    color: #231F20;
}
div.myspace-details-link .btn-gray:hover {
    background-color: #F5F5F5;
    border-color: #F5F5F5;
}
div.myspace-details-link .deactivate-account-link {
    color: #7A7F85;
}
.btn.dashboard-link, .btn.dashboard-link:active {
    background-image: url('/images/charity-theme/dashboard-icon.png');
}
.btn.edit-profile-link, .btn.edit-profile-link:active {
    background-image: url('/images/charity-theme/edit-profile-icon.png');
}
.btn.password-reset-link, .btn.password-reset-link:active {
    background-image: url('/images/charity-theme/password-reset-icon.png');
}
.btn.export-data-link, .btn.export-data-link:active {
    background-image: url('/images/charity-theme/export-data-icon.png');
}
.myspace-details-edit input {
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-position: 11px 9px;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 8px 10px 8px 43px;
    text-align: left;
    width: 100%;
}
.myspace-details-edit input:hover {
    background-color: #F5F5F5;
}
.myspace-details-edit input ~ input {
    margin-top: 8px;
}
.myspace-details-edit input[value="Edit"] {
    background-image: url('/images/charity-theme/edit-profile-icon.png');
}
.myspace-details-edit input[value="Linked accounts"] {
    background-image: url('/images/charity-theme/dashboard-icon.png');
}
.myspace-details-edit input[value="Export data"] {
    background-image: url('/images/charity-theme/export-data-icon.png');
}
.myspace-details-edit input[value="Deactivate account"] {
    background-image: url('/images/charity-theme/deativate-account-icon.png');
    color: #7A7F85;
}
div.myspace-orders .nav-tabs > li {
    border-radius: 0;
}
div.myspace-orders .tab-content {
    border-radius: 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
}
div.donate-now [type="radio"]:checked:not(:disabled) + label {
    background-color: #3AB795;
    border-color: #3AB795;
    color: #FFFFFF;
}
.profile-image + .btn {
    border: 1px solid #fff;
    width: 100%;
    color: #1d1d1f;
    background-color: #fff;
}
.profile-image + .btn:hover {
    border: 1px solid #FDB400;
    background-color: #FDB400;
    color: #fff;
}
.modal-dialog .modal-header .close {
    position: relative;
    top: -10px;
}


/* Responsive css */
@media (min-height: 500px) {
    .charity-layers-welcome {
        min-height: 100vh !important;
        padding-bottom: 140px;
    }
}

@media screen and (min-width: 1310px) {
    .container {
        width: 1170px !important;
    }
}

@media screen and (max-width: 1400px) {
    .charity-layers-welcome {
        min-height: 700px !important;
        padding: 70px 0 100px;
    }
}

@media screen and (min-width: 992px) {
    .transparent .header-navbar:not(.navbar-fixed-top) .navbar-nav > li > a {
        color: #FFFFFF;
        border-bottom: 1px solid transparent;
    }
    .transparent .header-navbar:not(.navbar-fixed-top) .navbar-nav > li:focus > a, .transparent .header-navbar:not(.navbar-fixed-top) .navbar-nav > li:hover > a, .transparent .header-navbar:not(.navbar-fixed-top) .navbar-nav > .open > a, .transparent .header-navbar:not(.navbar-fixed-top) .navbar-nav > .open > a:focus, .transparent .header-navbar:not(.navbar-fixed-top) .navbar-nav > .open > a:hover, .transparent .header-navbar:not(.navbar-fixed-top) .navbar-nav > li > a.current {
        color: #ffffff;
        border-bottom: 1px solid #fff;
    }
    .header-navbar .navbar-nav {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 45px;
    }
    .header-navbar .navbar-nav:before,
    .header-navbar .navbar-nav:after {
        display: none;
    }
    .header-navbar .navbar-nav > li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }
    .header-navbar .navbar-nav > li ~ li {
        margin-left: 32px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-collapse .navbar-nav li {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px) {
    /* Header */
    .transparent .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .transparent .navbar-header .mobile-utils .mobile-utils-cart > a,
    .transparent .navbar-header .mobile-utils .mobile-utils-user > a {
        color: #fff;
    }
    .header-navbar {
        padding: 12px 0;
    }
    .navbar-header .mobile-utils {
        margin-top: 13px;
    }
    .navbar-header .navbar-btn {
        margin-top: 17px;
    }
    .nav-right {
        width: 100%;
    }
    .header-sm-nav {
        margin: 0;
        top: 100%;
        background-color: #F2F5F8;
        margin-top: 13px;
    }
    .navbar-toggle:hover .icon-bar {
        background-color:#FDB400;
    }
    .header-sm-nav .navbar-nav {
        padding: 0;
    }
    .header-sm-nav .navbar-nav > li {
        position: relative;
    }
    .header .navbar-nav > li > a {
        padding: 5px 5% !important;
        min-height: 54px;
        display: flex;
        align-items: center;
    }
    .header .navbar-nav > li > a:hover, .header .navbar-nav > li > a.current {
        border-bottom: 1px solid #e5e5e5;
    }
    .header-sm-nav .navbar-nav > li > .dropdown-icon {
        width: 48px;
        height: 54px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        background: rgba(255,255,255,0.1);
        border-left: 1px solid #e5e5e5;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header .navbar-nav > li > .dropdown-icon:before {
        line-height: normal;
        margin: 0;
        font-size: 28px;
    }
    .dropdown-menu li {
        margin: 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        padding: 1em 5% 1em 8% !important;
        font-size: 14px;
        border-color: #e5e5e5;
        font-weight: 500;
    }


    .charity-layers-whatwedo:before {
        margin-right: -680px;
    }
    .charity-layers-whoweare-panel > div > div p {
        max-width: 100%;
    }

    .charity-layers-whoweare-panel .text-box-card {
        margin-left: -50px;
        width: calc(50% + 50px);
    }
    .charity-layers-whoweare-panel .text-box-card:first-child {
        margin-left: 0;
        margin-right: -50px;
    }
    .charity-layers-whoweare-panel .card-box {
        padding: 30px;
    }
    .charity-layers-takeaction:after {
        display: none;
    }
    .charity-layers-takeaction:before {
        height: 100%;
    }
    .charity-layers-ourimpact-panel .card-box {
        margin-top: 1.4rem;
    }
    .layers,
    .charity-layers-text {
        padding: 70px 0;
    }
    .charity-layers-ourprojects {
        padding-top: 70px;
    }
    .charity-layers-text h2 {
        font-size: 24px;
        line-height: normal;
    }
    .charity-layers-text:last-child {
        padding-bottom: 20px;
    }

    button.btn-navbar {
        float: none;
        background-color: #f2f5f8;
        width: 100%;
        padding: 10px 20px;
        margin-bottom: 20px;
        text-align: left;
    }
    button.btn-navbar > span {
        margin-right: 10px;
    }
    .panel-widget .sbs-subnav {
        padding: 20px;
        margin-bottom: 20px;
    }
    .sbs-subnav .navbar-toggle {
        margin-bottom: 0px;
        float: none;
        padding: 0;
        text-align: left;
        width: 100%;
    }
    .sbs-subnav .sidebar-sm-nav {
        margin-top: 10px;
        border-bottom: 1px solid #a7a7a7;
        border-top: 1px solid #a7a7a7;
    }
    .sbs-subnav .sidebar-sm-nav > ul {
        padding: 10px 0;
    }
    .sbs-subnav .sidebar-sm-nav > ul li {
        width: 100%;
    }
    .sbs-subnav .navbar-toggle .fa.fa-bars {
        margin-right: 9px;
    }
    .sbs-event-detail-wrapper {
        margin: 50px 0 0;
    }

    .layer-resources-landing-nav {
        margin-bottom: 20px;
    }
    .search-lhs,
    .select-wrap-top select {
        width: 100%;
    }
    .sortby-list {
        width: 100%;
        border: 1px solid #dfdfdf;
        border-radius: 6px !important;
        margin-top: 20px;
    }
    .sortby-list > a {
        width: 100%;
        background-image: url('/images/arrow-down.svg') !important;
        background-repeat: no-repeat;
        background-position: center right 15px !important;
        padding-right: 40px !important;
    }
    .sortby-list > i {
        display: none;
    }
    .search-lhs .form-control {
        font-size: 14px;
        line-height: 24px;
    }

    .event-layer-nav.subnav {
        margin-top: 0;
    }

    /* footer */
    .footer-col-wrap > div:first-child, 
    .footer-col-wrap > div:nth-child(2) {
        padding-right: 30px;
    }
    .footer-col-wrap > div + div:before {
        left: -15px;
    }

    /* login form */
    .right-border-content .top-title-wrap {
        margin-bottom: 10px;
    }
    .search-right.cat-search > div {
        float: left !important;
        width: 100%;
    }
    .search-news label {
        width: 100%;
    }
        
    .login-lhs-btn .btn {
        width: 100%;
    }
    .login-lhs-btn a.btn {
        margin: 20px 0 0 !important;
    }
    .g-recaptcha {
        margin: 15px 0;
        transform: scale(.85);
        transform-origin: left;
    }

    .cart-page-wrap > div > div + div {
        margin-top: 1rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .event-layer-nav.subnav ul {
        display: flex;
        flex-wrap: wrap;
    }
    .event-layer-nav.subnav ul li {
        width: 50%;
        max-width: 100%;
        margin-bottom: 26px;
    }
    .subnav > ul > li + li {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) {
    .blog-list-header-row {
        display: flex;
        flex-wrap: wrap;
    }
    div.dashboard-header-title, div.dashboard-header-summary {
        padding-left: 0;
    }
    .order-panel-section > div:first-child {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        width: 100%;
    }

    .col-xs-12 { width: 100% }
    .col-xs-11 { width: 91.66666667% }
    .col-xs-10 { width: 83.33333333% }
    .col-xs-9 { width: 75% }
    .col-xs-8 { width: 66.66666667% }
    .col-xs-7 { width: 58.33333333% }
    .col-xs-6 { width: 50% }
    .col-xs-5 { width: 41.66666667% }
    .col-xs-4 { width: 33.33333333% }
    .col-xs-3 { width: 25% }
    .col-xs-2 { width: 16.66666667% }
    .col-xs-1 { width: 8.33333333% 
    }

    html body {
        font-size: 15px;
        line-height: 24px;
    }
    p {
        line-height: 24px;
    }
    div h1 {
        font-size: 32px;
    }
    h1 {
        line-height: 42px;
    }
    div h2 {
        font-size: 24px;
    }
    h2 {
        padding: 0;
        line-height: 34px;
    }
    div h3 {
        font-size: 20px;
    }
    h3 {
        line-height: 28px;
        margin-bottom: 10px;
    }
    div h4 {
        font-size: 20px;
    }
    h4 {
        line-height: 28px;
    }
    h5 {
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .btn {
        padding: 10px 25px;
        font-size: 14px;
    }
    .col-sm-12 {
        width: 100%;
    }

    .charity-layers-intro, .transparent-page-header, .cms-content-heading {
        padding: 70px 0 40px !important;
        height: auto !important;
        min-height: 320px !important;
    }
    .charity-layers-intro-panel h1, .charity-layers-intro-panel h2, .transparent-page-header-title h1, .cms-content-heading-column2 h1, .dashboard-header-title h1 {
        font-size: 32px;
    }
    .charity-layers-welcome {
        min-height: 410px !important;
        padding: 50px 0 40px;
    }
    .transparent .charity-layers-welcome {
        padding-top: 100px;
    }
    .charity-layers-welcome:before {
        background-color: rgba(89, 84, 84, .45);
    }
    .charity-layers-welcome h1 {
        margin-bottom: 15px;
    }
    .banner-btn-wrap {
        margin-top: 20px;
    }
    .charity-layers-whoweare-image {
        height: auto;
        padding-top: 0;
    }
    .charity-layers-whoweare-image img {
        position: static;
        height: auto;
    }


    .charity-layers-whoweare-panel .text-box-card {
        margin: 0;
        width: 100%;
        order: 1;
    }
    .charity-layers-whoweare-panel .card-box {
        padding: 30px 20px;
    }

    .layers,
    .charity-layers-text {
        padding: 50px 0;
    }
    .charity-layers-ourprojects {
        padding-top: 50px;
    }
    .charity-layers-takeaction .sbs-layer-panels-item-info {
        padding: 20px 0 0;
    }
    .charity-layers-whatwedo:before {
        margin-right: -500px;
    }
    .charity-layers-text:last-child {
        padding-bottom: 30px;
    }
    .charity-layers-text h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .charity-layers-intro:before {
        background: linear-gradient(181deg,rgba(255, 255, 255, .01) 0%, rgba(0, 0, 0, .8) 110%);
    }
    .sbs-layer > div > .mt-4 {
        margin-top: 0 !important;
    }
    .cms-content-heading-publish-date {
        margin-bottom: 12px;
    }

    .team-intro {
        padding: 50px 0 30px !important;
    }
    div:last-child > .res-box {
        margin-bottom: 0px;
    }

    .faqs-layer {
        padding-bottom: 30px;
    }

    .sbs-page-content-wrapper,
    .non-transparent .sbs-page-content-wrapper {
        margin-bottom: 30px;
    }

    /* About-Us/Our-Portfolio */
    .sbs-layer:last-child {
        padding: 26px 0 30px;
    }

    ul.pagination li a {
        font-size: 16px;
        padding: 10px;
    }
    .subnav > ul > li:last-child {
        margin-bottom: 30px;
    }
    .pagination {
        margin: 20px 0 30px;
    }

    .event-layer-nav.subnav {
        margin-top: 0;
    }
    .home-widget.home-widget-upcoming-events {
        margin-bottom: 30px;
    }
    .buy-tickets-panel-body {
        margin-top: 20px;    
    }

    .search-lhs > div {
        width: 100%;
    }
    .search-lhs > div + div {
        margin-left: 0;
        margin-top: 20px;
    }

    .charity-layers-text-panel > div > div > div > div:last-child a {
        margin-top: 20px;
    }

    .blog-space {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .blog-list .blog-list-item-content {
        padding: 0;
    }
    .blog-list-header .blog-list-item-title {
        line-height: 30px;
    }
    .blog-list-item-title {
        font-size: 20px;
        line-height: 30px;
        margin-top: 20px;
    }
    .blog-listing-image {
        min-height: 320px !important;
    }
    .blog-listing-image .image-panel-title-wrapper {
        padding-bottom: 40px;
        padding-top: 70px;
    }
    .cms-content-image-panel .image-panel-title-wrapper .cms-content-image-title h1 {
        font-size: 32px;
    }
    .blog-list-wrapper {
        padding-top: 0;
    }


    .sbs-layer.layer-resources-landing {
        padding-top: 50px;
    }
    .layer-resources .sbs-layer-panels:last-child {
        margin-bottom: 0px;
    }
    .resourcedetail {
        padding-bottom: 30px;
    }
    .modal-resourcedetail .resourcedetail {
        padding: 15px 5px;
    }
    .download-item {
        padding: 13px 20px 17px;
    }
    .download-item .download-icon {
        width: 48px;
    }
    .download-item .download-info {
        width: calc(100% - 48px);
    }
    .download-item h4 {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: normal;
    }
    .download-item .download-btn {
        width: 100%;
        justify-content: flex-start;
        padding-left: 58px;
    }

    .events-layer > div > div > div:nth-child(2) > h3 {
        padding: 30px 20px;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .order-panel-section h3 {
        margin-bottom: 10px;
    } 
    .order-panel-section > div:first-child .text-right {
        text-align: left;
    }

    .sbs-page-content-wrapper.page-not-found {
        margin: 50px auto;
    }
    .page-not-found h1 {
        font-size: 28px;
    }

    .page-dashboard {
        padding-bottom: 30px;
    }

    /* footer */
    .footer.footer-desktop {
        margin-top: 20px;
    }
    .footer-col-wrap > div:first-child, .footer-col-wrap > div:nth-child(2) {
        padding-right: 15px;
    }
    .footer-col-wrap > div + div:before {
        display: none;
    }
    .footer h3 {
        margin-bottom: 30px;
    }
    .footer .form-group {
        margin-bottom: 0;
    }
    .footer .footer-row2 {
        text-align: center;
    }
    .footer-row2 .row > div:not(.footer-bottom-menu) .clientcopyright > span {
        display: inline-block;
        width: 100%;
        margin-top: 5px;
    }
    .footer-row2 .footer-bottom-menu .clientcopyright > div {
        text-align: center !important;
    }
    .footer .list-unstyled li {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .container {
        width: 100%;
    }
    .navbar-header .header-logo {
        width: 70%;
    }
    .header-wrapper .navbar-header img {
        max-width: 180px;
    }

    .download-item .download-btn .btn {
        font-size: 12px;
        padding: 6px 10px;
    }
}



/*======= Header banner =======*/
.purple-colored-bg {
    background: #FDB400;
    padding: 50px 0;
}
.rectangle-img .medium-rec-image-col-img img {
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
}
/* Large  with border */
.large-with-border {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 30px;
    width: 94%;
    max-width: 1360px;
    height: auto !important;
    padding: 100px 10px 100px 0;
    margin: 40px auto 0;
    background-color: #ebebeb !important;
    min-height: 460px;
}
.large-with-border > .container {
    width: 100% !important;
    padding: 0;
}
.large-with-border .card-layer {
    background-color: #fff;
    width: calc(100% - 60px);
    max-width: 580px;
    padding: 60px 30px;
    position: relative;
}
.large-with-border .card-layer:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='59' height='258' viewBox='0 0 58 258' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H37.3872C49.4021 0 58.7052 10.5185 57.2374 22.4434L30.4029 240.443C29.1688 250.469 20.6535 258 10.5527 258H0V0Z' fill='white'/%3E%3C/svg%3E");
    background-size: cover;
    width: 65px;
    height: 100%;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    right: -59px;
    top: 0;
    background-size: auto 100%;
}
@media screen and (max-width: 560px) {
    .large-with-border .card-layer:before {
        display: none;
    }
    .large-with-border {
        padding: 60px 15px 60px;
        min-height: 300px;
    }
    .large-with-border .card-layer {
        width: 100%;
        padding: 40px 15px;
        border-radius: 20px;
        margin: 0 auto;
    }
}
/* Large full bleed */
.large–full-bleed {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    display: flex;
    align-items: center;
    height: auto !important;
    padding: 100px 0;
}
.sub-title {
    font-weight: 500;
}
.large–full-bleed .sub-title {
    color: #1d1d1f;
}
.large–full-bleed .card-layer {
    width: calc(100% - 60px);
    max-width: 640px;
    padding: 50px 50px;
    position: relative;
    margin-left: 60px;
}
.large–full-bleed .card-layer:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 24px;
    transform: skew(172deg);
}
.large–full-bleed .card-layer > * {
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .large–full-bleed {
        padding: 60px 15px 60px;
    }
    .large–full-bleed .card-layer {
        width: 100%;
        padding: 30px 20px;
        border-radius: 20px;
        margin: 0 auto;
    }
    .large–full-bleed .layer-title {
        line-height: 35px;    
    }
    .large–full-bleed .card-layer:before {
        border-radius: 24px;
        transform: inherit;
    }
}
/* Medium  rectangle / oval image */
.medium-rec-image-white-bg {
    overflow: hidden;
    padding: 50px 0 ;
}
.medium-rec-image-white-bg .medium-rec-image-inner {
    display: flex;
    align-items: center;
}
.medium-rec-image-white-bg .card-layer {
    max-width: 100%;
    width: 640px;
    padding: 50px;
    position: relative;
}
.medium-rec-image-white-bg .card-layer:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #FDB400;
    border-radius: 24px;
    transform: skew(172deg);
}
.medium-rec-image-white-bg .card-layer > * {
    position: relative;
    z-index: 1;
}
.medium-rec-image-white-bg .layer-title {
    font-style: normal;
    color: #fff;
}
.medium-rec-image-white-bg .sub-title {
    font-weight: 500;
    color: #fff;
    font-size: 15px;
}
.medium-rec-image-white-bg .sub-title p {
    color: #fff;
}
.medium-rec-image-white-bg .medium-rec-image-col-text {
    margin-left: -150px;
}
/* >> BG Rectangle */
.medium-rec-image-white-bg.purple-colored-bg .layer-title {
    color: #1d1d1f;
}
.medium-rec-image-white-bg.purple-colored-bg  .sub-title {
    color: #1d1d1f; 
}
.medium-rec-image-white-bg.purple-colored-bg  .sub-title p {
    color: #1d1d1f; 
}
.medium-rec-image-white-bg.purple-colored-bg .card-layer:before {
    background: #fff;
}
/* >> Round Rectangle */
.medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-col-img img {
    object-fit: cover;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    margin: 0 auto;
}
.medium-rec-image-white-bg .medium-rec-image-col-text {
    margin-left: -140px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-col-img img {
        width: 430px;
        height: 430px;
    }
}
@media screen and (max-width: 1099px) {
    .medium-rec-image-white-bg .medium-rec-image-col-img {
        width: 50%;
    }
    .medium-rec-image-white-bg .medium-rec-image-col-text {
        width: 50%;
        margin: 0;
    }
    .medium-rec-image-white-bg .card-layer {
        width: 100%;
        max-width: 390px;
        padding: 50px 20px;
        position: relative;
        margin-top: 20px;
    }
    .medium-rec-image-white-bg .card-layer:before {
        transform: inherit;
    }
}
@media screen and (max-width: 991px) {
    .medium-rec-image-white-bg .medium-rec-image-inner {
        flex-direction: column;
    }
    .medium-rec-image-white-bg .medium-rec-image-col-img, .medium-rec-image-white-bg .medium-rec-image-col-text {
        width: 100%;
        text-align: center;
    }
    .medium-rec-image-white-bg .medium-rec-image-col-img > img {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .medium-rec-image-white-bg .card-layer {
        max-width: 100%;
        padding: 30px 20px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}
@media screen and (max-width: 767px) {
    .medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-col-img img {
        width: 410px;
        height: 410px;
    }
}
@media screen and (max-width: 479px) {
    .medium-rec-image-white-bg.medium-rec-img-round-bg .medium-rec-image-col-img img,
    div.small-rec-image-white-bg.small-rec-image-round-bg img {
        width: 100%;
        height: auto;
        border-radius: 60px;
    }
    div.small-rec-image-white-bg.small-rec-image-round-bg .card-layer-img:before {
        width: 120px;
        height: 120px;
        bottom: -40px;
        border: 30px solid #FDB400;
    }
}
/* Small  square / circle / no image */
.small-rec-image-white-bg {
    padding: 40px 0;
}
.small-rec-image-white-bg .medium-rec-image-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-img {
    width: 50%;
}
.small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text {
    width: 50%;
    padding: 0 20px;
}
.small-rec-image-white-bg .card-layer-img {
    width: 100%;
    max-width: 464px;
    position: relative;
    margin: 0 auto;
}
.small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text .card-layer {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
}
.small-rec-image-white-bg .card-layer-img:before {
    content: "";
    width: 400px;
    height: 123px;
    transform: skew(343deg);
    background: #FDB400;
    position: absolute;
    opacity: 0.4;
    right: -50px;
    bottom: 40px;
    z-index: 1;
    border-radius: 20px;
}
.small-rec-image-white-bg.purple-colored-bg .layer-title,
.small-rec-image-white-bg.purple-colored-bg .sub-title {
    color: #fff;
}
.small-rec-image-white-bg.purple-colored-bg .sub-title p {
    color: #fff;
}
.small-rec-image-white-bg.purple-colored-bg .card-layer-img:before {
    background: #fff;
}
/* >> Round Rectangle */
.small-rec-image-white-bg.small-rec-image-round-bg .card-layer-img:before {
    content: "";
    width: 180px;
    height: 180px;
    background: transparent;
    position: absolute;
    opacity: 0.4;
    right: 0px;
    bottom: 40px;
    z-index: 1;
    border-radius: 50%;
    border: 40px solid #FDB400;
    transform: none;
}
.small-rec-image-white-bg.small-rec-image-round-bg img {
    width: 410px;
    height: 410px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
}
.small-rec-image-white-bg.small-rec-image-round-bg.purple-colored-bg .card-layer-img:before {
    border-color: #fff;
}
@media screen and (max-width: 1339px) {
    .small-rec-image-white-bg .card-layer-img:before {
        content: "";
        width: 230px;
        height: 83px;
        right: -50px;
        bottom: 20px;
    }
}
@media screen and (max-width: 991px) {
    .small-rec-image-white-bg .medium-rec-image-inner {
        flex-direction: column;
    }
    .small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-img,
    .small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text {
        background-color: #FFFFFF;
        border-radius: 15px;
        box-shadow: 0px 100px 163px rgb(29 29 31 / 5%), 0px 22.3363px 36.4082px rgb(29 29 31 / 3%), 0px 6.6501px 10.8397px rgb(29 29 31 / 2%);
        padding: 20px;
    }
    .small-rec-image-white-bg.purple-colored-bg .layer-title, .small-rec-image-white-bg.purple-colored-bg .sub-title {
        color: #1D1D1F;
    }
    .small-rec-image-white-bg.purple-colored-bg .sub-title p {
        color: #1D1D1F;
    }
    .small-rec-image-white-bg .medium-rec-image-inner .medium-rec-image-col-text .card-layer {
        margin: 0 auto;
        max-width: 100%;
    }
    .small-rec-image-white-bg .card-layer-img {
        width: 100%;
        max-width: 100%;
        position: relative;
        margin: 0 auto 40px;
    }
    .small-rec-image-white-bg .card-layer-img:before {
        right: 0;
        bottom: -20px;
    }
}
@media screen and (max-width: 767px) {
    .rectangle-img .medium-rec-image-col-img img {
        border-radius: 20px;
    }
}
/* no-image-white-bg */
.no-image-white-bg {
    padding: 100px 0;
    background-color: #fff;
}
.no-image-white-bg .card-layer {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}
.no-image-white-bg.purple-colored-bg {
    background-color: #FDB400;
}
.no-image-white-bg.purple-colored-bg .layer-title,
.no-image-white-bg.purple-colored-bg .sub-title {
    color: #fff;
}


/*======= ** Header banner - site personal ** =======*/
.medium-rec-image-white-bg.purple-colored-bg .layer-title {
    color: #fdb400;
}
@media screen and (max-width: 991px){
    .small-rec-image-white-bg.purple-colored-bg .layer-title, .small-rec-image-white-bg.purple-colored-bg .sub-title {
        color: #fdb400;
    }
}



/********** Content-1-Column-Layer-Templates /**********/
.one-col-common,
.one-col-cardbox-teaser,
.one-col-lhsimg-rhs-text,
.one-col-overlay-full-whitebox {
    padding: 50px 0;
}
.one-col-overlay-lhs-whitebox {
    margin: 50px 0;
}
/* one-col-no-img */
.one-col-no-img .one-col-discription, 
.one-col-cardbox-teaser .one-col-discription {
    padding: 0 20.2%;
}
.one-col-cardbox-teaser .card-box,
.one-col-no-img .card-box {
    padding: 30px;
}
/* one-col-overlay-lhs-whitebox */
.one-col-overlay-lhs-whitebox {
    height: auto !important;
    min-height: 480px;
    background-size: cover !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 50px;
}
.one-col-overlay-lhs-whitebox >.card-box {
    max-width: 50%;
    width: 100%;
    padding: 30px;
}
/* one-col-cardbox-teaser */
.one-col-cardbox-teaser-img {
    padding-top: 36.91%;
    background-size: cover !important;
    margin-bottom: 30px;
}
/* one-col-lhsimg-rhs-text */
.one-col-lhsimg-rhs-text-wrap {
    display: flex;
    flex-wrap: wrap;
}
.one-col-lhsimg-rhs-text-wrap > div {
    width: 50%;
}
.one-col-lhsimg-rhs-text-wrap .one-col-lhsimg {
    background-size: cover !important;
    padding-top: 40%;
}
.one-col-lhsimg-rhs-text-wrap .card-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px;
}
.one-col-lhsimg-rhs-text-wrap .one-col-discription {
    max-width: 420px;
    margin: 0 auto;
}
/* one-col-no-cardbox-teaser */
.one-col-no-cardbox-teaser .card-box {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
/* one-col-overlay-full-whitebox */
.one-col-overlay-full-whitebox-img {
    padding-top: 35%;
    background-size: cover !important;
}
.one-col-overlay-full-whitebox-wrap > .card-box {
    max-width: 85%;
    margin: -90px auto 0;
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .one-col-cardbox-teaser .card-box, 
    .one-col-no-img .card-box,
    .one-col-lhsimg-rhs-text-wrap .card-box,
    .one-col-overlay-full-whitebox-wrap > .card-box,
    .one-col-overlay-lhs-whitebox >.card-box {
        padding: 20px;
    }
    /********** /Content-1-Column-Layer-Templates /**********/
    .one-col-common,
    .one-col-cardbox-teaser,
    .one-col-lhsimg-rhs-text,
    .one-col-overlay-full-whitebox {
        padding: 40px 0;
    }
    .one-col-overlay-lhs-whitebox {
        margin: 40px 0;
        padding: 230px 10px 10px;
        background-size: auto 250px !important;
    }
    /* one-col-no-img */
    .one-col-no-img .one-col-discription{
        padding: 0;
    }
    .one-col-cardbox-teaser .one-col-discription {
        padding: 0;
    }
    /* one-col-overlay-lhs-whitebox */
    .one-col-overlay-lhs-whitebox >.card-box {
        max-width: 100%;
    }
    /* one-col-cardbox-teaser */
    .one-col-cardbox-teaser-img {
        padding-top: 36.91%;
        margin-bottom: 15px;
    }
    /* one-col-lhsimg-rhs-text */
    .one-col-lhsimg-rhs-text-wrap > div {
        width: 100%;
    }
    /* one-col-overlay-full-whitebox */
    .one-col-overlay-full-whitebox-img {
        padding-top: 70%;
    }
}


/* ============= New contact page for all SR sites ========================== */
/* Top layer */
.overlay-layer {
    position: relative;
}
.overlay-layer:before {
    background: rgba(0, 0, 0, .4);
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.position-relative {
    position: relative!important;
}
.banner-layer {
    padding: 180px 0 150px;
    background-size: cover !important;
}
.banner-layer h1 {
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.banner-layer .font20 {
    color: #fff;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .banner-layer {
        padding: 120px 0 40px;
        min-height: 250px;
    }
    .banner-layer .font20 {
        font-size: 16px;
    }
}

/* contact form layer */
.contact-form-layer {
    padding: 60px 0 0;
}
.contact-form-layer .sbs-layer-type-2.card-box,
.contact-details-section .sbs-layer-type-2.card-box {
    box-shadow: 0px 0px 105px rgba(27, 31, 41, 0.03), 
    0px 0px 43.8665px rgba(27, 31, 41, 0.0215656), 
    0px 0px 23.4531px rgba(27, 31, 41, 0.0178832), 
    0px 0px 13.1476px rgba(27, 31, 41, 0.015), 
    0px 0px 6.98261px rgba(27, 31, 41, 0.0121168), 
    0px 0px 2.90562px rgba(27, 31, 41, 0.00843437);
}
ul.ws-m-business-info {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}
ul.ws-m-business-info li {
    position: relative;
    padding-left: 32px;
    color: #424040;
}
ul.ws-m-business-info li > img {
    position: absolute;
    left: 0;
    top: 3px;
    max-width: 20px;
}
ul.ws-m-business-info li + li {
    margin-top: 10px;
}
ul.social-wrap {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    display: flex;
}
.social-wrap > li + li {
    margin-left: 18px;
}
.social-wrap > li img {
    max-width: 20px;
}
label .required {
    color: #ff0000;
    margin-left: 4px;
}
span[style="color: red; display: inline;"] {
    position: relative;
    top: 3px;
    font-size: 13px;
    display: inline-block !important;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .contact-form-layer  {
        padding: 30px 0 0;
    }
}
/* Contact Details layer */
.contact-details-section {
    padding: 30px 0 60px;
}
.contact-details-section .sbs-layer-content {
    width: 100%;
}
.map-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 32.41%;
    min-height: 350px;
    overflow: hidden;
    border-radius: 0;
}
.map-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
@media screen and (max-width: 767px) {
    .contact-details-section {
        padding: 0 0 40px !important;
    }
}

/* contact */
.contact-form-layer {
    padding: 0px 0 0;
}
.contact-details-section {
    padding: 0;
}
.contact-details-section .sbs-layer-type-2 {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
    .contact-form-layer .row > div + div {
        margin-top: 40px;
    }
}




/***************** joe-navin new site css *******************/
/* home slider */
.non-transparent .carousel-caption .slider-title, 
.carousel-caption .slider-title {
    box-shadow: none;
    background: rgba(255, 255, 255, .85);
    padding: 0;
    font-size: 28px;
}
.layer-slider > div {
    padding: 40px 0 !important;
}
.slider-title {
    font-family: inherit;
}
.slider-title > a {
    color: var(--black);
    padding: 10px 20px;
    display: inline-block;
}
.slider-title:hover > a {
    color: var(--blue);
}
.front-carousel .btn-default,
.front-carousel-V2 .btn-default {
    height: 35px;
    width: 35px;
    padding: 0;
    background: rgba(255, 255, 255, .8) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 50%;
    margin-top: -40px;
}
.front-carousel .btn-default:hover, 
.front-carousel .btn-default:active, 
.front-carousel .btn-default:focus, 
.front-carousel .btn-default:visited,
.front-carousel-V2 .btn-default:hover,
.front-carousel-V2 .btn-default:active,
.front-carousel-V2 .btn-default:focus,
.front-carousel-V2 .btn-default:visited {
    background: var(--white) !important;
}
.front-carousel .btn-default > i,
.front-carousel-V2 .btn-default > i {
    color: var(--black);
    font-size: 26px;
    margin: 0;
}
.front-carousel .btn-default.carousel-next > i,
.front-carousel-V2 .btn-default.carousel-next > i {
    position: relative;
    left: 2px;
}
.front-carousel .carousel-caption {
    width: 100%;
}
.front-carousel-item-content {
    padding: 0 0 35px;
}
.front-carousel-item-content > hr {
    display: none;
}
.owl-theme .owl-controls {
    margin-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .front-carousel-item-wrapper {
        height: 400px !important;
    }
}
@media screen and (max-width: 767px) {
    .layer-slider .row > div {
        width: 100%;
    }
    .front-carousel-item-content {
        padding: 0 0 25px;
        margin: 0;
    }
    .front-carousel .carousel-caption {
        padding: 0 30px;
    }
    .non-transparent .carousel-caption .slider-title, 
    .carousel-caption .slider-title {
        font-size: 24px;
    }
    .layer-slider > div {
        padding: 40px 0 30px !important;
    }
    .front-carousel-item-wrapper {
        height: 380px !important;
    }
}
@media screen and (max-width: 479px) {
    .front-carousel-item-wrapper {
        height: 350px !important;
    }
}
/* only gallery slider changes  */
.gallery-slider {
    border-bottom: 1px solid #DBDBDB;
}
.gallery-slider .container {
    width: 1380px !important;
    max-width: 100%;
}
.gallery-slider .front-carousel-item-wrapper {
    height: 800px !important;
}
.gallery-slider .front-carousel-item-image {
    height: 100%;
}
.gallery-slider .front-carousel-item-image > img {
    height: 100%;
    margin: 0 auto;
    display: block;
    object-fit: cover;
}
.gallery-slider .front-carousel .carousel-caption {
    text-align: center;
}
.gallery-slider .front-carousel-item-content {
    padding: 0 0 35px;
    max-width: 400px;
    margin: 0 auto;
}
.gallery-slider .slider-title > a {
    padding: 5px 30px;
}
.gallery-slider .front-carousel .btn-default {
    background: #dfdfdf !important;
    width: 50px;
    height: 50px;
}
.gallery-slider .front-carousel .btn-default > i {
    color: var(--black);
    font-size: 28px;
    margin: 0;
}
.gallery-slider .front-carousel .btn-default:hover {
    background: #C2CBC8 !important;
}

@media screen and (min-width: 1200px) {
    .gallery-slider .front-carousel .btn-default {
        display: none;
    }
    .gallery-slider .front-carousel:hover .btn-default {
        display: flex;
    }
}

@media screen and (max-width: 1400px) {
    .gallery-slider .front-carousel-item-wrapper {
        height: 700px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .gallery-slider .front-carousel-item-wrapper {
        height: 500px !important;
    }
}
@media screen and (max-width: 767px) {
    .gallery-slider .front-carousel-item-wrapper {
        height: 400px !important;
    }
    .gallery-slider .front-carousel .btn-default {
        width: 35px;
        height: 35px;
    }
    .gallery-slider .front-carousel .btn-default > i {
        font-size: 22px;
        margin: 0;
    }
}
@media screen and (max-width: 479px) {
    .gallery-slider .front-carousel-item-wrapper {
        height: 350px !important;
    }
    .gallery-slider .front-carousel-item-image {
        height: 100% !important;
    }
}

/* home - gallery-types slider */
.gallery-types-layer .owl-carousel .owl-wrapper-outer .owl-item {
    padding: 0 15px;
}
.gallery-types-item-img {
    position: relative;
    padding-top: 100%;
}
.gallery-types-item-img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-types-item-title {
    text-transform: uppercase;
    margin-top: 10px;
    text-align: center;
}
.gallery-types-item-title > a {
    color: var(--black);
}
.front-carousel-V2 .btn.btn-default {
    position: absolute;
    left: 15px;
    background: #dfdfdf !important;
    z-index: 1;
    margin-top: -60px;
}
.front-carousel-V2 .btn.btn-default:hover {
    background: #C2CBC8 !important;
}
.front-carousel-V2 .btn.carousel-next-V2 {
    left: auto;
    right: 15px;
}
.front-carousel-V2 .btn.carousel-next-V2 > i {
    position: relative;
    left: 2px;
}
.front-carousel-V2 .owl-pagination {
    margin-top: 30px;
}
@media screen and (max-width: 767px) {
    .gallery-types-layer .owl-carousel .owl-wrapper-outer .owl-item {
        padding: 0 5px;
    }
}

/*  new Galleries - Work page */
.gallery-layer {
    padding: 50px 0 0;
}
.row.work-gallery-row {
    margin: 0 -2px;
    display: flex;
    flex-wrap: wrap;
}
.row.work-gallery-row > div {
    padding: 0 2px;
    margin: 0 0 4px 0 !important;
    display: flex;
    flex-wrap: wrap;
}
.row.work-gallery-row .card {
    position: relative;
    border: none;
    height: 100%;
    width: 100%;
}
.row.work-gallery-row .card .card-body {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--white);
    height: 100%;
    width: 100%;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    text-shadow: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .85);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 18px;
}
.row.work-gallery-row .card:hover .card-body {
    opacity: 1;
}
.row.work-gallery-row .card > a {
    height: 100%;
    width: 100%;
    padding-top: 100%;
}
.row.work-gallery-row .card > a > .work-gallery-img-wrap {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.row.work-gallery-row .card > a > .work-gallery-img-wrap > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .row.work-gallery-row > div {
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .row.work-gallery-row > div {
        width: 50%;
    }
    .row.work-gallery-row .card {
        position: relative;
        border: none;
        height: 100%;
        width: 100%;
    }
    .row.work-gallery-row .card > a {
        padding-top: inherit;
        height: auto;
    }
    .row.work-gallery-row .card > a > .work-gallery-img-wrap {
        position: relative;
        height: auto;
        padding-top: 100%;
    }
    .row.work-gallery-row .card > a > .work-gallery-img-wrap > img {
        position: absolute;
        left: 0;
        top: 0;
    }
    .row.work-gallery-row .card .card-body {
        position: static;
        transform: inherit;
        color: var(--black);
        height: auto;
        opacity: 1;
        background: transparent;
        margin-bottom: 20px;
        font-size: 16px;
    }
}


/* Galleries details */
.btn-white {
    border: none;
    color: var(--black);
}
.btn-white:hover {
    background-color: #F0F0F0;
    color: var(--black);
}
.gallery-detail-page {
    padding-top: 40px;
}
.gallery-detail-rows {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
    font-size: 0;
}
.gallery-row {
    display: flex;
    margin-left: -2px;
    margin-right: -2px;
}
.gallery-detail-items {
    position: relative;
    overflow: hidden;
    padding: 0 2px;
    width: 33%;
}
.gallery-detail-items img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.gallery-detail-items h6 {
    color: var(--white);
    z-index: 2;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 14px;
    font-weight: normal;
    background: rgba(0, 0, 0, .6);
    padding: 5px 8px;
}
.gallery-detail-items h6  p {
    line-height: normal;
}
.gallery-detail-items > .btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 14px;
}
@media screen and (min-width: 1200px) {
    .gallery-detail-page {
        width: 1600px;
        max-width: 80%;
    }
}
@media screen and (min-width: 992px) {
    .gallery-detail-items h6 {
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    .gallery-detail-items:hover h6 {
        opacity: 1;
    }
    .gallery-detail-items > .btn {
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    .gallery-detail-items:hover > .btn {
        opacity: 1;
    }
}

@media screen and (max-width: 991px) {
    .gallery-detail-items > .btn {
        font-size: 11px;
        padding: 3px 8px;
        bottom: 10px;
        left: 10px;
    }
    .gallery-detail-items h6 {
        top: 10px;
        left: 10px;
        font-size: 11px;
        padding: 4px 6px;
    }
}

@media screen and (max-width: 767px) {
    .gallery-detail-page {
        padding-bottom: 20px;
    }
}



/* === Gallery Overlay === */
/* === Gallery Rows === */
.gallery-detail-items {
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

/* === Gallery Overlay === */
.gallery-overlay {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.95);
	text-align: center;
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.gallery-overlay.show {
	opacity: 1;
}
.overlay-image-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.overlay-image-wrapper img {
	position: absolute;
	max-width: 90%;
	max-height: 90%;
    max-height: 600px;
	border: 2px solid var(--white);
	transition: opacity 0.4s ease;
	opacity: 0;
}
.overlay-image-wrapper img.active {
	opacity: 1;
}
.close-btn,
.prev-btn,
.next-btn {
	color: var(--white);
	cursor: pointer;
	z-index: 10000;
}
.close-btn {
	position: absolute;
	top: 10px;
	right: 20px;
}
.close-btn > svg {
    width: 20px;
}
.overlay-nav-btn {
    position: absolute;
    top: 50%;
}
.overlay-nav-btn > svg {
    width: 36px;
}
.prev-btn {
	left: 20px;
	margin-top: -22px;
}
.next-btn {
	right: 20px;
	margin-top: -22px;
}
.back-gallery {
    position: absolute;
    top: 20px;
    left: 30px;
    color: var(--white);
    font-size: 12px;
    text-decoration: none;
    z-index: 10000;
    transition: color 0.2s ease;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
}
.back-gallery > svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.back-gallery:hover {
    color: #ccc;
}
/* Loader (spinner) */
.loader {
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top: 4px solid var(--white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11000;
    display: none; /* hidden by default */
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@media screen and (max-width: 991px) {
    .close-btn {
        top: 12px;
    }
    .close-btn > svg {
        width: 18px;
        height: 30px;
    }
    .overlay-image-wrapper img {
        max-height: 100%;
        max-width: 100%;
    }
}

/* ====================  gallery beside text layer ========================================================== */
/* The stage always keeps 3:2 aspect ratio */
.widget-front-carousl-3_2 .widget-front-carousel-item-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2; /* force 3:2 proportion */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Image container */
.widget-front-carousl-3_2 .widget-front-carousel-item-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Images behavior */
.widget-front-carousl-3_2 .widget-front-carousel-item-image img {
    height: 100%;
    width: auto;
    max-width: 100%;
}

/* Responsive fallback if aspect-ratio is not supported */
@supports not (aspect-ratio: 3 / 2) {
    .widget-front-carousl-3_2 .widget-front-carousel-item-wrapper {
        height: 0;
        padding-top: 66.66%; /* 3:2 ratio fallback */
    }
    .widget-front-carousl-3_2 .widget-front-carousel-item-image {
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
    }
}
/* left - right arrow */
.carousel-prev, .carousel-next {
    position: absolute;
}
.widget-front-carousl-3_2 {
    position: relative;
}
.widget-front-carousl-3_2 .btn-default {
    height: 35px;
    width: 35px;
    padding: 0;
    background: rgba(255, 255, 255, .8) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 50%;
    margin-top: 0 !important;
    z-index: 9;
}
.widget-front-carousl-3_2 .carousel-prev {
    left: -15px;
}
.widget-front-carousl-3_2 .carousel-next {
    right: -15px;
}
.widget-front-carousl-3_2 .btn-default:hover, 
.widget-front-carousl-3_2 .btn-default:active, 
.widget-front-carousl-3_2 .btn-default:focus, 
.widget-front-carousl-3_2 .btn-default:visited {
    background: var(--white) !important;
}
.widget-front-carousl-3_2 .btn-default > i {
    color: var(--black);
    font-size: 26px;
    margin: 0;
}
.widget-front-carousl-3_2 .btn-default.carousel-next > i {
    position: relative;
    left: 2px;
}
/* ==================== END -  gallery beside text layer ========================================================== */











/* ========== signup page ============= */
/*** Signup Steps ***/
.stepwizard {
    padding: 40px 0;
}
.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 #898C8C;
    margin-top: -0.5px;
}
.stepwizard-step > .btn-circle {
    background: #898C8C;
    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%;
}
.stepwizard-step > span {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-left: 10px;
}
.stepwizard-step > .btn-circle:not([disabled]) {
    background: #FDB400;
}
.stepwizard-step > .btn-circle:not([disabled]) + span {
    color: #FDB400;
}
/* == step END =============== */
.signup-wrap {
    border-radius: 30px;
    box-shadow: 0px 6px 16px rgb(29 29 31 / 6%);
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0;
    background: #fff;
}
.signup-wrap .setup-content .signup-box {
    box-shadow: none;
    margin: 30px 0 0;
    background: transparent;
    border-radius: 0;
}
.signup-box .card {
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.cms-card-body.signup-box .row {
    margin-left: -30px;
    margin-right: -30px;
}
.cms-card-body.signup-box .row > div {
    padding-left: 30px;
    padding-right: 30px;
}
.signup-top-title {
    margin-bottom: 20px;
    max-width: 660px;
}
.signup-top-title h2 {
    margin-bottom: 5px;
}
.signup-wrap .g-recaptcha {
    margin: 10px 0;
}
.signup-step-btn {
    width: 100%;
    display: inline-block;
}
.signup-step-btn .btn {
    float: left !important;
    margin-top: 10px;
}
.signup-wrap br {
    display: none;
}
/* thnaks page */
.stepwizard[style="display: none;"] ~ .sbs-background-container .signup-wrap {
    margin-top: 50px;
    padding: 30px;
}
/* thnaks page */
.stepwizard[style="display: none;"] ~ .sbs-background-container .signup-wrap a {
    text-decoration: underline;
}
.stepwizard[style="display: none;"] ~ .sbs-background-container .signup-wrap p {
    margin-bottom: 5px;
}
.stepwizard[style="display: none;"] ~ .sbs-background-container .signup-wrap p:last-child {
    margin-bottom: 0;
}
.stepwizard[style="display: none;"] ~ .sbs-background-container .signup-wrap p:first-child {
    font-size: 18px;
}

@media screen and (max-width: 991px) {
    /*** Signup Steps ***/
    .cms-card-body.signup-box .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .cms-card-body.signup-box .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    /*** Signup Steps ***/
    .stepwizard {
        padding: 30px 0;
    }
    .stepwizard-row.setup-panel {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #FFFFFF;
        border-radius: 15px;
        box-shadow: 0px 100px 163px rgb(29 29 31 / 5%), 0px 22.3363px 36.4082px rgb(29 29 31 / 3%), 0px 6.6501px 10.8397px rgb(29 29 31 / 2%);
        padding: 20px;
    }
    .stepwizard-step {
        width: 100%;
        justify-content: flex-start;
    }
    .stepwizard-step + .stepwizard-step {
        padding-left: 0;
        margin-left: 0;
        padding-top: 20px;
    }
    .stepwizard-step + .stepwizard-step:before {
        height: 12px;
        width: 1px;
        border-right: 1px dashed #898C8C;
        border-bottom: none;
        margin-top: 0;
        top: 4px;
        left: 12px;
    }
}


/* Top cookie */
.cookie-consent {
    background-color: #E6F7FF;
    font-size: 13px;
}
.cookie-consent p {
    line-height: 20px;
}
.cookie-confirmation {
    background: #E6F7FF;
    text-align: center;
}
.cookie-confirmation p a,
.cookie-consent p a {
    color: #FDB400 !important;
    text-decoration: underline;
}
.cookie-confirmation p a:hover,
.cookie-consent p a:hover {
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .cookie-consent h4 {
        font-size: 16px;
    }
    .cookie-consent .btn {
        padding: 3px 10px;
        font-size: 12px;
        margin-top: 5px;
    }
    .cookie-consent p {
        line-height: 16px;
        font-size: 12px;
    }
}