:root {
    --main-primary-color: #f15316;
    --main-primary-opacity-color: #f15316cc;
    --main-secondary-color: #5e6aad;
    --main-secondary-opacity-color: #5e6aadcc;
}


/* Swiper Slider Styles for 32.css */
.main.boxs .hero-banner-inner {
    max-width: 482px;
    padding: 12vh 0 1vh 0;
}

.main.boxs .hero-banner-inner .banner-slider {
    padding: 0 25px 53px 0px;
    margin-right: -25px;
}

.main.boxs .hero-banner-inner .swiper-slide {
    opacity: 0 !important;
}

.main.boxs .hero-banner-inner .single-slide {
    position: relative;
    border: 3px solid #ced0d1;
    border-radius: 25px;
    padding: 24px 35px 53px 35px;
    background-color: var(--main-secondary-opacity-color);
    color: #f6f6f9;
}

.main.boxs .hero-banner-inner .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.main.boxs .hero-banner-inner .swiper-pagination {
    display: flex;
    flex-direction: column;
    top: calc(50% - 25px);
    transform: translateY(-50%);
    bottom: inherit;
    width: 25px;
    right: 0;
}

.main.boxs .hero-banner-inner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0px;
    width: 22px;
    height: 22px;
    background-color: transparent;
    opacity: 1;
    border: 1px solid #fff;
    display: inline-block;
    border-radius: 100%;
}

.main.boxs .hero-banner-inner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--main-secondary-opacity-color);
}

.main.boxs .hero-banner-inner .single-slide .btn {
    background-color: var(--main-secondary-opacity-color);
    position: absolute;
    bottom: -15px;
    left: -25px;
    color: #fff;
    transition: 0.4s ease;
    font-size: 17px;
    font-weight: bold;
    min-width: 172px;
    text-align: center;
    padding: 13px 22px;
    display: inline-block;
    border-radius: 40px;
    border: 1px solid var(--main-secondary-opacity-color);
    line-height: 1.5;
}

.single-slide h1 {
    font-size: 30px;
}

.single-slide p {
    font-size: 24px;
}

.arrow-main {
    display: none;
}

.banner_up h3 {
    background-color: #f6f6f9;
    color: darkorange;
    width: 361px;
    font-size: 34px;
    font-weight: 500;
    padding: 20px 60px;
    display: inline-block;
    border-radius: 15px;
    position: relative;
    margin-top: -50px;
    margin-bottom: 25px;
    top: 60px;
    z-index: 2;
    right: 20px;
}

.row.newsContainer {
    left: 850px;
    position: absolute;
    color: #000;
}

@media screen and (max-width: 991px) {
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none !important;
    }

    .main.boxs .hero-banner-inner .banner-slider {
        margin-right: unset !important;
    }

    .main.boxs .hero-banner-inner .swiper-slide.swiper-slide-active {
        width: 350px !important;
    }

    .row.newsContainer {
        position: unset !important;
    }

    .banner_up h3 {
        display: none;
    }

    .main.boxs .hero-banner-inner {
        padding: unset !important;
    }
}

@media only screen and (max-width: 767px) {
    .hero-banner-main .hero-banner-inner {
        max-width: 100%;
        padding: 0px 0 35px 0px;
    }

    .hero-banner-main .banner-slider {
        margin-right: 0;
        padding: 0;
    }
}

/* Button style for slider */
.btn.btn-yellow {
    color: var(--main-secondary-opacity-color);
}

/* Adjustments to make the slider work better with the theme variables */
.main.boxs .hero-banner-inner .single-slide .btn:hover {
    background-color: var(--main-primary-color);
    border-color: var(--main-primary-color);
    color: #fff;
}

button.goToTop {
    display: none;
}

.add-to-calendar {
    margin: 1% auto;
    text-align: center;
}

.add-to-calendar .toggle-choose {
    cursor: pointer;
    width: 100%;
    margin: auto;
    color: blue;
    font-size: 1.5em;
    font-weight: 900;
}

.darkblue {
    left: 1200px;
}

.darkblue .item_inn {
    box-shadow: 0px 19px 0px -1px #d0d44a;
}

.galleryBoxes {
    background-color: #b368b1 !important;
}

.divClass22 {
    display: none;
}

.freeFormCheckboxOption {
    position: unset !important;
    opacity: unset !important;
}

