@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');
@charset "utf-8";
/* CSS Document */
html { font-size: 100% }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block }
body { font-family: 'Nunito', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff); }
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
ol, ul { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
* { outline: none !important; }
a:active, a:focus, a:hover, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; text-decoration: none; }
.clearfix { *zoom:1
}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0 }
.clearfix:after { clear: both }
.clear { clear: both }
.btn { outline: 0px; }
.container { position: relative; }
.lists { list-style: none; margin: 0px; padding: 0px; }
.d-hide { display: none; }
/* Header */
/* Header */
header { width: 100%; position: absolute; z-index: 999; left: 0px; top: 0px; right: 0px; padding: 20px 0 0; }
.nav-logo { float: left; width: 150px; }
header .topNav { float: right; width: 430px; margin: 24px 0 0; }
header .topNav span { font-size: 16px; font-weight: 600; color: #fff; margin-right: 10px; background: #fff; color: #A84F46; border-radius: 30px; padding: 8px 20px; transition: all 0.5s ease; }
header .topNav a:hover span { background: #A84F46; color: #fff; }
header .Subtraction { position: absolute; left: 290px; width: 33px; top: 17px; }
header .Subtraction img:hover { animation-name: rotate; animation-duration: 9s; animation-iteration-count: infinite; animation-timing-function: linear; border-radius: 50%; }
 @keyframes rotate {  from {
transform: rotate(-360deg);
}
to { transform: rotate(360deg); }
}
header .topNav img { transition: 0.5s; width: 30px; height: auto; margin: 0 2px; }
header .topNav img:hover { transform: scale(1.2); }
#exampleImage { cursor: zoom-in; }
#exampleImage:-webkit-full-screen {
cursor:zoom-out;
}
#exampleImage:-moz-full-screen {
cursor:zoom-out;
}
#exampleImage:-ms-fullscreen {
cursor:zoom-out;
}
#exampleImage:fullscreen {
cursor:zoom-out;
}
.scroll-logo, .FixedSocal { display: none; }
.topSocial { display: inline-block; }
/* Sticky Header Style */
/* ---------------------------------------- */
header.sticky-header { background-color: #fff; position: fixed; left: 0; right: 0; top: 20px; max-width: 788px; margin: 0 auto; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; border-radius: 50px; z-index: 999; padding: 15px; box-shadow: 0 1px 7px 0 rgb(0 0 0 / 10%), 0 7px 9px 0 rgb(0 0 0 / 5%); }
header.sticky-header .m-hide { display: none; }
header.sticky-header .scroll-logo { display: block; }
header.sticky-header .button { left: 200px; top: 13px; }
header.sticky-header .btn-open:after { background: url(../images/m-menu.svg) center top no-repeat; top: -3px; }
header.sticky-header .btn-close:after { background: url(../images/m-close.svg) center top no-repeat; background-size: 100%; top: -2px; width: 31px; height: 31px; }
header.sticky-header .topNav { float: right; width: 430px; margin: 10px 0 0; }
header.sticky-header .topSocial { display: none; }
header.sticky-header .FixedSocal { display: inline-block; transition: transform .2s; }
header.sticky-header .FixedSocal img:hover { transform: scale(1.2); }
header.sticky-header .fixed-view { display: block; }
header.sticky-header .Subtraction { left: 235px; width: 30px; top: 8px }
.modal.StoryModal .StoryLine { width: 100%; padding: 0 20px 10px; position: relative; background: #000; }
.modal.StoryModal .StoryLine li { display: inline-block; width: 32%; background: #fff; opacity: 0.7; height: 3px;}
.modal.StoryModal .StoryLine li.active { opacity: 1; }
.modal.StoryModal .modal-dialog { margin: 0 auto; }
.modal.StoryModal .modal-body { padding: 10px 0 30px; background: #000; text-align: center; border-radius: 0px; z-index: 999999; position: relative; }
.modal.StoryModal video { height: 630px; width: 100%; max-width: 450px; margin: 0 auto; }
.modal-backdrop.show { opacity: 0.7; }
.modal.StoryModal .modal-header { background: #000; border: 0; padding: 40px 20px 20px; border-radius: 0px; }
.modal.StoryModal .modal-header .modal-title { color: #fff; font-size: 16px; }
.modal.StoryModal .modal-header .modal-title span { color: rgb(255 255 255 / 60%); margin-left: 10px; display: inline-block }
.modal.StoryModal .modal-header .modal-title img { width: auto; height: 30px; margin-right: 10px; }
.modal.StoryModal .close { float: right; opacity: 0.8; z-index: 999; right: 15px; top: 10px; z-index: 9999999999; }
.modal.StoryModal .close img { width: 23px; height: 23px; margin: 4px 10px 0; }
.modal.StoryModal .modal-content { border: 0px; border-radius: 0px; }
.modal.StoryModal #btnFullscreen { position: absolute; top: 42px; right: 72px; z-index: 9999999999; background: none; border: 0; cursor: pointer; opacity: 0.9; }
.modal.StoryModal .slick-dots { top: -87px; padding: 0 5px; }
.modal.StoryModal .slick-dots li { display: inherit; float: left; width: calc(33% - 4px); height: 4px; margin: 0 2px; }
.modal.StoryModal .slick-dots li button { width: 100%; height: 5px; padding: 0; }
.modal.StoryModal .slick-dots li button:before { line-height: 4px; width: 100%; height: 4px; opacity: 1; background: rgb(255 255 255 / 53%); border-radius: 3px; margin: 0; }
.modal.StoryModal .slick-dots li.slick-active { background: #fff; }
/*styling open close button*/
.button { display: inline; position: absolute; left: 250px; top: 20px; z-index: 999; }
.button span { text-decoration: none; cursor: pointer; }
.button .btn-open:after { content: ''; background: url(../images/menu.svg) center top no-repeat; width: 37px; height: 30px; background-size: 100%; position: absolute; top: 0; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.button .btn-close:after { content: ''; background: url(../images/close.svg) center top no-repeat; width: 31px; height: 31px; background-size: 100%; position: absolute; top: 0; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
/*overlay*/

.buttonPop { display: inline; position: absolute; z-index: 999; }
.buttonPop span { text-decoration: none; cursor: pointer; display: none !important; }
.buttonPop .btn-open:after { display: none !important; }
.buttonPop .btn-close:after { display: none !important; }
.SlidePopu { width: 100%; max-width: 580px; margin: 0 auto; }
.SlidePopu video { width: 100%; height: 100vh; }
.element .slick-dots { top: 0; padding: 0 5px; bottom: auto; width: 100%; margin: 0 auto; left: 0; right: 0; }
.element .slick-dots li { display: inherit; float: left; width: calc(33% - 4px); height: 4px; margin: 0 2px; }
.element .slick-dots li button { width: 100%; height: 5px; padding: 0; }
.element .slick-dots li button:before { line-height: 4px; width: 100%; height: 4px; opacity: 1; background: rgb(255 255 255 / 53%); border-radius: 3px; margin: 0; }
.element .slick-dots li.slick-active { background: #fff; }
.element { width: 100%; background-color: skyblue; text-align: center; color: white; font-size: 3em; display: none; }
.element:-ms-fullscreen p {
 visibility: visible;
}
.element:fullscreen {
 background: rgb(0 0 0 / 67%);
 width: 100vw;
 height: 100vh;
 display:block;
}
.MenuOpenView { width: 280px; float: right; border-radius: 15px; text-align: center; padding: 190px 20px 30px; }
.openTitle { width: 100%; font-size: 24px; color: #fff; font-weight: 900; line-height: 22px; }
.openYear { width: 100%; font-size: 22px; color: #fff; font-weight: 700; line-height: 28px; padding: 10px 0; }
.openClass { width: 100%; font-size: 20px; color: #fff; font-weight: 800; line-height: 22px; margin-bottom: 10px; }
.MenuOpenView a { background: #EFEBE4; color: #A84F46; font-size: 20px; border-radius: 50px; padding: 15px 15px; display: block; font-weight: 700; transition: all 0.5s ease-in-out; }
.MenuOpenView a:hover { background: #434260; color: #fff; transition: all 0.5s ease-in-out; }
.MenuOpenView a .fa { padding-left: 2px; transition: all 0.5s ease-in-out; }
.MenuOpenView a:hover .fa { padding-left: 15px; transition: all 0.5s ease-in-out; }
.m-whats { display: none; }
/* Inner page Css */
.heroarea.innerSlider { width: 100%; position: relative; padding: 220px 0 50px; height: auto; text-align: center;background-size: cover !important;background-position: center !important; }
.heroarea.innerSlider:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; width: 100%; height: 100%; background: rgb(85,16,16); background: linear-gradient(180deg, rgba(85,16,16,0.6029762246695554) 0%, rgba(0,0,0,0.55) 100%); z-index: 1; }
.heroarea.innerSlider .container { position: relative; z-index:9; }
.heroarea.innerSlider .container h1 { font-size: 36px; font-weight: 800; color: #fff; margin-bottom: 10px; }
.heroarea.innerSlider .container p { color: rgb(255 255 255 / 85%); font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.heroarea.innerSlider .nav-toggle { color: #e93e2c; }
.filterView li { display: inline-block; padding: 8px 30px 5px 10px; position: relative; vertical-align: top; }
.filterView li:last-child { padding: 0px;width: 100%; }
.filterView .custom-control-label { padding-top: 5px; }
.filterView .custom-control-label::before { left: 0; background: #ddd; }
.filterView .custom-control-label::after { left: 0; }
.filterView li .form-control { border-radius: 0; box-shadow: none; height: 40px; border: 0; font-size: 20px;font-weight: 600;}
.filterView li .btn-login { background: #434260; color: #fff; padding: 11px 5px 12px; vertical-align: top; font-size: 16px; border: 0px; cursor: pointer; position: relative; }
/* Footer Css */
footer { background: #EFEBE4 url(../images/footerview.svg) left bottom repeat-x; position: relative; padding: 20px 0 140px; overflow: hidden; }
.AdmissionOpen { width: 100%; border-radius: 30px; background: #A84F46; }
.Openleft { width: 50%; float: left; position: relative; }
.Openleft span { font-size: 30px; color: #FFECC1; left: 20px; bottom: 20px; font-weight: 800; position: absolute; display: block; width: 70%; line-height: 30px; }
.Openleft img { border-radius: 30px 0 0 30px; }
.OpenRight { width: 50%; float: left; text-align: center; padding: 20px 0 0; }
.OpenRight h3 { font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 15px; }
.OpenRight p { font-size: 22px; color: #fff; padding-bottom: 15px; font-weight: 600; line-height: 20px; }
.OpenRight p a { background: #EFEBE4; color: #A84F46; font-size: 18px; border-radius: 50px; padding: 13px 35px 12px; display: inline-block; font-weight: 700; transition: all 0.5s ease-in-out; }
.OpenRight p a:hover { background: #434260; color: #fff; transition: all 0.5s ease-in-out; }
.OpenRight p a .fa { margin-left: 5px; transition: all 0.5s ease-in-out; }
.OpenRight p a:hover .fa { margin-left: 15px; transition: all 0.5s ease-in-out; }
.FootAbout { text-align: center; font-size: 18px; color: #434260; line-height: 28px; border-radius: 10px; padding: 50px 0 0; }
.FootAbout img { margin-bottom: 30px; }
.footaddress { width: 100%; text-align: center; line-height: 28px; color: #434260; font-size: 18px; padding: 40px 0 20px; }
.footaddress a { color: #434260; font-weight: 800; }
.DownBx { padding: 15px 0 50px; width: 100%; text-align: center; }
.DownBx .btn-hover { padding: 12px 30px; border-radius: 50px; font-size: 16px; font-weight: 700; background: #A84F46; text-transform: uppercase; color: #EFEBE4; }
.DownBx .btn-hover img { margin-right: 7px; vertical-align: -4px; }
.DownBx .btn-hover:hover { background: #434260; color: #fff; }
.TourFooter { width: 100%; text-align: center; padding: 60px 0 10px; }
.TourFooter li { border-right: 1px solid #DBD4C9; width: 32%; display: inline-block; vertical-align: top; text-align: left; padding: 12px 0; }
.TourFooter li a { color: #434260; }
.TourFooter li a:hover { color: #A84F46; }
.TourFooter li span { display: inline-block; text-align: left; font-size: 16px; font-weight: 800; margin-left: 10px; line-height: 20px; margin-top: -4px; }
.TourFooter li:last-child { border-right: 0px; }
.TourFooter li center { float: left; margin-left: 60px; }
.foot-social { width: 100%; text-align: center; padding: 0 0 60px; }
.foot-social img { width: 30px; height: auto; margin: 0 5px; transition: 0.5s; }
.foot-social img:hover { transform: scale(1.3); }
.copyright { width: 100%; text-align: center; font-size: 10px; color: #434260; padding: 15px 0 0; }
.copyright a { font-weight: 600; color: #434260; font-weight: 800; }
 @media screen and (max-width:767px) {
.m-hide { display: none; }
.d-hide { display: block; }
header { padding: 13px 5px; background: #fff; width: 345px; margin: 15px auto 0; border-radius: 50px; }
.button .btn-open:after { background: url(../images/m-menu.svg) center top no-repeat; top: -3px; }
.button .btn-close:after { background: url(../images/m-close.svg) center top no-repeat; background-size: 100%; top: -6px; }
.nav-logo { width: 100px; }
header .topNav { display: none }
.button { top: 10px; left: 190px; }
header .Subtraction { position: absolute; left: auto; right: 80px; width: 35px; top: 5px; text-align: right; }
header .Subtraction a { display: inline-block; vertical-align: middle; margin: 0; }
.btn-open:after { width: 39px; height: 30px; }
header .topNav img { width: 28px; height: auto; margin: 0 2px; }
.heroarea .container { top: 45%; }
.heroarea video { width: 100%; height: 100vh; }
header.sticky-header .scroll-logo, header.sticky-header .FixedSocal { display: none; }
header.sticky-header { top: 10px; padding: 10px 5px; }
header.sticky-header .button { left: 190px; top: 13px; }
header.sticky-header .Subtraction { right: 75px; width: 44px; top: 6px; left: auto; }
header.sticky-header .btn-close:after { background: url(../images/m-close.svg) center top no-repeat; background-size: 100%; top: -6px; width: 32px; height: 32px; }
.m-whats { display: block; width: 35px; position: absolute; right: 15px; top: 3px; }
.m-whats img { width: 32px; }
.MenuOpenView { display: none; }
.wrap ul.wrap-nav { width: 100%; padding: 0 15px; }
.wrap ul.wrap-nav li { width: 50%; }
.GalleryWrap p { line-height: 22px; }
.achievementPost img { width: auto; height: auto; border-radius: 30px; }
.achievementPost { height: auto; }
.wrap ul.wrap-nav li .submenu a { font-size: 12px !important; font-weight: 500; padding: 6px 0 6px 15px; line-height: 17px; }
.contactMenu li { padding: 0 20px 20px; }
.heroarea.innerSlider { padding: 180px ​0 70px; }
.heroarea .container { top: 50%; }
.heroarea .container h1 { font-size: 32px; }
.heroarea .container p { font-size: 18px; line-height: 25px; margin-bottom: 20px; }
.filterView li { display: none; }
.filterView li:last-child { display: block; }
.heroarea.innerSlider .container h1 { font-size: 28px; }
.heroarea.innerSlider .container p { font-size: 15px; line-height: 20px; margin-bottom: 15px; }
.FootAbout { font-size: 18px; color: #434260; line-height: 28px; }
.FootAbout br { display: none; }
.footaddress { line-height: 24px; font-size: 16px; padding: 20px 0 20px; }
.TourFooter { width: 100%; text-align: center; padding: 40px 0 0; }
.TourFooter li { text-align: center; }
.TourFooter li center { float: inherit; margin-left: 0; margin-bottom: 10px; }
.TourFooter li span { text-align: center; font-size: 13px; margin-left: 0; line-height: 16px; margin-top: 0; }
.foot-social { padding: 0 0 40px; }
.footer-info { width: 100%; padding: 10px 0 30px 90px }
.FootCont { width: 100%; float: right; }
footer .school { display: block; top: auto; bottom: 55px; width: 100%; }
.copyright { font-size: 10px; padding: 10px 0; }
}