/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body {
  color: #666;
  background-color: #fff;
  font-family: "Open Sans",Arial,sans-serif;
  font-size: 12px;
  line-height: 1.7em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

p {
	margin-bottom: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.7em;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}


h5, h6 {
	font-weight: bold
}

.header {
	background-color: #000000;
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px;
	border-radius: 0px 6px 6px 0px;
	margin-left: -30px;
	margin-top: -30px;
	font-family: "Michroma", sans-serif;
	font-weight: 400;
	font-style: normal;
}



.image-promo {
	margin-right: -30px;
	max-height: 170px;
}

.image-mobile {
	max-height: 150px;
}


ul li {
	margin-bottom: 0.5em;
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

a {
	color: #ff0000;
}

a:hover {
	color: #D90003;
}

a:focus {
	color: #D90003;
}


/* centered content inside row - for footer */
.col-centered {
        float: none;
        margin: 0 auto;
   }

.navbar {
	min-height: auto;
  	margin-bottom: 0px;
  	border: 0;
	border-radius: 0;
}

.navbar-inverse {
    background-image: unset;
	background-color: #010101;
	padding-bottom: 10px;
}

.navbar-default {
	background: #292929;
    background: linear-gradient(180deg, rgba(41, 41, 41, 1) 0%, rgba(18, 18, 18, 1) 100%);
    box-shadow: unset;
    -webkit-box-shadow: none;
}
.navbar-logo {
	background-color: #010101;
}

.navbar-brand, .navbar-nav>li>a{
    text-shadow: none;
}

.panel-default>.panel-heading{
    background-image: unset;
}

/* link color transition for all text links */


.logos-index {
	padding-bottom: 30px;
	padding-top: 30px;
}

.logo-index {
	margin: auto;
	padding-top: 30px;
}

/*  Navbar top left links list  */

#menu-top li a {
	color: #ffffff;
	text-transform: uppercase;
}

#menu-top li a:hover {
	color: #FF0000;
}

.navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 5px;
}



/* links at bottom of page */
#menu-bottom li a {
	color: #ffffff;
}

#menu-bottom li a:hover {
	color: #FF0000;
	background-color: transparent;
}

.navbar-bottom {
	background-color: #222222;
	border-top: 3px solid #444444;
	padding-bottom: 10px;
	padding-top: 10px;
}




/* navbar brand logo */
.navbar-brand {
  height: auto;
}
.navbar-brand img {
	max-height: 40px
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }

/* centered logo on mobile */
@media(max-width:768px)
    {
        .navbar-brand { text-align: center; margin-left: auto; margin-right: auto; display: block}
		
	}

.menubuttons {text-align: right;}

.menulogo {max-width: 40%;}

@media(max-width:1200px) {
    .menubuttons { margin-top: 19px;}
}

@media(max-width:991px) {
    .menubuttons { 
		text-align: center; 
		margin-top: 10px; 
		margin-bottom: 0px; 
		padding-bottom: 40px;
        float: none;
        margin: 0 auto;
   
	}
	
	
	.menulogo { max-width: 60%; text-align: center; margin-left: auto; margin-right: auto; display: block; margin-bottom: 20px; margin-top:20px}
}



/* login form on top menu */

/*
.input-sm {
        height: 22px;
        padding: 5px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
}
*/

.navbar-right form.form-inline { 
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
    padding-top: 15px;
}


/* form login top */
.form-login .form-control {
    background-color:#222222;
	border: 1px solid #888888;
    color: #FFF;
}


/* hamburguer menu */

.navbar-default .navbar-toggle {
	border: #000000;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ff0000;
}

.navbar-default .navbar-toggle .icon-bar:hover {
  background-color: #C80003;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: transparent;
} 

.navbar-collapse {
	border-top: 0;
}


/* position logo centered  */
.navbar-toggle {
	  position: absolute;
	  left: 0; 
	  right: 0; 
	  margin-inline: auto; 
	  width: fit-content;
	  margin-top: -30px;
	  padding-top: 10px;
	  padding-bottom: 10px;
}




/* mobile style for collapes menu over content */
 @media screen and (max-width: 768px)
    {
        .collapsing
        {
            position: absolute !important;
            z-index: 20;
            width: 100%;
            top: 5px;
        }
        .collapse.in {
            display: block;
            position: absolute;
            z-index: 20;
            width: 100%;
            top: 5px;
        }
        .navbar-collapse
        {
            max-height: none !important;
			background-color: #333;
        }
		
		.navbar-default .navbar-nav > li {
			padding-top: 5px;
			padding-bottom: 5px;
		}
	}



/* main menu list */

