/* ================================= */
/* ------------ FONTS CSS ---------- */
/* ================================= */
@font-face {
    font-family: 'genevaregular';
    src: url('../fonts/geneva_0-webfont.woff2') format('woff2'),
         url('../fonts/geneva_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'genevabold';
    src: url('../fonts/geneva-bold-webfont.woff2') format('woff2'),
         url('../fonts/geneva-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i');
/* ================================= */
/* ---------- GENERRAL CSS --------- */
/* ================================= */
/*font-family: 'Roboto', sans-serif;*/
html,
body {
    width: 100%;
    position: relative;
    font-size: 16px;
	background:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	background-position:center center;
	background-size:cover;
	font-family: 'genevaregular';
    padding-top: 5px;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
	color:#333;
}
li {
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #000;
}
a:hover,
a:focus {
    list-style: none;
    text-decoration: none;
    outline: none;
}
a{transition: all 0.5s ease 0s;}
.padding_top {
    padding-top: 90px;
}
.padding_bottom {
    padding-bottom: 90px;
}
.p-b-75 {
    padding-bottom: 75px;
}
.p-t-75 {
    padding-top: 75px;
}
.margin{
	margin:0 !important;
}
.margin-bottom{
	margin-bottom:90px;
}
.margin-top{
	margin-top:90px;
}
.default-bg{
	background:#4286f5;
}
#wrap {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  max-width: 1170px;
  background:#112151;
}
/* ================================= */
/* ---------- Header CSS ----------- */
/* ================================= */
#header nav.navbar.bootsnav {
  background-color: transparent;
  border: medium none;
  border-radius: 0;
  margin-bottom: 0;
  z-index: 9;
}
header#header .header-top {
	display:none;
}
header#header .header-top {
  background: #112151;
  border-bottom: 2px solid #ffdb34;
  border-top: 2px solid #ffdb34;
  margin: 10px 0;
  padding: 5px 0;
  font-family: 'Crimson Text', serif;
}
.mobile-logo > a {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
}
header#header {
  border-bottom:1px solid #fff;
  background:#fff;
}
#header .navbar {
  min-height: auto;
}
#header nav.navbar.bootsnav ul.nav > li {
  margin-bottom: 0;
  padding: 0.9em 0;
}
#header nav.navbar.bootsnav ul.nav > li > a {
  border-right: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  padding: 0 1.8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform:uppercase;
}
#header nav.navbar.bootsnav ul.nav > li > a:hover{
  color: #ffdb23;
}
#header nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, 
#header nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, 
#header nav.navbar.bootsnav ul.nav li.active > a:hover, 
#header nav.navbar.bootsnav ul.nav li.active > a:focus, 
#header nav.navbar.bootsnav ul.nav li.active > a {
	color:#ffdb23; 
}
#header .collapse.navbar-collapse {
  background: #112151;
}
#header .attr-nav {
  display: inline-block;
  float: right;
  margin-left: 13px;
  margin-right: 0;
}

