a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}
.loadthis { display: none; }
.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1348px; margin: auto auto; padding-left: 20px; padding-right: 20px; }
.main-content-top { margin-top: 140px; }
.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }
input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }
.bootstrap-dialog .modal-header { background-color: #ddd !important; }
.bootstrap-dialog .bootstrap-dialog-close-button button { font-size: 30px; opacity: 1; }
.bootstrap-dialog .bootstrap-dialog-title { font-size: 16px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-message { font-size: 16px !important; color: #111; }
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default { font-size: 16px !important; color: #111; }
.rvl-hdn { visibility: hidden; }
#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 274px; margin-left: -137px; padding: 7px 10px; background: #000; opacity: 0.8; color: #fff; border: 1px solid #959595; }
/* overlay at start */
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
/* content at start */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.pagin { text-align: center; margin-top: 100px; }
.pagin li { margin-left: 4px; display: inline-block; vertical-align: top; }
.pagin li.num:before { content: "|"; font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }
.pagin li.num:first-child:before { display: none; }
.pagin li a { display: inline-block; margin-top: -3px; font-size: 18px; color: #000; }
.pagin li a:hover,
.pagin li.active a { color: #8560a8; }
.ph { }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph18 { }
.ph18::-webkit-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; }
.ph18:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 18px; color: #000; }
.ph18::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 18px; color: #000; }
.ph18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; }
.ph18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #000; }
.ph-r { }
.ph-r::-webkit-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; }
.ph-r:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 18px; color: #fff; }
.ph-r::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 18px; color: #fff; }
.ph-r:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; }
.ph-r:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #fff; }
ol.breadcrumb { background: transparent; margin: 0; padding: 0; }
ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 12px; color: #252525; }
ol.breadcrumb li + li:before { content: "|"; padding: 0 5px; }
ol.breadcrumb li a { text-decoration: none; font-size: 12px; color: #252525; font-weight: 300; }
ol.breadcrumb li a:hover,
ol.breadcrumb li.active a { color: #eb2594; }
#cookie-bar { background: #000; background: rgba(0,0,0,0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto; z-index: 999;}
#cookie-bar p {margin: 0; padding: 0; color: #fff; font-size: 14px; }
#cookie-bar a {color:#fff; text-decoration:underline; font-size: 14px;}
#cookie-bar .cb-enable {background:#ff0000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover {background:#0055dd;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.btn-custom{direction: ltr; position: relative; color: #fff; background-color: transparent; outline: none !important; font-size: 36px; line-height: normal; font-weight: 300; padding: 5px 16px 9px 20px; font-family: 'Advent Pro', sans-serif; border-width: 2px; border-style: solid; border-left-color: #ff00b3; border-right-color: #d23257; -moz-border-image: -moz-linear-gradient(top, #ff00b3 0%, #d23257 100%); -webkit-border-image: -webkit-linear-gradient(top, #ff00b3 0%, #d23257 100%); border-image: linear-gradient(to right, #ff00b3 0%, #d23257 100%); border-image-slice: 1;}
.btn-custom:focus,.btn-custom.focus{color: #fff; background-color: inherit;}
.btn-custom:hover{color: #fff; background-color: inherit; border: 2px solid #fff;}
.btn-custom:active,.btn-custom.active,.open >.dropdown-toggle.btn-custom{color: #fff; background-color: inherit; border: 2px solid #fff;}
.btn-custom:active:hover,.btn-custom.active:hover,.open >.dropdown-toggle.btn-custom:hover,.btn-custom:active:focus,.btn-custom.active:focus,.open >.dropdown-toggle.btn-custom:focus,.btn-custom:active.focus,.btn-custom.active.focus,.open >.dropdown-toggle.btn-custom.focus{color: #fff; background-color: inherit; border: 2px solid #fff;}
.btn-custom:active,.btn-custom.active,.open >.dropdown-toggle.btn-custom{background-image: none;}
.btn-custom.disabled:hover,.btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover,.btn-custom.disabled:focus,.btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus,.btn-custom.disabled.focus,.btn-custom[disabled].focus, fieldset[disabled] .btn-custom.focus{color: #fff; background-color: inherit;}
.btn-custom .badge{color: #000;}
.btn-custom .fas {font-size: 21px; color: #9e0f5d; padding-left: 24px;}
.btn-custom:hover .fas{color: #fff;}
.btn-custom2{direction: ltr; position: relative; color: #fff; background-color: #000; outline: none !important; font-size: 24px; border: 0; line-height: normal; font-weight: 700; padding: 11px 20px 10px 20px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+0,a5072b+100 *//* Old browsers *//* FF3.6-15 *//* Chrome10-25,Safari5.1-6 *//* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* IE6-9 */ background: rgba(0, 0, 0, 1); background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 43, 0.75) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(165, 7, 43, 0.75))); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 43, 0.75) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 43, 0.75) 100%); background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 43, 0.75) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 43, 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a5072b', GradientType=1 );}
.btn-custom2:focus,.btn-custom2.focus{color: #fff; background-color: inherit;}
.btn-custom2:hover{color: #fff; background-color: inherit;}
.btn-custom2:active,.btn-custom2.active,.open >.dropdown-toggle.btn-custom2{color: #fff; background-color: inherit;}
.btn-custom2:active:hover,.btn-custom2.active:hover,.open >.dropdown-toggle.btn-custom2:hover,.btn-custom2:active:focus,.btn-custom2.active:focus,.open >.dropdown-toggle.btn-custom2:focus,.btn-custom2:active.focus,.btn-custom2.active.focus,.open >.dropdown-toggle.btn-custom2.focus{color: #fff; background-color: inherit;}
.btn-custom2:active,.btn-custom2.active,.open >.dropdown-toggle.btn-custom2{background-image: none;}
.btn-custom2.disabled:hover,.btn-custom2[disabled]:hover, fieldset[disabled] .btn-custom2:hover,.btn-custom2.disabled:focus,.btn-custom2[disabled]:focus, fieldset[disabled] .btn-custom2:focus,.btn-custom2.disabled.focus,.btn-custom2[disabled].focus, fieldset[disabled] .btn-custom2.focus{color: #fff; background-color: inherit;}
.btn-custom2 .badge{color: #000;}
.btn-custom-sm{direction: ltr; position: relative;color: #fff;background-color: transparent;outline: none !important;font-size: 24px;line-height: normal;font-weight: 300;padding: 7px 20px 12px 20px;font-family: 'Advent Pro', sans-serif;border-width: 2px;border-style: solid;border-left-color: #ff00b3;border-right-color: #d23257;-moz-border-image: -moz-linear-gradient(top, #ff00b3 0%, #d23257 100%);-webkit-border-image: -webkit-linear-gradient(top, #ff00b3 0%, #d23257 100%);border-image: linear-gradient(to right, #ff00b3 0%, #d23257 100%);border-image-slice: 1;}
.btn-custom-sm:focus,.btn-custom-sm.focus{color: #fff; background-color: inherit;}
.btn-custom-sm:hover{color: #fff; background-color: inherit; border: 2px solid #fff;}
.btn-custom-sm:active,.btn-custom-sm.active,.open >.dropdown-toggle.btn-custom-sm{color: #fff; background-color: inherit; border: 2px solid #fff;}
.btn-custom-sm:active:hover,.btn-custom-sm.active:hover,.open >.dropdown-toggle.btn-custom-sm:hover,.btn-custom-sm:active:focus,.btn-custom-sm.active:focus,.open >.dropdown-toggle.btn-custom-sm:focus,.btn-custom-sm:active.focus,.btn-custom-sm.active.focus,.open >.dropdown-toggle.btn-custom-sm.focus{color: #fff; background-color: inherit; border: 2px solid #fff;}
.btn-custom-sm:active,.btn-custom-sm.active,.open >.dropdown-toggle.btn-custom-sm{background-image: none;}
.btn-custom-sm.disabled:hover,.btn-custom-sm[disabled]:hover, fieldset[disabled] .btn-custom-sm:hover,.btn-custom-sm.disabled:focus,.btn-custom-sm[disabled]:focus, fieldset[disabled] .btn-custom-sm:focus,.btn-custom-sm.disabled.focus,.btn-custom-sm[disabled].focus, fieldset[disabled] .btn-custom-sm.focus{color: #fff; background-color: inherit;}
.btn-custom-sm .badge{color: #000;}
.btn-custom-sm .fas {font-size: 16px;color: #9e0f5d;padding-left: 10px;}
.btn-custom-sm:hover .fas{color: #fff;}
/********************* HEADER *********************/
header { z-index: 999; position: fixed; height: 108px; width: 100%; left: 0; top: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+0,a5072b+100 *//* Old browsers *//* FF3.6-15 *//* Chrome10-25,Safari5.1-6 *//* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* IE6-9 */ background: rgba(17, 17, 17, 1); background: -moz-linear-gradient(left, rgba(17, 17, 17, 1) 0%, rgba(165, 7, 44, 0.9) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(17, 17, 17, 1)), color-stop(100%, rgba(165, 7, 44, 0.9))); background: -webkit-linear-gradient(left, rgba(17, 17, 17, 1) 0%, rgba(165, 7, 44, 0.9) 100%); background: -o-linear-gradient(left, rgba(17, 17, 17, 1) 0%, rgba(165, 7, 44, 0.9) 100%); background: -ms-linear-gradient(left, rgba(17, 17, 17, 1) 0%, rgba(165, 7, 44, 0.9) 100%); background: linear-gradient(to right, rgba(17, 17, 17, 1) 0%, rgba(165, 7, 44, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#a5072c', GradientType=1 ); }
header .main-content-ins { max-width: 1840px; }
header .logo {float: left;margin-top: 23px;margin-bottom: 15px;position: relative;z-index: 101;}
header .rgt { float: right; }
header .rgt .top {text-align: right;margin: 16px 14px 0 0;display: flex;align-items: center;gap: 20px;}
header .rgt .top > div {display: inline-block;vertical-align: middle;/* margin-left: 20px; */}
header .rgt .top .book_button {color: #FFF;font-size: 14px;font-family: Roboto Condensed;font-style: normal;font-weight: 700;line-height: normal;border: 1px solid #00000000;background: #00000080;text-transform: uppercase;padding: 6px 22px;transition: 0.2s ease-in;}
header .rgt .top .book_button:hover{background:#BE2A90}
header .rgt .top .cnt { }
header .rgt .top .cnt a { font-size: 15px; }
header .rgt .top .cnt a i { margin-right: 10px; }
header .rgt .top .lngs {/* margin-left: 20px; */display: flex;gap: 10px;}
header .rgt .top .lngs a {/* margin-left: 10px; */}
header .rgt .top .lngs a:first-child { margin-left: 0; }
header .rgt .top .srch-btn {background: url(../img/search.png) no-repeat 0 0;width: 19px;height: 19px;cursor: pointer;/* margin-left: 20px; */}
header .rgt .bot { position: absolute;  bottom: 0;  right: 0; width: 100%; text-align: right; z-index: 100; }
header .rgt .bot .main-content-ins { }
header .rgt .bot .main-content-ins > div { display: inline-block; vertical-align: middle; padding-left: 195px;}
header .rgt .bot .main-menu { }
header .rgt .bot .main-menu > ul { }
header .rgt .bot .main-menu > ul > li { float: left; margin-left: 10px; }
/*header .rgt .bot .main-menu > ul > li.home,*/
header .rgt .bot .main-menu > ul > li.Spacer,
header .rgt .bot .main-menu > ul > li.hideshow,
header .rgt .bot .main-menu > ul > li.cat-cnt { display: none; }
header .rgt .bot .main-menu > ul > li:first-child { margin-left: 0; }
header .rgt .bot .main-menu > ul > li > a {display: block;font-size: 15px;padding: 0 14px 11px 14px;position: relative;text-transform: uppercase;line-height: 20px;}
header .rgt .bot .main-menu > ul > li > a::before {content: '';width: 100%;height: 1px;background-color: #d30095;left: 0;top: 50%;position: absolute;margin-top: -7px;z-index: -1;opacity: 0;}
header .rgt .bot .main-menu > ul > li > a:hover::before,
header .rgt .bot .main-menu > ul > li > a.active::before,
header .rgt .bot .main-menu > ul > li > a.activeo::before { opacity: 1; }
header .rgt .bot .main-menu > ul > li > a span { }
header .rgt .bot .main-menu > ul > li ul {position: fixed;top: 108px;left: 0;width: 100%;text-align: center;background: #000;border-bottom: 1px solid #252525;padding: 8px 0;font-size: 0;display: none;}
header .rgt .bot .main-menu > ul > li ul li { display: inline-block; vertical-align: middle; margin: 4px 30px; }
header .rgt .bot .main-menu > ul > li ul li a { font-size: 15px; color: #fff; text-transform: uppercase; }
header .rgt .bot .main-menu > ul > li ul li a:hover,
header .rgt .bot .main-menu > ul > li ul li a.active { color: #ff00b4; }
header .rgt .bot .mob-btn { display: none !important; margin-bottom: 20px; }
header .rgt .bot .mob-btn a { display: block; font-size: 16px; line-height: 20px; }
header .rgt .bot .mob-btn a i { margin-right: 8px; }
.srch-form {position: fixed; left: 0; top: 108px; background-color: #000; background-color: rgba(0, 0, 0, 0.8); width: 100%; padding: 10px; border-bottom: 1px solid #bdb7bb; display: none; z-index: 999; }
.srch-form .search-cont {width: 100%; position: relative;}
.srch-form .search-cont .npt {padding-right: 59px;}
.srch-form .search-cont .npt input {width: 100%; border: 1px solid #ccc; font-size: 18px; color: #fff; margin: 0; padding: 10px; outline: none; height: 38px; background-color: transparent;}
.srch-form .search-cont .mybtn {position: absolute; top: 0; right: 0;}
.srch-form .search-cont .mybtn button {border: 1px solid #ccc; background: #c91f25; color: #fff; margin: 0; padding: 0 12px; outline: none; width: 60px; height: 38px; text-align: center; font-size: 18px; }
.mob-menu-toggle { display: none; }
.mob-menu-toggle a { color: #fff; }
.mob-menu-toggle i { margin-right: 10px; }
.dark-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,0.6); z-index: 9998; display: none; }
nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #c00e75; }
nav#menu li.hideshow { display: none !important; }
.close-menu { cursor: pointer; }
.close-menu-custom { position: absolute; top: 8px; right: 13px; }
.close-menu-custom span { font-size: 20px; color: #fff; }
/********************* HEADER *********************/
/********************* FOOTER *********************/
footer { margin-top: 100px; background-image: url(../img/footer_icon.png); background-repeat: no-repeat; background-position: top center; padding-top: 70px; position: relative; }
footer.marg30 { margin-top: 30px; }
footer #toTop { position: absolute; top: 500px; right: 50px; cursor: pointer; text-align: right; }
footer #toTop i { font-size: 30px; color: #f70370; }
footer .map { height: 296px; margin-top: 40px; }
footer .socials { margin-top: 30px; text-align: center; padding: 0 10px; }
footer .socials ul li { display: inline-block; min-width: 90px; margin: 10px 20px 0 20px;}
footer .socials ul li a { display: flex; justify-content: center; flex-direction: column; padding-top: 127px; background-repeat: no-repeat; color: #c00e75; text-decoration: none; position: relative; width: 88px; height: 102px; }
footer .socials ul li a:before { content: ""; display: block; background: url(../img/hexagon_bg.png) no-repeat 0 0; background-size: 88px 102px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
footer .socials ul li a:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; transition: transform .2s; }
footer .socials ul li a:hover { color: #fff; }
footer .socials ul li a.fb:after { background-image: url(../img/facebook.png); background-position: top 35px center; }
footer .socials ul li a.phone:after { background-image: url(../img/phone.png); background-position: top 38px center; }
footer .socials ul li a.mail:after { background-image: url(../img/mail.png); background-position: top 41px center; }
footer .socials ul li a.contact:after { background-image: url(../img/contact.png); background-position: top 35px center; }
footer .socials ul li a:hover:after { transform: scale(1.2); }
footer .f-content .copyright { padding: 60px 10px 28px 10px; }
footer .f-content .copyright div.copy { text-align: center; font-size: 14px; color: #6f6f6f; }
footer .f-content .copyright div.copy a { font-size: 14px; color: #6f6f6f; }
footer .f-content .copyright div.copy a:hover { color: #fff; }
footer .f-content .copyright .devlogo { text-align: center; margin-top: 18px; }
.reserved_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.reserved_list .ttl {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.reserved_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.reserved_list ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
}
.reserved_list .valid_list ul li{}
.reserved_list .valid_list ul li:before {content: "\f14a";font-family: "Font Awesome 6 Free";color: #30a745;font-size: 14px;}
.reserved_list .already_list ul li:before {content: "\f059";font-family: "Font Awesome 6 Free";color: #374ae1;font-size: 14px;}
.reserved_list .not_valid_list ul li:before {content: "\f410";font-family: "Font Awesome 6 Free";color: #ff0000;font-size: 14px;}

.reserved_list .valid_list {}
.reserved_list .already_list {}
.reserved_list .not_valid_list {}
.reserved_list .bookme-now {}
.reserved_list .bookme-now .mybtn {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 10px 12px;
    background: #310710;
    border: 0px solid transparent;
}
.reserved_list .bookme-warning {}
.newsletter { }
.newsletter .btn-closeit { position: absolute; top: 13px; right: 13px; background: url(../img/cross-black.png) no-repeat 0 0; width: 22px; height: 22px; cursor: pointer; border: 0; }
.newsletter .ins { padding: 15px 30px; }
.newsletter .ttl { font-size: 48px; color: #000; font-weight: 700; margin-bottom: 20px; }
.newsletter .form-group label { display: none; }
.newsletter .form-group input { background: #fff; border: 2px solid #111; width: 100%; height: 54px; margin: 0; padding: 0 20px; color: #000; }
.newsletter .form-group button { margin-top: 30px; }
.newsletter .chk { }
.newsletter .chk label { font-weight: 400; font-size: 16px; line-height: 20px; margin-left: 10px; }
/********************* FOOTER *********************/
/********************* HOMEPAGE *********************/
.home { }
.home-slider {position: relative}
.home-slider .hs-container {height: 100vh;position: relative;overflow: hidden}
.home-slider .hs-container-slider {display: none}
.home-slider .hs-container .hs-container-slider .slick-left,.home-slider .hs-container .hs-container-slider .slick-right {-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;-o-transition: -o-transform .3s ease;-moz-transition: transform .3s ease,-moz-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;font-size: 20px;padding: 0;color: #000;height: 50px;position: absolute;margin-top: -25px;top: 50%;left: 0;text-align: center;cursor: pointer;z-index: 10;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;-moz-box-align: center;align-items: center;font-family: Inter;font-weight: 700;font-size: 12px;letter-spacing: .06em;color: #fff;padding-left: 60px}
.home-slider .hs-container .hs-container-slider .slick-left span,.home-slider .hs-container .hs-container-slider .slick-right span {position: absolute;left: 0;top: 50%;width: 50px;background: #fff;height: 1px}
.home-slider .hs-container .hs-container-slider .slick-right span {left: auto;right: 0}
.home-slider .hs-container .hs-container-slider .slick-right {right: 0;left: auto;padding-left: 0;padding-right: 60px}
.home-slider .hs-container .hs-container-slider .slick-left:hover {-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);transform: translateX(-20px)}
.home-slider .hs-container .hs-container-slider .slick-right:hover {-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-ms-transform: translateX(20px);-o-transform: translateX(20px);transform: translateX(20px)}
.home-slider .hs-container .hs-container-slider .slick-disabled {cursor: no-drop}
.home-slider .hs-container .home_dots {z-index: 7;position: absolute;left: 0;width: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;padding: 0;margin: 0;list-style: none;text-align: center;bottom: 200px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center}
.home-slider .hs-container .home_dots li {position: relative;display: block;margin: 0 5px;padding: 0;cursor: pointer}
.home-slider .hs-container .home_dots li button {font-size: 0;line-height: 0;display: block;width: 21px;height: 21px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: 0;background: rgba(255,255,255,0);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.home-slider .hs-container .home_dots li button:focus,.home-slider .hs-container .home_dots li button:hover {outline: 0}
.home-slider .hs-container .home_dots li button:before {content: '';position: absolute;top: 7px;left: 7px;width: 7px;height: 7px;text-align: center;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #c4c4c4;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}
.home-slider .hs-container .home_dots li button:hover,.home-slider .hs-container .home_dots li.slick-active button {background: rgba(255,255,255,.3)}
.home-slider .hs-container .home_dots li button:hover:before,.home-slider .hs-container .home_dots li.slick-active button:before {background: #fff}
.home-slider .hs-container .slider-item {height: 100vh;position: relative;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;position: relative;justify-content: center}
.home-slider .hs-container .slider-item .si-image {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;overflow: hidden;z-index: 4}
.home-slider .hs-container .slider-item .si-image img {opacity: 0;visibility: hidden;position: relative;display: block;}
.home-slider .hs-container .slider-item .si-video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;overflow: hidden;opacity: 0;visibility: hidden;-webkit-transition: all .2s ease-in;-o-transition: all .2s ease-in;-moz-transition: all .2s ease-in;transition: all .2s ease-in}
.home-slider .hs-container .slider-item.slick-active .si-video {opacity: 1;visibility: visible}
.home-slider .hs-container .slider-item .si-video::before {content: "";background: #000;width: 100%;height: 100%; position: absolute;left: 0;top: 0;z-index: 1;opacity: 0}
.home-slider .hs-container .slider-item .si-video video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0}
.home-slider .hs-container .v-player {position: absolute;left: 20px;bottom: 20px;z-index: 8}
.home-slider .hs-container .v-player .vp {width: 50px;height: 50px;line-height: 30px;border: 1px solid #fff;background: rgba(0,0,0,.1);color: #fff;padding: 0;margin: 0;outline: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;cursor: pointer;position: absolute;left: 67%;top: 30%;display: none;-webkit-transition: all .2s ease-in;-o-transition: all .2s ease-in;-moz-transition: all .2s ease-in;transition: all .2s ease-in;font-size: 24px}
.home-slider .hs-container .v-player .vp.play,.home-slider .hs-container .v-player .vp.pause{background-color: transparent;color: transparent;border: none !important;width: 100%;height: 100%;z-index: 5;left: 0 !important; top: 0 !important;border-radius: 0px !important;}
/* .home-slider .hs-container .v-player .vp.play::after,.home-slider .hs-container .v-player .vp.pause::after{content: ''; background:url(/test/ns-play-bg.png) ;position: absolute;top: -28px;left: -34px;width: 110px;height: 110px;} */
/* .home-slider .hs-container .v-player .vp:hover {-webkit-box-shadow: 0 0 4px 2px rgb(0 0 0 / 80%);-moz-box-shadow: 0 0 4px 2px rgb(0 0 0 / 80%);box-shadow: 0 0 4px 2px rgb(0 0 0 / 80%)} */
.home-slider .hs-container .v-player .vp.mute {left: 113px;right: 0;inset: 0;top: unset;left: unset;right: 20px;bottom: 80px;z-index: 6;}
.home-slider .hs-container .v-player .vp.unmute {left: 75px;top: unset;left: unset;right: 20px;bottom: 80px;z-index: 6;}
.home-slider .hs-container .v-player .vp.active {display: block}
.home-slider .hs-container .slider-item .v-player {position: relative;left: auto;bottom: auto;width: 100%;height: 100%;margin-top: 10px;margin-bottom: 10px}
.home-slider .hs-container .slider-item .v-player .vp.active { display: block}
.tp-bullet  { width:14px;height:14px; position:absolute; background:#fff; cursor: pointer; border: 1px solid #7c0722; border-radius: 50%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.tp-bullet.selected,
.tp-bullet:hover {  background:#7c0722;border: 1px solid #fff;}
.rs-untoggled-content,
.rs-toggled-content { line-height: 35px; }
/*.rs-untoggled-content { display: none !important; }
.rs-toggled-content { display: block !important; }*/
.home .home-box1 { background: #000 url(../img/bar.jpg) no-repeat center center; height: 154px; display: flex; justify-content: center; flex-direction: column; }
.home .home-box1 .ttl { text-align: center; font-size: 48px; color: #fff; font-family: 'Advent Pro', sans-serif; padding: 0 10px; }
.home .home-box1 .ttl span { margin-left: 54px; }
.home .parallax-content-1 { position: relative; height: 618px; background: no-repeat center center fixed; }
.home .parallax-content-1:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 8; }
.home .parallax-content-1:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 34%; height: 100%; opacity: 0.25; z-index: 9;
/* IE10+ */
background-image: -ms-linear-gradient(left, #ff02b3 0%, #000 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #ff02b3 0%, #000 100%);
/* Opera */
background-image: -o-linear-gradient(left, #ff02b3 0%, #000 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ff02b3), color-stop(100, #000));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #ff02b3 0%, #000 100%);
/* W3C Markup */
background-image: linear-gradient(to right, #ff02b3 0%, #000 100%);
}
.home .parallax-content-1 .box-tpl-1-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.home .parallax-content-1 .box-tpl-1 { padding: 0 35px; max-width: 870px; height: 618px; display: flex; justify-content: center; flex-direction: column; }
.home .parallax-content-1 .box-tpl-1 h1.ttl {margin: 0; padding: 0; font-size: 48px; color: #fff; font-weight: 700; }
.home .parallax-content-1 .box-tpl-1 .txt { display: block; font-size: 24px; color: #fff; font-family: 'Advent Pro', sans-serif; margin-top: 20px; line-height: 28px; }
.home .parallax-content-1 .box-tpl-1 .more { margin-top: 48px; }
.home .parallax-content-2 { position: relative; /*height: 1273px;*/ background: no-repeat center center fixed; }
/*.home .parallax-content-2:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.26); }*/
.home .parallax-content-2 .box-lessons-c { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;*/ }
.home .parallax-content-2 .box-lessons { max-width: 1366px; margin: auto auto; padding: 0 20px 50px 20px; }
.home .parallax-content-2 .box-lessons ul {margin-left: -20px;margin-right: -20px;overflow: hidden;}
.home .parallax-content-2 .box-lessons ul li { float: left; width: 50%; margin: 50px 0 0 0; padding: 0 25px; }
.home .parallax-content-2 .box-lessons ul li a { display: block; position: relative; color: #fff; text-decoration: none; overflow: hidden; }
.home .parallax-content-2 .box-lessons ul li img { transition: transform .2s; }
.home .parallax-content-2 .box-lessons ul li a:hover img {transform: scale(1.3);/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.home .parallax-content-2 .box-lessons ul li .all-data { position: absolute; left: 0; top: 0; height: 100%; width: 100%; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.home .parallax-content-2 .box-lessons ul li a:hover .all-data { background: rgba(0, 0, 0, 1); background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(165, 7, 44, 0.4))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a5072c', GradientType=0 ); }
.home .parallax-content-2 .box-lessons ul li .all-data .ttl { position: absolute; bottom: 20px; left: 40px; max-width: 250px; font-size: 48px; font-weight: 700; line-height: normal; display: block; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.home .parallax-content-2 .box-lessons ul li .all-data .more { position: absolute; opacity: 0; bottom: 20px; left: 40px; display: block; font-size: 24px; color: #fff; font-weight: 700; border: 2px solid #fff; padding: 8px 22px; line-height: normal; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .parallax-content-2 .box-lessons ul li a:hover .all-data .ttl { bottom: 86px; }
.home .parallax-content-2 .box-lessons ul li a:hover .all-data .more { opacity: 1; }
.home .parallax-content-3 { position: relative; height: 586px; background: no-repeat center center fixed; }
.home .parallax-content-3:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.58); }
.home .parallax-content-3 .box-full-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.home .parallax-content-3 .box-full { margin: 0 auto 0 auto; padding: 120px 10px 0 10px; text-align: center; height: 586px; display: flex; justify-content: center; flex-direction: column; max-width: 1020px; }
.home .parallax-content-3 .box-full h2.ttl { margin: 0; padding: 0; font-size: 48px; color: #fff; font-weight: 300; }
.home .parallax-content-3 .box-full .txt { font-size: 20px; color: #fff; font-weight: 300; margin-top: 36px; line-height: 25px; }
.home .parallax-content-3 .box-full .more { margin-top: 24px; }
.home .hp-news { text-align: center; padding-bottom: 60px; }
.home .hp-news h2 { margin: 52px 0 0 0; font-size: 48px; color: #fff; font-weight: 700; }
.home .hp-news .lst { margin-top: 10px; }
.home .hp-news .lst ul {margin-left: -20px;margin-right: -20px;overflow: hidden;}
.home .hp-news .lst ul li { float: left; width: 33.33%; padding: 0 32px; margin-top: 20px; text-align: left; }
.home .hp-news .more { margin-top: 32px; }
/********************* HOMEPAGE *********************/
.m-ttl { }
.m-ttl h1,
.m-ttl span { margin: 0; font-size: 72px; color: #fff; font-weight: 700; }
.m-ttl h2 { margin: 0; font-size: 40px; color: #fff; font-weight: 700; }
.m-img { margin-top: 36px; }
.m-txt { margin-top: 20px; line-height: 22px; }
.m-lst { }
.m-lst ul { }
.m-lst ul li { margin-top: 30px; padding-top: 30px; border-top: 1px solid #383838; }
.m-lst ul li .lft { float: left; width: 460px; position: relative; }
.m-lst ul li .rgt { float: right; width: 100%; margin-left: -460px; }
.m-lst ul li .rgt .ins { padding-left: 490px; }
.m-lst ul li .rgt .ins .ttl { }
.m-lst ul li .rgt .ins .ttl a { font-weight: 700; }
.m-lst ul li .rgt .ins .txt { margin-top: 10px; }
.m-lst ul li .rgt .ins .txt a { }
.m-lst ul li .rgt .ins .lnk { margin-top: 20px; }
.m-lst ul li .rgt .ins .lnk a { text-decoration: underline }
.m-pop { padding: 40px 70px 45px 70px; background: #000; }
.m-pop .m-ttl { text-align: center; }
.m-pop .m-ttl span { font-size: 32px; }
.m-pop .m-form .form-title { text-align: center; font-size: 20px; color: #fff; margin-top: 30px; }
.m-form .form-title { font-size: 30px; font-weight: 700;text-transform:  uppercase; margin-bottom: 14px;}
.m-form .form-group { margin-top: 10px; margin-bottom: 0; }
.m-form .form-group label { display: none; }
.m-form .form-group .form-control { }
.m-form .form-group input.form-control { height: 48px; }
.m-form .form-group textarea.form-control { height: 142px; }
.m-form .form-captcha { margin-top: 24px; }
.m-form .form-captcha > div { float: right; }
.m-form .form-btn { margin-top: 24px; direction: ltr;}
.m-form .form-btn button { float: right; }
.error-actions { margin-top: 20px; text-align: center; }
.error-actions a { margin: 10px 5px 0 5px; }
.error-actions a i { margin-right: 10px; }
/********************* ABOUT US *********************/
.aboutus { }
.aboutus .btn-gal { margin-top: 56px; text-align: center; }
.aboutus .btn-gal a { display: flex; justify-content: center; flex-direction: column; margin: auto auto; width: 223px; height: 258px;background: url(../img/hexagon_bg.png) no-repeat 0 0; font-size: 36px; font-weight: 700 ;color: #fff; text-transform: uppercase; padding: 0 10px; }
/********************* ABOUT US *********************/
/********************* EVENTS *********************/
.events { }
.events .dt { display: flex; justify-content: center; flex-direction: column; padding-left: 90px; background: url(../img/calendar-2.png) no-repeat center left; min-height: 68px; font-size: 24px; font-weight: 700; margin-top: 10px; }
.events .lnk { margin-top: 10px; text-align: right; }
.events .lnk a { display: inline-block; text-align: left; background: url(../img/arrow-down.png) no-repeat bottom right; padding-right: 40px; font-size: 24px; color: #fff; margin-top: 32px; min-height: 81px; padding-top: 46px; }
.events .m-form { max-width: 760px; margin: 90px auto 0 auto; }
.events .m-form .form-title { text-align: center; }
.events .m-form .form-captcha { float: left; }
.events .m-form .form-btn { float: right; margin-top: 35px; }
/********************* EVENTS *********************/
/********************* CONTACT *********************/
.contact { }
.contact .contact-data { margin-top: 25px; }
.contact .contact-data .lft { float: left; width: 50%; padding-right: 10px; }
.contact .contact-data .rgt { float: right; width: 50%; padding-left: 10px; }
.contact .contact-data ul { }
.contact .contact-data ul li { margin-top: 34px; }
.contact .contact-data ul li:first-child { margin-top: 10px; }
.contact .contact-data ul li a { display: flex; justify-content: center; flex-direction: column; padding-left: 90px; background-position: center left; background-repeat: no-repeat; min-height: 68px; font-size: 24px; font-weight: 700; }
.contact .contact-data ul li:nth-child(1) a { background-image: url(../img/phone-2.png); }
.contact .contact-data ul li:nth-child(2) a { background-image: url(../img/mail-2.png); }
.contact .contact-data ul li:nth-child(3) a { background-image: url(../img/time.png); }
/********************* CONTACT *********************/
/********************* GALLERY *********************/
.gallery { }
.gallery .lst { margin-top: 26px; }
.gallery .lst ul { margin-left: -6px; margin-right: -6px; overflow: hidden; }
.gallery .lst ul li { float: left; width: 33.33%; padding: 0 6px; margin-top: 12px; }
.gallery .lst ul li a { display: block; position: relative; overflow: hidden; }
.gallery .lst ul.outs li a span { z-index: 10; display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; font-size: 30px; padding: 0 10px; display: flex; justify-content: center; flex-direction: column; text-align: center; }
.gallery .lst ul.outs li a:hover span { opacity: 1; }
.gallery .lst ul.ins li a:before { content: ""; z-index: 10; display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; background-image: url(../img/cross.png); background-repeat: no-repeat; background-position: center center; }
.gallery .lst ul.ins li a:hover:before { opacity: 1; }
.gallery .lst ul li a:after { content: ""; display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; background: rgba(0, 0, 0, 1); background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(165, 7, 44, 0.4))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a5072c', GradientType=0 ); }
.gallery .lst ul li a:hover:after { opacity: 1; }
.gallery .lst ul li a img { transition: transform .2s; }
.gallery .lst ul li a:hover img { transform: scale(1.3);/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }
.gallery .more { margin-top: 54px; text-align: center; }
/********************* GALLERY *********************/
/********************* NEW *********************/
.news { }
.news .top { margin-top: 38px; }
.news .top .lft { float: left; width: 52.8%; }
.news .top .lft .slider-1 { }
.news .top .lft .slider-1 .slick-left,.news .top .lft .slider-1 .slick-right {font-size: 23px;padding: 0;color: #f00432;background: transparent;width: 30px;height: 40px;position: absolute;top: 50%;left: 10px;line-height: 40px;margin-top: -20px;text-align: center;cursor: pointer;z-index: 1;padding-right: 3px;}
.news .top .lft .slider-1 .slick-right {right: 10px;left: auto;padding-right: 0;padding-left: 3px;}
.news .top .lft .slider-1 .slick-left:hover,.news .top .lft .slider-1 .slick-right:hover{color: #fff;}
/*.news .top .lft .slider-1 .slick-disabled{display: none !important;}*/
.news .top .lft .vd { margin-top: 40px; }
.news .top .lft .vd a { display: block; position: relative; }
.news .top .lft .vd a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/play.png) no-repeat center center; }
.news .top .rgt { float: right; width: 47.2%; padding-left: 32px; }
.news .top .rgt .dt { font-size: 24px; color: #fff; }
.news .top .rgt .dt a { font-size: 24px; color: #fff; }
.news .top .rgt .ttl { margin-top: 6px; }
.news .top .rgt .ttl h1,
.news .top .rgt .ttl h2 { margin: 0; font-size: 30px; color: #fff; font-weight: 700; }
.news .top .rgt .ttl a { display: block; font-size: 30px; color: #fff; font-weight: 700; }
.news .top .rgt .txt { color: #fff; line-height: 22px; margin-top: 20px; }
.news .top .rgt .txt a { color: #fff; line-height: 22px; }
.news .top .rgt .shr { padding-top: 26px; display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;}
.news .top .rgt .shr span,
.news .top .rgt .shr a { display: inline-block; vertical-align: middle; }
.news .top .rgt .shr a { }
.news .lst { margin-top: 10px; }
.news .lst ul { margin-left: -32px; margin-right: -32px; overflow: hidden; }
.news .lst ul li { float: left; width: 33.33%; padding: 0 32px; margin-top: 35px; }
.item-new { }
.item-new .i-ins { max-width: 394px; margin: auto auto; }
.item-new .i-img { position: relative; }
.item-new .i-img a { display: block; position: relative; overflow: hidden; }
.item-new .i-img a:before { content: ""; z-index: 10; display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; background-image: url(../img/cross.png); background-repeat: no-repeat; background-position: center center; }
.item-new .i-img a:hover:before { opacity: 1; }
.item-new .i-img a:after { content: ""; display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; background: rgba(0, 0, 0, 1); background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(165, 7, 44, 0.4))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(165, 7, 44, 0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a5072c', GradientType=0 ); }
.item-new .i-img a:hover:after { opacity: 1; }
.item-new .i-img a img { transition: transform .2s; }
.item-new .i-img a:hover img { transform: scale(1.3);/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }
.item-new .i-dt { }
.item-new .i-dt a { font-size: 16px; color: #fff; }
.item-new .i-ttl { margin-top: 2px; min-height: 80px; }
.item-new .i-ttl h3 { margin: 0; }
.item-new .i-ttl h3 a { display: block; font-size: 24px; color: #fff; font-weight: 700; }
.news .more { margin-top: 90px; text-align: center; }
.news .more a { background: url(../img/cross.png) no-repeat center right 13px; background-size: 26px 26px; padding-right: 55px; }
/********************* NEW *********************/
/********************* CLASSES *********************/
.classes { }
.classes .lst { }
.classes .lst ul { margin-left: -10px; margin-right: -10px; overflow: hidden; text-align: center; }
.classes .lst ul li { display: inline-block; vertical-align: top; width: 25%; margin-top: 36px; padding: 0 10px; }
.classes .lst ul li a { }
.classes .lst ul li a span.ltr { display: flex; justify-content: center; flex-direction: column; background: url(../img/hexagon_bg.png) no-repeat 0 0; width: 223px; height: 258px; margin: auto auto; }
.classes .lst ul li a span.ltr span { display: block; font-size: 60px; font-weight: 700; background: -webkit-linear-gradient(right, #f7036e, #ee0522); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.classes .lst ul li a span.txt { display: block; font-size: 36px; font-weight: 700; text-align: center; margin-top: 45px; }
/********************* CLASSES *********************/
/********************* EISIGITES *********************/
.eisig { }
.eisig .lst { text-align: center; margin-top: 50px; }
.eisig .lst ul { margin-left: -10px; margin-right: -10px; overflow: hidden; }
.eisig .lst ul li { display: inline-block; vertical-align: top; width: 25%; margin-top: 55px; padding: 0 10px; }
.e-item .e-img { position: relative; }
.e-item .e-img a {
    -webkit-clip-path: polygon(113px 0px,226px 65px,226px 195px,113px 260px,0px 195px,0px 65px);
    clip-path: polygon(113px 0px,226px 65px,226px 195px,113px 260px,0px 195px,0px 65px);
    background: rgba(249,23,177,1);
    background: -moz-linear-gradient(top, rgba(249,23,177,1) 0%, rgba(172,20,25,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,23,177,1)), color-stop(100%, rgba(172,20,25,1)));
    background: -webkit-linear-gradient(top, rgba(249,23,177,1) 0%, rgba(172,20,25,1) 100%);
    background: -o-linear-gradient(top, rgba(249,23,177,1) 0%, rgba(172,20,25,1) 100%);
    background: -ms-linear-gradient(top, rgba(249,23,177,1) 0%, rgba(172,20,25,1) 100%);
    background: linear-gradient(to bottom, rgba(249,23,177,1) 0%, rgba(172,20,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f917b1', endColorstr='#ac1419', GradientType=0 );
    width:  226px;
    height:  260px;
    display: block;
    margin: auto auto;
}
.e-item .e-img a span {
    -webkit-clip-path: polygon(113px 3px,224px 66px,224px 194px,113px 257px,2px 194px,2px 66px);
    clip-path: polygon(113px 3px,224px 66px,224px 194px,113px 257px,2px 194px,2px 66px);
    display: block;
    overflow: hidden;
}
.e-item .e-img a span img { display: block; transition: transform .2s; }
.e-item .e-img a:hover span img { transform: scale(1.3);/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }
.e-item .e-ttl { margin-top: 20px; }
.e-item .e-txt { margin-top: 14px; color: #f917b1; }
.eisig .ins .lft .e-item .e-txt { margin-top: 30px; }
.e-item .e-txt a { color: #f917b1; }
.e-item .e-soc { margin-top: 50px; margin-left: -10px; margin-right: -10px; overflow: hidden; }
.e-item .e-soc a { display: inline-block; vertical-align: middle; margin: 0 10px; }
.e-item .e-soc a i { font-size: 21px;
background: -webkit-linear-gradient(right, #f7036e, #ee0522);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.eisig .ins { margin-top: 40px; }
.eisig .ins .lft { float: left; width: 223px; position: relative; z-index: 10; text-align: center; }
.eisig .ins .rgt { float: right; width: 100%; margin-left: -223px; }
.eisig .ins .rgt .rgt-ins { padding-left: 300px; display: block; line-height: 22px; }
/********************* EISIGITES *********************/
/********************* CLASSROOMS *********************/
.classroom_ttl{
    max-width: 1348px;
    margin: auto auto;
    margin-top: 172px;
    margin-bottom: 56px;
    padding-left: 20px;
    padding-right: 20px;
}
.book_container_row{
    width: 100%;
    max-width: 1470px;
    margin: auto;
    padding: 0 20px;
    margin-bottom: 104px;
    position: relative;
}
.book_container_row.loading:before {content: '';background: #000;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0.3;}
.book_container_row .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    font-size: 50px;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
}
.book_container_row.loading .loader {opacity: 1; visibility: visible;}
.book_container{
    background: #6A1226;
    box-shadow: 3px 7px 20px 0px rgba(0, 0, 0, 0.31);
    padding: 40px 20px 25px 20px;
}

.book_container .book_top_row{
    max-width: 1325px;
    margin: auto;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.book_container .book_top_row .table_date{
    position: relative;
}
.book_container .book_top_row .center_controls {
    display: flex;
    direction: ltr;
    align-items: center;
}
.book_container .book_top_row .table_date .table_date_year{
    color: #B9B9B9;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    top: -10px;
    left: 0px;
    white-space: nowrap;
    transform: translateY(-50%);
}
.book_container .book_top_row .table_date .table_date_month{
    color: #FFF;
    font-size: 24px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.book_container .book_top_row .center_controls .table_prev{
    position: relative;
}
.book_container .book_top_row .center_controls .table_prev,
.book_container .book_top_row .center_controls .table_next{
    position: relative;
    font-size: 20px;
    line-height: 20px;
    color: #E735B0;
    display: block;
    cursor: pointer;
}
.book_container .book_top_row .center_controls .table_prev.inactive{
    cursor: not-allowed;
    opacity: 0.5;
}
.book_container .book_top_row .center_controls .table_next.inactive{}
.book_container .book_top_row .center_controls .active_arrow{
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.2s;
    cursor: pointer;
}
.book_container .book_top_row .center_controls .table_prev.inactive .active_arrow{
    opacity: 0;
    cursor: default;
}
.book_container .book_top_row .center_controls .table_next.inactive .active_arrow{
    opacity:0;
    cursor: default;
}
.book_container .book_top_row .center_controls .table_title{
    margin: 0 50px;
    flex: 1;
}
.book_container .book_top_row .dropdown{}
.book_container .book_top_row .dropdown .dropdown-toggle{
    border-radius: 4px;
    color: #030706;
    font-size: 14px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 500;
}
.book_container .book_top_row .dropdown .dropdown-menu{
    /* display: flex; */
    /* flex-direction: column; */
    border-radius: 4px;
    padding: 0;
}
.book_container .book_top_row .dropdown .dropdown-menu .dropdown-item{
    border-radius: 4px;
    display: block;
    width: calc(100% - 6px);
    margin: 4px auto;
    padding: 2px;
}

.book_container .book_table{
    background: #A81637;
    max-width: 1325px;
    margin: auto;
    margin-bottom: 26px;
    width: 100%;
    overflow-x: auto;
}
.book_container .book_table .table_row{list-style: none;padding: 0;margin: 0;display: flex;gap: 0 1px;min-width: 1000px;}
.book_container .book_table .table_row li{text-align: center;position: relative;flex: 1;min-width: 0;}
.book_container .book_table .table_row li.item-list {
    display: flex;
    flex-direction: column;
    gap: 1px 0;
    padding: 1px 0;
}
.book_container .book_table .table_row li.item-list .item {
    width: 100%;
    background: #94112F;
    min-width: 0;
}
.book_container .book_table .table_row li.item-list .item:nth-child(even) {
    background: #A81637;
}
.book_container .book_table .table_row li.item-list .item .btn_calendar{
    width: 100%;
    border: 1px solid transparent;
    background: transparent;
    color: #fff;
    outline: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    border-radius: 5px;
    overflow: hidden;
}
.book_container .book_table .table_row li.item-list .item .btn_calendar.bookme:hover,
.book_container .book_table .table_row li.item-list .item .btn_calendar.bookme.selected {
    border-color: #E6D00A;
}

.book_container .book_table .table_row li.item-list .item .btn_calendar .time{
    width: 45px;
    display: block;
    background: #A81637;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
}
.book_container .book_table .table_row li.item-list .item .btn_calendar .txt {
    font-size: 10px;
    line-height: 25px;
    font-weight: 500;
    color: #E6D00A;
    flex: 1;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
}
.book_container .book_table .table_row li.item-list .item .btn_calendar .cancel_me {
    font-size: 12px;
    width: 20px;
    line-height: 20px;
    cursor: pointer;
}
.book_container .book_table .table_row li.item-list .item:nth-child(even) .btn_calendar .time {
    background: #000;
}

.book_container .book_table .table_row li.item-list:nth-child(even) .item{background: #860F2B;}
.book_container .book_table .table_row li.item-list:nth-child(even) .item:nth-child(even) {
    background: #9A1533;
}

.book_container .book_table .table_row li.item-list .item .btn_calendar.booked {
    background: #89BFFF;
    color: #000;
    cursor: auto;
}
.book_container .book_table .table_row li.item-list .item .btn_calendar.booked .time,
.book_container .book_table .table_row li.item-list .item .btn_calendar.booked .txt{
    background: transparent !important;
    color: #000;
}
.book_container .book_table .table_row li.item-list .item .btn_calendar.disabled {
    background: #9D9D9D;
    color: #FFF;
    cursor: not-allowed;
}
.book_container .book_table .table_row li.item-list .item .btn_calendar.disabled .time,
.book_container .book_table .table_row li.item-list .item .btn_calendar.disabled .txt{
    background: transparent !important;
    color: #FFF;
}

.book_container .book_table .table_row.first_row{padding:20px 0;background: #000;color: #FFF;font-size: 16px;font-family: Roboto Condensed;font-style: normal;font-weight: 700;}
.book_container .book_table .table_row.first_row li::after{content:'';position: absolute;background: #A81637;right: 0;width: 1px;height: 100%;}
.book_container .book_table .table_row.first_row li:last-of-type::after{display:none}
.book_container .book_table .table_row li:first-of-type{
}
.book_container .book_table .table_row:first-of-type li{
    background: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.book_container .book_table .table_row:first-of-type li .book_date{
    /* position: absolute; */
    /* top: -7px; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    color: #B9B9B9;
    font-size: 12px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    white-space: nowrap;
}
.book_container .book_table .table_row:nth-child(2n) li:first-of-type{
    /* background: #550e1e; */
}
.book_container .book_table .table_row:nth-child(2n) li{
    /* background: #860F2B; */
}
.book_container .book_table .table_row:nth-child(2n) li:nth-of-type(2n){
    /* background: #94112F; */
}

.book_container .book_table .table_row:nth-child(2n -1) li:first-of-type{
    /* background: #000; */
}
.book_container .book_table .table_row:nth-child(2n -1) li{
    /* background: #9A1533; */
}
.book_container .book_table .table_row:nth-child(2n -1) li:nth-of-type(2n){
    /* background: #A81637; */
}
.book_container .book_table .table_row .book_table_filler{
    text-align: start;
    color: #030706;
    font-size: 11px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 500;
    padding: 0 2px 0 12px;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin: 0 1px;
}
.book_container .book_table .table_row .my_user{
    justify-content: space-between;
}
.book_container .book_table .table_row .my_user span{}
.book_container .book_table .table_row .my_user button{
    background: transparent;
    border: none;
}
.book_container .book_table .table_row .other_user{}
.book_container .book_table .table_row .not_available{
    background: #9D9D9D;
    color: #fff;
}
.book_container .book_table .table_row .do_book{
    border: 1px solid #E6D00A;
    justify-content: center;
    color: #E6D00A;
    font-size: 10px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}
.book_container .book_table_finish_button{
    display: flex;
    justify-content: center;
}
.book_container .book_table_finish_button button{
    color: #FFF;
    font-size: 20px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    padding: 12px;
    width: fit-content;
    min-width: 172px;
    background: #310710;
    border: 2px solid transparent;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #C12A85, #A5334a);
}

.classroom .m-ttl {margin-bottom:48px}
.classroom .icon_box_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 150px 0;
}
.classroom .icon_box_container .icon_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
    min-width: 150px;
    max-width: 200px;
    padding: 0 10px;
    margin-bottom: 40px;
}
.classroom .icon_box_container .icon_box i{
    font-size: 55px;
    color: #E735B0;
    margin-bottom: 40px;
}
.classroom .icon_box_container .icon_box span{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
}
.classroom_slider_container{
    position: relative;
}
.classroom_slider{}
.classroom_slider .classroom_slider_item{
    margin: 0 40px;
    filter: blur(10px);
    transition: 0.3s ease-in;
    width: 1308px;
    max-width: calc(100vw - 100px);
    height: 510px;
    background-size: cover;
}
.classroom_slider .classroom_slider_item.slick-current{
    filter: blur(0px);
}
.classroom_slider .classroom_slider_item img{
    width: 100%;
}
.classroom_slider_arrows{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1450px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}
.classrooms .lst ul {margin-left: 0;margin-right: 0;display: flex;flex-wrap: wrap;}
.classrooms .lst ul li {float: none;width: 50%;padding-left: 0;padding-right: 0;padding-top: 48px;}
.classrooms .lst ul li:nth-child(2n) {padding-left: 24px;}
.classrooms .lst ul li:nth-child(2n-1) {padding-right: 24px;}
.class-item{
    width: 100%;
    position: relative;
}
.class-item .class-img{position:relative;overflow: hidden;}
.class-item .class-img::before{content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(180deg, #2B2B2B 0%, rgba(255, 52, 52, 0.71) 100%);transition: 0.3s;opacity: 0;z-index: 1;}
.class-item:hover .class-img img{scale: 1.2;}
.class-item:hover .class-img::before{opacity:1;}
.class-item .class-img img{
    width: 100%;
    transition: 0.3s;
}
.class-item .class-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 1;
}
.class-item .class-ttl{
    color: #FFF;
    font-size: 48px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.class-item .class-more{
    color: #FFF;
    font-size: 24px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width: fit-content;
    padding: 0;
    scale:0;
    border: 3px solid #FFF;
    transition: 0.3s;
    margin-top: 0px;
    line-height: 0%;
    opacity: 0;
}
.class-item:hover .class-more{
    padding: 10px 24px;
    opacity: 1;
    scale:1;
    margin-top: 20px;
    line-height: 100%;
}
/********************* CLASSROOMS *********************/
.login_popup_container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background: hsl(165deg 40% 2% / 60%);
}
.login_popup{
    background: linear-gradient(180deg, #430D19 0%, #8C132F 51.82%, #A81637 100%);
    /* padding: 125px 20px 96px 20px; */
    width: 100%;
    max-width: 950px;
    height: fit-content;
    padding: 96px 20px 96px 20px;
}
.login_popup .login_popup_content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login_popup .login_popup_title{
    color: #FFF;
    text-align: center;
    font-size: 72px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.login_popup .login_popup_txt{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    max-width: 627px;
    margin-bottom: 54px;
}
.login_popup .login-form{
    width: 100%;
    max-width: 560px;
    margin: auto;
    text-align: center;
}
.login_popup .login-form .input_fields{
    display: flex;
    gap: 16px;
}
.login_popup .login-form .form-group{
    width: 50%;
    margin-bottom: 16px;
}
.login_popup .login-form .form-group label{
    color: #FFF;
    font-size: 24px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}
.login_popup .login-form .form-group input{
    background: transparent;
    border: 0.5px solid #B9B9B9;
}
.login_popup .login-form .form_button{
    width: 100%;
    border: 0.5px solid #B9B9B9;
    background: #FFF;
    color: #90223B;
    font-size: 18px;utoH
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 12px;
    margin-bottom: 40px;
    text-transform: uppercase;
    transition:0.2s;
}
.login_popup .login-form .form_button:hover{

border: 0.5px solid #BE2A90;
background: #BE2A90;
    color:#FFF;
}
.login_popup .login-form .wrong_pass{color: #FCFF55;text-align: center;font-size: 14px;font-family: Roboto Condensed;font-style: normal;font-weight: 700;line-height: 100%;margin-bottom: 40px;}
.login_popup .trouble_txt{
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    max-width: 340px;
    margin: auto;
    margin-bottom: 14px;
}
.login_popup .trouble_phone{
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/********************* LOGIN *********************/
/********************* LOGIN *********************/
/********************* SIMPLE *********************/
.simple { }
.simple .m-txt { margin-top: 32px; }
.simple .m-img { margin-top: 80px; }
/********************* SIMPLE *********************/
@media only screen and (max-width: 1400px) {
/********************* HEADER *********************/
header .rgt .top {margin-right: 5px;}
header .rgt .bot .main-menu > ul > li { margin-left: 5px; }
header .rgt .bot .main-menu > ul > li > a { padding-left: 5px; padding-right: 5px; }
/********************* HEADER *********************/
.classroom_slider .classroom_slider_item {
    margin: 0 10px;
    height: 350px;
}
}
@media only screen and (max-width: 1348px) {
/********************* NEW *********************/
.news .lst ul { margin-left: -10px; margin-right: -10px; }
.news .lst ul li { padding: 0 10px; }
/********************* NEW *********************/
}
@media only screen and (max-width: 1199px) { /* .col-lg- */
.btn-custom{font-size: 24px; padding: 7px 20px 12px 20px; }
.btn-custom .fas {font-size: 16px; padding-left: 10px;}
.btn-custom:hover .fas{color: #fff;}
.class-item .class-overlay {
    padding: 10px;
}
.class-item .class-ttl {
    font-size: 30px;
}
.class-item .class-more {
    font-size: 18px;
}
.class-item:hover .class-more{
    margin-top: 0px;
    padding: 5px 12px;
}
.classrooms .lst ul li:nth-child(2n-1) {
    padding-right: 6px;
}
.classrooms .lst ul li:nth-child(2n) {
    padding-left: 6px;
}
.classrooms .lst ul li {
    padding-top: 24px;
}
.m-ttl h1 { font-size: 40px; }
.m-img { margin-top: 30px; }
.m-txt { font-size: 16px; line-height: normal; }
.m-form .form-title { font-size: 24px; }
.main-content-top { margin-top: 30px; }
/********************* HEADER *********************/
header { position: relative; left: auto; top: auto; }
header .rgt .bot .main-menu { display: none !important; }
header .rgt .bot .mob-btn { display: inline-block !important; }
/********************* HEADER *********************/
    .classroom_ttl {
    margin-top: 64px;
    margin-bottom: 26px;
}
    .book_container_row {
    margin-bottom: 64px;
}
/********************* HOMEPAGE *********************/
.home .home-box1 .ttl { font-size: 36px; }
.home .home-box1 .ttl span { margin-left: 40px; }
.home .parallax-content-1 .box-tpl-1 h1.ttl { font-size: 36px; }
.home .parallax-content-1 .box-tpl-1 .txt { font-size: 20px; line-height: normal; }
.home .parallax-content-1 .box-tpl-1 .more { margin-top: 30px; }
.home .parallax-content-2 .box-lessons { padding-bottom: 30px; }
.home .parallax-content-2 .box-lessons ul { margin-left: -10px; margin-right: -10px; overflow: hidden; }
.home .parallax-content-2 .box-lessons ul li { margin-top: 30px; padding: 0 10px; }
.home .parallax-content-2 .box-lessons ul li .all-data .ttl { left: 30px; font-size: 36px; }
.home .parallax-content-2 .box-lessons ul li .all-data .more { left: 30px; }
.home .parallax-content-3 .box-full { padding-top: 60px; }
.home .parallax-content-3 .box-full h2.ttl { font-size: 36px; }
.home .parallax-content-3 .box-full .txt { margin-top: 30px; line-height: normal; }
.home .hp-news h2 { font-size: 36px; }
.home .hp-news .lst ul { margin-left: -10px; margin-right: -10px; }
.home .hp-news .lst ul li { padding: 0 10px; }
.home .hp-news .more { margin-top: 30px; }
/********************* HOMEPAGE *********************/
/********************* SIMPLE *********************/
.simple .m-txt { margin-top: 30px; }
.simple .m-img { margin-top: 30px; }
/********************* SIMPLE *********************/
/********************* ABOUT US *********************/
.aboutus { }
.aboutus .btn-gal { margin-top: 30px; }
.aboutus .btn-gal a { width: 140px; height: 162px; background-size: 140px 162px; font-size: 24px; }
/********************* ABOUT US *********************/
/********************* CLASSES *********************/
.classes .lst ul li { margin-top: 30px; }
.classes .lst ul li a span.ltr { background-size: 140px 162px; width: 140px; height: 162px; }
.classes .lst ul li a span.ltr span { font-size: 40px; }
.classes .lst ul li a span.txt { font-size: 24px; margin-top: 30px; }
/********************* CLASSES *********************/
/********************* CONTACT *********************/
.contact .contact-data ul li { margin-top: 30px; }
.contact .contact-data ul li a { padding-left: 80px; font-size: 20px; }
/********************* CONTACT *********************/
/********************* EISIGITES *********************/
.eisig { }
.eisig .lst { margin-top: 0; }
.eisig .lst ul li { width: 33.33%; }
.e-item .e-txt { margin-top: 10px; }
.e-item .e-soc { margin-top: 20px; }
.eisig .ins .rgt .rgt-ins { padding-left: 253px; font-size: 16px; line-height: normal; }
/********************* EISIGITES *********************/
/********************* NEW *********************/
.news .top { margin-top: 30px; }
.news .top .lft { width: 50%; }
.news .top .lft .vd { margin-top: 30px; }
.news .top .rgt { width: 50%; padding-left: 20px; }
.news .top .rgt .dt { font-size: 20px; }
.news .top .rgt .dt a { font-size: 20px; }
.news .top .rgt .ttl h1,
.news .top .rgt .ttl h2 { font-size: 24px; }
.news .top .rgt .ttl a { font-size: 24px; }
.news .top .rgt .txt { font-size: 16px; line-height: normal; }
.news .top .rgt .txt a { font-size: 16px; line-height: normal; }
.news .top .rgt .shr { padding-top: 20px; }
.news .top .rgt .shr a { margin-left: 20px; }
.news .lst ul li { margin-top: 30px; }
.item-new .i-ttl h3 a { font-size: 20px; }
.news .more { margin-top: 60px; }
/********************* NEW *********************/
/********************* EVENTS *********************/
.events .dt { padding-left: 80px; font-size: 20px; }
.events .lnk a { font-size: 20px; margin-top: 30px; }
.events .m-form { margin-top: 40px; }
.events .m-form .form-btn { margin-top: 30px; }
/********************* EVENTS *********************/
}
@media only screen and (max-width: 991px) { /* .col-md- */
.m-lst ul li .lft { width: 300px; }
.m-lst ul li .rgt { margin-left: -300px; }
.m-lst ul li .rgt .ins { padding-left: 320px; }
}
@media only screen and (max-width: 767px) { /* .col-xs- */
    .classroom .icon_box_container .icon_box i {
        margin-bottom: 10px;
    }
    .book_container_row {
        padding: 0 5px;
    }
    .book_container {
        padding: 29px 5px 20px 5px;
    }
    .book_container .book_top_row {
        margin-bottom: 12px;
    }
    .book_container .book_top_row .center_controls .table_title {
        margin: 0 10px;
        font-size: 15px;
    }
    .book_container .book_top_row .table_date .table_date_month {
        font-size: 20px;
    }
    .book_container .book_top_row .table_date .table_date_year {
        top: -5px;
        font-size: 12px;
    }
    .book_container .book_table .table_row li:first-of-type {
        width: 45px;
    }
    .book_container .book_table .table_row.first_row {
        padding: 20px 0;
        background: #000;
        color: #FFF;
        font-size: 12px;
        font-weight: 500;
        min-width: 1000px;
    }
    .book_container .book_table .table_row:first-of-type li .book_date {
        white-space: wrap;
        top: -3px;
        font-size: 10px;
    }
    .book_container .book_table .table_row li {
        width: calc(16.666667% - 8px);
    }
.main-content-ins { padding-left: 10px; padding-right: 10px; }
.login_popup {
    padding: 50px 20px;
}
.login_popup .login_popup_title {
    font-size: 50px;
}
.login_popup .login_popup_txt {
    margin-bottom: 20px;
}
.login_popup .login-form .form-group label {
    margin-bottom: 3px;
    gap: 6px;
    font-size: 20px;
}
.login_popup .login-form .form_button {
    margin-bottom: 20px;
}
.login_popup .login-form .wrong_pass {
    margin-bottom: 20px;
}
.login_popup .login-form .input_fields {
    flex-direction: column;
    gap: 0;
}
.login_popup .login-form .form-group {
    width: 100%;
}
/********************* FOOTER *********************/
footer #toTop { top: auto; right: 20px; bottom: 10px; }
footer .f-content .copyright { padding-top: 30px; padding-bottom: 20px; }
/********************* FOOTER *********************/
.m-ttl h1,
.m-ttl h2 { font-size: 30px; }
.m-lst ul li .lft { float: none; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; }
.m-lst ul li .rgt { float: none; width: 100%; margin-left: 0; margin-top: 30px; text-align: center; }
.m-lst ul li .rgt .ins { padding-left: 0; }
.m-form .form-captcha > div { float: left; }
.m-form .form-btn button { float: left; }
/********************* HOMEPAGE *********************/
.home .home-box1 .ttl { font-size: 30px; }
.home .home-box1 .ttl span { display: block; margin-left: 0; margin-top: 20px; }
.home .parallax-content-1 { height: 500px; }
.home .parallax-content-1 .box-tpl-1 { padding: 0 20px; max-width: 100%; height:500px; text-align: center; }
.home .parallax-content-1 .box-tpl-1 h1.ttl { font-size: 30px; }
.home .parallax-content-1 .box-tpl-1 .txt { font-size: 18px; }
.home .parallax-content-2 .box-lessons { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
.home .parallax-content-2 .box-lessons ul { margin-left: -5px; margin-right: -5px; }
.home .parallax-content-2 .box-lessons ul li { margin-top: 10px; padding: 0 5px; }
.home .parallax-content-2 .box-lessons ul li .all-data .ttl { left: 20px; font-size: 24px; max-width: 200px; }
.home .parallax-content-2 .box-lessons ul li .all-data .more { bottom: 20px; left: 20px; font-size: 20px; }
.home .parallax-content-3 .box-full { padding-top: 0; }
.home .parallax-content-3 .box-full h2.ttl { font-size: 24px; }
.home .parallax-content-3 .box-full .txt { font-size: 18px; }
.home .hp-news { padding-bottom: 40px; }
.home .hp-news h2 { margin-top: 30px; font-size: 30px; }
.home .hp-news .lst ul { margin-left: -5px; margin-right: -5px; }
.home .hp-news .lst ul li { padding: 0 5px; }
/********************* HOMEPAGE *********************/
/********************* CLASSES *********************/
.classes .lst ul { margin-left: -5px; margin-right: -5px; }
.classes .lst ul li { width: 33.33%; padding-left: 5px; padding-right: 5px; }
.classes .lst ul li a span.txt { font-size: 20px; }
/********************* CLASSES *********************/
/********************* CONTACT *********************/
.contact .contact-data .lft { float: none; width: 100%; padding-right: 0; }
.contact .contact-data ul li { margin-top: 20px; }
.contact .contact-data ul li:first-child { margin-top: 0; }
.contact .contact-data .rgt { float: none; width: 100%; padding-left: 0; margin-top: 30px; }
/********************* CONTACT *********************/
/********************* EISIGITES *********************/
.eisig .lst ul { margin-left: -5px; margin-right: -5px; }
.eisig .lst ul li { width: 50%; padding-left: 5px; padding-right: 5px; }
.eisig .ins { margin-top: 30px; }
.eisig .ins .lft { float: none; width: 100%; }
.eisig .ins .rgt { float: none; width: 100%; margin-left: 0; margin-top: 30px; }
.eisig .ins .rgt .rgt-ins { padding-left: 0; }
/********************* EISIGITES *********************/
/********************* GALLERY *********************/
.gallery .lst { margin-top: 20px; }
.gallery .lst ul { margin-left: -5px; margin-right: -5px; }
.gallery .lst ul li { width: 50%; padding-left: 5px; padding-right: 5px; margin-top: 10px; }
.gallery .lst ul.outs li a span { font-size: 24px; }
/********************* GALLERY *********************/
/********************* NEW *********************/
.news .top .lft { float: none; width: 100%; max-width: 690px; margin: auto auto; }
.news .top .rgt { float: none; width: 100%; padding-left: 0; margin-top: 30px; }
.news .top .rgt .dt { font-size: 18px; }
.news .top .rgt .dt a { font-size: 18px; }
.news .top .rgt .ttl h1,
.news .top .rgt .ttl h2 { font-size: 20px; }
.news .top .rgt .ttl a { font-size: 20px; }
.news .lst { margin-top: 10px; }
.news .lst ul { margin-left: -5px; margin-right: -5px; }
.news .lst ul li { width: 50%; padding-left: 5px; padding-right: 5px; }
.item-new .i-ttl h3 a { font-size: 18px; }
/********************* NEW *********************/
/********************* EVENTS *********************/
.events .m-form .form-captcha { float: none; margin-top: 20px; }
.events .m-form .form-btn { float: none; margin-top: 20px; }
/********************* EVENTS *********************/
}
@media only screen and (max-width: 640px) {


/********************* HOMEPAGE *********************/
.home .parallax-content-2 .box-lessons ul li .all-data .ttl { left: 10px; font-size: 20px; }
.home .parallax-content-2 .box-lessons ul li .all-data .more { left: 10px; font-size: 18px; }
.home .hp-news .lst ul { margin-left: 0; margin-right: 0; }
.home .hp-news .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; text-align: center; }
.home .hp-news .lst ul li .item-new .i-ins { max-width: 100%; }
.home .hp-news .lst ul li .item-new .i-ttl { min-height: auto; }
/********************* HOMEPAGE *********************/
.classroom_slider .classroom_slider_item {height: 220px;max-width: calc(100vw - 80px);}
}
@media only screen and (max-width: 560px) {
/********************* FOOTER *********************/
footer .socials ul li { margin-left: 10px; margin-right: 10px; }
footer .socials ul li:first-child { margin-left: 0; }
footer .socials ul li:last-child { margin-right: 0; }
/********************* FOOTER *********************/
}
@media only screen and (max-width: 480px) {
/********************* FOOTER *********************/
.newsletter .ttl { font-size: 30px; }
.newsletter .form-group input { height: 40px; padding: 0 10px; }
.newsletter .form-group button { margin-top: 20px; }
.newsletter .form-group button.btn-custom2{font-size: 20px; padding: 6px 14px;}
/********************* FOOTER *********************/
/********************* CLASSES *********************/
.classes .lst ul li { width: 50%; }
/********************* CLASSES *********************/
/********************* FOOTER *********************/
footer .socials ul li { margin-left: 5px; margin-right: 5px; }
footer .socials ul li:first-child { margin-left: 5px; }
footer .socials ul li:last-child { margin-right: 5px; }
/********************* FOOTER *********************/
}
@media only screen and (max-width: 479px) {
/********************* HEADER *********************/
header .rgt .top {margin-right: 0;}
    header .rgt .top > div {
    /* margin-left: 10px; */
}
header .rgt .top .book_button {
    padding: 6px 10px;
}
header .rgt .top .cnt a span { display: none; }
header .rgt .top .cnt a i { margin-right: 0; }
header .rgt .top .lngs {/* margin-left: 10px; */}
header .rgt .top .lngs a {/* margin-left: 5px; */}
header .rgt .top .srch-btn {/* margin-left: 10px; */}
/********************* HEADER *********************/
/********************* FOOTER *********************/
.newsletter .ins { padding-left: 15px; padding-right: 15px; }
/********************* FOOTER *********************/
/********************* HOMEPAGE *********************/
.home .parallax-content-2 .box-lessons ul { margin-left: 0; margin-right: 0; }
.home .parallax-content-2 .box-lessons ul li { float: none; width: 100%; padding: 0; max-width: 340px; margin-left: auto; margin-right: auto; }
/********************* HOMEPAGE *********************/
/********************* EISIGITES *********************/
.eisig .lst ul { margin-left: 0; margin-right: 0; }
.eisig .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* EISIGITES *********************/
/********************* CLASSROOMS *********************/
.classrooms .lst ul { margin-left: 0; margin-right: 0; }
.classrooms .lst ul li {float: none;width: 100%;padding-left: 0;padding-right: 0;padding: 0 !important;padding-top: 16px !important;}
/********************* CLASSROOMS *********************/
/********************* GALLERY *********************/
.gallery .lst ul { margin-left: 0; margin-right: 0; }
.gallery .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
/********************* GALLERY *********************/
/********************* NEW *********************/
.news .lst ul { margin-left: 0; margin-right: 0; }
.news .lst ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
.item-new .i-ttl { min-height: auto; }
/********************* NEW *********************/
}


@media only screen and (max-width: 420px) {
.book_container .book_top_row .center_controls {
    margin-left: 20px;
}

.book_container .book_top_row .center_controls .table_title {
  text-align: center;
}
}