:root {
    --sg-primary: rgb(255, 239, 0);
    --sg-secondary: rgb(242, 182, 28);
}


.logo {
    float: none;
    display: inline-block;
    width: 200px;
    height: auto;
}

@media (max-width: 576px) {
    .logo img {
        width: 220px !important;
        filter: drop-shadow(0 0 10px black);
    }
}

.text-sg {
    color: var(--sg-primary) !important;
}

.breadcrumb-text .breadcrumb-controls a:after {
    content: '/';
    font-family: "Nunito Sans", sans-serif;
    color: var(--sg-primary);
}

.breadcrumb-text h2,
.breadcrumb-text .breadcrumb-controls a,
.breadcrumb-text .breadcrumb-controls span {
    color: var(--sg-primary);
}

.map-contact-detalis {
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12);
}

.aboutus-page-text .about-quality ul li i {
    color: var(--sg-primary);
}

.aboutus-page-text img {
    margin-bottom: 0;
}

.aboutus-page-text .about-quality h4 {
    margin-bottom: 15px;
    font-size: 36px;
}

.aboutus-page-text .about-quality h3 {
    font-size: 24px !important;
    margin-bottom: 15px;
    color: #fff !important;
    font-weight: 500;
    text-transform: uppercase;
}

.aboutus-page-text .about-quality h3 i {
    color: var(--sg-primary) !important;
}

.aboutus-page-text .about-quality h5:not(.short) {
    color: var(--sg-primary) !important;
    text-transform: none !important;
    margin-bottom: 10px !important;
}

.aboutus-page-text .about-quality h5:not(.short):last-of-type {
    margin-bottom: 35px !important;
}

.aboutus-page-text .about-quality h5 span {
    display: inline-block;
    width: 30px !important;
}

.aboutus-page-text .about-quality p i {
    color: var(--sg-primary);
}

.aboutus-page-text .about-quality h4 i {
    color: var(--sg-primary);
    /*transform: skewX(-15deg);*/
    font-size: 1.8rem;
    padding-right: 5px;
}

.aboutus-page-text .about-quality h5 {
    margin-bottom: 30px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
}

.hero-text,
.primary-btn,
.breadcrumb-text,
.classtime-table .ts-item,
.contact-form form .c-btn,
.trainer-item .ti-pic .trainer-text {
    text-shadow: 0 2px 3px #3b3b3b;
}

.anchor {
    visibility: hidden;
}

.trainer-section .row {
    align-items: center;
    justify-content: center;
}

.contentMap {
    position: relative;
}

.loader-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(50%, 50%);
}

.order_-1 {
    order: -1;
}


.personel-section .about-quality ul li:before {
    font-family: "Font Awesome\ 5 Free";
    content: '\f058';
    color: var(--sg-primary);
    margin-right: 9px;
    font-weight: bold;
}


.personel-section .personel-info-col .personel {
    position: relative;
    height: auto;
    max-height: 3000px;
}


.personel-section .personel-info-col .personel.hide {
    max-height: 300px;
    overflow: hidden;
    user-select: none;

}

.personel-section .personel-info-col .personel.hide:before {
    content: '';
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(237, 237, 237, 0) 56%, #151515fa 90%);
    height: 50%;
    width: 100%;

}

.personel-section .personel-info-col .personel:before {
    background: none;
}

.trainer-item img,
.personel-section img {
    border-left: 2px solid rgb(242, 182, 28);
    border-bottom: 2px solid rgb(242, 182, 28);
    border-top: 2px solid var(--sg-primary);
    border-right: 2px solid var(--sg-primary);
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, .3);
}

.trainer-item {
    position: relative;
}

.trainer-item:before {
    transition: .1s all ease-in;
    -o-transition: .1s all ease-in;
    -moz-transition: .1s all ease-in;
    -webkit-transition: .1s all ease-in;

    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(255,255,255, .15);*/
    background-color: rgba(0, 0, 0, .3);
    opacity: 0;
}

.trainer-item:hover {
    cursor: pointer;
}

.trainer-item:hover:before {
    opacity: 1;
}

.single-price-plan .price-plan h2 {
    font-size: 32px;
}

.single-price-plan .price-plan h2 span {
    left: -25px;
    top: 4px;
}

