* {margin: 0; padding: 0; outline: 0;}

body
{
	background-color: #000000;
}

#owl-slaideri .item img{
    display: block;
    width: 100%;
    height: auto;
}

@font-face {
    font-family: Simplifica;
    src: url('../fonts/SIMPLIFICA Typeface.ttf');
}

@font-face {
    font-family: din1451engschrift;
    src: url('../fonts/din1451engschrift.ttf');
}


@font-face {
    font-family: Langdon;
    src: url('../fonts/Langdon.otf');
}


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

.amp
{
	font-family: Rochester,Goudy Old Style,French Script MT,Baskerville,Palatino,Book Antiqua,serif;
	font-style: italic;
	font-size: +2.3em;
	color: #000000; /* initial during load, after loaded #DDA552 */
}

img.serviceimg
{
	border-radius: 163px;
	-webkit-border-radius: 163px;
	-moz-border-radius: 163px;
}

.titleicondiv
{
	display: block; 
	width: 100%; 
	text-align: center;
}

.titleicondiv i
{
	margin: 5px;
}

.navidots
{
	width: 92px;
	height: 15px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	position: absolute;
 	bottom: 40px;
 	left: 50%;
  	margin-left: -46px;
}

.navidot
{
	margin: 5px;
	float: left;
	width: 13px;
	height: 13px;
	background: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	transition:background 0.5s ease;
	-webkit-transition:background 0.5s ease;
}

.navidot.current
{
	background: #EAB64E;
}


.section {
	width: 100%;
	min-width: 250px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
}


.inner {
	margin: 0 auto;
	position: relative;
	min-height: 50px;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}

.subMenu {
	
	height: 77px;
	z-index: 1000;
	width: 100%;
	min-width: 250px;
	
	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
  	
  	background: black;
  	background: rgba(26, 26, 26, 0.4);
	transition:background 0.5s ease ;
	-webkit-transition:background 0.5s ease ;
}

.subMenu.darken {
	background: rgba(26, 26, 26, 0.9);
}

.subMenu.blacken {
	background: rgba(26, 26, 26, 1.0);
}

.subMenu .inner {
	padding:0;
	margin: 0 auto;
}

.subNavBtn {
	display: block;
	/* NOTE: dependency to submenu */
	height: 77px;
	float: left;
	margin: 0px 0px 0 0;

	padding: 0;
}


.fullnavi
{
	z-index: 999;
	position: fixed;
	/* NOTE: dependency to submenu */
	top: 77px;
	bottom:0 !important;
	display: none;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
	vertical-align: middle;
	
	background: black;
  	background: rgba(26, 26, 26, 0.9);
	transition:background 0.5s ease ;
	-webkit-transition:background 0.5s ease ;
}

.fullnavi a
{
	display: block;
	font-size: 3em;
	font-family: LeagueGothicRegular;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition-delay: 0s;
	transition-duration: 0.25s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}

.fullnavi a:hover
{
	color: #DDA552;
}



i.navi
{
	color: #FFFFFF;
	font-size: 3em;
	
	/* NOTE: dependency to submenu */
	margin: 16px 30px 0;
	float: right;
	cursor: pointer;
	
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition-delay: 0s;
	transition-duration: 0.25s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}

i.navi:hover {
	color: #EAB64E;
}

.subMenu a
{
	float: right;
	
	/* NOTE: dependency to submenu */
	height: 57px;
	font-family: Fjalla One;
	font-size: 0.8em;
	/* NOTE: dependency to submenu */	
	padding: 30px 20px 0;
	color: #FFF;
	
	vertical-align: baseline;
	text-transform: uppercase;
	
	letter-spacing: 1px;
	
	text-shadow: none;
	text-decoration: none;
	font-kerning: auto;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	
	-moz-osx-font-smoothing: grayscale;
	
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition-delay: 0s;
	transition-duration: 0.25s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}


.subMenu a:hover {
	color: #EAB64E;
}

.logo
{
	/* NOTE: dependency to submenu (in case used) */
	float: left;
	height: 77px;
}

.logo img
{	
	height: 100%;
 	float: left;
	-ms-transform: scale(0.70,0.70); /* IE 9 */
    -webkit-transform: scale(0.70,0.70); /* Chrome, Safari, Opera */
    transform: scale(0.70,0.70);
}

.titlecontainer
{
	float: left;
	height: 62px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition-delay: 0s;
	transition-duration: 0.25s;
	transition-property: all;
	transition-timing-function: ease-in-out;
}

.title 
{
	font-family: Lobster, sans-serif;
	font-size: 1.6em;
	color: #EAB64E;	

	margin: 0;
	
	display: block;
	clear: both;
	
	text-shadow: none;
	text-decoration: none;
	font-kerning: auto;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	-moz-osx-font-smoothing: grayscale;
	
}

.phone
{
	color: #F2F2F2;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-family: Fjalla One, sans-serif;
	cursor: pointer;
}

.phone i
{
	font-size: 19px;
}

.end {
	margin: 0;
}


.slabtextcontainer
{
	text-align: center;
	padding-left: 25%; 
	padding-right: 25%;
}

.slabtextcontainer.narrowed
{
	padding-left: 35%; 
	padding-right: 35%;
}

.centeredheader
{
	text-align: center;
	color: #000000; /* NOTE: changed after page loaded to avoid FOUC */
}

.centeredtext
{
	text-align: center;
}


/* SECTIONS */

.s1 {
	position: relative;
	
	/* NOTE: dependency to submenu */
	margin-top: -77px;
	min-height: 300px;
    overflow: hidden;
    text-align: center;
}

