/*Loader css*/
.jam_loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px; 
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*END loader css*/

::selection {
  background: #3297FD;
  color: white;
}

/* ~~~~~~~~~~~ General ~~~~~~~~~~~ */ 
label {
	margin-bottom: 0;
}

input {
	margin-bottom: 10px;
}

input, textarea {
	width: 100%;
}

section {
	padding: 10px 0;
}

.container {
	max-width: 1260px;
}

.glance_info {
	color: #11897d;
}

.important_info {
	color: #f36c21;
}

.click_link {
	color: #777777;
}

.click_link a:hover {
	color: #007bff;
}

.table-hover tbody tr:hover {
	color: #2250fc;
	background-color: rgba(0, 0, 0, .075);
}

.table td {
	vertical-align: middle;
}

.tabs .nav-tabs .nav-link.active {
	color: #f36c21;
}

.bg-primary {
	background-color: #11897d !important;
}

.icon_padding {
	padding-left: 5px;
	padding-right: 5px;
}

.card {
	margin-bottom: 10px;
}

.line {
	margin: 10px;
}

#myCarousel-ruby, #myCarousel-ski-and-wakeboard, #marina-tab-content #slider, #lake-life-tab-content #slider {
	border: solid black 1px;
}

.btn:not(.close):not(.mfp-close).btn-outline:hover,
.btn:not(.close):not(.mfp-close).btn-outline:active,
.btn:not(.close):not(.mfp-close).btn-outline:focus {
	border-width: 1px;
}

button.btn.btn-outline:hover, 
button.btn.btn-outline:focus, 
button.btn.btn-outline:active, 
button.btn.btn-outline.active, 
.btn:not(.close):not(.mfp-close).btn-outline:hover, 
.btn:not(.close):not(.mfp-close).btn-outline:focus, 
.btn:not(.close):not(.mfp-close).btn-outline:active, 
.btn:not(.close):not(.mfp-close).btn-outline.active,
a.btn:not([href]):not([tabindex]).btn-outline:hover, 
a.btn:not([href]):not([tabindex]).btn-outline:focus, 
a.btn:not([href]):not([tabindex]).btn-outline:active, 
a.btn:not([href]):not([tabindex]).btn-outline.active,
.btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active {
	background-color: #f36c21;
	border-color: #f36c21;
}

button.btn.btn-outline, 
.btn:not(.close):not(.mfp-close).btn-outline, 
a.btn:not([href]):not([tabindex]).btn-outline {
	border-color: #11897d;
	border-bottom: none;
	color: #11897d;
}

button.btn,
.btn:not(.close):not(.mfp-close),
a.btn:not([href]):not([tabindex]) {
	margin-bottom: 0;
	text-transform: none;
}

/* #boat-gallery {
	margin-top: 50px;
} */

#small-boat-gallery {
	margin-top: 15px;
}

/* button.btn.btn-primary,
.btn:not(.close):not(.mfp-close).btn-primary,
a.btn:not([href]):not([tabindex]).btn-primary,
button.btn, .btn:not(.close):not(.mfp-close),
a.btn:not([href]):not([tabindex]) {
	background-color: #11897d;
	border-color: #11897d;
} */

/* ~~~~~~~~~~~ Layout ~~~~~~~~~~~ */
/* Top Bar */
#topbar .top-menu {
	float: right;
}

#topbar .top-menu > li {
	height: 30px;
	margin-top: 10px;
}

#topbar .top-menu a:hover {
	color: #f36c21;
}

/* Logo */
#header .header-inner #logo a > img {
	display: block;
}

/* Nav */
#mainMenu nav > ul > li > a {
	font-size: 18px;
}

#header .header-inner #logo a span {
	color: #f36c21;
	font-weight: 500;
}

#mainMenu nav > ul > li > a {
	padding: 8px 10px;
}

.phone_nav {
	position:absolute;
	font-weight:600;
	z-index:999;
	width: 100px;
	height: 75px;
	text-align:center;
	top: -7px;
	display: inline-flex;
}

