*{

margin:0px;

padding:0px;

	

}

#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 14px;
  }
  
  #myBtn:hover {
	background-color: #555;
  }

body{

	

	color:#333;

	

	font-size:14px;

	

	font-family: 'Open Sans', sans-serif;

}





h1{

	

	font-size:40px;

}

.odered {
	margin-left: 18px;
}

.comprehensive li{
	padding-left: 18px;
	margin-left: 18px;
	text-align: justify;
}
.comprehensive p{
	text-align: justify;
	padding-left: 18px;
}

.comprehensive strong{
	text-align: justify;
	padding-left: 18px;
}

h2 {

	font-size: 35px;

	color: #232052;

	font-weight: 400;

	margin: 10px 0 10px;

	font-family: 'Courgette', cursive;

	text-shadow: 2px 3px 1px #ccc;

}



.container{

	

	width:1170px;

	float:none;

	margin:0 auto;

	

}



.wrapper{

	

	width:100%;

	float:left;

}



.header{

	

	width:100%;

	

	float:left;

	

}







.left-logo{

	

	width:20%;

	text-align: center;
	/* padding-top: 10px; */

	float:left;

}



.right-logo-text {

	width: 60%;

	float: left;

	margin: 15px 0 0;

	text-align: center;

}



.right-logo-text img {

	max-width: 100%;

}

.right-logo-text span{

	width:100%;

	color:#ff6f00;

	text-align:center;

	float:left;

}



 .left-logo span{

	width:100%;

	color:#ff6f00;

	/* text-align:left; */

	float:left;

	font-size: 10px;

}







.right-logo-text span:hover{

	

	text-decoration:underline

}



.right-logo-text a{

	text-decoration:none;

}



.parent-login {

	width: 20%;

	float: left;

	text-align: right;

	margin:15px 0 0;

	

}







.left-logo img{

	max-width:50%;

	max-height: 105px;

}





.navigation {

	width: 100%;

	float: left;

	background: #232052 !important;

	/* margin:5px 0 0; */

}





.navigation li a {

	font-size: 15px;

	color: #fff;

	text-decoration: none;

	padding: 12px 20px;

	display: block;

}





.navigation li a:hover {

	color: #fff;

	background:#ff6f00;

	transition:.8s;

}

body .cbp-spmenu-left, .cbp-spmenu-push-toleft {

	width: 100%;

}

.navigation li {

	display:inline-block;

	float:left;

	position:relative;

	

}





.navigation li ul.sub-menu {

	display: none;

	width: 300px;

	left: 0;

	right: 0;

	top: 45px;

	position: absolute;

	background: rgba(0,0,0,.8);

	border-top: 4px solid #ff6f00;

	float:left;

	border-radius:0 0 2px 2px;

	z-index:99

}



.navigation li ul.sub-menu2 {

	/* display: none; */

	width: 300px;

	left: 300px;

	right: 0;

	top: 0;

	position: absolute;

	background: rgba(0,0,0,.8) !important;

	border-top: 2px solid #ff6f00;

	border-bottom: 2px solid #ff6f00;

	float: left;

	border-radius: 0 0 2px 2px;

}





.navigation li ul.sub-menu li{



	width: 100%;



}





.navigation li ul.sub-menu li a{

	padding:8px 10px;



}

	



.navigation li:hover ul.sub-menu{

	display:block;	

	}





.navigation li.parent-menu:hover ul.sub-menu2 {

	display: block;



}





.navigation li.parent-menu ul.sub-menu2 {

	display: none;



}





.banner{

	

	width:100%;

	float:left;

}



.banner img{

	

	width:100%;

	float:left;

	height:100%;



}







.pull-top{

	

	margin:30px 0 0;

}





.middle-sec-content{

	

	width:100%;

	

	float:left;

}



.left-sidebar{

	

	width:30%;

	float:left;

	margin-right:5%;

}



.other-links a{

	

	color:#232052;

}



.welcome-gurukul{

	

	width:65%;

	float:left;

	

}

.mission-statement{
	width:50%;

	float:left;

	text-align:left;

	margin-bottom:10px;
}
.mission-text{
	/* padding-left:  10px; */
    line-height: 27px;
	width:  48%;
	float: right;
}

.vision-statment{

	width:100%;

	float:left;

	text-align:left;

	margin-bottom:10px;

}


.mission-statement h4 {

	width: 100%;

	float: left;

	color: #ff6f00;

	font-size: 20px;

	text-align: left;

	font-weight: 400;

	font-family: 'Kavivanar', cursive;

}
.mission-text h4{
	width: 100%;

	float: left;

	color: #ff6f00;

	font-size: 20px;

	text-align: left;

	font-weight: 400;

	font-family: 'Kavivanar', cursive;
}

