@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local('Ubuntu Light'), local('Ubuntu-Light'), url(https://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(https://fonts.gstatic.com/s/ubuntu/v7/OsJ2DjdpjqFRVUSto6IffFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/ubuntu/v7/OsJ2DjdpjqFRVUSto6IffD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(https://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body { font-family: 'Ubuntu', sans-serif; background: #fff; color: #5a3e33;}

a { color: #d66e3b; }
a:hover { color: #c86839; }

.ui-slider-handle,
.btn-primary,
.dropdown .btn,
.btn-group .btn { color: #fff; background: #d66e3b; border: 1px solid #bd5726;}

.btn-primary { background: #d66e3b; border-color: #bd5726; color: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.btn-primary:hover { background: #bd5726; border-color: #bd5726; }

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

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

.btn-secondary:before,
.btn-primary:before,
.entry a:after { background-color: #bd5726; }

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

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

.navbar-nav > li > a:after, 
.entry a:after { background-color: #f77c3f; }

.yacht-title a:hover,
.yacht-price { color: #d66e3b; }

.entry-main-list .offer-icon,
.yacht-meta-promo { background: #f77c3f; }

.offer-icon { border-color: #d66e3b; }
.offer:hover .offer-icon { background-color: #d66e3b; border-color: #756556; }

.jumbotron p { color: #756556; }

.nav-utility .dropdown-menu,
.header { background: #383029; }

.header-homepage .nav-utility .dropdown-menu,
.header-homepage { background-color: rgba(56,48,41,0.8); }

.section-background:after { background-color: rgba(66,57,49,0.7); }

.btn-default.active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:active,
.dropdown .btn:hover,
.btn-group .btn:hover,
.btn-group .btn.active { background: #bd5726; border: 1px solid #a24a1f; color: #fff;}

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

.form-control { background: #f1ede4 none repeat scroll 0 0; border-color: #dad6cb; color: #5a3e33; }

.ui-slider { border-color: #dad6cb; }

.ui-state-default, 
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-slider-handle,
.ui-slider-range { background: #f77c3f; border: 1px solid #e87238; }

.pagination > .disabled > a:hover, 
.pagination > .disabled > a { background: #f1ede4 none repeat scroll 0 0; border-color: #dad6cb; color: #5a3e33; }

.pagination > li > a, 
.pagination > li > span { background: #f1ede4 none repeat scroll 0 0; border-color: #dad6cb; color: #bd5726; }

.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: #d66e3b; color: #fff; border-color: #5a3e33; }

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

footer { background: #50453b; }

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

.btn-group > .btn:last-child:not(:first-child), 
.btn-group > .dropdown-toggle:not(:first-child) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.btn-group > .btn:first-child:not(:last-child), 
.btn-group > .dropdown-toggle:not(:last-child) { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.yacht { padding-bottom: 15px; border-radius: 5px; background: #fff; display: block;}

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

.yacht-body { border-top: 1px solid #d66e3b; border-bottom: 1px solid #d66e3b; }

.form-control-select { background-color: #f1ede4; }

.slideshow .flex-control-nav { display: block; position: absolute; left: 0; width: 100%; bottom: 15px;}

.navbar-nav { padding-top: 0; }
.navbar-nav > li > a { padding: 7px 10px; border-radius: 5px; }
.navbar-nav > li > a:after { display: none; }
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a { background: #fff; color: #d66e3b;}
.navbar-nav > li > a:hover { background: #d66e3b; color: #fff;}

.nav-utility .dropdown-menu { margin-top: 21px; }

.navbar-nav > li { padding: 0 2px; }

.btn-secondary:before, 
.btn-primary:before { display: none; }

.header .nav { padding-top: 0; }

.yacht-details-slider .flex-control-nav .flex-active { border: 1px solid #d66e3b; }

.socials a:hover { -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) {
    .header-homepage .nav-utility .dropdown-menu,
    .nav-utility .dropdown-menu,
    .header { background: #50453b; }  

    .slideshow-caption { top: 25%; }

    .nav-utility .dropdown-menu { margin-top: 30px; }
}
@media (max-width: 1024px) {
    .slideshow-caption { top: 11%; }
}
@media (max-width: 991px) {
    .navbar-nav > li { padding: 0; }
    .navbar-nav > li > a { font-size: 14px; }
}
@media (max-width: 767px) {
    .navbar-nav > .active > a,
    .navbar-nav > .active > a:hover,
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a { background: none; }

    .navbar-nav > li > a:hover { color: #f77c3f; }  

    .slideshow-caption { top: auto; }

    .nav-utility .dropdown-menu { margin-top: -8px; }
}
@media (max-width: 479px) {
    .slideshow { margin-top: 95px; }

    .slideshow-caption .btn { width: auto; display: block; }
}