body {
	color: #555;
}

.blue { color: #3498DB; }

.header {
    background: rgba(255,255,255,.3);
    border-top: 3px solid #3498DB;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    height: 45px;
	padding: 0px;
}

.navbar-brand{
	margin-top: -5px;
}

.navbar-header a.navbar-toggle{
	margin: 0px;
	font: inherit;
	overflow: visible;
	text-transform: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
.navbar-header a.navbar-toggle{
	border: 0;
}
.navbar-header a.navbar-toggle:hover{
	background-color:inherit;
	color: black;
}
.navbar-header a.navbar-toggle:active{
	background-color:inherit;
}
.navbar-header a.navbar-toggle:focus{
	background-color:inherit;
}

div.navbar-collapse ul.navbar-nav li{
	text-decoration: none;
}
div.navbar-collapse ul.navbar-nav li:after{
	content: '';
	display: block;
	border-bottom: 2px solid #3498DB;
	margin-top: 0px;
	width: 0;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
div.navbar-collapse ul.navbar-nav li:hover:after{
	width: 100%;
}
div.navbar-collapse ul.navbar-nav li.active:after{
	width: 100%;
}

#infoblend{
	color: #3498DB;
}

div#infoblend > div > p{
	padding-left: 10px;
}

div.carousel-caption{
	color: #3498DB
}

.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}

/* ----- Registration Form ----- */

div.register form {
	padding: 20px 20px 20px 20px;
	background-color: #F1F1F1;
	background: url(../img/pattern.jpg) left top repeat;
	-moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
}

.social-login{
	padding: 0px 0px 15px;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 1em;
}

.twitter, .fb{
	position: relative;
	height: 32px;
	width: 157px;
	display: inline-block;
	background: url('../img/twitter_btn.png') no-repeat scroll 0% 0% transparent;
}

.twitter:hover, .fb:hover{
	background-position: 0px -32px;
}

.twitter a, .fb a{
	padding: 8px 0px 0px 35px;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	height: 32px;
	display: block;
}

.twitter a:hover, .fb a:hover{
	color: #FFF;
	text-decoration: none;
}

.fb{
	width: 165px;
	background: url('../img/fb_btn.png') no-repeat scroll 0% 0% transparent;
}

.fb a{
	padding: 8px 0px 0px 31px;
}

/* ----- Media queries ----- */
@media (min-width: 768px) and (max-width: 979px) {

	h5[class*="col-"]{
		width: 100%;
	}
}

@media (max-width: 767px) {

    body { padding-left: 0; padding-right: 0; }

    .register form h2 { background: none; }
    
	div.register-container{
		padding: 0px;
	}
	
	div.register{
		width: 100%;
	}

    .iphone { display: none; }

}

@media (max-width: 540px){
	label.control-label{
		width: 100%;
	}
	div.form-group div[class*="col-"], div#captcha_block{
		width: 100%;
		margin-left: 0%;
	}
	h5[class*="col-"]{
		width: 100%;
	}
	.twitter{
		margin-bottom: 1em;
	}
	div.register{
		padding-left: 5px;
		padding-right: 5px;
	}
	div.register > form {
		padding: 10px;
	}
}

/*=====================================
=
=======================================*/
input.form-control, select.form-control{
	border-radius: 0px;
}

div.register > form > div.form-group, div.register > form > div.row{
	margin-right: 0px;
	margin-left: 0px;
}

div.register > form > div.row > div[class*="col-"] > div.form-group  input{
	width: 98%;
	float: right;
}

div.register > form > div.row > div[class*="col-"]:nth-child(2) > div.form-group  label{
	margin-left: 6px;
}

div.register > form > div.row > div[class*="col-"]:first-child > div.form-group input{
	float: left;
}

div.register > span{
	padding-top: 10px;
}

form.form-horizontal div.form-group.has-feedback > div > span.form-control-feedback{
	top: 27px;
	right: 0px;
}

div#captcha-block > div[class*="col-"] > span.form-control-feedback{
	top: 93px;
	right: 0px;
}

span#phone1{
	right: 0px;
}

input#submit{
	border-radius: 4px;
}

#country{
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 0px;
}

div#myCombobox button{
	border-radius: 0px;
}

div#myCombobox ul{
	border-radius: 0px;
	margin: 0px;
}

span#user_type1, span#province1{
	right: 30px;
}

span#city1{
	right: 45px;
}

footer p.text-muted{
	text-align: center;
	padding-top: 50px;
}

div#alerts{
	padding-top: 20px;
}