/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {
margin: 0 auto;
padding: 0;
max-width: 800px;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
margin: 0 auto;
padding: 0;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
FONTS
========================================================================== */
@font-face {
font-family: 'exoblack';
src: url('font/fonts/exo-black-webfont.eot');
src: url('font/fonts/exo-black-webfont.eot?#iefix') format('embedded-opentype'),
url('font/fonts/exo-black-webfont.woff2') format('woff2'),
url('font/fonts/exo-black-webfont.woff') format('woff'),
url('font/fonts/exo-black-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html {
height: 100%;
overflow-x: hidden;
}
body{
background:#000;
position:relative;
height: 100%;
margin: 0 auto;
}
.page-template-templatesPIN-entering-pin-php #splashPopup {
top: 23%;
}
.page-template-templatesPIN-entering-pin-php #splashPopup input[type="tel"] {
margin: 5px 0;
}
.page-template-templatesPIN-entering-pin-php .gratis {
position: absolute;
top: 60%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 210px;
max-width: 210px;
text-align: center;
}
#menu{
position:absolute;
top:0;
left:0;
display:block;
width:260px;
min-height:100%;
overflow:auto;
background:url(../img/menuBg.jpg);
background-size:cover;
background-position:center top;
}
#menuOverlay{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000; /* Old browsers */
background: -moz-linear-gradient(top, #000 0%, #000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000 0%,#000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000 0%,#000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000 0%,#000 100%); /* IE10+ */
background: linear-gradient(to bottom, #000 0%,#000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */
opacity: 0;
}
.searchOverlay{
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000; /* Old browsers */
background: -moz-linear-gradient(top, #000 0%, #000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000 0%,#000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000 0%,#000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000 0%,#000 100%); /* IE10+ */
background: linear-gradient(to bottom, #000 0%,#000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */
opacity: 0;
}
#menu span{
position: relative;
float:left;
font-size:14px;
color:#adadad;
width: 150px;
margin: 40px 12px 10px;
}
#menuLogo{
position: relative;
z-index: 1;
float:left;
width:150px;
display:block;
background:url(../img/menuLogo.png) center left no-repeat;
background-size:126px 20px;
height:20px;
margin: 14px 20px;
}
#menu ul{
float:left;
width:100%;
margin:0;
padding:0;
display:block;
list-style-type:none;
}
#menu ul:last-child{
padding-bottom:80px;
}
#menu ul li{
float:left;
width:100%;
margin:0;
padding:0;
display:block;
}
#menu ul li a{
float:left;
width:100%;
margin:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:4px 10px;
display:block;
position:relative;
text-decoration:none;
font-size:17px;
font-weight:bold;
text-shadow:0px 1px 1px #333;
color:#e0e0df;
line-height: 37px;
}
.menuIcon i{
width:37px;
height:37px;
display:block;
float:left;
background:url(../img/menuIcons.png);
background-size:37px 185px;
margin-right:5px;
}
.menuIcon.menuHome i{ background-position:0px 0px; }
.menuIcon.menuVds i { background-position:0px -37px; }
.menuIcon.menuCats i{ background-position:0px -74px; }
.menuIcon.menuPorn i{ background-position:0px -111px; }
.menuIcon.menuMy i { background-position:0px -148px; }
#menu ul li a:after, #menu ul li:first-child a:before{
content:"";
width:100%;
height:1px;
display:block;
position:absolute;
bottom:0px;
left:0;
background: -moz-linear-gradient(left, rgba(136,120,105,1) 0%, rgba(136,120,105,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(136,120,105,1)), color-stop(100%,rgba(136,120,105,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(136,120,105,1) 0%,rgba(136,120,105,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(136,120,105,1) 0%,rgba(136,120,105,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(136,120,105,1) 0%,rgba(136,120,105,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(136,120,105,1) 0%,rgba(136,120,105,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#887869', endColorstr='#00887869',GradientType=1 ); /* IE6-9 */
}
#menu ul li:first-child a:before{ top:0px; }
#menu ul li.current-menu-item a{
color:#FFF;
background: -moz-linear-gradient(left, rgba(136,120,105,1) 0%, rgba(136,120,105,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(136,120,105,1)), color-stop(100%,rgba(136,120,105,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(136,120,105,1) 0%,rgba(136,120,105,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(136,120,105,1) 0%,rgba(136,120,105,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(136,120,105,1) 0%,rgba(136,120,105,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(136,120,105,1) 0%,rgba(136,120,105,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#887869', endColorstr='#00887869',GradientType=1 ); /* IE6-9 */
}
#menu ul li.current-menu-item:before a, #menu ul li.current-menu-item:after a{
display:none;
}
#header{
position:relative;
float:left;
width:100%;
height:55px;
display:block;
background: rgb(52,52,52); /* Old browsers */
background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,52,52,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(34,34,34,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(52,52,52,1) 0%,rgba(34,34,34,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
border-top:1px solid #000;
border-bottom:1px solid #000;
z-index:1;
}
#logo{
width: 150px;
height: 49px;
display:block;
margin: 15px auto 0;
color: white;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#menuTrigger{
width:60px;
height:45px;
display:block;
background:url(../img/menuIcon.png) center center no-repeat;
background-size:27px 16px;
position:absolute;
top:2px;
left:0;
cursor:pointer;
}
#searchTrigger{
width:60px;
height:45px;
display:block;
background:url(../img/searchIcon.png) center center no-repeat;
background-size:24px;
position:absolute;
top:2px;
right:0;
cursor:pointer;
}
#searchWrapper{
position:absolute;
z-index: 0;
top:55px;
left:0px;
width:100%;
background:rgba(0,0,0,0.9);
background:url(../img/menuBg.jpg);
background-position: 0px 660px;
padding:0 10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
display:none;
overflow:hidden;
height:0px;
}
#searchWrapper input[type="text"]{
position: relative;
z-index: 2;
border:none;
background:none;
color:#FFF;
width:100%;
padding-right:50px;
box-sizing:border-box;
-moz-box-sizing:border-box;
outline:none;
font-size: 20px;
}
#searchWrapper input[type="submit"]{
position:absolute;
z-index: 2;
top: 8px;
right: 16px;
border:none;
color:#FFF;
border-radius: 15px;
height: 30px;
width:30px;
font-size: 10px;
background:#6FD861;
text-align: center;
padding:0;
}
#contentWrapper{
width:100%;
height:auto;
display:block;
margin:0 auto;
z-index:0;
position:relative;
overflow: hidden;
}
#content{
width:100%;
display:block;
background:#ededed;
float:left;
}
/****************/
/* MEMBER
/****************/
.main-members {
position: relative;
margin: 0 auto;
max-width: 640px;
padding-bottom: 20px;
}
.content.member {
background-color: #070B12;
}
.member .item {
padding: 0px 0;
}
.member .item.image2 {
//background: #1C0707 url('../pix/bg-image2.jpg') center 25% no-repeat;
background-size: cover;
display: grid;
}
.member .video-header a{
display:block;
margin :10px 0 0 5px;
padding: 5px 5px;
font-size: 10px;
color: #fff;
text-decoration: underline;
text-transform: uppercase;
}
.member .video-header h3{
/*margin-top:10px;*/
text-align:center;
padding: 5px 5px;
font-size: 14px;
color: #fff;
line-height: 1.5;
}
.member .container .videoWrapper{
margin-top:15px;
}
.member .container .videoWrapper .video{
max-width:100%;
width:100%;
height:auto;
}
.member .container .vidThumbnails{
margin-top:10px;
text-align:center;
}
.member .container .vidThumbnails h3{
text-align: center;
padding: 5px 5px;
font-size: 14px;
color: #fff;
line-height: 1.5;
}
.member .item .logo {
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.member .item .title {
width: 223px;
margin: 0 auto;
}
.member .item h2 {
margin-bottom: 0;
}
.nav {
background: #13161F;
text-align: center;
}
.nav ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.nav ul li {
display: inline-block;
width: 33%;
float: left;
padding: 10px 0;
}
.nav ul li a {
position: relative;
display: block;
font-size: 10px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 1px 0;
}
.nav ul li.active a {
color: #FF72FF;
font-weight: 700;
}
.nav ul li.active a:after {
content: '';
position: absolute;
width: 45%;
height: 2px;
bottom: -2px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #FF72FF;
}
.videos {
padding: 1px;
overflow: hidden;
background-color: #13161F;
}
.videos .item {
position: relative;
display: inline-block;
width: 50%;
float: left;
height:110px;
padding: 0;
border: 1px solid #13161F;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.videos .item a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.heading {
background: #333333;
padding: 8px 10px;
}
.heading h3 {
display: inline-block;
font-size: 13px;
line-height: 19px;
font-style: italic;
color: #FF32AC;
margin: 0px;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.heading .back{
float: right;
padding: 12px;
margin: -8px 0 0 0;
font-weight: 400;
color: #fff;
font-size: 11px;
text-decoration: none;
position: relative;
}
.heading .back:before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 4px 8px 4px 0;
border-color: transparent #6b6b6b transparent transparent;
position: absolute;
top: 13px;
left: -3px;
}
.videoFooter{
margin-top:0;
float: left;
width: 100%;
display: block;
background: rgb(227,227,227);
background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(207,207,207,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(100%,rgba(207,207,207,1)));
background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#cfcfcf',GradientType=0 );
border-top: 1px solid #FFF;
border-bottom: 1px solid #c3c3c3;
margin-bottom:20px;
}
.videoFooter a{
box-sizing:border-box;
-moz-box-sizing:border-box;
float: left;
width:50%;
text-align:center;
display: block;
font-weight: 700;
color: #6b6b6b;
text-shadow: 0px 1px 0px #FFF;
padding:10px 0;
font-size: 14px;
text-decoration: none;
border-right: 1px solid #c1c1c1;
border-left: 1px solid #eee;
}
.threeGicon{
width:20px;
height:15px;
display:inline-block;
background:url(../img/3g.png);
background-size:20px 15px;
background-position:center;
background-repeat:no-repeat;
margin: 0px 5px 0 0;
}
.wifiIcon{
width:20px;
height:15px;
display:inline-block;
background:url(../img/wifi.png);
background-size:20px 15px;
background-position:center;
background-repeat:no-repeat;
margin: 0px 5px 0 0;
}
.videoThumbnailsCarousel .owl-prev{
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 100%;
background: rgba(0,0,0,0.2);
}
.videoThumbnailsCarousel .owl-next{
position: absolute;
top: 0;
right: 0;
width: 45px;
height: 100%;
background: rgba(0,0,0,0.2);
}
.videoThumbnailsCarousel .owl-prev i, .videoThumbnailsCarousel .owl-next i {
width:24px;
height:22px;
display:block;
background:url(../img/carouselArrows.png);
background-size:48px 22px;
background-position:0px 0px;
position: absolute;
top: 50%;
left: 50%;
margin: -11px auto auto -12px;
}
.videoThumbnailsCarousel .owl-next i{
background-position:-22px 0px;
}
.clear { clear: both; height: 1px; line-height: 1px; margin: -1px 0 0; }
.item .img {
position: relative;
}
.item .img img {
display: block;
width: 100%;
height: 100%;
}
.item .img .hd {
display: inline-block;
position: absolute;
width: 22px;
height: 16px;
left: 8px;
top: 10px;
background: url(../pix/hd-icon.png) center no-repeat;
background-size: 100%;
}
.pag {
padding: 4px 0;
text-align: center;
margin-bottom: 20px;
}
.pag .arrow {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}
.pag .arrow.back {
background: url(../pix/arrow.png) center no-repeat;
background-size: 13px 10px;
}
.pag .arrow.next {
background: url(../pix/arrow.png) center no-repeat;
background-size: 13px 10px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.pag ul {
display: inline-block;
margin: 0 10px;
}
.pag ul li {
display: inline-block;
margin: 0 1px;
}
.pag ul li a {
display: block;
min-width: 30px;
padding: 8px 0;
font-size: 11px;
font-weight: 400;
letter-spacing: 2px;
text-align: center;
text-decoration: none;
color: #fff;
}
.pag ul li.active a {
color: #FF72FF;
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*
* Responsive images
*/
.size-full {
max-width: 100%;
height: auto;
}
/*
* Error message
*/
.error-message {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top:-30px;
left: 50%;
margin-left: -140px;
background: #FF4C5A;
padding: 8px 12px;
border-radius: 5px;
color: #FFF;
text-align: center;
}
.error-message-relative {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FF4C5A;
padding: 8px 12px;
border-radius: 5px;
color: #FFF !important;
text-align: center;
}
.animated {
display: inline-block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display:inline-block;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
#sms-enter-pin, #age-verification{
position:relative;
}
.formAndroidFixPlaceholder{
position:absolute;
top:0;
left:0;
width:100%;
height:43px;
line-height:43px;
display:block;
text-align:center;
color: #bbb;
font-weight:bold;
font-size: 19px;
}
#menu-age-verification{
top: 80px !important;
}
/* Optin pages */
.popup{
text-align: center;
position: absolute;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 300px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 999;
}
.optin-top{
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: relative;
background-clip: padding-box;
display: block;
height: 115px;
margin-top: -25px;
}
.optin1-link{
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: relative;
background-clip: padding-box;
display: block;
height: 80px;
margin-top: 0px;
}
.optin2-link{
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: relative;
background-clip: padding-box;
display: block;
height: 80px;
margin-top: -12px;
}
.optin-nein{
background: #000000;
background: -moz-linear-gradient(top, rgba( 0,0,0, 0.5 ) 0%, rgba( 0,0,0, 0.5 ) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba( 0,0,0, 0.5 )), color-stop(100%,rgba( 0,0,0, 0.5 )));
background: -webkit-linear-gradient(top, rgba( 0,0,0, 0.5 ) 0%,rgba( 0,0,0, 0.5 ) 100%);
background: -o-linear-gradient(top, rgba( 0,0,0, 0.5 ) 0%,rgba( 0,0,0, 0.5 ) 100%);
background: -ms-linear-gradient(top, rgba( 0,0,0, 0.5 ) 0%,rgba( 0,0,0, 0.5 ) 100%);
background: linear-gradient(to bottom, rgba( 0,0,0, 0.5 ) 0%,rgba( 0,0,0, 0.5 ) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
color: #ffffff;
display: block;
font-size: 10px;
border-radius: 40px;
max-width: 3000px;
margin: 0 auto;
font-weight: bold;
/* line-height: 0.5; */
overflow: hidden;
padding: 5px 5px;
margin-top: -20px
}
.optin-nein p {
margin: 0px;
}
.optin-nein a {
position: relative;
}
/* splash */
#splash {
position: relative;
height: 100%;
background-size: cover;
padding-top: 10px;
}
#splash .bottomText {
position: absolute;
top: 100%;
left: 0;
right: 0;
color: #FFF;
font-size: 12px;
padding: 0 10px 55px;
text-shadow: 0px -1px 1px #111;
text-align: justify;
z-index: 999;
}
#splashGradient {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 25%;
width: 100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 16%, rgba(0,0,0,0.5) 52%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(16%,rgba(0,0,0,0.3)), color-stop(52%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 16%,rgba(0,0,0,0.5) 52%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 16%,rgba(0,0,0,0.5) 52%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 16%,rgba(0,0,0,0.5) 52%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 16%,rgba(0,0,0,0.5) 52%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
#main{
width: 100%;
float: left;
display: block;
overflow: auto;
z-index: 1;
position: relative;
padding-bottom: 40px;
background: #ededed;
}
#splashPopup{
position: absolute;
top: 30%;
width: 100%;
text-align: center;
color: #fff;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, rgba( 0,0,0, 0.8 ) 0%, rgba( 0,0,0, 0.8 ) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba( 0,0,0, 0.8 )), color-stop(100%,rgba( 0,0,0, 0.8 ))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba( 0,0,0, 0.8 ) 0%,rgba( 0,0,0, 0.8 ) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba( 0,0,0, 0.8 ) 0%,rgba( 0,0,0, 0.8 ) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba( 0,0,0, 0.8 ) 0%,rgba( 0,0,0, 0.8 ) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba( 0,0,0, 0.8 ) 0%,rgba( 0,0,0, 0.8 ) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
padding-top: 10px;
padding-bottom: 10px;
}
#splashPopup input[type="tel"] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 0;
font-size: 12px;
border: none;
text-align: center;
width: 80%;
margin: 10px 0;
}
#splashPopup #splashBtnNo {
background: rgba(75,75,75,1);
border-radius: 5px;
padding: 11px 0;
font-size: 12px;
display: inline-block;
border: none;
font-weight: bold;
width: 120px;
margin: 10px 0 5px;
color: #fff;
text-decoration: none;
}
#splashPopup #splashBtnYes {
color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#8C31E8), to(#BA73FF));
background-image: -webkit-linear-gradient(top, #8C31E8, #BA73FF);
background-image: -moz-linear-gradient(top, #8C31E8, #BA73FF);
background-image: -ms-linear-gradient(top, #8C31E8, #BA73FF);
background-image: -o-linear-gradient(top, #8C31E8, #BA73FF);
background-image: linear-gradient(top, #8C31E8, #BA73FF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#8C31E8', EndColorStr='#BA73FF');
}
.logoMain {
width: 270px;
margin: 0 auto 70px;
display: block;
}
.logoSmall {
width: 160px;
margin: -15px auto 0;
display: block;
}
.page-template-templatesPIN-entering-pin-php #splashPopup {
top: 23%;
}
.page-template-templatesPIN-entering-pin-php #splashPopup input[type="tel"] {
margin: 5px 0;
}
.page-template-templatesPIN-entering-pin-php #splashPopup #splashBtnYes {
display: block;
margin: 5px auto;
}
.page-template-templatesPIN-entering-pin-php .gratis {
position: absolute;
top: 62%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 210px;
max-width: 210px;
text-align: center;
amrgin-top: 10px;
}
#splashPopup input[type="submit"] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 12px 0;
font-size: 12px;
display: inline-block;
border: none;
font-weight: bold;
width: 120px;
margin: 10px 0 5px;
}
#splashPopup p {
font-size: 12px;
margin: 0;
}
#splashPopup input[type="text"] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 0;
font-size: 12px;
border: none;
text-align: center;
width: 80%;
margin: 10px 0;
}
#splash #optinGratis {
color: #23891c;
text-shadow: -1px -1px #fce840, 1px -1px #fce840,-1px 1px #fce840,1px 1px #fce840;
}
#splash #optinGratis {
font-size: 25px;
font-family: exoblack;
font-weight: bold;
margin: 10px 0 0;
display: inline-block;
}
#splash #price {
font-size: 16px;
margin: 0;
font-family: Arial;
border-radius: 6px;
}
#splash #price {
color: #ffffff;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, rgba( 0,0,0, 0.3 ) 0%, rgba( 0,0,0, 0.3 ) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba( 0,0,0, 0.3 )), color-stop(100%,rgba( 0,0,0, 0.3 ))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba( 0,0,0, 0.3 ) 0%,rgba( 0,0,0, 0.3 ) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba( 0,0,0, 0.3 ) 0%,rgba( 0,0,0, 0.3 ) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba( 0,0,0, 0.3 ) 0%,rgba( 0,0,0, 0.3 ) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba( 0,0,0, 0.3 ) 0%,rgba( 0,0,0, 0.3 ) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#resendPin {
font-size: 13px;
}
/****************/
/* FOOTER
/****************/
.page-id-17 .footer,
.page-id-18 .footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
}
.footer {
background: #24272D;
z-index: 1000;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.footer ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.footer ul li {
display: inline-block;
margin: 0 5px;
}
.footer ul li a {
display: block;
padding: 5px 5px;
font-size: 10px;
letter-spacing: 2px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.footer.sticky {
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: 0;
}
@media screen and (max-width: 370px) {
.item .logo-wrapper {
padding: 30px 0 7px 0;
}
}
@media screen and (min-height: 450px) {
.item.av {
background: #1C0707 url(../pix/bg-image1.jpg) 40% top no-repeat;
background-size: cover;
height: 80vh;
}
.item.opt {
background: #1C0707 url('../pix/bg-image2.jpg') 40% top no-repeat;
background-size: cover;
height: 80vh;
}
}
.textWrap {
float: left;
width: 94%;
min-height: 390px;
margin: 0 3%;
}
.videoCount, .textWrap p, .search-no-results p {
font-size: 12px;
text-align: center;
width: 100%;
}
.textWrap .btn{
background: rgb(227,227,227);
background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(207,207,207,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(100%,rgba(207,207,207,1)));
background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#cfcfcf',GradientType=0 );
border:1px solid #666;
border-radius:8px;
font-family: 'bemioregular';
font-style:italic;
color:#6b6b6b;
text-shadow:0px 1px 1px #FFF, 0px -1px 0px #666;
padding:12px 10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
text-align:center;
font-size: 17px;
box-shadow: inset 0px 1px 2px #FFF;
text-decoration: none;
display: block;
}
.textWrap .actionBtn{
background: rgb(227,227,227);
background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(207,207,207,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(100%,rgba(207,207,207,1)));
background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(207,207,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#cfcfcf',GradientType=0 );
border:1px solid #666;
border-radius:8px;
font-family: 'bemioregular';
font-style:italic;
color:#6b6b6b;
text-shadow:0px 1px 1px #FFF, 0px -1px 0px #666;
padding:12px 10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
text-align:center;
font-size: 17px;
box-shadow: inset 0px 1px 2px #FFF;
text-decoration: none;
display: block;
}
.textWrap .headline {
font-weight: 400;
color: #6b6b6b;
line-height: 40px;
font-size: 18px;
margin: 0 20px;
font-family: Arial;
font-style: normal;
font-weight: normal;
margin: 20px 0;
width: 100%;
text-align: center;
}
.textWrap form input {
width: 100%;
text-align: center;
font-size: 19px;
border-radius: 8px;
padding: 12px 0;
border: 1px solid #666;
color: #6b6b6b;
margin-bottom: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.grecaptcha-badge {
display: none;
}
/*
* Langstrasse pages
*/
.bottomText-ls {
padding: 5px 15px 20px 15px;
background-color: #FBFBFB;
}
.bottomText-ls p {
text-align: justify;
color: #999999;
font-size: 10px;
line-height: 1.1;
}
.disclaimer-container-ls{
//position: absolute;
//margin-bottom: 25px;
}
.logo-wrapper {
width: 100%;
bottom: 0;
padding: 38px 0 7px 0;
background: url(../pix/text-header.png) center top no-repeat;
background-size: cover;
margin-bottom: -1px;
}
.logo-wrapper img {
vertical-align: middle;
margin: 0 auto;
display: -webkit-box;
width: 40%;
}
.logo-wrapper a{
font-weight: bold;
text-decoration: underline;
font-size: 15px;
}
.popup-ls {
text-align: center;
position: relative;
top: 130px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 300px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#splash-ls{
position: relative;
height: 100%;
background-size: contain;
padding-top: 55%;
}
.optin-top-ls {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: relative;
background-clip: padding-box;
display: block;
height: 100px;
}
.optin1-link-ls {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: relative;
background-clip: padding-box;
display: block;
height: 80px;
margin-top: -35px;
}
.page-template-no-title-page .wp-block-list li {
list-style: disc;
color: #fff;
font-size: 12px;
}
.page-template-no-title-page .wp-block-table {
overflow-x: scroll;
}
.page-template-no-title-page .wp-block-table td, .page-template-no-title-page .wp-block-table th {
color: #fff;
font-size: 12px;
}
.footer-ls {
background: #24272D;
z-index: 1000;
/* position: fixed; */
bottom: 0;
left: 0;
right: 0;
}
.footer-ls ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.footer-ls ul li {
display: inline-block;
margin: 0 5px;
}
.footer-ls ul li a {
display: block;
padding: 5px 5px;
font-size: 10px;
letter-spacing: 2px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
@media(min-height: 600px){
#splash-ls{
padding-top: 100%;
}
}