@charset "UTF-8";
/* CSS Document */

/* Begin CSS */

* {
	padding: 0;
	margin:0;
}

html {
	background: none !important; }
	
body {
	font-family: "Open Sans",sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #fff;
	font-size: 15px;
	background: none !important;
	/*background: #F1F2F7;*/
}

/* FONTS*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600;subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600;subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic);

body, html, button, input, select, textarea {
	overflow-x: visible; }


:focus {
	outline: none;
}


/******************************************/
/*										  */
/*	Homepage - contact					  */
/*										  */
/******************************************/
@-webkit-keyframes pulseBlue {
  0% {
	-webkit-box-shadow: 0 0 10px rgba(0,200,255,0.2);
  }
  50% {
	-webkit-box-shadow: 0 0 10px rgba(0,200,255,0.8);
  }
  100% {
	-webkit-box-shadow: 0 0 10px rgba(0,200,255,0.2);
  }
}
@-webkit-keyframes pulseRed {
  0% {
	-webkit-box-shadow: 0 0px 10px rgba(255,0,0,0.2);
  }
  50% {
	-webkit-box-shadow: 0 0px 10px rgba(255,0,0,0.8);
  }
  100% {
	-webkit-box-shadow: 0 0px 10px rgba(255,0,0,0.2);
  }
}
@-webkit-keyframes bgSwing {
  0% {
	background: url(contactgr.png) no-repeat 70px 40px;
  }
  50% {
	background: url(contactgr.png) no-repeat 60px 40px;
  }
  100% {
	background: url(contactgr.png) no-repeat 70px 40px;
  }
}
#contact {
	/*width: 598px;
	margin-top: 20px;*/
}

#contact-form {
	border: none;
	/*width: 400px;*/
	font-family: "Open Sans",sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#contact-form dl {
    float: left;
	margin: 0px 0px 10px 0px;
    }
	
#contact-form dl dt {
	padding: 0px; }
	
#contact-form dl dt label {
	font-weight: normal; } 

#contact-form label {
    font-size: 15px;
    color: #fff; }

#contact-form label span {
    letter-spacing: 0;
    text-transform: none;
    font-style: italic;
    color: #999; }


	
#contactname:focus, #email:focus, #number:focus, #subject:focus, #message:focus {
	border: #4B4B4B solid 1px; }    
    
#contact-form blockquote {
	font-style: italic;
}    
#contact-form blockquote span {
	color:#999;
}
#contact-form label.error {
	color: #f00;
    display: block;
    float: left;
    font-size: 10px;
    font-weight: normal;
    margin-top: -8px;
    position: relative;
}
#contact-form input.error,
#contact-form textarea.error {
	border-bottom: 1px solid #f00;
	border-left: 1px solid #f00;
	border-right:1px solid transparent;
	border-top:1px solid transparent;
}

.contact-form-box {
	width:100%;
	padding-top:50px;
	text-align: center; }
	
.contact-form-box h5 {
	color: #333; }
	
	
	
	
	
	
	
/* Button */
.btn {
	font-family: "Raleway", sans-serif;
	color: #0B1171;
	padding: 6px 25px;
	border: 1px solid #0B1171;
	font-size: 13px;
	background: none;
	border-radius: 0px;
	
	
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:hover {
	opacity: 0.85;
	color: #fff;
	background: #0B1171;
}








/*WEB FORM*/	
.web-form {
	float: left;
    color: #fff;
	width: 100%; }
	
.web-form div {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px; }
	
.web-form label {
	padding: 0px 10px 0px 0px;
	text-align: left;
	font-size: 14px;
	font-weight: normal; }
	
.web-form input {
	border-bottom: 1px solid #4B4B4B;
	border-left: 1px solid #4B4B4B;
	border-right:1px solid transparent;
	border-top:1px solid transparent;
	
	padding: 7px 10px;
	color: #4B4B4B;
	font-size: 12px;
	background: none;
	font-weight: normal;
	margin-bottom: 10px;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s; }
	
.web-form input:focus, .web-form select:focus, .web-form textarea:focus {
	/*background: #f8f8f8;*/ }
	
.web-form select {
	border-bottom: 1px solid #4B4B4B;
	border-left: 1px solid #4B4B4B;
	border-right:1px solid transparent;
	border-top:1px solid transparent;
	
	padding: 8px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #4B4B4B;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s; }
	
.web-form textarea {
	border-bottom: 1px solid #4B4B4B;
	border-left: 1px solid #4B4B4B;
	border-right:1px solid transparent;
	border-top:1px solid transparent;
	
	background: none;
	font-size: 12px;
	padding: 6px 10px;
	margin-bottom: 10px;
	height: 100px;
	color: #4B4B4B;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s; }
	
.web-form .contact-button { }
	
.web-form button {
	background: #4B4B4B;
	color: #fff;
	padding: 0px 45px;
	height: 36px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
	border: none;
	overflow: auto;
	letter-spacing: 1px;
	
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    vertical-align: middle;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s; }
	
.web-form button:hover {
	opacity: 0.9 }
	
.web-form .required {
	/*color: rgba(255, 255, 255, 0.6);*/
	/*margin-left: 3px;*/ }
	
.web-form .email-bottom {
	color: #4B4B4B;
    font-size: 10px;
    margin-top: -14px;
    padding: 0;
    text-align: left; }
	
.web-form .form-Privacy {
	font-size: 11px;
	margin-top: 10px; }
	
.web-form .form-Privacy a {
	color: #4B4B4B; }