html, body{
	font-family: 'Roboto Slab';
    font-size: 100%;
  	 background: #FFf;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.col-md-4{
	width:33.3%;
}
/*-----start-header----*/
.logo{
	float: right;
	width:345px;
	height:60px;
	padding-top:10px;
	}

.logo320{
	display:none;
}

/*----slider----*/
.main-header{
	background:url(../images/bg.jpg);
	background-size:cover;
	min-height: 300px;
	border:1px solid #e9e9e9;
}

.events {
  list-style: none;
}

@media screen and (max-width: 600px) {
  h1 {
    font: 18px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

}
/*----*/

.tittle-head {
	margin: 2% auto;
	width: 58%;
}
.tittle-head h1 {
	font-weight:500;
	text-align: center;
	font-family: 'Roboto Slab';
    color:#1b60aa;
    font-size:32px !important;
	line-height:40px;	
    margin:0 !important;  
	text-shadow: 1px 0 #333;	

	
}
.tittle-head  p {
	color: #333;
	text-align: center;
	font-family: 'Roboto Slab';
	font-weight:300;
	margin: 1em 0;
	font-size:20px !important;
	padding:0 !important;
	margin:0 !important;	
}

/*--self-reg--*/
.self-reg{
	padding-top:1.2em;
	background:#F8F8F8;
	padding-bottom:10px;
}

i.icon1{
	width: 277px;
	height: 243px;
	background: url(../images/block-combank-digital.png)no-repeat;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	cursor: pointer;
}
i.icon2{
	width: 277px;
	height: 243px;
	background: url(../images/block-account.png)no-repeat;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	cursor: pointer;
}
i.icon3{
	width: 277px;
	height: 243px;
	background: url(../images/block-credit-card.png)no-repeat;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	cursor: pointer;
}

.footer {
	background: #333;
	padding: 2px 0;
	color:#999;
	text-align:center;
}

.logo-s5{
display:none;
}

/*---- responsive-design -----*/

@media(max-width:1280px){
	.main-header {
	min-height: 650px;
	}
	
}
@media(max-width:1024px){
	.main-header {
	min-height: 600px;
	}
	
	.tittle-head {
	margin: 7% auto;
	}
	.tittle-head p {
	margin: 0.5em 0;
	}
	
	.self-reg {
	padding-top: 1em;
	padding-bottom: 4em;
	}
	. p,.team_grid p {
	width: 88%;
	}
}
@media(max-width:768px){
	.tittle-head h1 {
	font-size: 3.6em;
	}
	.tittle-head p {
	font-size:2.73em;
	}
	.main-header {
	min-height: 435px;
	background-size: inherit;
	}
	
	.tittle-head {
	margin: 6% auto;
	width: 94%;
	}
	
	.col-md-4{
	padding-left:220px !important;
}
}
@media(max-width:640px){
	.main-header {
	min-height: 354px;
	}
	
	.tittle-head h1 {
	font-size: 3em;
	}
	.tittle-head p {
	margin: 2px 0;
	font-size: 2.5em;
	}

	.self-reg {
	padding-top: 0em;
	padding-bottom: 3em;
	}
}
@media(max-width:480px){
	.main-header {
	min-height: 295px;
	}

	.tittle-head h1 {
	font-size: 2em;
	}
	.tittle-head p {
	margin: 0px 0;
	font-size: 1.6em;
	}

	.self-reg-grid h3 {
	font-size: 1.4em;
	}
	.col-md-4{
	padding-left:40px;}
}

@media(max-width:414px){
	.main-header {
	min-height: 295px !important;
	border-bottom:2px solid #d6d6d6 !important;
	}

	.tittle-head h1 {
	font-size: 2em;
	padding-top:35px !important;
	padding-bottom:12px !important;
	}	
	.tittle-head p {
	margin: 0px 0;
	font-size: 1.6em;
	}

	.self-reg-grid h3 {
	font-size: 1.4em;
	}
	.col-md-4{
	padding-left:68px !important;
}
	.self-reg{
	padding-top:20px;
}
}

@media(max-width:412px){
	.main-header {
	min-height: 295px !important;
	}

	.tittle-head h1 {
	font-size: 2em;
	}
	.tittle-head p {
	margin: 0px 0;
	font-size: 1.6em;
	}

	.self-reg-grid h3 {
	font-size: 1.4em;
	}
	.col-md-4{
	padding-left:65px !important;
}
	.self-reg{
	padding-top:20px;}
}

@media(max-width:375px){
	.main-header {
	min-height: 295px !important;
	}

	.tittle-head h1 {
	font-size: 2em;
	}
	.tittle-head p {
	margin: 0px 0;
	font-size: 1.6em;
	}

	.self-reg-grid h3 {
	font-size: 1.4em;
	}
	.col-md-4{
	padding-left:50px !important;
}
	.self-reg{
	padding-top:20px;}
}

@media(max-width:360px){
	.main-header {
	min-height: 295px !important;
	border-bottom:2px solid #d6d6d6 !important;
	}

	.tittle-head h1 {
	font-size: 2em;
	padding-top:35px !important;
	padding-bottom:12px !important;
	}	
	.tittle-head p {
	margin: 0px 0;
	font-size: 1.6em;
	}

	.self-reg-grid h3 {
	font-size: 1.4em;
	}
	.col-md-4{
	padding-left:43px !important;
}
	.self-reg{
	padding-top:20px;
}
}

@media(max-width:320px){

	.main-header {
	min-height: 295px !important;
	border-bottom:2px solid #d6d6d6 !important;
	}

	.tittle-head h1 {
	font-size: 1.6em !important;
	padding-top:23px !important;
	padding-bottom:1px !important;
	}	
	.tittle-head p {
	margin: 0px 0;
	font-size: 1.6em;
	}

	.col-md-4{
	padding-left:22px !important;
}
	.self-reg{
	padding-top:20px;
}

.logo{
	width:50px !important;
	display:none;
}

.logo-s5{
	 float: right;
	 display:block;
	 margin-top:1px;
	 padding-top:10px;
}
	}
	
.main-header {
	min-height: 243px;
}
	
.tittle-head h1 {
	font-size: 1.2em;
}
	
.tittle-head p {
	margin: 3px 0;
	font-size: 10px;
}
	
.tittle-head h1{
	margin:-15px 0 !important;
}

/*designer styles*/

ul {
	display:block;	margin-bottom:0 !important;
	margin-top:20px;
}

ul li p{

    color:#333 !important;
	font-weight: 500 !important;
	font-family: 'Roboto Slab';
	text-align:left !important;
	font-size:12px;
}

ul li{
    list-style-image: url('../images/bullet.png')  ;
	padding:5px 8px;
}

.top-header .container{
	padding-right:0;
}
ul.head-list{
	font-size:20px;
	color:red;
}
.head-left{
	width:30%;
	float:left;
	background:#00FFCC;
	display:inline-block;
}

.head-right{
	width:70%;
	float:right;
	background:#0066FF;	display:inline-block;
}