@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/pts55f-webfont.eot');
    src: url('../fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pts55f-webfont.woff') format('woff'),
         url('../fonts/pts55f-webfont.ttf') format('truetype'),
         url('../fonts/pts55f-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/pts75f-webfont.eot');
    src: url('../fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pts75f-webfont.woff') format('woff'),
         url('../fonts/pts75f-webfont.ttf') format('truetype'),
         url('../fonts/pts75f-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/brandon_bld-webfont.eot');
    src: url('../fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_bld-webfont.woff') format('woff'),
         url('../fonts/brandon_bld-webfont.ttf') format('truetype'),
         url('../fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('../fonts/brandon_re-webfont.eot');
    src: url('../fonts/brandon_re-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_re-webfont.woff') format('woff'),
         url('../fonts/brandon_re-webfont.ttf') format('truetype'),
         url('../fonts/brandon_re-webfont.svg#brandon_grotesqueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'buffet_scriptregular';
    src: url('../fonts/buffet_script-webfont-webfont.eot');
    src: url('../fonts/buffet_script-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/buffet_script-webfont-webfont.woff') format('woff'),
         url('../fonts/buffet_script-webfont-webfont.ttf') format('truetype'),
         url('../fonts/buffet_script-webfont-webfont.svg#buffet_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}





body {
  background: #fff;
  font-family: 'PTSansRegular', Arial, Helvetica;
  color: #23191a;
}

.container {
	padding-left: 55px;
	padding-right: 55px;
	max-width: 940px;
}


h1 {
	font-family: 'brandon_grotesquebold', Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 27px;
	line-height: 30px;
	margin: 10px 0 20px 0;
	padding: 0;
}



h2 {
	font-family: 'brandon_grotesquebold', Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #23191a;
	text-align: center;
	font-size: 20px;
	line-height: 23px;
	margin: 15px 0 15px 0;
	padding: 0;
}



h3 {
	font-family: 'brandon_grotesquebold', Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #8F8888;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	margin: 0 0 10px 0;
	padding: 0;
}

h4 {
	font-family: 'brandon_grotesqueregular', Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #23191a;
	text-align: center;
	font-size: 15px;
	line-height: 18px;
	margin:  0 0 10px;
	padding: 0;
}

p {
	font-family: 'PTSansRegular', Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
	color: #23191a;
	text-align: center;
	margin:  0 0 10px;
	padding: 0;
	font-size: 13px;
	line-height: 16px;
}

strong {
	font-family: 'PTSansBold', Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
}

a {color: #23191a;; text-decoration: none;}

a:hover, a:focus {color: #23191a; text-decoration: underline;}


ul {
margin: 0px 0px 0px;
padding: 0 0 0 15px;
list-style: outside;
}


ul li {
margin: 5px 0;
}

.img-50 {max-width: 50%; min-width: 50%; width: 50%; margin: 0 25% 15px 25%; height: auto;}
.img-70 {max-width: 70%; min-width: 70%; width: 70%; margin: 0 15% 15px 15%; height: auto;}


/* FULLPAGE JS */
.fp-slides,
.fp-slidesContainer,
.slide {position: relative;}

.fp-controlArrow.fp-prev {
	left: 0px;
	color: #FFF; 
	border: none;	
	width: auto;
	height: auto;
	margin: -18px 0 0 0;
	padding: 10px;
}

.fp-controlArrow.fp-next {
	right: 0px;
	color: #FFF; 
	border: none;	
	width: auto;
	height: auto;
	margin: 0;
	margin: -18px 0 0 0;
	padding: 10px;
}

.fp-controlArrow {
}








/* #section_start */
#section_start {background: #1a1a1a; position: relative; min-height: 200px; padding: 0;}


#section_start .logotyp {
	display: block; 
	margin: 0 auto;
	width: 100%;
	height: auto;
	
  -webkit-animation-duration: 500ms;
  -webkit-animation-delay: 0s;
  -moz-animation-duration: 50ms;
  -moz-animation-delay: 0s;
}




#section_start h1,
#section_start h2,
#section_start h3,
#section_start h4,
#section_start p,
#section_start a {color: #FFF;}

#section_start-con,
#section_start-slide2-con {
	position: absolute;
	top: 50%;
	left: 50%;
}
				
			

a.theres_more {
display: block;
width: 100%;
height: 60px;
font-size: 12px;
line-height: 15px;
/*background: #1a1a1a;
opacity: 0.4;*/
border: none;
text-align: center;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
padding: 20px 0 10px 0;

position: absolute; 
left: 0px; 
bottom: 0px;
z-index: 2;
}
	






hr {background:#3B3B3B; width: 100%; height: 0px; margin: 0px; padding: 0px; border: none;}










/* #section_contact */
#section_contact {background: #FFF; position: relative; padding: 0;}
#section_contact_container {}
#section_contact form {width: 70%; margin: 0 15% 15px 15%;}


#contact-con {
	position: absolute;
	top: 50%;
	left: 50%;
}


#section_start #section_start-con,
#section_contact #contact-con {
	width: 80%;
	max-width: 240px;
}


	
@media (min-width: 768px) {
		
	#section_start #section_start-con,
	#section_contact #contact-con {
		width: 240px;
	}
	
	/*
		
	#section_start .logotyp {
		width: 240px;
	}
	*/
	

	
	
	#section_portfolio .container {padding: 0 55px;}
	#section_portfolio .row { margin: 15px -7.5px 0 -7.5px;}
	#section_portfolio .row .col {padding: 0 7.5px; margin: 0 0 15px 0;}
	
		
	 /* centered columns styles */
	.row-centered {
	    text-align:center;
	}
	.col-centered {
	    display:inline-block;
	    float:none;
	    /* reset the text-align */
	    text-align:left;
	    /* inline-block space fix */
	    margin-right:-4px !important;
	    vertical-align: top;
	}
	
	
	
	
		
	#section_start-con,
	#contact-con {
		position: absolute;
		top: 50%;
		left: 50%;
	}
	
	
	
	/* Section PORTFOLIO */
	#section_portfolio {
		height: auto;
	}
	
	

	 
	
	

}

@media (min-width: 992px) {
	

}

@media (min-width: 1200px) {}