@charset "utf-8";
/* CSS Document Created by Codea */

@import url('https://fonts.googleapis.com/css?family=Abel');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
.navbar-default { background-color: transparent; border-bottom: transparent; border-color: transparent; }
.navbar-brand { padding: 0px 15px; }
.mtp { border-top: 1px #01b7f2 solid; }
.mnu-tp { border-bottom: 5px #00A99D solid; }
.navbar-default .navbar-nav > li > a { color: #076760; font-size: 13px; text-transform: uppercase }
.navbar-default .navbar-nav > li > a:hover { color: #f8c445; background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #076760; background-color: transparent; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #EF4023; background-color: transparent; }
.sublinks { float: right; }

@media (min-width:1200px) {
.navbar-right { float: right!important; margin-right: -15px; margin-top: 22px; }
}

@media (max-width:980px) {
.navbar-right { float: right!important; margin-right: -15px; margin-top: 30px; }
.nav > li > a { position: relative; display: block; padding: 10px 9px; }
.navbar-default .navbar-nav > li > a { color: #076760; font-size: 12px; text-transform: uppercase }
}
.licn { position: absolute; margin-top: 11px; }

@media (max-width: 990px) {
.navbar-default .navbar-toggle { margin-bottom: 40px; }
.navbar-default .navbar-nav > li > a { color: #fff; font-size: 13px; text-align: center; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a:focus,  .navbar-default .navbar-nav > li > a:hover { color: #FFF !important }
.navbar-right { float: left!important; margin-right: -15px; margin-top: 5px; }
.dropdown-menu > li > a { padding: 12px 20px; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #00A99D !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.dropdown-menu > li > a { padding: 12px 20px; color: #fff !important; text-transform: uppercase; font-size: 13px; }
.dropdown-menu > li > a:focus,  .dropdown-menu > li > a:hover { color: #262626 !important; text-decoration: none; background-color: #f5f5f5 !important; }
.navbar-collapse { position: absolute; z-index: 9991; background: #ef4024; /* right: 0; */
width: 100%; }
}
.navbar-default .navbar-toggle { border: 0px; margin-bottom: 50px; background: #03a69f; border-radius: 0px }
.navbar-toggle { margin-right: -18px; }
/*.banner{margin-top: -18px;}*/

.banner-caption { float: left; background: url(../images/view-bg.png) repeat; padding: 15px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ef4024 }

@media(min-width:200px) and (max-width:1200px) {
.banner-caption { display: none; }
}
.banner-caption h1 { font-family: 'Oswald', sans-serif; font-size: 34px; padding: 0px 30px 0px 30px; color: #FFF; text-align: left; text-transform: uppercase; }
.banner-caption p { font-family: 'Oswald', sans-serif; font-size: 16px; padding: 0px 30px 0px 30px; color: #FFF; text-align: left; }
.banner-caption a { float: left; font-family: 'Oswald', sans-serif; font-size: 14px; padding: 0px 30px 0px 30px; color: #ffb600; text-align: left; margin: 10px 0px 10px 0px; }
.carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; top: 40%; }
.top-shadow { float: left; width: 100%; background: url(../images/shw.png) no-repeat top; height: 30px; background-size: 100%; margin-top: 5px; }
.dropdown-menu > li > a { padding: 12px 20px; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #00A99D; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.dropdown-menu > li > a { padding: 12px 20px; color: #fff; text-transform: uppercase; font-size: 13px; }
.navbar { margin-bottom: 0px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 50px; }
.country-caption h4 { color: #FFF; }
.enquire-button { background-color: #01B7F2; color: #ffffff; display: block; font-family: 'Oswald', sans-serif; font-size: 16px; font-style: normal; margin: 0 auto; padding: 5px 5px 5px 5px; text-align: center; width: 95%; border-radius: 2px; margin-bottom: 10px; }
.enquire-button:hover { color: #2F1F03; text-decoration: none; }
.fh-package-grid .enquire-button { background-color: #000000; border-bottom: 2px solid white; color: #ffffff; display: block; font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0 auto; padding: 16px 0; text-align: center; width: 98%; transition: 0.2s; }
.fh-package-grid .enquire-button:hover { background-color: #11c3a0; text-decoration: none; }
.header-top { float: left; width: 100%; }
.sublinks { float: right; margin-top: -1px; }
.sublinks a { float: left; padding: 5px 14px 5px 17px; color: #FFF; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; background: #01b7f2; display: block; margin: 0px 0px 0px 5px; text-transform: uppercase; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.sublinks a:hover { color: #000; text-decoration: none; }
.fh-inner-banner { display: block; border-bottom: #eaeaea solid 10px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); /* height: 200px; */
overflow: hidden; position: relative; }

@media (max-width: 320px) {
.sublinks { float: right; margin-top: -1px; margin-right: 15px !important; }
.fh-inner-banner .banner-content,  .fh-inner-banner h1.banner-content,  .fh-detailed-page-banner .banner-content  .fh-detailed-page-banner h1.banner-content { background-color: rgba(0, 0, 0, 0.6); color: #ffffff; font-family: "Oswald", sans-serif; font-size: 18px; padding: 20px; position: relative; text-transform: uppercase; width: 100% !important; z-index: 2; margin-top: 0px !important; }
.fh-inner-banner .banner-content .sub-title,  .fh-detailed-page-banner .banner-content .sub-title { font-size: 14px; text-transform: uppercase; }
}

@media (max-width: 760px) {
.sublinks { float: right; margin-top: -1px; margin-right: 37px; }
.fh-inner-banner .banner-content,  .fh-inner-banner h1.banner-content,  .fh-detailed-page-banner .banner-content { background-color: rgba(0, 0, 0, 0.6); color: #ffffff; font-family: "Oswald", sans-serif; font-size: 18px; padding: 20px; position: relative; text-transform: uppercase; width: 100% !important; z-index: 2; margin-top: 0px !important; }
.fh-inner-banner .banner-content .sub-title,  .fh-detailed-page-banner .banner-content .sub-title { font-size: 14px; text-transform: uppercase; }
.banner .carousel-inner > .item > a > img { max-width: 200% !important }
}

@media (max-width: 390px) {
.navbar-brand { padding: 0px }
.navbar-toggle { margin-right: -5px !important; }
}

@media screen and (min-width: 760px) {
}

@media screen and (min-width: 760px) and (max-width: 980px) {
.fh-inner-banner .banner-content,  .fh-inner-banner h1.banner-content,  .fh-detailed-page-banner .banner-content { background-color: rgba(0, 0, 0, 0.6); color: #ffffff; font-family: "Oswald", sans-serif; font-size: 18px; padding: 20px; position: relative; text-transform: uppercase; width: 100% !important; z-index: 2; margin-top: -84px !important; }
.fh-inner-banner .banner-content .sub-title,  .fh-detailed-page-banner .banner-content .sub-title { font-size: 14px; text-transform: uppercase; }
}

@media (min-width: 1200px) {
.fh-inner-banner h1.banner-content,  .fh-inner-banner .banner-content,  .fh-detailed-page-banner .banner-content { background-color: rgba(0, 0, 0, 0.6); color: #ffffff; font-family: "Oswald", sans-serif; font-size: 25px; padding: 20px; position: relative; text-transform: uppercase; width: 45%; z-index: 2; margin-top: -170px; }
.fh-inner-banner .banner-content .sub-title,  .fh-detailed-page-banner .banner-content .sub-title { font-size: 16px; text-transform: uppercase; }
}
.abt-wrp { margin-top: 10px; padding: 10px; background-color: rgba(193, 213, 222, 0.38); margin-bottom: 10px; }
.ct-blk { background-color: rgba(193, 213, 222, 0.38); padding: 10px; min-height: 250px; margin-bottom: 10px; border-right: 4px solid #F2F2F2; }
.cont-blk { line-height: 20px; margin-bottom: 25px; }
.cont-blk ul li { line-height: 38px; list-style: none; }
.form-control { height: 40px !important; }
.form-control1 { display: block; width: 100%; min-height: 165px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.sub-btn { background-color: #f6ad3d; color: #ffffff; display: inline-block; float: right; font-size: 14px; padding: 10px 30px; text-align: center; text-transform: uppercase; margin-top: 15px; border-radius: 4px; border: none; }
.sub-btn:hover { background-color: #000; }
.right-row { width: 100%; float: left; box-sizing: border-box; }
.right3 h2 { font-family: oswald; font-size: 18px; margin-bottom: 10px; }
.right-row ul { float: left; padding: 10px; border-radius: 5px; border: #ccc solid 1px; width: 100%; box-sizing: border-box; }
.right-row ul li { padding: 7px 0; list-style: none; border-bottom: #ccc dotted 1px; display: block; }
.right-row ul li a { text-decoration: none; color: #000; }
.right-row ul li:hover { text-decoration: none; color: #fff; background: #ffa000; padding-left: 5px; transition: ease-in .2s; }
.right-row h2 { font-family: "Oswald", sans-serif; margin: 0; padding: 16px 6px 10px 10px; text-transform: uppercase; color: #003974; font-size: 15px; }
.right-row .pack-right-box { width: 100%; float: left; box-shadow: 1px 1px 4px #999; border-radius: 3px; border: #fff solid 2px; margin-bottom: 20px; }
.right-row .pack-right-box-name a { width: 100%; display: block; padding: 8px; box-sizing: border-box; color: #fff; background: #0d54aa url(../images/readmore-buton.png) no-repeat 20px 7px; top: 110px; font-size: 16px; font-weight: bold; padding-left: 50px; }
.right-row .pack-right-box-name a:hover { color: #fff; background: #ffa000 url(../images/readmore-buton.png) no-repeat 20px 7px; text-decoration: none; }
.dnot1 h2 { font-family: "Oswald", sans-serif; margin: 0; padding: 16px 6px 10px 10px; text-transform: uppercase; color: #003974; font-size: 15px; }
.cont1-blk h4 { padding-top: 10px; padding-bottom: 10px !important; border-bottom: 1px dotted; font-family: "Oswald", sans-serif; margin: 0; padding: 10px 0 0 0px; text-transform: uppercase; color: #003974; font-size: 15px; }
.bt { margin-bottom: 10px; }
.cont1-blk ul li { list-style-position: inside; float: left; margin-right: 10px; list-style: none; }
.plan-wrapper { margin-top: 30px; padding-bottom: 30px; }
.submit1 { background-color: rgb(0, 169, 157); color: #ffffff; display: inline-block; float: right; font-size: 13px; padding: 16px 20px; border-radius: 2px; text-align: center; text-transform: uppercase; border: none; transition: 0.5s; }
.submit1:hover { background-color: rgb(17, 195, 160); }
p { font-size: 15px; }
.house-boat-wrp { }
.house-boat-wrp a { color: #000; }
.house-boat-wrp a:hover { color: #F6AD3D; text-decoration: none; }
.page-title h3, .page-title h4 { color: #3a3a3a; font-family: "Oswald", sans-serif; font-size: 21px; text-transform: capitalize; margin-bottom: 15px; }
.fh-grid-package-wrap { padding-top: 10px; }
.fh-package-grid { background-color: #FFFFFF; }
.fh-package-grid { border: 2px solid #ffffff; border-radius: 6px; border-bottom: #bfbfbf solid 5px; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.16); margin-bottom: 30px; padding-bottom: 15px; min-height: 364px; }
article.fh-package-grid { transition: 0.5s; }
article.fh-package-grid:hover { padding-bottom: 20px; transform: translateY(-5px); box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.24); -ms-box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.24); -webkit-box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.24); }
.fh-package-grid>.image { background-color: #000; overflow: hidden; }
.fh-package-grid>.image img { width: 100%; transition: all ease 0.5s; -o-transition: all ease 0.5s; border-radius: 3px; -webkit-transition: all ease 0.5s; }
.fh-package-grid>.package-name { font-style: normal; font-weight: normal; }
.fh-package-grid>.package-name { color: #242424; font-family: 'Oswald', sans-serif; font-size: 17px; line-height: 27px; font-weight: normal; min-height: 124px; padding: 10px 12px; /* margin: 14px 0; */
text-align: -webkit-center; text-transform: capitalize; vertical-align: middle; }
.fh-package-grid { /*    font-family: 'Oswald', sans-serif;*/
font-size: 15px; font-weight: normal; margin-left: 0px; margin-top: 0px; /*    color: #E49B09;*/
/*    font-style: italic;*/
margin-bottom: 30px; text-align: center; text-align: -webkit-center; text-align: -moz-center; }
.news-wrp { border: 1px solid #C6DEE6; border-bottom: #5CC8EA solid 5px; width: 100%; min-height: 350px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; }
.news-wrp h4 { font-family: "Oswald", sans-serif; margin: 0; padding: 16px 6px 10px 10px; text-transform: uppercase; color: #003974; font-size: 16px; }
.bt-wrp { margin: 10px; }
.news-wrp img { margin-bottom: 10px; }
.news-wrp h5 { margin-left: 20px; font-weight: bold; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 2px !important; padding-left: 10px !important; }
.pkc { text-align: -webkit-center !important; }
.pkg-bg { background: rgba(198, 222, 230, 0.23); padding: 13px; }
.pkg-wrp { margin-top: 25px; }
.pkg-wrp h4 { color: #3a3a3a; font-family: "Oswald", sans-serif; font-size: 21px; text-transform: capitalize; margin-bottom: 15px; float: left; }
.tp-links { float: right; }
.pack_link { margin-right: 9px; float: left; }
.pack_link a { display: block; padding: 6px; color: #FFF; background: #01b7f2; font-size: 16px; border-radius: 3px; margin-bottom: 3px; }
.pack_link a:hover { color: #037BA2; text-decoration: none; }
.modalcs { float: left; background: #000; font-family: "Oswald", sans-serif; padding: 5px 12px 5px 12px; text-transform: uppercase; color: #FFF; font-size: 14px; border: none; border-radius: 3px; margin-left: 7px; }
.modalcs:hover { background: #430505; }
.modal-body ul { margin-left: -35px; }
.modal-body ul li { list-style: none; }
.modal-body { position: relative; padding: 15px; padding-bottom: 40px; }
.modal-content { background-color: #01B7F2; color: #000; }
.form-group { margin-bottom: 0px; }
.datepicker { padding: 4px; border-radius: 4px; direction: ltr; background: #FFF !important; }
.pack-row-lft-buton a { width: 215px; float: left; padding: 5px 0; text-align: center; background: #d88900; color: #fff; margin-bottom: 15px; padding-left: 2px; margin-top: 12px; margin-left: 55px; }
.pack-row-lft-buton a:hover { color: #000; text-decoration: none; }
.strap3 { font-family: "Oswald", sans-serif; color: #FFF; font-size: 15px; margin-top: 5px; margin-bottom: 25px; background-color: #01B7F2; width: 74%; padding: 3px; border-radius: 6px; }
.strap3 a { color: #FFF; }
.strap3 a:hover { color: #333; text-decoration: none; }
.pkg-dtl-hed { }
.pkg-dtl-hed h4 { font-family: 'Oswald', sans-serif; color: #000000; font-size: 20px; text-transform: uppercase; }
.pkg-dtl-hed h3 { font-family: 'Oswald', sans-serif; color: #000000; font-size: 20px; text-transform: uppercase; margin-left: 17px; }
.pkg-dtl-hed h5 { font-family: 'Oswald', sans-serif; color: #069C12; font-size: 14px; text-transform: uppercase; font-style: italic; }
.pkg-dtl-hed img { float: left; margin-bottom: 10px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: #F0EFEF; }
.nav-tabs > li > a { font-family: "Oswald", sans-serif; margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; color: #000; font-size: 17px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #000; cursor: default; background-color: #F0EFEF; border: 1px solid #ddd; border-bottom-color: transparent; font-size: 17px; }
.tab-content { padding-top: 15px; border: 1px solid #DDD; padding: 10px; }
.dec-wrp span { color: #01B7F2; font-weight: bold; }
.dec-wrp { padding-left:0px; padding-top:25px}
.write { width: 115px; background-color: #FFB700; padding: 5px; border-radius: 3px; }
.write a { color: #FFF; }
.pkg-dtl-hed h6 { font-family: 'Oswald', sans-serif; color: #000000; font-size: 16px; text-transform: uppercase; }
.rev-wrp { border-bottom: 1px solid rgba(204, 204, 204, 0.56); background-color: rgba(240, 239, 239, 0.56); margin-top: 10px; margin-bottom: 10px; }
.label { font-size: 13px; color: #000; }
.button-block{ padding:10px 0}
.button-block span{ float:left; margin-right:6px}

.bottom-call {
    position: fixed;
    bottom: 0px;
    z-index: 99991;
    width: 100%;
    background: #23ea8f;
    display: none;
    right: 0;
    left: 0;
}

.call-btn {
    height: 50px;
    padding-top: 5px;
    margin-top: 0px;
    font-size: 20px;
    background: url(../images/call.png) 12px 15px no-repeat #ef4024;
    cursor: pointer;
    color: #ffffff;
    width: 65%;
    padding-left: 43px;
    border: 0px;
    text-align: left;
}

/*nav-break-override*/
@media (max-width: 990px) {
.navbar-header { float: none; }
.navbar-left, .navbar-right { float: none !important; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin-top: 7.5px; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
.collapse.in { display: block !important; }
}
.enquire-button { background-color: #000000; color: #ffffff; display: block; font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0 auto; padding: 16px 0; text-align: center; width: 98%; transition: 0.2s; border-bottom: 1px solid white; border-top: 1px solid white; }
.enquire-button:hover { background-color: #11c3a0; text-decoration: none; color: #ffffff; }
/*gallery-Images*/

.cus-imag { width: auto; height: 200px; margin: 2px -10px 0px; overflow: hidden; }
.cust-gallery-img { width: 100%; min-height: 100%; overflow: hidden; }

@media (max-width:980px) {
.cus-imag { height: 180px; }
}

@media (max-width:766px) {
.cus-imag { height: 200px; }
.bottom-call{ display:block}
}
/*page-houseboat*/
.blk-bt { padding: 0; }
.blk-bt img { padding-bottom: 10px; }
h5.name { color: rgb(255, 255, 255); margin-top: -60px; padding: 8px; font-family: 'Roboto'; font-weight: 100; font-size: 18px; position: absolute; }
.sub-name { display: block; color: rgb(255, 255, 255); font-size: 13px; font-family: 'Roboto'; font-weight: 500; letter-spacing: 0.2px; }
/*minor-fixes*/
.abt-ct-wrapper { padding-top: 20px; padding-bottom: 20px; }
/*minor-fixes*/
.w-100 { width: 100%; border: none; }
