.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 .author h3 {display:inline;}
figure div.rating {display:block !important; vertical-align: sub;}
figure div.rating img {border:none !important;width:20px !important;height:20px !important;max-height:20px !important;display:inline !important;box-shadow:none !important; margin:3px 0px !important;}
figure.midtop div.rating img, figure.midbot div.rating img{position:relative; right:0px; margin-right:10px;}
figure.midtop .author div.rhclass, figure.midbot .author div.rhclass {padding-top:10px !important;}
figure.midtop .author div.rdivclass, figure.midbot .author div.rdivclass {display:none!important;}
figure.midtop .author span.rspanclass {top:50% !important;}
figure.midbot .author span.rspanclass {top:54% !important;}
figure.centop {
position: relative;
overflow: hidden;
margin: 10px 1%;
padding: 5px;
min-width: 220px;
width: auto;
color: #333;
text-align: right;
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 .author img {background-color:#ffffff !important;}
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: right;
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: right;
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-left: 5px;
display: block;
z-index: 1;
position: absolute;
right: 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: right;
color: #000000;
padding: 0 35px;
position: relative;
}
figure.midbot .author div.heading,
figure.midbot .author span {
right: 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: 63%; }
figure.midtop {
position: relative;
overflow: hidden;
margin: 10px 1%;
padding: 5px;
min-width: 220px;
width: auto;
color: #333;
text-align: right;
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-left: 5px;
display: block;
z-index: 1;
position: absolute;
right: 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: right;
padding: 0 35px;
position: relative;
z-index: 1;
}
figure.midtop .author div.heading,
figure.midtop .author span {
right: 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: 63%;
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: right;
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;
right: 0;
left: 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;
right: 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;
right: 0;
left: 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;
right: -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;
left: -70px;
right: 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 {
right: -2em;
border-left-width: 1.5em;
border-right-color: transparent;
}
.ribbon::after {
left: -2em;
border-right-width: 1.5em;
border-left-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 {
right: 0;
border-width: 1em 1em 0 0;
}
.ribbon .ribbon-content::after {
left: 0;
border-width: 1em 0 0 1em;
} .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;
right: -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 10px 0 0 }
.dl_button:hover .top { margin: -84px 10px 0 0; line-height: 35px; }
.dl_button {
min-width: 150px;
margin: 25px auto;
}
.dl_button a {
display: block;
height: 50px;
min-width: 150px;  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 10px 0 0; 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 10px 0 0 }
.dl_button:active .top { margin: -70px 10px 0 0 } #elegant-title.frame {
position: relative;
top: 50%;
right: 0;
width: 100%;
height: 200px;
margin-top: 0px;
margin-right: 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%;
right: 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 {
right: 50px;
transform-origin: 0% 50%;
animation: lines 1s ease-in-out 0.8s, line-left 1s steps(1) 0.8s;
background: #66ffff;
}
#elegant-title .line.right {
left: 50px;
background: #66ffff;
transform-origin: 100% 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 {
right: 50px;
}
#elegant-title .bracket.left:before {
top: 0;
right: 0;
transform-origin: 100% 50%;
animation: bracket-line .2s ease-out 2.1s;
animation-fill-mode: both;
}
#elegant-title .bracket.left:after {
bottom: 0;
right: 0;
transform-origin: 100% 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 {
left: 50px;
}
#elegant-title .bracket.right:before {
top: 0;
left: 0;
transform-origin: 0% 50%;
animation: bracket-line .2s ease-out 2.1s;
animation-fill-mode: both;
}
#elegant-title .bracket.right:after {
bottom: 0;
left: 0;
transform-origin: 0% 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;
right: 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;
right: 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: 0% 50%;
}
50%, 100% {
transform-origin: 100% 50%;
}
}
@keyframes line-right {
0% {
transform-origin: 100% 50%;
}
50%, 100% {
transform-origin: 0% 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; left:0; background:transparent; border-left:12px solid #fff; border-bottom:12px solid rgba(255, 255, 255, .5); border-bottom-right-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%;
right: 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: '';
right: -2.5em;
position: absolute;
left: -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: '';
right: -1.5em;
position: absolute;
left: -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;
right: 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: '';
right: -.2em;
position: absolute;
left: -.2em;
top: -.2em;
}
.artframe:hover label {
opacity: 1;
visibility: visible;
}
.artframe input:checked + label {
background-color: #fff;
}
.artframe:hover li:nth-child(1) label {
right: .5em;
}
.artframe:hover li:nth-child(2) label {
right: 2em;
}
.artframe:hover li:nth-child(3) label {
right: 3.5em;
}
.artframe:hover li:nth-child(4) label {
right: 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;
left: -53px;
right: 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-right: 10px;
}
.movie_card .trailer a{
margin:0px 25px 10px 0px;
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: right;
margin-left: 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%;
left: 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 left, #0d0d0c 55%, transparent 100%);
}
#banner.movie_card .blur_back{
background-position: 200% 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-right: 10px;
}
#portrait.movie_card .movie_desc{
width: 50% !important;
height: auto !important;
}
#portrait.movie_card .info_section{
background: linear-gradient(to left, #0d0d0c 50%, transparent 100%) !important;
}
#portrait.movie_card .blur_back{
background-position: 200% 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: 50px 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;
left: -53px;
right: 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-right: 10px;
margin-top: 2px;
margin-bottom: 2px;
}
.app_card .appcat {
text-transform: uppercase;
display: block;
color: #cee4fd;
margin-right: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: right;
margin-left: 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%;
left: 0;
background-size: cover;
border-radius: 11px;
}
.app_card .rating {
vertical-align: bottom;
display: inline-block;
margin-right: 10px;
margin-bottom: 3px;
}
.app_card .rating img {padding-left: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 15px 10px 10px;}
#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-right: 10px;
}
#banner.app_card .appbut {margin-top:15px; margin-right:10px;}
#banner.app_card .info_section{background: linear-gradient(to left, rgba(0,0,0,0.92) 35%, transparent 100%);} }
@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-right: 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-right: 10px; padding-left: 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-right: 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: 200% 10% !important;  
}
#portrait.app_card .appbut {margin-bottom:10px; padding-right: 10px; padding-left: 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%; right:15%; left: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-right: 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; }
#acftest blockquote {padding-right:25px !important; padding-left:25px !important;}
figure div.rating {display:block!important;}
figure.midtop img, figure.midbot img {right:10px !important;}
figure.midtop div.rating img, figure.midbot div.rating img{position:relative; right:0px!important; margin-right:0px!important;}
figure.midtop .author div.heading, figure.midbot .author div.heading, figure.midtop .author span, figure.midbot .author span {right:100px !important;}
}
@media screen and (max-width: 320px){
.rw-sentence { font-size: 9px; }
}