.single-price-plan .primary-btn.price-btn {
    color: #272727;
    text-shadow: 0 2px 3px #efefef;
}

.single-price-plan .primary-btn.price-btn:hover {
    text-shadow: 0 2px 3px #3b3b3b;
}

.monthly, .yearly {
    position: relative;
    height: auto;
}

.yearly {
    opacity: 0;
    top: 50px;
    display: none;
}

.toggle-personel-info {
    padding-top: 75px;
}

.cookies-popup-info {
    position: fixed;
    bottom: -170px;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    background-color: #fafafa;
    font-size: 14px;
    z-index: 9999;
    opacity: 0;

    transition: .5s all ease;
    -o-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -webkit-transition: .5s all ease;
}

.cookies-popup-info.show {
    bottom: 0;
    opacity: 1;
}

.cookies-popup-info a {
    font-weight: 900;
    color: var(--secondary);
    text-decoration: underline;

}

.cookies-popup-info a:hover {
    color: #1c1c1c;
}

.cookies-popup-info button {
    margin-left: 20px;
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 20px;

    font-family: "Oswald", sans-serif;
    border: none;
    border-radius: 2px;
}

.cookies-popup-info button.accept {
    border: 1px solid var(--success);
    color: var(--success);
}

.cookies-popup-info button.accept:hover {
    background-color: var(--success);
    color: #fafafa;
}

.cookies-popup-info button.reject {
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.cookies-popup-info button.reject:hover {
    background-color: var(--secondary);
    color: #fafafa;
}

.static-page {
    background-color: var(--bg-color);
    text-align: justify;
}

.static-page p,
.static-page ul {
    color: #fff !important;
}

.static-page h3 {
    color: var(--sg-primary) !important;
    padding-bottom: 30px;
    text-transform: uppercase;
}

.static-page ul {
    padding-left: 45px;
}

.shadowed-image-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
}

.shadowed-image img {
    /*box-shadow:  0px 8px 22px rgba(200, 200, 200, .4);*/
    /*-webkit-box-shadow: 0px 8px 22px rgba(200, 200, 200, .4);*/
}

.bordered-image img {
    border: 2px solid var(--sg-primary);
}

.about-quality p {
    text-align: justify;
}

.docs-button {
    width: 200px;
    height: 200px;
    border-left: 2px solid rgb(242, 182, 28);
    border-bottom: 2px solid rgb(242, 182, 28);
    border-top: 2px solid var(--sg-primary);
    border-right: 2px solid var(--sg-primary);
    border-radius: 0.5rem;
    margin: auto auto 65px;

    transition: .5s all ease;
    -o-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -webkit-transition: .5s all ease;
}

.docs-button:hover {
    /*box-shadow: 0 0 10px 2px rgba(255, 255, 255, .3);*/
}


.docs-button a .docs-name {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    z-index: 1;

    transition: .3s all ease;
    -o-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -webkit-transition: .3s all ease;

}

.docs-button .docs-name:after {
    color: #fff;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    background: rgb(242, 182, 28);
    background: -webkit-gradient(linear, left top, right top, from(rgb(242, 182, 28)), to(rgb(255, 239, 0)));
    background: -o-linear-gradient(left, rgb(242, 182, 28), rgb(255, 239, 0));
    background: linear-gradient(to right, rgb(242, 182, 28), rgb(255, 239, 0));
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 2px;
    opacity: 0;
}


.docs-button:hover .docs-name {
    text-shadow: 0 2px 3px #3b3b3b;
}

.docs-button:hover .docs-name:after {
    opacity: 1;
}

.docs-button a {
    color: #fff;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 28px;

}

.docs-button .docs-name i {
    font-size: 42px;
    padding-bottom: 25px;
}

.sg-bordered {
    border-left: 2px solid rgb(242, 182, 28);
    border-bottom: 2px solid rgb(242, 182, 28);
    border-top: 2px solid var(--sg-primary);
    border-right: 2px solid var(--sg-primary);
}

.sg-shadowed {
    box-shadow: 0 0 10px 2px rgba(255, 255, 255, .3);
}

.contact-form .form-group {
    position: relative;
}

form input {
    width: 100%;
    height: 48px;
    border-radius: 2px;
    background: #2d2d2d;
    border: none;
    padding-left: 20px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #a6a6a6;
    -webkit-transition: all 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #131313;
}