.midsection
{
	padding-top: 80px;
	padding-bottom: 80px;
	background: #353535;
	color: #868B8E;
}

.midsection h3
{
	color: #DDA552;	
}

.quote1
{
	font-size: 0.2em;
}


.s2 {
	min-height: 550px;
	text-align: center;
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	background: #D5D0C2;
	color: #302F46;
}

.s2 h2
{
	color: #EA8100;
}

.s2 h5
{
	font-weight: bold;
}


.s3 {
	min-height: 550px;
	text-align: center;
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	background: #353535;
	color: #868B8E;
}

.s3 h2
{
	/*color: #EDEDEE;*/
	color: #DDA552;	
}

.s3 h5
{
	color: #EDEDEE;
	font-weight: bold;
}

.s3 i
{
	color: #EDEDEE;
}


.s4 {
	min-height: 550px;
	text-align: center;
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	background: #D5D0C2;
	color: #302F46;
}

.s4 h2
{
	color: #EA8100;
}

.s4 h5
{
	font-weight: bold;
}


.s5 {
	min-height: 500px;
	text-align: center;
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	background: #353535;
	color: #868B8E;
}

.s5 h2
{
	color: #DDA552;
}

.s5 i
{
	color: #EDEDEE;
}

.s5 h5 {
	color: #EDEDEE;
	font-weight: bold;
}

.footer
{
	background: #1C1C1C;
	font-size: 0.8em;
	color: #868B8E;
	text-align: center;
	overflow: hidden;
	padding: 33px 33px 33px;
}

.footertexts
{
	
}





@media screen and (max-width: 836px) { 
	
.subMenu a
{
	display: none;
}
	
}


@media screen and (max-width: 720px) { 
	
.slabtextcontainer
{
	text-align: center;
	padding-left: 15%; 
	padding-right: 15%;
}

.slabtextcontainer.narrowed
{
	padding-left: 25%; 
	padding-right: 25%;
}	
	
	
.fxd{
	top: none !important;
	bottom:0 !important;
}
	
}


@media screen and (max-width: 665px) { 
	
.slabtextcontainer
{
	text-align: center;
	padding-left: 8%; 
	padding-right: 8%;
}

.slabtextcontainer.narrowed
{
	padding-left: 18%; 
	padding-right: 18%;
}	
	
	
.fxd{
	top: none !important;
	bottom:0 !important;
}
	
}


@media screen and(min-width: 330px) and (max-width: 480px) { 

.slabtextcontainer
{
	text-align: center;
	padding-left: 5%; 
	padding-right: 5%;
}

.slabtextcontainer.narrowed
{
	padding-left: 15%; 
	padding-right: 15%;
}	
	
	
.fxd{
	top: none !important;
	bottom:0 !important;
}
	
}


@media screen and (max-width: 480px) { 

i.navi
{
	font-size: 2em;
	
	/* NOTE: dependency to submenu */
	margin: 23px 20px 0;
}
	
.titlecontainer
{
	padding-left: 20px;
	padding-right: 20px;
}
	
.slabtextcontainer
{
	text-align: center;
	padding-left: 5%; 
	padding-right: 5%;
}

.slabtextcontainer.narrowed
{
	padding-left: 15%; 
	padding-right: 15%;
}		
	
.fxd{
	top: none !important;
	bottom:0 !important;
}
}

@media screen and (max-width: 392px) { 

	
.slabtextcontainer
{
	text-align: center;
	padding-left: 5%; 
	padding-right: 5%;
}

.slabtextcontainer.narrowed
{
	padding-left: 15%; 
	padding-right: 15%;
}	
	
	
.fxd{
	top: none !important;
	bottom:0 !important;
}

}


@media screen and (max-width: 355px) { 

.slabtextcontainer
{
	text-align: center;
	padding-left: 5%; 
	padding-right: 5%;
}

.slabtextcontainer.narrowed
{
	padding-left: 15%; 
	padding-right: 15%;
}		
		
.fxd{
	top: none !important;
	bottom:0 !important;
}
}


@media screen and (max-width: 330px) {
	
.title {
  font-size: 1.4em;
}

.titlecontainer {
  padding-top: 8px;
  padding-bottom: 5px;
}
	
i.navi
{
	font-size: 2em;
	margin: 23px 15px 0;
}
	
.titlecontainer
{
	padding-left: 15px;
	padding-right: 8px;
}
	
.slabtextcontainer
{
	text-align: center;
	padding-left: 5%; 
	padding-right: 5%;
}

.slabtextcontainer.narrowed
{
	padding-left: 15%; 
	padding-right: 15%;
}		
	
}


/* NAVI HEIGHT CONSTRAINTS */
@media screen and (max-height: 470px)
{
.fullnavi 
{
	padding-top: 5%;
}
	
.fullnavi a
{
	font-size: 2.3em;
}
}


@media screen and (max-height: 400px) {
.fullnavi 
{
	padding-top: 3%;
}
	
.fullnavi a
{
	font-size: 2em;
}
}

@media screen and (max-height: 350px) {
.fullnavi 
{
	padding-top: 2%;
}
	
.fullnavi a
{
	font-size: 1.7em;
}
}

@media screen and (max-height: 302px) {
.fullnavi 
{
	padding-top: 2%;
}
	
.fullnavi a
{
	font-size: 1.4em;
}
}

@media screen and (max-height: 260px) {
.fullnavi 
{
	padding-top: 1%;
}
	
.fullnavi a
{
	font-size: 1.3em;
}
} 

@media screen and (max-height: 245px) {
.fullnavi 
{
	padding-top: 1%;
}
	
.fullnavi a
{
	font-size: 1.1em;
}
}