.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;
}


@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=80134323-b3ee-429a-88db-189ae2372c18");
    @font-face{
        font-family:"Didot LT W01 Roman";
        src:url("Fonts/00d37e40-d39b-410b-bcc9-cbfc56bc9a12.eot?#iefix");
        src:url("Fonts/00d37e40-d39b-410b-bcc9-cbfc56bc9a12.eot?#iefix") format("eot"),url("Fonts/650d0d58-e300-4679-853a-3e756a508990.woff2") format("woff2"),url("Fonts/f54a27b8-45c7-4c5a-8049-87803db6bbc5.woff") format("woff"),url("Fonts/62993571-aba8-4af3-b69b-ae61288811a0.ttf") format("truetype"),url("Fonts/5a51540e-372d-40e9-bc17-b4f8e9fb1de1.svg#5a51540e-372d-40e9-bc17-b4f8e9fb1de1") format("svg");
    }



/* #Site Styles
================================================== */
html {

}

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:"Didot LT W01 Roman";
	font-style: normal;}


header {
	width:100%;	
	z-index:100;}
	
section.banner {
    background-color: #000;
    display: block;
	height: 100vh;
	text-align: center; position: relative;
}
		
		section.banner .imagewrap {
    height: 100%; position: relative;
}

section.banner .imagewrap .banner-content{
	position: absolute;
  top: 25%;
 width: 80%;
  transform: translateY(-50%);
	margin-left: 10%;
}



section.banner .imagewrap .text-content{
	position: absolute;
  bottom: 15%;
 width: 50%;
  transform: translateY(-50%);
	margin-left: 25%;
}





section.thin_bs_wrapper { width:100%; position:relative;  overflow:hidden;}
section.thin_bs_wrapper .bs_thin{ width:100%; height:140% !important; position: relative;}

section.banner .imagewrap .banner-content img{
	width: 100%;
	height: auto;
	margin-bottom: 0px
}

		
	section.banner h1 {
    
  display: none;
color: #000;
		font-size: 40px;
		text-transform: uppercase;margin: 0 0 10px 0;
}

	section.banner p.leadin {
	color: #000;
		font-size: 70px;margin: 0 0 10px 0; line-height: 120%;
}




 .downer{ position: absolute; bottom: 0px;width: 100%; text-align: center; display: block; ;
}

 .downer img{ width: 60px; height: auto; display: block; margin-left: auto; margin-right: auto; opacity: 0.75;
}

 .downer img:hover{ opacity: 1;
}

section.intro{padding: 60px 0px; text-align: left; background: #FFF; color: #000;
}
section.inverse{background: #000; color: #FFF;
}

section.clients{padding: 60px 0px; text-align: center; background: #FFF; color: #000;
}

section.intro h2
{
	
		font-size: 60px;
		text-transform: uppercase;margin: 0 0 30px 0; font-weight: normal;
}

section.intro h3{
	
		font-size: 32px;
		text-transform: uppercase;margin: 0 0 20px 0;font-weight: normal;
}

		
	section.intro p {
	
		font-size: 26px;margin: 0 0 20px 0;
}

section.intro ul { display: table;
	
		font-size: 26px; padding: 0!important; line-height: 150%;
}

section.intro ul li{ display: table-row;
}

section.intro ul li::before{content:  "• ";
    display: table-cell; /* aha! */
    text-align: left;
	color: #2DB200;
	padding-right: 20px;
}








section.clients ul {
    

	
		font-size: 26px;margin: 0;list-style-position: inside; text-transform: uppercase; margin-bottom: 10px;
}

section.people ul li{ display: inline; margin: 0 5px; padding: 0px;
}

section.people ul li::before { content: "\2022 "; margin: 0 10px;  } 

	


section.banner2, section.banner3, section.banner4, section.banner5, section.banner6 {
    background-color: #000;
    display: block;
	height: 65vh;
	text-align: center;
}
		
section.banner2 .imagewrap, section.banner3 .imagewrap, section.banner4 .imagewrap section.banner5 .imagewrap section.banner6 .imagewrap {
    height: 100%; position: relative;
}



		footer {
			background-color:#FFF;
			padding:60px 0;
			text-align:center;
			
			
			}
			
			footer img{
				width:400px; height:auto; margin-bottom: 20px;
			}
		
		
		footer p {
			
			
		color: #000;
		font-size: 16px; text-transform: uppercase; letter-spacing: 0.15em;
	
		
		}
		
		
		
		footer p a{
			
			color:#000;
			text-decoration: none;
		}
		
		footer p a:hover{
			
			
			color: #2DB200;
		}
		
		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:#000; font-family: 'Mono Social Icons Font';
		}
		
		
		
		
		footer .social-nav ul li a:hover{
			
			color:#2DB200;
		}


		
		
		
		@media only screen and (max-width : 767px) {
			
			section.banner .imagewrap .banner-content{
	
  top: 25%;
 width: 80%;
	margin-left: 10%;
}
			
			
section.banner .imagewrap .banner-content img{
	width: 100%;
}

			section.banner p.leadin {
		font-size: 30px;
}

section.intro h2
{
	
		font-size: 30px;
		
}

section.intro h3{
	
		font-size: 20px;
		
}

		
	section.intro p {
	
		font-size: 14px;
}
	section.intro ul {
	
		font-size: 14px;
}
			
			footer img{
				width:200px; 
			}
		
			
			footer p {
			
			
		font-size: 13px; 
	
		
		}
			
			
		}
		
		


.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;
	
	text-transform: uppercase;
	color: #FFF;}

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