.contact-form .invalid-feedback:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 50%;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

    background-color: #2d2d2d;
    z-index: -1;
}

.captcha-image {
    position: relative;
    text-align: center;
    padding: 8px;
    background-color: #2d2d2d;
    border: 1px solid #131313;
    border-top: 0;
    border-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.contact-form .invalid-feedback {
    border-radius: 20px;
    z-index: 1;
    width: auto;
    background-color: var(--bg-color);
    display: block;
    position: absolute;
    margin-right: 10px;
    right: 0;
    bottom: -9px;
    padding: 0 8px;
    font-size: 12px;
}

.form-control:focus,
.form-control input:focus {
    background-color: #151515;
}

.free-entrance {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 10;
    overflow: hidden;

    max-width: 90px;
    max-height: 90px;
    animation: pulse;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;

    border-radius: 50px;
    color: #fff !important;
    background-color: #0a73bb;

    transition: .5s all ease-in-out;
    -o-transition: .5s all ease-in-out;
    -moz-transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
}

.free-entrance a {
    color: #fff !important;
}

.free-entrance .trigger {
    padding: 18px 0;
    text-align: center;
    line-height: 1.3;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
}

.free-entrance-section {
    background-color: #151515;
}

@keyframes pulse {
    0% {
        box-shadow: 0 5px 50px rgba(8, 112, 184, 0.9);
    }
    25% {
        box-shadow: none;
    }
    50% {
        box-shadow: 0 5px 50px rgba(255, 239, 0, .7);
    }
    75% {
        box-shadow: none;
    }
    100% {
        box-shadow: 0 5px 50px rgba(8, 112, 184, 0.9);
    }
}

.free-entrance-section .pickup-free {
    font-size: 48px;
    color: var(--sg-primary)
}

.free-entrance-section p {
    color: #fff;
    text-align: center;
}

.alert {
    font-size: 20px;
    padding: 1.75rem 1.25rem;
    text-align: center;
}

.alert-danger,
.alert-success,
.alert-warning,
.alert-info {
    background-color: #2d2d2d;
}

.alert-success {
    border-color: #28a745;
    color: #28a745;
}

.alert-danger {
    border-color: #dc3545;
    color: #dc3545;
}

.alert-warning {
    border-color: var(--sg-primary);
    color: var(--sg-primary);
}

.alert-info {
    border-color: #0a73bb;
    color: #0a73bb;
}

.alert-dismissible .close:hover {
    color: inherit;
}

.scroll-to-top {
    z-index: 10;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, .5));
    -webkit-filter: drop-shadow(0 5px 15px rgba(0, 0, 0, .5));
    transition: .15s all ease-in-out;
    -o-transition: .15s all ease-in-out;
    -moz-transition: .15s all ease-in-out;
    -webkit-transition: .15s all ease-in-out;
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
}

.scroll-to-top:hover {
    color: var(--sg-primary);
}

.scroll-to-top i {
    font-size: 40px;
    padding: 9px 10px 8px;
}

.privacy a {
    color: #afb4bf;
}

.capitalize {
    text-transform: capitalize !important;
}

.classes-item, .feature-item {
    text-align: center;
    position: relative;

}

.classes-item:after, .feature-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1;
}

.feature-item:after {
    background-color: rgba(0, 0, 0, .6);

}

.classes-item:before, .feature-item:before {
    z-index: 2;
}

.classes-item-data, .feature-item-data {
    position: relative;
    z-index: 2;
}

.set-bg {
    background-size: cover;
    background-position: center;
}

.img-shadow {
    box-shadow: 0px 8px 16px rgba(215, 215, 215, 0.3) !important;
    -o-box-shadow: 0px 8px 16px rgba(215, 215, 215, 0.3) !important;
    -mox-box-shadow: 0px 8px 16px rgba(215, 215, 215, 0.3) !important;
    -webkit-box-shadow: 0px 8px 16px rgba(215, 215, 215, 0.3) !important;

    border-left: 2px solid rgb(242, 182, 28);
    border-bottom: 2px solid rgb(242, 182, 28);
    border-top: 2px solid var(--sg-primary);
    border-right: 2px solid var(--sg-primary);
}

/*-------------------
    Movie Wrapper
 -------------------*/
