/*
	Blue:1A85CE
	Red:ea5567
*/

.bluetext{color: #1A85CE !important}
.redtext{color: #ea5567 !important}
#tabstyle li{
	    font-size: 14px;
}
html { box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
*{ outline:none;}
img { border:none;}
a { text-decoration:none!important;}
ul,ol,p { margin:0px; padding:0px; list-style:none;font-size: 16px;font-family: 'Raleway', sans-serif;font-weight: 600;
    color: #333;}
body,html { width:100%; height:100%; margin:0px; padding:0px;}
body{ overflow-x:hidden; font-family: 'Raleway', sans-serif}
.news-all a:hover, .gallery-view a:hover, .kids-view a:hover, .principle-box-r a:hover, .copyright a:hover{ color:#c16708;}
.main-wrapper{ width:100%; float:left;  position:absolute; z-index:9;}
/*common elements*/
.subheading{ width:100%; float:left; text-align:center; font-weight:600; font-size:22px; color:#fff; margin:10px 0; position:relative; z-index:9;}
.subheading h1{font-size:26px;font-family: 'Raleway', sans-serif; font-weight: 600; color: #ea5567;}
.subheading h2{font-size:23px; font-weight: 600; font-family: 'Raleway', sans-serif}
.subheading h3{font-size:18px;font-family: 'Raleway', sans-serif}
.wrapper-main{ width:100%; float:left;}
.wrapper{ width:990px; margin:0 auto;}
.wrapper-in{ width:990px; float:left;}
.heading-b{ width:100%; float:left; text-align:center; color:#0985cf; font-size:22px; text-transform:uppercase; font-weight:400;  margin-bottom:20px; position:relative; z-index:9; margin-top:6px;}
.viewmore {    text-align: center;
    margin-top: 10px;
    background: #0985cf;
    color: #fff;
    border: 0;
    padding: 5px 10px;}
    .viewmore:hover {background: #ea5567;}
.viewmore a{background: #0b66a5; color: #fff; padding: 2px 10px; border-radius: 5px;}

/*Header*/
.top-right-heading{ z-index:1;  position:relative; float: right; height:60px; background:#0985cf; width:76% !important; margin-top:0px;}
.top-right-heading:after{width: 0;height: 0;border-style: solid;border-width: 0 0 60px 33px;border-color:#0985cf  transparent  ; content:""; position:absolute; left:-33px; top:0; z-index:-1;}
.header{ z-index:3;  left:0; width:25%; height:400px;background:#1a85cee6; position:absolute; top:0;margin-left: -120px; -webkit-transform: skew(-29deg); -moz-transform: skew(-29deg); -o-transform: skew(-29deg); -ms-transform: skew(-29deg);-sand-transform: skew(-29deg); }
.header-in{ width:100%; height:100%; float:left; -webkit-transform: skew(29deg);  -o-transform: skew(29deg);   -moz-transform: skew(29deg); -ms-transform: skew(29deg); -sand-transform: skew(29deg);  text-align:right;  }      
.top-right-heading ul{ list-style:none; margin:0; padding:0;text-align: center;}     
.top-right-heading ul li{ display:inline-block; margin:0; padding:0 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s;  -o-transition: 0.4s ; -ms-transition: 0.4s;  transition: 0.4s; -webkit-transform: skew(-29deg); -moz-transform: skew(-29deg);-o-transform: skew(-29deg); -sand-transform: skew(-29deg); -ms-transform: skew(-29deg);} 
.top-right-heading ul li:hover{ background:#094b77;}
.top-right-heading ul li div{     -webkit-transform: skew(29deg); -moz-transform: skew(29deg);-o-transform: skew(29deg); -sand-transform: skew(29deg); -ms-transform: skew(29deg);float: left;} 
.top-right-heading ul li a{ color:#fff; text-transform:uppercase; font-size:14px; line-height:59px; font-weight:600; display:block;}    
.top-right-heading ul li a span{ background-image:url(../images/top-menu-icons.png); background-repeat:no-repeat; width:36px; height:59px; display:inline-block; float:left;}  
.top-right-heading ul li.css:hover {background: none;}
.contactus a span{ background-position:5px 10px;}
.parentportal a span{ background-position:-99px 10px;}
.admission a span{ background-position:-519px 11px; }
.mobileapp a span{background-position:-449px 11px;margin-right:6px; margin-top:-2px;}
.logo_div{ width:307px; float:right; text-align:center; margin-top:20px; margin-right:-90px;}
.logo_div a{ margin:0 auto;}
.header-in { position: relative;}
.side_menu{ width:155px; float:right;clear:both; margin-top:11px; margin-right:17px;}
.side_menu ul{ margin:0; padding:0;-webkit-transform: skew(-29deg); -moz-transform: skew(-29deg);-o-transform: skew(-29deg);-ms-transform: skew(-29deg);-sand-transform: skew(-29deg);}
.side_menu ul li{ border-bottom:1px solid #094b77; position:relative;}
.side_menu ul li:hover > a{ color:#fff; font-size:13px;}
.side_menu ul li a{ color:#fff; font-size:14px; font-weight:600; text-transform:uppercase; line-height:29px; padding-left:15px; padding-right:15px; -webkit-transform: skew(29deg); -moz-transform: skew(29deg);-o-transform: skew(29deg);   -ms-transform: skew(29deg); display:block; width:100%; letter-spacing:1px;}
.side_menu ul li ul{ position:absolute; min-width: 100%;left: 100%; top:0; white-space:nowrap;-webkit-transform: skew(0deg); -moz-transform: skew(0deg);-o-transform: skew(0deg); -sand-transform: skew(0deg); -ms-transform: skew(0deg); display:none; min-width:338px; background:#0985cf; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.44);-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.44);box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.44);}
.side_menu ul li:hover ul{ display:block; -webkit-animation: mymove 0.2s ; /* Chrome, Safari, Opera */ animation: mymove 0.2s;  -moz-animation: mymove 0.2s ; -o-animation: mymove 0.2s ; -sand-animation: mymove 0.2s ; -ms-animation: mymove 0.2s ;}
.side_menu ul li ul li{ width:100%; float:left; border-bottom:none; display:inline-block; z-index:2; padding:0 0 0 4px; text-align:left; position:relative;}
.side_menu ul li ul li a{ color:#fff;font-size:13px;}
.side_menu ul li ul li:hover > a{ color:#fff;font-size:13px;}
.li-images{ position:absolute;-webkit-transform: skew(29.2deg); -ms-transform: skew(29.2deg); -o-transform: skew(29.2deg); -moz-transform: skew(29.2deg);left:100%;  -moz-transform: skew(29.2deg);left:100%; bottom: 28px; z-index:1; display:none; left:100%;margin-left: -59px;}
.side_menu ul li:hover .li-images{ display:block;-webkit-animation: mymove1 0.2s; /* Chrome, Safari, Opera */ animation: mymove1 0.2s;  -moz-animation: mymove1 0.2s ; -o-animation: mymove1 0.2s ; -sand-animation: mymove1 0.2s ; -ms-animation: mymove1 0.2s ;}

.side_menu ul li:hover:before,.side_menu ul li.active:before { width: 100%;}
.side_menu ul li:before{display: block;z-index: -1; position: absolute;left: 0px; bottom: 0px; width: 0; height: 100%; background-color: #094b77; content: ""; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.dropmenu ul.sub-menu li:hover:before,.dropmenu ul.sub-menu li.active:before{ width: 100%;}


.footer{
	background-color: #fff;margin-right: 0;margin-left: 0;padding: 15px 0;
	border-top: 1px solid #ddd;
}
.footer ul li{
    list-style-type: none;
}
.footer ul li a {
    font-size: 13px;
    color: #555;
    font-weight: bold;
}

body>.content{
	min-height:300px;
}
.content{
	background-color: #f7f7f7;margin-right: 0;margin-left: 0;padding-bottom: 30px;
}
/*sidenav*/
.nav-pills{
	background-color: #eee; padding: 10px; border-radius: 5px;
}
.nav-pills>li>a{color: #555}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background-color: #ea5567;
}
.nav>li>a:focus, .nav>li>a:hover{
	background-color: #1a85ce42;
}

@media only screen and (min-width : 767px) {
	.dropmenu ul.sub-menu li:before{display: block; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0; height: 100%; background-color: #11649c; content: "";-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;transition: all 0.5s;}
}
@media only screen and (max-width : 767px) {
.subheading h1 {
    font-size: 21px;
}
	.menu-icons-r{ width: 20px; height: 59px; margin: 0 auto; background: url(../images/menu-icon.png) no-repeat; cursor: pointer; background-position: center; background-size: contain; -webkit-transform: none !important; margin-left: 10px; margin-right: 10px;}
	.viewmore a{ min-width:139px; line-height:18px; text-align:center; display:inline-block; font-size:12px;font-size: 14px;background: #11649c;  border-radius: 5px;}
	.li-images{ display:none!important;}
	.main-wrapper{ width:100%; float:left; height:auto;}
	.main-wrapper{ position:relative;}
	.wrapper-in{ float:left; width:100%; }
	.wrapper{ width:98%;}
	
	/*Header*/
	.top-right-heading ul li a{line-height:14px;font-size:10px;}
	.top-right-heading ul li a span{height: 30px;}
	.admission a span{background-position:-519px -5px}
	.parentportal a span{background-position:-99px 1px}
	.mobileapp a span{background-position:-449px -5px}
	.contactus a span{background-position:5px -5px}
	.menu-icons-r{height: 36px;width:16px;background-position:0px 10px}
	.top-right-heading{float: left; left: 0;margin: 0;width: 100% !important;padding: 0; min-height:37px; height:auto;z-index:0; margin-bottom:0; overflow:hidden;}
	.top-right-heading ul{ text-align:center;}
	.top-right-heading ul li{ margin:0 4px; padding:0;}
	.top-right-heading ul li{ padding:0 6px; margin:0;}
	.header{ width:100%; float:left; height:auto; position:relative; margin:0; transform: skew(0deg); z-index:3; background:none;}
	.header-in{transform: skew(0deg); text-align:left;}
	.side_menu ul li:hover ul{ left:0; top:30px; z-index:999;}
	.side_menu ul li a{ padding-left:10%;transform: skew(0deg);}
	.side_menu{float: left; width: 100%; margin: 0;position: absolute; top: 143px; background:#0a4b77; left:-100%;}
	.side_menu ul{ transform: skew(0deg);}
	.side_menu ul li ul li a{ color:#fff;text-indent: 10px}
	.side_menu ul li:hover ul{ top:0;}
	.side_menu ul li ul{ position:relative;}
	.side_menu ul li{    border-bottom: 1px solid #1a85ce;}
	.side_menu ul li ul li{ border-bottom: 1px solid #1a85ce;}
	.side_menu ul li:active > a,.side_menu ul li:hover > a{font-weight: bold;}
	.dropmenu ul.sub-menu li:before{content: ''; position: absolute; border-right: 2px solid white; border-bottom: 2px solid white; width: 5px !important; height: 5px !important; left: 40px; transform: translateY(-50%) rotate(-45deg); top: 15px;}
	.side_menu_bg{height: 400px; background-color: #0a0a0a5e; content: ""; width: 100%; z-index: 0; position: fixed; top: 0;}
	.menu-icon{display:block;}
	.logo_div{ float:none; margin-right:0 !important; margin:0 auto; width:100%;padding: 10px 10px; background: #1b85cf7d;}
	.headers-in:before{ display:none;}
	.peShiner, .peShiner canvas, .peShiner img { max-width:100%!important;}
}