.ts-he-deatils--table.as-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 360px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.ts-he-deatils--table.as-table thead tr {
    background-color: #529fd3cc;
    color: #ffffff;
    text-align: left;
}

@media screen and (max-width: 450px) {
    .ts-main--width {
        top: unset !important;
        margin-right: 2px !important;
    }
}

@media (max-width: 767px) {
    .ts-he-deatils--table.as-table .form--bar input[type="submit"] {
        width: 95%;
    }
}

.ts-he-deatils--table.as-table th,
td {
    padding: 12px 15px;
}

.ts-he-deatils--table.as-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.ts-he-deatils--table.as-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.ts-he-deatils--table.as-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.ts-he-deatils--table.as-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

#ts-input-quarter {
    display: none;
}

#exlude_search {
    display: none;
}

.divClass23 {
    display: none;
}

.divClass24 {
    display: none;
}

.right_center img {
    max-width: 100%;
}

.contact_rht.boxs {
    display: none;
}

.gallery_img.boxs img {
    width: 100% !important;
    margin-bottom: 20px;
}

.genspot_lft {
    display: none !important;
}

.newsText p {
    font-size: 15px !important;
}

.bayBottun {
    background: unset !important;
}

.choose-calendar {
    display: none;
}

.firstbox.userLog {
    text-align: center;
}

.firstbox table {
    margin: 0 auto !important;
}

.firstbox table {
    text-align: center;
}

.container.marginBottom {
    text-align: center;
}

.container.marginBottom h3 {
    float: unset !important;
    width: unset !important;
    margin-right: unset !important;
}

.firstbox.smsDiv {
    text-align: center;
}

.choose-calendar a {
    display: block;
}

.Whatsapp {
    display: none !important;
}

.nH {
    top: 70px !important;
    right: 0px !important;
}

.shluhabg2 {
    background: url(../image/generalbanner.png) no-repeat center center;
    background-size: cover;
}

.parentBG {
    background: url(../schema58//image/generalbanner.png) no-repeat center center;
    background-size: cover;
}

.requiredsBG {
    background: url(../schema58//image/generalbanner.png) no-repeat center center;
    background-size: cover;
}

.foot .contact li {
    width: 33%;
}

@media screen and (max-width: 767px) {
    .foot .contact li {
        width: 38%;
    }
}

.choose-calendar a:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAQCAYAAACIoli7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzJCRDU2NUE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzJCRDU2NkE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMkJENTYzQTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzMkJENTY0QTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1Gcb3QAACh1JREFUeNrEWAtw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);
    margin-right: 0.5em;
    content: " ";
}

.choose-calendar a.add-to-google:before {
    background-position: -52px 0;
}

.choose-calendar a.add-to-outlook:before {
    background-position: -68px 0;
}

.banner3 {
    background: url(../schema58/image/hugHeader.jpg) no-repeat center center;
    background-size: cover;
}


/* Clendario */

.calEventBorder {
    color: #000 !important;
}

.eventsDay {
    color: #f88e1e !important;
    font-weight: bold !important;
    font-size: 35px;
}

h2.left.calendar-title,
h2.left.calendar-month-year {
    margin-left: 10%;
    font-weight: 700;
    color: #000;
}

h2.left.calendar-month-year {
    margin-left: 11%;
    margin-top: 0;
    font-weight: 500;
}

.clendario {
    /* width: 60vw !important; */
    margin: auto;
    overflow: hidden;
}

.swiper-container {
    overflow: visible !important;
}

section.calendar .clendario {
    width: 50vw !important;
    margin: auto;
    overflow: hidden;
}

.clendario,
.clendarioTitle {
    margin: auto !important;
    float: none !important;
    color: #000 !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    background: 0 0 !important;
}

.clendarioLast {
    font-size: 1em !important;
}

.clendarioLast,
.clendarioThisMunth {
    margin: 0 !important;
    float: none !important;
    color: #000 !important;
    font-weight: 400 !important;
    background: 0 0 !important;
}

.clendarioThisMunth,
.clendarioTitle img {
    width: auto !important;
}

section.calendar .clendarioNext,
section.calendar .clendarioLast {
    width: 15px;
}


/**********************************************************************/

.events .clendarioTitle {
    display: table;
    overflow: hidden;
    box-sizing: border-box;
    width: 200px !important;
    margin-bottom: 20px !important;
    background: transparent !important;
    border: none;
    border-radius: 4px;
    box-shadow: none;
}

