/* Grid System */
.reg-row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-1-ph, .col-2-ph,
.col-1-tb, .col-2-tb, 
.col-1-dp, .col-2-dp, .col-3-dp
{
	position: relative;
  	min-height: 1px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	float: left;
}
.col-2-ph {
  width:50%
}
@media (min-width: 768px) {
 .reg-row
  {
   	margin-left: -15px;
  	margin-right: -15px;
  }
  .col-1-ph, .col-2-ph,
  .col-1-tb, .col-2-tb, 
  .col-1-dp, .col-2-dp, .col-3-dp
  {
    padding-left:15px;
	padding-right:15px; 
  }
  .col-1-tb {
  	width:100%
  }
  .col-2-tb {
  	width:50%
  }
}
@media (min-width: 992px) {
  .reg-row
  {
   	margin-left: -30px;
  	margin-right: -30px;
  }
  .col-1-ph, .col-2-ph,
  .col-1-tb, .col-2-tb, 
  .col-1-dp, .col-2-dp, .col-3-dp
  {
    padding-left:30px;
	padding-right:30px; 
  }
  .col-1-dp {
  	width:100%
  }
  .col-2-dp {
  	width:50%
  }
  .col-3-dp {
  	width: 33%
  }
  .col-dp5-2, .col-dp5-3  /* 5-col grid */
  {
  	padding-left:30px;
	padding-right:30px; 
  }
  .col-dp5-2 { width: 40% }
  .col-dp5-3 { width: 60% }
  
  .col-dp3-1, .col-dp3-2  /* 3-col grid */
  {
  	padding-left:30px;
	padding-right:30px; 
  }
  .col-dp3-1 { width: 33% }
  .col-dp3-2 { width: 67% }
}

.pull-right { float: right !important; }
.visible-ph,
.visible-tb,
.visible-dp {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-ph {
    display: block !important;
  }
  table.visible-ph {
    display: table;
  }
  tr.visible-ph {
    display: table-row !important;
  }
  th.visible-ph,
  td.visible-ph {
    display: table-cell !important;
  }
  .hidden-ph {
    display: none !important;
  }
  .center-ph { text-align: center; }
  .left-ph { float: left !important; }
  .right-ph { float: right !important; }
  .pull-left-ph { right: 100% }
  .push-right-ph { left: 100% }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-tb {
    display: block !important;
  }
  table.visible-tb {
    display: table;
  }
  tr.visible-tb {
    display: table-row !important;
  }
  th.visible-tb,
  td.visible-tb {
    display: table-cell !important;
  }
  .hidden-tb {
    display: none !important;
  }
  .left-tb { float: left !important; }
  .right-tb { float: right !important; }
}
@media (min-width: 992px) {
  .visible-dp {
    display: block !important;
  }
  table.visible-dp {
    display: table;
  }
  tr.visible-dp {
    display: table-row !important;
  }
  th.visible-dp,
  td.visible-dp {
    display: table-cell !important;
  }
  .hidden-dp {
    display: none !important;
  }
  .left-dp { float: left !important; }
  .right-dp { float: right !important; }
}
.reg-row:before,
.reg-row:after,
.clearfix:before,
.clearfix:after
{
  display: table;
  content: " ";
}
.reg-row:after,
.clearfix:after
{
	clear: both;
}
/* end of Grid System */


