@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
body{margin:0px;padding:0px;font-size:13px!important;font-family: 'Roboto', sans-serif!important;background:#fff;color:#666; text-align:left; line-height:20px!important;}

h1{ font-size:25px!important; color:#FF0000; line-height:30px; text-decoration:none; font-weight:500; text-align:left; margin-top:0!important;}
h1 strong{color:#0000FD; font-weight:600;}

h2{ font-size:18px; color:red; text-align:left; border-bottom:#3fd83f 0px solid; padding:0; font-weight:600;}
h2 span{ padding:5px 10px; background:#fff; border:#3fd83f 1px solid;margin-top: -25px;position: absolute; margin-left:-40px;}

h3{font-size:20px; margin-bottom:12px;font-weight:500; color:#F00;}
h4{margin-top:20px; font-size:16px; margin-bottom:5px;}

#wrapper-header{ margin:0;text-decoration:none;}
#wrapper-header #logo{padding:0px; padding-left:0px;}
#wrapper-header #logo img{width:190px;}
#wrapper-header .res{margin-left:0px;}
#wrapper-header .res img{margin-left: -40px}
#wrapper-header .res span{ font-size:0px; font-weight:500; color:#fe6700;}
#wrapper-header .res strong{ display:block;font-size:0px;margin-left: 10px; font-weight: normal; color:#000; text-align:center;}
#wrapper-header #right{ 
  float:right;
  color:teal;
  width:100%;
  height: 120px;
  text-align: center;
  padding-top:40px;
  font-weight: 700
}
#wrapper-header #right .media{ float:right; margin-right: 8px; margin-top:0px; font-size:15px; line-height:30px;}

#menu{ width:100%;/*background: url(../images/menu-bg.jpg) top;*/ margin:auto;
  background-image: linear-gradient(skyblue, teal);

}
.mainmenu li a{
  font-style: normal;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
nav ul{ margin:0px; padding:0px; list-style:none;}
nav ul li{
  text-align: center;
  float: left;

}

.slide1{
 max-height: 450px;
}


@media only screen and (max-width: 982px) {
  .logo5{
     display:none;
  }
}


nav ul li a{ 
  display:block; 
  font-size:18px;
  color:rgb(0, 0, 0);
  text-decoration:none; 
  line-height:40px;
  padding:0px 22px; 
  font-weight: 600;
}
nav ul li:last-child{
  border-right:none;
}
nav ul li a:hover{
  color:teal;
  background: white;
}
nav ul li a.active {
  color: teal;
  background: #ffffff;
  font-size: 20px;
}
nav ul li ul{
  position:absolute;
  list-style:none;
  margin:0px;
  padding:0px;
  padding-top:0px;
  display:none;
  z-index:999999999999; 
  background:#fff; 
  font-weight:normal;
}
nav ul li ul li{ 
  float:none!important; 
  background-image:none; 
  width:260px;
  height:40px!important; 
  line-height:40px!important; 
  padding-right:0px; 
  border:0;
}
nav ul li ul li a{
  display:block;
  font-size: 15px;
  padding:0px 15px; 
  height:40px!important; 
  line-height:40px!important;
  border-bottom:solid 1px #6b6a6a;
  font-weight:600;
  background: teal;
}
nav ul li ul li a:hover{
  color:teal;
  background: #f6f6f6;
}
nav ul li:hover ul{
  display:block;
}
.text-image img{
  height: 100px;
  padding:10px 0px;
}
.logotext-image img{
  height: 120px;
  width: 160px;
}

.footer_text{
  color: white;
}

.footer-logo img{
  height: 200px;
  padding: 10px;
}

.footer-menu li {
  padding: 2px;
  display: block;
}

.footer-menu li a{
  font-family: Arial, sans-serif;
  font-style: normal;
  color:whitesmoke;
  font-size:15px;
}

.footer-address h1{
  color:whitesmoke;
  text-decoration: underline;
}
.footer-address h2{
  color: whitesmoke;
}
.footer-address p{
  color: whitesmoke;
  font-size: 15px;
}
.breadcrumb li a{
  font-style: normal;
}

@media only screen and (max-width: 1258px) {
  nav ul li a{
    display:block; 
    font-size:17px;
    padding: 0px 17px;
  }
  .logotext-image{
    width: 100px;
    height: 80px;
  }
}
@media only screen and (max-width: 1000px) {
  .school-quote{
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .logotext-image img{
    width: 200px;
    height: 60px;
  }


  .text-image img{
    height: 80px;
    width: 50%;
  }
}
.inquiry{
  position: fixed;
  bottom: 200px;
  right: 20px;
  z-index: 999;
}

.whatsapp {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 999;
}

.ul-check.primary li:before {
  color: #a3aca6;
  font-size: 15px;
}

.border-2{
  border: 2px solid rgb(133, 211, 196);
  margin: 25px;
  text-align: center;
  background-image: linear-gradient(rgb(222, 226, 167), rgb(238, 134, 134));
  border-radius: 10px;
}
.card-body {
  color: #31637d;
  font-size: 16px;
}

.ul-check li:before {
  left: 0;
  font-size: 20px;
  top: -0.3rem;
  font-family: "icomoon";
  content: "\e5ca";
  position: absolute;
}

.slicknav_menu{ display:none;}

.advisor{ float:right; background:#F00;padding:0px 15px; height:50px; line-height:50px; color:#fff; font-size:16px;}
.advisor a{padding:0px 15px; color:#fff;}

#banner{ width:100%; margin-bottom:30px;}

#leftbox{ background:white; font-size:13px; margin-bottom:20px;border:solid teal}
#leftbox h2{background: teal;margin-top: 0;font-size: 20px;text-align: center;color: #fff;padding: 5px 10px; font-weight:500; border:0;}	
#leftbox .leftbox ul{margin:0px;list-style:none; padding:0;}
#leftbox .leftbox ul li{ border-bottom:#111 1px solid; line-height:30px;font-size:14px;color:#422f01; background:url(../images/icon.png) no-repeat left; padding-left:20px; margin:0 10px;}
#leftbox .leftbox ul li a{color:#fff;text-decoration:none;font-size:14px;padding:0px; display:block;font-family: Arial, Helvetica, sans-serif;font-style: normal;}
#leftbox .leftbox li a:hover{color:red!important;text-decoration:none;}	

.news-scroller{ color:#fff; font-size:13px; line-height:20px; text-align:left; padding:10px;}
.news-scroller .image{background-color: #fff; float:left; margin-right:10px;}	

#ecww-widgetwrapper{margin:25px 0; border:#333 2px solid;}
#ecww-header{ background:#b98406 url(../images/emicalculator.png)!important;}

.our-services{ background:#f7f5f3; line-height:20px; margin-top:25px; text-align:left; font-size:12px; padding-bottom:10px;height: 250px;}
.our-services h3{ background:red;text-align: center; ;border-radius: 10px;line-height:35px; font-size:20px; color:#fff; padding:0 10px; margin-top:0; font-weight:400;}
.our-services .img{float:left; margin-right:10px; margin-bottom:45px;}
.our-services .readmore{line-height:26px; color:#010101; padding-left:10px; margin-left:75px; text-align:right;}
.our-services .readmore a{ line-height:26px; color:#F00;}

#bottom-box{background:#fff;color:#333;margin:25px 15px;overflow:hidden;padding:5px 10px;border:#f9e4c9 2px solid;}
#bottom-box h3{ color:#ff0000; text-transform:uppercase; line-height:25px; text-align:left; font-size:18px;}
#bottom-box .img-right{float:right;}
#bottom-box  ul{padding:0; list-style:none; margin-top:25px;}
#bottom-box  ul li{line-height:30px; border-bottom:#f7e3b5 1px solid;}

.img-right{float:right; margin-left:20px;}

#career{ text-align:left;}
#career h2{ background:#e4a81a; color:#000; padding:5px 10px; font-size:16px;}
#career .career{ border:#ccc 1px solid; padding:10px; padding-bottom:0; margin-bottom:25px;}
#career .career h3{ color:#F00; margin-top:0; border-bottom:#ccc 0px solid; padding-bottom:0px;}

.career-form{ background:#ececea;border:#ccc 1px solid; margin:10px 0; padding:0 15px;}
.career-form h3{color:#000; text-align:center; margin-bottom:20px;}

hr{border-top: 1px solid #bfbfbf!important;}

.secation{ background:url(../images/bg-img2.jpg) top no-repeat; background-size:cover; margin:50px 0;}

ol li{ line-height:22px;}

.element {
  margin: 0 auto;
  background-color: red;
  animation-name: stretch;
  animation-duration: 3s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
  0% {
    transform: scale(.0);
    border-radius: 100%;
  }
  50% {
  }
  100% {
    transform: scale(1.2);
  }
}

.bg-info{background:red!important;color:#fff!important;}
.bg-primary{ background:#3A7CB2!important; font-weight:400!important;}
.btn-danger{padding: 10px 30px!important;font-size: 16px!important; border-radius:0!important;}
.btn-danger:hover{color:#fff!important;background:#333;}

#footer-wrapper{ width:100%; background:#155092; font-size:13px;color:#5e5d5d; padding-top:10px; margin-top:30px;}
#footer-wrapper h3{width: 170px;border-radius: 6px; text-align: center; padding:10px;background-color: red;color:#fff;font-size:22px!important;font-weight:500!important;text-transform: capitalize; border:0;}
#footer-wrapper ul{margin:0px;list-style:none; padding:0;}
#footer-wrapper ul li{color:#422f01; background:url(../images/icon.png) left no-repeat; line-height:20px; padding-left:20px;}
#footer-wrapper ul li a{color:#fff;font-style: normal;}
#footer-wrapper ul li a:hover{color:red!important;}
#footer-wrapper .logo{background:#fff;padding:5px;text-align:center;width:200px;border-radius:10px;} 
#footer-wrapper .help{ margin-top:25px;}
#footer-wrapper .help strong{font-size:22px; color:#fff; line-height:25px;}
#footer-wrapper .help span{display:block; background:red; border-radius:6px; padding:5px; color:#fff; text-align:center; font-size:14px;width:135px; line-height:18px;}
#footer-wrapper .designby {font-size:12px; margin-top:10px;padding: 5px;border-top:#cc981d 1px solid; text-align:center; color:#fff; line-height:25px;}

@media (min-width:769px) and (max-width:968px) {
	 header .logo{width:40%;}
	.slicknav_menu {display: block;}
	 #menu{ display:none;}
	 #banner-bott{display:none;}	 
}
	 
@media only screen and (min-width:200px) and (max-width:768px) {
 .logo-text
 {
  width: 100%;
  margin-left: 10px;
  height: auto;
}
header .logo{width:40%;}
   #right{ display:none;}
  .slicknav_menu {display: block;margin-right: 10px; }
   #menu{ display:none;}
   #banner-bott{display:none;}
   h2{width:100%; border:0;}
   h2 span a{position: initial; margin:0;}
   #main-box{margin-top:10px}
   .income{height:auto;}
   .income2{height:auto;}
   #footer-wrapper{background-image:none;}
   .img-right{float:none; margin-left:0; margin-bottom:20px; width:100%;}
} 


@media only screen and  (width:1024px) {
  .logo-text{
    width: 600px;
    height: 60px;
  }

}