body { padding:0}
.navbar { border-radius:0; margin:0}
.margin-spacer { height:30px}
.wifth-100 { width:100%}
.now-b { font-size:130%; line-height: 100%;}
.under-line { text-decoration:underline}
a { color:#f69831}
a:hover, a:link, a:visited, a:active { color:#f69831; text-decoration:underline}

/* header */
.navbar-brand { padding:12px 15px}
.container { position:relative}


/* Content */
.nowtv-content { /*padding:15px;*/ position:relative}
.nowtv-content h2 { color:#f69831; /*border-bottom:1px #c5c5c5 solid;*/ padding-bottom:5px; font-weight:normal; font-size:23px; margin:0; margin-bottom:20px; margin-top:5px; line-height:23px}
.nowtv-content p { margin-bottom:20px}
.nowtv-content .con-margin-all { margin-bottom:15px}
.cap-picture { margin-top:10px}
.cap-picture a { color:#000; text-decoration:underline}
.cap-picture a:hover { color:#F00}
.cap-picture a.next-pic-btn { margin-left:10px}
.mandatory-text { text-align:right; color:#f69831}
.header-top1 { margin-top:40px}


/* Button */
.btn-default {background-color: #f69831;border-color: #f69831;color: #fff;}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active, 
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {color: #fff; background-color: #f69831;border-color: #f69831;}

.btn-gray { background:#CCC; border-color: #ccc; color:#666}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.ative { background:#666; border-color: #666; color:#fff}

label {font-weight:normal;}
.mandatory-m { font-size:18px; color:#f69831}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.margin-spacer { height:10px}
	.btn-area-m12 div { margin:10px 0}
	.mandatory-left { display:none}
	.nowid-banner-1 { width:100%}
	.card-view .value { width:100%; display:block}
	
	.navbar-inverse .navbar-brand { width:100%;position: relative;text-align: center; margin:0 auto}
}

label.valid {width: 24px;height: 24px;background: url(../img/valid.png) center center no-repeat;display: inline-block;text-indent: -9999px; position:absolute; top:2px; right:20px}
label.error, .error {font-weight: bold;color: red;padding: 2px 8px 2px 0;margin-top: 2px;}

h3 { font-size:20px; line-height:20px; color:#f69831}
.row h3 { margin:0; margin-bottom:10px}
.free-reg-mm { }
.sf-nav-number { font-size: 30px;  font-weight: 700; line-height:35px; width:35px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; text-align:center; color:#fff; float:left; margin-bottom:10px}
.sf-nav-number-inner { display: block;}
.sf-nav-subtext { padding-left: 15px; line-height:20px; margin-bottom:10px; float:left; width:85%}
p.free-reg-title { margin-bottom:15px; /*color:#f69831;*/ font-size:16px; line-height:18px}
/*ul.ul-style { margin:0; padding:0; margin-bottom:10px}
ul.ul-style li { margin:0; padding:0; list-style:decima; margin-left:20px; line-height:20px}*/

.s1 { background:#fdba55}
.s2 { background:#fd9c30}
.s3 { background:#fd7322}

.note-t { color:#999}
.note-t .note-small { font-size:12px}

.center-block { display: block; margin-left: auto; margin-right: auto;}
.successful-w100 { width:100%}
@media only screen and (min-width: 768px)  {
	.center-block { display: block; margin:0}
	.table-responsive { border: 1px solid #ddd; border-top:none}
}

.table-responsive .table { margin-bottom:0}
.table-responsive .con-margin-all { margin-bottom:5px}
.table-responsive .con-margin-all .title { font-weight:bold}
.table-responsive .con-margin-all .address-1 { text-transform:uppercase}
ul.ul-style-1 { padding:0; margin:0; margin:5px 0}
ul.ul-style-1 li { list-style:decimal; margin-left:20px}

.left-back { float:left}
.check-abc-1 { padding:0; margin:0}
.forgot-pass { margin:10px 0; text-align:right}

.top-back-btn { display:none; border-radius:0; border:none; height:21px; z-index:9999}
a.top-back-btn { text-decoration:none}
a.top-back-btn:hover { background-color:#222; color:#f69831}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.forgot-pass { margin:10px 0; text-align:right}
	.top-back-btn { position:absolute; top:25px; left:15px; display:block; background:url(../img/back-btn.png) 0 0 no-repeat; padding-left:20px; font-size:20px; color: #f69831; font-size: 20px;font-weight: normal;line-height: 10px;padding-left: 20px}
	
	
}

.phone-no-m { font-weight:bold; color:#999; font-size:16px; letter-spacing:1px}
.nowid-accord-m .panel-default > .panel-heading { background:none}
.nowid-accord-m .panel-heading { -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;; padding:10px 0}
.nowid-accord-m.panel-group .panel {border-radius:0}
.nowid-accord-m .panel-default{ border:none; border-top:1px solid #ccc}
.nowid-accord-m .panel { box-shadow:none}
.nowid-accord-m.panel-group .panel + .panel { margin:0}
.nowid-accord-m.panel-group .panel .panel-title > a { color:#333; text-decoration:none}
.nowid-accord-m.panel-group .panel a p { margin:0}
.nowid-accord-m .nowid-login-f { padding:25px 0}
.nowid-accord-m.panel-group .panel-heading + .panel-collapse .panel-body { border:none}

.glyphicon-chevron-down { background:url(../img/chevron-down.png) 0 0px no-repeat; width:16px; height:16px;}
.glyphicon-chevron-right { background:url(../img/chevron-right.png) 0 0px no-repeat; width:16px; height:16px;}
.glyphicon-chevron-down::before { content: "";}
.glyphicon-chevron-right::before { content: "";}


/* nowplayer now ID*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.col-title-m { display:none}	
}
.col-lr-m { padding:0}
.top-back-btn { background:none; padding-left:0}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: none;
    border-color: none;
    color: #fff;
}
.fgpassword.lrt-text-m { text-align:right}
.fgpassword a { color: #999; text-decoration: none; }
.fgpassword a:hover { text-decoration: underline; }
.lrt-text-m { /*margin-top:8px*/ margin-top:0; text-align:left}
.line-m1 { border-bottom:1px #c5c5c5 solid; margin-bottom:10px; line-height:0}
h2.none-nowid-m { border-bottom:none; margin:0; margin-bottom:5px}
.register-text p { margin:0; font-size:16px}
.icon-arrow { position:absolute; right:2%}
.icon-arrow img { width:65%}

@media only screen and (min-width: 991px) {
	.col-lr-m.col-lr-btn { padding:0 15px}
}

.top-back-btn2 { top:7px}
.top-connect-btn { position:absolute; right:15px; top:7px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border:0; text-decoration:none!important; color:#FFF!important; margin-right:-10px}
.top-connect-btn:hover { background:none; color:#f38e26!important}
a.header-name { text-decoration:none; color:#FFF!important}

.top-close-btn { position:absolute; left:15px; top:7px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border:0; text-decoration:none!important; color:#FFF!important; margin-left:-10px}
.top-close-btn:hover { background:none; color:#f38e26!important}

.left { float:left}
.right { float:right}
.app-content { background:none}
.app-content .con-margin-all { margin-top:15px; margin-bottom:15px;  float:left; width:100%}
.app-content .now-id { font-size:16px; color:#FFF; /*padding-left:20px; padding-right:20px*/}
.app-content .now-id-add { font-size:16px; color:#f38e26;/* padding-left:20px; padding-right:20px*/}
.app-content a.change-pass { font-size:16px; color:#FFF; padding:15px 0; display:block; text-decoration:none; background:#2b2b2b;}
.app-content .btn-app-style { font-size:16px; color:#fff; border:1px #fff solid; background:none; padding:10px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.app-content .con-margin-all-nonetop { margin-top:0}
.app-content a.connected-box, .connected-box { font-size:16px; color:#FFF; background:#2b2b2b; padding:15px 0; display:block; text-decoration:none}
.app-content .add-connect-icon { text-align:center; display:block}
.app-content .add-connect-icon img { width:52px}
.app-content .add-connect-icon2 img { width:72px}
.app-content  .text-1 { text-align:center; font-size:16px; display:block; margin-top:15px;}
.app-content  .text-2 { text-align:center; color:#909090; font-size:13px; display:block; margin-top:15px; margin-left:20px; margin-right:20px}
.app-content  .text-1.style2 { margin-top:35px;}
.app-content ul.list-m-m { margin:0; padding:0; list-style:none; color:#fff}
.app-content ul.list-m-m li { background:#2b2b2b; padding:20px; font-size:16px}
.app-content ul.list-m-m li .dollar-mm { color:#f38e26}
.app-content .btn-app-style-m1 { padding-left:20px; padding-right:20px}
.app-content ul.list-m-m li.line-dollar-m { background:#545861; height:1px; padding:0; margin-left:10px}
.app-content .app-back-btn img { width:22px}
.nowtv-content.landing { padding: 15px 0}
@media only screen and (max-width: 319px) {
	/* .app-content  .marg-lr-mm .col-xs-12{ margin-left:5%; margin-right:5%} */
}

/* for connect-now-id */
.app-content.content-connect-id .navbar-header { float:inherit; text-align:center; padding:12px 15px}
.app-content.content-connect-id .navbar-brand { float:inherit; margin-left:0}
.app-content.content-connect-id .nowid-p-mm { /*margin-top:15px;*/ color:#777; margin-bottom:0; font-size:16px; margin-bottom:10px}
.app-content.content-connect-id h3 { font-size:18px; color:#FFF}
.app-content.content-connect-id h4 { font-size:16px; color:#777; margin-top:15px}
.app-content.content-connect-id .now-id, .app-content.content-connect-id .now-id-add, .app-content.content-connect-id .nowid-p-mm { padding-left:0; padding-right:0; }
.app-content.content-connect-id .now-id-add { margin-bottom:15px}
.app-content.content-connect-id p, .form-group { color:#777; font-size:16px}
a.connect-link { color:#ccc}

.connect-field-style { background:#403f3b; border:1px #1b1612; solid; height:3em; font-size:17px; color:#8e8e8e; border-radius:8px}
.form-control::-moz-placeholder {color: #8e8e8e;}
button, input, select[multiple], textarea { color:#FFF!important}
.color-dark input{ color:white!important; background: none; border: none; border-bottom: 1px #6a6a6a solid; border-radius:0;}
.tv-interface-m { text-align:center; position:relative; margin-bottom:15px}
.tv-interface-m img { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border:1px #403f3b solid; width:100%}
.tv-interface-m .text { color:#8e8e8e; font-size:16px; margin-top:8px; display:block}
.tv-interface-m a { text-decoration:none}
.tv-interface-m a:hover img { border:1px #f38e26 solid}
/*.carousel-inner-gallery { text-align:center}
.carousel-inner-gallery img { width:100%}*/

.carousel-inner .item { }
.carousel-inner .item img {  text-align:center; margin:0 auto; padding:0}

@media only screen and (min-width: 640px) {
	#carousel-example-generic { width:50%; margin-left:25%}
	.carousel-inner .item img { width:640px}
}

.carousel-indicators .active { background: #f66e00; border:1px #f66e00 solid}
.carousel-indicators li {border: 1px solid #828282; background:#828282}

.acc-list-con { background:#403f3b}
ul.acc-list-m { margin:0; padding:0;  width:100%; list-style:none; padding:10px; padding-left:15px}
ul.acc-list-m li:nth-last-child(2) { border-bottom:none;}
ul.acc-list-m li { float:left; color:#FFF; width:100%; font-size:16px; border-bottom:1px #1b1612 solid; padding-bottom:15px}
ul.acc-list-m li .first-t { color:#aaa}
ul.acc-list-m li .subscribelink { margin-top:5px}
ul.acc-list-m li .subscribelink a { color:#8e8e8e}

.footer-note { font-size:15px; color:#8e8e8e; margin-bottom:8px}
ul.footer-note-ui li { padding:0; margin:0; color:#8e8e8e; font-size:15px; list-style-type:decimal; margin-left:-20px;}

.modal-con-m  h4.modal-title { color:#999; font-size:20px; padding:0; margin:0}
.modal-con-m .close-btn-modal { color:#000}
.modal-con-m .modal-body .now-id { color:#403f3b}
ul.subscribed-ul { margin:0; padding:0; margin-left:15px}
ul.subscribed-ul li { margin-left:0px; list-style:none; list-style:square}
ul.subscribed-ul li.text { padding:0; margin:0; margin-bottom:5px;}

.app-content p { color:#FFF; font-size:16px}
.app-content p#error_msg { margin-top: 10px; font-size: 14px; color: #f69831 }
.app-content label, .app-content .color-white{ color:#FFF!important}

.navbar-inverse { border: none; background: none}


@media (max-width: 991px) {
	.nowtv-content h2, #registration-form .fgpassword, .register-text p{ text-align: center;}
}

html, body {
    height: inherit;
}



.app-content .btn-app-style {
	width: 180px;
	display: block;
	border: 0;
	border-radius: 22.5px;
	color: #ffffff;
	border: 2px solid #fff;
	padding: 12px 0;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	outline: none;
	text-decoration: none;
	opacity: .85
	/*font-family: Montserrat;*/
}
.app-content .btn-app-style:hover {
	opacity: 1
}

.app-content .con-margin-all .col-lr-m {
	display: flex;
	justify-content: center;
}

.navbar-header .title {
	text-align: center;
	color: #fff;
	font-size: 18px
}
.app-content .navbar {
	display: flex;
	align-items: center;
}


@media screen and (max-device-width:768px) { 
	.app-content .btn-app-style {
		font-size: 16px
	}
}