@charset "utf-8";
html, body {
	height: 100%;
	margin: 0;
	padding: 0
}
body {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	position: relative;
	background-color: #f0f0f0;
	color: #666666
}
#cover-background {
	background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://mrrealtysteamboat.com/img_assets/cover-1.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100vh;
	z-index: 1;
}
#trigger {
	float: left
}
#fakeyDiv { 
	display: none;
}
header#cover-header {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 2;
	position: absolute;
	top: 0
}
header#cover-header #header-logo {
	max-width: 150px;
}
#top-phone {
	margin-top:25px;
}
header#cover-header #top-phone {
	color: #fff;
	margin-bottom: 15px
}
header#cover-header #top-phone span {
	font-family: 'Work Sans', sans-serif;
	font-weight: 600
}
header#interior-header {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 2;
	background-color: #fff;
	border-bottom: 5px solid #794500;
	top: 0
}
header#interior-header #header-logo {
	max-width: 117px;
}
header#interior-header #top-phone {
	color: #794500;
	margin-bottom: 15px
}
header#interior-header #top-phone span {
	font-weight: 600;
}
.navbar-container {
	z-index: 400;
	position: fixed;
	overflow: auto;
	width: 250px;
	height: 100%;
	left: 0;
	top: 0;
	right: auto;
	padding: 0px;
	background-color: #f2f2f2;
	box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.25)
}
.navbar-cover {
	margin: 0px;
	text-transform: uppercase;
	font-family: 'Work Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight:300;
	font-size: .8em;
	background-color: #00a3ff;
	padding: 0px;
	width: 100%;
	height: 100%
}
.navbar-cover > li > a {
	color:#fff;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
	border-top: 1px solid #e5e5e5
}
.navbar-cover > li:last-child > a {
	border-bottom: 1px solid #e5e5e5
}
.navbar-cover > li > a:focus, .navbar-cover > li > a:hover {
	text-decoration-line: none;
	text-decoration-style: solid;
	background-color: #0080c9;
	color: #fff
}
.navbar-cover > li > a:focus, .navbar-cover > li > a:hover {
	text-decoration-line: none;
	text-decoration-style: solid;
	background-color: #0080c9;
	color: #fff
}
#offcanvas-logo {
	width: 150px;
	height: auto;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px
}
nav#sm-screen {
	position: relative;
	width: 100%;
	text-align: right;
	height: 100%;
	margin-top: 6px
}
nav#sm-screen a.btn-icon, nav#sm-screen a.btn-icon:focus {
	font-size: 2em;
	position: relative;
	float: right;
	padding: 7px;
	padding-left: 9px;
	padding-right: 9px;
	margin: 0px;
	margin-left: 10px;
	margin-top: 17px;
	border: solid 1px rgba(255,255,255,.15);
	background-color: transparent;
	background-image: none;
	border-radius: 4px;
	color: #fff
}
nav#sm-screen a.btn-icon:hover, nav#sm-screen a.btn-icon:active {
	background-color: #794500;
	border: solid 1px #794500;
	color: #fff
}
nav#sm-screen.sm-screen-interior a.btn-icon, nav#sm-screen.sm-screen-interior a.btn-icon:focus {
	border: solid 1px #794500;
	background-color: #794500;
	background-image: none;
	border-radius: 4px;
	color: #fff
}
nav#sm-screen.sm-screen-interior a.btn-icon:hover, nav#sm-screen.sm-screen-interior a.btn-icon:active {
	border: solid 1px #794500;
	background-color: #8F642B;
	color: #fff
}
#cover-body {
	width: 80%;
	margin-top: 40px
}
#cover-body h1 {
	font-family: 'Work Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight:800;
	color: #fff;
	font-size: 1.7em;
	margin-bottom: 20px;
	text-align: center;
	margin-bottom:10px;
}
#cover-body p {
	color: #fff;
	font-family: 'Work Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight:300;
	font-size: 1.1em;
	text-align: center;
	margin-bottom:20px;
}
#all-body {
	padding-top:30px;
	padding-bottom:30px;
}

