/*  ==========================================================================
	Styles for Starter Template.
	Author: Alchemy Digital
	========================================================================== */


body{
	font-family: "neuzeit-grotesk", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #e5243b;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	max-width: 100%;

}
@font-face {
  font-family: 'Giorgio Sans Web';
  src: url('GiorgioSans-Bold-Web.eot');
  src: url('GiorgioSans-Bold-Web.eot?#iefix') format('embedded-opentype'),
       url('GiorgioSans-Bold-Web.woff2') format('woff2'),
       url('GiorgioSans-Bold-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}
/*  ==========================================================================
	Base typography
	========================================================================== */

h1, h2, h3, h4, h5, h6 {
	margin: 1.5em 0 .25em;
	line-height: 1.2;
	font-weight: 800;
}

h1, .h1 {
	margin: 0;
	font-family: 'Giorgio Sans Web';
	font-weight:  700;
	font-style:   normal;
	font-stretch: normal;
}
h2, .h2 { font-weight: normal; }


h1, .fontsize--huge{ font-size: 32px; line-height: 1.1; }
h2, .fontsize--large{ font-size: 26px; line-height: 1.1; }
h3, .fontsize--med{ font-size: 17px; line-height: 1.3; }
body, h4, .fontsize--reg{ font-size: 15px; }
h5, .fontsize--sml{ font-size: 14px; }
h6, .fontsize--tiny{ font-size: 12px; }

.font--georgio {
	font-family: 'Giorgio Sans Web';
	font-weight:  700;
	font-style:   normal;
	font-stretch: normal;
}

strong, b,
.font--bold,
.font--semibold{ font-weight: 700; }
.font--reg{ font-weight: 400; }
.font--light{ font-weight: 200; }

.case--lower{ text-transform: lowercase; }
.case--upper{ text-transform: uppercase; }

.text-align--center{ text-align: center; }
.text-align--left{ text-align: left; }
.text-align--right{ text-align: right; }

@media only screen and (min-width:550px){
	h1, .fontsize--huge{ font-size: 36px; }
	h2, .fontsize--large{ font-size: 32px; }
	h3, .fontsize--med{ font-size: 18px; }
	body, h4, .fontsize--reg{ font-size: 15px; }
	h5, .fontsize--sml{ font-size: 14px; }
	h6, .fontsize--tiny{ font-size: 12px; }
}

@media only screen and (min-width:700px){
	h1, .fontsize--huge{ font-size: 44px; }
	h2, .fontsize--large{ font-size: 36px; }
	h3, .fontsize--med{ font-size: 20px; }
	body, h4, .fontsize--reg{ font-size: 16px; }
	h5, .fontsize--sml{ font-size: 14px; }
	h6, .fontsize--tiny{ font-size: 12px; }
}

@media only screen and (min-width:800px){
}

@media only screen and (min-width:1200px){
	h1, .fontsize--huge{ font-size: 52px; }
	h2, .fontsize--large{ font-size: 40px; }
	h3, .fontsize--med{ font-size: 22px; }
	body, h4, .fontsize--reg{ font-size: 16px; }
	h5, .fontsize--sml{ font-size: 14px; }
	h6, .fontsize--tiny{ font-size: 12px; }
}

@media only screen and (min-width:1400px){
	h1, .fontsize--huge{ font-size: 60px; }
	h2, .fontsize--large{ font-size: 45px; }
	h3, .fontsize--med{ font-size: 24px; }
	body, h4, .fontsize--reg{ font-size: 17px; }
	h5, .fontsize--sml{ font-size: 15px; }
	h6, .fontsize--tiny{ font-size: 13px; }
}

@media only screen and (min-width:1600px){
	h1, .fontsize--huge{ font-size: 66px; }
	h2, .fontsize--large{ font-size: 48px; }
	h3, .fontsize--med{ font-size: 25px; }
	body, h4, .fontsize--reg{ font-size: 18px; }
	h5, .fontsize--sml{ font-size: 15px; }
	h6, .fontsize--tiny{ font-size: 13px; }
}


ul,
ol{ margin: 0 0 1em; padding: 0; }

p{ margin: 0 0 1em; }

/*  ==========================================================================
	base links, buttons, interaction colors
	========================================================================== */

.color--white{ color: #fff; }
.color--grey{ color: #888; }
.color--burgundy { color: #8E1A3E; }


a{
    color: inherit;
	text-decoration: none;
}
a:hover{ color: inherit; }

.linkline{ border-bottom: solid 1px rgba(229,36,59, 0.33); }
a:hover .linkline{ border-color: rgba(229,36,59, 0.66);  }

a .fa{ padding: 0 0 0 .66em; }
a .fa--left{ padding: 0 .66em 0 0; }
a .fa--nopad{ padding: 0; }

.btn{
	background-color: #00d4ff;
	color: #fff;
	border-radius: 2px;
	display: inline-block;
	margin: 0 .5em .5em 0;
	padding: 1em 1.75em;
	border: none;
}

.btn .linkline{ border: none; }

.btn:hover{
	color: #fff;
	background-color: #333;
}

.btn--grey{ background: #eee; color: #333; }

.btn--grey:hover{ background: #00d4ff; color: #fff; }



/*  ==========================================================================
	Basic layout classes
	========================================================================== */

.bd {
	margin: 0 7.14%;
	position: relative;
	min-height: 1px;
}

.bd:after {
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.padding--top { padding-top: 10%; }
.padding--bottom { padding-bottom: 10%; }
.padding--top-half { padding-top: 7%; }
.padding--bottom-half { padding-bottom: 7%; }
.padding--top-em { padding-top: 1em; }
.padding--bottom-em { padding-bottom: 1em; }

.margin--top { margin-top: 10%; }
.margin--bottom { margin-bottom: 10%; }
.margin--top-half { margin-top: 7%; }
.margin--bottom-half { margin-bottom: 7%; }
.margin--top-em { margin-top: 1em; }
.margin--bottom-em { margin-bottom: 1em; }

.margin--none{ margin: 0; }

@media only screen and (min-width: 550px){
	.padding--top { padding-top: 7%; }
	.padding--bottom { padding-bottom: 7%; }
	.padding--top-half { padding-top: 3.5%; }
	.padding--bottom-half { padding-bottom: 3.5%; }

	.margin--top { margin-top: 7%; }
	.margin--bottom { margin-bottom: 7%; }
	.margin--top-half { margin-top: 3.5%; }
	.margin--bottom-half { margin-bottom: 3.5%; }
	.margin--top-em { margin-top: 1em; }
	.margin--bottom-em { margin-bottom: 1em; }
}

@media only screen and (min-width: 700px){
}

@media only screen and (min-width: 800px){
}

@media only screen and (min-width: 1000px){
	.padding--top { padding-top: 5%; }
	.padding--bottom { padding-bottom: 5%; }
	.padding--top-half { padding-top: 3.5%; }
	.padding--bottom-half { padding-bottom: 3.5%; }

	.margin--top { margin-top: 5%; }
	.margin--bottom { margin-bottom: 5%; }
	.margin--top-half { margin-top: 3.5%; }
	.margin--bottom-half { margin-bottom: 3.5%; }
	.margin--top-em { margin-top: 1em; }
	.margin--bottom-em { margin-bottom: 1em; }
}


/*  ==========================================================================
	base nav
	========================================================================== */

nav ul{ margin: 0; padding: 0; list-style: none; }

.inlinenavlist{
	margin: 0 -.75em;
}

.inlinenavlist li{
	display: inline-block;
	margin: 0;
	padding: 0;
}

.inlinenavlist a{
	display: block;
	padding: 0 .75em;
}


/*  ==========================================================================
	siteheader
	========================================================================== */

.siteheader{
	background: #fff;
	position: absolute;
	z-index: 50;
}


/*  ==========================================================================
	mobnav
	========================================================================== */

.mobnav{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 0;
	background: #eee;
	box-shadow: 0 -1px 0 #ddd inset;
	text-align: center;
	-webkit-transition: height 150ms ease-in-out;
	   -moz-transition: height 150ms ease-in-out;
			transition: height 150ms ease-in-out;
}

.mobnav li{
	border-top: solid 1px #ddd;
}

.mobnav li:first-child{ border-top: none; }

.mobnav a{
	display: block;
	padding: .66em 0;
}

@media only screen and (min-width: 700px){
	.mobnav{ display: none; }
}



/*  ==========================================================================
	mobtools
	========================================================================== */

.mobtools{
	position: absolute;
	bottom: 50%;
	margin-bottom: -.75em;
	right: 0;
}

@media only screen and (min-width: 700px){
	.mobtools{ display: none; }
}

/*  ==========================================================================
	sitenav
	========================================================================== */

.sitenav{
	position: absolute;
	bottom: 50%;
	margin-bottom: -.75em;
	right: 0;
	display: none;
}

@media only screen and (min-width: 700px){
	.sitenav{ display: block; }
}


/*  ==========================================================================
	hpvid
	========================================================================== */

.hpvid{
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}


.hpvid__inner{
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
}
.hpvid__inner iframe{
	position: absolute;
	width: 100%;
	height: 100%;
}


/*  ==========================================================================
	Page
	========================================================================== */


.pageheader{
	text-align: left;
	position: relative;
}

.pageheader__bd{
	position: relative;
	z-index: 2;
	/* min-height: 100vh;*/
}


.pageheader h1 a{
	text-decoration: none;
}


.pageheader__leader .leader_paragraph::before {
	content: open-quote;
	position: absolute;
	left: -.75em;
	top: 0;
}
.pageheader__leader .leader_paragraph p::after {
	content: close-quote;
	display: inline;
}


/*
// pageheader--blog
*/

.pageheader--blog .pageheader__leader{
	max-width: 20em;
}

@media only screen and (min-width:700px){
	.pageheader--blog .pagesection__heading h1{
		margin-top: 0;
		float: left;
	}
	.pageheader--blog .pageheader__leader{
		float: right;
		width: 33%;
		margin-top: 0;
		max-width: none;
		padding-left: 1.75em;
		box-sizing: border-box;
	}
}

@media only screen and (min-width:1200px){
	.pageheader--blog .pageheader__leader{
		width: 25%;
		padding-left: 2em;
	}
}


/*
// pageheader--img
*/

.pageheader--img{
	background: #fff;
	overflow: hidden;
}

.pageheader__img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity 1000ms ease-out 0ms;
	   -moz-transition: opacity 1000ms ease-out 0ms;
			transition: opacity 1000ms ease-out 0ms;
}

@media only screen and (min-width:800px){
	.pageheader__img{
		bottom: 0;
	}
}
.pageheaderimg--loaded .pageheader__img{
	-webkit-transition: opacity 2000ms ease-out 0ms;
	   -moz-transition: opacity 2000ms ease-out 0ms;
			transition: opacity 2000ms ease-out 0ms;

	opacity: 1;
}

/*
// pageheader--video
*/


.pageheader__video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	opacity: 0;
	-webkit-transition: opacity 2000ms ease-out 0ms;
	   -moz-transition: opacity 2000ms ease-out 0ms;
			transition: opacity 2000ms ease-out 0ms;
}

@media only screen and (min-width:800px){
	.video{
		bottom: 0;
	}
}

.pageheader__videolink{
	margin-top: 1em;
}

@media only screen and (min-width:550px){
	.pageheader__videolink{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}
}

.has-videoheader--playing .pageheader__video{ opacity: .66; }
.no-touch .has-videoheader .pageheader__img{ display: none; }
.pageheader__videolink .fa{
	margin-bottom: -1em;

}

.pageheader__videolink span{
	vertical-align: middle;

}
/* postheader */

.postheaderimg{
	padding: 50% 0 0;
	position: relative;
	background: #eee;
	overflow: hidden;
}
.has-videoheader--playing .postheaderimg .pageheader__video{ opacity: 1; }
.pageheaderimg--loaded .postheaderimg .pageheader__img{ opacity: 1; }


.sitefooter .partners img {
	margin-bottom: 1em;
}
.sitefooter__copyright {
	background: #f8f8f8;
	padding: 1em 0;
}

.introquote--screen{
	display: none;
}

.scrolldown { display: none; }

.pageheader__leader{ position: relative; }

@media only screen and (min-width:1000px){
}

@media only screen and (min-width:1200px){
	.introquote--mobile{ display: none; }
	.introquote--screen{ display: inline-block; }

	.main--home .pageheaderbody{ position: absolute; top: 0; left: 0; width: 100%;}

	.herobody {
		 height: 100vh;
		 text-align: center;
	}

	.herobody:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -0.25em; /* Adjusts for spacing */
	}

	.herobody__bd{ display: inline-block; width: 85.72%; margin: 0; vertical-align: middle; }

	.scrolldown {
		display: block;
		position: absolute;
		bottom: 0em;
		left: 50%;
		margin-left: -.5em;
		z-index: 5;
	}
}

/*  ==========================================================================
	content
	========================================================================== */

.anchor {
	outline: none;
}
.pagesection__heading h1 {
	margin-top: .25em;
	max-width: 6em;
	line-height: .85;
}
@media only screen and (min-width:800px){
	.pagesection__heading h1 {
		max-width: 3em;
	}
}
.content{
	margin: 0 auto;
	box-sizing: border-box;

}

@media only screen and (min-width:550px){
	.content{ width: 83.4%; padding: 0 .5em;  }
}

@media only screen and (min-width:700px){
	.content{ padding: 0 0.625em; }
}

@media only screen and (min-width:800px){
	.content{ width: 66.8%; }
}

@media only screen and (min-width:1000px){
	.content{ width: 60%; padding: 0 0.75em; }
}

@media only screen and (min-width:1200px){
	.content{ width: 50%; }
}

@media only screen and (min-width:1400px){

}

.pagesection__links a:first-child .fa {
	padding: 0;

}

/*  ==========================================================================
	posts
	========================================================================== */

.post{
	margin-bottom: 3em;
}

.posts{
	margin-bottom: -3em;
}

.post .post__heading{
	margin-top: 0.5em;
}

.post .postimg{
	overflow: hidden;
}

.postimg__img{
	padding: 100% 0 0 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* hack to stop showing a slither of the background color */
	width: 102%;
	margin-left: -1%;
}

.post .post__footer{
	margin-top: 2em;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #888;
	position: relative;
}

.post .post__category{
	padding-right: 3em;
}

.post .post__category__icon{
	width: 2em;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 0.5em;
}

.post .post__social{
	position: absolute;
	right: 0;
	bottom: 0.5em;
	width: 3em;
}

.post .post__social .fa{
	padding: 0;
}

.post .post__social a{
	padding: 0 0.25em;
}

.post__social__link{
	display: inline-block;
}

@media only screen and (min-width:700px){
	.postwrap--whitespace .post{
		padding-top: 100%;
	}
}

/*  ==========================================================================
	.emojis
	========================================================================== */

.emojis {
	overflow: hidden;
}

.emojis { visibility: hidden; }
.emojis > * { visibility: visible; transition: opacity 150ms linear 100ms}
.emojis:hover > * { opacity: 0.2; transform: scale(1); }
.emojis > *:hover { opacity: 1; }
.emojis:hover img { transform: scale(1); transition: transform 150ms ease-in-out 100ms;}
.emojis img:hover { transform: scale(1.05); transition-delay: 0ms, 0ms; }


.emoji {
	float: left;
	width: 33.33333%;
	position: relative;
	-webkit-transition: opacity 500ms ease-out 0ms;
	   -moz-transition: opacity 500ms ease-out 0ms;
			transition: opacity 500ms ease-out 0ms;
}
.emoji__caption {
	visibility: hidden;
	position: absolute;
	/*width: 8em;*/
	top: 25%;
	left: 80%;
	font-family:'Giorgio Sans Web';
	-webkit-transition: top 500ms ease-out 0ms;
	   -moz-transition: top 500ms ease-out 0ms;
			transition: top 500ms ease-out 0ms;
	white-space: nowrap;
}
.emoji:nth-child(1) .emoji__caption { color: #e5243b; }
.emoji:nth-child(2) .emoji__caption { color: #dda63a; }
.emoji:nth-child(3) .emoji__caption { color: #4c9f38; }
.emoji:nth-child(4) .emoji__caption { color: #c5192d; }
.emoji:nth-child(5) .emoji__caption { color: #ff3a21; }
.emoji:nth-child(6) .emoji__caption { color: #26bde2;}
.emoji:nth-child(7) .emoji__caption { color: #fcc30b; }
.emoji:nth-child(8) .emoji__caption { color: #a21942;}
.emoji:nth-child(9) .emoji__caption { color: #fd6925; }
.emoji:nth-child(10) .emoji__caption { color: #dd1367; }
.emoji:nth-child(11) .emoji__caption { color: #fd9d24; }
.emoji:nth-child(12) .emoji__caption { color: #604617; }
.emoji:nth-child(13) .emoji__caption { color: #163d00; }
.emoji:nth-child(14) .emoji__caption { color: #0a97d9; }
.emoji:nth-child(15) .emoji__caption { color: #56c02b; }
.emoji:nth-child(16) .emoji__caption { color: #00689d; }
.emoji:nth-child(17) .emoji__caption { color: #19486a; }

@media only screen and (max-width:449px){
	.emoji:nth-child(5) .emoji__caption,
	.emoji:nth-child(10) .emoji__caption,
	.emoji:nth-child(15) .emoji__caption {
		left: auto;
		right: 80%;
	}
}

@media only screen and (max-width:1199px){
	.emoji:nth-child(4),
	.emoji:nth-child(9),
	.emoji:nth-child(14) {
		margin-left: 16.6666%;
		clear: left;
	}

	.emoji:nth-child(3) .emoji__caption,
	.emoji:nth-child(8) .emoji__caption,
	.emoji:nth-child(13) .emoji__caption {
		left: auto;
		right: 80%;
	}
}


@media only screen and (min-width:1200px){
	.emoji {
		width: 20%;
	}
	.emoji:nth-child(6),
	.emoji:nth-child(10),
	.emoji:nth-child(15) {
		clear: left;
	}
	.emoji:nth-child(6),
	.emoji:nth-child(15) {
		margin-left: 10%;
	}
	.emoji:nth-child(5) .emoji__caption,
	.emoji:nth-child(9) .emoji__caption,
	.emoji:nth-child(14) .emoji__caption {
		left: auto;
		right: 80%;
	}
}
.emoji:hover .emojicaption {
	visibility: visible;
	top: 15%;
	-webkit-transition: top 500ms ease-out 0ms;
	   -moz-transition: top 500ms ease-out 0ms;
			transition: top 500ms ease-out 0ms;
}
.emojicaption{
	pointer-events: none;
}

.emoji .emojicaption__number,
.emoji .emojicaption__title {
	display: inline-block;
}
.emoji .emojicaption__number {
	padding-right: .05em;
	font-size: 2.6em;
}
.emoji .emojicaption__title {
	line-height: 1;
	padding-top: 0.2em;
}

/*  ==========================================================================
	.social
	========================================================================== */
.postmedia {
	padding-top: 100%;
	background-size: cover;
	background-position: 50% 50%;
}
.instafeed__img {
	padding-top: 100%;
}

/*  ==========================================================================
	Preheader
	========================================================================== */

.preheader{
	background: #e5243b;
	color: #FFF;
}

.preheader h1{
	line-height: .85;
	max-width: 4em;
}

.preheader__goals{
	list-style: none;
}

.preheader__goal{
	position: relative;
	margin-bottom: 3em;
	cursor: default;
}

.preheader__goal__num, .preheader__goal__title{
	display: inline-block;
	vertical-align: middle;
}

.preheader__goal__num{
	line-height: .7;
	max-height: 2em;
}

.preheader__goal__title{
  line-height: .85;
	max-width: 6em;
}

.preheader__goal__img{
	z-index: -1;
	position: absolute;
	bottom: 1em;
	left: 2em;
	width: 150%;
  display: none;
  max-width: 150%;
}

.preheader__break{
	display: none;
}

@media only screen and (min-width:1000px){

	.preheader h1{
		max-width: 3em;
	}

	.preheader__break{
		display: block;
	}

	.preheader__goals{
		margin-top: 16.5%;
	}

	.preheader__goal{
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-bottom: 4em;
	}

	.preheader__goal a:hover{
		color: #FFF;
		z-index: 10;
	}

	.preheader__goal a:hover .preheader__goal__img{
		display: block;
	}

	.preheader__goal--link .preheader__goal__num{
		margin-right: 0.5em;
	}

}

/*  ==========================================================================
	bigredface
	========================================================================== */

.bigredface{
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
/*
.bigredface__eyes{
	position: absolute;
	z-index: 1;
	padding: 96% 0 0;
	background-image: url(../img/goodlife.eyes.png);
	background-size: 100% auto;
	width: 100%;
	top: 0;
}
*/

.bigredeye{
	width: 15%;
	position: absolute;
	top: 20%;
	left: 27%;
	z-index: 1;
}

.bigredeye--2{
	left: 57%;
}

.bigredeye__inner{
	padding: 100% 0 0;
	background: #242424;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transform: translate(0, -20%);
}

.bigredface__face{
	display: block;
	position: relative;
	z-index: 2;
}

.bigsmile{
	position: absolute;
	z-index: 3;
	top: 66.6%;
	width: 40%;
	left: 30%;
	padding: 25% 0 0;
	overflow: hidden;
	-webkit-transform: -webkit-rotate(-15deg);
	   -moz-transform:    -moz-rotate(-15deg);
			transform: 		   rotate(-15deg);
	-webkit-transform-origin: center top;
	   -moz-transform-origin: center top;
			transform-origin: center top;
}

.bigsmiletarget{
	position: absolute;
	top: 25%;
	left: 0;
}

.bigsmile__inner{
	width: 100%;
	position: absolute;
	left: 0;
	padding: 50% 0 0;
	background-image: url(../img/goodlife.smile.png);
	background-size: 100% auto;
	top: -100%;
}


/*  ==========================================================================
	flex--quote
	========================================================================== */

.flexquote{
	position: relative;
}

.flexquote__bd{
	position: relative;
	z-index: 2;
}

.flexquote__quote{
	margin: 0;
	padding: 0;
}

.flexquote__quote p{ margin: 0 0 0.5em; }

.flexquote__quotemark{
	line-height: 1;
	font-family: Georgia, Times New Roman, serif;
	height: .75em;
	font-weight: bold;
}


.flexquote__cite{
	margin-top: -.5em;
	text-align: right;
	font-style: normal;
	display: block;
}

/* flexquote--img */

.flexquote--withimg{
	color: #fff;
	background: #000;
	overflow: hidden;
}

.flexquote__img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	-webkit-transition: -webkit-transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
	   -moz-transition:    -moz-transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
			transition: 		transform 2000ms ease-out 0ms, opacity 2000ms ease-out 0ms;
	-webkit-transform: scale(1.1,1.1);
	   -moz-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
}

.flexquote__img.effect--ready{
	opacity: .66;
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
			transform: scale(1,1);
}



@-moz-document url-prefix("https://www.youtube.com/")
{
/* Remove Shadow on YouTube Video Player Bar*/
  #movie_player > div.ytp-gradient-bottom
  {
    opacity: .25 !important;
  }

  #movie_player > div.ytp-gradient-top
  {
    opacity: .25 !important;
  }
/*set opacity between 0 and 1 to set how visible the gradients are*/;
}