@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJUo2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJR_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}

body { font-family: 'Roboto Slab', serif; background: #fff;}

a:hover,
a { color: #1ab4c0; } 

.ui-state-default, 
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-slider-handle,
.btn-primary,
.pagination > li > a, 
.pagination > li > span,
.btn-group .btn { color: #fff; background: #1ab4c0; border: 1px solid #1aa1ab;}

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

.btn-secondary:before,
.btn-primary { background: #1aa1ab; border-color: #1aa1ab; color: #fff; }

.btn-primary:hover { border-color: #e37d4c; background: #1aa1ab;}

.btn-primary:before,
.btn-secondary { background: #e37d4c; color: #fff; border-color: #e37d4c;}

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

.yacht-details-info .price,
.yacht-price { color: #e37d4c; }

.offer-icon { border-color: #e37d4c; }

.entry-main-list .offer-icon,
.offer:hover .offer-icon { background-color: #e37d4c; }

.section-background:after { background-color: rgba(28,98,104,.7); }

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

.slideshow-caption h1 { font-size: 64px; line-height: 80px; }

.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: #e37d4c; color: #fff; border-color: #699138; }

.navbar-nav > li,
.navbar-nav { padding-left: 10px; padding-right: 10px; }
.navbar-nav > li > a { font-size: 14px; }

.search-field { width: 70px; }

.made-by a,
.footer-nav a:hover,
.copyright a { color: #e37d4c; }  

.footer-nav a:after { background-color: #e37d4c; }

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

.btn-secondary, 
.btn-primary { height: 52px; }

.btn-secondary { border: 0; border-bottom: 4px solid #1aa1ab; }
.btn-secondary:hover { border-color: #e37d4c; }

.btn-primary { border: 0; border-bottom: 4px solid #e37d4c; }
.btn-primary:hover { border-color: #1aa1ab; background-color: #e37d4c; }

.yacht { border-bottom: 4px solid #1aa1ab; }
.yacht:hover { border-bottom: 4px solid #e37d4c; }

.yacht,
.socials a,
.offer-icon,
.yacht-head { border-radius: 0; }  

.offer-icon { background: #e37d4c; border: 0; border-bottom: 4px solid #1aa1ab; }

.offer:hover .offer-icon { background: #1aa1ab; border-bottom: 4px solid #e37d4c;}

.slideshow-caption { background: #fff; color: #292c2d; padding: 20px; }
.slideshow-caption h1 { font-size: 60px; line-height: 1.3em; padding-bottom: 10px; margin-top: 0; }
.slideshow-caption p { font-size: 17px; line-height: 1.4; }

.navbar-nav > .active > a:after { content: ''; height: 4px; bottom: -21px; display: block; position: absolute; left: 0; width: 100%; }
.navbar-nav > li > a:after { content: ''; height: 4px; bottom: -21px; display: block; position: absolute; left: 0; }

.slideshow .flex-control-nav { display: block; bottom: 0; position: absolute; left: 0; width: 100%; }
.slideshow .flex-control-nav li { margin: 0; width: 33.3333%; }
.slideshow .flex-control-nav li a { background-color: #e37d4c; border-radius: 0; height: 4px; width: 100%; }
.slideshow .flex-control-nav li .flex-active { box-shadow: 0 0 0px 0 rgba(255, 255, 255, 0); background-color: #1aa1ab; }

.yacht-details-slider .flex-control-nav li img { border-bottom: 4px solid #e37d4c }
.yacht-details-slider .flex-control-nav li:hover img, 
.yacht-details-slider .flex-control-nav li .flex-active { border-color: #1aa1ab; }

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

@media (max-width: 1199px) {
    .slideshow-caption { top: 25%; }
    .slideshow-caption h1 { font-size: 45px; }
}

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

@media (max-width: 991px) {
    .header .navbar-nav,
    .header .navbar-collapse { padding-left: 0; padding-right: 0; }

    .navbar-nav > li { padding-left: 7px; padding-right: 7px; }
    .navbar-nav > li > a { font-size: 14px; }

    .navbar-nav > .active > a:after,
    .navbar-nav > li > a:after { bottom: -15px; }
    
    .slideshow-caption { padding: 15px; }
    .slideshow-caption h1 { font-size: 32px; padding-bottom: 0;}
    .slideshow-caption p { font-size: 15px; } 

    .btn-secondary, 
    .btn-primary { height: 42px; }

    .slideshow-caption .btn-secondary { width: 49%; }
}

@media (max-width: 767px) {
    .navbar-nav > .active > a:after,
    .navbar-nav > li > a:after { display: none; }
    .slideshow-caption { top: auto; }
}
@media (max-width: 479px) {
    .slideshow { margin-top: 95px; }

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