.navbar-center {
	float:none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

.michroma-regular {
  font-family: "Michroma", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.navbar-default .navbar-nav > li > a {
  font-size: 13px;
  font-family: "Michroma", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #D30003;
	text-decoration: none;
}


.navbar-default .navbar-nav > li > a.highlighted-link {
	color: #ff0000;
}


/*--------------- buttons ---------------*/


/* login button */
.btn-primary {
	background: #e60000;
    background: linear-gradient(180deg, rgba(230, 0, 0, 1) 0%, rgba(153, 0, 0, 1) 100%);
}



.btn-success {
	background-color: transparent;
	border:none;
	color: #000;
	text-transform: uppercase;
}
.btn-success:hover {
	background-color: #D6D6D6;
	color: #000;
	border:none;
	text-transform: uppercase;
}

.btn-success span {
  content: "\00BB";
	color:#FF0004;
} 
.read-more {
	margin-top: 10px;
	margin-bottom: 30px;
}



.btn-info {
	background-color: #29B142;
}
/* index hero banner section */

.index-hero-background {
	background-image: url("../img/custom_site/sportsbook_hero_background.jpg");
	background-size: cover;
}

@media (max-width: 767px) {
  .index-hero-background {
    
  }
}

.index-hero-banner {
	background-image: url("../img/custom_site/NBA-finals-homepage-v2.jpg");
	background-repeat: no-repeat;
}



/* mobile index hero banner hidden xs */
 @media screen and (max-width: 768px) {
        
	 .index-hero-banner {
            background-image: url("../img/custom_site/transparent.png");
        }
	}


.affiliateslogo {
	max-height: 80px;
	padding-top: 20px;
}

/* mobile logo affiliates centered */
 @media screen and (max-width: 768px) {
        
	 .logo-affiliates {
		 margin-left: auto;
		 margin-right: auto;
		}
	}



.top-affiliates {
	background-color: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}

.navbar-affiliates  {
	padding-top: 15px;
	padding-bottom: 15px;
}



.navbar-default.navbar-affiliates li a {
	padding: 10px 10px;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
	font-size: 21px;
}

.navbar-default.navbar-affiliates li a:hover {
	color: #ff0000;
	background-color: transparent;
	transition: 0.5s;
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}



.navbar-header-affiliates .navbar-toggle {
	background-color: #000000;
	background: #000000;
	clear: both;
}



/* mobile style for collapes menu over content just for affiliates page */
 @media screen and (max-width: 768px)
    {
        .navbar-affiliates .collapsing
        {
            position: absolute !important;
            z-index: 20;
            width: 100%;
            top: 20px;
        }
        .navbar-affiliates .collapse.in {
            display: block;
            position: absolute;
            z-index: 20;
            width: 100%;
            top: 20px;
        }
}




/*****************************/

h4 a.accordion-toggle {
	text-transform: uppercase;
}

.panel-heading-affiliates {
	text-align: center;
	padding: 10px;
}

.panel-affiliates {
	margin-bottom: 10px;
}

.header-affiliates {
	font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}

.playnow-button-father {position: relative}
.playnow-button-child {
	  position: absolute;
	  left: 0; 
	  right: 0; 
	  margin-inline: auto; 
	  width: fit-content;
	  margin-top: -30px;
	
}


.index-light-color {
	background-color: #f2f2f2;
	padding-top: 70px;
	margin-bottom: 40px;
}


.index-form {
  float: right; /* Default alignment for desktop */
  background-color: #000000;
  padding-left: 30px;
  padding-right: 30px;
  height: 100%;
}

@media (max-width: 767px) {
  .index-form {
    float: none; /* Center alignment for mobile */
	margin: auto;
  }
}


/* form horizontal index styles */

form.form-horizontal .form-control {
	margin-bottom: 10px;
}



.image-opacity:hover {
	opacity: 0.7;
	transition: 0.5s;
}


.content {
	background-color: #ffffff;
	border: 1px solid #A0A0A0;
	padding: 30px;
	margin-bottom: 30px;
}

.top-banner img {
	padding-bottom: 30px;
	width: 100%;
}

.bottom-banner img {
	padding-bottom: 30px;
	width: 100%;
}


.sportsbook-content-bg {
	background-image: url("../img/custom_site/sportsbook_content_background.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}

.sportsbook-content-copy {
	width: 70%;
}

@media (max-width: 767px) {
  .sportsbook-content-bg {
	background-image: url("../img/custom_site/transparent.png");
	}
	
	.sportsbook-content-copy {
	width: 100%;
	}
}

.text-danger {color: #ff0000}

.side-banners {
	padding-bottom: 30px;
}

.side-banners img{
	margin-bottom: 30px;
}

.panel-default > .panel-heading {
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	font-family: "Michroma", sans-serif;
  	font-weight: 700;
  	font-style: normal;
  	text-transform: uppercase;
}

.btn-xl {
	padding: 20px 40px;
	font-size: 32px;
	margin-bottom: 60px;
	margin-top: 60px;
}

/* zoom on hover */

.zoom {
  transition: transform .2s; /* Animation */
}

.zoom:hover {
  transform: scale(1.2); /* (130% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


/*fade in opacity transition*/
.fade-in {
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/*css fade in bottom top animation*/
@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 1.5s fadeInUp;
}



/* ---------------- footer ------------------ */

.footer {
	background-color: #000000;
	padding-bottom: 40px;
	padding-top: 40px;
	margin-top: 40px;
	
}
.navbar-bottom {
	color: #fff;
}

.footer footer ul li {
	padding-bottom: 10px;
}

.footer footer ul li a {
	color: #A9A9A9;
}

.footer footer ul li a:hover {
	color: #C4C4C4;
	text-decoration: none;
}

.loginError{
    display: none;
}

.loginError label{
    text-align: right;
    color: red;
    font-weight: 300;
    width: 100% !important;
}