#header .attr-nav > ul > li > a {
  color: #6f6f6f;
  display: block;
  padding: 0;
  position: relative;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
  border-color: #ffdb34 transparent transparent;
  border-width: 3px 1px 1px;
  background:#112151;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
  color: #fff;
}
#header nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{
  color: #ffdb34;
}
#header nav.navbar.bootsnav ul.nav > li > a {
  background-color: transparent;
}
#header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color:transparent;
  color: #ffdb34;
}
#header .attr-nav > ul > li a.top-yt {
  background: #c72b2b;
  border-radius: 4px;
  color: #fff;
  padding: 0 9px !important;
  text-align: center;
}
#header .attr-nav > ul > li a.top-fb{
  background: #3b579d;
  border-radius:0;
  color: #fff;
  padding: 0 9px !important;
  text-align: center;
}
#header .attr-nav > ul > li {
  display: block;
  float: left;
  margin: 3px 15px 0 3px;
}
#header .attr-nav > ul {
  margin: 6px 8px 0 0;
}
/* ================================= */
/* -------- Main Banner CSS -------- */
/* ================================= */
#main-slider .item img {
  width: 100%;
}
#banner {
  position: relative;
}
.coursal-inner {
  left: 0;
  position: absolute;
  top: 25px;
}
.banner-img2 img {
  margin-top: 25px;
  width:100%;
}
#main-slider{
	position:relative;
}
.tparrows.tp-leftarrow {
    background: url(../images/arrow-left.png) no-repeat;
}
.tparrows.tp-rightarrow {
    background: url(../images/arrow-right.png) no-repeat;
}
.tp-leftarrow,
.tp-rightarrow {
    margin: 5px;
    height: 46px;
    width: 46px;
}
/* ================================= */
/* ---------- Features CSS --------- */
/* ================================= */
.features {
  background: #112151;
  border-top: 4px solid #fff;
  border-bottom: 2px solid #9bd1f3;
  padding-top:20px;
  padding-bottom:50px;
  margin-bottom:1px;
}
.feature-img img {
  width: 100%;
  padding-bottom:12px;
}
.feature-img > a{
  font-size: 13px;
  line-height: 12px;
  font-weight:600;
  text-transform:uppercase;
  color:#fff;
}
.feature-img > a:hover{
	text-decoration:underline;
}
.features-text p {
  color: #fff;
  line-height: 26px;
  padding-top:50px;
  text-align:justify;
}
/* ================================= */
/* ---------- Footer CSS ----------- */
/* ================================= */
footer#footer {
  background: #112151;
  border-top: 4px solid #9bd1f3;
}
footer#footer p {
  color: #fff;
  margin: 0;
  padding:15px 0;
}
.footer-bottom {
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

/* ================================= */
/* ------- Inner Banner CSS -------- */
/* ================================= */
#inner-banner{
  background-repeat:no-repeat !important;
  background-size:cover !important;
  padding: 15px 0 35px;
}
.banner-heading {
  text-align: right;
  margin-top:30px;
}
.banner-heading h2{
  background: rgba(0, 0, 0, 0.3);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size:24px;
  text-transform:uppercase;
  display:inline-block;
  padding: 5px 100px 5px 15px;
}
.links-pages {
  background: #f5f5f5;
  padding: 9px 0;
  border:2px solid #ddd;
}
.links-pages p {
  font-size: 13px;
}
.links-pages a {
	color:#25a;
}
.links-pages a:hover{
	text-decoration:underline;
}
/* ================================= */
/* --------- Left Bar CSS ---------- */
/* ================================= */
.heading{
	position:relative;
}
.heading::after {
	content:url(../images/heading-line.png);
	position:absolute;
	left:0;
	right:0;
	overflow:hidden;
}
#general-info .col-md-2,
#general-info .col-md-10 {
  padding-left: 0;
  padding-right: 0;
}
.heading h4{
  font-size: 0.9em;
  color:#fff;
  font-weight:bold;
}
.about-links a{
  font-size: 0.9em;
  color:#fff;
  font-weight:bold;
}
.heading {
  padding: 25px 0;
  position: relative;
  display:block;
}
.about-links {
  margin-top: 20px;
}
.about-links a {
  color: #fff;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  padding: 15px 0 0;
}
.about-links a:hover{
	text-decoration:underline;
}
.about-description{
	background:#fff;
	padding: 20px 10px 15px 45px;
}
.about-description h4{
  border-bottom: 2px solid #112151;
  color: #112151;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 5px 5px 0;
  text-align: left;
  text-transform: uppercase;
  margin-bottom:15px;
}
.about-general-text p {
  font-size: 15px;
  padding-bottom:20px;
}
.time-heading h5 {
  font-size: 18px;
  padding-bottom: 25px;
}
.general-time {
  padding-bottom: 25px;
}
.general-time > li {
  padding-bottom: 5px;
}
#map {
  height:300px;
  border: 1px solid #333;
}
#general-info {
  border-bottom: 2px solid #9bd1f3;
  display: block;
  margin-bottom: 1px;
  padding-bottom:10px;
}
/* ================================= */
/* --------- Right Bar CSS --------- */
/* ================================= */
.right-bar {
  padding-right: 20px;
}
/* ================================= */
/* -------- Directions CSS --------- */
/* ================================= */
.dirction-general-img img {
  width: 100%;
}
.dirction-general-map {
  text-align: center;
}
.dirction-general-img {
  margin-bottom: 30px;
}
.dirction-general-map > a {
  display: block;
  margin-bottom: 20px;
}
.right-inner {
  margin-bottom: 30px;
}
.right-inner h5 {
  font-size: 16px;
  font-weight: bold;
}
/* ================================= */
/* -------- Links Area CSS --------- */
/* ================================= */
.links-heading h3 {
  font-size: 16px;
  font-weight: bold;
}
.main-attractions h5,
.main-street h5 a {
  font-size: 16px;
  font-weight: bold;
}
.main-street h5 a,
.main-street > a {
	color:#25a;
}
.main-street h5 a:hover,
.main-street > a:hover{
	text-decoration:underline;
}
.main-attractions,
.main-street{
  margin-top: 30px;
}
.main-street > p {
  padding:3px 0;
}
.main-street > h5 {
  font-size: 16px;
  font-weight: bold;
}
.area-link-sec p{
	padding-bottom:0 !important;
	}
