#popup {position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
    display: none;justify-content:center;align-items:center;
}

#popup-content {background:#fff;padding:1rem;text-align:center;}

#popup-content img {max-height:75vh;}
#popup-content button {width:100%;padding:1rem;border-radius:0;background:#000;color:#fff;margin-top:1rem;border:none;font-size:20px;}
#popup-content a{width:100%;padding:1rem;border-radius:0;background:#5d8fc7;;color:#fff;border:none;font-size:20px;}
#popup-content a:hover{border-radius:8px;background:#fff;color:#5d8fc7;transition:.4s;border: 2px solid #5d8fc7;}
#popup-content button:hover {border-radius:8px;background:#fff;color:#000;transition:.4s;border: 2px solid #000;}


.banner-cont {padding:0 calc(50% - 585px);display:flex;justify-content:space-between;}
.banner {box-shadow:1px 1px 10px #ddd;width:800px;height:450px;overflow:hidden;}
.banner img {width:800px;height:450px;}
.banner article {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, #000, transparent);color:#fff;padding:2rem;}
.banner span {display:block;font-size:2rem;}
.main-announcements {position:relative;width:350px;box-shadow:1px 1px 10px #ddd;height:450px;overflow:hidden;}
.main-announcements:after {content:'';position:absolute;top:0;bottom:0;right:1rem;width:1px;background:#a8a8a8;}
.main-announcements > strong {position:relative;z-index:1;background:#fff;display:block;text-align:right;padding-right:1rem;font-weight:500;height:50px;line-height:50px;}
.main-announcements-list {height:90%;overflow:scroll;}
.main-announcements-list::-webkit-scrollbar {display:none;-ms-overflow-style:none;scrollbar-width:none;}
.announce-line {position:relative;padding:1rem 2rem 0 1rem;color:#1d1d1d;}
.announce-line strong {font-weight:500;}
.announce-line small {font-weight:300;display:block;font-size:11px;color:#555;}
.announce-line img {width:100%;max-height:175px;object-fit:cover;object-position:top;}
#show-all-announce {position:relative;z-index:1;color:#1d1d1d;font-size:12px;height:30px;line-height:30px;background:#fff;text-align:right;padding-right:1rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.price-bar {padding:0 calc(50% - 585px);}
.price-bar h3 {display:inline-block;padding:1rem 0 .5rem 0;}
.price-bar h3 + small {display:inline;}
.price-items {display:flex;justify-content:space-between;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;overflow: hidden;}
.price-item {padding:.5rem 1rem;}
.price-item strong {font-weight:500;}
.price-item:not(:last-child) {border-right:1px solid #ddd;}
.price-item > section {display:flex;align-items:center;justify-content:space-between;}
.price {display:flex;align-items:center;}
.price:first-of-type {margin-right:2rem;}
.price mark {margin-left:.5rem;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.first-section-links {background:#eaeaea;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.5rem;padding:2rem calc(50% - 585px);margin:4rem 0 2rem 0;}
.first-section-links a {display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:0 3rem 0 3rem;}
.first-section-links a img {margin-bottom:1rem;max-height:48px;}
.first-section-links a span {height:50px;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:.9rem;}
.first-section-links a:nth-child(1) {background:#9f13e7;}
.first-section-links a:nth-child(2) {background:#1b1464;}
.first-section-links a:nth-child(3) {background:#5d8fc7;}
.first-section-links a:nth-child(4) {background:#5F08B6;}
.first-section-links a:nth-child(5) {background:#6A994E;}
.first-section-links a:nth-child(6) {background:#1b1464;}
.first-section-links a:nth-child(7) {background:#5d8fc7;}
.first-section-links a:hover {border-radius:3rem 0 3rem 0;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.main-news-cont {position:relative;padding-bottom:2rem;}
.main-news-cont h3 {display:inline-block;position:relative;z-index:6;left:calc(50% - 585px);padding:0 2px;background:white;font-size:1.5rem;font-weight:400;}
.main-news-cont:after {content:'';position:absolute;z-index:5;top:17px;left:0;right:0;height:1px;background:#9f13e7;}
.main-news {position:relative;margin:2rem calc(50% - 585px);display:flex;flex-wrap:wrap;justify-content:space-between;}
.main-news section {position:relative;width:800px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;}
.main-news section a {position:relative;padding:10px;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;width:260px;height:285px;}
.main-news section img {width:240px;height:170px;object-fit:cover;}
.main-news section strong {display:block;color:#1d1d1d;padding:.5rem 1rem 0 0;}
.main-news section span {position:absolute;bottom:.5rem;right:.5rem;text-align:right;color:#bbb;transition:.4s;}
.main-news section small {position:absolute;bottom:.5rem;left:.5rem;font-size:12px;color:#555;}
.main-news section a:hover > span {color:#1d1d1d;}
.main-news aside {position:relative;width:350px;border:1px solid #ddd;box-shadow:1px 1px 10px #ddd;max-height:286px;}
.main-news aside:after {content:'';position:absolute;top:0;bottom:0;right:1rem;height:100%;width:1px;background:#a8a8a8;}
.main-news aside a:not(:first-child) img {display:none;}
#show-all-news {position:absolute;bottom:-2.5rem;right:0;color:#1d1d1d;opacity:.75;}
#show-all-news:hover {opacity:1;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.documentary-cont {border-top:2px solid #1b1464;padding:1rem calc(50% - 585px);display:flex;justify-content:space-between;}
.documentary-cont strong {position:relative;display:block;padding:0 2rem .75rem 2rem;font-weight:500;font-size:24px;}
.documentary-cont strong:before {content:attr(data-src);position:absolute;bottom:0;left:0;right:0;font-size:40px;font-weight:800;color:rgba(27,20,100,0.05);}
.clickable {position:relative;font-size:12px;color:#1d1d1d;text-align:right;padding:.5rem 1rem;}
.clickable:after {content:'>';position:absolute;color:#9f13e7;right:0;transition:.4s;}
.documentary {position:relative;width:600px;}
.documentary-video {border-radius:1rem;overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.documentary-video iframe {width:600px;height:338px;}
.documentary-cont .vertical-line {height:420px;width:1px;background:#ddd;}
.documentary .clickable {position:absolute;top:0;right:0;padding:.5rem 2rem .5rem 1rem;background:#9f13e7;border:1px solid #9f13e7;color:#fff;border-radius:1rem;}
.documentary .clickable:after {right:1rem;color:#fff;}
.documentary .clickable:hover {background:#fff;color:#9f13e7;}
.documentary .clickable:hover:after {color:#9f13e7;}
.main-borsanomi {position:relative;width:450px;}
.slider-nav img {}
.glide-item {position:relative;}
.glide-item span {position:absolute;top:2rem;left:0;right:0;text-align:center;background:rgba(255,255,255,.75);color:#333;}
.glide-item img {}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.main-event-calendar-cont {position:relative;overflow:hidden;}
.main-event-calendar-cont h3 {display:inline-block;position:relative;z-index:6;left:calc(50% - 585px);padding:0 2px;background:white;font-size:1.5rem;font-weight:400;}
.main-event-calendar-cont:after {content:'';position:absolute;z-index:5;top:17px;left:0;right:0;height:1px;background:#9f13e7;}

.event-calendar-cont {position:relative;height:500px;display:flex;justify-content:center;align-items:center;background:#f6f6f6;}
.event-calendar-cont:after {content:'';position:absolute;z-index:4;left:0;right:0;top:calc(50% - 1px);width:100%;height:1px;background:#888;}

.event-calendar {position:relative;z-index:5;width:1000px;height:480px;}
.event-calendar-item {position:relative;height:240px;min-height:240px;padding:1rem;cursor:pointer;}
.event-calendar-item:nth-child(odd) {margin-bottom:240px;}
.event-calendar-item:nth-child(even) {margin-top:240px;}
.event-calendar-item:before {content:'';position:absolute;top:0;left:0;bottom:0;width:1px;height:100%;background:#888; }
.event-calendar-item:after {content:'';position:absolute;top:0;left:-2px;width:5px;height:35px;background:#9f13e7;}
.event-calendar-item:nth-child(even):after {top:20px;}
.event-calendar-item small {display:block;}
.event-calendar-item strong {display:block;width:95%;margin:.5rem 0;font-weight:400;cursor:pointer;}
.event-calendar-item.hide-event {filter:grayscale(.5);opacity:.5;}

.event-calendar .slick-prev, .event-calendar-cont .slick-next {position:absolute;top:220px;background:#9f13e7;color:#fff;border:1px solid #9f13e7;width:40px;height:40px;border-radius:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.4s;}
.event-calendar .slick-prev {left:calc(50% - 600px);}
.event-calendar .slick-next {right:calc(50% - 600px);}
.event-calendar .slick-prev:hover, .event-calendar-cont .slick-next:hover {}
.event-calendar .slick-prev::before, .event-calendar-cont .slick-next::before {display:inline-block;padding:0 1rem;font-size:1.5rem;}
.event-calendar .slick-prev::before {filter:invert(1) brightness(10);}
.event-calendar .slick-prev::after {filter:invert(1) brightness(0);}

.calendar-date-point {position:absolute;z-index:5;left:-19px;bottom:-19px;padding:.25rem;border:1px solid #888;border-radius:2rem;overflow:hidden;background:white;}
.calendar-date-point span {background:#9f13e7;color:#fff;width:30px;height:30px;border-radius:30px;display:flex;justify-content:center;align-items:center;}

.event-calendar-item:nth-child(even) .calendar-date-point {bottom:unset;top:-19px;}
.event-calendar-item button {border:1px solid #9f13e7;background:#9f13e7;color:#fff;padding:.25rem 1rem;border-radius:1rem;cursor:pointer;transition:.4s;white-space:nowrap;}
.event-calendar-item button:hover {background:#fff;color:#9f13e7;}

.event-register-mail-cont {position:absolute;z-index:5;top:0;left:0;right:0;bottom:100%;background:rgba(255,255,255,.75);border-bottom:1px solid #ddd;overflow:hidden;opacity:0;transition:.4s;}
.event-register-mail-cont-opened {bottom:0;opacity:1;}
.event-register-mail-cont form {position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;text-align:center;padding:2rem;border:1px solid #ddd;background:#fff;}
.event-register-mail-cont input {padding:.5rem;border:1px solid #ddd;margin:1rem 0;}
.event-register-closer {position:absolute;top:.5rem;right:1rem;color:#9f13e7;cursor:pointer;transition:.4s;opacity:.5;}
.event-register-closer span {font-size:1rem;font-weight:bold;}
.event-register-closer:hover {opacity:1;}
.event-register-button {padding:.5rem;background:#9f13e7;border:1px solid #9f13e7;color:#fff;cursor:pointer;transition:.4s;}
.event-register-button:hover {background:#fff;color:#9f13e7;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.wrapper {padding:2rem calc(50% - 585px);display:flex;justify-content:space-between;}
.wrapper > * {width:380px;}
.wrapper-links {height:450px;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;border:1px solid #ddd;padding:10px;border-radius:0 2rem;}
.wrapper-links a {position:Relative;flex:1;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:0 2rem 0 2rem;overflow:hidden;}
.wrapper-links a:nth-child(1) {border:1px solid #1b1464;}
.wrapper-links a:nth-child(2) {border:1px solid #9f13e7;}
.wrapper-links a:nth-child(3) {border:1px solid #6A994E;}
.wrapper-links a:nth-child(4) {border:1px solid #5d8fc7;}
.wrapper-links a:hover {border-radius:2rem;}
.wrapper-links a figure {position:absolute;top:0;left:0;right:0;bottom:0;}
.wrapper-links a figure img {width:100%;height:100%;object-fit:cover;filter:blur(1px);opacity:.25;}
.wrapper-links a picture {flex:1;position:relative;z-index:5;width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;}
.wrapper-links a span {flex:1;position:relative;z-index:5;font-size:1rem;color:#333;}
.survey {position:relative;border-radius:2rem;max-height:450px;box-shadow:1px 1px 10px #ddd;overflow:hidden;}
.openSurvey {font-family:Arial,Helvetica,sans-serif;width:100%;}
.openSurvey h3 {margin:0;background:#5d8fc7;color:#fff;text-align:center;height:60px;line-height:60px;font-size:1.25rem;font-weight:300;}
.surveyBody {}
.surveyItem {padding:3rem;}
.surveyItem span {display:flex;justify-content:center;align-items:center;text-align:center;padding:.25rem 0;}
.surveyItem span:last-of-type {}
.surveyItem span:last-of-type input[type=text] {outline:0;border:1px solid #ddd;padding:.5rem;width:100%;}
.surveyItem span:last-of-type input[type=radio] {margin:12px;}
.surveyFooter {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.surveyFooter button {border:1px solid #5d8fc7;background:#5d8fc7;color:#fff;border-radius:1rem;padding:1rem 2rem;cursor:pointer;transition:.4s;}
.surveyFooter button:hover {background:#fff;color:#5d8fc7;}
.survey-result {width:100%;height:100%;}
.survey-result h3 {}
.survey-result p {text-align:center;margin:1rem 0;}
.survey-result-item {position:relative;display:flex;align-items:center;margin:.25rem 1rem;height:30px;}
.survey-result-item span {position:absolute;left:.5rem;}
.survey-result-item meter {-moz-appearance:none;-webkit-appearance:none;background:none;width:100%;height:25px;}
.survey-result-item small {position:absolute;right:.5rem;}
.survey-result .total-counter {padding:.5rem 1rem;color:#333;font-size:14px;border-top:1px solid #ddd;margin:0 1rem;}
.survey-result .formStt {background:#6A994E;color:#fff;border-radius:.25rem;padding:.25rem 1rem;margin:0 1rem;}
/*
#answer-survey {position:absolute;left:1rem;bottom:1rem;padding:.5rem;background:#9f13e7;color:#fff;border-radius:.5rem;cursor:pointer;transition:.4s;font-size:14px;}
#answer-survey:hover {background:#444;}
#show-survey-result {position:absolute;right:1rem;bottom:1rem;padding:.5rem;border:1px solid #ddd;border-radius:.5rem;cursor:pointer;transition:.4s;font-size:14px;}
#show-survey-result:hover {background:#444;color:#fff;border:1px solid #444;}
*/

.twitter-feed {}
.twitter-feed iframe {border:1px solid #ddd !important;max-height:450px;border-radius:2rem 0;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.main-bottom-links {max-width:1170px;margin:auto;}
.main-bottom-links h3 {position:relative;height:45px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:400;}
.main-bottom-links h3:before {content:'';position:absolute;left:0;right:57%;height:1px;background:#afafaf;}
.main-bottom-links h3:after {content:'';position:absolute;right:0;left:57%;height:1px;background:#afafaf;}
.main-bottom-links-items {display:flex;justify-content:space-between;gap:.5rem;padding:.5rem 1rem;margin-bottom:1rem;}
.main-bottom-links-items a {flex:1;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;padding:.5rem;}
.main-bottom-links-items img {}
.main-bottom-links-items a:hover {border:1px solid #5d8fc7;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
.newsletter {max-width:1170px;margin:0 auto;padding:1rem 0;border-top:1px solid #afafaf;display:flex;align-items:center;justify-content:center;}
.newsletter span {color:#1d1d1d;margin-right:2rem;}
.newsletter form {background:#f1f1f1;width:300px;height:40px;border-radius:10px;display:flex;justify-content:space-between;}
.newsletter input {background:none;border:none;padding-left:1rem;}
.newsletter button {background:#9f13e7;color:#f6f6f6;border:none;padding:0 .5rem;margin:3px;border-radius:10px;white-space:nowrap;}
.newsletter button:hover {background:#444;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
#upupup {display:none;justify-content:center;align-items:center;position:fixed;bottom:3rem;right:1.5rem;z-index:9999;width:60px;height:60px;border:none;outline:none;border-radius:30px;background:#9f13e7;color:white;cursor:pointer;}
#upupup img {filter:brightness(10) invert(1);height:32px;}
#upupup:hover {background:#555;}
/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */

.main-settings {position:fixed;z-index:1000;bottom:-21rem;left:1rem;max-width:40%;background:#000;padding:1rem;transition:.4s;border-radius:.5rem;font-size:12px;}
.main-settings span {display:block;width:90%;margin:auto;text-align:center;color:#fff;font-weight:300;}
.main-settings section {display:flex;justify-content:center;margin-top:1.5rem;}
.main-settings section a {color:#fff;margin:0 .25rem;padding:.5rem;border-radius:.25rem;border:1px solid #fff;}
.main-settings .settings-closer {position:absolute;top:.5rem;right:.5rem;color:#fff;font-weight:bold;cursor:pointer;}
.main-settings #settings-accept {background:#9f13e7;color:#fff;border:1px solid #9f13e7;}

.msshown {bottom:1rem !important;}

/* ---- **** ---- **** ---- **** ---- **** ---- **** ---- **** ---- */
@media only screen and (max-width:768px){
    .banner-cont {padding:0 1rem;flex-direction:column;}
    .banner {width:100%;height:300px;}
    .banner img {width:100%;height:300px;}
    .banner article {padding:1rem;}
    .banner span {font-size:1.25rem;}

    .main-announcements {width:unset;}

    .price-bar {padding:1rem;}
    .price-bar h3 + small {display:block;}
    .price-items {flex-wrap:wrap;}
    .price-item {font-size:12px;}
    .price-item:not(:last-child) {border-bottom:1px solid #ddd;border-right:unset;}

    .first-section-links {padding:2rem;grid-template-columns:1fr;}
    .first-section-links a {flex-direction:row;justify-content:flex-start;}
    .first-section-links a img {margin:.5rem 1rem;}
    .first-section-links a span {}

    .main-news-cont h3 {left:1rem;}
    .main-news {margin:1rem;}
    .main-news section {width:100%;grid-template-columns:1fr;}
    .main-news section a {width:unset;height:unset;}
    .main-news section img {width:100%;height:auto;max-height:250px;}
    .main-news section small {position:unset;}
    .main-news aside {display:block; margin-top:20px;}

    .documentary-cont {padding:1rem;flex-direction:column;}
    .documentary-cont strong {font-size:1rem;margin:.4rem 0;text-align:center;}
    .documentary strong {text-align:left;}
    .documentary-cont strong:before {content:unset;}
    .documentary {width:unset;margin-bottom:4rem;}
    .documentary-cont .vertical-line {display:none;}
    .main-borsanomi {width:unset;}

    /** ---- **** ---- **** ---- **/
    .event-calendar {width:100vw;padding:0 5vw;overflow:hidden;}
    .event-calendar .slick-prev {left:1vw;}
    .event-calendar .slick-next {right:1vw;}
    /** ---- **** ---- **** ---- **/
    .wrapper {flex-direction:column;padding:1rem;overflow:hidden;}
    .wrapper > * {width:unset;}

    .survey {margin:2rem 0;}

    .twitter-feed iframe {width:100% !important;}

    .newsletter {flex-direction:column;}
    .newsletter span {margin-right:0;margin-bottom:1rem;}

    .main-settings {font-size:14px;padding:1rem .5rem;max-width:unset;left:0;}
    .main-settings span {width:100%;}
    .main-settings section {flex-direction:column;width:75%;}
    .main-settings section a {margin-top:1rem;}

}