/*
Site Name: TransBoxxx
Description: Designed and Responsive by AdultDC
Author: AdultDC
Author URL: https://adultdc.com/
*/
header,section,footer,aside,nav,main,article,figure{display:block}
body{
    margin:0;
    padding:0;
    background-color:var(--color-bg-night);
    font-family:'Nunito', sans-serif;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body.night, body.night a {
    color: var(--color-font-night);
}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0; max-width:100%; display:block; width:100%}
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, .searchI, .daynight, .searchMobile, .reset, .dots, .startMShip{-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;}

.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{opacity:1;}
::-moz-placeholder{opacity:1;}
:-ms-input-placeholder{opacity:1;}
:-moz-placeholder{opacity:1;}
.noSelect{-webkit-user-select:none;-ms-user-select:none; user-select:none;}
.mb-15{
    margin-bottom: 15px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-45{
    margin-bottom: 45px;
}
.w-100{
    width:100%;
}
.p-relative{
    position: relative !important;
}
.d-flex{
    display:flex;
}
.button{
    display: inline-flex;
    align-items: center;
    font-size:16px;
    color:var(--color-font-night);
    text-transform:uppercase;
    letter-spacing:0.01em;
    border-radius:4px;
    padding:0 20px;
    font-weight:600;
    height:36px;
    min-width: 36px;
    cursor: pointer;
    font-family: 'Nunito', sans-serif;
}
.button.main-color-button{
    border:1px solid transparent;
    background-color:var(--color-links);
}
.button.main-color-button:hover{
    background-color:var(--color-font-night);
    color:var(--color-links);
}
.button.grey-color-button{
    border:1px solid #555555;
    background-color:var(--color-bg-night);
}
.button.grey-color-button:hover{
    background-color:#555;
}
.blink{
    margin:auto 4px;
}
.text-center{
    text-align: center;
}
.hoverColor:hover{
    color: var(--color-links);
}
.flag{
    display: inline-block;
    width: 20px;
    height: 15px;
    background-size: contain;
}
/* Responsive menu */
a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:right; top:auto; width:0px; right:0px;position:absolute;padding:4px 0;min-height:42px;z-index:1}.mean-container a.meanmenu-reveal{width:22px;border-radius:3px; -webkit-border-radius:3px;height:17px;padding:5px 8px 10px;position:absolute;top:auto;right:0px!important;cursor:pointer;color:var(--color-font-night);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:var(--color-links);}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:right;width:180px;background:rgba(0, 0, 0, 0.9);margin:60px 0px 0 0; position:absolute; right:0px; top:0px;}.mean-container .mean-nav ul{display:none;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%; font-size:15px;}.mean-container .mean-nav ul li a{display:block;float:none;width:86%;padding:10px 7%;margin:0;text-align:left;color:var(--color-font-night);border-bottom:1px solid #000;text-decoration:none;height:auto;line-height:16px;}.mean-container .mean-nav ul li li a{width:88%;padding:12px 6%;border-bottom:1px solid #000;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:var(--color-links); }.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:11px;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} .joinMLink a{background-color:#e91b23; color:var(--color-font-night);}.joinMLink a:hover{background-color:var(--color-font-night); color:#bb0a0a;}
.panel, .select2-dropdown, .select2-search__field{
    border: 1px solid #555555;
    background-color: #222222;
}
.panel .alter-bg{
    background-color: #000;
}
.panel, .select2-dropdown{
    box-shadow: #555555 0 0 18px;
}
.select2-search__field{
    color: white;
}

.centerwrap{width:96%; margin:auto;}
header .centerwrap{position:relative; display:flex; height:82px; align-items:center; justify-content:space-between;}
.headerLeft{display:flex; align-items:center; flex-grow:1; margin-left:10px;}
.logo{margin-right:32px; width:250px; margin-left:-8px;}
nav ul{display:flex;}
nav ul li{font-weight:400; font-size:16px; letter-spacing:0.01em; text-transform:uppercase; margin-right:22px;}
nav ul li:last-child{margin-right:0;}
nav ul li a{color:var(--color-font-night);}
nav ul li a.active, nav ul li a:hover{color:var(--color-links);}
.headerRight{display:flex; align-items:center;}
.searchMobile{display:none;}
.searchM{display:flex; align-items:center; position:relative}
.searchArea{display:flex; position:relative; width:300px; border:1px solid #555555; border-radius:4px; overflow:hidden;}
.searchbox{ font-family:'Nunito', sans-serif; border:none; padding-left:18px; width:100%; text-transform:uppercase; font-weight:400; height:36px; background:none; padding-right:40px;}
.night .searchbox{
    color: var(--color-font-night);
}
.searchI{width:39px; height:100%; position:absolute; right:0; top:0; border:none; cursor:pointer; background:url(../images/search.png) no-repeat center center;}
.searchI:hover{background-color:#222;}
.prefWrapper, .searchBlock{
    margin: 0 10px 0 0;
}
.prefWrapper .prefBlock{
    padding:0;
}
.prefWrapper .prefBlock .prefSelected{
    width:150px;
    padding: 0 8px;
}
.prefBlock i{
    color: var(--color-font-night);
}
.prefList{
    position: absolute;
    z-index: 99;
    padding: 45px 60px;
    top: 60px;
    width: 871px;
    left: calc(50% - 435px);
}
.prefList p{
    margin: 15px 0 15px 0;
}
.prefList ul{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between}
.prefList li{
    width: calc(33% - 16px);
    border:1px solid var(--color-font-night);
    border-radius:8px;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
    position:relative;
    margin-bottom: 15px;
    font-size: 18px;
}
.prefList li.selected{ background: url("../images/check.svg") no-repeat right 10px bottom 10px;
}
.prefList li {cursor:pointer;}
.prefList li:hover {background-color: black}
.prefList .genres li {height: 154px; cursor:pointer;}
.prefList .genres li i {height: 75px; width:75px; background-size: contain !important;}
i.general {background-image: url("../images/Icons/General-Porn-White.png"); }
i.anal {background-image: url("../images/Icons/Anal-Porn-White.png"); }
i.girls {background-image: url("../images/Icons/Only-Girls-Porn-White.png"); }
i.wet {background-image: url("../images/Icons/Wet-Porn-White.png"); }
i.straight {background-image: url("../images/Icons/Straight-Porn-White.png"); }
i.gay {background-image: url("../images/Icons/Gay-Porn-White.png"); }
i.trans {background-image: url("../images/Icons/Trans-Porn-White.png"); }

.prefBlock i{
    width:100%;
    height: 100%;
    background-size: 40px 40px;
    background-position: center;
    /*filter: blur(.6px);*/
}
.prefBlock i.fas{
    display:flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-position: center;
}
.prefList .contentStyles li {height: 51px; align-items: flex-start; padding: 0 10px}

.listFooter{
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
.dn-mob-wrapper{
    display: none;
    flex-grow: 1;
}
.headerRight .dn-mob-wrapper .daynight{
    margin-left: 0;
    display: block;
}
.settingH{display:flex;}
.settingH a{background-color:#212529; width:38px; height:36px; font-size:18px; color:var(--color-font-night); border-radius:3px; display:flex; align-items:center; justify-content:center;}
.settingH a:hover{background-color:var(--color-links);}
.twoBtns{display:flex;}
.signIn{  margin-right:10px;}
.topHeader{background-color:#222222; display:flex; justify-content:space-between;}
.topHeader .centerwrap{display:flex; align-items:center; justify-content:space-between;}
.topHLeft{display:flex;}
.topHLeft ul{display:flex;}
.topHLeft ul li{font-weight:300; font-size:16px; letter-spacing:0.01em;}
.topHLeft ul li a{color:var(--color-font-night); background-color:#181818; line-height:38px; padding:0 28px; display:flex; align-items:center;}
.topHLeft ul li a.store{background-color:var(--color-links);}
.topHLeft ul li a:hover{background-color:#91124b;}
.topHLeft ul li a i{margin-right:7px;}
.storeI{background:url(../images/store.png) no-repeat; width:19px; height:20px;}
.discussionsI{background:url(../images/discussions.png) no-repeat; width:23px; height:20px;}
.topHRight{display:flex;}
.daynight{background:#212529 url(../images/sun.png) no-repeat center center; background-size:18px; margin-left:10px;}
.daynight:hover{background-color:var(--color-links);}
.title{display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; flex-wrap:wrap;}
.title h1, .title h2{font-size:32px; font-weight:600; text-transform:uppercase; line-height:36px;}
.viewAll{margin-left:auto}
.allVideos{display:flex; flex-wrap:wrap; justify-content: flex-start; margin-left: -6px; margin-right: -6px}
.videoBlock{margin-bottom:20px; margin-left:6px; margin-right:6px}

.videoDetails{padding-top:5px;}
.videoDetails h3{
    font-size:16px; font-weight:400; white-space: nowrap;
    display:flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: capitalize;
    width: 100%;
}

.videoDetails h3:after, .videoDetails p:first-child:after{
    background: linear-gradient(270deg,var(--color-bg-night),transparent);
    content: "";
    display: inline-block;
    height: 24px;
    position: absolute;
    right: 0;
    width: 15%;
}
.pubDate{
    position: absolute;
    bottom: 0;
    z-index: 1;
    text-align: center;
    right: 0;
    color: var(--color-font-night);
    padding: 0 8px;
    background-color: #222;
    font-size: 12px;
    line-height: 20px;
}
.pubDate i{
    margin-top: 4px;
}

.videoDetails a{color:var(--color-font-night); word-wrap:break-word}

.videoDetails a:hover{color:var(--color-links);}
.videoDetails p{position:relative; font-size:13px; font-weight:600; padding-bottom:10px; white-space: nowrap; overflow: hidden}
.videoDetails ul{display:flex; flex-wrap:wrap;}
.videoDetails ul li{min-width: 90px; font-size:12px; font-weight:300; margin-right:15px; display:flex; align-items:center;}
.videoDetails ul li:last-child{margin-right:0;}

.bodyArea i{margin-right:7px; font-size:14px;}
.bodyArea .prev i, .bodyArea .next i{margin-right:0;}
.allVideos i{color:var(--color-links);}
.ticket{background:url(../images/tickets.png) no-repeat; width:15px; height:15px;}
.studio-icon{background:url(../images/studio.png) no-repeat; width:15px; height:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.banner img{margin: 0 auto; width:100%}

.topStudios, .topTags{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    margin-left: -7px;
    margin-right: -7px;
}
.studioBlock, .tagBlock{
    width:calc(25% - 14px);
    margin-bottom:20px;
    margin-left: 7px;
    margin-right: 7px;
}

.studioDetails, .tagDetails{display:flex; padding-top:5px; align-items:center; justify-content:space-between;}
.studioDetails h3, .tagDetails h3{font-size:18px; font-weight:400; color:var(--color-font-night); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 110px);}
.studioDetails h3 a, .tagDetails h3 a{color:var(--color-font-night);}
.studioDetails p, .tagDetails p{font-size:14px; font-weight:300;}
.studioDetails p span, .tagDetails p span{color:var(--color-links);}
.performers{display:flex; flex-wrap:wrap; margin-left:-8px; margin-right:-8px}
.performersWide{justify-content: space-between}
.studios{display:flex; flex-wrap:wrap; justify-content: space-between}
.modelBlock{margin:0 8px 15px 8px; width:calc((100% - 112px)/7);}
.modelBlockWide{margin-bottom:15px; width:calc(25% - 9px); background-color: #222; padding:8px}
.modelBlockWide .pictureWrapper{
    display: flex; justify-content: space-between;
}
.modelBlockWide .pictureWrapper .modelPic{
    width: calc(31.8% - 4px)
}.modelBlockWide .pictureWrapper .modelScreenshot{
    width: calc(68.2% - 4px)
}
.modelDetails{padding-top:5px;}
.modelDetails .counters{
    display: flex;
    justify-content: space-between;
    font-size:14px;
    font-weight:300;
}
.modelBlockWide .modelDetails{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modelDetails h3{font-size:16px; font-weight:400; flex-grow: 1}
.modelDetails p span, .modelDetails i{color:var(--color-links); }

footer{background-color:#222222; padding:20px 0; color: #535353;}
footer p{margin-bottom: .75em}
.fLinks{text-align:center; font-size:15px; font-weight:400; text-transform:uppercase; color:#535353; padding-bottom:5px; display:flex; flex-wrap:wrap; justify-content:center;}
.fLinks a{color:#535353; margin:0 4px;}
.copyrights{text-align:center;
    font-weight:400; text-transform:uppercase; color:#535353;}
.copyrights a{color:#535353; margin:0 4px; display:inline-block;}
.copyrights a:hover{color:var(--color-font-night);}
.videoPic img, .studioPic img, .modelPic img, .tagPic img{width:100%; height:auto}

.videoPic, .studioPic, .modelPic, .tagPic{position:relative; overflow:hidden;}
.videoPic a:before, .studioPic a:before, .modelPic a:before, .tagPic a:before{background-color:#000; width:100%; height:100%; left:0; top:0; position:absolute; content:''; opacity:0; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; -o-transition: all 150ms ease-in;transition: all 150ms ease-in;}
.videoPic:hover a:before, .studioPic:hover a:before, .modelPic:hover a:before, .tagPic:hover a:before{opacity:0.6;}

/* Dropdown CSS Start */
.tagsSelect{position:relative;}
.tagsButton{cursor:pointer; text-align:left;}

.selectric-wrapper{position:relative;cursor:pointer; text-align:left;}
.selectric-responsive{width:100%}
.selectric, .tagsButton, .dropdownS2 .select2-selection--single {
    position:relative;
    overflow:hidden;
    height:34px;
    border-radius: 4px;
    border:1px solid var(--color-links);
    background-color: #222/*var(--color-bg-night)*/;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-font-night);
    line-height: 34px;
}
.dropdownS2 .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px;
    font-size:16px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--color-links);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background: url(../images/arrow.png) no-repeat;
    left: 0;
    top: 50%;
    position: absolute;
    width: 10px;
    height: 6px;
    margin: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-size: 10px;
}
.selectric .label, .tagsButton .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 34px 0 0px;font-size:14px;color:var(--color-font-night);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; line-height:34px; font-weight: 500; padding-left: 12px;}
.selectric .button, .tagsButton .button{
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:22px;
    padding:0;
    text-align:center;
    height:34px;
    min-width: 20px;
    text-indent:-9999px;
}
.selectric .button:after, .tagsButton .button:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    margin:auto;
    width:10px;
    height:6px;
    background:url(../images/arrow.png) no-repeat;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    background-size: 10px;
}
.selectric-focus .selectric{border-color:#aaa}
.selectric-hover .selectric{border-color:#c4c4c4}
.selectric-hover .selectric .button{color:#a2a2a2}
.selectric-hover .selectric .button:after{border-top-color:#a2a2a2}
.selectric-open{z-index:9999}
.selectric-open .selectric-items{display:block}
.selectric-disabled{filter:alpha(opacity=50);opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}
.selectric-hide-select select{position:absolute;left:-100%; opacity:0;}
.selectric-hide-select.selectric-is-native{position:absolute;width:100%;height:100%;z-index:10}
.selectric-hide-select.selectric-is-native select{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;box-sizing:border-box;opacity:0}
.selectric-input{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important;width:1px!important;height:1px!important;outline:none!important;border:none!important;*font:0/0 a!important;background:none!important}
.selectric-temp-show{position:absolute!important;visibility:hidden!important;display:block!important}
.selectric-items{display:none;position:absolute;top:100%;left:0;background:#f9f9f9;border:1px solid #fff;z-index:-1;box-shadow:0 0 10px -6px; border-radius: 4px; min-width: 150px; overflow:hidden;}
.selectric-items .selectric-scroll{height:100%;overflow:auto}
.selectric-above .selectric-items{top:auto;bottom:100%}
.selectric-items ul,.selectric-items li{list-style:none;padding:0;margin:0;font-size:14px;line-height:14px;min-height:14px}
.selectric-items li{display:block;padding:10px;color:#444;cursor:pointer;}
.selectric-items li.selected{background:var(--color-links);color:var(--color-font-night)}
.selectric-items li.highlighted{background:var(--color-links);color:var(--color-font-night)}
.selectric-items li:hover{background:var(--color-links);color:var(--color-font-night)}
.selectric-items .disabled{filter:alpha(opacity=50);opacity:.5;cursor:default!important;background:none!important;color:#666!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-items .selectric-group .selectric-group-label{font-weight:700;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;color:#444}
.selectric-items .selectric-group.disabled li{filter:alpha(opacity=100);opacity:1}
.selectric-items .selectric-group li{padding-left:25px}
/* Dropdown CSS Close */

/* Select Tags*/
.tagsList{
    position: absolute;
    z-index: 99;
    padding: 12px;
    top: 100%;
    width: 880px;
    height: 440px;
    left: -320px;
}
.hidden{
    display: none;
}
.dd-box .close{
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 14px;
}
.dd-box .close i{
    font-size: 22px;
}
.dd-box .close:hover{
    color: var(--color-links);
}
.tagsList .listWrapper{
    display:flex;
    flex-direction: column;
    height: 100%
}
.tagsList .listHead{
    display:flex;
}
.listHead h3{
    width: 50%;
}
.tagsList .listBody{
    flex-grow: 1;
    overflow-y: auto;
    margin: 12px 0;
}
.listBody ul{
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 12px 0;
    justify-content: flex-start;
}
.listBody li{
    cursor: pointer;
    width:calc(25% - 16px);
    margin:8px;
    padding:4px 12px;
    background-color: #5a5a5a;
    height: 27px;
    overflow: hidden;
    font-size: 14px;
    border-radius: 4px;
}
/*.tagsList .listBody li.selected{*/
.tagsSelect .listBody li.selected, .tagsSelect span.selected{
    background-color: #34308e;
    color: var(--color-font-night);
}
/*.tagsList .listBody li.excluded{*/
.tagsSelect .listBody li.excluded, .tagsSelect span.excluded{
    background-color: #e50000;
    color: var(--color-font-night);
}
.tagsSelect .tagsCnt{
    padding: 4px 6px;
    border-radius: 12px;
    display: inline-block;
    line-height: 1em;
    font-size: .8em;
    min-width: 12px;
    text-align: center;
}
.tagsSelect .tagsCnt:first-child{
    margin-left:2em;
}
.listBody li.excluded:before{
    content: "-";
    display: inline-block;
    margin-right:4px;
    border-right: 1px solid gray;
    padding-right: 8px;
}
.listBody li.selected:before{
    content: "+";
    display: inline-block;
    margin-right:4px;
    border-right: 1px solid gray;
    padding-right: 8px;
}
.listFooter .button{
    margin-left: 12px;
}

/* Videos */
.titleRight{display:flex; align-items:flex-start; margin-left:auto;}
.dropdown, .tagsButton{margin-right:10px; min-width:150px;}
.dropdownS2{margin-right:10px; min-width:240px;}
.dropdown:last-child{margin-right:0;}
.dropdown:last-child .selectric-items{left:auto; right:0px;}
.pagination{display:flex; justify-content:center; padding-bottom:60px;}
.pagination a{min-width:37px; padding:0 8px; height:36px; display:flex; border:1px solid #555555; border-radius:4px; margin:0 3px; font-size:15px; justify-content:center; align-items:center;color:var(--color-font-night);}
.pagination span{width:37px; height:36px; display:flex; margin:0 3px; font-size:15px; justify-content:center; align-items:center;}
.pagination a.prev, .pagination a.next{background-color:#555;}
.pagination a:hover, .pagination a.active{background-color:var(--color-links); border-color:var(--color-links);color:var(--color-font-night);}

/* Models */
.titleLeft{display:flex; padding-top:5px; padding-bottom:5px; flex-wrap:wrap;}
#modelSearchInput{ background-color: #222}
/* Tags */
.searchTags{display:flex; position:relative; width:250px; border:1px solid var(--color-links); border-radius:4px; overflow:hidden;}
.searchFTags{font-family:'Nunito', sans-serif; border:none; padding-left:18px; width:100%; text-transform:uppercase;color:var(--color-font-night); font-weight:400; height:34px; background:none; padding-right:40px; font-size:14px;}

/* Model Bio */
.modelArea{display:flex; justify-content:space-between; padding-bottom:50px;}
.modelProfilePic{width:266px;}
.modelProfileInfo{width:calc(100% - 286px);}
.modelProfileInfo h1{font-size:32px; font-weight:600;color:var(--color-font-night); text-transform:uppercase; line-height:36px; padding-bottom:15px;}
.modelProfileInfo ul{width:50%;}
.modelProfileInfo ul li{display:flex; line-height:28px;}
.modelProfileInfo ul li h5{font-size:16px; color:var(--color-links); font-weight:400; width:120px;}
.mContent{width:calc(100% - 120px); font-size:16px; font-weight:400; color:#aaa;}
.mContent a{color:var(--color-font-night);}
.mContent a:hover{color:var(--color-links);}
.dreadmore{min-height: 2px; line-height: 1.5; -webkit-transition: height 0.2s; -o-transition: height 0.2s; -moz-transition: height 0.2s; transition: height 0.2s;  overflow:hidden;}
.dreadmore--disabled{display:none;}
.dots{background:none; font-size:18px; cursor:pointer; border:none;color:var(--color-font-night);}
.dots:hover{color:var(--color-links);}
.modelScenes{ padding-bottom:20px;}

/* Video Details */
.videoArea{display:flex; padding-bottom:20px; justify-content:space-between;}
.videoLeft{width:1280px; aspect-ratio:16/9; overflow:hidden}
.videoLeft video{display:block; width:100%;}
.videoInfo{ padding-bottom:30px;}
.videoInfo h1{font-size:26px; font-weight:600;color:var(--color-font-night); padding-bottom:5px;}
.videoDis{ padding-bottom:20px;}
.videoDis p{font-size:16px; font-weight:400; color:#ddd; line-height:26px;}
.videoViewDate{display:flex; flex-wrap:wrap; padding-bottom:10px;}
.videoViewDate li{font-size:13px; font-weight:300;color:var(--color-font-night); margin-right:15px; display:flex; align-items:center;}
.videoViewDate li:last-child{margin-right:0px;}
.videoViewDate li i{margin-right:7px; font-size:14px; color:var(--color-links);}
.videoPT li{display:flex; line-height:28px;}
.videoPT li h5{font-size:16px; color:var(--color-links); font-weight:600; width:120px;}
.videoPT li a{color:var(--color-font-night);}
.videoPT li a:hover{color:var(--color-links);}
.videoScreenshot{ padding-bottom:50px;}
.videoShots{display:flex; flex-wrap:wrap;}
.videoShots a{width:7.875%; margin-right:0.5%; margin-bottom:0.5%;}
.videoShots a:nth-child(12n){margin-right:0px;}
.videoRight{width:calc(100% - 1300px); display:flex; flex-direction:column; justify-content:center;}
.chooseMship{margin-bottom:15px;}
.chooseMship label{display:block; border:2px solid #444; background-color:#222; height:87px; position:relative; display:flex; align-items:center; justify-content:space-between; padding-left:14px; padding-right:10px; cursor:pointer; margin-bottom:15px; border-radius:5px;}
.chooseMship label:last-child{margin-bottom:0px;}
.chooseMship label input{position:absolute; left:-9999px; top:0px;}
.duration{font-size:24px;color:var(--color-font-night); line-height:26px; font-weight:600;}
.duration span{display:block; font-size:15px; letter-spacing:0.025em; font-weight:400;}
.price{font-size:48px;color:var(--color-font-night); letter-spacing:-0.01em; font-weight:600;}
.price sup{font-size:20px; position:relative; top:-2px; margin:0 3px; font-weight:400;}
.price sup:first-child{margin-left:0px;}
.bestValue{font-size:13px; background-color:var(--color-links); padding:0 10px; line-height:24px;color:var(--color-font-night)fff; text-transform:uppercase; border-radius:3px; position:absolute; right:10px; top:-10px;}
.bigAmount{letter-spacing:-0.1em;}
.bigAmount sup{letter-spacing:normal; margin:0px 2px 0 8px;}
.chooseMship label.active{border-color:#444; background-color:#444;}
.startMShip{background-color:var(--color-links); font-size:32px; text-transform:uppercase;color:var(--color-font-night); border-radius:5px; line-height:70px; border:none; cursor:pointer; font-weight:600; font-family:'Nunito', sans-serif; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; }
.night .startMShip:hover{background-color:var(--color-font-night); color:var(--color-links);}
.startMShip:hover{color: var(--color-font-night)}
.startMShip i{margin-left:15px; font-size:26px;}

.mOptions{padding-bottom:30px;}
.mBenefits{background-color:#222222; padding:25px 30px; margin-bottom:30px; border-radius:5px;}
.mBenefits h3{font-size:30px; font-weight:600;color:var(--color-font-night); padding-bottom:10px; border-bottom:1px solid #555; margin-bottom:24px;}
.mBenefits li{
    font-size:20px;color:var(--color-font-night);
    font-weight:400; background: none;
    display: flex;
    align-items: center;
    line-height:32px; margin-bottom:10px;
}
.mBenefits svg{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.mBenefits li:last-child{margin-bottom:0;}
.startM{}
.startM p{font-size:16px;color:var(--color-font-night); font-weight:400; line-height:24px; text-align:center; padding:8px 0;}

/**Age Verification popup**/
a{-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;}

@font-face {
    font-family:'HelveticaNeueLTStdBd';
    src: url('../webfonts/HelveticaNeueLTStdBd.eot');
    src: url('../webfonts/HelveticaNeueLTStdBd.eot') format('embedded-opentype'),
         url('../webfonts/HelveticaNeueLTStdBd.woff2') format('woff2'),
         url('../webfonts/HelveticaNeueLTStdBd.woff') format('woff'),
         url('../webfonts/HelveticaNeueLTStdBd.ttf') format('truetype'),
         url('../webfonts/HelveticaNeueLTStdBd.svg#HelveticaNeueLTStdBd') format('svg');
}

.warningPop{position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; opacity:1; visibility:visible; background-color:#00000080;}
.warningScroll{position:absolute; left:0px; top:0px; right:0px; bottom:0px; overflow-x:hidden; overflow-y:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
.warningSpace{padding:30px 36px; overflow:hidden; position:relative; min-height:100%; display:flex; align-items:center;}
.warningPopB{width:586px; background-color:#06090f; position:relative; margin:auto; border-radius:22px; -webkit-border-radius:22px; padding:28px 62px 16px; text-align:center; border:5px solid #ffffff;}
.warningLogo{display:flex; justify-content:center; border-bottom:2px solid #ffffff; padding-bottom:16px;}
.aContent{font-family:'HelveticaNeueLTStdBd'; font-size:42px; text-align:center; color:#fff; line-height:50px; padding-top:8px; padding-bottom:4px;}
.wContinue{font-family:'HelveticaNeueLTStdBd'; font-size:19px; color:#fff; padding-bottom:10px;}
.wAge{font-size:31px; color:#e2252b; font-family:'HelveticaNeueLTStdBd'; padding-bottom:20px;}
.wBtns{display:flex; justify-content:center; padding-bottom:20px;}
.wBtns a{width:104px; line-height:55px; height:55px; font-family:'HelveticaNeueLTStdBd'; font-size:31px; color:#fff; border-radius:5px; padding-top:3px;}
.wNo{background-color:#780000; margin-right:76px;}
.wNo:hover{background-color:#333;}
.wYes{background-color:#006d08;}
.wYes:hover{background-color:#fff; color:#006d08;}
.wAgree{font-family:'HelveticaNeueLTStdBd'; font-size:14px; color:#fff; line-height:18px;}
.wAgree a{color:#304b89;}
.wAgree a:hover{color:#fff;}
.modelSearch{
    width: 280px;
    height:34px;
    margin-right: 10px;
    display: flex;
    position: relative;
    border: 1px solid var(--color-links);
    border-radius: 4px;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}
.modelSearch:hover{
    border-color: #c4c4c4;
}

.videoFilter {
    display: flex;
    margin-left: 15px;
}
.fourBoxes:hover, .fourBoxes.active, .threeBoxes:hover, .threeBoxes.active {
    /*background-color: var(--color-links);*/
    background-color: #555555;
}
.fourBoxes {
     background: url(../images/fourDots.png) no-repeat center center;
 }
.threeBoxes {
    background: url(../images/threeDots.png) no-repeat center center;
}
.threeBoxes, .fourBoxes {
    background-size: 20px;
    margin-left: 8px;
}

.loadMoreBlock .loadMoreCover{
    border: 1px gray solid;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: #555555 0 0 18px;
    text-align: center;
    position: relative;
}
.loadMoreBlock .loadMoreCover img{
    width: 100%;
}
.loadMoreInfo{
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loadMoreCover.loading .loadMoreInfo{
    z-index: 3;
    background: var(--color-bg-night) url("../images/loader-1.4s-200px.gif") center no-repeat;
    background-size: 75px 75px;
    color:transparent;
}
/*                 Subscribe form                */
.subscribe-form-block{
    margin-top: 15px;
    display: flex;
    padding: 15px 75px;
    background-color: #222222;
    justify-content: space-between;
    align-items: center;
    bottom: -140px;
    transition: cubic-bezier(0.98, 1.54, 0.38, 1.0) .6s bottom;
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
}

.subscribe-form-block>*{
    width: 33.3%;
    margin-left: 15px;
    margin-right: 15px;
}
.subscribe-form-block h2{
    margin-top:0;
    margin-bottom: 0;
}
.subscribe-form-block h3{
    margin-bottom: 10px;
}
.subscribe-form-block li{
    font-weight: 400;
    list-style: circle;
    list-style-position: inside;
}
.subscribe-form-block .close {
    display: none;
    width: auto;
    margin:0;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 7px;
}

.subscribe-form-block small{
    font-size: 10px;
    color:#777;
}
.subscribe-form-block .input-group{
    display: flex;
    justify-content: space-between;
}

.text-field{
    font-family:'Nunito', sans-serif;
    border: 1px solid #777;
    border-radius: 4px;
    padding:6px 18px;
    font-weight:400;
    font-size: 20px;
    height:36px;
    background:none;
    color: white;
}
.searchArea .text-field{
    border: none;
}
.input-group .text-field{
    flex-grow: 1;
}
.input-group .button{
    margin-left: 15px;
}

@media only screen and (max-width: 1023px) {
    .videoFilter {
        display: none;
    }
}

@media only screen and (min-width:480px) and (max-width: 1023px) {
    .threeBlocks .videoBlock {
        margin-bottom: 10px;
    }
}

.quickResult{
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0;
    padding: 12px;
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.quickResult li.model, .quickResult li.video{
    margin-bottom: 12px;
    display: flex;
    padding: 8px;
    width: 100%
}
.quickResult li.model img{
    width: 50px;
    height: 61px;
    margin-right: 12px;
}
.quickResult .spacer{
    width:100%;
    margin: 8px;
    border-bottom: 1px solid #555;
}
.modelDetails{
    flex-grow: 1;
}
.quickResult .videoPic{
    flex-shrink: 0;
    margin-right: 12px;
}
.quickResult li.video img{
    width: 150px;
    height: auto;
}
.quickResult li.video h3{
    font-size: 12px;
}
.quickResult li.video .videoDetails{
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 12px;
    overflow: hidden;
}
.quickResult .videoDetails p a {
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}
.quickResult li.video i {
    color: var(--color-links);
    margin-right: 7px;
}

@media only screen and (min-width:767px) {
    .quickResult {
        width: 544px;
    }

    .quickResult li.model {
        width: 254px;
    }

    .quickResult li.video .videoDetails,
    .quickResult .videoDetails p a {
        font-size: 14px;
    }
}
.video-preview {
    display: none;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.videoPic:hover .video-preview {
    display: block;
}
.video-preview video {
    object-fit: cover!important;
    background: transparent!important;
    width: 100%;
    height: 100%;
}
.textTagsLetter{
    color:var(--color-links);
    margin-top: 12px;
    border-bottom: 1px solid #2c2c2c;
    line-height: 32px;
    font-size: 20px;
    font-weight: 400;
    width: 100%;
}
.textTags h3{
    white-space: normal;
}
.textTags .tagDetails p{
    flex-grow: 0;
}
.textTags .tagBlock{
    margin-bottom: 0;
}
.textTags span{
    margin-left: 0.5em;
    font-size: 0.9em;
    color: var(--color-links);
}

/* Mobile Nav */
.mobileNav{display:none;}
.mobileMenu{display:none;}
/*******************Studio list*****************************/

/* Studio Listing */
.becomeMember{max-width:1200px; margin:auto; background-color:#222; padding:20px 25px 25px; border-radius:5px; margin-bottom:40px; position:relative;}

.becomeMember i{
    font-size: 23px;
    cursor:pointer;
    position:absolute;
    color: var(--color-font-night);
    right:25px;
    top:20px;
}
.becomeMember i:hover{
    color: var(--color-links);
}
.becomeMember.collapsed .optionsWrapper, .becomeMember.collapsed .collapseInfo{
    display: none;
}
.becomeMember.collapsed h1{
    margin-bottom: 0;
    padding-bottom: 0;
}
 .becomeMember.expanded .expandInfo{
    display: none;
}

.becomeMember h1{font-size:28px; font-weight:600; color:#fff; padding-bottom:10px; border-bottom:1px solid #333; margin-bottom:30px; padding-right:30px;}
.becomeMember .options{display:flex; justify-content:space-between;}
.unlockC{position:relative; border:2px solid #333; border-radius:5px; padding:20px; width:49%; margin-right:2%;}
.unlockC:nth-child(2n){margin-right:0;}
.unlockC h3{font-size:20px; font-weight:600; color:#fff; background-color:#222; position:absolute; left:20px; top:-14px; padding:0 15px;}
.unlockC p{font-size:17px; font-weight:400; color:#aaa;}
.studiosListing{display:flex; flex-wrap:wrap; padding-bottom:20px;}
.membership{font-size:15px; font-weight:400; padding-right:15px; display:flex; align-items:center;}
.studioPic span{position:absolute; left:8px; bottom:8px; background-color:rgba(0,0,0,0.6); line-height:20px; font-size:10px; padding:0 7px; color:var(--color-font-night);}

.switchery{background-color:#fff;border:1px solid #dfdfdf;border-radius:20px;cursor:pointer;display:inline-block;height:30px;position:relative;vertical-align:middle;width:50px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:content-box;background-clip:content-box}
.switchery > small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:30px;position:absolute;top:2px;width:30px}
.switchery-small{border-radius:20px;height:21px;width:40px; box-shadow:none!important; border-color:transparent!important; margin-left:6px;}
.switchery-small > small{height:16px;width:16px;}
.switchery-large{border-radius:40px;height:40px;width:66px;}
.switchery-large > small{height:40px;width:40px;}

/* Studio Details */
.studioDArea{display: flex; padding-bottom: 50px;}
.studioDPic{width:450px;}
.studioDPic img{width:100%}
.studioDInfo{flex:1; padding-left: 20px; display: flex; flex-direction:column;}
.studioDInfo h1{font-size:32px; font-weight:600; color:#fff; text-transform:uppercase; line-height:36px; padding-bottom:15px;}
.studioInfoList {width:50%;}
.studioInfoList li{display:flex; line-height:28px;}
.studioInfoList li h5{font-size:16px; color:var(--color-links); font-weight:400; width:120px;}
.callOfAction{margin-top: auto; display: flex;}
.callOfAction a{font-size:20px; color:#fff; text-transform:uppercase; letter-spacing:0.01em; border-radius:4px; padding:0 28px; font-weight:400; background-color:var(--color-links); line-height:42px;}
.callOfAction a span{font-weight:600;}
.callOfAction a:hover{background-color:#fff; color:var(--color-links);}
.studioInfo{display:flex; align-items:center; margin-left:12px;}
.studioInfo i{background:url(../images/que.png) no-repeat center center; width:22px; height:22px; background-size:22px; cursor:pointer;}
.studioInfo i:hover{opacity:0.6;}
.callOfAction{
    position:relative;
}
.callOfAction .button{
    height: 42px;
}

.joinInfo{
    position:absolute;
    z-index: 99;
    top: 100%;
    padding: 45px;
    width: 600px;
}

.joinInfo li{
    display: flex;
    justify-content: space-between;
}
.headerBlock{
    display: flex;
    padding-left: 165px;
    /*height: 300px;*/
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.headerContent{
    padding-left: 25px;
    width: 100%
}
.headerContent h2{
    width: 50%;
    font-size: 90px;
    line-height: 90px;
    font-weight:800;
    /*color:#131313;*/
    text-transform:uppercase;
    letter-spacing:-0.05em;
    font-style:italic;
    flex-shrink:0;
}
.headerNumber1{
    background-image: url("/assets/images/1.png");
}
.headerNumber2{
    background-image: url("/assets/images/2.png");
}
.headerNumber3{
    background-image: url("/assets/images/3.png");
}

.pornBLand{font-family:'Poppins', sans-serif;}
.pornwrap{ width:1730px; margin:auto;}

.headerContent h2 span{color:#334e8b;}
.headerContent h2 .pornboxLogo span{color:#db2525;}
.whatContent{width:850px;}
.whatContent p{font-size:19px; color:#000000; line-height:42px; padding-bottom:32px;}
.whatContent p:last-child{padding-bottom:0;}
.whatInside{background-color:#f1f1f1; border-radius:10px; margin:auto; display:flex; justify-content:space-between; align-items:center; padding-right:25px;}
.insides{width:50%; padding-top:25px; padding-bottom:30px; text-align: center}
.insides ul{display:flex; justify-content: space-between;  margin-bottom: 20px;}
.insides ul li{width:calc(33% - 8px);
    text-align:center; display:flex; flex-direction:column; align-items:center;}
.insides ul li a{white-space: nowrap; font-size:14px; padding-left: 16px; padding-right: 16px}
.insides ul li:last-child{margin-right:0;}
.insides ul li i{width:43px; height:40px; margin-bottom:32px;}
.insides ul li h4{font-size:57px; color:#131313; letter-spacing:-0.02em; font-family:'Khula', sans-serif; font-weight:700; line-height:42px;}
.insides ul li p{font-size:20px; color:#131313; line-height:24px; padding-bottom:13px;}
.insideI{background:url(../images/movieI.png) no-repeat center center;}
.insideI2{background:url(../images/models.png) no-repeat center center;}
.insideI3{background:url(../images/studios.png) no-repeat center center;}
.takeMe{background-color:#db2525; border-radius:3px; line-height:44px; padding:0 22px; font-family:'Nunito', sans-serif; font-weight:500; font-size:16px; color:#fff; text-transform:uppercase;}
.takeMe:hover{background-color:#131313;}
.choice{font-size:26px; text-align:center; font-weight:400; color:#131313; padding-bottom:18px;}
.pornBLand .options{padding-left:192px; padding-bottom:36px;}
.optionBox{
    background-color:#f1f1f1; position:relative; padding-left:185px; display:flex; align-items:center; min-height:360px; border-radius:32px 0 0 32px; margin-bottom:48px; justify-content:space-between;
}
.safe .optionBox{
    border-radius:32px;
}
.optionBox:last-child{margin-bottom:0;}
.optionBox:before{background-color:#f1f1f1; width:9px; position:absolute; left:-100px; top:60%; content:''; height:100%;}
.optionBox:after{background:url(../images/downArrow.png) no-repeat; width:29px; height:22px; content:''; position:absolute; left:-110px; bottom:-12px;}
.optionTitle{font-size:36px; font-weight:800; color:#ffffff; letter-spacing:-0.025em; background:url(../images/optionBg.png) no-repeat; width:343px; height:109px; text-transform:uppercase; padding-left:72px; font-style:italic; line-height:108px; position:absolute; left:-192px; top:50%; transform:translateY(-50%);}
.optionL{width:calc(100% - 445px);}
.optionL h3{font-family:'Nunito', sans-serif; font-size:48px; text-transform:uppercase; color:#000000; letter-spacing:-0.05em; padding-bottom:5px; display:flex;}
.optionL h3 span{font-family:'Poppins', sans-serif; font-size:36px; letter-spacing:-0.05em; color:#4a6085; font-style:italic; font-weight:800; margin-left:20px;}
.optionL p{font-size:19px; line-height:42px; color:#000000; font-weight:400; padding-bottom:10px;}
.optionL p:last-child{padding-bottom:0px;}
.optionL p strong{font-weight:800;}
.optionR{width:428px;}
.points{display:flex; flex-wrap:wrap; width:600px; padding-bottom:8px;}
.points li{font-size:19px; line-height:36px; color:#000000; background:url(../images/check.png) no-repeat left center; padding-left:40px; min-width:220px;}
.optionBox:last-child:before, .optionBox:last-child:after{display:none;}

/* Theme */
body.night .pornBLand{background-color:#000;}
body.night .headerContent h2, body.night .choice, body.night .whatInside h3, body.night .insides ul li h4, body.night .optionL h3, body.night .whatContent p{color:#fff;}
body.night .whatInside, body.night .optionBox:before{background-color:#353535;}
body.night .insides ul li p, body.night .optionL p, body.night .points li{color:#aaa;}
body.night .optionBox{background-color:#252525;}
body.night .insideI{background-image:url(../images/movieIW.png);}
body.night .insideI2{background-image:url(../images/modelsW.png);}
body.night .insideI3{background-image:url(../images/studiosW.png);}

/* SubMenu */
.subMenu{
    display: none;
    position: absolute;
    top: 100%;
    z-index: 9;
    padding:0 9px;
}
.subMenu a{
    display: block;
    margin: 9px 0;
}
.expandable-click .subMenu a{
    margin: 0;
}
.expandable-hover:hover .subMenu, .expandable-click.expanded .subMenu{
    display:block;
}

.expandable-click>a:after{
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
}

.pov-wrapper{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0000004a;
    display:flex;
    justify-content: center;
    align-items: center;
}
.pov{
    padding: 30px;
}
.itcss .itcss__indicator{
    background-color: #555;
}
.itcss .itcss__indicators{
    bottom: -10px
}
.itcss .itcss__indicator_active {
    background-color: #dededec0;
}
.safe-tag-placeholder{
    background-color: #201e24;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    width: 100%;
    aspect-ratio: 16 / 9;
    font-size: 2em;
    font-weight: bold;
    padding: 1em;
    text-transform: uppercase;
}