/* ================================= */
/* ---------- Events CSS ----------- */
/* ================================= */
.event-img{
	margin-bottom:30px;
}
.event-img h5 {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 10px;
}
.event-img img {
  width: 100%;
}
.events-detail {
  margin-bottom:30px;
}
.styled-upcoming-events-detail .events-detail{
	margin:5px 0;
}
.styled-upcoming-events-detail .events-detail p {
  padding: 0;
}
/* ================================= */
/* ---------- Gallery CSS ---------- */
/* ================================= */
.gallery-heading h5 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}
.gallery-heading > p{
  color: #b0b0b0;
  font-size: 14px;
  margin-left: 10px;
  display:inline-block;
}
.gallery-heading,
.gallery-heading1{
	margin-bottom:30px;
}
.gellery-img img {
  width: 100%;
}
.gallery-heading1 h5 {
  display: inline-block;
  font-size: 24px;
  font-weight:normal;
  text-transform:uppercase;
}
.gallery-heading1 a {
  color: #25a;
  font-size: 11px;
  font-style: italic;
  display:block;
}
.gellery-img{
  background: #f1f1f1;
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom:30px;
}
.gellery-img img{
	opacity:1;
}
.gellery-img img:hover{
	opacity:.7;
}
.gallery-tex > a {
  font-size: 13px;
  font-weight: bold;
  color:#25a;
  display:block;
}
.gallery-tex {
  margin-bottom: 20px;
}
.gallery-tex > a:hover{
	text-decoration:underline;
}
.gallery-tex > span{
  font-size: 11px;
  font-style: italic;
}
/* ================================= */
/* -------- Hyannis css ------------ */
/* ================================= */
.about-description h3{
	font-weight:bold;
	padding-bottom:10px;
	line-height:30px;
	font-size:24px;
	text-transform:uppercase;
	color: #333;
	}
.about-description p {
  line-height: 24px;
  padding: 0 0 15px;
  color: #333;
  text-align:justify;
}
.about-description li {
  list-style-type: square;
  line-height:24px;
  font-size: 0.9em;
  padding-left:5px;
 
}
.about-description ul{
	padding-bottom:15px;
	 padding-left:30px;
	}
.time-paragraph a:hover{
	text-decoration:underline;
  }	
