@charset "utf-8";
  .col2sale li.product {
width: 46% !important;
margin: 0 2% 5% 2% !important;
}
.col3sale li.product {
width: 31.3% !important;
margin: 0 1% 5% 1% !important;
} figure.centop {
position: relative;
overflow: hidden;
margin: 10px 1%;
padding: 5px;
min-width: 220px;
width: auto;
color: #333;
text-align: left;
box-shadow: none !important;
}
figure.centop * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.centop img {
max-width: 100%;
height: 100px;
width: 100px;
border-radius: 100%;
margin: 0 auto;
display: block;
z-index: 1;
position: relative;
box-shadow: 0 0 1pt 1pt #cccccc;
}
figure.centop blockquote {
margin: 0;
display: block;
border-radius: 8px;
position: relative;
background-color: #fafafa;
padding: 65px 50px 50px 50px;
font-weight: 500;
margin: -50px 0 0;
line-height: 1.6em;
border: none !important;
box-shadow: 0 0 1pt 1pt #dddddd;
}
figure.centop .author {
padding: 15px;
margin: 0;
text-transform: uppercase;
color: #000000;
text-align: center;
}
figure.centop .author h3 { margin: 0;
font-weight: 800;
}
figure.centop .author span {
font-weight: 400;
text-transform: uppercase;
font-variant: small-caps;
display: block; }
figure.cenbot {
position: relative;
overflow: hidden;
margin: 10px 1%;
padding: 5px;
min-width: 220px;
width: auto;
color: #333;
text-align: left;
box-shadow: none !important;
}
figure.cenbot * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.cenbot img {
max-width: 100%;
height: 100px;
width: 100px;
border-radius: 100%;
margin-bottom: 15px;
display: inline-block;
z-index: 1;
position: relative;
box-shadow: 0 0 1pt 1pt #cccccc;
}
figure.cenbot blockquote {
margin: 0;
display: block;
border-radius: 8px;
position: relative;
background-color: #fafafa;
padding: 30px 50px 65px 50px;
font-weight: 500;
margin: 0 0 -50px;
line-height: 1.6em;
border: none !important;
box-shadow: 0 0 1pt 1pt #dddddd;
}
figure.cenbot .author {
margin: 0;
text-transform: uppercase;
text-align: center;
color: #000000;
}
figure.cenbot .author h3 { margin: 0;
font-weight: 800;
}
figure.cenbot .author span {
font-weight: 400; text-transform: uppercase;
font-variant: small-caps;
display: block;
}
figure.midbot {
position: relative;
overflow: hidden;
margin: 10px 1%;
padding: 5px;
min-width: 220px;
width: auto;
color: #333;
text-align: left;
box-shadow: none !important;
}
figure.midbot * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.midbot img {
max-width: 100%;
height: 80px;
width: 80px;
border-radius: 100%;
margin-right: 5px;
display: block;
z-index: 1;
position: absolute;
left: 50px;
box-shadow: 0 0 1pt 1pt #cccccc;
}
figure.midbot blockquote {
margin: 0;
display: block;
border-radius: 8px;
position: relative;
background-color: #fafafa;
padding: 30px 50px 65px 50px;
font-weight: 500;
margin: 0 0 -40px;
line-height: 1.6em;
border: none !important;
box-shadow: 0 0 1pt 1pt #dddddd;
}
figure.midbot .author {
margin: 0;
height: 80px;
display: block;
text-align: left;
color: #000000;
padding: 0 35px;
position: relative;
}
figure.midbot .author h3,
figure.midbot .author span {
left: 135px;
position: absolute; padding: 3px 5px;
}
figure.midbot .author h3 {
text-transform: uppercase;
bottom: 50%;
margin: 0;
font-weight: 800;
color: #000000; }
figure.midbot .author span { text-transform: uppercase;
font-variant: small-caps;
color: #000000;
top: 50%; }
figure.midtop {
position: relative;
overflow: hidden;
margin: 10px 1%;
padding: 5px;
min-width: 220px;
width: auto;
color: #333;
text-align: left;
box-shadow: none !important;
}
figure.midtop * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.midtop img {
max-width: 100%;
height: 80px;
width: 80px;
border-radius: 100%;
margin-right: 5px;
display: block;
z-index: 1;
position: absolute;
left: 50px;
box-shadow: 0 0 1pt 1pt #cccccc;
}
figure.midtop blockquote {
margin: 0;
display: block;
border-radius: 8px;
position: relative;
background-color: #fafafa;
padding: 65px 50px 35px 50px;
font-weight: 500;
margin: -40px 0 0;
line-height: 1.6em;
border: none !important;
box-shadow: 0 0 1pt 1pt #dddddd;
}
figure.midtop .author {
margin: 0;
height: 80px;
display: block;
text-align: left;
padding: 0 35px;
position: relative;
z-index: 1;
}
figure.midtop .author h3,
figure.midtop .author span {
left: 135px;
position: absolute; padding: 3px 5px;
}
figure.midtop .author h3 {
text-transform: uppercase;
bottom: 55%;
margin: 0;
font-weight: 800;
color: #000000; }
figure.midtop .author span {
color: #000000;
top: 50%;
font-weight: 500;
text-transform: uppercase;
font-variant: small-caps; } .modprod {
font-family: 'Poppins:400,700', Arial, sans-serif;
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
background-color: #000000;
color: #ffffff;
text-align: left;
font-size: 16px;
border: 1px solid #b0b0b0 !important;
}
.modprod * {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.modprod img {
max-width: 100%;
width: 100% !important;
vertical-align: top;
}
.modprod figcaption {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 10%, transparent 50%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 10%, transparent 50%);
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.modprod h3 {
font-weight: 400;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
margin: 3px 0;
}
.modprod .sale {
position: absolute;
top: -3px;
padding: 10px 20px;
left: 0px;
font-weight: 700;
font-size: 22px;
}
.modprod .title1 {
font-size: 30px;
color: #f5f5f5;
font-weight: 800;
}
.modprod .title3 {
font-weight: 800;
color: #dddddd;
font-size: 20px;
}
.modprod a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.modprod:hover img,
.modprod.hover img {
-webkit-transform: scale(1.3) rotate(5deg);
transform: scale(1.3) rotate(5deg);
}
.modprod h3 small {
padding-bottom: 2px !important;
vertical-align: middle;
display: inline-block;
}
.corner-ribbon {
width: 200px;
background: #e43;
position: absolute;
top: 12px;
left: -70px;
text-align: center;
line-height: 35px;
letter-spacing: 1px;
color: #f0f0f0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right {
top: 12px;
right: -70px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}  .ribbon {
font-size: 16px; width: fit-content;
position: relative;
background: #74a6d9;
color: #fff;
text-align: center;
padding: 1em 1.5em; margin: 2em auto 3em; }
.ribbon::before, .ribbon::after {
content: "";
position: absolute;
display: block;
bottom: -1em;
border-width: 1.5em;
border-style: solid;
border-color: #74a6d9;
filter: brightness(85%);
z-index: -1;
}
.ribbon::before {
left: -2em;
border-right-width: 1.5em;
border-left-color: transparent;
}
.ribbon::after {
right: -2em;
border-left-width: 1.5em;
border-right-color: transparent;
}
.ribbon .ribbon-content::before, .ribbon .ribbon-content::after {
content: "";
position: absolute;
display: block;
border-style: solid;
border-color: #74a6d9 transparent transparent transparent;
bottom: -1em;
filter: brightness(70%);
}
.ribbon .ribbon-content::before {
left: 0;
border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content::after {
right: 0;
border-width: 1em 1em 0 0;
} .wiggle {
-webkit-animation: btnWiggle 3s infinite;
-moz-animation: btnWiggle 3s infinite;
-o-animation: btnWiggle 3s infinite;
animation: btnWiggle 3s infinite;
transition: all 0.2s ease-in-out;
overflow: hidden;
}
.wiggle::before {
content: "";
background-color: rgba(255, 255, 255, 0.3);
height: 100px;
width: 50px;
display: block;
position: absolute;
top: -10px;
left: -150%;
transform: skewX(-45deg) translateX(0);
transition: none;
}
.wiggle:hover::before {
transform: skewX(-45deg) translateX(600px);
transition: all 1s ease-in-out;
}
@-webkit-keyframes btnWiggle {
0% {
-webkit-transform: rotate(0deg);
}
2% {
-webkit-transform: rotate(-2deg);
}
3.5% {
-webkit-transform: rotate(2deg);
}
5% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-o-keyframes btnWiggle {
0% {
-webkit-transform: rotate(0deg);
}
2% {
-webkit-transform: rotate(-2deg);
}
3.5% {
-webkit-transform: rotate(2deg);
}
5% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes btnWiggle {
0% {
-webkit-transform: rotate(0deg);
}
2% {
-webkit-transform: rotate(-2deg);
}
3.5% {
-webkit-transform: rotate(2deg);
}
5% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes sheen {
0% {
transform: skewY(-45deg) translateX(0);
}
100% {
transform: skewY(-45deg) translateX(200px);
}
} .dl_button:hover .bottom {
margin: -6px 0 0 10px
}
.dl_button:hover .top {
margin: -84px 0 0 10px;
line-height: 35px;
}
.dl_button {
width: 200px;
margin: 150px auto;
}
.dl_button a {
display: block;
height: 50px;
min-width: 200px;  font: 17px/50px Helvetica, Verdana, sans-serif;
text-decoration: none !important;
text-align: center;
text-transform: uppercase;
font-weight: bold;  }
.dl_button a, p.dlbtn {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
p.dlbtn {
background: #222;
display: block;
height: 40px;
width: 180px;
margin: -50px 0 0 10px; text-align: center;
font: 12px/45px Helvetica, Verdana, sans-serif;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.5px; position: absolute;
z-index: -1; -webkit-transition: margin 0.3s ease;
-moz-transition: margin 0.3s ease;
-o-transition: margin 0.3s ease;
-ms-transition: margin 0.3s ease;
transition: margin 0.3s ease;
}
.dl_button a:active { }
.dl_button:active .bottom {
margin: -20px 0 0 10px
}
.dl_button:active .top {
margin: -70px 0 0 10px
} #elegant-title.frame {
position: relative;
top: 50%;
left: 0;
width: 100%;
height: 200px;
margin-top: 0px;
margin-left: 0px;
border-radius: 2px;
overflow: hidden;
background: #201c29;
color: #fff;
font-family: 'Open Sans', Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#elegant-title .circle {
position: absolute;
z-index: 11;
height: 20px;
width: 20px;
top: 46%;
left: 50%;
transform: translate(-50%, -50%);
background: #66ffff;
border-radius: 50%;
animation: circle 1.8s ease-in-out;
animation-fill-mode: forwards;
}
#elegant-title .line {
position: absolute;
z-index: 10;
width: 47%;
height: 4px;
top: 50%;
transform: scaleX(0);
}
#elegant-title .line.left {
left: 50px;
transform-origin: 100% 50%;
animation: lines 1s ease-in-out 0.8s, line-left 1s steps(1) 0.8s;
background: #66ffff;
}
#elegant-title .line.right {
right: 50px;
background: #66ffff;
transform-origin: 0% 50%;
animation: lines 1s ease-in-out 0.8s, line-right 1s steps(1) 0.8s;
}
#elegant-title .bracket {
position: absolute;
z-index: 10;
height: 130px;
width: 4px;
top: 35px;
background-image: linear-gradient(45deg, #3399ff, #66ffff, #3399ff 100%);
animation: bracket .4s ease-out 1.7s;
animation-fill-mode: both;
}
#elegant-title .bracket:before, #elegant-title .bracket:after {
position: absolute;
display: block;
content: '';
width: 25px;
height: 4px;
}
#elegant-title .bracket.right:before, #elegant-title .bracket.right:after {
background: #3399ff;
}
#elegant-title .bracket.left {
left: 50px;
}
#elegant-title .bracket.left:before {
top: 0;
left: 0;
transform-origin: 0% 50%;
animation: bracket-line .2s ease-out 2.1s;
animation-fill-mode: both;
}
#elegant-title .bracket.left:after {
bottom: 0;
left: 0;
transform-origin: 0% 50%;
animation: bracket-line .2s ease-out 2.1s;
animation-fill-mode: both;
}
#elegant-title .bracket.left:before, #elegant-title .bracket.left:after {
background: #3399ff;
}
#elegant-title .bracket.right {
right: 50px;
}
#elegant-title .bracket.right:before {
top: 0;
right: 0;
transform-origin: 100% 50%;
animation: bracket-line .2s ease-out 2.1s;
animation-fill-mode: both;
}
#elegant-title .bracket.right:after {
bottom: 0;
right: 0;
transform-origin: 100% 50%;
animation: bracket-line .2s ease-out 2.1s;
animation-fill-mode: both;
}
#elegant-title .big {
position: absolute;
z-index: 5;
top: 80px;
width: 100%;
text-align: center;
font-size: 5rem;
color: #e6f9ff;
line-height: 50px;
font-family: 'Great Vibes', cursive; background-clip: text;
transition: 0.2s ease-in;
}
#elegant-title .hide {
position: absolute;
z-index: 7;
width: 100%;
height: 200px;
background: #201c29;
left: 0;
animation: reveal .4s ease-out 1.7s;
animation-fill-mode: both;
}
#elegant-title .hide.top {
bottom: 49%;
transform-origin: 50% 0%;
}
#elegant-frame .hide.bottom {
top: 49%;
transform-origin: 50% 100%;
}
#elegant-title .small {
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
left: 0;
font-weight: 300;
font-size: 24px;
color: #66ffff;
line-height: 30px;
text-transform: uppercase;
}
#elegant-title .small.top {
bottom: 9rem;
animation: small-top .5s ease-out 2.2s;
animation-fill-mode: both;
}
#elegant-title .small.bottom {
top: 9rem;
animation: small-bottom .5s ease-out 2.2s;
animation-fill-mode: both;
}
@keyframes circle {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
90%, 100% {
transform: scale(0);
}
}
@keyframes lines {
0% {
transform: scaleX(0);
}
50% {
transform: scaleX(1);
}
100% {
transform: scaleX(0);
}
}
@keyframes line-left {
0% {
transform-origin: 100% 50%;
}
50%, 100% {
transform-origin: 0% 50%;
}
}
@keyframes line-right {
0% {
transform-origin: 0% 50%;
}
50%, 100% {
transform-origin: 100% 50%;
}
}
@keyframes bracket {
0% {
transform: scaleY(0);
}
100% {
transform: scaleY(1);
}
}
@keyframes bracket-line {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}
@keyframes reveal {
0% {
transform: scaleY(1);
}
100% {
transform: scaleY(0);
}
}
@keyframes small-top {
0% {
transform: translateX(-20px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes small-bottom {
0% {
transform: translateX(20px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
} #filetype.icons {
font-size: 0;
text-align: center;    }
#filetype.icons .icon {
display: inline-block;
width: 40px;
height: 50px;
border-radius: 5px;
cursor: pointer;
position: relative;
margin: 0 5px;
background-color: #4285f4;
}
#filetype.icons .icon .corner {
width: 0px;
height: 0px;
position: absolute;
top: 0;
right: 0;
background: transparent;
border-right: 12px solid #fff;
border-bottom: 12px solid rgba(255, 255, 255, .5);
border-bottom-left-radius: 5px;
opacity: 0 !important;
transition: all 0.1s linear;
transform: translate(5px, -5px);
}
#filetype.icons .icon:hover div.corner {
opacity: 1 !important;
transition: all 0.2s linear;
transform: translate(0px);
}
#filetype.icons i {
position: absolute;
top: 50%;
left: 46%;
transform: translate(-50%, -50%);
display: block;
font-size: 13px;
color: #ffffff;
font-weight: 500;
}
#filetype.icons i::before,
#filetype.icons i::after {
display: block;
transition: all 0.2s linear;
}
#filetype.icons i::before {
content: '' !important;
text-align: center;
font-size: 18px;
opacity: 0;
transform: translateY(5px);
padding-top: 8px;
margin-bottom: -5px;
font-family: 'entypo-fontello' !important;
font-style: normal !important;
}
#filetype.icons i::after { transform: translateY(-5px);
padding-bottom: 8px;
margin-top: -5px;
}
#filetype.icons .icon:hover i::before {
transform: translateY(0);
opacity: 1;
}
#filetype.icons .icon:hover i::after {
transform: translateY(0);
} .artframe {
background-color: #fff;
box-shadow: inset 0 0 2px hsla(0, 0%, 0%, .2),
0 3px 1px hsla(0, 0%, 100%, .75),
0 -1px 1px 2px hsla(0, 0%, 0%, .1);
height: 350px; margin: 50px auto;
padding: .5em;
position: relative; width: 500px;
display: block;
}
.art_title {
text-align: center;
} .artframe:before {
background-color: #22130c;
bottom: -2.5em;
box-shadow: inset 0 1px 1px 1px hsla(0, 0%, 100%, .2),
inset 0 -2px 1px hsla(0, 0%, 0%, .4),
0 5px 50px hsla(0, 0%, 0%, .25),
0 20px 20px -15px hsla(0, 0%, 0%, .2),
0 30px 20px -15px hsla(0, 0%, 0%, .15),
0 40px 20px -15px hsla(0, 0%, 0%, .1);
content: '';
left: -2.5em;
position: absolute;
right: -2.5em;
top: -2.5em;
z-index: -1;
} .artframe:after {
background-color: #fff5e5;
bottom: -1.5em;
box-shadow: 0 2px 1px hsla(0, 0%, 100%, .2),
0 -1px 1px 1px hsla(0, 0%, 0%, .4),
inset 0 2px 3px 1px hsla(0, 0%, 0%, .2),
inset 0 4px 3px 1px hsla(0, 0%, 0%, .2),
inset 0 6px 3px 1px hsla(0, 0%, 0%, .1);
content: '';
left: -1.5em;
position: absolute;
right: -1.5em;
top: -1.5em;
z-index: -1;
} .artframe li {
box-shadow: 0 -1px 0 2px hsla(0, 0%, 0%, .03);
list-style: none;
position: absolute;
overflow: hidden;
height: calc(350px - 14px);
width: calc(500px - 14px);
margin: 0px !important;
padding: 0px !important;
background-repeat: no-repeat;
}
.artframe input {
bottom: 0;
position: absolute;
display: none;
} .artframe label {
background-color: #111;
background-image: linear-gradient(transparent, hsla(0, 0%, 0%, .25));
border: .2em solid transparent;
bottom: 0.5em;
border-radius: 100%;
cursor: pointer;
display: block;
height: .5em;
left: 4em;
opacity: 0;
position: absolute;
transition: .25s;
width: .5em;
visibility: hidden;
z-index: 10;
}
.artframe label:after {
border-radius: 100%;
bottom: -.2em;
box-shadow: inset 0 0 0 .2em #111,
inset 0 2px 2px #000,
0 1px 1px hsla(0, 0%, 100%, .25);
content: '';
left: -.2em;
position: absolute;
right: -.2em;
top: -.2em;
}
.artframe:hover label {
opacity: 1;
visibility: visible;
}
.artframe input:checked + label {
background-color: #fff;
}
.artframe:hover li:nth-child(1) label {
left: .5em;
}
.artframe:hover li:nth-child(2) label {
left: 2em;
}
.artframe:hover li:nth-child(3) label {
left: 3.5em;
}
.artframe:hover li:nth-child(4) label {
left: 5em;
} .artframe img { transition: .25s;
width: 100%;
vertical-align: top; }
.artframe li input:checked ~ img {
opacity: 1;
visibility: visible;
z-index: 10;
} .movie_card {
position: relative;
display: block;
width: 100%;
min-height: 250px;
margin: 100px auto;
overflow: hidden;
border-radius: 10px;
transition: all 0.4s;
}
.movie_card .info_section {
position: relative;
width: 100%;
min-height: 250px;
background-blend-mode: multiply;
z-index: 2;
border-radius: 10px;
}
.movie_card .info_section .corner-ribbon.top-right-movie {
top: 30px;
right: -53px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background-color: #39d;
text-transform: uppercase;
font-weight: 600;
}
.movie_card .movie_header {
position: relative;
padding: 25px;
height: 40%;
}
.movie_card .movie_header h1 {
color: #fff;
font-weight: 400;
text-shadow: 1px 1px #000000;
}
.movie_card .movie_header h4 {
color: #9ac7fa;
font-weight: 400;
text-shadow: 1px 1px #000000;
}
.movie_card .movie_header .minutes {
display: inline-block;
margin-top: 10px;
color: #fff;
padding: 5px 8px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.25);
}
.movie_card .movie_header .type {
text-transform: uppercase;
display: inline-block;
color: #cee4fd;
margin-left: 10px;
}
.movie_card .trailer a {
margin: 0px 0px 10px 25px;
display: inline-block;
padding: 7px 10px;
border-radius: 5px;
border: 1px solid rgba(154, 199, 250, 0.45);
text-transform: uppercase;
text-decoration: none;
color: rgba(154, 199, 250, 0.65);
}
.movie_card .trailer a:hover {
color: rgba(154, 199, 250, 0.85);
border: 1px solid rgba(154, 199, 250, 0.75);
background-color: #202020;
}
.movie_card .movie_header .boxart {
position: relative;
float: left;
margin-right: 20px;
height: 130px;
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
}
.movie_card .movie_desc {
padding: 5px 25px 15px 25px;
height: 50%;
}
.movie_card .movie_desc .text {
color: #cfd6e1;
}
.movie_card .blur_back {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
right: 0;
background-size: cover;
border-radius: 11px;
}
@media screen and (min-width: 768px) {
#banner.movie_card .movie_header {
width: 65%;
}
#banner.movie_card .movie_desc {
width: 55%;
height: auto !important;
}
#banner.movie_card .info_section {
background: linear-gradient(to right, #0d0d0c 55%, transparent 100%);
}
#banner.movie_card .blur_back {
background-position: -100% 10% !important;
}
}
@media screen and (max-width: 768px) {
#banner.movie_card .movie_header .boxart {
height: 100px;
}
#banner.movie_card {
width: 95%;
margin: 70px auto;
min-height: 250px;
height: auto;
}
#banner.movie_card .blur_back {
width: 100%;
background-position: 50% 50% !important;
}
#banner.movie_card .movie_header {
width: 100%;
margin-top: 85px;
}
#banner.movie_card .movie_desc {
width: 100%;
}
#banner.movie_card .info_section {
background: linear-gradient(to top, rgb(20, 20, 19) 50%, transparent 100%);
display: inline-grid;
}
}
#portrait.movie_card .movie_header .boxart {
height: 100px;
}
#portrait.movie_card .movie_header {
width: 60% !important;
}
#portrait.movie_card .movie_subheader {
padding: 0px 25px 20px 25px;
}
#portrait.movie_card .movie_subheader .minutes {
display: inline-block;
margin-top: 0px;
color: #fff;
padding: 5px 8px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.13);
}
#portrait.movie_card .movie_subheader .type {
text-transform: uppercase;
display: inline-block;
color: #cee4fd;
margin-left: 10px;
}
#portrait.movie_card .movie_desc {
width: 50% !important;
height: auto !important;
}
#portrait.movie_card .info_section {
background: linear-gradient(to right, #0d0d0c 50%, transparent 100%) !important;
}
#portrait.movie_card .blur_back {
background-position: -100% 10% !important;
}
#portrait.movie_card {
width: 95% !important;
margin: 70px auto !important;
min-height: 350px !important;
height: auto !important;
}
#portrait.movie_card .blur_back {
width: 100% !important;
background-position: 50% 50% !important;
}
#portrait.movie_card .movie_header {
width: 100% !important;
margin-top: 85px !important;
}
#portrait.movie_card .movie_desc {
width: 100% !important;
}
#portrait.movie_card .info_section {
background: linear-gradient(to top, rgb(20, 20, 19) 50%, transparent 100%) !important;
display: inline-grid !important;
} .app_card {
position: relative;
display: block;
width: 100%;
min-height: 250px;
margin: 100px auto;
overflow: hidden;
border-radius: 10px;
transition: all 0.4s;
}
.app_card .info_section {
position: relative;
width: 100%;
min-height: 250px;
background-blend-mode: multiply;
z-index: 2;
border-radius: 10px;
}
.app_card .info_section .corner-ribbon.top-right-app {
top: 30px;
right: -53px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background-color: #39d;
text-transform: uppercase;
font-weight: 600;
text-shadow: 0.5px 0.5px #000;
}
.app_card .app_header {
position: relative;
padding: 25px;
height: 40%;
}
.app_card .app_header h1 {
color: #fff;
font-weight: 600;
text-shadow: 1px 1px #000000;
margin-bottom: 2px;
margin-top: 6px;
}
.app_card .app_header h4 {
color: #9ac7fa;
font-weight: 400;
text-shadow: 1px 1px #000000;
}
.app_card .app_header .version {
display: inline-block;
margin-top: 5px;
color: #fff;
padding: 5px 8px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.25);
}
.app_card .app_header .type {
text-transform: uppercase;
display: inline-block;
color: #cee4fd;
margin-left: 10px;
margin-top: 2px;
margin-bottom: 2px;
}
.app_card .appcat {
text-transform: uppercase;
display: block;
color: #cee4fd;
margin-left: 25px;
margin-bottom: 0px;
}
.app_card .appbut a {
margin: 0px 12px 10px 12px;
display: inline-block;
padding: 7px 10px;
border-radius: 5px;
border: 1px solid rgba(154, 199, 250, 0.35);
text-transform: uppercase;
text-decoration: none;
color: rgba(154, 199, 250, 0.5);
}
.app_card .appbut a:hover {
color: rgba(154, 199, 250, 0.85);
border: 1px solid rgba(154, 199, 250, 0.65);
background-color: #202020;
}
.app_card .app_header .appicon {
position: relative;
float: left;
margin-right: 20px;
height: 120px; }
.app_card .app_desc {
padding: 5px 25px 15px 25px;
height: 50%;
}
.app_card .app_desc .text {
color: #cfd6e1;
}
.app_card .blur_back {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
right: 0;
background-size: cover;
border-radius: 11px;
}
.app_card .rating {
vertical-align: bottom;
display: inline-block;
margin-left: 10px;
margin-bottom: 3px;
}
.app_card .rating img {
padding-right: 2px;
}
@media screen and (min-width: 768px) {
#banner.app_card .app_header {
width: 65%;
padding-bottom: 5px;
}
#banner.app_card .appbuttons img {
width: 200px;
padding: 0px 10px 10px 15px;
}
#banner.app_card .app_desc {
width: 55%;
height: auto !important;
}
#banner.app_card .app_subheader {
padding: 0px 25px 20px 25px;
}
#banner.app_card .app_subheader .version {
display: inline-block;
margin-top: 0px;
color: #dddddd;
padding: 5px 8px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.25);
}
#banner.app_card .app_subheader .type {
text-transform: uppercase;
display: inline-block;
color: #cee4fd;
margin-left: 10px;
}
#banner.app_card .appbut {
margin-top: 15px;
margin-left: 10px;
}
#banner.app_card .info_section {
background: linear-gradient(to right, rgba(0, 0, 0, 0.92) 35%, transparent 100%);
}
#banner.app_card .blur_back {
background-position: -100% 10% !important;
}
}
@media screen and (max-width: 768px) {
#banner.app_card .app_header .appicon {
height: 80px;
}
#banner.app_card {
width: 95%;
margin: 70px auto;
min-height: 250px;
height: auto;
}
#banner.app_card .app_subheader {
padding: 0px 25px 20px 25px;
}
#banner.app_card .app_subheader .version {
display: inline-block;
margin-top: 0px;
color: #dddddd;
padding: 5px 8px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.25);
}
#banner.app_card .app_subheader .type {
text-transform: uppercase;
display: inline-block;
color: #cee4fd;
margin-left: 10px;
}
#banner.app_card .appbuttons img.apple {
width: 50%;
padding: 0px 10px 10px 10px;
}
#banner.app_card .appbuttons img.google {
width: 50%;
padding: 0px 10px 10px 10px;
}
#banner.app_card .appbuttons img.amazon {
width: 50%;
padding: 0px 10px 10px 10px;
}
#banner.app_card .appbuttons img.windows {
width: 50%;
padding: 0px 10px 10px 10px;
}
#banner.app_card p.appcat {
margin-top: 0px;
}
#banner.app_card .appbut {
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#banner.app_card .appbut a {
width: 42% !important;
text-align: center !important;
}
#banner.app_card .blur_back {
width: 100%;
background-position: 50% 50% !important;
}
#banner.app_card .app_header {
width: 100%;
margin-top: 85px;
}
#banner.app_card .app_desc {
width: 100%;
}
#banner.app_card .info_section {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 58%, transparent 100%);
display: inline-grid;
}
}
#portrait.app_card .app_header .appicon {
height: 80px;
}
#portrait.app_card .app_header {
width: 60% !important;
}
#portrait.app_card .app_subheader {
padding: 0px 25px 20px 25px;
}
#portrait.app_card .app_subheader .version {
display: inline-block;
margin-top: 0px;
color: #dddddd;
padding: 5px 8px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.25);
}
#portrait.app_card .app_subheader .type {
text-transform: uppercase;
display: inline-block;
color: #cee4fd;
margin-left: 10px;
}
#portrait.app_card .app_desc {
width: 50% !important;
height: auto !important;
}
#portrait.app_card p.appcat {
margin-top: 0px;
}
#portrait.app_card .appbuttons img.apple {
width: 50%;
padding: 0px 10px 10px 10px;
}
#portrait.app_card .appbuttons img.google {
width: 50%;
padding: 0px 10px 10px 10px;
}
#portrait.app_card .appbuttons img.amazon {
width: 50%;
padding: 0px 10px 10px 10px;
}
#portrait.app_card .appbuttons img.windows {
width: 50%;
padding: 0px 10px 10px 10px;
}
#portrait.app_card .blur_back {
background-position: -100% 10% !important;
}
#portrait.app_card .appbut {
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
#portrait.app_card .appbut a {
width: 42% !important;
text-align: center !important;
}
#portrait.app_card {
width: 95% !important;
margin: 70px auto !important;
min-height: 350px !important;
height: auto !important;
}
#portrait.app_card .blur_back {
width: 100% !important;
background-position: 50% 50% !important;
}
#portrait.app_card .app_header {
width: 100% !important;
margin-top: 85px !important;
}
#portrait.app_card .app_desc {
width: 100% !important;
}
#portrait.app_card .info_section {
background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 58%, transparent 100%) !important;
display: inline-grid !important;
}
.applink {
text-align: center;
}
.applink a {
max-width: 500px;
padding: 4px 6px;
}
@media screen and (max-width: 768px) {
.applink .half, .applink .half, .applink .half, .applink .half {
width: 50% !important;
}
.applink .full, .applink .full, .applink .full, .applink .full {
width: 100% !important;
}
} .avia-modal.ssmed {
top: 15%;
left: 15%;
right: 15%;
bottom: 15%;
}
.avia-modal.ssmed .av_half, .avia-modal .av_half {
width: 49% !important;
min-height: 135px;
}
.avia-modal .av_half .avia-name-description {
width: auto !important;
}  .avia-modal.ssmed .avia-form-element-container {
border-bottom: none !important;
border-top: 1px dotted #e1e1e1;
}
.avia-modal.ssmed #aviaTBprefix-form-container, .avia-modal.ssmed #aviaTBprefix_bold-form-container, .avia-modal.ssmed #aviaTBsuffix-form-container, .avia-modal.ssmed #aviaTBsuffix_small-form-container, .avia-modal.ssmed #aviaTBcard-form-container, .avia-modal.ssmed #aviaTBtitle-form-container, .avia-modal.ssmed #aviaTBtrailer-form-container, .avia-modal.ssmed #aviaTBtrailer_btn-form-container {
min-height: 135px !important;
}
.avia-modal.ssmed .avia-builder-prev-img img {
max-height: 200px !important;
}
.avia-modal.ssmed .avia-element-image .avia-name-description {
margin-bottom: 30px !important;
margin-left: 0px !important;
}
.avia-modal.ssmed .avia-element-image {
max-height: 300px !important;
min-height: 300px !important;
}
.mfp-iframe-holder .mfp-arrow-left, .mfp-iframe-holder .mfp-arrow-right {
display: none;
}
.avia-modal.ssmed .avia-half .avia-form-element {
width: auto !important;
}
.avia-modal.ssmed .av_third {
width: 33% !important;
min-height: 125px;
} @media screen and (max-width: 768px) {
.rw-sentence {
font-size: 18px;
}
}
@media screen and (max-width: 320px) {
.rw-sentence {
font-size: 9px;
}
}