.phone_nav:hover {
	color: white;
}

/* Carousel */
.inspiro-slider.houseboats_carousel {
	height: 350px;
}

 .inspiro-slider.small_boats_carousel {
	height: 350px;
 }
 
 .store_carousel {
	height: 300px;
 }
 
 .sports_carousel {
	height: 250px;
 }
 
 .slips_carousel, .ties_carousel {
	height:200px;
 }
 
 .inspiro-slider .slide .slide-captions img#logo-carousel {
	width: 500px !important;
	margin-top: 40px;
 }
 
 /* Tab Titles */
 .boat_name, .small_boat_name, .tab_title, #address-title, .approaching_title {
	color: #f36c21;
	font-weight: 500;
 }

/*Boats */
.tabs.tabs-folder .nav-tabs .nav-link.active {
	border-color: black;
	border-bottom-color: white;
}

.tabs.tabs-folder .tab-content {
	border: 1px solid black;
}

.boat_name, .lease_slip, .side_tie, .approaching_title {
	margin-top: -10px;
}

.small_boat_name {
	margin-top: 0;
}

.store_section {
	margin-top: -8px;
}

.floor_plan img {
	width: 100%;
	margin-top: 25px;
}

/* Table */
.table th {
	padding: 0.75em 0.5em;
	padding-right: 3px;
	padding-left: 3px;
}

.table tbody th {
	padding-right: 5px;
}

.houseboat_table {
	padding-left: 0;
	padding-right: 0;
}

/* Season Pricing Highlights */
/* Uncomment and change season number to activate highlight of current season prices */
.season_1 {
	color: #f36c21;
	font-weight: 700;
}

/* Weekend Pricing Highlights */
/* Uncomment and change season number to activate highlight of current season prices */
.weekday_price {
	color: #f36c21;
	font-weight: 700;
}

.column_1 {
	width: 33%;
}

/* Call to Action */
.small_boats_availability {
	margin-top: 0;
}

.availability_text {
	font-size: 1.75em;
}

#houseboats-btn, #small-boats-btn {
	padding-left: 5px;
	padding-right: 5px;
}

#houseboats-btn a, #small-boats-btn a {
	width: 100%;
}

#water-card {
	padding: 0.5em 2em;
}

#water-card b {
	font-weight: 600;
}

#water-card p, #water-card h5, #water-card h4 {
	color: white;
}

#water-card p:not(:last-child) {
	margin-bottom: 0px;
}

#water-card h4 {
	font-size: 2em;
}

/* Footer */
.footer_top {
	padding-top: 10px;
}

#footer-btns {
	margin-top: 10px;
}

#footer .footer-content {
	padding: 10px;
}

#footer a:not(.btn) {
	font-weight: 500;
}

/* ~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~ */
/* Home Page */
.inspiro-slider .slide .slide-captions h1, .inspiro-slider .slide .slide-captions h2 {
	font-weight: 500;
}

.inspiro-slider .slide .slide-captions h2 {
	font-size: 2.5em;
}

.bg-overlay {
	height: 8%;
	background:  #11897d;
	opacity: 0.8;
}

#featured-home-banner {
	background: rgb(17,137,112);
	background: linear-gradient(0deg, rgba(17,137,112,1) 0%, rgba(35,255,209,0.8) 100%);
	padding: 5px;
}

#featured-banner {
	background-color: #11897d;
	padding: 5px;
}

#featured-boats {
	height: 550px;
}

.polo-carousel-item img {
	height: 250px;
}

/* #slide-1-img {
	background-position-y: 50%;
}

#slide-2-img {
 background-position-y: 60%;
}

#slide-3-img {
	background-position-y: 20%;
}

#slide-4-img{
	background-position-y: 75%;
}

#slide-5-img {
	background-position-y: 25%;
}

#slide-6-img{
	background-position-y: 15%;
}

#slide-1-text, #slide-2-text, #slide-3-text, #slide-4-text, #slide-5-text, #slide-6-text {
	line-height: 45px;
} */

