*:not(.panel-box label) {
    --title-font: 'Plus Jakarta Sans', Helvetica, Arial, sans-serif;
    --body-font: 'Plus Jakarta Sans', Helvetica, Arial, sans-serif;
    --border-default: solid 1px rgba(30, 30, 30, 1);
    --bg-color-even: #e8e8e8;
    --bg-color-odd: #f4f4f4;
    --bg-color-dark: #161c2d;
    --body-font-color: #6d7c90 !important;
    --dark-body-font-color: rgba(255, 255, 255, 0.5);
}

html {
    scroll-padding-top: 194px;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Plus Jakarta Sans', Helvetica, Arial, sans-serif;
    line-height: 1.8em;
    font-size: 13px;
    color: #777;
}

hr {
    border-color: #ff9936;
    border-width: 1px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #f05f40;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

a:hover,
a:focus {
    color: #eb3812;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', 'Roboto', 'Open Sans', 'Dosis',
        'Helvetica Neue', Arial, sans-serif;
}

h3.underline {
    border-bottom: 1px solid #ff9936;
}

p {
    margin-bottom: 20px;
}

.bg-primary {
    background-color: #f05f40;
}

.bg-dark {
    color: #ccc;
    background-color: #222;
}

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

.bg-darkgray {
    background-color: #eaeaea;
}

.bg-gray h2,
.bg-darkgray h2 {
    color: #111;
}

.text-faded {
    color: rgba(255, 255, 255, 0.7) !important;
}

section {
    padding: 20px 0;
}

aside {
    padding: 50px 0;
}

.flex {
    display: flex;
}

.no-padding {
    padding: 0;
}

.navbar-default {
    border-color: rgba(34, 34, 34, 0.05);
    font-family: 'Roboto Condensed', 'Roboto', 'Open Sans', 'Helvetica Neue',
        Arial, sans-serif;
    background-color: #fff;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

.navbar-default .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', 'Roboto', 'Open Sans', 'Helvetica Neue',
        Arial, sans-serif;
    font-weight: 700;
    color: #f05f40;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
}

.navbar-default .nav>li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Roboto Condensed', 'Roboto', Dosis;
    color: #222;
    letter-spacing: 0.8px;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #ff9936;
}

.navbar-default .nav>li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #ff9936 !important;
    background-color: transparent;
}

.navbar-default .nav>li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

@media (min-width: 768px) {
    .navbar-default {
        border: 0;
        background-color: rgba(255, 255, 255, 0.98);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.03);
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #7b7b7b;
    }

    .navbar-default .nav>li>a,
    .navbar-default .nav>li>a:focus {
        color: #7b7b7b;
    }

    .navbar-default .nav>li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #7b7b7b;
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        color: #ff9936;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav>li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #7b7b7b;
    }

    .navbar-default.affix .nav>li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #ff9936;
    }
}

header {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-image: url(../img/header.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 768px) {
    header .header-content {
        position: absolute;
        top: 50%;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
}

.main.colored-bckg {
    background-color: #f4f6fa;
}

.main.colored-bckg #master_1_form {
    box-shadow: unset;
}

.main.colored-bckg .main-navigation.advanced .wrap,
.main.colored-bckg .main-content.advanced.classic,
.main.colored-bckg .main-subcontent.advanced .wrap {
    background-color: #ffffff;
}

.main.colored-bckg .main-navigation.advanced .wrap,
.main.colored-bckg .main-subcontent.advanced .wrap {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.main.colored-bckg .main-content.advanced.classic {
    margin-top: 30px;
    border-radius: 20px;
}

.section-heading {
    margin-top: 20px;
    line-height: 1;
    font-size: 20px;
    color: #111;
    border-bottom: 1px solid #ff9936;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

.sec0 .banner-element-2 .item-content h1 {
    font-size: 6.5rem;
    margin: unset;
}

.sec0 .banner-element-2 .item-content h1.h1-mb-mt-20px {
    margin: 15px 0 20px 0;
}

@media (min-width: 992px) and (max-width: 1700px) {
    #navbar #mainmenu li ul.drop-menu-ver2 {
        /* transform: translateX(-20%); */
        max-width: 1350px;
    }

    #navbar #mainmenu .drop-menu-content-ver2.text a.item-title.vers2 {
        width: 185px
    }

    #mainmenu .drop-menu-content-ver2.dropmenu-image-banner {
        width: 200px;
    }
}

@media (min-width: 992px) {
    #mainmenu li ul.drop-menu-ver2 {
        background: #f4f6fa;
        position: absolute;
        width: fit-content;
        max-width: 1800px;
        border-radius: 20px;
        margin-top: 49px !important;
        left: 0;
        transition: 0.2s ease, left 0.2s ease;
    }

    #mainmenu li.menu-item-ver2 {
        padding: 19px 32px;
    }

    .service-box {
        margin: 20px auto 0;
    }

    .wrap:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .item-content,
    .item-content h1 {
        text-align: left;
    }

    .container.panel-box {
        width: 970px;
    }

    .container.panel-box .col-sm-3 {
        float: left;
        width: 25%;
    }

    #LeftSidebarMenu-container:not(.desktop),
    #RightSidebarMenu-container:not(.desktop) {
        display: none;
    }

    #toggle-btn-leftSidebar,
    #toggle-btn-rightSidebar {
        display: none;
    }
}

@media all and (max-width: 1005px) {
    .main-subcontent.advanced {
        display: none;
    }

    .main-navigation.advanced:not(.mobile) {
        display: none !important;
    }

    .main {
        display: flex;
        justify-content: center;
    }

    .main.old {
        margin-left: 10px;
        margin-right: 5px;
        width: 100%;
    }
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(240, 95, 64, 0.9);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    font-family: Dosis;
}

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

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

@media (min-width: 768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #f05f40;
}

.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

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

img::selection {
    color: #fff;
    background: 0 0;
}

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

body {
    webkit-tap-highlight-color: #222;
}

.carousel-caption {
    top: 30%;
}

.main-container {
    padding: 40px 15px;
}

.skyblue {
    background-color: #22c8ff;
}

.deepskyblue {
    background-color: #00bfff;
}

.darkerskyblue {
    background-color: #00a6dd;
}

.carousel-indicators {
    bottom: 50;
}

.intro .carousel-control.right,
.intro .carousel-control.left {
    background-image: none;
    display: none;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 15px;
    height: 15px;
    margin: 0;
}

.intro .item {
    min-height: 680px;
    height: 100%;
    width: 100%;
    background-size: cover;
}

.carousel-caption h1 {
    font-size: 90px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    font-family: 'Mrs Sheppards';
}

.carousel-caption h2 {
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 300;
}

.carousel .icon-container {
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    padding: 1em;
    text-align: center;
    border-radius: 50%;
}

.carousel-caption button {
    border-color: #00bfff;
    margin-top: 1em;
}

/* Animation delays */
.carousel-caption h3:first-child {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.carousel-caption h3:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.carousel-caption button {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.carousel-control,
.carousel-caption {
    text-shadow: none;
}

.intro .item:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.equal-heights .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}

.equal-heights .box {
    padding: 60px;
}

.w-middle {
    transform-style: preserve-3d;
}

@media (min-width: 780px) {
    .w-middle .box {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.box h2 {
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 0;
}

.equal-heights img {
    max-width: 100%;
    height: auto;
    width: 100%;
    display: block;
}

.iconbox {
    display: inline-block;
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 50%;
    line-height: 90px;
}

.teambox h2 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 20px 5px 20px;
    text-align: center;
}

.teambox p {
    margin: 0;
    padding: 0px 20px 15px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
}

.team-social a {
    background: rgba(0, 0, 0, 0.05);
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 4px;
}

.team-social {
    padding: 0 20px 20px 20px;
    text-align: center;
}

.overlay-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #222;
}

.port-zoom-link p {
    width: 100%;
}

.overlay-image .mask,
.overlay-image .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view-overlay img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.view-overlay .mask {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: 'alpha(opacity=0)';
    filter: alpha(opacity=0);
    opacity: 0;
}

.port-zoom-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0 20px;
    align-items: center;
    display: flex;
}

.view-overlay:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: 'alpha(opacity=0)';
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-overlay:hover .mask {
    -ms-filter: 'alpha(opacity=100)';
    filter: alpha(opacity=100);
    opacity: 1;
}

/* Carousel */
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons */
    /* Previous button */
    /* Next button */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}

#quote-carousel .carousel-control {
    background: none;
    color: #cacaca;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

#quote-carousel .carousel-control.left {
    left: 0px;
}

#quote-carousel .carousel-control.right {
    right: 0px;
}

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 0;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}

.carousel-inner {
    min-height: 300px;
}

.item blockquote {
    border-left: none;
    margin: 0;
    font-size: 24px;
    line-height: 1.6;
    padding: 0 0px 145px 0;
    font-weight: 300;
    font-family: Georgia;
    font-style: italic;
    color: #222;
}

.item blockquote p:before {
    content: '\f10d';
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

.parallax-image {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.wrapsection {
    padding: 0px 0;
    position: relative;
    margin: 0px 0;
}

.parallax-content {
    position: relative;
    z-index: 4;
    padding: 80px 0;
}

.parallax .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}

.funfacts .icon {
    font-size: 40px;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 10px;
    clear: both;
    color: #fff;
    border: 0;
    background: rgba(0, 0, 0, 0.2);
}

.funfacts .icon a {
    color: #fff;
}

.funfacts .counter {
    font-size: 70px;
    color: #fff;
    font-weight: 700;
}

.funfacts h4 {
    text-transform: uppercase;
    font-size: 15px;
    margin: 22px 0 0;
    position: relative;
    letter-spacing: 1px;
    color: #fff;
}

/*=========================*/
/* Pricing */
/*=========================*/
.offer .classic-main-table {
    width: 85%;
    margin: 0 auto;
}

.main:not(.unadvanced) .offer .classic-main-table {
    border-collapse: separate;
    width: 85%;
    margin: 0 auto;
    border-collapse: separate;
    border: 1px solid #ccd3d8;
    padding: 8px;
    border-radius: 20px;
}


.offer .classic-main-table thead tr {
    background-color: #8de6ca;
    box-shadow: 0px 3px 17px 0 rgba(0, 0, 0, 0.2);
    color: #00253e;
    height: 56px;
    border-radius: 16px;
}

.offer table thead th {
    border: none !important;
}

thead::after {
    content: '';
    display: block;
    height: 24px;
}

.classic-main-table th:first-child {
    border-top: unset;
}

.classic-main-table thead th:first-child {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.classic-main-table thead th:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.offer table.classic-main-table tbody {
    border: solid 1px #ccd3d8;
    border-radius: 16px;
}

.classic-main-table tr:first-child td:first-child {
    border-top-left-radius: 16px;
}

.classic-main-table tr:first-child td:last-child {
    border-top-right-radius: 16px;
}

.classic-main-table tr:last-child td:first-child,
.classic-main-table tr:last-child th:first-child {
    border-bottom-left-radius: 16px;
}

.classic-main-table tr:last-child td:last-child,
.classic-main-table tr:last-child th:last-child {
    border-bottom-right-radius: 16px;
}

.offer table.classic-main-table td {
    border: unset !important;
    height: 56px;
}

.offer table.classic-main-table td:last-child {
    /* font-weight: bold; */
}

.offer table.classic-main-table tbody tr:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.offer table.classic-main-table tbody tr:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.offer table.classic-main-table tbody tr:nth-child(odd) {
    background: #ffffff;
}

.offer table.classic-main-table tr:nth-child(even) {
    background: #f4f6fa;
}

.classic-main-table td:first-child {
    text-align: left;
    padding-left: 30px;
}



.wow-pricing-table {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.wow-pricing-table div {
    list-style: none;
}

.wow-pricing-table>div {
    list-style: none;
    text-shadow: none;
    margin-bottom: 0px;
    border: 1px solid #eee;
    margin: 0px 15px;
}

.wow-pricing-table>div.featured {
    z-index: 1;
}

.wow-pricing-table>div.featured {}

.wow-pricing-table>div.featured .wow-pricing-header {
    background-color: #f05f40;
}

.wow-pricing-table:hover {
    margin-top: -5px;
}

.wow-pricing-table .wow-pricing-header {
    text-align: center;
    padding: 20px 0 10px 0;
    background-color: #333;
}

.wow-pricing-table .wow-pricing-header h5 {
    color: #fff;
    font-size: 20px;
    margin: 0;
    padding: 0 20px 0px;
}

.wow-pricing-table .wow-pricing-cost {
    color: #fff;
    font-size: 1.5em;
    line-height: 1em;
    padding-top: 15px;
    background: #333;
}

.wow-pricing-table .wow-pricing-per {
    font-size: 0.786em;
    color: #fff;
    background-color: #333;
    padding-bottom: 10px;
}

.wow-pricing-table .wow-pricing-content {
    background: #fff;
    text-align: center;
}

.wow-pricing-table .wow-pricing-content ul {
    margin: 0 !important;
    list-style: none !important;
    padding-left: 0;
}

.wow-pricing-table .wow-pricing-content ul li {
    margin: 0 !important;
    padding: 10px 20px !important;
    border-bottom: 1px solid #eee;
    list-style: none !important;
    color: #555;
}

.wow-pricing-table .wow-pricing-content ul li:nth-child(2n + 2) {
    background: #f9f9f9;
}

.wow-pricing-table .wow-pricing-button {
    background: #fff;
    text-align: center;
    border-top: 1px solid #fff;
    padding: 35px 20px 35px;
}

.wow-pricing-table .wow-pricing-button .wow-button {
    float: none;
    margin: 0 auto;
    background: #333;
    color: #fff;
    border-radius: 3px;
    padding: 12px 22px 14px;
}

.featured .wow-pricing-per,
.featured .wow-pricing-cost,
.featured .wow-pricing-button .wow-button,
.buttoncolor {
    background-color: #f05f40;
}

/*=========================*/
/* Timeline */
/*=========================*/
#tline {
    padding-bottom: 60px;
}

.tline-holder {
    margin: 0 auto;
    padding: 0px;
    padding-top: 20px;
    width: 100%;
    position: relative;
    overflow: hidden;
    list-style: none;
}

.tline-holder:before {
    background: #e4e4e4;
    content: '';
    left: 50%;
    top: 20px;
    bottom: 0px;
    position: absolute;
    width: 1px;
    margin-left: -1px;
    height: 9999px;
}

ul .tline-holder>li {
    width: 100%;
    float: left;
    display: inline-block;
}

.tline-item-content {
    width: 61.5%;
}

.tline-item-txt {
    position: relative;
    padding: 20px;
    background: #fff;
    border: 1px solid #e4e4e4;
    margin-top: -20px;
}

.tline-item-txt h3 {
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 10px;
    font-weight: 700;
    color: #333;
}

.tline-item-txt .meta {
    color: #999;
}

.tline-item-left .tline-item-content:hover .date-icon,
.tline-item-right .tline-item-content:hover .date-icon {
    -webkit-animation: pulse 0.3s;
    animation: pulse 0.3s;
}

.tline-item-left {
    float: left;
    position: relative;
}

.tline-item-left .tline-item-content {
    float: left;
}

.tline-item-left .tline-item-txt {
    margin-right: 60px;
}

.tline-item-left .date-icon {
    margin-right: -20px;
    float: right;
    background-color: #303543;
    color: #fff;
}

.tline-item-right {
    float: right;
    position: relative;
}

.tline-item-right .tline-item-content {
    float: right;
}

.tline-item-right .tline-item-txt {
    margin-left: 60px;
}

.tline-item-right .date-icon {
    margin-left: -20px;
    float: left;
}

.tline-item-txt:before,
.tline-item-txt:after {
    content: ' ';
    position: absolute;
    top: 24px;
    display: block;
    width: 0;
    height: 0;
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
}

.tline-item-left .tline-item-txt:before,
.tline-item-left .tline-item-txt:after {
    right: -18px;
    border-left: solid 20px #fff;
}

.tline-item-left .tline-item-txt:before {
    right: -20px;
    border-left-color: #e4e4e4;
}

.tline-item-right .tline-item-txt:before,
.tline-item-right .tline-item-txt:after {
    left: -18px;
    border-right: solid 20px #fff;
}

.tline-item-right .tline-item-txt:before {
    left: -20px;
    border-right-color: #e4e4e4;
}

.date-icon {
    text-align: center;
    padding-top: 12px;
    width: 40px;
    height: 40px;
    background-color: #ee4b28;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #fff;
}

.tline-start {
    width: 100%;
    float: left;
    padding: 0px;
    position: relative;
}

.tline-start-content {
    text-align: center;
}

.tline-start .tline-start-icon {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 12px;
    height: 12px;
    background: #e4e4e4;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.regularform input,
.regularform textarea {
    margin-bottom: 15px;
    padding: 10px 10px;
    border: 1px solid #ddd;
    font-size: 13px;
}

.regularform input[type='submit'] {
    border: 0;
}

.regularform textarea {
    height: 150px;
}

.regularform input.norightborder {
    border-right: 0;
}

.done {
    display: none;
}

.social-icons a {
    color: white;
    margin: 20px;
}

.social-icons a:hover {
    color: #e9e9e9;
}

.social-icons {
    margin-top: 30px;
}

h1.bottombrand {
    font-family: 'Mrs Sheppards';
    color: #fff;
    font-size: 60px;
    margin-top: 0;
}

h1.bottombrand:first-letter {
    color: #f05f40;
}

input.error,
textarea.error {
    border: 1px solid red;
}

.row-promo {
    background-color: #f5f5f5;
}

.box {
    padding: 5px;
}

.box:hover {
    background-color: #f3f3f3;
}

@media only screen and (max-width: 768px) {
    .wow {
        visibility: visible !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

    .tline-item-content {
        margin-bottom: 30px;
    }

    .tline-item-right,
    .tline-item-left {
        clear: both;
        float: none;
    }

    .tline-item-content {
        width: 100%;
    }

    .tline-item-left .date-icon {
        margin-right: 0;
    }

    .tline-item-right .date-icon {
        margin-left: 0;
    }

    .parallax {
        background-attachment: scroll !important;
        background-position: 100% !important;
    }

    .portfolio-box img,
    .team-thumb img {
        width: 100%;
    }

    .funfacts {
        margin-bottom: 30px;
    }

    .regularform input,
    .regularform textarea {
        width: 100%;
        border: 1px solid #eee;
    }

    .item blockquote {
        font-size: 16px;
    }

    #quote-carousel .carousel-control {
        display: none;
    }

    .funfacts .counter {
        font-size: 35px;
    }

    section {
        padding: 30px 0;
    }

    .equal-heights .box {
        padding: 30px;
    }

    .carousel-caption h1 {
        font-size: 60px;
    }

    .section-heading {
        font-size: 30px;
    }

    #quote-carousel .carousel-indicators .active {
        width: 80px;
        height: 80px;
    }

    #quote-carousel {
        padding: 0 10px 10px 10px;
        margin-top: 30px;
    }
}

/* HEADER */

.header.wrapper {
    width: auto;
}

#wrapper {
    overflow: hidden;
}

