body{ font-family: 'highway_gothicregular' !important;}
*{margin: auto;}

a{ text-decoration: none;}
a:hover{ text-decoration: none !important;}
li{ display: inline-block;}
ul{padding-left: 0; margin: 0 !important;}

/* tob bar css*/
.header{background: #fff;}
.container{ width: 1300px !important; padding: 0 !important;}
.logo {  width: 250px; }
p{ font-size: 18px; color:#222;;}


/* nav bar css*/

    ul.desktop-menu {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 250px !important;
}
.nav li a{ color: #fff; font-size: 21px; width:100%; display: inline-block;padding: 20px 30px;    border-right: 1px solid #fff;  line-height: 10px;background: #000;}
.nav li a:hover{ color: #000;background: #fff; }
.nav li:last-child a { border: none;}
.nav li:hover{ background: #fff; }
.nav li{  position: relative; float: left;}
.sub-menu li a{ border:none;}
.nav{ padding: 0; background: #000;}
.nav li.book{ background: #f53b52;border-radius: 50px; padding: 3px 20px; box-shadow: 0 3px 0px #000;}
.sub-menu{ display: none; position: absolute; width: 200px; z-index: 9;}
.nav li:hover .sub-menu{ display: block;}
.sub-menu li{ width: 100%;}
.header .top{ padding: 10px;}
.top h4{    text-align: center; font-size: 26px;  font-style: italic;  letter-spacing: 1px; color:#d4af37;    margin-top: 40px;}
.top h3{ margin-top: 0; color:#000;}
.top span{color: #d4af37;font-style: italic; font-size: 22px;    margin-top: 20px; display: inline-block;}

/* header banner css */
.header-banner{ }
.header-banner h3{ color:#fff; font-size: 60px;}
.header-banner p{ font-size: 23px; color:#fff; margin: 20px 0;}
.banner-text{ margin-top: 200px;}
.booking{ background: #f53b52; border-radius: 50px; padding: 8px 20px; box-shadow: 0 3px 0px #000; color: #fff; width: 200px; display: inline-block; font-size: 18px;}
.booking:hover{ background: #125294; color: #fff;}
.booking-row{ text-align: center;}
.booking-row{ margin-top: 50px;}
#myCarousel .carousel-caption{ top: 20%; text-shadow:none;}
.header-banner a { color: #fb9300; background: #fff; padding: 6px 45px;font-size: 26px; border-radius: 40px; margin-top: 68px; display: inline-block; box-shadow: 0 0 0 #000;transition-duration: 0.5s;position: absolute;left: 43%;}
.carousel-inner a:hover{ color: #fff; background: #fb9300;border-radius: 0px;}
.about-section h4{color: #fba32f;   font-size: 26px;}
.heading{    font-size: 30px;    color: #000;}
.about-section{ margin: 70px 0;}
a.more { background: #fba32f; color: #fff; padding: 10px 30px; font-size: 18px; border-radius: 40px; display: inline-block; text-align: center; margin-top: 10px; box-shadow: 2px 3px 0px #676565;transition-duration: 0.5s;}
.about-section iframe{ margin-top: 60px;}
a.more:hover{color:#fff; border-radius: 0;}

.head{ text-align: center;    margin-bottom: 35px;}
.services{ background: #fcebd6; padding: 30px 0 60px;}
.services .col-md-4 { opacity: 0.8;}
.services .ser2{border: 5px solid #fba32f; background: #fff; padding: 0;opacity: 1;}
.head h3{ color:#fb970f; font-size: 32px;}
.head hr{ width: 80px; height: 6px; background: #fba32f; margin: 0px auto 10px;}

.services img{ width: 100%;}
.services span{color: #000;font-size: 26px; padding: 10px; display: inline-block;}
.services p{ padding: 0 10px 10px;}
.inn{ padding: 10px; background: #fff; padding: 10px; background: #fff;box-shadow: 0 1px 8px #999;}
.bg{ background: url(../img/wave1.png); height: 40px;background-repeat: no-repeat;background-size: cover;}
.process h4{    font-size: 20px; font-weight: 500;}
.process{text-align: center; padding: 30px 0;}

.contactform{ padding: 40px 0; height: 550px;background-repeat: no-repeat;background-size: 100% 100%; margin: 40px 0;}
.contactform input{ width:100%; border: none; padding: 10px 10px 10px 20px; margin: 10px 0; border-radius: 40px; font-size: 16px;}
.contactform textarea{ width:100%; border: none; padding: 10px 10px 10px 20px; margin: 10px 0; border-radius: 40px; font-size: 16px; height: 100px;}
.contactform input:focus{outline: none;}
.contactform button{background: #fb970f;color: #fff; border: 2px solid #fff; padding: 8px 40px; border-radius: 40px; font-size: 20px; box-shadow: 3px 3px 2px #333; margin-top: 20px; float: right;transition-duration: 0.5s;}
.contactform button:hover{border-radius: 0;}
.contactform h3.heading{    color: #fff; margin: 20px 0 30px 40px;}
.used{ padding: 50px 0;}
.used h3.heading{ color: #fb970f;}
ul.list li{width: 100%; display: inline-block;  font-size: 20px; background: url(../img/download.jpg);    background-repeat: no-repeat;background-position: left center; background-size: 35px; padding: 10px 10px 10px 40px;}

.price{ padding: 30px 0 60px; background: #fcebd6;}
.first {  background: #fff; padding: 40px;    position: relative; margin-top: 40px;    border-left: 5px solid #fb970f;}
.first .price-head{ background: #fb970f; color: #fff;padding: 10px 20px; font-size: 22px; margin: auto; position: absolute; top: -25px; right: 0; left: 0; width: 300px; text-align: center;}
.first p{ font-size: 20px;text-align: center;    line-height: 40px;}
.first b{ color: #fb970f;}

.footer{ background: #111111; padding: 40px 0; color: #fff;}
.footer h4{font-size: 25px; margin-bottom: 30px;}
.footer p{ color: #fff; font-size: 16px;}
ul.menu-footer li{ display: inline-block; width: 100%; line-height: 30px;}
.footer a{ color:#fff; font-size: 16px;}
.footer a:hover{color: #fb970f;}
.menu-footer li img{width: 28px; margin-right: 10px;}
.col-md-12.footer-inner { border-top: 1px solid #fff; margin-top: 40px; padding-top: 20px;}
.footer-section2 li{ margin-left: 20px;}
.map-section{ font-size:16px;}
.map-section iframe{margin-top: 50px;}
.abt-left{padding-top: 60px;}




@media screen and (max-width:1369px){
  .container{ width: 100% !important;}
    
}


@media screen and (max-width:1280px){
  #myCarousel .carousel-caption {  top: 0;}
  .about-section iframe{ width: 100%;}
  .contactform img{ width:100%;}
  .first{     padding: 40px 0;}
  .first p {  font-size: 16px;}
    
}


@media screen and (max-width:991px){
    .container{ width: 98% !important;}
    .menu.togg{width: 100%;     margin-top: -60px; }
    .top-bar .right{ text-align: center;}
    .top-bar .left{ text-align: center; margin-bottom: 10px;}
    .top-bar li img{ width: 25px;}
    .header-banner{ height: auto;}
    .header-banner h3{ font-size: 30px;}
    .header-banner p{ font-size: 18px;}
    .banner-text{ margin: 50px 0 100px;} 
    .yatch-section .border{ border-right: none;}
    .yatch-section img{ width: 100px;}
    .right.carousel-control span{ margin-right: 0;}
    .left.carousel-control span{ margin-left: 0;}
    .welcome-section{ height: auto;}
    .Featured .col-md-4{ margin-bottom: 20px;}
    .welcome{ margin: 50px 0; width: 300px;}
    .video{ height: auto;  background-size: cover;background-position: top;}
    .contactform{ height: auto;}
    .contactform{    background-size: cover;}
    
    
}

@media screen and (max-width:767px){
    .logo {  width: 200px; }
    #quote-carousel .carousel-indicators .active{width: 55px;  height: 55px;margin-top: 50px;}
    .heading{ margin-bottom: 20px;}
    #quote-carousel .carousel-indicators{ bottom: -20px;}
    .footer ul li a{font-size: 16px;}
    .footer .col-md-4{ margin-bottom: 20px;}
    .header-banner-inner h3{top: 10%;font-size: 30px;}
    .carousel-inner img{    height: 500px !important;}
    .inn{ margin-bottom: 30px;}
    .mid{ display: none;}
    .navbar-inverse .navbar-toggle {
      border-color: #333;
      background: #333;
      margin-top: 0;} 
     .footer-inner .text-right{text-align:left;}
      #enquiry {  background-size: cover !important;}
      .top .col-md-3:first-child{text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
      .nav > li{ width:100%;}
      .sub-menu:hover{ background:transparent;}
      .nav li:hover{ background:transparent;}
      ul.sub-menu{width:100%;}
    
}

@media screen and (max-width:640px){
  .first .price-head{    width: 200px;     font-size: 15px;}
  .first p {    font-size: 12px;   padding-left: 5px; text-align: left;}

}

/* our power boat slider css */
.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
	  font-size: 29px !important;
}

.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 
 .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		     { left: -50%; }
  .carousel-col                { width: 50%; }
	.active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
	.carousel-inner .next        { left:  33%; }
	.carousel-inner .prev		     { left: -33%; }
  .carousel-col                { width: 33%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right{ left:  25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		     { left: -25%; }
  .carousel-col                { width: 25%; }
	.active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
	.active > div:first-child + div + div + div { display:block; }
}

.block {
	width: 306px;
	height: 230px;
}

.red {background: red;}

.blue {background: blue;}

.green {background: green;}

.yellow {background: yellow;}

.error{color:red;}

.cus-close{
  -webkit-appearance: none!important;
    padding: 0!important;
    cursor: pointer!important;
    background: #00000033!important;
    border: 0!important;
    margin: auto!important;
}

/* toggle menu css */
.navbar-inverse{ display: none;}
@media screen and (max-width:767px) {
    .desktop-menu{ display: none;}

.navbar, .navbar-inverse {
	border-radius: 0;
	border: none;
	margin-bottom: 0;
    min-height: 80px;
    display: block;
    background-color: transparent !important;
    border-color: transparent !important  ;
    position: absolute !important;
    right: 0;
    top: -50px;
    width: 100%;
}

.nav li {
	display: inline;
    color: white;
    margin-top: 5px;
}

.header-banner a {
left: 20%;
margin-top: 40px;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff !important;
	
	font-size: 16px;
	font-weight: 300;
	padding: 5px 10px;
}

.navbar-inverse .navbar-nav li a:hover {
	background-color: #fff !important;
	transition: 0.7s all linear;
	height: 100%;
  color: #daaf37 !important;
}
.navbar-inverse .navbar-collapse{ margin-top: 8px;}
.navbar-inverse .navbar-toggle{ border-color: #fff !important;}
.nav li.book{ width: 115px; float: left;text-align: center;}
.nav li.book a{ color: #fff !important;}
.sub-menu{ display: block; padding: 10px 0;  position: inherit;}
.sub-menu a{ color: #fff !important; font-size: 17px !important;}

.custom-nav{
      margin-right: 0 !important;
}
}

#myCarousel .carousel-caption{     top: 10% !important; background: rgba(0,0,0,0.3) !important;}
.header-banner a{ margin-top: 30px !important;}



/*inner pages css*/
.inner-pages .services h4 {
  color: #000;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 18px !important;
}

ul.loc li {
  font-size: 17px;
  color: #000;
  width: 23%;
  float: left;
  margin-right: 2%;
}

ul.loc li a {
  color: #333;
  margin: 10px 0 !important;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  transition: 0.3s;
}

ul.loc li a:hover {
  padding-left: 10px;
  color: #fb9300;
}

.sing li {
  display: inline-block;
  width: 100%;
  font-size: 16px;
}

.set-img img {
  width: 100%;
  margin: 15px;
}


/* mold info */
.blog-post .blog-inner{   background: url(../img/str1.jpg); background-repeat: no-repeat; background-size: cover; height: 380px; padding: 50px; width: 80%; margin: 50px auto;}
.blog-post .blog-inner h3{ margin: 0;}
.blog-post .blog-inner h3 a{ background: #fb9300; color: #fff; padding: 10px 20px; border-radius: 14px 14px 0 0; display: inline-block;}
.blog-post .blog-inner .blog-content{ background: rgba(60, 60, 60, 0.75); padding: 20px;}
.blog-post .blog-inner .blog-content p{     color: #efefef; font-size: 20px;}
.blog-post .blog-more a{ color: #fb9300; font-size: 24px; padding: 10px 0; text-shadow: 1px 1px 1px #000; display: inline-block;}

.blog-post .blog-inner.two{   background: url(../img/bathroom.jpg);}
.blog-inn{ color:#fb9300; font-weight: 500; margin: 30px 0 15px;}
.mold-banner{ position: relative;     margin-bottom: 50px;}
.mold-banner-img{ background: url(../img/str1.jpg); background-repeat: no-repeat; background-size: cover !important; height: 450px; background-position: center !important;}
.mold-banner .mold-top-head{     position: absolute;    text-align: center; left: 0; right: 0; top:40%;}
.mold-banner .mold-top-head h2{ background: #fb9300; display: inline-block;color: #fff;  padding: 15px 40px;}
.blog-post {margin-bottom: 50px;}
.sidebar{ background: #fb9300; padding-bottom: 30px;}
.sidebar input{ width: 100%; border: none; margin: 10px 0; padding: 10px;  }
.sidebar textarea{ width: 100%; border: none; margin: 10px 0; padding: 10px; }
.sidebar button{     background: #fb970f; color: #fff; border: 2px solid #fff; padding: 5px 40px;  font-size: 18px; box-shadow: 3px 3px 2px #333; margin-top: 10px; 
 transition-duration: 0.5s;}
 .sidebar button:hover{     background: #000;}
 .map-section h3{ color: #fb9300;}
 .map-section h1{ margin-top: 50px;}
.pagination > li > a{ color: #fb9300 !important;}
.pagination > li.active span{ background-color:#fb9300; border-color:#fb9300;}
#enquiry { font-size: 17px;}


 /* about page */
 .about-page{ padding: 70px 0;}
 .about-page img{ width: 100%;     border: 1px solid #ccc;}
hr.sd{ background:  #fb9300;  height: 3px; width: 50px; margin: 0 0 10px;}
 .about-page .abt2{ background: #eee; display: inline-block; padding: 0 20px; margin: 50px 0;}
 .about-page .abt2 img{ margin: 20px 0;}
 .contact-page{ padding: 70px 0;}
 .contact-page a{ color: #125294; font-size: 18px;}

.header h3 a {
    color: black;
}