@font-face {

	font-family:new_sinkin;

	src:url('../font/SinkinSans-700BoldItalic.otf');

	font-weight:normal;

	font-style:normal; 

}





body

{

	background: #0c1117;

	color: #ffffff;

}





a.btn.live-btn {

	cursor:default !important;

}

.modal {

	color: #000000;

}

.top_menu.bg-dark

{	

    background-color: #151d28!important;

}



.top_menu .dropdown-menu

{

	right: 0;

	left: auto !important;

	padding: 10px;

	min-width:240px;

}



.top_menu ul li a

{

	color: #ffffff;

}

.top_menu ul li a:hover

{

	text-decoration: none;

}

.header{

	padding-bottom:15px;

}

.video_section

{

	position: relative;

	-webkit-box-shadow: 0 0 10px 2px #666666;

    -moz-box-shadow: 0 0 10px 2px #666666;

    box-shadow: 0 0 10px 2px #666666;

}

.video_player {

	top: 50%;

    left: 50%;

	margin-left:-45px;

	margin-top:-45px;

    position: absolute;

	display:flex;

	/*align-items:center;*/

	height:90px;

	width:90px;

	background: rgba(0,0,0,.6);

	border-radius:50%;

	opacity:0.5;

	text-align:center;

	transition: all 0.5s ease-in-out;

}

#play{

	margin:auto;

}

.video_section:hover

{

	opacity:0.8;

}

.video_section:hover .video_player{

	cursor:pointer;

	opacity:1;

	border:5px solid #c00;

	transition: transform 0.5s;

	 -ms-transform: scale(0.8); /* IE 9 */

	  -webkit-transform: scale(0.8); /* Safari 3-8 */

	  transform: scale(0.8); 

}

.play-btn-border .fa {

    font-size: 40px;

}

.spinner.loading:before {

    content: "";

    height: 66px;

    width: 66px;

    margin: -36px auto auto -33px;

    position: absolute;

    top: 50%;

    left: 50%;

    border-width: 3px;

    border-style: solid;

    border-color: #c00 #c00 #111;

    border-radius: 100%;

    animation: rotation .7s infinite linear;

}

@keyframes rotation{

		0% {

		transform: rotate(0);

		}

		100% {

		transform: rotate(359deg);

		}

	}



.controls

{

	height:0px;

	position:relative;	

	padding-top:0px;

}



#leftControls

{

	float:left;

}

#rightControls

{

	float:right;	

}



.controlContent

{

	width:100%;

	position:absolute;

	bottom:-20px;

	padding:0 15px;

	opacity:0;

}

.video_section:hover .controlContent

{

	transition: 0.9s;

	opacity:0.9;

	transform: translateY(-30px);

}



.controlBtn

{

	cursor:pointer;

}





.channels .channel-list {

    max-width: 100px;

    text-align: center;

    min-height: 50px;

    margin:auto;

}

.channels{

	background-color:#151d28;

	padding: 25px 0px;

}

.channels .btn-secondary {

    opacity: .65;

    background-color: transparent;

    border: 1px solid rgba(255,255,255,.5) !important;

}

.live-badge__icon {

    display: inline-block;

    width: 8px;

    height: 8px;

    margin-right: .25em;

    background-color: #fc0017;

    border-radius: 50%;

    -webkit-animation-name: pulse;

    -webkit-animation-duration: 4s;

    -webkit-animation-iteration-count: infinite;

    animation-name: pulse;

    animation-duration: 2s;

    animation-iteration-count: infinite;

}

@keyframes pulse{

		0% {

		opacity: 1;

		}

		50% {

			opacity: .1;

		}

		100% {

			opacity: 1;

		}

	}

.channels .btn {

    border: none;

    font-size: .7rem;

    padding: .5rem 1.5rem;

    text-transform: uppercase; 

    line-height: 1;

}

.features{

	margin:40px 0px;

	background-color: #151d28;

	padding: 25px 0px;

}

.feature_item{

	margin:0px 10px;

}

.feature_text{

    padding-left: 9px;

}

.feature_sub_title{

	font-size:13px;

	color:#6c757d!important;

}

.device-features {

	margin-top:90px;

}

.box_images .col-6 {

	padding:0px;

}

.box_images img{

	

}

.headline {

    font-family: new_sinkin;

    color: #fff;

    font-size: 1.75em;

    margin-bottom: 6px;

	

	font-weight: bold;

    font-style: italic;

}

