@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}


html, body {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}

/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
.indexalbum img{
    aspect-ratio: 16/9;
    object-fit: contain;
}
.header 
{
    background-image: linear-gradient(to bottom, #ffffff, #ccf1f0);
}
body {
	font-family: 'Raleway' , 'Arial' , sans-serif;
	color:#000;
	font-size:18px;
	line-height:26px;
	overflow-x: hidden;
	font-weight:500;
}
.container {
    max-width: 1200px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after { clear:both;}

.clear {*zoom:1; clear:both;}

img {max-width:100%;	vertical-align:bottom;}

a {text-decoration:none; font-family: 'Oxygen';}

a:focus {outline:0;text-decoration:none;}

input:focus, textarea:focus, button:focus {	outline:0;	border:0;}

ul,li,h1,h2,h3,h4,h5 {list-style-type:none;margin:0;padding:0}

p { font-size: 15px; font-weight: 500; line-height: 23px; margin: 0;}

a{display: inline-block;}

a:hover{text-decoration: none;}
/*------------------------------------*\
	        HEADER
\*------------------------------------*/


.nav_area > ul > li {    display: inline-block; padding: 0 8px}

ul.sub-menu ul.sub-menu{ margin-top: 12px;}

.nav_area ul li:last-child{padding-right:0; border-right:0;  }

.nav_area ul li a { color: #000; font-size: 15px;  display: inline-block;  vertical-align: middle;padding: 0 5px 0 5px;}

ul.sub-menu {    position: absolute;  background: #d6e8f8;     z-index: 555;	text-align:left;	padding:10px 0;   }

ul.sub-menu li a{color:#000; line-height:20px;  padding:3px 10px 7px 10px; font-size:15px; display:inline-block; text-transform:capitalize;      font-weight: 400; } 

ul.sub-menu li{	display:block;}

ul.sub-menu li a{width:90%;}

ul.sub-menu li.menu-item-has-children {    position: relative;  }

ul.sub-menu li.menu-item-has-children .arrow{color:#000;  padding-left: 0;  }

span.arrow  {  font-size:16px;   }

.menu-bar ul.menu {  color: #fff;  position: relative;  z-index: 11;  }

.menu-item
{
    background: #0abab5;
}
a.lang {
    background: #c6daef;
    font-size: 16px;
    padding: 7px 10px;
    margin-right: 6px;
    color: #00589f;
}
.text-right.right-menu a {
    font-size: 16px;
    color: #00589f;
    text-decoration: none;
}
.r-menu ul li {
    display: inline-block;
}
.r-menu ul li a {
    font-size: 19px !important;
    color: #00589f;
    font-weight: 700;
}

.r-menu > ul > li:not(:last-child):after {
    content: '\f111';
    display: inline-block;
    font-size: 5px;
    font-weight: 700;
    font-family: 'Font Awesome 5 Pro';
    color: #00589f;
    padding: 0 10px;
}
.banner
{
    position: relative;
}
.banner-text {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 10px;
    background: #0b244c6e;
    width: 100%;
}
.banner-text h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
}
.banner .container {
    position: relative;
    padding: 0;
}
/*------------------------------------*\
	        MAIN
\*------------------------------------*/

/*----------------FOOTER-------------*/
.footer
{
    background: #71afdc;
}
.f-menu h3 {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 27px;
    padding-bottom: 10px;
}
.f-menu ul li a
 {
    font-size: 14px;
    color: #fff;
    line-height: 23px;
}
.min-footer h5, .min-footer p {
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
}
.min-footer {
    border-top: 1px solid #fff;
}

.f-button a {font-size: 18px;color: #000;line-height: 27px;background: #ffcb4d;padding: 4px 12px;border-radius: 5px;}
.f-button {margin-top: -50px;}
/*--------------index----------------*/
.achievements
{
    background: url('../image/achivment-bg.png') no-repeat;
    background-size: cover;
}
.top-title h5 {
    font-size: 24px;
    font-style: italic;
    color: #0c2776;
    font-weight: 700;
}
a.more {
    color: #374d8f;
    font-size: 15px;
    text-decoration: none;
}
a.more i {
    vertical-align: middle;
}
.a-text h5 {
    font-size: 17px;
    color: #0c2776;
    font-weight: 700;
    line-height: 22px;
}
.a-text p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    max-height:20px;
    
}
.a-text{
    background: #b9ebea;
}
.skin
{
    background: #faeadd;
}
.top-title {
    border-bottom: 2px dotted #6f7ea9;
}
.n-title
{
    border-bottom: 0;
    background: #c5b3f4;
}
.news a.more i {
    color: #a254f6;
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.news-block
{
    background: #f2eefd;
}
.news-item h3 {
    font-size: 16px;
    color: #0c2776;
    font-weight: 500;
    display: flex;
}
.news-item  i {
    color: #6097cc;
}
.news-item h5 {
    font-size: 14px;
    padding-top: 5px;
}
.news-item {
    border-bottom: 1px solid #e7e7e7;
}
.photo
{
    background: url('../image/photo-bg.png') no-repeat;
    background-size: cover;
}
.p-album
{
    position: relative;
}
.p-text {
    position: absolute;
    bottom: 0;
    background: #5d5f51a6;
    width: 100%;   
}
.p-text h5 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    width: 100%;
}
.a-bg
{
    background: url('../image/a-bg.png')no-repeat;
    background-size: cover;
}
.a-items h2 {
    font-size: 46px;
    font-style: italic;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
.a-items:after {
    content: '';
    display: block;
    background: #ea6763;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    margin: 15px auto;
}
h5.school {
    font-size: 24px;
    color: #ea6763;
    font-style: italic;
    padding-top: 10px;
}
.fc-toolbar.fc-header-toolbar {
    padding: 0 20px;
	    margin: 0;
}
.fc-toolbar > * > :not(:first-child) {
    margin-left: 0 !important;
}
.fc-toolbar.fc-header-toolbar .fc-left {    visibility: hidden;   }

.fc-button-primary {
    color: #444 !important;
    background-color: transparent !important;
    border:none !important
}

.fc-button-group > .fc-button {
	width: auto;
    height: auto;
    border: 0;
    border-radius: 100% !important;
    margin: 0;
    line-height: 30px;
    text-align: center;
    padding: 0;
    background: transparent !important;
    color: #8e8e8e !important;
}
.fc-content {
    background: #f2d764;
    border: 1px solid #f2d764 !important;
    border-color: #f2d764;
}

.fc-button .fc-icon {
    font-size: 20px !important;
}
div#calendar .fc-view-container {    background: #f9fef0;  }


.fc-toolbar h2 {
    font-size: 18px;
}
.fc th, .fc td {
   
    font-size: 12px;
    font-family: Alata, sans-serif;
}

.fc td {
	text-align:right;
	    background: #fff;
}

.fc th{
	background:#728ba1;
	color:#fff;
}
.calender
{
    border-bottom: 0;
}
/*------------------------------------*\
	        SUBPAGE
\*------------------------------------*/
.main-bg{
    background: url('../image/subpages-main-bg.png')no-repeat center;background-size: cover;padding: 20px 0;
}

.post-item {
    background: #fff;
    padding: 20px;
    margin-bottom: 25px;
	border-radius:3px;
}

.post-left {
    min-width: 180px;
	    text-align: center;
}

.post-middle {
    padding-left: 25px;
}

.post-middle h4 {
    font-size: 18px;
    font-weight: 800;
	padding-bottom: 8px;
}

a.more-btn {
    display: inline-block;
    padding: 8px 25px;
    white-space: nowrap;
    background: #0abab5;
    color: #fff;
    border-radius: 24px;
    text-transform: uppercase;
	border:2px solid;
	transition:all .3s;
}

a.more-btn:hover{
	background:#fff;
	color:#0abab5;
}

h5.date {
    font-size: 18px;
}

h5.date i {
    color: #676599;
}

h2.title {
    font-size: 35px;
    text-transform: uppercase;
    font-style: italic;
    color: #00388f;
    font-weight: 600;
}


select.custom-dropdown {
    background: #fff;
    padding: 8px 35px;
    border: 2px solid #aaa;
    border-radius: 25px;
	background: #fff url(../image/down.png) no-repeat right 21px center;
	-webkit-appearance:none;
}


.post-right {
    text-align: center;
}

h2.post-title {
    font-size: 28px;
    font-weight: 700;
}


.pagination {    display: block;    margin: 0px;  }
.pagination a {    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    margin: 0 4px;
    color: #999;
 }
.pagination a.active,.pagination a:hover {      color: #003366; }
.pagination a i {    height: 40px;    line-height: 40px; }
.pagination a.link i {
    font-size: 12px;
}


.sidebar > ul >li > a {font-size: 18px;line-height: 23px;color: #000;display: flex; padding: 13px 15px;justify-content: space-between;align-items: center;font-weight: bold;}
ul.side-sub-menu {padding: 10px;display: none;}
.school-event {background: #faeadd;margin-bottom: 15px;}
.s-event-content { padding: 15px;}
.s-event-content p {font-size: 18px;line-height: 23px;font-weight: bold;}
ul.sidemenu {background: #fff;padding-bottom: 30px;margin-left: 20px;}
ul.sidemenu > li > a:hover {background: #c5b3f4;color: #fff;}
ul.sidemenu > li > a > i {color: #69d5d2;}
ul.sidemenu > li > a:hover i{color: #fff;}
ul.side-sub-menu li a {color: #000;font-size: 14px;line-height: normal;}
ul.side-sub-menu li {padding: 0 20px;}
ul.sidemenu > li {border-bottom: 1px solid #ccc;}
h3.sidebar-title {text-align: center; background: #c5b3f4;padding: 10px;font-size: 25px;color: #fff;margin-bottom: 25px;line-height: 30px;}


.thumb-slider .owl-theme .owl-nav {position: absolute;top: 50%;transform: translateY(-50%);display: flex;width: calc(100% + 100px);justify-content: space-between;margin: 0;left: -50px;}
#sync2.owl-theme .owl-nav {font-size: 20px;color: #c6c6c6;}
.d-main h2 {color: #00388f;font-size: 35px;line-height: normal;font-weight: bold;font-style: italic;}
h3.post-title {font-size: 28px;line-height: normal;padding-bottom: 30px;}
h5.top-border:before {content: '';display: block;width: 50px;height: 3px;background: #25bfbe;margin: 0 auto;margin-bottom: 15px;}
h5.date {color: #666666;font-size: 17px;line-height: normal;margin-bottom: 0;}
h5.date i{color: #25bfbe;}
.sub-part h3 {font-size: 19px;font-weight: bold;line-height: 22px;}
.sub-part p {color: #000;font-size: 16px;line-height: 23px;}
#sync1.owl-theme .owl-nav [class*=owl-] {height: 40px;width: 40px;background: #b5b3bf;color: #fff;font-size: 30px;}
a.back-btn {display: inline-block;border: 1px solid #0abab5;transition: all .3s;background: #0abab5;color: #fff;font-size: 22px;padding: 10px 25px;border-radius: 25px;font-weight: 500;}
a.back-btn:hover{color:#0abab5;border: 1px solid #0abab5;background: transparent;}




/*------------------------------------*\
	        MIN WIDTH
\*------------------------------------*/

@media(min-width:1025px){
    
    
}

@media(min-width:992px){
   

.nav_area > ul > li > a{font-size: 17px;    text-align: center;  font-weight: 600;   color: #fff; text-decoration: none; padding: 10px 8px;}

	
.nav_area ul li:hover ul.sub-menu {	display:block;}

.nav_area > ul > li ul.sub-menu {font-size: 16px; font-family: 'Oxygen'; font-weight: 400;  transform-origin: 50% 0;  transform: scaleY(0) translateZ(0);  transition: transform 0.3s, opacity 0.3s; display: block;  }

ul.sub-menu {min-width: 150px;}

ul.sub-menu li ul.sub-menu {    left: 100%;    top: -22px;    width: 100%;  }

.nav_area > ul > li:hover > ul.sub-menu, .nav_area ul.sub-menu > li:hover > ul.sub-menu {   transform: scaleY(1) translateZ(0);   }

.nav_area ul li:hover ul.sub-menu {    display: block; }
	
ul.menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.arrow{display: inline-block; padding-left:5px; font-size: 12px; color: #fff;}


label.toggle {    display: none;  }

.nav_area ul li a img {    vertical-align: middle;	max-width: 20px;    margin-right: 5px;   }

ul.sub-menu li.menu-item-has-children .arrow {    transform: rotate(-90deg);  }

ul.sub-menu > li:hover { background: #142767;}

ul.sub-menu > li:hover > a { color: #fff; text-decoration: none;}

ul.sub-menu > li:hover .arrow{  color:#fff;  }



}


@media(min-width:768px){	
    /*-----------SCHOOL-CALENDER--------*/
    .title-area select {  margin-top: -42px;  }
    .title-area select { margin-bottom: 10px;   }
}
    

@media (min-width: 768px) and (max-width: 991px) { 
   
   
}



/*------------------------------------*\
	        MAX WIDTH
\*------------------------------------*/



@media (max-width:1100px){
    
}
@media (max-width:1200px){

}
   
@media (max-width:1024px){

}


@media (max-width:991px){
	
  

    .header .row {
        align-items: center;
    }
	
	.container { max-width: 100%;  }

	nav.nav_area ul li a{ color: #fff; text-decoration: none;}
	
	ul.menu  { position: fixed;  width: 80%; left: 0; text-align: left; background: #0abab5; z-index: 2;  padding: 15px 10px; z-index: 10; top: 0; height: 100%;left: -100%; transition: all .4s;}
	
	ul.menu.open {left:0;}
	
	.toggle { font-size: 25px; margin-right: 25px; padding: 10px 0; right: 0; text-align: right;  display: block;  z-index: 999;  position: absolute; top: 80px;}

    .nav_area > ul > li{padding: 10px 0;}

	.nav_area > ul > li > a {  font-family: 'Oxygen'; font-weight: 400;   }
	
	.nav_area ul li a {     font-size: 18px; }
	
	nav.nav_area ul li{display:block;     position: relative;    border: 0;}
	
    span.arrow {  position: absolute;  right: 10px;  color: #fff;  width: 40px;  text-align: center;  height: 30px;   }

    .sub-menu span.arrow i:before{ content: '\f105'; }

    span.arrow.close-icon i:before {  content: '\f106';  }

    ul.sub-menu {   display: none; position: relative; background: transparent;  padding: 0; }
	
	ul.sub-menu {    display: none;    position: relative;  	    background: transparent; padding:0; }
	
	ul li .sub-menu li a {    line-height: 14px;  }
	
	ul.sub-menu span.arrow {    right: 20px;    text-align: right;  }
	
	span.arrow.close-icon i:before {    content: '\f106';  }

	ul.sub-menu li.menu-item-has-children  span.arrow.close-icon i:before {    content: "\f106";  }
	
    .nav_area > ul > li > ul.sub-menu{   padding: 0px 5px 0px 0px; font-family: 'Oxygen';}

    .sub-menu span.arrow{ top: 0;  }

	.nav_area ul li > ul li {  display: block; position: relative;  border: 0;  padding: 0 5px 5px 5px; }

   
    .logo {
        order: 2;
    }
    .right-menu
    {
        order:1;
    }
    .r-menu ul li a {
        font-size: 14px !important;
        color: #00589f;
        font-weight: 700;
    }
    ul.sub-menu li.menu-item-has-children .arrow{color:#fff;  padding-left: 0;  }

}


@media (max-width:767px){
    .thumb-slider .owl-theme .owl-nav {max-width: 340px;;left: 0;right: 0;}
    ul.sidemenu {display: none;}
    .f-button {margin-top: 15px;}
    .home-slider img {
        height: 250px;
        object-fit: cover;
    }
    .a-items h2 {
        font-size: 30px;
    }
}



@media (min-width:1100px){
{
.nav_area > ul > li > a{
font-size:16px;
}
}
@media (min-width:1157px){

}