body{
font-family: 'Roboto Slab', serif;

}
p{
font-size:15px;
font-weight:400;
}




.toggle, [id^=drop] {
 display: none;
}
nav {
width:100%;
  margin: 0;
  padding: 0;
  background-color: #182c46;
  z-index:99;
 font-family: 'Amaranth', sans-serif;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}
.logotxt{
text-align:justify;
}
.logotxt img{
height:120px;
width:100%;
}
@media(max-width:767px){
.logotxt img{
height:70px;
width:100%;
}
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
   z-index:99;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
   z-index:999;
  
  background-color: #182c46;
}

nav ul li ul li{
background-color:#fff;
}

nav ul li ul li{
padding:0;
}
nav ul ul{
transition: height 2s;
}
 

nav > ul > li > a {
  display: block;
  padding: 0 10px;
  color: #FFF;
  font-size: 16px;
  line-height: 60px;
  text-decoration: none;
 	
}
nav > ul > li > ul > li > a {
display: block;
  padding: 0 10px;
  color: #333;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
   border-bottom:1px solid #333;
}

@media(max-width:767){
nav > ul > li > ul{
border:none;
}
}
nav > ul > li > ul > li > ul > li > a {
display: block;
  padding: 0 10px;
  color: #FFF;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
   border-bottom:1px solid #fff;
}
nav ul > li > a{
border-left:1px dotted #ddd;
}
nav ul li:hover > a{
color:#fff;

text-decoration:none;
}
nav ul li ul li:hover { background: #000000;
 }
nav ul li ul li:hover >a{
color:#fff;
}
nav ul .active{
background-color: #fff;
}
nav ul .active a{
color: #000;
}
nav a:hover { background-color: #da251c; }

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul li:hover > ul { display: inherit;

 }

nav ul ul li {
  width: 210px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ''; }

li > a:only-child:after { content: ''; }



/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #254441;
  padding: 0 20px;
  color: #FFF;
  font-size: 14px;
  font-weight:bold;
  line-height: 60px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #000000; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}

.mySlides {display:none;}
*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 032 css*/
        .jssorb032 {position:absolute;}
        .jssorb032 .i {position:absolute;cursor:pointer;}
        .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
        .jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
     	 .jssora051.jssora051ds {opacity:.3;pointer-events:none;
		 }
		 @media(max-width:767px){
		 .jssor_1 .txt{
		height:600px;
		 }
		 }
		 
		 .sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}
	#jssor_1{
position:relative;margin:0 auto;top:0px;left:0px;width:1300px;height:500px;overflow:hidden;visibility:hidden;
	}	
	.txt{
	cursor:default;position:relative;top:0px;left:0px;width:1300px;height:500px;overflow:hidden;
	}
	@media(max-width:667px){
	#jssor_1{
	height:700px;
	}
	.txt{
	height:700px;
	}
	}






