body { background: #fff; }

a:hover,
a { color: #54b06f; } 

.ui-state-default, 
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-slider-handle,
.dropdown-menu,
.dropdown .btn,
.pagination > li > a, 
.pagination > li > span,
.btn-group .btn { color: #fff; background: #9acf5b; border: 1px solid #77a63e;}

.btn-primary:hover,
.btn-primary { background: #9acf5b; border-color: #77a63e; color: #fff; }

.btn-secondary { background: #9acf5b; color: #fff; border-color: #9acf5b;}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover { background: #77a63e; border-color: #77a63e; color: #fff; }

.btn-secondary:before,
.btn-primary:before { background-color: #77a63e; }

.entry-main-list .offer-icon,
.yacht-meta-promo,
.navbar-nav > li > a:after, .entry a:after { background: #9acf5b; }

.yacht-price,
.contact-details .glyphicon,
.yacht-details-info .price,
.nav-utility > ul > .dropdown.open > a,
.navbar-nav > .active > a { color: #9acf5b; }

.yacht-title a:hover { color: #77a63e; }

.section { background-color: #fff; }

.jumbotron,
.section-secondary { background-color: #e7f2d9; }

.offer-icon { border-color: #9acf5b; }

.offer:hover .offer-icon { background-color: #77a63e; }

.section-background:after { background-color: rgba(21,29,10,.7); }

.navbar .navbar-toggle .icon-bar { background-color: #fff; background-color: #48955f;}

.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default.focus:active, 
.btn-default:active:focus, 
.btn-default:active:hover, 
.btn-group.open .btn-default,
.btn-group.open .btn-default:hover,
.btn-group.open .btn-default:active,
.btn-group.open .btn-default:focus { background: #77a63e; border: 1px solid #699138; color: #fff; }

.btn-group .btn:hover,
.btn-group .btn.active { background: #77a63e; border: 1px solid #699138;}

.ui-slider-range { background: #a9e364; border: 1px solid #a0d75e; }

.pagination .disabled { display: none; }

.pagination > .active > a,
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination .active a:hover,
.pagination .active a:active,
.pagination .active a:focus,
.pagination > li > span:hover { background: #77a63e; color: #fff; border-color: #699138; }

footer { background: #2c5234; padding-top: 35px; }

.footer-nav { margin-bottom: 10px; }
.footer-nav a:hover { color: #fff; }

body { background: #e8e8e8; }

.wrapper { width: 1170px; margin: 0 auto 15px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); background: #fff; }

.header { width: 1170px; left: 50%; margin-left: -585px; }

.jumbotron { border-bottom: 1px solid rgba(0,0,0,0.1); }

.section-secondary { border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);  }

.yacht-head { border: 1px solid rgba(0,0,0,0.1); border-bottom: 0; }

.slideshow-caption h1 { font-size: 60px; line-height: 1.3em; padding-bottom: 0px; margin-top: 0; }
.slideshow-caption p { padding-bottom: 10px; }

.post { padding-top: 5px; }
.post:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }

.socials a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5);}

.yacht-details-slider .flex-control-nav li img:hover,
.yacht-details-slider .flex-control-nav li .flex-active { -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5); }

@media (max-width: 1420px) {
    .slideshow-caption { top: 20%; }
}

@media (max-width: 1199px) {
    .wrapper { width: 970px;  }

	.header { width: 970px; margin-left: -485px; }

	.slideshow { margin-top: 80px; }
}

@media (max-width: 991px) {
	.wrapper { width: 750px; }

	.header { width: 750px; margin-left: -375px; }

	.navbar-nav > li { padding-left: 7px; padding-right: 7px; }

	.header .navbar-collapse { padding-left: 0; padding-right: 0; }

	.slideshow-caption { left: auto; right: 15px; }
	.slideshow-caption h1 { font-size: 32px; }
}

@media (max-width: 767px) {
	.wrapper { width: auto; margin: 0; border-radius: 0; }
	
	.header { width: 100%; margin-left: 0; left: 0; }

	.slideshow { margin-top: 66px; }

	.slideshow-caption { left: auto; right: auto; }
}