@charset "utf-8";
/* CSS Document */
body, html {
  height: 100%;
  /*background-color: #fffdfb;*/
  background-color: aliceblue;
}

/* Parallax - images for large screens only */
@media (min-width: 550px) {
	#parallax {
  		/* The image used */
  		/*background-image: url('images/p36.gif');*/

  		/* Full height */
  		height: 90%; 

  		/* Create the parallax scrolling effect */
  		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
		-webkit-background-size: 10% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
  		background-size: 100% 100%;
		background-color: aliceblue
	}
	#parallax.drawing{
	    background-image:url('images/profile-drawing-424.png');
	}
	#parallax.plebe{
	    background-image:url('models/plebe/images/plebe.gif');
	}
	#parallax.petrel{
	    background-image:url('models/petrel/images/petrel.gif');
	}
	#parallax.hawk{
	    background-image:url('models/hawk/images/pearson_hawk.png');
	}
	#parallax.resolute{
	    background-image:url('models/resolute/images/resolute.gif');
	}
	#parallax.tigercat{
	    background-image:url('models/tigercat/images/pearson-tigercat-photo.gif');
	}
	#parallax.lark{
	    background-image:url('models/lark/images/lark.gif');
	}
	#parallax.t18{
	    background-image:url('models/t18/images/triton-yachts-18.png');
	}
	#parallax.ariel{
	    background-image:url('models/ariel/images/ariel-1.png');
	}
	#parallax.commander{
	    background-image:url('models/commander/images/commander.png');
	}
	#parallax.t21{
	    background-image:url('models/t21/images/pearson-t-21.png');
	}
	#parallax.p22{
	    background-image:url('models/p22/images/p22.png');
	}
	#parallax.electra{
	    background-image:url('models/electra/images/pearson-electra-home.png');
	}
	#parallax.ensign{
	    background-image:url('images/ensign.png');
	}
	#parallax.p23{
	    background-image:url('models/p23/images/pearson-23.gif');
	}
	#parallax.p23c{
	    background-image:url('models/p23c/images/pearson-23c.gif');
	}
	#parallax.p24{
	    background-image:url('models/p24/images/pearson-24.png');
	}
	#parallax.packet{
	    background-image:url('models/packet/images/overnighter2.png');
	}
	#parallax.t25{
	    background-image:url('models/t25/images/pearson-t-25.png');
	}
	#parallax.p26{
	    background-image:url('models/p26/images/p26-sailing.png');
	}
	#parallax.p27{
	    background-image:url('models/p27/images/pearson-27.png');
	}
	#parallax.t27{
	    background-image:url('models/t27/images/pearson-t-27.png');
	}
	#parallax.p28{
	    background-image:url('models/p28/images/pearson-28.png');
	}
	#parallax.p28-2{
	    background-image:url('models/p28-2/images/pearson-28-2.png');
	}
	#parallax.renegade{
	    background-image:url('models/renegade/images/renegade.png');
	}
	#parallax.triton{
	    background-image:url('images/pearson-triton.png');
	}
	#parallax.p30{
	    background-image:url('models/p30/images/pearson-30.png');
	}
	#parallax.wanderer{
	    background-image:url('models/wanderer/images/pearsonwanderer.png');
	}
	#parallax.p300{
	    background-image:url('models/p300/images/pearson-300-2.png');
	}
	#parallax.p303{
	    background-image:url('models/p303/images/pearson-303.png');
	}
	#parallax.coaster{
	    background-image:url('models/coaster/images/coaster.png');
	}
	#parallax.flyer{
	    background-image:url('models/flyer/images/flyer-1.png');
	}
	#parallax.vanguard{
	    background-image:url('models/vanguard/images/vanguard.png');
	}
	#parallax.p31{
	    background-image:url('models/p31/images/pearson-31-sail-1.png');
	}
	#parallax.p31-2{
	    background-image:url('models/p31-2/images/pearson-31-2.png');
	}
	#parallax.cal-p31{
	    background-image:url('models/cal-p31/images/cal-pearson-31.png');
	}
	#parallax.p32{
	    background-image:url('models/p32/images/pearson-32.png');
	}
	#parallax.p32c{
	    background-image:url('models/p32-custom/images/pearson-32c.png');
	}
	#parallax.p33{
	    background-image:url('models/p33/images/pearson-33-cover.gif');
	}
	#parallax.p33-2{
	    background-image:url('models/p33-2/images/pearson-33-2.gif');
	}
	#parallax.p10m{
	    background-image:url('models/p10m/images/p10m.png');
	}
	#parallax.alberg35{
	    background-image:url('models/alberg35/images/pearson-alberg-35.png');
	}
	#parallax.p35{
	    background-image:url('models/p35/images/pearson35.png');
	}
	#parallax.invicta{
	    background-image:url('models/invicta/images/pearson-invicta-1.png');
	}
	#parallax.p36{
	    background-image:url('models/p36/images/pearson-36-1975.png');
	}
	#parallax.p36ph{
	    background-image:url('models/p36ph/images/pilothouse.png');
	}
	#parallax.p36c{
	    background-image:url('models/p36c/images/pearson-367-new.png');
	}
	#parallax.p36-2{
	    background-image:url('models/p36-2/images/pearson-36-2.png');
	}
	#parallax.p365{
	    background-image:url('models/p365/images/pearson365.png');
	}
	#parallax.p37{
	    background-image:url('models/p37/images/pearson-37.png');
	}
	#parallax.p37-2{
	    background-image:url('models/P37-2/images/pearson-37-2.png');
	}
	#parallax.p38{
	    background-image:url('models/p38/images/pearson-38-1989.png');
	}
	#parallax.cal-p38{
	    background-image:url('models/cal-p38/images/cal-pearson-38.png');
	}
	#parallax.p385{
	    background-image:url('models/p385/images/pearson-385.png');
	}
	#parallax.p386{
	    background-image:url('models/p386/images/pearson-386.png');
	}
	#parallax.p39{
	    background-image:url('models/p39/images/pearson-39.png');
	}
	#parallax.p39-2{
	    background-image:url('models/p39-2/images/pearson-39-2.png');
	}
	#parallax.p39a{
	    background-image:url('images/pearson39a.png');
	}
	#parallax.cal-p39{
	    background-image:url('models/cal-p39/images/cal-pearson-39.png');
	}
	#parallax.p390{
	    background-image:url('models/p390/images/pearson-390.png');
	}
	#parallax.p40{
	    background-image:url('models/p40/images/pearson-40.png');
	}
	#parallax.p419{
	    background-image:url('models/p419/images/pearson-419.png');
	}
	#parallax.r41{
	    background-image:url('models/rhodes41/images/r41.gif');
	}
	#parallax.r41-2{
	    background-image:url('models/rhodes41/images/r41-2.gif');
	}
	#parallax.bountyII{
	    background-image:url('models/rhodes41/images/bountyII.gif');
	}
	#parallax.p422{
	    background-image:url('models/p422/images/pearson-422a.png');
	}
	#parallax.p424{
	    background-image:url('models/p424/images/pearson-424-ad.png');
	}
	#parallax.p43{
	    background-image:url('models/p43/images/pearson-43a.png');
	}
	#parallax.countess44{
	    background-image:url('models/countess44/images/countess-44.gif');
	}
	#parallax.p53{
	    background-image:url('models/p530/images/pearson-530.png');
	}
	/* power boat */
	#parallax.true_north{
	    background-image:url('images/true_north.png');
	}
	#parallax.express_cruiser{
	    background-image:url('powerboats/p28/images/pearson-28-photo.png');
	}
	#parallax.marauder{
	    background-image:url('powerboats/marauder/images/pearson-marauder.gif');
	}
	#parallax.privateer{
	    background-image:url('powerboats/privateer/images/pearson-privateer.gif');
	}
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
}
hr.style2 {
	border-top: 3px double #8c8b8b;
}