.vision-statment h4 {

	width: 100%;

	float: left;

	color: #ff6f00;

	font-size: 20px;

	text-align: left;

	font-weight: 400;

	font-family: 'Kavivanar', cursive;

}




.mission-statement p {
	color: #232052;

	font-style: italic;

	font-size: 14px;


}
    

.mission-text p {
	color: #232052;

	font-style: italic;

	font-size: 14px;
}



.vision-statment p {

	color: #232052;

	font-style: italic;

	font-size: 14px;

	padding-bottom: 6px;

	

}



p {

	color: #333;

	font-size: 14px;
	
	text-align:justify;

}

.gover-img {

	width: calc(100% - 86%);

	float: left;

	margin-right: 5%;

}



.gurukul-message{

	

	width:100%;

	float:left;

}



.gover-img img {

	float: left;

	width: 100%;

	/* margin: 0 0; */

	border: 4px solid #fff;

	box-shadow: 0 0 7px #ccc;

	border-radius: 2px;

}



.gurukul-message h5 {

	font-size: 20px;

	font-weight: 400;

	text-align: left;

	color: #232052;

	font-weight: 600;

	padding: 5px 0 30px;

	/* margin: 0 0 20px; */

	background: url(../images/h-botom-line.png) no-repeat scroll left 30px;

}





.inner-page .border-page h2 {

	

	margin: 10px 0 20px;

	border-bottom: 1px solid #ff6f00;

}



.inner-page .border-page {

	

	border:1px solid #ccc;

	border-radius:4px;

	padding:10px;

}



.footer-box2 .footr_links li {

	display: inline-block;

	padding: 0 12px 10px 0;

}

.footer-logo {
	text-align: center;
}


.footer-logo span {

	color: #fff;

	/* width: 100%; */

	/* float: left; */

	text-align: center;

	/* padding: 10px 0 0 60px; */

}

.message-box{

	

	width:100%;

	float:left;

	margin-bottom:15px;

	text-align:left;

}



.other-links {

	border: 1px solid #ccc;

	box-shadow: 0px 0px 4px #ccc;

}

.other-links h3 {

	font-size: 20px;

	font-weight: 600;

	padding: 4px 9px;

	background: #232052;

	color:#fff;

}



.other-links li {

	display: block;

	padding:8px 15px;

}



.other-links li strong{

	color:#ff6f00;

	

}



.item {

	text-align: center;

}



.text-img{

	

	width:100%;

	float:left;

	

}



.item strong {

	color: #232052;

}



.item div {

	color: #ff6f00;

}





.footer{

	

	width:100%;

	float:left;

	background-image:url(../images/footer-bac.png);

	padding:40px 0;

}



.footer-box1{

	

	width:30%;

	float:left;

}



.footer-box2{

	

	width:30%;

	float:left;

}



.map{

	width:38%;

	float:left;

	margin-left:2%;

}



/* .footer-box2 h3 {

	

} */





.footer-box2 h3, .map h3 {

	

	margin-bottom: 10px;

	font-size: 30px;

	font-weight: 400;

	color: #ff6f00;

}



.footer-box2 li{

	

	display:block;

	padding:0 0 10px;

	color:#ccc;

}





.footer-box2 .fa.fa-map-marker, .footer-box2 .fa.fa-phone, .footer-box2 .fa.fa-clock-o {

	font-size: 22px;

	padding: 0 20px 0 0;

	color:#ff6f00;

}



.fa.fa-envelope {

	font-size: 17px;

	padding: 0 15px 0 0;

	color:#ff6f00;

}



.footer-box2 li a {

	color: #999;

}