.events .clendarioTitle .clendarioLast,
.events .clendarioTitle .clendarioNext {
    margin-top: 50% !important;
    display: block !important;
}

.events .clendarioThisMunth {
    color: #ed1f7a !important;
    font-size: 40px !important;
}

.events .clendarioThisMunth hr {
    margin: 10px 0px;
    border-top: 8px solid #b4b5b2;
}

.events .clendarioThisMunth span {
    display: block;
    font-size: 24px;
    color: #b5b6b3;
}


/**********************************************************************/

.clendarioDaysRow,
.clendarioMunthDays,
.clendarioNext,
.clendarioTitle img {
    margin: 0 !important;
    float: none !important;
    color: #000 !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    background: 0 0 !important;
}

.clendarioDaysRow,
.clendarioMunthDays {
    min-width: 800px;
}

.clendarioDaysRow,
.clendarioTitle {
    padding: 10px 0;
}

.clendarioDaysRow,
.clendarioMunthDays,
.clendarioTitle {
    display: table;
    overflow: hidden;
    box-sizing: border-box;
    width: 100% !important;
    margin-bottom: 20px !important;
    background: transparent !important;
    border: none;
    border-radius: 4px;
    box-shadow: none;
}

section.calendar .clendarioDaysRow,
section.calendar .clendarioMunthDays,
section.calendar .clendarioTitle {
    margin-bottom: 0 !important;
}

section.calendar .clendarioDaysRow {
    padding-bottom: 3%;
    border-bottom: 3px solid;
}

.clendarioLast {
    display: table-cell;
    vertical-align: middle;
}

.clendarioThisMunth {
    text-align: center;
}

.clendarioNext,
.clendarioThisMunth,
.dayTop {
    display: table-cell;
    vertical-align: middle;
}

.dayTop {
    text-align: center;
}

.clendarioThisMunth {
    font-size: 1.4em !important;
    color: #fff !important;
}

.clendarioLast {
    text-align: right;
}

.clendarioNext {
    text-align: left;
}

.clendarioMunthDays {
    padding: 0;
}

.dayBox {
    box-sizing: border-box;
    padding: 10px;
    float: right !important;
    width: 14.28% !important;
    height: 100px;
    border: 5px solid #fff;
    box-shadow: 0 0 1px 1px #ddd;
    overflow: hidden;
    font-size: 30px;
}

section.calendar .dayBox {
    border: none;
    box-shadow: none;
    font-size: 2em;
    text-align: center;
}

.curantEvent {
    background: #7ad465;
    padding: 5px 10px;
    line-height: 1.2em;
    margin-top: 10px;
}

.dayTop {
    background: #7ad465;
    color: #fff;
}

section.calendar .dayTop {
    background: transparent;
    color: #000;
    font-size: 3em;
}

span.calBox {
    color: #fff;
}

.month-big h2 {
    background: #abcd45;
    color: #fff;
    font-size: 10em;
    padding: 15% 1%;
    margin-top: -40%;
    font-weight: 700;
}

button {
    padding: 10px;
    border-radius: 15px;
    color: rgb(255, 255, 255);
}

input[type="submit"] {
    padding: 10px;
    margin-top: 10px;
    border-radius: 15px;
    background: #abb542;
    color: rgb(255, 255, 255);
}

.roomTable {
    max-width: 1000px;
}

@media screen and (max-width: 767px) {
    .category_set {
        padding: 15px;
    }

    .activity_inner {
        background-color: var(--main-secondary-color);
    }
}

.hamburger {
    background-color: #5e6aad;
}

@media screen and (max-width: 560px) {
    .roomTable div a div.seatPlace {
        width: 2.5% !important;
    }
}

.event_list.boxs .event_img img {
    width: 100%;
    height: 250px;
}

@media screen and (max-width: 600px) {
    .billy {
        top: 12vh !important;
        margin-left: 12px !important;
    }
}

@media (max-width: 768px) {
    .bann_con {
        padding-top: 150px;
    }
}


/* colors */

.banner_in.boxs.AC1 {
    background-color: #e870cccc;
}

.AC1 .gencon_lft h3 {
    color: #e870cc;
}

.AC1 .childplay li {
    color: #e870cc;
    border: 2px solid #e870cc;
}

.AC1 ul.childplay.boxs li a {
    color: #e870cc;
}

.AC1 ul.boxs {
    border-bottom: 1px solid #c738c1;
}