/* ================================= */
/* --------- Employment css -------- */
/* ================================= */
.employment-button {
  padding: 5px 0 10px;
}
.employment-button h5{
	color:#333;
	font-size: 16px;
    font-weight: bold;
	padding-top:6px;
	line-height:24px;
	word-spacing:10px;
} 
.blue-button:hover .btn_blue {
	color:#fc3;
}
.blue-button .btn_blue.btn_red {
	background:#990000;
} 
.btn_blue::after {
  bottom:-22px;
  content: url("../images/heading-line.png");
  left: 0;
  position: absolute;
  right: 0;
  overflow:hidden;
}
.btn_blue {
  background:#112151;
  display:block;
  font-size: 16px;
  font-weight: bold;
  height:54px;
  position:relative;
  text-align:center;
  line-height:54px;
  color:#ffffff;
  margin:0 auto;
}
.btn_blue:focus{
  color:#ffffff;
}
.visiting-sec {
  padding-top: 70px;
}
.visiting-sec h5{
  padding-bottom:15px;
  color:#333;
  font-size: 16px;
  font-weight: bold;
  line-height:24px;
}	
.employ-img {
  padding: 30px 0 195px;
  text-align: center;
}	
.button-group {
  margin: auto;
  text-align: center;
  width: 294px;
}
/* ================================= */
/* ---------- Contact CSS ---------- */
/* ================================= */
h5.contact-page-heading{
  color: #333;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 5px 5px 5px 0;
  text-align: left;
  text-transform: uppercase;
}
h5.contact-page-heading a,
.contact-detail h5 a{
  color:#25a;
  border-bottom:2px solid transparent;
  font-size: 15px;
  font-weight: bold;
}
h5.contact-page-heading a:hover,
.contact-detail h5 a:hover{
	border-bottom:2px solid #25a;
}  
.contact-detail > h5 {
  padding: 10px 0 5px;
  color: #333;
  font-size: 15px;
  font-weight: bold;
}  
.contact-detail {
  margin-bottom:60px;
}	
/* ================================= */
/* ---------- Dockage CSS ---------- */
/* ================================= */
.dockage-detail .dockage-img1{
  display: inline;
  margin: 0 10px 10px 0;
  float:left;
  max-width:100%;
  height:auto;
}
.dockage-detail .dockage-img2{
  display: inline;
  margin: 0 0 0 10px;
  float:right;
  max-width:100%;
}
.dockage-detail > p{
  padding: 0 0 15px;
}
.dockage-img3 {
  float: left;
  margin: 0 10px 10px 0;
}
/* ================================= */
/* ---------- Dockage-Contact CSS ---------- */
/* ================================= */
.dockage-contact-sec {
  display: block;
  text-align: center;
}
.dockage-contact-sec > a {
  font-weight: bold;
  display:block;
  padding-top:30px;
}
.dockage-contact-sec > a:hover{
	text-decoration:underline;
	}
/* ================================= */
/* -------- Transient CSS --------- */
/* ================================= */
.transient-heading > h5 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 20px;
}
.transient-description img {
  width: 100%;
}
.transient-heading2 > h5 {
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.callout {
  background-color: #ffdb23;
  border: 0.2em solid #112151;
  border-radius: 5px;
  color: #112151;
  font-size: 1.6em;
  font-weight: bold;
  padding: 0.8em;
  text-align: center;
  text-transform: uppercase;
}
.rates-dockage{
	margin-bottom:20px;
}
/* ================================= */
/* --------- Seasonal CSS ---------- */
/* ================================= */
h5.seasonal-heading {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 20px;
}
.seasonal-description p{
  font-size: 13px;
  padding: 0 0 5px;
  text-align: inherit;
}
.seasonal-description p strong span {
  border-bottom: 1px solid;
}
.seasonal-description > h5 {
  font-weight: bold;
}
.seasonal-description {
  margin-bottom: 20px;
}
.right-images > img {
  margin-bottom: 40px;
  width: 100%;
}
.callout.callout2 {
  font-size: 1em;
  margin-top:30px;
}
.mega-yachts img {
  margin-bottom: 30px;
  width: 100%;
}
/* ================================= */
/* --------- Airport CSS ----------- */
/* ================================= */
#general-info .airport-description{
	background:#FFF;
}
#general-info .airport-description .about-description {
  padding: 20px 0 15px;
}
.about-description.mega-yachts p {
  padding: 0;
}
#general-info .airport-description .about-description.mega-yachts img {
  margin-top:10px;
  margin-bottom:10px;
  width: 100%;
}
/* ================================= */
/* ------- Sport Fishing CSS ------- */
/* ================================= */
#sport-fishing .item > img {
  width: 100%;
  max-height: 390px;
}
#sport-fishing .owl-prev{
  left: 0;
  position: absolute;
  top: 40%;
  opacity: 0;
  transition: all 0.8s ease 0s;
}
#sport-fishing .owl-next{
  right: 0;
  position: absolute;
  top: 40%;
  opacity: 0;
  transition: all 0.8s ease 0s;
}
#sport-fishing .owl-pagination {
  bottom: 21px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