.header-light #mainmenu.unadvanced>li>a.menu-item:hover {
    color: #f8a504;
    cursor: pointer;
}

.header-light #mainmenu:not(.unadvanced)>li>a.menu-item:hover {
    cursor: default;
}

.header-light #mainmenu:not(.unadvanced)>li.exclude>a.menu-item:hover {
    cursor: pointer;
}

.menu-item.shopping-cart {
    padding: 10px 10px 0 10px;
}

.menu-item.shopping-cart img {
    width: 27px;
    margin-top: -10px;
}

.header-light #mainmenu>li>a.login,
.header-light #mainmenu>li>a.register {
    cursor: pointer;
}

.submenu {
    font-size: 18px;
    margin-bottom: 2px;
}

h3.submenu {
    text-transform: uppercase;
    margin-top: 15px;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    color: #403f40;
}

h3.submenu:hover {
    color: #6bcbf4;
}

h4.submenu {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}

h4.submenu:hover {
    color: #6bcbf4;
}

a.no-href h3.submenu {
    color: #403f40 !important;
    cursor: pointer !important;
}

a h4.submenu {
    cursor: pointer !important;
    color: #403f40;
}

a.no-href.category-anchor-tag img.icon {
    cursor: pointer !important;
}

.vip-title .glyphicon {
    cursor: pointer;
}

.side-section-page-item {
    margin-left: 40px;
}

ul#mainmenu a.menu-item.no-href:hover {
    color: #403f40;
    cursor: default;
}

.mega div.container {
    overflow-y: auto;
}

header#navbar {
    position: fixed;
    background: #ffffff;
    transition: background-color 0.3s ease;
}

header#navbar.scrolled {
    background: #efeffd;
}

header#navbar div.header.wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}

#mainmenu ul.mega li.mega-dropdown {
    margin-left: 15%;
}

#mainmenu .mega.drop-menu .drop-menu-content {
    width: 191px;
}

ul.mega li div.container div.sb-menu.p-4.pb-0 div.row.g-custom-x {
    --bs-gutter-x: 10px;
}

ul#mainmenu ul.mega.drop-menu li.mega-li {
    padding: 10px 10px 30px 40px;
}

ul.mega li.__web-inspector-hide-shortcut__ {
    margin: 0 auto;
}

ul.mega.drop-menu>li {
    padding: 15px 30px 30px 30px;
}

li.mega-li div.drop-menu-content div.row a:not(.vers2):not(.a-tag-user-panel) {
    display: flex !important;
    max-height: 60px !important;
}

li.mega-li div.drop-menu-content:not(.drop-menu-content-ver2) div.d-inner {
    margin: 10px 0 0 5px !important;
}

/* ul.drop-menu-ver2:nth-of-type(1) {
    visibility: unset !important;
    opacity: unset !important;
} */

a.item-title {
    background: #ffffff;
    min-width: 150px;
    border-radius: 50px;
    margin-bottom: 5px;
    padding-bottom: 7px;
}

a.item-title h4 {
    /* padding-left: 10px; */
    padding-bottom: 5px;
}

.header-wrapper .de-flex {
    align-items: center;
}

.de-flex {
    display: flex;
    justify-content: space-between;
}

.de-flex>.de-flex-col {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
}

/* topbar start here */

#topbar {
    z-index: 1000;
    width: 100%;
    overflow: hidden;
    top: 0;
    background: #ffae55;
    margin-top: -2px;
}

#topbar.topbar-dark {
    background: rgba(34, 34, 34, 0.2);
}

#topbar a {
    color: #161c2d;
    font-weight: 500;
    text-decoration: none;
}

#topbar.text-light a {
    color: #ffffff;
}

.topbar-left,
.topbar-right {
    display: flex;
}

.topbar-right {
    float: right;
    margin-right: 14px;
}

.topbar-solid {
    background: #ffffff;
}

.tb-light {
    background: #ffffff;
}

#topbar:not(.topbar-noborder) .topbar-right .topbar-widget {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
}

#topbar:not(.topbar-noborder) .topbar-right span:last-child {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
}

#topbar:not(.topbar-noborder) .topbar-light .topbar-right .topbar-widget {
    border-left: solid 1px #eee;
}

#topbar:not(.topbar-noborder) .topbar-light .topbar-right span:last-child {
    border-right: solid 1px #eee;
}

#topbar:not(.topbar-noborder) .tb-light .topbar-right .topbar-widget {
    border-left: solid 1px rgba(0, 0, 0, 0.1);
}

#topbar:not(.topbar-noborder) .tb-light .topbar-right span:last-child {
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}

/* topbar left content */
.topbar-left {
    float: left;
}

#topbar:not(.topbar-noborder) .topbar-left .topbar-widget {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
}

#topbar:not(.topbar-noborder) .topbar-light .topbar-left .topbar-widget {
    border-right: solid 1px #eee;
}

#topbar:not(.topbar-noborder) .topbar-left span:first-child {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
}

#topbar:not(.topbar-noborder) .tb-light .topbar-left .topbar-widget {
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}

#topbar:not(.topbar-noborder) .tb-light .topbar-left span:first-child {
    border-left: solid 1px rgba(0, 0, 0, 0.1);
}

.h-phone {
    position: relative;
    font-weight: bold;
    color: #000000;
    font-family: var(--title-font);
    padding-left: 40px;
    font-size: 20px;
    padding-top: 22px;
}

.h-phone span {
    display: inline-block;
    position: absolute;
    left: 40px;
    top: 0;
    font-size: 14px;
    font-weight: 500;
}

.h-phone i {
    display: inline-block;
    position: absolute;
    font-size: 40px;
    left: 0;
    top: 12px;
}

/*  header  */

/* ================================================== */

header {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 101;
    background: #2b313f;
    margin: 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0);
}

header.header-s1 {
    top: 0;
}

header .info {
    display: none;
    color: #fff;
    padding: 10px 0 10px 0;
    width: 100%;
    z-index: 100;
    background: #242424;
}

header .info .col {
    display: inline-block;
    font-size: 12px;
}

header .info .col {
    padding-right: 30px;
}

header .info .col:last-child {
    padding-right: 0px;
}

header .info i {
    font-size: 14px;
    margin-right: 15px;
}

header .info .social.col {
    border: none;
}

header .info .social i {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    float: none;
    padding: 0 10px 0 10px;
    margin: 0;
}

header .info strong {
    font-size: 12px;
}

header.header-bg {
    background: rgba(0, 0, 0, 0.5);
}

header.transparent {
    background: none;
}

body:not(.side-layout) header:not(.smaller):not(.header-mobile).header-light.transparent {
    background: rgba(255, 255, 255, 0);
}

/* scrolling side sections */
.main-navigation.advanced,
.main-subcontent.advanced {
    position: sticky;
    top: 144px
}

.side-section-wrapper>.wrap {
    border-radius: 8px;
}

header.autoshow {
    top: -120px;
    height: 70px !important;
}

#old-classic {
    display: none
}

header.autoshow.scrollOn,
header.autoshow.scrollOff {
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

header.autoshow.scrollOn {
    top: 0;
}

header.autoshow.scrollOff {
    top: -120px;
}

header div#logo {
    font-family: 'Oswald', sans-serif;
    color: white;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header .logo-2 {
    display: none;
}

header .logo-scroll {
    display: none;
}

.logo-main {
    height: 40px;
}

header .logo,
header .logo-2 {
    font-family: var(--body-font);
    color: #fff;
    font-size: 40px;
    font-weight: 300;
}

header .logo-2 {
    color: #333;
}

header.header-full nav {
    float: left;
}

header nav a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header nav a:hover {
    color: #555;
}

header.smaller #mainmenu ul ul {
    top: 0px;
}

header.smaller {
    position: fixed;
    top: 0px;
    background: #ffffff;
    /*
     background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    */
}

.dark-scheme header.smaller {
    background: #101224;
}

header.smaller .btn-rsvp {
    height: 100px;
    padding-top: 55px;
}

.boxed header.smaller {
    margin-top: 0px;
}

header.smaller div#logo,
header.s2 div#logo {}

header.smaller.scroll-light {
    background: #ffffff;
}

header.smaller .logo-init {
    display: none;
}

header.smaller #topbar.topbar-dark {
    background: rgba(34, 34, 34, 0.05);
}

header.smaller #topbar.topbar-dark a {
    color: #333333;
}

header .logo-mobile {
    display: none;
}

header.smaller.scroll-dark {
    background: var(--bg-color-even);
}

header.header-light .h-phone,
header.smaller.scroll-light .h-phone {
    color: #202020;
}

header:not(.header-light).smaller.scroll-light div#logo .logo {
    display: none;
}

header.smaller.scroll-light div#logo .logo-2 {
    display: inline-block;
}

header.smaller.scroll-light div#logo .logo-scroll {
    display: inline-block;
}

header.smaller.header-light div#logo .logo {
    display: none;
}

header.smaller.scroll-light .social-icons i {
    color: #333;
}

header.smaller.scroll-light #mainmenu li a,
header.smaller.scroll-light #mainmenu li.has-child:after {
    color: #333333;
}

header.smaller.scroll-light #mainmenu li li a:hover {
    color: #ffffff;
}

.logo-smaller div#logo {
    width: 150px;
    height: 30px;
    line-height: 65px;
    font-size: 30px;
}

.logo-smaller div#logo img {
    font-size: 30px;
}

header.smaller div#logo .logo-1 {
    display: none;
}

header.smaller div#logo .logo-2 {
    display: inline-block;
}

header.smaller .hide-on-scroll {
    display: none;
}

header.no-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* to here */

.logo-small {
    margin-bottom: 20px;
}

header.de_header_2 {
    height: 125px;
}

header.de_header_2.smaller {
    height: 70px;
}

header.de_header_2.smaller .info {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

header.header-full {
    padding-left: 40px;
    padding-right: 40px;
}

header .header-row {
    text-align: center;
}

header .header-col {
    position: relative;
    height: 100%;
}

/* left col header */
header .header-col.left {
    float: left;
    padding: 0 30px 0 0;
}

/* middle col header */
header .header-col.mid {
    float: right;
}

header .header-col.mid .social-icons {
    float: right;
    padding: 0 30px 0 30px;
}

.header-col-right {
    text-align: right;
}

.de-navbar-left {
    background: #151618;
}

.de-navbar-left #logo {
    padding: 40px;
    text-align: center;
    width: 100%;
}

.de-navbar-left header {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    background: none;
    padding: 30px;
    padding-right: 20px;
}

.de-navbar-left header #mainmenu {
    float: none;
    margin: 0;
    padding: 0;
}

.de-navbar-left header #mainmenu>li {
    display: block;
    margin: 0;
    float: none;
    text-align: center;
    font-family: var(--body-font);
    letter-spacing: 5px;
    font-size: 14px;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

.de_light.de-navbar-left header #mainmenu>li {
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.de-navbar-left header #mainmenu>li>a {
    padding: 0;
    opacity: 0.5;
}

.de_light.de-navbar-left header #mainmenu>li>a {
    color: #222;
}

.de-navbar-left header #mainmenu>li a:hover {
    opacity: 1;
}

.de-navbar-left header #mainmenu>li>a:after {
    content: none;
}

.de-navbar-left header nav {
    float: none;
}

/* subheader */

#subheader {
    text-align: center;
    overflow: hidden;
    padding: 50px 0 120px 0;
    position: relative;
}

#subheader h1 {
    margin-top: 100px;
    margin-bottom: 10px;
    letter-spacing: -2px;
}

#subheader.dark {
    background-color: #1a1c26;
}

#subheader.dark h1 {
    color: #fff;
}

.de-navbar-left #subheader {
    padding-bottom: 120px;
}

#subheader .crumb {
    font-size: 14px;
    letter-spacing: 3px;
}

#subheader.text-light .crumb {
    color: #fff;
}

#subheader .small-border-deco {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

#subheader .small-border-deco span {
    display: block;
    margin: 0 auto;
    height: 2px;
    width: 100px;
}

#subheader.dark h2,
#subheader.dark h4 {
    color: #fff;
}

#subheader.dark h2 {
    font-size: 48px;
}

#subheader.s2 {
    text-align: left;
    padding: 120px 0 20px;
    border: solid 1px #ddd;
    border-left: none;
    border-right: none;
}

.rtl #subheader.s2 {
    text-align: right;
}

#subheader.s2 h1,
#subheader.s2 .crumb {
    margin: 0;
    padding: 0;
}

#subheader.s2 .crumb {
    float: right;
    margin-top: 10px;
}

.rtl #subheader.s2 .crumb {
    float: left;
}

#subheader.sh-plain {
    padding: 100px 0 60px 0;
}

.de-navbar-left.de_light #subheader h1 {
    color: #222;
}

#profile_banner {
    min-height: 360px;
}

/* ================================================== */

/* navigation */

/* ================================================== */

#mainmenu {
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 16px;
    margin: 0 auto;
    float: none;
    display: inline-flex;
    align-items: baseline;
}

#mainmenu ul {
    margin: 0px 0px;
    padding: 0px;
    height: 30px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background: #ffffff;
    color: var(--body-font-color);
}

#mainmenu .only-on-mobile {
    display: none;
}

#mainmenu ul:not(.mega) {
    border: solid 1px #dddddd;
}

.dark-scheme #mainmenu ul {
    background: #101224;
    border: solid 1px rgba(255, 255, 255, 0.1);
}

