@charset "utf-8";

/*
 *WagerShack
 *Author : Paul S
 *
*/

/*--------------------
	Layout

	*Nav 		/ 	#nav
	*Intro 		/	#intro
	*About 		/	#about
	*Services	/ 	#services
	*Doctor 	/ 	#doctor
						-testimonals
						-client
	*Video      /	#video
	==================================
	
	*Footer		/   #footer
	
---------------------------------------------*/

/*--------------------------------------------
	  COLOR
	  			   primary : color:#f0f1ec;
	  				  body :
	h1, h2, h3, h4, h5, h6 : color:#034b81;
						 p : color:#72736e;
						 a : color:#9bb649;
				   a:hover : color:#034b81;
				   
--------------------------------------------------------*/

/*--------------------------------------------------------
	  						FONT

	h1, h2, h3, h4, h5, h6 : font-family: 'Asap', sans-serif;
						 p : font-family: 'Asap', sans-serif;
					 ul li : font-family: 'Asap', sans-serif;
				   
--------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Asap:400,700);
/*--------------------
	  general
---------------------*/
body {
	width: 100%;
	height: 100%;
	font-family: 'Asap', sans-serif;
}
html {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 20px;
	margin-top: 0px;
	color: #034b81;
	font-family: 'Asap', sans-serif;
	letter-spacing: -1px;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 20px;
}
p {
	font-size: 16px;
	line-height: 26px;
	color: #72736e;
	margin-bottom: 30px;
}
ul {
	margin: 0px;
	padding: 0px;
}
ul li {
	line-height: 26px;
	color: #72736e;
}
.green-icon {
	margin-bottom: 40px;
	color: #9bb649;
}
.green-icon:hover {
	margin-bottom: 40px;
	color: #034b81;
}
.fa-size {
	font-size: 24px;
}
/*--------------------
	  button
---------------------*/

.btn-orange {
	background-color: #f1703d;
	color: #fff;
	padding: 10px 23px;
	font-size: 18px;
	border: none;
	font-weight: 400;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(220, 85, 32, 0.9);
	-moz-box-shadow: 0px 3px 0px 0px rgba(220, 85, 32, 0.9);
	box-shadow: 0px 3px 0px 0px rgba(220, 85, 32, 0.9);
}
.btn-orange:hover {
	color: #fff;
	background-color: #dc5520;
}
.btn-green {
	background-color: #9bb649;
	color: #fff;
	padding: 10px 18px;
	font-size: 17px;
	border: none;
	font-weight: 700;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(125, 150, 48, 0.9);
	-moz-box-shadow: 0px 3px 0px 0px rgba(125, 150, 48, 0.9);
	box-shadow: 0px 3px 0px 0px rgba(125, 150, 48, 0.9);
	text-transform: uppercase;
}
.btn-green:hover {
	color: #fff;
	background-color: #7d9630;
}
.btn-grey {
	background-color: #afb0ad;
	color: #fff;
	padding: 10px 18px;
	font-weight: 700;
	font-size: 16px;
	border: none;
	font-weight: 700;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(153, 153, 152, 0.9);
	-moz-box-shadow: 0px 3px 0px 0px rgba(153, 153, 152, 0.9);
	box-shadow: 0px 3px 0px 0px rgba(153, 153, 152, 0.9);
	text-transform: uppercase;
}
.btn-grey:hover {
	color: #fff;
	background-color: #999998;
}
/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

/***************
	nav
***************/
.navbar-nav {
	float: right;
	margin: 0;
}
.navbar-default {
	background-color: #fff;
	border-bottom: 1px solid #dedede;
}
.navbar-brand {
	float: left;
	padding: 0px;
	font-size: 18px;
	line-height: 0px;
	height: 0px;
	margin-top:-10px;
}
.navbar-default .navbar-nav>li>a {
	color: #72736e;
	font-size: 17px;
	-webkit-font-smoothing: antialiased;
	float: left;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #034b81;
	background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #034b81;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/**** Mobile menu *****/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #9bb649;
	border-color: #9bb649;
}
.navbar-default .navbar-toggle {
	border-color: #034b81;
	background-color: #034b81;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.social {
}
.social a {
	padding: 10px 5px!important;
	margin-top: 3px;
	color: #72736e;
}
.social i:hover {
	color: #034b81;
}
.logo {
	font-family: 'Pacifico', cursive;
	font-weight: 400;
	text-transform: lowercase;
	color: #9bb649;
}
.logo-brand {
	font-weight: 700;
}
/***************
	intro
***************/
.intro-section {
	padding-top: 90px;
	background: #000000;
	padding-bottom: 100px;
}
.intro-caption {
	margin-top: 60px;
}
.intro-title {
	font-size: 48px;
}
.intro-title span {
	color: #9bb649;
}
.casino-intro {
	background: #000000 url(../image/slides-baseball.jpg) center no-repeat;
}
.call-info {
	color: #afb0ad;
	font-weight: 700;
	font-size: 32px;
	margin-top: 30px;
}
.divider {
	/*border-top: #d5d7cf solid 1px;*/
	margin: 60px 0px 60px 0px;
	display: block;
}
/***************
	about
***************/