.carousel_text {
	width: 100%;
}

#featured-boats .carousel .flickity-page-dots {
		display: none;
}
	
#featured-boats .carousel .flickity-button {
	margin: -150px 0 0;
}

/* Houseboats Page */
#houseboats-container {
	padding: 15px;
	padding-top: 0;
}

#houseboats-gallery-features, #houseboats-pricing {
	border: solid 1px #11897d;
}

#houseboats-gallery-features {
	border-bottom: none;
	padding-top: 15px;
}

#houseboats-pricing {
	border-top: none;
}

.table thead th.season_thead, .table thead th.night_trip  {
	vertical-align: middle;
}

.table thead th.season_thead {
	padding-left: 0;
	padding-right: 0;
}

.table thead th.seven_nights {
	padding-left: 10px;
	padding-right: 10px;
}

#ruby-1-img {
	background-position: 20% 20%;
}

#diamond-emerald-1-img {
	background-position: 75% 20%;
}

#diamond-emerald-3-img {
	background-position-x: 65%;
}

#diamond-emerald-4-img {
	background-position-x: 77%;
}

#deluxe-image-2 {
	background-position-y: 85%;
}

/* Small Boats Page */
#small-boats-container {
	padding: 15px;
	padding-top: 0;
}

#small-boats-gallery-features, #small-boats-pricing {
	border: solid 1px #11897d;
}

#small-boats-gallery-features {
	border-bottom: none;
	padding-top: 15px;
}

#small-boats-pricing {
	border-top: none;
}

#myCarousel-ski-and-wakeboard {
	margin-bottom: 25px;
}

/* #myCarousel-ski-and-wakeboard .carousel-item img {
	height: 400px;
}

#myCarousel-ski-and-wakeboard .carousel-item img.performance_pontoon_img {
	height: 300px;
} */

.carousel_down {
	margin-top: 100px;
}

#performance-cta {
	height: 50%;
	margin-top: 100px;
}

#patio-image-1 {
	background-position-y: 35%;
}

#patio-image-2 {
	background-position-y: 50%;
}

#patio-image-3, #jet-ski-img-3 {
	background-position-y: 60%;
}

#jet-ski-img-2 {
	background-position-y: 25%;
}

/* Contact Page */
.address_card_title {
	padding-left: 0;
}

#address-title {
	font-size: 2.15em;
}

.card .card-header {
	padding: 0.5em 2em;
}

#directions-btn {
	margin: 0;
}

#address-card {
	border: 2px solid black;
	height: 98%;
}

#address-card .card-header {
	border-bottom: 1px solid black;
}

#address-card-body {
	padding: 1em;
}

#address-resevoir {
	margin-bottom: 0;
}

/* address {
	margin-bottom: 0px;
} */

address h5:not(:last-child) {
	margin-bottom: 0px;
}

address h5 {
	line-height: 1.5em;
}

#contact-body {
	padding: 0.75em 1.25em;
}

.contact_num a {
	color: #1f1f1f;
}

#contact-btn {
	float: right;
	margin-top: 30px;
}

.top_text_box{
	padding-top: 0;
}

/* Marina */
.no_side_padding {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 25px;
}

#equipment-image-1 {
	background-position-y: 90%;
}

#food-image-1 {
	background-position-y: 60%;
}

#ties-image-1 {
	background-position-y: 85%;
}

/* Lake Life */
.blockquote-color {
	background-color: #11897d;
}

#sports-image-3 {
	background-position-y: 35%;
}

#sports-image-5 {
	background-position-y: 63%;
}

#hiking-row h3 {
	margin-bottom: 0;
}

#hiking-img {
	width: 25%;
	margin-left: 25px;
	float: right;
}

#bullards-beauty-gallery img {
	height: 250px;
}

 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    
    margin: auto;
  }
  .carousel{
	  opacity:1!important;
  }
