@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

body { font-family: 'Open Sans', sans-serif; }

.yacht-title,
.pagination > li > a, 
.pagination > li > span,
a { color: #56ae34; }  

a:focus,
a:active,
.pagination > li > a:hover, 
.pagination > li > span:hover,
a:hover { color: #488b2e; }

.btn-primary:hover,
.btn-primary {
	border-color: #1b6aac; color: #fff; 
	background: rgb(64,152,226);
	background: -moz-linear-gradient(top,  rgba(64,152,226,1) 0%, rgba(53,140,217,1) 60%, rgba(52,140,212,1) 67%, rgba(50,137,214,1) 77%, rgba(47,135,209,1) 97%, rgba(44,134,210,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,152,226,1)), color-stop(60%,rgba(53,140,217,1)), color-stop(67%,rgba(52,140,212,1)), color-stop(77%,rgba(50,137,214,1)), color-stop(97%,rgba(47,135,209,1)), color-stop(100%,rgba(44,134,210,1)));
	background: -webkit-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(53,140,217,1) 60%,rgba(52,140,212,1) 67%,rgba(50,137,214,1) 77%,rgba(47,135,209,1) 97%,rgba(44,134,210,1) 100%);
	background: -o-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(53,140,217,1) 60%,rgba(52,140,212,1) 67%,rgba(50,137,214,1) 77%,rgba(47,135,209,1) 97%,rgba(44,134,210,1) 100%);
	background: -ms-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(53,140,217,1) 60%,rgba(52,140,212,1) 67%,rgba(50,137,214,1) 77%,rgba(47,135,209,1) 97%,rgba(44,134,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(64,152,226,1) 0%,rgba(53,140,217,1) 60%,rgba(52,140,212,1) 67%,rgba(50,137,214,1) 77%,rgba(47,135,209,1) 97%,rgba(44,134,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098e2', endColorstr='#2c86d2',GradientType=0 );
}

.btn-secondary { background: #2f87d1; color: #fff; border-color: #2f87d1;}

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

.btn-secondary:before { background: #56ae34; }
.btn-primary:before  {
	border-color: #1b6aac; color: #fff; 
	background: rgb(44,134,210);
	background: -moz-linear-gradient(top,  rgba(44,134,210,1) 0%, rgba(47,135,209,1) 3%, rgba(50,137,214,1) 23%, rgba(52,140,212,1) 33%, rgba(53,140,217,1) 40%, rgba(64,152,226,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,134,210,1)), color-stop(3%,rgba(47,135,209,1)), color-stop(23%,rgba(50,137,214,1)), color-stop(33%,rgba(52,140,212,1)), color-stop(40%,rgba(53,140,217,1)), color-stop(100%,rgba(64,152,226,1)));
	background: -webkit-linear-gradient(top,  rgba(44,134,210,1) 0%,rgba(47,135,209,1) 3%,rgba(50,137,214,1) 23%,rgba(52,140,212,1) 33%,rgba(53,140,217,1) 40%,rgba(64,152,226,1) 100%);
	background: -o-linear-gradient(top,  rgba(44,134,210,1) 0%,rgba(47,135,209,1) 3%,rgba(50,137,214,1) 23%,rgba(52,140,212,1) 33%,rgba(53,140,217,1) 40%,rgba(64,152,226,1) 100%);
	background: -ms-linear-gradient(top,  rgba(44,134,210,1) 0%,rgba(47,135,209,1) 3%,rgba(50,137,214,1) 23%,rgba(52,140,212,1) 33%,rgba(53,140,217,1) 40%,rgba(64,152,226,1) 100%);
	background: linear-gradient(to bottom,  rgba(44,134,210,1) 0%,rgba(47,135,209,1) 3%,rgba(50,137,214,1) 23%,rgba(52,140,212,1) 33%,rgba(53,140,217,1) 40%,rgba(64,152,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c86d2', endColorstr='#4098e2',GradientType=0 );
}

.ui-slider-range { background: #2f87d1; border: 1px solid #2f87d1;  }

.ui-state-default, 
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-slider-handle { background: #2f87d1; border-color: #1b6aac; }

.entry a:after,
.offer:hover .offer-icon,
.entry-main-list .offer-icon,
.yacht-meta-promo { background: #56ae34; }

.yacht-title:hover,
.yacht-details-info h2,
.yacht-price { color: #2f87d1; }

.pagination > .active > a:hover, .pagination > .active > a {background: #e2f2ff none repeat scroll 0 0; border-color: #b8dfff; color: #222626; }

.yacht-details-info .price,
.contact-details .glyphicon { color: #56ae34; }

.section-secondary { background: #eff8ff; }   

.offer-icon { border-color: #56ae34; } 

.footer-nav a:hover { color: #fff; }

.section h2,
.find h2 { letter-spacing: 0; }

.find h2,
.offer h3,
.section h2,
.entry h4,
.yacht-views,
.jumbotron h1,
.yacht-meta-promo,
.yacht-body-overlay span,
.yacht-title { font-weight: 600; }

.offer-icon,
.socials a,
.btn { border-radius: 5px; }

.slideshow { margin-top: 71px; } 

.slideshow-caption { color: #fff; left: 50%; max-width: 570px; margin-left: -15px; position: absolute; top: 15%; z-index: 2; background-color: rgba(0,0,0,0.5); padding: 15px 20px 20px; border-radius: 10px; }
.slideshow-caption h1 { font-size: 56px; line-height: 1.3em; margin-top: 0; padding-bottom: 5px; }
.slideshow-caption p { font-size: 17px; padding-bottom: 10px; }
.slideshow-caption .buttons .btn + .btn { margin-left: 15px; }

.yacht { border-radius: 0; }

.yacht-head { border-top-left-radius: 5px; border-top-right-radius: 5px; }

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; background: #2f87d1; }

.navbar-nav > li > a:after { background: #fff; } 

.nav-utility .dropdown-menu { background: #2f87d1; }

.nav-utility > ul > .dropdown.open > a,
.navbar-nav > .active > a { color: #222; } 

.flex-control-thumbs img { border: 2px solid #2f87d1; }
.flex-control-thumbs:hover img,
.flex-control-thumbs .flex-active { border: 2px solid #56ae34; }

.socials:hover a { opacity: 1; }
.socials a:hover { opacity: 1; transform: translate(0,-20%);}

@media (max-width: 1199px) {
	.slideshow-caption { top: 17%; padding: 15px 20px 20px; margin-left: -100px; }
    .slideshow-caption h1 { font-size: 42px; padding-bottom: 10px; }

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

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

    .wrapper { width: 970px;  }

	.header { width: 970px; margin-left: -485px; }
	.header .nav { padding-top: 0px; }

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

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

	.nav-utility .dropdown-menu { background: #2f87d1!important; }
}

@media (max-width: 991px) {
	.slideshow { margin-top: 116px; }

	.slideshow-caption { margin-left: -275px; top: 7%; }

	.wrapper { width: 750px; }

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

@media (max-width: 767px) {
	.slideshow-caption { margin-left: 0; top: 23%; left: 15px; right: 15px; width: auto; max-width: none; padding: 10px 10px 15px; }
	.slideshow-caption h1 { font-size: 32px; }
	.slideshow-caption p { padding-bottom: 15px; }

	.wrapper { width: auto; margin: 0; border-radius: 0; }
	
	.header { width: 100%; margin-left: 0; left: 0; }

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

@media (max-width: 639px) { 
	.slideshow-caption h1 { font-size: 24px; }
	.slideshow-caption p { padding-bottom: 5px; font-size: 14px; }
}

@media (max-width: 540px) { 
	.slideshow-caption { position: relative; top: auto; left: auto; right: auto; border-radius: 0; background: #292c2d; }
}

@media (max-width: 479px) { 
	.slideshow-caption .buttons .btn { display: block; width: auto; }
	.slideshow-caption .buttons .btn + .btn { margin: 0; }
}