body .owl-theme .owl-controls .owl-buttons div {

	background: #232052 !important	}

	

	

	

.menu-button

{

	display:none;

	float:left;

	width:100%;

	/* position:relative; */

	z-index:999;

}



.menu-button img {

	width: 99%;

    float: left;

    margin:5px 0 0px 0px;

	cursor:pointer;

	min-height: 25px;
	
	min-width: 21px;

}



#showLeftPush .collapse-close

{

	display:none;

}



#showLeftPush.active .collapse-close

{

	display:block;

}



#showLeftPush.active .collapse-open

{

	display:none;

}

	

.copy-right{

	width:100%;

	float:left;

	text-align:center;

	padding:4px 0;

	border-top:1px solid #f1f1f1

}



.copy-right p{

	font-size:15px ;

	color:#ccc;

	text-align:left;

}



.row{

	width:100%;

	float:left;

}

	

body .cbp-spmenu {

	background: #333;



}

	

	

.inner-page{

	

	width:100%;

	float:left;

}

	

	

.inner-page p{

	

	line-height:20px;

	margin-bottom:10px;

}

	

	

.inner-page h2 {

	font-size: 30px;

	margin: 25px 0 0px;

	border-bottom: 1px solid #ff6f00;

}

	

	

.founder-img{

	

	margin-bottom:15px;

		

}









.inner-page strong span{

	color:#ff6f00

}



.inner-page strong{

	color:#000;

	font-size:15px;

}

	

	

.inner-page h4 {

	color: #232052;

	font-weight: 600;

	font-size: 25px;

	margin: 0 0 5px;

}



a.photo img {

	border-radius: 3px;

	border-bottom: 2px solid #232052;

}



.techer-info {

	width: 100%;

	float: left;

	margin: 0 0 20px;

	border-bottom:1px solid #ff6f00;

}



.techer-info li {

	display: block;

}



.techer-info strong{

	color:#ff6f00;

	

}



.texher-img {

	float: right;

	width: auto;

}



.faculty-sec{

	

	width:100%;

	float:left;

}



.faculty-sec h4 {

	margin: 5px 0 15px;

	background: #232052;

	padding: 5px 0px 5px 10px;

	width: calc(100% - 10px);

	float: left;

	color: #fff;

}



.gallery-page li {

	float:left;

	width: calc(25% - 150px);

	padding:5px 75px 0px;

	display:block;

}



.gallery-page li {

	margin:25px 0 ;

}

.gallery-page li img{

	width: 100%;

	border-radius:5px;

	

	}

	







.gallery-img img {

	margin-bottom: 35px;

	transform: scale(1.3);

	transition: all 0.7s ease 0s;

	/* height: 268px; */

	/* transform: scale(1.3) !important; */

	/* transition: all 0.7s ease 0s; */

	vertical-align: middle;

}

.gallery-img img:hover {

	cursor: pointer;

	transform: scale(1) !important;

	cursor: pointer;

	transform: scale(1);

	/* transform: scale(1) !important; */

	/* cursor: pointer; */

	transform: scale(1);

}

body .banner  .owl-theme .owl-controls {

	margin-top: -32px;

	text-align: right;

	background: rgba(255,255,255,.6);

	width: 100%;

	float: left;

	z-index: 99;

	position: relative;

	padding:5px 0;

}



.marque-sec {

	width: 100%;

	float: left;

	padding: 7px 0;

	background:#232052;

	margin:-1px 0 0;

}

.marque-sec marquee {

	color: #ff6f00;

	font-size: 14px;

}



body .banner .owl-theme .owl-controls .owl-page.active span, body .banner .owl-theme .owl-controls.clickable .owl-page:hover span {



	background:#ff6f00;

}



.read-more-btn {

	color:#ff6f00;

	font-size: 14px;

	text-decoration: none;

	font-style: italic;

	margin: 10px 0;

	display: inline-block;

}



.read-more-btn:hover {

	

	text-decoration:underline;

	

}



body.sign-page{

	

	background:#f1f1f1;

	width:100%;

	float:left;

}

.signin-form{

	width:500px;

	margin:0 auto;

	float:none;

}



.signin-form h1 {

	color: #232052;

	font-size: 30px;

	font-weight: 400;

	margin:40px 0 0;

}



.sign-logo {

	width: 100%;

	float: left;

}



.sign-logo img {

	float: left;

}



.log-in-sec {

	width: calc(100% - 32px);

	float: left;

	border: 1px solid #ccc;

	box-shadow: 0px 0px 10px #ccc;

	padding: 20px 15px;

}



.log-in-sec label {

	width: 100%;

	float: left;

}



.login-input-text {

	width: 98%;

	border: none;

	background: none;

	border-bottom: 1px solid #ccc;

	color: #000;

	font-size: 15px;

	margin: 0 0 24px 0;

}



.sign-btn {

	color: #fff;

	background: #232052;

	border: none;

	padding: 7px 25px;

	font-size: 15px;

	border-radius: 4px;

	float: left;

	cursor:pointer;

}



.forget-password.sign-forget {

	float: right;

}



.forget-password.sign-forget a{

	

	color:#ff6f00;

}







.signin-form h3 {

	font-size: 20px;

	font-weight: 600;

	width:calc(100% - 12px);

	float:left;

	background:#ff6f00;

	color:#fff;

	margin:10px 0 0;

	

	padding: 4px 6px;

}





.footer-box2 p {

	color: #999;

	padding:4px 0 0;

}



.footer-box2 h4 {

	color: #ff6f00;

	font-size: 20px;

	font-weight: 400;

}



.footer-left-links{

	width:90%;

	float:left;

	margin-left:2%;

}

.texher-img {
	float: right;
	width: 18%;
	margin-left: 12%;
}

.texher-img img{
	
	width: 70%;
	padding-bottom: 10px;
	max-height: 110px;


}

.techer-text {
	width: 70%;
	float: left;
}

/************RESPONSIVE CSS START*******/





@media screen and (max-width:1250px){

	

	.container{

		width:94%;



	}

}



@media screen and (max-width:1160px){

.navigation li a {

	font-size: 14px;

	padding: 12px 10px;



}

.mission-statement{
	width: 100%;

}
.mission-text{
	width: 100%;
	float:left;
}



}



@media (max-width: 980px) {
	

.footer-left-links {

	width: 90%;



	margin-left: 5%;

	margin-right:5%;

}

.map {

	width: 32%;

	margin: 5px 2%;

}
.footer-logo img{
	max-width: 75%;
}
.footer {



	padding: 20px 0;

}

}



@media (max-width: 930px) {

.navigation li a {

	padding: 12px 3px;

}





}



@media (max-width: 768px) {

	.footer-logo {
		display: none;
	}
	.map{
		width:50%;
	}

.menu-button

{

	display:block;
	margin-top: 30px;
	width:5%;

}


.mission-statement{
	width: 100%;

}
.mission-text{
	width: 100%;
	float:left;
}

.navigation li {

    display: block !important;

    padding: 0;

	width: 100%;

}



#wprmenu_menu ul li a,  #wprmenu_menu ul li a:hover {

	font-size: 16px;

}



.left-logo {

	width: 20%;

	text-align: center;

}



.left-logo img {

	max-width: 50%;
	margin-top: 15px;

}



.left-logo span {



	text-align: center;



}



.right-logo-text {

	width: 50%;

	float: left;

	margin: 20px 5% 0 0;

}

.parent-login {
	width: 15%;
}

.parent-login img {



	max-width: 100%;

}



.footer-box2 {

	width: 40%;

	margin-right: 0;

}



.gallery-page li {



	width: calc(50% - 80px);

	padding: 5px 40px 0px;

	display: block;

}



.footer {

	padding: 20px 0;

}

.mission-statement{
	width: 100%;

}
.mission-text{
	width: 100%;
	float:left;
}



body .cbp-spmenu-left, .cbp-spmenu-push-toleft {

	 width: 190px !important;

}



}