.sub_headline {

    color: #fff;

    font-size: 1em;

    margin-bottom: .5em;

	font-family: 'Roboto Condensed',sans-serif;

	font-size:14px;

}

.device-features__brands {

    margin-bottom: .5em;

}

.device-features__brands img {

    margin: 1em;

    opacity: .5;

}

.btn-md {

    padding: .8em 2em;

    font-size: 1em;

    line-height: 1;

}

.btn-outline {

    border: 1px solid #daa300;

    color: #f7fbff;

    background-color: transparent;

	text-transform:uppercase;

}

.btn-outline:hover{

	color: #f7fbff;

}

.footer {

    margin-top: 80px;;

    border-top: 1px solid rgba(247,251,255,.1);

    padding: 1.6em 0;

}

.footer .copyright {

    font-size: .8em;

    color: rgba(247,251,255,.6);

}

.footer__links>a {

    display: inline-block;

    color: rgba(247,251,255,.6);

    text-decoration: none;

    font-size: .8em;

    margin: 0 1.2em;

}

.list-group-item-text{

	margin-bottom:0px;

}

.feature {

	margin-top:30px;

}

.modal_header_info{

	background-color: #d9edf7;

}

.list-group{

	margin-bottom:20px;

}



#singin_panel {

	display: flex;

    align-items: center;

    justify-content: center;

    position: fixed;

    z-index: 998;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    max-width: 460px;

    background-color: #151d28;

    padding: 1rem;

    box-shadow: 10px 0 50px #030506;

    transition: 0.5s transform cubic-bezier(1,0,0,1);

    -webkit-transform: translateX(500px);

    transform: translateX(500px);

	font-family:singin_panel;

}

#singin_panel.open {

	webkit-transform: translateX(0);

    transform: translateX(0);

    transition: 0.5s transform cubic-bezier(1,0,0,1);

}

.signin__close {

    position: absolute;

    top: 0;

    left: 0;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background-color: rgba(247,251,255,0.1);

    cursor: pointer;

    display: block;

}





.signin__holder {

    width: 100%;

    max-width: 320px;

}

.signin__group {

    position: relative;

    width: 100%;

}

label {

    color: rgba(255,255,255,0.5);

    font-size: 0.95em;

}

input, label {

    display: block;

    width: 100%;

}

input {

    color: rgba(255,255,255,0.5);

    background-color: rgba(247,251,255,0.1);

    border: 1px solid transparent;

    padding: 0.75rem;

    height: 50px;

    margin-bottom: 1rem;

    transition: 0.2s border ease-in-out;

}

#singin_panel button {

    width: 100%;

}

.signin__footer {

    text-align: center;

    margin-top: 1rem;

    padding: 1rem;

}

.signin__footer >a {

    color: rgba(255,255,255,0.25);

    cursor: pointer;

}

.signin__footer >a span {

    color: rgba(255,255,255,0.5);

}