.promo-container {
    overflow: hidden;
    padding-top: 56.25%; /* 16:9*/
    position: relative;
}

.promo-container iframe, .promo-container img {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.promo-container img,
.promo-container i {
    cursor: pointer;
}

.promo-container i {
    position: absolute;
    color: #fff !important;
    font-size: 60px;
    top: calc(50% - 45px);
    right: 50%;
    transform: translate(50%, 50%);
}

.promo-container:hover i {
    color: var(--sg-primary) !important;
}

.primary-btn {
    min-width: 180px;
    width: unset;
}

.single-price-plan {
    padding: 25px 15px;
}

.single-price-plan ul {
    height: 200px;
    padding-left: 15px;
    padding-right: 15px;
}

.single-price-plan ul > li {
    text-align: left;
    line-height: 1.5;
    position: relative;
    margin-left: 25px;
    margin-bottom: 6px;
}

.single-price-plan ul > li:before {
    content: '\f00c';
    position: absolute;
    left: -25px;
    top: 3px;

    font-family: "Font Awesome\ 5 Free";
    font-size: 14px;
    color: var(--sg-secondary);

    padding-right: 10px;
}

.single-price-plan .price-plan {
    margin-bottom: 25px;
}

.single-price-plan h4 {
    margin-top: 0;
    margin-bottom: 15px
}

.single-price-plan h4 span.yellow {
    font-size: 20px;
    color: var(--sg-primary);
    text-shadow: 0 2px 5px #2d2d2d, 0 -1px 3px #363636;
}

.single-price-plan h4 span.blue {
    font-size: 20px;
    color: #0a73bb;
}


/* Front Schedule */
#front-schedule {
    position: relative;
}

#front-schedule:after {
    position: absolute;
    content: "";
    height: calc(100% - 140px);
    margin-top: 100px;
    width: 2px;
    background: #151515;
    top: 0;
    left: 110px;
}

/*#front-schedule:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: calc(100% - 131px);*/
/*    margin-left: 131px;*/
/*    height: 2px;*/
/*    background: #151515;*/
/*    top: 98px;*/
/*    left: -20px;*/
/*}*/

.jqs {
    padding: 0px 20px 20px 110px !important;
    background-color: #212121;
    font-family: "Oswald", sans-serif;
}

.jqs-table {
    border: none !important;
}

.jqs-grid {
    left: 120px;
    top: 80px;
}

.jqs-grid-head {
    top: -80px;
}

.jqs-grid-line {
    border: none !important;
    /*height: 60px;*/
}

.jqs-grid-day {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    padding: 26px 5px;
    min-width: 160px;
}

.jqs-period-container {
    top: 6px !important;
}

.jqs-period-time {
    position: relative;
    top: -15px;
    font-size: 16px;
    text-shadow: 0 4px 2px #252525, 0 0px 5px #101010;
}

.jqs-period-title {
    position: relative;
    top: -20px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 4px 2px #252525, 0 0px 5px #101010;
    word-break: break-word;
    line-height: 1.3;
}

.jqs-period-time:after {
    content: " ";
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: transparent;
    top: 7px;
    left: 25%;
    z-index: -1;
    box-shadow: 0 0 9px 3px #212121;
}


.jqs-grid-hour {
    top: 10px;
    left: -88px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    position: absolute;
    font-size: 16px;
}

.jqs-day-label {
    top: -112px;
}

.jqs-grid-line:before {
    content: none;
}

.jqs-table tbody {
    border-top: none !important;
    padding-top: 100px;
}

.classtime-table .ts-item-wrapper {
    font-family: "Nunito Sans", sans-serif;
    margin: 6px 6px 12px 6px;
    line-height: 1.2;
    text-align: left;
}

.classtime-table .ts-item-wrapper:last-child {
    margin-bottom: 6px;
}

.classtime-table .ts-item-wrapper .ts-item {
    position: relative;
}

.classtime-table .ts-item-wrapper .ts-item .bg {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .15;
    z-index: -1;
}

.classtime-table .ts-item-wrapper .ga-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 44px;
}

.classtime-table table tbody tr td:not(:first-child) {
    vertical-align: baseline;
    padding: 0 !important;
}

.classtime-table table tbody tr td:not(:first-child) .ts-item {
    padding: 10px;
}


