@import url(//fonts.googleapis.com/css?family=Roboto:400);
@import url(//fonts.googleapis.com/css?family=Roboto:300);
@import url(//fonts.googleapis.com/css?family=Roboto:500);
@import url(//fonts.googleapis.com/css?family=Roboto:700);
html {
	width: 100%;

}
a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}

* {
	-webkit-text-size-adjust: none;
}

body {

	position:relative;
	min-width: 980px;
    color: #777777;
	font: 400 15px/21px 'Roboto', sans-serif;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:22px;
	background-color:#F1F1F2;
}
.bg{
	background-image:url(images/bg.png);
}
#body-content{background-image:none;}
.inner{
	margin-left:14%;
	margin-right:14%;
	margin-top:0px;
	margin-bottom:0px;
	
}
.inner-body{ padding:20px;background-color:#FFF;}
.clear{
	height:0px;
	clear:both;
}

a {
	text-decoration: none;
	color: #39F;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #099;
	text-decoration:underline;
}

p {
	margin-bottom: 15px;
	text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
	color: #2a2a2a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;

}
h1{font-size:24px;}

h2{font-size:18px; color: #E52F86; text-align:center;}
h3 {
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 54px;
    margin-bottom: 18px;
}

h3.head1 {
    padding-top: 49px;
}


/*  Top    */ 
.top{background-color:#E52F86;
height:35px;
background-image:url(images/top-bg.png);
background-repeat:repeat-x;
}
.content{padding-top:3px;}
.social{	padding-right:6px;	padding-right:6px;}
.student-login{	color: #323232;	vertical-align: top;	font-size:16px;	font-weight:400;}
.student-login:hover{	color: #E52F86;}
.login-icon{	padding-left:20px;}

.name{font-size:19px; color: #333; text-align:center;}
.name-txt{font-size:17px; color: #900; text-align:center;}

/*  Menu    */ 
.menu{
padding-top:1px;

}

/*  Highlights    */ 
.highlights_div{
	width:222px;
	float:left;
	padding:10px;

}
.highlights_div img{
	border:4px #FFFFFF solid;
}
a.btn {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #f59812;
    padding: 9px 16px;
    display: inline-block;
    margin-top: 5px;
}

a.btn:hover {
    background-color: #E52F86;
}

a.btn.bt1 {
    margin-top: 45px;
}
/*student_word  */
.student_words{background-image:url(images/banner/banner-students-words.jpg); background-position: right top;  background-repeat:no-repeat; height:400px;

}
.student_words h3 {
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    padding-top: 10%;
    margin-bottom: 25px;
	color:#E52F86;
	
}
.student_words p{color:#FFF; font-style:italic;}

.student_words img {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border:2px #FFFFFF solid;
}
.student_words a{
	color: #E52F86;
}
.inner-page-title{
	height:40px;
	background-image:url(images/bg-footer.png);
	font-size:20px;
	color:#FFF;
	padding-top:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.image{
	padding:10px;
	border:2px solid #F30;
	margin-left:5px;
}
.button2 {
    color: #fff;    font-size: 14px;    font-weight: bold;    background-color: #E52F86;    padding: 7px 18px;
	margin-left:3px;	width:115px;	height:40px;	border:none;	padding:5px; cursor:pointer;
}

.button2:hover {
    background-color: #999;
}

.input-txt{width:375px; height:25px; color: #686565;
    font: 300 15px/21px 'Roboto', sans-serif;}
.txt-area{width:375px; color: #686565;
    font: 300 15px/21px 'Roboto', sans-serif;}
.star{color:#F00;}




/*  footer    */ 
#footer{
	height:300px;
	background-image:url(images/bg-footer.png);
}
#footer a{color:#FFF; font-size:12px;}
#footer a:hover{color: #CCC; text-decoration:underline;}
#footer h2{ text-align:left;}

.footer_div{
	width:180px;
	float:left;
	padding-right:10px;

}


/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 995px) {
 body {
 min-width: 768px;
 	margin-left: 0%;
	margin-right:0%;
}
.inner{
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:0px;
}
}


@media only screen and (max-width: 767px) {
 body {
 min-width: 420px;
 	margin-left:0%;
	margin-right:0%;
}
.inner{
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	margin-bottom:0px;
}

}