/* */

.contact_person li a {
    color: var(--main-secondary-color);
}

.banner_in.boxs.AC2 {
    background-color: var(--main-primary-opacity-color);
}

.AC2 .gencon_lft h3 {
    color: var(--main-primary-color);
}

.AC2 .childplay li {
    color: var(--main-primary-color);
    border: 2px solid var(--main-primary-color);
}

.AC2 ul.childplay.boxs li a {
    color: var(--main-primary-color);
}

.AC2 ul.boxs {
    border-bottom: 1px solid var(--main-primary-color);
}


/* */

.banner_in.boxs.AC3 {
    background-color: #e1c139cc;
}

.AC3 .gencon_lft h3 {
    color: #e1c139;
}

.AC3 .childplay li {
    color: #e1c139;
    border: 2px solid #e1c139;
}

.AC3 ul.childplay.boxs li a {
    color: #e1c139;
}

.AC3 ul.boxs {
    border-bottom: 1px solid #e1c139;
}


/* */

.banner_in.boxs.AC4 {
    background-color: #e03d3bcc;
}

.AC4 .gencon_lft h3 {
    color: #e03d3b;
}

.AC4 .childplay li {
    color: #e03d3b;
    border: 2px solid #e03d3b;
}

.AC4 ul.childplay.boxs li a {
    color: #e03d3b;
}

.AC4 ul.boxs {
    border-bottom: 1px solid #e03d3b;
}


/* */

.AC5.contact_person ul {
    border-bottom: 1px solid #c61f42;
}

.AC5.contact_person li a span {
    border: 1px solid #c61f42;
}

.AC5.contact_person li a {
    color: #c61f42;
}

.banner_in.boxs.AC5 {
    background-color: #c61f42cc;
}

.AC5 .gencon_lft h3 {
    color: #c61f42;
}

.AC5 .childplay li {
    color: #c61f42;
    border: 2px solid #c61f42;
}

.AC5 ul.childplay.boxs li a {
    color: #c61f42;
}


/* */

.AC6.contact_person ul {
    border-bottom: 1px solid #e68327;
}

.AC6.contact_person li a span {
    border: 1px solid #e68327;
}

.AC6.contact_person li a {
    color: #e68327;
}

.banner_in.boxs.AC6 {
    background-color: #e68327cc;
}

.AC6 .gencon_lft h3 {
    color: #e68327;
}

.AC6 .childplay li {
    color: #e68327;
    border: 2px solid #e68327;
}

.AC6 ul.childplay.boxs li a {
    color: #e68327;
}


/* */

.banner_in.boxs.AC7 {
    background-color: #379ae0cc;
}

.AC7 .gencon_lft h3 {
    color: #379ae0;
}

.AC7 .childplay li {
    color: #379ae0;
    border: 2px solid #379ae0;
}

.AC7 ul.childplay.boxs li a {
    color: #379ae0;
}


/*************************************************/

.irs--flat .irs-handle {
    background: var(--main-primary-color);
}

.forflex {
    justify-content: unset;
}

.social_links {
    justify-content: center;
}

.main {
    background: url("../../images/schema58/home_banner32.jpg") no-repeat;
    background-size: cover;
    border-bottom: 6px solid var(--main-secondary-color);
}

.navi li {
    padding: 0px 10px;
}

.logo {
    width: 250px;
    padding: 5px;
    border-radius: 50%;
    position: absolute;
    right: 100px;
}

.logo img {
    width: 100%;
}

.header {
    background: #ffffffee;
    padding: 20px;
    border: 1px solid #a8adb5;
}

.header .navi {
    margin-right: 140px;
}

.navi li a {
    color: #000;
    line-height: 15px;
}

.navi li a:hover {
    color: var(--main-primary-color);
}

.face_inner h1 {
    color: var(--main-secondary-color);
}

.search {
    width: 20%;
    text-align: left;
}

.conabanner .banner_in {
    background-color: var(--main-secondary-opacity-color);
}

.search .search_in {
    background: #fff;
    border: 1px solid #bdbfc1;
    color: #000;
}

.search .search_in::placeholder {
    color: #000;
}

.ban_up {
    background-color: var(--main-secondary-opacity-color);
}

.ban_up h3 {
    background-color: #ffffffcc;
    color: var(--main-primary-color);
    padding: 10px 10px;
    width: 250px;
    margin-bottom: 0;
}