/*custom button*/
.btn-custom {
  color: #fff;
  background-color: #007EC5;
  border-color: #007EC5;
}
.btn-custom:focus,
.btn-custom.focus {
  color: #fff;
  background-color: #19ACFF;
  border-color: #19ACFF;
}
.btn-custom:hover {
  color: #fff;
  background-color: #19ACFF;
  border-color: #19ACFF;
}
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom {
  color: #fff;
  background-color: #19ACFF;
  border-color: #19ACFF;
}
.btn-custom:active:hover,
.btn-custom.active:hover,
.open > .dropdown-toggle.btn-custom:hover,
.btn-custom:active:focus,
.btn-custom.active:focus,
.open > .dropdown-toggle.btn-custom:focus,
.btn-custom:active.focus,
.btn-custom.active.focus,
.open > .dropdown-toggle.btn-custom.focus {
  color: #fff;
  background-color: #19ACFF;
  border-color: #19ACFF;
}
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom {
  background-image: none;
}
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled.focus,
.btn-custom[disabled].focus,
fieldset[disabled] .btn-custom.focus {
  background-color: #19ACFF;
  border-color: #19ACFF;
}
.btn-custom .badge {
  color: #007EC5;
  background-color: #fff;
}
/*custom button*/

/*custom modal*/
.modal-header {
  padding: 20px;
  background-color:#794500;
  color:#fff;
}
.modal-body {
  padding: 20px;
}
h3.modal-title  {
	font-weight:600;
	padding:0px;
	margin:0px;
}
h3.modal-title small {
	display:block;
	font-size:.75em;
}

.modal-body p img {
	float:right;
	margin-left:30px;
	margin-bottom:30px;
	width:40%;
}
.modal-footer {
	padding-top:0px;
	margin-top:0px;
	border-top:none;	
}
.modal-header .close {
  float: right;
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  filter: alpha(opacity=40);
  opacity: .4;
	margin-top: 4px;
}

.modal-header .close:hover,
.modal-header .close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
   filter: alpha(opacity=100);
  opacity: 1;
}
.modal-header button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
/*custom modal*/

/*helper classes*/
.m-b-20 {
	margin-bottom: 20px;
}
.m-t-20 {
	margin-top: 20px;
}
.m-r-20 {
	margin-right: 20px;
}
.m-l-10 {
	margin-left:10px;	
}
.m-t-10 {
	margin-top:10px;	
}
.m-b-10 {
	margin-bottom:10px;	
}
.m-b-0 {
	margin-bottom: 0px;
}
.m-t-0 {
	margin-top: 0px;
}
.p-t-0 {
	padding-top:0px;	
}
.white {
	color:#fff;
}
.red {
	color:#cc0000;
}
.pointer {
	cursor: pointer;
}
/*helper classes*/

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	vertical-align: top;
}


.thumbnail .caption h3 {
	font-size: 1.1em;
	margin-top:10px;
}
.img-responsive {
	width:100%;
}
.img-responsive.full {
	border:20px solid #e5e5e5;
	margin-top:5px;
}
.img-responsive.half {
	width: 100%;
	border:20px solid #e5e5e5;
	margin-top:5px;
}
.img-responsive.left {
	float:none;	
	margin-right:0px;
	margin-bottom:20px;
}
.img-responsive.right {
	float:none;	
	margin-left:0px;
	margin-bottom:20px;
}
#footer {
	border-top: 5px solid #794500;
	background-color: #fff;
	padding-top:30px;
	padding-bottom:30px;
}
#footer-cover {
	border-top: none;
	background-color: #fff;
	padding-top:30px;
	padding-bottom:30px;
}
#footer2 {
	border-top: 5px solid #794500;
	background-color: #dddddd;
	padding-top:30px;
	padding-bottom:30px;
	text-align: center;
}
#footer-form {
	border-top: 1px solid #ccc;
	background-color: #f0f0f0;
	padding-top:30px;
	padding-bottom:30px;
}
.gallery-thumb {
	margin-bottom:10px;
}

hr {
   height: 1px;
    color: #cdcdcd;
    background: #cdcdcd;
    font-size: 0;
    border: 0;
}
label.error {
	font-weight:300;
	color:#cc0000;
	font-size:.75em;
}
#map_canvas {
	height:400px;
	width:100%;
}


.table-row {
	cursor:pointer;
}
.table-row > td {
	color:#007EC5;
}
.table-row:hover > td {
	background-color:#e5e5e5;
	color:#19ACFF;
}