#personalTrainersDuty .classtime-table table tbody tr td {
    border-right: 1px solid #171717 !important;
    border-bottom: 1px solid #171717 !important;
    padding: 26px 10px 28px !important;
}

.group-activity .short > * {
    font-family: "Oswald", sans-serif;
    margin-bottom: 30px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
}


.jqs-period-container {
    border-radius: 0;
    padding: 5px 3px 5px 6px;
}

/* CMS */
.cms-panel {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

.cms-panel-container {
    background-color: rgba(0, 0, 0, .8);
    border-bottom: 3px solid rgb(99, 99, 99);
}

.cms-panel ul {
    display: inline-block;
    padding-right: 10px;
}

.cms-panel ul > li {
    display: inline-block;
    list-style: none;
    position: relative;
    height: 30px;
}

.cms-panel ul > li > a {
    padding: 5px 12px 5px 30px;
    line-height: 30px;
}

.cms-panel ul > li > a:first-child {
    padding-right: 15px;
}

.cms-panel ul > li:hover > a {
    color: rgba(255, 255, 255, .8) !important;
}

.cms-panel ul > li:not(:first-child):before {
    font-family: "Font Awesome\ 5 Free";
    content: "\f111";
    font-weight: bold;
    color: var(--sg-primary);
    font-size: 6px;

    position: absolute;
    top: 11px;
    left: 0;
}

.cms-active {
    top: 30px;
}

/* Program popup */

#programPopupModal .text-shadow {
    text-shadow: 0 2px 3px #3b3b3b;
}

#programPopupModal .modal-custom {
    max-width: 1920px;
    padding: 5%;
}

#programPopupModal .modal-custom .close-modal {
    font-size: 30px;
    color: #4f4f4f;
    position: absolute;
    top: 2px;
    right: 10px;
    z-index: 10;

    filter: drop-shadow(0 0 7px rgba(255, 255, 255, .85));
    -webkit-filter: drop-shadow(0 0 7px rgba(255, 255, 255, .85));

    transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

#programPopupModal .modal-custom .close-modal:hover {
    color: #fff;
    filter: drop-shadow(0 0 7px rgba(0, 0, 0, .65));
    -webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, .65));
}

#programPopupModal .modal-content {
    border: 3px solid #444;
    border-radius: 0;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0px 0px 33px 2px rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0px 0px 33px 2px rgba(255, 255, 255, .5);
}

#programPopupModal .modal-footer {
    font-family: "Oswald", sans-serif;
    display: contents;
    text-align: center;
}

#programPopupModal .modal-footer > * {
    margin: 0;
}

#programPopupModal .modal-footer a.link {
    bottom: 0;
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    position: sticky;
    font-weight: bold;
    padding: 15px 10px;
    color: var(--sg-primary);
    background-color: #151515;
    border-top: 3px solid #444;
}

#programPopupModal .modal-footer a.link:hover {
    color: #fff;
}

#programPopupModal [class^=col-],
#programPopupModal .modal-body {
    padding: 0;
}

.no-ga-img {
    position: relative;
    min-height: calc(344px - 48px);
    max-height: calc(100% + 48px);
    width: 100%;
}

.no-ga-img .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.no-personel-img, .no-ga-img {
    background: rgb(189 207 228);
    background: linear-gradient(210deg, rgb(189 207 228) 13%, rgb(105 108 121));
}

.no-personel-img-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.no-personel-img-overlay img,
.no-ga-img .overlay img {
    border: none;
    box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

@media screen and (max-width: 991px) {
    .privacy {
        padding-top: 30px;
    }

    #programPopupModal .modal-custom {
        max-width: 70vw;
        width: auto;
        padding: 5%;
    }

    #programPopupModal .modal-footer a.link {
        font-size: 18px;
    }
}

@media screen and (max-width: 700px) {

    #programPopupModal .modal-custom {
        max-width: 95vw;
        width: auto;
        padding: 5%;
    }
}

