@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,500,600);

body {
	margin: 0;
}

 img {
  max-width: 100%;
  height: auto;
}


picture {
	 display: block;
	 width: 100%;
}

#slideshow img, #subheader img {
    width: 100%;
    height: auto;
}

h1 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	/*font-size: 30px;*/
	font-weight: lighter;
	color: #be1e2d;
	text-align: center;
}

h2 {
	font-family: 'helvetica', arial, sans-serif;
	/*font-size: 19px;*/
	font-weight: lighter;
	color: #000;
	text-align: center;
	line-height: 25px;
}

h3 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	/*font-size: 28px;*/
	font-weight: lighter;
	color: #000;
	line-height: 34px;
	text-align: center;
}

h4 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 25px;
	font-weight: lighter;
	color: #be1e2d;
	margin: 0;
}

h5 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 21px;
	color: #000;
}

p {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 24px;
}

.caption {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	color: #666;
	font-style: italic;
	line-height: 16px;
}


li {
	text-align: left;
	display: list-item;
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 28px;
	margin: 0;
}


a:link {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	color: #004990;
	text-decoration: none;
}

a:visited {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	color: #004990;
	text-decoration: none;
}

a:hover {
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 16px;
	color: #be1e2d;
	text-decoration: underline;

}


.prod-box-image p{
	position: absolute;
	bottom: 0;
	background: rgba(227, 223, 216, .9);
	width: 100%;
	/*font-size: 16px;*/
	text-align: center;
	padding: 9px 0;
	z-index: 1;
}

#login-tab{
    -webkit-filter: brightness(100%);
}
#login-tab:hover
 {
    -webkit-filter: brightness(90%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.prod-box-image {
    -webkit-filter: brightness(100%);
}

.prod-box-image:hover
 {
    -webkit-filter: brightness(50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#app-store {
    -webkit-filter: brightness(100%);
}

#app-store:hover
 {
    -webkit-filter: brightness(50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#footer-social {
    -webkit-filter: brightness(100%);
}

#footer-social:hover
 {
    -webkit-filter: brightness(50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


#footer p{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	margin: 0;
}

#footer p a:link{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	margin: 0;
}

#footer p a:visited{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	margin: 0;
}

#footer p a:hover{
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 12px;
	color: #ccc;
	text-decoration: underline;
	margin: 0;
}

#headshot1, #headshot2, #headshot3, #headshot4, #logos1, #logos2, #logos3 {
    -webkit-filter: brightness(100%);
}

#headshot1:hover, #headshot2:hover, #headshot3:hover, #headshot4:hover {
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.photo-border{ /* Used for bio photo*/
	padding-top: 10px;
	padding-left: 10px;
	border-top-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #003b71;
	border-left-color: #003b71;
	
}


	#headshot-contact h1 {
		margin-top:0;
		margin-bottom:0;
		text-align:left;
		font-size:20px;
	}
	
	#headshot-contact h3 { 
	margin-top: 0;
	margin-bottom: 10px;
	}
	
	#headshot-contact p { 
	margin-bottom:10px;
	margin-top: 0;
	}
	
	#testimonial p {
	margin: 0; 
    }
	
	#bio h1 {
		margin: 0;
		text-align:left;
		}

	#bio h3 { 
	margin: 0;
	}
	
	#bio p {
	margin: 0; 
    }
	
	#bio-photo img {
		float:left; padding-right:10px;
		}
		
		#logos-contact p {
	margin: 0; 
    }
		
	#logos1:hover, #logos2:hover, #logos3:hover {
    -webkit-filter: opacity(.5) grayscale(1);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.star-form{
	
	display: none;
}


#review-button{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding: 4px 8px;
    text-decoration: none;
    color: initial;
    width: 100%;
    text-align: center;
}

.fa-star {
    font-size: 30px !important;
	letter-spacing: 10px !important;
	 -webkit-transition: all 0.2s ease-in !important;
    -moz-transition: all 0.2s ease-in !important;
    -o-transition: all 0.2s ease-in !important;
    transition: all 0.2s ease-in !important;
}
.checked {
    color: orange;
}

input, textarea, keygen, select, button, label, .form-control{
	
	font-family: "Helvetica", Arial, sans-serif;
    color: black;
    font-size: 16px;
    line-height: 24px;
}

/* Animations */
.animate-in {
    -webkit-animation: fadeIn .5s ease-in;
    animation: fadeIn .5s ease-in;
}
.animate-out {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}



.child {
  /* ... */
  position: absolute;
}




/* Mobile Layout: 480px and below. */
@media only screen and (min-width: 1px) {
    h1{font-size: 21px; margin-top: 10px;}
	h2{font-size: 16px; margin-top: 0;}
	h3{font-size: 24px; margin-top: 0;}
	
	.prod-box-image p{
	font-size: 13px;} 
	
	#page-title h1 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	letter-spacing: 2px;
	color: #000;
	margin: 0;
	}
	
}

/* Small Tablet & Desktop Layout: 481px - 768.  Inherits styles from: Tablet & Desktop Layout. */
@media only screen and (min-width: 481px) {
 	h1{font-size: 26px; margin-top: 15px;}
	h2{font-size: 19px; margin-top: 0;}
	h3{font-size: 28px; margin-top: 0;} 
	
	.prod-box-image p{
	font-size: 16px;}
	
	#page-title h1 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 30px;
	font-weight: lighter;
	letter-spacing: 5px;
	color: #000;
	margin: 0;
	}

}

/* Large Tablet & Desktop Layout: 769px - 1130.  Inherits styles from: Tablet & Desktop Layout. */
@media only screen and (min-width: 769px) {
 	h1{font-size: 30px; margin-top: 30px;}
	h2{font-size: 19px; margin-top: 0;}
	h3{font-size: 28px; margin-top: 0;} 
	
	.prod-box-image p{
	font-size: 16px;}
	
	#page-title h1 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 38px;
	font-weight: lighter;
	letter-spacing: 5px;
	color: #000;
	margin: 0;
	}
}

/* Desktop Layout: 1131px & up.  Inherits styles from: Tablet & Desktop Layout. */
@media only screen and (min-width: 1131px) {
 	h1{font-size: 30px; margin-top: 30px;}
	h2{font-size: 19px; margin-top: 0;}
	h3{font-size: 28px; margin-top: 0;} 
	
	.prod-box-image p{
	font-size: 16px;}
	
	#page-title h1 {
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-size: 48px;
	font-weight: lighter;
	letter-spacing: 5px;
	color: #000;
	margin: 0;
	}
}