@media (min-width: 550px) {
	.jumbotron {
		background-image: url("models/rhodes41/images/bountyII.png");
		  		height: 70%; 
		/*background-image: url("images/sunset.gif");*/
		/*the following is from hero-image on w3schools*/
		/*background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/sunset.png");*/
		background-repeat: no-repeat;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: contain;
		/* padding makes it full screen*/
		padding-top: 20%;
		padding-bottom: 20%;
		/*opacity: 0.95;*/
		background-color: #fff; /* take out the gray     */
	}
}

footer {
	background-color: #c2c2c2;
	/*background-image: url('images/footer.gif');*/
}


ul.alt {
	list-style: none;
	padding-left: 0;
	}

.popover { max-width: 25% !important; }

/* dropdown css from codepen */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


p,li,td,th {
  font-family: "Roboto", sans-serif;
}

h2,h3,h4,h5,h6 {
	font-family: "Roboto";
}

h1.display-3 {
	font-family:Curve; /*adobe download*/
	color: darkblue; /*except when text-white specified*/
}

/*body {
	height: 1000px
*/
.ha-bg-parallax {
	/*background: url(https://scontent.fdel8-1.fna.fbcdn.net/v/t1.0-9/23621599_1243573765772587_1463122925949401168_n.jpg?oh=b6641b3c2f50526b0fa2d2046943c7aa&oe=5B12D8F4) 50% -0 no-repeat fixed;*/
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 650px;
	margin: 0 auto;
	width: 100%;
	display: table;
	vertical-align: middle;
	position: relative;
}
.ha-bg-parallax {
  		/* Full height */
  		height: 90%; 

  		/* Create the parallax scrolling effect */
  		background-attachment: fixed;
  		background-position: center;
  		background-repeat: no-repeat;
		-webkit-background-size: 10% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
  		background-size: 100% 100%;
}
.ha-parallax-body {
	vertical-align: middle;
	background: rgba(0,0,0,0.10);
	text-align: center;
	color: #FFFFFF;
	min-height: 650px;
}
.vertical .carousel-inner {
	height: 100%;
}
.carousel.vertical .item {
	-webkit-transition: 0.6s ease-in-out top;
	-moz-transition: 0.6s ease-in-out top;
	-ms-transition: 0.6s ease-in-out top;
	-o-transition: 0.6s ease-in-out top;
	transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
	top: 0;
}
.carousel.vertical .next {
	top: 100%;
}
.carousel.vertical .prev {
	top: -100%;
}
.carousel.vertical .next.left, .carousel.vertical .prev.right {
	top: 0;
}
.carousel.vertical .active.left {
	top: -100%;
}
.carousel.vertical .active.right {
	top: 100%;
}
.carousel.vertical .item {
	left: 0;
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: unset;
	right: 2%;
	z-index: 15;
	width: 1%;
	padding-left: 0;
	margin-left: -30%;
	text-align: right;
	list-style: none;
	top: 30%;
}
#carousel-example-generic {
	/*top: 100px; Pearson Yachts Portal*/

}
.carousel-indicators li {
	float: none
}
#carousel-example-generic h3 {
	font: normal 50px poppinsregular;
	font-family: Curve;
	/*color: #FFFFFF;*/
	margin: 0;
	text-shadow: 0 0 10px #666;
}
#carousel-example-generic h1 {
	font: normal 80px/61px poppinssemibold;
	font-family: Curve;
	color: #FFFFFF;
	margin: 0;
	text-shadow: 0 0 10px #666;
}