.principaldesk{
background: linear-gradient(#f7f7f7e3,#d9edf7), url(../img/bg3.jpg)no-repeat center;
    background-size: cover;
    opacity: 1;
    background-attachment: fixed;
    margin-bottom: -20px;
    padding: 50px 0px;
}
.pricipaltxt h3{
text-align:center;
}
.pricipaltxt h3 span{
color:red;
font-size:30px;
text-transform:uppercase;
font-weight:bold;
border-bottom:3px solid #143d61;
padding:20px;
}

.pricipaltxt p{
text-align:center;
}

@media(max-width:667px){
.pricipaltxt h3 span{
	font-size:26px;
}
}

/*----Front--page---Mission----*/
.missionpage{
padding:30px 0px;
}
.pageinner{
border:1px dotted #ddd;
}
.pageinner h3{
background-color:#e7e7e7;
padding:5px;
font-weight:bold;
margin-top:-2px;
}
.pageinner:hover{
box-shadow:4px 5px 6px #e7e7e7,0px 0px 10px #e7e7e7;
}
.pageinnertxt{
padding:10px;
}
.middletxt{
height:250px;
overflow:hidden;
}

@media(max-width:767px){
.missionpage .pageinner{
margin-top:10px;
}
}
/*--Strip----*/
.strip{
padding:0px;
}
.strip > .first{
border-bottom:5px solid #f3d028;
}
.strip > .second{
border-bottom:5px solid #14ea38;
}
.strip > .third{
border-bottom:5px solid #f9762a;
}
.strip > .fourth{
border-bottom:5px solid #25d896;
}
@media(max-width:767px){
.strip > .first{
border-bottom:5px solid #f3d028;
}
.strip > .second, .third ,.fourth{
	display:none;
}
}
/*---footer---*/
footer{
background-color:#002147;
color:#ddddddd1;
padding:20px 0px;
}
.footerinner .footerlink h3 span{
background-color:#ddd;
color:#000;
padding:5px 10px;
border-radius:20px;
}
.footerinner .footerlink ul{
list-style:none;
}
.footerinner .footerlink ul li{
border-bottom:1px dotted #eee;padding:5px;
}
.footerinner .footerlink ul li a{
color:#fff;
}
.address h3 span{
background-color:#ddd;
color:#000;
padding:5px 10px;
border-radius:20px;
}
.footericon h3 span{
background-color:#ddd;
color:#000;
padding:5px 10px;
border-radius:20px;
}
/*----Copyrights----*/
.copyright{
	padding:5px 0px;
text-align:center;
background-color:#cccccc87;

}
.copyright p{
color:#000;
}
.copyright a{
color:#000;
}
.copyright a:hover{
font-weight:bold;
color:#f92929;
}

.back-to-top {
  position: fixed;
  display: none;
  background: #286090;
  color: #fff;
 padding:2px 5px;
  font-size: 40px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: #3EC1D5;
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #3cd6ed;
  color: #fff;
}
/*---Button----*/
.testbtn{
text-align:center;
margin-top:10px;
}
.testbtn a{
border:2px solid #000;
border-radius:20px;
padding:5px 10px;
text-align:center;
color:#000;
text-decoration:none;
font-size:17px;
}
.testbtn a:hover{
	background-color:#183783;
	color:#fff;
}


/*----Gallery-----*/
#gallery {
padding:50px 0px;
}


/*----Contact------*/
.contacttxt{
padding:50px 0px;
}
#contact1.section-header {
  padding-bottom: 30px;
}
.form{
border:1px solid #e7e7e7;
padding:30px 5px;
box-shadow:5px 6px 7px #e7e7e7,0px 0px 5px #e7e7e7;
}
#contact1 .contact-about h3 {
  font-size: 36px;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #007bff;
}

#contact1 .contact-about p {
  font-size: 14px;
  line-height: 24px;
  font-family: "Montserrat", sans-serif;
  color: #888;
}

#contact1 .social-links {
  padding-bottom: 20px;
}

#contact1 .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #fff;
  color: #007bff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  border: 1px solid #007bff;
}

#contact1.social-links a:hover {
  background: #007bff;
  color: #fff;
}

#contact1 .info {
  color: #283d50;
}

#contact1 .info i {
  font-size: 32px;
  color: #007bff;
  float: left;
  line-height: 1;
}

#contact1 .info p {
  padding: 0 0 10px 36px;
  line-height: 28px;
  font-size: 14px;
}

#contact1 .form #sendmessage {
  color: #007bff;
  border: 1px solid #007bff;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact1 .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact1 .form #sendmessage.show,
#contact1 .form #errormessage.show,
#contact1 .form .show {
  display: block;
}

#contact1 .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact1 .form input,
#contact1 .form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border:0px;
  
  border-bottom:1px solid #eee;
}

#contact1 .form button[type="submit"] {
  background: #3d4492;
  border: 0;
  border-radius: 20px;
  padding: 8px 30px;
  color: #fff;
  transition: 0.3s;
}

#contact1 .form button[type="submit"]:hover {
  background: #3a9244;
  cursor: pointer;
}
.border-righttxt{
border-right:2px dotted #e7e7e7;
}
@media(max-width:767px){
	.contacttxt .col-sm-6{
	margin-top:10px;
	}
.border-righttxt{
	border-right:0px;
}

}
/*----addmissionpage-----*/
.addmissionpage{
padding:50px 0px;
}
.addbaneer{
padding:10px 10px;

text-align:center;
background-color:#38fdd961;
border-radius:6px;
}
/*-----Mission----*/
.missiontxt{
padding:50px 0px;
}
}
/*--Scrolling---Text---*/
.scrolling-txt ul li a{
	color:#333 !important;
	
}
.scrolling-txt ul li{
	border-bottom:1px dotted #0787c5;
	margin-bottom:6px;
}
.scrolling-txt ul{
	margin:0px;
	padding:0px;
}
.nd-notice-list ul{
	list-style-type:none;
}
.nd-notice-list ul li a{
	background-color:#185f9d;
	padding:7px 20px;
	color:#fff;
	text-decoration:none;
	margin-left:7px;
}