@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'GothamBook';
	src: url('./GothamBook.eot');
	src: local('GothamBook'), url('./GothamBook.woff') format('woff'), url('./GothamBook.ttf') format('truetype');
}
.for_web .fontsforweb_fontid_10146 {font-family: 'Montserrat', sans-serif;}

*{margin:0px; padding: 0px}
body, html {margin: 0;font-family: 'Montserrat', sans-serif; font-weight: 500;color: #fff;padding: 0;height: 100%;background:#000}
.body-bg.for_web{background: #000;background-size:cover;background-repeat:no-repeat;}



.for_web .flash-container{width: 100%; margin: 0 auto}

.for_web .content-container{padding: 30px 0px 0px;text-align: center}

.for_web .add-plus {color: #fff; font-size: 51px; margin: 0px 30px 0;display: inline-block;font-weight: bold;}



.top-right{float:right;}
.for_web .top-block{display: flex;justify-content: center;align-items: center;}
.for_web .flash-block{margin:10px auto 20px auto;display: block;overflow: hidden;}
.for_web .flash-block img{ width:280px;}

.for_web .date-duration{text-align: center;background: #05b42e;font-size: 18px;font-weight: bold;padding: 5px 10px;width: 175px;float: right;border-radius: 4px}

.for_web .startin-block1{padding: 25px 0 0px;overflow: hidden; margin: 0 auto; color:#dd6920;}

.for_web .startin-block{padding: 10px 0 0px;overflow: hidden; margin: 0 auto}

.for_web .startin-text1{font-size: 41px;font-weight: bold;font-family: Roboto}

.for_web .startin-text{font-size: 20px;font-weight: normal;}

.for_web .fontpramo{font-size: 28px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.23;letter-spacing: normal;text-align: center;color: #ffffff;}

.for_web .timer-block{width:502px;margin:0 auto}
.for_web .timer-indiv-block{width: 25%;float: left;text-align: center;}
.for_web .description-days{display: block;font-size: 22px;padding-top: 33px}

.for_web .form-block{width: 700px;border-radius: 8px;padding: 30px 30px 30px;margin: 0px auto; box-sizing:border-box;}
.for_web .notify-btn{position: relative; width: 200px;margin: 0 auto;}
.remind-btn{background:#fff;border-radius:8px;color: #e8180b; padding:7px 0;border:none;margin:0;cursor:pointer;position:relative;width:200px;position: relative; width: 200px;z-index: 99;font-size:18px;font-weight:bold;display:block;margin:0 auto}
.remind-btn:hover{text-decoration:none;color:#e8180b}
/*.remind-btn:before {background:url(https://yuppstatic.akamaized.net/yupptv/flashsale/remind-icon.svg)no-repeat;content:'';position:absolute;width:14px;height:18px;left: 10px;top: 20px;display: inline-block;z-index: 9999;  }*/
.for_web .notify-btn1{width: 266px;height:50px;text-align: center;border-radius: 8px;background: #ffff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);margin: 40px auto;font-size: 18px;padding: 10px 0;color: #e8180b;cursor: pointer; position:relative;}
.notify-image{ position:absolute; top:13px;left:20px;width:14px;height:18px;right:auto;z-index:999}

.notify-btn1 span{ position:relative; left:10px; top:3px;} 

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF;font-size: 15px
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
  font-size: 16px
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF;
  font-size: 16px
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
font-size: 16px
}
#divForm .form-row{text-align:left}
#divForm .cust-fix.col-md-6{-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
#divForm .cust-fix1.col-md-6{-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}
.for_web .form-block .double-txt-field{background: #fff; border: none; border-bottom: 1px solid #fff; width: 97%;  -webkit-appearance: none;-moz-appearance: none;
  appearance: none;margin-bottom:30px}

.notify-btn1 span input{color:#e8180b !important;cursor:pointer}

.for_web .form-block input:focus{outline:none}
.for_web .form-block h3{font-size: 40px}
.for_web .form-block h3:before{background:url(https://yuppstatic.akamaized.net/yupptv/flashsale/tick.png);width: 33px; height: 33px;content: '';display: inline-block;margin-right: 10px}
.for_web .form-block h4{font-size: 22px;padding-bottom: 30px}
.for_web .form-block .errMsg{color:#f00;font-size:13px}
.top-block1{display:block}
.for_web canvas {

  display: block;
  position: relative;
  background: transparent;
  margin: 40px auto;
}
	.yupptv-country-dropdown-margin{top:64px}
.for_mobile{ display:none;}
.startin-block.for-web{display:none}
.notify-btn1 .errMsg{top:-15px;font-size:13px;left:auto}
.yupp_logo{width:280px;margin:20px 0}
.yupp_partner{width:133px}
.double-block-mob{display:none}
.double-block{display:block}

/* Package page start here */

/*.pack-banner-block{ background: url(https://yuppstatic.akamaized.net/yupptv/flashsale/package-bg.jpg) no-repeat;width: 100%;height: 858px;position: relative;}*/
.pack-banner-block{width: 100%;position: relative;}
.flash-sale-package{background: #fff}
.content-container-one{text-align: center}

.package-content-block{background: #fff;box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16);width: 1640px;position: relative;color: #222;margin: -192px auto 70px;padding-bottom:30px}

.package-content-block .nav-tabs{border: none}
.package-content-block .nav-tabs .nav-item{border: none;margin: 0;width: 50%}
.package-content-block .nav-tabs .nav-link{border: none;background: #ececec;padding: 35px 50px 35px 30px;}
.pack-head-left{display: inline-block}
.pack-head-left h3{font-size: 24px;font-weight: bold;margin: 0}
.package-content-block .nav-tabs .nav-link:focus .pack-head-left h3, .package-content-block .nav-tabs .nav-link:hover .pack-head-left h3{font-size: 24px;color: #636363;font-weight: bold}


.pack-head-left .price{font-size: 18px;color: #747474;float: left}
.price-weight{font-weight: 700;font-size: 25px}
.pack-head-right{float: right}
.package-content-block .nav-tabs .nav-link{color: #636363}
.package-content-block .nav-tabs .nav-link:focus, .package-content-block .nav-tabs .nav-link:hover, .package-content-block .nav-tabs .nav-link.active{border: none;background: #fff;}
.package-content-block .nav-tabs .nav-link:focus .buy-btn, .package-content-block .nav-tabs .nav-link:hover .buy-btn{background: #f27121;}
.buy-btn{border-radius: 4px;background: #747474;padding: 16px 47px;color: #fff; margin-top: 6px;display: inline-block;border: none}
.package-content-block .nav-tabs .nav-link:hover .buy-btn,.package-content-block .nav-tabs .nav-link:active .buy-btn,.package-content-block .nav-tabs .nav-link.active .buy-btn{background: #f27121;cursor: pointer}


.tab-container{margin: 10px 70px}
.tab-content-head{font-size: 30px;color: #636363;text-align: center;margin: 25px auto 35px;display: block;padding: 0 22px;border-right: 1px solid #636363;border-left: 1px solid #636363;width: 220px;position: relative}
.tab-content-head:before{width:45px;height: 1px;background: #636363;position: absolute;content: '';display: inline;left: -45px;top: 20px}
.tab-content-head:after{width:45px;height: 1px;background: #636363;position: absolute;content: '';display: inline;right: -45px;top: 20px}
.live-tv-block{padding: 30px 0}

.live-content-block{display: flex;width: 100%}
.live-content-block-left span img{margin-right: 18px}
.live-content-block-right span img{margin-right: 18px}
.live-content-block-add{font-size:65px; color:#636363;align-items: center;padding: 0 20px 0 20px;display: flex;font-weight: bold;}
.channel-block{width: 24%;border: 1px solid #707070;border-radius: 4px;background: #fff;padding: 20px 0;margin-right: 15px;display: flex;align-items: center;text-align: center;font-size: 24px}
.channel-block img{margin: 0 auto}
.channel-block:last-child{margin-right: 0;padding-left: 5px}
.channel-all-block{display: flex;padding-top: 25px}
.channel-all-block-one{display: flex;padding-top: 25px}
.channel-all-block-one img{margin-right: 15px}
.many-more-nd{display: block}
.mnone{margin-right: 0!important}
.many-more-align{padding-left: 10px}
.package-content-mobile{display: none}
.yupp-tamil-channel .modal-dialog{max-width: 965px;margin-top: 100px}
.yupp-tamil-channel .modal-dialog .close-btn button.close{font-size: 35px;font-weight: bold}
.yupp-tamil-channel .modal-dialog .close-btn {position: absolute;right: 20px;top: 10px;z-index: 9}
.yupp-tamil-channel .modal-dialog .modal-body{padding: 30px;}
.modal-body h3{font-size: 26px}


.cut-price{text-decoration: line-through;font-size: 18px;padding: 0 10px;color: #da0b18;}

.header-message{font-size: 23px;font-weight: normal;padding-top: 50px;width: 70%;margin: 0 auto;line-height:2.5}
.header-message span span{font-weight:bold}
.header-message span a{background:#dd6920;border-radius:4px;color:#fff;padding:5px 10px;font-size:16px;font-weight:normal}

/* Package page End here */

@media screen and (max-width: 1920px) and (min-width: 1700px) {
.for_web .content-container {padding: 25px 0px 0px;}
.package-content-block{margin: -290px auto 70px;}
.maa-response-tel{width: 46%}

}

@media screen and (max-width: 1650px) {
	.package-content-block{width: 1460px;}	
	.live-content-block-left span img{width: 48%;}
	.channel-all-block-one img{width:95%}
	.channel-all-block-one img.img-one{width:90% }
	.channel-all-block-one img.img-two{width:95% }
	.channel-block {width: 23%;}
}

@media screen and (max-width: 1440px) {
	.for_web .content-container {padding: 0px 0px 0px;}
   .package-content-block{margin: -290px auto 70px;}
	.for_web .form-block{margin-bottom: 70px}
	.for_web .form-block input{ margin-bottom:30px;}
	.maa-response{width: 100%}
	.maa-response-tel{width: 56%}
	
	/* Package page Start here */
   .package-content-block {width: 1330px;}
	.channel-block{font-size: 18px;justify-content: center}
	.many-more-align {padding-left: 0px;}
	.tab-container {margin: 10px 40px;}
	.channel-block:last-child{padding-left: 0}
	.yupp_logo{width:200px;margin: 20px 0 10px;}
	.for_web canvas {margin: 20px auto;}
	.for_web .form-block{padding:0px 50px 10px}
}

@media screen and (max-width: 1366px) {
/* Package page Start here */
    .channel-block {    font-size: 17px; }
.maa-response {width: 86%}
/*.for_web .flash-block img {width: 200px;}*/
    .for_web .fontpramo { font-size: 20px;}
    .for_web .startin-block {padding: 10px 0 0px}
    .package-content-block {margin: -330px auto 70px;}
}

@media screen and (max-width: 1280px) {
/* Package page Start here */	
	  .package-content-block {width: 1200px;}
	  .channel-block {font-size: 13px;}
	.channel-block img{width: 93%}
	.maa-response{width: 97%}
	.maa-response-tel{width: 72% !important}
     .package-content-block {margin: -360px auto 70px;}
     .for_web .flash-block img {width: 240px;}
}

@media screen and (max-width: 1080px) {
	.package-content-block {width: 1000px;}
	.pack-head-left h3 {font-size: 20px;}
	.buy-btn{padding: 10px 30px;}
	.live-content-block-left span img {width: 47%;}
	.channel-block img {width: 80%;}
	.channel-all-block-one img.img-two {width: 93%;}
	.channel-block {width: 35%;}
	.channel-all-block-one img {margin-right: 5px;}
    .maa-response-tel {width: 61% !important;}
	.for_web .flash-block img {width: 200px;}	
}
@media screen and (max-width: 990px) {
	.package-content-block {width: 900px;}
	.channel-block {width: 40%;padding: 10px 0;margin-right: 5px;}
	.yupp-tamil-channel .modal-dialog .modal-content{width: 90%}
	.modal.yupp-tamil-channel{left: 10%}
	
	.package-content-block .nav-tabs .nav-link {padding: 35px 20px 35px 20px;}
	.cut-price {font-size: 16px;padding: 0 5px;}
	.price-weight {font-weight: 700;font-size: 18px;}
	.buy-btn {padding: 10px 30px;}
}

@media screen and (max-width: 800px){
.package-content-block {width: 780px;}

}
@media screen and (max-width: 1024px) {
.for_web .startin-text1 { font-size: 30px;}
.for_web .startin-block1{padding:25px 0 0}
}

@media screen and (max-width: 768px) and (min-width: 768px) {
.package-content-block{margin: -230px auto 70px;}
.yupp_logo {width: 200px !important;margin: 10px 0 10px;}
.yupp_partner {width: 123px;}
}
@media screen and (max-width: 768px)    {

.body-bg.for_web{background-position: initial;background-repeat: no-repeat; background-size: cover;height: 100%;}

.for_web .startin-block{display: block}
.startin-block.for-web{display:none}
.top-block img.yupp_logo {width: 250px}
.top-block img.yupp_par ner {width: 149px}
.for_web .content-container{padding: 30px 0px 20px}
.for_web .startin-text1{font-size: 25px;padding-top:5px}
.for_web .startin-text{padding-top: 25px;font-size: 25px}	
.for_web .form-block{margin-top:40px;padding-bottom: 30px;}
.double-block{display:block}
.double-block-mob{display:none}
.for_web .add-plus{ margin: 0px 10px 0;}
.tab-content-head {font-size: 22px;width: 172px;}
.tab-content-head:before,.tab-content-head:after{top:13px}
.live-content-block-add {font-size: 50px;}
.tab-container { margin: 10px 20px}
.package-content-block {width: 740px;}
.package-content-block .nav-tabs .nav-link{padding: 35px 10px 35px 10px;}
.buy-btn {padding: 8px 10px;}
.package-content-block .nav-tabs .nav-link:focus .pack-head-left h3, .package-content-block .nav-tabs .nav-link:hover .pack-head-left h3{font-size: 20px}
.live-tv-block {padding: 12px 0;}
.pack-banner-block{background-position: initial;background-repeat: no-repeat; background-size: cover;}
.header-message{font-size: 19px;width: 92%}
}

@media screen and (max-width: 767px)    {
.double-block{display:block}
.double-block-mob{display:block}
.yupp-tamil-channel .modal-dialog .close-btn button.close {font-size: 25px;}
.modal-body h3 {font-size: 20px;}
.for_web .timer-block {width: auto}
 .for_web .startin-text { padding-top: 15px;}
.for_web .content-container { padding: 10px 0px 20px;}
.for_web .flash-block img {width: 240px}
.for_web .fontpramo { font-size: 20px;}
.yupp_logo {margin: 0px 0 0px;}
.top-block1{display:none !important}
.for_web .form-block .double-txt-field{width:100%}
.top-right{float:none}
}
@media screen and (max-width: 750px)    {
.package-content-block {width: 680px;}	
.live-content-block-left span img {width: 46%;}	
.tab-content-head {argin: 10px auto 35px;}
	
}
@media screen and (max-width: 700px)    {
	.package-web{display: none}
	 .for_web .startin-block{display: none}
    .startin-block.for-web{display:block}
	.for_web .form-block h3 {font-size: 32px;}
	.package-content-mobile{display: block;width: 100%;padding: 0px 20px 10px}
	.accordion {margin-top: 15px;}
    .accordion .card {border: none;}
    .card-head{color: #000;padding: 10px;font-size: 16px}
	.accordion .card h2 {background: url(http://images.cloud.yuppcdn.net/yupptv/flashsale/up-arrow.png) no-repeat calc(100% - 10px) center;  
	 background-size: 20px;cursor: pointer;font-size: 16px;}
	.accordion .card h2.collapsed {background-image: url(http://images.cloud.yuppcdn.net/yupptv/flashsale/down-arrow.png);}
	.accordion .card-body {padding-left: 0;padding-right: 0;color: #636363;padding: 10px;font-size: 14px}
	.mob-pack-head{display: flex;justify-content: space-between;padding: 10px;background: #fff;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}	
	.mob-pack-title	{color: #3ba548;font-size: 16px;font-weight: bold}
	.mob-pack-price{font-size: 14px;color: #636363}
	.mob-pack-price span{font-size:20px;font-weight: bold}
	.mob-pack-price span.cut-price{font-size: 14px}
	.card{border-radius: 0}
	.buynow-mobile{width: 100%;background: #f27121;border-radius: 4px;padding: 10px;text-align: center;border: none;color: #fff}
	.mob-yupp-pack img.img-one{width: 48%;}
	.mob-yupp-pack img.img-one{margin-right: 20px}
	.add-symbol{text-align: center;font-size: 40px;color: #636363;font-weight: bold;}
	.channel-block {width: 23%;margin-right: 15px;}
	.mob-hotstar-pack img.img-one{width: 48%;margin-right: 20px}
	.mob-movie-pack img.img-one{width: 48%;margin-right: 20px}
	.channel-all-block-one img.img-two {width: 96%;}
	.flash-sale-package{background:#000}
    .for_web .startin-text {  padding-top: 15px; font-size: 20px;}
}
@media screen and (max-width: 650px) {

	.for_web .form-block{width: 100%}
	.for-web .timer-block .r2{width: 304px;height: 57px;font-family: Lato;font-size: 35px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.19;letter-spacing: normal;text-align: center;color: #ffffff;}
	.for-web .timer-block .r3 {font-size: 13px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.23;word-spacing: 30px;text-align: center;color: #ffffff;}
	.body-bg.for_web{}
	#divForm .cust-fix.col-md-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	#divForm .cust-fix1.col-md-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.yupptv-label-font {font-size: 14px !important;}
	.yupptv-country-dropdown-margin{top:70px}
	.for_web .form-block {padding: 0}
	.double-txt-field-one{margin-bottom:20px !important}
}

@media screen and (max-width: 560px) {
.mob-hotstar-pack img.img-one{width: 47%;}
.mob-yupp-pack img.img-one{width: 47%;}	
.mob-movie-pack img.img-one {width: 47%;}
.channel-block {width: 40%;}
.header-message {font-size: 18px;width: 78%;line-height:2}
.header-message span span{display:block}
}
@media screen and (max-width: 400px) {
.mob-yupp-pack img.img-one {margin-right: 10px;}
.mob-hotstar-pack img.img-one {margin-right: 10px;}
.channel-block {margin-right: 8px}
.mob-movie-pack img.img-one {width: 48%;margin-right: 10px;}	
}
@media screen and (max-width: 480px) {
	.for_web .startin-text1 {font-size: 25px;}
	.for_web .top-block img.yupp_logo {width: 200px}
	.for_web .top-block img.yupp_partner {width: 150px}
	.for_web .add-plus{font-size: 40px;margin: 0px 10px 0;}
	.for_web .startin-text1 {font-size: 20px;text-align:center}
	.for_web .notify-btn1{width: 92%;margin: 20px auto;}
	.for_web .fontpramo{font-size: 22px}
	
	.notify-btn1 img{left: 30px;}
    .for-web .timer-block .r3{word-spacing: 10px;}
	.channel-block {width: 47%;}
	.mob-pack-price span {font-size: 14px;}
	.mob-pack-price span.cut-price {font-size: 12px;}
	.mob-pack-title {font-size: 14px;}
}
@media screen and (max-width: 375px) {
    .header-message {width: 90%}
	.for_web .top-block img.yupp_partner {width: 120px;}
	.for_web .top-block img.yupp_logo {width: 170px;}
}

@media screen and (max-width: 360px) {
	.for-web .timer-block .r2{font-size: 38px;}
	
	.for_web .form-block h4 {font-size: 18px;}
	.for_web .form-block h3 {font-size: 28px;}
	.modal-body h3 {font-size: 18px;}
    .header-message {font-size: 16px;}
	.header-message {width: 82%;}
}

@media screen and (max-width: 320px) {
	.channel-block {width: 57%;line-height: 1;}
	.mob-pack-title {font-size: 11px;}
	.mob-pack-price {font-size: 14px;}
	.cut-price {font-size: 16px}
	.mob-pack-price span.cut-price {font-size: 11px;padding: 0 2px;}
    .header-message {font-size: 14px;}
	.for_web .top-block img.yupp_partner {width: 100px;}
	.for_web .top-block img.yupp_logo {width: 150px;}
}