/*
Site Name: FHGs Template 1
Description: Template Design and PSD to Responsive HTML5 by AdultDC
Author: AdultDC
Author URL: https://adultdc.com/
*/
header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px; background-color:#f4f4f4; font-family: 'assistantregular';}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
textarea{outline:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none; font-weight:normal;}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
a, a.joinNow:after, a.download:after, a.bannerJoin:after, a.getAccess:after{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* Fonts CSS */
@font-face {
    font-family:'AvenirRoman';
    src: url('../fonts/AvenirRoman.eot');
    src: url('../fonts/AvenirRoman.eot') format('embedded-opentype'),
         url('../fonts/AvenirRoman.woff2') format('woff2'),
         url('../fonts/AvenirRoman.woff') format('woff'),
         url('../fonts/AvenirRoman.ttf') format('truetype'),
         url('../fonts/AvenirRoman.svg#AvenirRoman') format('svg');
}
@font-face {
    font-family:'aller_lightregular';
    src: url('../fonts/aller_lt_1-webfont.eot');
    src: url('../fonts/aller_lt_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_lt_1-webfont.woff2') format('woff2'),
         url('../fonts/aller_lt_1-webfont.woff') format('woff'),
         url('../fonts/aller_lt_1-webfont.ttf') format('truetype'),
         url('../fonts/aller_lt_1-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'allerregular';
    src: url('../fonts/aller_rg_1-webfont.eot');
    src: url('../fonts/aller_rg_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg_1-webfont.woff2') format('woff2'),
         url('../fonts/aller_rg_1-webfont.woff') format('woff'),
         url('../fonts/aller_rg_1-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg_1-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'bitterregular';
    src: url('../fonts/bitter-regular-webfont.woff2') format('woff2'),
         url('../fonts/bitter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'assistantregular';
    src: url('../fonts/assistant-regular-webfont.woff2') format('woff2'),
         url('../fonts/assistant-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Fonts CSS Closed */


header{background-color:#000000; padding:22px 50px; box-shadow:0 0px 16px rgba(0,0,0,0.1); -webkit-box-shadow:0 0px 16px rgba(0,0,0,0.1); position:relative; z-index:1}
.logo{float:left;}
a.joinNow{float:right; font-family:'aller_lightregular'; font-size:24px; color:#fff; letter-spacing:-0.05em; background-color:#11abef; min-width:186px; padding:3px 20px 0; line-height:40px; text-align:center; text-transform:uppercase; position:relative; z-index:1;}
a.joinNow:after{height:100%; left:51%; right:50%; content:''; position:absolute; background-color:#596165; top:0px; z-index:-1}
a.joinNow:hover:after{left:0px; right:0px;}
.videoHere video{width:100%; display:block;}
.bodyArea{background-color:#141414; padding-bottom:2%;}
.videoOnly{padding-bottom:0px!important;}
.videoOnly .midBanner{margin-bottom:0px!important; margin-top:0px!important}
.bodySpace{padding:0 50px;}
.welcomeText{padding-top:36px;}
.welcomeText h1{font-size:30px; font-family:'bitterregular'; color:#fff; padding-bottom:9px;}
.welcomeText p{font-size:15px; line-height:26px; color:#bababa; width:calc(100% - 368px); float:left; padding-bottom:26px;}
.fulltext{padding-bottom:0px!important;}
.fulltext p{width:100%!important;}
.fulltext a.download{display:none!important;}
.welcomeText p a{color:#fff;}
.welcomeText p a:hover{color:#11abef;}
a.download{font-family:'aller_lightregular'; font-size:36px; color:#fff; letter-spacing:-0.05em; text-transform:uppercase; background-color:#11abef; width:268px; text-align:center; line-height:56px; float:right; padding-top:4px; position:relative; z-index:1}
a.download:after{height:100%; left:51%; right:50%; content:''; position:absolute; background-color:#596165; top:0px; z-index:-1}
a.download:hover:after{left:0px; right:0px;}
.modelPic{float:left; margin-right:1%; margin-bottom:1%; width:24.25%; position:relative; overflow:hidden;}
.modelPic:nth-child(4n){margin-right:0px;}
.modelPic img{width:100%;}
.modelPic a:before{width:0px; height:0px; background-color:rgba(255,255,255,0.1); content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.modelPic a:hover:before{animation:box .75s; -webkit-animation:box .75s;}
@-webkit-keyframes box{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}
@keyframes box{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}
.midBanner{background:url(../images/midBanner.jpg) no-repeat center center / cover; background-attachment:fixed; height:600px; margin-bottom:3%; margin-top:2%; position:relative;}
.joinLink{height:100%; width:100%; display:block;}
.bannerContent{ position:absolute; left:120px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.bannerContent li{font-family:'allerregular'; font-size:36px; line-height:60px; letter-spacing:-0.025em; color:#fff; text-transform:uppercase;}
a.bannerJoin{font-family:'allerregular'; font-size:44px; letter-spacing:-0.05em; color:#fff; text-transform:uppercase; background-color:#11abef; line-height:72px; padding-top:4px; display:block; text-align:center; margin-top:22px; text-shadow:0 2px 2px rgba(0,0,0,0.2); position:relative; z-index:1;}
a.bannerJoin:after{height:100%; left:51%; right:50%; content:''; position:absolute; background-color:#596165; top:0px; z-index:-1}
a.bannerJoin:hover:after{left:0px; right:0px;}
.getAccessArea{background-color:#000; text-align:center; padding-top:22px; padding-bottom:40px;}
.getAccessArea h3{font-family:'AvenirRoman'; font-size:36px; color:#11abef; padding-bottom:14px;}
a.getAccess{font-family:'allerregular'; font-size:44px; letter-spacing:-0.05em; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.2); background-color:#11abef; text-align:center; display:inline-block; text-transform:uppercase; padding:0 86px; position:relative; z-index:1}
a.getAccess span{background:url(../images/lock.png) no-repeat left center; display:block; padding-left:55px; padding-top:3px; line-height:97px;}
a.getAccess:after{height:100%; left:51%; right:50%; content:''; position:absolute; background-color:#596165; top:0px; z-index:-1}
a.getAccess:hover:after{left:0px; right:0px;}
footer{text-align:center; padding:16px 0px;}
footer p{font-size:15px; line-height:22px; color:#141414;}
footer p a{color:#141414;}
footer p a:hover{color:#11abef;}