.about-section {
	padding-top: 120px;
	background: #fff;
	padding-bottom: 120px;
}
.block-title {
	margin-bottom: 60px;
	text-align: center;
}
.appoinment p {
	margin-bottom: 50px;
}
ul.appoinment li {
	list-style: none;
	font-size: 16px;
	margin-bottom: 35px;
}
ul.appoinment li:before {
	font-family: FontAwesome;
	content: "\f046";
	margin-right: 10px;
}
ul.appoinment li i {
	margin-right: 10px;
}
.appoinment strong {
	color: #f1703d;
}
.appoinment-form {
	padding: 30px;
	background-color: #000;
	border-radius: 2px;
	/*-webkit-box-shadow: 0px 3px 1px 0px rgba(211, 213, 207, 0.75);
	-moz-box-shadow: 0px 3px 1px 0px rgba(211, 213, 207, 0.75);
	box-shadow: 0px 3px 1px 0px rgba(211, 213, 207, 0.75);*/
}
.appoinment-form h2 {
	color: #9bb649;
}
.appoinment-form form .form-group label {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px;
	color: white;
}
.appoinment-form form .form-group input {
	padding: 15px 15px;
	height: 45px;
}
.btn-Submit {
	margin-top: 15px;
	display: inline-block;
	margin-bottom: 5px;
}
/***************
	services
***************/

