@font-face {
	font-family: BrauerNeue;
	src: url(../fonts/brauenrj-webfont.eot);
	src: url(../fonts/brauenrj-webfont.eot) format("embedded-opentype"),
	url(../fonts/brauenrj-webfont.woff) format("woff"),
	url(../fonts/brauenrj-webfont.ttf) format("truetype"),
	url(../fonts/brauenrj-webfont.svg#BrauerNeueRegular) format("svg");
	font-weight: normal;
	font-style: normal;
}
 @font-face {
	font-family: URWGroteskCondLight;
	src: url(../fonts/urw-grotesk-cond-light-webfont.eot) ;
	src: url(../fonts/urw-grotesk-cond-light-webfont.eot) format("embedded-opentype"), 
	url(../fonts/urw-grotesk-cond-light-webfont.woff) format("woff"), 
	url(../fonts/urw-grotesk-cond-light-webfont.ttf) format("truetype"),
	url(../fonts/urw-grotesk-cond-light-webfont.svg#URWGroteskCondLight) format("svg");
	font-weight: normal;
	font-style: normal;
}

.contact-social{
font-size:25px;
width: 39px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	border: 2px solid #535353;
	color: #535353;
	     display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    /* line-height: 1; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
 
	margin: 0 8px;
}
.submit-result {
 	width: 100%;
}

#success {
	display: none;
	padding-top: 20px;
	color: #e90347;
}

#error {
	display: none;
	padding-top: 20px;
	color: #e90347;
}

  
.bg-home-image{
	 	height: 100%;
	width: 100%;
	/*opacity: 0.3;*/
	
}
.email
{
	position: absolute;
	left: 0;
	right: 0;
	top: 25%;
	bottom: 0;
	height:100%;
	width:100%;
	color:#FFF;
	text-align:center;

}

.background-home{
	
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	background-attachment: fixed;
	background-image: url("../images/main-bg.jpg");
	background-position: center center;
	background-size: cover;
	height: 100%;
	width: 100%;
	 
}
 .background-home-raster{
	
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	 
	background-image: url("../images/raster.png");
	background-repeat:repeat;
	 
	height: 100%;
	width: 100%;
	 
}
   
 
html, body {
	height: 100%;
}

body {
	position: relative;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
    font-family: 'Open Sans', sans-serif;
    background-color: #000;
    color: #fff;
}

a,
h2,
h3 {
	font-family:  URWGroteskCondLight,Helvetica,HelveticaNeue,"Helvetica Neue",sans-serif;
	font-weight: 300;
	color: #fff;
}


p {
	line-height: 24px;
	font-size: 16px;
}

 

section, 
footer {
	background:#000;
}

ul, 
li, 
.row {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

 

a:hover, 
a:focus {
	text-decoration: none;
}

a:focus, 
button:focus, 
input:focus, 
textarea:focus, 
.submit-style:focus {
	outline: none;
}

 
.container {
	padding: 0;
}

.main-wrapper {
    position: relative;
    padding-top: 50px;
} 
.menu .nav li a::before {
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
  
/*-------------------------------------------------
	2. Toggle Menu
-------------------------------------------------*/
.toggle-btn, 
.lines::before,
.lines::after {
	-webkit-transition: linear 0.2s;
	-moz-transition: linear 0.2s;
	-o-transition: linear 0.2s;
	transition: linear 0.2s;
}

.toggle-btn {
	position: fixed;
	z-index: 999;
	top: 20px;
	right: 20px;
	background: rgb(240, 240, 240);
	width: 50px;
	height: 50px;
	margin: 0;
	border: none;
	line-height: 50px;
}

.lines {
	position: relative;
	display: inline-block;
	background: rgb(30, 30, 30);
	width: 20px;
	height: 2px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.lines::before,
.lines::after {
	position: absolute;
	content: '';
	left: 0;
	display: inline-block;
	background: rgb(30, 30, 30);
	width: 20px;
	height: 2px;
}

.lines::before {
	top: 5px;
}

.lines::after {
	top: -5px;
}

.toggle-close, 
.toggle-close .lines {
	background: transparent;
}

.toggle-close .lines::before, 
.toggle-close .lines::after {
	top: 0;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.toggle-close .lines::before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.toggle-close .lines::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	 
	width: 100%;
		height: 54px;
	min-height: 54px;
    
}

.menu .nav {
	text-align: left;
	padding-left:50px;
	padding-top:25px;
	
}

.menu .nav li {
	 
	margin-right:10px;
}

.menu .nav li a {
 
 font-size: 20px;
    letter-spacing: 1px;
	 color: #f4f4f4;
}



.menu .nav li.active a, 
.menu .nav li a:hover {
	 
    
}

 

 
/*-------------------------------------------------
	13. Footer
-------------------------------------------------*/
 

#main-footer .footer-bottom{
	background: #1f1f1f;
	padding: 60px 0;
	text-align: center;
}
#main-footer .footer-bottom .copyright{
	margin: 0;
	color: #999;
	font-size: 12px;
}
#main-footer .footer-bottom .copyright a{
	color: #999;
}