/*
Description: Website Design and PSD to Responsive HTML5 by AdultDC
URI: https://adultdc.com/
*/
header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px; font-family:"Poppins", serif;}
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;}
input[type="submit"]{-webkit-appearance:none; /*-webkit-border-radius:0px;*/}
a, .box a span i, .grid li a .box span i, .grid li a .box span{-webkit-transition:all 300ms ease-in; -moz-transition:all 300ms ease-in; -ms-transition:all 300ms ease-in; -o-transition:all 300ms ease-in; transition:all 300ms ease-in;}
.none{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
select{-webkit-appearance:none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
::-webkit-input-placeholder{color:#000; opacity:1;}
::-moz-placeholder{color:#000; opacity:1;}
:-ms-input-placeholder{color:#000; opacity:1;}
:-moz-placeholder{color:#000; opacity:1;}

/* Responsive menu */
a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:right; top:12px; right:10px;position:absolute;padding:4px 0;min-height:42px;z-index:5}.mean-container a.meanmenu-reveal{width:22px;height:20px;padding:8px 9px 10px;position:absolute;top:-2px;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;background-color:#020202;}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:right;width:160px;background:#111;margin:36px 0px 0 0; position:absolute; right:0px; top:0px;}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none;}.mean-container .mean-nav ul ul{background-color:rgba(0, 0, 0, 0.5);}.mean-container .mean-nav ul li{position:relative;float:none;width:100%; text-transform:uppercase; font-size:14px;}.mean-container .mean-nav ul li a{display:block;float:none;width:80%;padding:0px 10%;margin:0;text-align:left;color:#fff;border-bottom:1px solid #000;text-decoration:none;height:auto; line-height:35px;}.mean-container .mean-nav ul li li a{width:80%;padding:0 10%;border-bottom:1px solid #000;/*opacity:.75;filter:alpha(opacity=75);*/text-shadow:none!important;visibility:visible;}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#333; color:#fff;}.mean-container .mean-nav ul li a.mean-expand{width:26px;height:auto;border:0!important;padding:0 6px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700}.mean-container .mean-nav ul li a.mean-expand:hover{background:0}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both; display:none;}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
/* Closed */

header{position:relative; padding:20px 0px; margin-bottom: 30px; background-color: #f9f9f9;}
.centerwrap{width: 1860px; margin: auto;}
header .centerwrap{display: flex; align-items: center;}
.logo{float:left; position:relative; z-index:1;}
header p{font-size:24px; color:#000; text-transform:uppercase; position:absolute; width:100%; text-align:center; line-height:44px; top:30px; left:0px;}
header p br{display:none;}
nav{float:right; position:relative; z-index:1; margin-left: auto;}
nav ul{display: flex;}
nav li{font-size:18px; text-transform:none; text-transform:uppercase; margin-left:2px; font-weight: 500;}
nav li:first-child{margin-left:0px;}
nav li a{padding:0 25px; display:block; color:#000; border-radius:5px; line-height:42px;}
nav li.joinNow a{background-color:#00ab41; color:#fff;}
nav li a:hover{background-color:#333; color:#fff;}
.title{display: flex; padding-bottom: 8px; align-items:flex-start; flex-wrap: wrap;}
.title h1{font-size: 22px; font-weight: 400; line-height: 34px; text-transform: uppercase;}
.titleLeft{ }
.title p{font-size: 16px; font-weight: 400; line-height: 24px; width: 100%; order: 1;}
.nPage{line-height: 28px; font-size: 15px; text-transform: uppercase; font-weight: 500; color: #000; padding: 0 18px; border-radius: 5px; margin-left: auto; border: 2px solid #000;}
.nPage:hover{background-color: #000; color: #fff;}
.grid{margin:0 -5px;}
.grid-item{width:20%; padding:0 5px; margin-bottom:10px;}
.grid-item img{height:100%; width:100%;}
.box{position:relative; display:block;}
.videoBox{padding-bottom:80.75%; height:0px; position:relative; overflow:hidden; }
.grid li a:hover .box span{background:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:1;}
.grid li a .box span i{background:url(../images/play.png) no-repeat center center; height:74px; width:74px; display:block; position:absolute; top:0px; bottom:0px; left:0px; right:0px; transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); margin:auto; opacity:0}
.grid li a:hover .box span i{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); opacity:1;}
.grid li a{overflow:hidden; display:block;}
.grid li video{width:100%; height:100%; display:block; position:absolute; left:0px; top:0px;}
.nextPage{display: flex; justify-content: center; padding-top: 15px; padding-bottom: 40px;}
.nPageM{font-size: 18px; line-height: 36px; padding: 0 24px; text-transform: uppercase; font-weight: 500; color: #000; border-radius: 5px; border: 2px solid #000;}
.nPageM:hover{background-color: #000; color: #fff;}
.getAccess{text-align:center; padding-top:20px; padding-bottom:60px; display: flex; flex-direction: column; max-width: 860px; margin: auto;}
.getAccess a{font-size:36px; letter-spacing:0.025em; color:#fff; line-height:84px; display:block; vertical-align:top; background-color:#000; text-transform:uppercase; border:3px solid #000; font-weight: 700;}
.getAccess a:hover{color:#000; background-color:#fff;}
.getAccess p{font-size: 15px; color: #333; font-weight: 500; padding-top: 7px;}
.otherLogos{background-color: #f1f0ff; padding-top: 50px; padding-bottom: 20px;}
.oLogos{max-width: 1400px; margin: auto; display: flex; flex-wrap: wrap; justify-content: center;}
.oLogo{width: 23.5%; margin-right: 2%; margin-bottom: 2%; display: flex; align-items: center; justify-content: center;}
.oLogo:nth-child(4n){margin-right: 0;}
footer{background-color:#f9f9f9; padding-bottom:10px;}
.fLogo{margin:auto; width:360px; padding-top:44px; padding-bottom:18px;}
.fLinks{ padding-bottom: 20px; padding-top: 10px;}
.fLinks ul{display: flex; justify-content: center;}
.fLinks ul li{font-size: 18px; text-transform: uppercase; font-weight: 500; margin-right: 2px;}
.fLinks ul li:last-child{margin-right: 0px;}
.fLinks ul li a{padding: 0 25px; color: #000; border-radius: 5px; line-height: 42px; display: block;}
.fLinks ul li a.active{background-color:#9b51b4; color:#fff;}
.fLinks ul li a:hover{background-color:#000; color:#fff;}
footer p{font-size:16px; line-height:22px; color:#555555; padding-bottom:22px; text-align:center;}
footer p a{color:#555555;}
footer p a:hover{color:#000;}

/* theme */
body{background-color: #1C242C;}
header{background-color: #0f171f;}
nav li a{color: #fff;}
nav li.joinNow a{background-color: #17FF74; color: #000;}
nav li.joinNow a:hover{background-color: #fee716;}
nav li a:hover{background-color: #fee716; color: #000;}
.title h1{color: #fee716;}
.title p{color: #fff;}
.nPage{color: #fee716; border-color: #fee716;}
.nPage:hover{background-color: #fee716; color: #000;}
.nPageM{color: #fee716; border-color: #fee716;}
.nPageM:hover{background-color: #fee716; color: #000;}
.getAccess a{background-color: #17FF74; border-color: #17FF74; color: #000;}
.getAccess a:hover{background-color: #fee716; border-color: #fee716;}
.getAccess p{color: #fff;}
.otherLogos{background-color: #E5CE00; box-shadow: 0px 0px 125px #3a4750 inset;}
footer{background-color: #1C242C;}
.fLinks ul li a{color: #d3d6db;}
.fLinks ul li a.active{background-color: #17FF74; color: #000;}
.fLinks ul li a:hover{background-color: #fee716; color: #000;}
footer p, footer p a{color: #d3d6db;}
footer p a:hover{color: #fee716;}
.mean-container .mean-nav ul li a{color: #fff;}
.mean-container .mean-nav li.joinNow a{color: #000;}