#sport-fishing .owl-page{
	display:inline-block;
}
#sport-fishing .owl-page > span{
  background: #000;
  border-radius: 11px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55), 0 1px 0 rgba(0, 0, 0, 0.27) inset;
  cursor: pointer;
  display: block;
  height: 11px;
  margin: 0 0 0 10px;
  overflow: hidden;
  position: relative;
  width: 11px;
}
#sport-fishing .owl-page.active span{
	background: #fff;
}
#sport-fishing:hover .owl-prev,
#sport-fishing:hover .owl-next{
	opacity: 1;
	transition: all 0.8s ease 0s;
}
.fish-detail h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.fish-detail{
	margin-bottom:15px;
}
.mega-yachts .blue-button {
  margin-bottom: 30px;
}
/* ================================= */
/* ----- Groups Well Come CSS ------ */
/* ================================= */
.groups-img img {
  margin-top: 10px;
  width: 100%;
}
.group-map {
  background: #112151;
}
.group-map > p {
  color: #fff;
  font-weight: 400;
  padding: 0 1em 1em;
}
.groups-img ul {
  margin-top: 20px;
}
/* ================================= */
/* ------- Hurrican Plan CSS ------- */
/* ================================= */
.hurrican-plan h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 15px;
}
.about-description .hurrican-plan > p {
  text-align: left;
  font-size:15px;
}
/* ================================= */
/* ------- dockage-contact CSS ------- */
/* ================================= */

.dock-contact-img > img {
  width: 100%;
}
.dockage-info .dockage-img3{
	float:none;
	display:block;
	margin:0 auto;
	}
	
.dockage-detail > span {
  display: block;
  text-align: center;
  padding-top:20px;
  padding-bottom:5px;
}	
 .dockage-info .dockage-detail a {
  padding-left: 5px;
  font-weight:bold;
}
.dockage-info .dockage-detail a:hover{
	border-bottom:2px solid #25a;
	}
/* ================================= */
/* ------- inside w.storage CSS ------- */
/* ================================= */
.inside-button .btn_blue{
	width:267px;
	} 
.inside-button {
  padding-bottom: 270px;
}
/* ================================= */
/* ------- outside w.storage CSS ------- */
/* ================================= */
.outside-info {
  padding-bottom: 280px;
}		

/* ================================= */
/* ------- Maintenance CSS ------- */
.maintenance-info {
  padding-bottom: 90px;
}
/* ================================= */
/* ------- Fiberglass CSS ------- */
.paint-service-img-sec {
  padding-top: 50px;
  padding-bottom:157px;
}
.paint-ser{
	padding-top:20px;
	}
.paint-service-img {
  padding-top:76px;
}	

/* ================================= */
/* ------- Sterndrive CSS ------- */

.drive-img-sec {
  padding-top: 15px;
}
/* ================================= */
/* ------- Outboard CSS ------- */
.outboard-info {
  padding-bottom: 125px;
}
/* ================================= */
/* ------- diesel-engine-repair CSS ------- */
.mega img {
  width: 75%;
}
.yachts img {
  padding-top: 60px;
  width:100%;
}
.chts img {
  padding-top:75px;
  margin: 0 auto;
  display: block;
  width:100%;
}
.diesel-sec-info{
	padding-bottom:332px;
}

/* ================================= */
/* ------- weather-tides CSS ------- */
.weather-img-sec img {
  display: block;
  margin: 0 auto;
  padding-bottom:25px;
}
.weather-img-sec a {
  display: block;
}
.weather-img-sec a:hover{
	text-decoration:underline;
}
.weather-img-sec .btn_blue {
	text-decoration:none !important;
}
.weather-info {
  padding-bottom: 140px;
}
/* ================================= */
/* ------- service-info CSS ------- */
.scott-sec > img {
  display: block;
  margin: 0 auto;
}
.scott-sec p{
	font-size:12px;
	padding:0;
	line-height:20px;
	}
