@charset "UTF-8";
/* CSS Document */


@font-face {
font-family: "LetterGothicStd";
  src: url(../fonts/LetterGothicStd.otf) format("opentype");
}
@font-face {
font-family: "LetterGothicStd-Bold";
  src: url(../fonts/LetterGothicStd-Bold.otf.otf) format("opentype");
}
@font-face {
font-family: "FranklinGothicBook";
  src: url(../fonts/FranklinGothicBook.ttf) format("truetype");
}
@font-face {
font-family: "FranklinGothicMedium";
  src: url(../fonts/FranklinGothicMedium.ttf) format("truetype");
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


html,body{height:100%;}
html{font-size: 62.5%;}
body{ background: #000; color: #999; font-family: "FranklinGothicBook", Arial, Helvetica," sans-serif";
  font-size: 1.5rem; line-height: 1.3; font-weight: 300;
  padding-bottom: 10px;
}
a{color: #999; transition: 0.3s;}
a:hover{ opacity: 0.7;}

.w1000{ width: 1000px; margin: 0 auto; max-width: 100%; }
.w485{ width: 475px; max-width: 100%;}
.container{min-height: 100%; position: relative;}
.contents{ padding-bottom: 60px;}
.maLR15{ margin: 0 15px;}

.header{ padding: 90px 0px 0 0px;}
.logo{ margin: 0 15px 0 14px; transition: 0.3s; display: inline-block;}
.logo img{ width: 300px;}
.logo:hover{ opacity: 0.7;}
.siteSubtitle{ font-size: 1.5rem; font-family: LetterGothicStd;
  letter-spacing: 2.3px; margin: 2px 15px 0 19px; font-weight: 400;
}
.globalNav{ padding:90px 0 90px 0; margin: 0 15px;}
.globalNav li{ font-size: 1.45rem; float: left;
	margin-right: 80px; letter-spacing: 3px;
}
.globalNav li a{ text-decoration: none; color: #fff;}
.globalNav .navHoverAction{ position: relative; width: 0px; height: 2px; background: #fff; transition: 0.3s;}
.globalNav li:hover .navHoverAction{ width: 85px; text-align: left;}
.globalNav li.nav_about_us:hover .navHoverAction{ width: 87px; text-align: left;}


.topOutline{ width: 475px; }



.servicesArea dt{ font-size: 1.8rem;  padding-bottom: 5px; display: inline-block; cursor: pointer;
  color: #999; font-family: "FranklinGothicMedium";
}
.servicesArea .fa-chevron-right{font-size: 1.5rem; transition: 0.3s;}
.servicesArea dd{ display: none; padding-left: 20px;}
.servicesArea dd .flanklinM{ font-family: "FranklinGothicMedium";}
.rotateStyle{ transition: 0.3s; transform: rotate(90deg);}
.servicesArea .serviceSection{ padding-bottom: 50px; margin: 0 15px;}

.h2style-1{ width: 475px; max-width: 100%; border-bottom: 1px solid #fff; font-size: 1.6rem;
  letter-spacing: 2px; margin:0 15px 20px 15px; color: #fff;
}
.h2style-1 span{ margin: 0 0px;}


.aboutCage{ width: 540px; max-width: 100%; padding-bottom: 30px;}
.member{ padding-top:50px;}
.member .portlateArea{ float: left; width: 180px;}
.member .person { float: left; width: 310px; margin-left: 15px; margin-top: 10px;
  max-width: 100%;}
.member .photoArea{ width: 180px; height: 180px; border-radius: 100px;}
.member .memberPhoto1{ background: url(../images/Nathan_Shammah_profile.jpg) no-repeat;
  background-size: 180px auto; background-position: 0 -25px;
}
.member .memberPhoto2{ background: url(../images/Simone_De_Liberato.jpg) no-repeat;
  background-size: 180px auto; background-position: 0 0px;
}
.member .memberPhoto3{ background: url(../images/Robert.jpg) no-repeat;
  background-size: 180px auto; background-position: 0 0px;
}
.member .textArea{ padding-top: 15px;}


#mc_embed_signup input.email{ width: 261px !important;}
#mc_embed_signup .button{ width:83px !important; padding:0 8px !important;}

.copyright{display: block; font-size:1.0rem; margin: 0 15px 0 15px;
  height:20px; position:absolute; bottom:0;
}



@media screen and (max-width:767px){
	
	body{padding-bottom:10px;}
	.header{ padding: 20px 0px 0 0px;}
	.logo img{ width: 200px;}
	.globalNav li{ margin-right: 50px;}
	.member .photoArea{ float: none;}
	.member .textArea{ float: none;}
	
	.globalNav { padding: 30px 0 30px 0; }
	.globalNav li:hover .navHoverAction{ width: 0;}
	.h2style-1 { width:auto !important;}
	
	.contents{ padding-bottom: 25px;}
	.copyright{  }
	.member .person{ margin-left: 0; margin-top: 20px;}
	
	
	
}