* {margin: 0; padding: 0; -webkit-box-sizing: border-box; text-decoration:none;}

body {background:#ffffff; font-family: main; font-size: 100%;}
img{max-width:100%;}
ol,ul{list-style:none;margin:0;padding:0;}
a{text-decoration:none;}

.app_logo{height:50px;}
.detail li a{color:white;}

.lfside{}.leftright{width: 337px; font-size:16px; margin-left:8px;}
.menubar {height: 73px; margin-bottom: 0px; text-align:center;}
#menu li{list-style-type:none; display:inline;}
.headmenu {
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  padding: 0 1.6em;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  border-style: double;
  border-width: 4px;
  margin-bottom: 15px;
  color: white;
}

.link {
  line-height: 30px;
  padding: 0 1.6em;
  font-weight: bold;
  border-radius: 10px;
  border-style: double;
  border-width: 4px;
  margin-bottom: 5px;
  cursor: pointer;
  display: block;
  font-family: main;
}

.director{padding:10px; width:150px; height:150px; border-radius:75px; border-style: double;}
.student{width:50px; height:50px; border-radius:30px; border-style: double; border-width: 4px; color:white;}
.sidha{display:table-cell; vertical-align:top; cursor:pointer;}

.course {width:75px; height:75px; border-radius:37.5px; border-style: double; border-color:white; margin-top:10px;}
.big :hover{transform:scale(2);}

.rank{width:40px; height:auto; border-radius:8px;
 -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.rank:hover{text-decoration: none; box-shadow: 0 24px 28px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-transform: rotate(360deg); transform: rotate(360deg) scale(1.8);}

.banner{vertical-align: middle; height:500px; width:100%;}
.text_img {width:95px; margin:auto; cursor:pointer; }
.text_img img{ width:100px;  height:100px; border-radius:50px;}

.div_text{width:31%; height:auto; margin:5px; display:inline-block; padding:12px; overflow-y: auto;
border: 0px solid transparent; border-radius:20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.yvideo{width:560px; height:315px;}
.poster{width:335px; border-radius:15px; margin:5px;}

.scroll{overflow-x:auto;}
.datatable {border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #D6DDE6;}
.datatable th {border: 1px solid #828282; background-color: #ffcccc; font-weight: bold; text-align:left; padding-left: 0.3em;}
.datatable tr{background-color: #ffffee; color: #000000; }
.datatable tr:hover {background-color: #ccccff; color: #000000;}
.datatable td {border: 1px solid #D6DDE6; padding: 0.3em;}

/* Slide test code here start */
.slide-container {max-width: 100%; position: relative;}
.slides {display: none; text-align:center;}
.nutext {position: absolute; top: 0;}
.nutext {padding: 20% 160px 0;}
.water-title {text-shadow: 3px 3px 3px #000; text-transform: capitalize; font-weight: bold; font-size: 40px;}
.pure {text-shadow: 1px 1px 1px #000; font-weight: bold; color:black; font-size: 30px;}
.text {font-size: 25px; padding: 8px 12px; position: absolute; bottom: 30px; width: 100%; text-align: center;}
.bindu {height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.active {background-color: #717171;}
.fading {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1} }
@keyframes fade {from {opacity: .4} to {opacity: 1} }
/* Slide test code here end */


.ans{display: inline-block;  padding: 6px 11px; color:white; font-weight: bold; font-size: 19x;  line-height: 15pt; 
text-align:center; -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.unanswered{background-color: #F14B07;}
.answered{background-color: #93CE27;}
.review{background-color: yellow;}
.notvist{background-color: #EDD8D8;}

.delete{background-color: red; text-decoration: none; display: inline-block;  padding: 6px 11px; color:white; margin: 5px 0px 5px 0px; font-weight: bold; font-size: 19x; line-height: 15pt; text-align:center;}
.delete:hover {background: #d9434e; text-decoration: none;}
.download{background-color: #0dE45d; text-decoration: none; display: inline-block;  padding: 6px 11px; color:white; margin: 5px 0px 5px 0px; font-weight: bold; font-size: 19x; 
 line-height: 15pt; text-align:center;}
.download:hover {background: #25d366; text-decoration: none;}
.pagination{margin-bottom:15px;}
.pagination ul{text-align: center;}
.pagination ul li{display: inline-block; margin-right: 3px;}
.pagination ul li a{background: none repeat scroll 0 0 #e7e7e7; color: #999; padding: 5px 8px;}
.pagination ul li a:hover{background:#464646;color:#fff;}

.newsletter form > h2,.newsletter > h2{text-transform: uppercase; font-size: 16px; font-weight: bold;}
.newsletter select, .newsletter form input[type=show],[type=text],[type=color],[type=file],[type=number],[type=email],[type=password],[type=date],[type=hidden]{
height: 40px;
width: 98%;
font-size: 17px !important;
font-weight: bold;
padding-left: 5px;
border-radius:20px; border-style: double; border-width: 4px; margin-bottom:20px;}
.newsletter select {overflow: hidden; padding: 5px 8px; width: auto; height: 40px;}

.newsletter form input[type=reset],[type=submit]{
font-family: main;
line-height:20px;
height: 40px;
text-align:center;
padding: 5px 10px 6px !important;
text-transform: uppercase;
font-size: 17px !important;
font-weight: bold;
cursor: pointer;
color: white;
border-radius:20px; border-style: double; border-width: 4px; margin-bottom:15px;}
.textarea{border-radius:20px; border-style: double; border-width: 4px; padding:5px; width:90%;}
.option:hover, .textarea:hover,
.newsletter select:hover,
.newsletter input[type=file]:hover,
.newsletter input[type=submit]:hover,
.newsletter input[type=text]:hover,
.newsletter input[type=date]:hover,
.newsletter input[type=number]:hover,
.newsletter input[type=password]:hover,
.newsletter input[type=email]:hover,
.newsletter input[type=show]:hover,
.newsletter input[type=hidden]:hover{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
.view{white-space: nowrap; overflow-x: visible; overflow-y: hidden; width: 95%;}

.spin{-webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out;}
.spin:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg) scale(1.2);}

.share,.facebook,.whatsapp,.twitter,.google,.youtube,.print{display: inline-block; width:auto; height:40px;  padding: 7px 8px; color:white; margin: 5px 0px 5px 0px; font-weight: bold; font-size: 20px; line-height: 20px; text-align:center;
border-radius:25px; border-style: double; border-width: 4px; border-color: white;}
.s:hover,.share:hover,.facebook:hover,.whatsapp:hover,.twitter:hover,.google:hover,.youtube:hover,.print:hover{
text-decoration: none; box-shadow: 0 24px 28px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transform:scale(1.5);}

.share{background-color: #ffa500;}
.share:hover{background-color: #f9ba45;}
.facebook{background-color: #1e46b2;}
.facebook:hover{background-color: #3b5998;}
.whatsapp{background-color: #0dE45d;}
.whatsapp:hover{background-color: #25d366;}
.twitter{background-color: #0d8eef;}
.twitter:hover{background-color: #55acee;}
.google{background-color: #ed260e;}
.google:hover{background-color: #dd4b39;}
.youtube{background-color: #bb0000;}
.youtube:hover{background-color: #fa0b0b;}
.print{background-color: #000000;}
.print:hover{background-color: #121010;}


.success,.info,.warning,.danger,.default{display: inline-block; padding: 8px 14px; color: white; margin: 5px 0px 5px 0px; font-weight: bold; font-size: 16px; line-height: 15pt; font-family: main;}
.success {background-color: green;} /* Green */
.success:hover {background-color: #46a049;}
.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}
.warning {background-color: orange;} /* Orange */
.warning:hover {background: #e68a00;}
.danger {background-color: red; text-align:center;} /* Red */ 
.danger:hover {background: red;}
.default {background-color: black; color: white;} /* Gray */ 
.default:hover {background: #F1B215;}

.success2,.info2,.warning2,.danger2{width:98%; text-align:center; margin:0; font-size:20px; padding:2px 5px 2px 5px; border-radius:12px;}
.success2{background:#DFF2BF; color:#270;}
.info2{background:#ffffcc; color:#cc0000;}
.warning2{background:#FEEFB3; color:#9F6000;}
.danger2{background:#FFBABA; color:#D8000C;}


.floatright{float:right;}
.floatleft{float:left;}
.clear{clear:both;}

/*end reset*/
.wrap{margin:0 auto; width:92%;}
.left_logo{float:left;}
.left_logo img {
float: left;
width: 53px; 
height: 53px;
color:white;
border-style: double;
border-width: 4px;
border-radius: 30px;
}
.left_logo a h1{ color:#fff; font-size: 1.8em; float: left; font-weight:bold;
}

.right_logo img{
float: right;
width: 53px;
height: 53px;
color:white;
border-style: double;
border-width: 4px;
border-radius: 30px;
}

/**********services***********/
.Recent-wrok h6{width: 60%; margin: 0 auto; font-size: 1.1em; color: #292929; line-height: 1.5em;}
.footer-left h3,.footer-right h3{color:#fff; font-size: 1.2em; text-transform: uppercase; padding-bottom: 0.5em; padding-top: 1.8em;}
.footer-left p,.footer-right p{font-size: 0.89em; color:#fff; line-height: 1.8em; padding-top: 0.8em; font-weight:bold;}
.footer-left p a,.footer-right p a{color:white;}

/*********footer********/
.footer {padding: 1em 0em;}
.footer-left{float:left; width:31%; margin-right: 2%;}

.detail {padding: 1em 0em;}
.detail li{	float: left;}
.detail li a{font-size: 0.95em;	text-transform: uppercase;}

.copy p{color:#fff; font-size:1em; text-align: center; padding: 1em 0em; line-height: 30px;}
.copy p a{color:#00444B; font-size:1em; font-weight:bold;}
.copy p a:hover{color:#fff;}

/********start-blog*************************/
.main {padding: 1em 0em 2em 0em; border-bottom: 1px solid #E9E9E9;}
.wrapper_single{width: 72.2%; float: left;}
.wrapper_top{margin-bottom:3%; line-height: 26pt;}
.tags a{color:#757B85; margin-right: 0.6em;}
.rsidebar{display: block; float:left; margin:0 0 0 4.6%;}	
.span_1_of_3 {width: 23.2%;}


@media only screen and (min-width: 100px) and (max-width: 768px) {
.left_logo a h1{font-size: 1em; padding: 0.70em .10em 0em 0.1em;}
.main {padding: 1em 0em 2em 0em;}
.wrapper_top {margin-bottom:0;}
.wrapper_single {width: 100%; float: none;}
.span_1_of_3 {width: 100%; margin: 2em 0 0; float: none;}
.footer-left {float: none; width: 100%; margin-right: 0%;}	
.leftright {float: none; margin-bottom:0px; width: 100%;}
.div_text{width:96%;}
.yvideo{width:96%; height:240px;}

.water-title {font-size: 30px;}
.pure {font-size: 20px;}
.nutext {padding: 100px 10px 0;}
.banner{vertical-align: middle; height:250px;}
}
/*****  //Media Quries for 320px tabs *****/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#cssmenu #menu-button {display: none; }
#cssmenu {position: relative; top: 0px; margin: auto;}
/* #cssmenu {background: #6D84B4; } main yaha font family default montserrat */
#cssmenu > ul > li {float: left; }
#cssmenu.align-center > ul {font-size: 0; text-align: center; }
#cssmenu.align-center > ul > li {display: inline-block; float: none; }
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li > a {padding: 15px;
font-size: 15px;				/*menu default size 12px kaushal changed */
letter-spacing: 1px;
text-decoration: none;
color: white;               /* font color */
font-weight: 700;
text-transform: uppercase;}
#cssmenu > ul > li:hover > a {color: #ffffff;}              /* font hover color */
#cssmenu > ul > li.has-sub > a {padding-right: 30px; }
#cssmenu > ul > li.has-sub > a:after {position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: white; content: '';} /* + color */
#cssmenu > ul > li.has-sub > a:before {position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px;
background: white;               /* + color */
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px; height: 0; }
#cssmenu ul ul {position: absolute; left: -9999px; }
#cssmenu.align-right ul ul {text-align: right; }
#cssmenu ul ul li {
height: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;}
#cssmenu li:hover > ul {left: auto; }
#cssmenu.align-right li:hover > ul {left: auto; right: 0; }
#cssmenu li:hover > ul > li {height: 35px; }
#cssmenu ul ul ul {margin-left: 100%; top: 0; }
#cssmenu.align-right ul ul ul {margin-left: 0; margin-right: 100%; }
#cssmenu ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
padding: 11px 15px;
width: 171px;				  /*second menu default 170px kaushal color */
font-size: 15px;
text-decoration: none;
color: white;               /*second font color */
font-weight: 400;
background: #6D84B4; }             /*second back color */

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {border-bottom: 0;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {color: #ffffff; }        /*second hover font color */

#cssmenu ul ul li.has-sub > a:after {
position: absolute;
top: 16px;
right: 11px;
width: 8px;
height: 2px;
display: block;
background: white;
content: '';}
#cssmenu.align-right ul ul li.has-sub > a:after {right: auto; left: 11px; }
#cssmenu ul ul li.has-sub > a:before {
position: absolute;
top: 13px;
right: 14px;
display: block;
width: 2px;
height: 8px;
background: white;
content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;}
#cssmenu.align-right ul ul li.has-sub > a:before {right: auto; left: 14px; }
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px; height: 0;}
#cssmenu.small-screen {width: 100%;}
#cssmenu.small-screen ul {width: 100%; display: none; }
#cssmenu.small-screen.align-center > ul {text-align: left; }
#cssmenu.small-screen ul li {width: 100%; border-top: 1px solid rgba(220, 220, 120, 0.2); }  /*small line or border color on bottom*/
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {height: auto; }
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {width: 100%; border-bottom: 0;}
#cssmenu.small-screen > ul > li {float: none; }
#cssmenu.small-screen ul ul li a {padding-left: 25px; }
#cssmenu.small-screen ul ul ul li a {padding-left: 35px; }
#cssmenu.small-screen ul ul li a {color: white; background: none; }             /*small second font color */
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {color: #ffffff; }              /*small second active font color */
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {display: none;}
#cssmenu.small-screen #menu-button {
display: block;
padding: 14px;
background-size: auto 44px;
color: white;               /*menu color and logo aded here */
cursor: pointer;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;}
#cssmenu.small-screen #menu-button:after {
position: absolute;
top: 22px;
right: 17px;				/*= position align seting default right 17px */
display: block;
height: 4px;
width: 20px;
border-top: 2px solid white;               /*= color */
border-bottom: 2px solid white;
content: '';}
#cssmenu.small-screen #menu-button:before {
position: absolute;
top: 16px;
right: 17px;				/*- position align seting default right 17px */
display: block;
height: 2px;
width: 20px;
background: white;               /*- color */
content: '';}
#cssmenu.small-screen #menu-button.menu-opened:after {
top: 23px;
border: 0;
height: 2px;
width: 15px;
background: #ffffff;             /*\ color */
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
#cssmenu.small-screen #menu-button.menu-opened:before {
top: 23px;
background: #ffffff;             /*/ color */
width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
#cssmenu.small-screen .submenu-button {
position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(220, 220, 120, 0.2);                /*small line or border color on right*/
height: 46px;
width: 46px;
cursor: pointer;}
#cssmenu.small-screen .submenu-button.submenu-opened {background: #AFBDD4;}     /*taped square color */

#cssmenu.small-screen ul ul .submenu-button {height: 34px; width: 34px;}
#cssmenu.small-screen .submenu-button:after {
position: absolute;
top: 22px;
right: 19px;
width: 8px;
height: 2px;
display: block;
background: white;
content: '';}
#cssmenu.small-screen ul ul .submenu-button:after {top: 15px; right: 13px; }
#cssmenu.small-screen .submenu-button.submenu-opened:after {background: #ffffff; }
#cssmenu.small-screen .submenu-button:before {
position: absolute;
top: 19px;
right: 22px;
display: block;
width: 2px;
height: 8px;
background: white;
content: '';}
#cssmenu.small-screen ul ul .submenu-button:before {top: 12px; right: 16px; }
#cssmenu.small-screen .submenu-button.submenu-opened:before {display: none;}
#cssmenu.small-screen.select-list {padding: 5px;}
/* end menu */