@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css');

@font-face {
font-family: 'Hoefler Text';
src: url('../fonts/HoeflerText-Regular.woff2') format('woff2'),
url('../fonts/HoeflerText-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

.clearfix { display:block; }
.clearfix:before,.clearfix:after { content:''; width:100%; display:table; }
.fl { float:left; }
.fr { float:right; }
.ib{display: inline-block;vertical-align: middle;margin-right: -4px;}
.ib.vt{vertical-align: top;}
.button a span{display: inline-block;vertical-align: middle;margin-top:-5px;}

form select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 99% 50%;
    background-size: 22px;
}

/* banner with slider */
.bannerWithSilder .slick-dots li button { height: 10px;  width: 10px; font-size: 0px;
position: relative;    border: 1px solid #fff; padding: 0;  overflow: hidden;line-height: 10px;display: block;border-radius: 50%;}
.bannerWithSilder .slick-dots li button:before { content: ''; position: absolute;top: 0;left: 0;height: 100%;width: 100%;
border-radius: 50%;  background-color: #fff;  opacity: 1;}
.bannerWithSilder .slick-dots li.slick-active button:before {  opacity: 1;  background-color: #00547A;}
.bannerWithSilder .slick-dots li {  height: 10px;  width: 10px;  margin: 0px 10px;display: inline-block;
vertical-align: middle;line-height: 10px;}
.bannerWithSilder .slick-dots li:focus ,  .bannerWithSilder .slick-dots li button:focus{outline: none !important}
.bannerWithSilder .slick-dots{list-style: none;margin: 0px;padding: 0px;bottom:118px;position: absolute; left: 50%; transform: translateX(-50%);}

.bannerWithSilder .bannerSlider {position:relative;padding:257px 0px 198px;}
.bannerWithSilder .bannerSlider:before{content:''; position: absolute; top: 0;left: 0;height:100%;width:100%;    background-color: rgba(0,60,87,0.5);}
.bannerWithSilder .innerSlider {position: relative;z-index: 2;max-width: 745px;margin:0 auto;}
.bannerWithSilder h2 {  color: #fff;  font-size: 39px;  line-height: 1.28;}
.bannerWithSilder .button a{outline: none !important;}
.bannerWithSilder .button{padding-top:37px;}
.bannerWithSilder .button a {  border-radius: 5px; border: 1px solid #fff; background-color: #08547A;  color: #fff;
font-size: 16px;  font-weight: 400;  text-transform: uppercase;  max-width: 347px;  line-height: 1.1875;  padding: 20px 15px;
width: 100%;  display: block;   margin: 0 auto; transition: all ease 0.3s;}
.bannerWithSilder .button a:hover{border-color:#08547A;color:#08547A;background-color: #fff;}
.bannerWithSilder .bannerParent {  margin-bottom: 0px !important;}


/*  boat filter section */
/*  boat filter section */
.boatFilterParent {background-color:#F2F2F2;padding:60px 0px 100px;}
.boatFilterParent #tabsNavigation {width:717px;border:1px solid #707070;border-radius: 5px;list-style: none;
margin:0 auto;padding:0px;display: table;height: 100%;    overflow: hidden;}
.boatFilterParent #tabsNavigation  li{width: 33.33%; text-align: center;position: relative;background-color: #fff; display: table-cell;border-left:1px solid #707070;}
.boatFilterParent #tabsNavigation  li:first-child{border-left: 0px;}
.boatFilterParent #tabsNavigation  li a{display: block;padding: 17px 15px;}
.boatFilterParent #tabsNavigation  li span , .boatFilterParent #tabsNavigation  li ,
.boatFilterParent #tabsNavigation  li a{transition: all ease 0.3s;}
.boatFilterParent #tabsNavigation  li span.whiteLogo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.boatFilterParent #tabsNavigation  li span.whiteLogo , .boatFilterParent #tabsNavigation  li:hover span.darkLogo ,
.boatFilterParent #tabsNavigation  li.active span.darkLogo{opacity: 0;visibility: hidden;}
.boatFilterParent #tabsNavigation  li:hover span.whiteLogo ,
.boatFilterParent #tabsNavigation  li.active span.whiteLogo{opacity: 1;visibility: visible;}
.boatFilterParent #tabsNavigation  li.active , .boatFilterParent #tabsNavigation  li:hover {background-color: #003C57; }
.boatFilterParent #tabsNavigation  li.active a , .boatFilterParent #tabsNavigation  li:hover a {color: #ffff;}

.searchFilter select , .searchFilter .selectedList {width: 384px;max-width: 100%;margin:0 auto;border-radius: 4px;background-color: #fff;
color:#003C57; font-size: 16px;line-height: 1.5;padding:15px 50px 15px 15px;cursor: pointer}
.searchFilter select:focus{outline:none !important}
.searchFilter .filter-cat {  display: block;  width: 100%; text-align: center;position: relative;z-index: 2;}
.searchFilter .filter-cat > div{display:inline-block;}
.searchFilter .searchTitle {margin-top:50px;font-size: 23px;line-height: 1.26;color: #003C57; font-weight: 700;text-align: center; padding-bottom: 21px; }
.searchFilter .filtering {position: relative;}
.searchFilter .filtering:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;height: 1px;
width: 100%;background-color: #8A8A8A;}
.searchFilter .filter-cat > div { position: relative; }
.searchFilter .filter-cat > div span.selectArrow {line-height: 53px;font-size: 18px;
height: 100%;background-color: #003C57;position: absolute;right: 0;top: 0;color: #fff;width: 48px;
border-radius: 0px 4px 4px 0px;pointer-events: none;}
.searchFilter .dropList ul {  list-style: none; margin: 0; padding: 0; background-color: #fff; border-radius: 5px;
border: 1px solid #8A8A8A; height: 300px;  overflow-y: auto;}
.searchFilter .dropList { position: absolute;  width: 100%;  height: auto;  top: 60px;left: 0;display: none;}
/*.searchFilter .dropList:before { content: '';  background-color: transparent; border-right: 15px solid transparent;
position: absolute; border-left: 15px solid transparent; border-bottom: 15px solid #fff;
border-top: 15px solid transparent; top: -29px; right: 18px;}*/
.searchFilter .dropList ul li {  text-align: left;  padding: 10px 15px;}
.searchFilter .dropList ul li a{display: block;}


.boatRange .boatRangeInner .boatListing {width: 20%;padding: 0px 15px; display: inline-block;vertical-align: top; margin-right: -4px;cursor: pointer;margin-bottom:39px;}
.boatRange .boatRangeInner .boatListing:nth-last-child(-n+5){margin-bottom:0px;}
.boatRange .rangeParent ,.boatResult .resultParent { background-color: #fff; border-radius: 5px;max-width: 1088px; margin: 50px auto 0px;    padding: 29px 39.5px 37px 42.5px; }
.boatRange .boatName { font-size: 16px;line-height: 1.5;color: #003C57;padding: 28px 20px 21px;font-weight: 700;position: relative}
.boatRange .boatListing.listActive .boatName:after , .boatListing:hover .boatName:after {content: '';position: absolute;
bottom: 0;left: 0;width: 100%;height: 5px;background-color: #007B9B;border-radius: 10px;transition: all ease 0.3s;}
.boatRange .rangeTitle{ font-size: 23px;line-height: 1.26; color: #003C57; font-weight: 700; padding-bottom: 30.5px;
border-bottom: 1px solid #8A8A8A;margin-bottom: 35.5px; }
.boatRange  .boatRangeInner {  margin: 0px -15px;}

.boatResult .resultParent{margin-top:30px;padding-bottom: 82.5px;}
.boatResult .boatImg , .boatResult .resultBoatTitle{display: inline-block;vertical-align: middle;margin-right: -4px;}
.boatResult .boatImg {width: 82px; height: 24px;}
.boatResult .resultBoatTitle {  width: calc(100% - 82px); padding-lefT:11px;font-size: 20px; line-height: 1.3;
font-weight: 700; color: #00547A;}
.boatResult .titleBox {  padding-bottom: 21.5px;border-bottom: 1px solid #8A8A8A; }
.boatResult .boatPriceParent  .boatPriceBoxes { width: 33.33%; display: inline-block; vertical-align: top;
margin-right: -4px;padding: 0px 39px;margin-bottom: 37px;text-align: center; }
/*.boatResult .boatPriceParent .boatPriceBoxes:nth-last-child(-n+3){margin-bottom: 0px;}*/
.boatResult .boatPriceParent { margin: 0px -39px;padding-top: 21.5px;}
.boatResult .boatPriceTitle { font-size: 18px;line-height: 1.277;color: #00547A;font-weight: 700; }
.boatResult .boatPrice { font-size: 16px;line-height: 1.5;color: #666B70;margin-top: 10px; }
.boatResult .boatPrice .Price {padding-left: 10px; }
.boatResult .boatPrice-image{margin-top: 32px;}
.boatResult .boatMain {padding: 36px 0px 62px;position: relative; transition: all ease 0.3s;
border: 1px solid transparent;cursor: pointer;}
.boatResult .boatMain .titleParent , .boatResult .boatMain:hover .boatPrice-image{padding-left: 29px;padding-right: 26px;}
.boatResult .boatMain a.boatLink {  position: absolute;left: 50%; transform: translateX(-50%);
bottom: -26px; background-color: #00547A; border-radius: 5px; color: #fff; font-size: 16px;
line-height: 1.125;  padding: 16.5px 15px;  display: block;  width: 100%; max-width: 141px;
opacity: 0;  visibility: hidden;border:1px solid #00547A;transition: all ease 0.3s;}
.boatResult .boatMain:hover { border: 1px solid #707070; border-radius: 5px;}
.boatResult .boatMain:hover a.boatLink {  opacity: 1;  visibility: visible;}
.boatResult .boatMain .boatPrice-image {transition: all ease 0.3s;}
.boatResult .boatMain a.boatLink span { padding-left: 5px;}
.boatResult .boatMain a.boatLink:hover{color: #00547A;background-color: #fff;border-color: #00547A;}
.JeanneauSection .boatResult .resultParent , .PrestigeSection .boatResult .resultParent{padding-bottom: 0px;}
.boatResult .resultBoatTitle{padding-right: 15px;}
.boatResult .noBoatFound { padding: 0px 39px;}

/*  prestigeSection tab  */
.PrestigeSection .boatRange .boatRangeInner .boatListing{width:33.33%;}
/*.PrestigeSection .boatResult .resultParent{padding-bottom: 76px;}*/

/*  accoridan tab  */
.plusIcon span{ position: relative; width: 15px;height: 15px;display: inline-block;}
.plusIcon span:before, .plusIcon span:after{content: ""; position: absolute;  background-color: #212529;  transition: transform 0.25s ease-out;}
.plusIcon span:before{ top: 0;left: 50%; width: 2px;height: 100%; margin-left: -1.5px;}
.plusIcon span:after{top: 50%; left: 0;width: 100%;   height: 2px;margin-top: -1px;}
.plusIcon:hover{cursor: pointer;}
.plusIcon.open span:before{ transform: rotate(90deg); }
.plusIcon.open span:after{ transform: rotate(180deg); }

.accordian{padding-top: 51px;}
.accordian .boatResult .titleBox , .accordianCustom .boatResult .titleBox{border-bottom: 0px;position: relative;margin-bottom:0px;padding-bottom: 0;cursor: pointer}
.accordian .boatResult .boatWithPrice , .accordianCustom .boatResult .boatWithPrice{border-top:1px solid #8A8A8A;margin-top:21.5px;}
.accordian .boatResult .resultParent , .accordianCustom .boatResult .resultParent{padding-top: 22px;padding-bottom:21px;margin-top: 0px;}
.accordian .plusIcon , .accordianCustom .plusIcon {position: absolute; right: 0;  top: 4px;}
.accordian .inner, .accordianCustom .inner {display: none;}
.accordian .boatResult:first-child .inner , .accordianCustom .boatResult:first-child .inner{display: block;}
.accordian .boatResult , .accordianCustom .boatResult{margin-top:0px;margin-bottom: 30px;}
.accordian .boatResult:last-child , .accordianCustom .boatResult:last-child{margin-bottom:0px;}
.accordianCustom .boatRange{margin-bottom:30px !important;}

/* single boat new */
.singleBanner{padding:119px 0px 513px;}
.singleBanner .links{border:1px solid #707070;border-radius: 5px;width: 478px;margin:0 auto;
display: table;overflow: hidden;}
.singleBanner .links a{display: table-cell;vertical-align: middle;width: 33.33%;text-align: center;
background-color: #fff;font-size: 14px;line-height: 1.28;font-weight: 400;padding: 10.5px 15px;
border-left:1px solid #707070;transition: all ease 0.3s;}
.singleBanner .links a:first-child{border-left: 0;}
.singleBanner .links a:hover{background-color: #003C57;color: #fff;}
.singleBanner .boatParentBox { background-color: #fff; box-shadow: 2px 3px 2px #00000029; border-radius: 5px;
padding: 26px 40px 32px;  max-width: 819px; margin: 0 auto; position: absolute; width: 100%;
left: 50%; bottom: -100px; transform: translateX(-50%); z-index: 1;}
.singleBanner .boatParentBox .button {float: right;display: block; height: 100%;line-height: 53px;margin-top: 10px;}
.singleBanner .boatParentBox .boatSiteLogo { width: 175px;float: left;}
.singleBanner .boatParentBox .button a {background-color: #00547A; color: #fff; border: 1px solid #00547A;
border-radius: 5px; text-transform: uppercase; font-size: 16px; line-height: 1.125; font-weight: 400;
padding: 15px 28px;  transition: all ease 0.3s;}
.singleBanner .boatParentBox .button a span { padding-left: 10px;}
.singleBanner .boatParentBox .button a:hover { background-color: transparent; color: #00547A;}
.singleBanner .bottomBox .boatTitle {font-size: 26px;line-height: 1.27; color: #00547A; font-weight: 700; margin-bottom: 10px;}
.singleBanner .bottomBox .boatPriceBox { font-size: 22px; line-height: 1.09;  color: #003C57;}
.singleBanner .bottomBox .starIconBox , .singleBanner .bottomBox .boatContentBox{display: inline-block;vertical-align: middle;margin-right: -4px;}
.singleBanner .bottomBox .boatContentBox { width: calc(100% - 38px);  padding-right: 10px;}
.singleBanner .bottomBox .starIconBox { width: 38px; height: 38px; border-radius: 50%; border: 1px solid #00547A;
text-align: center;position: relative;}
.singleBanner .bottomBox .starIconBox svg path {fill:#00547A;}
.singleBanner .bottomBox .starIconBox svg { height: 14px; width: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

/* overview Section */
.boatOverview{padding:187px 0px 60px;}
.boatOverview .overviewContentBox ,.boatOverview .overviewImageBox{display: inline-block;vertical-align: top;margin-right: -4px;}
.boatOverview .overviewContentBox{width: calc(100% - 435px);padding-right: 63px;}
.boatOverview .overviewImageBox{width: 435px;}
.boatOverview h2 ,.keyFeature h2 , .Gallery h2 , .Specifications h2 ,
.Interior h2{    font-size: 39px; line-height: 1.28; font-weight: 700; color: #00547A;  margin-bottom: 20px;}
.boatOverview .overviewDetail {font-size: 16px;line-height: 1.5;color:#003C57;}

/* video section */
.videoSection{padding:60px 0px 120px;}
.videoSection .parentBox {  display: block;height: 100%;margin: 0px -15px;}
.videoSection .innerColumn { display: inline-block;margin-right: -4px; width: 50%;  vertical-align: bottom; text-align: center;padding:0px 22px;}
.videoSection .videoBg{width: 100%; display: flex; justify-content: center; height: 522px;
align-items: flex-end;padding: 30px 20px 32px;border-radius: 5px;overflow: hidden;
position: relative;}
.videoSection .iconBox { height: 64px; width: 64px; line-height: 64px; text-align: center; background-color: #fff;
border-radius: 50%; margin: 0 auto; position: relative;}
.videoSection .iconBox svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.videoSection .boxTitle h2 { font-size: 39px; line-height: 1.28; font-weight: 700; color: #fff; margin: 10px 0px 0px;}
.videoSection .button{margin-top: 20px;}
.videoSection .button a { border: 1px solid #fff; background-color: #00547A; color: #fff; border-radius: 5px; font-size: 16px;
line-height: 1.125; font-weight: 400; text-transform: uppercase; width: 100%; max-width: 212px;
display: block;  padding: 16.5px 15px;  transition: all ease 0.3s;}
.videoSection .button a:hover{border-color: #00547A;color: #00547A;background-color: #fff;}
.videoSection .button a span {  padding-left: 13px;}
.rwd-media {position: relative;width: 100%;height: 0;padding-bottom: 56.25%; /* 16:9 */}
.rwd-media iframe,.rwd-media video {position: absolute;width: 100%;height: 100%;left: 0; top: 0;z-index: 5;  }
.videoPopup.white-popup {position: relative;background: #FFF; padding:50px 20px; width: auto; max-width: 700px; margin: 20px auto;}
.videoPopup  .slick-arrow { position: absolute; width: 47px; height: 47px;  background-color: #007B9B;  border-radius: 5px;
border: 0;  box-shadow: none;  font-size: 0;  line-height: 0; outline: none !important; top: 50%;
transform: translateY(-50%);  z-index: 2;cursor: pointer;}
.videoPopup .slick-arrow:before {content: '';background-position: center;background-repeat: no-repeat;
background-size: cover; height: 16px;width: 10px; position: absolute;  top: 50%; left: 50%;
transform: translate(-50%, -50%);}
.videoPopup .slick-prev{left: 0;}
.videoPopup .slick-next{right: 0;}
.videoPopup .slick-prev:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 792.033 792.033' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg transform='matrix(-1,0,0,1,792.0321044921875,0)'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='_x38_'%3E%3Cg%3E%3Cpath d='M617.858,370.896L221.513,9.705c-13.006-12.94-34.099-12.94-47.105,0c-13.006,12.939-13.006,33.934,0,46.874 l372.447,339.438L174.441,735.454c-13.006,12.94-13.006,33.935,0,46.874s34.099,12.939,47.104,0l396.346-361.191 c6.932-6.898,9.904-16.043,9.441-25.087C627.763,386.972,624.792,377.828,617.858,370.896z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.videoPopup .slick-next:before{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 792.033 792.033' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='_x38_'%3E%3Cg%3E%3Cpath d='M617.858,370.896L221.513,9.705c-13.006-12.94-34.099-12.94-47.105,0c-13.006,12.939-13.006,33.934,0,46.874 l372.447,339.438L174.441,735.454c-13.006,12.94-13.006,33.935,0,46.874s34.099,12.939,47.104,0l396.346-361.191 c6.932-6.898,9.904-16.043,9.441-25.087C627.763,386.972,624.792,377.828,617.858,370.896z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}

/* custom popup using css */
.overlay {position: fixed;top: 30px;bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms;
visibility: hidden; opacity: 0;z-index: 10;}
.overlay:target { visibility: visible; opacity: 1;}
.popup {margin: 70px auto; padding:50px 20px;  background: #fff; border-radius: 5px; width: 700px;
position: relative; transition: all 5s ease-in-out;}
.popup .close { position: absolute; top: 10px;right: 30px; transition: all 200ms; font-size: 30px;
font-weight: bold; text-decoration: none; color: #333;}
.popup .close:hover {  color: #00547A;}
.popup .content { max-height: 700px; overflow: auto;}
.videoPopup.PopUp-Close { opacity: 0 !important; visibility: hidden !important;}
.videoPopup.activePopup {  opacity: 1 !important; visibility: visible !important;}
 .hire-inner-template .videoIconBox {
     position: absolute;
     z-index: 1;
     width: 134px;
     height: 134px;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }
.hire-inner-template .videoIconBox svg {
    fill: #fff;
}
.hire-inner-template .mapSection  {
    margin-bottom: 50px;
}
.imageTitle {
    margin-bottom: 50px;
}
.ImagesSection h2 {
    margin: 0px;
    line-height: 1.21;
    color: #043B58;
    font-size: 24px;
}
@media screen and (max-width: 767px){
.box{   width: 90%; }
.popup{   width: 90%;  }
}


/* key feature */
.keyFeature{background-color: #F2F2F2;padding: 100px 0px 87px;}
.keyFeature .subTitle  , .Gallery .subTitle , .Specifications .subTitle , .Interior .subTitle {max-width: 686px;margin:0 auto;font-size: 16px;line-height: 1.5;color:#003C57;}
.keyFeature .subTitle p , .Gallery .subTitle p, .Specifications .subTitle p , .Interior .subTitle p {margin-bottom: 0;}
.keyFeature .threeColumnParent { max-width: 810px; margin: 52px auto 0px;}
.keyFeature .threeColBoxes {  display: inline-block; vertical-align: top; margin-right: -4px;
width: 33.33%;  margin-bottom: 43px;  padding: 0px 15px;}
.keyFeature .threeColInner { margin: 0px -15px;}
.keyFeature .threeCol-contentBox {  text-align: center; background-color: #fff; box-shadow: 0px 2px 0px #0000004D;
border-radius: 5px;  padding: 37px 25px;}
.keyFeature .iconTitle { color: #003C57; line-height: 1.277; font-size: 18px; font-weight: 700; margin-top: 12px;}
.keyFeature .iconBox {  line-height: 1;width: 48px; height: 48px;margin: 0 auto;}
.keyFeature .iconBox svg { width: 100%; height: 100%;}

/* gallery section */
.Gallery{padding: 100px 0px 50px;}
.Gallery .boatGalleryNew{ max-width: 904px; margin: 66px auto 0px;}
.Gallery .boatGalleryNew .slider-navigation .slide-btn{ position: absolute;cursor: pointer;}
.Gallery .boatGalleryNew .slider-navigation .slide-btn.prev-slide {left: -48px;}
.Gallery .boatGalleryNew .slider-navigation .slide-btn.nxt-slide { right: -48px;}

.hire-inner-template .Gallery {
    padding: 0px;
}
/*  Specifications */
.Specifications{padding: 50px 0px;}
.Specifications ul.spec-tabs li a { font-size: 16px; line-height: 1.25; color: #003C57; display: block;
text-align: center; font-weight: 700;border-bottom: 2px solid #C8C8C8; padding: 18px 15px;}
.Specifications ul.spec-tabs li { display: inline-block; vertical-align: middle;  margin-right: -4px; }
.Specifications ul.spec-tabs {  list-style: none; margin: 0; padding: 0; width: 100%; max-width: 900px;
margin: 22px auto 0px;}
.Specifications ul.spec-tabs li a.active {border-color: #003C57;}
.Specifications .panelContainer { max-width: 862px; margin: 24px auto 0px;}
.Specifications .panel table , .Specifications .panel table td{border:0px;text-align: left;}
.Specifications .panel table th{text-align: left;padding: 20px 0px;font-size: 18px;line-height: 1.27;font-weight: 700;color: #003C57;}
.Specifications .panel{margin: 0px -27px;}
.Specifications .leftTable,.Specifications .rightTable { display:inline-block; vertical-align: top;
width: 50%;padding: 0px 27px;margin-right: -4px;}
.Specifications .leftTable > div,.Specifications .rightTable > div {border-bottom: 1px solid #C8C8C8;}
.Specifications .panel table.specTable table  td:nth-child(2) { text-align: right;}
.Specifications .panel table.specTable > tbody > tr:not(:first-child) > td{padding: 0px;}
.Specifications .panel table.specTable table tr:nth-child(odd){background-color: #F1F1F1}
.Specifications .panel table.specTable td{color: #212529;font-size: 16px;line-height: 1.25;padding: 15px 20px 15px 23px;}


/*  Interior */
.Interior{padding: 100px 0px 50px;}
.Interior .tabs{padding-top: 105px;}
.Interior .tabs ul { list-style: none; margin: 0; padding: 0;}
.Interior .tabs ul#interiorNav {   width: 244px;float: right;}
.Interior .tabs ul#interiorNav li { box-shadow: 0px 3px 6px #00000029; border-radius: 5px; background-color: #fff;
margin-bottom: 30px; text-align: center; padding: 32px 10px 17px 24px;}
.Interior .tabs ul#interiorNav li.active{border:1px solid #003C57;}
.Interior .tabs ul#interiorNav li:last-child {  margin-bottom: 0px;}
.Interior .tabs ul#interiorNav li a{display: inline-block;}
.Interior .tabs .boatTitle { font-size: 18px; line-height: 1.27; color: #003C57;font-weight: 700; margin-top: 12px;}
.Interior .tabs #interiorTabContent { float: left;width: calc(100% - 244px);padding-top: 55px;padding-right: 70px;}
.Interior .tabs #interiorTabContent .contentBox { margin-top: 108px;position: relative;padding-right: 86px;}
.Interior .tabs #interiorTabContent .contentTitle { font-size: 26px; line-height: 1.27; color: #003C57;
font-weight: 700;  margin-bottom: 23px;}
.Interior .tabs #interiorTabContent .interiorDetail { font-size: 16px;line-height: 1.5; color: #003C57;}
.Interior .popupIcon {height: 40px; width: 40px; border-radius: 5px; overflow: hidden; background-color: #003C57;
position: absolute;  top: 0; right: 0;color:#fff;text-align: center;line-height: 40px;}
.Interior .popupIcon svg path{fill:#fff;}
.Interior .white-popup { position: relative;background: #FFF;padding: 20px;width: auto;max-width: 500px;
margin: 20px auto;}
.mfp-content .boatImage {  max-width: 800px; margin: 30px auto; position: relative;  text-align: center;
background-color: #fff; padding: 50px 25px;  transition: all ease 0.3s;}
.mfp-content .boatImage .mfp-close { position: absolute;  top: 0px;  right: 20px; color: #000;  z-index: 2;  opacity: 1;}
.Interior .boatImage.mfp-hide{display: block !important;}

/* four column section */
.fourColumnSection.first{padding: 50px 0px;}
.fourColumnSection{padding: 50px 0px 101px;}
.fourColumnSection .fourColChild > div { background-color: #003C57; border-radius: 5px;
overflow: hidden; position: relative;padding: 17px 19px 28px 27px;}
.fourColumnSection .fourColChild > div a { position: absolute;top: 0;left: 0;height: 100%;width: 100%; }
.fourColumnSection .fourColChild { width: 25%;  display: inline-block; vertical-align: top;  margin-right: -4px;  padding: 0px 11px;}
.fourColumnSection .fourColParent {  margin: 0px -11px;}
.fourColumnSection .fourColTitle { color: #fff; font-size: 18px; line-height: 1.277; font-weight: 400; margin-top: 25px;}
.fourColumnSection .fourColIcon { display: flex;  align-items: center;}

/* cta section */
.ctaSection{padding: 106px 0px;}
.ctaSection:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 60, 87,0.75);}
.ctaSection .ctaParent {position: relative;z-index: 2;}
.ctaSection h3{font-size: 36px;list-style: 1.277;color: #fff;font-weight: 700;}
.ctaSection .button{padding-top: 20px;}
.ctaSection .button a{display: block;max-width: 199px;margin:0 auto;background-color: #fff;
border-radius: 5px;	text-align: center;padding: 17px 15px;color: #003C57;transition: all ease 0.3s;
font-size: 16px;line-height: 1.125;text-transform: uppercase;}
.ctaSection .button a span{padding-right: 10.5px;}
.ctaSection .button a:hover{color: #fff;background-color: #003C57;}
.ctaSection .button a svg path{transition: all ease 0.3s;}
.ctaSection .button a:hover svg path{fill: #fff !important;}
.cta-video-popup.white-popup { position: relative;  background: #FFF;  padding: 40px 20px; width: auto;
max-width: 700px;  margin: 20px auto;}


/* warrantySection */
.warrantySection{padding: 103px 0px;background-color: #003C57;}
.warrantySection .title h3 { color: #fff;font-size: 36px; line-height: 1.27; font-weight: 700;}
.warrantySection .title { position: relative;  display: inline-block;}
.warrantySection .title:before {content: '\f058';font-family: 'FontAwesome';color: #8CC63E;
position: absolute;top: 8px;left: -41px;font-size: 30px;line-height: 1;}
.warrantySection .warrantyList{padding-top: 37px;}
.warrantySection .warrantyList  ul {  list-style: none; margin: 0; padding: 0;position: relative;}
.warrantySection .warrantyList  ul:before{content: '';height: 43px;width: 3px;background-color: #fff;
position: absolute;top: 50%; left: 47.5%; transform: translateY(-50%);}
.warrantySection .warrantyList ul li { display: inline-block; vertical-align: middle; margin-right: -4px; padding: 0px 48px;}
.warrantySection .warrantyList ul li span{color: #fff; font-size: 26px;  font-weight: 700; line-height: 1.26;  position: relative;}
.warrantySection .warrantyList ul li span:before { content: '\f058'; font-family: 'FontAwesome'; color: #8CC63E; font-size: 19px;
top: 5px; position: absolute; left: -27px;}
.warrantySection .bottomText { color: #fff; font-style: italic; font-weight: 400; font-size: 26px;
line-height: 1.26;  margin-top: 35px;}


/* hire and expericence page  */
/* banner */

.BannerSection {  padding: 150px 0px 180px;}
.BannerSection:before{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(4,60,87,0.65);}
.BannerSection .bannerParent{position: relative;z-index: 2;}
.BannerSection .experienceImage { width: 278px;  margin: 20px auto 0px; height: 73px;}
.BannerSection .experienceImage svg {  height: 100%;  width: 100%;}
.BannerSection .bannerTitle h1 , .bannerWithForm-V2 .bannerTitle h1  {  font-size: 66px;  line-height: 1.0375;  color: #fff; margin: 0;}

/* three column card module */
.cardSection{margin-top:-107px;background-color: #F7F7F7;margin-bottom:-35px;}
.cardSection .cardBoxes { width: 33.33%; display: inline-block;vertical-align: top; margin-right: -4px;padding:0px 8px;}
.cardSection .cardImage{height:220px;border-radius: 5px;}
.cardSection .cardContentBox { text-align: center;padding: 0px 20px; margin-top: -25px; position: relative;  z-index: 2;}
.cardSection .cardChild {  margin: 0px -8px;}
.cardSection .cardTitle{font-size: 23px;line-height:1.21;color: #043C57;font-weight: 700; }
.cardSection .cardSubTitle{font-size: 14px;line-height: 1.17;color: #043C57;margin-top: 17px;font-weight: 700;}
.cardSection .cardPrice{font-size: 32px;line-height: 1;color: #043C57;font-weight: 700;margin-top: 12px;}
.cardSection .cardPrice sub{font-weight:400;}
.cardSection .cardInnerContent { padding: 32px 25px 35px; text-align: center; background-color: #fff;
box-shadow: 0px 3px 6px #00000029;  border-radius: 5px;}
.cardSection .button a { background-color: #043C57; color: #fff; text-transform: uppercase; font-size: 15px;  line-height: 1.2;
padding: 17.5px 15px; border-radius: 3px;  border: 1px solid #043C57; display: block;  width: 100%;  max-width: 235px;
margin: 0 auto;  text-align: center;transition: all ease 0.3s;}
.cardSection .button{padding-top: 37px;}
.cardSection .button a:hover{color: #043C57;background-color: #fff;}
.cardSection .cardPrice sub{font-size: 15px;}
.cardSection .subTitle {margin-top: 5px;}
.cardSection .subTitle p {  margin-bottom: 0px;}

/* five star section */
.fiveStartSection{background-color: #043C57;padding:162px 0px 88px;}
.fiveStartSection .leftBox ,.fiveStartSection .rightBox{width:50%;display: inline-block;vertical-align: middle;margin-right: -4px;}
.fiveStartSection .star span ,  .LeftContent-RightImage .star span{ display: inline-block;  vertical-align: middle; margin-right: -3px;font-size: 24px;line-height: 1}
.fiveStartSection .contentBox { padding: 15px 0px 15px 35px;  border-left: 1px solid rgba(255, 255, 255 , 0.3);}
.fiveStartSection .ratingContent p { margin: 0;}
.fiveStartSection .ratingContent , .LeftContent-RightImage .detail {  line-height: 1.1875; font-size: 14px;  margin-top: 20px;}
.fiveStartSection .ratingContent p, .LeftContent-RightImage .detail p{font-size: 14px;}
.fiveStartSection h2{font-size: 30px;line-height: 1.19}
.fiveStartSection .leftBox{padding-right:30px;padding-left: 100px}

/* feature section */
.featureSection {  padding: 62px 0px 86px;}
.featureSection p , .LeftContent-RightImage p{margin: 0px}
.featureSection .title h4 { font-size: 28px;  line-height: 1.21; color: #003C57;margin: 0;}
.featureSection .featureImage{  height: 299px;width: 100%;max-width: 815px;  border-radius: 5px;}
.featureSection .featureChildBox {  max-width: 1095px; margin: 0 auto;position: relative;margin-bottom: 60px}
.featureSection .featureContentBox {  position: absolute; top: 50%; right: 0px;  transform: translateY(-50%);  width: 380px;
background-color: #fff;  box-shadow: 0px 3px 6px #00000029;  border-radius: 5px;padding: 24px 26px 27px;}
.featureSection .boxTitle {  font-size: 23px;  line-height: 1;   color: #043C57;  font-weight: 700;}
.featureSection .boxPrice , .featureSection .contentBottomBox {  font-size: 15px;  line-height: 1.27;  color: #043C57;  font-weight: 400;}
.featureSection .contentBottomBox{font-weight: 700;}
.featureSection .boxPrice{padding-top: 5px;}
.featureSection .contentTopBox .button a { background-color: #043C57; color: #fff;  width: 137px; text-align: center;transition: all ease 0.3s;
font-size: 15px;  line-height: 1.2; display: block; padding: 7px 10px; border-radius: 2px;border: 1px solid #043C57}
.featureSection .contentTopBox .button a:hover{color:#043C57;background-color: #fff;}
.featureSection .contentTitle {width: calc(100% - 137px);}
.featureSection .contentTopBox .button{vertical-align: bottom;}
.featureSection .contentTopBox { padding-bottom: 17px;  border-bottom: 1px solid #E4E4E4;}
.featureSection .contentBottomBox{padding-top: 27px;}
.featureSection .subTitle, .featureSection .subTitle p { font-size: 21px;  line-height: 1.19;  color: #003C57;margin-top: 13px;}
.featureSection .featureBoxes {  padding-top: 42px;}
.featureSection .featureImage svg { height: auto;  width: 100%;}
.featureSection .featureImage .icon { width: 120px;  height: auto;  position: absolute; left: 34px;  bottom: 34px;}

/* LeftContent - Right Image */
.LeftContent-RightImage .boxTable {  display: table; width: 100%;}
.LeftContent-RightImage .boxTableCell {  width: 50%;  vertical-align: middle;  display: table-cell;padding:72px 0px 119px;}
.LeftContent-RightImage .boxTableCell{background-color: #003C57;}
.LeftContent-RightImage .tableContent  { padding-right: 50px;}
.LeftContent-RightImage .star{padding-top:42px;}
.LeftContent-RightImage .detail{margin-top: 0px;padding-top: 20px;}
.LeftContent-RightImage .image-box { width: 307px; height: auto;}
.LeftContent-RightImage .image-box svg{height: 100%;width: 100%;}

/* freeValuation section */
.hire-experience-template .freeValuation{margin-top: 52px;}
.freeValuation{background-color: #f2f2f2;padding:90px 0px;}
.freeValuation .parentBox{text-align: center;}
.freeValuation .title h3 { font-size: 23px; line-height: 1.35; color: #003c57;   margin: 0;}
.freeValuation .detail {padding-top: 20px;}
.freeValuation .detail ,.freeValuation .deatil p { font-size: 18px; line-height: 1.5; color: #003c57;
font-weight: 700 !important;margin: 0px;}
.freeValuation p{font-weight: inherit !important;font-size: inherit !important;}
.freeValuation .button{padding-top: 20px;}
.freeValuation .button a{    padding: 14px 35px 13px;text-align: center;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.18);
text-transform: uppercase;  vertical-align: middle; border-radius: 6px;max-width: 100%; font-size: 12px;
line-height: 14px; font-weight: 700; display: inline-block; border: 1px solid #003c57;transition: all ease 0.3s;}
.freeValuation .button a:hover { background-color: #003c57; color: #fff; border-color: #003c57;}
.freeValuation .button a span{display: none;}
.freeValuation .button a:before{content: '\f095 '; font-family: fontAwesome; font-size: 19px;
vertical-align: middle;  margin-right: 10px; position: relative; top: 1px;}

/* conatct us form design  */
::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; }
::-moz-placeholder { opacity:1 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:1 !important; color:inherit !important; }
.validation_error { display: none;}
.contactGformCommonForm .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label { display: none !important;}
.contactGformCommonForm .gform_wrapper ul.gform_fields li.gfield { padding: 0px !important; margin-top: 0;}
.contactGformCommonForm .gform_wrapper .top_label input.medium,
.contactGformCommonForm .gform_wrapper .top_label select.medium{width: 100% !important;}
.contactGformCommonForm .gform_wrapper .top_label div.ginput_container{margin-top: 30px !important;}
.contactGformCommonForm .gform_wrapper{margin-top: 30px;margin-bottom: 0px;}
.contactGformCommonForm .gform_wrapper ul.gform_fields li.gfield:first-child div.ginput_container{margin-top: 0px !important;}
.contactGformCommonForm textarea,.contactGformCommonForm input[type="text"],.contactGformCommonForm input[type="password"],
.contactGformCommonForm input[type="number"],.contactGformCommonForm input[type="email"],
.contactGformCommonForm input[type="tel"],.contactGformCommonForm input[type="date"],
.contactGformCommonForm input[type="time"],.contactGformCommonForm select { display: block; outline: 0;
background-color: #fff; font-size: 16px; line-height: 16px; font-family: 'Europa';
border: 1px solid #fff !important; color: #747474;  margin: 0; padding: 10px 20px !important;
width: 100% !important;  -webkit-appearance: none;  -moz-appearance: none;  border-radius: 3px;}
.contactGformCommonForm .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
padding: 10px 20px !important;  }
.contactGformCommonForm input[type="submit"] {  font-family: 'Europa'; outline: 0;  text-align: center;  padding: 14px 52px;
font-size: 12px !important; line-height: 14px !important;  text-transform: uppercase; font-weight: 700; border: 1px solid #fff;
outline: 0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s;
border-radius: 6px; background-color: #fff;  color: #003c57; border-color: #fff;margin-top: 30px !important;}
.contactGformCommonForm input[type="submit"]:hover { background-color: transparent; border-color: #fff; color: #fff;}
.contactGformCommonForm .gform_wrapper .gform_footer { margin: 0; padding: 0; text-align: center;}
.contactGformCommonForm .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: 100% !important}
.contactGformCommonForm .gform_wrapper li.gfield.gfield_error,
.contactGformCommonForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent; border: 0;  margin: 0; max-width: 100% !important;}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea{border-color: 1px solid #fff !important;}
.contactGformCommonForm { background-color: #003c57; padding: 60px 0px; text-align: center;}
.contactGformCommonForm .conatctFrom {  width: 100%;  max-width: 600px; margin: 0 auto;padding-top: 30px;}
.contactGformCommonForm .formTitle h2 { margin: 0;  color: #fff; font-size: 26px; line-height: 1.2;}

/*  luxury yatch page */

/* banner with form v2 */
.bannerWithForm-V2{padding:184px 0px 0px;}
.bannerWithForm-V2:before{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(4,60,87,0.5);}
.bannerWithForm-V2 .parentBox{position: relative;  z-index: 2;}
.bannerWithForm-V2 .bannerSubTitle{padding-top: 6px;}
.bannerWithForm-V2 .bannerSubTitle ,  .bannerWithForm-V2 .bannerSubTitle p{line-height: 1.2;font-size: 30px;font-weight: 700;margin:0;}
.bannerWithForm-V2 .hirelogDiv { margin: 25px auto 0px;  width: 400px;  height: auto;}
.bannerWithForm-V2 .experienceImage {  height: auto;width: 40%;margin-right:20px !important;}
.bannerWithForm-V2 .experienceImage svg {  height: 100%;  width: 100%;}
.bannerWithForm-V2 .bannerForm{margin-top: 51px;}
.hire-inner-template .fiveStartSection {padding-top: 115px; margin-top: -50px; position: relative; z-index: 1;}
.hire-inner-template .fiveStartSection.Version2{margin-top: 0px;}
.bannerWithForm-V2 h1 span{font-family: 'Hoefler Text';font-style: italic;font-weight: 400;}

/* banner form  */
.gform_wrapper ul.gform_fields li.gfield { margin: 0px; padding: 0;}
.gform_wrapper{margin: 0px !important;}
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {  display: none !important;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium { width: 100% !important;}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: 100% !important;
border: 0 !important; background-color: transparent !important;width: auto !important;}

.bannerForm { box-shadow: 5px 5px 15px #21252926; border-radius: 5px; background-color: #fff; border-radius: 5px;
padding: 33px 26px 35px 31px;}
.bannerForm .gform_wrapper ul.gform_fields{margin:0px -7.5px;}
.bannerForm .gform_wrapper ul.gform_fields li.gfield {display: inline-block;  vertical-align: top; margin-right: -4px;padding: 0px 7.5px;}
.bannerForm .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) ,
.bannerForm .gform_wrapper select{  border: 1px solid #707070; border-radius: 5px; padding: 16.5px 17px !important;
font-size: 15px;  color: #00000080;  line-height: 1;  margin: 0px;  font-weight: 700;font-family: 'fontawesome',europa, sans-serif;height: 55px;}
.bannerForm .gform_wrapper select{height: 55px;}
.bannerForm .gform_wrapper .ginput_container_date{position: relative;}
/*.bannerForm .gform_wrapper .ginput_container_date:before{content: '\f107';position: absolute;top: 18px;
color: #00000080;font-family: 'FontAwesome';left: 105px;font-size: 20px;line-height: 1;}*/
.bannerForm .gform_wrapper .ginput_container_date > input {   width: 178px !important;}
.bannerForm .gform_wrapper .ginput_container_select > select { width: 186px !important;}
.bannerForm .gform_wrapper .ginput_container_phone > input{ width: 291px !important;}
.bannerForm .gform_wrapper .ginput_container_email > input{width: 248px !important;}
.bannerForm .gform_wrapper .gform_footer { margin: 0px; padding: 0px;}
.bannerForm .gform_wrapper .gform_footer.top_label { width: 276px;position: relative;}
.bannerForm .gform_wrapper .gform_footer.top_label:before{content: '\f105';position: absolute;top: 21px;
color: #fff;font-family: 'FontAwesome';right: 10px;font-size: 16px;
line-height: 1;transition: all ease 0.3s;}
.bannerForm .gform_wrapper .gform_body { width: calc(100% - 276px);padding-right: 12px;}
.bannerForm .gform_wrapper .gform_body , .bannerForm .gform_wrapper .gform_footer.top_label{display: inline-block;vertical-align: top;margin-right: -4px;}
.bannerForm .gform_wrapper .top_label div.ginput_container{margin-top: 0px !important}
.bannerForm .gform_wrapper input[type="submit"]{background-color: #003C57; color: #fff;box-shadow: none;
border: 1px solid #003C57; width: 100% !important; margin: 0; font-size: 15px; line-height: 1; border-radius: 5px;
padding: 18.5px 17px !important;outline: none !important;display: block !important;transition: all ease 0.3s;}
.bannerForm .gform_wrapper input[type="submit"]:hover{background-color: #fff;color:#003C57; }
.bannerForm .gform_wrapper .gform_footer.top_label:hover:before{color: #003C57}
.bannerForm .gform_wrapper input:focus ,
.bannerForm .gform_wrapper select:focus,
.bannerForm .gform_wrapper input[type="submit"]:focus{outline: none !important}
.bannerForm .gform_wrapper select{appearance: none; -moz-appearance: none;-webkit-appearance: none;}
.bannerForm .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.bannerForm .gform_wrapper li.gfield_error textarea {  border: 1px solid #707070 !important;}
.bannerForm .gform_confirmation_message { color: #000;}

/* icon with content */
.iconWithContent{padding:56px 0px 45px;}
.iconWithContent .innerBox {  width: 25%;  text-align: center;  padding: 0px 15px;}
.iconWithContent .fourColContent {  margin: 0px -15px;text-align: center;}
.iconWithContent .iconBox ,.iconWithContent .iconTitle h4 { color: #003C57;}
.iconWithContent .iconBox { font-size: 24px; line-height: 1; margin-bottom: 18px;}
.iconWithContent .iconTitle h4 { font-size: 24px;  line-height: 1.21;  margin: 0;}
.iconWithContent .iconTitle{padding-bottom: 21px;position: relative}
.iconWithContent .iconTitle:before {content: '';position: absolute;left: 50%;bottom: 0;
width: 100px;height: 1px;background-color: #E4E4E4;transform: translateX(-50%);}
.iconWithContent .iconContent{padding-top:20px}
.iconWithContent .iconContent ,.iconWithContent .iconContent p {  margin: 0;  font-size: 14px;  line-height: 1.18;  color: #212529;  font-weight: 700;}

/* luxury slider section */
.luxurySlider{padding:62px 0px 74px;background-color:#F7F7F7}
.luxurySlider h2{font-size: 30px;line-height: 1.15;color: #043C57;margin: 0px;}
.luxurySlider .sliderSubTitle , .luxurySlider .sliderSubTitle p{line-height: 1.19;font-size: 18px;color:#043C57;margin: 0px;}
.luxurySlider .sliderSubTitle {max-width: 975px; margin: 30px auto 0px;}
.luxurySlider .boxSlider{padding-top: 124px;}
.luxurySlider .imageBox {  height: 250px;}
.luxurySlider .imageSlider > div {  padding: 0px 8px;}
/*.luxurySlider .imageSlider{margin: 0px -15px;}*/
.luxurySlider .button{padding-top: 57px;font-weight: 700}
.luxurySlider .button a { display: block; width: 100%; max-width: 276px; margin: 0 auto;  background-color: #003C57;
color: #fff;  border-radius: 5px;  text-align: center;  font-size: 15px;  line-height: 1.2;  border: 1px solid #003C57;
padding: 17.5px 10px; transition: all ease 0.3s;}
.luxurySlider .button a:hover{color:#003C57;background-color:#fff;}
.luxurySlider  .slick-arrow { position: absolute; width: 47px; height: 47px;  background-color: #043C57;  border-radius: 5px;
border: 1px solid #707070;  box-shadow: none;  font-size: 0;  line-height: 0; outline: none !important; top: 50%;
transform: translateY(-50%);  z-index: 2;cursor: pointer;}
.luxurySlider .slick-arrow:before {content: '';background-position: center;background-repeat: no-repeat;
background-size: cover; height: 12px;width: 10px; position: absolute;  top: 50%; left: 50%;
transform: translate(-50%, -50%);}
.luxurySlider .slick-prev{left: -14px;}
.luxurySlider .slick-next{right: -14px;}
.luxurySlider .slick-prev:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 792.033 792.033' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg transform='matrix(-1,0,0,1,792.0321044921875,0)'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='_x38_'%3E%3Cg%3E%3Cpath d='M617.858,370.896L221.513,9.705c-13.006-12.94-34.099-12.94-47.105,0c-13.006,12.939-13.006,33.934,0,46.874 l372.447,339.438L174.441,735.454c-13.006,12.94-13.006,33.935,0,46.874s34.099,12.939,47.104,0l396.346-361.191 c6.932-6.898,9.904-16.043,9.441-25.087C627.763,386.972,624.792,377.828,617.858,370.896z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.luxurySlider .slick-next:before{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 792.033 792.033' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='_x38_'%3E%3Cg%3E%3Cpath d='M617.858,370.896L221.513,9.705c-13.006-12.94-34.099-12.94-47.105,0c-13.006,12.939-13.006,33.934,0,46.874 l372.447,339.438L174.441,735.454c-13.006,12.94-13.006,33.935,0,46.874s34.099,12.939,47.104,0l396.346-361.191 c6.932-6.898,9.904-16.043,9.441-25.087C627.763,386.972,624.792,377.828,617.858,370.896z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}

/* zig zag section */
.ZigZagSection{padding-bottom: 79px;}
.ZigZagSection .zigzagImage ,.ZigZagSection .zigzagContent{width: 50%; height: 100%; min-height: 400px; display: flex; align-items: center;}
.ZigZagSection .zigzagChild:nth-child(odd) .zigzagImage{float: left}
.ZigZagSection .zigzagChild:nth-child(odd) .zigzagContent{float: right;}
.ZigZagSection .zigzagChild:nth-child(even) .zigzagImage{float: right}
.ZigZagSection .zigzagChild:nth-child(even) .zigzagContent{float: left;}
.ZigZagSection .zigzagChild:first-child .containerBox{padding: 75px 0px 105px 115px;background-color: #043C57;color: #fff;}
.ZigZagSection .zigzagChild .containerBox{padding:97px 150px 94px 0px;}
.ZigZagSection .zigzagChild:nth-child(odd) .containerBox{padding-left: 115px;}
.ZigZagSection .zigzagChild:first-child .contentTitle h2 { font-size: 40px; margin: 0;color:#fff;}
.ZigZagSection .zigzagChild .contentTitle h2 { font-size: 30px;line-height: 1.2; margin: 0;color: #043C57;}
.ZigZagSection .zigzagChild:first-child .ContentBox{padding-top: 55px;}
.ZigZagSection .zigzagChild .ContentBox ul { padding-left:30px !important; }
.ZigZagSection .zigzagChild .ContentBox {margin:0px;font-size: 17px;line-height: 1.19;}
.ZigZagSection .zigzagChild .ContentBox p{font-size: 17px;line-height: 1.19;}
.ZigZagSection .zigzagChild .ContentBox{margin-top:30px;}
.ZigZagSection .zigzagChild .listTitle {  font-size: 24px;  line-height: 1.21; font-weight: 700;  margin-bottom: 42px;color:#fff;}
.ZigZagSection .zigzagChild .contentList ul li {  margin-bottom: 10px;color:#fff;font-size: 14px;}
.ZigZagSection .zigzagChild .contentList ul li span{padding-right: 5px;}
.ZigZagSection .zigzagChild .contentList ul li:last-child {  margin-bottom: 0px;}
.ZigZagSection .contentList ul {list-style: none; margin: 0; padding: 0;}
.ZigZagSection .zigzagChild:first-child .ContentBox > div{padding-left: 40px;}
.ZigZagSection .zigzagChild:first-child .ContentBox > div:first-child{padding-left: 0px;}
.ZigZagSection .zigzagChild .button{margin-top: 30px;}
.ZigZagSection .zigzagChild .button a { font-size: 15px; line-height: 1.2;  background-color: #043C57;  color: #fff;  border-radius: 5px;
border: 1px solid #043C57; padding: 17.5px 10px; display: block;  width: 100%;  max-width: 283px;
text-align: center;transition: all ease 0.3s;}
.ZigZagSection .zigzagChild .button a:hover{color: #043C57;background-color: #fff;}

/* five star version2 section */
.fiveStartSection.Version2{padding:72px 0px 85px;}
.fiveStartSection h2{margin: 0;}
.fiveStartSection .priceBox {  font-size: 30px;  font-weight: 700;  line-height: 1.19;  padding-top: 30px;}
.fiveStartSection .priceBox span {  display: inline-block;  vertical-align: bottom;  font-size: 20px;  font-weight: 400;}
.fiveStartSection .button a { border: 2px solid #fff; border-radius: 5px; font-size: 15px;  line-height: 1.2;
padding: 16.5px 15px; display: block; width: 100%;  text-align: center;  max-width: 283px;  background-color: transparent;
color: #fff;transition: all ease 0.3s;}
.fiveStartSection .button a:hover{background-color: #fff;color: #043C57;}
.fiveStartSection .button { margin-top: 31px;}
.fiveStartSection.Version2 .priceBox span{font-size: 16px;font-weight: 400;padding-bottom: 2px;}

/* card section version 2 */
.cardSection.Version2 {  margin: 0;  padding: 107px 0px 73px;   background-color: #fff;}
.cardSection.Version2 .title h3{margin:0px;line-height: 1.21;color:#043B58;font-size: 24px;}
.cardSection.Version2 .title{margin-bottom: 50px;}
.cardSection.Version2 .button a {  text-transform: inherit;}

/* full width content section */
.fullWidthContent{padding:50px 0px 90px}
.fullWidthContent h2{font-size: 30px;margin: 0px;line-height: 1.19;color: #003C57;}
.fullWidthContent .detail{margin-top:30px;}
.fullWidthContent .detail , .fullWidthContent .detail p{font-size: 17px;line-height: 1.19;color:#003C57;margin-bottom: 0px;}

.conatctFrom .gform_confirmation_message {  color: #fff;}

/* date picker */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border:none !important;
background: #fff !important;
font-size: 10px !important;
line-height: 28px;
width: 28px !important;
height: 28px;
box-shadow: none;
}
.ui-datepicker tbody tr, .ui-datepicker thead {
border-color:#eee !important;
}
.ui-datepicker tbody td {
border-color:#eee !important;
}
table.ui-datepicker-calendar {
border: none !important;
}
.ui-datepicker th {
font-size: 10px;
color: #333;
}
.ui-datepicker-header {
background-color: #043c57;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
color: #043c57;
}
.ui-datepicker {
padding: 0;
border: none;
}
.ui-datepicker .ui-datepicker-header {
padding: .5em 0 0.3em;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
top: 5px;
}

/*Updates css 23-11-2020*/
input { outline:none !important;}
*:focus { outline: none !important;}
/* hubspot form design */
/*.bannerSectionForm .hs-input { border: 1px solid #707070 !important;    border-radius: 5px !important;    padding: 16.5px 17px !important;    font-size: 15px !important;    color: #00000080 !important;    line-height: 1 !important;    margin: 0px !important;    font-weight: 700 !important;    font-family: 'fontawesome',europa, sans-serif !important;    height: 55px !important; }
*/
.bannerSectionForm .hs-richtext.hs-main-font-element img { display: none !important;}
.bannerSectionForm .hs-richtext.hs-main-font-element { display: none;}
.bannerSectionForm label{ font-weight: 700; margin-bottom: 2px; }

/*form { margin:0 -10px; }*/
.bannerSectionForm form .input , .contactFormSection form .input { margin-right:0 !important; }
.bannerSectionForm form fieldset , .contactFormSection form fieldset { max-width:inherit !important; margin:0 -10px;  }
.bannerSectionForm form fieldset.form-columns-1 .field ,
.contactFormSection form fieldset.form-columns-1 .field { width:100% !important; }
.bannerSectionForm form fieldset.form-columns-2 .field ,
.contactFormSection form fieldset.form-columns-2 .field  { width:50% !important; }
.bannerSectionForm form fieldset.form-columns-3 .field,
.contactFormSection form fieldset.form-columns-3 .field  { width:33.33% !important; }
.bannerSectionForm form .field  , .contactFormSection form .field { padding:0 0 6px; }
.bannerSectionForm form fieldset .field  , .contactFormSection form fieldset .field { padding-left:10px; padding-right:10px; }
.bannerSectionForm form ul.multi-container , .contactFormSection form ul.multi-container { padding-top:10px; }
.bannerSectionForm form ul.multi-container li , .contactFormSection form ul.multi-container li { margin:5px 0; }
.bannerSectionForm textarea, .bannerSectionForm input[type="text"], .bannerSectionForm input[type="number"], .bannerSectionForm input[type="email"],
.bannerSectionForm input[type="tel"], .bannerSectionForm select ,
.contactFormSection textarea, .contactFormSection input[type="text"], .contactFormSection input[type="number"], .contactFormSection input[type="email"],
.contactFormSection input[type="tel"], .contactFormSection select { display:block;  outline:none;     margin:0;  width:100% !important; border: 1px solid #707070;    border-radius: 5px;    padding: 16.5px 17px !important;    font-size: 15px;    color: #00000080;    line-height: 1;    margin: 0px;    font-weight: 700;    font-family: 'fontawesome',europa, sans-serif;    height: 40px;}
.bannerSectionForm textarea { min-height:150px; }
.bannerSectionForm form input[type="radio"],.bannerSectionForm form input[type="checkbox"] {  display:none }
.bannerSectionForm form input[type="radio"]+span,.bannerSectionForm form input[type="checkbox"]+span {  position:relative; display:block; padding-left:30px; cursor:pointer }
.bannerSectionForm form input[type="radio"]+span:before,.bannerSectionForm form input[type="checkbox"]+span:before {  content:"\f00c"; font-family:fontawesome; color:#6b1631 ; position:absolute; left:4px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #ccc;
transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px }

.bannerSectionForm input[type="submit"] ,
.contactFormSection input[type="submit"] { background-color: #003C57; color: #fff; box-shadow: none; border: 1px solid #003C57; width: 100% !important; margin: 0 16px 0 0; font-size: 16px; line-height: 1; border-radius: 5px; padding: 18.5px 17px !important; outline: none !important; display: block !important; transition: all ease 0.3s; }
.bannerSectionForm input[type="submit"]:hover  , .contactFormSection input[type="submit"]:hover{ background-color: #fff; color: #003C57;}

.bannerSectionForm .hs-form-required { display: none; }
.bannerSectionForm .actions { text-align: center; padding-top: 0px; position: relative; transition: all ease 0.3s;}
.bannerSectionForm .actions:before { content: '\f105'; position: absolute; top: 38%; color: #fff; font-family: 'FontAwesome'; right: 175px; font-size: 16px; line-height: 1; transition: all ease 0.3s;}
.bannerSectionForm .actions:hover:before{color: #003C57;}
.bannerSectionForm textarea:focus, .bannerSectionForm input[type="text"]:focus, .bannerSectionForm input[type="number"]:focus, .bannerSectionForm input[type="email"]:focus, .bannerSectionForm input[type="tel"]:focus, .bannerSectionForm select:focus {  border-color: #1996cd; background: #fff; }
.bannerSectionForm { color: #00000080 !important; text-align: left; font-family: 'fontawesome',europa, sans-serif !important;}
.bannerSectionForm .hs_submit.hs-submit{padding-top:10px;}

/*for Hubspot   >>>>>>*/
.bannerSectionForm .hs-error-msgs { list-style:none; margin:0 0 5px; padding:0 0 0 5px; font-size:12px; color:#790000;line-height: 1.1; }
.bannerSectionForm .submitted-message { text-align: center; font-size: 22px;}
.bannerSectionForm ul li .hs-error-msgs{ font-size:12px !important;  }
.bannerSectionForm .grecaptcha-badge { visibility: visible !important;}
.bannerSectionForm form .hs_email.hs-email { padding-bottom: 15px;}

/* 28-11-2020 */
.boatlife-archive-header { text-align: center;}
.boatlife-archive-header.NewListing h1 { margin: 0; font-size: 26px; line-height: 1.26; color: #fff; text-align: center; margin-top: 10px; text-transform: capitalize; font-weight: 400;}

/* Updates 16-12-2020 */
.boatOverviewMain>.container>h2 { padding-bottom: 50px;}
.boatOverviewMain {padding: 138px 0px 0px;}
.boatOverviewMain .boatOverview { padding: 0px 0px 90px;}
.boatOverviewMain .boatOverview .overviewImageBox { width: 50%; }
.boatOverviewMain .boatOverview.firstBoatOverview .overviewImageBox {padding-left: 75px;}
.boatOverviewMain .boatOverview .overviewContentBox { width: 50%; padding-right: 0px; padding-left: 75px;}
.boatOverviewMain .boatOverview .overviewImageBox img { width: 100%;}
.boatOverviewMain .boatOverview .overviewContentBox , .boatOverviewMain .boatOverview .overviewImageBox{vertical-align: middle;}
/* tab section */
.BannerTabSection .tab { border-radius: 50px; position: relative;  cursor: pointer;  display: inline-block;  text-decoration: none;  padding: 2px 9px;
transition: all 0.7s;  color: #00547A;  background-color: #F2F2F2;  font-size: 12px;}
.BannerTabSection .TabTitle  ul {  display: inline-block; margin: 0; padding: 0;}
.BannerTabSection .TabTitle ul li { margin: 0 3px; display: inline-block;}
.BannerTabSection .tab.active, .BannerTabSection .tab:hover {   color: #FFF;    background: #00547A; position: relative;}
.BannerTabSection .showcontent { display: none;}
.BannerTabSection .TabBoxTitle1 { padding-top: 2px;}
.BannerTabSection .show {   display: block; }
.BannerTabSection .show .fadein{  animation: fadein 0.7s ease;}
.BannerTabSection .admissionPage p:nth-child(1) { color: #505050;}
.BannerTabSection .TabIcon1 svg {  height: 35px;  width: 35px;  fill: #00547A;}
.BannerTabSection a.tab{position: relative;}
.BannerTabSection a.tab:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%);    width: 0;    height: 0;    border-left: 6px solid transparent;    border-right: 6px solid transparent;    border-bottom: 0px solid #00547a;    border-top: 7px solid #00547a;    bottom: -6px;    z-index: 3;    opacity: 0;    visibility: hidden;    transition: .7s;}
.BannerTabSection a.tab.active:before, .BannerTabSection a.tab:hover:before {opacity: 1;visibility: visible;}
.boat-inner-template .boatParentBox .priceSection { width: 33%; vertical-align: top; padding-left: 20px;}
.boat-inner-template .boatParentBox .TopBoatSec { padding-right: 20px; width: 67%; border-right: 1px solid #F2F2F2; padding-bottom: 7px;}
.boat-inner-template .boatParentBox .showcontent { text-align: left !important;}
.boat-inner-template .boatParentBox .fadein { font-size: 20px; color: #00547A; font-weight: 700;}
.boat-inner-template .boatParentBox .fadein span { font-size: 13px; font-weight: 400;}
.boat-inner-template .singleBanner .boatParentBox .boatSiteLogo{ float: none; }
.boat-inner-template .boatParentBox .breadcrumbs ul { margin: 0; padding: 0;}
.boat-inner-template .boatParentBox .breadcrumbs ul li { list-style: none; display: inline-block;     color: #00547A;}
.boat-inner-template .boatParentBox .popupIcon { display: inline-block; margin: 0 3px;}
.boat-inner-template .boatParentBox .videoSection { display: inline-block;}
.boat-inner-template .boatParentBox .videoSection { padding: 0;}
.boat-inner-template .boatParentBox .tabP { padding-top: 10px;}
.boat-inner-template .boatParentBox .boatTitle { color: #00547A; font-size: 33px; font-weight: 700; line-height: normal;}
.boat-inner-template .boatParentBox .breadcrumbs ul li+li:before { color: #00547A; font-family: 'FontAwesome'; padding: 0 5px 0 4px;  content: "\f105";}
.boat-inner-template .boatParentBox .breadcrumbs { padding-top: 15px;}
.boat-inner-template .boatParentBox .breadcrumbs ul li:last-child { font-weight: 700;}
.boat-inner-template .singleBanner .boatParentBox .boatSiteLogo svg { width: 175px;}
.boat-inner-template .boatParentBox .breadcrumbs ul li:last-child:before { font-weight: 400;}
.boat-inner-template .boatParentBox .topBorderSection { border-bottom: 1px solid #F2F2F2; padding-bottom: 14px;}
.boat-inner-template .singleBanner .boatParentBox .button a{ padding: 15px 50px;  }
.white-popup.boat-img-360 { max-width: 700px; margin: 30px auto; padding: 50px 20px 20px;}
.boat-inner-template .boatParentBox .iconBox svg { fill: #00547A;}
.boat-inner-template .boatParentBox .iconBox a { width: 35px; height: 35px; padding: 0px; line-height: 35px; display: inline-block; border: 1px solid #00547a; border-radius: 50%; text-align: center;}
.boat-inner-template .boatParentBox .iconBox a svg { width: 100%; height: 16px;}
.boat-inner-template .boatParentBox .iconBox .popupIcon .a { fill: #00547a;}
.boatOverviewMain .overviewDetail p:last-child { margin-bottom: 0;}
/*--*/
.boat-inner-template{opacity: 0;}
.boat-inner-template.onLoadBody{opacity: 1;}
h2.boat_overview_title { color: #00547a;}
.boatOverviewMain .boatOverview:last-child { padding-bottom: 25px;}
.boatOverviewMain .overViewImage { height: 303px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;}
.boat-inner-template .warrantySection {background-color: #F1F1F1; color: #00547A;}
.boat-inner-template .warrantySection .title h3, .boat-inner-template .warrantySection .warrantyList ul li span, .boat-inner-template .warrantySection .bottomText{color: #00547A;}
.boat-inner-template .warrantySection .warrantyList ul:before{ background-color: #00547A;  }



/* Top Strip */
.archive-boats-template .archive-boats-container .archive-boats-container{    margin-top: 100px;}
.headerMessageInfo { width: calc(100% - 415px); line-height: 1.33; padding-right: 10px; color: #fff; font-size: 21px; font-weight: 400; }
.communicationIcon {width: 275px;}
.communicationIcon img { padding-right: 16px;}
.RightBtnBox a { display: block; max-width: 100%; width: 100%; text-align: center; background-color: #fff; color: #00547A; font-size: 16px; line-height: 1.1875; text-transform: capitalize; font-weight: 700; padding: 9px 15px; transition: all ease 0.3s; border-radius: 5px; border: 1px solid #fff;}
.RightBtnBox a:hover { background-color: transparent; color: #fff;}
.RightBtnBox { width: 140px;}
.communicationIcon img:last-child { padding-right: 0;}
/* Form Design */
.archive-boats-template .white-popup, .bodyMgPopup .white-popup { background-color: #F2F2F2 !important; max-width: 1040px !important; margin: 0 auto !important; position: relative !important; padding: 65px 40px 45px !important; border-radius: 4px !important; width: 100% !important;}
.headerStripNew {   background-color: #00547A; position: fixed; z-index: 111; padding: 28px 0px; width: 100%;    top: 100px;}
.archive-boats-template .archive-boats-container .refine-container { padding-top: 150px;}

::-webkit-input-placeholder { opacity:0.7 !important; color:inherit !important; }
::-moz-placeholder { opacity:0.7 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:0.7 !important; color:inherit !important; }
.hubCommonForm form .input { margin-right:0 !important; }
.hubCommonForm form fieldset { max-width:inherit !important; margin:0 -10px;  }
.hubCommonForm form fieldset.form-columns-1 .field { width:100% !important; }
.hubCommonForm form fieldset.form-columns-2 .field { width:50% !important; }
.hubCommonForm form fieldset.form-columns-3 .field { width:33.33% !important; }
.hubCommonForm form .field { padding:0 0 20px; }
.hubCommonForm form fieldset .field { padding-left:10px; padding-right:10px; }
.hubCommonForm form ul.multi-container { padding-top:10px; }
.hubCommonForm form ul.multi-container li { margin:5px 0; }
.hubCommonForm textarea, .hubCommonForm input[type="text"], .hubCommonForm input[type="number"], .hubCommonForm input[type="email"], .hubCommonForm input[type="tel"], .hubCommonForm select, .hubCommonForm select option { display: block;    border: 1px solid #003C57;    outline: none !important;    background: #fff;    font-size: 16px;    line-height: 1.3;    /* font-family: 'Roboto', sans-serif; */    font-weight: 400;    color: #929292; margin: 0; padding: 12px 29px; width: 100% !important; border-radius: 4px; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; font-family: europa, sans-serif !important;}
.hubCommonForm textarea { min-height:114px; }
.hubCommonForm form input[type="radio"], .hubCommonForm form input[type="checkbox"] {  display:none }
.hubCommonForm form input[type="radio"]+span, .hubCommonForm form input[type="checkbox"]+span { margin-left: 0; position:relative; display:block; padding-left:22px; font-weight: 300; cursor:pointer }
.hubCommonForm form input[type="radio"]+span:before, .hubCommonForm form input[type="checkbox"]+span:before { content:"\f00c"; font-family:fontawesome; border-radius: 3px; color:#f26c23 ; position:absolute; left:0px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #003C57; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px }
.hubCommonForm form input[type="radio"]+span:before {  border-radius:50% }
.hubCommonForm form input[type="radio"]:checked+span:before {  background:#f26c23 ; border-color:#f26c23  }
.hubCommonForm form input[type="checkbox"]:checked+span:before {  border-color:#0075ff ; font-size:12px; background:#0075ff ; color:#fff; letter-spacing:0; }
.hubCommonForm input[type="submit"] { outline: none !important; padding: 9px 54px;    background: #007B9B;    color: #fff;    border: 1px solid #007B9B;    font-size: 16px;    line-height: 1.3;   font-weight: 700;    border-radius: 4px;    -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    transition: all ease 0.3s; }
.hubCommonForm input[type="submit"]:hover { color:#007B9B; background:transparent; }
.hubCommonForm .hs_submit.hs-submit { margin: 0; text-align: center; padding-top: 10px;}
.hubCommonForm .hs-form-field > label {    display: none;}
.hubCommonForm h2, .GformCommonForm h2 { font-size: 23px; text-align: center; color: #003C57; padding-bottom: 23px; font-weight: 700; line-height: 1.347;}
.hubCommonForm label.hs-error-msg { font-size: 14px !important; margin-bottom: 0 !important;}
.hubCommonForm .hs-error-msgs { list-style:none;padding: 10px 0px 0px 10px; color: red; font-size: 14px; font-family: europa, sans-serif; margin: 0;}
.hubCommonForm select {	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 612 612' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='_x31_0_34_'%3E%3Cg%3E%3Cpath d='M604.501,134.782c-9.999-10.05-26.222-10.05-36.221,0L306.014,422.558L43.721,134.782 c-9.999-10.05-26.223-10.05-36.222,0s-9.999,26.35,0,36.399l279.103,306.241c5.331,5.357,12.422,7.652,19.386,7.296 c6.988,0.356,14.055-1.939,19.386-7.296l279.128-306.268C614.5,161.106,614.5,144.832,604.501,134.782z' fill='%23929292' data-original='%23000000' style=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-size: 14px !important;    background-position: 93% !important; background-repeat: no-repeat !important;}
.hubCommonForm button.mfp-close, .GformCommonForm button.mfp-close ,#testOpenForm button.mfp-close,#cta360 button.mfp-close ,#videos-popup a.close{ color: #003C57 !important; border: 1px solid #003C57 !important; opacity: 1 !important;}
.hubCommonForm .mfp-close, .GformCommonForm .mfp-close ,#testOpenForm .mfp-close ,#cta360 .mfp-close,#videos-popup a.close{ width: 19px !important; height: 19px !important; line-height: 3px !important; right: 10px; top: 10px !important; border-radius: 50% !important; font-size: 14px !important;}
#videos-popup a.close{ width: 19px !important; height: 19px !important; line-height: 3px !important; right: 10px; top: 10px !important; border-radius: 50% !important; font-size: 14px !important; padding: 5px;}
.hubCommonForm .submitted-message { overflow: auto; text-align: center; font-size: 22px; color: #003C57;}
.hubCommonForm .hs_error_rollup { display: none !important;}
.hubCommonForm .hs-form-required { display: none; }
.hubCommonForm .hs-fieldtype-checkbox.hs-form-field > label{ display: block;  }
.hubCommonForm form ul.multi-container li.hs-form-checkbox{ display: inline-block; list-style: none; margin-right: 36px;}
.hubCommonForm form ul.inputs-list.multi-container{ padding-top: 0; margin-bottom: 20px; padding-bottom: 10px !important; border-bottom: 1px solid rgba(0, 60, 87, 0.3);}
.hubCommonForm .hs-fieldtype-checkbox.hs-form-field > label { display: block; color: #003C57; font-size: 18px; font-weight: 700; letter-spacing: 0.5px; font-style: normal; margin-bottom: 6px;}
.hubCommonForm .hs-fieldtype-checkbox.field.hs-form-field{ margin-bottom: 0; padding-bottom: 0;}
.hubCommonForm form .hs-fieldtype-booleancheckbox.field { padding: 0 0 0px; margin-bottom: 6px;}
.hubCommonForm form .hs-fieldtype-booleancheckbox.field ul { padding: 0;margin-bottom: 0;}
.hubCommonForm form li.hs-form-booleancheckbox { list-style: none;}
.hubCommonForm form .legal-consent-container .hs-form-booleancheckbox-display>span{ margin-left: 7px;}
.hubCommonForm form ul.multi-container li.hs-form-checkbox label{ margin-bottom: 0;}
.hubCommonForm form  .hs_how_can_we_contact_you_.hs-how_can_we_contact_you_.hs-fieldtype-checkbox.field.hs-form-field { padding-top: 14px;}

/*.headerStripNew.headerStripNewV2 { z-index: 9; transition-delay: 0.1s; opacity: 0;}*/

/* gform style */
/*Single Column form css*/
.GformCommonForm .gform_body ul li, .GformCommonForm .gform_wrapper .top_label .gfield_error{ width: 100% !important; display: block;}
.GformCommonForm .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.GformCommonForm .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .GformCommonForm .gform_wrapper li.gfield_error textarea {display: block;    border: 1px solid #003C57;    outline: none !important;    background: #fff;    font-size: 16px;    line-height: 1.3;    /* font-family: 'Roboto', sans-serif; */    font-weight: 400;    color: #929292; margin: 0; padding: 12px 29px; width: 100% !important; border-radius: 4px; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; font-family: europa, sans-serif !important;}
.GformCommonForm .gform_wrapper .gfield_required{display: none !important;}

.GformCommonForm input[type=submit] { outline: none !important; padding: 9px 54px;    background: #007B9B;    color: #fff;    border: 1px solid #007B9B;    font-size: 16px;    line-height: 1.3;   font-weight: 700;    border-radius: 4px;    -webkit-transition: all ease 0.3s;    -moz-transition: all ease 0.3s;    transition: all ease 0.3s; }
.GformCommonForm input[type=submit]:hover{color:#007B9B; background:transparent; }
.GformCommonForm .gform_wrapper .gform_heading{width: auto !important;}
.GformCommonForm .gform_wrapper ul li.gfield{margin-top: 0 !important;}
.GformCommonForm .gform_wrapper ul.gform_fields li.gfield{padding: 0 !important;  margin: 0 0 20px !important;}
.GformCommonForm .gform_wrapper .top_label div.ginput_container{margin-top: 0!important}
.GformCommonForm .gform_wrapper li.gfield.gfield_error, .GformCommonForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background-color: transparent;margin-bottom: 0!important;border-top: none;border-bottom: none;padding-bottom: 0;padding-top: .0}
.GformCommonForm .gform_wrapper div.validation_error{font-size: 16px !important;margin-bottom: 0!important;  border-top: none !important;border-bottom: none !important;font-weight: 500 !important;color:#53cad8 !important; }
.GformCommonForm .gform_wrapper .validation_message {list-style: none; font-weight: 400;padding: 10px 0px 0px 10px !important; color: red; font-size: 14px; font-family: europa, sans-serif;    margin: 0;}
.GformCommonForm .gform_wrapper .top_label .gfield_label{display: none !important;}
.GformCommonForm .gform_wrapper .field_description_below .gfield_description {  padding-top: 8px !important;padding-left: 40px}
.GformCommonForm  .gform_validation_error  .gform_heading{background-color: transparent;}
.GformCommonForm .gform_wrapper .gform_footer { padding: 0; margin: 10px 0 0; clear: both; width: 100%; text-align: center;}
.GformCommonForm .gform_wrapper.gform_validation_error .gform_body ul li { padding: 0 !important;  margin: 0 0 20px !important;}
.GformCommonForm {  text-align: center; font-size: 22px; color: #003C57;}
/* end of gform style*/

/* PartExchangeForm */
.PartExchangeCommonForm input[type="text"], .PartExchangeCommonForm input[type="email"], .PartExchangeCommonForm input[type="tel"], .PartExchangeCommonForm textarea, .PartExchangeCommonForm select { font-size: 15px; line-height: 18px; padding: 17.5px 16px !important; border-color: #707070; color: #00000080; font-weight: 700; outline: none !important;}
/*.PartExchangeCommonForm input, .PartExchangeCommonForm select, .PartExchangeCommonForm textarea {    margin-bottom: 15px;}*/
/*.bodyMgPopup .white-popup.PartExchangeCommonForm { background-color: #fff !important; border-radius: 5px !important; box-shadow: 5px 5px 15px #21252926 !important;    text-align: center !important; padding: 33px 54px 27px 31px !important; position: relative !important; margin-top: 25px !important;}*/
/*.PartExchangeCommonForm input[type="submit"] { margin: 0; background-color: #003c57; color: #fff; width: 100%; display: block; font-size: 15px; text-transform: none; line-height: 18px; border: 1px solid #003c57; padding: 17.5px 16px; text-align: center; transition: all ease .3s; outline: none !important;}*/
/*.PartExchangeCommonForm input[type="submit"]:hover { background-color: #fff; color: #003c57;}*/
/*.PartExchangeCommonForm .actions { width: 33.33%; margin: 0 auto; padding-right: 15px;}*/
.PartExchangeCommonForm select { background-image: url(https://f.hubspotusercontent30.net/hubfs/5667889/Burton_Water-Assets-July-20/Images/select-Arrow.png); background-position: 95% !important;}
.PartExchangeCommonForm .grecaptcha-badge { visibility: visible;}
.PartExchangeCommonForm form fieldset .field { padding-left: 7px; padding-right: 7px;}
.PartExchangeCommonForm form .field { padding: 0 0 15px;}
.PartExchangeCommonForm form fieldset { max-width: inherit !important; margin: 0 -7px;}
.PartExchangeCommonForm p, .GformCommonForm p, .hubCommonForm p { margin-bottom: 0;}

/* end of  PartExchangeForm */

.home-page-template .customBanner a.bookNowButton{max-width: 220px; border: 1px solid #08547A;}
.home-page-template .ui-state-default{ line-height: 20px; width: 20px !important; height: 20px !important; box-shadow: none; box-shadow: 0px 1px 6px #00000029;}
/* Boatcommunication form */
.videoTourForm .boatCommunicationLeftBox { width: 578px; }
.videoTourForm .boatCommunicationRightBox { width: calc(100% - 578px); padding-left: 30px;}
.videoTourForm .boatCommunicationParent .boatleftImage { height: auto; margin-top: 30px;background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; padding-bottom: 100%;}
.archive-boats-template .videoTourForm{ padding: 30px 38px 40px 0 !important;}
.videoTourForm .boatCommunicationParent .boatDescription { font-size: 18px; line-height: 1.22; color: #003C57; padding-left: 68px; padding-right: 42px;}
.videoTourForm .hs_submit.hs-submit{text-align: left;}
.videoTourForm .hs_submit.hs-submit{ text-align: left;}
.videoTourForm textarea, .videoTourForm input[type="text"], .videoTourForm input[type="number"], .videoTourForm input[type="email"], .videoTourForm input[type="tel"], .videoTourForm select, .videoTourForm select option{ color: #A6A6A6; font-weight: 700;}
.videoTourForm form .hs_how_can_we_contact_you_.hs-how_can_we_contact_you_.hs-fieldtype-checkbox.field.hs-form-field { padding-top: 0;}
.videoTourForm form input[type="radio"]+span, .videoTourForm form input[type="checkbox"]+span{ color: #707070; font-size: 15px; font-weight: 700; line-height: 1.2;}
.videoTourForm .hs-fieldtype-checkbox.hs-form-field > label{line-height: 1.2;}
.videoTourForm form input[type="radio"]+span:before, .videoTourForm form input[type="checkbox"]+span:before{ top: 2px; border: 1px solid #707070;  }
.videoTourForm input[type="submit"]{ text-transform: uppercase; line-height: 1.16;padding: 13px 71px;font-size: 12px;}
.videoTourForm form .field{ padding: 0 0 18px;}
.videoTourForm form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0;}
.archive-boats-template .videoTourForm{ margin: 20px auto !important; }

/* contact section */
.contactFormSection {  padding: 50px 0px;}
.contactFormSection .formTitle{padding-bottom: 10px;text-align: center;}
.contactFormSection .conatctFrom {  max-width: 600px; margin: 0 auto;}
.wc-bookings-date-picker .ui-datepicker td.not_bookable span,.wc-bookings-date-picker .ui-datepicker td.fully_booked span {
    background-color: red !important;
    color: #fff !important;
    text-shadow:0 1px 0 rgba(0,0,0,0.1);
    /*text-shadow: 0 1px 0 rgb(0 0 0 ,0.1);*/
}
#wc-bookings-booking-form .ui-datepicker-calendar .ui-state-disabled {
    opacity: 1 !important;
}

/* 8-7-21  */

.boat-inner-template .videoSection .specificationList .innerColumn{ text-align: left; vertical-align: top;  }
.boat-inner-template .specificationList{ color: #043C57 !important; padding-bottom: 45px; }
.boat-inner-template .specificationList h4 { font-size: 24px; line-height: 1.04;}
.boat-inner-template .specificationList ul li { margin-bottom: 12px; list-style: none; position: relative;}
.boat-inner-template .specificationList ul { padding-top: 16px;}
.boat-inner-template .specificationList ul li:before { content: ''; position: absolute; height: 4px; width: 4px; background-color: #043C57; border-radius: 50%; left: -17px; top: 13px;}
.boat-inner-template .specificationList{ padding-left: 17px; padding-right: 17px;  }
.boat-inner-template .specificationList h4{ margin-left: -17px;  }

/* Tabing or spacations section  */
.boat-inner-template .Specifications ul.spec-tabs li{ width: 20%; padding-right: 7px;  }
.boat-inner-template .Specifications ul.spec-tabs{ max-width: 100%;  }
.boat-inner-template .Specifications .panelContainer { max-width: 100%;}
.boat-inner-template .Specifications .leftTable, .boat-inner-template .Specifications .rightTable{ padding: 0;  }
.boat-inner-template .specificattion-note { padding-top: 33px;}
.boat-inner-template .Specifications { padding-top: 0;}
/* Warnty Section  */
.boat-inner-template .warrantySection .bottomText { font-size: 16px; margin-top: 10px; color: #043C57;}
.boat-inner-template .warrantySection .warrantly_heading, .boat-inner-template .warrantySection .warranty_content_main, .boat-inner-template .warrantySection .warranty_content_main p { font-weight: 700;}
.boat-inner-template .warrantySection .warranty_content_main p { margin-bottom: 0;}
.boat-inner-template .warrantySection .warranty_content { padding-bottom: 15px;}
.boat-inner-template .warrantySection .warranty_content_main{ padding-bottom: 15px; }
.boat-inner-template .warrantySection .title h3 { margin: 0; font-size: 24px;color: #003C57; }
.boat-inner-template .warrantySection .title.warranty_big h3 { font-size: 32px; }
.boat-inner-template .warrantySection .title:before{ top: 50%; transform: translateY(-50%);}
.boat-inner-template .warrantySection {  color: #003C57;}
/* keyFeature  */
.boat-inner-template .keyFeature .featureParent .equal_content { min-height: 32px;}
/* boat section  */
.boat-inner-template .Interior .tabs { padding-top: 0;}

/*.Interior .tabs ul#interiorNav li:first-child img { width: 127px;}*/
/*  keyFeature */
.boat-inner-template .keyFeature .button.buttonBlueNew { padding-top: 0;}
.boat-inner-template .keyFeature .buttonBlueNew a{ margin: 0px auto 0px; }
.boat-inner-template .keyFeature { padding-bottom: 54px !important;}

/* color */
.boat-inner-template h2.boat_overview_title { color: #043C57;}
.boat-inner-template .boatOverview .overviewDetail, .boat-inner-template .boatOverview h2, .boat-inner-template .keyFeature h2, .boat-inner-template .Gallery h2, .boat-inner-template .Specifications h2, .boat-inner-template .Interior h2{ color: #043C57;  }
.boat-inner-template .boatParentBox .boatTitle, .boat-inner-template .singleBanner .boatPriceBox, .boat-inner-template .boatParentBox .fadein p { color: #003C57;}

/* banner  */
.boat-inner-template .boatParentBox .breadcrumbs ul li { color: #043C57;}
.boat-inner-template .boatParentBox .breadcrumbs ul li+li:before{ color: #043C57;  }
/* BoatGallery */
.boat-inner-template .BoatGallery { padding: 50px 0 10px !important;}
.boat-inner-template .BoatGallery .galleryParent{ padding-bottom: 16px !important; }

/*   responsive css */
@media(min-width:768px){
.boat-inner-template .warrantySection .warranty_content { max-width: 705px; margin: 0 auto;}
.boat-inner-template .warrantySection .warranty_content p { margin-bottom: 0;}
/* 8-7-21  */
.boat-inner-template .videoSection .specificationList .innerColumn:nth-child(2) { padding-left: 50px; padding-right: 25px;}
.boat-inner-template .button.buttonBlueNew { padding-top: 16px; }
.boat-inner-template .singleBanner .boatParentBox .button a { padding: 11px 44px;}
.boat-inner-template .Interior .tabs #interiorTabContent { padding-top: 0px; padding-right: 160px;}
.boat-inner-template .Interior .tabs #interiorTabContent .contentBox { margin-top: 10px;}
/*  boat section */
.boat-inner-template .Interior .tabs ul#interiorNav li{ padding: 15px 10px 10px 18px;  }
.boat-inner-template .Interior .tabs .boatTitle{ margin-top: 5px;}


}

@media(min-width:991px){
label.expandTabb { display: none;}
.BannerTabSection .TabTitle ul li:first-child { margin: 0 3px 0 0;}
.boat-inner-template .singleBanner .boatParentBox{padding: 20px 40px 20px;}
.boat-inner-template .singleBanner .boatParentBox .button{margin-top: -3px;}
h2.boat_overview_title { font-size: 28px; line-height: 1.2;}
.boat-inner-template .videoSection { padding-bottom: 10px}
.boat-inner-template .fourColumnSection .fourColParent { margin: 0px -4px;}
.boat-inner-template .single-boat-gallery .main-slider .img { height: 524px;}
.boat-inner-template .single-boat-gallery .nav-slider { margin-top: 10px;}
.boat-inner-template .Interior{padding-bottom: 30px;}
.boat-inner-template .ctaSection{ margin-top: 50px; }
.warrantySection {  padding: 73px 0px 77px; }
.boat-inner-template .single-boat-gallery .nav-slider .padding-container .img { min-height: 100px;}
/* 8-7-21  */
.boat-inner-template .warrantySection .warranty_content { max-width: 883px !important; margin: 0 auto;}
.boat-inner-template .warrantySection .warranty_content_main { max-width: 800px; margin: 0 auto; padding-top: 10px;}
}

@media(min-width:1201px){
/* banner css */
.bannerSectionContent { width: 60%; padding-right: 10px;text-align: left;}
.bannerSectionForm { width: 40%; padding-left: 10px;}
.bannerSectionForm .bannerForm .gform_wrapper ul.gform_fields li.gfield{ width: 50%;padding-bottom: 20px; }
.bannerSectionForm .bannerForm .gform_wrapper .gform_footer.top_label { width: 100%; padding: 0px 7.5px;}
.bannerSectionForm .bannerForm .gform_wrapper .gform_body { width: 100%; padding-right: 0;}
.bannerSectionForm .bannerForm .gform_wrapper .ginput_container_date > input { width: 100% !important;}
.bannerSectionForm .bannerForm .gform_wrapper .ginput_container_select > select { width: 100% !important;}
.bannerWithFormNew { padding-bottom: 135px;}
.bannerWithFormNew { padding-bottom: 83px;}
.bannerSectionForm .bannerForm .gform_wrapper ul.gform_fields li#field_2_6{width: 100%;}
.bannerSectionForm .bannerForm .gform_wrapper .ginput_container_email > input { width: 100% !important;}
.bannerWithForm-V2 .bannerSectionContent .experienceImage{    margin-right: 20px !important; width: 40%;}
.bannerSectionForm .bannerForm .gform_wrapper .ginput_container_phone > input { width: 100% !important;}
.bannerSectionForm .bannerForm .gform_wrapper .gform_footer.top_label:before{  right: 95px; }
/* hubspot form design */
/*.field { width: 50% !important; display: inline-block !important; margin-right: -4px !important; padding: 0 10px !important;}
.bannerSectionForm .hs_recaptcha.hs-recaptcha.field.hs-form-field { width: 100%; padding-left: 0;}

form .input { margin-right:0 !important; }
form fieldset { max-width:inherit !important; margin:0 -10px;  }
form fieldset.form-columns-1 .field { width:100% !important; }
form fieldset.form-columns-2 .field { width:50% !important; }
form fieldset.form-columns-3 .field { width:33.33% !important; }*/
/*.boatOverviewMain .videoSection .parentBox { padding-left: 67px; padding-right: 67px;}
.boatOverviewMain .videoSection .videoBg{ height: 487px;}*/
}

@media(min-width:1921px){

.ZigZagSection .zigzagChild .containerBox {  padding-left: 20%;  padding-right: 10%;}

}
@media(min-width:1400px){
/*.bodyMgPopup .white-popup.PartExchangeCommonForm{ max-width: 1240px !important; }*/
/*.PartExchangeCommonForm h2{ font-size: 28px; }*/
.archive-boats-template .videoTourForm{max-width: 1182px !important;}
.videoTourForm textarea{ min-height: 117px;}
.videoTourForm h2 { font-size: 21px; line-height: 1.19; padding-bottom: 40px;}
.videoTourForm textarea, .videoTourForm input[type="text"], .videoTourForm input[type="number"], .videoTourForm input[type="email"], .videoTourForm input[type="tel"], .videoTourForm select, .videoTourForm select option{ font-size: 15px; line-height: 1.2; padding: 16.5px 29px;}
.videoTourForm form ul.inputs-list.multi-container{ padding-bottom: 12px !important;}
}
@media(min-width:1601px){
.BannerSection .bannerTitle h1 ,  .bannerWithForm-V2 .bannerTitle h1{font-size: 80px;}
.cardSection .container{max-width: 1654px;padding-left: 15px;padding-right: 15px;}
.cardSection .cardSubTitle{font-size: 14px;}
.cardSection .cardImage{height:265px;}
.cardSection .cardTitle{font-size: 28px; }
.cardSection .cardPrice{font-size: 39px;}
.cardSection .cardInnerContent{padding-left: 50px;padding-right: 50px}
.fiveStartSection .ratingContent ,.LeftContent-RightImage .detail{font-size: 16px;}
.fiveStartSection h2{font-size: 36px;}
.fiveStartSection .star span , .featureSection .boxTitle , .LeftContent-RightImage .star span {font-size: 28px;}
.cardSection .cardPrice sub , .featureSection .boxPrice , .featureSection .contentBottomBox{font-size: 18px;}

/*  luxury yatch page */
.BannerSection { padding: 150px 0px 248px;}
.bannerWithForm-V2 .container ,
.iconWithContent .container,
.fiveStartSection .container { max-width: 1520px; padding-left: 15px;  padding-right: 15px;}
.luxurySlider .container { max-width: 1670px;padding-left: 15px;  padding-right: 15px;}
.luxurySlider .sliderSubTitle{max-width: 1088px;}
.bannerWithForm-V2 .bannerSubTitle ,  .bannerWithForm-V2 .bannerSubTitle p{font-size: 36px;}
.iconWithContent .iconTitle h4 { font-size: 28px;}
.iconWithContent .iconContent ,.iconWithContent .iconContent p{font-size: 16px;}
.luxurySlider h2{font-size: 36px;}
.luxurySlider .sliderSubTitle , .luxurySlider .sliderSubTitle p{font-size: 21px;}
.luxurySlider .imageBox {  height: 348px;}
.ZigZagSection .zigzagChild:first-child .containerBox{padding: 92px 0px 128px 140px;}
.ZigZagSection .zigzagChild .containerBox{padding:117px 180px 113px 146px !important;}
.ZigZagSection .zigzagChild:nth-child(odd) .containerBox{padding-left: 140px;}
.ZigZagSection .zigzagChild:first-child .contentTitle h2{font-size: 48px;}
.ZigZagSection .zigzagChild:first-child .ContentBox{padding-top: 67px;}
.ZigZagSection .zigzagChild .listTitle{font-size: 28px;margin-bottom: 51px;}
.ZigZagSection .zigzagChild .contentTitle h2, .fullWidthContent h2 { font-size: 36px;}
.ZigZagSection .zigzagChild .contentList ul li{font-size: 16px;}
.ZigZagSection .zigzagChild .ContentBox ,.ZigZagSection .zigzagChild .ContentBox p ,
.fullWidthContent .detail , .fullWidthContent .detail p{font-size: 21px;}
.cardSection.Version2 .title h3{font-size: 28px;}
.fiveStartSection .leftBox{padding-left: 30px;}
.fiveStartSection .rightBox { padding-right: 50px;}
.fiveStartSection .priceBox{font-size: 36px;}
.fiveStartSection.Version2 .priceBox span{font-size: 18px;}
.cardSection.Version2 .container{max-width: 1640px;}
.bannerForm .gform_wrapper .gform_footer.top_label:before{right: 25px;}
.LeftContent-RightImage .wrapLeft {  padding-left: 141px !important;}
.LeftContent-RightImage .tableContent { padding-right: 50px;  width: 80%;}
.fiveStartSection .contentBox {   padding-left: 60px;}
.cardSection .button a{max-width: 283px;}
/*.fiveStartSection .ratingContent p, .LeftContent-RightImage .detail p{font-size: 16px;}*/



}

@media(min-width: 1600px){

.boatOverviewMain .overViewImage { height: 350px;}

}

@media(min-width: 1900px){

.boatOverviewMain .overViewImage { height: 450px;}

}

@media(min-width: 2700px){

.boatOverviewMain .overViewImage { height: 603px;}

}

@media(min-width: 4100px){

.boatOverviewMain .overViewImage { height: 803px;}

}

@media (max-width: 1649px) and (min-width: 1280px) {
.boat-inner-template .buttonBlueNew a { max-width: 422px;}
.boat-inner-template .buttonBlueNew a{ padding: 12px 15px;  }

}

@media(max-width: 1600px){

.bannerForm .gform_wrapper .ginput_container_date > input {   width: 148px !important;}
.bannerForm .gform_wrapper .ginput_container_select > select { width: 166px !important;}
.bannerForm .gform_wrapper .ginput_container_phone > input{ width: 200px !important;}
.bannerForm .gform_wrapper .ginput_container_email > input{width: 200px !important;}
.bannerForm .gform_wrapper .gform_footer { margin: 0px; padding: 0px;}
.bannerForm .gform_wrapper .gform_footer.top_label { width: 235px;}
.bannerForm .gform_wrapper .gform_body { width: calc(100% - 235px);padding-right: 12px;}


}
@media(max-width: 1450px){

.boat-inner-template .Specifications ul.spec-tabs li a { font-size: 14px;}

}
@media(max-width: 1280px){

/* hire and expericence page  */
.BannerSection .bannerTitle h1 ,  .bannerWithForm-V2 .bannerTitle h1{  font-size: 56px;}

/* hire inner page  */
.bannerForm .gform_wrapper .ginput_container_phone > input{ width: 185px !important;}
.bannerForm .gform_wrapper .ginput_container_email > input{width: 185px !important;}

}

@media(max-width: 1230px){
.boatResult .boatPriceParent .boatPriceBoxes {padding: 0px 25px;}
.boatResult .boatPriceParent {margin: 0px -25px;}
.boatResult .titleParent {  padding: 0;}

.boatRange .boatName { padding-left: 10px;  padding-right: 10px;}
.boatOverview h2, .keyFeature h2, .Gallery h2, .Specifications h2, .Interior h2 ,
.videoSection .boxTitle h2 {font-size: 36px;}
.boatOverview .overviewContentBox{width: 60%}
.boatOverview .overviewImageBox{width: 40%}
.fourColumnSection .fourColChild > div { padding-left: 15px; padding-right: 15px;}

.warrantySection .title h3 , .ctaSection h3{font-size: 32px;}

/* hire and expericence page  */
.cardSection .cardContentBox{padding:0px 10px;}
.cardSection .cardInnerContent{padding-left: 15px;padding-right: 15px;}
.cardSection .cardPrice{font-size: 28px;}
.fiveStartSection h2 { font-size: 28px;}
.fiveStartSection .leftBox{padding-left: 70px;}
.featureSection .featureImage{max-width: 630px;}

/* hire inner page  */
.bannerForm .gform_wrapper ul.gform_fields li.gfield { width: 33.33%;}
.bannerForm .gform_wrapper .ginput_container_date > input ,
.bannerForm .gform_wrapper .ginput_container_select > select ,
.bannerForm .gform_wrapper .ginput_container_phone > input ,
.bannerForm .gform_wrapper .ginput_container_email > input {   width: 100% !important;margin-bottom: 10px !important;}
.ZigZagSection .zigzagChild:nth-child(odd) .containerBox { padding-left: 40px;}
.ZigZagSection .zigzagChild .containerBox{padding-right: 40px;}
.luxurySlider .imageBox {  height: 180px;}
.LeftContent-RightImage .image-box {  width: 200px;}
/* Updates css */
/*   .mobile-nav-container ul li .sub-menu{display: none;}
.mobile-nav-container ul li.active .sub-menu{ display: block;  }*/
.boatOverviewMain .overViewImage { height: 230px;}
.headerMessageInfo{ font-size: 15px;}
.videoTourForm .boatCommunicationRightBox { width: 50%;}
.videoTourForm .boatCommunicationLeftBox { width: 50%;}
/* 8-7-21  */
.boat-inner-template .Specifications ul.spec-tabs li { width: auto;}


}
@media(max-width: 1200px){
.archive-boats-template .archive-boats-container .archive-boats-container { margin-top: 180px;}
.headerStripNew{ top: 79px;}
.archive-boats-template .archive-boats-container .refine-container { padding-top: 94px;}
}
@media(max-width: 1080px){
.bannerWithSilder .bannerSlider { padding-top: 200px;}
.boatOverview h2, .keyFeature h2, .Gallery h2, .Specifications h2, .Interior h2,
.videoSection .boxTitle h2 {  font-size: 32px;}
.warrantySection .title h3, .ctaSection h3{font-size: 28px;}
.warrantySection .warrantyList ul li span , .warrantySection .bottomText {font-size: 24px;}
.videoSection .videoBg{height: 450px;}
.Gallery .boatGalleryNew{max-width: 800px;}

/* hire and expericence page  */
.BannerSection .bannerTitle h1 ,  .bannerWithForm-V2 .bannerTitle h1{font-size: 48px;}
.fiveStartSection { padding: 100px 0px 60px;}

/* hire inner page  */
.bannerWithForm-V2 .bannerSubTitle, .bannerWithForm-V2 .bannerSubTitle p{font-size: 26px;}
.iconWithContent .iconTitle h4{font-size: 22px;}
.luxurySlider .boxSlider { padding-top: 90px;}
.ZigZagSection .zigzagChild:first-child .ContentBox { padding-top: 30px;}
.ZigZagSection .zigzagChild .containerBox { padding: 50px 40px 50px 0px;}
.ZigZagSection .zigzagChild:first-child .containerBox{padding-top: 50px;padding-bottom: 50px;}
.ZigZagSection .zigzagChild:first-child .contentTitle h2 { font-size: 36px;}
.ZigZagSection .zigzagChild .contentTitle h2 { font-size: 26px;}
.fiveStartSection h2 { font-size: 24px;}
.fiveStartSection .leftBox {  padding-left: 50px;}
.archive-boats-template .white-popup, .bodyMgPopup .white-popup {max-width: 900px !important;}
.hubCommonForm textarea, .hubCommonForm input[type="text"], .hubCommonForm input[type="number"], .hubCommonForm input[type="email"], .hubCommonForm input[type="tel"], .hubCommonForm select, .hubCommonForm select option{padding: 11px 20px;}
.hubCommonForm select{ background-position: 95% !important;}
.videoTourForm .boatCommunicationParent .boatDescription{ padding-left: 30px; padding-right: 0; text-align: center;}

}
/* Updates 23-11-2020 */
@media only screen and (max-width: 991px) and (min-width: 767px)  {
.staff-archive-container .staff-member .profile-img{ min-height: 450px;}
}
@media(max-width:991px){
.bannerWithSilder h2{font-size: 32px;}

.boatFilterParent #tabsNavigation {  width: 100%;}

.boatResult .boatPriceParent .boatPriceBoxes {padding: 0px 15px;}
.boatResult .boatPriceParent {margin: 0px -15px;}
.boatResult .noBoatFound { padding: 0px 15px;}
.boatResult .boatPriceTitle { font-size: 16px;}

.boatRange .boatRangeInner .boatListing {width: 25%;}
.boatRange .boatRangeInner .boatListing:nth-last-child(-n+5){margin-bottom:39px;}
.boatRange .boatRangeInner .boatListing:nth-last-child(-n+4){margin-bottom:0px;}

.boatOverview h2, .keyFeature h2, .Gallery h2, .Specifications h2, .Interior h2,
.videoSection .boxTitle h2 {  font-size: 30px;}
.warrantySection .title h3, .ctaSection h3 { font-size: 26px;}
.fourColumnSection .fourColTitle{margin-top: 10px;}
.boatOverview .overviewContentBox, .boatOverview .overviewImageBox {  width: 100%;
padding: 0; display: block; margin-right: 0;}
.boatOverview .overviewImageBox{text-align: center;margin-top: 30px;}
.singleBanner .boatParentBox {  max-width: 80%;}
.singleBanner .bottomBox .boatTitle{font-size: 22px;}
.singleBanner .bottomBox .boatPriceBox { font-size: 18px;}
.keyFeature {  padding: 50px 0px;}
.fourColumnSection .fourColChild { width: 50%;  margin-bottom: 30px;}
.Interior .tabs #interiorTabContent {  padding-right: 30px;}
.Interior .tabs ul#interiorNav{width: 200px;}
.Interior .tabs #interiorTabContent{width: calc(100% - 200px);}

.videoSection , .Gallery , .Interior , .fourColumnSection{padding:50px 0px;}
.videoSection .innerColumn{padding:0px 15px;}
.videoSection .videoBg {  height: 350px;}
.Gallery .boatGalleryNew .slider-navigation .slide-btn.prev-slide { left: -23px;}
.Gallery .boatGalleryNew .slider-navigation .slide-btn.nxt-slide { right: -23px;}
.Specifications .leftTable, .Specifications .rightTable {padding: 0px 15px;}
.Specifications .panel { margin: 0px -15px;}
.Specifications .panel table.specTable td{padding:15px 5px;}
.warrantySection .warrantyList ul li span, .warrantySection .bottomText { font-size: 20px;}
.warrantySection .warrantyList ul li span:before{left: -20px;top:3px;}
.warrantySection .warrantyList ul li {  padding: 0px 30px;}
.warrantySection .warrantyList ul:before{left: 46.5%;height: 36px;}
.warrantySection .title:before{top: 4px; left: -32px; font-size: 26px;}

.boatResult .boatMain .titleParent,
.boatResult .boatMain:hover .boatPrice-image { padding-left: 15px; padding-right: 15px;}

/* hire and expericence page  */
.BannerSection .bannerTitle h1 ,  .bannerWithForm-V2 .bannerTitle h1{font-size: 44px;}
.BannerSection .experienceImage { width: 200px;}
.cardSection .cardBoxes {  width: 100%; display: block; margin-right: 0px;margin-bottom: 50px; }
.cardSection { margin: 0; padding: 70px 0px;}
.cardSection .cardBoxes:last-child { margin-bottom: 0px; }
.cardSection .cardContentBox { padding: 0px 20px; }
.cardSection .cardPrice { font-size: 24px; }
.fiveStartSection { padding: 70px 0px; }
.fiveStartSection .leftBox, .fiveStartSection .rightBox {  width: 100%;}
.fiveStartSection .leftBox {padding: 0;}
.fiveStartSection .rightBox .contentBox {border: 0;padding: 0;}
.fiveStartSection .rightBox{margin-top: 30px;}
.fiveStartSection h2 { font-size: 26px;}
.fiveStartSection h2 br{display: none;}
.featureSection .title h4{font-size: 26px;}
.featureSection .subTitle, .featureSection .subTitle p{font-size: 18px;}
.featureSection .featureImage {  max-width: 500px;}
.LeftContent-RightImage .image-box { width: 200px;}
.LeftContent-RightImage .star { padding-top: 30px;}
.LeftContent-RightImage .boxTableCell {padding: 60px 0px 80px;}
.LeftContent-RightImage .tableContent { padding-right: 15px;}
.featureSection { padding: 60px 0px;}
.featureSection .featureChildBox:last-child { margin-bottom: 0;}
.freeValuation{padding: 60px 0px;}
.hire-experience-template .BannerSection {  padding-bottom: 150px;}

/* hire inner page */
.bannerWithForm-V2 .bannerSubTitle, .bannerWithForm-V2 .bannerSubTitle p{font-size: 22px;}
.bannerForm .gform_wrapper .gform_body,
.bannerForm .gform_wrapper .gform_footer.top_label { margin-right: 0px; width: 100%;  display: block;}
.bannerForm .gform_wrapper .gform_body{padding-right: 0px;}
.bannerForm .gform_wrapper .gform_footer.top_label {max-width: 250px; margin: 15px auto 0px !important;}
.bannerForm .gform_wrapper .gform_footer.top_label:before{right: 10px;}
.luxurySlider .imageBox {  height: 120px;}
/*.ZigZagSection .zigzagChild:first-child .ContentBox {  margin: 0px -15px !important;}*/
.ZigZagSection .zigzagChild:first-child .ContentBox > div{width: 50%;padding-left: 15px !important;padding-right: 15px !important;margin-top: 30px; }
.ZigZagSection .zigzagChild:nth-child(odd) .containerBox { padding-left: 30px;}
.ZigZagSection .zigzagChild:first-child .ContentBox{padding-top: 0px;}
.ZigZagSection .zigzagChild:first-child .contentTitle h2 {font-size: 30px;}
.cardSection.Version2 {  padding: 70px 0px;}
.fullWidthContent h2 {  font-size: 26px;}
.fullWidthContent{padding: 50px 0px;}
.fiveStartSection .priceBox{font-size: 26px;}
.cardSection.Version2 .cardBoxes{max-width: 500px; margin: 0 auto 50px;}
.bannerForm .gform_wrapper .gform_footer.top_label:before {  right: 16px;}
/* banner form */
.bannerSectionForm .bannerForm .gform_wrapper ul.gform_fields li.gfield {    width: 100%;}
/* hubspot form */
.bannerSectionForm form fieldset.form-columns-2 .field { width:100% !important; }
/* updates 16-12-20 */
/* tab */

.BannerTabSection .expandTabb { border-radius: 5px; display: block; color: #fff; border-bottom: 1px solid #fff;  position: relative; font-size: 15px; padding: 5px 5px 5px 10px;background-color: #00547A; }
.BannerTabSection .tabsToggle {  display: none; }
.BannerTabSection a.tab.active:after {display:none;}
.BannerTabSection label.expandTabb.change:before {  content: '\f106';}
.BannerTabSection label.expandTabb:before { content: '\f107'; position: absolute; right: 12px;  top: 17px;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%); font-family: fontawesome; font-size: 21px;}
.BannerTabSection .tab{ border-bottom: 1px solid #ccc; width: 100%; border-right: none;   cursor: pointer;}
.BannerTabSection .TabTitle ul li {  display: block;  border-bottom: 1px solid #ffff;  margin-right: 0;margin: 0 3px 9px;  border-right: none;}
.BannerTabSection .TabTitle ul {  display: block;  border: none;}
.BannerTabSection .tabP { max-width: 100%;}
.boat-inner-template .singleBanner .boatParentBox .button a { padding: 15px 14px;}
.boat-inner-template .boatParentBox .fadein p{font-size: 20px;}
.boat-inner-template .boatParentBox .boatTitle{ font-size: 20px; }
.BannerTabSection a.tab:before{bottom: -7px;}
.boatOverviewMain .boatOverview.firstBoatOverview .overviewImageBox { padding-left: 0;}
.boatOverviewMain .boatOverview .overviewContentBox {    padding: 0px !important;}
.boatOverviewMain .overViewParent { max-width: 720px; margin: 0 auto; padding: 0px 15px;}
.boatOverviewMain .boatOverview .overviewContentBox{width: 100%;}
.boatOverviewMain .boatOverview .overviewImageBox{ display: block; margin-right: 0; width: 100%;}
.boatOverviewMain { text-align: center;}
.boatOverviewMain  .overViewParent { display: flex; width: 100%; flex-wrap: wrap;}
.boatOverviewMain .overViewParent .overviewImageBox { order: 1;}
.boatOverviewMain  .overViewParent .overviewContentBox { order: 2; padding-top: 30px !important;}
.boatOverviewMain>.container>h2 { padding-bottom: 20px;}
.boatOverviewMain .boatOverview { padding: 0px 0px 30px;}
.archive-boats-template .white-popup, .bodyMgPopup .white-popup{max-width: 700px !important;}
/* new top strip */
.headerMessageInfo { width: calc(100% - 310px);}
.communicationIcon { width: 170px;}
.communicationIcon img { padding-right: 8px;}

.videoTourForm .boatCommunicationRightBox { width: 100%; padding-left: 30px; padding-top: 50px;}
.videoTourForm .boatCommunicationLeftBox { width: 100%;}
.archive-boats-template .videoTourForm{ margin: 20px auto !important; }
.archive-boats-template .videoTourForm{ padding: 40px 30px 35px 0 !important; }

}

@media(max-width: 767px) {
.wrapLeft, .wrapRight {
padding: 0px 15px !important
}

.boatFilterParent #tabsNavigation li a {
position: relative;
}

.boatFilterParent #tabsNavigation li span.whiteLogo {
width: 100%;
padding: 17px 15px;
}

.boatResult .boatPriceParent .boatPriceBoxes {
width: 100%;
display: block;
margin-right: 0;
margin-bottom: 50px;
}

.boatResult .boatPriceParent .boatPriceBoxes:nth-last-child(-n+3) {
margin-bottom: 38px;
}

/*.boatResult .boatPriceParent .boatPriceBoxes:last-child {  margin-bottom: 0px;}*/
.boatResult .boatPrice-image {
margin-top: 15px;
}

.boatRange .boatRangeInner .boatListing, .PrestigeSection .boatRange .boatRangeInner .boatListing {
width: 50%;
margin-bottom: 35px
}

.boatRange .boatRangeInner .boatListing:nth-last-child(-n+4) {
margin-bottom: 35px;
}

.boatRange .boatRangeInner .boatListing:nth-last-child(-n+2),
.PrestigeSection .boatRange .boatRangeInner .boatListing:nth-last-child(-n+2) {
margin-bottom: 0px;
}

.accordian .boatResult .resultParent, .accordianCustom .boatResult .resultParent, .boatRange .rangeParent,
.boatResult .resultParent {
padding-left: 15px;
padding-right: 15px;
}

.boatOverview h2, .keyFeature h2, .Gallery h2, .Specifications h2, .Interior h2 {
font-size: 28px;
}

.singleBanner .boatParentBox {
max-width: 90%;
}

.singleBanner .boatParentBox .button {
margin-top: 0px;
}

.singleBanner .bottomBox .boatTitle {
font-size: 20px;
}

.singleBanner .bottomBox {
margin-top: 15px
}

.singleBanner .boatParentBox {
padding: 20px 15px;
}

.singleBanner .links {
width: 100%;
}

.keyFeature .threeColBoxes {
width: 50%;
}

.Interior .tabs ul#interiorNav, .Interior .tabs #interiorTabContent {
width: 100%;
float: none;
}

.Interior .tabs ul#interiorNav li {
width: 48%;
margin-left: 2%;
display: inline-block;
vertical-align: top;
margin-right: -4px;
padding: 20px 15px
}

.Interior .tabs ul#interiorNav li:nth-child(odd) {
margin-left: 0px;
}

.Gallery .boatGalleryNew .slider-navigation .slide-btn.prev-slide {
left: 0px;
}

.Gallery .boatGalleryNew .slider-navigation .slide-btn.nxt-slide {
right: 0px;
}

.Specifications .panelContainer {
max-width: 100%;
overflow-x: auto;
}

.Specifications div#panel1 {
width: 700px;
}

.warrantySection .warrantyList ul:before {
display: none;
}

.warrantySection .warrantyList ul li {
display: block;
margin-right: 0px;
padding: 0px;
margin-bottom: 10px;
}

.warrantySection {
padding: 70px 0px;
}

.videoSection .innerColumn {
display: block;
padding: 0px;
margin-bottom: 30px;
width: 100%;
}

.videoSection .parentBox {
display: block;
margin: 0;
}

.videoSection .innerColumn:last-child {
margin-bottom: 0px;
}

.warrantySection .title h3, .ctaSection h3 {
font-size: 24px;
}

.Interior .tabs #interiorTabContent {
padding-right: 0px;
}

.cta-video-popup.white-popup {
max-width: 100%;
width: 90%;
padding: 40px 15px 20px;
}

.accordian .boatResult .resultParent, .accordianCustom .boatResult .resultParent, .boatResult .resultParent {
padding-bottom: 38px !important;
}

.boatResult .boatPriceParent .boatPriceBoxes:last-child {
margin-bottom: 0px;
}

.boatFilterParent #tabsNavigation li {
border-left: 0px;
}

/* hire and expericence page  */
.BannerSection .bannerTitle h1, .bannerWithForm-V2 .bannerTitle h1 {
font-size: 40px;
}

.featureSection .featureContentBox {
position: relative;
top: 0;
right: inherit;
width: 90%;
margin: 0 auto;
transform: translateY(0);
margin-top: -20px;
}

.LeftContent-RightImage .boxTable {
display: block;
}

.LeftContent-RightImage .boxTableCell {
display: block;
width: 100%;
}

.LeftContent-RightImage .boxTableCell {
height: 300px;
}

.LeftContent-RightImage .tableContent {
padding: 0px;
}

.contactGformCommonForm .formTitle h2 {
font-size: 24px;
}

.hire-experience-template .freeValuation {
margin-top: 30px;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1.5 !important;
min-height: auto !important;
}

/* hire inner page */
.bannerForm .gform_wrapper ul.gform_fields li.gfield {
width: 100%;
padding: 0px;
}

.bannerForm {
padding: 30px 15px;
}

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
width: 100% !important;
margin-top: 10px !important;
}

.bannerWithForm-V2 .bannerSubTitle,
.bannerWithForm-V2 .bannerSubTitle p {
font-size: 20px;
}

.bannerWithForm-V2 {
padding: 200px 0px 0px;
}

.bannerForm .gform_wrapper .ginput_container_date > input,
.bannerForm .gform_wrapper .ginput_container_select > select,
.bannerForm .gform_wrapper .ginput_container_phone > input,
.bannerForm .gform_wrapper .ginput_container_email > input {
margin-bottom: 15px !important;
}

.iconWithContent .innerBox {
width: 50%;
margin-bottom: 50px;
}

.iconWithContent .iconTitle h4 {
font-size: 20px;
}

.luxurySlider h2 {
font-size: 26px;
}

.ZigZagSection .zigzagImage, .ZigZagSection .zigzagContent {
width: 100%;
height: auto !important;
display: block;
float: none !important;
min-height: unset;
}

.ZigZagSection .zigzagImage {
height: 300px !important
}

.luxurySlider .slick-prev {
left: 8px;
}

.luxurySlider .slick-next {
right: 7px;
}

.ZigZagSection .zigzagContent .containerBox {
padding-top: 50px !important;
padding-bottom: 50px !important;
}

.ZigZagSection {
padding-bottom: 0px;
}

.cardSection.Version2 .cardBoxes:last-child {
margin-bottom: 0px;
}

.bannerForm .gform_wrapper .gform_footer.top_label:before {
top: 25px;
}

.luxurySlider .imageSlider > div {
padding: 0px 8px !important;
}

/* updates 16-12-20 */
.boatOverviewMain .boatOverview .overviewContentBox {
width: 100%;
display: block;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
}

.boatOverviewMain .boatOverview .overviewImageBox {
width: 100%;
display: block;
margin-right: 0px;
}

.boatOverviewMain .boatOverview .overviewImageBox img {
width: auto;
}

.boatOverviewMain .boatOverview.firstBoatOverview .overviewImageBox {
padding-left: 0;
}

.boatOverviewMain {
text-align: center;
}

.boatOverviewMain .boatOverview {
padding: 0px 0px 30px;
}

.boatOverviewMain > .container > h2 {
padding-bottom: 20px;
}

.boat-inner-template .boatParentBox .priceSection {
width: 100%;
padding-left: 0;
}

.boat-inner-template .boatParentBox .TopBoatSec {
width: 100%;
border-right: 0;
padding-right: 0;
}

.boat-inner-template .singleBanner .boatParentBox .button a {
padding: 15px 28px;
}

.boatOverviewMain {
padding: 160px 0px 20px;
}

.boatOverviewMain .boatOverview {
padding-left: 15px;
padding-right: 15px;
}

.white-popup.boat-img-360 {
max-width: 100%;
}

.boatOverviewMain .overViewParent {
max-width: 100%;
}
.hubCommonForm form fieldset.form-columns-2 .field {
width: 100% !important;
}
.archive-boats-template .white-popup, .bodyMgPopup .white-popup{
padding: 40px 30px 35px !important;
}
.archive-boats-template .white-popup, .bodyMgPopup .white-popup{
max-width: 94% !important;
margin: 0 auto !important;
}
.hubCommonForm textarea {
min-height: 80px;
}
.hubCommonForm form .field {
padding: 0 0 15px;
}
.headerMessageNew {
text-align: center;
}
.headerMessageInfo {
width: 100%;
}
.communicationIcon {
width: 100%;
padding: 15px 0 20px;
}
.archive-boats-template .archive-boats-container .refine-container {
padding-top: 200px;
}
.archive-boats-template .archive-boats-container .archive-boats-container {
margin-top: 290px;
}

.hubCommonForm form fieldset.form-columns-3 .field {
    width: 100% !important;
}
.PartExchangeCommonForm form fieldset .field {
    padding-left: 0;
    padding-right: 0;
}
.PartExchangeCommonForm form fieldset {
    max-width: inherit !important;
    margin: 0;
}
.archive-boats-template .videoTourForm{
	padding: 40px 30px 35px 0 !important;
  }
  .archive-boats-template .videoTourForm {
    margin: 20px auto !important;
}
/*.archive-boats-template .white-popup, .bodyMgPopup .white-popup{ height: 500px; overflow-y: auto; overflow-x: hidden;}*/
/*.archive-boats-template .white-popup, .bodyMgPopup .white-popup{ height: 70vh; overflow-x: auto;}*/
.archive-boats-template  .mfp-wrap, .bodyMgPopup .mfp-wrap {
    height: 100vh; overflow-x: auto;
}

}

@media(max-width: 480px){
.bannerWithSilder h2 { font-size: 26px;}

.boatFilterParent #tabsNavigation { display: block;}
.boatFilterParent #tabsNavigation li {  display: block;  width: 100%;  border-bottom: 1px solid #707070;}
.boatFilterParent #tabsNavigation li:last-child {  border-bottom: 0px;}

.searchFilter select , .searchFilter .selectedList {  width: 100%; display: block;  max-width: 100%;}
.searchFilter .filter-cat > div {  display: block;  width: 100%;}

.boatRange .boatRangeInner .boatListing , .PrestigeSection .boatRange .boatRangeInner .boatListing {width: 100%;display:block;margin-right: 0px; margin-bottom: 35px}
.boatRange .boatRangeInner .boatListing:nth-last-child(-n+2) ,
.PrestigeSection .boatRange .boatRangeInner .boatListing:nth-last-child(-n+2) {margin-bottom:35px;}
.boatRange .boatRangeInner .boatListing:last-child ,
.PrestigeSection .boatRange .boatRangeInner .boatListing:last-child{margin-bottom:0px;}

.boatResult .resultBoatTitle{font-size: 18px;}
.boatResult .boatPriceParent{padding-top: 40px;}
.boatRange .rangeTitle{font-size: 20px;}

.singleBanner .boatParentBox .button , .singleBanner .boatParentBox .boatSiteLogo { float: none;
text-align: center; width: 100%;}
.singleBanner .boatParentBox .boatSiteLogo { margin-bottom: 10px;}
.boatOverview h2, .keyFeature h2, .Gallery h2, .Specifications h2, .Interior h2,
.videoSection .boxTitle h2 { font-size: 26px;}
.ctaSection h3{font-size: 22px;}
.fourColumnSection .fourColChild { width: 100%; display: block;  margin-right: 0px;  text-align: center;}
.fourColumnSection .fourColIcon {  justify-content: center;}
.keyFeature .threeColBoxes { width: 100%; display: block;  margin-right: 0px; margin-bottom: 30px;}
.fourColumnSection .fourColChild:last-child{margin-bottom: 0px;}
.Interior .tabs #interiorTabContent .contentBox { margin-top: 60px;  padding-right: 42px;}
.warrantySection .title h3 { font-size: 20px;}
.warrantySection .warrantyList ul li span, .warrantySection .bottomText { font-size: 18px;}
.warrantySection .title:before {top: 3px; left: -25px;  font-size: 20px;}
.Interior .tabs #interiorTabContent .contentTitle {  font-size: 22px;}
.boat-inner-template .boatParentBox .breadcrumbs ul li { font-size: 14px;}

/* hire and expericence page  */
.BannerSection .bannerTitle h1, .bannerWithForm-V2 .bannerTitle h1 { font-size: 36px;}
.cardSection .cardContentBox { padding: 0px 10px;}
.cardSection .cardTitle{font-size: 18px;}
.cardSection .cardPrice , .fiveStartSection .star span,
.LeftContent-RightImage .star span { font-size: 20px;}
.cardSection .cardInnerContent { padding: 25px 15px;}
.fiveStartSection h2 , .featureSection .title h4  { font-size: 22px;}
.featureSection .featureImage { height: 200px;}
.featureSection .featureContentBox { padding: 20px 15px;}
.featureSection .featureContentBox { padding: 20px 15px; text-align: center;}
.featureSection .contentTitle , .featureSection .contentTopBox .button { display: block; width: 100%;
margin-right: 0;}
.featureSection .contentTopBox .button {  margin-top: 10px;}
.featureSection .contentTopBox .button a { margin: 0 auto;}
.featureSection .featureChildBox { margin-bottom: 40px;}
.freeValuation .detail, .freeValuation .deatil p{font-size: 16px;}
.freeValuation .title h3 { font-size: 20px;}

/* hire inner page  */
.bannerForm .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.bannerForm .gform_wrapper select{padding-left: 15px !important;padding-right: 15px !important}
.bannerForm .gform_wrapper .ginput_container_date:before{top:20px;}
.iconWithContent .innerBox { width: 100%;  display: block; margin-right: 0px;}
.iconWithContent .innerBox:last-child {  margin-bottom: 0px;}
.luxurySlider .imageSlider > div{padding: 0px;}
.luxurySlider .slick-prev { left: 0px;}
.luxurySlider .slick-next {  right: 0px;}
.ZigZagSection .zigzagChild .listTitle { font-size: 20px;  margin-bottom: 20px;}
.ZigZagSection .zigzagChild:first-child .ContentBox > div { width: 100%;  display: block; margin-right: 0px;}
.ZigZagSection .zigzagChild .contentTitle h2 { font-size: 24px;}
.fiveStartSection .priceBox { font-size: 22px;}
.fullWidthContent h2 {  font-size: 24px;}
.ZigZagSection .zigzagChild:first-child .contentTitle h2 {  font-size: 26px;}
.luxurySlider .imageSlider > div { padding: 0px !important;}
.luxurySlider .imageBox {  height: 150px;}
}



/* 09-01-21 updates css */

.boat-inner-template * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.boat-inner-template img { max-width:100%; height:auto; border:none; vertical-align:middle; }

.boat-inner-template .keyFeature .iconBox {  height: 50px;  width: 100%;max-width: 50%;position: relative;}
.boat-inner-template .keyFeature .iconBox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.boat-inner-template .keyFeature .keyDetail { font-size: 11px; color: #003C57; margin-top: 10px; font-weight: 700;}
.boat-inner-template .keyFeature{padding-bottom:130px;}
.singleBanner .boatPriceBox {  color: #00547A; font-size: 20px;  font-weight: 600;}


/* .whatPeopleSaying */
.whatPeopleSaying {  background-color: #F2F2F2; padding-top: 46px;  padding-bottom: 63px;}
.whatPeopleSaying .parentBox {  text-align: center;}
.whatPeopleSaying p{margin:0;}
.whatPeopleSaying .peopleSliderInner {  max-width: 686px;  margin: 0 auto;}
.whatPeopleSaying .sliderTitle h4{    font-size: 24px; line-height: 1.2; font-weight: 700;  color: #00547A;  font-family: europa, sans-serif;}
.whatPeopleSaying .sliderDetail { color: #003C57;  font-weight: 400;  line-height: 1.5;  font-size: 16px;margin-top:25px; font-family: europa, sans-serif;}
.whatPeopleSaying .sliderLogoImage img { margin: 0 auto;}
.whatPeopleSaying .sliderLogoImage{margin-top: 25px;}


/* slick dots */
.whatPeopleSaying ul.slick-dots { margin: 0; padding: 0; list-style: none;line-height: 1;height: auto;position: absolute;
left: 50%;  transform: translateX(-50%); bottom: -33px;width: 100%;}

.whatPeopleSaying ul.slick-dots > li { display: inline-block; vertical-align: middle; margin-right: -4px; border: 0; outline: 0;  padding: 0px 5px;position: relative;
line-height: 1;  height: 2px;  min-width: 1px;}
.whatPeopleSaying ul.slick-dots > li button { font-size: 0; line-height: 1; border: 0;  outline: none; width: 47px;  height: 2px;display: none;}
.whatPeopleSaying ul.slick-dots > li:before {cursor: pointer; content: ''; width: 47px;  height: 2px;  background-color: #c8c8c8; display: block; border-radius: 50px;
overflow: hidden;z-index: 2;}
.whatPeopleSaying ul.slick-dots > li.slick-active:before { background-color: #003C57;}

/* slick arrows */
.whatPeopleSaying .slick-next ,.whatPeopleSaying .slick-prev {  font-size: 0;border: 0; outline: none; position: absolute; top: 50%;  transform: translateY(-50%);
z-index: 2; height: 16px;  width: 10px;  padding: 0;}
.whatPeopleSaying .slick-next { right: 0;}
.whatPeopleSaying .slick-prev{left:0;}
.whatPeopleSaying .slick-next:before , .whatPeopleSaying .slick-prev:before {content: '';width: 10px;height: 16px;position: absolute;z-index: 2;cursor: pointer;}
.whatPeopleSaying .slick-next:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.89' height='16.005' viewBox='0 0 9.89 16.005'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2308547a;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-781 -4894)'%3E%3Cpath class='a' d='M14.117,0,8,6.115,1.887,0,0,1.887l8,8,8-8Z' transform='translate(781 4910.004) rotate(-90)'/%3E%3C/g%3E%3C/svg%3E");}
.whatPeopleSaying .slick-prev:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.89' height='16.005' viewBox='0 0 9.89 16.005'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%2308547a;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-20.11 -17)'%3E%3Cpath class='a' d='M14.117,9.89,8,3.774,1.887,9.89,0,8,8,0l8,8Z' transform='translate(20.11 33.004) rotate(-90)'/%3E%3C/g%3E%3C/svg%3E");}


/* popup box width */
.boat-inner-template .mfp-content .boatImage ,.boat-inner-template .videoSection .popup ,
.boat-inner-template .white-popup.boat-img-360 {width: 700px;margin: 80px auto 50px;}

/* contact form section */
.contactSection .title h2{font-family: europa, sans-serif;font-weight: 700;color:#00547A;font-size: 39px;line-height: 1.2;margin-bottom: 0px;}
.contactSection .boatContactForm {  max-width: 536px; margin: 0 auto; width: 100%;padding-top: 26px;}
.contactSection{background-color: #F2F2F2;padding: 62px 0px 86px;}

.contactSection ::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; }
.contactSection ::-moz-placeholder { opacity:1 !important; color:inherit !important; }
.contactSection :-ms-input-placeholder { opacity:1 !important; color:inherit !important; }
/*form { margin:0 -10px; }*/
.contactSection form .input { margin-right:0 !important; }
.contactSection form fieldset { max-width:inherit !important; margin:0 -10px;  }
.contactSection form fieldset.form-columns-1 .field { width:100% !important; }
.contactSection form fieldset.form-columns-2 .field { width:50% !important; }
.contactSection form fieldset.form-columns-3 .field { width:33.33% !important; }
.contactSection form .field { padding:0 0 15px; }
.contactSection .hs-form-field > label {  display: none;}
.contactSection form fieldset .field { padding-left:10px; padding-right:10px; }
.contactSection form ul.multi-container { padding-top:10px; }
.contactSection form ul.multi-container li { margin:5px 0; }
.contactSection textarea,.contactSection input[type="text"], .contactSection input[type="number"], .contactSection input[type="email"],
.contactSection input[type="tel"], .contactSection select { display:block; border:1px solid #707070; outline:none; background:#fff; font-size:15px;
line-height:18px;font-family: europa, sans-serif; font-weight:700; color:#00000080; margin:0; padding:17.5px 20px; width:100% !important; border-radius:5px; }
.contactSection textarea { min-height:110px; }
.contactSection form input[type="radio"],
.contactSection form input[type="checkbox"] {  display:none }
.contactSection form input[type="radio"]+span,
.contactSection form input[type="checkbox"]+span {  position:relative; display:block; padding-left:30px; cursor:pointer }
.contactSection form input[type="radio"]+span:before,
.contactSection form input[type="checkbox"]+span:before {  content:"\f00c"; font-family:fontawesome; color:#043C57 ; position:absolute; left:4px; top:4px; font-size:0; width:15px; height:15px; display:block; border:1px solid #ccc;
transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; line-height:14px }
.contactSection form input[type="radio"]+span:before {  border-radius:50% }
.contactSection form input[type="radio"]:checked+span:before {  background:#043C57 ; border-color:#043C57  }
.contactSection form input[type="checkbox"]:checked+span:before {  border-color:#043C57 ; font-size:12px; background:#043C57 ; color:#fff; letter-spacing:0; }

.contactSection .hs_submit {text-align: center;padding-top: 21px;}
.contactSection .actions { display: inline-block;  position: relative;}
.contactSection .actions:after { content: '\f105 '; font-family: 'FontAwesome'; font-size: 18px; color: #fff; position: absolute; z-index: 2; display: block;
top: 50%;  right: 46px; transform: translateY(-50%);transition:all ease 0.3s;}
.contactSection input[type="submit"] { outline:none;font-family: europa, sans-serif;  padding:12.5px 58px 12.5px 49px; background:#043C57; color:#fff;
border:1px solid #043C57; font-size:16px; line-height:18px; text-transform:uppercase; font-weight:700;position: relative;
border-radius:5px;-webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
.contactSection .actions:hover input[type="submit"]{ color:#043C57; background:#fff; }
.contactSection .actions:hover:after{color:#043C57;}

.contactSection  .hs_error_rollup { display: none;}
.contactSection  ul.no-list {  list-style: none;  margin: 0;}
.contactSection  ul.no-list li {  padding: 10px 0px 0px 10px;  color: red;  font-size: 14px;  font-family: europa, sans-serif;}
.contactSection  .submitted-message{    font-size: 18px;line-height: 1.5;color: #003C57; padding: 30px 0px; text-align: center;}

.home-page-template .sellBoatImage ,.home-page-template .blogImageParent{overflow: hidden;border-radius: 5px;position: relative;}
.home-page-template .sellBoatImage .boatImage  , .home-page-template .blogImageParent .blogImage  { overflow: hidden; transition: 0.2s;}
.home-page-template .sellBoatImage:hover .boatImage , .home-page-template .blogImageParent:hover .blogImage  { transform: scale(1.1); transition: all .4s ease-in-out !important;}
.home-page-template .sellYourBoat .button.dark-blue a,
.home-page-template .leadingIndustry .button.dark-blue a { border: 1px solid #00547a; border-radius: 5px;}
.home-page-template .sellYourBoat .button.dark-blue a:hover,
.home-page-template .leadingIndustry .button.dark-blue a:hover {  background-color: #fff; color: #00547a;}

.boatGalleryNew .slick-arrow{width: 50px; height: 50px; background-color: #007B9B; display: flex; justify-content: center; align-items: center;
color: #fff; border-radius: 6px; background-position: center; background-repeat: no-repeat; font-size: 0; background-size: 20%;border: 0;outline: none;
position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;cursor: pointer;}
.boatGalleryNew .slick-prev{background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-chevron-left fa-w-10' aria-hidden='true' data-prefix='fas' data-icon='chevron-left' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' data-fa-i2svg=''%3E%3Cpath fill='%23fff' d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'%3E%3C/path%3E%3C/svg%3E");left:-80px;}
.boatGalleryNew .slick-next{background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-chevron-right fa-w-10' aria-hidden='true' data-prefix='fas' data-icon='chevron-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' data-fa-i2svg=''%3E%3Cpath fill='%23fff' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'%3E%3C/path%3E%3C/svg%3E");right:-80px;}
.boatGalleryNew .main-slider{overflow: inherit;}
.boatGalleryNew .nav-link { font-size: 16px; line-height: 1.5; color: #003C57;  font-family: europa, sans-serif; background-color: #F2F2F2; border-radius: 5px 5px 0px 0px;}
.boatGalleryNew .nav-tabs { margin-bottom: 30px;}
.boatGalleryNew .nav-tabs .nav-item {  padding-left:10px;}
.boatGalleryNew .nav-tabs .nav-item:first-child {  padding-left:0px;}
.boatGalleryNew .nav-tabs .nav-link.active,
.boatGalleryNew .nav-tabs .nav-item.show .nav-link {  color: #fff;  background-color: #003C57;}

.BannerTabSection .openMpopup{border-radius: 50px; position: relative;cursor: pointer; display: inline-block; text-decoration: none; padding: 2px 9px;
transition: all 0.7s; color: #00547A; background-color: #F2F2F2;  font-size: 12px;margin-top: 3px;}
.BannerTabSection .openMpopup:before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent;
border-right: 6px solid transparent; border-bottom: 0px solid #00547a;  border-top: 7px solid #00547a; bottom: -6px; z-index: 3;  opacity: 0;  visibility: hidden;
transition: .7s;}
.BannerTabSection .openMpopup:hover{color: #FFF;  background: #00547A; position: relative;}
.BannerTabSection a.openMpopup:hover:before {  opacity: 1;  visibility: visible;}
.BannerTabSection .openMpopup , .BannerTabSection > div {  display: inline-block; vertical-align: top;}
.BannerTabSection .tabP {  display: block;}

.mfp-content #testOpenForm , .mfp-content #testOpenForm1, .mfp-content #arrangeViewing, .mfp-content #getQuoteForm, .mfp-content #brochureForm { width: 700px; background-color: #fff;  margin: 80px auto 50px;  padding: 50px 20px; position: relative;}


/* update css 27-2-21 */

/* header */

.right-side a.caetSvg {  padding-left: 8px;  margin-top: 4px;}
.right-side a.cartSvg svg { height: 22px; width: 22px;}
.right-side a.cartSvg svg path{fill:#fff !important;}


/* responsoive css */
@media(max-width: 1230px){
.contactSection .title h2{font-size: 36px;}
}

@media(max-width: 1199px){

.archive-boats-container .sort-boats a.reset-boats{right: inherit;left: 100px;width: 100px;}

	a.emailSvg{ border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
    a.cartSvg{display: block; padding: 12px 0px;margin-top: 0px;}
    a.cartSvg svg{ height: 16px; width: 16px;}
    a.cartSvg svg path{fill:#003C57 !important;}

}

@media(max-width: 1080px){
.contactSection .title h2{font-size: 32px;}
}


@media(max-width: 991px){
.contactSection .title h2{font-size: 30px;}
.boat-inner-template .keyFeature , .contactSection{padding:50px 0px;}
.whatPeopleSaying ul.slick-dots > li:before{width: 30px;}
.whatPeopleSaying .peopleSliderInner {  max-width: 550px;}
.boatGalleryNew .slick-prev{left:-25px;}
.boatGalleryNew .slick-next{right:-25px;}
.BannerTabSection .expandTabb { display: none;}
.BannerTabSection .tabsToggle{display: block;}
.BannerTabSection .TabTitle ul li{display: inline-block;margin-left: 0;margin-right: 0;}
.boat-inner-template .boatParentBox .priceSection{width: 40%;padding-left: 10px;}
.boat-inner-template .boatParentBox .TopBoatSec{width:60%;}
.singleBanner .boatParentBox .button{float: none;}
.keyFeature .threeCol-contentBox{padding-left: 15px;padding-right: 15px;}

}

@media(max-width: 767px){
.boatGalleryNew .slick-prev{left:0;}
.boatGalleryNew .slick-next{right:0;}
.mfp-content #testOpenForm, .mfp-content #testOpenForm1 { width: 100%;}
.boat-inner-template .boatParentBox .TopBoatSec , .boat-inner-template .boatParentBox .priceSection{display: block;width: 100%;margin-right: 0;}
.boat-inner-template .boatParentBox .priceSection{padding-left: 0;margin-top: 15px;}
.boat-inner-template .mfp-content .boatImage, .boat-inner-template .videoSection .popup, .boat-inner-template .white-popup.boat-img-360{width: 100%;}
/* 8-7-21  */
.boat-inner-template .specificationList h4 { font-size: 20px;}
.boat-inner-template .specificationList ul li { margin-bottom: 7px;}
.boat-inner-template .specificationList{ padding-bottom: 25px; }
.boat-inner-template .specificationList ul { padding-top: 10px;}
.boat-inner-template .Specifications .panel table.specTable td { padding: 10px 10px;}
.boat-inner-template .Specifications ul.spec-tabs li { width: 100%;}
.boat-inner-template .Specifications { padding: 25px 0px;}
.boat-inner-template .Specifications ul.spec-tabs li a{ padding: 10px 10px;}
.boat-inner-template .warrantySection .title h3 { font-size: 18px;}
.boat-inner-template .warrantySection .title.warranty_big h3 { font-size: 22px;}
.boat-inner-template .warrantySection .warranty_content p { margin: 0;}
.boat-inner-template .warrantySection { padding-bottom: 25px; padding-top: 50px;}
.boat-inner-template .buttonBlueNew a{ font-size: 14px; }
.boat-inner-template .Interior .tabs ul#interiorNav li { width: 51%; margin-left: 0;}
.boat-inner-template .fourColumnSection.first { padding: 25px 0px;}
.boat-inner-template .BoatGallery .galleryParent{ padding-bottom: 25px;}
.boat-inner-template .Interior { padding: 30px 0px;}
.boat-inner-template .Interior .tabs #interiorTabContent .contentBox { margin-top: 0; padding-right: 0;}
.boat-inner-template .contactSection { padding: 20px 0px 40px;}
.boat-inner-template .Specifications .leftTable, .Specifications .rightTable {    display: block;    vertical-align: top;    width: 100%;    margin-right: 0;}
    .boat-inner-template .Specifications .leftTable, .boat-inner-template .Specifications .rightTable{ width: 100% !important; }
    .boat-inner-template .Specifications div#panel1 {    width: 100% !important; }
    .boat-inner-template .Specifications .panelContainer {      overflow-x: hidden;}


    }

@media(max-width: 480px){
.boat-inner-template .boatParentBox .iconBox{ display: block; width: 100%;  text-align: left; padding-top: 15px;}
.singleBanner .boatPriceBox {    font-size: 17px;}
.boatGalleryNew .main-slider .img {  height: 300px;}
.boat-inner-template .keyFeature .iconBox img{height:50px;width: auto;}
.hubCommonForm form ul.multi-container li.hs-form-checkbox{width: 100%;}
/* 8-7-21  */
.boat-inner-template .keyFeature .featureParent .equal_content { min-height: auto;}
.boat-inner-template .Interior .tabs ul#interiorNav li { width: 100%; margin-left: 0;}
}
@media (max-width:992px){
    .headerStripNew{
        display:none;
    }
    .archive-boats-template .archive-boats-container .refine-container {
        padding-top: 0px;
    }
    .archive-boats-container .archive-boats-container {
        margin-top: 63px;
    }
}
@media (max-width:768px){
    .archive-boats-template .archive-boats-container .archive-boats-container {
        margin-top: 60px;
    }
}
/*07-07-2021*/


.boat-inner-template .BoatGallery {  padding: 110px 0px 124px;}
.boat-inner-template .BoatGallery .galleryParent {  max-width: 686px; margin: 0 auto;  padding-bottom: 67px;}
.boat-inner-template .BoatGallery .single-boat-gallery {  max-width: 904px;  margin: 0 auto;}
.boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .slide-btn {  background-color: #00547a; cursor: pointer;}
.boat-inner-template .BoatGallery .single-boat-gallery .main-slider .img {  min-height: 524px;position: relative;}
.boat-inner-template .BoatGallery .single-boat-gallery .main-slider .popupIcon { height: 40px; width: 40px; background-color: #fff; border-radius: 5px; text-align: center;
    line-height: 40px; position: absolute; bottom: 10px; right: 10px;  z-index: 2;  cursor: pointer;}
.boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .slide-btn svg ,
.boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation .slide-btn svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .slide-btn ,
.boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation .slide-btn { position: absolute; top: 50%; transform: translateY(-50%);}
.boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .prev-slide {  left: -55px;}
.boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .nxt-slide {  right: -55px;}
.boat-inner-template .BoatGallery .boat-gallery-popup {  max-width: 800px; margin: 0px auto;  position: relative;}
.boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation { max-width: 800px; margin: 0 auto;  left: 50%;  transform: translateX(-50%);}
.boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation .prev-slide {  left: -60px;}
.boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation .nxt-slide {  right: -60px;}
.boat-inner-template .boat-gallery-popup-container .close-gallery { right: 19%;  padding: 0;top: 30px;}
.boat-inner-template .boat-gallery-popup-container .close-gallery span {  background-color: #fff;}
.boat-inner-template .boat-gallery-popup-container.open {  padding: 0;}
.boat-inner-template .div-img.white-popup {  position: relative; background: #FFF; padding: 50px 20px;  width: auto;  max-width: 800px;  margin: 20px auto;  border-radius: 10px;}

@media(max-width: 1199px){
    .boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .nxt-slide {  right: -30px;}
    .boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .prev-slide {  left: -30px;}
}
@media(max-width: 991px){
    .boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation .prev-slide ,
    .boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .prev-slide { left:0px;}
    .boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation .nxt-slide ,
    .boat-inner-template .BoatGallery .single-boat-gallery .slider-navigation .nxt-slide { right:0px;}
    .boat-inner-template  .single-boat-gallery .slider-navigation {  top: 40%;}
    .boat-inner-template .BoatGallery .single-boat-gallery .main-slider .img {  min-height: 480px;}
    .boat-inner-template .BoatGallery {  padding: 50px 0px;}
}
@media(max-width: 767px){
    .boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation .prev-slide {  left: 15px;}
    .boat-inner-template .BoatGallery .gallery-container .popup-slider-navigation .nxt-slide {  right: 15px;}
}
@media(max-width: 480px){
    .boat-inner-template .BoatGallery .single-boat-gallery .main-slider .img {  min-height: 300px;height: 300px;}
}

/*29-07-2021*/

.booking_message_custom {  color: #133957; font-family: 'europa',sans-serif; font-size: 36px;  line-height: 1.2; font-weight: 700; padding: 88px 49px 191px 0;}
@media (max-width : 1440px) {
    .booking_message_custom {  font-size: 27px; padding: 88px 49px 150px 0; }
}
@media (max-width : 1230px) {
    .booking_message_custom {  width : 50% }
}
@media (max-width : 1080px) {
    .booking_message_custom {  width : 80%;  padding: 88px 49px 100px 0; }
}
@media (max-width : 991px) {
    .booking_message_custom {  width : 100%;  padding: 88px 49px 80px 0; }
}
@media (max-width : 767px) {
    .booking_message_custom {  font-size: 25px; width : 100%;  padding: 88px 49px 80px 0; }
}
@media (max-width : 480px) {
    .booking_message_custom {  font-size: 25px; width : 100%;  padding: 50px 20px 50px 0; }
}
/*30-7-2021*/

.single-hire-boat { display: flex;  align-items: center;}
.single-hire-boat img { width: 235px; height: 82px;}
.single-hire-boat h5 { width: calc(100% - 235px); padding-left: 11px; font-weight: 700; font-size: 18px; font-family: 'europa',sans-serif; color: #133957; line-height: 22px;}
.single-hire-boat {border-top: 1px solid  rgba(112,112,112,0.15); padding: 8px 0 9px;}
.hire-boat-listing { padding-top: 22px;}
.single-hire-boat:nth-child(4),.single-hire-boat:last-child {margin-bottom: 42px;border-bottom: 1px solid rgba(112,112,112,0.15);}
.hire-boat-listing a.button { opacity: .5;  padding: .618em 1em;font-size: 16px;  font-weight: 700; line-height: 1.25; background-color: #00547A !important; color: #fff !important; border-radius: 5px; border: 1px solid #00547A;  display: inline-block; transition: all ease 0.3s;}
.hire-boat-listing a.button:hover { background-color: #fff !important;
    color: #003C57 !important; }
.term-condition { padding-top: 15px;  padding-bottom: 10px;}
.term-condition a {  display: inline-block; color: #133957;  font-weight: 700; font-size: 14px; line-height: 17px; font-family: 'europa',sans-serif;}

@media (max-width : 1440px){
    .single-hire-boat img {  width: 200px; }
    .single-hire-boat h5 {  width: calc(100% - 200px);}
}
@media (max-width : 640px){
    .single-hire-boat img {width: 100%;height: 100%;}
    .single-hire-boat h5 {  width: 100%; padding-top :10px; padding-left : 0;}
    .single-hire-boat {flex-wrap : wrap;}
}
.innerColumn.boatOnlyViedeo { width:100%; }
.innerColumn.boatOnlyViedeo .videoBg { height:266px; }
.keyFeature .threeCol-contentBox { min-height:216px; }
@media (max-width: 767px) {
.keyFeature .threeCol-contentBox { min-height:inherit; }
}