/*-------------------- General Layout Styles --------------------*/
.nc{visibility:visible}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}
*,:after,:before{box-sizing:border-box;}
*{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important;}

body{background:#ffffff; overflow-x:hidden}
.top-bg{width:100%;}

.wrapper{width:1170px; margin:0 auto;}

*:focus{outline-style:hidden !important; outline-width:0 !important; outline-color:transparent !important;}
.slick-slider *{-webkit-font-smoothing: antialised; backface-visibility: hidden;}

.m-height-LP{min-height:270px;}
.m-height-home{min-height:207px;}
.m-height-in{min-height:207px;}

.header-abs-top-LP{background:#ffffff; position:absolute; width:100%; height:270px; left:0; top:0; z-index:300;}

.header-abs-top{background:#ffffff; position:absolute; width:100%; height:155px; left:0; top:0; z-index:300;}
.header-abs-menu{background:#012d6b; position:absolute; width:100%; height:52px; left:0; top:155px; z-index:300;}

.logo{padding:50px 0 0; text-align:left;}
.logo a{display:table}
.logo img{max-height:54px; width:auto;}
.logo.logo-lp{text-align:center;}

.t-section{float:right; padding:0; display:table;}

.t-phone {float:left; margin:50px 75px 0 0;}
.t-phone a{background:url(icn-t-phone.png) 0 50% no-repeat; margin:0; font-size:24px; color:#012d6b; font-weight:700; line-height:1.2; text-align:left; padding:0 0 0 50px; display:table}
.t-phone a span{font-size:16px; color:#12a2dc; font-weight:600; line-height:1; display:block}
.t-phone a:hover{color:#12a2dc}

.btn-enquire{float: right}

/*Menu Section*/
.mob-menu{-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.menu{height:52px; position:relative; padding:0 15px}
/*.menu *{-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}*/
.menu .top{height:auto; padding:0}
.menu .navbar-inverse{background-color:transparent !important; border:0 !important}
.menu .navbar{min-height:auto !important; margin:0 !important}

.f-nav{z-index:1899; position:fixed; top:0; width:100%; height:52px;}
/*Menu Section*/

/*AH*/
.main-banner{width:100%; z-index:200; position:relative;}
.theme-default .nivoSlider{margin:0 !important; box-shadow:none !important}
.nivo-controlNav{display:none}
.theme-default .nivo-caption{background:none; opacity:1; top:0;}

.banner{text-align:center}
/*AH*/

/*Main Content Section S*/
.main-con-bg{margin:0; width:100%;}
.main-con-bg-in{/*background:#ffffff;*/ margin:0; width:100%; padding:50px 0;}
#cmsbody .container{height:auto !important}
/*Main Content Section E*/

/*Bottom CTA Panel S*/
.b-cta-panel{background:#012d6b; padding:70px 0}

.b-cta{display:table; margin:0}
.b-cta p, .b-cta a{font-size:16px; color:#f0f0f0; font-weight:400; line-height:1.4; margin:0}
.b-cta a{font-size:18px;}
.b-cta span{font-size:18px; color:#f0f0f0; font-weight:bold; line-height:1; display:block; text-transform: uppercase; margin:0 0 5px}
.b-cta a:hover{color:#ffb400;}

.b-address{background:url(icn-b-mappin.png) 0 10px no-repeat; padding:0 0 0 55px;}
.b-phone{background:url(icn-b-phone.png) 0 10px no-repeat; padding:0 0 0 55px;}
.b-phone a{font-size:30px; font-weight:bold; line-height: 1}
.b-email{background:url(icn-b-email.png) 0 10px no-repeat; padding:0 0 0 55px;}
/*Bottom CTA Panel E*/

/*Bottom Section S*/
.bottom-bg{background:#f0f0f0; padding:45px 0}

.b-logo{margin:30px 0 35px}

.b-logos{text-align:center}
.b-logos ul{margin:0; padding:0; list-style:none; text-align:right;}
.b-logos ul li{display:inline-block; vertical-align:middle; /*width:20%;*/ margin:0 15px; text-align:center}
/*Bottom Section E*/

/*Splash CTA Section S*/
.splash-cta-panel{background:#012d6b; padding:80px 0}

.splash-cta-panel .b-logo-tohatsu{text-align:center; margin:50px 0}
.splash-cta-panel .b-logo-seatrail{text-align:center; margin:70px 0}

.splash-cta-panel .b-cta{text-align:center}
.splash-cta-panel .b-cta *{letter-spacing:2px}
.splash-cta-panel .b-cta h4{font-size:20px; color:#faa62d; line-height:1.2; font-weight:normal; margin:0 0 10px 0;}
.splash-cta-panel .b-cta p{font-size:20px; color:#ffffff; line-height:1.4; font-weight:normal; margin:0;}
.splash-cta-panel .b-cta a{font-size:20px; color:#12a2dc; line-height:1.2; font-weight:normal; margin:0;}
.splash-cta-panel .b-cta a:hover{color:#fff;}

.splash-cta-panel .b-phone {background:url(splash-cta-sep.gif) 50% 0 no-repeat; padding:10px 0 0 0; margin:25px 0 0 0}
.splash-cta-panel .b-phone a, .splash-cta-panel .b-phone a span{ font-size:40px; color:#fff; font-weight:900; line-height:1.6; margin:0; font-style:italic; letter-spacing: 5px}
.splash-cta-panel .b-phone a span{font-weight:600; letter-spacing:2px}
/*Splash CTA Section E*/

/*Bottom Section S*/
.splash-bottom-bg{background:#faa62d; padding:30px 0}
/*Bottom Section E*/

/*Generic Styles*/
h1, h2, h3, h4, h5, h6{font-family:'Exo 2', Arial, Helvetica, sans-serif;}
p, td, body, div, span, a, .contact, .footer, .fields, #qm0 a{font-family:'Poppins', Arial, Helvetica, sans-serif;}

#cmsbody{/*min-height:200px; overflow:hidden;*/}
#cmsfooter{text-align:center; clear:both; margin:50px 0 0;}
#cmsfooter .footerAddress, #cmsfooter .footerPhone, #cmsfooter p{display:none}
.htmlarea p{margin:0;}

img{max-width:100%; height:auto}

#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li a {background-image:url(nc-social-icons.png) !important;}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-instagram a {background-position:-201px 0 !important}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-pinterest a {background-position:-168px 0 !important}
#cmsbody #nc-contact-page #nc-contact-header .nc-connect ul li.nc-flickr a {background-position:-234px 0 !important}

#cmsbody a img{-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
#cmsbody a img:hover{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);}

.m30{margin-bottom:30px;}
/*Generic Styles*/

.b-social ul.sociallinks, ul.sociallinks * {margin:0; padding:0; list-style:none; text-align:left; font-size:11px; text-decoration:none;}
.b-social ul.sociallinks{height:24px; padding:0; display:table; margin-top:20px}
.b-social ul.sociallinks li{width:24px; float:left; margin-right:10px;}
.b-social ul.sociallinks li:last-child{margin:0}
.b-social ul.sociallinks a {display:block; width:24px; height:24px; background:url(b-social-LP.png) 0 0 no-repeat; text-indent:-9000em; float:left;}
.b-social a.facebook {background-position: -40px 0 !important;}
.b-social a:hover {opacity:0.7}

/*Tell a Friend popup*/
body.popup{min-width:1px !important;}
/*Tell a Friend popup*/

iframe{width:100%;}


@media screen and (max-width: 991px) {
	.m-height-home, .m-height-LP{min-height:auto;}
	.m-height-in{min-height:auto;}
	.header-abs-top, .header-abs-top-LP{position:relative; height:auto; top:auto}
	
	.logo{padding:20px 0; position:relative; z-index:1000 !important;}
	.logo img{max-width:250px}
	
	.logo.logo-lp{padding:40px 0 15px;}
	.logo.logo-lp img{max-width:320px}
	
	.header-abs-menu{background:none; top:0; right:0; width:100%; border:0; height:0;}	
	.header-abs-menu .mob-menu{/*position:absolute;*/ top:30px; right:0; width:100%; z-index:999 !important; padding:0 !important; height:0}
	.header-abs-menu .container, .header-abs-menu .row, .header-abs-menu .col-sm-11{height:0; float:none}
	.header-abs-menu.f-nav{position:absolute}
	.menu, .navbar-header, .menu .top{height:0; padding:0; float:none}
	.top .navbar-header button{background:#012d6a; border:solid 1px #012d6a; margin:0; top:0; right:15px; z-index:9999 !important; height:46px; width:46px; border-radius:0; padding:3px}
	.top .navbar-header button span.icon-bar{background-color:#fff; margin:4px auto}
	.top .navbar-header button:hover, .menu-bg .navbar-header button:focus{background:#0082b5;}
	.top .navbar-header button:hover span.icon-bar, .header-abs-top .navbar-header button:focus span.icon-bar{background-color:#faa62c;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:#faa62c!important}
	.top .navbar-header button:hover span.icon-bar, .top .navbar-header button:focus span.icon-bar{background-color:#ffffff !important; border:0}
	.navbar-collapse{width:100% !important; border:0 !important; padding:0 !important}
	
	.t-section{margin:0 55px 0 0}
	.t-phone{margin:15px 0 0}
	.btn-enquire{width:35%}
	
	.b-logo{text-align: center}
	.b-logos ul{text-align:center}
	
	.b-address{margin:0 auto 30px}
	
	.splash-cta-panel{padding:50px 0}
	.splash-cta-panel .b-logo-tohatsu{margin:40px 0 0 0}
	.splash-cta-panel .b-logo-seatrail{margin:55px 0 0 0}
	.splash-cta-panel .b-logo-tohatsu img, .splash-cta-panel .b-logo-seatrail img{max-width:250px}
}

@media screen and (max-width: 767px) {	
	.m-height-in{height:auto}
	.header-abs-top, .header-abs-top-LP{padding:0; position:relative; height:auto; top:auto;}
	.header-abs-t-section{padding:0; position:relative; height:auto;}

	.header-abs-menu{position:absolute; top:70px; background:none; height: 0}
	.header-abs-menu .mob-menu{top:15px; height:0;}
	.header-abs-menu .container, .header-abs-menu-LP .row{height:0; float:none}
	.top .navbar-header button{right:0;}
	
	.logo{padding:20px 0; text-align:left}
	.logo img{max-width:240px}
	.logo.logo-lp img{max-width:290px}
	
	.t-section{margin:0; width:100%}
	.t-phone{margin:10px 0}
	.t-phone a{background-size:35px auto; font-size:20px; padding:0 0 0 40px}
	.btn-enquire{width:35%; text-align: right}
	.btn-enquire img{max-width:100px; width:100%}
	
	.b-cta{margin:0 0 30px}
	.b-cta.b-email{margin:0}
	
	.b-logo{text-align: center}
	
	.b-logos ul li{width:20%; margin:15px 5px}
	
	.splash-cta-panel .b-phone a, .splash-cta-panel .b-phone a span{font-size:28px}	
}