html, body {
font-family: 'dinot-condbold', sans-serif;
width: 100%;
height: 100%;
}
/* Fonts Css */
@font-face {
font-family: 'digital_sans_ef_medium';
src: url('../fonts/ufonts.com_digital-sans-ef-medium-webfont.eot');
src: url('../fonts/ufonts.com_digital-sans-ef-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ufonts.com_digital-sans-ef-medium-webfont.woff') format('woff'), url('../fonts/ufonts.com_digital-sans-ef-medium-webfont.woff') format('woff'), url('../fonts/ufonts.com_digital-sans-ef-medium-webfont.ttf') format('truetype'), url('../fonts/ufonts.com_digital-sans-ef-medium-webfont.svg#kabelLT') format('svg');
}
@font-face {
font-family: 'dinot-condbold';
src: url("../../fonts/POGODINOT-CondBold.otf");
}
@font-face {
font-family: 'kabelLT';
src: url("../../fonts/POGOLinotype-KabelLTStd-Black.otf");
}
@font-face {
font-weight: 'interstate bold';
src: url('../fonts/ufonts.com_interstate-bold-webfont.eot');
src: url('../fonts/ufonts.com_interstate-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ufonts.com_interstate-bold-webfont.woff') format('woff'), url('../fonts/ufonts.com_interstate-bold-webfont.woff') format('woff'), url('../fonts/ufonts.com_interstate-bold-webfont.ttf') format('truetype'), url('../fonts/ufonts.com_interstate-bold-webfont.svg#interstateregular') format('svg');
}
@font-face {
font-family: 'interstateregular';
src: url('../fonts/interstateblackcondensed-webfont.eot');
src: url('../fonts/interstateblackcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/interstateblackcondensed-webfont.woff') format('woff'), url('../fonts/interstateblackcondensed-webfont.woff') format('woff'), url('../fonts/interstateblackcondensed-webfont.ttf') format('truetype'), url('../fonts/interstateblackcondensed-webfont.svg#interstateregular') format('svg');
}
/* Global Css */
.bginr .mainwarea > .container {
background: #fff
}
.bg-ad {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/images/background.png") center top no-repeat;
background-attachment: fixed;
width: 100%;
z-index: 5
}
a:hover {
text-decoration: none;
}
.bottom-ad .container {
background: #fff
}
.adcnt {
background: #fff
}
.adv-cont {
margin-top: 20px
}
.adv-cont h4 {
float: left;
margin: 0 15px 15px 0;
width: 130px
}
.modal-body .load-sm, #ChangePwdLoader, #UpdateProfileLoader {
background-color: rgba(0,0,0,.8);
height: 100%
}
#ChangePwdLoader, #UpdateProfileLoader {
background-color: rgba(0,0,0,.8);
height: 50%
}
#UpdateProfileLoader {
background-color: rgba(0,0,0,.8);
height: 50%;
top: 50%
}
.load-sm {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/images/load-sm.gif") center center no-repeat;
width: 100%;
height: 88%;
position: absolute;
left: 30%;
margin-left: -30%;
top: 0;
background-color: rgba(0,0,0,.5);
z-index: 9999
}
.posn#header .navbar-nav > li::before {
height: 90px
}
.posn#header .navbar-default {
border-bottom: none;
padding-bottom: 0
}
.home .container {
background: #fff
}
#header .navbar-default {
background-color: transparent;
border: none;
border-radius: 0px;
color: #414141;
font: 18px 'kabelLT';
margin-top: 15px;
margin-bottom: 0;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 20px;
text-transform: uppercase;
}
.navbar-nav > li {
text-align: center
}
#header .navbar-brand {/*new*/
padding: 0px;
margin-top: 0;
}
#header, h2, h1, .submenu li, .show-timings .btn:first-child, .featured h3, .head-pnl h3, .br-show h4, .navbar-nav {
font-family: 'dinot-condbold';
}
.show-timings .btn:first-child {
padding: 7px 16px;
font-size: 21px;
margin-top:6px;
}
#header .navbar-nav > li {
padding: 0px 10px;
text-align: center
}
#header .navbar-nav > li:last-child {
padding-right: 0px;
}
#header .navbar-nav > li span {
display: block;
margin-bottom: 7px;
text-align: center;
height: 77px;
line-height: 73px;
overflow: hidden;
}
#header .navbar-default .navbar-nav > .active > a, #header .navbar-default .navbar-nav > .active > a:focus, #header .navbar-default .navbar-nav > .active > a:hover {
background-color: transparent;
text-decoration: underline; /* Added on 16-7-17 */
}
#header .navbar-nav > li:before {
content: "";
width: 1px;
height: 105px;
position: absolute;
right: 0px;
background: transparent;
}
#header .navbar-nav li:last-child:before {
background: none
}
#header .navbar-collapse {
padding-right: 0px;
}
/* menu csss */ /* adjust body when menu is open */
body.slide-active {
overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
position: relative;
left: 0;
}
#page-content.slide-active {
padding-top: 0
}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
cursor: pointer;
position: absolute;
left: 10px;
top: 0;
line-height: 0;
margin: 0;
width: 50px;
height: 40px;
margin: 15px 0 0 0;
padding: 5px 8px 10px;
border: 0;
background: #fff;
}
.navbar-toggle {
border-radius: 0
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
width: 100%;
display: block;
height: 3px;
margin: 5px 0 0 0;
}
.bg-ad {
background: none !important
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
background: #fff
}
#slide-nav .navbar-toggle.slide-active {
background: #c8234a
}
.navbar-header {
position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
position: relative;
top: 0px;
}
#slide-nav.navbar-inverse {
border: none;
display: none;
background-color: transparent;
}
#show-warea {
margin-bottom: 20px;
}
.show-timings {
background: none;
min-height: 51px;
overflow: hidden;
padding: 0;
position: relative;
}
.show-timings .btn:first-child {
position: absolute;
cursor: default;
}
.show-timings .btn:last-child {
position: absolute;
right: 10px;
z-index: 99;
top: -7px;
}
.btn-3-0-3d:hover span img, .btn-3-0-3d:focus span img {
/* -webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);*/
transform: translate3d(0px, -51px, 0px);
}
.show-carousel {
position: relative;
z-index: 99;
padding: 0px;
max-height: 108px;
position: relative;
overflow: hidden;
height: 108px;
top:8px;
}
.show-carousel .btn {
position: absolute;
z-index: 999;
text-align: center;
left: -15px;
top: -7px;
}
.show-carousel .btn img{
}
.show-carousel .btn:hover img, .show-carousel .btn:focus img {
/* -webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);*/
transform: translate3d(0px, -108px, 0px);
}
.show-timings .btn {
text-align: center
}
.show-wrap .btn-ui-b, .show-wrap .btn-ui-b:before, .show-wrap .btn-3d span, .show-wrap .btn-3d span:before {
min-width: 135px;
}
.show-wrap .btn-3d span {
padding: 0px 8px;
-webkit-box-shadow: -20px 20px 0px 11px rgba(212,230,230,1);
-moz-box-shadow: -20px 20px 0px 11px rgba(212,230,230,1);
box-shadow: -20px 20px 0px 11px rgba(212,230,230,1);
}
.show-wrap {
/*background: -webkit-linear-gradient(#fff, #eee);
background: -o-linear-gradient(#fff, #eee);
background: -moz-linear-gradient(#fff, #eee);
background: linear-gradient(#fff, #eee);
border-radius: 10px 10px 0px 0px;
border: 1px solid #D4D4D4;*/
}
.ticker-wrap {
font-size: 21px;
height: 23px;
line-height: 19px;
margin: 12px 166px 0 145px;
overflow: hidden;
color: #4e397f;
font-family: 'dinot-condbold';
}
.ticker-wrap span, .ticker-wrap b {
font-weight: 600;
text-transform: uppercase;
}
ul.newsticker {
//important to enable css3 transitions properly -webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
list-style: none;
margin: 0;
}
.page-height h4 > a, .page-height p > a {
color: #008049
}
.txt-red > h3 {
font-weight: 700;
}
.red-bg {
background: #a82b31 !important;
}
.blu-bg {
background: #189EC2;
}
.grn-bg {
background: #009a4e;
}
.orng-bg {
background: #f58320;
}
.orange-bg-3-0 {
background: #e48025;
}
.txt-orange {
color: #f58320;
}
.txt-blue {
color: #41c8f5;
}
.txt-red {
color: #a41d25;
}
.txt-pink {
color: #c8234b
}
.txt-green {
color: #018049
}
.fwide {
width: 100% !important;
}
.brdrds-nn {
border-radius: 0;
border: none
}
.p0 {
padding: 0px;
}
.pr0 {
padding-right: 0px;
}
.mt0 {
margin-top: 0px !important;
}
.play-now .btn-br-blb {
padding: 7px
}
/*-----Button-----*/
.more-link, .btn, .schedule {
font-family: 'dinot-condbold'
}
.btn {
font-weight: 400;
color: #fff;
}
/*.btn-ui {
background: #a31d24;
background: -moz-linear-gradient(left, #a31d24 0%, #c8234b 52%, #a31d24 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #a31d24), color-stop(52%, #c8234b), color-stop(100%, #a31d24));
background: -webkit-linear-gradient(left, #a31d24 0%, #c8234b 52%, #a31d24 100%);
background: -o-linear-gradient(left, #a31d24 0%, #c8234b 52%, rgba(163,29,35,1) 100%);
background: -ms-linear-gradient(left, #a31d24 0%, #c8234b 52%, rgba(163,29,35,1) 100%);
background: linear-gradient(to right, #a31d24 0%, #c8234b 52%, rgba(163,29,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a31d24', endColorstr='#a31d24', GradientType=1 );
border-radius: 0px 0px 10px 0px;
position: relative;
z-index: 99;
text-transform: uppercase;
}*/
.btn-ui {
background: none repeat scroll 0 0 #68a736;
border-radius: 0;
position: relative;
text-transform: uppercase;
z-index: 99;
}
.mt0.vdopnl {
margin-bottom: 45px
}
.btn-orange-3-0{
background: #e48025;
}
.btn-blu {
background: #008db0;
background: -moz-linear-gradient(left, #008db0 0%, #008db0 0%, #41c8f5 51%, #008db0 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #008db0), color-stop(0%, #008db0), color-stop(51%, #41c8f5), color-stop(100%, #008db0));
background: -webkit-linear-gradient(left, #008db0 0%, #008db0 0%, #41c8f5 51%, #008db0 100%);
background: -o-linear-gradient(left, #008db0 0%, #008db0 0%, #41c8f5 51%, #008db0 100%);
background: -ms-linear-gradient(left, #008db0 0%, #008db0 0%, #41c8f5 51%, #008db0 100%);
background: linear-gradient(to right, #008db0 0%, #008db0 0%, #41c8f5 51%, #008db0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008db0', endColorstr='#008db0', GradientType=1 );
}
.vdobtnblu, .vdobtnblu:hover {
background: #41C8F5;
}
.btn-ui.btn-blu:hover {
background: #41c8f5;
}
.btn-grn {
background: #018049;
background: -moz-linear-gradient(left, #018049 0%, #49b278 50%, #018049 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #018049), color-stop(50%, #49b278), color-stop(100%, #018049));
background: -webkit-linear-gradient(left, #018049 0%, #49b278 50%, #018049 100%);
background: -o-linear-gradient(left, #018049 0%, #49b278 50%, #018049 100%);
background: -ms-linear-gradient(left, #018049 0%, #49b278 50%, #018049 100%);
background: linear-gradient(to right, #018049 0%, #49b278 50%, #018049 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#018049', endColorstr='#018049', GradientType=1 );
}
.btn-ui.btn-grn:hover {
background: #49b279;
}
.btn-e48025 {
background: #e48025;
}
.imgshowcase3 {
max-height: 54px !important;
max-width: 54px !important;
margin:-10px 5px 0 -10px;
}
.btn-orng {
background: #f24c22;
background: -moz-linear-gradient(left, #f24c22 0%, #f87612 51%, #f24c22 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #f24c22), color-stop(51%, #f87612), color-stop(100%, #f24c22));
background: -webkit-linear-gradient(left, #f24c22 0%, #f87612 51%, #f24c22 100%);
background: -o-linear-gradient(left, #f24c22 0%, #f87612 51%, #f24c22 100%);
background: -ms-linear-gradient(left, #f24c22 0%, #f87612 51%, #f24c22 100%);
background: linear-gradient(to right, #f24c22 0%, #f87612 51%, #f24c22 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24c22', endColorstr='#f24c22', GradientType=1 );
}
.btn-ui.btn-orng:hover {
background: #f87612;
}
.btn-ui.btn-lg {
font-size: 18px;
}
.btn-3d {
position: relative;
display: inline-block;
padding: 0px;
font-size: 16px;
line-height: 29px;
}
.btn-3d span {
position: relative;
display: inline-block;
padding: 0 10px;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
text-transform: uppercase;
height: 32px;
}
.btn-3d span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
height: 32px;
}
.btn-3d:hover span, .btn-3d:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.btn-redbg, .btn-redbg:before {
/*background: #ce4666;
background: -moz-linear-gradient(top, #ce4666 0%, #c8234b 0%, #ce4666 50%, #b21f35 51%, #b21f35 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ce4666), color-stop(0%, #c8234b), color-stop(50%, #ce4666), color-stop(51%, #b21f35), color-stop(100%, #b21f35));
background: -webkit-linear-gradient(top, #ce4666 0%, #c8234b 0%, #ce4666 50%, #b21f35 51%, #b21f35 100%);
background: -o-linear-gradient(top, #ce4666 0%, #c8234b 0%, #ce4666 50%, #b21f35 51%, #b21f35 100%);
background: -ms-linear-gradient(top, #ce4666 0%, #c8234b 0%, #ce4666 50%, #b21f35 51%, #b21f35 100%);*/
background:#68a736;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce4666', endColorstr='#b21f35', GradientType=0 );
border: 2px solid #c8234b;
-webkit-box-shadow: -25px 25px 5px 10px rgba(212,230,230,1);
-moz-box-shadow: -25px 25px 5px 10px rgba(212,230,230,1);
box-shadow: -25px 25px 5px 10px rgba(212,230,230,1);
}
.btn-ui-b {
border-radius: 1px;
padding: 0 8px;
position: relative;
text-transform: uppercase;
font-size: 16px;
line-height: 24px;
text-align: left;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.btn-ui-b:before {
position: absolute;
top: 100%;
left: -2px;
content: attr(data-hover);
-webkit-transition: background 25s;
-moz-transition: background 25s;
transition: background 25s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
padding: 0 8px;
z-index: 1;
}
.btn-ui-b:hover, .btn-ui-b:focus {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.btn-ui-b.btn-redbg:hover:before, .btn-ui-b.btn-redbg:focus:before, .btn-3d.btn-redbg:hover:before, .btn-3d.btn-redbg:focus:before, .btn-3d.btn-grnbg:hover:before, .btn-3d.btn-grnbg:focus:before {
background: #b21f35;
background: -moz-linear-gradient(top, #b21f35 0%, #b21f35 50%, #ce4666 51%, #ce4666 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #b21f35), color-stop(50%, #b21f35), color-stop(51%, #ce4666), color-stop(100%, #ce4666));
background: -webkit-linear-gradient(top, #b21f35 0%, #b21f35 50%, #ce4666 51%, #ce4666 100%);
background: -o-linear-gradient(top, #b21f35 0%, #b21f35 50%, #ce4666 51%, #ce4666 100%);
background: -ms-linear-gradient(top, #b21f35 0%, #b21f35 50%, #ce4666 51%, #ce4666 100%);
background: linear-gradient(to bottom, #b21f35 0%, #b21f35 50%, #ce4666 51%, #ce4666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21f35', endColorstr='#ce4666', GradientType=0 );
}
.btn-ui-c {
border-radius: 5px 5px 3px 3px;
font: bold 27px/52px "Open Sans";
min-width: 200px;
padding: 0;
position: relative;
text-align: center;
text-transform: uppercase;
}
.btn-ui-c:hover {
background-color: #a95a16;
}
.btn-ui-c:before {
position: absolute;
top: 100%;
bottom: -5px;
content: "";
width: 100%;
height: 5px;
left: 0px;
border-radius: 0px 0px 5px 5px;
}
.btn-orng-c {
background-color: #f58320;
}
.btn-orng-c:before, .btn-orng-c:hover {
background-color: #a95a16;
}
.btn-red-c {
background-color: #a82b31;
}
.btn-red-c:before, .btn-red-c:hover {
background-color: #8c2429;
}
.btn-br-br { /*Button Border Radius Bottom Right*/
border-bottom-right-radius: 8px;
}
.btn-br-br:before { /*Button Border Radius Top Right*/
border-top-right-radius: 8px;
}
.btn-br-bl { /*Button Border Radius Bottom Left*/
border-bottom-left-radius: 8px;
}
.btn-br-bl:before { /*Button Border Radius Top Right*/
border-top-left-radius: 8px;
}
.btn-grnbg, .btn-grnbg:before {
background: #62be8d;
background: -moz-linear-gradient(top, #62be8d 0%, #63be8e 51%, #059c51 52%, #059c51 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #62be8d), color-stop(51%, #63be8e), color-stop(52%, #059c51), color-stop(100%, #059c51));
background: -webkit-linear-gradient(top, #62be8d 0%, #63be8e 51%, #059c51 52%, #059c51 100%);
background: -o-linear-gradient(top, #62be8d 0%, #63be8e 51%, #059c51 52%, #059c51 100%);
background: -ms-linear-gradient(top, #62be8d 0%, #63be8e 51%, #059c51 52%, #059c51 100%);
background: linear-gradient(to bottom, #62be8d 0%, #63be8e 51%, #059c51 52%, #059c51 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62be8d', endColorstr='#059c51', GradientType=0 );
border: 2px solid #059c51;
}
.btn-ui:hover {
background: #C8234B;
}
.btn:hover {
color: #fff;
}
.orange-bg {
background: #f58320
}
.blugray-bg {
background: #d4e6e6;
}
/*footer 3.0 */
.btm-txt-wrap.orange-bg {
background: #d4e6e6;
font-family: 'kabelLT';
color:#4e3b7d;
}
.navbar-brand > img {
max-width: inherit
}
img {
max-width: 100%;
height: auto
}
.top-ad {
padding-top: 10px;
height: 110px;
background-color: #fff;
position: relative;
padding-bottom: 10px;
vertical-align: top
}
.top-ad img {
vertical-align: top;
display: inline
}
.main-crsl-wrap, .rgt-bnr-wrap {
display: inline-block;
}
.main-crsl-wrap {
width: 70.5%;
border:1px solid #e6e6e6;
}
.rgt-bnr-wrap {
width: 320px;
float: right;
}
.main-crsl img {
width: 100%;
height: 408px !important;
}
.owl-carousel .owl-item img {
border: 1px solid #ffffff;
}
#owl-show {
background: #d4e7e6 none repeat scroll 0 0;
height: 108px;
margin-left: 101px;
padding: 11px 13px 11px 20px;
top: -5px;
width: 83%;
left:-4px;
}
.thmb-crsl {
height: 108px;
left: -10px;
padding: 10px;
position: relative;
top: 7px;
z-index: 999;
}
.thmb-crsl .owl-controls {
color: #fff;
position: absolute;
width: 8%;
right: -60px;
top: 0px;
height: 100%;
padding: 7px 9px;
background-color: #d4e7e6;
}
.thmb-crsl .owl-nav div {
color: #d4e7e6;
font-size: 24px;
background: #ffffff;
text-align: center;
height: 40px;
line-height: 40px;
width: 40px;
}
.thmb-crsl .owl-nav div:hover {
background: #c11337;
}
.thmb-crsl .owl-nav div:first-child {
top: 0;
}
.thmb-crsl .owl-nav div:last-child {
bottom: 0;
margin-top: 3px;
}
.thmb-crsl .item a:hover {
opacity: 0.8;
}
.thmbslide {
padding-left: 0;
width: 77%;
}
.thmbslide .carousel-control.left {
top: 0;
}
.thmbslide .carousel-control.right {
bottom: 0;
margin-top: 41px;
}
.thmbslide .carousel-control .glyphicon {
font-size: 27px
}
.thmbslide .carousel-control:hover {
background: #019A4F
}
.thmbslide .carousel-control {
font-size: 26px
}
.thmbslide .carousel-control {
bottom: 0;
color: #fff;
background: #29aa69;
background: -moz-linear-gradient(top, #29aa69 0%, #029a4f 3%, #009b4f 5%, #089c52 14%, #10a058 30%, #2ba969 59%, #40b075 86%, #46b379 100%);
background: -webkit-linear-gradient(top, #29aa69 0%, #029a4f 3%, #009b4f 5%, #089c52 14%, #10a058 30%, #2ba969 59%, #40b075 86%, #46b379 100%);
background: linear-gradient(to bottom, #29aa69 0%, #029a4f 3%, #009b4f 5%, #089c52 14%, #10a058 30%, #2ba969 59%, #40b075 86%, #46b379 100%);
filter: none;
left: 0;
opacity: 1;
position: absolute;
height: 48%;
text-align: center;
text-shadow: none;
width: 6%;
}
.main-crsl .carousel-control.right {
right: 0;
bottom: 0
}
.main-crsl .carousel-control.left {
bottom: 0;
margin-right: 5px;
right: 55px;
}
.main-crsl .carousel-control {
opacity: 1;
line-height: 52px;
position: absolute;
height: 52px;
left: auto;
right: 0;
text-align: center;
text-shadow: none;
width: 55px;
top: auto;
z-index: 55;
bottom: 0;
color: #fff;
font-size: 36px;
background: #d4e7e6;
}
.thmbslide {
margin-left: 59px;
}
.row {
margin:0px;
}
.thmbslide .carousel-control {
left: -59px
}
.thmbslide .carousel-control.left, .carousel-control.right {
margin-left: 0
}
.thmbslide .item .row > div {
padding: 0px !important
}
.thmbslide .item .row > div > div {
padding: 0px 5px !important
}
.thmbslide .item a:hover img {
opacity: 0.8;
}
.main-crsl .carousel-control:hover {
background: #a8c9cb
}
.main-crsl .carousel-caption {
background: #ffffff;
font-size: 20px !important;
font-weight: 600;
color: #414141;
text-shadow: none;
padding: 10px 16% 10px 10px;
left: 0;
right: 0;
bottom: 0;
text-align: left;
height: 52px;
font-family: 'dinot-condbold';
visibility:hidden;
}
.main-crsl .pos {
position: absolute;
right: 10%;
top: 50px;
font-size: 14px;
font-weight: 700
}
.caption a {
font-weight: 600
}
.top-warea {
margin-bottom: 20px;
}
.highlights .right-ad {
height:250px;
}
.right-ad {
background-color: #d4e7e6;
text-align: center;
padding: 10px; height:270px;
margin-bottom: 12px;
position: relative
}
.right-ad span {
background: #fff;
position: absolute;
left: 40%;
top: -4px;
padding: 0 3px;
line-height: 14px
}
.ad-wrap {
display: inline-block;
position: relative;
}
.ad-wrap img {
display: inherit;
}
.ad-wrap figcaption, .ad {
background: #fff;
font-size: 10px;
position: absolute;
}
.ad-tl figcaption {
top: 0px;
left: -15px;
}
.ad-tr figcaption {
top: 0px;
right: -15px;
}
.ad-tc figcaption {
top: -15px;
right: 49.5%;
padding: 0px 3px;
}
/* Homepage Carousel Css */
.crsl-wrap {
padding: 15px;
}
.crsl-wrap h2 {
margin: 0px 0px 25px 0px;
color: #fff;
font-weight: 700;
font-size: 40px;
}
.crsl-wrap.red-bg {
border-bottom: 10px solid #9c282e;
}
.crsl-wrap.orange-bg-3-0{
border-bottom: 10px solid #ffffff;
}
.crsl-wrap.blu-bg {
border-bottom: 10px solid #189EC2;
}
.crsl-sm {
line-height: 41px;
height: 41px;
width: 41px;
}
.crsl-wrap .owl-controls {
opacity: 1;
position: absolute;
left: auto;
right: 0px;
top: -69px;
}
.crsl-wrap .owl-controls .owl-prev, .crsl-wrap .owl-controls .owl-next {
width: 40px;
height: 40px;
line-height: 40px;
z-index: 55;
color: #ffffff;
font-size: 20px;
text-align: center;
position: absolute;
}
.crsl-wrap .owl-controls:hover {
background: #fff
}
.crsl-wrap.blu-bg .owl-nav div {
background: #03a5cc;
}
.crsl-wrap.blu-bg .owl-nav div:hover {
background: #4e3b7d;
}
.crsl-wrap.red-bg .owl-nav div {
background: #941f24;
}
.crsl-wrap.red-bg .owl-nav div:hover {
background: #761d22;
}
.crsl-wrap.orange-bg-3-0 .owl-nav div {
background: #c66300;
}
.crsl-wrap.orange-bg-3-0 .owl-nav div:hover {
background: #a70830;
}
.crsl-wrap .owl-nav .owl-next {
right: 103px;
}
.crsl-wrap .owl-nav .owl-prev {
right: 149px;
}
.more-link {
position: absolute;
right: 0;
top: 0;
}
.more-link:before, .more-link:after {
content: '';
width: 1px;
height: 99%;
top: 0px;
position: absolute;
}
.red-bg .more-link:before {
background: #7a0d12;
left: -13px;
}
.red-bg .more-link:after {
background: #d43a42;
left: -12px;
}
.blu-bg .more-link:before {
background: #1ea1cd;
left: -13px;
}
.blu-bg .more-link:after {
background: #94e0f9;
left: -12px;
}
.bluebg-morelink {
background-color: #028eb6;
}
.orgbg-morelink {
background-color: #c66300;
}
.more-link a {
font-size: 16px;
font-weight: 200;
color: #fff;
height: 40px;
line-height: 40px;
overflow: hidden;
width: auto;
display: inline-block;
vertical-align: top;
}
.more-link span {
font-size:16px;
font-weight: normal;
display: block;
letter-spacing: .5px;
padding:2px 0;
}
.more-link small {
display: block;
letter-spacing: .5px
}
.more-link a span::before {
content: attr(data-hover);
position: absolute;
top: 100%;
transform: translate3d(0px, 0px, 0px);
}
.more-link a span {
display: inline-block;
position: relative;
transition: transform 0.3s ease 0s;
padding: 0 7px;
margin-right: 19px;
text-transform: uppercase;
font-family: 'dinot-condbold';
font-weight: 600;
}
.more-link a:hover span, .more-link a:focus span {
/* transform: translateY(-100%);*/
background: #BF183A;
}
.more-link a:hover .bluebg-morelink, .more-link a:focus .bluebg-morelink {
/*transform: translateY(50%);*/
background: #4E3A7C;
}
.featured #innersbCarousel img {
height: 250px
}
.crsl-wrap .item-thumb {
vertical-align: top;
color: #fff;
background: transparent;
border: none;
}
.crsl-wrap .item-thumb h3 {
font-size: 13px;
font-weight: 600;
line-height: 17px;
text-transform: capitalize;
}
.crsl-wrap .caption {
margin-top: 10px;
display: block;
position: relative;
background: #ffffff;
}
.crsl-wrap .caption h3 {
width: 78%;
float: left;
margin: 0px;
margin-right: 1%;
color:#4e397f;
text-transform: uppercase;
font-family: 'dinot-condbold';
}
.crsl-wrap .caption h3 img {
margin-right: 5px;
}
.crsl-wrap .caption i {
font-size: 40px;
}
.crsl-wrap .caption i.pvideo {
font-size: 35px;
}
#videodtlCarousel .caption i {
margin-top: 10px;
display: inline-block
}
.caption h3, .caption i {
display: inline;
}
/* Icon Grow Rotate */
.icn-grw {
display: inline-block;
vertical-align: top;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.icn-grw.gamepad img {
/*content: "\f11b";*/
width: 42px !important; height: 30px; border:none !important;
}
.gamediscicon, .videodiscicon {
width: 49px !important; height: 49px; border:none !important;float: left; margin-right: 5px;
}
.icn-grw.gamepad img:hover,.icn-grw.pvideo img:hover {
transform:rotate(20deg);
}
.icn-grw.pvideo img {
width: 35px !important; height: 35px; border:none !important;
}
.icn-grw:before {
font-family: 'FontAwesome';
font-style: normal;
position: absolute;
padding: 0 1px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
right: 0px;
top: 0px;
height: 35px;
line-height: 30px;
}
.item-thumb:hover .icn-grw:before, .item-thumb:focus .icn-grw:before, .item-thumb:active .icn-grw:before {
-webkit-transform: scale(1.2) rotate(12deg);
transform: scale(1.2) rotate(12deg);
right: 4px;
}
.item-thumb:hover .icn-grw.pvideo:before, .item-thumb:focus .icn-grw.pvideo:before, .item-thumb:active .icn-grw.pvideo:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
right: 3px;
}
.crsl-slide .active.left {
left: -25%;
}
.crsl-slide .next {
left: 25%;
}
.crsl-slide .prev {
left: -25%;
}
.item-overlay img {
transition: all 0.2s linear 0s;
display: block;
position: relative;
width: 100%;
border:3px solid #ffffff;
}
.item-overlay {
overflow: hidden;
height: 100%;
position: relative
}
.popular-game div.item-overlay div.mask {
height:171px;
left:1%;
}
.sortedvdo div.item-overlay div.mask, .albtnlink div.item-overlay div.mask, .genric + .list-wrap .red-thumb div.item-overlay div.mask{
height:222px;
left:1%;
width: 98.1%;
}
.sortedvdo div.item-overlay div.mask {
height: 226px;
}
.genric + .list-wrap .sortedvdo div.item-overlay div.mask{
height:254px
}
.albtnlink div.item-overlay div.mask{
top:19px
}
.list-wrap {
padding: 20px 30px 30px 30px;
}
.albtnlink .item-overlay.item-box{ margin-top:0}
.ylwgrd div.item-overlay div.mask {
height:189px
}
.ylwgrd .almicrobtn div.item-overlay div.mask, .ylwgrd .almicrobtn div.item-overlay div.mask {
height:250px; top:15px
}
.ylwgrdvdo.ylwgrd .almicrobtn div.item-overlay div.mask, .ylwgrdvdo.ylwgrd .almicrobtn div.item-overlay div.mask {
height:250px; top:0
}
.sectionbheem + .nocvr .ad-box{ height:307px}
.inrvdoslide div.item-overlay div.mask{ height:189px}
div.item-overlay div.mask{
background-color: rgba(10,10,10, 0.6); visibility:hidden;
/*background: #ffffff;*/
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
height: 200px;
top: 1%;
left: 0.7%;
right: auto;
bottom: auto;
text-align: center;
z-index: 999999;
position: absolute;
width: 98.8%;
}
.item-thumb:hover div.item-overlay div.mask, .item-thumb:focus div.item-overlay div.mask {
visibility:visible !important
}
h1 {
margin: 0
}
.ylwgrd .item-overlay .mask .btn {
margin: 0 3px;
}
.albtnlink.item-overlay .mask .btn {
top: 45%;
}
.item-overlay .mask .btn {
top: 40%;
margin: 0 1px;
position: relative;
display: inline-block;
}
.item-overlay.item-box .mask .btn {
top: 45%;
}
.overlay {
position: absolute;
background: rgba(0,0,0,0.7);
z-index: 9999999;
width: 97%;
text-align: center;
padding-top: 25%;
display: none;
color: #fff;
font-size: 25px;
}
.des-img {
display: block;
position: relative;
}
.game-pnl {
margin: 20px 0 0
}
.fa-caret-right {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
color: #41c8f5;
font-weight: 400;
font-size: 2.4em;
padding: 0 8px 0 13px
}
.heffect {
position: relative
}
.heffect:hover .overlay {
display: block
}
.bottom-ad .container {
padding-top: 10px;
padding-bottom: 10px
}
.bottom-ad {
padding: 10px 0px;
overflow: hidden;
background: #fff;
}
.bottom-ad .ad-wrap {
display: inline-block;
}
.bottom-ad .ad-wrap:last-child {
margin-left: 10px;
}
.btm-txt-wrap {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-size: 22px;
font-weight: 600;
text-align: center;
}
.nav-links li:last-child {
border-right: none
}
.nav-links li {
border-right: 1px solid #777;
display: inline-block;
font-size: 14px;
line-height: 14px;
list-style-type: none;
padding: 0 8px 0 5px;
}
.nav-links li a {
color: #5d4a8a;
transition: color ease-in .2s
}
.nav-links li a:hover {
color: #41c8f5
}
#footer .nav-links {
padding: 0px;
}
#footer {
background: #fff;
font-family: 'dinot-condbold';
color: #5d4a8a;
}
#footer .nav-bottom .nav-links {
text-align: center;
font-weight: 600;
}
#footer .copyright {
padding: 10px 0px;
}
.copyright-txt {
text-align: center;
border-top: 1px solid #e5e5e5;
/*border-bottom: 1px solid #e5e5e5;*/
padding: 15px 0px;
}
.brand-logo {
margin-bottom: 0px;
}
.brand-logo img:first-child {
margin-right: 8px;
}
.star {
margin-top: 20px
}
.nav-bottom {
border-bottom: 1px solid #ddd;
padding: 10px 0px;
}
.url {
color: #999898;
font-size: 35px;
font-weight: 600;
display: inline-block;
vertical-align: top;
line-height: 38px
}
.url:hover, .url:focus {
color: #999898
}
.border {
border-bottom: 1px solid #ddd
}
#footer .text-right.star i.fa-star.fa-3x{ margin-right:0}
.star-mr{ margin-left:3.8%}
.url small {
display: block;
font-size: 60%;
font-weight: 400;
line-height: 34px
}
.ftr-btm {
margin-top: 5px;
}
#footer .fa-star {
color: #d2d2d2;
vertical-align: middle;
margin-right: 10%
}
.navbar-nav img {
/*-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;*/
}
/*.navbar-nav img:hover, .navbar-nav li:hover img {
transform: rotateX(-90deg)
}*/
.navbar-nav li:hover a {
color: #555
}
/* Top Shows Ticker CSS */
.tickercontainer {
background: #d4e6e6;
height: 45px;
width: 71%;
margin-left: 120px;
padding: 0;
overflow: hidden;
border-right:6px solid #68a736;
margin-right: 4px;
margin-top: 6px;
}
.tickercontainer .mask {
position: relative;
overflow: hidden;
}
ul.newsticker {
position: relative;
list-style-type: none
}
ul.newsticker li {
float: left;
margin: 0;
padding-right: 15px;
}
/* Game Page CSS Starts Here */
.featured .caption {
background: rgba(41, 0, 3, 0.8);
padding: 15px 10px 10px;
color: #fbe9b7;
font-weight: 600;
font-size: 15px;
float: right;
width: 330px;
margin-top: 70px
}
.featuredshws .play-now {
clear: both; margin-top:22.5%;
float: right;
}
.play-now {
clear: both; margin-top:25.5%;
float: right;
}
.featured .caption h4 {
color: #e87a2b;
font-size: 22px;
font-weight: 400;
margin: 0 0 5px
}
.featured .carousel-caption {
text-align: left;
left: 0;
top: 0;
text-shadow: none;
padding: 0;
right: 0
}
.page-title {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/pogo3-0/images/game-title-bg.jpg") repeat;
margin-bottom: 15px;
position: relative;
padding: 10px 15px;
text-align: left;
background-position: right;
background-size: cover;
}
.page-title img {
vertical-align: middle;
}
.page-title h1 {
font-size: 38px;
margin: 0;
color: #fff;
font-family: 'kabelLT';
line-height: 42px;
}
.red-head {
background: #a41d25;
}
.blu-head {
background: #1db1e2;
}
.grn-head {
background: #018049;
}
.featured h3 {
font-size: 20px;
margin: 0;
line-height: 40px;
padding: 0 10px;
display: inline-block;
text-transform: uppercase;
color: #fff;
}
.grey-bg {
background: #e6e2e2
}
.yl-bg {
background: #f5811e;
}
.play-now i {
font-size: 22px;
font-weight: 600
}
.btn-br-blb {
border-radius: 0 0 0 10px;
padding: 10px 7px
}
.inner-crsl-wrap {
width: 71%;
display: inline-block;
}
.inner-crsl img {
width: 100%;
}
.inner-crsl .carousel-indicators {
bottom: 0;
position: relative !important;
}
.inner-crsl .carousel-indicators li {
border-color: #a41d25;
border-width: 2px;
}
.inner-crsl .carousel-indicators .active {
background: #a41d25;
border: none;
}
.popular-game .des-pnl {
background: #ffffff;
color: #4e397f;
position: absolute;
left: 0%;
right: auto;
bottom: 0;
width: 100%;
font-size: 13px;
padding: 1px;
min-height: 51px;
font-family: 'dinot-condbold' !important;
line-height: 20px;
}
.vdoslide .des-pnl h4 a {
color: #fff
}
.vdoslide .des-pnl i {
color: #884d01;
}
.popular-game {
margin-top: 15px;
padding:0px 30px 30px 30px;
margin-bottom: 7px;
background-color: #e57e07;
}
.popular-game h2 {
color: #ffffff;
font-size: 26px;
text-transform: uppercase;
margin-bottom: 20px
}
.popular-game h2 small {
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
display: block;
font-weight: 600;
font-family: 'dinot-condbold';
}
.popular-game .des-pnl i {
color: #fff;
vertical-align: bottom;
line-height: 16px;
height: 51px;
}
.popular-game .des-pnl h4 {
font-size: 15px;
font-weight: normal;
margin: 0px;
text-transform: uppercase;
margin-left: -15px;
line-height: 22px;
}
.popular-game .des-pnl h4 img {
margin-right: 6px;
}
.popular-game .des-pnl h4 a {
color: #fff
}
.popular-game .carousel-control {
display: none
}
.list-warea {
margin-top: 15px;
clear: both
}
.item-box .des-pnl h4 {
margin: 0 0 5px;
font-weight: normal;
font-size: 17px;
font-family: 'dinot-condbold';
text-transform: uppercase;
color:#4e397f;
}
.playgamecount {
font-family: 'dinot-condbold';
text-transform: uppercase;
color:#4e397f;
font-size: 12px;
line-height: 16px;
}
.item-overlay i img {
width: auto;
max-width: 42px;
height: auto;
max-height: 30px;
border:none;
float: right;
margin-top: 19%;
}
.alvdodesc3-0 {
margin-top: 1.5% !important;
}
.alvdoplyicon {
height: 35px !important;
max-height: 35px !important;
margin:6% 0px !important;
}
.algmeplayicon {
margin:6% 0px !important;
}
.item-box .des-pnl h4 a {
color: #fff
}
.item-box .red-bg {
padding: 5px;
border-top: 2px solid #fff
}
.item-box {
margin-bottom: 15px;
margin-top: 15px;
display: block;
}
.item-box .grey-bg {
text-align: center;
padding: 16px 0
}
.item-box img {
width: 100%;
}
.item-box .grey-bg span {
display: block;
background: none;
text-align: right;
margin-right: 8%
}
.des-pnl span.btn {
padding: 0 5px;
border-radius: 0;
border: 1px solid #bf3e0f;
transform: rotate(-2deg);
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
cursor: none
}
.item-box .des-pnl small {
color: #ffffff;
font-weight: 600;
font-size:15px;
text-transform: uppercase;
font-family: 'dinot-condbold';
}
h2.gmlist small {
color: #ffffff;
font-weight: 600;
font-size:15px;
text-transform: uppercase;
font-family: 'dinot-condbold';
}
.item-box .des-pnl a i {
line-height: 20px;
color: #fff
}
.br-show h4 {
text-align: center;
padding: 21px 35%;
margin: 0
}
.head-pnl h3 {
margin: 0;
text-align: center;
font-size: 21px;
color: #fff;
text-transform: uppercase;
padding: 8px 0
}
#myCarousel1 img {
width: 100%;
height: 335px;
}
.browse-show {
position: relative;
background: #900402
}
#myCarouselthmb {
margin-right: 40px;
margin-top: 5px;
margin-bottom: 5px
}
.inr-thmbslide .carousel-control.left {
left: -6%;
}
.inr-thmbslide .carousel-control.right {
right: -5.5%;
margin-top: 0;
}
.inr-thmbslide .carousel-control:hover {
color: #f5811e
}
.inr-thmbslide .carousel-control {
font-size: 32px;
text-shadow: 0 1px 1px #000
}
.inr-thmbslide .carousel-control {
bottom: 0;
top: 15px;
color: #fff;
background: none;
opacity: 1;
position: absolute;
height: 48%;
text-align: center;
text-shadow: none;
width: 6%;
}
.inr-thmbslide .item .row > div {
padding: 0
}
.inr-thmbslide .item .row > div > div {
padding: 0 5px !important;
}
.inr-thmbslide .item a.active:before {
border-left: 8px solid transparent;
border-bottom: 10px solid #fff;
border-right: 8px solid transparent;
content: "";
height: 0;
position: absolute;
right: 0;
left: 0;
margin: auto;
bottom: 0px;
width: 0;
}
.browse-show #myCarouselthmb {
margin-top: 10px;
margin-bottom: 10px
}
.browse-show::before {
border-bottom: 10px solid #f5811e;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
bottom: 39px;
content: "";
height: 0;
position: absolute;
right: 34%;
width: 0;
}
.br-show:before, .br-show:after {
content: "";
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
height: 0;
position: absolute;
top: 0px;
width: 0px;
}
.br-show:before {
border-left: 18px solid #d55e5d;
right: -19px;
}
.br-show:after {
border-left: 17px solid #730302;
right: -17px;
}
.br-show {
position: relative;
background: #730302;
}
.br-show h4 {
color: #de9898;
text-transform: uppercase
}
.incwdt {
width: 21%
}
.bg {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/images/pattern.png") left top repeat
}
.popular-game .item-thumb {
background: none;
color: #fff;
display: inline-block;
vertical-align: top;
}
.hvr-sweep-to-top:before {
background: #ffffff none repeat scroll 0 0;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleY(0);
transform-origin: 50% 100% 0;
transition-duration: 0.3s;
transition-property: transform;
transition-timing-function: ease-out;
z-index: -1;
color:#ffffff;
}
.blu-thumb .hvr-sweep-to-top:before {
background: #ffffff;
}
.red-thumb .hvr-sweep-to-top:before {
background: #f5811e;
}
a.item-box:hover .hvr-sweep-to-top:before, .item-thumb:hover .hvr-sweep-to-top:before {
transform: scaleY(1)
}
a.item-box:hover .hvr-sweep-to-top span, a.item-box:hover .hvr-sweep-to-top small, .blu-thumb.item-thumb:hover .hvr-sweep-to-top small, .red-thumb.item-thumb:hover .hvr-sweep-to-top small {
color: #fff
}
a.item-box:hover .hvr-sweep-to-top span.btn-sm, .red-thumb .item-box:hover .hvr-sweep-to-top span.btn-sm {
background: #ffffff
}
a.item-box:hover img {
opacity: .8
}
.hvr-sweep-to-top {
padding: 0px 5px;
margin-top: 2px;
box-sizing: border-box;
backface-visibility: hidden;
width: 100%;
color: #fff;
position: relative;
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: color;
vertical-align: middle;
/*background: #e57e07 none repeat scroll 0 0;*/
background: #ffffff;
text-decoration: none;
}
.gamelist3-0 .item-box {
background-color: #ffffff;
color:#4e397f;
text-transform: uppercase;
}
.gamelist3-0 .item-box:hover, .gamelist3-0 .item-box:focus {
background-color: #ffffff;
color:#4e397f;
text-transform: uppercase;
}
.featured .inner-crsl img {
height: auto
}
.featured .right-ad {
background-color: inherit;
padding: 0
}
.featured .rgt-bnr-wrap {
width: 300px;
}
.top-warea.featured {
margin-bottom: 15px
}
#myCarouselthmb img {
border: 1px solid #fff
}
.sortedvdo .ad-box { height:310px}
.ylwgrd .ad-box { height:311px}
.ylwgrdvdo.ylwgrd .ad-box, .ylwgrdvdo.ylwgrd .ad-box.ad-iframe { height:307px}
.ad-box {
margin: 5px 0px;
text-align: center;
width: 100%;
display: block;
background: #e6e6e6;
height: 299px;
padding: 9% 7%;
}
.ad-box figcaption {
background: none
}
.list-warea > div > a:nth-child(4), .list-warea > div > a:nth-child(5), .list-warea > div > a:nth-child(6) {
margin-bottom: 0
}
.list-warea .des-pnl.hvr-sweep-to-top i {
line-height: 20px
}
/* add Chhota bheem css here */
.posn {
position: absolute
}
.top-banner {
position: relative;
padding-bottom: 4px
}
#header {
top: 10px;
width: 100%
}
.nav > li > a {
padding: 0
}
.navbar-brand {
left: 0;
top: 0
}
#home-navbar {
}
/* Top banner css here */
.top-banner .container {
background: none
}
.sublogo {
left: 40%;
top: 50px;
}
.sectionmighty .schedule { color:#801819; top:280px; left:44%}
.schedule {
color: #fff;
font-size: 22px;
left: 42%;
text-transform: uppercase;
top: 274px;
z-index: 555;
}
.cloud-pnl {
background: rgba(0, 0, 0, 0) url("https://s3-us-west-2.amazonaws.com/pogos3/images/cloud.png") no-repeat scroll left top;
height: 215px;
left: 72%;
top: 10px;
width: 233px;
}
.cloud-pnl li {
margin-bottom: 2px;
margin-left: 12px;
text-align: left;
list-style-type: none
}
.cloud-pnl li a {
font-size: 15px;
transition: color ease-in .2s;
font-weight: 600;
color: #00313c;
text-shadow: 0 0 1px #fff
}
.cloud-pnl li a:hover {
color: #A41D25
}
.cloud-pnl h3 {
color: #fff;
text-align: left;
font-weight: 700;
margin-bottom: 5px;
font-size: 22px;
padding: 13px 0 0 40px;
text-shadow: 0 1px 4px #000;
}
.submenu {
top: 322px;
background: url(https://s3-us-west-2.amazonaws.com/pogos3/pogo3-0/images/submenu-bg.png) center top no-repeat;
height: 56px;
text-align: center;
left: 17%
}
.submenu li.vd {
left: -15px;
position: relative;
}
.submenu li.dw {
width: 142px;
position: relative;
left: -27px
}
.submenu li.ab {
position: relative;
left: -37px
}
.submenu li {
width: 132px;
display: inline-block;
text-transform: uppercase;
list-style-type: none;
font-size: 20px;
line-height: 50px;
border-bottom: none;
}
.submenu li a {
color: #fff;
text-shadow: 0 0 5px #333;
display: block;
padding: 10px 0 7px
}
.gameslide .des-pnl {
background: #fff;
color: #84644b;
font-size: 13px;
padding: 12px 10px 7px
}
.gameslide .des-pnl i {
color: #f76b02
}
/* Highlights panel here */
.highlights {
background: #FAF7F0 url("https://s3-us-west-2.amazonaws.com/pogos3/images/play-bg.jpg") no-repeat center top;
padding-bottom: 45px;
position: relative;
}
#highlightCarousel {
background: #884d01
}
.slidetxt {
color: #ffeec6;
font-weight: 600;
font-size: 14px;
line-height: 24px;
padding: 5.8% 15px;
text-align: center
}
.item .img {
padding: 0
}
.slidetxt h3 {
color: #ffb200;
font-size: 20px
}
#highlightCarousel .carousel-indicators li {
border: 2px solid #fff;
margin-right: 3px
}
#highlightCarousel .carousel-indicators .active {
width: 11px;
height: 11px
}
#highlightCarousel .carousel-indicators {
bottom: 0px;
right: 15%;
left: auto;
text-align: right;
width: 100%;
margin-left: 0
}
.highlights .right-ad, .highlights .right-ad figcaption {
background: none;
padding: 0
}
.highlights .right-ad figcaption {
right: 0
}
.highlights h2 {
color: #ce3a0c;
text-transform: uppercase;
font-size: 30px;
margin: 40px 0px 20px;
}
.top-banner #header .navbar-default {
margin-top: 0
}
#highlightCarousel img {
height: auto;
}
/* Game panel css here */
.crsl-wrap.ylwgrd .owl-controls, .crsl-wrap.grnzcvr .owl-controls {
top: -60px;
}
.crsl-wrap.ylwgrd .owl-controls .owl-prev, .crsl-wrap.ylwgrd .owl-controls .owl-next, .crsl-wrap.grnzcvr .owl-controls .owl-prev, .crsl-wrap.grnzcvr .owl-controls .owl-next {
width: 30px;
height: 30px;
line-height: 30px;
}
.crsl-wrap.ylwgrd .owl-nav .owl-next, .crsl-wrap.grnzcvr .owl-nav .owl-next {
right: 78px;
}
.crsl-wrap.ylwgrd .owl-nav .owl-prev, .crsl-wrap.grnzcvr .owl-nav .owl-prev {
right: 113px;
}
.crsl-wrap.ylwgrd .owl-nav div {
background: #846216;
}
.crsl-wrap.ylwgrd .owl-nav div:hover, .crsl-wrap.ylwgrd .owl-nav div:focus {
color: #846216;
background: #fff;
}
.crsl-wrap.cldpnl .owl-nav div {
background: #42842e !important;
}
.crsl-wrap.cldpnl .owl-nav div:hover, .crsl-wrap.cldpnl .owl-nav div:focus {
color: #42842e !important;
background: #fff !important;
}
.crsl-wrap.grnzcvr .owl-nav div {
background: #f37721;
}
.crsl-wrap.grnzcvr .owl-nav div:hover, .crsl-wrap.grnzcvr .owl-nav div:focus {
color: #fff;
background: #cf5f12;
}
.crsl-wrap.mtgrnzcvr .owl-nav div {
background: #43852f !important;
}
.crsl-wrap.mtgrnzcvr .owl-nav div:hover, .crsl-wrap.mtgrnzcvr .owl-nav div:focus {
background: #296218 !important;
}
.crsl-wrap .inrgameslide h2 {
color: #884d01;
margin-left: 0
}
.inrgameslide h2 i {
color: #b80004;
margin-right: 5px;
font-size: 1.2em
}
.inrgameslide .des-pnl {
background: #fff;
background-image:,;
background-position:,;
color: #84644b;
font-size: 13px;
padding: 10px;
}
.ylwgrd .des-pnl h4 {
color: #690000;
}
.ylwgrd .des-pnl h4, .grnzcvr .des-pnl h4 {
margin: 0;
font-weight: 600;
font-size: 15px;
line-height: 18px;
}
.ylwgrd .des-pnl small, .grnzcvr .des-pnl small {
font-size: 13px;
line-height: 26px;
}
.inrvdoslide .des-pnl {
background: #884d01;
color: #fff;
min-height: 55px;
font-size: 13px;
padding: 10px 10px 7px
}
.inrvdoslide .des-pnl h4 a {
color: #fff
}
.inrvdoslide .des-pnl i {
color: #fff;
font-size: 19px;
line-height: 26px;
}
.inrvdoslide .des-pnl i.icn-grw:before {
top: 12px;
right: 10px
}
.inrvdoslide .fa-caret-right {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
font-size: 24px;
vertical-align: top;
padding: 0 4px 0 6px
}
.inrvdoslide {
margin-bottom: 30px
}
.inrvdoslide h2 i {
color: #b80004;
font-size: 32px;
vertical-align: middle;
margin-right: 5px
}
.inrvdoslide h2 {
color: #f37721;
margin-left: 0
}
.ylwgrd:before {
background: url(https://s3-us-west-2.amazonaws.com/pogos3/images/cover-bg.png) center top no-repeat;
position: absolute;
left: 0;
top: -19px;
content: "";
height: 24px;
width: 100%;
z-index: 5
}
.ylwgrd {
background: #f4d42b;
position: relative;
padding: 30px 0 45px;
background: -moz-linear-gradient(top, #f4d42b 0%, #f3cc29 13%, #f5cb2b 14%, #f3c728 18%, #f4c82b 18%, #f3c228 23%, #f4c12a 25%, #f3c027 26%, #f5bf29 26%, #f3b927 32%, #f5b829 34%, #f4b226 38%, #f4a727 50%, #f2a225 53%, #f4a225 55%, #f38722 79%, #f37a21 100%);
background: -webkit-linear-gradient(top, #f4d42b 0%, #f3cc29 13%, #f5cb2b 14%, #f3c728 18%, #f4c82b 18%, #f3c228 23%, #f4c12a 25%, #f3c027 26%, #f5bf29 26%, #f3b927 32%, #f5b829 34%, #f4b226 38%, #f4a727 50%, #f2a225 53%, #f4a225 55%, #f38722 79%, #f37a21 100%);
background: linear-gradient(to bottom, #f4d42b 0%, #f3cc29 13%, #f5cb2b 14%, #f3c728 18%, #f4c82b 18%, #f3c228 23%, #f4c12a 25%, #f3c027 26%, #f5bf29 26%, #f3b927 32%, #f5b829 34%, #f4b226 38%, #f4a727 50%, #f2a225 53%, #f4a225 55%, #f38722 79%, #f37a21 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d42b', endColorstr='#f37a21', GradientType=0 );
}
.grnzcvr {
background-image: url(https://s3-us-west-2.amazonaws.com/pogos3/images/greenz-cvr.jpg), url(https://s3-us-west-2.amazonaws.com/pogos3/images/pattern-grnz.jpg);
background-position: center top, left bottom;
background-repeat: no-repeat, repeat;
position: relative;
padding-top: 55px;
padding-bottom: 20px;
border-bottom: 1px solid #eae0c8
}
.ylwgrd, .grnzcvr {
color: #fff
}
.ylwgrd .more-link a, .grnzcvr .more-link a {
color: #b80004;
width: 70px;
font-size: 16px;
font-weight: 600;
line-height: 16px;
text-transform: uppercase;
}
.grnzcvr .more-link a {
color: #f37721;
}
.ylwgrd .more-link span, .grnzcvr .more-link span {
display: block;
letter-spacing: 1px;
}
.ylwgrd .more-link a span, .grnzcvr .more-link a span {
font-size: 18px;
font-weight: 400;
}
.grnzcvr.crsl-wrap .item-thumb h3 {
text-transform: none;
}
.ylwgrd .des-pnl, .grnzcvr .des-pnl {
margin-top: 0px !important;
}
.ylwgrd .des-pnl i, .cldpnl .des-pnl i {
color: #f76b02;
line-height: 26px;
}
.ylwgrd .more-link::before {
background: #fae181 none repeat scroll 0 0;
left: -12px;
}
.ylwgrd .more-link::after {
background: #e0b800 none repeat scroll 0 0;
left: -13px;
}
.grnzcvr .more-link::before {
background: #fff none repeat scroll 0 0;
left: -12px;
}
.grnzcvr .more-link::after {
background: #dad5d5 none repeat scroll 0 0;
left: -13px;
}
.highlights {
margin-bottom: 0
}
/* Mighty Raju Css */
.ltylwbg {
background: #FAF7F0 url("https://s3-us-west-2.amazonaws.com/pogos3/images/mighty-yl-bg.jpg") no-repeat center top;
padding-bottom: 55px
}
.ltylwbg h2 {
color: #801819
}
.ltylwbg #highlightCarousel {
background: #394901
}
.ltylwbg .slidetxt h3 {
color: #9ccf66;
font-size: 20px;
}
.ltylwbg .slidetxt {
color: #e1fac7
}
.crsl-wrap.ylwgrd h2, .crsl-wrap.grnzcvr h2 {
font-size: 30px;
line-height: 35px;
}
.ylwgrd .inrgameslide h2 i {
font-size: 1.1em;
}
.grnzcvr .inrvdoslide h2 i {
font-size: 0.9em;
}
.cldpnl .inrgameslide h2, .list-wrap.cldpnl h2, .cldpnl h2 {
color: #1a5c05;
text-transform: uppercase;
}
.cldpnl {
background: #c5df7a;
background: -moz-linear-gradient(top, #c5df7a 0%, #b8d672 13%, #a7ca69 26%, #5d973e 75%, #498932 92%, #42842e 100%);
background: -webkit-linear-gradient(top, #c5df7a 0%, #b8d672 13%, #a7ca69 26%, #5d973e 75%, #498932 92%, #42842e 100%);
background: linear-gradient(to bottom, #c5df7a 0%, #b8d672 13%, #a7ca69 26%, #5d973e 75%, #498932 92%, #42842e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5df7a', endColorstr='#42842e', GradientType=0 );
position: relative
}
.cldpnl:before {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/images/cld-cvr.png") no-repeat center top;
height: 20px;
position: absolute;
left: 0;
top: -20px;
content: ""
}
.mtgrnzcvr {
background-image: url(../images/grn-btm-grng.jpg), url(https://s3-us-west-2.amazonaws.com/pogos3/images/pattern-grnz.jpg)!important;
}
.cldpnl .more-link a {
color: #fe6802
}
.cldpnl .more-link::before {
background: #d1e69f none repeat scroll 0 0;
}
.cldpnl .more-link::after {
background: #93ac4e none repeat scroll 0 0;
}
.mtgrnzcvr .more-link a, .mtgrnzcvr .inrvdoslide h2 {
color: #42842e
}
.cldpnl .carousel-control, .mtgrnzcvr .carousel-control {
background: #42842e
}
.cldpnl .carousel-control:hover i {
color: #42842e
}
.cldpnl .des-pnl h4, .mtgrnzcvr .des-pnl h4 {
font-size: 16px;
font-weight: 600;
color: #42842e
}
.cldpnl .des-pnl i {
color: #498932;
}
.cldpnl .inrgameslide h2 i {
color: #900402;
}
.mtgrnzcvr .des-pnl h4 {
color: #fff;
font-size: 15px
}
.mtgrnzcvr .des-pnl {
background: #a41d25;
font-weight: 600
}
.submenu li:hover a {
color: #884d01;
text-shadow: none
}
.submenu li a:hover, .submenu li a:focus {
text-decoration: none;
color: #884d01
}
.submenu li, .submenu li a {
transition: all ease-in .2s
}
.iframegame {
text-align: center;
}
/*.bheemshw .item-box { margin-top:0}*/
.top-warea.game-ad > div{ overflow:hidden}
/*.iframegame iframe, #kaltura_player_game {
display: inline-block;
width: 70.2%;
height: 600px
}*/
#kaltura_player_game {
display: inline-block;
/*width: 55%;
height: 475px*/
width: 70.2%;
height: 600px
}
.mighty .sublogo {
left: 30%;
top: 110px
}
.pnl-right {
border-left: 5px solid #42842e;
margin-bottom: 25px
}
.crsl-slide .item ul {
margin: 0;
padding: 0
}
.crsl-slide .item ul li {
float: left;
margin-right: 9px;
list-style-type: none
}
.inr-thmbslide .item ul li, .thmbslide .item ul li {
float: left;
margin-right: 9px;
list-style-type: none
}
.inr-thmbslide .item ul li {
margin-right: 19px;
}
.sectionbheem.top-banner {
background-image: url("https://s3-us-west-2.amazonaws.com/pogos3/images/inr-upbg.jpg");
background-position:center top;
background-repeat: no-repeat;
height: 622px
}
.top-banner .ad-wrap {
background-color: #fff;
padding: 5px 5px 15px
}
.top-banner .top-ad {
background: none;
padding-top: 5px
}
.top-banner .ad-tr figcaption {
bottom: auto;
display: inline-block;
right: auto;
text-align: center;
top: auto;
}
.top-banner #header .navbar-default {
border-bottom: none;
margin-top: 10px
}
.top-banner #header .navbar-nav > li:last-child:before {
background: none
}
.top-banner #header .navbar-nav > li:before {
height: 95px;
background: #a5c7c8;
background: -moz-linear-gradient(top, #a5c7c8 0%, #a5c7c9 17%, #a7c9cb 20%, #a7cacc 33%, #a9ccce 34%, #a7cdce 43%, #aad2d4 50%, #acd8d9 64%, #b3e4e8 84%, #b5ebed 97%, #b9ecef 100%);
background: -webkit-linear-gradient(top, #a5c7c8 0%, #a5c7c9 17%, #a7c9cb 20%, #a7cacc 33%, #a9ccce 34%, #a7cdce 43%, #aad2d4 50%, #acd8d9 64%, #b3e4e8 84%, #b5ebed 97%, #b9ecef 100%);
background: linear-gradient(to bottom, #a5c7c8 0%, #a5c7c9 17%, #a7c9cb 20%, #a7cacc 33%, #a9ccce 34%, #a7cdce 43%, #aad2d4 50%, #acd8d9 64%, #b3e4e8 84%, #b5ebed 97%, #b9ecef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c7c8', endColorstr='#b9ecef', GradientType=0 );
}
.top-banner #header .navbar-nav > li span {
line-height: 47px
}
.top-banner #header .navbar-nav > li {
padding: 0 15px
}
.banner-txt {
position: relative;
}
.top-banner #header .navbar-brand {
margin-top: 5px;
}
.sectionmighty.top-banner {
background-image: url("https://s3-us-west-2.amazonaws.com/pogos3/images/mighty-bg.jpg");
background-position: center 60px;
background-repeat: no-repeat;
background-color:#8CCC82;
min-height: 622px
}
.sectionmighty.top-banner .submenu {
top: 322px
}
.sectionmighty #header .navbar-nav > li:before {
background: #8ab185;
background: -moz-linear-gradient(top, #8ab185 0%, #88b284 26%, #8ab587 41%, #88b783 49%, #88b884 57%, #8cc485 84%, #8bc682 97%, #8fca86 100%);
background: -webkit-linear-gradient(top, #8ab185 0%, #88b284 26%, #8ab587 41%, #88b783 49%, #88b884 57%, #8cc485 84%, #8bc682 97%, #8fca86 100%);
background: linear-gradient(to bottom, #8ab185 0%, #88b284 26%, #8ab587 41%, #88b783 49%, #88b884 57%, #8cc485 84%, #8bc682 97%, #8fca86 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab185', endColorstr='#8fca86', GradientType=0 )
}
/* Breadcrumb Css */
.breadcrumb {
background: rgba(136, 3, 5, 0.6);
border-radius: 0;
text-transform: capitalize;
display: inline-block;
position: relative;
margin-bottom: 5px;
padding: 10px 15px
}
.breadcrumb i, .breadcrumb a {
color: #fff;
}
.breadcrumb > .active {
color: #fba8a8;
}
.breadcrumb i {
margin-left: 5px
}
.breadcrumb > li + li::before {
content: "";
color: #fff;
}
.breadcrumb > li {
font-weight: 600;
display: inline;
}
.breadcrumb:after {
border-bottom: 20px solid transparent;
border-left: 15px solid rgba(136, 3, 5, 0.6);
border-top: 20px solid transparent;
bottom: 0;
content: "";
height: 0;
position: absolute;
right: -14px;
width: 0;
}
/* Play Page Css */
.blue-ttl {
margin-bottom: 20px
}
.inrtitle {
text-align: left;
padding: 15px;
}
.inrtitle h1 {
margin-left: 15px;
font-size: 32px;
}
.inrtitle h1 i {
font-size: 42px;
margin-right: 10px
}
.game-ad {
background: #BF183A;
padding: 30px 15px;
text-align: center;
position: relative;
margin-bottom: 0
}
.game-ad img {
display: inline
}
.game-ad .posn {
right: 45px;
top: -34px
}
.btn.btn-share {
font-size: 20px;
margin-bottom: 10px;
border-radius: 0 0 0 20px
}
.cmnt-pnl {
background: #d9d7d7;
padding: 10px 15px 1px;
margin-bottom: 25px
}
.form-group {
margin-bottom: 10px
}
.cmnt-pnl label {
line-height: 29px;
margin-bottom: 0
}
label, .form-control {
font-size: 12px;
font-weight: 600;
color: #2d0703
}
.form-control {
border-radius: 0
}
.chrcnt {
float: left;
color: #2d0703;
font-size: 12px;
font-weight: 600;
padding: 3px 5px 5px
}
.chrcnt span {
color: #fff;
font-size: 15px
}
.totlcmnt {
font-size: 13px;
font-weight: 600;
color: #939393
}
.totlcmnt i {
font-size: 18px;
margin-right: 5px;
vertical-align: middle
}
.cmntdtl {
color: #fff;
padding: 10px 25px;
font-size: 14px;
line-height: 22px;
position: relative;
margin-bottom: 40px
}
.cmntdtl.orange-bg:before, .cmntdtl.red-bg:before {
border-bottom: 10px solid transparent;
border-right: 15px solid #f58320;
border-top: 10px solid transparent;
bottom: auto;
top: 30%;
content: "";
height: 0;
left: -15px;
position: absolute;
width: 0;
}
.cmntdtl.red-bg:before {
border-right: 15px solid #a82b31;
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
}
.cmnt a {
font-size: 15px
}
.cmnt {
margin-top: 8px
}
/* Modal Window CSS starts */
.ui-modal {
width: 720px;
}
.ui-modal .modal-content {
border-radius: 0px;
border: none;
}
.ui-modal .modal-header {
padding: 45px 40px 15px 40px;
border: none;
}
.ui-modal .modal-footer {
border: none;
padding: 15px 40px;
}
.ui-modal .modal-title {
font: 44px 'kabelLT';
color: #fff;
text-transform: uppercase;
}
.ui-modal .close {
right: 5px;
top: -5px;
position: absolute;
font-size: 52px;
}
.ui-modal .modal-body {
padding: 15px 40px 45px;
}
.ui-modal .form-group {
margin-bottom: 20px;
width: 50%;
}
.ui-modal .form-group.action-wrap {
margin-top: 30px;
}
.ui-modal.blk-fnt .form-group label, .ui-modal.blk-fnt .modal-title {
color: #000;
}
.ui-modal .form-group label {
color: #fff;
font: 600 18px 'Open Sans';
text-transform: uppercase;
}
.ui-modal .form-control {
border: none;
height: 48px;
box-shadow: none;
font-size: 15px;
}
.ui-modal .grn-bg .form-control {
background: #73be99;
}
.ui-modal .modal-footer {
background: #f58320;
text-align: left;
color: #000;
}
.ui-modal .btxt {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 3px;
}
.ui-modal .btxt a {
color: #fff;
}
.ui-modal .btxt a:hover {
color: rgba(255,255,255,0.8);
}
.ui-modal .modal-footer {
min-height: 75px;
}
.ui-modal .modal-footer .btxt {
font-weight: 600;
margin-top: 0px;
}
.ui-modal .modal-footer .link-txt {
font-size: 30px;
line-height: 25px;
color: #000;
font-weight: bold;
text-transform: uppercase;
}
.ui-modal .modal-footer .link-txt:hover {
color: #313030;
}
.terms-txt {
text-transform: none !important;
font-weight: normal !important;
font-size: 13px !important;
}
.terms-txt a {
font-weight: 600;
color: #000;
}
/*Stylish Radio*/
.form-group.radio-style > label {
text-transform: none;
}
.form-group.radio-style .radio {
display: inline-block;
}
.form-group.radio-style .radio label {
padding-left: 12px;
}
.radio-style input[type="radio"] {
margin-left: 0px;
position: relative;
}
input[type=radio].css-checkbox {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr {
padding-left: 34px;
height: 29px;
display: inline-block;
line-height: 29px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 15px;
vertical-align: middle;
cursor: pointer;
}
input[type=radio].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox + label.css-label.chk {
background-position: 0 -29px;
}
.terms-txt span {
position: absolute;
}
.terms-txt input {
float: left;
}
.terms-txt label.error {
left: -20px;
margin-top: 26px;
width: 229px;
}
label.css-label {
background-image: url(https://s3-us-west-2.amazonaws.com/pogos3/images/radio-check.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
label.msg-wrap {
background: #f7dfa7;
color: #853604!important;
border-radius: 5px;
font-size: 12px !important;
font-weight: normal !important;
padding: 12px 15px;
position: relative;
margin-bottom: 15px;
text-transform: none!important;
display: inline-block;
margin-top: 10px;
}
label.error, label.success {
margin-bottom: 0px;
position: relative;
}
label.error, label.success, label.warning, div.error, span.error {
background: #f7dfa7;
border-radius: 5px;
font-size: 12px !important;
font-weight: normal !important;
padding: 12px 15px;
position: relative;
margin-bottom: 15px;
text-transform: none!important;
display: inline-block;
margin-top: 10px;
}
label.error, .error {
color: #cc0000 !important;
border: 1px solid #fa9292;
}
label.success {
color: #015f30 !important;
border: 1px solid #01753c;
}
label.warning {
color: #724904 !important;
border: 1px solid #7f5100;
}
label.error:before, label.error:after, label.success:before, label.success:after, label.warning:before, label.warning:after {
content: "";
position: absolute;
left: 10px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
label.error:after, label.success:after, label.warning:after {
top: -5px;
border-bottom: 6px solid #f7dfa7;
}
label.error:before {
top: -6px;
border-bottom: 6px solid #fa9292;
}
label.success:before {
top: -6px;
border-bottom: 6px solid #01753c;
}
label.warning:before {
top: -6px;
border-bottom: 6px solid #7f5100;
}
.drop-style select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(https://s3-us-west-2.amazonaws.com/pogos3/images/drop-bg.jpg);
background-position: right top;
background-repeat: no-repeat;
}
.modal-sttl {
color: #fff;
font: 30px "kabelLT";
text-transform: uppercase;
margin: 25px 0px;
}
.fieldset-wrap {
border-top: 1px solid #ff5058;
}
.fs-sm {
width: 50%;
}
.ui-modal .fs-sm .form-group.action-wrap {
margin: 10px 0px 30px;
}
.fs-sm .btn-ui-c {
min-width: inherit;
padding: 0px 12px;
}
.ui-modal .fieldset-wrap .action-wrap .btn:first-child {
margin-right: 10px;
}
.ui-modal .fieldset-wrap .form-group {
width: 100%;
}
.user-info-wrap {
margin-bottom: 30px;
border-top: none;
}
.user-info-wrap .user-icn {
margin-bottom: 10px;
}
.user-info-wrap .user-lft-wrap {
border-right: 1px solid #ff5058;
text-align: center;
}
.user-info-wrap h3.user-nm {
color: #fff;
font: 600 17px/18px "Open Sans";
text-transform: uppercase;
}
.btn-dd {
border-radius: 0px;
background: #f58320;
font: 600 13px "Open Sans";
padding: 6px;
text-transform: uppercase;
}
.btn-dd:hover, .btn-dd:focus {
color: #6d0409!important;
}
.user-lft-wrap .dropdown-menu {
background: #f58320;
border: none;
border-radius: 0;
padding: 10px;
width: 255px;
}
.user-lft-wrap .btn-group.open .dropdown-toggle {
box-shadow: none;
-webkit-box-shadow: none;
}
.user-lft-wrap .dropdown-menu > li {
float: left;
width: 25%;
text-align: center;
}
.user-lft-wrap .dropdown-menu li a {
padding: 0px;
height: 45px;
line-height: 45px;
border-right: 1px solid #fcba64;
border-bottom: 1px solid #fcba64;
position: relative;
}
.user-lft-wrap .dropdown-menu li:nth-child(4n) a {
border-right: none;
}
.user-lft-wrap .dropdown-menu > li > a:hover, .user-lft-wrap .dropdown-menu > li > a:focus {
background-color: transparent;
opacity: 0.8;
}
.user-lft-wrap .dropdown-menu > li > a:before {
content: "";
right: -5px;
bottom: -5px;
background: #f58320;
width: 10px;
height: 10px;
position: absolute;
z-index: 999;
}
.pl h2 {
margin-top: 0
}
.pl .posn {
max-height: 51px;
overflow: hidden;
right: 0;
top: -7px;
z-index: 5;
}
.ui-modal.profile-modal .modal-body {
padding-bottom: 25px;
}
.ui-modal.profile-modal .modal-footer {
min-height: 20px;
}
.modal-dialog.iframe-modal {
margin: 0px auto !important;
}
.cb-bg {
width: 317px;
height: 442px;
position: absolute;
bottom: 5px;
right: 25px;
background: url(https://s3-us-west-2.amazonaws.com/pogos3/images/cb-bg.png) no-repeat;
}
.mr-bg {
width: 328px;
height: 442px;
position: absolute;
top: 200px;
right: 2px;
background: url(https://s3-us-west-2.amazonaws.com/pogos3/images/mr-bg.png) no-repeat;
}
.chutki-bg {
width: 236px;
height: 406px;
position: absolute;
bottom: 15px;
right: 76px;
background: url(https://s3-us-west-2.amazonaws.com/pogos3/images/chutki-bg.png) no-repeat;
}
.tj-bg {
width: 380px;
height: 358px;
position: absolute;
bottom: 15px;
right: 0px;
background: url(https://s3-us-west-2.amazonaws.com/pogos3/images/tj-bg.png) no-repeat;
}
.jgu-bg {
background: rgba(0, 0, 0, 0) url(https://s3-us-west-2.amazonaws.com/pogos3/images/jaggu-bg.png) no-repeat;
height: 381px;
position: absolute;
right: 2px;
top: 200px;
width: 352px;
}
/* SHows Page Css */
.grn-ttl {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/pogo3-0/images/grn-ptrn.jpg") no-repeat right top;
padding: 19px 10px;
background-size: contain;
}
.orng-grd {
padding: 10px;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f58320 0%, #f47720 28%, #f35a21 72%, #f24d22 100%) repeat scroll 0 0
}
.btn-ui.orng-grd:hover {
background: #f25221;
}
.grn-head {
background: #018049;
}
.featuredshws .caption {
background: rgba(0, 15, 9, 0.8);
color: #f0fff2
}
.featuredshws .caption h4 {
color: #fcba63
}
.featured .caption h4, .featured .btn-ui {
font-family: "kabelLT"
}
.ltstshws {
background: #66A82D;
}
.ltstshws h2 {
color: #ffffff
}
.ltstshws h2 small {
display: block
}
.ldmore {
padding: 10px;
overflow: hidden;
clear: both
}
.orange-bg.ldmore {
background: #a8c9cb !important;
}
.ldmore:hover {
background: #a8c9cb;
}
.ldmore a:hover, .ldmore a:focus {
text-decoration: none; outline:none
}
.ldmore a {
color: #4e3b7d;
font-size: 24px;
display: block;
font-weight: 300;
font-family: "dinot-condbold";
line-height: 24px
}
.ldmore i {
display: block;
color: #ffffff;
}
.grn-pnl .hvr-sweep-to-top {
background: #ffffff;
min-height: 62px;
padding: 14px 10px 10px
}
.ltstshws .grn-pnl .ad-box {
height: 313px
}
.ltstshws .grn-pnl .ad-box.ad-iframe{ height:306px}
.grn-pnl .ad-box {
height: 314px;
margin: 15px 0;
padding: 8.5% 4%
}
.featuredshws .inner-crsl .carousel-indicators li {
border-color: #006639;
}
.featuredshws .inner-crsl .carousel-indicators .active {
background: #006639
}
/* Videos Page Css */
.vdopnl {
background: #009ec5;
padding:20px 30px 30px 30px;
}
.videosl .caption {
background: rgba(4, 24, 31, 0.8);
color: #fbe9b7
}
.videosl .caption h4 {
color: #37cfff
}
.blue-ttl {
background: url(https://s3-us-west-2.amazonaws.com/pogos3/pogo3-0/images/blue-ptrn.jpg) right top no-repeat;
padding:19px 10px;
background-size: contain;
}
.page-title.blue-ttl small {
line-height: 23px;
}
.videosl .inner-crsl .carousel-indicators li {
border-color: #37cfff;
}
.videosl .inner-crsl .carousel-indicators .active {
background: #37cfff
}
.crsl-wrap.blu-bg .owl-controls .owl-prev i, .crsl-wrap.blu-bg .owl-controls .owl-next i {
line-height: 40px;
}
.popular-game .des-pnl i.fa-desktop {
line-height: inherit;
}
.vdopnl .caption i.pvideo, .sortedvdo i.pvideo {
font-size: 27px;
line-height: 27px;
}
.vdopnl .caption {
box-sizing: border-box;
padding-bottom: 14px
}
.sortby {
position: absolute;
right: 0;
top: 16px;
width: 32%;
}
h2 small {
display: block;
font-family: 'dinot-condbold';
font-size: 15px;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
}
.alvdo h2 {
margin: 0 0 20px;
color: #ffffff;
}
.alvdo {
background: #009ec5;
padding: 20px 30px 30px 30px;
}
.sortby .form-control {
font-size: 18px;
font-family: 'dinot-condbold';
padding-bottom: 3px;
padding-top: 0;
color: #000;
box-shadow: none;
font-weight: 400
}
.sortedvdo .hvr-sweep-to-top {
background: #ffffff;
}
.sortedvdo .item-box .des-pnl small {
color: #000
}
.sortedvdo span.btn-sm {
background: #a41d25;
color: #fff;
font-weight: 600
}
.pl {
padding-left: 0
}
.page-height {
min-height : 300px;
overflow: hidden;
margin-bottom: 25px
}
.error {
color: red
}
div#signup1Modal, div#signupModal {
overflow-x: hidden !important;
overflow-y: auto !important;
}
/* Innerpage CSS Starts here*/
.inner-warea {
margin: 20px 0px;
min-height : 300px;
position: relative;
}
.inner-warea a {
color: #008eb0;
}
.inner-warea a:hover {
color: #02738e;
}
.tab-ui .nav-tabs li.r-tabs-state-active > a, .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
background: #f58320;
color: #fff;
border: none;
}
.tab-ui .nav-tabs {
border-bottom: 1px solid #fcdcb1;
}
.tab-ui .nav-tabs > li > a, .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
background: #fccd8f;
color: #773e03;
text-transform: uppercase;
padding: 10px 15px;
border: none;
font: 17px "kabelLT";
}
.tab-ui .nav-tabs > li > a:hover {
background: #fcba63;
}
.list-ui li {
margin-bottom: 15px;
}
.list-ui li a {
font-weight: 600;
}
.inr-ttl {
color: #a41d25;
font-family: "kabelLT";
text-transform: uppercase;
}
.inr-sttl {
font-size: 15px;
font-weight: 600;
color: #f58320;
}
.cntct-ttl {
margin-bottom: 30px;
}
.load-wrap-lg {
width: 124px;
height: 124px;
background: url(https://s3-us-west-2.amazonaws.com/pogos3/images/load-lg.gif) no-repeat;
display: block;
}
/* Help page csss */
/* Tabs container */
.r-tabs {
position: relative;
margin-bottom: 15px;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
position: relative;
}
/* Tab anchor */
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
opacity: 0.5;
}
/* Active state tab anchor */
/* Tab panel */
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
display: block;
}
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
opacity: 0.5;
}
.r-tabs .r-tabs-nav {
margin: 0;
overflow: hidden;
padding: 0;
}
.r-tabs .r-tabs-tab {
float: left;
list-style: none;
}
.r-tabs .r-tabs-panel {
display: none;
}
.r-tabs .r-tabs-panel p:last-child {
margin-bottom: 0
}
.r-tabs .r-tabs-accordion-title {
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
}
.top-warea .list-ui {
font-size: 20px
}
/*Chhota Bheem Inner Page*/
.ylwgrd .item-box .des-pnl span.btn {
background: #900402;
color: #fff;
}
.ylwgrd .item-box .des-pnl small {
color: #f76b02;
}
.ylwgrd .item-box:hover .des-pnl h4 {
color: #fff;
}
.ylwgrd .item-box:hover .des-pnl i {
color: #f4ac27;
}
.ylwgrd .item-box:hover .des-pnl small {
color: #ffd1a2;
}
.ylwgrd .item-box:hover .des-pnl span.btn {
background: #f4ac27;
color: #900402;
background: black !important;
}
.ylwgrd .des-pnl.hvr-sweep-to-top {
background: #fff;
}
.ylwgrd .des-pnl.hvr-sweep-to-top:before {
background: #884d01;
}
.cldpnl .des-pnl.hvr-sweep-to-top:before {
background: #801819;
}
.cldpnl .item-box:hover .des-pnl i {
color: #fb9936;
}
.cldpnl .item-box:hover .des-pnl span.btn {
background: #fb9936;
color: #900402;
}
.about-info {
margin-bottom: 20px;
}
.tab-char .nav-tabs {
text-align: center;
}
.tab-char .nav-tabs > li {
display: inline-block;
float: none;
}
.tab-char .tab-content {
margin-bottom: 20px;
min-height: 200px;
}
.tab-char .nav-tabs {
border-bottom: none;
}
.tab-char .nav-tabs > li > a {
margin-right: 8px;
border-radius: 0px;
border: 2px solid transparent;
}
.tab-char .nav-tabs > li.active > a {
border-radius: 0px;
border: 2px solid #fff600;
}
.char-img {
text-align: left;
}
.char-img img {
max-width: 100%;
}
/* Char bheem css */
.cldpnl .tab-char .brdrrt {
border-right: 1px solid #478c1a
}
.brdrrt {
border-right: 1px solid #F37B21
}
;
.char-info h3 {
margin: 0 0 15px;
line-height: 18px
}
.char-list a {
border: none
}
.cldpnl .char-list.nav-tabs > li.active > a, .cldpnl .char-list.nav-tabs > li.active > a:hover, .cldpnl .char-list.nav-tabs > li.active > a:focus, .cldpnl .char-list.nav-tabs > li > a:hover {
border-right: 1px solid #478c1a;
}
.char-list.nav-tabs > li.active > a, .char-list.nav-tabs > li.active > a:hover, .char-list.nav-tabs > li.active > a:focus, .char-list.nav-tabs > li > a:hover {
border-bottom: none;
border-right: 1px solid #F3D12A;
background: none;
border-top: none;
border-left: none;
border-radius: 0
}
.nav-tabs.char-list {
border-bottom: 1px solid #F3D12A;
margin-bottom: 15px;
padding-bottom: 15px
}
.cldpnl .nav-tabs.char-list {
border-bottom: 1px solid #478c1a;
}
.cldpnl .char-list.nav-tabs > li > a {
border-right: 1px solid #478c1a;
}
.nav-tabs.char-list:last-child {
border-bottom: none;
margin-bottom: 0
}
.char-info {
color: #414141
}
.char-list.nav-tabs > li > a img {
width: 138px;
height: 138px
}
.char-list.nav-tabs > li > a {
border-bottom: none;
background: none;
border-right: 1px solid #F3D12A;
border-radius: 0;
border-top: none;
border-left: none;
display: block;
height: 97px;
margin: 10px 0;
height: 160px;
padding: 0 10px 10px;
text-align: center
}
.char-list.nav-tabs li:last-child a {
border-right: none
}
.list-wrap h2.txt-red {
color: #ce3a0c
}
.list-wrap h2.txt-white {
color: #ffffff
}
/* Watch video pannel css */
.blue-ttlbrd.page-title {
padding:15px 1px;
margin-bottom: 0
}
.blue-ttlbrd.page-title h1 {
font-size: 32px;
margin-left: 15px
}
.blue-ttlbrd.page-title h1 i {
font-size: 43px;
line-height: 45px;
margin-right: 15px;
vertical-align: middle
}
.blue-ttlbrd .breadcrumb {
background: rgba(64,140,173, 0.6)
}
.blue-ttlbrd .breadcrumb::after {
border-bottom: 20px solid transparent;
border-left: 15px solid rgba(64,140,173, 0.6);
border-top: 20px solid transparent;
bottom: 0;
content: "";
height: 0;
position: absolute;
right: -15px;
width: 0;
}
.blue-ttlbrd .breadcrumb > .active {
color: #b8f0fb
}
.bluesec h2 {
color: #41c8f5;
margin-left: 0
}
.bluesec.blu-bg.crsl-wrap {
/* background: none;*/
border-bottom: none
}
.bluesec.blu-bg .more-link a {
color: #41c8f5;
width: 130px
}
.bluesec.blu-bg .more-link a span small {
display: inline-block;
letter-spacing: 1.82px
}
.bluesec.crsl-wrap .owl-nav .owl-prev {
right: 195px
}
.bluesec.crsl-wrap .owl-nav .owl-next {
right: 145px
}
.bluesec.crsl-wrap .owl-controls {
top: -64px
}
.bluesec .item-overlay .mask .btn.btn-ui {
top: 40%
}
.bluesec .item-overlay .mask .btn.btn-ui {
position: relative;
}
.bluesec .item-overlay .mask .btn.btn-blu {
}
.ad-wrap iframe {
height: 250px
}
.ad-iframe {
padding: 6% 5.8% 4% 7.9%;
text-align: left
}
.game-ad-bg {
text-align: center
}
#kaltura_player_1450078874 {
background: url(https://s3-us-west-2.amazonaws.com/pogos3/images/vdo-clt.png) center top no-repeat;
display: inline-block;
width: 72%;
padding: 32px 7.5% 6% 8.2%
}
#kaltura_player_1450078874 iframe {
height: 490px !important
}
#videodtlCarousel .item-overlay, #vdoModal .alvdo .item-overlay {
height: auto
}
#vdoModal .item-thumb {
margin-bottom: 15px;
}
#vdoModal .item-thumb .des-pnl i {
font-size: 22px;
color: #fff;
}
#vdoModal .des-pnl {
margin-top: 8px
}
#vdoModal .item-thumb:hover .des-pnl h4 {
color: #002f3e;
}
#vdoModal .des-pnl h4 {
font-size: 15px;
color: #fff;
font-weight: 600;
margin: 0px;
min-height: 34px
}
#vdoModal .item-overlay .mask .btn {
top: 44%
}
#vdoModal .ui-modal {
width: 1000px
}
.item-overlay .mask .grn-bg.btn-ui {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #29aa69 0%, #029a4f 3%, #009b4f 5%, #089c52 14%, #10a058 30%, #2ba969 59%, #40b075 86%, #46b379 100%) repeat scroll 0 0
}
.item-overlay .mask .grn-bg.btn-ui:hover {
background: #006f3f;
}
#vdoModal .ui-modal .modal-body {
padding: 0 20px 15px
}
#vdoModal .ui-modal .modal-header {
padding: 15px 20px 0
}
#vdoModal i.pvideo {
color: #fff
}
/* Show genric css*/
.ylo-ttl {
background: url(https://s3-us-west-2.amazonaws.com/pogos3/images/genric-ttl-bg.jpg) no-repeat;
}
.ylo-ttlbrd .breadcrumb {
background: rgba(204,102,0, 0.6)
}
.ylo-ttlbrd .breadcrumb > .active {
color: #fff000
}
.ylo-ttlbrd .breadcrumb::after {
border-bottom: 20px solid transparent;
border-left: 15px solid rgba(204,102,0, 0.6);
border-top: 20px solid transparent;
bottom: 0;
content: "";
height: 0;
position: absolute;
right: -15px;
width: 0;
}
.genric {
margin: 15px 0
}
.sortedvdoto i.pvideo {
font-size: 40px
}
.sortedvdo .hvr-sweep-to-top.hvrblu {
padding-bottom: 17px
}
.chardesc h3 {
margin: 0 0 15px;
padding: 0;
font-weight: 700
}
.chardtl {
margin-top: 35px
}
.chardtl h4 {
font-weight: 600;
font-size: 16px
}
.chardtl ul {
padding: 0
}
.chardtl li {
list-style-type: none;
font-size: 14px;
font-weight: 600;
color: #f58320;
margin-bottom: 7px;
line-height: 16px
}
.chardtl a {
font-size: 12px;
font-style: italic;
text-decoration: underline
}
.chardesc {
background: #fff9ec;
padding: 15px 15px 0;
min-height: 316px;
}
/* Schedule page css */
.tvsch-ttl {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/pogo3-0/images/tvshcedule-header.png") no-repeat right top;
padding: 19px 10px;
background-size: contain;
text-transform: uppercase;
}
.tytmr {
background: #d4e7e6;
}
.schedulesec h3 {
color: #4e3b7d;
font-weight: 600;
margin: 20px 0
}
.sch-tm {
padding: 0;
margin: 15px 0 10px;
overflow: hidden
}
.sch-tm li {
float: left;
border-right: 1px solid #aaa;
color: #66a82e;
font-weight: 400;
font-size: 26px;
list-style-type: none
}
.sch-tm li:last-child {
border-right: none
}
.sch-tm li a {
padding: 0 10px;
color: #4e3b7d;
line-height: 45px;
font-weight: light
}
.bl-txt-3 {
color:#4e3b7d;
text-transform: uppercase;
}
.row.sch-time-3 {
background: #d4e7e6;
}
.sch-tm li.active {
padding-right: 15px;
line-height: 45px;
padding-left: 15px
}
.sch-tm li:first-child.active {
padding-left: 5px
}
.sch-tm li:first-child a {
padding-left: 5px
}
.schdl-sec {
text-align: center;
padding: 0 35px 35px 35px;
clear: both
}
.schdlbgul-3 {
text-align: left;
}
.sch3-tv-btm i {
font-style: 45px;
color:#ffffff;
}
.schdl-list {
background: url(https://s3-us-west-2.amazonaws.com/pogos3/pogo3-0/images/list-bg.png) center top no-repeat;
display: inline-block;
width: 86%;
padding: 173px 56px 64px 36px;
}
.sch3-tv-btm {
text-align: left;
}
.sch3-tv-btm > img {
margin-left: 25px;
float: left;
}
.schdl-list li {
list-style-type: none;
font-size: 16px;
font-weight: 600;
text-align: left;
overflow: hidden;
margin-left: 10px
}
.schdl-list li:nth-child(2n+2) .title01, .schdl-list li:nth-child(2n+2) .desc {
background: none
}
.schdl-list ul {
padding: 15px 0;
width: 97.5%;
height: 615px;
overflow-y: auto;
}
.schdlbgul-3 {
border-radius: 25px;
background: #ffffff;
width: 81.5%;
height: auto;
}
.cstvdo {
padding: 0 30px 0 0;
height: 400px;
overflow-y: auto
}
.cstvdo .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .cstvdo .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .cstvdo .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: #018eb0;
border-radius: 0 0 5px 5px
}
.cstvdo .mCSB_scrollTools {
border-radius: 0
}
.title01 {
background: #ebebeb;
width: 78%;
margin-right: 7px;
padding: 7px 15px;
float: left
}
.title01 img {
margin-right: 3%;
width: 80px;
float: left;
height: 78px
}
.title01 h4 {
vertical-align: middle;
margin-top: 27px;
line-height: 24px
}
.schdl-list .desc {
background: #ebebeb;
float: left;
width: 18%;
padding: 35px 0;
text-align: center
}
.stats {
position: absolute;
background: rgba(136, 3, 5, 0.6) none repeat scroll 0 0;
right: 0;
color: #fff;
font-weight: 600;
font-size: 16px;
padding: 10px;
top: 0;
}
.stats strong {
color: #f58320;
margin-left: 5px;
}
.blue-ttlbrd .stats {
background: rgba(64, 140, 173, 0.6) none repeat scroll 0 0
}
.blue-ttlbrd .stats strong {
color: #aaecfc
}
.thumbht > div > img {
height: 249px
}
.nocvr:before {
background: none
}
.ylwgrd.nocvr .item-box:hover .des-pnl h4, .nocvr.ylwgrd .item-box:hover .des-pnl a i {
color: #F37B21
}
.nocvr.ylwgrd .des-pnl a i {
color: #690000
}
#dwnldimg input[type="radio"] {
margin: 4px 4px 0 15px;
vertical-align: top
}
#dwnldimg .btn-ui-c {
font: 15px/24px "Open Sans";
margin-top: 5px;
min-width: 130px;
}
.ldr.text-center {
height: 230px;
overflow: hidden;
}
#dwnldModal h3 {
margin-top: 0;
font-size: 20px
}
#dwnldModal .ui-modal {
width: 482px
}
/*Error 404*/
.e404-wrap {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/images/sky-bg.jpg") no-repeat;
width: 100%;
height: 617px;
}
.e404-txt {
text-align: center;
margin-bottom: 30px;
}
.e404-txt h3 {
font: 50px/48px 'kabelLT';
color: #fff;
margin: 50px 0px 30px;
}
.e404-txt > p {
font-size: 19px;
font-weight: 600;
color: #fff;
}
.e404-img {
background: url("https://s3-us-west-2.amazonaws.com/pogos3/images/err4-bg.png") no-repeat;
width: 660px;
height: 301px;
margin: 0 auto;
}
.thumbht img {
height: 254px
}
.full-screen {
display: block;
text-align: right;
}
/*.full-screen {
display: none
}*/
.full-screen a {
background: #fff;
color: #6a050b;
border-radius: 0 0 0 13px;
transition: color ease-in .1s;
font-weight: 600;
padding: 7px 20px;
display: inline-block
}
.full-screen a:hover {
color: #A41D25;
background: #fee
}
.gotoplylist {
bottom: 15px;
position: fixed;
right: 7%;
z-index: 5555
}
.ad-box.ad-iframe {
height: 296px;
padding: 7% 5.8% 4% 5.9%
}
.ylwgrd .ad-box.ad-iframe {
height: 310px;
padding: 7% 5.8% 4% 7.9%
}
textarea.form-control {
width: 100% !important
}
.cvr-ht {
min-height: 330px
}
.orange-bg.chtldmore {
background: #f3d02a
}
#all_profile_img img {
width: 30px
}
.user-lft-wrap .dropdown-menu li:nth-last-child(1) a, .user-lft-wrap .dropdown-menu li:nth-last-child(2) a, .user-lft-wrap .dropdown-menu li:nth-last-child(3) a, .user-lft-wrap .dropdown-menu li:nth-last-child(4) a {
border-bottom: none
}
.nocvr .ad-box {
height: 303px
}
.blu-thumb .item-overlay.item-box .mask .btn {
top: 45%
}
#topScorer h3 {
color: #fff
}
.show-error {
min-height:200px
}
.show-error .error {
width:100%
}
.genric .carousel-caption .play-now{ display:none}
.genric .carousel-caption .caption p{ display:none}
.genric .carousel-caption .caption{ position:absolute; right:0; bottom:0; z-index:999}
.genric .carousel-caption .caption h4{ margin:0}
.featured.genric .carousel-caption{ bottom:0}
.logo-turner {
position: absolute;
right: 10px;
top: 60px;
}
input.error, select.error {
background: #f7dfa7;
border-radius: 5px;
font-size: 12px !important;
font-weight: normal !important;
padding: 0px 15px !important;
position: relative;
margin-bottom: 15px;
text-transform: none!important;
display: inline-block;
margin-top: 10px;
}
.kinokimix {
background-color: #222 !important;
}
.cmnt-area {
display:none;
}
.bird{
position: fixed !important;
}
.modal-content{box-shadow: 0 0px 0px rgba(0, 0, 0, .5);border-radius: 0px;border: 0px;border-bottom: 5px solid #fff;}
.close {text-shadow: 0px;opacity: .9;text-shadow: 0 0px 0 #000;width: 25px;
height: 25px;
background: #fff !important;}
.modal-header .close {
margin-top: -15px;
margin-right: -15px;
}
.modal-body {
position: relative;
padding: 30px 20px;
text-align: center;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
text-align: center;
}
.modal-body h3{line-height: 39px;}
.modal-body span{background: #fff;
padding: 6px 20px;
margin: 5px;
display: inline-block;
border-radius: 50px;
color: #6e3278;
font-size: 21px;}
.gujia{display: inline-block;position: fixed;z-index: 9;bottom: 0px;}
.list-ui{list-style: none;
margin: 0px;
padding: 0px;}
.list-ui li{font-size: 30px;text-align: center;}
.txt-green{color:#68a735;}
.txt-purple{color:#c0183b;}
.txt-blue{color:#337ab7;}
.txt-orange{color:#e27d21;}
.txt-gray{color:#404040;}
.lrg-fnt{font-size: 50px !important;}
button.close {
letter-spacing: 1px;
position: relative;
height: 50px;
width: 50px;
z-index: 2;
overflow: hidden;
background: #c0183b !important;
opacity: inherit;
color: #fff;
font-size: 50px;}
button.close:hover{color:#fff;}