@charset "UTF-8";


.logo {
	background: url(../img/logo-pk-pd-compass.png) center center no-repeat;
	background-size: 80%;
	width: 100%;
	height: 0;
	padding-bottom: 25%;
	color: transparent !important;
	position: relative;
	margin-top: 0;
}


.seal {
	background: url(../img/graphic-patent-pending.png) center center no-repeat;
	background-size: 80%;
	width:62px;
	height: 62px;
	margin: 0;
	top: -13px;
	right: -10px;
	position: absolute;
}


@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .logo {
    background-image: url(../img/logo-pk-pd-compass@2x.png);
  }
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.splash .subtitle {
	text-align: center;
	color: #d4b5c0;
	}

.splash .download-button {
	margin: 40px auto 40px;
	display: block;
}

.jumbotron {
	margin-bottom: 0;
}

.jumbotron .bullets {
	margin-top: 20px;
}

.jumbotron .bullet-text {
	font-family: "HelveticaNeue-CondensedBold", "Oswald Bold", Impact, sans-serif;
	text-transform: uppercase;
	font-size: x-large;
	color: #939598;
}

.jumbotron .bullet {
	color: #73283B;
	font-size: large;
	position: relative;
	top: -2px;
	left: -2px;
}


.jumbotron .bullets img {
	height: 70px;
	margin: 0 auto 12px;
}

.benefit img {
	margin: 0 auto;
}

.benefit .text {
	text-align: center;
}

.screenshot {
	background-image: url(../img/bg-benefit-alt-row.png);
	background-repeat: repeat-x;
	background-position: 0% center;
}

.carousel .screenshot {
	background: none;
}


.jumbotron div.background {
	
  background: -moz-radial-gradient( 50% 100%, circle farthest-corner, rgb(255,0,102) 12%, rgb(255,18,113) 14%, rgb(252,15,110) 21%, rgba(81,9,33,0.00) 100%), url(../img/bg-petri-dish-pattern.jpg);
  background: -webkit-radial-gradient( 50% 100%, circle farthest-corner, rgb(255,0,102) 12%, rgb(255,18,113) 14%, rgb(252,15,110) 21%, rgba(81,9,33,0.00) 100%), url(../img/bg-petri-dish-pattern.jpg);
  background: -ms-radial-gradient( 50% 100%, circle farthest-corner, rgb(255,0,102) 12%, rgb(255,18,113) 14%, rgb(252,15,110) 21%, rgba(81,9,33,0.00) 100%), url(../img/bg-petri-dish-pattern.jpg);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 542px;
}

.jumbotron .container-fluid, .benefit .container-fluid {
	padding: 0;
}

.jumbotron .availability-notice {
	text-align: center;
	padding-left: 0;
	font-size: small;
	margin-top: 0;
	color: rgba(255, 255, 255, 0.70);
	margin-bottom: 30px;
	}

#carousel1 .screenshot {
	padding-bottom: 32px;
}






/*-----------*/



.benefit {
	margin: 0 0 60px 0;
}
.vertical-align {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.benefit h3 {
	font-family: "HelveticaNeue-CondensedBlack", "Oswald Bold","Oswald", Impact, sans-serif;
	font-weight: 700;
	font-size: xx-large;
}
.benefit h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-style: italic;
	color: #73283B;
}
.benefit p {
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}

.benefit.first {
	text-align: center;
}

.benefit .screenshot {
	text-align: center;	
}

.jumbotron {
	background-color: white;
	}



.carousel {
	margin-bottom: 40px;
}
#carousel1 {
	background-color: #e8e1d5;
	padding-bottom: 40px;
}
#carousel1 h2 {
   font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight: 700;
font-size: x-large;
	text-align: center;
	color: #716a5e;
	padding:20px 0 10px 0;
	margin-bottom: 0;
}
#carousel1 .subtitle {
text-align: center;
	font-size: large;
	margin-bottom: 20px;
	font-style: italic;
}

