| Server IP : 208.122.213.31 / Your IP : 216.73.216.45 Web Server : Apache System : Linux msd6191.mjhst.com 4.18.0-553.137.1.el8_10.x86_64 #1 SMP Wed Jun 24 11:40:24 UTC 2026 x86_64 User : WHMCS_MIA_382 ( 1001) PHP Version : 7.4.33 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/httpd/html/babescartel.com/public_html/css/ |
Upload File : |
@charset "UTF-8";
/* RESET
========================================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,main,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}b,strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html{font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.25em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}pre{overflow:auto;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}legend{border:0;padding:0;}optgroup{font-weight:bold;}td,th{padding:0;}a{background:transparent;text-decoration:none;}a:active,a:hover,a:focus{border:none;outline:0;text-decoration:none;}::selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}::-moz-selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}::-webkit-input-placeholder{color:inherit;opacity:0.5;font-family:inherit;}:-moz-placeholder{color:inherit;opacity:0.5;font-family:inherit;}::-moz-placeholder{color:inherit;opacity:0.5;font-family:inherit;}:-ms-input-placeholder{color:inherit;opacity:0.5;font-family:inherit;}button,.btn:hover{cursor:pointer;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* FONTS
========================================================================== */
@font-face {
font-family: 'Avenir';
src: url('../fonts/AvenirMedium.eot');
src: url('../fonts/AvenirMedium.eot?#iefix') format('embedded-opentype'),
url('../fonts/AvenirMedium.woff2') format('woff2'),
url('../fonts/AvenirMedium.woff') format('woff'),
url('../fonts/AvenirMedium.ttf') format('truetype'),
url('../fonts/AvenirMedium.svg#AvenirMedium') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCondensed';
src: url('../fonts/HelveticaNeue-CondensedBold.eot');
src: url('../fonts/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeue-CondensedBold.woff2') format('woff2'),
url('../fonts/HelveticaNeue-CondensedBold.woff') format('woff'),
url('../fonts/HelveticaNeue-CondensedBold.ttf') format('truetype'),
url('../fonts/HelveticaNeue-CondensedBold.svg#HelveticaNeue-CondensedBold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Avenir';
src: url('../fonts/Avenir-Black.eot');
src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/Avenir-Black.woff2') format('woff2'),
url('../fonts/Avenir-Black.woff') format('woff'),
url('../fonts/Avenir-Black.ttf') format('truetype'),
url('../fonts/Avenir-Black.svg#AvenirBlack') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-ExtraBold.eot');
src: url('../fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
url('../fonts/Poppins-ExtraBold.woff') format('woff'),
url('../fonts/Poppins-ExtraBold.ttf') format('truetype'),
url('../fonts/Poppins-ExtraBold.svg#Poppins') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Poppins';
src: url('../fonts/Poppins-Medium.eot');
src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Poppins-Medium.woff2') format('woff2'),
url('../fonts/Poppins-Medium.woff') format('woff'),
url('../fonts/Poppins-Medium.ttf') format('truetype'),
url('../fonts/Poppins-Medium.svg#Poppins') format('svg');
font-weight: normal;
font-style: normal;
}
/* DEFAULT & BASIC STYLES
========================================================================== */
html,
body {
font: 400 62.5%/1 'Avenir', sans-serif;
}
body {
background: #fff;
color: #808080;
font-size: 100%;
}
main,
header,
section,
footer,
nav,
.container,
a {
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.updatesGrid .update:before,
.updatesGrid .update:after,
.gridM:before,
.gridM:after,
.updatesGrid:before,
.updatesGrid:after,
.container:before,
.container:after,
nav:before,
nav:after,
main:before,
main:after,
header:before,
header:after,
section:before,
section:after,
footer:before,
footer:after,
.cf:before,
.cf:after {
display: table;
content: " ";
}
.updatesGrid .update:after,
.gridM:after,
.updatesGrid:after,
.container:after,
nav:after,
main:after,
header:after,
section:after,
footer:after,
.cf:after {
clear: both;
}
.container {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1900px;
width: 98%;
}
img {
display: inline-block;
height: auto !important;
margin: 0 auto;
max-width: 100%;
width: auto;
}
.smlogo {
display: inline-block;
height: auto !important;
margin: 0 auto;
max-width: 250px;
width: auto;
}
.tac {
text-align: center;
}
.nogood { font-size: 24px;
color= #f62487;
}
/* HOVERS
========================================================================== */
.hi {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block;
position: relative;
z-index: 0;
overflow: hidden;
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
vertical-align: middle;
background: rgba(0,0,0,0);
}
.hi::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,0.15);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.hi:hover::before,
.hi:focus::before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.hb {
position: relative;
z-index: 1;
}
.hb::before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.3);
z-index: -1;
opacity: 0;
-webkit-transform: scale3d(0.5, 1, 1);
transform: scale3d(0.5, 1, 1);
-webkit-transition: -webkit-transform 0.4s, opacity .4s;
-webkit-transition: opacity .4s, -webkit-transform 0.4s;
transition: opacity .4s, -webkit-transform 0.4s;
-o-transition: transform 0.4s, opacity .4s;
transition: transform 0.4s, opacity .4s;
transition: transform 0.4s, opacity .4s, -webkit-transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
-o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.hb:hover::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hb:focus {
outline: none;
}
.ht {
position: relative;
overflow: hidden;
}
.ht::before {
background: #fff;
bottom: 0;
content: "";
display: block;
min-height: 1px;
max-height: 3px;
height: 0.1em;
left: 50%;
position: absolute;
right: 50%;
-webkit-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
z-index: 1;
}
.ht:hover::before {
left: 0;
right: 0;
}
.ht:active {
top: 1px;
}
.bgGrad {
background: #ffd331;
background: -moz-linear-gradient(top, #ffd331 0%, #ffd331 100%);
background: -webkit-linear-gradient(top, #ffd331 0%,#ffd331 100%);
background: linear-gradient(to bottom, #ffd331 0%,#ffd331 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd331', endColorstr='#ffd331',GradientType=0 );
}
.btn.bgGrad,
a.btn.bgGrad {
color: #fff;
text-shadow: 0 3px 0 rgba(73, 8, 35, 0.46);
}
.bgGrad2 {
background: #426f41;
background: -moz-linear-gradient(top, #426f41 0%, #599657 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#426f41), color-stop(100%,#599657));
background: -webkit-linear-gradient(top, #426f41 0%,#599657 100%);
background: -o-linear-gradient(top, #426f41 0%,#599657 100%);
background: -ms-linear-gradient(top, #426f41 0%,#599657 100%);
background: linear-gradient(to bottom, #426f41 0%,#599657 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426f41', endColorstr='#599657',GradientType=0 );
}
a.btn.bgGrad2,
.btn.bgGrad2 {
color: #fff;
text-shadow: 0 3px 0 rgba(47, 78, 46, 0.46);
}
.btn {
border: none;
display: inline-block;
height: auto;
text-align: center;
}
.hb:active,
.btn:active {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
.btnMd::before,
.btnMd,
.btnLg::before,
.btnLg {
-webkit-border-radius: 0.28em;
-moz-border-radius: 0.28em;
border-radius: 0.28em;
}
.btnMd,
.btnLg {
font: bold 5.365em/1 "Poppins", sans-serif;
letter-spacing: -0.25px;
letter-spacing: -0.025em;
padding: 0.47em 0.56em;
text-transform: uppercase;
}
.btnMd {
font-size: 3.353em;
}
.btnMd.hb::before,
.btnLg.hb::before {
background: rgba(255, 255, 255, 0.2);
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.btnMd.hb:hover {
text-shadow: 0 0 3px #2f4e2e, -1px 1px 0 #2f4e2e, 1px -1px 0 #2f4e2e, 1px 1px 0 #2f4e2e, -1px -1px 0 #2f4e2e;
}
.btnLg.hb:hover {
text-shadow: 0 0 3px #490823, -1px 1px 0 #490823, 1px -1px 0 #490823, 1px 1px 0 #490823, -1px -1px 0 #490823;
}
.btnMd.hb:active,
.btnMd.btn:active,
.btnLg.hb:active,
.btnLg.btn:active {
-webkit-transform: scale(0.99);
-moz-transform: scale(0.99);
-ms-transform: scale(0.99);
-o-transform: scale(0.99);
transform: scale(0.99);
}
.btnMd.hb:active {
text-shadow: 0 0 1px #2f4e2e;
}
.btnLg.hb:active {
text-shadow: 0 0 1px #490823;
}
.btnMd.hb:hover::before,
.btnLg.hb:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/* ==========================================================================
CONTENT
========================================================================== */
body {
padding-top: 11em;
}
.header {
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 9000;
}
.headerTop {
background: #000;
color: #fff;
padding: 0.7em 0 0.8em;
text-align: center;
width: 100%;
}
.logo {
display: inline-block;
max-width: 392px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fixed .logo {
max-width: 260px;
}
.navbar {
background: #2b2b2b;
}
.navbarMenu a {
color: #fff;
font: bold 2.17em/2.11 "HelveticaNeueCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Condensed", "HelveticaNeue Condensed", "Helvetica Neue Condensed", "Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
display: inline-block;
height: 2.11em;
letter-spacing: -0.25px;
letter-spacing: -0.025em;
padding: 0 0.83em;
position: relative;
vertical-align: middle;
}
.navbarMenu a:hover {
color: #ffd331;
}
.navbarMenu a::before {
content: '';
display: block;
pointer-events: none;
opacity: 0;
visibility: hidden;
bottom: 0;
left: 25%;
right: 25%;
width: 50%;
height: 4px;
background: rgba(236, 54, 126, 0.1);
position: absolute;
-webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.navbarMenu a:hover::before {
visibility: visible;
opacity: 1;
background: rgba(236, 54, 126, 1);
left: 0;
right: 0;
width: 100%;
}
.navbarMenu a.btnJoin {
background: #ffd331;
color: #fff;
float: right;
font-size: 3.121em;
height: 1.47em;
line-height: 1.47em;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.navbarMenu a.btnJoin:hover {
background: #c2005a;
text-shadow: 0 0 3px #ffd331, -1px 1px 0 #ffd331, 1px -1px 0 #ffd331, 1px 1px 0 #ffd331, -1px -1px 0 #ffd331;
}
.navbarMenu a.btnJoin::before {
top: auto;
bottom: 0;
}
.navbarMenu a.btnJoin:hover::before {
background: rgba(255, 255, 255, 0.5);
}
/* HOME
========================================================================== */
.section {
margin-bottom: 2em;
}
.header + .section {
padding-top: 2em;
}
.header + .section.sectionJoin {
padding-top: 1em;
}
.sectionTitle {
color: #0f0f0f;
font: bold 3.121em/1 "HelveticaNeueCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Condensed", "HelveticaNeue Condensed", "Helvetica Neue Condensed", "Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
letter-spacing: -0.25px;
letter-spacing: -0.025em;
margin-bottom: 1em;
text-align: center;
text-transform: uppercase;
}
.sectionJoin .sectionTitle {
margin-bottom: 0.5em;
}
.sectionTitle em {
color: #ffd331;
}
/* GRID
========================================================================== */
.updates.updatesGrid .update > a {
position: relative;
}
.updates .update > a {
cursor: pointer;
}
.updatesGrid .grid {
margin: 0 -1em;
}
.updatesGrid .grid .update {
float: left;
margin: 0;
padding: 0 1em 2em;
-webkit-transition: transform 0.15s ease-out;
-moz-transition: transform 0.15s ease-out;
-ms-transition: transform 0.15s ease-out;
-o-transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out;
width: 25%;
}
.updatesGrid:not(.updatesGridNoH) .grid .update:hover {
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-ms-transform: scale(1.025);
-o-transform: scale(1.025);
transform: scale(1.025);
}
.updatesGrid .grid .update figure img {
border: 1px solid #ffd331;
width: 100%;
}
.block {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blockItem {
margin-bottom: 1em;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-transition: transform 0.15s ease-out;
-o-transition: transform 0.15s ease-out;
-webkit-transition: -webkit-transform 0.15s ease-out;
transition: -webkit-transform 0.15s ease-out;
transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
width: calc(16.66666666% - 1em);
}
.blockItem:hover {
-webkit-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025);
}
.blockItem figure img {
border: 1px solid #000;
width: 100%;
}
/* PAGINATION
========================================================================== */
.pagination {
clear: both;
margin-bottom: 2em;
text-align: center;
}
.pagination span,
.pagination a {
background: none;
border: 2px solid #ffd331;
color: #474747;
font: 400 2.2em/2.18 'Avenir',"Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
display: inline-block;
min-width: 2.73em;
height: 2.18em;
margin-bottom: 0.4em;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
padding: 0 0.87em;
text-align: center;
vertical-align: middle;
}
.pagination a + a {
margin-left: 0.2em;
}
.pagination .hb::before {
background: #ffd331;
-webkit-transform: scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
}
.pagination .hb:hover {
color: #fff;
}
.pagination .hb:hover::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.pagination span {
background: none;
letter-spacing: 1px;
letter-spacing: 0.1em;
padding-left: 0;
padding-right: 0;
}
.pagination a.active,
.pagination a:hover {
border-color: #ffd331;
}
/* FOOTER
========================================================================== */
.footer {
border-top: solid 1px #ffd331;
color: #808080;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
padding: 2px;
text-align: center;
background-color: #000;
text-align: left;
}
.footer .container {
padding: 2em 0;
}
.footer .footerTxt {
margin-bottom: 1em;
}
.footer a {
color: #808080;
font-size: 12px;
display: inline-block;
text-decoration: underline;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.footer a:hover {
color: #fff;
}
.footer a:active {
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);
text-decoration: underline;
}
/* COLLAPSE
========================================================================== */
.collapse {
height: auto !important;
border-bottom: solid 1px #ffd331;
}
.menuToggle {
background: transparent;
border: none;
cursor: pointer;
display: none;
margin: 0;
padding: 0;
position: relative;
text-align: center;
-webkit-transition: all 0.15s linear;
transition: all 0.15s linear;
z-index: 9010;
}
.menuToggle.collapsed {
background: transparent;
}
.menuToggle img {
display: inline-block;
font-size: 2.2em;
height: 2.64em !important;
max-width: 100%;
vertical-align: middle;
width: auto !important;
}
/* ==========================================================================
PLAYER
========================================================================== */
.player {
clear: both;
margin: 0 auto 2em;
max-width: 1280px;
}
.playerVideo {
background: #181818;
cursor: default;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.sectionJoin > .container {
position: relative;
}
@keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.playerVideoPlay,
.playerVideoLoading {
width: 20em !important;
height: 20em !important;
position: absolute;
left: calc(50% - 10em);
top: calc(50% - 10em);
z-index: 100;
}
.playerVideoLoading {
-webkit-transform: translate(-10em, -10em) scale(1) translate(10em, 10em);
transform: translate(-10em, -10em) scale(1) translate(10em, 10em);
}
.playerVideoLoading i {
position: absolute;
-webkit-animation: loading 1s linear infinite;
animation: loading 1s linear infinite;
display: inline-block;
width: 12.8em;
height: 12.8em;
top: 3.6em;
left: 3.6em;
border-radius: 50%;
box-shadow: 0 4px 0 0 #ffd331;
-webkit-transform-origin: 6.4em 6.6em;
transform-origin: 6.4em 6.6em;
}
.playerVideo > div,
.playerVideo > img {
-webkit-touch-callout:none !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;
}
.playerVideoPlay {
border-radius: 100%;
background: #ffd331;
cursor: pointer;
opacity: 0.8;
-webkit-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.playerVideo:hover .playerVideoPlay {
opacity: 1;
}
.playerVideoPlay img,
.playerVideo img {
display: block;
height: auto;
max-width: 100%;
width: 100%;
}
.playerControls {
background: #000;
clear: both;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1.8em;
text-align: center;
}
.playerControls > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
cursor: pointer;
}
.playerControls > div.playerTimebar {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 1em;
}
.playerControls > div + div {
margin-left: 0.5em;
}
.playerControls i {
background: url('../images/icon-player-play.png') no-repeat center center transparent;
-webkit-background-size: auto 16px;
-moz-background-size: auto 16px;
-o-background-size: auto 16px;
background-size: auto 16px;
display: inline-block;
width: 16px;
height: 16px;
opacity: 0.5;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.playerControls div:hover i {
opacity: 1;
}
.playerTimebar {
position: relative;
}
.progress {
background: #fff;
height: 4px;
text-align: left;
position: absolute;
top: calc(50% - 4px);
left: 0.5em;
right: 0;
}
.progressBar {
background: #737373;
height: 4px;
display: block;
position: relative;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.progressBar::after {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #737373;
content: '';
display: block;
position: absolute;
right: -1em;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 1.5em;
width: 1.5em;
}
.playerTimebar:hover .progressBar::after {
background: #fff;
}
.playerSound i {
background-image: url('../images/icon-player-sound.png');
}
.playerTime {
color: #fff;
font: bold 1.6em/1 "HelveticaNeueCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Condensed", "HelveticaNeue Condensed", "Helvetica Neue Condensed", "Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
}
.playerQuality {
color: #737373;
font: bold 1.6em/1 "Poppins", sans-serif;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.playerQuality:hover {
color: #fff;
}
/* JOIN
========================================================================== */
.playerJoin {
background: rgba(255, 255, 255, 0.86);
padding: 5vh 2em 2em;
position: absolute;
top: 5em;
left: 50%;
pointer-events: none;
-webkit-transform: scale3d(0.25, 0.25, 1) translateX(-50%);
transform: scale3d(0.25, 0.25, 1) translateX(-50%);
-webkit-transition: opacity .4s cubic-bezier(0.2, 1, 0.3, 1), visibility .4s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform .4s cubic-bezier(0.2, 1, 0.3, 1);
transition: opacity .4s cubic-bezier(0.2, 1, 0.3, 1), visibility .4s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform .4s cubic-bezier(0.2, 1, 0.3, 1);
-o-transition: transform .4s cubic-bezier(0.2, 1, 0.3, 1), opacity .4s cubic-bezier(0.2, 1, 0.3, 1), visibility .4s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform .4s cubic-bezier(0.2, 1, 0.3, 1), opacity .4s cubic-bezier(0.2, 1, 0.3, 1), visibility .4s cubic-bezier(0.2, 1, 0.3, 1);
transition: transform .4s cubic-bezier(0.2, 1, 0.3, 1), opacity .4s cubic-bezier(0.2, 1, 0.3, 1), visibility .4s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform .4s cubic-bezier(0.2, 1, 0.3, 1);
max-width: 750px;
opacity: 0;
visibility: hidden;
width: 92%;
z-index: 2010;
}
.isGuest .playerJoin {
pointer-events: auto;
margin-left: auto;
margin-right: auto;
visibility: visible;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translateX(-50%);
transform: scale3d(1, 1, 1) translateX(-50%);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
#joinForm h2 {
letter-spacing: -0.5px;
letter-spacing: -0.05em;
font: bold 2.6em/1 "HelveticaNeueCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Condensed", "HelveticaNeue Condensed", "Helvetica Neue Condensed", "Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
margin-bottom: 0.4em;
text-transform: uppercase;
-webkit-touch-callout:none !important;-webkit-user-select:none !important;-khtml-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;
}
#joinForm h2 > span {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: none;
background: #ffd331;
color: #fff;
font-size: 1em;
line-height: 1;
display: inline-block;
width: 1em;
height: 1em;
text-align: center;
}
#joinForm .formColumn {
margin-bottom: 2.5em;
}
#joinForm fieldset {
border: none;
}
.radiofield {
margin: 0 auto 0.25em;
position: relative;
}
.radiofield.radiofieldInline {
display: inline-block;
}
.radiofield.radiofieldInline input:hover + span,
.radiofield.radiofieldInline input:checked + span,
.radiofield.radiofieldInline label > span {
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.radiofield em {
color: #000;
display: inline-block;
font: bold 2.8em/1 "HelveticaNeueCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Condensed", "HelveticaNeue Condensed", "Helvetica Neue Condensed", "Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
line-height: 1.2;
letter-spacing: -0.25px;
letter-spacing: -0.025em;
margin-left: 0.75em;
word-spacing: -0.25px;
word-spacing: -0.025em;
}
.radiofield.radiofieldInline em {
font: 400 1.8em/1 'Avenir',"Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
vertical-align: middle;
margin-left: 0.25em;
}
.radiofield.radiofieldInline em img {
display: inline-block;
vertical-align: middle;
}
.radiofield em > strong {
text-transform: uppercase;
}
.radiofield em > small {
display: block;
font: 400 0.45em/1 'Avenir',"Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
letter-spacing: 0;
word-spacing: 0;
}
.radiofield label {
cursor: pointer;
position: relative;
-webkit-touch-callout:none !important;-webkit-user-select:none !important;-khtml-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;
}
.radiofield input {
display: none;
}
.radiofield label > span {
border: 1px solid #000;
display: block;
background: #e1e1e1;
padding: 1.35em 2.5em;
position: relative;
}
.radiofield label > span:hover {
outline: 2px solid #000;
background: #c3d1e2;
}
.radiofield span > span:before {
background-color: #fff;
border: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
content: "";
display: inline-block;
height: 2em;
left: 2%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
width: 2em;
}
.radiofield.radiofieldInline span > span:before {
vertical-align: middle;
margin-top: -0.33em;
}
.radiofield label > span:hover em > small,
.radiofield input:checked + span em > small {
color: #000;
}
.radiofield input:checked + span {
outline: 2px solid #000;
background: #c3d1e2;
}
.radiofield input:checked + span > span:before {
/* border: 1px solid #000; */
content: "\2022";
color: #000;
font: normal 2em/1 Verdana, sans-serif;
height: 1em;
width: 1em;
text-indent: 0.225em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.radiofield label > span > strong.amount {
display: block;
font: bold 5.4em/1 "HelveticaNeueCondensed", "HelveticaNeue-CondensedBold", "HelveticaNeue-Condensed", "HelveticaNeue Condensed", "Helvetica Neue Condensed", "Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
letter-spacing: -0.25px;
letter-spacing: -0.025em;
color: #000;
height: 100%;
padding-top: 0.158em;
padding-left: 0.66em;
position: absolute;
right: 0;
top: 0;
width: 29%;
}
.amount > span {
position: relative;
}
.radiofield label > span > strong.amount sub,
.radiofield label > span > strong.amount sup {
font-size: 0.5em;
letter-spacing: -0.25px;
letter-spacing: -0.025em;
word-spacing: -0.25px;
word-spacing: -0.025em;
position: absolute;
top: 0.75em;
}
.radiofield label > span > strong.amount sub {
bottom: 0;
font-size: 0.28em;
font-family: 'Avenir',"Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
font-weight: normal;
position: static;
right: 0;
top: auto;
}
.submit {
clear: both;
text-align: center;
width: 100%;
}
.paymentNoteSecureGateway {
color: #000;
font-size: 1.2em;
line-height: 1.2;
text-align: center;
display: block;
-webkit-touch-callout:none !important;-webkit-user-select:none !important;-khtml-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;
}
.btnSubmitWrap {
display: block;
}
@media all and (max-width:767px){
.radiofield em {
margin-left: 0.2em;
font-size: 2.3em;
}
.btn.btnSubmit {
font-size: 3em;
}
.radiofield label > span > strong.amount {
font-size: 5em;
padding-top: 0.24em;
}
.radiofield.radiofieldInline label > span {
padding-left: 2.4em;
padding-right: 0.2em;
}
.radiofield.radiofieldInline span > span::before {
margin-top: 0;
}
.radiofield em > small {
font-size: 0.525em;
}
.radiofield.radiofieldInline em {
font-size: 1.3em;
margin-left: 0;
}
.section {
-webkit-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.isGuest .playerJoin {
padding-top: 2em;
}
.isGuest .section.sectionJoin .sectionTitle,
.isGuest .player,
.isGuest .footer,
.isGuest .section:not(.sectionJoin) {
-webkit-filter: blur(3px) grayscale(0.8);
filter: blur(3px) grayscale(0.8);
}
.isGuest .playerJoin {
-webkit-box-shadow: 0 0 30em 3em rgba(0,0,0,0.9);
box-shadow: 0 0 30em 3em rgba(0,0,0,0.9);
}
}
@media all and (max-width:667px){
.radiofield label > span > strong.amount {
width: 33%;
}
}
@media all and (max-width:579px){
#joinForm {
padding: 0;
}
.isGuest .playerJoin {
padding: 2em 1em 1em;
}
.playerJoin {
top: 0;
}
.radiofield em > small {
font-size: 0.535em;
}
.navbarMenu a.btnJoin {
font-size: 2.6em;
}
.pmJB {
display: none;
}
.radiofield input:checked + span > span:before {
line-height: 0.9;
}
.radiofield label > span > strong.amount {
padding-left: 0.33em;
}
}
@media all and (max-width:479px){
.radiofield em {
font-size: 2em;
margin-left: 0;
}
.radiofield em > small {
/* font-size: 0.525em; */
}
.radiofield label > span > strong.amount {
font-size: 3.3em;
padding-top: 0.4em;
width: 28.5%;
}
.radiofield label > span > strong.amount sub {
font-size: 0.3em;
letter-spacing: -0.125px;
letter-spacing: -0.0125em;
}
.radiofield label > span {
padding-left: 2em;
}
.radiofield span > span::before {
height: 1.5em;
width: 1.5em;
}
.radiofield input:checked + span > span::before {
font: normal 2em/0.6 Verdana, sans-serif;
height: 0.75em;
width: 0.75em;
text-indent: 0.1em;
}
.radiofield input:checked + span > span::before {
line-height: 0.6;
}
.btn.btnSubmit {
font-size: 2.3em;
}
}
@media all and (max-width:379px){
.join {
margin-top: 0;
}
#joinForm h2 {
font-size: 2.25em;
}
#joinForm h2 .hdm {
display: none;
}
.radiofield em {
font-size: 1.8em;
margin-left: 0;
}
.radiofield span > span::before {
left: 1%;
}
.radiofield label > span {
padding-left: 1.6em;
}
.radiofield label > span > strong.amount {
font-size: 2.5em;
width: auto;
padding-top: 0.55em;
text-align: right;
padding-left: 0;
padding-right: 0.1em;
}
.radiofield label > span > strong.amount sub {
display: inline-block;
height: auto;
line-height: 1;
margin-left: auto;
margin-right: 0;
overflow: hidden;
text-align: right;
white-space: nowrap;
width: 2.33em;
}
.radiofield.radiofieldInline em span.pmTxt,
.radiofield.radiofieldInline em img {
display: block;
}
.radiofield.radiofieldInline label > span {
padding-top: 0;
padding-left: 1.5em;
padding-right: 1em;
text-align: center;
}
.btn.btnSubmit {
font-size: 2.5em;
}
}
/* ==========================================================================
MEDIA QUERIES
========================================================================== */
@-ms-viewport { width: device-width; }
@media (max-width:1023px){
.header {
padding: 1.12em 0 0.64em;
}
.logo {
max-width: 240px;
}
.fixed .logo {
max-width: 200px;
}
.headerNav {
font-size: 0.9em;
padding-top: 0.8em;
}
.headerNavButtons a {
padding: 0 0.7em;
}
.updatesGrid .grid .update {
width: 33.3333%;
}
.pagination {
font-size: 0.9em;
}
.playerVideoPlay,
.playerVideoLoading {
width: 15em !important;
height: 15em !important;
left: calc(50% - 7.5em);
top: calc(50% - 7.5em);
}
.playerVideoLoading {
-webkit-transform: translate(-7.5em, -7.5em) scale(1) translate(7.5em, 7.5em);
transform: translate(-7.5em, -7.5em) scale(1) translate(7.5em, 7.5em);
}
.playerVideoLoading i {
width: 9.6em;
height: 9.6em;
top: 2.7em;
left: 2.7em;
-webkit-transform-origin: 4.8em 4.95em;
transform-origin: 4.8em 4.95em;
}
}
@media (max-width:767px){
body {
padding-top: 10em;
}
.header {
padding: 0.56em 0 0.32em;
}
.logo {
max-width: 200px;
}
.fixed .logo {
max-width: 170px;
}
.headerNav {
padding-top: 0.3em;
}
.updatesGrid .grid .update {
width: 50%;
}
.pagination {
font-size: 0.85em;
}
.pagination span,
.pagination a:not(.pageNav):not(.active):nth-child(n+10) {
display: none;
}
.playerVideoPlay,
.playerVideoLoading {
width: 11.25em !important;
height: 11.25em !important;
left: calc(50% - 5.63em);
top: calc(50% - 5.63em);
}
.playerVideoLoading {
-webkit-transform: translate(-5.63em, -5.63em) scale(1) translate(5.63em, 5.63em);
transform: translate(-5.63em, -5.63em) scale(1) translate(5.63em, 5.63em);
}
.playerVideoLoading i {
width: 7.2em;
height: 7.2em;
top: 2.03em;
left: 2.03em;
-webkit-transform-origin: 3.6em 3.71em;
transform-origin: 3.6em 3.71em;
}
.blockItem {
width: calc(33.3333% - 1em);
}
.btnMd, .btnLg {
font-size: 4.5em;
}
}
@media (max-width:579px){
body {
padding-top: 9em;
}
.menuToggle:focus img,
.menuToggle:active img,
.menuToggle:focus,
.menuToggle:active {
outline: none;
}
.menuToggle {
display: block;
position: absolute;
right: 1em;
top: 0.9em;
}
.menuToggle img {
max-height: 32px;
}
.collapse {
height: auto;
}
.collapse,
.collapsing {
position: relative;
z-index: 9010;
}
.navbarMenu {
text-align: center;
}
.collapsing a,
.collapse a {
width: 100%;
max-width: 240px;
margin-left: auto;
margin-right: auto;
}
.collapse a {
display: none;
}
.collapsing a,
.collapse.in a,
.navbarMenu a.btnJoin,
.collapse a.btnJoin {
display: block;
margin-left: auto;
margin-right: auto;
float: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.pagination {
font-size: 0.75em;
}
.pagination a:not(.pageNav):not(.active):nth-child(n+7) {
display: none;
}
.playerVideoPlay,
.playerVideoLoading {
width: 8.44em !important;
height: 8.44em !important;
left: calc(50% - 4.22em);
top: calc(50% - 4.22em);
}
.playerVideoLoading {
-webkit-transform: translate(-4.22em, -4.22em) scale(1) translate(4.22em, 4.22em);
transform: translate(-4.22em, -4.22em) scale(1) translate(4.22em, 4.22em);
}
.playerVideoLoading i {
width: 5.4em;
height: 5.4em;
top: 1.52em;
left: 1.52em;
-webkit-transform-origin: 2.7em 2.78em;
transform-origin: 2.7em 2.78em;
}
.blockItem {
width: calc(50% - 0.5em);
}
.btnMd, .btnLg {
font-size: 3.25em;
}
}
@media (max-width:479px){
body {
padding-top: 8em;
}
.header {
padding: 0.27em 0 0.15em;
}
.logo {
max-width: 170px;
}
.fixed .logo {
max-width: 140px;
}
.headerNav {
font-size: 0.7em;
padding-top: 0;
}
.menuToggle {
margin-left: 0.5em;
}
.menuToggle img {
max-height: 25px;
}
.footer {
font-size: 0.9em;
}
.pagination a:not(.pageNav):not(.active):nth-child(n+5) {
display: none;
}
.playerVideoPlay,
.playerVideoLoading {
width: 5.63em !important;
height: 5.63em !important;
left: calc(50% - 2.81em);
top: calc(50% - 2.81em);
}
.playerVideoLoading {
-webkit-transform: translate(-2.81em, -2.81em) scale(1) translate(2.81em, 2.81em);
transform: translate(-2.81em, -2.81em) scale(1) translate(2.81em, 2.81em);
}
.playerVideoLoading i {
-webkit-box-shadow: 0 2px 0 0 #ffd331;
box-shadow: 0 2px 0 0 #ffd331;
width: 3.6em;
height: 3.6em;
top: 1.01em;
left: 1.01em;
-webkit-transform-origin: 1.8em 1.85em;
transform-origin: 1.8em 1.85em;
}
.btnMd, .btnLg {
font-size: 2.65em;
}
}
@media (max-width:379px) {
body {
padding-top: 6em;
}
.headerTop {
padding: 0.35em 0 0.3em;
}
.menuToggle {
top: 0.3em;
}
.logo {
max-width: 160px;
margin-top: 0.1em;
}
.fixed .logo {
max-width: 140px;
}
/* .headerNav {
width: 175px;
} */
/* .updatesGrid .grid {
margin-left: auto;
margin-right: auto;
}
.updatesGrid .grid .update {
float: none;
display: block;
clear: both;
width: 100%;
padding: 0;
margin-bottom: 1em;
} */
.pagination {
font-size: 0.7em;
}
.btnMd, .btnLg {
font-size: 2.25em;
}
.pagination a.active {
margin-right: 0.2em;
margin-left: 0.19em;
}
.footerLinksCol + .footerLinksCol {
margin-top: 2em;
}
.pagination a:not(.pageNav):not(.active) {
display: none;
}
.sectionJoin .sectionTitle {
font-size: 2.6em;
}
}