.left-icons
/* banner */
:focus {outline:none;}
a {outline: 0;}
input::-moz-focus-inner {border: 0;}
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
input[type="text"]{font-family: Segoe UI,verdana,ubuntu; font-size:13px;}
select, textarea{font-family: Segoe UI,verdana,ubuntu; font-size:13px;}

.search-open{position:relative;}
.error-msg {position:absolute;background:#fff; top:2px; border-radius:3px; left:-194px; padding:4px 10px; width: 184px;text-align: center;display:none;}
.error-msg span {
  color: #FF0000;
  text-align: center;
  border-radius: 6px;
}
.header_button{
	background: transparent url(../img/NextButton.png)repeat  0% 0%;
    width: 94px;height: 36px;border: none;float: right;margin-bottom: 13px;margin-right: -2px;
}
.error-msg span:after {
  /* content: ''; */
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.HomeCaption{
	/* width: 32%; */
		position: absolute;
		right: 0px;
		bottom: -472px;
		padding: 2px;
		background-color: rgba(42, 40, 40, 0.3);
	width: 100%;


}
.HomeCaptiontext{
	color: #fff;
	font-size: 27px;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	
	}

.fuserid a{
float: left;
padding: 12px 20px;
color: #000;
}
.fuserid-inner{
float: left;
padding: 14px 5px;
color: #000;
margin-right: 105px;
}

.fuserid-inner a{
color: #000;
}
/*.error-msg{position:absolute; padding:4px 10px; background:#fff; top:2px; border-radius:3px; left:-127px;} */
.submain h2{ font-size:25px;}
.login-box-inner a:hover{color:#7db248; text-decoration:none;}
.sub_menu{display:none; text-align: center; line-height: 17px;}
.submain-main{height:200px;width:206px; display:inline;float:left; margin-left:10px; border-radius:10px; text-align: center;}
.submain{height:200px;width:206px; display:inline;float:left; margin-left:10px; border-radius:10px; text-align: center;}
.sub_menu h2{color:#fff; font-size:25px;}
.sub_menu1 h2{color:#fff; font-size:25px; }
.sub_menu2 h2{color:#fff; font-size:25px;}
.sub_menu3 h2{color:#fff; font-size:25px;}
.sub_menu4 h2{color:#fff; font-size:25px;}
.sub_menu1{display:none; text-align: center; line-height: 17px;}
.sub_menu4 p{height:37px; overflow: hidden;}
.sub_menu2 p{height:37px; overflow: hidden;}
.sub_menu3 p{height:37px; overflow: hidden;}
.sub_menu1 p{height:37px; overflow: hidden;}
.sub_menu2{display:none; text-align: center; line-height: 17px;}
.sub_menu3{display:none; text-align: center; line-height: 17px;}
.sub_menu4{display:none; text-align: center; line-height: 17px;}
.submain1{height:200px;width:206px; display:inline;float:left; margin-left:10px; border-radius:10px; text-align: center;}
.submain1:first-child{margin-left:0px;}
.submain2{height:200px;width:206px; display:inline;float:left; margin-left:10px; border-radius:10px; text-align: center;}
.submain2:first-child{margin-left:0px;}
.submain3{height:200px;width:206px; display:inline;float:left; margin-left:10px; border-radius:10px; text-align: center;}
.submain3:first-child{margin-left:0px;}
.submain4{height:200px;width:206px; display:inline;float:left; margin-left:10px; border-radius:10px; text-align: center;}
.submain4:first-child{margin-left:0px;}
.submain:first-child{margin-left:0px;}
.submain:nth-child(1) {background-color:#fafafa;}
.submain1:nth-child(2) {background-color:#fafafa;}
.submain2:nth-child(3) {background-color:#fafafa;}
.submain3:nth-child(4) {background-color:#fafafa;}
.submain4:nth-child(5) {background-color:#fafafa;}
.slider-main{margin:0px; padding:0px; position:relative;}
.left-icons{position:absolute; left:52px; top:218px;}
.login-box{background:#fff; border-radius:15px; width:32%; position:absolute; right:0px; top:150px;}
.login-box-inner{position:relative;overflow:auto;}
.login-box-inner h2{font-size:18px; color:#009933; text-transform:uppercase; padding:10px 20px; margin:0px; padding-top:15px;}
.newuser-signup{
background: url(../img/CreateUser.PNG) #fff no-repeat 0px 0px;
text-decoration: none;
color: #000;
float: right;
padding-left: 25px;
height: 26px;
padding-top: 5px;
position: absolute;
top: 16px;
right: 15px;
}
.login-box-inner p{border-left:6px #FDCD14 solid; background:#E6E6E6; padding:8px 11px; margin:1px 0;}
.login-box-inner-dp{
border-radius: 4px;
border: 1px solid #B5B5B5;
padding: 6px;
position: relative;
background: url(../img/userIcons.PNG) white no-repeat 4px 8px;
padding-left: 21px;
color: #999;
width: 100%;
margin-left: 0px;
display: table;
}
.login-box-inner select{border: none;
background: white;
width: 100%;}
.login-box-inner input[type="text"]{border-radius:4px; border:1px solid #B5B5B5; padding:7px 4px; position:relative; background:url(../img/password.PNG) #fff no-repeat 4px 9px; padding-left:25px; color:#999; width:100%;}
.login-box-inner h3{margin:5px 0; color:#ff0000; font-weight:normal; font-size:13px; padding:0px 20px;}
.next{padding:8px 11px; margin:1px 0; text-align:right;}

/* End banner */

.da-slider{
	width: 100%;
	height: 472px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../img/slide1.jpg) no-repeat center 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
	background-size: 100% 100%;
}
.da-slider2{
	width: 100%;
	height: 380px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../img/student.jpg) no-repeat center 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
	background-size: 100% 100%;
}
.da-slider3{
	width: 100%;
	height: 380px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../img/parent.jpg) no-repeat center 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
	background-size: 100% 100%;
}
.da-slider4{
	width: 100%;
	height: 380px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../img/principal.jpg) no-repeat center 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
	background-size: 100% 100%;
}
.da-slider5{
	width: 100%;
	height: 380px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../img/collegeadmin.jpg) no-repeat center 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
	background-size: 100% 100%;
}
.da-slider6{
	width: 100%;
	height: 380px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../img/tutort.jpg) no-repeat center 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
	background-size: 100% 100%;
}

/* Safari 5+ ONLY
    ::i-block-chrome, .contentinner{
	width: 980px;
	margin: 0 auto;
	background-color: #fff;
	padding: 29px;
	margin-top: -200px;
	z-index: -1;
	position: inherit;
	border: 1px solid #ccc;
	margin-bottom: 13px;
}
 */
 .imgop{
    /* background-color: rgba(0, 0, 0, 0.2); */
	height: 383px;
 }
 
.contentinner{
	width: 980px;
	margin: 0 auto;
	background-color: #fff;
	padding: 29px;
	margin-top: -79px;
	z-index: -1;
	position: inherit;
	border: 1px solid #ccc;
	margin-bottom: 13px;
	border-radius: 15px;
	overflow: auto;
}
.contentinner h4{
	color:#7DB248;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	
}
.contentinner p{
	color:#000000;
	font-size:15px;
	
}

.contentinner li{
	color:#333333;
	
}

.da-slider1{
	width: 100%;
	
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url(../img/slide2.PNG) repeat 0% 0%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}

.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;
}
.da-slide-current{
	z-index: 10;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}

.da-slider-fb .da-slide .da-img1{
	right: 60%;
	opacity: 1;
}
.da-slide h2{
	font-family: 'Open Sans', sans-serif;
	color: #f9f9f9 !important;
	line-height:50px;
	top: 100px;
	z-index: 10;
	padding:0;
	margin-left:-2%;
	font-weight: 400 !important;
}
.da-slide h2 i {
	font-size: 36px;
	font-style:normal;
	padding:0 5px;
	text-transform:uppercase;
	background-color: rgba(46, 98, 0, 0.8);
}
.da-slide p {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	line-height: 25px;
	width:100%;
	top: 300px;
	color: #fff;
	overflow: hidden;
	margin-left:-2%;
}
.da-slide p i {
	background:url(../img/bg-text.png) repeat;
	padding:0 10px;
	font-style:normal;
}
.da-slide .da-img{
	text-align: center;
	width: 50%;
	top: 50px;
	height: 328px;
	line-height: 320px;
	left: 110%; /*60%*/
	margin-left:-16%;
}
.da-slide .da-img1{
background-color: #fff;
border-radius: 15px;
padding:20px;

}
.da-slide-current .da-img{
	left: 20%;
	opacity: 1;
}

.da-slide .da-link{
	top: 320px; /*depends on p height*/
	border-radius: 3px !important;
	min-width:15%;
	color: #666;
	text-shadow:0 1px 0 #eee;
	box-shadow: 0 0 4px #bbb;
	border: 1px solid #fff;
	padding: 2px 20px;
	font-size: 25px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
	box-shadow: 0 0 5px #eee;
	text-decoration:none;
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 15px;
	z-index: 1;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50% !important;
	background: url(../img/bg-text.png) repeat;
	margin: 3px;
	cursor: pointer;
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50% !important;
	background:#fff;
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	background: transparent url(../img/arrows.png) no-repeat;
	position: absolute;
	top: 50%;
	height: 50px;
	width: 49px;
	margin-top: -25px;
	cursor: pointer;
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 0.8;
}
.da-slider:hover .da-arrows span:hover{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 49px;
	height: 49px;
}
.da-arrows span.da-arrows-prev{
	left: 12px;
	background-position:0 -68px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
	background-position:0 1px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 10%;
	opacity: 1;
}

/* tooltip css */

#dmhd {background-color:#f7f7f7; height:90px; text-align:center; border-bottom:3px solid #666;}
#dmhd a {color:#C3D4DE; text-decoration:none; display:inline-block; margin:4px 20px; padding:4px 14px; border:1px solid #444;}
#dmhd a:hover {color:#7db248;}

#vWrapper {padding:0px;}
#vWrapper a {color:#000; text-decoration:none; padding:6px 16px; font-size:14px;}
#vWrapper a:hover {color:#7db248; text-decoration:none;font-weight: bold;}
		
.column {float:left; padding:0px; width:193px;}
.column p{margin:0px; padding:0px; color:#000;}

/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
	animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
	animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in both;
	-moz-animation: toRightAnim3 0.4s ease-in both;
	-o-animation: toRightAnim3 0.4s ease-in both;
	-ms-animation: toRightAnim3 0.4s ease-in both;
	animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in both;
	-moz-animation: toRightAnim4 0.6s ease-in both;
	-o-animation: toRightAnim4 0.6s ease-in both;
	-ms-animation: toRightAnim4 0.6s ease-in both;
	animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in both;
	-moz-animation: toLeftAnim1 0.6s ease-in both;
	-o-animation: toLeftAnim1 0.6s ease-in both;
	-ms-animation: toLeftAnim1 0.6s ease-in both;
	animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.4s ease-in both;
	-moz-animation: toLeftAnim3 0.4s ease-in both;
	-o-animation: toLeftAnim3 0.4s ease-in both;
	-ms-animation: toLeftAnim3 0.4s ease-in both;
	animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

/*Higher Resolutions*/
@media (min-width: 1440px) {
	.da-slide h2,
	.da-slide p {
		margin-left:3%;
	}
	.da-slide .da-img{
		margin-left:-18%;
	}
}

@media (min-width: 1680px) {
	.da-slide h2,
	.da-slide p  {
		margin-left:7%;
	}
	.da-slide .da-img{
		margin-left:-20%;
	}
}

@media (min-width: 1920px) {
	.da-slide h2,
	.da-slide p  {
		margin-left:12%;
	}
	.da-slide .da-img{
		margin-left:-22%;
	}
}

@media (max-width: 980px) {
.left-icons{position:absolute; left:10px;}
.login-box{position:absolute; width:45%; margin:0px 2.5%;}
.submain-main{height:200px;width:206px; display:inline;float:left; margin:10px; border-radius:10px; text-align: center;}
.submain:first-child{margin-left:10px;}
.contentinner{
	width: 950px;
	margin: 0 auto;
	background-color: #fff;
	padding: 29px;
	margin-top: -85px;
	z-index: -1;
	position: inherit;
	border: 1px solid #ccc;
	margin-bottom: 13px;
}
.error-msg{ left: 520px; background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    padding: 4px 10px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 184px;display:none;}

}


@media (max-width: 1280px) {
.submain4{margin-top:0px; margin-left:10px;}
.title-box-v3 h2 {
font-size: 28px;
color: #221FD2;
line-height: 30px;
font-family: 'Droid Sans', sans-serif;
margin-bottom: 40px;
}
}

@media (max-width: 480px) {
.title-box-v3 h2 {
font-size: 28px;
color: #221FD2;
line-height: 30px;
font-family: 'Droid Sans', sans-serif;
margin-bottom: 40px;
}
}

@media (max-width: 1024px) {
.submain4{margin-top:20px; margin-left:0px;}
} 
@media (max-width: 800px) {
.left-icons{position:absolute; left:10px;}
.login-box{position:absolute; width:45%; margin:0px 2.5%;}
.submain-main{height:200px;width:206px; display:inline;float:left; margin:10px; border-radius:10px; text-align: center;}
.submain:first-child{margin-left:10px;}
.contentinner{width: 800px; margin:-100px auto 13px;}
.error-msg {position:absolute;background:#fff; top:2px; border-radius:3px; left:519px; padding:4px 10px; width: 184px;text-align: center;}
.title-box-v2 h2{ margin-bottom: 30px; line-height: 45px;}
}

@media (max-width: 768px) {
.left-icons{position:absolute; left:10px;}
.login-box{position:absolute; width:45%; margin:0px 2.5%;}
.submain-main{height:200px;width:206px; display:inline;float:left; margin:10px; border-radius:10px; text-align: center;}
.submain:first-child{margin-left:10px;}
.contentinner{width: 688px; margin:-100px auto 13px;}
.error-msg {position:absolute;background:#fff; top:2px; border-radius:3px; left:523px; padding:4px 10px; width: 184px;text-align: center;}
.margin-bottom-20{margin-left: 6px;}
.title-box-v2 h2{ margin-bottom: 30px; line-height: 45px;}
}

@media (max-width: 360px) {
.submain-main{height:200px;width:206px; display:inline;float:left; margin:10px 10px 10px 59px; border-radius:10px; text-align: center;}
.submain:first-child{margin-left:59px;}
.left-icons{position:static;}
.login-box{position:static; width:95%; margin:0px 2.5%; float:none;}
.contentinner{width: 300px; margin:-50px auto 13px;}
.error-msg {position:absolute;background:#fff; top:-33px; border-radius:3px; left:19px; padding:4px 10px; width: 184px;text-align: center;}
.title-box-v2 h2{ margin-bottom: 0; line-height: 45px;}
}

@media (max-width: 320px) {
.submain-main{height:200px;width:206px; display:inline;float:left; margin:10px 10px 10px 45px; border-radius:10px; text-align: center;}
.submain:first-child{margin-left:45px;}
.left-icons{}
.da-slider{padding-bottom:20px; height:100%;}
.login-box{position:static; width:95%; margin:0 2.5%; float:none;}
.contentinner{width: 300px; margin:-50px auto 13px;}
.error-msg {position:absolute;background:#fff; top:-33px; border-radius:3px; left:19px; padding:4px 10px; width: 184px;text-align: center;}
.title-box-v3 h2 {
    font-size: 22px;
	color: #221FD2;
	/* font-weight: bold; */
	line-height:45px;
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 20px;
}
.title-box-v4 h2 {
    font-size: 22px;
	color: #221FD2;
	/* font-weight: bold; */
	line-height:45px;
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 20px;
}
.title-box-v2 h2{ margin-bottom: 0; line-height: 40px;}
}