@charset "utf-8";
/* CSS Document */
/* css/corzo */
	@import url(http://fonts.googleapis.com/css?family=Lato);
*{
	margin:0;
	padding:0;
	font-family: Lato, Helvetica, serif;
    border:none;
}	

html,
body{
	height:100%;
}

body {
	background:#EDEDED;
}

.container{
	background:#fff;
}
.clearFloat{clear:both;}
a{text-decoration:none}

.link_decoration:link{
	color:#929292;
	text-decoration:none;
}
	
.link_decoration:visited{
	color:#929292;
	text-decoration:none;
}

ul{list-style:none;}

.toUpper{
	text-transform:uppercase;
}

.alignCenter{
	text-align:center;
}

.underline{
	text-decoration:underline;
}

.bold{
	font-weight:bold;
}

.blueBg{
	background:#008ece;
}

.greyBg{
	background:#2a3035;
}

.blueFont{
	color:#008ece;
}

.greyFont{
	color:#2a3035;
}

#logo{
	display: block;
	width: 220px;
	margin: 10px 0;
	padding-left: 30px;
}

.main_menu{
	margin-top: 62px;
	margin-right: 20px;
}

.main_menu ul li{
	float: left;
}

.main_menu ul li a{
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	letter-spacing: 0.3px;
	padding: 22px 12px;
}

.login_icon{
	background: #0696d4;
	color: #fff;
	border-radius: 13px;
	padding: 4px 6px;
	text-align: center;
	font-size: 14px;
	margin-right: 5px;
}

#gradientLine{
	height:40px;
	background: #008ece; /* Old browsers */
	background: -moz-linear-gradient(left,  #008ece 0%, #2dbdf2 26%, #0090cf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008ece), color-stop(26%,#2dbdf2), color-stop(100%,#0090cf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #008ece 0%,#2dbdf2 26%,#0090cf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #008ece 0%,#2dbdf2 26%,#0090cf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #008ece 0%,#2dbdf2 26%,#0090cf 100%); /* IE10+ */
	background: linear-gradient(to right,  #008ece 0%,#2dbdf2 26%,#0090cf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ece', endColorstr='#0090cf',GradientType=1 ); /* IE6-9 */

}

.banner_wrapper{
	height: 330px;
	overflow: hidden;
}

.banner_nav {
	position: absolute;
	top: 50%;
	font-size: 50px !important;
	cursor: pointer;
	color: #fff;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

.bannerNavR {
	left: 20px;
}

.bannerNavL {
	right: 20px;
}

.callout{
	font-size: 20px;
	position: absolute;
	left: 50%;
	width: auto;
	color: #fff;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, 50%);
	text-shadow: 1px 1px 1px #000000;
}

.spaceTB{
	padding:50px 0;
}

.feature_icon i{
	font-size: 50px;
}

.feature h2{
	border-bottom: 2px solid #2a3035;
	margin: 20px;
	padding-bottom: 15px;
	font-size: 20px;
}

.text_descr{
	line-height: 160%;
	font-size: 15px;
}

.fix_moto{
	height:330px;
	overflow:hidden;	
}

.moto_icon{
	background: #fff;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	border-radius: 0 0 50px 50px;
	width: 90px;
	height: 55px;
	text-align: center;
	font-size: 35px;
	color: #2a3035;
}

.fix_moto h1{
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	color: #fff;
	font-size: 40px;
	width: 800px;
	font-weight: bolder;
	text-shadow: 2px 2px 6px #000000;
	line-height: 100%;
	letter-spacing: 0.03em;
}

.title_box{
	color: #fff;
	padding: 21px 0;
	max-width: 260px;	
}

.title_box h2{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.48);
	font-size: 20px;
}

/*SERVICES*/
.serviceItem:nth-child(even) .serviceImg {
	float: right;
}

.serviceItem:nth-child(even) .serviceContent {
	float: left;
}

.serviceItem:nth-child(odd) .serviceImg {
	float: left;
}

.serviceItem:nth-child(odd) .serviceContent {
	float: right;
}

.serviceItem{
	height: 390px;
	overflow: hidden;
	max-height: 100%;
}

.serviceContent{
	height:100%;
}

.serviceImg{
	overflow: hidden;
	height: 100%;
}


/*END SERVICES*/

/*CONTACT*/
.contact_emails span{
	min-width: 100px;
	display: inline-block;
}
	
.contact_emails a{
	display: inline-block;
	text-decoration: underline;
	color: #2a3035;
	font-size: 16px;
	margin: 5px 0 0 0;
}

.contactSpacer{
	margin-top:30px;
}

.contactSpacer h2{
	font-size: 20px;
}

.cForm{
	width: 365px;
	background: none repeat scroll 0 0 #E8E8E8;
	margin-top: 15px;
}

.fill_form {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #A8A8A8;
	font-size: 13px;
	margin-bottom: 8px;
	padding: 8px;
	width: calc(100% - 20px);
	font-family: Lato, Helvetica, serif;
	border-radius: 0;
}

.fill_form:focus{
    border: 1px solid #ccc;
}

.prm-btn{
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	padding: 10px 0;
	display: block;
	width: 200px;
	text-align: center;
	margin: 8px 0;
	-webkit-transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	-ms-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
}

.prm-btn:hover{opacity:0.8;}
.prm-btn a{color:#FFF;}
/*END CONTACT*/

.showMenu {
	display: none;
	color: #fff;
	font-size: 20px;
	padding: 5px;
	margin: 10px;
}

footer{
	color: #5C5C5C;
	text-align: center;
	padding: 20px 0;
	font-size: 12px;
	background: #191D22;
}

footer .container{background: #191D22 !important}

#sentMsg{
	display:none;
	background:rgba(204, 204, 204, 0.36);
    display: block;
    font-size: 16px;
    padding: 10px;
}

/*CLIENT SPACE*/
.login_line{
	color: #fff;
	position: absolute;
	left: 40px;
	top: -50px;
	height: 30px;
	width: 210px;
	padding: 15px 0;
	font-size: 20px;
}

.loginForm{
	width: 300px;
	margin: auto;
	padding: 80px 0;
}

.loginForm h1{
	margin-bottom: 10px;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

.loginForm label{
	margin: 5px 0;
	display: block;
	font-size: 16px;
}

.min-height{
	min-height: calc(100% - 249px);
}

.client_space{
	margin: 0 40px;
	padding: 40px 0;
}

.billing_table{
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
}

.tableHead{
	color: #fff;
}

.smallerHeader{
	font-size: 13px;
	line-height: 100%;
}


.billing_table tr{
	border-bottom: 1px solid #DADADA;
}

.billing_table tr:nth-child(even){
	background: rgba(228, 228, 228, 0.55);
}

.billing_table tr th{
	padding: 5px;
}

.billing_table tr td{
	padding: 7px 5px;
}

.customerInfo{
	padding-right:20px;
}

.profileForm{
	background: rgba(228, 228, 228, 0.55);
}

.updateInfo{
	cursor: pointer;
	margin: 8px 0 10px 0;
	font-size: 15px;
}

.customerInfo{
	margin:10px 0;
	font-size:14px;
	line-height: 140%;
}

/*END CLIENT SPACE*/


@media (max-width: 1024px){

	
}

@media (max-width: 800px){

	

}



@media (max-width: 640px){
	
	
}

@media (max-width: 400px){
	
}
	