.dark-scheme #mainmenu ul.mega {
    background: #101224;
}

@media (min-width: 992px) {
    #mainmenu ul.unadvanced.mega.drop-menu {
        display: none;
    }

    .de-flex>.de-flex-col.menu-btn {
        display: none;
    }
}

#mainmenu ul.mega.drop-menu {
    background: #ffffff;
    box-shadow: 2px 3px 10px rgb(0 0 1 / 0.2);
}

#mainmenu li {
    display: flex;
    margin: 0px 0px;
    padding: 27px;
    float: left;
    list-style: none;
    position: relative;
}

#mainmenu li.lang-flag-li {
    padding-top: 22px;
}

#mainmenu>li.has-child:not(.exclude):after {
    font-family: FontAwesome;
    content: '\f078';
    padding-left: 5px;
    font-size: 8px;
    position: relative;
    top: -2px;
}


.header-light #mainmenu>li>a.menu-item-ver2 {
    padding-bottom: 6px;
    padding-left: 6px;
}

/*
.header-light #mainmenu>li>a.menu-item-ver2:hover {
    border-bottom: 2.5px solid #08f6b5;
} */

.header-light #mainmenu>li>a.menu-item-ver2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #08f6b5;
    transition: width 0.2s ease;
}

.header-light #mainmenu>li>a.menu-item-ver2:hover::after {
    width: 100%;
}

.rtl #mainmenu li.has-child:after {
    padding-left: 25px;
}

.header-light #mainmenu li.has-child:after {
    color: rgba(0, 0, 0, 0.5);
}

#mainmenu>li.has-child:not(.exclude):after {
    font-family: FontAwesome;
    content: '\f078';
    padding-left: 5px;
    font-size: 8px;
    position: relative;
    top: -2px;
}

#mainmenu li>a {
    padding-right: 6px;
    font-weight: bold;
}

#mainmenu a {
    position: relative;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    outline: none;
}

#mainmenu p {
    line-height: 1.8em;
    margin-bottom: 0;
}

header.header-light #mainmenu a {
    color: #35404e;
}

#mainmenu a span:not(.badge):not(.menu-item-theme) {
    position: relative;
    width: 0%;
    color: #ffffff;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 14px;
    border-bottom: solid 2px #ffffff;
}

#mainmenu li:hover a span:not(.badge):not(.menu-item-theme) {
    width: 100%;
}

#mainmenu li li a span:not(.badge) {
    float: right;
    margin-top: 5px;
}

#mainmenu a.active span:not(.badge) {
    width: 100%;
    margin-left: 0%;
}

.header-light {
    border-bottom: solid 1px rgba(255, 255, 255, 0);
}

.header-light #mainmenu>li>a {
    color: #4f4f4f;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    min-width: fit-content;
    white-space: nowrap;
    font-size: 18px;
    max-width: max-content;
    margin-top: 0;
}

#mainmenu li li {
    font-family: var(--body-font);
    font-size: 14px;
}

#mainmenu li li:last-child {
    border-bottom: none;
}

#mainmenu li li a {
    padding: 1px 5px;
    border-top: none;
    color: #606060;
    width: 100%;
    border-left: none;
    text-align: left;
    font-weight: normal;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

#mainmenu li:last-child>a {
    border-bottom: none;
    margin-top: 7px;
    /* display: flex; */
}

#mainmenu li.mobile-flag {
    display: flex;
}

.dark-scheme #mainmenu li li a {
    color: #ffffff;
}

.rtl #mainmenu li li a {
    text-align: right;
}

#mainmenu li li a:hover {
    color: #111;
}

#mainmenu li li a:after {
    content: none;
}

#mainmenu li li a:hover,
#mainmenu ul li:hover>a {
    color: #fff;
}

#mainmenu li ul {
    min-width: 250px;
    height: auto;
    position: absolute;
    left: 0px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    border-radius: 3px;
}

#mainmenu ul li b {
    background: #333;
    color: #ffffff;
    padding: 0 3px;
    padding-bottom: 3px;
    font-size: 10px;
    margin-right: 3px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#mainmenu li li {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    float: none;
    text-transform: none;
    gap: 60px;
}

#mainmenu li:hover>ul {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
}

#mainmenu li ul ul {
    top: 0px;
    margin-left: 188px;
}

#mainmenu select {
    padding: 10px;
    height: 36px;
    font-size: 14px;
    border: none;
    background: #ff4200;
    color: #eceff3;
}

#mainmenu select option {
    padding: 10px;
}

#mainmenu .btn-type {
    padding: 0;
    margin: 0;
}

#mainmenu .btn-type a {
    background: #eee;
    padding: 0;
    margin: 0;
}

#mainmenu>li ul.mega {
    position: absolute;
    left: 0;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
}

#mainmenu>li ul.mega .sb-menu {
    background: #e6f6f8;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: solid 1px #dddddd;
}

.dark-scheme #mainmenu>li ul.mega .sb-menu {
    background: #101224;
    border-color: rgba(255, 255, 255, 0.1);
}

#mainmenu li:hover ul.mega {
    visibility: visible;
    opacity: 1;
}

/* NAVBAR SPAN */

#mainmenu li ul.mega>li,
#mainmenu li ul.mega>li a {
    width: 100%;
}

#mainmenu li ul.mega li.title {
    padding: 0px 10px 15px 10px;
    text-align: left;
    color: #fff;
    font-weight: bold;
}

#mainmenu li ul.mega>li ul {
    position: static;
    visibility: visible;
    opacity: 1;
    left: 0;
    float: none;
    width: 100%;
}

#mainmenu ul.mega>li ul li {
    margin: 0;
    padding: 0;
}

#mainmenu ul.mega>li ul li:last-child {
    border-bottom: none;
}

#mainmenu li ul.mega .menu-content {
    background: #171a21;
    padding: 30px;
}

#mainmenu li ul.mega li.title {
    font-family: var(--main-font);
    padding: 0px;
    text-align: left;
    font-weight: bold;
    color: #586383;
}

#mainmenu ul.mega>li ul {
    border: none;
}

#mainmenu li ul.mega ul li a {
    background: none;
    padding: 2px 0;
}

#mainmenu li ul.mega ul li a:hover {
    color: #35404e;
}

header.header-mobile #mainmenu>li ul.mega {
    visibility: visible;
    opacity: 1;
}

header:not(.header-mobile) #mainmenu>li:hover ul.mega {
    height: auto;
}

a.btn-main,
a.btn-main:active,
a.btn-main:focus,
a.btn-main:visited,
.btn-main,
input[type='button'].btn-main,
a.btn-line,
#mainmenu li ul.mega a.btn-main {
    display: inline-block;
    font-family: var(--title-font);
    text-align: center;
    color: #fff;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    outline: 0;
    font-weight: 800;
    text-decoration: none;
    padding: 6px 40px 6px 40px;
    font-size: 14px;
    border: none;
}

/* topbar widget */
.topbar-widget {
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 3px 15px;
    font-weight: 400;
    height: 40px;
}

.topbar-widget.widget-text {
    padding-top: 6px;
}

.topbar-widget i {
    font-size: 16px;
    margin-top: 2px;
    margin-right: 10px;
}

.topbar-widget.language-bar {
    margin-top: 0.5px;
}

.h-sub .topbar-widget {
    padding: 12px;
}

.topbar-widget:before {
    float: left;
    position: relative;
    font-family: 'FontAwesome';
    font-size: 16px;
    margin-right: 10px;
}

.topbar-widget.tb-phone:before {
    content: '\f095';
}

.topbar-widget.tb-email:before {
    content: '\f003';
}

.topbar-widget.tb-opening-hours:before {
    content: '\f017';
}

.topbar-widget.tb-social {
    padding: 0;
}

.topbar-widget.tb-social a {
    font-size: 14px;
    display: flex;
    padding: 5px;
    padding-left: 15px;
    display: inline-block;
    text-align: center;
}

.topbar-widget a span {
    font-weight: bold;
    margin-right: 10px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

#topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a,
#topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a:first-child {
    border-left: solid 1px rgba(0, 0, 0, 0.1);
}

#topbar:not(.topbar-noborder) .topbar-widget.tb-social a {
    border-left: solid 1px rgba(255, 255, 255, 0.1);
}

.tb-light .topbar-widget.tb-social a {
    border-left: solid 1px rgba(0, 0, 0, 0.1);
}

.topbar-widget.tb-social a:first-child {
    border: none;
}

/* topbar end here */

/* menu toggle for mobile */

#menu-btn {
    display: none;
    float: right;
    width: 32px;
    height: 32px;
    padding: 4px;
    text-align: center;
    cursor: poInter;
    color: #fff;
    margin-top: 5px;
    margin-left: 20px;
}

#menu-btn:before {
    font-family: FontAwesome;
    content: '\f0c9';
    font-size: 20px;
}

#menu-btn:hover {
    background: #fff;
}

#menu-btn:hover:before {
    color: #222;
}

.rtl #menu-btn {
    float: left;
}

header.header-mobile.header-light,
header.header-mobile.header-light #menu-btn,
header.header-mobile.header-light #menu-btn:hover {
    background: none;
}

header.header-mobile.header-light #menu-btn {
    color: #222;
    margin-right: 15px;
    margin-bottom: 8px;
}

li.mega-li div.drop-menu-content:not(.drop-menu-content-ver2) div.d-inner {
    margin: 10px 0 0 5px !important;
}

.main-navigation.mobile,
.main-subcontent.mobile {
    display: none;
}

/* MEDIA QUERIES */