#carousel1 .screenshot img {
-webkit-box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.35);
box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.35);

}
#carousel1 .text {
	padding-right: 20px;
	padding-left: 20px;
}
#carousel1 .text h3 {
	font-size: large;
	margin-top: 0;
}
#carousel1 .text p {
	font-size: medium;
}
#carousel1 .carousel-indicators {
	bottom: 0;
}

footer .list-inline {
}

footer .list-inline li {
	border-right: 1px solid rgba(255, 255, 255, 0.37);
}
	footer .list-inline li:last-child {
		border-right: none;
	}

footer .list-inline li a {
	color: rgba(255, 255, 255, 0.85);
}
footer .list-inline li a:hover {
	color: white;
}


.jumbotron .container-fluid {
}
footer p {
margin: 0 auto 60px;
text-align: center;
color: rgba(255, 255, 255, 0.37);
}

#carousel1 .screenshot img {
	margin: 0 auto;
}

footer {
	border: 1px solid transparent;
	  background: url(../img/bg-petri-dish-pattern.jpg);
	padding: 20px 0 0 0;
	margin: 40px 0 0 0;
}

@media (min-width: 767px) {



.jumbotron div.background {
	
  background: -moz-radial-gradient( 38% 62%, circle closest-corner, rgb(255,0,102) 12%, rgb(255,18,113) 14%, rgb(252,15,110) 21%, rgba(81,9,33,0.00) 100%), url(../img/bg-petri-dish-pattern.jpg);
  background: -webkit-radial-gradient( 38% 62%, circle closest-corner, rgb(255,0,102) 12%, rgb(255,18,113) 14%, rgb(252,15,110) 21%, rgba(81,9,33,0.00) 100%), url(../img/bg-petri-dish-pattern.jpg);
  background: -ms-radial-gradient( 38% 62%, circle closest-corner, rgb(255,0,102) 12%, rgb(255,18,113) 14%, rgb(252,15,110) 21%, rgba(81,9,33,0.00) 100%), url(../img/bg-petri-dish-pattern.jpg);
}

.jumbotron div.background {
	height: 412px;
}



.logo {
	background-size: 80%;
	width: 388px;
	height: 118px;
	color: transparent !important;
	left: -40px;
}

.seal {
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	top: 0;
	right: auto;
	left: 260px;
	background-size: 100%;
}


.splash .subtitle {
	text-align: left;
	padding-left: 20px;
	font-size: x-large;
	}

.splash .download-button {
	margin-left: 20px;
	margin-top: 40px;
}

.jumbotron .availability-notice {
	text-align: left;
	padding-left: 20px;
	font-size: medium;
	margin-top: 60px;
	color: silver;
	margin-bottom: 0;
	
	}


.jumbotron .bullets img {
	height: auto;
	margin: 0 auto 12px;
}

.alt {
	background-image: url(../img/bg-benefit-alt-row.png);
	background-repeat: repeat-x;
	background-position: 0% center;
}

.screenshot {
	background: none;
}

.benefit .text {
	text-align: right;
}
.benefit.alt .text {
	text-align: left;
}

.benefit.alt .text {
	text-align: left;
}
.page {
}

.jumbotron .container-fluid, .benefit .container-fluid {
	max-width: 1100px;
}

#carousel1 .screenshot {
	text-align: right;
	
	}
#carousel1 h2 {
	font-size: xx-large;
	padding: 36px 0 8px;
}
#carousel1 .subtitle {
	margin-bottom: 40px;
}


#carousel1 .screenshot img {
	margin: 0 0 0 auto;
}

.splash {
	margin: 40px 0 0 0;
}


}


@media (min-width : 1024px ){

.logo {
	background-size: 100%;
}

.jumbotron div.background {
	height: 542px;
}

.splash .download-button {
	margin-top: 60px;
}

.seal {
	margin: 0;
	margin-top: 30px;
	margin-left: 10px;
	top: 0;
	right: auto;
	left: 300px;
	background-size: 100%;
}



}