@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Roboto);

html {
   /*overflow: -moz-scrollbars-vertical; */
   /*overflow-y: scroll;*/
}


.button-default {border:2px solid #999;background-color:#fff !important;color:#999 !important;border-radius:0px !important;margin-bottom:10px;border:1px solid #999;padding-top:10px;padding-bottom:10px;}
.button-default:hover {background-color:#999 !important;color:#fff !important;}


#google_translate_element {display:block;z-index:40000;}
.translation-links {margin-top:5px}
.flag-link {margin-left:4px;}
.flag-link:hover {cursor:pointer}

body,html  {background-color:#fff !important;color:#3d4144;font-family:open sans !important  } 
/*#wrapper {background-image:url('https://soeasydesign.blob.core.windows.net/stellarboats-website/1197/original/main-bg.jpg') !important; 
        background-size:cover;background-attachment:fixed;}*/
#main-body   {font-size:16px;font-family:open sans !important;font-weight:100; } 

.top-strip  {height:10px;background-color:#efefef;margin:0px -10px 0px -10px;} 
.top-header-holder {background-color:#fff !important;margin:0px -10px 0px -10px;}
.logo   {margin-top:15px;margin-bottom:15px;width:100% !important } 

.client-image-page-1201,.client-image-page-1364 {text-align:center !important}
.client-image-page-1201 > a > img {display:inline !important}
.client-image-page-1364 > img {display:inline !important}

.boat-home-list-holder {background-color:#fff;margin-bottom:20px;font-size:14px;}
.boat-home-list-holder h2 {font-size:20px}



.home-excursions-container {background-color:#3d4144;min-height:300px;margin:0px -10px;}

/*.main-content {display:none}*/

h3 {font-size:30px;border-left:1px solid #999;padding-left:10px;font-weight:100;margin-bottom:20px;}

.boat-gallery-holder {margin-top:-420px}
h3.boat-header {font-size:30px;border-left:5px solid #999;padding-left:10px;font-weight:100;margin-bottom:20px;}
.table-spec {background-color:#fff}


#header-social-links {float:right;margin-top:35px;color:#3d4144;font-size:14px;}
#header-contact {float:right;margin-left:20px;margin-top:14px;color:#3d4144;font-size:14px}

#3016   {display:none; } 
#3047   {display:block; } 

.contact-header   {margin-top:50px !important;margin-bottom:40px !important;border-bottom:2px solid @secondary-2;; } 
.home-main-image   {height:500px;margin-left:-10px;margin-right:-10px;margin-top:0px; } 
.home-long-main-image   {height:75vh;margin-left:-10px;margin-right:-10px;margin-top:0px; } 
.holding-top-header   {margin-top:60px; } 

.sub-bg-image   {height:250px;margin-left:-10px !important;margin-right:-10px !important; } 
.sub-gallery-bg-image   {height:480px;margin-left:-10px !important;margin-right:-10px !important; } 

.footer-container   {background-color:#3d4144;background-size:cover;height:200px;padding-top:30px; } 
.footer-content   {padding-top:20px;color:#fff } 
#soEasyLogo   {margin-top:45px;text-align:right;float:right;; } 
#footer-social-links   {margin-top:30px; } 
ul.footer-links {list-style:none;padding-left:10px}


.client-image-page-1176  {margin-bottom:36px} 
.client-image-page-search-and-acquire,.client-image-page-interior-design,.client-image-page-property-management  {margin-bottom:35px} 

.home-text  {font-size:50px;color:white;margin-left:20px;font-family:Great Vibes;font-weight:normal;text-shadow: 2px 2px #000;} 
.home-text:hover  {text-decoration:none !important		} 
.form-field-1027  {border:none !important;padding:6px;background:#fff !important;border:1px solid #ccc!important;box-shadow:none !important;border-radius:0px !important;font-size:16px !important;	} 

label {color:#3d4144 !important}
#button-form-submit-1027  {color:#3d4144 !important;background-color:#fff !important;border:2px solid #3d4144 !important;border-radius:0px !important;font-size:16px !important} 
#button-form-submit-1027:hover  {background-color:#3d4144 !important;color:#fff !important} 

.carousel-caption {bottom: auto !important;top:40%;text-shadow:0 2px 2px rgba(0,0,0,0.9) !important}
.button-carousel {margin-top:20px;border:2px solid #fff;background-color:rgba(0,0,0,0.5) !important;color:#fff !important}


.boat-list-holder {background-color:rgba(255,255,255,0.5);border:1px solid #ddd;border-radius:4px;padding:5px}
.boat-list-holder h1 {color:#3d4144}

.button-boat-more-info,.button-excursion-more-info {border:2px solid #3d4144;background-color:#fff !important;color:#3d4144 !important;border-radius:0px !important;}
.button-boat-more-info:hover,.button-excursion-more-info:hover {background-color:#3d4144 !important;color:#fff !important;}

.button-boat-enquire,.button-excursion-enquire {border:2px solid #999;background-color:#fff !important;color:#999 !important;border-radius:0px !important;margin-bottom:10px;border:1px solid #999;padding-top:10px;padding-bottom:10px;}
.button-boat-enquire:hover,.button-excursion-enquire:hover {background-color:#999 !important;color:#fff !important;}

.excursion-list-image {height:200px;width:100%;background-size:cover;border:4px solid #fff}
.panel-excursion-list {
    background-color:#fff;margin-bottom:20px;text-align:Center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.panel-excursion-list > .panel-body {min-height:270px}
.excursion-details-header {color:#fff !important;background-image:none !important; background-color:#3d4144 !important;font-size:22px;text-transform:uppercase;text-align:center;padding:2px !important}

.excursion-col {margin-bottom:20px}
.excursion-col:nth-of-type(even) {
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
}

.excursion-col:nth-of-type(odd) {
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}


.boat-list-image {height:200px;width:100%;background-size:cover;border:4px solid #fff}
.panel-boat-list {
background-color:#fff;margin-bottom:20px;text-align:Center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.panel-boat-list > .panel-body {min-height:270px;color:#999 !important;font-size:14px !important;}
.boat-details-header {color:#fff !important;background-image:none !important; background-color:#3d4144 !important;font-size:22px;text-transform:uppercase;text-align:center;padding:2px !important}

.boat-col {margin-bottom:20px}
.boat-col:nth-of-type(even) {
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
}

.boat-col:nth-of-type(odd) {
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}


.required-alert {
    border: 1px solid red !important
}


.boat-list-item,.excursion-home-list-holder {
    -webkit-transition: all 400ms ease !important;
    -moz-transition: all 400ms ease !important;
    -o-transition: all 400ms ease !important;
    transition: all 400ms ease !important;
    -webkit-transform:  translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    -moz-transform: translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    transform: translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    opacity: 0;
}

.boat-list-item.appeared,.excursion-home-list-holder.appeared  {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    -moz-transform:  translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    opacity: 1;
}


.row-4066-2 {display:none}

.body-home {background-color:#fff !important}
.body-home #wrapper {background-image:none !important}

.panel-home-excursion-list {
    background-color:#fff;margin-bottom:20px;text-align:Center;border:none !important;}
.panel-home-excursion-list > .panel-body {min-height:270px}

.boat-home-list-holder:hover {background-color:#f7f7f7;cursor:pointer;}
.boat-home-list-holder .excursion-list-image {border:none !important;}

.body-home  .carousel-caption h1 {font-size:50px !important;bottom: auto !important;top:40%;text-shadow:0 2px 2px rgba(0,0,0,0.9) !important;text-transform:uppercase;font-weight:100;}
.body-home  .carousel-caption h2 {font-size:40px !important;bottom: auto !important;top:40%;text-shadow:0 2px 2px rgba(0,0,0,0.9) !important;text-transform:uppercase;font-weight:100;}

.body-home .button-carousel {margin-top:20px;border:2px solid #fff;background-color:rgba(0,0,0,0.5) !important;color:#fff !important;font-weight:bold;font-size:30px;}
.body-home .button-carousel:hover {background-color:#3d4144 !important}

.excursion-gallery-holder {margin-top:-400px}
.body-excursion-details .sub-bg-image  {height:470px !important}

h3.excursion-header {font-size:30px;border-left:1px solid #999;padding-left:10px;font-weight:100;margin-bottom:20px;}

.faq-holder {border:1px solid #ccc;;margin-bottom:10px;background-color:#fff;}
.faq-q {padding:5px;}
.faq-q:hover {background-color:#3d4144;color:#fff;cursor:pointer;}
.faq-a {display:none;padding:10px;border-top:1px solid #ccc;}


.home-excursion-list {color:#fff;text-align:left;padding-top:10px;}
.home-excursion-list:hover {background-color:#999;cursor:pointer;}
.home-excursion-list  h4 {font-size:16px;font-weight:200;}
.excursion-icon {padding:0px 90px}


.panel-black-bg {margin-top:0px !important;margin-bottom:0px !important;}

.boat-list-item {background-color:#efefef;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;padding:0px;color:#fff;border-radius:0px 0px 20px 0px;overflow:hidden}
.boat-list-item:hover {cursor:pointer;}

.boat-list-item-details-wrapper {z-index:10000;}
.boat-list-item-details {width:100%;}
.boat-list-item h1 {color:#3d4144 !Important;font-size:18px;padding:10px;color:#fff;transition: all .4s;}
.boat-list-item ul {width:auto !important;color:#3d4144;padding:0px 10px 10px 10px;transition: all .4s;z-index:10000}
.boat-list-item-price {z-index:10000;}

.boat-list-item-wrapper {margin:0px 0px !important;display:block;overflow:hidden;width:100%;height:100%;background-color:#fff}
.boat-list-item-image {background-size:cover;background-repeat:no-repeat;z-index:1000;background-position:left center !important;width:100%;height:200px;-webkit-transition: all 0.3s ease-in-out;}

.boat-list-item {padding:0px;border:1px solid #ccc;background-color:#fff;border-radius:0px 0px 00px 0px}
.boat-list-item:hover {border:1px solid #efefef;cursor:pointer}

.boat-list-item:hover .boat-list-item-image {
    cursor:pointer;
    -webkit-transform: scale(1.2,12); 
    transform: scale(1.2,1.2);
}


.ease-250 {
    -webkit-transition: all 250ms ease !important;
    -moz-transition: all 250ms ease !important;
    -o-transition: all 250ms ease !important;
    transition: all 250ms ease !important;
}
.main-nav-holder {position:relative !important;margin:0px -10px 0px -10px;}

.site-nav.navbar-collapse  {width:100% !important;position:absolute !important;margin:0px auto 0px auto !important;left:0 !important;
right:0 !important;text-align:center;z-index:999;overflow:hidden !important } 

.site-nav.navbar-nav   {margin:0px auto -6px auto;float:none !important ;display:inline-block !important} 

.icon-bar   {color:#999 !important;background-color:#999 !important  } 

.site-nav.navbar-toggle   {margin-top:25px; } 

.site-nav.nav .open a   {background-color:#efefef; !important;font-family:arial !important } 
.site-nav.nav .open .dropdown-menu a   {background-color:#fff !important;  } 
.site-nav.nav .open .dropdown-menu .active a   {background-color:#fff !important;  } 
.site-nav.nav .open .dropdown-menu a:hover   {background-color:@secondary-2 !important;  } 

.sub-nav-header   {font-size:16px;font-weight:bold;margin-top:20px;; } 
.sub-nav   {margin-top:20px;padding-lefT:0px !important;; } 
.sub-nav  ul   {list-style:none; } 
.sub-nav  li   {margin-top:12px;font-size:15px;list-style:none; } 
.sub-nav  li a    {color:#3d4144 !important;line-height:14px !important;padding:0px 0px 0px 6px !important;text-align:right;text-decoration:none;   } 
.sub-nav  li a:hover    {color:#999 !important;   } 
.sub-nav  li.active    {  } 
.sub-nav  li.active a     {color:#3d4144 !important;border-left:8px solid #567f9b !important    } 

.sub-nav  li.active a:hover    {background-color:#3d4144 !important;   } 

.form-field-1020   {border:none !important;background-color:#efefef;box-shadow:none !important;border-radius:0px !important;; } 

#button-form-submit-1020   {background-color:#fff !important;border:2px solid #999 !important;border-radius:0px !important } 
#button-form-submit-1020:hover   {background-color:@secondary-2 !important; } 



.site-nav.site-nav.nav a {color:#3d4144 !important}

 .site-nav.navbar-collapse  {width:100% !important;position:absolute !important;margin:30px auto 0px auto !important;left:0 !important;
right:0 !important;text-align:center;z-index:999;overflow:hidden !important } 

.site-nav.site-nav.nav a {color:#3d4144 !important;padding:15px !important;}

.close-mobile-nav  {float:right;margin-right:40px;margin-top:10px;font-size:30px;z-index:2000;} 

.mobile-navigation-container  {position:relative;} 
.mobile-navigation-holder  {background-color:rgba(255,255,255,0.95);width:100vw;height:100vh;position:fixed;top:0;margin-left:calc(0px - 100vw - 400px);z-index:2011;;} 
.mobile-navigation-holder.visible  {margin-left:-10px;} 
.mobile-only-navigation  {padding-left:40px;padding-top:60px;;} 
.mobile-only-navigation > ul > li > a  {background:none !important;font-size:22px !important;margin-top:20px;;} 

#language-flags-mobile  {margin-top:3vh !important;position:fixed;text-align:left;width:50vw;margin-left:30px;z-index:1500;} 
#mobile-social-icons-holder  {margin-top:75vh !important;position:fixed;text-align:center;width:100vw;;} 
#mobile-social-icons-container > a  > i  {font-size:40px !important;margin:10px;;} 

#main-body a:link   {color:@red  } 
#main-body a:visited   {color:@red  } 
#main-body a:hover   {text-decoration:none  } 

.site-nav.nav a   {color:#3d4144 !important;font-size:15px;font-weight:100 !important;padding:12px 15px 12px 15px !important; margin:0px !important } 
.site-nav.nav a:hover   {color:#999 !important;background-color:#fff;border-bottom:2px solid #efefef; } 
.site-nav.nav .active a   {color:#3d4144 !important	 } 

.dropdown-menu  a:hover   {background-color:@primary_2 !important;background-image:none !important  } 
.dropdown-menu .active a   {background-color:#fff !important;color:@primary_1 !important;cursor:default !important;background-image:none  } 

a.footer-link   {color:#fff !important;font-size:15px;margin-left:-9px !important;font-weight:200;  } 
a.footer-link:hover   {color:#999 !important;  } 
a.footer-link:visited   {color:#fff 	 } 

a.social-link   {color:#999 !important;font-size:13px;margin-left:-9px !important;margin-right:15px;  } 
a.social-link:hover   {color:#567f9b !important;  } 
a.social-link:visited   {color:#999 	 } 

a.footer-social-link   {color:#567f9b !important;font-size:16px;margin-left:-9px !important;margin-right:15px;margin-top:135px !important  } 
a.footer-social-link:hover   {color:@secondary-2 !important;  } 
a.footer-social-link:visited   {color:#567f9b 	 } 

a.footer-social-link   {color:#567f9b !important;font-size:16px;margin-left:-9px !important;margin-right:15px;margin-top:135px !important  } 
a.footer-social-link:hover   {color:@secondary-2 !important;  } 
a.footer-social-link:visited   {color:#567f9b 	 } 

.site-nav.site-nav.nav a  {} 

@media (max-width: 767px) {
   .home-main-image {height:200px !important;margin-left:-10px;margin-right:-10px;margin-top:0px}
   
   .home-long-main-image   {height:50vh;margin-left:-10px;margin-right:-10px;margin-top:0px; } 
   
   
   h1 {font-size:24px}
   h2 {font-size:20px}
   .carousel-caption {top:0% !important}
   
   .body-home  .carousel-caption h1 {font-size:30px !important;bottom: auto !important;top:40%;text-shadow:0 2px 2px rgba(0,0,0,0.9) !important;text-transform:uppercase;font-weight:bold;}
.body-home  .carousel-caption h2 {font-size:20px !important;bottom: auto !important;top:40%;text-shadow:0 2px 2px rgba(0,0,0,0.9) !important;text-transform:uppercase;font-weight:bold;}
.home-excursion-title {font-size:14px !important}
   
   .excursion-icon  {padding:0px 30px}
   
    #footer-social-links {margin-top:30px;float:left;}
    #soEasyLogo {float:right;margin-top:-80px;margin-right:40px}
    .footer-container {height:300px;}
    .footer-content {padding-top:30px}
    .footer-content .client-image {float:right}
    .footer-main-links-holder {margin-top:-80px}
    
    #header-social-links {margin-top:-100px}
    
    .boat-list-item h1 {font-size:11px}
    .panel-black-bg {font-size:11px;list-style:none;}
    
}

@media (min-width: 768px) {
    .home-main-image {height:300px !important;margin-left:-10px;margin-right:-10px;margin-top:0px}
       .carousel-caption {top:10% !important}
       #soEasyLogo {float:right;margin-top:110px;}
       
}
@media (min-width: 992px) {
    .home-main-image {height:400px !important;margin-left:-10px;margin-right:-10px;margin-top:0px}
    .carousel-caption {top:20% !important}
    #soEasyLogo {float:right;margin-top:110px;}
}


@media (min-width: 1200px) {
    .home-main-image {height:500px !important;margin-left:-10px;margin-right:-10px;margin-top:0px}
    #soEasyLogo {float:right;margin-top:110px;}
}
		
    body,html {height: 100%;}
    #wrapper {min-height: 100%;}
    #main-body{overflow: auto; padding-bottom: 200px !important; }
    .footer-container {position: relative;margin-top: -200px;clear:both;}