/*!
 * 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=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@600&display=swap');



/***************************
************** Global Styles 
****************************/

html,
body {
    height: 100%;
	color: #dedede;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 300;
	
	background-color: #2a2930;
	opacity: 1;
	background-image:  radial-gradient(#575757 0.65px, transparent 0.65px), radial-gradient(#575757 0.65px, #2a2930 0.65px);
	background-size: 26px 26px;
	background-position: 0 0,13px 13px;
	
	/*
	background: rgb(177,0,0);
    background: linear-gradient(90deg, rgba(177,0,0,1) 0%, rgba(22,0,0,1) 100%); 
	*/
}


a {
    color: #e55f36;
    text-decoration: none;
}

a:focus, a:hover { 
	color: #ffffff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.5em;
	margin-bottom: 20px;
	margin-top: 0;
	font-weight:300;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	color: #fff;
}

.h4, h4 { font-size: 21px;}

.h3, h3 { 
	margin-bottom: 20px;
	margin-top: 20px;
}

.page-header {
    border-bottom: 1px solid #eee;
    margin: 10px 10px 30px;
    padding-bottom: 9px;
}

p {
	text-align: justify;
    text-justify: inter-word;
}


.page-container {
	margin-top: 2em;
}

.well {
    background-color: #111;
	background: -webkit-linear-gradient(#111, #333); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#111, #333); /* For Firefox 3.6 to 15 */
	background: -moz-linear-gradient(#111, #333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#111, #333); /* Standard syntax */
	border: none;
}

/* */
@media(max-width:776px) {
	/*smaller gutter for columns on index mobile for 3 column banners */
	.no-gutter > [class*='col-'] {
		padding-right:4px;
		padding-left:4px;
	}	
}


/* banner sports text over image */
/* Container holding the image and the text */
/* https://www.w3schools.com/howto/howto_css_image_text.asp */
.container-bannersports {
  position: relative;
  color: white;
	margin-bottom: 1em;
}

.container-bannersports img {
	border-radius: 6px;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
	padding: 0 1em;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 

.top-left h2,.top-left h4 {color: #fff;}




.text-danger {
    color: #cc0000;
}


/* index boxes titles - sample of text with gradient color*/
.subtitle {
	text-transform: uppercase; 
	color: #666; 
	font-size: 21px;
	background: -webkit-linear-gradient(#ff3333, #ff0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	
	}

/************* custom margin bottom classes to create vertical space ****************/
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-30 { margin-bottom: 3.0em; }
.margin-bottom-40 { margin-bottom: 4.0em; }
.margin-bottom-50 { margin-bottom: 5.0em; }

.margin-top-20 { margin-top: 2.0em; }
.margin-top-30 { margin-top: 3.0em; }
.margin-top-40 { margin-top: 4.0em; }
.margin-top-50 { margin-top: 5.0em; }

/* body bg for pages */

#homepage {
		/*background-image: url(../img/custom_site/bg-symbols.png);*/
}

#casino {
		background-image: url(../img/custom_site/bg-figures.png);
}

/* add tops space to elements */

.topsmall { margin-top:20px; }
.topmedium { margin-top:35px; }
.toplarge { margin-top:50px; }




/*****************************************************************************
**************** Home Page Carousel from modern-business bootstrap ***********
******************************************************************************/


/*.carousel-control { display: none;}*/

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

header.carousel {
    height: 50%;
    margin-bottom: 20px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

header.carousel .item:nth-child(1) .fill{
    background-image: url('../img/custom_site/slider-index-01.jpg');
}

header.carousel .item:nth-child(2) .fill{
    background-image: url('../img/custom_site/slider-index-02.jpg');
}

header.carousel .item:nth-child(3) .fill{
    background-image: url('../img/custom_site/slider-index-03.jpg');
}

header.carousel .item:nth-child(4) .fill{
    background-image: url('../img/custom_site/slider-index-04.jpg');
}

/**************************
caption vertically centered on bootstrap slider
http://jsfiddle.net/n86hLyLu/1/
**************************/
.carousel-caption {
    position: absolute;
    top: 0;
	height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	margin-bottom: 20px;
	text-align:center;
	letter-spacing: 0.3em;
}


/* this style makes homepage carousell vertically taller 70% or whatever you want */
header.carousel.tallercarousel {height:70%; min-height: 350px;}



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

carousel-promo

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

#carousel-promo.carousel.slide div.carousel-inner {border-radius: 4px;}




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

carousel-promo

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

#carousel-promo.carousel.slide div.carousel-inner {border-radius: 4px;}



/* thumbnails */

.thumbnail { 
	border: 0px;
	padding: 0px;
	border-radius: 6px;
}

.thumbnail > img { 
	border-radius: 6px;
}

/************************
Forms Custom Styles
**************************/

label { font-weight: normal;}

/***************************************
Slots tabs 
****************************************/
.tab-content > .tab-pane {
    background-color: #fff;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 2em;
}

.nav-tabs li a:focus, a:hover { color: #333}

.ic-mobile {
    margin-left: 4px;
    position: absolute;
}

.panel-default > .panel-heading {
    background-color: #e55f36;
    color: #fff;
}

div#panelpadding.panel-heading span img.img-responsive {
	border-radius: 6px;
}





/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */






/*****************************************************************************
**************** Nav New Styles ****************
*****************************************************************************/


.navbar-brand { height: 90px;}
.navbar-nav > li > a { padding-top: 6px; padding-bottom: 6px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 15px;}
.navbar-text {margin-right: 0px; margin-top: 33px;}
.navbar-inverse {
	margin-bottom: 0; 
	border: 0;
	border-radius: 0;
	background: #000;
}

/****************** buttons ******************/


.btn {border-radius: 0;}

.menubuttons {text-align: right; margin-top: 27px;}

@media(max-width:991px) {
    .menubuttons { text-align: center; margin-top: 0px; margin-bottom: 15px;}
	.menulogo { text-align: center; margin-left: auto; margin-right: auto; display: block}
}

.btn-warning { 
	background: #E81418; 
	border: 0; font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.btn-primary { 
	background: #008CFF;
	border: 0; font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.btn-warning:hover {background: #D04447; border: 0;}
.btn-primary:hover {border: 0;}

/**********************
custom same height columns for index
***********************/
#equalheight {
    overflow: hidden; 
}

/********************************************
**************** Footer *********************
*********************************************/

footer {margin-bottom: 40px}


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel {
        height: 30%;
    }
	
	.center-block h3 {display: none;}
	
	
}