@media all and (max-width: 992px) {
    ul#mainmenu {
        display: block;
    }

    ul#mainmenu.unadvanced {
        display: none;
    }

    ul#mainmenu.unadvanced ul.unadvanced {
        display: none;
    }

    ul#mainmenu li.menu-item-has-children.has-child span {
        padding-left: 60px;
    }

    ul#mainmenu>li {
        padding: 5px 10px;
    }

    #navbar.header-light {
        height: 100px;
    }

    #mainmenu>li ul.mega {
        overflow: scroll;
    }

    #mainmenu ul.mega.drop-menu {
        background: #ffffff;
        box-shadow: none;
    }

    #mainmenu ul.drop-menu-ver2 {
        background: #f4f6fa;
    }

    #mainmenu .mega.drop-menu .drop-menu-content {
        margin-bottom: 10px;
    }

    .drop-menu-content.drop-menu-content-ver2.dropmenu-image-banner {
        display: none;
    }

    .top-banner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: unset !important;
    }

    .sec0 .top-banner .item-content {
        margin-left: 0;
    }

    .home-banner .text .item-content {
        border-left: unset;
    }

    .sec0 .top-banner .item-content h1 {
        text-align: center;
    }

    .sec0 .top-banner .item-content .item-text {
        text-align: center;
        margin-bottom: 20px;
    }

    .sec0 .text .item-content .item-text {
        font-size: 2rem;
        line-height: 25px;
        text-align: center;
    }

    .main-wrapper .sec0 .text .item-content h1 {
        font-size: 4rem;
        line-height: 40px;
        text-align: center;
    }

    .banner-element.two.backg.img {
        margin-bottom: unset;
    }

    .dark-btn div.button-section {
        width: 50%;
    }

    .horizontal-line {
        display: none;
    }

    #mainmenu.unadvanced li.mobile-flag {
        display: inline;
        border-bottom: none;
        /* text--align: left; */
    }

    #mainmenu.unadvanced li.mobile-flag img {
        float: left;
    }

    li.mega-li div.drop-menu-content div.row a.category-anchor-tag {
        align-items: center !important;
    }

    .submenu {
        font-size: 16px;
    }

    h3.submenu {
        margin-bottom: 12px;
        width: 200px;
        letter-spacing: 2px;
        font-size: 18px;
    }

    h4.submenu {
        width: 230px;
        margin: 8px 0;
        font-weight: 300;
        letter-spacing: 1px;
    }

    #mainmenu>li ul.mega .sb-menu {
        background: #fff;
    }

    #mainmenu>li ul.mega.drop-menu>li.mega-li {
        padding: 5px 10px 30px 10px !important;
    }

    #mainmenu>li.menu-item-has-children.has-child {
        padding-left: 10px;
    }

    #mainmenu>li {
        padding: 30px 30px 30px 10px;
    }

    #mainmenu>li>a.page-scroll {
        color: #4f4f4f;
        padding: 10px 15px 10px 0;
    }

    ul.mega>li {
        padding: 5px;
    }

    ul.mega div.sb-menu.p-4.pb-0 {
        padding: 0 !important;
    }

    .box-icon .d-inner {
        padding-left: 0;
    }

    .sb-menu-category {
        padding-bottom: 10px;
    }

    div.no-bottom.no-top section.section-container {
        padding: 40px 30px;
    }

    div.row.page-section-4 {
        background: none;
        width: 100%;
        box-shadow: none;
        border-radius: unset;
        margin: 0 auto 10px auto;
        padding: 20px;
        border-top: 1.5px solid #ffffff;
        border-bottom: 1.5px solid #ffffff;
    }

    div.pricelist2 div.d-card .text.pricing-section {
        padding: 20px 10px 10px 10px;
    }

    .panel-body table .glyphicon.glyphicon-pencil,
    .panel-body table .glyphicon.glyphicon-edit,
    .panel-body table .glyphicon.glyphicon-trash {
        font-size: 25px;
    }

    .table-pricing tbody tr td:nth-child(even) {
        background: #f5f5f5;
    }

    .table-pricing tbody tr td:nth-child(odd) {
        background: #ffffff;
    }

    tbody tr th span.lbl {
        padding-right: 10px;
    }

    table.table.table-pricing.text-center td.disappear {
        display: none;
    }

    .mt-70 {
        margin-top: 0;
    }

    .main-navigation:not(.mobile),
    .main-subcontent:not(.mobile) {
        display: none;
    }

    .main-content {
        order: 1;
    }

    .main-navigation.mobile {
        order: 2;
    }

    .main-subcontent.mobile {
        order: 3;
    }

    .main-navigation.mobile,
    .main-subcontent.mobile {
        display: flex;
        flex-direction: column;
    }

    .main-content,
    .main-navigation.mobile,
    .main-subcontent.mobile {
        width: 95vw;
    }

    div.no-bottom.no-top.pricing-section {
        margin-top: -30px;
        margin-bottom: 30px;
    }

    div.col-md-8.offset-md-2.mt-70 {
        margin-bottom: 20px;
    }

    div.preview-el .wrap .img-container {
        display: none;
    }

    #rdb-forms .preview-el .wrap {
        border: unset;
        box-shadow: unset;
        padding-bottom: unset;
    }

    .main-content.advanced.classic #master_1_form.rdb-form .details-class .offer {
        padding: 0 5px;
    }

    .main-content.advanced.classic #master_1_form .details-class .offer h1,
    .main-wrapper .preview-el-2 h1 {
        margin-left: unset;
        text-align: center;
        padding: 0 10px;
    }

    .main-content.advanced.classic #master_1_form .details-class .offer h1 {
        padding-top: 30px;
    }

    .main-wrapper .preview-el-2 {
        margin-left: unset;
        margin-right: unset;
        margin-top: unset;
        width: unset;

    }

    .main-wrapper .preview-el-2 .wrap {
        width: unset;
        text-align: center;
        margin-top: 50px;
        padding-bottom: 20px;
    }

    .main-wrapper .preview-el-2 div.p {
        padding: 0 10px;
    }

    .main-wrapper .preview-el-2 ul {
        list-style-position: inside;
        text-align: center;
    }

    .main-wrapper .sec0 .banner-element-2 {
        background-size: cover !important;
        background-position: center;
    }

    #section-pricing div.col-md-8 {
        padding-left: unset;
        padding-right: unset;
    }

    section#section-pricing div.container {
        padding-right: 1px;
    }

    #section-pricing div.note2 {
        margin: 0 0 0 5px;
    }

    div#page-section-5 {
        padding: 30px 0;
        width: 94%;
    }

    .table-pricing thead tr,
    .table-pricing tbody tr {
        display: block;
        width: 100%;
    }

    .table-pricing thead tr {
        display: none;
    }

    .table-pricing tbody tr th,
    .table-pricing tbody tr td {
        text-align: left;
        display: block;
        width: 100%;
    }

    .table-pricing tbody tr th {
        display: flex;
        justify-content: space-between;
    }

    .table-pricing tbody tr td {
        padding: 10px 15px;
        text-align: right;
        display: flex;
        justify-content: space-between;
    }

    .table-pricing tbody tr td:last-child {
        text-align: center;
    }

    .table-pricing tbody tr th span,
    .table-pricing tbody tr td span {
        min-width: 50%;
    }

    .table-pricing tbody tr th .lbl {
        display: inline;
        min-width: 50%;
        text-align: left;
    }

    .table-pricing tbody tr td .lbl {
        display: inline-block;
        min-width: 50%;
        text-align: left;
    }

    .table-pricing tbody tr th {
        color: #ffffff;
        padding: 12px 20px;
        text-align: right;
    }

    .content-footer {
        padding: 20px 0 0 25px;
    }

    .sec0 .banner-element.footer.backg.img .footer-container {
        margin-top: 0;
        width: unset;
    }

    .sec0 .banner-element.footer.backg.img .footer-container .footer-wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }

    .sec0 .footer-container .footer-wrapper h1 {
        margin: 0 7px 20px 7px;
        font-size: 3rem;
        line-height: 38px;
    }

    .sec0 .footer-container .footer-wrapper h2 {
        width: unset;
        margin: 10px 10px 55px 10px;
        font-size: 2rem;
        line-height: 28px;
    }

    .banner-element.backg.img .wrapper-banner {
        width: 94% !important;
    }

    .banner-element.backg.img.home-banner .text {
        padding: 30px 0 0 0;
        text-align: center;
    }

    .item-content {
        padding: unset !important;
    }

    .item-content,
    .item-content h1 {
        text-align: left;
    }

    .button-wrapper {
        align-items: center !important;
        padding-bottom: 35px !important;
        width: 100%;
    }

    .wide-darkblue-btn:hover a {
        text-decoration: none;
    }

    .green-btn {
        font-size: 15px !important;
    }

    .horizontal-line {
        margin-left: 55px !important;
        border-bottom: 1px solid white !important;
    }

    .frame .form {
        display: none;
    }

    .item-content .item-text {
        font-size: 12px;
        font-weight: 500;
        line-height: 2;
        padding-right: 0 !important;
    }

    .image-text-container .card-holder {
        flex-direction: column !important;
        align-items: center !important;
    }

    .image-text-container .card {
        max-width: unset !important;
        width: 70vw !important;
        height: 56vh !important;
    }

    .image-text-container .card img {
        width: 250px !important;
    }

    .bckg-text-card-container .card-holder {
        flex-direction: column !important;
        align-items: center !important;
    }

    .sec0 .bckg-text-card-container .card-holder {
        align-items: unset !important;
        max-width: 91vw !important;
    }

    .paragraph-img .wrap,
    .sec0 .img-paragraph .wrap {
        margin-right: unset !important;
    }

    .banner-element.backg.img .frame {
        flex-direction: column !important;
        align-items: center !important;
    }

    .dark-btn {
        padding: 15px 9px;
    }

    .bckg-card {
        width: 70vw !important;
    }

    .bckg-text-card-container .card-holder .img-container {
        height: 250px !important;
        background-size: cover !important;
    }

    .img-paragraph .wrap {
        flex-direction: column !important;
    }

    .img-paragraph .img-container {
        width: calc(90% - 20px) !important;
    }

    .img-paragraph .img-container>img {
        width: 100% !important;
    }

    .img-paragraph .wrap .p-container {
        width: unset !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 50px !important;
    }

    .footer-wrapper h1 {
        padding-top: 25px !important;
    }

    .footer-wrapper div.text {
        width: unset;
    }

    .footer-container .footer-wrapper {
        margin-bottom: 40px;
        margin-top: 30px;
    }

    .green-btn,
    .footer-wrapper .white-btn {
        padding: 8px 29px !important;
        font-size: 18px !important;
        color: #777 !important;
    }

    .image-text-container .card .dark-btn {
        font-size: 17px !important;
        padding: 10px 9px !important;
    }

    .img-paragraph .radihost2-h1 {
        margin: 13px 0 40px 0 !important;
        font-size: 49px !important;
    }

    .img-paragraph .wrap .p {
        font-size: 27px !important;
        padding: 0 20px;
    }

    .img-paragraph .green-btn {
        width: 172px !important;
        margin: 30px auto 0 auto !important;
        font-size: 18px !important;
    }

    .wide-white-btn .wide-btn-a {
        color: #003850 !important;
    }

    #toggle-btn-leftSidebar {
        display: flex;
    }

    #LeftSidebarMenu-container,
    #RightSidebarMenu-container {
        height: 70vh;
        overflow-y: auto;
    }

    #LeftSidebarMenu-container #leftsidebar-items .title-class-nav,
    #LeftSidebarMenu-container #leftsidebar-items .details-class,
    #RightSidebarMenu-container .title-class-nav,
    #RightSidebarMenu-container .details-class {
        width: unset;
    }

    #LeftSidebarMenu-container .wrap,
    #RightSidebarMenu-container .wrap {
        margin-bottom: 25px;
        border-radius: 8px;
    }

    #LeftSidebar-Desktop,
    #RightSidebar-Desktop {
        display: none;
    }

    #toggle-btn-leftSidebarDesktop,
    #toggle-btn-rightSidebarDesktop {
        display: none !important;
    }

    .sec0 .banner-img-par-element .card-container {
        flex-wrap: wrap;
    }

    .sec0 .banner-img-par-element .wrap {
        flex-direction: column;
    }

    .sec0 .banner-img-paragraph {
        padding-bottom: unset;
    }

    .sec0 .banner-img-paragraph .img-container {
        display: flex;
        justify-content: center;
    }

    .sec0 .banner-img-paragraph .p-container {
        margin-left: unset;
        text-align: center;
    }

    .main-content.advanced.classic #master_1_form .banner-double-card .wrap {
        flex-direction: column;
    }

    #rdb-forms #master_1_form .paragraph-img {
        margin: unset;
    }

    #rdb-forms #master_1_form .paragraph-img .p-container {
        width: unset;
    }

    #master_1_form .columns-cards .card-holder {
        flex-direction: column;
        padding: 0;
    }

    .green-cards-container .card-holder {
        flex-direction: column;
    }

    #master_1_form .green-cards-container .card.light-grey-border {
        width: unset;
    }

    #master_1_form .img-paragraph-cards {
        margin: 20px;
    }

    #master_1_form .img-paragraph-cards .img-container {
        display: none;
    }

    #master_1_form .subbanner-element {
        height: auto;
        padding-top: 30px;
        padding-bottom: 35px;
        flex-direction: column;
        gap: 30px;
    }

    #master_1_form .subbanner-element .text-container {
        padding-left: unset;
        text-align: center;

    }

    .main-content.advanced.classic #master_1_form .subbanner-element h1 {
        text-align: center;
    }


    .paragraph-img .wrap {
        flex-direction: column;
        justify-content: center;
    }

    .paragraph-img .img-container {
        display: none;
    }

    .paragraph-img .wrap .p-container {
        width: 90%;
        text-align: center;
    }

    .paragraph-img .p-container .radihost2-h1 {
        text-align: center;
        margin: 40px 0 35px 0;
    }

    .paragraph-img,
    .banner-img-paragraph {
        margin-bottom: 0px !important;
    }

    .sec0 .banner-img-par-element .wrap {
        width: 90%;
    }

    .sec0 .banner-img-par-element .card-bipel h3 {
        margin-bottom: unset;
        height: unset;
    }

    .sec0 .paragraph-cards-container {
        margin-top: 50px;
        text-align: center;
        padding-bottom: unset;
    }

    .sec0 .paragraph-cards-container>.p-container {
        margin-left: unset;
        margin-right: unset;
    }

    .sec0 .paragraph-cards-container .card-holder {
        flex-direction: column;
    }

    .sec0 .paragraph-cards-container .card .bckgimg-container {
        background-image: none !important;
        height: unset;
        width: 80vw;
        align-items: unset;
    }

    .sec0 .paragraph-cards-container .card .bckg-text-container {
        height: unset;
        padding: 35px 30px;
        background-color: #012234e3;
    }

    .sec0 .paragraph-cards-container .card:nth-child(odd) .bckg-text-container {
        border-top-left-radius: 120px;
    }

    .sec0 .paragraph-cards-container .card:nth-child(even) .bckg-text-container {
        border-top-right-radius: 120px;
    }

    .sec0 .paragraph-cards-container .card .bckg-text-container h1 {
        margin-top: unset;
    }

    .sec0 .paragraph-cards-container .subbanner {
        height: unset;
        flex-direction: column;
    }

    .sec0 .paragraph-cards-container .subbanner-text {
        width: unset;
        padding: 30px 20px;
    }

    .sec0 .paragraph-cards-container .subbanner-img {
        width: unset;
        margin-bottom: 30px;
    }

    .sec0 .ticket-form-el .bckg-grey-color {
        height: 60vh;
    }

    .sec0 .ticket-form-el .form-banner {
        width: 90vw;
        height: 18vh;
    }

    .sec0 .ticket-form-el .ticket-form {
        width: 75vw;
    }

    .sec0 .chess-container,
    #master_1_form .chess-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sec0 .chess-container .card-bipel,
    #master_1_form .chess-container .card-bipel {
        width: calc(90% - 20px);
        justify-content: center;
        align-items: center;
    }

    .chess-container .card-bipel .card-text {
        text-align: center;
    }

    #master_1_form .paragraph-cards-container .card-holder .card .bckgimg-container {
        height: 660px;
    }

    #master_1_form .paragraph-cards-container .card-holder {
        flex-direction: column;
    }

    #master_1_form .frame .banner-img-paragraph .wrap {
        padding: 0;
        flex-direction: column;
    }

    #master_1_form .banner-img-par-element .p-container {
        margin-left: 0;
        padding: 0 25px;
    }

    .sec0 .mixed-type-element {
        margin-bottom: unset;
    }

    .sec0 .img-paragraph {
        margin-top: unset;
    }

    .semi-oval-cards-container .card-holder {
        flex-direction: column;
    }

    .semi-oval-cards-container .card {
        padding: 50px 30px;
    }

    .main-content.advanced.classic #master_1_form .details-class .offer .semi-oval-cards-container h1 {
        padding-top: 0;
    }
}

@media (max-width: 450px) {
    div.no-bottom.no-top section.section-container {
        padding: 40px 10px;
    }
}

/* ================================================== */

/* R E S P O N S I V E */

/* ================================================== */

@media (min-width: 980px) and (max-width: 1199px) {
    #mainmenu li a:after {
        margin-left: 15px;
    }

    div.pricelist2 div.pricing-card {
        width: 62%;
    }

    div#page-section-5 {
        width: 61%;
    }

    .pf_full_width.gallery_border .item,
    .pf_full_width.gallery_border.pf_2_cols .item,
    .pf_full_width.gallery_border.pf_3_cols .item {
        float: left;
        width: 23.95%;
    }

    .container-lg,
    .container-md,
    .container-sm {
        min-width: 95%;
    }

    .container {
        min-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    section#section-pricing div.container div.col-md-8.offset-md-2.mt-70 {
        width: 58%;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    div.header.wrapper div.container {
        width: 100vw;
    }

    .image-text-container .card {
        height: 50vh !important;
    }
}

@media (min-width: 1400px) {

    .container:not(div.header.wrapper div.container):not(div.page-theme.container):not(.panel-box),
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px;
    }

    .de-flex>.de-flex-col {
        margin-right: 0;
        padding-left: 5px;
    }

    .header.wrapper {
        width: 100vw;
        margin-left: auto;
        margin-right: auto;
    }

    header div#logo {
        padding-left: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1500px) {}

@media (min-width: 1300px) and (max-width: 1500px) {
    .sec0 .item-content .item-text {
        font-size: 1.7em !important;
    }
}

@media (min-width: 1400px) and (max-width: 1449px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 99vw;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 1450px) and (max-width: 1499px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 97vw;
    }
}

@media (min-width: 1500px) and (max-width: 1550px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 97vw;
    }
}

@media (min-width: 1550px) and (max-width: 1599px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 100vw;
    }
}

@media (min-width: 1600px) and (max-width: 1659px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 97vw;
    }
}

@media (min-width: 1659px) and (max-width: 1699px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 94vw;
    }
}

@media (min-width: 1700px) and (max-width: 1749px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 91vw;
    }
}

@media (min-width: 1500px) {
    .banner-element-2 .frame .text {
        padding: 0 0 0 10%;
    }
}

@media (min-width: 1700px) {

    .sec0 .img-paragraph .wrap,
    .paragraph-img .wrap {
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto !important;
    }
}

@media (min-width: 1750px) and (max-width: 1799px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 89vw;
    }
}

@media (min-width: 1800px) and (max-width: 1850px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 86vw;
    }
}

@media (min-width: 1850px) and (max-width: 1899px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 84vw;
    }
}

@media (min-width: 1900px) and (max-width: 1949px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 82vw;
    }
}

@media (min-width: 1950px) and (max-width: 1999px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 80vw;
    }
}

@media (min-width: 2000px) {

    div.header.wrapper div.container,
    .footer1.footer-standard .container-fluid {
        width: 1558px;
    }
}

@media (min-width: 1600px) {
    section#section-pricing div.container div.col-md-8.offset-md-2.mt-70 {
        width: 44%;
    }

    .container.panel-box {
        width: 1570px;
    }

    .banner-element-2 h1 {
        margin-bottom: 12px;
    }
}

@media (min-width: 1800px) {
    .image-text-container .card {
        height: 30vh !important;
    }
}

/* --------------------------------------------------
    design for 768px
/* ================================================== */

@media (min-width: 768px) and (max-width: 979px) {
    .slider_text {
        padding-top: 0px;
    }
}

@media only screen and (max-width: 1090px) {
    #quick_search {
        width: 200px;
    }

    #quick_search {
        position: absolute;
        top: 30px;
    }
}