.ban_up p {
    font-size: 22px;
}

.ban_up a {
    margin-top: 10px;
}

.item_inn img {
    height: 50%;
    width: 50%;
    margin-top: 30px;
}

.item_inn {
    background-color: #ffffffee;
    padding: 0;
}

.main::after {
    background: url("../../images/schema58/overlay_blue32.png") no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 150px;
}

.whats {
    background-color: var(--main-primary-color);
}

.events_inn h1 {
    color: var(--main-secondary-color);
}

.event_img,
.hug_img {
    box-shadow: 0px 20px 0px 0px var(--main-secondary-color);
}

.eve_rht h2,
.hug_rht h2 {
    color: var(--main-secondary-color);
}

.more_events a {
    background-color: var(--main-primary-color);
}

.more_events a:hover {
    background-color: var(--main-secondary-color);
}

.activity_category li {
    background-color: var(--main-primary-color);
    width: 33%;
}

.activity_category li.active {
    background-color: var(--main-secondary-color);
}

.category_set {
    background-color: var(--main-secondary-color);
}

.connect_green {
    background-color: #39b54a;
}

.connect_inn form input[type="submit"] {
    background: #0049c9;
}

footer {
    background-color: var(--main-secondary-color);
    border-top: 15px var(--main-primary-color) solid;
}

.foot .contact {
    padding-top: 70px;
    border-bottom: 1px solid #ffffff;
}

footer:before,
footer:after {
    display: none;
}

.activity h1 {
    color: var(--main-secondary-color);
}

.contact_person li a span {
    border: 1px solid var(--main-primary-color);
}

.list_con {
    width: 170px;
    height: 170px;
    top: 110px !important;
}

.list_con p {
    font-size: 22px;
    padding-top: 0;
}

.imageFolderWrapper {
    width: 32%;
    float: right;
    margin-bottom: 15px;
    text-align: center;
}

.imageFolderWrapper img {
    height: 200px !important;
}

.kits_con {
    background-color: var(--main-primary-color);
}

.kits_con h3 {
    padding: 25px 10px 0px 10px;
    font-size: 20px;
}

.kits_con.fadeIn img {
    height: 218px;
    width: 100%;
}

.kits {
    background: none;
}

.mobile_head {
    background-color: var(--main-primary-color);
}

.irs--flat .irs-bar {
    background-color: var(--main-primary-color);
}

.form--bar input[type="submit"] {
    background: var(--main-primary-color);
}

.sub_nav2 {
    background-color: var(--main-secondary-color);
    right: 10px;
    left: unset;
    padding: 0;
}

input#takanon {
    opacity: 1;
    z-index: 4;
}

label[for="takanon"] {
    margin-right: 15px;
}

.skyblue {
    left: 1015px;
}

.skyblue .item_inn {
    box-shadow: 0px 19px 0px -1px #ad3139;
}

.green {
    left: 840px;
}

.green .item_inn {
    box-shadow: 0px 19px 0px -1px #00adef;
}

.yellow {
    left: 665px;
}

.yellow .item_inn {
    box-shadow: 0px 19px 0px -1px #f15316;
}

.blue {
    left: 490px;
}

.blue .item_inn {
    box-shadow: 0px 19px 0px -1px #5da768;
}

.red {
    left: 315px;
}

.red .item_inn {
    box-shadow: 0px 19px 0px -1px #5f69ae;
}

.orange {
    left: 140px;
}

.orange .item_inn {
    box-shadow: 0px 19px 0px -1px #5f69ae;
}

.pink {
    left: -35px;
}

.pink .item_inn {
    box-shadow: 0px 19px 0px -1px #53b4ad;
}

.childplay li {
    border: 2px solid var(--main-primary-color);
}

.childplay li a {
    color: var(--main-primary-color);
}

.sub_nav2 li {
    padding: 10px !important;
}

.sub_nav2 li:hover {
    background-color: var(--main-primary-color) !important;
}

.sub_nav2 li a:hover {
    color: #ffffff !important;
}

.pink_btn {
    color: #0049c9;
    border-color: #0049c9;
}

.pink_btn:hover {
    background-color: #0049c9;
}

.category_set li img {
    width: 60px;
}

.sidenavbar li a:hover,
.sidenavbar li a.active {
    background-color: #39b54a;
}

.modal-content {
    background-color: #39b54a;
}