@media screen and (max-width: 767px) {
    .logo {
        float: left;
        width: 150px;
        padding: 20px 0;
    }

    .cms-panel ul > li {
        height: 40px;
    }

    .cms-panel ul > li > a {
        line-height: 40px;
    }

    .cms-panel ul > li > a:first-child {
        padding-right: 15px;
    }

    .cms-panel ul > li:not(:first-child):before {
        top: 16px;
    }

    .no-personel-img-overlay {
        top: calc(50% + 30px);
    }

    .no-personel-img .no-personel-img-overlay {
        top: calc(50% - 15px);
    }


    .no-ga-img .overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    h5.short {
        margin-top: 35px;
    }
}

@media screen and (max-width: 425px) {
    .no-ga-img {
        min-height: calc(210px - 48px);
    }
}


/*
    Mobile navigation
*/

.header-mobile-section {
    padding: 0 15px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.header-mobile-section .logo {
    padding: 0;
    margin: 0;
}

.header-mobile-section button,
.mobile-menu button {
    display: none;
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    line-height: 1;
}

.header-mobile-section button:focus,
.header-mobile-section button:hover,
.header-mobile-section button:active,
.mobile-menu button:focus,
.mobile-menu button:hover,
.mobile-menu button:active {
    color: white;
}

.header-mobile-section button:focus,
.mobile-menu button:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 235, 0, 0.19)
}


.mobile-menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-color);
    z-index: 1000;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.05s ease;
    -webkit-transition: opacity 0.05s ease;
    text-align: center;

}

.mobile-menu > ul {
    padding-top: 48px;
    margin-bottom: 25px;
}

.mobile-menu > ul > li {
    font-family: Oswald, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    text-shadow: 0 2px 3px #3b3b3b;

}

.mobile-menu > ul > li > a {
    color: white;
}

.mobile-menu > ul > li:not(:last-child) {
    margin-bottom: .5rem;
}

.mobile-menu > ul > li.active > a,
.mobile-menu > ul > li > a:hover {
    color: var(--sg-primary);

}

.mobile-menu button {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
}

.mobile-menu .find-us {
    font-family: Oswald, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    text-shadow: 0 2px 3px #3b3b3b;
    color: white;
    margin: 50px 0 25px 0;
    position: relative;
}

.mobile-menu .find-us:before {
    position: absolute;
    content: '';
    top: -25px;
    width: 80%;

    left: 50%;
    transform: translateX(-50%);
    max-width: 300px;
    margin: 0 auto 0 auto;
    height: 1px;
    background-color: white;
}

.mobile-menu .top-social {
    display: block;
    position: static;
    margin: 25px 0;
}

.mobile-menu .top-social a {
    font-size: 3rem;
    padding: 10px 20px;
}

.floating-logo {
    position: fixed;
    top: 118px;
    right: 0;
    z-index: 10;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 7%, var(--header-bg-color) 57%);
    padding: 0 15px 15px;
}

@media screen and (max-width: 991px) {
    .floating-logo{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .header-mobile-section button {
        display: block;
    }
}

/*
    Borders
*/

.border-sg {
    border-color: var(--sg-primary) !important;
}

.border-t3 {
    border-top-style: solid !important;
    border-top-width: 3px !important;
}

.border-b3 {
    border-bottom-style: solid !important;
    border-bottom-width: 3px !important;
}

.benefit-card img {
    border-radius: 8px;
}

.bg-gradient-yellow {
    background: -webkit-gradient(linear, left top, right top, from(rgb(255, 239, 0)), to(rgb(242, 182, 28)));
    background: -o-linear-gradient(left, rgb(255, 239, 0), rgb(242, 182, 28));
    background: linear-gradient(to right, rgb(255, 239, 0), rgb(242, 182, 28));
}

.bg-gradient-red {
    background: -webkit-gradient(linear, left top, right top, from(#e16521), to(#e4381C));
    background: -o-linear-gradient(left, #e16521, #e4381C);
    background: linear-gradient(to right, #e16521, #e4381C);
}

.bg-gradient-blue {
    background: -webkit-gradient(linear, left top, right top, from(#81bee9e6), to(#0870b8e6));
    background: -o-linear-gradient(left, #81bee9e6, #0870b8e6);
    background: linear-gradient(to right, #81bee9e6, #0870b8e6);
}

.bg-gradient-purple {
    background: -webkit-gradient(linear, left top, right top, from(#dc9bf7), to(#b31cf2));
    background: -o-linear-gradient(left, #dc9bf7, #b31cf2);
    background: linear-gradient(to right, #dc9bf7, #b31cf2)
}