/*  reset  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0 none;padding:0;vertical-align:baseline}
*{margin:0;padding:0;border:0}
.clear{clear:both;width:auto}
html{position:relative;height:100%}
#back-stretch,#back-stretch-constellation{position:absolute;z-index:-2;width:100%;height:100%}


body{background:#f5f5f5; color: #818181;font-family: 'Roboto', sans-serif; padding:0; position:relative;margin:0;height:100%;width:100%;-webkit-font-smoothing:antialiased;}


/*basic*/
.wrapper{margin:0 auto;overflow:hidden}
a{text-decoration:none;outline:none}
a:hover, a:focus{outline:none;outline-offset:0;text-decoration:none}
p{ line-height: 22px; margin-bottom: 18px; }

.main section{overflow:hidden}
.border{background:rgba(255,255,255,0.6);display:block;height:3px;margin:30px 0;width:50px;border-radius:10px}
.display-none{display:none}
.opacity-1{opacity:1!important}
.opacity-0{opacity:0!important}
.visible{visibility:visible}
.invisible{visibility:hidden}
.lft{ text-align: left }
.bold{ font-weight: 500 }


/*colors*/
.grey{ color: #818181 }
.red{ color: #E0001B }
.brown{color: #AB4A22}
.green{ color: #497936 }
.blue{color: #297EB0}
.orange{color:#F76B1C}
.white{ color: #fff !important; }

/*margin-padding-heading-ul*/
h2,h3,h4{ font-size: 22px; font-family: 'Roboto Slab', serif;   }
.lister{ margin:0; padding: 0; list-style: none;  }
.lister li{ margin-bottom: 6px;}
.disc li{ list-style: disc ; margin-left: 20px; }
.p-0{ padding: 0 }
.fs18{ font-size: 18px } 
.p-20{ padding: 20px; }
.p-l-10{ padding-left: 10px; }
.p-l-5{ padding-left: 5px; }
.m-b-30{ margin-bottom: 30px }
h2{ margin-bottom: 20px; }


/*Menu*/
.menu{ background-color: rgba(255,255,255,0.6); border-bottom: 1px solid #fff; position: fixed; width: 100%; z-index: 999999999; height: 70px;
  -webkit-box-shadow: 4px 2px 5px -2px rgba(0,0,0,.115);
-moz-box-shadow: 4px 2px 5px -2px rgba(0,0,0,.115);
box-shadow: 4px 2px 5px -2px rgba(0,0,0,.115);}

.inner{ background-color: rgba(255,255,255,0.8) } 

.toggle-button { position: fixed; top: 8px; right: 15px; margin: 15px 15px 8px 0; height: 20px; width: 35px; cursor: pointer; z-index: 3;}
.bar { background-color: #E0001B; display: block; width: 100%; height: 5px; border: 0; -webkit-transition: all .35s ease; transition: all .35s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.20);}
.bar + .bar { margin-top: 4px;}
.middle { top: 11px;}
.bottom { top: 22px;}
.toggle-button:hover { opacity: .7;}
.toggle-active .bar { background-color: #fff;}
.toggle-active .top {-webkit-transform: translateY(6px) translateX(0) rotate(45deg);}
.toggle-active .middle { opacity: 0;}
.toggle-active .bottom {-webkit-transform: translateY(-12px) translateX(0) rotate(-45deg);}
.overlay { position: fixed;top: 0; left: 0; width: 100%; height: 0; visibility: hidden; opacity: 0;-webkit-transition: opacity .35s, visibility .35s, height .35s;
background: linear-gradient(230deg,#a24bcf,#4b79cf,#4bc5cf, #FAE937, #F76B1C);
  background-size: 400% 400%;
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


.nav-active { opacity: 1; visibility: visible; height: 100%;}
.overlay ul { display: block; position: relative; top: 20%; left: 0; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 400; text-align: left; list-style: none; padding: 0;width: 300px;
    margin: 0 auto; border-left: 1px solid #fff; padding-left: 20px;}
.overlay ul li { display: block;}
.overlay ul li a { color: #fff; text-decoration: none; margin-top: 10px; display: block}
.overlay ul li ul{ margin-left: 20px; font-size: 16px }

.overlay ul li.active a{ color: #000 }
.overlay ul li.active ul li a{ color: #fff }
.overlay ul li.active ul li.act a{ color: #000 }


/*Logo*/
.logoarea{margin-top: 10px; position: fixed; left: 30px; }
.logoarea a{ text-align: left; color: #818181 !important; font-size: 16px; line-height: 26px; font-family: 'Roboto Slab', serif; text-shadow: 0 2px 4px rgba(0,0,0,0.20); }
.logoarea span{ color: #E0001B; font-size: 22px }


/*About*/
.about-content{background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12); border-left: 2px solid #E4001B; margin-top: -100px; padding: 10px 20px 20px; margin-bottom: 40px;  }
.more{background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12); width:80px;  position: absolute; right:20px  }
.more a{color: #E0001B; font-size: 16px; padding: 8px 15px; display: block }

/*BG*/
.bg-grey{background:#f5f5f5; padding-top: 60px; }
.bg-grey > div{width: 70%; margin: 0 auto;  }
.bg-white{background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12); }
.grey-inner{ margin-bottom: 60px; }

/*Round-icon*/
.outer-box{ padding: 20px;padding-bottom: 10px; margin-top: 60px;}
.round-ic{ display: block ; border-radius: 50%; padding: 20px; width: 150px; height: 150px; text-align: center; margin:0 auto; }
.round-ic p{ text-align: center; color: #f5f5f5}

.pink-gr{ background-image:linear-gradient(-146deg, #726ABC 16%, #EF9BFD 100%);box-shadow: 0 0 13px 0 #E397F7; }
.pink-gr:hover{ background-image: linear-gradient(-146deg, #EF9BFD 16%, #726ABC 100%);}
.pink-gr img{ width: 65% !important }

.green-gr{
background-image: linear-gradient(-132deg, #66BF49 6%, #BED843 67%, #FAE937 100%);
box-shadow: 0 2px 13px 0 #B2C419;}
.green-gr:hover{
background-image: linear-gradient(-132deg, #FAE937 6%, #66BF49 67%, #BED843 100%);
box-shadow: 0 2px 13px 0 #B2C419;}
.green-gr img{ width: 60% !important; padding-top: 20px; padding-bottom: 10px; }

.orange-gr{
background-image: linear-gradient(46deg, #FAD961 0%, #F76B1C 98%);
box-shadow: 0 2px 13px 0 rgba(248,149,54,0.63);}
.orange-gr:hover{
background-image: linear-gradient(46deg, #F76B1C 0%, #FAD961 98%);
box-shadow: 0 2px 13px 0 rgba(248,149,54,0.63);}
.orange-gr img{ width: 55% !important; padding-top: 6px; padding-bottom: 3px; }




/*footer*/
footer{ background: #eee; padding: 15px 15px 5px }
footer a{ font-size: 13px; color: #999; padding: 5px 10px; }



/*Loading*/
.globload{background:#fff;width:100%;height:100%;position:fixed;z-index:100000;bottom:0;left:0;top:0;right:0}
.globload img{display:block;margin:auto;margin-bottom:20px}
.spinner{font-size:10px;height:50px;width:200px;text-align:center}
.ball-anim{width:130px;height:70px;padding-top:10px;margin:0 auto}
.loading span{display:inline-block;vertical-align:middle;width:.6em;height:.6em;margin:.2em;background:#007DB6;border-radius:.6em;-webkit-animation:loading 1s infinite alternate;-moz-animation:loading 1s infinite alternate}
.loading span:nth-of-type(2){background:#008FB2;-webkit-animation-delay:.2s;-moz-animation-delay:.2s}
.loading span:nth-of-type(3){background:#009B9E;-webkit-animation-delay:.4s;-moz-animation-delay:.4s}
.loading span:nth-of-type(4){background:#00A77D;-webkit-animation-delay:.6s;-moz-animation-delay:.6s}
.loading span:nth-of-type(5){background:#00B247;-webkit-animation-delay:.8s;-moz-animation-delay:.8s}
.loading span:nth-of-type(6){background:#5AB027;-webkit-animation-delay:1s;-moz-animation-delay:1s}
.loading span:nth-of-type(7){background:#A0B61E;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s}
@-webkit-keyframes loading { 0%{opacity:0} 100%{opacity:1} }
@-moz-keyframes loading { 0%{opacity:0} 100%{opacity:1}}
.spinner p{font-family: 'Roboto', sans-serif;font-weight:400;font-size:1em;letter-spacing:.2em;color:#5AB027}



.contact-outer{ padding-bottom: 80px; }

.jumbotron{ margin:0 !important; padding: 0 !important; }



@media (min-width: 980px) and (max-width: 1280px) {
 
}

@media (min-width: 980px) and (max-width: 1100px) {
 .bg-grey > div{width: 90%; margin: 0 auto;  }
}


@media (min-width: 768px) and (max-width: 979px) {
 .bg-grey > div{width: 95%; margin: 0 auto;  }
}



@media (max-width: 767px) {
.bg-grey > div{width: 95%; margin: 0 auto;  }

.bg-grey{padding-top: 30px; }
.no-small{ display: none; }

.jumbotron .abtimg{ padding-top:70px !important; }


}

















/*Edited by Jagan */

.logoarea span{
font-size: 22px !important;
}

@media (max-width: 767px) {
	.logoarea span {
	    font-size: 13px !important;
	}
}