/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*Normalise Styles*/
html,button,input,select,textarea {}
html {}

::-moz-selection {background: #b3d4fc;text-shadow: none;}

::selection {background: #b3d4fc;text-shadow: none;}

hr {display: block; height: 1px;border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
.browsehappy {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
body {}
.wrapper {margin: 0 auto; z-index: 1; position: relative;}
/*Normailise Styles*/

/*=============================================================================
DESKTOP STYLES
=============================================================================*/

/*OVERRIDE STYLES*/
.navbar{margin-bottom:0; font-size: 18px}
.navbar-default {background:url(../images/transparentPixel.png) repeat; border: none;}
.currentSection{color: #fff!important; font-size: 20px!important}
@media screen and  (max-width:768px){.currentSection{font-size: 12px;}}
.navbar {margin-bottom: 0;}
@media screen and  (max-width:1024px){.navbar{font-size: 11px;}}
.videoContainer{margin-top: -144px;}
.btn-default p{margin: 0; padding-top: 5px; font-size: 10px;}
@media screen and (max-width:768px){#specifications{background: none; background-color: #f9f9f9}}

.nav-tabs {border:none;}
.nav-tabs>li {width:100%;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #ffffff;background-color: #861f41;}
.tab-content {margin: 0 0 0 0;}
/*.carousel-control {top: 50%!important;}
.carousel-control.left{left: -9%;}
.carousel-control.right{right: -9%;}
/*OVERRIDE STYLES*/

/*GENERAL STYLES*/
.main-container{font-family: 'ProximaNova-Light', 'Open Sans', sans-serif; color: #252525;}
h1{font-size: 60px; line-height: 50px;	color: #252525; font-family: FFQTypeWebProSquareLight;}
h1 .small{font-size: 0.25em; color: #252525;}
h2, h3, h4, h5, h6{font-family: 'ProximaNova-Light', 'Open Sans', sans-serif; color: #252525;}
h4 .cta {font-size: 18px; line-height: 38px;	color: #252525; font-family: ProximaNovaS-Light;}

@media screen and (max-width:1024px){h4 .cta {font-size: 16px;}}
.rayMaroon{color: #861f41;}
.darkGrey{color: #252525;}

/*GENERAL STYLES*/
/*BANNER STYLES*/
#yachtSenseBanner{background:#cdced0; min-height: 600px; position: relative;}
#yachtSenseBannerImage{padding-top:125px;}
#yachtSenseLockup{margin-bottom: 0px;}
#infoSection{padding:20px; margin-top: 80px;}
#infoSection h2{font-size: 18px;}
#infoSection p{font-size: 16px; line-height: 24px;}
/*BANNER STYLES*/

/*PAGE STYLES*/
.moduleImage{max-height: 325px;}
.monogram{background: url(../images/RaymaroonMonogram.png) no-repeat; background-position: top right; background-size: cover; height: 20px; margin: 0;}	
#specifications{min-height: 75vh}
#system{background: #f9f9f9}
#mediaResources{background-image: linear-gradient(to bottom, #141615, #000); min-height: 50vh;}
#related{min-height: 60vh;}
.relatedProduct {min-height: 270px;}
/*PAGE STYLES*/

/*CAROUSEL STYLES*/
#featuresCarousel{}
#carousel1{min-height: 100vh;}
#carousel2{min-height: 100vh;}
#carousel3{min-height: 100vh;}
@media screen and (max-width:1366px){#carousel1, #carousel2, #carousel3{height:75vh;}}
@media screen and (max-width:1024px){#carousel1, #carousel2, #carousel3{height:50vh;}}
@media screen and (max-width:812px){#carousel1, #carousel2, #carousel3{background: none; height:auto;}}
.carousel-buttons {z-index: 1100; position: absolute; width: 100%; color:#fff; bottom:1px;}
@media (max-width:812px){.carousel-buttons {font-size: 11px;}}
.carousel-buttons a {color:#fff; display:block; line-height:50px; background: url(../images/lightHouseCharts/transparentPixel.png)}
.carousel-buttons a:hover{background: #861f41;}
.carousel-buttons a.a{background: #861f41;}
.carouselContent{padding: 100px 0 0 0;}
@media screen and (max-width:1366px){.carouselContent{padding-top: 160px;}}
@media screen and (max-width:1024px){.carouselContent{padding-top: 100px;}}
@media screen and (max-width:812px){.carouselContent{padding-top: 20px;}}
.carousel-indicators {top: -20px!important; height: 20px;}
@media screen and (max-width:1366px){.carousel-indicators{top:120px!important;}}
@media screen and (max-width:1024px){.carousel-indicators{top:55px!important;}}
@media screen and (max-width: 812px) {.carousel .item {display: block; margin-top: 12px;} .carousel-control, .carousel-indicators {display: none;}}
.carousel-control{opacity: 0.7; filter:alpha(opacity=75);}
@media screen and (max-width:768px){.carousel-inner{padding-top: 175px!important;}}
/*CAROUSEL STYLES*/



/*=============================================================================
DESKTOP STYLES
=============================================================================*/

/*=============================================================================
IPAD PRO STYLES - MAX-WIDTH 1366px
=============================================================================*/
@media only screen and (max-width:1366px){
/* General Styles */
h1{font-size: 44px; line-height: 44px;	color: #252525; font-family: FFQTypeWebProSquareLight;}
#infoSection h2{font-size: 16px;}
#infoSection p{font-size: 14px; line-height: 20px;}
p{font-size: 14px}
		
}
/*=============================================================================
IPAD PRO STYLES - MAX-WIDTH 1366px
=============================================================================*/

/*=============================================================================
IPAD PRO STYLES - MIN-WIDTH:1024px AND MAX-WIDTH 1365px
=============================================================================*/
@media only screen and (min-width:1024px) and (max-width:1365px){
#specifications, #related{min-height: 45vh}

}
/*=============================================================================
IPAD PRO STYLES - MIN-WIDTH:1024px AND MAX-WIDTH 1365px
=============================================================================*/

/*=============================================================================
IPAD STYLES - MAX-HEIGHT:768px AND MAX-WIDTH 1024px
=============================================================================*/
@media only screen and (max-height:768px) and (max-width:1024px){

	
}
/*=============================================================================
IPAD STYLES - MAX-HEIGHT:768px AND MAX-WIDTH 1024px
=============================================================================*/

/*=============================================================================
IPAD STYLES - MAX-WIDTH:768px AND MAX-HEIGHT 1024px
=============================================================================*/
@media only screen and (max-width:768px) and (max-height:1024px){

	
}
/*=============================================================================
IPAD STYLES - MAX-WIDTH:768px AND MAX-HEIGHT 1024px
=============================================================================*/

/*=============================================================================
MOBILE STYLES - MAX-WIDTH:414PX
=============================================================================*/
@media only screen and (max-width:414px){
h1{font-size: 28px; line-height: 30px;	color: #252525; font-family: FFQTypeWebProSquareLight;}
p{font-size: 12px}

}

/*=============================================================================
MOBILE STYLES - MAX-WIDTH:414PX
=============================================================================*/

/*=============================================================================
MOBILE STYLES - MAX-WIDTH:375PX
=============================================================================*/
@media only screen and (max-width:375px) and (max-width:667px){

	
}

/*=============================================================================
MOBILE STYLES - MAX-WIDTH:375PX
=============================================================================*/

/*=============================================================================
MOBILE STYLES - MAX-WIDTH:736PX AND MAX-HEIGHT:414PX
=============================================================================*/
@media only screen and (max-width:736px) and (max-height:414px){

}
/*=============================================================================
MOBILE STYLES - MAX-WIDTH:736PX AND MAX-HEIGHT:414PX
=============================================================================*/

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}