.gencon_inn.boxs table,
th,
td {
    border: 1px solid black;
}

@media screen and (max-width: 1200px) {
    .list_con {
        position: unset;
        left: 0;
        top: 0;
    }

    .logo a img {
        width: 100%;
    }

    .navi {
        width: 70%;
    }

    .main {
        padding: 30px 0px 30px;
        /* background: url("../schema58/image/MobileBGKrayot.jpg") no-repeat; */
    }

    .bann_con {
        padding-top: 80px;
    }

    .form_btn {
        margin-top: 25px;
    }

    .kits_con h3 {
        padding: 15px 5px;
    }

    .logo_mob {
        background-color: #fff;
    }

    .item_list.boxs ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -moz-flex-flow: wrap;
        -webkit-flex-flow: wrap;
        flex-flow: wrap;
        justify-content: center;
        left: 0;
    }

    .item_list.boxs ul li:nth-of-type(7) {
        order: 1;
    }

    .item_list.boxs ul li:nth-of-type(6) {
        order: 6;
    }

    .item_list.boxs ul li:nth-of-type(5) {
        order: 5;
    }

    .item_list.boxs ul li:nth-of-type(4) {
        order: 4;
    }

    .item_list.boxs ul li:nth-of-type(3) {
        order: 3;
    }

    .item_list.boxs ul li:nth-of-type(2) {
        order: 2;
    }

    .item_list.boxs ul li:nth-of-type(1) {
        order: 7;
    }
}

.left_center.classHug {
    text-align: center;
    margin-top: 20px;
}

@media screen and (max-width: 991px) {
    .list_con {
        margin: 10px 5px;
    }

    .mahlaka_img img {
        width: 90%;
    }

    .kits_con.fadeIn img {
        height: unset !important;
        width: unset !important;
    }

    .foot .contact li a {
        font-size: 12px;
    }

    .activity h1 span::after {
        left: 0;
    }

    .activity_category li {
        width: 100%;
    }

    .category_set li img {
        width: 40px;
    }

    .mobile_head .logo_mob img {
        width: 70px;
        height: 40px;
        position: unset;
        margin: 0;
    }
}

.category_set li a {
    color: #fff;
}

.searchresult div.search {
    background-color: unset;
}

.searchresult div.search input {
    width: 100%;
    margin: 0;
    height: 55px;
    box-shadow: 1px 1px 30px 0px #b3b3b3;
    color: #000;
    padding: 15px 55px;
}

.searchresult div.search button[type="submit"],
.searchresult div.search button[type="reset"] {
    position: absolute;
    top: 45px;
    background: none;
    border: none;
    width: 45px;
}

.searchresult div.search button[type="submit"] {
    left: 15px;
}

.searchresult div.search button[type="reset"] {
    right: 15px;
    top: 47px;
    width: 35px;
}

.searchresult div {
    margin: 10px 0;
    padding: 10px;
    background-color: #f6f6f6;
    border-radius: 20px;
}

.searchresult div h3 {
    font-weight: 600;
    color: #0053a0;
}

.searchresult div ul {
    padding: 0;
    float: unset;
}

.searchresult div ul li {
    display: inline-block;
    margin: 0px 10px;
    width: 220px;
}

.searchresult div ul li i {
    display: block;
}

.searchresult div ul li span {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid #7abf43;
    float: right;
    justify-content: center;
    margin-left: 10px;
    padding: 10px;
}

.searchresult div ul li span img {
}

.category_set li a {
    color: #fff;
}

.arrow {
    bottom: -15px;
}

.news-title {
    text-align: center;
    width: 100%;
    padding: 20px;
}

.news-title h6 {
    font-size: 19px;
    font-weight: bold;
    color: #4a4a4a;
}

.news_con {
    padding: 15px 10px;
    display: flex;
    min-height: 110px;
    text-align: center;
    position: relative;
}

.news_img {
    box-shadow: 0px 20px 0px 0px #0049c9;
    border-radius: 20px;
    margin-bottom: 15px;
}

.news_img img {
    width: 100%;
    height: 250px;
    border-radius: 20px;
}

.news_inn {
    position: relative;
}

.news_inn h1 {
    color: #0049c9;
    text-align: center;
    padding-bottom: 55px;
}

.news_inn h1 span::after {
    right: -40px;
    content: "";
    position: absolute;
    bottom: 0;
    width: 170px;
    height: 6px;
    background-color: #b5b5af;
    border-radius: 10px;
    bottom: -15px;
}