.image-item img {
  width: 100%;
}
.babu-baby {
  display: block;
  margin: 0 auto;
  width: 45%;
}
.content-sec {
  padding: 20px 0;
}
.dept-button .blue-button {
  display: block;
  margin: 0 auto;
  width: 282px;
}
.scott-sec > img {
  padding-bottom: 10px;
}
.scott-sec {
  text-align: center;
}
.scott-img {
  display: block;
  padding-top: 25px;
}
.scott-sec a {
  font-size: 12px;
}
.scott-sec a:hover{
	text-decoration:underline;
}
.about-description h5{
	
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
	}
/* ================================= */
/* -------- Responsive CSS --------- */
/* ================================= */
form.jobs-search {
  background: #eeeeee;
  padding: 20px 20px 5px;
  margin-top: 20px;
}
form.jobs-search .form-control {
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
  height: 40px;
}
.about-description .job_types {
  background: #f9f9f9;
  padding: 20px;
  border-top:1px solid #e5e5e5;
}
.about-description ul.job_types li {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 0;
  list-style: outside none square;
  padding-left: 0;
  padding-right: 25px;
  vertical-align: text-bottom;
}
.about-description ul.job_types li label {
  font-weight: normal;
}
.about-description .job_types p {
  font-size: 14px;
  padding: 0;
}
.job_showing_img > img {
  width: 100%;
}
.job_showing p {
  color: #999999;
  font-size: 13px;
  padding: 0;
}
.job_showing h4{
	margin-bottom:0;
}
.job_listing {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  display: block;
  padding: 15px 0 10px;
}
/* ================================= */
/* ----- Reservation Form CSS ------ */
/* ================================= */
.m-t-30{
	margin-top:30px;
}
.reservation-form{
	background:#fff;
	padding:30px;
}
.reservation-form h3 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding-bottom:30px;
}
.reservation-form > p {
  font-size: 14px;
}
.reservation-form > span {
  font-size: 14px;
  color:#FF0000;
}
.transient-form {
  background: #ffffff;
  padding: 0 15% 30px;
}
.transient-form .form-control {
  border-radius: 0;
}
.daily-rates {
  margin-top: 20px;
}
.daily-rates-text p {
  font-weight: bold;
  padding-bottom: 20px;
}
.daily-rates-text span{
  font-weight: bold;
  padding-bottom: 20px;
  color:#cc0000;
}
/* ================================= */
/* ------- Seasonal Form CSS ------- */
/* ================================= */
.seasonal-form-heading {
  margin-top: 20px;
}
.about-description .seasonal-form-heading h2 {
  font-size: 1.5em;
  letter-spacing: 1.5px;
  font-weight: 700;
  font-family: 'genevabold';
  color:#112151;
  padding-bottom:10px;
  text-transform:uppercase;
}
.about-description .seasonal-form-heading h3 {
  color: #112151;
  font-size: 1.1em;
  font-weight: 300;
  padding-top: 20px;
}
form.seasonal-form {
  margin-top: 20px;
}
.seasonal-form-padding .about-description {
  background: #ffffff;
  padding: 30px 80px 15px 50px;
}
.seasonal-form .form-group > p {
  font-size: 13px;
  padding-top: 5px;
}
form.seasonal-form .form-control {
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
  height: 38px;
}
form.seasonal-form textarea.form-control {
	height:130px;
}
form.seasonal-form label {
  font-size: 14px;
}
.form-group.boat-status > label {
  font-size: 12px;
  font-weight: normal;
}
.form-group.boat-status > label.f-bold {
  font-size: 16px;
  font-weight:bold;
}
form.seasonal-form .form-group input[type="submit"] {
  background: #000000;
  border: medium none;
  color: #ffffff;
  padding: 6px 30px;
}
/* ================================= */
/* ----- Weather Tide Report CSS --- */
/* ================================= */
.weather-tides {
  margin-top: 30px;
}
.about-description .weather-tides li {
  font-size: 0.9em;
}
.weather-tides .blue-button {
  margin-left: 15%;
  width: 280px;
}
.about-description iframe {
  margin-bottom: 30px;
}
/* ================================= */
/* ------- Marine Store CSS -------- */
/* ================================= */
.marine-store-popup a img {
  margin: 30px 0;
}
.marine-store-heading{
	margin-bottom:20px;
}
.marine-store-heading.text-center > p {
  text-align: center;
  padding-bottom:5px;
}
/* ================================= */
/* -------- Responsive CSS --------- */
/* ================================= */


