@charset "iso-8859-1";

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:400,300,600,700);

body {
	font:100% 'Open Sans', sans-serif;
	color:#222222;
	margin:0;
	background-image:url(images/background2.jpg);
	background-attachment:fixed;
	background-color:#000;
	background-position:  top center no-repeat;
}

a {
 	color: #3280ca;
 	text-decoration:underline;
} 
 
a:hover {
 	color: #000; 
 	text-decoration:underline;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

img {
	border:none;
}

h1 {
  font-size: 400%;
  margin: 0;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
}

h2 {
	margin: 0;
}

.small-text {
	font-size:80%;
}

.medium-text {
	font-size:120%;
}

.large-text-bold {
	font-size:130%;
	font-weight:700;
}

p {
	margin:0;
}

.image-size-down {
	display:inline-block;
}

.image-size-down img {
	width:100%;
	height:auto;
}

.column-wrapper {
	width:100%;
	overflow:hidden;
}

.hide {
	display:none;
}

#header {
	width:96%;
	padding:1% 2%;
	text-align:center;
	background-color: rgba(0, 0, 0, 0.2);
	color:#fff;
}

#main {
	max-width:1200px;
	width:96%;
	margin:auto;
	padding:4% 2% 4% 2%;
}

.main-wrapper {
	max-width:1000px;
	width:100%;
	overflow:hidden;
	margin:auto;
}

.main-c1 {
	max-width:296px;
	width:30%;
	float:left;
}

.main-c2 {
	width:65%;
	float:right;
	padding-left:5%;
	color:#fff;
	font-weight: 300;
}

.login {
	max-width:400px;
	width:96%;
	margin:4% auto 0 auto;
	padding:30px;
	background-color: rgba(255, 255, 255, 0.8);
	font-size:95%;
	border:2px solid #cccccc;
	color:#818488;	
}

.login-c1 {
	width:50%;
	float:left;
}

.app-c1 {
	width:50%;
	float:left;
}

.app-c1 {
	width:50%;
	max-width:150px;
	float:left;
}

.app-c1 img {
	width:100%;
	height:auto;
}

.app-c2 {
	width:40%;
	max-width:126px;
	float:left;
	padding-left:2%;
}

.app-c2 img {
	width:100%;
	height:auto;
}


/*================ FORM ========================*/

form{
	width: 100%;

	}

fieldset{
	border: 0;
	padding: 10px 0 ;
	clear: left;
	}
	
textarea, input, select{
	border: 1px solid #c2c3c6;
	padding: 2%;
	width: 96%;
	margin-bottom:10px;
	font-family:'Open Sans', sans-serif;
	color:#818488;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	}

label{
	font-weight: bold;
	}	
	
textarea:focus, input:focus, select:focus{
	background: #fff;
	border: 1px solid #3280ca;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	outline: none;
}

input[type="submit"]{
	border: 1px solid #c2c3c6;
	padding: 3px 0;
	margin-top: 5px;
	font-weight: bold;
	width: 130px;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #f6f5f5; /* Old browsers */
	}
	
.submit {
	background-color: #3280ca;
	color: #fff;
	width: 100%;
	height: 40px;
	margin: 10px 0 0 0;
	font-size:100%;
	font-weight:700;
	cursor:pointer;
}

.submit:hover {
	background-color: #000;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.btn{
	background-color:#000;
	background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	color:#FFF;
	font-size:large;
	padding: 5px;
	-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
}




/***************responsive***************/

@media screen and (max-width: 600px){
#contact-form {
	width: 100%;
	float: none;
}

#map {
	width: 100%;
	float: none;
}
}