.grid-gallery img {
    max-width: 500px;
    width: 98%;
}

.grid-gallery ul {
    display: flex;
    justify-content: space-between;
}

.grid-gallery ul li {
    position: unset;
}

#contactInfo {
    display: none;
}


/* form style */

.freeFormInstractions table {
    border: 1px solid black !important;
}

.freeFormInstractions td {
    border: 1px solid black !important;
}

/*   .ts-input label {
  color: unset !important;
} */

.formLableBox {
    float: right;
    width: 45%;
    text-align: center;
}

/*
.formInputBox {
    float: right;
    width: 49%;
    margin-right: 1%;
    text-align: center;
} */
/* 
.formCommentsBox {
    float: right;
    margin-right: 1%;
    text-align: center;
  font-size: 11px;
    width: 100%;
    margin-top: 10px;
} */

.freeFormSubmit {
    float: right;
    margin-right: 40%;
    padding: 10px;
    background: orange;
    font-weight: bold;
    margin-top: 20px;
}

.freeFormText {
    width: 111%;
    border-radius: 2px !important;
    border-width: 1px;
    border-style: inset;
    border-color: rgb(118, 118, 118);
    border-image: initial;
    flex: 1.2;
}

.freeFormTextArea {
    border-radius: 2px !important;
    border-width: 1px;
    border-style: inset;
    border-color: rgb(118, 118, 118);
    border-image: initial;
}

.freeFormTextArea {
    width: 100%;
}

.red {
    color: red;
}

.checkBoxDiv {
    border: solid 1px;
    border-radius: 10px;
    margin-top: 10px;
    width: fit-content;
    padding: 5px;
    cursor: pointer;
}

.freeFromLine label {
    font-size: 17px;
    /*  flex: 1; */
    width: 100%;
}

.freeForm {
    width: 50%;
    margin-right: 25%;
    background: #fff;
    border: 1px solid gray;
    padding: 1% !important;
}

.ts-main--width.form201 {
    margin-right: auto;
}

@media (max-width: 992px) {
    .freeForm {
        width: 75%;
        margin-right: 12.5%;
    }
}

@media (max-width: 650px) {
    .freeForm {
        width: 88%;
        margin-right: 6%;
    }
}

.freeForm ul {
    padding: 0;
}

.freeForm .ts-input.input-submit {
    display: flex;
}

#regform input {
    padding: 10px;
    border-radius: 7px !important;
}

.formInfoBox, legend, .radiogroup legend {
    font-size: 16px !important;
    line-height: normal;
}

.formInputBox.form-checkbox {
    text-align: right;
}

.formInfoBox, legend, .radiogroup legend {
    font-size: 16px !important;
    line-height: normal;
}

.freeFromLine {
    border-bottom: 1px solid gray;
    display: block;
    float: right;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

.formInputBox {
    float: right;
    width: 49%;
    margin-right: 1%;
    text-align: center;
}

.formInputBox.form-checkbox {
    text-align: right;
}

@media screen and (max-width: 650px) {
    .formInputBox {
        /*   float: unset; */
        display: inline-table;
    }

    .freeFromLine .ts-input {
        flex-direction: column;
    }

    .freeFormText {
        width: 100% !important;
    }

    .formInputBox {
        width: 100%;
    }

    .formLableBox {
        width: 100%;
    }
}

.formCommentsBox {
    float: right;
    margin-right: 1%;
    text-align: center;
    font-size: 13px;
    width: 100%;
    margin-top: 10px;
}

.freeFromLine .ts-input {
    display: flex !important;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: center;
}

.radiogroup ul li {
    border: solid 1px;
    border-radius: 10px;
    margin-top: 10px;
    width: fit-content;
    padding: 5px;
    cursor: pointer;
}

.radiogroup ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.freeFormInstractions p {
    margin: 0 !important;
}

.formInputBox select {
    padding: 5px;
}

/*END from style */
.modal.show .modal-content {
    transform: translate(-50%, -50%) !important;
}

.modal-content .close{
    background-color: red !important; 
    color: white;
    opacity: 1 !important;
    width: 50px !important;
    border-radius: 50% !important;
}


@media (max-width: 48em) {
.modal.show .modal-content{
        width: 70% !important;
        padding: 1.25rem;
        padding-top: 3rem;
    }
}