@media (max-width: 1200px) {
	.about-general-img img {
	  width: 100%;
	}
}
@media (max-width: 992px) {
	#header nav.navbar.bootsnav {
	  background-color: #112151;
	  padding: 14px 0 3px;
	}
	header#header {
	  background:#fff;
	}
	header#header .header-top {
		display:block;
	}
	.banner-img2 img {
	  width: 100%;
	}
	.banner-img1 	img {
	  width: 100%;
	}
	nav.navbar.bootsnav .navbar-toggle {
	  margin: 0 0 12px !important;
	}
	nav.navbar.bootsnav .navbar-toggle {
	  background-color: #fff !important;
	  color: #112151;
	  padding: 4px 10px !important;
	  top: 0 !important;
	}
	#header nav.navbar.bootsnav ul.nav > li > a {
	  border-bottom: medium none;
	  border-right: medium none;
	  margin: 0;
	  padding: 0.9em 0;
	  text-align: left;
	}
	#header .attr-nav > ul > li {
	  margin: 0 15px 0 3px;
	}
	#header nav.navbar.bootsnav ul.nav > li {
	  padding: 0;
	}
	.feature-img{
		margin-bottom:30px;
	}
	.feature-img img {
		width:100%;
	}
	.features-text p {
	  text-align: center;
	}
	.banner-heading h2 {
	  padding: 5px 3px;
	}
	#general-info .col-md-2,
	#general-info .col-md-10 {
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.about-description {
	  padding:10px;
	}
	.btn_blue {
	  font-size: 12px;
	}
	.weather-tides img {
	  width: 100%;
	}
	.weather-tides .blue-button {
	  margin-left: 0;
	}
	.marine-store-popup a img {
	  width: 100%;
	}
}
@media (max-width: 767px) {
	.feature-img img {
	  display: block;
	  margin: 0 auto;
	  width: auto;
	}
	.banner-img1{
		display:none;
	}
	.coursal-inner {
	  top: 0;
	}
	.banner-img2 img {
	  margin-top: 0;
	}
	.left-bar{
	  margin-bottom:40px;
	}
	.right-bar {
	  padding-right: 0;
	}
	.mega img {
  width:auto;
  display:block;
  margin:0 auto;
}
.yachts img {
	width:auto;
	 display:block;
  margin:0 auto;
}
.chts img {
	width:auto;
	 display:block;
  margin:0 auto;
}
.seasonal-form-padding .about-description {
	  padding: 30px 20px 15px;
	}
}
@media (max-width: 480px) {
	.coursal-inner-banner a img {
	  display: none;
	}
} 
@media (max-width: 360px) {
	.dirction-general-map img{
		width:100%;
	}
}
.print-banner{
  display: none;
}
/*Print css*/

@media print {
  .col-md-2.col-sm-2.col-md-12.text-center{
    display: none;
  }
  .about-description .col-md-4.col-sm-4.col-xs-12{
    display: none;
  }
  .print-center-text{
    width: 100%;
  }
  .links-pages{
    display: none;
  }
  #navbar-menu{
    display: none;
  }
  #general-info{
    border: none;
  }
  footer#footer{
    border: none;
  }
  .print-banner{
  padding: 15px 0 35px;
  width: 100%;
}
  #inner-banner{
    display: none;
  }
  .print-banner{
    display: block !important;
  }
  #footer{
    display: none;
  }
}