/*!
 * 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/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);

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

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

html,
body {
    height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 300;
	background: #31333D;

}

h4, h1 {
	line-height: 1.5em; 
	color: #ededed;
}

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

.panel { margin-bottom: 0; margin: 5px;}

.text-danger {
    color: #cc0000;
}


/*****************************************************************************
**************** 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;}



/* add tops space to elements */

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



.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 15px 0 15px;
}



/*****************************************************************************
**************** 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;
	min-height: 300px
}

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: 450px;}



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

carousel-promo

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

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




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

carousel-promo

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

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

/*well background for thumbnail carousell */

.well {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c539e+0,2c539e+100;Blue+3D+%232 */
background: #000;

border: none;

}

.well img {border-radius: 4px; padding: 5px;}

.panel-body {background: #B5BABD}

/* tumbnail playnow button squared  */

.thumbnail a.btn.btn-primary { 
	border-radius: 0;
	background: #fff;
	color: #000;
}
.thumbnail a.btn.btn-primary:hover { 
	border-radius: 0;
	background: #000;
	color: #fff;
}

/****************** 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;
	margin: 5px;
}

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

/* thumbnails */

.thumbnail { 
	background-color: #d14030;
	border: 0px solid #ddd;
	margin-bottom: 0;
	padding: 10px;
	margin:5px;
}
.thumbnail h3 { 
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 0;
}


/* bg cool*/


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

/* Footer Styles */

footer {
	background-color: #ECEFF1;
	background-image: url("../img/custom_site/bg-casino.png");
	margin-top: 50px;
    padding: 50px;
	border-top: 1px solid #B0BEC5;
}



/*****************************************************************************
**************** 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: none;tn
}

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



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

.btn-warning { 
	
}
.btn-primary { 
	background: #fff;
	color: #000;
	
}

.btn-warning:hover {}
.btn-primary:hover {
	background: #000;
	color: #fff;
	
}

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

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



/* 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;}
	
	
}