@media only screen and (max-width: 992px) {
    header .logo-main {
        display: none;
    }

    header .logo-init {
        display: none;
    }

    header .logo-mobile {
        display: block;
        height: 27px;
    }

    #flag-container {
        display: none;
    }

    #flag-container-mobile {
        display: flex !important;
        justify-content: end;
        background: white;
        margin-top: -2px;
    }

    #flag-container-mobile li.lang-flag-li {
        margin: 10px 20px 10px 0;
    }

    .de_table .tr .td:nth-child(4),
    .de_table .tr .td:nth-child(5),
    .de_table .tr .td:nth-child(6),
    .de_table .tr .td:nth-child(7) {
        display: none;
    }

    .table-pricing tbody tr th {
        display: flex;
        justify-content: space-between;
        background: #ffb666;
        color: #ffffff;
        padding: 12px 20px;
        text-align: right;
    }

    .col-right {
        position: absolute;
        top: -82px;
        right: 60px;
        width: 140px;
    }

    .mb-sm-30 {
        margin-bottom: 30px;
    }

    .sm-mt-0 {
        margin-top: 0;
    }

    .p-sm-30 {
        padding: 40px;
    }

    .pb-sm-0 {
        padding-bottom: 0;
    }

    .mb-sm-0 {
        margin-bottom: 0;
    }

    header .header-col {
        position: absolute;
        top: 0;
    }

    header .header-col.mid {
        position: absolute;
        top: 70px;
        width: 100%;
        padding: 0;
    }

    .text-center-sm {
        text-align: center;
    }

    .sm-pt10 {
        padding-top: 10px;
    }

    .navbar-collapse {
        display: none;
        flex-direction: column;
        background-color: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1000;
        border: 1px solid #ddd;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .navbar-collapse.open {
        display: flex;
    }

    .menu-btn.panel-box {
        cursor: pointer;
        display: block;
    }

    .menu-btn span {
        display: block;
        width: 30px;
        height: 4px;
        margin: 5px 0;
        transition: 0.3s ease;
    }

    /* Optional */
    .menu-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .menu-btn.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

    #menu-btn {
        display: block;
        float: right;
        z-index: 1000;
        top: 0;
        right: 0;
        background: #333;
        color: #222;
        background: none;
        margin-right: 15px;
        margin-bottom: 8px;
    }

    #menu-btn.panel-box {
        color: #03ffc3;
        top: 100px;
        right: 13px;
    }

    .inner-padding {
        padding: 40px;
    }

    .header-col-left,
    .header-col-right {
        padding-top: 16px;
    }

    .header-light.transparent.has-topbar.header-mobile {
        margin-top: -2px;
    }

    header.header-mobile #mainmenu {
        width: 100%;
        padding-right: 30px;
    }

    .header-col-mid #mainmenu {
        position: absolute;
        top: 90px;
        width: 100%;
        height: 100vh;
        background: #ffffff;
        padding: 0;
        left: 20px;
        margin-top: -43px;
        margin-left: -20px;
        padding-left: 15px;
        padding-top: 20px;
    }

    header {
        display: none;
    }

    header .info {
        display: none;
    }

    header.header-bg {
        background: rgba(0, 0, 0, 1);
    }

    header,
    header.fixed {
        display: block;
        position: inherit;
        margin: 0;
        padding: 0;
        margin-top: 0;
        height: auto;
        background: #111111;
    }

    #de-sidebar {
        position: absolute;
        width: 100%;
        right: 1px;
    }

    header.side-header,
    .de_light header.side-header {
        position: absolute;
        display: block;
        height: 60px;
        top: 0;
        background: #000;
    }

    header.side-header #mainmenu {
        position: absolute;
        background: #000;
        margin: 0;
        top: 60px;
        left: 0;
        width: 100%;
    }

    header.side-header #logo .logo {
        display: none;
    }

    header.side-header #logo .logo-2 {
        display: inline-block;
        position: absolute;
        height: 30px;
        top: 15px;
        left: 40px;
    }

    header.side-header #menu-btn {
        position: absolute;
        top: 8px;
        right: 30px;
        height: 0;
        z-index: 2000;
        height: 35px;
    }

    header.side-header #mainmenu li {
        display: block;
    }

    header.side-header #mainmenu a,
    .de_light.de-navbar-left header #mainmenu>li>a {
        display: block;
        text-align: center;
        color: #fff;
    }

    .de_light.de-navbar-left header #mainmenu>li {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    }

    header.side-header #mainmenu a:hover {
        background: none;
    }

    header.side-header #mainmenu a:hover {
        background: none;
    }

    header.side-header .social-icons-2 {
        display: none;
    }

    header.autoshow {
        height: auto;
        top: 0;
    }

    header.autoshow #mainmenu li a {
        background: none;
    }

    #mainmenu li.mobile-flag a {
        display: flex;
    }

    header.header-mobile-sticky {
        position: fixed;
    }

    #subheader.s2 {
        padding: 40px 0 30px 0;
    }

    .de-navbar-left #subheader {
        padding: 0;
        margin: 0;
    }

    #subheader h1 {
        margin-top: 0;
    }

    #subheader span {
        display: none;
    }

    #subheader .crumb {
        display: none;
    }

    #sidebar {
        padding-left: 10px;
    }

    .de-navbar-left #subheader {
        padding-top: 70px;
    }

    .slider_text h1 {
        font-size: 32px;
    }

    .slider_text .description {
        display: none;
    }

    #logo,
    #logo .inner {
        vertical-align: middle;
        height: auto;
    }

    #domain-check .text,
    #domain-check .button {
        width: 100%;
    }

    .container-4 .de-team-list {
        width: 49.9%;
        float: left;
        position: relative;
    }

    #testimonial-full blockquote {
        padding: 20px;
    }

    nav {
        height: 0;
    }

    #mainmenu {
        position: fixed;
        height: 100%;
        z-index: 200;
        width: 200px;
        margin: 0;
        margin-top: 10px;
        padding: 0;
        padding-top: 20px;
        padding-bottom: 100px !important;
        overflow-y: auto;
        top: 100px;
    }

    #mainmenu ul {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #mainmenu a.menu-item {
        text-align: left;
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #mainmenu li.has-child:after {
        display: none;
    }

    #mainmenu li li a.menu-item,
    #mainmenu li li li a.menu-item {
        padding-left: 0;
    }

    #mainmenu li ul {
        display: block;
        position: inherit;
        margin: 0;
        width: 100%;
    }

    #mainmenu li {
        border-bottom: solid 1px #eee;
        margin: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-left: 10px;
    }

    #mainmenu li a.menu-item:after {
        display: none;
    }

    #mainmenu li:last-child {
        /* margin-bottom: 30px; */
        min-height: 59px;
    }

    #mainmenu li ul {
        border-top: solid 1px #eee;
        top: auto;
        width: auto;
        height: auto;
        position: inherit;
        visibility: visible;
        opacity: 1;
    }

    #mainmenu>li.menu-item-has-children>a.menu-item {
        position: relative;
        padding-right: 15px;
    }

    /* #mainmenu:not(.unadvanced)>li.menu-item-has-children>a.menu-item:after {
        content: '\f107';
        font-family: 'FontAwesome';
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    } */

    #mainmen.unadvanced>li.menu-item-has-children>a.menu-item:after {
        content: none;
        font-family: 'FontAwesome';
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }

    #mainmenu li ul a.menu-item {
        width: 100%;
        background: none;
        border: none;
    }

    #mainmenu li ul li {
        border: none;
        padding-left: 40px;
    }

    #mainmenu li ul li a.menu-item {
        display: block;
    }

    #mainmenu li ul li:last-child {
        border-bottom: none;
        margin: 0;
    }

    #mainmenu li ul li:last-child a.menu-item {
        border-bottom: none;
    }

    #mainmenu li a {
        color: #eceff3;
    }

    #mainmenu li li a.menu-item:hover {
        color: #fff;
    }

    #mainmenu ul:not(.mega) {
        border: none;
    }

    #mainmenu>li ul.mega .sb-menu {
        border: none;
    }

    #back-to-top {
        display: none;
    }

    header.header-mobile {
        overflow: hidden;
        position: relative;
    }

    header.header-mobile #mainmenu {
        width: 100%;
        padding-right: 10px;
        background: #ffffff;
        height: 110vh;
        margin-top: -39px;
    }

    #mainmenu .only-on-mobile {
        display: unset;
        height: 250px;
        border-bottom: unset;
    }

    #mainmenu ul.drop-menu-ver2 {
        /* height: fit-content !important; */
    }

    #mainmenu ul.drop-menu-ver2 .dropmenu-item-holder {
        display: flex;
        flex-direction: column;
    }

    div.header.wrapper div.container div.col-md-12 {
        padding-right: 0 !important;
    }

    .menu_side_area {
        margin-right: -10px;
    }

    header.header-mobile #mainmenu ul {
        background: none;
    }

    header.header-mobile #mainmenu a.menu-item {
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    header.header-mobile #mainmenu a.menu-item:hover {
        background: none;
    }

    header.header-mobile #mainmenu li ul {
        display: block;
        position: inherit;
        margin: 0;
        width: 100%;
    }

    header.header-mobile #mainmenu li {
        border-bottom: solid 1px #eee;
        margin: 0;
        width: 100%;
        display: block;
    }

    .dark-scheme header.header-mobile #mainmenu li {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    header.header-mobile #mainmenu li ul.mega ul {
        height: auto;
    }

    header.header-mobile #mainmenu li ul.mega .menu-content {
        background: #fff;
    }

    header.header-light.header-mobile #mainmenu li ul li a.menu-item {
        border-color: #eee;
    }

    header.header-light.header-mobile #mainmenu li {
        border-color: #eee;
        display: flex;
        flex-direction: column;
    }

    .menu-item.shopping-cart {
        height: 81.6px;
        justify-content: center;
    }

    header.header-dark.header-mobile {
        background: #222;
    }

    header.header-dark.header-mobile #mainmenu li {
        border-color: #333;
    }

    header.header-dark.header-mobile #mainmenu li a.menu-item {
        color: #fff;
    }

    header.header-mobile #mainmenu li a.menu-item:after {
        display: none;
    }

    header.header-mobile #mainmenu li:last-child {
        margin-bottom: 30px;
    }

    header.header-mobile #mainmenu li.mobile-flag {
        display: flex;
        border: none;
        flex-direction: row;
    }

    header.header-mobile #mainmenu li.mobile-flag a {
        text-align: left;
        padding: 10px 0 0 3px;
    }

    header.header-mobile #mainmenu li ul {
        border-top: none;
        top: auto;
    }

    header.header-mobile #mainmenu li ul a.menu-item {
        width: 100%;
        background: none;
        border: none;
    }

    header.header-mobile #mainmenu li ul li {
        border: none;
        padding-left: 40px;
    }

    header.header-mobile #mainmenu li ul.mega li {
        border: none;
        padding: 15px 30px 15px 0;
    }

    header #mainmenu li ul li:first-child {
        border-top: solid 1px #eee;
    }

    .dark-scheme header #mainmenu li ul li:first-child {
        border-top-color: rgba(255, 255, 255, 0.1);
    }

    header.header-mobile #mainmenu li ul li a.menu-item {
        display: block;
        border-bottom: solid 1px #eee;
    }

    header.header-mobile #mainmenu li ul li:last-child {
        border-bottom: none;
        margin: 0;
    }

    header.header-mobile #mainmenu li ul li:last-child a.menu-item {
        border-bottom: none;
    }

    header.header-mobile #mainmenu li a.menu-item {
        color: #4f4f4f;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        font-size: 18px;
        min-width: fit-content;
    }

    .dark-scheme header.header-mobile #mainmenu li a.menu-item {
        color: #ffffff;
    }

    header.header-mobile #mainmenu li a.menu-item:hover {
        color: #333;
    }

    .dark-scheme header.header-mobile #mainmenu li a.menu-item:hover {
        color: #fff;
    }

    header.header-mobile #mainmenu li li a.menu-item:hover {
        color: #888;
    }

    header.header-mobile #mainmenu li ul {
        height: 0;
        overflow: hidden;
        position: relative;
        left: 0;
    }

    header.header-mobile #mainmenu li ul li ul {
        margin-bottom: 10px;
    }

    header.header-mobile #mainmenu>li>span {
        width: 36px;
        height: 36px;
        background: url(../img/ui/arrow-down.png) center no-repeat;
        position: absolute;
        right: 0;
        margin-top: 10px;
        z-index: 1000;
        cursor: poInter;
    }

    #mainmenu>li>span {
        background: url(../img/ui/arrow-down.png) center no-repeat;
    }

    .dark-scheme header.header-mobile #mainmenu>li>span {
        background: url(../img/ui/arrow-down-light.png) center no-repeat;
    }

    header.header-mobile #mainmenu li span.active {
        background: url(../img/ui/arrow-up.png) center no-repeat;
    }

    .dark-scheme header.header-mobile #mainmenu li span.active {
        background: url(../img/ui/arrow-up-light.png) center no-repeat;
    }

    header.header-mobile #mainmenu li>ul>li>span {
        width: 36px;
        height: 36px;
        background: url(../img/ui/arrow-down.png) center no-repeat;
        position: absolute;
        right: 0;
        margin-top: -45px;
        z-index: 1000;
        cursor: poInter;
    }

    header.header-mobile #mainmenu>li>ul>li>span.active {
        background: url(../img/ui/arrow-up.png) center no-repeat;
    }

    header.header-mobile #mainmenu li ul li a.menu-item {
        border-bottom: solid 1px #eee;
    }

    .dark-scheme header.header-mobile #mainmenu li ul li a.menu-item {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    header.header-mobile #mainmenu li ul li:last-child>a.menu-item {
        border-bottom: none;
    }

    header.header-mobile .h-phone {
        color: #202020;
    }

    header.header-light.header-mobile #mainmenu>li>span,
    header.header-light.header-mobile #mainmenu li>ul>li>span {
        background: url(../img/ui/arrow-down.png) center no-repeat;
    }

    header.header-light.header-mobile #mainmenu>li>span.active,
    header.header-light.header-mobile #mainmenu li>ul>li>span.active {
        background: url(../img/ui/arrow-up.png) center no-repeat;
    }

    #mainmenu li ul.mega {
        position: fixed;
        left: 0;
        width: 100%;
        margin-top: 30px;
        display: block;
    }

    #mainmenu li ul.mega>li {
        width: 100%;
    }

    #mainmenu li ul.mega>li ul {
        position: static;
        visibility: visible;
        opacity: 1;
        left: 0;
        float: none;
        width: 100%;
    }

    #mainmenu ul.mega>li ul li {
        margin: 0;
        padding: 0;
    }

    #mainmenu li ul.mega .menu-content {
        background: #202020;
        padding: 30px;
    }

    /* header light */
    .header-light #mainmenu ul li a.menu-item,
    .header-light #mainmenu ul li a.menu-item:hover {
        color: #333;
    }

    .de_tab.tab_methods .de_nav {
        text-align: center;
    }

    .de_tab.tab_methods .de_nav li {
        margin: 5px;
        padding: 0;
    }

    .de_tab.tab_methods .de_nav li span {
        margin: 0;
        display: inline-block;
    }

    .de_tab.tab_methods .de_nav li .v-border {
        border: none;
    }

    .hidden-phone {
        display: none;
    }

    .grid_gallery .item {
        width: 100%;
    }

    .table [class*='col-'] {
        float: none;
        display: block;
        vertical-align: top;
    }

    .table-pricing thead tr,
    .table-pricing tbody tr {
        display: block;
        width: 100%;
    }

    .table-pricing thead tr {
        display: none;
    }

    .table-pricing tbody tr th {
        display: flex;
        justify-content: space-between;
    }

    .table-pricing tbody tr td {
        padding: 10px 15px !important;
        text-align: right;
        display: flex;
        justify-content: space-between;
    }

    .table-pricing tbody tr td:last-child {
        text-align: center;
    }

    .table-pricing tbody tr th span,
    .table-pricing tbody tr td span {
        min-width: 50%;
    }

    .table-pricing tbody tr th .lbl {
        display: inline;
        min-width: 50%;
        text-align: left;
    }

    .table-pricing tbody tr th {
        color: #ffffff;
        text-align: right;
    }

    .sm-hide {
        display: none;
    }

    .btn-rsvp {
        position: absolute;
    }

    .d-btn-close {
        position: relative;
    }

    .schedule-item .sc-info {
        padding-top: 20px;
    }

    .de_tab.tab_style_4 .de_nav li {
        min-width: 100px;
    }

    #mainmenu a.menu-item span {
        display: none;
    }

    .pf_full_width.grid {
        margin-left: 1.5%;
    }

    .de_tab.tab_methods.style-2 .de_nav li.active .arrow {
        margin-top: -40px;
        margin-bottom: 40px;
    }

    .table-custom-1 {
        position: relative;
        height: auto;
    }

    h1.very-big {
        font-size: 9vw;
        line-height: 9vw;
        letter-spacing: 0;
    }

    .timeline>li>.timeline-panel {
        width: 100%;
    }

    .timeline-badge {
        display: none;
    }

    .timeline:before {
        background: none;
    }

    .tp-caption {
        padding-left: 40px;
        padding-right: 40px;
    }

    .author_list {
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        column-count: 3;
        column-gap: 20px;
    }

    .subfooter .de-flex,
    .subfooter .de-flex-col {
        display: block;
    }

    .subfooter .social-icons {
        margin-top: 20px;
    }

    .subfooter span.copy {
        margin-top: 20px;
        display: block;
    }

    .activity-filter li {
        width: 100%;
    }

    .dropdown {
        display: inline-block;
        margin-bottom: 10px;
    }

    .side-bg .image-container {
        position: relative;
        width: 100%;
        height: 400px !important;
        top: 0;
        margin-bottom: 60px;
    }

    .side-bg-text {
        margin-bottom: 80px;
    }

    .table-pricing tbody tr th {
        padding: 15px 20px !important;
    }
}

@media (max-width: 651px) {
    div#topbar div.topbar-widget.phone {
        display: none;
    }
}

@media (max-width: 560px) {
    footer div.row {
        flex-direction: column !important;
    }

    footer .page-theme.container {
        min-width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 600px) {
    .title-class-nav {
        width: 96vw;
        text-align: center;
    }

    .details-class {
        width: 96vw;
        text-align: center;
    }

    .user-page {
        width: 96vw;
    }
}

@media (max-width: 527px) {
    div#topbar div.topbar-widget.skype {
        display: none;
    }
}