@media (min-width: 768px) {
	#cover-background {
		height: 600px
	}
	#trigger {
		float: none
	}
	
	#top-phone {
		font-size: .9em
	}
	#top-phone span {
		font-size: 1em
	}
	header#cover-header #header-logo {
		width: 100%;
		min-width: 120px;
		max-width: none;
		margin-top: 5px
	}
	header#interior-header #header-logo {
		width: 100%;
		min-width: 120px;
		max-width: 150px;
		margin-top: 5px;
	}
	.navbar-container {
		padding: 0px;
		margin: 0px;
		position: relative;
		overflow: visible;
		background-color: transparent;
		box-shadow: none;
		-webkit-box-shadow: none;
		width: 100%
	}
	.navbar-cover {
		overflow: visible;
		background-color: transparent;
		padding: 0px;
		width: auto;
		box-shadow: none;
		-webkit-box-shadow: none;
		font-size:.7em;
	}
	.navbar-cover > li {
		float: left;
		border: 0px;
		padding: 0px
	}
	.navbar-cover > li + li {
		margin-left: 2px
	}
	.navbar-cover > li > a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 7px;
		padding-right: 7px;
		border-radius: 4px;
		border: solid 1px rgba(255,255,255,.5);
		color: #fff
	}
	.navbar-cover > li > a:hover,
	.navbar-cover > li > a:focus {
		background-color: #794500;
		border: solid 1px #794500;
		color: #fff
	}
	.navbar-cover > li:last-child > a {
		border-bottom: solid 1px rgba(255,255,255,.5)
	}
	.navbar-cover > li:last-child > a:hover,
	.navbar-cover > li:last-child > a:focus{
		border-bottom: solid 1px #794500
	}
	nav#sm-screen {
		position: relative;
		width: 100%;
		text-align: right;
		height: 100%;
		margin-top: 6px
	}
	nav#sm-screen a.btn-icon, nav#sm-screen a.btn-icon:focus {
		font-size: 1.1em;
		position: relative;
		float: right;
		padding: 7px;
		padding-left: 9px;
		padding-right: 9px;
		margin: 0px;
		margin-left: 10px;
		margin-top: 17px;
		border: solid 1px rgba(255,255,255,.5);
		background-color: transparent;
		background-image: none;
		border-radius: 4px;
		color: #fff
	}
	nav#sm-screen a.btn-icon:hover, nav#sm-screen a.btn-icon:active {
		background-color: #794500;
		border: solid 1px #794500;
		color: #fff
	}
	.navbar-interior > li > a {
		border: 1px solid #794500;
		color: #794500
	}
	#cover-form-container h1 {
		font-size: 2em
	}
	.navbar-interior > li > a {
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 7px;
		padding-right: 7px;
		border-radius: 4px;
		border: solid 1px #794500;
		background-color: #794500;
		color: #fff
	}
	.navbar-interior > li > a:hover {
		background-color: #8F642B;
	}
	.navbar-interior .mega-dropdown a.dropdown-toggle:active, .navbar-interior .mega-dropdown a.dropdown-toggle:focus, .navbar-interior .mega-dropdown a.dropdown-toggle:hover, .navbar-interior .open > a, .navbar-interior .open > a:focus, .navbar-interior .open > a:hover, .navbar-interior > li:last-child > a:hover, .navbar-interior > li:last-child > a:focus, .navbar-interior > li:last-child > a:active {
		background-color: #8F642B;
	}
	
	.navbar-interior > li:last-child > a {
		border: solid 1px #794500
	}
	
	
	#cover-form-container p {
		font-size: 1em
	}
	#cover-form-container {
		margin-top: 100px
	}

	#cover-body h1 {
		font-size: 2em;
		font-weight:800;
	}
	#cover-body {
		margin-right: auto;
		margin-left: auto;
		max-width: 620px
	}
	.img-responsive.half {
		max-width: 50%;
		margin-top:5px;
	}
	.img-responsive.left {
		float:left;	
		margin-right:20px;
		margin-bottom:20px;
	}
	.img-responsive.right {
		float:right;	
		margin-left:20px;
		margin-bottom:20px;
	}
	#footer2 {
		text-align: left;
	}
}

@media (min-width: 992px) {
	
	
	
	
	
	
	#trigger {
		float: right
	}
	#cover-body {
		margin-right: auto;
		margin-left: auto;
		max-width: 800px
	}
	.navbar-cover {
		font-size:.8em;
	}

	#top-phone {
		font-size: 1em
	}
	#top-phone span {
		font-size: 1.1em
	}
}


@media (max-width:767px) {
	.offcanvas-xs {
		display: none
	}
	.offcanvas-xs.in {
		display: block
	}
	.btn-group.stretch-on-xs {
		width: 100%;
		display: block;
		margin-bottom: 10px
	}
	.btn-group.stretch-on-xs .btn {
		width: 100%;
		display: block
	}
	.stretch-on-xs-2 {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;
		margin-bottom: 20px
	}
	.stretch-on-xs-2 > .btn, .stretch-on-xs-2 > .btn-group {
		display: table-cell;
		float: none;
		width: 1%
	}
	.stretch-on-xs-2 > .btn-group .btn {
		width: 100%
	}
	.stretch-on-xs-2 > .btn-group .dropdown-menu {
		left: auto
	}

}