#iptv_content { overflow-x:hidden }
#iptv_content *, #iptv_content *:before, #iptv_content *:after {
  	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.reg-link {
  color: inherit;
  text-decoration: underline;
}
a.reg-link:hover {
  text-decoration: underline;
}
a.symbol {
  color: inherit;
  font-size:2.5em;
  text-decoration: none;
}
h1 {
	font-size: 2.2em;
	margin:0px;
	color: #000;
}
h2 {
	font-weight:bold;
	font-size: 1.5em;
	color: #231f20;
	margin-top: 0px;
	margin-bottom: 10px;
}
h3 {
	font-size: 1.4em;
	color: #231f20;
}
.profile-section 
{ 
	font-size: 1.8em;
	margin:0px;
	color: #231f20
}
.stepsContainer { background-color: #000; }
.steps
{
	margin: 0 auto;
	padding:15px 10px
}
.stepsList, #tabsList
{
	display:inline-block;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.stepsList li
{
	margin:0px;
	float:left;
	white-space:nowrap;
	color:#737573;
	font-size: 1.2em
}
.stepsList .past { color:#fff }
.stepsList .sel { color:#fff; font-weight:bold }
.stepsList li + li { margin-left:50px }
.tabsContainer { background-color: #EEEEEE }
.tabs-account { padding:20px; font-size: 1.2em; margin: 0 auto }
#tabsList li
{
	margin:0px;
	float:left;
	white-space:nowrap;
	padding: 10px 20px;
	background-color: #D6D6D6;
	border-radius: 2px;
}
#tabsList .sel { background-color: #000; color: #fff; font-weight:bold }
#tabsList li + li { margin-left:10px; }
.reg-content-width, .regonly-content { margin:0 auto; }
#iptvreg_regonly_header { font-size:1.2em }
.login-content
{
	width:300px;
	padding-top:50px;
	padding-bottom:70px;
	margin:0 auto;
}
.reg-content, .regonly-content { width:300px; padding-top: 50px; padding-bottom:30px }
.img-responsive { max-width: 100% }
.link-back {
	color: inherit;
	font-size: 0.9em;
	font-weight:bold;
  	text-decoration: none
}
.link-back:hover { text-decoration: underline; }
a.btn
{
  display: inline-block;
  border-color: transparent;
  border-radius: 4px;
  padding:10px 60px;
  text-align:center;
  white-space: nowrap;
  font-weight:bold;
  font-size:1.2em;
  text-decoration:none;
  font-style: italic;
  cursor: pointer
}
a.btn.continue, a.btn.signup, a.btn.check
{
  color: #fff;
  background-color: #000;
}
a.btn.check { height: 44px; }
a.btn.gray
{
  color: #5b5b5b;
  background-color: #e4e4e4;
  border:1px solid #5b5b5b;
}
a.btn.small { padding-left: 10px; padding-right: 10px }
a.btn.short { line-height: normal; padding-top: 6px; padding-bottom:6px; font-size:0.9em }
#iptvreg_btn_register[disabled], #iptvreg_btn_submit[disabled], #iptvreg_btn_masterpass[disabled], #iptvaccount_btn_profile[disabled], #iptvaccount_btn_billing[disabled], #iptvaccount_btn_updatepassword[disabled], #iptvaccount_btn_resetpassword[disabled] { pointer-events: none;display:inline-block }
.reg-carousel.sel { color: #fff; font-size: 1.2em; font-weight: bold }
.reg-carousel-indicators {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  margin-bottom: 0;
  text-align: center;
  list-style: none;
}
.reg-carousel-indicators li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 1px;
  text-indent: -999px;
  border-radius: 8px;
  background-color: #737573
}
.reg-carousel-indicators .active { background-color: #fff }
.reg-carousel-arrow { color: #737573; font-weight:bold; font-size:2em }
.reg-carousel-arrow.active { color: #fff }
.form-group {
  margin-bottom: 30px;
}
.label {
	font-weight:bold;
	font-size: 1.1em;
	color: #010101;
	padding: 0px 0px 5px 0px;
	display: inline-block;
	text-align: left
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 1px 0 0;
}
.reg-radio,
.reg-checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height:1.42857143;
  cursor: pointer;
}
.reg-radio-inline,
.reg-checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
  line-height:1.42857143;
}
.reg-radio input[type="radio"],
.reg-radio-inline input[type="radio"],
.reg-checkbox input[type="checkbox"] {
  position: absolute;
  margin-top: 4px;
  margin-left: -20px
}
.reg-radio-inline + .reg-radio-inline {
  margin-top: 1px;
  margin-left: 20px;
}
input.input, select.input {
  display: block;
  height: 45px;
  padding-left:6px;
  padding-right:6px;
  line-height:45px;
  color: #000;
  font-size: 1.3em;
  font-weight:bold;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cecece;
  border-radius: 4px;
  width:100%;
}
input, select 
{ 
	margin:0;
}
input.validationError, select.validationError
{
	border:1px solid #e22e2e;
	color:initial
}
.labelErrorDesc { color:#e22e2e }
.labelValidDesc { color:#008000 }
.labelErrorDesc, .labelValidDesc { padding-top:3px; font-size:0.85em }
select.input-dobdate { width:110px; margin-right:10px; }
select.input-dobyear { width:180px; }

#iptvreg_section_account {display:none }
#iptvreg_field_promo { max-width: 220px }
.packageArea { padding:20px 0 }
#iptvreg_row_cardexpmonth.col-2-ph, #iptvaccount_row_cardexpmonth.col-2-ph { padding-right: 6px }
#iptvreg_row_cardexpyear.col-2-ph, #iptvaccount_row_cardexpyear.col-2-ph { padding-left:6px }
#iptvreg_btn_confirmback { padding-left: 25px; padding-right: 25px; font-style: normal }

/* subscription */
.iptv-fb-container td+td { padding-left:10px }
select.input-dobmonth, select.input-dobdate, select.input-dobyear { float:left }
.iptvreg-paytype-img { margin-right:7px }
#iptvreg_error_termsofuse, #iptvreg_error_ukddtos { padding-left:20px }
#iptvreg_rtbt_logo, #iptvreg_error_paytype { padding-left:10px }
#iptvreg_field_promo_container { overflow:hidden;padding-right:0.5em;float:left }
#iptvreg_btn_checkpromo { float:left }
#form3dsecure_cardtype { float:right;padding-top:10px;padding-left:15px }
/* My Account */
.iptvFloatLeft { float:left }
.iptvaccountReviewItem  { padding-right:50px}
.iptvaccount-fbitem + .iptvaccount-fbitem { padding-left:10px }
#iptvaccount_field_cardexpmonth { margin-right: 10px }
#iptvaccount_cancel_sub_yes, #iptvaccount_cancel_sub_no, #iptvaccount_upgrade_subcription, #iptvaccount_offers_buy, #iptvaccount_apply_promo_code_btn { width:200px }
#iptvaccount_error_applypromo, #iptvaccount_error_promo { text-align: left }
#iptvaccount_promo_container td:first-child { padding-right:0.5em;width:90% }
#iptvaccount_optinrenew_container td + td { padding-left:20px }
.iptvaccount-video-price { padding-left:1em }
.iptvaccount-video-purchasedate { padding-left:1em;padding-right:1em }
 
 .generate-txns-pdf { display:none }

@media (max-width: 767px)
{
	.input-ph { width:100% !important; max-width:300px }
	a.btn-ph { padding-left:10px; padding-right:10px }
	select.input-dobmonth { margin-bottom: 10px }
	#iptvreg_section_account {display:inline-block; margin-bottom:5px }
	#iptvreg_page_0_packageArea.packageArea { padding-top: 0px }
	#iptvreg_btn_submit, #iptvreg_btn_confirmback { width: 100% }
	a.symbol { font-size:1.9em }
	#iptvreg_ukdd_guarantee { width:150px; font-size:1.1em; margin-right:20px;float:left }
	#iptvreg_ukdd_guarantee_logo {  max-width:80px;float:right }
	
	#iptvaccount_editprofile_links_container_ph a + a { display:block; margin-top:15px }
	#iptvaccount_txns_showmore { padding-top:1em }
	.generate-txns-pdf { padding-top:1em }
}
@media (min-width: 662px)
{
  	.regonly-content { width: 662px }
  	#iptvreg_regonly_fields { width: 400px; margin:0 auto }
	#iptvreg_regonly_dob_container select.input-dobmonth { width:160px; margin-right: 10px }
	#iptvreg_regonly_dob_container select.input-dobdate { width:100px; margin-right: 10px }
	#iptvreg_regonly_dob_container select.input-dobyear { width:120px }
}
@media (min-width: 768px)
{
	.reg-content-width { width:720px }
  	.reg-content { padding-top: 75px; padding-bottom:40px }
 	#iptvreg_subscribinguser .reg-content { padding-bottom:150px }
  	.steps { padding:30px 0px }
  	.tabs-account { padding-left:0px; padding-right:0px }
	
	select.input-dobmonth { width:260px; margin-right: 20px }
	select.input-dobdate { width:190px; margin-right:20px }
	select.input-dobyear { width:230px }
	#iptvreg_field_promo { max-width: 300px }
	.profile-section { font-size: 2.5em }
	#iptvreg_ukdd_box { position:relative }
	#iptvreg_ukdd_guarantee { text-align:center;font-size:1.4em }
	#iptvreg_ukdd_guarantee_logo { position:absolute;top:6px;right:10px}
	
	#iptvaccount_data_transactions .transaction_date { width:130px }
	#iptvaccount_data_transactions .transaction_type { width:100px }
	#iptvaccount_data_transactions .transaction_desc { width:170px }
	#iptvaccount_data_transactions .transaction_paytype { width:140px;padding-left:10px;padding-right:10px }
	
	#iptvaccount_data_gifts .gift_date { width:150px }
	#iptvaccount_data_gifts .gift_desc { width:200px }
	#iptvaccount_data_gifts .gift_amount { width:100px }
	#iptvaccount_data_gifts .gift_code { width:160px;padding-right:15px }
	
	#iptvaccount_editprofile_links_container a + a { display:block; margin-top:15px }
	.generate-txns-pdf { padding-left:20px }
}
@media (max-width: 991px)
{ 
	#iptvreg_field_cardsc, #iptvreg_error_cardsc, #iptvaccount_field_cardsc, #iptvaccount_error_cardsc  { max-width: 180px }
}
@media (min-width: 992px)
{
	.reg-content-width { width:800px }
	#iptvreg_field_promo { max-width: 170px }
  	#iptvreg_row_cardexpmonth.col-2-ph, #iptvaccount_row_cardexpmonth.col-2-ph { padding-right: 0px }
  	#iptvreg_row_cardexpyear.col-2-ph, #iptvaccount_row_cardexpyear.col-2-ph { padding-left:14px; padding-right: 14px }
  	#iptvreg_row_cardsc .col-dp3-1, #iptvaccount_row_cardsc .col-dp3-1 { padding-left:0px }
  	
  	#iptvaccount_data_transactions .transaction_date { width:150px }
	#iptvaccount_data_transactions .transaction_desc { width:200px }
	#iptvaccount_data_transactions .transaction_paytype { width:160px;padding-left:15px;padding-right:15px }
  	
  	#iptvaccount_data_gifts .gift_amount { width:120px }
  	#iptvaccount_data_gifts .gift_code { width:180px }
}
@media (min-width: 1040px)
{ 
	.reg-content-width { width: 1020px }
	#iptvreg_field_promo { max-width: 220px }
	
	#iptvaccount_data_transactions .transaction_desc { width:400px }
	#iptvaccount_data_transactions .transaction_paytype { width:170px }
	
	#iptvaccount_data_gifts .gift_desc { width:360px }
	#iptvaccount_data_gifts .gift_code { width:200px }
}
@media (min-width: 1330px)
{
	.reg-content-width { width: 1280px }
	select.input-dobmonth { width:340px; margin-right: 20px }
	select.input-dobdate { width:270px; margin-right:20px }
	select.input-dobyear { width:310px }
	
	#iptvaccount_data_transactions .transaction_date { width:200px }
	#iptvaccount_data_transactions .transaction_type { width:150px }
	#iptvaccount_data_transactions .transaction_desc { width:500px }
	#iptvaccount_data_transactions .transaction_paytype { width:200px }
	
	#iptvaccount_data_gifts .gift_date { width:200px }
	#iptvaccount_data_gifts .gift_desc { width:500px }
	#iptvaccount_data_gifts .gift_amount { width:150px }
	#iptvaccount_data_gifts .gift_code { width:220px }
}
@media (min-width: 1570px) { .reg-content-width { width: 1540px } }

::-webkit-input-placeholder { color: #a4a4a4; font-weight: normal }
:-moz-placeholder { color: #a4a4a4; font-weight: normal }
::-moz-placeholder { color: #a4a4a4; font-weight: normal }
:-ms-input-placeholder { color: #a4a4a4; font-weight: normal }

.center
{
	display:inline-block;
	align:center;
}
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-wrap { white-space:normal }
div.center-line span
{
	margin:0;
	padding:0 10px;
    background:#fff;
    display:inline-block;
}
div.center-line
{
	text-align:center;
    position:relative;
    z-index:2;
}
div.center-line:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:solid 1px #dedede;
    z-index:-1;
}
.bold { font-weight:bold }
.desc { font-size:1.1em; color: #231f20;}
.instruct { font-size: 0.85em; font-style: italic}
.italic { font-style: italic }
.or { font-style: italic; font-size:1.2em }
.package { font-weight:bold; font-size:1.3em }
.paragraph-top { margin-top:20px }
.paragraph-bottom { margin-bottom:20px; }
.price { font-weight: bold; font-size: 1.5em }
.section-top { margin-top:30px }
.section-bottom { margin-bottom:30px }
.text { font-size: 18px }
.separator
{
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

.profile { font-size: 1.2em; color: #010101;}
.divider { border-top:1px solid #dedede;padding:1em 0em 1em 0em }
div.account.sibling { border-top:1px solid #dedede  }
.reg-dropdown { position:relative }
.reg-dropdown-menu {
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 0.5em 0;
  margin: 0;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #dedede;
  border: 1px solid rgba(0, 0, 0, .15);
}
.reg-dropdown-menu li { margin:0.5em }
.reg-dropdown-menu li a
{
	color:#010101;
	font-weight:normal;
}
.reg-dropdown-menu li a:hover {
  font-weight:bold;
}
.required { display:none }

#modalUnder
{
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: repeat;
	z-index: 1000001;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.modalOver
{
	position: absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	padding:20px;
	z-index: 1000002;
}

#modalCancelSub
{
	width:260px;
	background-color:#ECECEC;
	text-align:center;
	border:3px solid #464646;
	box-shadow:0px 0px 20px 0px #000000
}

#modalUpsell, #modalCrosssell, #modalApplyPromo, #modalTerminateAccount
{
	width:260px;
	background-color:#ECECEC;
	text-align:center;
	border:3px solid #464646;
	box-shadow:0px 0px 20px 0px #000000
}
#modalApplyPromo { width:300px }
#modalApplyPromo.modalOver {z-index:1000002;left:auto;right:auto }
#modalCancelSub .desc, #modalUpsell .desc, #modalCrosssell .desc, #modalApplyPromo .desc, #modalTerminateAccount .desc { padding:10px 0px 20px 0px }
#iptvaccount_applypromo_title { font-size:18px }

#modalCancelSub .textarea { maxlength:140; width:100%;height:100px; padding:5px }
#modalCancelSubReasons { width:160px; padding-bottom:10px; margin:auto }

#iptvreg_sepadd_regconfirm_frame { width:290px; height:835px; border: 5px #000 solid; frameborder:0 }
.sepadd_print { padding-top:15px; padding-bottom:15px }
#iptvreg_ukdd_box { border: 1px #000 solid; padding:15px 10px }
#iptvreg_ukdd_guarantee { font-weight:bold}
#iptvreg_ukdd_review { max-width:1000px;height:100%;position:relative;margin:0 auto }
#iptvreg_ukdd_mandate { width:290px; margin:0 auto }
#iptvreg_ukdd_review_frame { position: absolute;top:0;left:0;width:100%; height:100%; border: 0; frameborder:0 }
#iptvreg_ukdd_mandate_frame { margin-top:10px; width:100%; height:835px; border: 1px #000 solid; frameborder:0 }

#iptvreg_wh_wrapper{}
#iptvreg_wh_frame{padding-top:20px; padding-bottom:20px;}

#cardSCInstructOver, #cardSCInstructOver-ph, #iptvaccount_cardSCInstructOver { cursor:pointer; position:relative }
#iptvaccount_cardSCInstructOver { display: inline }
#cardSCInstructOverImg, #cardSCInstructOverImg-ph, #iptvaccount_cardSCInstructOverImg
{
	position:absolute;
	display:none;
	bottom:15px;
	background-color:#EEEEEE;
	padding:10px;
	border-radius:6px;
	right:0px;
}
#iptvaccount_cardSCInstructOver:focus #iptvaccount_cardSCInstructOverImg { display:block }
@media (min-width: 768px) {
	#modalCancelSub
	{
		width:420px
	}
	#modalCancelSubReasons { width:350px }
	
	#modalUpsell, #modalCrosssell, #modalApplyPromo, #modalTerminateAccount
	{
		width:550px
	}
	#iptvreg_sepadd_regconfirm_frame { width:625px; height:675px }
	#iptvreg_ukdd_mandate { width:625px }
	#iptvreg_ukdd_mandate_frame { height:675px}
	#cardSCIcon, #iptvaccount_cardSCIcon { font-size:0.8em; font-weight:normal }
	#cardSCInstructOver-ph { display:none }
	#cardSCInstructOver { display: inline }
	#cardSCInstructOver:hover #cardSCInstructOverImg, #cardSCInstructOver:focus #cardSCInstructOverImg, #iptvaccount_cardSCInstructOver:hover #iptvaccount_cardSCInstructOverImg { display:block }
}
@media (max-width: 767px) {
	#cardSCInstructOver-ph { display: inline;padding-top:5px;padding-left:5px }
	#iptvreg_field_cardsc, #cardSCInstructOver-ph { float:left }
	#cardSCInstructOver-ph:focus #cardSCInstructOverImg-ph { display:block }
	#iptvaccount_cardSCInstructOverImg { right:-50px }
}
/* Hide preferences tab default*/
#tab_preferences
{
	display: none;
}
#dropdown_preferences
{
	display: none;
}
/* Hide preferences tab default */