/* --------------------------------------------------
    custom for 320px & 480px
    /* -------------------------------------------------- */

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

    .de-table.table-rank thead th:nth-child(5),
    .de-table.table-rank thead th:nth-child(6),
    .de-table.table-rank thead th:nth-child(7),
    .de-table.table-rank tbody td:nth-child(4),
    .de-table.table-rank tbody td:nth-child(5),
    .de-table.table-rank tbody td:nth-child(6) {
        display: none;
    }

    .d_profile {
        display: block;
    }

    .d_profile .de-flex-col {
        display: block;
    }

    .profile_avatar {
        display: block;
    }

    .profile_avatar i {
        margin-top: -40px;
    }

    .profile_name {
        margin-left: 0;
        margin-top: 20px;
        display: block;
        width: 100%;
    }

    .profile_follow {
        margin-top: 40px;
        width: 100%;
    }

    .menu_side_area {
        margin-left: 20px;
        width: 100%;
        position: relative;
        right: 0;
        text-align: right;
        z-index: 0;
        display: block;
    }

    header .container {
        min-width: 100%;
    }

    .pricing-2-col .pricing-box,
    .pricing-3-col .pricing-box,
    .pricing-4-col .pricing-box,
    .pricing-5-col .pricing-box {
        width: 100%;
    }

    .container-4 .de-team-list {
        width: 100%;
        float: left;
        position: relative;
    }

    .feature-box-image,
    .pricing-box {
        margin-bottom: 30px;
    }

    #filters li.pull-right {
        float: none;
    }

    .pf_full_width .item {
        float: left;
        width: 49.9%;
    }

    .text-item {
        font-size: 48px;
        line-height: 48px;
    }

    .text-item i {
        font-size: 36px;
    }

    #de-sidebar {
        width: 100%;
        display: block;
        position: relative;
    }

    .gallery_border {
        margin-left: 0px;
    }

    .pf_full_width.gallery_border .item {
        width: 48.9%;
    }

    body.boxed {
        margin: 0px;
    }

    .schedule-item .sc-time {
        width: 100%;
        padding-bottom: 20px;
        float: none;
    }

    .schedule-item .sc-pic {
        width: 80px;
    }

    .schedule-item .sc-pic img {
        width: 60px;
    }

    .schedule-item .sc-name {
        padding-top: 5px;
    }

    .schedule-item .sc-info {
        float: none;
        display: block;
        width: 100%;
        clear: both;
        padding-top: 30px;
    }

    .schedule-item .sc-info h4 {
        margin-bottom: 10px;
    }

    .de_tab.tab_style_4 .de_nav {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .de_tab.tab_style_4 .de_nav li {
        min-width: 33.3%;
        width: 33.3%;
        border: none;
    }

    .de_tab.tab_style_4 .de_nav li:first-child,
    .de_tab.tab_style_4 .de_nav li:last-child {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .pf_full_width.grid {
        margin-left: 0.2%;
    }

    .pf_full_width.grid .item {
        width: 48.5%;
    }

    .display-table [class*='col-'] {
        display: table;
    }

    h1.big,
    h1_big {
        font-size: 8vw;
        line-height: 10vw;
    }

    .xs-hide {
        display: none;
    }

    .author_list {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
}

/* --------------------------------------------------
    design for 480px
    /* -------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    div.pricelist2 div.pricing-card {
        width: 95%;
    }

    div#page-section-5 {
        width: 95%;
    }

    .feature-box-image,
    .pricing-box {
        margin-bottom: 30px;
    }

    .timeline-panel {
        margin-bottom: 30px;
    }

    .timeline-pic {
        height: 300px;
    }
}

/* --------------------------------------------------
    design for 320px
    /* -------------------------------------------------- */

@media only screen and (max-width: 480px) {
    .pf_full_width .item {
        float: left;
        width: 100%;
    }

    .text-item {
        font-size: 32px;
        line-height: 32px;
    }

    .text-item i {
        font-size: 24px;
    }

    .pf_full_width.gallery_border .item {
        width: 100%;
    }

    h4.s2 span {
        display: block;
        margin: 0;
        padding: 0;
    }

    .h-phone {
        display: none;
    }

    .author_list {
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px;
        column-count: 1;
        column-gap: 20px;
    }

    header a.btn-main i {
        display: inline-block;
    }

    #form_quick_search {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 360px) {
    #logo {
        margin-top: -10px;
    }

    #topbar {
        display: none;
    }

    img.logo-mobile {
        padding-top: 20px;
    }
}

/* section control */
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) {
    section {
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
        background-attachment: scroll;
    }

    div.pricelist2 div.pricing-card {
        width: 65%;
    }
}

@media only screen and (max-width: 992px) {
    #subheader {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment: scroll;
    }

    section {
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%;
        background-attachment: scroll;
    }
}

@media (max-width: 1200px) {
    .main.old {
        margin-left: 10px;
        margin-right: 5px;
        width: 100%;
        margin-top: 30px !important;
    }

    .navbar-default .navbar-toggle {
        margin-right: 0;
    }
}


@media (min-width: 1200px) {
    .container-timeline ul {
        display: flex;
        padding-left: 0;
        padding-top: 20px;
    }

    .container-timeline ul li {
        flex: 1 1 0;
        border-left: 0;
        border-top: 1px solid green;
        padding: 50px 4em 0 0;
    }

    .container-timeline ul li::before {
        left: 0;
        top: -21px;
    }

    section#section-pricing div.container div.col-md-8.offset-md-2.mt-70 {
        width: 49%;
    }

    .container.panel-box {
        min-width: 1170px;
    }
}

#flag-container-mobile {
    display: none;
}

.row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-left: calc(var(--bs-gutter-x) / -2);
    margin-right: calc(var(--bs-gutter-x) / -2);
}

div.header.wrapper div.container div.col-md-12 {
    width: 100%;
}

/* div.header.wrapper>div.container {
    background: #ffffff;
} */

.topbar-left,
.topbar-right {
    display: flex;
}

.topbar-left {
    float: left;
}

div.drop-menu-content img.icon {
    width: 35px;
    height: 35px;
    margin: 20px 20px 0 0;
}

div.d-inner h4.submenu:hover,
div.d-inner h3.submenu:hover {
    color: orange;
}

/* New Table */

.mobile-table {
    display: none;
}

.table-pricing {
    box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.1);
}

.table.table-striped.tablesorter>thead>tr>th {
    border-bottom: 1px solid #ddd;
}

.table:not(.table.table-striped.tablesorter)> :not(:last-child)> :last-child>* {
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid lightblue;
}

table.table.table-pricing.text-center th.padding-left {
    padding-left: 4%;
}

table thead {
    font-weight: bold;
}

.table {
    display: table;
    margin-bottom: 0;
}

.table [class*='col-'] {
    float: none;
    display: table-cell;
    vertical-align: top;
    padding: 0;
    height: 100%;
}

.table-custom-1 {
    position: absolute;
    height: 100%;
}

.table .table {
    background: none;
}

.table-pricing {
    font-size: 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-right: none;
    overflow: hidden;
    padding: 5px;
    background: #ddd;
}

.table-pricing thead {
    color: #ffffff;
    font-size: 16px;
    background: #ffb666;
}

.table-pricing thead tr th {
    font-weight: bold;
    padding: 10px 0 10px 0;
}

.table-pricing tbody tr {
    width: 100%;
    background: #ffffff;
}

.table-pricing tbody tr:nth-child(even) {
    width: 100%;
    background: #f5f5f5;
}

.table-pricing.dark tbody tr {
    background: #222222;
}

.table-pricing.dark tbody tr:nth-child(even) {
    width: 100%;
    background: #111111;
}

.table-pricing tbody tr th {
    font-weight: bold;
}

.table-pricing tbody tr td,
.table-pricing tbody tr th {
    border: none;
    padding: 17px 0 17px 0;
}

.table-pricing tbody tr th .lbl,
.table-pricing tbody tr td .lbl {
    display: none;
}

.table-pricing .num {
    font-weight: bold;
}

.table-pricing .btn-main,
.table-pricing .btn-line {
    display: inline-block;
    line-height: 1.1em;
}

.table-pricing> :not(caption)>*>* {
    border: none !important;
}

section#section-pricing div.container {
    padding-left: 0;
}

div.text.pricing-section {
    width: 243px;
}

#section-pricing div.note2 {
    margin: 10px 0 0 25px;
}

.main b {
    color: #403f40;
}

.details-class div.desc div.offer a:not(.green-btn):not(.dark-btn):not(.white-btn):not(.wide-white-btn):not(.wide-darkblue-btn) {
    padding-left: 3px;
}

.details-class div.desc div.offer a.wide-white-btn:not(.green-btn):not(.dark-btn):not(.white-btn) {
    color: #192e42;
}


a.wide-darkblue-btn:not(.green-btn):not(.dark-btn):not(.white-btn) {
    color: #fbc04d;
}


.details-class a:not(.green-btn):not(.dark-btn):not(.white-btn):not(.wide-white-btn):not(.wide-darkblue-btn) {
    padding-left: 15px;
}

/* New Footer */

footer {
    padding-top: 80px;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans', Helvetica, Arial, sans-serif;
}

footer.footer-light {
    background-color: rgba(0, 0, 0, 0.025);
}

footer div.row {
    flex-direction: row;
    justify-content: center;
}

footer .page-theme.container {
    max-width: 25%;
    min-width: 25%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
}

footer #user-profile-outerdiv {
    display: none;
}

footer .widget {
    padding-bottom: 30px;
}

footer .widget h5:hover {
    color: #ffa500;
    text-decoration: none !important;
    cursor: pointer;
}

footer .widget a.no-href.category-anchor-tag h5:hover {
    color: #403f40;
    cursor: default;
}

.widget ul li {
    margin: 3px 0;
}

footer .col-lg-3 {
    padding: 0;
    width: 100%;
}

footer.footer-light a {
    color: #777;
    font-size: 14px;
    letter-spacing: 1px;
}

footer .widget h5 {
    margin-bottom: 20px;
    font-weight: bold;
    color: #403f40;
    font-size: 18px;
    line-height: 1.2;
}

.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul li {
    margin: 3px 0;
}

.footer1.footer-standard ul {
    padding-right: 15px;
}

/* mobile */

.menu_side_area {
    margin-left: 20px;
}

@media all and (max-width: 992px) {
    header#navbar div.header.wrapper {
        background: #ffffff;
    }

    .header-old {
        width: 97vw !important;
    }

    .navbar-nav {
        width: 100%;
        background: #ffffff;
    }

    #topbar .container {
        max-width: 100% !important;
        padding: 0 20px;
    }

    .header-light.transparent.has-topbar .container {
        padding: unset;
        margin: unset;
        width: 100% !important;
    }

    ul#mainmenu li.mega-li {
        display: block !important;
    }
}


@media (min-width: 2100px) {
    .sec0 .banner-element.backg.img .frame {
        width: 70vw;
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (max-width: 991px) {
    section#section-pricing div.container div.col-md-8.offset-md-2.mt-70 {
        width: 100%;
    }
}

/* menu ver2 */
.dropmenu-item-holder {
    display: flex;
    gap: 13px;
}

.drop-menu-content-ver2 {
    min-width: 200px;
    flex-grow: 2;
}

.drop-menu-content-ver2.text {
    max-width: 300px;
}

#mainmenu .drop-menu-content-ver2.text a.item-title.vers2 {
    width: 215px;
}

.drop-menu-content-ver2 .d-inner.item-title {
    padding: unset;
    margin: unset;
    padding-left: unset;
    padding-bottom: unset;
    align-items: center;
    gap: 5px;
    /* width: 223px; */
}

.drop-menu-content-ver2 h4 {
    padding: unset;
    margin: unset;
}


.drop-menu-content-ver2.dropmenu-image-banner {
    background-size: cover !important;
    border-radius: 20px;
    width: 450px;
    height: 233px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.drop-menu-content-ver2.dropmenu-image-banner h1 {
    color: white;
    margin-left: 20px;
    margin-right: 20px;
}

.drop-menu-content-ver2.dropmenu-image-banner img {
    width: 100%;
    border-radius: 30px;
}

.drop-menu-content.drop-menu-content-ver2.text div.row a:first-child {
    margin-bottom: 5px;
}

.drop-menu-content.drop-menu-content-ver2.text div.row a:first-child h3 {
    text-transform: uppercase;
}

.vers2 .item-icon {
    width: 30px;
    height: 30px;
    margin: 5px;
}

a.item-title.vers2 {
    margin-bottom: 15px;
}

a.item-title.vers2 h4 {
    padding-bottom: 0px;
}

.d-inner.item-title {
    display: flex;
}

.top-banner {
    height: 230px;
    width: 101%;
    background-color: aliceblue;
    display: flex;
    gap: 5%;
    margin-bottom: 25px;
    background-size: cover !important;
}

.top-banner .item-content {
    margin-left: 13%;
    border-left: none;
}

.top-banner h1 {
    padding-top: 30px;
    margin-bottom: 0;
}

/* sec0 */

.sec0 .banner-element.backg.img,
.sec0 .banner-img-par-element {
    background-size: cover !important;
    background-position: center;
}

.sec0 .banner-img-par-element h1,
.sec0 .banner-img-par-element h3,
.sec0 .banner-img-par-element div.p {
    color: white;
}

.sec0 .mixed-type-element .banner-img-par-element h1 {
    color: #00253e;
}

.sec0 .mixed-type-element .banner-img-par-element h3,
.sec0 .mixed-type-element .banner-img-par-element div.p {
    color: #777777;
}

.banner-img-par-element h1.radihost2-h1 {
    margin: 0 0 45px 0;
    padding-top: 80px;
}

.banner-img-par-element .card-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding-bottom: 100px;
}

.banner-img-par-element .p-container {
    margin-left: 40px;
}

/* .chess-container .card-bipel: */

.chess-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 30px;
    width: 80vw;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
}

.chess-container .bipel-img-card {
    width: 70px;
}

.chess-container h3 {
    color: #00253e;
    font-size: 1.9rem;
}

.chess-container .card-bipel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 30px;
    width: calc(33.33% - 20px);
    min-height: 380px;
}

.chess-container .card-bipel:nth-child(even) {
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 30px;
}

.chess-container .card-bipel:nth-child(2) {
    border-bottom-left-radius: unset;
}

.chess-container .card-bipel:nth-child(4) {
    border-top-right-radius: unset;
}

.chess-container .card-bipel:nth-child(6) {
    border-top-left-radius: unset;
}

#master_1_form .chess-container {
    width: unset;
    padding: 20px;
}

#master_1_form .chess-container.f4f6fa {
    /* background-color: #f4f6fa; */
}

.sec0 .banner-element-2 {
    padding: 100px 0 105px 0;
    position: relative;
    z-index: 1;
    background-size: cover !important;
}

.sec0 .home-banner .item-content h1 {
    font-size: 7rem;
    line-height: 70px;
    margin-top: 0;
}

.sec0 .item-content .item-text {
    padding-left: 10px;
    padding-right: 100px;
    font-size: 3rem;
    line-height: 40px;
    font-weight: 400;
}

.sec0 .banner-element.backg.img .frame {
    display: flex;
    justify-content: center;
    /* width: 95vw; */
    /* flex-direction: row;
    gap: 4%;
    margin-left: auto;
    margin-right: auto; */
}

.sec0 .image-text-container .card-holder {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 55px;
    max-width: 1700px;
    margin-right: auto;
    margin-left: auto;
}

.sec0 .bckg-text-card-container .card-holder .img-container {
    width: 360px;
    height: 235px;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec0 .bckg-text-card-container .card-holder {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 70px;
    max-width: 95vw;
    margin-left: auto;
    margin-right: auto;
}

.sec0 .bckg-card {
    width: unset;
}

.sec0 .img-paragraph .wrap,
.paragraph-img .wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-right: 7%;
}

#master_1_form .paragraph-img {
    margin: 20px 50px;
}


#master_1_form .paragraph-img .wrap {
    gap: 50px;
}

.sec0 .img-paragraph .img-container {
    width: unset;
}

.sec0 .img-paragraph .wrap .p-container {
    width: 90%;
    max-width: 800px;
}

.paragraph-img,
.banner-img-paragraph {
    padding-bottom: 50px;
}

.main-content.advanced.classic #master_1_form .banner-img-paragraph h1 {
    text-align: center;
    font-size: 3.5rem;
    padding-top: 0;
}

