@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800|Signika:300,400,600,700');
body{ padding:0; background:#fff; margin:0; font-family: 'Roboto', sans-serif;font-size:14px; color:#333; line-height:22px;}

h1{ font-size:22px; color:#1b1b1b;font-weight:700; text-align:left;margin: 35px 0 15px;}
h1 span{
    display:block;
    font-size:50px;
    font-weight:200;
}
.separater{
	position: relative;
    width: 70px;
    height: 10px;
    background: url(../images/separater.png) no-repeat;
	margin: auto;
    padding-bottom: 15px;}
	
.separater2{
	position: relative;
    width: 70px;
    height: 10px;
    background: url(../images/separater.png) no-repeat;
    padding-bottom: 15px;}	


h2{ font-size:30px; color:#1b1b1b; font-weight:700; text-align:center;margin: 35px 0 15px;}
h2 strong{ color:#ea0918; font-weight:600;}


h3{color: #000!important; font-size:25px;font-family: 'Signika', sans-serif;font-weight:600;margin-bottom:20px;}
h3 span{color: #ed3b3c;}
h4{ margin-bottom:5px;color: #cd3122; font-weight:700; font-size:18px;}

h5{text-align:center; margin:20px;}
h5 span{    background: #252525;
    color: #fff;
    padding: 10px 25px;
	font-size:18px;
	border-left:#05c2bf 4px solid;
	border-right:#05c2bf 4px solid;}

header .top-header{
	font-size:13px;
	background: #333;
    color: #fff;
    padding: 5px 0 7px;
    position: relative;
	-webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;}
header .top-header a{color:#fff;line-height: 30px;}
header .top-header ul{padding:0; margin:0; list-style:none;}
header .top-header li {float:left; margin-left:15px;color:#ccc;}
header .top-header li a{
    color:#ccc; 
    text-decoration:none; 
    line-height: 30px;
    font-size: 15px;}
header .top-header li a:hover{color:#fff;}
header .top-header li i{
    color:#fabd4d;
    padding-right:5px;
}

header .logo{padding:10px 0;}
header .calls{margin-left:15px; margin-top:35px; color:#000; float:left;border: #ccc 1px solid; padding:5px 15px;}

.right{ float:right; margin-top:27px;}
/*#menu{background:#fabe4e; height:69px; position: relative;}*/
#menu{position: absolute;
    width: 100%;
    z-index: 1010;}
#menu:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
#menu:after {
    /*background-color: #fabe4e;*/
    background-color:#cd3122;
    left: -252px;
    -webkit-transform: skew(305deg);
    -moz-transform: skew(40deg);
    -ms-transform: skew(40deg);
    -o-transform: skew(40deg);
    transform: skew(317deg);
}
nav ul {color:#fff;list-style:none;margin:0px; padding:0;}
nav ul li {float:left; text-align:left;background:url(../images/menu-line.html) top right no-repeat;}
nav ul li:first-child {padding-left:0;}
nav ul li:last-child {padding-right:0;background-image:none;}
nav ul li a {display:block;height:69px;line-height:69px;color:#fff;text-transform:uppercase; font-size:14px; font-weight:600;padding:0px 30px;}
nav ul li.active{background:#cd3122;color:#fff; float:right;}
nav ul li.active a{font-size:15px;}
nav ul li a:hover{ background:#333;color:#fff;}
nav li ul{
	position: absolute;
    /*width:170px;*/
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: none;
	z-index: 99999;
  	background:#333;
}
nav li ul li{ float:none; text-align:left; background-image:none;}
nav li ul li a{
  display: block;
  font-size: 14px;
  text-decoration:none;
  height: 45px;
  line-height: 45px;
  color: #fff;
  padding: 0px 15px;
  border-radius:0px;
  border-bottom:#525252 1px solid;
  
  }
nav li ul li a:hover{background:#fabe4e; color:#333;line-height:45px; height: 45px; border-radius:0px;}
nav li:hover ul{display: block;}
				
.slicknav_menu{ display:none;}	

.banner{
	position:relative;
	padding: 130px 0px 110px;
	background-position:center center;
    margin-bottom:25px;
}

.banner:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0, 0, 0, 0.58);
}

.banner:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:7px;
	/*background:url(../images/slider-layer.png) repeat-x;*/
}

.banner h1{
	position:relative;
	color:#ffffff;
	font-size:40px;
	font-weight:600;
	text-align:center;
}


.service{
    width: 33.33333333%;
    background:#fec85e;
    float:left;
    font-size:16px;
    color:#000;
    padding:70px 60px;
    text-align:left;
}
.service a{color:#000;display:block;}
.service a:hover{color:#cd3122}
.service strong{
    display:block;
    font-size:23px;
    line-height:26px;
    text-transform: uppercase;
}
.service span{display:block;
              font-size:18px;
              line-height:16px;
}
.service i{    
    float: left;
    margin-right: 10px;
    font-size: 50px;
    padding-bottom:0px;
    display: inline-grid;
    background: rgb(255 255 255 / 26%);
    padding: 10px;
    border-radius: 50%;
    border: #100f0f 2px solid;
    /*margin-top: -10px;*/
}
.list-style-two{
	position:relative;
	margin-bottom:40px;
    list-style: none;
    padding: 15px 0;
    border: #fdbb3f 1px solid;
    border-radius: 0px;
    background: #ffdea2;
    /*box-shadow:#dedede 0px 5px 6px 4px;*/
}

.list-style-two li{
	position:relative;
	/*font-size:18px;*/
	font-weight:400;
	/*padding-left:55px;*/
	margin-bottom:5px;
	line-height:26px;
    text-align:center;
	color:#333;
}
.list-style-two li strong{font-size:18px;}

.list-style-two li .icon{
	/*position:absolute;
	left:0px;
	top:3px;
	width:35px;*/
	color:#ff4c53;
	font-size:18px;
    margin-right:5px;
	font-weight:400;
	line-height:1em;
	text-align:left;
	/*border-right:1px solid #d7d7d7;*/
}

.list-style-two li .fa-home{
	position: relative;
    top: 3px;
    width: 45px;
    height: 45px;
    color: #ff4c53;
    font-size: 27px;
    font-weight: 400;
    line-height: 43px;
    text-align: center;
    display: block;
    border: #ccc 1px solid;
    margin: 10px auto;
    border-radius: 50%;
}

.call-us ul {
	list-style-type: none;
	line-height: 1.3;	
    padding-left: 0;
}
.call-us ul li {
	display: inline-block;
	font-weight: bold;
	padding: 0 1px;
	vertical-align: top;
	position: relative;
}
/*.call-us ul li:first-child:after {
	content: "";
	background: #d5dce4;
	display: block;
	position: absolute;
	right: -43px;
	width: 1px;
	height: 40px;
}
.call-us ul li:last-child {
	padding: 0 0 0 25px !important;
    line-height: 42px;
}*/
.call-box {
	float: right;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}
.call-box > span {
	display: block;
}
.call-us i {
	font-size: 60px;
	float: left;
	color: #000;
    border: #000 0px solid;
    padding: 0px 10px;
    margin-top: -5px;
}
.call-us ul li {
	font-size:16px;
	color: #000;
	line-height:22px;
	transition: 1s all ease;
	-webkit-transition: 1s all ease;
}
.call-us ul li span{
    display:block;
    font-size: 16px;
    margin-left: 10px;
    line-height: 25px;
}
.call-us ul li strong{
    display: block;
    font-size: 14px;
    font-weight:500;
    line-height: 21px;
    color:#000;
}

.call-us ul li.active a {
    background: #cd3122;
    padding: 12px 20px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 20px;
    display: block;    
}
.call-us ul li a {
	font-size: 30px;
	color: #545454;
	line-height: 1;
	transition: 1s all ease;
	-webkit-transition: 1s all ease;
}
.call-us {
	float: right;
    margin-top: 15px;
}

.Unit{
    float: left;
    margin-top: 45px;
}
.Unit ul{
    padding:0;
    margin:0;
    list-style:none;
}
.Unit ul li a{
    color:#fff;
    font-size:13px;
    line-height:22px;
    font-weight:500;
    background: #cd3122;
    padding:5px 10px;
    margin: 5px 0;
    display: block;
}
.Unit ul li a span{
    font-weight:400;
    font-size:12px;
    color: #ffebc7;
}
.Unit ul li a:hover{
    background:#333;
    color:#fff;}

.Admission{
    float: right;
    padding-top: 32px;
    display:block;
}
.Admission ul{
    padding:0;
    margin:0;
    list-style:none;
}

.Admission ul li.active a {
    background: #cd3122;
    padding: 12px 20px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 20px;
    display: block;    
}
.Admission ul li a {
	font-size: 30px;
	color: #545454;
	line-height: 1;
	transition: 1s all ease;
	-webkit-transition: 1s all ease;
}


.text {
    position: relative;
    font-weight: 400;
	/*font-family: 'Dosis', sans-serif;
	font-size:16px;*/
	line-height:25px;
    text-align:justify;
    color: #000;
    margin-top: 20px !important;
}

.services-section{
	position:relative;
	padding:140px 0px 110px;
}

.services-block{
	position:relative;
	margin-bottom:30px;
}

.services-block .inner-box{
	position:relative;
	text-align:center;
	padding:50px 20px 40px;
	margin-top: 30px;
	border-radius:15px;
	border:2px #b3b3b3 dotted;
    background: #e6e7e8;
	
	display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.services-block .inner-box:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.inner-box:hover, .inner-box:focus, .inner-box:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.inner-box:hover:before, .inner-box:focus:before, .inner-box:active:before {
  opacity: 1;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.services-block .inner-box .icon-box{
	position:relative;
	width:90px;
	height:90px;
	color:#ffffff;
	font-size:38px;
	text-align:center;
	line-height:88px;
	border-radius:50%;
	margin:0 auto;
	background-color:#4a5c92;
}

.services-block:nth-child(3) .inner-box hr{border-top: 1px solid #4fa78e!important;}
.services-block .inner-box .icon-box:before{
	position:absolute;
	content:'';
	left:-7px;
	top:-7px;
	right:-7px;
	bottom:-7px;
	border-radius:50%;
	border:1px dashed #4a5c92;
}

.services-block .inner-box h3{
	position:relative;
	color:#faa954;
	font-size:24px;
	font-weight:600;
	margin-top:22px;
}

.services-block .inner-box h3 a{
	position:relative;
	color:#404040!important;
}

.services-block .inner-box .text{
	position:relative;
	color:#777777;
    font-family: 'Dosis', sans-serif;
	font-size:17px;
	line-height:1.8em;
	margin-top:10px;
}

.services-block:nth-child(2) .inner-box{
	border-color:#b3b3b3;
}

.services-block:nth-child(2) .inner-box h3 a{
	color:#98d14c;
}

.services-block:nth-child(2) .inner-box .icon-box{
	background-color:#4a5c92;
}

.services-block:nth-child(2) .inner-box .icon-box:before{
	border-color:#4a5c92;
}




.services-block:nth-child(3) .inner-box{
	background: #448c78;
    border: #fff 2px dotted;
    border-radius: 15px;
}
.services-block:nth-child(3) .inner-box .text{color:#fff;
}

.services-block:nth-child(3) .inner-box h3 a{
	color:#fff!important;
}

.services-block:nth-child(3) .inner-box .icon-box{
	background-color:#226754;
}

.services-block:nth-child(3) .inner-box .icon-box:before{
	border-color:#a3b1ad;
}



.services-block:nth-child(4) .inner-box{
	border-color:#ff4c53;
}

.services-block:nth-child(4) .inner-box h3 a{
	color:#ff4c53;
}

.services-block:nth-child(4) .inner-box .icon-box{
	background-color:#ff4c53;
}

.services-block:nth-child(4) .inner-box .icon-box:before{
	border-color:#ff4c53;
}

.call-to-action {
    position: relative;
    padding: 60px 0px;
    background:url(../images/cta-bg.jpg) fixed;
    background-size: cover;
	margin: 20px 0 0;
    z-index: 9;
    position: relative;
}
.call-to-action:before {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.call-to-action .inner-container{
	position:relative;
	max-width:1170px;
	margin:0 auto;
	padding:0px 15px;
}

.call-to-action .inner-container .title-column{
	position:relative;
	padding-bottom:20px;
}

.call-to-action .inner-container h3{
	position:relative;
	color:#ffffff!important;
	font-size:30px;
	font-weight:600;
	line-height:1.2em;
}

.call-to-action .inner-container h6{
    font-size:18px;
}

.call-to-action .inner-container .btn-column{
	position:relative;
	text-align:right;
}
.btn-style-one{
	position:relative;
	padding:11px 38px;
	line-height:24px;
	color:#000;
	font-size:22px;
	font-weight:600;
	background: #ababab;
    border: 2px solid #ababab;
	text-transform:capitalize;
	font-family: 'Signika', sans-serif;
	margin-top: 10px;
    display: inline-block;
}

.btn-style-one:hover{
	color:#fff;
	background:#000;
	border-color:#f7bd51;
}




.about-section{
	position:relative;
	padding: 30px 0px 30px;        
}
.about-section h2{
    text-align:left;
}
.about-section:after{
	position:absolute;
	content:'';
	right:10%;
	width:100%;
	height:203px;
	top:0px;
	background:url(../images/background/pattern-1.html) right top no-repeat;
}

.about-section .content-column{
	position:relative;
	margin-bottom:40px;
}


.about-section .content-column .inner-column .sec-title{
	margin-bottom:25px;
}

.about-section .content-column .inner-column .text{
	position:relative;
	margin-bottom:30px;
}

.about-section .content-column .inner-column .text p{
	position:relative;
	color:#777777;
	font-size:17px;
	line-height:1.8em;
	margin-bottom:15px;
}

.about-section .image-column{
	position:relative;
}

.about-section .image-column .image{
	position:relative;
	text-align:center;
}

.about-bg{
         background:url(../images/teaching-school-bg.png);
         color:#333;
         line-height: 25px;
         text-align: justify;
         padding:30px 0px 30px;
}

.btn-info{position: relative;
    padding: 11px 38px;
    line-height: 24px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    background: #cd3122;
    border-radius: 0px;
    border: 2px solid #cd3122;
    text-transform: capitalize;
    font-family: 'Signika', sans-serif;
}

.call-to-action-two{
	position:relative;
	padding: 10px 0px 30px;
	background-size:cover;
	background-repeat:no-repeat;
	/*margin-bottom:30px;*/
}

.call-to-action-two .title-column{
	position:relative;
}

.call-to-action-two .title-column .inner-column{
	position:relative;
	padding-left:90px;
}

.call-to-action-two .title-column .inner-column .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
	margin-bottom:15px;
}

.call-to-action-two .title-column .inner-column h2{
	position:relative;
	font-size:35px;
	font-weight:400;
	color:#ffffff;
	line-height:18px;
	font-family: 'Signika', sans-serif;
}

.call-to-action-two .title-column .inner-column .text{
	position:relative;
	font-size:20px;
	color:#ffffff;
	margin-top:10px;
}

.call-to-action-two .btn-column{
	text-align:right;
	margin-top:12px;
}

.call-to-action-two:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-15px;
	width:100%;
	height:15px;
	/*background:url(../images/layer-1.jpg) repeat-x;*/
}

.call-to-action-two.style-two::after{
	display:none;
}
.Faculties{
    text-align:center;
    margin-top:20px;
}
.Faculties h2{
    font-size:18px;
    margin-top:15px;
}
.Faculties img{
    border-radius:50%;
    overflow:hidden;
    border: #ffa809 1px solid;
    border-bottom: #ffa809 6px solid;
}
.Faculties h2 span{
    font-weight:500;
    font-size:15px;
    display:block;
    line-height:25px;
    color:#636363;
}

.classes-section {
    position: relative;
    padding: 30px 0px;
    background-color: #dcdcdc;
    border-bottom: #ccc 6px solid;
}

.classes-section2{
    background:url(../images/school-texture.png);
    margin:30px 0px 60px;}

.facilities{background:#dad9d9;border-radius:10px;text-align:justify;padding:20px 25px;margin:25px 0;border:#d4d4d4 2px solid; border-bottom:#d4d4d4 5px solid;display: flow-root;}
.facilities h2{font-size:25px;text-align:left;margin-top:0; font-weight:600;line-height:25px;color: #333;}
.facilities .imageright{float:right;margin-left:25px;width:250px;border-radius:10px;}
.facilities .imageleft{float:left;margin-right:25px;width:250px;border-radius:10px;}

.director-box{padding:20px 30px;background:#ececec url(../images/inspiration-geometry.png);border-radius:5px;margin-top:20px;overflow:hidden;border: #d6d6d6 1px solid;
    box-shadow: #bfbfbf 0px 5px 10px 4px;
}

.director-box h2{color:#000;font-size:20px;margin-top:0;}
.director-box .btn-danger {color: #fff; background: #182c2b!important;border:0;padding: 8px 20px;}

.director{border:#333 2px solid;border-radius:5px;padding:5px;margin-right:20px;float:left;}
.principal{border:#333 2px solid;border-radius:5px;padding:5px;margin-left:20px;float:right;}

.banner-logo{position:absolute;z-index:9999;float:right;right: 0;padding: 20px 30px 0 0;}

.director-message{border:#333 2px solid;border-radius:5px;padding:5px;margin-bottom:20px;}
.studentbox{
    background:#f6f6f6;
    margin-top:0px;
    padding-top:100px;
    text-align:center;
}
.studentbox h3{
    font-size:18px;
}
.studentbox h3 span{
    font-weight:500;
    font-size:15px;
    display:block;
    line-height:25px;
    color:#636363;
}
.carousel-control.left{
    background-image:none!important;
}
.carousel-control.right{
    background-image:none!important;
}
.carousel-indicators{
    top:100%;
    bottom:0!important;
}
.carousel-indicators li{
    background-color: rgb(29 29 29 / 58%);
}
#counter{color:#fff;}
#counter h1{color:#fff;
            font-size:40px;
            text-align:center;
            text-transform:uppercase;
            margin-bottom: 50px;
}
#counter h1 span{
    display:block;
    font-size:16px;
    font-weight:400;
    line-height:35px;
}
#counter h2{
    color:#fabe4e;
    font-size: 18px;
    margin-top: 10px;
}
#counter .numberBox span{
    font-size: 18px;
    position: relative;
    margin-top: -37px;
    display: block;
    right: -27px;
}
.carousel-indicators .active{background-color: #1d1d1d;}

.Admissionbox{
    background:#151515 url(../images/Admission-open.png) left no-repeat;
    padding:70px 0 120px;
    color:#fff;
    font-size:18px;
    line-height:25px;
}
.Admissionbox h2{
    color:#f7bd51;
    font-size:40px;
    line-height:50px;
    font-weight:600;
    text-align:left;
}
.Admissionbox h2 span{
    font-size:20px;
    font-weight:500;
    display:block;
    line-height:40px;
}
.Admissionbox p{color:#f7bd51;}
.appbox{float: right;}
.user{
    border-radius: 50%;
    height: 150px;
    width: 150px;
    margin: 30px auto 10px;
    overflow: hidden;
    display: block;
    border: #848284 2px solid;
    padding: 3px;
}
.Vision{
    background: rgb(250 189 76 / 61%);
    padding: 10px 20px;
    text-align: justify;
    border: #ffb325 2px solid;
}
.Vision h3{
    margin-bottom:0;
}

#footer{background:#1d1d1d url(../images/teaching-school-bg.png);border-top: #f7b53b 5px solid; margin-top:0px; padding-top:50px;text-align:left;color:#fff;line-height:25px; font-size:13px;}
#footer strong{font-size:15px;}
#footer h3{ font-size:25px; color:#fff!important; margin-top:10px;margin-bottom: 0;text-transform:capitalize;padding: 0px 0px 10px 0px;display: inline-block; position:relative;}
#footer ul{margin:0; padding:0; list-style:none;}
#footer li a{ display:block; 
              color:#fff; 
              text-decoration:none;
              line-height: 30px;
            font-size: 14px;
            -webkit-transition: padding 0.5s ease 0s;}
#footer li a i{color:#fabd4d;}
#footer li a:hover{color:#fabd4d;padding-left: 10px;}
#footer li i{font-size:15px; padding-right:10px;}
#footer a{color:#fff; font-size:13px;}
#footer .copy-right{font-size:13px; padding:15px 0; margin-top:20px;color:#333;background: #fabe4e; text-align:center;font-weight:500;}
#footer .copy-right a{color:#333;}
#footer .copy-right a:hover{color:#000;}
#footer .copy-right .powerby{float:right;}

/*@media (min-width :  800px) and (min-width : 1080px)  {
    .service strong{font-size:16px;}
    .service span{font-size: 12px;
    line-height: 7px;}
}*/
@media (min-width: 1025px) and (max-width: 1380px) {
  
  .service strong{font-size:16px;}
    .service span{font-size: 12px;
    line-height: 7px;}
    .call-us ul li {font-size: 13px;}
    nav ul li a{padding: 0px 20px;}
  
}
@media (min-width: 769px) and (max-width: 1024px) {
  
  .service strong{font-size:16px;}
    .service span{font-size: 12px;
    line-height: 7px;}
    .call-us ul li {font-size: 13px;}
    nav ul li a{padding: 0px 20px;}
  
}
@media (min-width:200px) and (max-width:768px) 
{

	.slicknav_nav{margin-top:-10px;}
    .slicknav_menu {display: block;margin-top: 17%;}
    .slicknav_nav a{text-transform: capitalize;font-size: 13px;font-weight: 500;color: #333;text-transform: uppercase;}
    .slicknav_nav li {border-bottom: #f7a813 1px solid;}
    header .top-header li a{font-size:11px;line-height: 20px;}
    header .top-header li{margin-left: 7px;}
    .pull-right{width:100%}
    .appbox{float: none;}
    header{background:#fabe4e;}
    header .logo{width:90%;/*top: -30px;*/position: relative;}
    header .top-header a{color:#fff; font-size:12px;}
    .mail{text-align:center;}
	#menu{ display:none;}
    .banner-logo{display:none;}
    .banner{background-size: cover;background-position: inherit;}
    h1{font-size: 28px!important;line-height: 40px;margin-top: 0;}
    h2{font-size:25px;}
	.img-about{ width:100%;}
    .welcome-area{margin-bottom:0;}
    .call-us{display:none;}
    .call-us{float:none;text-align:center;}
    .call-us ul{padding-left:0;}
    .call-to-action .inner-container h3{font-size:25px;font-weight: 500;text-align:center;}
    .Unit{margin-top:39px;float:none;display:block;/*position: relative;z-index: 999;*/}
    .Unit ul li a{font-size: 12px;line-height: 18px;padding: 2px 10px;}
    .Unit span{display:inline-block;}
    .Admission{display:none;}
    .btn-style-one{padding:10px 20px;
                   margin-top: 15px;
                   display: inline-block;}
    .call-to-action .inner-container .btn-column{text-align:center;}
    .call-to-action-two .title-column .inner-column h2{font-size: 30px;line-height: normal;}
    .director-box h2{margin-top:15px;}
    .director{float:none;}
    .service{width: 100%;float:none;padding: 20px;}
    .service strong{
        font-size: 22px;
    }
    .Admissionbox {
        background:#151515;
    }
    .Admissionbox h2{
        font-size:30px;
        line-height: 30px;
    }
    .Admissionbox{
        font-size: 16px;
        padding: 20px 0 50px;
    }
    .studentbox{padding:20px 0 50px;}
    .studentbox img{display:none;}
    .Faculties h2{font-size:30px;}
    #particles-js{
        height:177px!important;
    }
    .facilities .imageright{float:none;margin-left:0;margin-bottom:20px;width:100%;}
    .facilities .imageleft{float:none;margin-right:0;margin-bottom:20px;width:100%;}
}

.blinking{
    animation:blinkingText 1.2s infinite;color: #d1fa54;text-align:center;font-weight:600;font-size:17px;
}
@keyframes blinkingText{
    50%{     color: #ff3b29;    }
    50%{    color: #93ce42; }
    /* 50%{    color:  #ff8300; }
   99%{    color:transparent;  }
    100%{   color: #ff8300;    }*/
}

.blinking-top{
    animation:blinkingTexts 1.2s infinite;color: #fff;text-align:center;font-weight:500;
}
@keyframes blinkingTexts{
    50%{     color: #fff;    }
    50%{    color: #fabd4d; }

}

canvas{
  display:block;
  vertical-align:bottom;
}


/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 480px;
  background-color: #fabe4e;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
}
/*.slicknav_nav a:hover{background: #ff4c3a;}
.slicknav_nav .slicknav_row:hover{background: #ff4c3a;}*/
/* Author Shining Softech */