/* Parallax animation effects */
.hero-carousel .carousel-item .carousel-image{
  transform: scale(1) translateX(0);
  transition: all 0.6s;
}

.hero-carousel .carousel-item.carousel-item-next .carousel-image,
.hero-carousel .carousel-item.active.carousel-item-right .carousel-image{
  transform: scale(1.3) translateX(-50%);
}

.hero-carousel .carousel-item.carousel-item-prev .carousel-image,
.hero-carousel .carousel-item.active.carousel-item-left .carousel-image{
  transform: scale(1.3) translateX(50%);
}

.hero-carousel .carousel-item.carousel-item-next.carousel-item-left .carousel-image, 
.hero-carousel .carousel-item.carousel-item-prev.carousel-item-right .carousel-image{
  /*transform: scale(1);*/
  transform: scale(1) translateX(0);
}


/* Makes carousel full screen */
.hero-carousel .carousel-item{
  height: 100vh;
  overflow: hidden;
}
.hero-carousel .carousel-item .carousel-image{
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}




/* Ignore this CSS */
#carouselExampleIndicators{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/*
@media (max-width: 992px) {
    .dropdown-toggle {
        display: none;
    }

    .dropdown-menu {
        display: block;
        position: relative;
        border-width: 0;
        padding: 0;
        margin: 0;
    }

    .dropdown-item {
        padding: .5rem 0rem;
        color: rgba(0,0,0,.5);
    }
}*/