.hide-element {display: none;}



 

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('webfonts/MonoSocialIconsFont-1.10.eot');
    src: url('webfonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('webfonts/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('webfonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('webfonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('webfonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* #Site Styles
================================================== */
html {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body{
 height: 100%;
 width: 100%;
 
}

a {
   outline: 0;
}
a {
   outline: 0; text-decoration: none;
    transition:  .20s ease-in-out;
   -moz-transition:  .20s ease-in-out;
   -webkit-transition:  .20s ease-in-out;
}

a:hover {
   text-decoration: none;;
   transition:  .20s ease-in-out;
   -moz-transition:  .20s ease-in-out;
   -webkit-transition:  .20s ease-in-out;
}


body{
	background:#FFF; 
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 200;
	}


.page-wrap{width:100%; height: 100%; position: relative;}
.page-wrap.noncentered{width:100%; height: auto; position: relative;}

header {
	width:100%;	
	z-index:100; position: absolute; top: 20px;}

header .desklogo{
    width: 100%;text-align: center;
}
header .desklogo img{
    width: 100px;
    height: auto;
    margin-bottom: 20px;
}
header .mobilelogo{
    display: none;
}




header .button-wrap{display: none;}
header ul.desk{ list-style: none; margin: 0px; padding: 0px; text-align: center;
   width: 100%; line-height: 100%;margin-bottom: 0px;}

header ul.mobile{ display: none;}
header .mobile-wrap{display: none;}

header ul.desk li{text-align: center;vertical-align: middle; display: inline-block;}

header ul.desk li a{ text-transform: uppercase; color: #333; letter-spacing: 0.15em; ; font-size: 16px; padding: 5px; margin: 0 20px;}
header ul.desk li a.current{ background-color: #000; color: #FFF;}
header ul.desk li a:hover{ background-color: #000; color: #FFF;}
	

 
section.logo { 
	text-align: center;
	top: 50%;
  left: 20%;
	width: 60%;
  transform: translateY( -50%); position: absolute;}


section.content-block { 
	text-align: left;
	top: 50%;
  left: 20%;
	width: 60%;
  transform: translateY( -50%); position: absolute;}

section.content-block.not-centred { 
	margin: 40px 0px 20px 0; width: 100%;left: 0; ; height: auto;transform: translateY( 0%); position: relative;}



section.content-block h1{ font-weight: 300; font-size: 34px; text-transform: uppercase; letter-spacing: 0.25em;
	margin: 0 0 10px 0!important;
	}


section.content-block h2{ font-weight: 700; font-size: 24px;
	margin: 0px!important;
	}


section.content-block p{ font-size: 20px; line-height: 145%; margin: 0 0 20px 0;}


section.content-block p a{ color: #000; font-weight: 500;}
section.content-block p a:hover{  text-decoration: underline;}

section.content-block .intro{ font-size: 22px; line-height: 145%; margin: 0 0 20px 0; font-style: italic; font-weight: 500;}


section.gallery-block { 
	text-align: center;position: absolute;
  top: 50%;
  transform: translateY(-50%); width: 100%; height: 70%; }


section.gallery-block .owl-height {max-height: 80vh;}

section.gallery-block .owl-height img{max-height: 50vh; width: auto; margin: 0 auto;}



section.logo img{ width: 100%; height: auto; max-width: 600px;
	}




		footer {
			
			text-align:center;
			position: absolute;
			bottom: 5%;
			width: 100%;
			
			
			}
			
			
		
		
		footer p {
			
			
	color: #333;
		font-size: 16px; text-transform: uppercase; letter-spacing: 0.15em;
	
		
		}
		
		
		
		
		
		footer .social-nav ul li .symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

footer .social-nav ul li a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}

footer .social-nav ul{
		padding:0px;
	margin: 10px 0;
	list-style: none;
	text-align:center;	
		}
		
		footer .social-nav ul li{
	padding:0px;
	margin: 0px 20px;
	display:inline-block;	
		}
		

		footer .social-nav ul li a{
			text-decoration: none;
			font-size:40px;
			color:#333; font-family: 'Mono Social Icons Font';
		}
		
		
		
		
		footer .social-nav ul li a:hover{
			
			color:#000;
		}

.page-wrap.noncentered{width:100%; height: auto; position: relative;}
.page-wrap.noncentered	header {width:100%;	z-index:100; position: relative; top: 20px!important; }
.page-wrap.noncentered	header ul.desk {margin-top: 0px;}
.page-wrap.noncentered section.content-block { margin: 40px 0px 20px 0; width: 100%;left: 0; ; height: auto;transform: translateY( 0%); position: relative;}
.page-wrap.noncentered footer {text-align:center;position: relative;width: 100%; display: block;}	




.gallery { margin: 100px 0 0 0;}

		@media only screen and (min-width: 960px) and (max-width: 1160px) {
			
		}
		
		
		
		@media only screen and (min-width: 768px) and (max-width: 959px) {
            
            header ul.desk li a{ margin: 0 5px; font-size: 14px;}
}
		
		
		
		@media only screen and (max-width : 767px) {
			
			
			.page-wrap{width:100%; height: auto; position: relative;}
			
			
			header ul.desk{display: none;}
            
            header .desklogo{
   display: none;
}
            
			
			header ul.mobile{}
			
			header .button-wrap{ display: block; width: 20%; text-align: right;  position: absolute; right: 20px; top:0px;}
			
			header {
	width:100%;	
	z-index:100; position: fixed; top: 0%!important;
			background-color: #000; padding-bottom: 10px;
			}
			
			.page-wrap.noncentered	header { top: 0px!important; }
			
			header .mobile-wrap{position:absolute; width: 100%;  background-color: #000; height: 100vh}
            
            
header  .mobilelogo{
    display: block;
    width: 100%;
    text-align: center;
    float: left;
    margin: 0;
    
}
            
            header  .mobilelogo img{
                width: 100px;
                height: auto;
                margin: 10px 0 0 0;
}
            
            
            
			
			header ul.mobile{ position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%); background-color: #000; display: block; text-align: center; list-style: none;}
		
		
		header ul.mobile li a{text-transform: uppercase; color: #EEE; letter-spacing: 0.15em; ; font-size: 22px;}

header ul.mobile li a:hover{color: #FFF; font-weight: 500;}

		footer {
			
			text-align:center;
			position: relative;
			width: 100%; display: block;}


	footer .social-nav ul li a{
		
			font-size:30px;
		}
		
			
				footer .social-nav ul li a:hover{
		
			color:#333; 
		}
		
			
			footer p { font-size: 12px;}
			section.content-block { margin: 80px 0px 20px 0; width: 100%;left: 0; ; height: auto;transform: translateY( 0%); position: relative;}
			
			
			section.content-block p{font-size: 13px;}
			
			
			section.logo { 
	height: 80vh;
	
  left: 20%;
	width: 60%;
  transform: translateY( 0%); position: relative;}
			
				section.logo img{ margin-top:220px;}
			
			
			
			section.gallery-block {

    text-align: center;
    position:relative;
   margin: 80px 0px 20px 0;
    transform: translateY(0%);
    width: 100%;
    height: 90%;

}
			
			
			
}



@media only screen and (max-height : 767px) {

	
	.page-wrap{width:100%; height: auto; position: relative;}
	
	header {
	width:100%;	
	z-index:100; position: relative; top: 20px;}
	
		header ul.desk {
    margin-top: 0px;
}
section.content-block { margin: 40px 0px 20px 0; width: 100%;left: 0; ; height: auto;transform: translateY( 0%); position: relative;}
footer {
			
			text-align:center;
			position: relative;
			width: 100%; display: block;}
	
	
		
			section.logo { 
	height: 70vh;
	
  left: 20%;
	width: 60%;
  transform: translateY( 0%); position: relative; }
	section.logo img{ margin-top:100%; width: 80%;}
	
	section.gallery-block {

    text-align: center;
    position:relative;
   margin: 80px 0px 20px 0;
    transform: translateY(0%);
    width: 100%;
    height: 90%;

}
			
	section.content-block h1{ font-weight: 300; font-size: 20px; text-transform: uppercase; letter-spacing: 0.25em;
	margin: 0 0 10px 0!important;
	}


section.content-block h2{ font-weight: 700; font-size: 16px;
	margin: 0px!important;
	}


section.content-block p{ font-size: 14px; line-height: 145%; margin: 0 0 20px 0;}


section.content-block p a{ color: #000; font-weight: 500;}
section.content-block p a:hover{  text-decoration: underline;}

section.content-block .intro{ font-size:18px; line-height: 145%; margin: 0 0 20px 0; font-style: italic; font-weight: 500;}		
	
}





.messageDiv {width: 100%; height:100%; position:fixed; top:0; background-color:#000;  display:none; z-index:1000; padding-top:10%; font-size:16px; text-align:center;
	font-family: "Gotham A", "Gotham B", Arial, "sans-serif" sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;}

@media only screen  and (min-device-width : 320px) and (max-device-width : 736px) and (orientation:landscape){
  .messageDiv{
		
		display:block;
	}
}