button, a {

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.label-note:hover {

    color: rgba(255,255,255,0.5);

}

.label-note {

    position: absolute;

    top: 0;

    right: 0;

    font-size: 12px;

    color: rgba(255,255,255,0.25);

    cursor: pointer;

}

input.invalid {

    border-color: #fc0017;

}

.form-alert {

    font-size: 0.85rem;

    padding: 0.75rem;

    background: rgba(252,0,23,0.4);

    text-align: center;

    color: rgba(255,255,255,0.8);

}

@media(max-width:767px){

	.channel_box{

		display:flex;

		padding:5px 20px;

	}

	.channel-list{

		margin-left:0px !important;

	}

	.feature_item{

		margin:5px 10px;	

	}

	.device-features__content{

		padding-top:30px;

		text-align:center !important;

	}

	.copyright{

		text-align:center;

	}

	.footer__links{

		padding-top:20px;

		padding-bottom:10px;

	}

	.footer__links>a {

  	   margin: 0 1em;

	}

	.video_player_button {

		font-size: 1.3em;

	}

	.video_player {

		margin-left: -25px;

		margin-top: -25px;

		height: 50px;

		width: 50px;

	}

	.device-features {

		margin-top: 0px;

	}

	.list-group{

		margin-top:20px;

	}

	.box_images{

		padding-top:0px;

	}

	

	.spinner.loading:before {

		content: "";

		height: 40px;

		width: 40px;

		margin: -22px auto auto -20px;

		position: absolute;

		top: 50%;

		left: 50%;

		border-width: 3px;

		border-style: solid;

		border-color: #c00 #c00 #111;

		border-radius: 100%;

		animation: rotation .7s infinite linear;

	}

}

@media(max-width:367px){

	.navbar .logo{

		width:50%;

	}

	.navbar .logo img{

		width:90%;

	}

	.navbar-brand{

		margin-right:0px;

	}

	

	.spinner.loading:before {

		content: "";

		height: 50px;

		width: 50px;

		margin: -26px auto auto -25px;

		position: absolute;

		top: 50%;

		left: 50%;

		border-width: 3px;

		border-style: solid;

		border-color: #c00 #c00 #111;

		border-radius: 100%;

		animation: rotation .7s infinite linear;

	}

	

}



.comment-row{padding:10px 0;border-bottom:1px solid #dedede;width:100%;display:table}.comment-row .profile-img{width:50px;float:left;border-radius:50%}.comment-row .user-wrapper{width:80%;line-height:1.2;float:left;padding-left:15px}.comment-row .username{float:left;color:#4b6ea9;font-weight:700;font-size:13px}.clear{clear:both}.sub{width:92%!important;float:right!important}.comment-row .user-comment{font-size:14px!important;font-weight:500;color:#000;margin-top:6px;font-family:sans-serif!important}.share-facebook{float:left;text-align:left;font-size:14px;margin-left:20px}.share-facebook label{font-weight:500}.like-reply{font-size:12px!important;cursor:pointer}.time{color:gray!important;margin-left:0!important;margin-top:9px!important;font-weight:500!important}.like-reply a{font-weight:500!important;color:#3b5998!important}.comment-wrapper{background:#eff3f8;margin-top:0}.comment-wrapper .comments-title{font-size:.9em;font-weight:700;background:#d8dfea;color:#496ea8;border-top:1px solid #496ea8;margin:0;padding:2px 0 2px 10px}.comments-title{border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;padding-top:10px!important;padding-bottom:10px!important}.comment-wrapper .comment-area{height:150px;width:100%;margin-bottom:25px;text-align:center;border:1px solid #c7c7c7}.comment-wrapper .comment-area{height:inherit!important}.comment-wrapper .comment-input{border:1px solid #ddd;padding:0 15px 20px;color:#ccc;outline:none;font-size:.8em;min-height:60px;width:95%;margin:15px auto}.comment-wrapper .comment-input{color:#3e3e3e!important}.comment-wrapper .commbt{width:97.5%;height:50px}.comment-wrapper .comment-button{width:140px;line-height:22px;margin:0;text-align:center;float:right!important;background:#496ea8;color:#fff;font-size:12px;padding-top:7px!important;padding-bottom:7px!important;border:none;float:right;outline:none;cursor:pointer;text-decoration:none}.like i{background:url(sprite.html);background-position:-33px -170px;display:inline-block;width:15px;height:13px}.row-desktop{margin-left:-15px;margin-right:-15px}@media only screen and (max-width:700px){.comment-row .user-comment{font-size:.7em;margin-top:4px}.row-mobile{margin-left:-15px;margin-right:-15px}.row-desktop{margin-left:0;margin-right:0}.comment-wrapper .comment-button{width:100px;line-height:22px;margin:0;text-align:center;float:right!important;background:#496ea8;color:#fff;font-size:12px;padding-top:7px!important;padding-bottom:7px!important;border:none;float:right;outline:none;cursor:pointer;text-decoration:none}}#controls{width:100%;position:absolute;bottom:0!important;font-size:130%;background:#000!important}







/* Apply modern font and background */

.modal-content {

  font-family: 'Helvetica Neue', sans-serif;

  background-color: #292929;

  color: #fff;

  border-radius: 10px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}



/* Style the modal header */

.modal_header_info {

  background-color: #111;

  border-bottom: 2px solid #222;

}



.modal-header h6.modal-title {

  color: #fff;

}



/* Style the close button */

.close {

  color: #fff;

  opacity: 0.8;

  transition: opacity 0.3s ease;

}



.close:hover {

  opacity: 1;

}



/* Style the player image */

.modal-body .col-md-6 .player-image img {

  max-width: 100%;

  height: auto;

  margin-bottom: 20px;

}



/* Style input fields and buttons */

.form-control {

  background-color: #1e1e1e;

  border: none;

  color: #fff;

}



.btn-primary {

  background-color: #007bff;

  border: none;

}



.btn-success {

  background-color: #28a745;

  border: none;

}



/* Style list group items */

.list-group-item {

  background-color: #333;

  border: none;

  color: #fff;

}



.list-group-item-heading {

  color: #28a745;

}



.list-group-item-text {

  opacity: 0.8;

  color: #ccc; /* Adjust text opacity for better visibility */

}



/* Customize other elements as needed */



/* Reset some default styles */

body, html {

    margin: 0;

    padding: 0;

    font-family: Arial, sans-serif;

}



/* Global styles for the header */

.top_menu {

    background-color: #000; /* Dark background color */

    padding: 10px 0; /* Add padding for top and bottom */

}



.mobile_header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    max-width: 1200px; /* Limit the width of the container */

    margin: 0 auto; /* Center the container */

    padding: 0 20px; /* Add horizontal padding */

}



/* Logo styles */

.logo img {

    max-width: 100%; /* Make sure the logo doesn't exceed its container */

    height: auto; /* Maintain aspect ratio */

}



/* Navigation styles */

.nav {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

}



.nav li {

    margin-left: 15px;

}



/* Button styles */

.signin_btn {

    text-decoration: none;

    color: #fff;

    padding: 10px 15px;

    border: 1px solid #fff;

    border-radius: 5px;

    transition: background-color 0.3s, color 0.3s;

}



.signin_btn:hover {

    background-color: #fff;

    color: #000;

}



/* Affiliate link styles */

.affiliate {

    text-decoration: none;

    color: #fff;

    transition: color 0.3s;

}



.affiliate:hover {

    color: #00ff00; /* Change color on hover */

}



/*aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/

.comment-row{padding:10px 0;border-bottom:1px solid #dedede;width:100%;display:table}.comment-row .profile-img{width:50px;float:left;border-radius:50%}.comment-row .user-wrapper{width:80%;line-height:1.2;float:left;padding-left:15px}.comment-row .username{float:left;color:#4b6ea9;font-weight:700;font-size:13px}.clear{clear:both}.sub{width:92%!important;float:right!important}.comment-row .user-comment{font-size:14px!important;font-weight:500;color:#000;margin-top:6px;font-family:sans-serif!important}.share-facebook{float:left;text-align:left;font-size:14px;margin-left:20px}.share-facebook label{font-weight:500}.like-reply{font-size:12px!important;cursor:pointer}.time{color:gray!important;margin-left:0!important;margin-top:9px!important;font-weight:500!important}.like-reply a{font-weight:500!important;color:#3b5998!important}.comment-wrapper{background:#eff3f8;margin-top:0}.comment-wrapper .comments-title{font-size:.9em;font-weight:700;background:#d8dfea;color:#496ea8;border-top:1px solid #496ea8;margin:0;padding:2px 0 2px 10px}.comments-title{border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7;padding-top:10px!important;padding-bottom:10px!important}.comment-wrapper .comment-area{height:150px;width:100%;margin-bottom:25px;text-align:center;border:1px solid #c7c7c7}.comment-wrapper .comment-area{height:inherit!important}.comment-wrapper .comment-input{border:1px solid #ddd;padding:0 15px 20px;color:#ccc;outline:none;font-size:.8em;min-height:60px;width:95%;margin:15px auto}.comment-wrapper .comment-input{color:#3e3e3e!important}.comment-wrapper .commbt{width:97.5%;height:50px}.comment-wrapper .comment-button{width:140px;line-height:22px;margin:0;text-align:center;float:right!important;background:#496ea8;color:#fff;font-size:12px;padding-top:7px!important;padding-bottom:7px!important;border:none;float:right;outline:none;cursor:pointer;text-decoration:none}.like i{background:url(sprite.html);background-position:-33px -170px;display:inline-block;width:15px;height:13px}.row-desktop{margin-left:-15px;margin-right:-15px}@media only screen and (max-width:700px){.comment-row .user-comment{font-size:.7em;margin-top:4px}.row-mobile{margin-left:-15px;margin-right:-15px}.row-desktop{margin-left:0;margin-right:0}.comment-wrapper .comment-button{width:100px;line-height:22px;margin:0;text-align:center;float:right!important;background:#496ea8;color:#fff;font-size:12px;padding-top:7px!important;padding-bottom:7px!important;border:none;float:right;outline:none;cursor:pointer;text-decoration:none}}#controls{width:100%;position:absolute;bottom:0!important;font-size:130%;background:#000!important}

