@charset "utf-8";
/* CSS Document */


.cl{ clear:both;}
.headerleft .menu ul, .gallery ul{ margin:o auto; padding:0px;}
.mx_width{ margin:0 auto; width:980px;}

body{ margin: 0 auto; padding:0px; background:url(../images/bg.png) repeat top left; font-family: 'Lato', sans-serif;}

a {-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.header{ padding:25px 0px 16px 0px;}
.headerleft span{ font-size:30px; color:#FFFFFF; padding:30px 0px; font-weight:normal; display:block; 
    
    } 
.headerleft{ float:left;}
.headerleft .menu{}
.headerleft .menu ul li a{ text-decoration:none; color:#fff;  padding:12px 16px; border-radius:8px;  border: solid 1px #837474; font-size:14px; font-weight:bold; display:block;}
.headerleft .menu ul li a:hover{ background: #d51821; color:#FFFFFF; border: solid 1px #d51821;}
.headerleft .menu ul li.act a {background: #d51821; color:#FFFFFF; border: solid 1px #d51821; }
.headerleft .menu ul li{ list-style:none; float:left; margin:0px 8px 10px 8px;}
.headerleft .menu ul li:first-child{ margin:0px 10px 10px 0px;}
.headerright{ float:right; padding-right:10px;}



.banner{ padding:25px 12px; background:#d51821; border-radius:8px; position:relative;}
.advertise{ float:left; }
#slideshow{ float:left; margin-left:15px;}
.slogn{ position:absolute; left:21px; bottom:24px; padding:19px 24px; width:93%; background-color: rgba(34, 41, 45, 0.8);  color:#FFFFFF; font-size:18px; }

.addbanner { text-align:center; padding:15px 0 ;   }
.addbanner img  {border-radius:15px;}
.latestevents{ float:left; padding:20px 20px; width:297px; border: solid 2px rgba(131, 116, 116, 0.38); border-radius:8px; }
.title, .ouraboutleftpart{ font-size:25px; color:#FFFFFF; font-weight:bold; padding:0px 0px 12px 0px;}
.date{ font-size:12px; color:#FFFFFF;} 
.title2 { padding:15px 0 ;}
.newslisting { font-size:16px; color:#9a9a9a; border-bottom:solid 2px rgba(255, 255, 255, 0.2); margin-bottom:12px;  padding-bottom:12px;}
.newslisting  a  { color:#9a9a9a; text-decoration:none;}
.viewallevents a{ text-decoration:none; color:#d51821; font-size:14px;}
.viewallevents{padding-top:5px;}
.date2{ padding-top:24px;}

.ouraboutright{ float:right; width:100%; padding:24px 20px;   border: solid 2px rgba(131, 116, 116, 0.38);  border-radius:8px; background:rgba(0, 0, 0, 0.3);}
.ouraboutleftpart{ float:left;  padding-bottom:0px; width:50%;}
.ouraboutleftpart p{ font-size:15px; line-height:30px; font-family: 'Raleway', sans-serif; font-weight:100; margin:0px; padding:5px 5px;}
.ouraboutrightpart{ float:right;}
.readmore a{text-decoration:none; color:#d51821; font-size:14px; font-weight:100;}

.facilites{ padding:33px 0px; }
.facilites .title{font-size:25px; color:#FFFFFF; font-weight:bold; padding-bottom:20px; border-bottom:solid 1px #FF0000; margin-right:60px;}
.gallery{ padding:16px 0px 0px 0px;}
.gallery ul li img{ border: solid 5px #000000;}
.gallery ul li{ list-style:none; float:left; padding:0px 0px 0px 8px;}
.gallery ul li:first-child{ padding-left:0px;}

.footer{ padding:20px 0px; border: solid 1px #5d5d5d;}
.footer{ border-left:none; border-right:none;}
.footermenu{ float:left;}
.footermenu ul li a{text-decoration:none; color:#FFFFFF; font-size:13px;}
.footermenu ul li a:hover{ color:#d51821;}
.footermenu ul li { list-style:none; float:left; padding:0px 12px; border-left:double #FFFFFF; line-height:15px;}
.copyright{ float:left;}
.footermenu ul li:first-child{ padding-left:0px; border:none;}
.footermenu ul{ padding:0px; margin:0px;}
.copyright{ float:left; color:#9f9f9f; font-size:13px;}

.footrpart{ padding:5px 0px 13px 0px;}
.footerlogo{ float:left;}
.desionby{ float:right; color:#9f9f9f; font-size:13px; padding-top:5px;}



.latestevents-fr{ padding:24px 20px; border: solid 1px #5a5a5a; border-radius:8px; margin: 0 0 24px 0px;}
.ouraboutright-fl{ float:left; width:610px; padding:24px 20px;  border: solid 1px #5a5a5a; border-radius:8px; margin:24px 0px 30px 0px; background:url(../images/aboutbg.jpg) repeat top left;}

.ouraboutschool{font-size:25px; color:#FFFFFF; font-weight:bold; padding:12px 0px;}
.ouraboutschool p{font-size:15px; line-height:30px; font-family: 'Raleway', sans-serif; font-weight:100; margin:0px; padding:5px 5px; text-align:justify;}



.photogallery{ font-size:30px; color:#FFFFFF; padding:0px 0px 15px 0px; border-bottom: solid 1px #5d5d5d; margin-bottom:20px;}

.contact-fl{padding:24px 20px;  border: solid 1px #5a5a5a; border-radius:8px; margin:24px 0px 30px 0px; background:url(../images/aboutbg.jpg) repeat top left;}

.contactus{ width:321px; float:left;}
.address{ font-size:14px; color:#FFFFFF; line-height:25px;}
.address span{font-size:16px; color:#FFFFFF; font-weight:700;}


.econtact{ padding:37px 0px;}
.phone { padding:20px 0px; line-height:30px;}
strong , a { color:#d51821;}
.phone, .email{font-size:15px; color:#FFFFFF;}
.phone span, .email span{font-weight:bold;}



.requstform{ float:left;  padding:0 0 10px 200px;}
.row { color:#eae0e0; padding:10px 0px; overflow:hidden}
.row span{ float:left; padding:5px 0px;}
.row  .namebox{ padding:8px; width:55%; background:none; border: solid 1px #736666; border-radius:5px; color:#CCCCCC; float:right;}


.btn{ background:#d51821; color:#FFFFFF; padding:10px 20px; border:none; border-radius:5px; font-size:14px; float:left; margin:0px 2px; cursor:pointer;}

.button{ padding:30px 0px; float:right;}
.nav { position:absolute; right:10px; top:40px; z-index:10000;}
.nav a{ background:url(../images/arrow.png) no-repeat left top; width:52px; height:52px; display:block; text-indent:-9999px; float:left; margin-right:10px;}
.nav a#next2 { background-position:-61px 0;}
.content_left { width:68%; background-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); border: solid 2px rgba(131, 116, 116, 0.38);  border-radius:8px; padding:20px; min-height:460px; }
.fl { float:left;}
.fr { float:right;}
.content_right { width:30%;}

.content_in { padding-bottom:30px; margin-top:30px;}
.contentpart { margin:24px 0;}
.content_right .latestevents { float:none; margin-bottom:20px;}

.content_full {	background-color: rgba(0, 0, 0, 0.25); overflow:hidden; padding:30px; margin-bottom:30px; -webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px; }

.gallery a { text-decoration:none;}
.photo_gallery_holder ul { margin:0px;}
.photo_gallery_holder  li { float:left; width:28%; margin:0 5% 0 0; height:240px; text-align:center; list-style:none;}
.photo_gallery_holder  li img { width:100%;}
table {padding:15px;}
table input , table textarea, table select{ background:#424242; padding:10px; border:solid 1px #303030; margin-bottom:10px; color:#fff;}
table strong , table { color:#727070;}
.advertise a, #menu-toggle { display:none;}


@media (max-width:999px){
#slideshow2 { overflow:hidden; padding-bottom:20px; }
#slideshow2 ,#slideshow2 img { height:485px !important; width:100% !important}
.slogn { display:none;}
}


@media (min-width:768px) and (max-width:999px){
.mx_width{ margin:0 auto; width:750px; }
.headerleft .menu ul li a{ padding:30px 5px;}
.headerright{ float:right; padding-right:0px; width:15%;}
#slideshow{width:98% !important;}
.slider, .slider img{ width:100%;}
.advertise{ height:223px; overflow:hidden;}
.latestevents{ width:100%; padding:10px; text-align:center;}
.ouraboutright{ width:65%;}
.ouraboutleftpart{ width:50%;}
.ouraboutleftpart p{ line-height:22px;}
.ouraboutrightpart, .ouraboutrightpart img{ width:50%;}
.ouraboutrightpart img{ width:100%;}
.footermenu ul li{ padding:0px 10px;}

}

@media (max-width:999px){
.mx_width{ margin:0 auto; width:90%;}
.homeimg{width:100%;}
.header, .headerleft{ width:100%; float:none; padding:0px !important;}
.headerleft span{ font-size:20px; text-align:center; padding:20px 0 ; } 

.mainheadimg img{ width:100%; height:100%;}
.aboutsc img{width:100%}
.photo_gallery_holder  li { float:left; width:28%; margin:0 2% 5px 3%; height:auto; text-align:center;}
.requstform .row{width:100%;}

.admission .span12 .span1 .span2{width:100%;}
.logo1 img{width:100%;}
#menu-toggle { background:#1DBB84 url(../images/menuicon.png) no-repeat right center; color:#fff; padding:10px; display:block; -webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px; margin-top:00px; text-decoration:none; text-transform:uppercase;}
#menu { display:none;}
.advertise  img { display:none;}



.advertise a { display:block; width:100%; background:url(../images/addbanner-mobile-1.jpg) no-repeat left top; background-size:100% 100%; height:189px; text-indent:-99999px;}
.headerleft .menu ul li:first-child, .headerleft .menu ul li{ float:none; width:100%; margin:0px 0px 5px 0px ;}
#menu.open { display:block;}
.headerleft .menu ul li  a { padding:10px; }
.headerleft .menu ul li.act a { background:none; color:#FF0000}
.headerright { float:none; padding:10px 0px; margin:0px auto; text-align:center; }
.headerright  a { text-align:center; width:100%; display:block;}
.advertise{ float:none; text-align:center;}
.advertise img{ width:100%;}
#slideshow { width:100%; padding:0; margin:0;}
.slider, .slider img{ width:100%;}
.facilites { display:none;}
.footermenu ul li { float:none; width:100%; border:none; padding:15px 0 ;}
.innerimg { width:100%;}
.content_left , .content_right, .photo_gallery_holder  li, .requstform { float:none; width:100%; padding:0px; margin:0px;}
.ouraboutschool p,.title2{ padding:15px;}
.headerright img { height:100px;}
.TabbedPanelsTab { padding:10px !important; font-size:12px;}
.latestevents{ width:100%; text-align:center;}

.nav { bottom:30px; top:inherit;}
.ouraboutright{width:100%; text-align:center;}
.ouraboutleftpart{ width:100%; float:none;}
.ouraboutrightpart { float:none;}
.slick-slide { float:none;}
 .addbanner img  { height:auto;}

}