@charset "UTF-8";
/* 

GO Filmet CSS :: Stylesheet
Text and Formatting Overrides for Bootstrap, YAMM, and TPX.
This file should be the last css file included in the header, excluding member group portals.

Contents
1. DEFAULTS
2. NAV OVERRIDES
3. CONTENT

*/
@import url("../fonts/webfonts.css");
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans'); /*font-family: 'Open Sans', sans-serif;*/
@import url(navigation.css);

/* ------ DEFAULTS ------ */
html {font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";}
body {padding-top:75px; /*Adjusted for the height of the navbar*/}
@media (max-width:767px) {
	body {padding-top:50px;}
}


/* ------ CONTENT ------ */
@media (min-width:768px) {
	.product-title-SM {display:none;}
    .product-title-LG {display:block; margin-top:0;}
	/*.navbar-products .SM {display:none !important;}
	.navbar-products .LG {display:block !important;}*/
}
@media (max-width:767px) {
    .product-title-SM {display:block;}
    .product-title-LG {display:none;}
	.break-row {clear:both;}
}


/* General Typography */
p {}
p.disclaimer {font-size:.9em; font-style:italic;}
.row > p {margin-left:1em;} /*check validity */
span.caption {font-size:.9em; font-style:italic; color:#999;}
span.command {font-style:italic; background-color:rgba(141,197,63,.2); padding:2px 3px;}

a {color:#8dc63f;}
a:hover, a:active {color:#ffcf28;}
a:visited {color:#3a5d25;}

a.product-page-link:before {
	content:url("../img/GO-Filmet_icon16px.svg");
	height:12px;
	width:auto;
	margin-right:3px;
	vertical-align:text-top;
}
a.product-page-link {
	font-family: 'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-decoration:underline;
	padding:5px 10px;
	border-radius:50px;
}
a.product-page-link:link, a.product-page-link:visited {color:#8DC63F;}
a.product-page-link:active, a.product-page-link:hover, a.product-page-link:focus {
	color:#3A3A3A;
	background-color:rgba(255,207,39,.25);
}


.product-button {
	display: block;
	margin:25px; padding:1em;
	background: #8DC63F;
	border-radius:10px;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
	font-family: 'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.75em;
	color:#3a3a3a;
	text-decoration: none;
	text-align: center;
}
.product-button:hover {
	background: #FFCF28;
	color:#3a5d25;
}
.close { /* override; class is originally from bootstrap.css */ }
.close:hover, .close:focus {color: #8DC63F;}

h1 {
	font-family: 'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	color:#3a3a3a;
	}
h1.faded {opacity:.25; margin-bottom:0;}
h1 .subheading {display:block; font-size:80%;}

h2 {font-family:'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
h2.category { /* phase out for .product-opening h2 */
	background:#8DC53F;
	color:#3a3a3a;
	font-family: 'GOscript';
	padding:10px 0 10px 15px;
	}
h2.category .subtitle {
	font-size:.65em;
	font-style:italic;
	font-family:'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:15px;
	}

h3 {font-family:'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.carousel-caption h3 {font-size:1.15em;}

h4 {}
h5 {}
h6 {}

hr {/* Bootstrap adjustment: */
  margin:40px 0;
  border:0;
  border-top:1px solid rgba(57,57,57,.25);
}

body, html {height:100%;}
.page-opening:after {content:""; height:0; padding-bottom:20px;}
.page-opening>.parallax, .page-break > .parallax {
    height:100%;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.page-break > .parallax {padding:50px 0;}
.page-break:before {content:""; height:0; padding-top:20px;}
    #photo-books.parallax {background-image:url(../img/parallax_booksPB01-1200.jpg);}
    #cards-stationery.parallax {background-image:url(../img/parallax_cardsGCX01-1200.jpg);}
    #gifts.parallax {background-image:url(../img/parallax_gifts01-1200.jpg);}
    #ornaments.parallax {background-image:url(../img/parallax_ornGL01-1200.jpg);}
    #decor.parallax {background-image:url(../img/parallax_decor01-1200.jpg);}
	#photo-prints.parallax {background-image:url(../img/parallax_prints01-1200.jpg);}
	#about.parallax {background-image:url(../img/parallax_pgh01-1200.jpg);}
	#products.parallax {background-image:url(../img/parallax_gen01-1200.jpg);}
	#phone.parallax {background-image:url(../img/parallax_phone.jpg);}
    .page-opening > .parallax > div { /* darken BG image and set up content */
        padding:75px 125px;
        /*background:rgba(141,198,63,.4);*/
        background:rgba(0,0,0,.6);
        color:#fff;
        font-weight:bold;
        text-shadow:1px 1px 1px rgba(0,0,0,1);
    }
.page-opening > #phone.parallax > div {background:rgba(141,198,63,.4);}
	@media (max-width:768px) {
		.page-opening>.parallax>div {padding:25px;}
	}
    .page-opening-content {
        border-radius:5px;
        border:1px solid rgba(255,255,255,.5);
        padding:20px;
    }
    .page-opening>.parallax h1 {color:#fff; margin:0 0 .25em; font-family:'GOscript';font-size:4em; border-bottom:1px solid rgba(255,255,255,.25);}
    .page-opening>.parallax p {margin-left:2em;}
.page-opening>.parallax ul.thumbnail-row {margin:25px 15px 0;}
.page-opening>.parallax ul.thumbnail-row li.list-label {font-weight:normal; font-style:italic;}
.parallax .thumbnail-row .thumbnail {background:none;border:none;margin:0 10px;}
.parallax .thumbnail-row .thumbnail h3 a {color:#fff; font-family:'GOscript';}
.parallax a:link, .parallax a:visited, .parallax a:hover, .parallax a:active, .parallax a:focus {color:#fff;}

.product-thumbnails {list-style:none;} /* Product Menu with animated title overlays */
.product-thumbnails li.col-md-1, .product-thumbnails li.col-md-2, .product-thumbnails li.col-md-3, .product-thumbnails li.col-md-4, .product-thumbnails li.col-md-5, .product-thumbnails li.col-md-6, .product-thumbnails li.col-md-7, .product-thumbnails li.col-md-8, .product-thumbnails li.col-md-9, .product-thumbnails li.col-md-10, .product-thumbnails li.col-md-11, .product-thumbnails li.col-md-12 {padding:0; margin:0;}
.product-thumbnails li.force-row {clear:both;}

.product-thumbnails .thumbnail-container {margin:5px;}
.product-thumbnails .thumbnail-container img {width:100%; height:auto;}
.product-thumbnails .thumbnail-container img.small {display:none;}
@media (max-width:991px) {
	.product-thumbnails .thumbnail-container img.small {display:block;}
	.product-thumbnails .thumbnail-container img.large {display:none;}
	.product-thumbnails li.force-row {display:none;}
}
.product-thumbnails .thumbnail-container .overlay {
    position:absolute;
    bottom:0; left:0; right:0;
    background-color:rgba(141,197,63,.75);
    overflow:hidden;
    width:100%; height:100%;
    -webkit-transform:scale(0); transform:scale(0);
    transition:.3s ease;
}

.product-thumbnails .thumbnail-container:hover .overlay {transform:scale(1);}
/*.product-thumbnails .thumbnail-container .overlay {width:100%; height:100%;}*/
.product-thumbnails .thumbnail-container .overlay h3 {
    color:#fff;
    position:absolute;
    top:50%; left:50%;
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);    
    text-align:center;
    margin:0; padding:0;
}
/*
@media screen and (max-width:481px) {
	.product-thumbnails .thumbnail-container .overlay {
		position:relative;
		background-color:none;
		transform:none;
	}
	.product-thumbnails .thumbnail-container .overlay h3 {
		color:#3a3a3a;
		position:relative;
		transform:none;
		left:0;
		font-size:1.4rem;
	}
}*/
.product-thumbnails.inputT .thumbnail-container .overlay {
	position:relative;
	background-color:none;
	transform:none;
}
.product-thumbnails.inputT .thumbnail-container .overlay h3 {
	color:#3a3a3a;
	position:relative;
	transform:none;
	left:0;
	font-size:1.4rem;
}

.product-opening {margin-bottom:1.5em;}
.product-opening h2 {
	color:#3a3a3a;
	font-family: 'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.product-slides {/* use for carousel of product feature images */}
.product-info {}

.product-container {}

.container-fluid.tinted {
	background-color:rgba(0,0,0,.05);
	margin:1em 0;
}
.container.inset {padding-left:50px; padding-right:50px;}

.product-features {
	list-style:circle;
	margin:0 5px 5px 15px;
}
.product-features li.list-label {
	list-style:none;
	margin-left:-15px;
	font-style:italic;
}
.product-theme { /* phase out or re-label; use .product-themes with an "s" */
    background:#8dc63f;
    border-radius:5px;
    margin:10px 0;
}
.product-theme a {color:#3a3a3a;}
.product-theme a:hover {text-decoration:none;}
.product-theme img {margin-top:10px;}
.product-theme h4 {
    font-family: 'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:bold;
}
.product-theme button {
    border-radius:20px 0 0 20px;
    cursor:pointer;
    display:inline-block;
    height:20px;
    margin-left:40px;
    margin-right:40px;
    position:relative;
    background:#3a3a3a;
    color:#fff;
    border:#3a3a3a;
    padding:3px 0 3px 10px;
    font-family: 'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.product-theme button:after {
    content:"";
    position:absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height:0; width:0;
    /*border-left: 5px solid #3a3a3a;*/
}


.product-themes {/* Container for list of product themes with size listings */
	margin-top:10px;
	}
@media (max-width:1199px) {
	.product-themes > div {margin-bottom:20px;}
}
	.product-themes h4 {}

.theme-info {margin-bottom:20px;}
.theme-info h4 {font-family: 'GOscript';font-size:1.75em; margin-top:0;}

.product-sizes {/* container for product sizes, should always be inside .product-themes container */}
	/*.product-themes */.product-sizes {
		border:1px solid rgba(141,198,63,.5);
		border-radius:5px;
		padding:.5em;
		margin-top:10px;
		}
	/*.product-themes */div.row.product-sizes {/* only for product sizes that fall into a separate row beneath the img & description */
		clear:both;
		margin:0 10px;
		}
ul.product-features + div.product-sizes {margin-top:20px;}
	.product-themes.thumbnail-row > div.row.product-sizes {margin:0 1em;} /* for full-width thumbnail rows */
	.product-themes.thumbnail-row > div > div.row.product-sizes {margin:0;} /* column adjustment... not sure why this is needed */

	/*.product-themes */.product-sizes h4 {
		font-family: 'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#3a3a3a;
		margin-bottom:0;
		margin-top:-18px;
		text-align:center;
		}
	/*.product-themes */.product-sizes h4 span, .product-sizes h4 span {padding:1px 5px; background:#fff;}
	/*.product-themes */.product-sizes p, .product-sizes p {color:#666;margin-left:0;}
	/*.product-themes */.productsizes li a span {
	}

/* Phase out this old version: */
.product-selector {/* container list for product links */}
ul.product-selector {list-style:none; margin:10px 10px 5px 5px;}
ul.product-selector li {margin-bottom:15px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
ul.product-selector li span.size {display:block;}
ul.product-selector li span.size {font-weight:bold; font-size:1.2em; line-height:1.1em;}
ul.product-selector li span.size-price {font-style:italic;}
ul.product-selector li span.size em {font-size:.75em; font-style:italic;}
@media (max-width:1000px) {ul.product-selector li span.size em {display:block;}}
ul.product-selector li > img {float:left; display:inline-block; margin-right:5px; width:32px; /*margin-bottom:20px;*/}
ul.product-selector li > div.product-icon {float:left; display:inline-block; margin-right:5px; width:32px;}
ul.product-selector li > div.product-icon > img {width:32px;}
ul.product-selector li.col-xs-6 {padding-left:0;}
@media (max-width:1000px) {ul.product-selector li.col-xs-6 {width:50%;}}

.thumbnail-row ul.product-selector {margin:10px 0 5px;}
.thumbnail-row ul.product-selector li {text-align:center;}

/* In favor of this one: */
#product-selector .thumbnails {clear:both;}
#product-selector .thumbnails li > div {
	text-align:center;
	background-color:#fff;
	border-radius:15px;
	width:100%;
	padding:10px;
	margin-bottom:1em;
}
#product-selector .thumbnails li > div:hover {
	background-color:rgba(255,207,39,.25);
	cursor:pointer;
}
#product-selector .thumbnails img {box-shadow:1px 1px 5px rgba(0,0,0,.5); margin:0 auto;}

#product-selector .thumbnails li > a {color:#3a3a3a;}
#product-selector .thumbnails li > a:hover, #product-selector .thumbnails li > a:active, #product-selector .thumbnails li > a:focus {color:#8DC63F;}
#product-selector .thumbnails li span.title {
	display:block;
	line-height:16px;
	margin:5px 0 3px;
}
#product-selector .thumbnails li span.price {
	font-size:1.05em;
}
#product-selector .thumbnails li span.price > span.slash {
	text-decoration:line-through;
	color:#999;
	font-size:.85em;
}

.tagline {}
.tagline h4 {margin-bottom:0;}


p.price {font-weight:bold; font-size:1.1em;}
p.price em {font-weight:normal;}
span.price {font-size:.85em; font-style:italic; margin-left:.5em}
h2 span.price {font-size:.75em; font-style:normal;}
.theme-info h4 span.price {font-size:inherit; float:right; display:inline-block;}

/* For possible overlay menu of sizes: */
.overlay-sizes {
	/*z-index:500;*/
	z-index:100;
	position:relative;
	margin:0 auto;
	padding:10px 50px;	
	border-radius:0  0 15px 15px;
	background:rgba(141,198,63,.1);
	/*box-shadow:1px 1px 6px rgba(0,0,0,.5);*/
	border-top:10px solid #8dc63f;
}
.overlay-sizes:after {
	content:"";
	position:absolute;
	bottom:100%;
	left:25%;
	width:0; height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #fff;
}
.overlay-sizes h4 {
	color:#8dc63f;
	font-family:'GOsans_semibold';
	font-size:1.5em;
	margin:0;
	margin-top:10px;
}
.overlay-sizes ul.product-selector {list-style:none; column-count:3; margin:5px 15px;}
.overlay-prices, figure.overlay {
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(141,198,63,.75);
	/*z-index:5000;*/
	z-index:100;
	display:none;
}

.overlay-content {
	/*positon:relative;*/
	/*top:25%;*/
	width:30%;
	height:auto;
	background:#fff;
	border-radius:15px;
	border:2px solid #3a3a3a;
	padding:.5em 1.5em;
}
figure.overlay > .overlay-content {
	width:90% !important;
}
figure.overlay > .overlay-content p {color:#3a3a3a;}
@media (min-width:1200px) {
	.overlay-content {width:50%;}
	figure.overlay > .overlay-content {width:90%;}
}
/*@media (max-width:1199px) {.overlay-content {width:50%;}}*/
@media (max-width:1000px) {
	.overlay-content {width:60%;}
	figure.overlay > .overlay-content {width:90%;}
}
@media (max-width:767px) {
	.overlay-content {width:75%;}
	figure.overlay > .overlay-content {width:90%;}
}
@media (max-width:600px) {
	.overlay-content {width:95%;}
	figure.overlay > .overlay-content {width:90%;}
}

.overlay-content h3 {margin:.5em 0; width:100%;}
.overlay-content table {
	table-layout:fixed;
	margin:0 auto .5em;
	width:100%;
	}
	.overlay-content table th {padding:0 .5em; text-align:center; font-weight:bold; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	.overlay-content table td {padding:.5em; text-align:center;}
	.overlay-content table thead>td {/* Use thead for groupings of columns that would have another label */}
	.overlay-content table tbody>tr:nth-child(odd) td {background:rgba(0,0,0,.05);}
	.overlay-content table th, .overlay-content table td {border-right:1px solid #ccc;}
	.overlay-content table th:last-child, .overlay-content table td:last-child {border-right:0;}
	.overlay-content table tr {border-bottom:1px solid #ccc;}
	.overlay-content table tr:last-child {border-bottom:0;}
	.overlay-content table tfoot {color:#c3c3c3; font-size:.9em;}
	.overlay-content table caption {}

.overlay.waiting {
	position:fixed;
	top:0; bottom:0; left:0; right:0;
	width:100%;
	height:100%;
	/*z-index:5000;*/
	z-index:500;
	background:rgba(0,0,0,.75);
	color:#8DC63F;
	font-size:3em;
	display:none;
}
.overlay.waiting a, .overlay.waiting a:visited, .overlay.waiting a:hover, .overlay.waiting a:focus {color:#8DC63F;}
/*.overlay.waiting > overlay-content {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:none;}*/

/* Shipping Information Overlay, launched from footer */
#shippingInfo {font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#shippingInfo p {font-size: larger;}
#shippingInfo dl {margin-left:25px; margin-top:10px; color:#000;}
#shippingInfo dt {font-weight:bold; margin-top:5px;}
#shippingInfo dd {margin-left:20px;}

@keyframes cookiesPlease {
	from {opacity:0}
	to {opacity:1;}
}
#cookiesPlz.overlay {
	position:fixed;
	top:25px; left:0; right:0;
	height:auto;
	padding:2em;
	z-index:500;
	opacity:0;
}
#cookiesPlz.overlay.fadeIn {
	-webkit-transition: 1s opacity;
	-moz-transition: 1s opacity;
	-ms-transition: 1s opacity;
	-o-transition: 1s opacity;
	transition: 1s opacity;
	opacity:1;
}
#cookiesPlz.overlay .content {
	position:relative;
	margin:0 auto;
	padding:1.75em 1em 1em;
	/*background:#3a3a3a;*/
	background-image: -webkit-linear-gradient(to bottom right, rgba(141,197,63,1) 0%, rgba(58,58,58,1) 100%);
	background-image:      -o-linear-gradient(to bottom right, rgba(141,197,63,1) 0%, rgba(58,58,58,1) 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(141,197,63,1)), to(rgba(58,58,58,1)));
	background-image:         linear-gradient(to bottom right, rgba(141,197,63,1) 0%, rgba(58,58,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
	width:90%;
	border-radius:20px;
	border-bottom:#FFCF28 5px solid;
	box-shadow:0 3px 5px 0 rgba(0,0,0,.5);
	text-align:center;
	color:#fff;
}
#cookiesPlz.overlay .content h3 {color:#fff;}
#cookiesPlz.overlay .content p strong {font-size:1.2em;}
@media (max-width:767px) {
	#cookiesPlz.overlay {top:0;}
	#cookiesPlz.overlay .content {padding-top:2em;}
}

.overlay.memberRD { /* Member Group Alert */
	/*z-index:3000;*/
	z-index:600;
	position:fixed;
	width:450px;
	height:250px;
	background:#3a3a3a;
	border-radius:15px;
	color:#fff;
	box-shadow:3px 3px 6px 3px rgba(0,0,0,.25);
	padding:20px;
	text-align:center;
	display:none;
}
.memberRD > .closeIcon {
	position:absolute;
	width:20px; height:20px;
	top:5px; right:10px;
	text-align:right;
	vertical-align: top;
	color:rgba(255,255,255,.5);	
}
.memberRD > div {width:90%;}
.memberRD > div > h3 {margin-bottom:0; margin-top:0;}
.memberRD > div > p {margin:0 auto;}
.memberRD > div > p.disclaimer {width:350px; text-align:justify;}
.memberRD > div > div.btn-group {margin-top:20px; margin-bottom:20px;}

.centered {
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}


.product-closing p {
	margin:20px 0 10px;
	font-size:1.15em;
	}

.extra-small {min-width:115px;}
.product-sizes {margin-bottom:20px;}
.product-sizes p {margin-left:15px; margin-bottom:3px; padding-bottom:0; font-style:italic;}
.product-sizes dl {}
.product-sizes dl dt {
	clear:both;
	font-weight:bold;
	font-size:1.25em;
	margin-top:5px;
	}
.product-sizes dl dd {
	/*margin-left:.5em;*/
	vertical-align:bottom;
	font-style:italic;
	color:#3A5D25;
	border-top:1px dashed FFCF28;
	}
.product-sizes dl.icon15 dd {margin-left:20px;}
.product-sizes dl.icon30 dd {margin-left:35px;}
.product-sizes dt a span.set {
	display:block;
	margin-left:20px;
	line-height:1em;
	}
ul.product-sizes {list-style:none; margin-left:0; padding-left:0;}
ul.product-sizes li {}
ul.product-sizes li span {font-size:1.25em; display:block; text-align:center;}

.svg-book, .svg-landscape, .svg-portrait, .svg-square {fill:#8dc63f;}
object.text-icon {height:1em;}


#features {}
.tinted h3 {
	font-family:'GOsans_semibold';
	color:#3a3a3a;
	border-bottom:1px solid #3a3a3a;
}
.tinted hr {margin:3px auto;}

.features {/* Features Lists */
	list-style:none;
}
.features li {height:100%; margin-bottom:5px;}
.features li > div.icon {
	float:left; display:inline-block;
	height:100%; width:auto;
	margin-right:.5em; margin-bottom:.1em;
}
.features li > div.icon img {
	width:50px; height:50px;
	padding:3px;
	background-color:#3a3a3a;
	border-radius:50%;
}
.features.features-lg li > div.icon img {
	width:80px; height:80px;
	padding:5px
}
.features li h5 {margin:0 0 .2em; font-size:1.25em; font-family:'GOsans_bold';}
.features li p {margin-top:0; line-height:1em;}
@media screen and (max-width:767px) {
	.features li:nth-child(odd) {clear:both;}
	.features li {padding-top:10px; border-top:1px solid rgba(58,58,58,.25);}
	.features li:first-child, .features li:nth-child(2) {padding-top:0; border-top:none;}
}
@media screen and (max-width:375px) {
	.features li.col-xs-6 {width:100%;}
	.features li:nth-child(2) {padding-top:10px; border-top:1px solid rgba(58,58,58,.25);}
}


.icon-list {
	list-style:none;
	display:table;
	clear:both;
	margin:3px 0;
}
.icon-list li {display:table-row}
.icon-list li .icon, .icon-list li .text {display:table-cell; vertical-align: top;}
.icon-list li .icon {font-size:30px; text-align:right; padding-right:5px;}
.icon-list li h5 {margin:.5em 0; font-size:1.1em;}
.icon-list li p {margin-top:0; line-height:1em;}

/* Options lists */
.options {
	background:rgba(58,58,58,.05);
	-moz-border-radius:15px; border-radius:15px;
}
.options h4 {
	font-family:'GOsans_regular';
	font-style:italic;
	font-size:1.5em;
	text-align:center;
}
.options h5 span.price {
	font-style:italic;
	color:#3A5D25;
	}

dl.options {padding:1em;}
dl.options dt {margin-bottom:0; padding-bottom:0; clear:both;}
dl.options dt.list-label {font-size:1.3em; font-family: 'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:.25em; color:#8dc63f;}
dl.options dd {margin-left:1em;margin-bottom:1em;}
dl.options dd:last-child {margin-bottom:0;}
dl.options dt>img {
	float:left;
	display:inline-block;
	width:20%;
	height:auto;
	margin-right:6px;
}
@media (max-width:450px) {
	dl.options dt>img {float:none; display:block; width:100%; margin-right:0;}
}

ul.options {/* options with image displays */
	background:none;
}
ul.options li {margin-bottom:10px;}
ul.options li h5 {margin:0 0 3px;}

ul.options li div:first-child {padding:0;}
ul.options li div:last-child {}




img, a img {}

img.screenshot {
	border:5px solid #fff;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,.25);
	}

img.float-L {float:left; display:inline-block; margin-right:10px;}
img.float-R {float:right; display:inline-block; margin-left:10px;}

img.opacity50 {opacity: 0.5;}

i.graphic-15 {font-size:15em;}

.laundry-list {/* list of small icons, esp. "laundry" symbols*/
	width:auto;
	margin:5px;
}
.laundry-list > img {
	width:2em; height:auto;
	vertical-align:middle;
	margin-right:.5em;
}
.laundry-list > img:last-child {margin-right:0;}


aside.tool-tip {
	padding:1em;
	background:#636363;
	color:#fff;
	-moz-border-radius:15px;
	border-radius:15px;
	}

section > sub-section {
	
}
.well { /* original from bootstrap */
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well.business-card-well { /* Inset well for feature links to the other divisions */
	background:none;
	border:none;
	border-radius:0;
	-webkit-box-shadow: none;
	box-shadow:none;
	padding:0;
	margin:10px 25px;
}
.well.business-card-well .card {/*margin:0 10px;*/}
.well.business-card-well .card .well.business-card {background:rgba(57,57,57,.05)}
.business-card .card-header {padding:5px;}
.business-card .card-body {}
.business-card .card-footer {
	background:rgb(141,197,63);
	padding:5px;
	text-align:center;
	font-size:1.5em;
	font-family: 'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.business-card .card-footer a:link {color:#3a3a3a;}

.well.tabset { /* Large content-based well that holds content in a tab setup where the tab content is also in a well */
	padding:1em 1em 1em 3em;
	border:none;
	background-color:/*rgba(141,197,63,.25)*/#fff;
	-webkit-box-shadow:none; box-shadow:none;
}
@media (max-width:767px) {
	.well.tabset {padding:10px !important;}
}

/* Articles of information that have tabbed sections. May or may not have nested tabbed content */
.tabbed {padding:0 30px;}

.tabbed .nav-pills > li > a {border-radius:5px 5px 0 0;}
.tabbed > .nav-pills > li > a:hover,
.tabbed > .nav-pills > li > a:active {color:#3a3a3a; background:rgba(255,207,39,.25);}
.tabbed > .nav-pills > li.active > a,
.tabbed > .nav-pills > li.active > a:hover,
.tabbed > .nav-pills > li.active > a:focus {color:#3a3a3a; background-color:#8DC63F;}

article.tabbed > .tab-content > .well {background:rgba(223,239,201,.25);} /* make light theme? */
/* Dark Theme */
.tabbed.dark > .tab-content.well {
	background:#3a3a3a;
	border-radius:0 10px 10px 10px;
	border:none;
}

.tabbed.dark .tab-pane > h2 {color:#e3e3e3; margin-top:0;}
.tabbed .tab-pane section h3 {margin-top:0;}

/* Nested Tabs */
.tabbed .nav-pills.nested > li a {color:#3a3a3a;}
.tabbed .nav-pills.nested > li.active > a,
.tabbed .nav-pills.nested > li.active > a:hover,
.tabbed .nav-pills.nested > li.active > a:focus {color:#3a3a3a; background:#fff; border:1px solid #3a3a3a; border-bottom:none;}
.tabbed .tab-content.nested .well {background:none; border:none; border-top:1px solid #3a3a3a; border-radius:0;}
.tab-pane h4 {font-family: 'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.nested .tab-pane > h4 {padding-top:0; margin-top:0;}
.content-group {margin-left:20px; margin-bottom:15px;}
.content-group > h5 {margin-left:-10px; font-style:italic; font-weight:bold;}
.tabbed hr {width:80%; margin-left:auto; margin-right:auto;}
@media (max-width:767px) {
	.nav-pills.nested {margin-bottom:0;}
	.nested .tab-pane > h4 {margin-left:0; margin-bottom:0;}
	.tab-content.nested .well {padding:5px 0;}
	.tab-content.nested {margin:5px auto;}
	.content-group {margin-left:0;}
	.content-group > h5 {margin-left:0; margin-bottom:2px;}
	.content-group > div {}
}
.tabbed .panel-group {margin-bottom:0;}
.tabbed.dark .panel-default {border:none;}
.tabbed.dark .panel-default > .panel-heading {/*background-color:#f5f5f5;*/}
.tabbed.dark .panel-default > .panel-heading:hover,
.tabbed.dark .panel-default > .panel-heading.open {background-color:#8dc63f;}
.tabbed.dark .panel-default > .panel-heading a {width:100%; height:100%;}
.tabbed.dark .panel-default > .panel-heading a:hover,
.tabbed.dark .panel-default > .panel-heading a:focus {color:#3a3a3a; text-decoration:none;}
.tabbed.dark .panel-default > .panel-heading a:active {color:#fff; text-decoration:none;}

#tabNS {display:none;}

@media (max-width:767px) {
	.tabbed {padding:0;}
	.tabbed.dark > .tab-content.well {
		border-radius:0 0 10px 10px;
	}
	.tabbed .nav-pills > li > a {padding-left:15px;}
}


figure.labeled-photo {margin-bottom:1.5em;}
figure.labeled-photo h5 {margin-bottom:0;}
figure.labeled-photo img {margin-bottom:.5em;}
figure.labeled-photo img, figure.labeled-photo figcaption {margin-left:.75em;}

.outline {}
.outline section h4, .outline section h5 {font-family:'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.outline section h4 {margin:.75em 0 .25em;font-size:1.5em}
.outline section h5 {margin:.5em 0 0 .75em;font-size:1.25em;color:#8dc63f;}
.outline section p {margin:0 0 .25em 1.5em;}
.outline section p.outdent {margin-left:.25em;margin-top:.5em;}

.text-page {}
.text-page h1 {font-family:'GoScript';}

.nested-cap {
	font-family:'GoScript';
	font-size:3em;
	color:#8DC53F;
	float:left;
	display:inline-block;
	margin-top:-.5em;
	padding-right:3px;
}

.closing {
	font-family:'GoScript';
	text-align:right;
	font-size:1.5em;
}

/* ------ TABLES ------ */
/* change this to be a different id? */
table#features {/* software features display table; css table */
	/*display:table;*/
	border-spacing:0;
	border-collapse:collapse;
	width:90%;
	margin:0 auto;
}
table#features > header {
	display:table-header-group;
	font-weight:bold;
}
table#features > div {display:table-row;}
table#features > div > span.cell {display:table-cell}

table#features thead {border-bottom:2px solid #3a3a3a;}
table#features th {text-align:center; font-weight:bold;}
table#features td {
	padding:.5em;
	border-bottom:1px solid rgba(58,58,58,.5);
	text-align:center;
}
table#features td:first-child, table#features tfoot th:first-child {text-align:left;}

col.platform {width:20%;}
col#phone-features {background:#ccc; border:1px solid red;}
col#tablet-features {background:#aaa;}
col#desktop-features {background:#eee;}

/* ------ FORMS ------ */
#contactUs {}
#contactUs form .extra {display:none;}
#contactUs form form-button {width:100%;}
#contactUs input.btn {display:block; margin:0 auto; width:200px;}



/* ------ FOOTER ------ */

#footer {
	background:#3a3a3a;
	border-top:#8DC53F solid 10px; padding-top:1em;
	border-radius:0;
	font-family: 'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8dc63f;
	margin-top:20px;
}

.footer-nav {margin-left:0; padding-left:0;}
.footer-nav > li {
	list-style:none;
	/*display:inline;*/
	/*padding:0 15px 0 0;*/
	/*margin:5px 15px 5px 0;*/
	/*border-right:2px solid;*/
	font-size:1em;
	letter-spacing:.1em;
	}
	.footer-nav li:first-child {margin-left:0;}
	.footer-nav li:last-child {border-right:none;}
	
	.footer-nav a:link, .footer-nav a:visited {color:#8dc63f; text-decoration:none; font-style:normal;}
	.footer-nav a:hover, .footer-nav a:active {color:#ffcf28; text-decoration:underline; font-style:normal;}

.footer-nav > li > ul > li {
	list-style:none;
	display:block;
}

.footer-nav.cols2 {column-count:2;}
.footer-nav.cols2 > li {width:95%;}

#free-shipping h4 {margin:0 10px; padding-bottom:0; text-align:center; /*border-bottom:solid 1px #8DC63F;*/}
#free-shipping p {margin:3px 25px 0 25px; padding-top:0;}
span.shippingInfo {cursor:pointer; float:right; display:inline-block; margin-right:25px;}
span.shippingInfo:hover, span.shippingInfo:focus, span.shippingInfo:active {color:#FFCF28;}


#footer hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid rgba(141,197,63,.5);
}
.copyright {margin-left:0; text-align:center;}

@media (min-width:992px) {
	#footer > div > div > div:first-child {border-right:1px solid rgba(141,197,63,.5);}
}
@media (max-width:991px) {
	.footer-nav.cols2 {column-count:3;}
	.footer-col {padding:5px 0; margin:5px 0;}
	#footer-links {border-bottom:1px solid rgba(141,197,63,.5); text-align:center;}
}
@media (max-width:767px) {
	#footer-links {border-bottom:none;}
	#free-shipping {width:75%; margin:5px auto;}
}

/* ------ MAILCHIMP SIGN UP FORM ------ */
/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
#mc_embed_signup {
	background:rgba(255,255,255,.1);
	border-radius:10px;
	padding:5px 10px;
	clear:left;
	font:14px;
}

#mc_embed_signup form {
	display:block;
	position:relative;
	text-align:left;
	/*padding:10px;*/
}

#mc_embed_signup h2 {
	font-weight:bold;
	padding:0;
	margin:15px 0 0;
	font-size:1.4em;
}

#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}

#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}

#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}

#mc_embed_signup input:focus {border-color:#8DC63F;}

#mc_embed_signup .button {
	/*clear:both;*/
	background-color:rgba(255,255,255,.25);
	border: 0 none;
	border-radius:4px;
	letter-spacing:.03em;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size:15px;
	height: 32px;
	line-height: 32px;
	margin: 0 5px 10px 0;
	padding:0;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
	transition: all 0.23s ease-in-out 0s;
}

/*#mc_embed_signup .button:hover {background-color:#777;}*/

#mc_embed_signup .small-meta {font-size: 11px;}

#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {
	display:block;
	font-size:16px;
	/*padding-bottom:10px;*/
	font-weight:bold;
}

#mc_embed_signup input.email {
	font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
	font-size: 15px;
	float:left;
	display:inline-block;
	/*display:block;*/
	padding:0 0.4em;
	margin:0 4% 10px 0;
	min-height:32px;
	width:58%;
	min-width:130px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

#mc_embed_signup input.button {
	float:left;
	display:inline-block;
	/*display:block;*/
	width:35%;
	margin:0 0 10px 0;
	min-width:90px;
}

#mc_embed_signup div#mce-responses {
	float:left;
	top:-1.4em;
	padding:0em .5em 0em .5em;
	overflow:hidden;
	width:90%;
	margin: 0 5%;
	clear: both;
}

#mc_embed_signup div.response {
	margin:1em 0;
	padding:1em .5em .5em 0;
	font-weight:bold;
	float:left;
	top:-1.5em;
	z-index:1;
	width:80%;
}

#mc_embed_signup #mce-error-response {display:none;}

#mc_embed_signup #mce-success-response {
	color:#529214;
	display:none;
}

#mc_embed_signup label.error {
	display:block;
	float:none;
	width:auto;
	margin-left:1.05em;
	text-align:left;
	padding:.5em 0;
}

/* ----- CAROUSEL STYLES ----- */
.carousel {/* Carousel container, default overrides; see bootstrap.css for all */}
.carousel-inner {/* Slide content container */}
.carousel-inner > .item {/* individual slide content */
	-webkit-transition: 2s ease-in-out left; /* default .6s; slow down? */
	     -o-transition: 2s ease-in-out left;
			transition: 2s ease-in-out left;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {display:block; max-width:100%; height:auto;}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .2s ease-in-out;
         -o-transition:      -o-transform .2s ease-in-out;
            transition:         transform .2s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-control {/* Previous/Next arrows */
	color:#8dc63f; background-color:rgba(255,255,255,0)
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,.5) 0%, rgba(255,255,255,.0001) 100%);
	background-image:      -o-linear-gradient(left, rgba(255,255,255,.5) 0%, rgba(255,255,255,.0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,.5)), to(rgba(255,255,255,.0001)));
	background-image:         linear-gradient(to right, rgba(255,255,255,.5) 0%, rgba(255,255,255,.0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,.0001) 0%, rgba(255,255,255,.5) 100%);
	background-image:      -o-linear-gradient(left, rgba(255,255,255,.0001) 0%, rgba(255,255,255,.5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,.0001)), to(rgba(255,255,255,.5)));
	background-image:         linear-gradient(to right, rgba(255,255,255,.0001) 0%, rgba(255,255,255,.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control:link, .carousel-control:visited {color:#8dc63f;}
.carousel-control:hover, .carousel-control:focus {color:#ffcf28 !important;}

.carousel.product-slides {/* carousel for product photos */}
@media (max-width:767px) {.carousel.product-slides {margin-bottom:20px;}}
.carousel.product-slides .carousel-control {
	color:#fff; background-color:none;
	width:5%;
}
.carousel.product-slides .carousel-control.left, .carousel.product-slides .carousel-control.right {background:none;}
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
	position:absolute; top:50%; z-index:5; display:inline-block; margin-top:-10px;}
.carousel-control .fa-chevron-left {left:50%; margin-left:-10px;}
.carousel-control .fa-chevron-right {right:50%; margin-right:-10px;}
.carousel.product-slides .carousel-indicators {
	position:absolute;
	bottom:0;
	left:50%;
	width:60%; padding-left:0; margin-left:-30%;
}

.carousel.homefeature {/* full-size feature slider for the homepage */}
.carousel.homefeature div.center-block {width:1000px; height:530px; overflow:hidden;
	background-position: center;
	background-origin:padding-box;/*image placed via inline background style */}
/*.carousel.homefeature .center-block > .bottom {}*/
.carousel.homefeature {background:#3a3a3a;}
.carousel.homefeature .carousel-control.left, .carousel.homefeature .carousel-control.right {font-size:3em;}
.carousel.homefeature .carousel-control {color:#fff; background:none; width:5%;}
.carousel.homefeature .carousel-caption {
	position:absolute;
	/*right:5%; left:5%;*/right:0; left:0; padding-right:2em; padding-left:2em;
	z-index:10;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0, 0, 0, .75);
	vertical-align: bottom;
}
.carousel.homefeature .carousel-caption.bottom {
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
	background-image:      -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.5)));
	background-image:         linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
	bottom:0;
}
/*.carousel.homefeature .bottom .carousel-caption {bottom:10px; height:25%; padding:10px 0;}*/

.carousel.homefeature .carousel-caption h3 {
	padding-top:0; margin-top:0;
	font-family: "GOscript", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size:3em; font-weight:normal;
	text-align:left;
	color: rgba(255,255,255,1);
	text-shadow:1px 2px 2px rgba(0,0,0,.75);
}
@media (max-width:767px) {
	.carousel.homefeature .carousel-caption h3 {font-size:1.25em; font-family:'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.carousel.homefeature .carousel-caption p {display:none;}
}
@media (min-width:1200px) {
	.carousel.homefeature .carousel-caption {right:70px; left:70px;}
}
.carousel.homefeature .carousel-caption p {
	text-align:left;
	margin:0 0 .5em 3em;
	padding:0;
}
.carousel.homefeature .carousel-indicators, .jumbotron .carousel .carousel-indicators {
	position:absolute;
	bottom:0;
	left:50%;
	width:60%;
	padding-left:0; margin-left:-30%;
}

/* Intro Splash Carousel for Product Pages */
header#introSplash {margin-bottom:/*1em*/ 0;}
#introSplash .jumbotron {
	padding-top:0;
	padding-bottom:0;
	background-color:rgba(58,58,58,1);
	margin-bottom:0;
}
/*.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}*/
#introSplash .carousel-caption {
	/*right:5%; left:5%;*/
	right:0; left:0;
	bottom:0;
	padding-bottom:0;
}
#introSplash .carousel-caption.lighten {
	/*background-color:rgba(255,255,255,.25);*/
	background-image:linear-gradient(to top, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%);
}
#introSplash .carousel-caption.darken {
	/*background-color:rgba(0,0,0,.25);*/
	background-image:linear-gradient(to top, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
}
#introSplash .carousel-caption.dktext {
	color:#3a3a3a;
	text-shadow:none;
}

#introSplash .carousel-caption h1 {
	margin:0 5% 0;
	font-size:8vw;
}
	@media screen and (max-width:375px) {#introSplash .carousel-caption h1 {font-size:9vw;}}
#introSplash .carousel-caption h3 {
	margin:0 5% 10px;
	font-size:3vw;
}
	@media screen and (max-width:480px ){#introSplash .carousel-caption h3 {font-size:3.5vw;}}

@media screen and (min-width:1200px) {
	#introSplash .carousel-caption h1 {font-size:95px;}
	#introSplash .carousel-caption h3 {font-size:36px;}
}

#introSplash .carousel-caption-EXT {
	width:100%;
	margin-top:0;
	padding:15px 30px 5px;
	font-family: 'GOsans_light', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:rgb(141,197,63);
	color:#3a3a3a;
}
#introSplash .carousel-caption-EXT h3 {
	margin-top:10px;
	font-family: 'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.75em;
	text-align:center;
}
#introSplash .carousel-caption-EXT p {
	font-size:18px;
	line-height:22px;
}
#introSplash .carousel-caption-EXT .btn-group {
	margin:0 auto !important;
	display:flex;
	justify-content:center;
}
 
#introSplash ~ section {
	/*margin-top:0;
	background-image:linear-gradient(to bottom, rgba(141,197,63,1) 0%, rgba(141,197,63,0) 25%);*/
}

#introSplash .carousel-description {margin-bottom:15px;}
#introSplash .carousel-description p {font-size:18px; margin:10px 75px 10px;}
#introSplash .carousel-description .btn-group {font-size:16px; margin:0 auto;}
@media screen and (max-width:480px) {
	#introSplash .carousel-description p {font-size:16px; margin:10px 0;}
}

@media screen and (max-width:480px ){
	.size-mobile {display:block !important;}
	.size-tablet {display:none !important;}
	.size-desktop {display:none !important;}
}
@media screen and (min-width:481px) and (max-width:767px) {
	.size-mobile {display:none !important;}
	.size-tablet {display:block !important;}
	.size-desktop {display:none !important;}
}
@media screen and (min-width:768px) {
	.size-mobile {display:none !important;}
	.size-tablet {display:none !important;}
	.size-desktop {display:block !important;}
}

/* ------ SPECIAL ------ */
noscript, div.noscript {}
noscript > div, div.noscript > div {
	margin:0;
	padding:3em 5em;
	background:#FFCF28;
	color:#3a3a3a;
}
noscript h3, .noscript h3 {margin:0; padding:0;}
noscript p, .noscript p {margin:0 20px; font-size:1.1em;}

#closing.phrases { /* rotating text at the bottom of the homepage */
	/*opacity:0;*/
}

#closing.phrases p {
	color:rgba(0,0,0,.25);
	font-family: 'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:center;
	margin:0 50px 25px;
	line-height:25px;
	opacity:0;
	display:none;
}

#closing.phrases > .fadeIn {
	-webkit-transition: 1s opacity;
	-moz-transition: 1s opacity;
	-ms-transition: 1s opacity;
	-o-transition: 1s opacity;
	transition: 1s opacity;
	opacity:1;
}


/* ------ NON-TEMPLATE-PAGES ------ */
body.special {
	padding-top:0;
	height:100%;
	background:#fff;
}

.special > .rewind {
	background:url(../img/BG_rewind.svg) no-repeat;
	background-size:100% 100%;
	/*background-size:contain;*/
	background-position:left;
	height:100vh;
}

.missing-content, .missing-content > div {
	display:flex;
	height:100%;
	align-items:center;
}

/* Landing Pages: Adwords */
body.landing {padding-top:0;}
@media (max-width:767px) {
	body.landing {padding-top:0;}
}

body.landing .navbar-default {background:rgba(58,58,58,.75);}

body.landing .logo {
	background-color:rgba(58,58,58,.5);
	padding:10px 0;
	position:fixed;
	z-index:999;
}
.thumb-runner {
    /*display:table;*/
    background-image:linear-gradient(to right, rgba(141,197,63,1) 49%, rgba(255,207,39,1) 50%);
}
.thumb-runner > div.container {padding:0; display:table;}
.thumb-runner > div > div {display:table-cell; float:none; height:100%; padding:1em; text-align:center;}
.thumb-runner > div > div > h3 {margin-bottom:0; font-size:3vw;}
@media screen and (max-width: 480px){
	.thumb-runner > div > div > h3 {font-size:14px;}
}
@media screen and (min-width:1200px) {
	.thumb-runner > div > div > h3 {font-size:2vw;}
}



/* ------ Homepage Masthead ------ */
body.homepage {padding-top:0;}
/*body.homepage main {z-index:5; background:#fff;}*/


.masthead {
    color:#3a3a3a;
    text-align:center;
    margin:0;
    height:400px;
    background:url(../img/parallax_homepage1.jpg) no-repeat #3a3a3a;
    background-position:center;
	background-size: 100% auto;
	border-top:10px solid #FFCF28;
}
@media (max-width:767px) {
	.masthead {background:url(../img/parallax_homepage1sm.jpg) no-repeat #3a3a3a;}
}

.mastheadBG {
	display:flex;
	position:absolute;
	z-index:0;
	top:10px; right:0; height:390px; left:0;
	background:rgba(57,57,57,.5);
	background-position:center;
    background-size: 100% auto;
}

.mastheadContent {
	z-index:2;
	position:relative;
	/*background:rgba(141,197,63,.5);*/
	height:300px;
	padding:50px 10%;
}
.masthead div.brand {
    text-align:center;
    /*margin:20px;*/ margin:0 15%;
	/*padding-top:50px;*/
	position:relative;
	color:#fff;
	z-index:2;
}
.masthead div.brand .fa {margin-top:.5em; font-size:6em; color:rgba(141,197,63,.25);} /* Use font size adjustment for Font Awesome. Size classes don't get big enough. */
.masthead div.brand img.img-responsive {margin:0 auto 10px !important;}

.masthead .flavor-splash {
	position:absolute;
	z-index:0;
	top:10px; right:0; left:0;
	height:380px;
	/*color:rgba(255,207,39,.25);*/
	/*color:rgba(57,57,57,.1);*/
	color:rgba(255,255,255,.1);
	font-size:300px;
	/*background:url(../img/parallax_homepage1.jpg) no-repeat;
	background-position:top center;
    background-size: 100% auto;*/
}
.masthead .gradient {
	position:absolute;
	z-index:1;
	top:10px; right:0; left:0;
	height:390px;
	background-image: -webkit-linear-gradient(top, rgba(141,197,63,.75) 0%, rgba(141,197,63,0) 100%);
	background-image:      -o-linear-gradient(top, rgba(141,197,63,.75) 0%, rgba(141,197,63,0) 100%);
	background-image: -webkit-gradient(linear, top left, top right, from(rgba(141,197,63,.75)), to(rgba(141,197,63,0)));
	background-image:         linear-gradient(to bottom, rgba(141,197,63,.75) 0%, rgba(141,197,63,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}

@media (max-width:600px){
	/*.masthead {background:url(../img/parallax_homepage1sm.jpg) center;}*/
	/*.mastheadFrame {background:url(../img/spacer.png) center !important; display:none!important;}*/
}

a.navbar-brand.homepage img {width:auto; height:100%; opacity:0; filter:alpha(opacity=0);}
.affix {
    top:0;
    width:100%;
    /*z-index:9999 !important;*/
	z-index:999 !important;
}
.affix a.navbar-brand.homepage img { /* Fade in logo as the navbar sticks to the top of the page */
    -webkit-transition: opacity .5s ease-in-out, filter .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out, filter .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out, filter .5s ease-in-out;
    transition: opacity .5s ease-in-out, filter .5s ease-in-out;
    height:100%;
    width:auto;
    opacity:1;
    filter:alpha(opacity=100);
}
.affix + .container-fluid {/*padding-top:70px;*/}


/* ------ Member Group Portals ------ */
#masthead {
	/*position:relative;
	width:100%;*/
	background:#fff url(../img/BG_masthead-div.jpg) center repeat-y;
	/*border-top:16px solid #8dc63f;*/
}

#masthead .logo {
	width:50%; height:96px;
	float:right; display:inline-block;
	position:relative;
	background:#fff;
	text-align:right;
	/*padding-right:42px;*/ 
}
	#masthead .logo img {padding-top:10px; width:397px; height:69px;}
	#masthead .logo object {padding:10px 0 0 0; /*height:75%; width:auto;*/}
	#masthead .logo:after {
		content: "";
		border-top:48px solid transparent;
		border-bottom:48px solid transparent;
		border-left:48px solid #fff;
		position:absolute; right:-48px; top: 0;
	}

#masthead .page-title, #masthead .wytext {
	width:50%; height:96px;
	float:right; display:inline-block;
	position:relative;
	background:#8dc63f;
	color:#3a3a3a;
	text-align:left;
	/*line-height:96px;*/
	border:1px solid #000;
}
	.page-title img, .page-title h1 {float:left; display:inline-block; width:auto;}
	.page-title h1, .wytext h1 {padding-left:10px; height:96px;}
	.wytext h1 {font-family:'GOscript';/*margin:15px 0 10px;*/}
	.wytext h1 span {
		display:block;
		font-family:'GOsans_italic';
		font-size:.55em;
	}

/* ------ SHORTHAND ------ */
.c1 {color:#8DC63F;} /* Green */
.c1bg {background-color:#8DC63F; color:#3a3a3a;}

.c2 {color:#3A3A3A;} /* Gray */
.c2bg {background-color:#3A3A3A; color:#fff;}

.c3 {color:#FFCF28;} /* Yellow */
.c3bg {background-color:#FFCF28; color:#3a3a3a;}

.cAlt1 {color:#E26438;} /* Vermillion */
.cAlt2 {color:#7D5D8C;} /* Purple */

.cWbg {background-color:#fff;}
.nobg {backgrond-color:none;}

.yellowtail, .font-GOscript {font-family: "GOscript", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}

.font-GOsansBold {font-family: 'GOsans_bold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.font-GOsansSemi {font-family: 'GOsans_semibold', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.font-GOsansReg	{font-family: 'GOsans_regular', "Trebuchet MS", Arial, Helvetica, sans-serif;}
.font-GOsansLt {font-family: 'GOsans_light', "Trebuchet MS", Arial, Helvetica, sans-serif;}

@media screen and (min-width:481px) {
	.max480 {display:none;}
	.min481 {display:block;}
}
@media screen and (max-width:480px ){
	.max480 {display:block;}
	.min481 {display:none;}
}
@media screen and (min-width:601px) {
	.max600 {display:none;}
	.min601 {display:block;}
}
@media screen and (max-width:600px) {
	.max600 {display:block;}
	.min601 {display:none;}
}
@media screen and (max-width:991px) {
	.min992 {display:none;}
	.max991 {display:block;}
}
@media screen and (min-width:992px) {
	.min992 {display:block;}
	.max991 {display:none;}
}


em {font-style:italic;} /* not sure where my em tags are getting hit, but this puts them back to their original italicized text */

/* Testing Classes */
.verify {background-color:aquamarine;}
.edit {background-color:yellow;}
.need-copy {background-color:red; color:white;}