@media screen and (max-width:650px){
	
.owl-controls {
	display: none !important;
}

.left-sidebar {

	width: 100%;

	float: left;

	margin-right: 0;

}

.left-sidebar{
	display: none;
}

.menu-button{
	margin-top: 15px;
}

.left-logo img {
    margin-top: 2px;
}
.right-logo-text{
	margin: 10px 5% 0 0;
}
.parent-login{
	margin: 5px 0 0;
}
.right-logo-text span {



	display: none;

}

.welcome-gurukul {

	width: 100%;

	/* margin: 10px 0 0; */

}



h2 {

	font-size: 20px;



}

.footer-box2 {

	width: 40%;
	padding-left: 5px;


	/* margin: 10px 5%; */

	/* text-align: center; */

}

.mission-statement h4{
	font-size: 15px;
}
.mission-text h4{
	font-size: 15px;
}

.vision-statment h4 {



	font-size: 15px;

	

}



.pull-top {

	margin: 2px 0 0;

}



.gurukul-message h5 {

	font-size: 16px;



}



.techer-text {
    width: 60%;
    float: left;
}


.texher-img {
    width: 28%;
    
}

}



@media screen and (max-width:550px){
	.footer-box2{
		width: 90%;
	}
	.map{
		width: 90%;
	}

	.menu-button{
		margin-top: 5px !important; 
	}

.gurukul-message h5 {



	padding: 5px 0 15px;

	/* margin: 0 0 20px; */

	background: none;

}

}



@media screen and (max-width:450px){



.right-logo-text span {



	display: none;

}



/* .parent-login {

	width: 100%;

	text-align:center;

	

} */



/* .right-logo-text {

	width: 100%;

	

} */





.signin-form {

	width: 94%;

	

}



.signin-form h1 {

	

	font-size: 27px;



	margin: 10px 0 0;

}



}