a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

mark, rp, rt, ruby, summary, time {display:inline;}

input, textarea {border:0; padding:0; margin:0; outline: 0;}

iframe {border:0; margin:0; padding:0; width:100%; height:2150px;}

input, textarea, select {margin:0; padding:0px;}



/* ------------------Font---------------------- */



/*Add your font at here*/



/* ------------------Style--------------------- */

html, body {width:100%; padding:0; margin:0;}

body {background: url(../images/maxresdefault.jpg); color: #474747; font: 14px/25px Arial, Helvetica, sans-serif;}



a {color: #474747;text-decoration: none;}

a:hover {color: #DA251D;; text-decoration: none;}



a.button {cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}

a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}

a.button:hover {}



.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



/* ------------------Header-------------------- */

header {height:auto; background:#FFFFFF; padding-bottom:20px;}

header .wrap-header {height: auto; padding-top:30px;}



header .logo {float:left; width: 25%;}



#asha_header {margin: 0; width: 70%!important; height: auto; float: left;}

#asha_header div {margin: 0 auto; width: 100%!important; height: auto; text-align: center; font: bold 35px 'Alegreya Sans SC', sans-serif; color: #330099;}



.right-panel {float: right; height: auto; margin: 0; width: 20%;}

.login-list {float: right; padding: 0; margin: 0; list-style: none;}

.login-list li {color: #ff4500; margin-bottom: 10px;}



header #search {position: absolute;top: 50px; right:0px; width: 258px; z-index: 15;}

header .button-search {position: absolute;	left: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px;	height: 24px;	border-right: 1px solid #CCCCCC;	cursor: pointer;}

header #search input {background: #FFF;	padding: 1px 1px 1px 33px;	width: 222px;	height: 21px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;-khtml-border-radius: 3px;	border-radius: 3px;}



/* ------------------Navigation---------------- */

nav {margin-top:0px; background: url(../images/m_bg.png) repeat; background-color: #0175dc; width:100%;}

nav .wrap-nav {height: auto;}



.menu {width:81%; float:left;}

.menu ul {list-style: none;margin: 0;padding: 0;}

.menu  ul li {position: relative;float: left;padding: 10px 11px;}

.menu  ul li:hover {background: #0168c7;}

.menu  ul li a {font-size:14px; color:#FFFFFF; display:block; padding:6px 10px; z-index: 6; position:relative; font-weight:600; text-transform:capitalize; text-decoration:none;}

.active {background: #0168c7;}

.sub_menu {margin: 0px!important; opacity: 0; visibility:hidden; position:absolute; top:53px; left:0; z-index:999; background:#0175dc; transition: all .2s ease-in-out;}

.menu li:hover > ul {opacity:1; visibility:visible; margin:0;}

.sub_menu li a { width:163px;}

.sub_menu li a:hover {color: #FFFF00!important;}



.minimenu {display:none;}

.minimenu {position: relative;margin: 0px;background:#0168c7;}

.minimenu div {overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}

.minimenu select {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: pointer;}



.donate {float:left; width:11%; margin-top: 18px;}

.donate a {color:#FFFF00; font: 15px Arial, Helvetica, sans-serif; font-weight:600; padding:18px 40px; background:#0168c7;}

.donate a:hover {color:#FFFFFF; text-decoration:none;}

/*.donate::after {clear: both; content: ""; display: block; border-top: 35px solid transparent; border-right: 20px solid #555; border-bottom: 35px solid transparent; position:relative; right:142px; top:-10px;}/*



/* ------------------Featured---------------- */



.featured {margin:0px auto; width:100%}

.featured .wrap-featured {background:#333;}

.featured .wrap-featured .slider {padding: 10px;}



#news {width:100%; background:#f8e0dc; height:55px;}

.news {width:88%; height:auto; padding:0px; margin:0 auto;}



/* ------------------Content------------------- */

#content {background:url(../images/gb.png) repeat;}

#content .wrap-content{background:none;}



.v_line {width:50%; height:2px; background:#b6cfe5; margin:25px auto;}

.instructor {text-align: center; padding: 0px; margin-bottom: 0px;}

.instructor .image {border: 5px solid #FFFFFF; width: 95%; height: 95%; padding: 12px; margin: 58px auto; -ms-border-radius: 50%; -webkit-border-radius: 50%;

border-radius: 50%;}

.img-responsive {width: 100%; -ms-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

.img-responsive:hover {transform: scale(1.2);}



.block01 {margin:1px 10px; padding:30px 25px;}

.block01 h2 {text-align:center; font-size:30px; line-height:45px; font-weight:600; color:#0168c7; text-transform:uppercase; background:url(../images/tb.png) repeat;}

.block01 p {font-size:13px; text-align:justify; line-height:24px; padding:0 10px;}

.block01 a {color:#DA251D;}



.block02 {margin:20px 10px; text-align:center;}

.block02 h2 {font-size:23px; line-height:30px;}

.block02 p {font-size:16px; padding:0 10px;}



.block03 {margin:20px 10px;}

.block03 h2 {font-size:23px; line-height:30px;}

.block03 img {float:left; margin:0px 10px 10px 0px;}



.block04 {margin:20px 10px; padding:30px; border-top:1px dashed #CCC;}

.block04 p {font-size:20px; text-align:center; line-height:25px; padding:0 10px;}



h3 {color: #ce0b13!important; margin: 0px; font: 22px 'Alegreya Sans SC', sans-serif!important; border-bottom: 1px solid #f0c8c7; padding-bottom: 5px; margin-bottom: 10px;}

h4 {color: #ce0b13!important; margin: 0px; font: 17px 'Alegreya Sans SC', sans-serif!important; border-bottom: 1px solid #f0c8c7; padding-bottom: 5px; margin-bottom: 10px;}

.contDIV_left, .contDIV_right {float: left; width: 50%; height: auto; padding: 0px 20px;}

input[type="file"]{float:left; width:55%;}

input[type="text"], .form-control {float:left; padding:7px 10px; background:#FFFFFF; color:#999; border:none; width:100%; font:bold 12px Arial, Helvetica, sans-serif; height:35px; margin-top:0px; -moz-box-shadow: 0px 2px 5px #666; -webkit-box-shadow: 0px 2px 5px #666; box-shadow: 0px 2px 5px #666;}



textarea {float:left; padding:7px 10px;	background:#FFFFFF;	color:#999;	border:none; width:100%; font:bold 12px Arial, Helvetica, sans-serif; height:24px; margin-top:10px; 	-moz-box-shadow: 0px 2px 5px #666;	-webkit-box-shadow: 0px 2px 5px #666; box-shadow: 0px 2px 5px #666;}



input[type="submit"], input[type="reset"] {float:right;	padding:7px 12px; background:#950000; color:#fff; border:none; font:bold 12px Arial, Helvetica, sans-serif; margin-right:2px; margin-top:15px; cursor:pointer;}



article{clear: both;}



/* -------------------------------------------- */

/* ------------------Footer-------------------- */

footer {background: url(../images/m_bg.png) repeat; background-color:#0168c7;}

.wrap-footer {}



.copyright {text-align:center; background:#0168c7; padding:20px 0px 10px;color:#FFFFFF;}

.copyright a {text-decoration:underline; color:#ffffff; }





/* -------------------------------------------- */

/* ------------------Components-------------------- */

.photos {}

.photos:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

.photos a {display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}

.photos a img {display:block; border:1px solid #CCC;}



#social_med {position:fixed; z-index:9; top:40%; right:0px; width:4%; height:auto;}

#social_med a img:hover {transform: scale(1.1);}

#social_med a img {margin-bottom:8px; -moz-box-shadow:0px 0px 5px 4px #FFFFFF; -webkit-box-shadow: 0px 0px 5px 4px #FFFFFF; box-shadow:0px 0px 5px 4px #FFFFFF; -webkit-border-radius: 50%;	-moz-border-radius: 50%; -khtml-border-radius: 50%;	border-radius: 50%;}





/* -------------------------------------------- */

/* ------------------Others-------------------- */

.clr {clear:both;}

.stdnts {width:100%; height:auto; margin:50px auto 30px;}

.stdnts img {width:100%; padding:5px; margin:0px;}

.news marquee {width:90%; padding:18px 0; font-weight:600; color:#FF0000;}

.bimg {float:left; width:25%; border:5px solid #FFFFFF; margin:5px 20px 10px 0;}

.student_photo {float:left; padding:10px; width:20%; background:#fbd7d7; font-size:17px; margin:20px 2.4%;}

		

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

		.news marquee{width:88%;}		

		}

		

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

		.zerogrid{width:100%!important;}

		.news {width:100%;}

		.news marquee{width:88%;}

		.block01 {padding: 30px 0;}

		}



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

		header .logo {width: 30%;}

		.menu {display:none;}

		.minimenu {display:block;}	

		nav {background: none;}

		.minimenu { width:86%; float:left;}	

		.donate {width:14%; margin-top: 12px;}

		.donate a { padding:12px 42px;}		

		}

		

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

		header .logo {width: 35%!important;}

		.news {width:100%;}

		.news marquee{width:85%;}

		.donate a { padding:12px 31px;}

		.contDIV_left, .contDIV_right {width:100%;}

		.block01 h2 {font-size:21px;}

		h3{font-size:18px!important;}

		.student_photo {font-size:13px;}

		}

		

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

		.donate a { padding:12px 29px;}	

		.student_photo {font-size:12px; padding:8px;}		

		}

		

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

		.minimenu {width:81%;}		

		.donate a { padding:12px 31px;}	

		.news marquee{width:80%;}

		.student_photo {font-size:12px; padding:5px;}

		}

		

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

		.news marquee{width:75%;}	

		.minimenu {width:76%;}

		.student_photo {font-size:11px; padding:5px;}		

		}

	

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

		.donate {width:24%;}

		.donate a { padding:12px 22px;}	

		.news marquee{width:70%;}		

		}

		@media only screen and (min-width: 390px) and (max-width: 413px) {

		.news marquee{width:68%;}

		}

		@media only screen and (min-width: 320px) and (max-width: 389px) {

		.news marquee{width:67%;}

		}