@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?i33wwf');
src: url('../fonts/icomoon.eot?i33wwf#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?i33wwf') format('truetype'),
url('../fonts/icomoon.woff?i33wwf') format('woff'),
url('../fonts/icomoon.svg?i33wwf#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: Lato;
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Lato;
font-style: normal;
font-weight: 400;
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family: Lato;
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Lato;
font-style: normal;
font-weight: 700;
src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
/******* Oswald Regular *******/
@font-face {
font-family: 'OswaldBook';
src: url('../../fonts/oswald-regular.eot');
src: url('../../fonts/oswald-regular.eot') format('embedded-opentype'),
url('../../fonts/oswald-regular.woff') format('woff'),
url('../../fonts/oswald-regular.ttf') format('truetype'),
url('../../fonts/oswald-regular.svg#OswaldBook') format('svg');
}
/******* Hevetical Condenced Regular *******/
@font-face {
font-family: 'helvetica_condensedregular';
src: url('../../fonts/ps_0-webfont.eot');
src: url('../../fonts/ps_0-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/ps_0-webfont.ttf') format('truetype'), url('../../fonts/ps_0-webfont.svg#helvetica_condensedregular') format('svg');
font-weight: normal;
font-style: normal;
}
.icon-error:before {
content: "";
background: url(../images/close-icon.svg) no-repeat;
width: 14px;
height: 14px;
display: block;
top: 15px;
right: 15px;
position: absolute;
}
a, a:hover,a:focus, a:active{text-decoration: none !important;outline: 0;outline:none !important;}
ul{padding: 0;margin:0;list-style: none;}
button:focus{outline: 0;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.mt-30, .mt30 {
margin-top: 30px;
}
img{max-width: 100%;}
body{font-family: Lato;}
.container-fluid.f18.mb30.fluid-body{font-family: 'helvetica_condensedregular';}
p{color:#666;}
/*.vert-horz-center{position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 50%;left:50%;}*/
.vertical-center{position: absolute;-webkit-transform: translateY(-50%);transform: translateY(-50%);top: 50%;}
.horizontal-center{position: absolute;-webkit-transform: translateX(-50%);transform: translateX(-50%);left: 50%;}
.display-middle{display: table-cell; vertical-align: middle;}
.display-top{display: table-cell; vertical-align: top;}
.display-table{display: table;width:100%;}
.display-table.auto-width{display: table;width:auto;}
.pb10 {padding-bottom: 10px;}
.pb-50{padding-bottom: 50px;}
.pb-40{padding-bottom: 40px;}
.pb-30{padding-bottom: 30px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-20{margin-bottom: 20px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pl-20{padding-left: 20px;}
.pl-30{padding-left: 30px;}
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.plr-70{padding-left: 70px; padding-right: 70px;}
.mt110 {margin-top: 110px;}
section:after,.section-title-wrap:after, .movie-details-btn:after {clear:both; content: ""; display: block; overflow: hidden;}
.movie-cards-carousel img{width:100%;}
.link{color:#f47000;}
textarea{resize: none;}
.blue-color {
color: #53B4C4;
}
html, body {
height: 100%;
width: 100%;
}
body {
margin: 0;
}
/*btn*/
.orange-btn{background: #f47000; border-radius: 2px; padding: 17px 36px;color:#fff;font-size: 1.125rem; line-height: 1.125rem; text-transform: capitalize;border:0;cursor: pointer;transition: all .3s ease; -webkit-transition: all .3s ease;}
.orange-btn:hover, .orange-btn:focus{color:#fff; background: #ff7f12 ;}
.grey-btn{background: #989898; border-radius: 2px; padding: 15px 36px;color:#fff;font-size: 1.125rem; line-height: 1.125rem; text-transform: capitalize;border:0;cursor: pointer;}
.darkgrey-btn{background: #4c4e55; border-radius: 2px; padding: 15px 36px;color:#fff;font-size: 1.125rem; line-height: 1.125rem; text-transform: capitalize;border:0;cursor: pointer;}
.lightgrey-btn{background: #eaeaea; border:1px solid #d1d1d1; border-radius: 3px; padding: 13px 15px;color:#555;font-size: 1rem; line-height: 1rem;cursor: pointer;color:#555;}
.orange-btn.btn-sm{padding: 8px 15px;font-size: 1rem; line-height: 1rem;}
.orange-btn.btn-md{padding: 17px 19px;}
.btn-outline-white{background: transparent; border:2px solid #fff; border-radius: 3px;padding: 15px 36px;font-size: 1.125rem;text-transform: capitalize;color:#fff;line-height:18px;display: inline-block;}
.grey-outline{background: transparent; border:2px solid #e8e8e9; border-radius: 3px;padding: 15px 36px;font-size: 1.125rem;text-transform: capitalize;color:#f47000;line-height:18px;display: inline-block;outline:0;cursor: pointer;}
.grey-outline-md{background: transparent; border:2px solid #e8e8e9; border-radius: 3px;padding: 10px 20px;font-size: 1rem;text-transform: capitalize;color:#f47000;line-height:18px;display: inline-block;outline:0;cursor: pointer;}
.grey-outline-md:focus{outline:0;}
.btn-outline-white:hover, .btn-outline-white:focus{color:#fff;}
.orange-link{color:#f47000;font-size: 1.125rem;text-decoration: none;display: inline-block;cursor: pointer;font-weight: normal;}
.orange-link:hover{opacity: .8;color:#f47000;}
.orange-color, .top-links-right li a.orange-color, #sidebar ul li a.orange-color{color:#f47000;}
/*heading*/
.section-heading{font-size: 1.625rem; color:#333; margin: 0; padding-bottom: 1.375rem;}
.sub-heading{font-size: 1.25rem; color:#333; margin: 0; padding-bottom: 0.9375rem;line-height: 1.25rem;}
.sub-title{font-size: 1.125rem; color:#333; margin: 0; padding-bottom: 0.9375rem;line-height: 1.125rem;}
.sub-text{font-size: 1rem; color:#333; margin: 0; padding-bottom: 0.625rem;line-height: 1rem;}
.sub-text.lg{font-size: 1.125rem;font-weight: bold;padding-bottom: 0.9375rem;}
.sub-heading.wht{color:#fff;}
.main-heading{font-size: 2rem; color:#333; margin: 0; padding-bottom: 0.9375rem;font-weight: bold;line-height: 2.2rem;}
.section-title{font-size: 1.5rem; color:#333; margin: 0; padding-bottom: 0.9375rem;line-height: 2.2rem;}
.inner-title{font-size: 1.325rem; color:#333; margin: 0; padding-bottom: 0.9375rem;line-height: 1.325rem;}
.type-tag{position: absolute; top:10px;left:0;}
/*header*/
.header-bottom{
position:relative;
padding:0px 0px;
left:0px;
margin-top:0px;
width:100%;
-webkit-transition:0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition:0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition:0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition:0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);background: #1e1f22;
}
.top-sub-head .nav > li > a{margin:0;}
.header.fixed-header .header-bottom{
position:fixed;top:0;
padding:0px 0px;
z-index:999;
/*opacity:1;*/
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 300ms;
-moz-animation-duration: 300ms;
-o-animation-duration: 300ms;
-webkit-animation-duration: 300ms;
animation-duration: 300ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes fadeInDown {
0% {
/*opacity: 0;*/
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
/*opacity: 1;*/
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
/*opacity: 0;*/
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
100% {
/*opacity: 1;*/
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.header {background: #1e1f22;-webkit-transition:all 300ms ease;position: relative;z-index: 11;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;}
/*.is-cloned .header-bottom{position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
}*/
.header-top{background: #17191c;height:40px;}
.header-bottom{box-shadow:0px 1px 2px 0 rgba(0, 0, 0, 0.5);}
.logo{padding: 18px 0;}
.logo img{width:140px;}
.top-nav {padding-top: 4px;}
.top-nav ul, .top-links-right ul{margin:0;}
.top-nav ul li{display: inline-block;padding-left:40px;}
.top-nav ul li a{color: #9ea2ac;font-size: 15px; }
.header li a, .footer-mid ul li a{transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease;}
.header li a:hover, .orange-color:hover{color: #fff;}
.top-nav ul li.contact-menu a, .line-bar{position: relative;}
.top-nav ul li.contact-menu a:after, .line-bar:after{content: "";width: 1px;height: 18px;opacity: 0.4;background-color: #5b606b;display: inline-block;position: absolute;top: 2px;right: -20px;}
.navbar-nav .nav-item{float:left;font-size: 20px;}
.navbar-nav .nav-link {font-size: 15px;padding: 21px 20px;text-align: left;color: #9ea2ac;position: relative;transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; white-space: nowrap;}
.navbar-nav .nav-link:hover {color:#fff; background: #2f3136;}
.navbar-nav .active .nav-link:after {content:"";position: absolute; left:0; width:100%; height:2px; background: #f47000;bottom:0; }
.navbar-nav .active .nav-link{color: #f47000;}
.navbar-nav .active .nav-link sup{color: #fff;}
.navbar-nav li a sup{display:block;}
.top-links-right li{float:left;}
.top-links-right li a{font-size: 16px;color: #9ea2ac;padding: 19px 10px;display: inline-block;}
.top-links-right li.line-bar:after {left: 10px;top: 23px;right: auto;}
.top-links-right li.line-bar a{padding-left: 30px;}
.top-links-right li:last-child a{padding-right: 0;}
.top-links-right .icon-search{padding-right: 5px;}
.top-links-right li.orange-btn-menu a{padding: 6px 10px;color: #fff;margin: 15px 10px;font-size: 14px;line-height: 18px;}
.lan-bar-head {
/*width: 100%;*/
padding: 15px 0;
background-color: #2f3134;
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.45);
box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.45);
margin-top: 0px !important;
text-align: center;
color: #9ea2ac;
font-size: 1.125rem;
line-height: 28px;
}
.lan-bar-head span{display: inline-block;}
.nav-link.dropbtn i{font-size: 7px;margin-left: 5px;}
.nav-link.dropbtn:hover i:before{color:#fff;}
/*.main-content{padding: 30px 0;}*/
/*home-page*/
.home-player{background: #000;height:100%;}
.home-player img{width:100%;}
.section-title-wrap .section-heading{float:left;}
.section-title-wrap a{color:#333;_font-weight: bold; float:right;}
/*live-tv-cards*/
/*.section-carousel{padding-bottom: 50px;}*/
.section-carousel .cards-item-inner{padding:0 10px 0 10px;}
.shows-image{ border-radius: 4px;_box-shadow: 0 0 7px #c3c3c3;}
/*.shows-image:hover{box-shadow: 0 5px 10px rgba(0,0,0,.3);}*/
.shows-image > img{ border-radius: 4px;}
.equal-columns-wrap{border:1px solid #ccc;overflow: hidden;}
.equal-columns-wrap > div{padding: 0;}
.equal-columns-wrap > div:first-child{background: #f9f9fb; max-width: 31%; width:31%;flex:0 0 31%; border-radius: 4px 0 0 4px;height:100%; }
.equal-columns-wrap > div:first-child img{padding: 4px;}
.equal-columns-wrap > div:last-child {max-width: 69%; width:69%;flex:0 0 69%;}
.equal-columns-wrap > div:last-child img {border-radius: 0 3px 3px 0;min-height:100%;width:100%;}
/*.equal-columns-wrap > div img {transition: opacity .3s ease-in-out;opacity: .4;}*/
.slick-slider{margin: 0 -10px;}
.cards-item{float:left;width:100%;}
/*.equal-columns-wrap img{max-height:160px;}*/
.container-fluid{margin:0 auto; max-width: 2036px;}
.shows-content .show-name{position: relative;color: #333;font-size: 16px;display: block;line-height: 16px;}
.shows-content .show-name{position: relative;padding: 12px 10px;color: #333;font-size: 16px;display: block;line-height: 16px;}
.shows-content.list-content .show-name{padding:12px 10px 12px 28px;}
.shows-content.list-content .show-name:before{content: "";width: 8px;height: 8px;background-color: #ed1c24;display: inline-block;border-radius: 50px;position: absolute; top:18px; left:10px;vertical-align: middle;}
.shows-detail .show-name{padding: 0;}
.shows-content .show-name span{white-space: nowrap;text-overflow: ellipsis;display: block;width: 100%;overflow: hidden;}
/*catchup-cards*/
.shows-icon{padding-right: 10px;}
.shows-icon{width: 60px;display: inline-block;position: relative; vertical-align: middle}
.shows-content .shows-detail {width:calc(100% - 70px); -webkit-width:calc(100% - 70px);display: inline-block; vertical-align: middle}
.shows-detail-inner .show-time, .shows-detail-inner .show-count{color:#888; font-size: 14px;}
.shows-detail-inner .seprator{background: #888;margin: 0 10px;height: 15px;display: inline-block;width: 1px;vertical-align: middle;}
/*.catchup-cards .slick-next, .catchup-cards .slick-prev{top:24%;}*/
.shows-full-details.shows-content{padding: 10px;}
.shows-detail-inner{white-space: nowrap;}
/*catchup-page*/
.card-bg .card-content-wrap{box-shadow: 0 0 7px #c3c3c3;}
.card-bg .shows-image{border-radius: 0;box-shadow: none;}
.card-bg .shows-image > img{border-radius: 4px 4px 0 0;box-shadow: none;}
.card-bg .shows-full-details{background: #fff;border-radius: 0 0 4px 4px;}
/*catchup-viewall*/
/*.center-layout.catchup-cards .cards-item{margin-bottom: 40px;}*/
/*pre-login-text*/
.sprites-app-icon {
background: url(../images/sprites-app-icons.png) no-repeat;display: inline-block;
}
.samsung {
background-position: 0px 0px;
width: 83px;
height: 30px;
}
.lg-tv {
background-position: -91px 0px;
width: 68px;
height: 30px;
}
.apple-tv {
background-position: -164px 0px;
width: 60px;
height: 30px;
}
.android-tv {
background-position: -231px 0px;
width: 85px;
height: 30px;
}
.roku {
background-position: -324px 0px;
width: 69px;
height: 30px;
}
.android {
background-position: 0 -29px;
width: 70px;
height: 44px;
}
.ios{
background-position: -80px -36px;
width: 66px;
height: 32px;
}
.samsung-watch-on{background-position: 0px -80px;
width: 135px;
height: 31px;}
.lg-watch-on {
background-position: -141px -71px;
width: 118px;
height: 42px;
}
.apple-tv-watch-on{background-position: -302px -30px;
width: 81px;
height: 40px;}
.android-tv-watch-on{ background-position: -151px -40px;
width: 139px;
height: 30px;}
.infoboxes .sprites-app-icon{margin: 0 18px;}
.home-device-list li{display: inline-block;vertical-align: middle;margin: 0 9px;}
.home-device-list .list-inline{margin-bottom: 2rem;}
.home-device-list .list-inline li:first-child{color:#757982;margin-right: 32px;width:100px;text-align: right; }
.home-device-list .list-inline li.many-more{color:#757982;}
.home-device-list .line-bar:after{height:30px;right:-25px;top:-1px;}
.bgimg {
background: url(https://yuppstatic.akamaized.net/yupptv/yupptv_new/Web/Content/images/layer-1-5-4.png);
background-attachment: scroll;
background-attachment: fixed;
}
.pre-login{padding: 28px 100px;}
.pre-login-title{color:#fff;font-size: 2.375rem; margin-bottom: 1.5rem; font-weight: bold;}
.pre-login-subtitle{color: #9ea2ac;font-size: 1.375rem;margin-bottom: 1.3125rem;line-height: 1.675rem;}
/*footer*/
.footer{background: #181a1d;}
.footer .container-fluid{padding-left: 75px; padding-right: 75px;}
.package-footer .container-fluid{padding-left: 58px; padding-right: 58px;}
.footer-bottom .container-fluid{padding-left: 15px; padding-right: 58px;}
.footer-top{background: #232427; display: none;}
.footer-mid{padding: 40px 0 0 0; font-family:lato; text-align:left}
.footer-contacts {border-top: 1px solid rgba(49,51,55,.6); padding: 20px 0; margin-top: 40px; margin-left:35px}
.footer-contacts ul li {float: left; padding: 0 15px 0 0; position: relative;}
.footer-contacts ul li:after {content: ""; height: 14px; width: 1px; background: #6b6f76; position: absolute; right: 6px; top: 6px;}
.footer-mid .footer-col{width:16%}
.reward-title{color: #9ea2ac;font-size: 1.125rem;}
.reward-subtitle{color: #61656d;font-size: 1rem;}
.footer-top i{font-size: 40px;margin-bottom: 15px;display: inline-block;}
.footer-mid h4{color: #9ea2ac; padding-bottom: 20px;margin:0; font-family:lato; text-align:left}
.footer-mid .col-sm-2{border-right:1px solid #313337;}
.footer-mid .col-sm-2:last-child{border-right:0;}
.footer-mid ul{padding: 0;}
.footer-mid ul li{list-style: none;padding-bottom: 3px;}
.footer-mid ul li a{color: #6b6f76;line-height: 22px;font-size: 16px;}
.footer-contacts ul li:last-child:after{width:0}
.footer-mid ul li a:hover{color: #A4A8AF;}
.footer-country-dropdown{width: 200px;outline: 0;border: 1px solid #2d2f33;background-color: #2d2f33;color: white;}
.footer-country-dropdown:disabled{background-color: #2d2f33;color: white;}
.yupptv-header-elements-margins {
margin-left: 1.03125vw !important;}
/* .footer-bottom{background: #1b1c1f;padding: 10px 0;} */
.footer-bottom{padding: 10px 0;}
.footer-bottom .copyright{color:#6b6f76; font-size: 14px; }
.footer-social-icons i{font-size: 34px;}
.footer-social-icons .fb{color: #3b5999;}
.footer-social-icons .tw{color: #29c5f6;}
.footer-social-icons .gplus{color: #d43d27;}
.footer-social-icons .pint{color: #bc1700;}
.footer-mid .row{margin-left: -30px;margin-right: -30px;width:100%;}
.footer-mid .footer-col{border-left:1px solid #313337;padding-left: 30px;padding-right: 30px;-webkit-box-flex: 0;-webkit-flex: 0 0 16.66%;-ms-flex: 0 0 16.66%;flex: 0 0 16.66%;max-width: 16.66%;}
.footer-mid .footer-col:first-child{border-left:0;}
.footer-mid .footer-mid-inner{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.footer-features-inner{padding: 20px 0; border-right: 1px solid #2e3034;}
.footer-top .col-sm-4:last-child .footer-features-inner{border-right:0;}
.footer-features-inner i{color:#9ea2ac;transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease;}
.footer-features-inner:hover i:before{color:#9ea2ac;}
.footer-mid .card{background: transparent;border-radius: 0;display: inline-block; vertical-align: top;min-height:317px}
.package-footer .footer-mid .card{min-height:317px}
.back-to-top {width: 60px; height: 60px; border-radius: 100%; text-align: center; background-color: #54575f; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.75); color: #fff;
position: fixed;
bottom: 90px;
right: 20px;
cursor: pointer;
transition: all .3s ease;
-webkit-transition: all .3s ease;
display: none;
z-index: 99;
}
.footer h4, .language-text h1, .language-text h2 {
color: #9ea2ac;
font-size: 1.125rem;
padding-bottom: 1.25rem;
margin: 0;
}
.back-to-top span i {display: block; line-height: 1px;}
.back-to-top .icon-caret:before {
background: url(../images/top-btn-arrow.svg) no-repeat; width: 20px; height: 12px; position: inherit;}
/*mini-theater*/
.center-layout .cards-item{margin-bottom: 25px;}
.details-cont{padding-top: 110px;}
.details-cont .movie-detail-img {position: absolute;width: 284px;top:0;left:0;}
.details-cont .movie-details-inner {position: relative;}
/*.movie-details-wrap{padding-left: 314px;max-width: 1550px;}*/
.movie-detail-bottom .push-3{left:18%;}
.details-cont .movie-detail-img > img {width:100%;box-shadow: 6px 7px 9px rgba(0,0,0,.75);margin-bottom: -100px;}
.movie-details {color:#fff}
.movie-details .movie-name {
display: block;
font-size: 2.25rem;
font-weight: bold;
line-height: 30px;
padding-bottom: 10px;
}
.showrating-txt, .movie-type {
font-size: 1.125rem;
}
.hd-ico, .cc-ico {
width: 19px;margin-right: 3px;
}
.movie-type {
padding: 10px 0 0;
}
.movie-type span, .movie-time{display: inline-block;}
.clock-ico {
margin: -2px 7px 0 18px;
width: 17px;height: 17px;
display: inline-block;
}
.banner-bg-wrap{position: relative;}
.overlay{width:100%; display:block; position: absolute;top:0; left:0;height:100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 31%, rgba(0,0,0,1) 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(31%,rgba(0,0,0,0.65)), color-stop(90%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 31%,rgba(0,0,0,1) 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 31%,rgba(0,0,0,1) 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 31%,rgba(0,0,0,1) 90%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 31%,rgba(0,0,0,1) 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.genre-type{border: 1px solid #fff;border-radius: 20px;font-size: 16px;padding: 8px 17px;display: inline-block;line-height: 14px;margin-left: 5px;}
.cast-crew ul{padding: 0;margin:0;list-style: none;}
.cast-crew ul li{padding-bottom: 10px;font-size: 1rem;}
.cast-crew ul li .label{color: #a7acb7;display: inline-block;}
.cast-crew ul li .text{color: #fff;display: inline-block;padding-left: 16px;width:80%;vertical-align: top;}
.cast-crew ul li .label span{width:75px;display: inline-block;}
.movie-detail-bottom{ color:#666}
.feature-wrap{padding-left: 50px;position: relative;}
.feature-wrap strong{font-size: 1.125rem;font-weight: normal;padding-bottom: 10px;display: block;color:#333}
.feature-wrap ul{padding: 0 0 0 15px;}
.feature-wrap ul li{padding-bottom: 10px;position: relative;}
.feature-wrap ul li:before{content: "";width: 6px;height: 6px;background: #9ea2ac;position: absolute;top: 8px;left: -18px;border-radius: 100%;}
.feature-wrap p, .feature-wrap ul{margin:0;color: #9ea2ac;line-height: 21px;}
.feature-name{padding-bottom: 6px;text-transform: uppercase; display: inline-block;color:#fff}
.feature-icon{position: absolute;top:0;left:0;}
.infoboxes{position: relative;margin-top: 15px;padding-bottom: 10px;}
.infoboxes:last-child{border-bottom: 0}
.infoboxes.validity .feature-wrap > strong:nth-child(4){padding-top: 25px;}
.region-area a{color:#666;display: inline-block;margin: 5px 17px;}
.text-danger{display: inline-block;}
.movie-expire-date{display: inline-block;font-size: 1.5rem;}
.movie-expire-date span{display: inline-block;}
.movie-expire-date .expire-text{color:#ff2f2f; }
.movie-expire-date .expire-date{color:#fff; }
.mini-theater-detail{position: absolute; top:20px; right:20px; background: rgba(20,21,25,.8);width:480px;height:94%;padding: 15px 20px 15px 20px;}
/*theater-popup*/
.popup-dialog .close {opacity: 1;text-shadow:none;}
.popup-dialog .close i.icon-error {font-size: 1rem;font-weight: normal;}
.popup-dialog .close i.icon-error:before {color:#5d5d5d;}
.popup-dialog .modal-content{background: rgba(256,256,256,.8);border:0;_overflow-y: scroll;}
.popup-dialog .modal-content.wht{background: rgb(256,256,256);}
.popup-dialog button.close{position: absolute;right:10px;top:10px;z-index: 1;}
.popup-dialog .modal-dialog.modal-lg{width: 890px; max-width: 100%;}
.popup-dialog .modal-dialog.modal-md{width: 640px; max-width: 100%;}
.popup-dialog .modal-lg .modal-body{padding:80px 60px 50px 60px;min-height: 500px;}
.popup-dialog .modal-md .modal-body{padding:80px 58px;min-height: 500px;}
.popup-dialog .modal-lg .modal-body form{padding:0 80px;text-align: left;}
.popup-dialog .sub-title{line-height: 1.5rem;}
ul.list-content{padding: 0 0 0 20px;}
.list-content li{padding: 0 0 13px 0;font-size: 18px;color: #333;}
.popup-dialog.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
-webkit-transform: translate(-50%, -55%);
-o-transform: translate(-50%, -55%);
transform: translate(-50%, -55%);
}
.popup-dialog.modal .modal-dialog, .popup-dialog.modal.show .modal-dialog, .packages-wrap .modal .modal-dialog, .modal .modal-center.modal-dialog {transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);left: 50%;top: 50%;position: absolute;}
.popup-center {transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);left: 50%;top: 50%;position: fixed;z-index: 1040; width:600px; max-width:100%;}
.popup-dialog .form-group{text-align: left;}
.popup-dialog .regions-not-available{border-top:1px solid rgba(180,183,187,.5); text-align: left;}
.popup-dialog .regions-not-available ul{list-style: none; padding: 0;}
.popup-dialog .regions-not-available ul li{display: inline-block;font-size: 0.875rem;padding: 0 15px 2px 0;}
.sec-counter{display: block;text-align: center;font-size: 1.375rem;color: #555;}
.check-icon{height: 80px;width: 80px;background: #429f45;border-radius: 100%;text-align: center;display: inline-block;}
.check-icon b{display: block;margin: 40px auto;}
.modal-md .main-heading{font-size: 1.5rem;}
.popup-dialog p{font-size:1.25rem; color:#555;line-height: 1.5rem;}
.list-numbers{padding: 0;text-align: left;}
.list-numbers li{font-size: 1.125rem;color: #555;list-style: none;padding-bottom: 1.5rem;position: relative;padding-left: 43px;}
.list-numbers li:before{content:""; width: 27px;height: 26px;border: 2px solid #888;color: #888;border-radius: 100%;text-align: center;font-size: 0.875rem;display: inline-block;font-weight: bold;position: absolute;top: 2px;left: 0;}
.list-numbers li:nth-child(1):before{content:"1";}
.list-numbers li:nth-child(2):before{content:"2";}
.list-numbers li:nth-child(3):before{content:"3";}
.term-note{color:#757575; font-size: 0.875rem;}
.term-note .orange-link{font-size: 0.875rem;}
.popup-dialog p.err-text{color:#ff0000;}
.popup-dialog .btn-wrap {text-align: center;}
.popup-dialog .list-content li{color:#555; font-size: 1rem;text-align: left;}
.test-trans{position: relative;}
/*.popup-dialog .modal{overflow-y: auto;}*/
/*mobile-menu*/
/*.mobile-menu-wrap{position: fixed;top:0; left:0;
width:400px;
height: 100vh;
padding: 0 20px;
z-index: 9999;
text-align: center;
background-color: #141518;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
box-shadow: 0 0 8px 2px rgba(0,0,0,0.42);}*/
/*
body,
html {
height: 100%;
}*/
body.sidebar-open{overflow: hidden;}
.body-overlay{width: 100%;opacity: 0;visibility: hidden;
position: fixed;
height: 120%;
z-index: 98;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.8);transition: .5s ease; -webkit-transition: .5s ease;}
body.sidebar-open .body-overlay{opacity: 1;visibility: visible;}
.wrapper {
position: relative;
/* height: 100%;
width: 100%;
left: 0;*/
}
/*body.sidebar-open { left: 0; }*/
body.sidebar-open #sidebar{left: 0;visibility: visible;}
.swipe-area {
position: fixed;
width: 70px;
left: 0;
top: 0;
height: 100%;
/*background: #000;*/
z-index: 1;
}
.open-sidebar .swipe-area {width:100%;}
#sidebar {
background: #141518;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: fixed;top:0;
width: 360px;
height: 120%;
left: -360px;
box-sizing: border-box;
-moz-box-sizing: border-box;z-index: 99;padding: 20px 40px;overflow-y: auto;visibility: hidden;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar ul li { margin: 15px 0; }
#sidebar ul li a {
padding: 5px 0;
font-size: 18px;
color: #9ea2ac;
text-decoration: none;
display: block;
}
#sidebar ul li a.orange-btn{color:#fff;padding: 10px;text-align: center;}
.main-content {
width: 100%;
position: relative;
}
#sidebar-toggle {
position: absolute;z-index: 2;top: 3px;
left: 20px;width: 36px;
}
#sidebar-toggle .bar {
display: block; background: #adb2bd;
height: 4px;
}
#sidebar-toggle .bar:nth-child(2){margin:6px 0;}
/*::-webkit-scrollbar { display: none; }*/
/*channel-details*/
.channel-icon{ width: 120px;position: absolute;top:0;left:0;
height: 120px;padding: 10px;
border-radius: 6px;
background-color: #2f3134;
box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.2);}
.channel-icon img{max-width: 100px;}
.channel-content{padding-left: 150px;max-width: 940px;}
.channel-content .desc{color: #888888;font-size: 16px;margin: 0;padding: 15px 0;}
.channel-details-wrap{background: #1a1b1e;padding: 28px 0 20px;}
.channel-name{font-size: 2rem;color:#fff; font-weight: bold;}
.channel-detail-inner{position: relative;}
.channel-share .orange-btn{display: inline-block;}
.program-features{color:#bbb;font-size: 18px;padding-top: 5px;}
.program-features span{padding: 0 30px 0 0;}
.program-features span.line-bar:after{opacity: 1; background-color:#bbb;right:15px;height: 16px;top:4px;}
.channel-list .nav-tabs {padding: 0;
list-style: none;
text-align: center;
border: 0;
border-radius: 4px;
max-width: 588px;
margin: 0 auto;}
.channel-list .nav-tabs li.nav-item{margin: 0;float: left;width: 50%;}
.channel-list .nav-tabs li.nav-item:first-child a{border-radius: 4px 0 0 4px;}
.channel-list .nav-tabs li.nav-item:last-child a{border-radius: 0 4px 4px 0;}
.channel-list .nav-tabs li a{border: 1px solid #acacac;border-top-right-radius: 0;color:#333;border-top-left-radius: 0;max-width: 100%;background: transparent;font-size: 1.375rem;}
.channel-list .nav-tabs .nav-link.active{background: #454545;color: #fff;border: 1px solid transparent;border-radius: 0;}
.channel-list .nav-tabs .nav-link:focus, .channel-list .nav-tabs .nav-link:hover{border-color:#acacac;}
.channel-list .nav-tabs .nav-link.active:focus, .channel-list .nav-tabs .nav-link.active:hover{border-color:transparent;}
.filter-days-container{ box-shadow: 0px 2px 5px -3px rgba(0, 0, 0, 0.35);text-align: center;}
.channel-list .filter-days .slick-prev,.channel-list .filter-days .slick-next {transform: none;top: -3px;}
/*.filter-days ul{display: table;text-align: center;width:100%;margin:0;}*/
.filter-days .day-name{display: table-cell;text-align: center;padding:0;white-space: nowrap;}
.filter-days .day-name a{color:#555;padding:0 20px 20px;display: inline-block;text-transform: uppercase;}
.filter-days .day-name.active a{color:#f47000;font-weight: bold;}
/*.footer{height:800px;}*/
.footer-social-icons {color:#888;margin-top: 10px;}
.footer-social-icons .icon-wrap{margin-left: 20px;display: inline-block;}
.footer-social-icons .icon-wrap a{margin: 0 3px;}
.share-icons{display: inline-block; vertical-align: middle;margin-left: 20px;color:#888}
.share-icons .icon-wrap{margin-left: 15px;display: inline-block;}
.share-icons .icon-wrap a{margin:0 4px;}
.mob-share-icons{position: absolute; right:20px; top:15px; width:40px;}
.spinner {
margin: 100px auto 0;
/*width: 70px;*/
text-align: center;
}
.spinner > div {
width: 200px;
height: 200px;
background-color: #333;
/*border-radius: 100%;*/
display: inline-block;
-webkit-animation: 1.6s fastforward linear ;
animation: 1.2s fastforward linear ;
}
.spinner .bounce1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .bounce2 {
-webkit-animation-delay: -.9s;
animation-delay: -.9s;
}
.spinner .bounce3 {
-webkit-animation-delay: -.7s;
animation-delay: -.7s;
}
.spinner .bounce4 {
-webkit-animation-delay: -.5s;
animation-delay: -.5s;
}
.spinner .bounce5 {
-webkit-animation-delay: -.3s;
animation-delay: -.3s;
}
.spinner .bounce6 {
-webkit-animation-delay: -.1s;
animation-delay: -.1s;
}
@-webkit-keyframes fastforward {
0% {
opacity: 1
}
25%,
75% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fastforward {
0% {
opacity: 1
}
25%,
75% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fastforward {
0% {
opacity: 1
}
25%,
75% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fastforward {
0% {
opacity: 1
}
25%,
75% {
opacity: 0
}
100% {
opacity: 1
}
}
/*
.livetv-cards .cards-item{
-webkit-animation: 1.6s fastforward linear ;
animation: 1.6s fastforward linear ;
}*/
/*.slick-initialized.livetv-cards .cards-item{
animation: none; -webkit-animation: none;animation-delay: 0 !important;
}*/
/*.slick-active{display: none !important;}*/
.livetv-cards .cards-item:nth-child(1) {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.livetv-cards .cards-item:nth-child(2) {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.livetv-cards .cards-item:nth-child(3) {
-webkit-animation-delay: -.8s;
animation-delay: -.8s;
}
.livetv-cards .cards-item:nth-child(4) {
-webkit-animation-delay: -.6s;
animation-delay: -.6s;
}
.livetv-cards .cards-item:nth-child(5) {
-webkit-animation-delay: -.4s;
animation-delay: -.4s;
}
.livetv-cards .cards-item:nth-child(6) {
-webkit-animation-delay: -.2s;
animation-delay: -.2s;
}
/*cards-hover-effect*/
.shows-image{
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
transition-delay: .1s;
transform: translateZ(0);
}
.shows-image:hover{
opacity: 1 !important;
-webkit-box-shadow: 0px 9px 12px 1px rgba(50, 50, 50, 0.46);
-moz-box-shadow: 0px 9px 12px 1px rgba(50, 50, 50, 0.46);
box-shadow: 0px 9px 12px 1px rgba(50, 50, 50, 0.46);
transform: translate(0, -4px);
z-index: 999;
}
/*player-page*/
.player-section{margin: 20px 0;position: relative;}
.player-channel-icon{width: 80px;}
.player-channel-icon-inner{width: 80px; height: 80px; padding: 8px;border: solid 2px rgba(187,187,187,.2);position: relative;}
.player-channel-icon img{max-width: 64px;}
.player-channel-content{padding-left: 26px;}
.player-detail-inner{min-height: 80px; margin-bottom: 30px; position: relative;}
.player-channel-name{font-size: 1.75rem;font-weight: bold;}
.player-content .program-features{color:#333;font-size: 1rem;clear:left;}
.player-right{position: relative;box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.35);}
.player-bar{background: #ecedef; padding: 0 56px 0 46px;border-bottom:1px solid #e0e1e5;}
.player-bar .filter-days{box-shadow: none;}
.filter-days .slick-prev:before, .filter-days .slick-next:before{font-size: 15px;}
.filter-days .slick-prev{left:-24px;}
.filter-days .slick-next{right:-34px;}
.filter-days .day-name a{padding:0 16px 15px}
.image-overlay{background: rgba(0, 0, 0, 0.65);position: absolute; top:0; left:0; width:100%; height:100%;}
.related-image{position: relative;}
.player-related-shows{padding-top: 10px;margin-right: 5px;max-height: 725px;}
.player-related-items{margin-bottom: 5px; transition: all .3s ease; -webkit-transition: all .3s ease;padding-right: 15px;}
.player-related-items:hover{background: #f1f2f4;}
.player-related-item-image{width:178px;padding: 5px 0;}
.player-related-item-image .play-ico{position: absolute; bottom:10px; left:10px}
.player-related-items .show-time{font-size: 14px; color:#666}
.player-related-items .show-time-detail{font-size: 14px; color:#fff; position: absolute;bottom:10px; left:10px}
.player-related-items .show-time-detail.watch-now{background: #72a329;left: 0;bottom: 0;width: 100%;padding: 3px 10px;}
.live-badge{border-radius: 2px;background-color: #ca0000;font-size: 12px;color: #ffffff;padding: 4px 7px;text-transform: uppercase;}
.player-left{padding-bottom: 110px !important;}
.player-page .wrapper {height: 100%;overflow: auto;width: 100%;}
/*404-page*/
.error-page{background: url("https://yuppstatic.akamaized.net/yupptv/yupptv_new/Web/Content/images/lines.png");background-repeat: repeat;background-size: auto auto;width: 100%;height: 100%;background-size: 100% 100%;background-repeat: no-repeat;}
.error-page-inner{height: 100%;padding: 0 40px;max-width: 1060px;margin: 0 auto;}
.error-page-inner > div:first-child{padding-right: 100px;}
.error-page h1{font-size: 2.8125rem; color:#f47000; font-weight: 300;margin:0;padding: 20px 0 22px;}
.error-page h4{font-size: 1.25rem; color:#555;margin:0;}
.try-more-links{padding-top: 4rem;}
.try-more-links h4{padding-bottom: 30px;}
.try-more-links ul li{display: inline-block; vertical-align: middle;padding-right: 30px;}
.try-more-links ul li span{color:#555;text-decoration: underline;padding-left: 10px;font-size: 1.125rem}
.tab-content.current{display: inherit;}
/*about-us-page*/
.left-sidebar{background: #1b1e22;padding: 44px 0;}
.left-sidebar ul li a{ color: #8b8e96; padding: 20px 30px 20px 69px;display: block;font-size: 1.125rem;position: relative;}
.left-sidebar ul li a:hover{background: #27282c;}
.left-sidebar ul li a.left-panel-selected{ color: #f47000; background: #27282c;}
.left-sidebar ul li a.left-panel-selected:after{content: "";height: 100%;width: 2px;display: block;background: #f47000;position: absolute;right: 0;top: 0;}
.left-sidebar ul li .panel-collapse ul li a{font-size: 1rem; color:#666;padding: 20px 35px 20px 80px;}
.left-sidebar ul li .panel-collapse ul li a.left-panel-selected{color: #f47000; }
.left-sidebar ul li .panel-collapse{background: #0d1014;}
.left-sidebar .icon-caret:before {content: "\e900";color: #777a83;font-size: 7px;}
.right-content{padding: 74px 192px 74px 114px; background: #f1f1f1;}
.about-us-info{margin: 50px 0;}
.white-card{background: #fff; padding: 32px 30px; box-shadow: 0px 3px 9.7px 0.3px rgba(0, 0, 0, 0.1);}
.white-card span, .world-wide-rech span{display: block;color: #888;font-size: 1.25rem; }
.white-card b, .world-wide-rech b{font-weight: normal;color:#444;font-size: 1.25rem;}
.world-wide-rech{padding-bottom: 50px;}
.page-title{color: #333;margin-bottom: 30px;font-size: 2em;}
.page-title:after{content:""; width:60px;background:#f47000;height:2px;display: block; margin-top: 10px;}
.cms-page .left-sidebar{max-width: 14%; flex: 0 0 14%;}
.cms-page .right-content{max-width: 86%; flex: 0 0 86%;}
/*ceo-message*/
.ceo-block-in img{width: 128px;height: 128px;border: solid 1px #ccc;border-radius: 100%;}
.ceo-block-in .ceo-name{font-size: 1.875rem;color: #444;}
.ceo-block-in span{display: block;font-size:1.375rem;color: #888;}
/*management-page*/
.management-wrap{margin-bottom: 50px;}
.management-wrap .white-card{height:100%;}
.line-head:after {content: '';position: absolute;bottom:0;display: inline-block;height: 1px;background: #ccc;width: 100%;margin-top: 5px;margin-left: 10px;}
.line-head {font-size: 24px;color: #888;margin-bottom: 20px;position: relative;}
.members-details{padding-bottom: 30px;}
.members-details img{width: 90px;height: 90px;border: solid 1px #ccc;border-radius: 100%;}
.fade.in {opacity: 1;}
/*partner-page*/
.partner-wrap h3{ color: #444; font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px;}
/*.partner-wrap h4{ color: #333; font-size: 18px;}*/
.partner-tab-set .partners-tabs ul li{display: inline-block; vertical-align: top; margin: 0 20px 20px 0;}
.partner-tab-set .partners-tabs ul li .partner-name{box-shadow: 0 3px 9.7px .3px rgba(0,0,0,.1)}
.partners-tabs-container .nav-tabs{border-bottom: 1px solid #dedede;margin-bottom: 20px;padding-bottom: 8px;}
.partners-tabs-container .nav-tabs li a{color:#222; font-size: 1.25rem; position: relative;}
.partners-tabs-container .nav-tabs li.active a:after{content: "";left: 0;width: 100%;display: block;position: absolute;bottom: -10px;height: 4px;background: #f47000;}
.partner-wrap{border-bottom: 1px solid #ccc;}
.partner-wrap:last-child{border-bottom: 0;}
/*contact-us*/
.grey-card{background-color: #eee;border: 1px solid #acacac;padding: 30px;margin-bottom: 20px;}
.contact-us-details .grey-card h5{font-size: 1.3125rem; color:#444;margin-bottom: 10px;white-space: nowrap;}
.contact-us-details .grey-card span{font-size: 1.125rem; color:#444;}
.contact-us-details .grey-card span a{color:#f47000;}
.number-deatails ul li{font-size: 1.125rem;color:#222; padding-bottom: 15px;}
.contact-area{padding-right: 30px;}
.contact-us-details-bottom, .job-opening{border-top:1px solid #b7b7b7;}
.contact-us-details-bottom .section-title, .contact-us-details-bottom .sub-title{color:#222}
.number-deatails{padding-left: 30px;border-left: 1px solid #ccc;}
.location-addresses{color:#888; font-size: 1.125rem;}
/*careers*/
.vision-culture .white-card{height:100%;}
/*our-products*/
.product-type {position: relative;}
.product-type .section-title {padding-bottom: 5px;}
.product-type:after {content:""; height:1px;background: #ebebeb;width:60%;margin-bottom: 10px;display: block;}
/*privacy-page*/
.alpha-list-pattern {padding-left: 40px;}
.alpha-list-pattern li{list-style-type: lower-alpha; font-weight: bold;}
.alpha-list-pattern li p{font-weight: normal;}
/*ways-to-watch*/
.ways-to-watch-list{margin-bottom: 40px;width:100%;border-bottom: 1px solid #cacaca;}
.ways-to-watch-list:last-child{border-bottom: 0;}
.ways-to-watch-list > div{text-align: center;border-right:1px dashed #cacaca;position: relative;padding: 0;}
.ways-to-watch-list > div:first-child{border-right:1px solid #cacaca;}
.ways-to-watch-list:first-child > div{padding:0; }
.ways-to-watch-list:first-child > div:first-child{padding:20px; }
.ways-to-watch-list > div:last-child{border-right:none}
.ways-to-watch-list .vertical-half{position: relative;min-height: 100px;padding: 20px;}
.ways-to-watch .vert-horz-center{width:100%;}
.ways-to-watch .web-url{font-size: 1.8125rem;font-weight: bold;text-align: left;padding: 0 30px;}
.ways-to-watch .web-url span{font-weight: normal;}
.ways-to-watch-list:last-child ul{text-align: left;padding: 15px 30px 0;font-size: 14px;list-style: disc inside;}
/*why-us*/
.features-img{width: 64px;
display: inline-block;
position: absolute;
top: 0;
left: 10px;}
.features-provided {
padding-left: 94px;
display: inline-block;
}
/*default-card-for-player-page*/
.name-bar{background: #f3f3f3;width: 200px;height: 8px;position: relative;overflow: hidden;}
.show-time.name-bar{width: 130px; margin-top: 7px;}
.name-bar .bar-progress{width:40px; position: absolute; background: -moz-linear-gradient(left, rgba(243,243,243,0.82) 0%, rgba(237,234,234,0.82) 50%, rgba(243,243,243,0.82) 100%);
background: -webkit-linear-gradient(left, rgba(243,243,243,0.82) 0%,rgba(237,234,234,0.82) 50%,rgba(243,243,243,0.82) 100%);
background: linear-gradient(to right, rgba(243,243,243,0.82) 0%,rgba(237,234,234,0.82) 50%,rgba(243,243,243,0.82) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f3f3f3', endColorstr='#d1f3f3f3',GradientType=1 ); top:0; left:0; height:8px; -webkit-animation: progress 2s infinite;
-moz-animation: progress 2s infinite;-ms-animation: progress 2s infinite;animation: progress 2s infinite;}
@-webkit-keyframes progress {
from {left:0 }
to { left: 100% }
}
@-moz-keyframes progress {
from {left:0 }
to { left: 100% }
}
@-ms-keyframes progress {
from {left:0 }
to { left: 100% }
}
@keyframes progress {
from {left:0 }
to { left: 100% }
}
/*yuppflix*/
.nav-item sup, .yupptv-link sup{display: block;font-size: 12px;text-align:left;}
.alt-balaji-menu sup , .nav-item .new-text, .yupptv-link .new-text{color: #f47000;text-align:left;}
.yuppflix-section{background: url(../images/yuppflix-movies-bg.jpg) no-repeat; background-size: cover; padding: 60px 0;position: relative;}
.yuppflix-section:after{background: url(../images/movies-bg.png) no-repeat;content: "";position: absolute;bottom: 0;left: 20px;width: 316px;height: 173px;}
/*.yuppflix-section.home-tvshow{background: url(../images/yuppflix-tvshows-bg.jpg) no-repeat; background-size: cover; padding: 60px 0;}*/
.yuppflix-mov img{width:160px;}
.yuppflix-mov-logo span{color:#66676a;font-size: 1.625rem;display: block;font-weight: bold;}
.yuppflix-mov{position: absolute;transform: translateY(-50%);-webkit-transform: translate(-50%, -50%);top: 50%;left: 50%;width: 100%;}
.yuppflix-mov > span{font-size: 1.25rem; color:#555; display: block;}
.yuppflix-mov .orange-btn{display: inline-block;}
.yuppflix-section.home-tvshow:after{background: none;}
.filter-movies .form-group{display: inline-block;vertical-align: top;}
.filter-movies > form > .form-group:first-child .styled-select:nth-child(2){border-radius: 3px 0 0 3px;}
.filter-movies > form > .form-group:first-child .styled-select:nth-child(3){border-radius: 0 3px 3px 0;border-left: 0;}
.filter-movies .form-group label{font-size: 14px;display: inline-block;vertical-align: top;float: left;padding-right: 10px;padding-top: 7px;}
.filter-movies .form-group .form-control{display: inline-block;}
.styled-select {background: transparent;border: 1px solid #ccc;height: 40px;display: inline-block;vertical-align: top;overflow: hidden;width: 140px;z-index: 11111;position: relative;border-radius: 4px;float: left;}
.styled-select:after{content:""; border-top:5px solid #777; border-left:5px solid transparent; border-right:5px solid transparent; height:0; width:0; display: block; position: absolute; top:15px; right:10px; }
.styled-select select {border: none;background: transparent;font-size: 14px;padding: 10px;width: 100%;-moz-appearance: none;-webkit-appearance: none;}
.styled-select select:focus{background: transparent;}
.payment-left .tab-content{padding: 30px 20px;max-width: 640px;margin: 0 auto;}
.payment-header{background: #1e1f22; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.55);text-align: center;color:#fff;padding: 25px 0;}
.payment-header h1{text-transform: uppercase;font-size: 1.5rem; }
.payment-header .sub-text{color:#fff}
.payment-left{text-align: center;-webkit-box-flex: 0;-webkit-flex: 0 0 70%;-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}
.payment-note{font-size: 1.25rem; padding: 30px 0;background: #fff;}
.payment-left .nav-tabs{text-align: center;padding: 0 50px;background: #fff;border-bottom:0; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);display: block;}
.payment-left .nav-tabs .nav-item{border-bottom: 0;display: inline-block;}
.payment-left .nav-tabs .nav-link{border:0;border-bottom: 3px solid transparent;padding: 18px 49px;color:#666;font-size: 1.125rem;}
.payment-left .nav-tabs .nav-link.active{border:0;border-bottom: 3px solid #f47000;color:#f47000;}
.payment-left .nav-tabs .nav-link:focus, .payment-left .nav-tabs .nav-link:hover{border:transparent;}
.payment-left .nav-tabs .nav-link.active:focus, .payment-left .nav-tabs .nav-link.active:hover{border-bottom: 3px solid #f47000;}
.payment-left form{text-align: left;}
.payment-left .form-control{height:54px; border:1px solid #c5c5c5;}
.payment-left .form-group{margin-bottom: 34px;position: relative;}
.payment-left .form-group .styled-select{width: 100%;height: 54px;background: #fff;border:1px solid #c5c5c5;}
.payment-left .form-group .styled-select:after{top:24px;}
.payment-left .styled-select .form-control{border:0;}
.payment-left .orange-btn{padding: 21px 36px; text-transform: uppercase;font-size: 1.25rem;}
.accepted-cards{float: right;clear:both;}
.accepted-cards span{font-size: 10px;
display: inline-block;
vertical-align: middle;
color: #3d4157;
font-weight: bold;
padding:3px 0 0 5px;}
.credit-card-details{clear:both;}
.accepted-cards img{margin: 0 2px;width:32px;}
.accepted-cards img.powered-by-stripe{width:80px; height:22px;}
.accepted-cards .accepted-cards-inner{padding-bottom: 5px;}
.accepted-cards .accepted-cards-inner img{width:9px;}
/*.accepted-cards img:nth-child(2){width:15px;}*/
.form-group img{position: absolute; bottom:18px; right:15px;width:30px;}
.card-details .form-group.col-md-4{-webkit-flex: 0 0 30.333333%;-ms-flex: 0 0 30.333333%;flex: 0 0 30.333333%;max-width: 30.333%;}
.card-details .form-group.col-md-4 img{width: 50px;margin-right: -70px;bottom: 13px;}
.line-heading{font-size: 20px;position: relative}
.line-heading span{background: #f9f9fb;position: relative;z-index: 1;padding-right: 25px;}
.line-heading:after{content: "";position: absolute;top: 13px;height: 1px;background: #9ea2ac;width: 100%;right: 0;}
.payment-right{background: #fff;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);-webkit-box-flex: 0;-webkit-flex: 0 0 30%;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
.payment-right .section-heading{text-transform: uppercase; text-align: center; padding: 30px 0; border-bottom: 1px solid #d9d9d9;}
.payment-right .order-details{padding: 30px 48px 58px;}
.payment-right .payment-details{padding: 40px 48px 15px; background: #eeeef0;}
.payment-right .payment-details div{font-size: 1.125rem;padding-bottom: 25px;}
.payment-right .payment-details div.remaining-data span{font-size: 1rem; color:#666;}
.order-details table{width:100%;font-size: 1.125rem;}
.order-details table tr td:last-child{font-weight: bold;}
.order-details table tr td{padding: 10px 0;}
.coupon-code{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding: 15px 0; margin: 25px 0;}
.coupon-code label{font-size: 14px; color:#666;display: block;}
.coupon-code .btn-link{color:#333;}
.coupon-code .form-control{border:1px dashed #b5b5b5;width: auto;display: inline-block;}
.coupon-code .form-control::placeholder{color:#b1b1b1;}
.order-details table tr.total td{font-size: 22px;}
.order-details table tr.total td:last-child{color:#f47000;}
/*yuppflix-player*/
.player-overlay{position: absolute; top:0;left:0;width: 100%; height: 100%;background: -moz-linear-gradient(top, rgba(12,13,18,0) 0%, rgba(12,13,18,0.6) 25%, rgba(12,13,18,0.9) 50%, rgba(12,13,18,1) 100%);
background: -webkit-linear-gradient(top, rgba(12,13,18,0) 0%,rgba(12,13,18,0.6) 25%,rgba(12,13,18,0.9) 50%,rgba(12,13,18,1) 100%);
background: linear-gradient(to bottom, rgba(12,13,18,0) 0%,rgba(12,13,18,0.6) 25%,rgba(12,13,18,0.9) 50%,rgba(12,13,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000c0d12', endColorstr='#0c0d12',GradientType=0 );}
.yupptv-player-overlay-text {
font-size: 22px;
color: #fff;
line-height: 28px;
text-align: center;
z-index: 1;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 90%;
}
.yupptv-player-overlay-text h1{font-size: 1.75rem; margin:0; padding-bottom: 15px;}
.yupptv-player-overlay-text h2{font-size:1.25rem; color:#babfcc}
.yupptv-player-overlay-text .btn{width:204px;padding: 17px 10px;}
.yuppflix-overlay-logo{position: absolute; bottom:40px;right:40px;}
.yuppflix-overlay-logo img{width: 145px;}
.player-content .cast-crew ul li .text, .player-content .cast-crew ul li .label{color:#666}
.Ad {width: 728px;height: 90px;margin:5px auto;}
.player-content .hd-cc{width:25px;}
.player-content .hd-cc:last-child{width:20px; margin-left: 5px;}
.player-detail-inner .grey-outline-md, .player-detail-inner .styled-select{margin-top: -8px;}
.player-heading{text-transform: uppercase;padding: 20px 18px 20px 0;font-size: 1rem;color: #666;font-weight: bold;margin: 0px 0 0 -16px;}
.player-related-item-content .watch-now{color:#329506;font-size: 12px;}
#yuppflix-trailer.popup-dialog .modal-dialog.modal-lg{width:auto;}
#yuppflix-trailer.popup-dialog .modal-lg .modal-body{padding: 0;min-height: 0;}
#yuppflix-trailer.popup-dialog .modal-lg .close{color:#fff;font-weight: normal;font-size: 2rem;}
#yuppflix-trailer.popup-dialog .modal-lg .close span{color:#fff;}
.player-detail-inner .styled-select{border: 2px solid #e8e8e9}
.player-detail-inner .styled-select select{font-size: 16px;color:#f47000}
#yuppflix-payment-success.modal{z-index: 99999;}
#yuppflix-payment-success .main-heading{font-size: 1.5rem;}
.check-icon i{font-size: 30px;margin-top: 24px;display: inline-block;}
.coupon-add{font-size: 12px;padding-left: 10px;display: block;}
.coupon-code .lightgrey-btn {margin-top:29px;}
.order-details .icon-info-icn{font-size: 16px;}
.coupon-code .coupon-applied .form-control{border: 1px dashed #06900a;}
.coupon-code .input-wrap{position: relative;display: inline-block;}
.coupon-code .input-wrap .icon-check-mark-icn{position: absolute; top:15px; right:18px;font-size: 14px;}
.coupon-code .input-wrap .icon-close{position: absolute;top:15px;right: -25px;font-size: 12px;}
.player-left .container-fluid {
padding-left: 110px;
padding-right: 110px;
}
.darkgrey-btn.btn-md {
padding: 15px 19px;
}
.orange-btn.btn-md {
padding: 15px 19px;
}
.darkgrey-btn:hover {
color: #fff;
}
.movie-details-btn {
text-align: center;
}
.movie-details-btn a{display: inline-block;}
/*packages*/
/*.packages-wrap{padding-bottom: 85px;}*/
.packages-wrap .container-fluid{padding-left: 58px; padding-right: 58px;}
.packages-wrap .sub-menus{text-align: center;}
.packages-wrap .sub-menus .navbar-nav{display: block; width:100%;margin:0;}
.packages-wrap .sub-menus .navbar-nav .nav-item{float: none;display: inline-block;}
.packages-wrap .sub-menus .navbar-nav .nav-item.active .nav-link{color:#f47000;}
.packages-wrap .sub-menus .navbar-nav .nav-link{padding: 15px 20px; margin:0;font-size: 14px;}
.sub-menus {background: #fff;box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);margin-bottom: 20px;}
.sub-menus .navbar-nav .nav-link {color: #666;padding: 14px 20px;}
.sub-menus .navbar-nav > .nav-item > .nav-link:hover {color: rgba(30, 31, 34, 0.9);background: #f5f5f5;}
.navbar-nav .nav-link.yupptv-link-active:after {content: "";position: absolute;left: 0;width: 100%;height: 2px;background: #f47000;bottom: 0;}
.sub-menus .navbar-nav .nav-link.yupptv-link-active{color:#f47000;}
.sub-menus .navbar-nav > .nav-item > .nav-link.yupptv-link-active {color: #f47000;}
.promo-space{margin-bottom: 15px;_background: #ccc; _height:100px;overflow:hidden;}
.package-center{margin: 0 auto; max-width: 100%; width: 1150px;_padding: 0 20px;}
/*.package-type-wrap{display: flex;align-items: center;justify-content: center;}*/
/*.package-types{display: inline-block; background: #fff; border-radius: 4px; box-shadow: 0 0 3px 0 rgba(0,0,0,.45);width:368px;position: relative;text-align: left;}*/
.package-types-inner{display: block; background: #fff; border-radius: 4px; box-shadow: 0 0 3px 1px #dddee0;position: relative;text-align: left;}
.package-name{background-color: #e6e6eb;padding: 14px 20px 14px 36px;color: #555;font-size: 16px;border-radius: 4px 4px 0 0;text-align: center;font-weight: bold;_text-transform: uppercase;white-space: nowrap;
text-overflow: ellipsis;overflow: hidden;}
.package-type-wrap.slick-slider{background: none;}
.package-type-wrap.slick-slider{margin:0; text-align: center;}
.package-type-wrap.slick-slider .slick-track{margin:0 auto;padding-bottom: 70px;}
.package-type-wrap .slick-slide{margin:0;}
.package-main-top .package-types-inner{border-radius: 4px 4px 0 0;}
.package-main-bottom .package-types-inner{border-radius: 0 0 4px 4px;}
.package-main-top .package-types{padding:5px 10px 0 10px; outline:0;}
.package-main-bottom .package-types, .package-main-bottom .slick-initialized .slick-slide.package-types{padding:0 10px 5px 10px;}
.package-channel-name{ background-color: #f5f5f8;color: #555;font-size: 16px;_font-weight: bold; padding: 13px 18px;cursor: default;}
.package-channels ul li{float: left;width: 25%;background: #fff;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;height: 72px;display: flex;text-align: center;align-items: center;justify-content: center;padding:10px;position: relative;cursor: default;}
.tooltip-design{border-radius: 4px;position: absolute;_bottom: -25px;top: 65px;
left: 0;display: none;z-index: 1;background: #4d4d4d;font-size: 12px;color: #fff;padding: 6px 10px;line-height: 16px;text-align: left;white-space: normal;}
.tooltip-design .tooltip-notavailable{display: block;color: #ff8150;font-weight: normal;}
.tooltip-design:before{width: 0;height: 0;border-left: 8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid #4d4d4d;position: absolute;
left: 50%;
transform: translateX(-50%);-webkit-transform: translateX(-50%);
content: "";
z-index: 9;
top: -8px;}
.package-channels ul li:hover .tooltip-design{display: block;}
.package-channels ul li:nth-child(4n+4){border-right:0;}
.ribbon{position: absolute;left: -3px;top: -3px;z-index: 1;}
.ribbon img{width:70px;}
.package-duration ul li{border-bottom: 1px solid #eaeaf1;position: relative;color:#333;font-size:16px;}
.package-duration ul li .radio_min_height:hover, .package-duration ul li .radio_min_height :active, .package-duration ul li .radio_min_height:focus{background: #f5f5f8;}
.package-duration ul li .period{display: inline-block;}
.package-duration .bonus_off{font-size: 13px;color: #858585;display: block; line-height: 14px;min-height:14px;}
/*.package-duration ul li:last-child{border-bottom: 0}*/
.package-duration ul li label{font-weight:normal;}
.package-duration ul li label.radio, .package-duration-dropdown .price-wrap label.radio{margin: 0;font-weight:normal; padding: 14px 20px 14px 70px;}
.package-duration .old-price{display: inline-block;color: rgba(102, 102, 102, 0.8); font-size: 16px;text-decoration: line-through; padding-right: 10px;}
.package-duration .new-price{display: inline-block;color: #333333;font-size: 18px;_margin-left: 10px;}
.package-duration .new-price .duration-time{display: inline-block;font-weight: normal;margin-left: 5px;}
.package-duration .price-wrap .get-yuppflix{color: rgba(102, 102, 102, 0.8);font-size: 13px;}
.package-duration li:last-child .new-price{color:#f47000;}
.package-duration ul li .h22{display: inline-block;padding-left: 5px;}
.package-duration ul li .small_text{padding-right: 5px;}
.package-duration ul li .pOffer, .package-duration ul li .sp_offer_aus{color:#f47000;display: inline-block;}
.package-duration ul li .aus_strike{text-decoration: line-through; color:rgba(102, 102, 102, 0.8);}
.pack_subscribe{display: inline-block;}
/*.package-main-top .package-channel-detail{display: none;}*/
.package-main-content .package-duration-popup{display: none;}
.package-duration-popup ul li{border-bottom: 1px solid #eaeaf1; padding: 23px 54px;position: relative;}
.package-duration-popup ul li:last-child{border-bottom: 0}
.package-duration-popup .old-price{display: inline-block;color: rgba(102, 102, 102, 0.8); font-size: 16px;text-decoration: line-through; padding-right: 10px;}
.package-duration-popup .new-price{display: inline-block;color: #333333;font-size: 18px;_margin-left: 10px;}
.package-duration-popup .new-price .duration-time{display: inline-block;font-weight: normal;margin-left: 5px;}
.package-duration-popup .price-wrap .get-yuppflix{color: rgba(102, 102, 102, 0.8);font-size: 13px;}
.package-duration-popup li:last-child .new-price{color:#f47000;}
.package-action .incl-gst{display: block;text-align: center;color: #858585;font-size: 11px;padding: 6px 0 0;}
.dark-grey-btn{background: #70727b;border-radius: 3px; display: inline-block; padding: 6px 20px; min-width:178px;height:38px;text-transform: uppercase; text-align: center;font-size: 16px;color:#fff;position: relative;transition: all .3s ease; -webkit-transition: all .3s ease;letter-spacing: .8px;}
.dark-grey-btn:hover, .dark-grey-btn:focus{color:#fff;background: #f47000}
.subscribe-btn{position:relative;display:inline-block;}
.subscribe-btn:after{background: url(../images/btn-arw.svg) no-repeat;position: absolute;top: 12px;right: 20px;display: inline-block;width: 7px;height: 12px;content: "";}
.package-action{text-align: center;padding: 10px 0 8px 0;}
.price-wrap{padding-left: 40px;}
.package-duration-dropdown {display: none;margin: 15px 54px 10px;}
.package-duration-dropdown .price-wrap{padding-left: 0;text-align: left;position:relative;font-size:16px; font-weight:normal; color:#333;min-height: 50px;}
.package-duration-dropdown .price-wrap:after{background: url(../images/price-drpdwn-arw.svg) no-repeat; width:17px; height:10px;content:"";position: absolute;right: 0;top: 10px;}
/*img.bw {
filter: grayscale(1);
}
img.bw {
filter: grayscale(0);
}*/
.package-channels img {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
filter: grayscale(0);
-webkit-transition-property: -webkit-filter;
-webkit-transition-duration: 2s;
-moz-transition-property: -moz-filter;
-moz-transition-duration: 2s;
-ms-transition-property: -ms-filter;
-ms-transition-duration: 2s;
transition-property: all;
transition-duration: 2s;
}
.package-channels img.inactive{
filter:alpha(opacity:20) !important;
transition-property: filter;
transition-duration: 1s;opacity: .1;
}
.package-detail{position: relative;}
.fixed-package .package-detail.open .package-duration-popup{display: block;}
.package-main-content.fixed-package .package-main-top{position: fixed;left:0;width:100%;top:65px;z-index: 1;box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);background: #f9f9fb;padding-top: 20px;}
.package-main-content.fixed-package .package-duration{display: none;}
.package-main-content.fixed-package .package-duration.package-duration-dropdown{display: block;text-align: center;}
.package-main-content.fixed-package .package-duration-popup{margin: 0;position: absolute;top: 0px;left: 20px;background: #fff;box-shadow: 0 0 5px #ccc;border-radius: 5px;z-index: 1;width: 90%;}
.package-main-content.fixed-package .package-duration.package-duration-dropdown .radio .icon, .package-main-content.fixed-package .package-duration.package-duration-dropdown .radio .icon-to-fade{background: none;}
.package-main-content.fixed-package .package-duration.package-duration-dropdown label.radio{padding-left: 0;}
/*.package-main-content.fixed-package .package-main-bottom{pa dding-top: 320px;}*/
/*.package-main-content.fixed-package .package-duration{margin: 20px; box-shadow: 0 0 5px #ccc;display: block;}*/
.promo-space img{width:100%;padding:0 10px 0 10px;}
.modal .close{position: absolute;right: 0;top: 0;padding:10px;margin: 0;}
/********************************************
custom-radio-checkbox
*********************************************/
/*cart-page*/
.header-user-details{padding-top: 13px;font-size: 15px;}
.header-user-details ul li{display: inline-block;}
.header-user-details ul li:first-child{padding: 0 20px;}
.header-user-details ul li a{color:#9ea2ac;}
.header-user-details ul li span{color:#9ea2ac;padding-left: 13px;}
.cart-container {text-align: left;padding-top: 15px;}
.cart-step-title{background: #bcbfc3; padding: 11px 28px;font-size: 20px; color:#fff;}
.cart-step-title.active{background:#5f6267 ;}
.packages-wrap .btn.add-to-cart{color: #449e47;text-transform: uppercase;padding: 5px 13px;font-size: 13px;border: 1px solid #d4d5d9;border-radius: 2px;margin-right: 0;}
.packages-wrap .btn.add-to-cart.remove-cart{color: #999;}
.packages-wrap .btn.add-to-cart.remove-cart i{display: inline-block;font-size: 20px;font-weight: normal;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.packages-wrap .btn.add-to-cart i{font-weight: bold; padding-right: 5px;font-size: 15px;font-style:normal;}
.shopping-cart{margin:0;}
.no-addon-avail{ font-size: 22px;
color: #a6a6a6;
/* font-weight: bold; */
text-align: center;
display: block;
padding: 20px 0;}
.cart-step-content{background: #fff;}
.table.shopping-cart td{vertical-align: middle; border-top:0; border-bottom:1px solid #eee;padding: 15px 30px 15px 30px;}
.table.shopping-cart tr:last-child td{border-bottom:0;}
/*.shopping-cart tr:last-child td{border-bottom:0;}*/
.shopping-cart .item-name{font-size: 16px; color:#333;padding-bottom: 7px;display: inline-block;}
.shopping-cart .item-price{font-size: 14px; color:#333;}
.shopping-cart .item-price .gst{color:#858585; font-size: 13px;padding-left: 15px;}
.shopping-cart .cart-note{color:#858585; font-size: 13px;padding-top: 5px;}
.shopping-cart .item-add{min-width: 130px;}
.shopping-cart .added-item{color:#449e47; font-size: 13px;padding-left: 13px;}
.shopping-cart .added-item:before{content:""; background: url(../images/tick-icn.svg) no-repeat;display: inline-block;width:11px;height:9px;margin-right: 2px;}
.item-info.item-added .added-item{display: inline-block;}
.item-info.item-added .add-to-cart.grey-outline.remove-cart{display: inline-block;}
.item-info.item-added .add-to-cart.grey-outline{display: none;}
.secure-checkout{padding: 20px 0;}
.order-summary{background: #fff;_box-shadow: 0 0 4px 0 rgba(0,0,0,.15)}
/*.order-content{padding: 0 10px;}*/
.order-title h1{font-size: 18px; color:#333;margin:0; display: inline-block; vertical-align: top;}
.grey-title {background: #f2f3f3;margin:0;padding: 9px 60px;font-size: 18px;
color: #333;}
.cart-step-num{color:#5f6267; font-size:16px; padding-bottom: 12px;}
.cart-step-content{padding:0 30px 0 30px;}
.grand-tot{ display: inline-block;
vertical-align: top;
float: right;line-height: 12px;
color: #333;}
.grand-tot label{font-size: 12px;color:#858585;font-weight: normal;}
.order-summary table{margin-bottom: 0;}
.order-summary .order-summary-section{padding: 12px 60px;border-bottom: 1px solid #e8e8e8;}
.order-summary .selected-order tr.total td{padding: 22px 0;line-height: 18px;}
.order-summary .selected-order tr.total td:first-child{font-size: 18px;}
.order-summary .selected-order tr.total td:last-child{font-size: 22px;}
.order-summary .order-name{font-size: 20px; color:#333;padding-bottom: 10px;margin: 0;}
.activate-package-inner{background: #fbf8eb; border-top:1px solid #f2e2af;border-bottom:1px solid #f2e2af; padding: 20px 30px 13px 30px; font-size: 13px;color:#666;}
.activate-package-inner h4{color:#333; font-size: 14px; margin:0; padding-bottom: 12px; white-space: nowrap;}
/*.activate-package{padding: 10px 30px;}*/
.order-summary h4{font-size: 14px;color:#555;margin: 0;padding-bottom: 10px;}
.order-summary h5{font-size: 14px;color:#828282;line-height: 17px;display: inline-block;}
.cart-coupon-code label{font-size: 16px;color:#666;line-height: 17px;font-weight: normal;}
.order-summary .cart-coupon-code h5{font-size: 16px;color:#666;line-height: 17px;}
.order-summary h5{margin:0;}
/*.order-summary h5{margin: 15px 0 0 0;}*/
.order-summary .price-right span{font-size: 16px;}
/*.cart-coupon-code label{padding-bottom: 10px;font-weight: normal;margin: 0;}*/
/*.coupon-code-inner{position: relative;display: none;}*/
/*.package-coupon{padding-bottom: 7px;}*/
.table>tbody+tbody{border-top:0}
.num-of-devices label{font-weight:normal;}
.num-of-devices p{padding-top: 10px;}
.form-check-inline + .form-check-inline{margin-left: 14px;}
.form-check-inline {
display: inline-block;
}
.order-summary-section .plus-sign{color: #b8b1b1;font-size: 14px;display: inline-block;font-weight: normal;vertical-align: middle;}
.package-coupon h5{cursor: pointer;}
.coupon-code-inner .form-group{display: inline-block; margin-bottom: 0;position: relative;}
.coupon-code-inner .form-group .form-control{border: 1px dashed #a0a0a0;color: #b1b1b1;padding: 10px 13px;font-size: 13px;width:auto;}
.coupon-code-inner .form-group .form-control:focus{box-shadow: none;}
/*.coupon-code-inner .form-group .form-control{border: 1px dashed #449e47;color: #449e47;padding: 10px 13px;font-size: 13px;}*/
.coupon-code-inner .coupon-code-link{padding-left: 18px;font-size: 14px;color: #0c89e0;border: 0;background: none;box-shadow: none;}
.coupon-added .apply-coupon.coupon-code-link{display: none;}
.coupon-added .form-group .form-control{border:1px dashed #449e47; color: #449e47;}
.form-control.has-error{border:1px solid rgba(229, 0, 0, 0.8);}
.add-more.coupon-code-link{display: none;}
.coupon-added .add-more.coupon-code-link{display: inline-block;}
.coupon-code-inner .remove-coupon{margin: 0 0 0 15px;display: inline-block;vertical-align: middle;}
/*.cart-coupon-code .refferral-code{padding-bottom: 20px; border-bottom:1px solid #eee;margin-bottom: 20px;}*/
.order-extra-inner{_border-bottom: 1px solid #eee;_margin-bottom: 10px;position: relative;padding: 15px 0;}
/*.order-extra-inner tr td span.package-time{display: block;}*/
.order-summary table tr td{font-size: 16px; color:#666;border-top: 0;border-bottom: 1px solid #eee;padding: 5px 0;}
.order-summary table tr td .package-time{color:#666;}
.order-summary table tr td:last-child{text-align:right;}
.order-summary .coupon-discount table tr td:last-child{text-align:left;}
.order-summary table tr:last-child td{border-bottom:0;}
.order-value h5{padding-bottom: 10px; margin:0;}
/*.cart-coupon-code{border-bottom: 1px solid #eee;_margin-bottom: 18px;}*/
.charges-applicable{padding: 0 0 14px 0; _border-bottom:1px solid #eee;margin-bottom: 15px;}
.order-extra-details{padding: 0 30px;}
.num-of-devices p{color:#828282;font-size: 13px;line-height: 17px;}
.num-of-devices{font-size: 14px;color:#666; display: inline-block; padding-left: 30px;}
.charges-applicable{color:#828282; font-size: 13px;}
.account-deact p{color:#828282; font-size: 14px; margin:0;}
.pro-rate{padding: 10px;}
.pro-rate-inner{background: #f2f2f2;padding: 10px 27px;font-size: 13px;border: 1px solid #dbdada;color: #828282;}
.pro-rate-inner p{margin: 0;line-height: 14px;display: inline;vertical-align: top;}
.order-summary .pro-rate-inner span{color: #666;}
.pro-rate-inner p br{display: none;}
.pro-rate-inner h4{margin: 0; padding: 0;display: inline-block;vertical-align: top;}
#pro-rated-policy.activation-policy:before{left: 119px;}
#service-charge-policy.activation-policy:before{left: 286px;}
.order-extra-details .order-extra-inner:last-child{border-bottom: 0;margin-bottom: 5px;}
.order-summary .total-trans td{font-size: 18px; font-weight: bold;}
.order-summary .total-trans .transaction-note{background: #f2f2f2;border: solid 1px #dbdada;padding: 11px 30px;color:#828282;margin: 10px 30px;font-size: 13px;}
.total-trans .order-summary-section{border-bottom:0;}
.order-summary .total-trans .transaction-note b{font-weight: normal;color:#666;padding-right: 7px;}
.account-deact, .account-act{position: relative;}
.order summary .account-deact h5{display: inline-block;}
.account-deact .activation-policy:before{left: 237px;}
.account-act .activation-policy:before{left: 278px;}
.account-act .one-time-mob, .asia-packages-banner-mob{display: none;}
.account-act h5 br{display: none;}
.account-act b{font-weight: normal;}
.cart-actions{padding:10px 30px 20px 30px;}
.cart-actions .subscribe-btn, .cart-actions .aspNetDisabled, .payment-detail .form-actions .aspNetDisabled{float:right;}
.cart-actions .aspNetDisabled, .payment-detail .form-actions .aspNetDisabled{padding: 14px 40px 14px 20px;vertical-align: top;font-size: 16px;line-height: 18px;background: #ddd;border-radius: 2px;color: #fff;text-transform: capitalize;border: 0;transition: all .3s ease;-webkit-transition: all .3s ease;}
.cart-actions .back-to{margin-top: 14px; display: inline-block;color: #858585;font-size: 13px;}
.packages-wrap .orange-btn, .popup-center .orange-btn{padding: 14px 27px; vertical-align: top;font-size: 16px;line-height: 18px;}
.cart-actions .orange-btn span:after{background: url(../images/btn-arw.svg) no-repeat;content: "";width: 7px;height: 12px;display: inline-block;margin-left: 17px;}
.packages-wrap .grey-outline{padding: 12px 36px;border: 2px solid #acacac;color: #666;font-size: 18px;}
.btn.grey-outline:active{box-shadow: none;}
#package-confirmation .popup-content .orange-btn{margin-left: 18px;}
#package-confirmation .popup-content .btn, .popup-center .orange-btn{min-width: 162px;}
.no-border-btm{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;}
.order-summary .service-charge tr.one-off-cost td{border-bottom:0;padding-bottom: 0;}
/*.order-summary .service-charge tr:last-child td{padding-top: 12px;}*/
.per-secure:before{background: url(../images/secure-icn.svg) no-repeat;content: "";width: 15px;height: 21px;display: inline-block;vertical-align: middle;margin-right: 9px;margin-top: -5px;}
.back-to:before{background: url(../images/back.svg) no-repeat;content: "";width: 12px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -4px;}
.info-icn:before{background: url(../images/info-icon.svg) no-repeat;content: "";width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-left: 8px;margin-top: -2px;}
.num-tv:before{background: url(../images/tv-device.svg) no-repeat;content: "";width: 37px;height: 29px;display: inline-block;vertical-align: middle;margin-right: 17px;}
.info-icn.active:before{background: url(../images/info-icon-actv.svg) no-repeat;}
.comp-ico:before{background: url(../images/comp.svg) no-repeat;content: "";width: 42px;height: 29px;position: absolute;top: 6px;left: 10px;}
.charges-applicable .comp-ico + span{display: inline-block;vertical-align: middle;padding-left: 47px;}
.tab-ico:before{background: url(../images/tab.svg) no-repeat;content: "";width: 26px;height: 28px;position: absolute;top: 6px;left: 0;}
.charges-applicable .tab-ico + span{display: inline-block;vertical-align: middle;padding-left: 22px;}
.close-coupn-icn{background: url(../images/close-coupn-icn.svg) no-repeat;content: "";display: inline-block;width: 14px;height: 14px;border:0;}
.activate-package ul li input[type="radio"]{margin-right: 6px;margin-top: 1px;display: inline-block;vertical-align: middle;}
.activate-package ul li label{vertical-align: middle;display: inline-block;margin-bottom: 0;font-weight: normal;font-size: 13px;padding-left: 30px;}
.activate-package ul li {padding-bottom:7px;}
.activate-package .control-indicator{top:2px;}
.activation-policy{ border-radius: 4px;position: absolute;top:30px;left:0;display: none;z-index: 1;
box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.35);
background-color: #fbf8eb;font-size: 13px; color:#555;width:340px;
border: solid 1px #f2e2af;padding: 20px;}
.service-charge{position: relative;}
/*.activation-policy.open{display: block;}*/
.activation-policy p{margin:0;}
.activation-policy span{display: block; padding-bottom: 10px;}
.activation-policy:before{content: "";background: url(../images/tooltip.png) no-repeat;width: 22px;height: 12px;position: absolute;top: -10px;left: 123px;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.activation-policy h4{font-weight: bold; margin: 0; padding: 10px 0;}
.order-summary .total-trans table tr td{border-bottom:0;}
.order-summary .total-trans table tr:last-child td:last-child{text-align: left;}
.packages-wrap .modal-body{padding: 70px;}
.packages-wrap .modal-lg{width: 700px;max-width: 100%;margin: 0;padding: 20px;}
.packages-wrap .modal .main-heading, .popup-center .main-heading {font-size: 18px;line-height: 25px;padding-bottom: 30px;}
.packages-wrap .popup-content .btn{min-width: 162px;}
.package-payment-note{ background-color: #f9f4de;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);text-align: center;font-size:14px;padding: 15px 50px;margin-bottom: 10px;}
.coupon-discount span{font-size: 12px; color: rgba(229, 0, 0, 0.8);}
.nav-tabs-vertical {border-bottom: none;display: flex;flex-flow: column nowrap;}
.nav-tabs-left .nav-link.active {border-bottom-color: #ddd;border-right-color: #fff;margin-right: -1px;}
.nav-tabs-left .nav-link {transition: border-color .125s ease-in;white-space: nowrap;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #464a4c;background-color: #fff;border-top:0;}
.payment-detail form{text-align: left;}
.payment-detail label{font-size: 14px;font-weight: normal;color:#666;}
.payment-detail .form-control{height:42px; border:1px solid #d5d2d2;box-shadow: none;color: #666;border-radius: 4px;padding: 12px 30px 12px 15px;font-size: 14px;margin:0;}
.payment-detail textarea.form-control{resize:none;height:auto}
.payment-detail .form-group{margin-bottom: 30px;position: relative;}
.form-row.card-details{display: flex;}
.payment-detail .form-group .styled-select{width: 100%;height: 42px;background: #fff;border:1px solid #c5c5c5;z-index: 1;}
.payment-detail .form-group .styled-select:after{top:17px;}
.payment-detail-inner .form-group.cvv-field img{width:13px;right:23px;}
.payment-detail .styled-select .form-control{border:0;}
.payment-detail .styled-select .form-control option{font-family: 'lato'; margin-bottom: 2px; font-size: 14px;}
.payment-detail-inner .form-row.card-details .col-sm-4{width:30%;}
.payment-detail-inner .form-row.card-details .col-sm-4:first-child:after{content: "";width: 16px;height: 2px;position: absolute;background: #7e7e7e;bottom: 20px;right: -9px;}
/*.payment-detail-inner .form-row.card-details .col-sm-4:last-child{width:40%;}*/
.payment-detail-inner .form-row.card-details .col-sm-4:last-child .cvv-ico{right: -50px;width: 50px;bottom: 6px;}
/*.payment-detail .orange-btn{padding: 15px 36px; font-size:22px;margin-top: 14px;}*/
/*.payment-detail .orange-btn:after{clear:both; content:""; display: block;overflow: hidden; height:0;}*/
.payment-detail-inner .accepted-cards{text-align: right;}
.payment-detail-inner .accepted-cards span{font-size: 14px;padding: 3px 8px 0 0;display: inline-block;vertical-align: middle;}
.payment-detail-inner .accepted-cards img{margin: 0 2px;width:30px;}
.payment-detail-inner .accepted-cards img:nth-child(2){width:15px;margin-right: 20px;}
.payment-detail-inner .form-group img{position: absolute; bottom:14px; right:15px;width:30px;}
/*.payment-detail-inner .card-details .form-group.col-md-4{-webkit-flex: 0 0 30.333333%;-ms-flex: 0 0 30.333333%;flex: 0 0 30.333333%;max-width: 30.333%;}*/
.payment-detail-inner .card-details .form-group.col-md-4 img{width: 50px;margin-right: -70px;bottom: 13px;}
.package-payment-left .line-heading span{background: #fff;}
.package-payment-left .payment-detail .tab-content{padding: 30px;}
.package-payment-left .cart-step-content{padding: 0;}
.package-payment-left .cart-step-content .nav-tabs-vertical .nav-link{padding: 16px 30px;border-radius: 0;}
.payment-page-top{ box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); background: #fff; padding: 20px; margin-bottom: 10px;}
.payment-page-top table{margin:0; border: 0}
.payment-page-top table tr td{margin:0; border: 0}
/*package-Modal*/
/*#package-confirmation.modal{background: rgba(0,0,0,.8);}*/
.control{
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 0;
cursor: pointer;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control-indicator{
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;background: #E6E6E6;
}
.control input:checked ~ .control-indicator {
background: #fff;
border: 2px solid #449e47;
}
.control-radio .control-indicator {
border-radius: 50%;
}
.control-indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: transparent;
border: 2px solid #b7b7b9;
}
.control-radio .control-indicator:after {
left: 3px;
top: 3px;
height: 10px;
width: 10px;
border-radius: 50%;
background: #449e47;
}
.control-indicator:after {
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control-indicator:after {
display: block;
}
.package-type-wrap.slick-initialized .slick-slide{padding: 5px 10px 0 10px;}
/*new-header*/
.yupptv-footer-section{padding-top: 40px;}
.footer-link-section{margi-left:-30px; margin-right:-30px;}
.yupptv-reward-section > div{float:left;}
div.scrollmenu{display:none;}
.foorter-seo-grid{
/*border: 0;
border-left: 1px solid #313337;
padding-left: 30px;
padding-right: 30px;*/
border-left: 1px solid #313337;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66%;
-ms-flex: 0 0 16.66%;
flex: 0 0 16.66%;
width: 16.66%;
padding-left: 30px;
text-align: left;
min-height: 290px; margin-top:0; margin-bottom:0;
}
.footer-links-font {
font-size: 16px;
color: #6b6f76;
line-height: inherit;
}
.affix {
position: fixed;
}
.footer-bottom .copyright {
color: #6b6f76;
font-size: 14px;
padding: 10px 0;
}
.footer-country-dropdown:disabled {
background-color: #2d2f33;
color: white;
}
.footer-country-dropdown {
width: 200px;
outline: 0;
border: 1px solid #2d2f33;
background-color: #2d2f33;
color: white;
}
/*Package-Mobile-header*/
.package-header{ background: #000;}
.package-header-inner{display: inline-block;vertical-align: middle;}
.mob-cart-num{font-size: 15px;color: #abb0bc;display:block;}
.package-title{ font-size: 20px; color: #abb0bc; display: inline-block; vertical-align: middle;line-height: 23px;}
.package-cart-page .package-title, .package-payment-page .package-title{display: block;}
.package-header-bottom{ padding: 17px 0 17px; background: #1e1f22;position: relative;display:none;z-index: 9;text-align: left;}
.package-btn-dropdown{width: 130px;height: 40px; border-radius: 2px; background-color: #18181b; border: solid 1px #333333; float: right; font-size: 16px; color: #727272; padding-left: 10px; line-height: 35px; position: relative;cursor: pointer;}
.package-down-arrow{position: absolute; right: 18px; top: 10px; font-size: 20px;}
.lan-bar-head { padding: 25px 0;}
.package-back{margin-right: 15px; font-weight: normal;display: inline-block; vertical-align: middle;cursor:pointer;}
.skip-mobile-text:active, .skip-mobile-text:hover, .skip-mobile-text:focus{ color: #abb0bc}
.model-pop-block{ position: relative;}
.skip-mobile-text {
color: #abb0bc;
font-size: 16px;
padding-top: 10px;
display: block;
}
/*radio-btn-design*/
.checkbox,
.radio {
margin-bottom: 12px;
padding-left:5px;
position: relative;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
/*-webkit-backface-visibility: hidden;*/
cursor:pointer;}
.radio input {
outline: none !important;
opacity: 0;
filter: alpha(opacity=0);
zoom: 1; }
.radio.checked .icon {
opacity: 1;
display: block; }
.radio.checked .icon {background: url("../images/radio-active.svg") 0 0 no-repeat; background-size: 22px auto; }
.radio.checked .icon-to-fade {
opacity: 0;
display: none;}
.radio.disabled {
color: #858585;
cursor: default; }
.radio.disabled .icon {
opacity: 0;
display: none; }
.radio.disabled .icon-to-fade {
opacity: 1;
display: block; }
.radio.disabled.checked .icon {
background-position: 0 -60px;
opacity: 1;
display: block; }
.radio.disabled.checked .icon-to-fade {
opacity: 0;
display: none; }
.radio .icon,
.radio .icon-to-fade {
background: url("../images/radio-default.svg") 0 0 no-repeat; background-size: 22px auto;
display: block;
left: 30px;
opacity: 1;
position: absolute;
top: 14px;
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
-webkit-backface-visibility: hidden; }
.radio .icon,.radio .icon-to-fade{height: 22px;width: 22px;}
.radio .icon {
opacity: 0;
top: 14px;
z-index: 2;
display: none; }
/*.radio .icon,
.radio .icon-to-fade {background-image: url(../images/radio-green.png);} */
.package-duration .radio label{padding-left: 0;}
.mobile-cart-actions{display: none;}
/*location-popup*/
/*.location_popup.modal{background: rgba(0,0,0,.8);}*/
.location-popup-bottom{padding-top: 20px;}
.modal.location_popup .modal-dialog{transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);top: 50%;width: 816px;max-width: 100%;left: 50%;position: absolute;padding: 0;}
.location_popup .modal-content{padding: 30px; background: #f9f9fb;}
.location_popup .modal-content .close{width:13px;}
.location_popup .clslstItem{padding: 8px 10px 8px 40px; display: block;border-radius: 3px; border: 1px solid transparent;line-height: 14px;color:#666;font-size: 14px;}
.location_popup .clslstItem.active, .location_popup .clslstItem.active:hover{background: #f8ebe1;border: 1px solid #f8ebe1;}
.location_popup .clslstItem:hover{background-color: transparent;border: 1px solid #d0d0d2;}
.location_popup h1.sel-location{font-size: 24px;color: #333;margin: 0;text-align: center;padding-bottom: 40px;}
.location-popup-bottom span{text-align: center;font-size: 16px;color:#333;}
.location_popup .location-list li{margin-bottom: 5px;}
.location_popup .location-list li img{width: 20px;height: 15px;position: absolute;top: 9px;left: 25px;}
.location-popup-bottom span.located {display: block;}
.location-popup-bottom span.located.tac{color:#333;}
.location-popup-bottom .orange-btn {min-width:180px; font-size: 18px; margin-top: 10px; display:inline-block}
.packages-wrap .slick-next {
background: url(../images/right-arrow.svg);
width: 40px;
height: 40px;
position: absolute;
top: 180px;
transform: translateY(-50%);
right: -55px;
border: 0;
z-index: 1;
font-size: 0;
text-indent: -99999em;
}
.packages-wrap .slick-prev {
background: url(../images/left-arrow.svg);
width: 40px;
height: 40px;
position: absolute;
top: 180px;
transform: translateY(-50%);
left: -55px;
border: 0;
z-index: 1;
font-size: 0;
text-indent: -99999em;
}
.packages-wrap .slick-next.slick-disabled{opacity: .3;}
.packages-wrap .slick-prev.slick-disabled{opacity: .3;}
@media only screen and (max-width: 1920px){
.footer-mobile-display{display:none;}
#fc_frame, #fc_frame.fc-widget-normal{z-index: 999;}
.yuppmain-nav .navbar-nav > li > a{border-bottom:none !important;}
.top-head-li-padlr40 {padding: 0}
}
@media only screen and (max-width: 1599px){
.footer-mid h4{font-size:16px}
}
@media only screen and (max-width: 1500px){
.footer-mid h4{font-size:15px}
.footer-mid ul li a{font-size:14px}
}
@media only screen and (max-width: 1440px){
.footer-contacts {margin-left:30px}
}
@media only screen and (max-width: 1366px){
.footer-mid h4{font-size:15px}
.footer-mid .footer-col{padding-left: 15px; padding-right: 15px;}
.footer-mid ul li a{font-size:14px}
.footer-contacts {margin-left:15px}
.social-mob-nopad{padding:0}
}
@media only screen and (max-width: 1024px){
.footer-mid .footer-col{padding-left: 7px; padding-right: 7px;}
}
@media only screen and (max-width: 991px){
.yupptv-vspace {
margin-top: 7.638888889vw;
}
.yupptv-vertical-space {
margin-top: 4.305555556vw !important;
}
/* .yupptv-margin {
padding: 0% 4.722222222vw !important;
} */
.yupptv-footer-dividerline {
width: 100%;
height: 1px;
opacity: 0.55;
margin-top: 15px;
background-color: #555555;
}
.yupptv-footer-heading {
color: #7d8087;
}
.footer-mid .footer-col {
border-left: 0;
width:100%;
max-width: 100%;
border: 0;
padding:0
}
.footer-mid .card{min-height:inherit}
.footer-mid .footer-col .card-header {
background: transparent;
border-bottom: 1px solid rgba(85,85,85,.5);
padding: 0;
}
.package-footer .container-fluid {
padding-left: 20px;
padding-right: 20px;
}
.social-mob-nopad{padding:0}
.footer-contacts {
margin-left: 5px;
}
.footer-mid .footer-col .card-header a {
display: block;
color: #9ea2ac;
font-size: 15px;
padding: 15px 0;
position:relative
}
.footer-mid .footer-col .card-header a.open:after {
transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
}
.package-footer .row{margin:0px}
.footer-mid .footer-col .card-header a[data-toggle="collapse"]:after {
background: url(../images/dropdwnarw.png);
content: "";
right: 0;
top: 23px;
position: absolute;
width: 20px;
height: 13px;
background-repeat: no-repeat;
}
.footer-mid ul li a{font-size:13px}
.footer-contacts {
border-top: 0;
margin-top: 20px;
}
.footer-mid h4 {
font-weight: normal;
border-bottom: 1px solid #3e4147;
margin-bottom: 20px;
font-size:18px;
padding-bottom:25px
}
.footer-mid .footer-col:last-child .card-header {
border-bottom: 0;
}
.footer-large-display{display:none;}
.footer-mobile-display{display:block}
.footer-mid {padding: 0 0 10px;background: #1e1f22;}
}
@media (max-width: 767px){
.footer-mid .footer-col .card-header a{font-size: 12px}
.footer ul li a{font-size: 12px}
.footer-mid h4{font-size: 14px}
}
.package-mob-add-block{display: none;}
.order-extra-inner.total{display: none;}
.package-type-wrap{text-align: center;}
.package-types{float:none; display: inline-block !important;vertical-align: top;width:33%;}
.slick-initialized .slick-slide.package-types{float:left;}
.order-title .back-arr{display: none;}
.shopping-cart thead tr th{padding: 18px 60px; font-size: 18px; background: #f2f3f3; border-bottom:0;font-weight: normal;}
.cart-inner{box-shadow: 0 0 4px 0 rgba(0,0,0,.15);}
.package-cart-page .package-center{width:755px;}
.package-payment-page .package-center{width:755px;}
.grand-tot{display: none;}
.order-title > span{float:right;}
.num-of-tv{display: inline-block;}
.packages-policy-inner .price_wid_col{float:right;font-size: 16px;}
.packages-policy-inner{padding: 15px 0 12px 0;}
.num-of-tv .num-tv{color:#666;}
.price-right{float:right;color: #666;font-size: 16px;}
.order-extra-inner p{color:#828282;}
.account-act h5, .service-charge-section h5, .pro-rated-wrap h5{display: inline-block;}
.order-summary table tr.padding-none td{padding: 0;}
.package-coupons-inner{padding-bottom: 20px; display:inline-block;float:left; clear:left;}
.table.shopping-cart td.item-image{max-width: 90px;padding: 12px 10px 12px 30px;}
.table.shopping-cart td.item-image img{max-width: 50px;}
.order-summary .account-act h5, .order-summary .pro-rated-wrap h5.totaltext{font-size: 16px; color:#666;}
.your-plan-detail{background: #f9f4de;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); font-size: 14px; color:#333; text-align: center; padding: 10px;}
.your-plan-detail.free-trial-plan{font-size:12px; text-align:left;}
.payment-detail{background: #fff;}
.payment-detail .tab-content{width: 70%;padding:20px 30px 25px 30px; border-left:1px solid #dcdcdc;}
.payment-detail .nav-tabs-vertical{width: 30%; border-left:0;}
.payment-detail .nav-tabs-vertical .nav-link{font-size: 14px; color:#333; padding: 15px 20px 15px 30px;border-radius: 0;border-left: 2px solid transparent;border-right: 0;display: block; margin-left: 0; margin-right: -1px;}
.payment-detail .nav-tabs-vertical .nav-link{border-top:1px solid transparent; border-bottom:1px solid transparent;}
.payment-detail .nav-tabs-vertical .nav-item:nth-child(1) .nav-link{border-top:1px solid transparent; border-bottom:1px solid #dcdcdc;}
.payment-detail .nav-tabs-vertical .nav-item:nth-child(2) .nav-link{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.payment-detail .nav-tabs-vertical .nav-item:nth-child(3) .nav-link{border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.payment-detail .nav-tabs-vertical .nav-link.active{border-left: 2px solid #f47000; background: #fff !important; border-right:0;}
.order-summary .total-trans .alpha-display:first-child{margin-left: 0;}
.order-summary .total-trans .alpha-display{margin-left: 6px; margin-right: 6px;}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
}
.payment-detail .accepted-cards{padding-bottom:20px;}
.payment-detail .form-row{margin: 0 -10px;}
.payment-detail .form-row .form-group{padding-left: 10px ; padding-right: 10px;}
.tab-content > .active{opacity: 1;}
.billing-addshow {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding: 30px 0; margin-bottom: 15px;}
.billing-addshow h4{color:#858585;font-size: 16px;font-family: lato;margin:0; display: inline-block;}
.billing-addshow .editadd{float:right;color:#0c89e0; font-size: 13px;}
.billing-addshow .saved-add{font-size: 14px;color: #858585;padding-top: 15px;line-height: 23px;word-wrap: break-word;}
/*.payment-detail .nav-tabs-vertical .nav-link:hover{background: transparent; margin:0;}*/
.payment-detail .tab-content .card-details .col-sm-6{width:40%;-webkit-box-flex: 0;-webkit-flex: 0 0 40%;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
.payment-detail .tab-content .card-details .form-group .cvv-ico{top: 28px;bottom: auto;right: -50px;width: 41px;}
.payment-detail .tab-content .card-details .cvv-field img{width:12px; right:20px;top: 37px;bottom: auto;}
.payment-detail .i-agree{font-size:14px; color:#666;margin: 0;clear:both;}
.payment-detail .i-agree .tcagreement{font-size:14px; color:#666; padding-left: 10px; margin-left: 0;margin-top: 0;display: inline-block; vertical-align: top;}
.payment-detail .i-agree .tcagreement a{color:#666;text-decoration: underline !important;}
.payment-detail .i-agree .tcagreement a:hover,.payment-detail .i-agree .tcagreement a:focus, .payment-detail .i-agree .tcagreement a:active{text-decoration: underline !important;}
.payment-detail .line-heading{font-family: lato;color: #909090;font-size: 16px;padding-bottom: 28px;margin: 0;}
.payment-detail .line-heading:after{background: #dcdcdc;}
.payment-detail .line-heading span{background: #fff;}
.payment-detail .paypal-button-widget, .payment-detail #PayWithAmazon{display: block;text-align: center;padding: 15px 0 50px 0;}
.payment-detail #PayWithAmazon img{width:225px; max-height: inherit !important;}
.payment-detail .paypal-button-widget .paypal-button{display: inline-block !important;}
.enddateselect{margin: 0;}
.mob-country-selection{display: none;}
.accordion-toggle .faq-arrow-rotation{text-align: left;}
.mob-acc-heading{display: none;}
.form-check-inline input[type="radio"]{cursor: pointer;}
.info-icn{cursor: pointer;}
.cart-error-display{ background-color: #fff7f7;border-top: solid 1px #fbd1d1;border-bottom: solid 1px #fbd1d1; text-align: center; padding: 8px 20px; color:#ea3333 !important; font-size: 16px;display: block;}
/*.yupptv-sub-header-margins{float:left; width:100%;}*/
.inner-header-wrap .inner-header-new{margin: 0 auto;width: 1085px;max-width: 100%;padding: 0 20px;}
.inner-header-wrap .yupptv-img-center-algin{justify-content: left;}
.inner-header-wrap .head-myaccount{margin-left: 20px;}
.order-summary .alpha-display {display: inline-block;border: solid 1px #cecdcd;border-radius: 4px;width: 16px;height: 16px;text-align: center;font-size: 10px;font-weight: bold;color: #b8b1b1;margin-left: -30px;margin-right: 15px;line-height: 14px;margin-right: 15px;vertical-align: top; margin-top: 1px;}
.order-summary .total-trans .alpha-display{vertical-align: middle;}
/*.pro-rated-wrap table tr td{padding: 0;}*/
.package-main-bottom{display:none !important;}
.package-main-bottom .slick-track{padding-bottom: 60px;}
#languageModal .modal-content{float:left; width:100%;}
#languageModal .modal-content h2{text-align: center;}
.modal-open #languageModal.modal{overflow-y: inherit;}
.modal-backdrop{position: fixed;background: rgba(0,0,0,.8);width:100%; height:100%;z-index: 9;}
.modal-open {overflow: hidden !important;}
.control{
display: block;
position: relative;
padding-left: 23px;
cursor: pointer;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
/*.control-indicator{
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;background: #E6E6E6;
}*/
.control input:checked ~ .control-indicator {
background: #fff;border: 2px solid #449e47;}
.control-radio .control-indicator {
border-radius: 50%;
}
.control-indicator {
position: absolute;
top: 4px;
left: 0;
height: 15px;
width: 15px;
background: transparent;
border: 2px solid #b7b7b9;
}
.control-radio .control-indicator:after {
left: 2px;
top: 2px;
height: 7px;
width: 7px;
border-radius: 50%;
background: #449e47;
}
.control-indicator:after {
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control-indicator:after {
display: block;
}
.error_alert .has-error{color:rgba(229, 0, 0, 0.8); margin-bottom: 6px;display: block;}
.has-success {color: #449e47;}
.has-error .form-control, .coupon-code-inner.has-error .form-group .form-control{border:1px dashed #ea3333;}
.has-success .form-control, .coupon-code-inner.has-success .form-group .form-control{border:1px dashed #449e47; color: #449e47;}
.coupon-code-inner.has-success .form-group .form-control{padding-left: 30px;}
.coupon-applied-ico{display: none;}
.coupon-code-inner.has-success .coupon-applied-ico{display: block;position: absolute;top: 32px;left: 10px;background: url( ../images/coupn-apld.svg) no-repeat;width: 14px;height: 14px;}
.has-error .form-control:focus{box-shadow: none;}
.form-control::-webkit-input-placeholder {
text-align: left !important
}
.form-control:-moz-placeholder {
text-align: left !important
}
.form-control::-moz-placeholder {
text-align: left !important;
}
.form-control:-ms-input-placeholder {
text-align: left !important
}
.error_pack_img{text-align: center;
padding: 20px 20px 100px 20px;
display: block;
font-size: 36px;
font-weight: bold;
color: #c5c5c5;}
.payment-detail .tab-pane{display: none!important;}
.payment-detail .tab-pane.active{display: block !important;}
/*.popup-center .orange-btn{}*/
.popup-center .popup-body{padding: 0;position: relative;}
.popup-center .popup-wrap{ margin: 30px auto;}
.popup-center .popup-content{background: #f9f9fb;border-radius: 4px;padding: 50px;}
.popup-center .popup-content p{color:#555; font-size: 16px;}
.popup-open{overflow: hidden;}
.popup-overlay{position: fixed;z-index: 99;
background: rgba(0,0,0,.7);transition: opacity .15s linear;
width: 100%;
height: 100%;top: 0;bottom:0;
right: 0;
left: 0;}
.modal-popup-overlay{position: absolute;z-index: 11;background: rgba(0,0,0,.7);transition: opacity .15s linear;width: 100%;height: 100%;top: 0;bottom:0;right: 0;left: 0;}
/* .modal-popup-overlay #loader{width:50px; height:50px;margin:-25px 0 0 -25px;border-radius: 50%;border: 5px solid transparent;border-top-color: #f47000;border-bottom-color: #f47000;border-left-color: #f47000;} */
/*yuppflix-altbalaji-package*/
.yuppflix-alt-pack{padding-bottom: 100px;}
.yupp-alt-package .package-types {float: left;display: block;width:100%;}
.package-main-top .yupp-alt-package .package-types{padding: 0;}
.yupp-alt-package .package-name {background: transparent;text-align: left;font-size: 18px;padding: 0 0 12px 0;}
.yupp-alt-package .package-duration ul li{background: #fff;border-radius: 4px; border-bottom:0; margin-right: 20px; box-shadow: 0 0 4px 0 rgba(0,0,0,.15);display: inline-block;}
.yupp-alt-package .package-action{padding: 0; text-align: left; margin-top: 20px;}
.package-main-top .yupp-alt-package .package-types-inner {background: transparent;box-shadow: none;border-radius: 0;border-bottom: 1px solid #d4d3d3;padding-bottom: 15px;margin-bottom: 30px;}
.yupp-alt-package .package-desc{font-size: 16px;color: #555;margin-bottom: 20px;line-height: 20px;width: 50%;}
.yupp-alt-package .package-duration ul li:hover,.yupp-alt-package .package-duration ul li:active,.yupp-alt-package .package-duration ul li:focus{background: #fff;}
.yupp-alt-package .package-duration ul li label.radio{padding: 25px 50px 23px 70px;}
.yupp-alt-package .radio .icon,.yupp-alt-package .radio .icon-to-fade{top:25px;}
.yupp-alt-package h3{font-size:18px; color:#333;margin: 0;padding-bottom: 15px;}
.yupp-alt-package .package-action .incl-gst{text-align: left;}
.yupp-alt-package .packages-latest{padding-bottom: 30px;}
.yupp-alt-package .slick-slide {margin: 0 4px;}
.yupp-alt-package .packages-latest .slick-prev, .yupp-alt-package .packages-latest .slick-next{width: 30px;height: 30px;background-size:30px; top: 50%;}
.packages-wrap .cart-actions .orange-btn {padding: 14px 40px 14px 20px;}
.packages-wrap .cart-actions .subscribe-btn:after {top: 18px;right: 20px;}
.form-group .has-error{color:rgba(229, 0, 0, 0.8) !important; font-size: 12px;text-align: right;display: block;margin: 0;line-height: 13px;}
label.has-error{margin-bottom: 0;}
.yupp-alt-package .altbalaji-pack .package-duration ul li{background: transparent;border-radius: 0;border-bottom: 0;margin-right: 0;box-shadow: none;}
.yupp-alt-package .altbalaji-pack .package-duration ul li:hover{background: transparent;}
.yupp-alt-package .altbalaji-pack .package-duration ul li label.radio{padding: 0;}
.yupp-alt-package .altbalaji-pack .radio .icon, .yupp-alt-package .altbalaji-pack .radio .icon-to-fade{display: none;}
.yupp-alt-package .altbalaji-pack .package-duration{display: inline-block;vertical-align: top;padding-top: 10px;}
.yupp-alt-package .altbalaji-pack .package-action{display: inline-block;vertical-align: middle;margin-top: 0;margin-left: 30px;}
.altbalaji-pack .alt-note{color: #858585;font-size: 13px;width: 69%;line-height: 19px;margin-top: 20px;}
.payment-detail .form-control:focus{border:1px solid #d5d2d2; box-shadow: none !important;}
.payment-detail .styled-select .form-control:focus{border:0;}
/*loader*/
#loader {display: block;position: relative;left: 50%;top: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;border-radius: 50%;border: 4px solid transparent;border-top-color: #f47000;border-bottom-color: #f47000;border-left-color: #f47000;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* #paymentpopup #loader{width: 50px; */
/* height: 50px; */
/* margin: 0px 0 30px -25px; top:auto;border: 4px solid transparent;border-top-color: #f47000;border-bottom-color: #f47000;border-left-color: #f47000;} */
.ribbon img{font-size: 00; text-indent: -9999em;}
/*.modal-open #languageModal.modal{display: none !important}*/
.package-duration ul li .disabled-duration .radio_min_height{color: #aeaeb2;}
.package-duration ul li .disabled-duration .radio_min_height:hover{background: transparent;}
.package-duration ul li .disabled-duration .radio.disabled{color:#aeaeb2;cursor: not-allowed;}
.package-duration ul li .disabled-duration .not-avail-duration{text-transform: capitalize;}
.package-duration ul li .radio input{width: 24px;height: 24px;margin-left: -40px;margin-top: -1px;cursor: pointer;}
.package-duration ul li .disabled-duration .radio input{cursor: not-allowed;}
.package-duration ul li .disabled-duration .radio .icon,
.package-duration ul li .disabled-duration .radio .icon-to-fade {opacity:.4;}
.activate-package ul li.disableradio label {opacity: .5; cursor: not-allowed;}
.vc-modal-dialog {
z-index:9;
}
.vc-modal-dialog .gdpr-txt {
font-size: 20px;
}
.vc-modal-dialog .gdpr-disabled {
color: #b3b3b3;
font-size: 22px;
background-color: #e8e8e8;
border-radius: 4px;
border: 1px solid #e8e8e8;
padding: 7px 20px;
}
@media only screen and (max-width: 801px){
.yupp-alt-package .cards-item {
display: inline-block;
margin-right: 20px;
float:inherit;
width: 40vw;
}
.yupp-alt-package .slider {
width: 100%;
margin: 0 auto;
overflow: auto;
display: inline-block;
white-space: nowrap;
}
}
.package-close{
width: 15px;
height: 15px;
display: inline-block;
vertical-align: top;
margin-top: 4px;
margin-right: 15px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.payment-detail .form-group .styled-select select{font-family: arial;}
.payment-detail .nav-tabs-vertical{display: block;}
.payment-detail .nav-tabs-vertical.nav-tabs > li{width:100%;}
.styled-select:after {
content:none !important;
}
}
#loading {
width: 100%;
height: 100%;
top:183px;
left: 40px;
display: block;
opacity: 0.8;
/*background-color: #fff;*/
z-index: 99;
text-align: center;
position:absolute;
}
.loadpackage {
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);left: 50%;top: 50%;position: fixed;
z-index: 9999;
}
.cookie-policy{z-index: 999999999999 !important;}
@-webkit-keyframes rotation{
0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotation{
0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
/* device-page */
/******* for devices *******/
.note-box {border: 1px solid #91CED9; padding: 10px; color: #3E3E3E; margin-bottom: 30px;}
.acti-box {width: 100%; background:#53B4C4; padding: 25px 30px; color: #FFF; font-size: 18px;margin-bottom: 18px;}
.acti-box p{color:#fff; font-size: 18px;}
.f18 {color: #3e3e3e;font-size: 18px;line-height: 24px;}
.f18-b2{ color:#B6B6B6; font-size: 18px;}
.light-grey{ color:#848484}
.default-btn {
background: #53B4C4;
padding: 8px 25px;
border: none !important;
color: #FFF;
border: 1px solid #13ade4;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px !important;
font-family: "helvetica_condensedregular",sans-serif;
font-size: 18px;
text-transform: uppercase;
text-align: center;
}
.default-btn:hover {
background: #2f8290;
}
.blk-btn {
background: #344245;
border: 1px solid #344245;
color: #FFF;
text-decoration: none;
font-size: 20px;
width: 100%;
}
.border-bot {
border-bottom: 1px solid #CFCFCF;
}
.img-responsive{width:100%;}
.container-fluid.f18.mb30.fluid-body{padding-bottom: 80px;}
.container-fluid.f18{padding-left: 70px; padding-right: 70px;}
.packages-wrap{min-height:600px;}
.package-channels ul li{display:block;}
.billing-details{clear:both;}
#paymentpopup #loader{margin-bottom: 30px;margin-top: 0;}
.foorter-seo-grid .footer-links-font{padding-bottom:5px; display:block;}
.if-button{border:none}
.if-button > body{text-align:center}
.if-button .btn.orange-btn{width: 160px; padding: 17px 0;border-radius: 4px; font-size: 16px; margin: 0 auto;text-align: center;display: block;}
@media only screen and (max-width:1400px){
.foorter-seo-grid{padding-left:15px;}
.footer-links-font{font-size:14px}
}
@media only screen and (max-width:1280px){
.footer-links-font{font-size:14px}
}
.make-payment-btn{margin-top:10px;font-size:16px;padding:14px 27px;border-radius:4px}