#master_1_form .banner-img-paragraph .wrap {
    width: unset;
    margin-bottom: 30px;
    padding: 0 70px;
}

.paragraph-cards-container,
.mixed-type-element {
    padding-bottom: 100px;
}

.banner-img-par-element {
    margin-top: 60px;
}

.banner-img-par-element .bipel-image {
    width: 380px;
}

.banner-img-par-element .wrap {
    display: flex;
    flex-direction: row;
    width: 80vw;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
}

.banner-img-par-element h3.subtitle {
    font-size: 18px;
    margin-bottom: 40px;
}

.banner-img-par-element h3.subitemstitle {
    text-align: center;
    font-size: 18px;
    margin-bottom: 40px;
}

.banner-img-par-element .card-bipel {
    background: white;
    border-radius: 40px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 270px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.banner-img-par-element .bipel-img-card {
    width: 85px;
}

.banner-img-par-element .card-bipel h3 {
    color: #5d5c5c;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    height: 66px;
}

.paragraph-img .wrap,
.banner-img-paragraph .wrap {
    box-shadow: none;
}

.paragraph-img .img-container {
    width: 40%;
}

.paragraph-img .p-container {
    width: 37%;
}

.paragraph-img .radihost2-h1 {
    text-align: start;
    margin: 120px 0 35px 0;
}

.paragraph-img img {
    width: 80%;
    margin-top: 200px;
    margin-left: 50px;
}

#master_1_form .paragraph-img img {
    width: 100%;
    margin-top: 55px;
    margin-left: unset;
}

#master_1_form .paragraph-img .p,
.columns-cards .p {
    line-height: 1.5;
    font-size: 1.5rem;
}

#master_1_form .paragraph-img .wrap {
    margin-right: unset;
}

#master_1_form .paragraph-img .p-container {
    width: 49%;
}

#master_1_form .paragraph-img .img-container {
    width: 51%;
}

.main-content.advanced.classic #master_1_form .paragraph-img h1 {
    font-size: 3.5rem;
    margin-top: 30px;
}

/* White Cards */

.banner-img-par-element.white-cards {
    background-size: cover !important;
}

.main-content.advanced.classic #master_1_form .banner-img-par-element.white-cards h3.subitemstitle {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 30px;
    color: #ffffff;
}

.banner-img-par-element.white-cards .subitems-text {
    text-align: center;
    color: #ffffff;
}

.banner-img-par-element.white-cards .card-bipel {
    height: unset;
}

/*  */

.main-content.advanced.classic #master_1_form .paragraph-cards-container h1 {
    font-size: 3.5rem;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0;
}

.main-content.advanced.classic #master_1_form .paragraph-cards-container .card .bckg-text-container {
    padding: 20px 40px;
}

#master_1_form .paragraph-cards-container .card .bckgimg-container {
    height: 550px;
}

#master_1_form .paragraph-cards-container .p-container {
    text-align: center;
}

#master_1_form .paragraph-cards-container .p-container b {
    color: #ffffff;
}

#master_1_form .paragraph-cards-container .card-holder {
    margin-top: 40px;
}

#master_1_form .banner-img-par-element .card-container {
    gap: 30px;
    margin-top: 30px;
    padding-bottom: 30px;
}

.main-content.advanced.classic #master_1_form .banner-img-par-element .card-container h3 {
    text-align: center;
}

#master_1_form .banner-img-par-element .card-container .subitem-text {
    text-align: center;
    height: 200px;
}

/* Column Cards */

.columns-cards {
    margin: 0 25px;
}

.columns-cards .card-holder {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.columns-cards .card-holder .card:nth-of-type(odd) {
    border: 1px solid #084449;
    border-radius: 20px;
    max-width: 850px;

}

.columns-cards .card-holder .card:nth-of-type(even) {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
    max-width: 850px;
}

.columns-cards .card-holder,
.columns-cards .card-content {
    padding: 20px;
}

.columns-cards .column-card-img-container {
    display: flex;
    justify-content: center;
}

.columns-cards .cc-img-el {
    width: 100%;
    border-radius: 10px;
}

.main-content.advanced.classic #master_1_form .columns-cards .title-one {
    font-weight: 100;
    color: #00253e;
    font-size: 3rem;
    margin-bottom: unset;
}

.main-content.advanced.classic #master_1_form .columns-cards .title-two {
    margin-top: 10px;
    font-size: 3rem;
}

.columns-cards .p {
    margin-bottom: 40px;
}

.columns-cards .card-content .green-btn {
    box-shadow: none;
    margin: unset;
    text-transform: unset;
    font-weight: bold !important;
    color: #00234c;
}

.columns-cards .green-btn:hover {
    text-decoration: none;
}

/* Green cards */
.green-cards-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.main-content.advanced.classic #master_1_form .green-cards-container h1 {
    text-align: center;
    margin: 50px 0 10px 0;
    font-size: 3.5rem;
}

.green-cards-container .card-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
    margin: 35px 0 40px 0;
}

.green-cards-container .title-p {
    padding: 10px 50px;
    text-align: center;
}

.green-cards-container .card.light-grey-border {
    position: relative;
    width: 29%;
    max-width: 450px;
    border: 1px solid #99a8b2;
    border-radius: 20px;
    padding: 30px 30px 10px 30px;
}

.green-cards-container .green-dot {
    position: absolute;
    width: 25px;
    height: 25px;
    left: -12px;
    z-index: 2;
    pointer-events: none;
}

/* Card 1, 6, 11, etc. */
.green-cards-container .card:nth-child(5n + 1) .green-dot {
    top: 15%;
}

/* Card 2, 7, 12, etc. */
.green-cards-container .card:nth-child(5n + 2) .green-dot {
    top: 70%;
}

/* Card 3, 8, 13, etc. */
.green-cards-container .card:nth-child(5n + 3) .green-dot {
    top: 47%;
}

/* Card 4, 9, 14, etc. */
.green-cards-container .card:nth-child(5n + 4) .green-dot {
    top: 75%;
}

/* Card 5, 10, 15, etc. */
.green-cards-container .card:nth-child(5n) .green-dot {
    top: 20%;
}

.main-content.advanced.classic #master_1_form .green-cards-container h2 {
    margin-top: unset;
    margin-bottom: 10px;
    color: #088c74;
    font-weight: bold;
    font-size: 1.8rem;
}

.green-cards-container div.p {
    text-align: left;
    font-size: 1.5rem;
}

/* Banner Double Card Element */
.banner-double-card {
    background-size: cover !important;
    margin-top: 80px;
    padding-bottom: 50px;
}

.main-content.advanced.classic #master_1_form .banner-double-card h1 {
    margin-top: unset;
    padding-top: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 3.5rem;
}

.banner-double-card .text {
    padding: 0 300px;
    color: #ffffff;
    max-width: 1600px;
}

.banner-double-card .title-wrap {
    display: inline-block;
    background-color: #00253e;
    padding: 6px 20px 3px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 30px;
}

.main-content.advanced.classic #master_1_form .banner-double-card h3 {
    display: inline;
    color: #ffffff;
    font-size: 2rem;
}

.banner-double-card .wrap {
    width: 90%;
    background: #ffffff;
    border-radius: 40px;
}

.banner-double-card img {
    width: 300px;
    border-radius: 20px;
}

.main-content.advanced.classic #master_1_form .banner-double-card .wrap {
    display: flex;
    background: #ffffff;
    gap: 40px;
    margin: 40px;
    padding: 20px;
    border-radius: 40px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* img-paragraph-cards */
.img-paragraph-cards {
    margin: 100px 70px 100px 40px;
}

.img-paragraph-cards .wrap {
    display: flex;
    flex-direction: row;
    gap: 60px;
    justify-content: center;
    box-shadow: none;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.img-paragraph-cards .img-container {
    /* width: 50%;
    display: flex;
    justify-content: center; */
}

.img-paragraph-cards img {
    max-width: 385px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.img-paragraph-cards .flex-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 32px;
}

.img-paragraph-cards .first-row,
.img-paragraph-cards .second-row {
    display: flex;
    gap: 30px;
}

.img-paragraph-cards .cardOne,
.img-paragraph-cards .cardTwo,
.img-paragraph-cards .cardThree,
.img-paragraph-cards .cardFour,
.img-paragraph-cards .cardFive {
    text-align: left;
    color: #00253e;
    padding: 20px 24px;
    border-radius: 30px;
    max-width: 280px;
}

.img-paragraph-cards .cardOne {
    border-bottom-left-radius: unset;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.img-paragraph-cards .cardTwo {
    background-color: #f4f6fa;
    border-top-right-radius: unset;
    max-width: 200px;
}

.img-paragraph-cards .cardThree {
    border: 1px solid #00253e;
    max-width: 350px;
}

.img-paragraph-cards .cardFour {
    background-color: #e3fcf4;
    max-width: 350px;
}

.img-paragraph-cards .cardFive {
    background-color: #f4f6fa;
    border-bottom-left-radius: unset;
    max-width: 200px;
}

/* subbanner-element */
.subbanner-element {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    border-top-right-radius: unset;
    height: 300px;
    width: 90%;
    max-width: 1400px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: linear-gradient(to right, #00243c, #116D6A 40%, #00FFBE);
}

.subbanner-element .subbanner-img {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-size: cover;
}

.subbanner-element .text-container {
    padding-left: 40px;
}

.main-content.advanced.classic #master_1_form .subbanner-element h1 {
    margin-top: unset;
    color: #ffffff;
}

.main-content.advanced.classic #master_1_form .subbanner-element .subbanner-text {
    color: #ffffff;
}

.subbanner-text {
    margin-bottom: 20px;
}

.subbanner-styled-text {
    color: #00ffb9;
    font-weight: bold;
}

#master_1_form .subbanner-element .darkblue-btn {
    background-color: #00253e;
    color: #ffffff !important;
    margin: unset;
    padding: 6px 17px;
    text-transform: unset;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.5);
}

.main-content.advanced.classic #master_1_form .img-paragraph-cards h1 {
    font-size: 3.5rem;
    text-align: center;
    margin-top: 50px;
}

.img-paragraph-cards .banner-element.backg.img.footer {
    height: unset !important;
}

.paragraph-cards-container {
    width: 80vw;
    max-width: 1500px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.paragraph-cards-container>.p-container {
    margin-left: 80px;
    margin-right: 80px;
}

.paragraph-cards-container h1.radihost2-h1 {
    margin: 0 0 45px 0;
}

.paragraph-cards-container .card-holder {
    display: flex;
    gap: 40px;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
}

.paragraph-cards-container .card-holder .card {
    flex: 1;
}

.paragraph-cards-container .card .bckgimg-container {
    height: 650px;
    width: 650px;
}

#master_1_form .paragraph-cards-container .card.heigher-cards .bckgimg-container {
    height: 1100px;
}

#master_1_form .paragraph-cards-container .card.heigher-cards .bckg-text-container {
    background-color: rgb(1 34 52);
    padding: 20px 40px;
}

#master_1_form .paragraph-cards-container .card.heigher-cards .bckg-text-container {
    height: fit-content;
}

.main-content.advanced.classic #master_1_form .card.heigher-cards h1 {
    margin-top: unset;
}

.paragraph-cards-container .card .bckg-text-container {
    background-color: rgba(1, 34, 52, 0.8);
    border-bottom-right-radius: 120px;
    border-bottom-left-radius: 120px;
    height: 55%;
    padding: 20px 70px;
    color: white;
}

.paragraph-cards-container .card .bckg-text-container h1,
.main-content.advanced.classic #master_1_form .paragraph-cards-container .card .bckg-text-container h1 {
    color: white;
}

.paragraph-cards-container .card:nth-child(odd) .bckgimg-container {
    border-top-left-radius: 120px;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
}

.paragraph-cards-container .card:nth-child(even) .bckgimg-container {
    border-top-right-radius: 120px;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
}

.paragraph-cards-container .card .bckgimg-container {
    display: flex;
    align-items: end;
}

.paragraph-cards-container .subbanner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 200px;
    margin-top: 50px;
    border-radius: 20px;
    border-top-left-radius: unset;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.paragraph-cards-container .subbanner-text {
    width: 60%;
    font-size: 3.5rem;
    line-height: 1.25;
    color: #00243c;
    padding: 30px 70px;
    font-weight: 300;
}

.paragraph-cards-container .subbanner-img {
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.paragraph-cards-container .subbanner .green-btn,
.footer-wrapper .green-btn {
    margin: unset;
    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.5);
    text-transform: unset;
    font-weight: bold;
    color: #00234c;
}

#master_1_form .paragraph-cards-container {
    width: unset;
    margin-top: 50px;
}

#master_1_form .paragraph-cards-container .card .bckgimg-container {
    width: unset;
    background-size: cover !important;
}

/* semi-oval cards */
.semi-oval-cards-container .card-holder {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
}

.semi-oval-cards-container .card:nth-child(odd) {
    border-top-left-radius: 120px;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
    background-color: rgb(3 48 71);
}

.semi-oval-cards-container .card:nth-child(even) {
    border-top-right-radius: 120px;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
    background-color: rgb(3 48 71);
}

.semi-oval-cards-container .card {
    color: #ffffff;
    padding: 40px 50px;
    max-width: 700px;
    flex: 1;
}

.main-content.advanced.classic #master_1_form .semi-oval-cards-container .card h1 {
    color: #ffffff;
    margin-top: 20px;
}


/* banner element */
.banner-element.backg.img .wrapper-banner {
    width: 70%;
    padding-bottom: 200px;
    padding-top: 100px;
}

.banner-element.backg.img .text {
    padding-top: 60px;
}

.banner-element.two.backg.img {
    margin-bottom: 40px;
}

.banner-element-2 .text {
    padding: 0 0 0 5%;
}

.banner-element.two.backg.img .wrapper-banner {
    padding-bottom: 35px;
    width: 70%;
}

.banner-element.backg.img .form {
    min-width: 30%;
}

.home-banner .item-content {
    border-left: 1px solid white;
}

.banner-element.two.backg.img .item-content {
    border-left: none;
}

.button-section {
    display: flex;
    align-items: center;
    margin-top: -14px;
}

.button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.button-wrapper:after {
    content: none !important;
}

.wide-white-btn,
.wide-darkblue-btn {
    border-radius: 5px;
    border: 1px solid #192e42;
    background: white;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    color: #003850;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    height: 35px;
    text-align: center;
}

.wide-white-btn:hover а,
.wide-darkblue-btn:hover а {
    text-decoration: none !important;
}

.wide-white-btn а:hover,
.wide-darkblue-btn а:hover {
    text-decoration: none !important;
}

.wide-darkblue-btn {
    background: #192e42;
    color: white;
}

.wide-darkblue-btn a.wide-btn-a {
    color: white;
}

.item-content,
.item-content h1 {
    color: white;
    padding-left: 10px;
    padding-right: 20px;
}

.banner-element.two.backg.img .item-content .item-text {
    padding-top: unset;
}

.banner-flexbox {
    display: flex;
    flex-direction: row;
    align-items: end;
}

.horizontal-line {
    height: 35px;
    width: 30vw;
    margin-left: 140px;
    margin-right: 22px;
    border-bottom: 1px solid white;
}

.white-btn {
    border-radius: 8px;
}

.green-btn {
    background-color: #00ffb9;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    padding: 8px 11px;
    border-radius: 8px;
    border: none;
    margin: 30px auto -14px auto;
    color: black;
}

.banner-element.home-banner .green-btn {
    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.5);
}

#mainmenu .green-btn.dropmenu-image-banner-btn.green-btn-a {
    text-align: center;
    width: 150px;
    margin-top: 10px;
}

#mainmenu .green-btn.dropmenu-image-banner-btn.green-btn-a:hover {
    color: black;
    text-decoration: underline;
}

.green-btn:hover {
    text-decoration: underline;
    color: black;
}

.image-text-container {
    display: flex;
    flex-direction: column;
}

.radihost2-h1 {
    margin: 120px 0 80px 0;
    text-align: center;
    font-size: 4rem;
    color: #00253e;
}

.preview-el-2 h1 {
    margin: 50px 0;
}

.preview-el-2 div.p {
    padding: 0px 50px 20px 50px;
}