.services-section {
	padding-top: 90px;
	background: #f9faf6;
	padding-bottom: 60px;
}
.feature-block {
	margin-top: 30px;
	text-align: center;
}
.feature-block .green-icon:hover {
	color: #034b81;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}
.green-icon {
	margin-bottom: 10px;
	color: #9bb649;
}
.green-icon:hover {
	margin-bottom: 10px;
	color: #034b81;
}
.green-icon i {
	margin-bottom: 15px;
}
/***************
	video
***************/
.video-section {
	padding-top: 90px;
	padding-bottom: 60px;
}
.player .video-wrapper {
 border: !important 10px solid #dadada;
	width: 90%;
}
.video-wrapper iframe {
	position: relative;
	width: 100%;
	border: 10px solid #dbddd3;
}
/***************
	doctor
***************/
.doctor-section {
	padding-top: 90px;
	padding-bottom: 60px;
	background: #f9faf6;
}
.doctor-profile {
	margin-top: 60px;
}
.doctor-profile img {
	margin-top: -60px;
	width: 100%;
}
.doctor-profile strong {
	color: #9bb649;
	margin-bottom: 10px;
	display: block;
}
.bg-profile {
	background: #e8eae3;
	text-align: center;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.bg-profile:hover {
	background-color: #9bb649;
	cursor: pointer;
}
.testimonials-block {
	margin-bottom: 60px;
}
.testimonials img {
	margin-bottom: 30px;
}
.testimonials span {
	color: #0e577d;
	font-size: 20px;
}
.testimonials span a {
	color: #9bb649;
	font-size: 14px;
}
.client-logo img {
	opacity: 1;
}
.client-circle {
	padding: 8px;
	background: #fff;
	border: 1px solid #ebece8;
}
/****************
	newsletter
****************/

.newsletter {
	padding-top: 60px;
	padding-bottom: 60px;
}
.newsletter .form-control {
	height: 48px;
	border-radius: 0px;
	border: 1px solid #c1c3bd;
}
.newsletter .btn-orange {
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	font-weight: 600;
}
/***************
	footer
***************/
.footer {
	background-color: #303335;
}
.social-icon {
	font-size: 24px;
	color: #797c7e;
	margin-top: 45px;
	margin-right: 25px;
}
.social-icon:hover {
	color: #9bb649;
}
.ft p {
	font-size: 17px;
	color: #797c7e;
	margin-top: 45px;
}
 @media(min-width:767px) {
.navbar {
	padding: 20px 0;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.top-nav-collapse {
	/* Customize the look and feel of the collapsed top nav here */
	padding: 0;
}
}
@media(max-width:767px) {
/****************
	nav
****************/

.navbar-nav {
	float: left;
	margin: 0;
}
.logo-brand {
	font-weight: 700;
	font-size: 24px;
	margin-top: 12px;
}
/*******************
	intro-section
*******************/

.intro-section {
	background: #f0f1ec;
	padding: 0px;
}
.call-info {
	color: #afb0ad;
	font-weight: 700;
	font-size: 28px;
	line-height: 35px;
}
.btn-green {
	background-color: #9bb649;
	color: #fff;
	padding: 10px 18px;
	font-size: 17px;
	border: none;
	font-weight: 700;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(125, 150, 48, 0.9);
	-moz-box-shadow: 0px 3px 0px 0px rgba(125, 150, 48, 0.9);
	box-shadow: 0px 3px 0px 0px rgba(125, 150, 48, 0.9);
	text-transform: uppercase;
	margin-bottom: 20px;
}
/********************
	about-section
********************/

.about-section {
	padding-top: 60px;
	background: #fff;
	padding-bottom: 20px;
	text-align: center;
}
.appoinment {
	margin-top: 50px;
}
.block {
	margin-bottom: 0px;
}
.box-ct {
	text-align: center;
}
/****************
	services
****************/

.services-section {
	padding-top: 60px;
	background: #f9faf6;
	padding-bottom: 20px;
}
.box-icon {
	height: 160px;
	width: 160px;
	-moz-border-radius: 35px;
	border-radius: 100%;
	padding: 55px;
	background-color: #f0f1ec;
	color: #034b81;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0 auto;
}
.green-icon {
	text-align: center;
}
/****************
	doctor
****************/

.doctor-section {
	padding-top: 60px;
	padding-bottom: 20px;
}
/*******************
	testimonals
*******************/

.testimonials {
	background-color: #f9faf6;
	padding-top: 50px;
	padding-bottom: 20px;
	margin-top: 30px;
	text-align: center;
}
.client-circle {
	padding: 8px;
	background: #fff;
	border: 1px solid #ebece8;
	margin-bottom: 10px;
	margin-top: 10px;
}
/****************
	contact
****************/

.contact {
	padding-top: 60px;
	padding-bottom: 20px;
	background-color: #f9faf6;
}
/****************
	newsletter
****************/

.newsletter {
	padding-top: 60px;
	padding-bottom: 20px;
}
.newsletter .btn-orange {
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	font-weight: 600;
	margin-top: 20px;
}
/****************
	footer
****************/

.social-icon {
	font-size: 24px;
	color: #797c7e;
	margin-right: 15px;
	padding-bottom: 30px;
}
}


/**WEBSITE STYLES**/

/*---------- YOU CAN CHANGE THIS STUFF -----------*/
#bannerRotator {
	width: 711px;
	height: 312px;
background::#EEE;
	z-index: 35;
	position: relative;
}
#bannerRotator ul li ../images/rotator {
max-width:711px;
max-height:312px;
}
#bannerRotator ul li img {
	width: 711px;
	height: 312px;
}
/*---------- YOU MIGHT BREAK IT IF YOU CHANGE THIS STUFF -----------*/
#bannerRotator {
	position: relative;
}
#bannerRotator ul {
	list-style: none;
	padding: 0;
	position: relative;
	margin: 0;
}
#bannerRotator ul li {
	display: none;
	position: absolute;
}
#bannerRotator ul li a {
	text-decoration: none;
}
#bannerNav {
	position: absolute;
	right: 15px;
	bottom: 15px;
	background: url(../images/rotator/transBlack75.png) repeat 0 0;
	padding: 5px 5px 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#bannerNav a {
	margin: 3px 10px 0 0;
	height: 10px;
	width: 10px;
	display: block;
	background: url(../images/rotator/dotDark.png) no-repeat 0 0;
	float: left;
	z-index: 36;
	position: relative;
}
#bannerNav a.active {
	background-image: url(../images/rotator/dotLight.png);
	z-index: 37;
	position: relative;
}
#bannerNav span.pause, #bannerNav span.play {
	cursor: pointer;
	height: 15px;
	width: 15px;
	display: block;
	background: url(../images/rotator/pause.png) no-repeat 0 0;
	float: left;
	z-index: 38;
	position: relative;
}
#bannerNav span.play {
background-image:url(../images/rotator/play.png) z-index:39;
	position: relative;
}