.preview-el-2 strong {
    color: #00253e;
}

.main-content.advanced.classic #master_1_form h1 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 45px;
    color: #00253e;
}

#master_1_form .note,
#master_1_form .classic-table-note2 {
    text-align: center;
}

.main-content.advanced.classic #master_1_form .wrapping-chess-container h1 {
    text-align: center;
    font-size: 3.5rem;
}

.main-content.advanced.classic #master_1_form h2 {
    font-size: 2.5rem;
    text-align: left;
    margin-bottom: 25px;
    margin-top: 45px;
    color: #00253e;
}

.main-content.advanced.classic #master_1_form h3 {
    font-size: 2.1rem;
    color: #00253e;
    text-align: left;
    margin-top: 40px;
}

.markdown-element {
    padding: 0 20px;
}

.markdown-element strong {
    color: #00253e;
}

form .main-content.advanced.classic #master_1_form ul,
.preview-el-2 ul {
    list-style: unset;
    margin: 0 30px;
}

.markdown-element ol {
    margin: 0 30px;
}

form .main-content.advanced.classic #master_1_form .markdown-element ol+ul {
    margin: 0 60px;
}

.preview-el-2 ol ul form .main-content.advanced.classic #master_1_form ul li {
    margin-bottom: 10px;
}

/* .main-content.advanced.classic #master_1_form .details-class .offer {
    padding: 0 30px;
} */

.main-content.advanced.classic #master_1_form .details-class .offer .wrap {
    box-shadow: none;
}

.main-content.advanced.classic #master_1_form li::marker,
.preview-el-2 li::marker {
    color: #00253e;
}

.image-text-container>h1.radihost2-h1 {
    margin-top: 75px;
}

.image-text-container .card-holder {
    display: flex;
    flex-direction: row;
    gap: 35px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.main-content div.card-holder:after {
    content: none;
}

div.img-paragraph:after,
div.wrap:after {
    content: none;
}

.image-text-container .card {
    border-radius: 40px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 250px;
    width: 16vw;
    height: 30vh;
    min-height: 500px;
    max-height: 650px;
}

.image-text-container .card:hover {
    background-color: #a6fbe4;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
}

.image-text-container .card:hover .dark-btn {
    color: #003850;
    border: 1px solid #003850;
}

.details-class .image-text-container .card:hover .dark-btn a.dark-btn-a {
    color: #003850;
    background-color: white;
}


.image-text-container .card .dark-btn:hover {
    background-color: white;
}


.dark-btn a.dark-btn-a:hover {
    text-decoration: none;
}

.image-text-container .card .img-container {
    display: flex;
    justify-content: center;
}

.image-text-container .card h2 {
    margin-top: 50px;
    text-align: center;
    color: #003850;
}

.image-text-container .card .dark-btn {
    margin-top: 20px;
}

.image-text-container .card img {
    width: 170px;
    height: auto;
}

.dark-btn {
    text-transform: uppercase;
    width: fit-content;
    border-radius: 8px;
    font-size: 14px;
    padding: 10px 9px;
    border: none;
    color: white !important;
    background-color: #003850;
}

.details-class .dark-btn a.dark-btn-a {
    color: white;
}

.bckg-text-card-container .card-holder {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.bckg-text-card-container .card-holder .img-container {
    width: 100%;
    height: 140%;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bckg-card {
    width: 30%;
}

.bckg-card a:hover {
    text-decoration: none !important;
}

.bckg-text-card-container .card-holder .img-container:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.bckg-text-card-container .card-holder .img-container:hover h2 {
    text-decoration: none;
}

.bckg-card h2 {
    color: white;
    font-size: 50px;
}

.img-paragraph {
    width: 100%;
    margin-top: 100px;
}

.img-paragraph .wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-shadow: none;
}

.img-paragraph .wrap .p-container {
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    width: 40%;
    margin-right: 35px;
}

.img-paragraph .wrap .p {
    font-size: 22px;
    line-height: 1.5em;
    text-align: center;
    color: #003850;
}

.img-paragraph .img-container {
    width: 50%;
}

.img-paragraph .img-container>img {
    height: 66%;
    margin-top: 90px;
}

.img-paragraph .radihost2-h1 {
    margin: 60px 0 40px 0;
    font-size: 29px;

}

.img-paragraph .green-btn {
    width: 120px;
    margin: 30px auto 0 auto;
}

.details-class .desc .offer>br:first-child,
.details-class .desc .offer>br:nth-child(2) {
    display: none;
}

.preview-el {
    margin-bottom: 40px;
}

.preview-el .wrap {
    display: flex;
    padding-bottom: 50px;
    border-radius: 30px;
    gap: 45px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

.preview-el-2 {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    margin-top: 50px;
}

.preview-el-2 .wrap {
    padding-bottom: 20px;
    padding-top: 1px;
    border-radius: 30px;
    gap: 45px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.preview-el img {
    width: 13vw;
    margin-top: 55px;
    margin-right: 30px;
}

.preview-el h1 {
    font-size: 30px;
    text-align: left;
    margin-left: 30px;
    margin-bottom: 35px;
    margin-top: 45px;
}

.preview-el div.p {
    text-align: start;
    margin-left: 30px;
    margin-bottom: 30px;
}

.preview-el .green-btn {
    margin-left: 10%;
    margin-bottom: 60px;
}

.markdown-element hr {
    border-color: #08f6b5;
    border-width: 2px;
}

.markdown-element p:has(img) {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.mixed-type-element.f4f6fa {
    background-color: #f4f6fa;
}

.banner-element.footer.backg.img .footer-container {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.footer-container {
    /* margin-top: 50px; */
}

.footer-container .footer-wrapper {
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
}

.footer-light .container::after,
.footer-light .col-lg-12::after,
.footer-light .row::after {
    content: none;
}

.footer-wrapper h1 {
    text-align: center;
    color: white;
    margin-bottom: 30px;
    margin-top: unset;
    font-size: 3.5rem;
    line-height: 55px;
}

.footer-wrapper div.text {
    text-align: center;
    color: white;
    margin-top: 0;
    font-size: 2rem;
    font-weight: normal;
    line-height: 35px;
    width: 80%;
}

.footer-wrapper .white-btn {
    padding: 5px 10px;
    background: white;
    font-size: 20px;
    margin-bottom: 70px;
    border: none;
    width: fit-content;
    text-transform: uppercase;
}

/* box/info */
.side-info-window {
    position: fixed;
    top: 150px;
    right: 20px;
    width: 300px;
    height: 82vh;
    background-color: #f9f9f9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    border-radius: 12px;
    z-index: 1000;
    padding: 20px;
    box-sizing: border-box;
    color: #403f40;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.side-info-window h1 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: unset;
}

.side-info-window h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 8px;
}

.side-info-window div {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.side-info-window a.side-close-btn {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 27px;
    font-weight: 300;
    text-decoration: none;
    color: #999;
    cursor: pointer;
}

.side-info-window a.side-close-btn:hover {
    color: #333;
}

/* notifications */
#rdb-notifications.notification-container {
    position: fixed;
    z-index: 1002;
    top: 60px;
    right: 20px;
    width: 300px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#rdb-notifications .side-info-notification {
    background-color: #e4f1fb;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #264e88;
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box;
    color: #426194;
    margin-bottom: 20px;
    font-size: 14px;
}

#rdb-notifications .side-error-notification {
    background-color: #f8e7e8;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #b84a48;
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box;
    color: #b84a48;
    margin-bottom: 20px;
    font-size: 14px;
}

#rdb-notifications .notification-info-text,
#rdb-notifications .notification-error-text {
    padding-right: 4px;
}

#rdb-notifications .notification-icon {
    width: 20px;
    height: 20px;
    margin-top: 5px;
}

#rdb-notifications.notifixcation-container a.side-close-btn {
    position: absolute;
    margin-top: -19px;
    right: 10px;
    font-size: 27px;
    font-weight: 300;
    text-decoration: none;
    color: #999;
    cursor: pointer;
}

#rdb-notifications.notification-container a.side-close-btn:hover {
    color: #333;
}

#panel-box.panel-box .navbar-default .nav>li>a {
    letter-spacing: -0.1px;
}

.panel-body {
    color: #333333 !important;
}

.panel-default>.panel-heading {
    font-size: 14px;
}

.panel-body thead th {
    font-size: 18px;
    text-transform: uppercase;
}

.panel-body table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
    text-transform: uppercase;
    background: #eee;
}

.panel-body .table tbody tr td {
    font-size: 20px;
}

.panel-body table .glyphicon.glyphicon-pencil,
.panel-body table .glyphicon.glyphicon-edit,
.panel-body table .glyphicon.glyphicon-trash {
    /* font-size: 20px; */
}

.panel-body .col-sm-3.col-xs-12 .form-group>label {
    font-size: 16px;
    color: #777;
}

.panel-body .form-group input[type=button] {
    margin: 30px 0;
    font-size: 12px;
}

.panel-body .pager li>a {
    color: #337ab7;
}

.col-sm-3.col-xs-12 .form-group>label {
    font-size: 20px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

body {
    font-family: Arial, sans-serif;
}

.developer-profile-2 {
    height: 80vh;
}

#LeftSidebarMenu-container {
    border-radius: 15px;
    width: 265px;
    position: fixed;
    left: 0;
    top: 120px;
    background-color: white;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    transform: translateX(-250px);
    transition: transform 0.3s ease;
    z-index: 197;
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
}

#LeftSidebarMenu-container.desktop {
    display: flex;
}

#LeftSidebarMenu-container.desktop #toggle-btn-leftSidebar {
    display: flex;
}

#LeftSidebarMenu-container.hidden {
    transform: translateX(-250px);
}

#LeftSidebarMenu-container.open {
    transform: translateX(0);
}

#LeftSidebarMenu-container .category-title {
    background-color: #00f6b5;
    color: #084449;
    padding: 5px 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.category-div {
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 20px;
}

#LeftSidebarMenu-container .leftsidebar-link {
    color: #0c4c44;
    margin-left: 12px;
}

#leftsidebar-items,
#rightsidebar-items {
    padding: 20px;
}

#leftsidebar-items h3 {
    margin-top: 0;
    color: #084449;
}

#leftsidebar-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#leftsidebar-items li {
    margin: 10px 0;
    color: #333;
}

#leftsidebar-items li ul {
    padding-left: 15px;
    margin-top: 5px;
}

#leftsidebar-items li ul li {
    font-size: 0.9em;
    color: #666;
}

#toggle-btn-leftSidebar {
    position: fixed;
    top: 160px;
    left: 20px;
    background-color: #084449;
    color: white;
    border: 1px solid #03ffc3;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
    z-index: 101;
}

#toggle-arrow {
    font-size: 16px;
    line-height: 1;
}

#RightSidebarMenu-container {
    border-radius: 15px;
    width: 265px;
    position: fixed;
    right: 0;
    top: 120px;
    background-color: white;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    transform: translateX(250px);
    transition: transform 0.3s ease;
    z-index: 197;
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    height: 70vh;
    overflow-y: auto;
}

#RightSidebarMenu-container.hidden {
    transform: translateX(250px);
}

#RightSidebarMenu-container.open {
    transform: translateX(0);
}

#toggle-btn-rightSidebar {
    position: fixed;
    right: 20px;
    top: 156px;
    cursor: pointer;
    z-index: 101;
}

#LeftSidebar-Desktop {
    border-radius: 15px;
    width: 300px;
    position: absolute;
    left: -20px;
    top: 150px;
    background-color: white;
    border-right: 1px solid #ddd;
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    transform: translateX(-280px);
    transition: transform 0.3s ease;
    z-index: 99;
    padding: 0;
    max-height: unset;
    overflow-y: unset;
}

#LeftSidebar-Desktop.open {
    transform: translateX(0);
}

#LeftSidebar-Desktop .category-title {
    background-color: #00f6b5;
    color: #084449;
    padding: 8px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#leftsidebar-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#leftsidebar-items li {
    margin: 12px 0;
    color: #333;
}

#toggle-btn-leftSidebarDesktop {
    position: absolute;
    top: 175px;
    left: 15px;
    background-color: white;
    color: white;
    border: 1px solid #03ffc3;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
    z-index: 99;
}

#toggle-btn-leftSidebarDesktop img {
    width: 20px;
}

#RightSidebar-Desktop {
    display: none;
    border-radius: 15px;
    width: 300px;
    position: absolute;
    right: -20px;
    top: 150px;
    background-color: white;
    border-left: 1px solid #ddd;
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    transform: translateX(280px);
    transition: transform 0.3s ease;
    z-index: 99;
    padding: 0;
    max-height: unset;
    overflow-y: unset;
}

#RightSidebar-Desktop.open {
    display: unset;
    transform: translateX(0);
}

#toggle-btn-rightSidebarDesktop {
    position: absolute;
    top: 175px;
    right: 15px;
    background-color: white;
    color: white;
    border: 1px solid #03ffc3;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 99;
}

#toggle-btn-rightSidebarDesktop img {
    width: 20px;
}


/* box navbar */
/* Responsive styles */
@media (max-width: 992px) {
    #panel-box #bs-example-navbar-collapse-1.collapse.navbar-collapse.mobile {
        display: none;
        flex-direction: column;
        background-color: #fff;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 999;
    }

    #panel-box #bs-example-navbar-collapse-1.collapse.navbar-collapse.mobile.menu-open {
        display: flex;
    }

    .menu-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1000;
    }

    .de-flex-col.logo-container {
        padding-top: 10px;
        padding-bottom: 20px;
    }
}

.ticket-form-el {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    height: 100vh;
}

.ticket-form-el .input-group {
    display: flex;
}

.ticket-form-el .form-banner {
    width: 33vw;
    height: 20vh;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.ticket-form-el .bckg-grey-color {
    height: 70vh;
    background: #f8f8f8;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.ticket-form-el .bckg-container {
    z-index: 1;
    position: absolute;
    border-radius: 30px;
    /* box-shadow: rgba(100, 100, 111, 0.2); */
}

.ticket-form-el .ticket-form {
    position: relative;
    width: 25vw;
    max-width: 370px;
    min-height: fit-content;
    max-height: 600px;
    height: 50vh;
    padding: 30px;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: 80px;
    border-radius: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.ticket-form h1 {
    font-size: 20px;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.ticket-form .bckg-container {
    width: 50%;
    height: 100%;
}

form {
    display: flex;
    flex-direction: column;
    /* gap: 15px; */
}

.ticket-form-el .input-field {
    font-weight: 300;
    color: #1a1a1a;
    margin: 10px 4px;
    border-radius: 30px;
    padding: 5px 0 5px 20px;
    border: none;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 1px 13px;
}

.ticket-form-el .input-field::placeholder {
    color: #1a1a1a;
}

.input-field:focus {
    outline: none;
}

.ticket-form-el textarea.input-field {
    padding-left: 17px;
    height: 150px;
    resize: none;
}

/* .ticket-form-el select.input-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
} */

.ticket-form-el .input-group.custom-dropdown-container {
    display: block;
    text-align: left;
    font-weight: 300;
    font-size: 14px;
    color: #1a1a1a;
    padding: 5px 0 5px 20px;
    margin: 10px 0;
    border-radius: 30px;
    border: none;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 1px 13px;
}

/* .input-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="black"><path d="M7 10l5 5 5-5H7z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 18px;
    padding-right: 30px;
    cursor: pointer;
} */

.ticket-form-el .input-group.only-inputs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap: 0px;
}

.ticket-form-el .input-group.message-box {
    margin-bottom: 25px;
}

.ticket-form-el input,
.ticket-form-el select,
.ticket-form-el textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.ticket-form-el .green-btn {
    border-radius: 30px;
    font-weight: 300;
}

.ticket-form-el button {
    background: #00d084;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.ticket-form-el button:hover {
    background: #00b374;
}

.custom-dropdown-container {
    position: relative;
    width: 100%;
}

.custom-dropdown summary::after {
    content: "▼";
    float: right;
    position: absolute;
    right: 20px;
}

.custom-dropdown[open] ul {
    display: block;
}

.custom-dropdown ul li {
    padding: 12px;
    cursor: pointer;
    transition: background 0.3s;
}

.custom-dropdown ul li:hover {
    background: #f0f0f0;
}

::-webkit-details-marker {
    display: none;
}