@import url(https://fonts.googleapis.com/css?family=Roboto:500,100,300,700,400&subset=latin,greek);
@import url(./fonts/stylesheet.css);
/* @import './parallax.css'; */

/* // Small screens */
@media only screen { /* Define mobile styles */
	body {
		font-family: 'proxima_novalight', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		overflow-x: hidden;
	}

	section {
		/*         font-family: 'Roboto', 'Helvetica', sans-serif; */
		width: 100vw;
		/*         height:100vh; */
		position: relative;
		overflow: hidden;
	}

	main {
		position: absolute;
		top:0;
	}

	main > section {
		min-height: 100vh;
	}

	#landing-video, 
	#fallback-img {
		position: absolute;
		top: 0;
		height:100%;
		margin: 0 auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		transition: opacity .2s ease;
	}

	#landing-video {
		display: none !important;
	}

	#fallback-img {
		max-width: none !important;
		display: block !important;
	}


	h2 {
		text-align: center;
		margin: 0 0 1.5em 0;
	}

	#landing-section {
		height:100vh;
		border-bottom: 5px solid #141313;
	}

	#bg {
		width:100%;
		height:100%;
		/*      -webkit-transition: all .2s ease;
		transition: all .2s ease; */
		/*         -webkit-filter: brightness(0.5); */
	}

	#logo {
		width: 100px;   
	}

	.f-topbar-fixed #home-section {
		padding-top:50px;
	}

	#home-section,
	#where-section {
		height:auto;
	}

	#home-section p{
		font-size: 1.1em;
		font-weight: 300;
		width: 80%;
		margin: 0 auto;
	}

	.header-heavy{
		font-family: 'NeutraText', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-weight: bold;
	}

	.header-light {
		font-family: 'NeutraDisplay', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-weight: 300;
		letter-spacing: .2em;
	}

	.header-bigass {
		font-family: 'NeutraDisplay', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-weight: bold;
		font-size: 7em;
		margin-bottom: -.3em !important;
	}

	#home-section .header-heavy {
		/*         letter-spacing: .2em; */
		font-family: 'NeutraDisplayTitling', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-weight: 400;
		width: 100%;
		margin: 0 auto 1.5em;
	}

	.prologue {
		font-size: 1em;
		text-align: center !important;
		margin-bottom: 1em !important;
		margin-top: 1em !important;
	}

	#contact-us-section h2 {
		text-align: left;
		margin-bottom: 0;
		font-family: 'NeutraDisplay', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-weight: 800;
	}

	#join-us {
		font-size: 1.5em !important;
		margin-top: 2.5em !important;
		width:70% !important;  
		padding:0 !important;
		position: relative;
		font-family: 'proxima_novalight', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	}  

	#speakers-section h2 {
		font-family: 'NeutraDisplay', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		width:70%;
		position: relative;
		margin-right:auto;
		margin-left:auto;
		letter-spacing: .2em;
	}

	#speakers-section h2 span {
		/*         color: whitesmoke;
		color: rgb(115, 115, 115); */
	}

	#speakers-wrapper {
		background-color: rgb(221,222,220);
		/*         min-height: 100vh; */
		padding: 5px;
	}

	#speakers-wrapper > .row {
		margin: 2em 0;
	}

	/*     #speakers-wrapper img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

	#speakers-wrapper .active img {
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
} */

	.speech-phase {
		width:250px;
		height:150px;
		background: rgb(255,255,254	);
		box-shadow: -20px 15px 0px 0px #141313;
		text-align: center;
		padding: 1em;
		display:none;
	}

	.speech-phase .title {
		font-family: 'NeutraText', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-weight: 600;
		font-size: 1.5em;
		margin-top: calc(50% - 88px);
	}

	.speech-phase .description {
		font-size: .8em;
		font-family: 'proxima_novalight', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	}

	.photo {
		padding-top: 1em;
		margin-bottom: 1em;
	}

	#speakers-wrapper [class*="block-grid-"] {
		width: 100%;
	}

	.speakers img {
		cursor:pointer;
	}

	#speakers-wrapper .info{
		background: white;
	}

	#where-section .header-heavy {
		margin-bottom: 0.5rem;
	}

	.see-ya {
		font-size:1.3em;
	}

	.see-ya.underliner::after {
		bottom: .2em;   
	}

	#countdown {
		font-family: "NeutraDisplay", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-size: 3em;
		font-weight: 200;
		margin-top: -.3em;
	}

	#ticket-form {
		background: rgb(206,14,32);
		background: -moz-linear-gradient(-45deg,  rgba(205,15,32,1) 0%, rgba(218,82,64, 1) 100%);
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(205,15,32,1)), color-stop(100%,rgba(218, 111, 64, 1)));
		background: -webkit-linear-gradient(-45deg,  rgba(205,15,32,1) 0%,rgba(218,82,64, 1) 100%);
		background: -o-linear-gradient(-45deg,  rgba(205,15,32,1) 0%,rgba(218,82,64, 1) 100%);
		background: -ms-linear-gradient(-45deg,  rgba(205,15,32,1) 0%,rgba(218,82,64, 1) 100%);
		background: linear-gradient(135deg,  rgba(205,15,32,1) 0%,rgba(218,82,64, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0e20', endColorstr='#da5240',GradientType=1 );
		transition: height 1s ease;
		padding: 3em;
		transform: translateY(-50px);
	}

	#ticket-form .close-reveal-modal {
		font-family: 'NeutraDisplay';
		font-weight: 200;
		font-size: 4em;
		top: -0.2em;
		color: #141313;
	}

	#ticket-form button,
	#ticket-form .button {
		margin: 0 auto;
		display: inline-block;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	#ticket-form p {
		text-align: center;
		line-height: 1.2em;
		font-size: .9em;
		margin-top: 1em;
		margin-bottom: 2em;
	}

	#apply-for-ticket {
		display: block;
	}

	.header-heavy.at {
		font-size: 3em;
		font-weight: 800;
		margin-bottom: 0 !important;
	}

	#sofar-section {
		background: rgb(206,14,32);
		background: -moz-linear-gradient(-45deg,  rgba(206,14,32,1) 0%, rgba(218, 111, 64, 1) 100%);
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(206,14,32,1)), color-stop(100%,rgba(218, 111, 64, 1)));
		background: -webkit-linear-gradient(-45deg,  rgba(206,14,32,1) 0%,rgba(218, 111, 64, 1) 100%);
		background: -o-linear-gradient(-45deg,  rgba(206,14,32,1) 0%,rgba(218, 111, 64, 1) 100%);
		background: -ms-linear-gradient(-45deg,  rgba(206,14,32,1) 0%,rgba(218, 111, 64, 1) 100%);
		background: linear-gradient(135deg,  rgba(206,14,32,1) 0%,rgba(218, 111, 64, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0e20', endColorstr='#da5240',GradientType=1 );
		min-height: 100vh;
		transition: height 1s ease;
	}

	#sofar-section.stretch {
		height: auto;
	}

	#social-media-grid {
		width: 50%;
		margin: 0 auto;
	}

	#creds-section img {
		-moz-transition: -moz-filter .2s ease, -moz-transform .2s ease;
		-webkit-transition: -webkit-filter .2s ease, -webkit-transform .2s ease;
		transition: -webkit-filter .2s ease, transform .2s ease;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	#creds-section img:hover {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		filter: grayscale(0);
	}

	#sofar-section > .row,
	#speakers-section > .row {
		/*         min-width: 95%; */
		/*         max-width: 64.063em */
	}

	.expander {
		height:0;
		margin: 0;
		transition: height 1s ease, margin 1s ease;
		clear: both;
		overflow:hidden;
	}

	.expander.show-overflow {
		margin: 2em 0em 1em;
	}

	.thumb-wrapper {
		position: relative;
		cursor:pointer;
	}

	#sofar-section h2 {
		margin: 1.7em 0 .8em;

	}

	#team-grid {
		margin-top: 1em;
		border: .3em solid #141313;
		background: #141313;
	}

	#team-grid li {
		-moz-transition: -moz-transform .2s ease;
		-webkit-transition: -webkit-transform .2s ease;
		transition: transform .2s ease;
		position: relative;
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		outline: .3em solid #141313;
		padding: 0;
	}

	#team-grid li .fun {
		z-index:5;
		position: absolute;
		top:0;
		left:0;
		opacity:0;
		transition: opacity .5s ease;
	}

	#team-grid li:hover .fun {
		opacity: 1;
	}

	#team-grid li:hover {
		-moz-transform: translate(-10px, -10px);
		-webkit-transform: translate(-10px, -10px);
		-webkit-transform: translate(-10px, -10px);
	}

	#team-grid li::after {
		z-index: 10;
		position: absolute;
		bottom: 0;
		color: white;
		content: attr(data-name);
		text-align: center;
		font-size: 1.3em;
		left: 0;
		width: 100%;
		font-family: 'proxima_novalight', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-weight: 300;
		opacity: 0;
		transition: opacity 1s ease;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 1em .5em;
		background: rgba(0,0,0,.7);
	}

	#team-grid li:hover::after {
		opacity:1;
	}

	#creds-section .header-light {
		margin-top: 1.8em;
		margin-bottom: .9em;
		line-height: .9em;
	}

	#creds-section [class*="block-grid-"] > li {
		padding: 0em !important;
		height: 150px;
		text-align: center;
	}

	#creds-section > .row > .row >.row {
		width: 70%;
		margin: 0 auto;
	}

	#creds-section .columns {
		padding: 0px 2em;
		height: 150px;
		text-align: center;
	}

	#creds-section [class*="block-grid-"] > li img {
		height:100%;
	}

	#creds-section > row {
		padding: 0em 5em;
	}

	#about-section, 
	#contact-us-section{
		background-color: rgb(221,222,220);	
	}

	#message-text, 
	#message-subject,
	#message-email {
		background: whitesmoke;
		box-shadow: none;
		border-radius: 10px;
		border: none;
	}

	#message-subject,
	#message-email {
		border-radius: 5px;
	}

	#message-text {
		min-height: 300px;
	}

	#contact-us-section > .row {
		position: relative;
	}

	#contact-us-section > .row::before {
		content:'';
		position:absolute;
		height:2px;
		width:100%;
		background:#141313;
		top:0;
	}

	.side-form {
		padding-top: 3.5em;
	}

	.sites {
		display: block;
		width: 50%;
		margin: 1em auto;
	}

	[href="https://www.ted.com"] {
		width: 53%;
		position: relative;
		left: -.1em;
	}

	.speaker::before {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: -1px;
		background-image: url(../img/speakers/kokkino.png);
		background-size: contain;
		content:'';
		opacity:0;
		transition: opacity 1s ease;
	}

	.speaker.active::before {
		opacity:1 !important;
	}


	/*
	* Instafeed fancy stuff, makes use of animate.css
	*/
	#instafeed {
		overflow-y: auto;
		overflow-x: hidden;
	}

	#instafeed li {
		position: relative;
	}

	#instafeed .thumb-wrapper {
		cursor: pointer;
		padding: 5px;
		position: relative;
		border: 1px solid #141313;
		background: whitesmoke;
	}

	#instafeed .likes {
		background: rgba(215, 67, 57, 0.78);
		padding: 5px;
		font-family: sans-serif;
		font-size: 1em;
		position: absolute;
		color: #ffffff;
		right: 5px;
		left: 5px;
		bottom: 5px;
		opacity: 0;
		text-align: center;
		text-shadow: 0 1px rgba(0,0,0,0.5);
		-webkit-font-smoothing: antialiased;
		-webkit-transition: opacity 100ms ease;
		-moz-transition: opacity 100ms ease;
		-o-transition: opacity 100ms ease;
		-ms-transition: opacity 100ms ease;
		transition: opacity 100ms ease;
	}

	#instafeed-more-button {
		width: 19.2%;
		padding: 1em 0;
		font-size: .7em;
		margin: 1em auto;
		display: block;
	}

	.sticker-container {
		padding-top: 2.6em;
	}

	#instafeed-full-image {
		transition: opacity 1s ease;
		/*         margin-top: 6.8em; use if header goes right*/
	}

	#instafeed .thumb-wrapper:hover .likes {
		opacity:1;
	}

	/*
	* FOUNDATION OVERRIDES
	*/
	.row .row {
		margin-left: 0;
		margin-right: 0;
	}

	button, 
	.button {
		margin: 1.25rem 0;
		background-color: white;
		border: 3px solid black;
		color: black;
		font-family: 'proxima_novalight', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	}

	button:hover,
	.button:hover,
	button:focus,
	.button:focus,
	button.fauxfocus,
	.button.fauxfocus {
		background: black;
		color:white;
	}

	.fauxfocus:hover {
		background: white;
		color: #141313;
	}

	button.disabled, button[disabled], .button.disabled, .button[disabled] {
		background-color: #4D4D4D !important;
		border-color: #000000 !important;
		color: white;
		cursor: default;
		opacity: 0.7;
		box-shadow: none;
	}

	.sticky {
		transition: opacity .2s ease;
		opacity: 0;
		/*         box-shadow: 0 0 3px 1px rgba(0,0,0,.4);
		background: white;
		border-top: 2px solid red; */
	}

	.sticky.fixed {
		opacity: 1;
	}

	.top-bar {
		background: #141313;
		transition: width .2s ease;
	}


	.top-bar-section ul li > a {
		font-family: 'proxima_novalight', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	}

	[data-magellan-expedition], [data-magellan-expedition-clone] {
		background: transparent;
		padding: 0;
	}

	section > .row {
		padding: 60px 1em;
	}

	[class*="block-grid-"] > li {
		padding:.15em;
	}

	[class*="block-grid-"] {
		margin: 0;
	}

	.tabs .columns {
		padding: 0 !important;
		text-align: center;
		font-size: 0.8em;
		font-weight: 600;
	}

	.tabs .active a {
		color: red !important;
		background-color:transparent;
	}

	.tabs dd > a, 
	.tabs .tab-title > a {
		outline: none;
		display: block;
		background-color: transparent !important;
		color: #222222;
		padding: 1em .5em;
		font-family: 'NeutraText',"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-size: 1rem;
	}

	.tabs dd > a:hover {
		color: red;
	}

	.tabs-content .content {
		padding: 1em;
		border-radius: 10px;
		background-color:whitesmoke;
		height: 100%;
	}

	.tabs-content .content p{
		text-align: justify;
		font-size: .9em !important;
		margin: 1em 0;
	}
} 

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* // Medium screens */
@media only screen and (min-width: 40.063em) {/* min-width 641px, medium screens */
	#landing-video {
		display: block !important;
	}

	.firefox #landing-video {
		display: none !important;
	}

	#fallback-img {
		display: none !important;
	}

	.firefox #fallback-img {
		display: block !important;
	}

	#nav-bar * {
		height: 35px;
		line-height: 37px;
		font-weight: 300 !important;
	}

	.active-nav-element a{
		background: white !important;
		color: #141313 !important;
		border-top: 1px solid #141313 !important;
		height: 29px !important;
		top: 3px !important;
		position: relative !important;
		line-height: 31px !important;
		border-bottom: 1px solid #141313 !important;
	}

	[data-magellan-arrival]:first-child.active-nav-element a{
		border-left: 1px solid #141313 !important;
	}

	[data-magellan-arrival]:last-child.active-nav-element a{
		border-right: 1px solid #141313 !important;
	}

	.f-topbar-fixed #home-section {
		padding-top:50px;
		padding-top: 35px;
	}

	.top-bar {
		width: 80%;
		margin: 0 auto;
		background: transparent;
	}

	.top-bar .title-area {
		/* float: left; */
		/* display: none; */
		position: absolute;
		TRANSFORM: translate(-100%, -50%);
		border: 1px solid #141313;
		height: 29px;
		top: 18px;
		background: white;
		display: none;
	}

	.top-bar-section ul li {
		width: calc(100% / 7);
		display: inline;
		height: 100%;
		overflow: hidden;
		background: transparent;
	}

	.top-bar-section li:not(.has-form) a:not(.button) {
		background: #141313;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 0 5px;
		text-align: center;
		line-height: 35px;
		height: 100%;
		font-size: .6em;
		transition: all .2s ease;
		top: 0;
		position: relative;
	}

	.top-bar-section li:not(.has-form) a:not(.button):hover {
		/*         background: red;
		color: white; */
	}

	.speech-phase {
		display: block;
	}

	#speakers-wrapper [class*="block-grid-"] {
		width: calc(100% - 255px);
	}

	.photo {
		padding-top: 0;
		margin-bottom: 0;
	}

	.expander {
		height:0;
		transition: height 1s ease;
		clear: both;
		overflow:hidden;
		float: right;
		width: calc(100% - 258px);
		width: 100%;
		position: relative;
	}

	.speaker::after {
		position: absolute;
		top: 50%;
		color: white;
		content: attr(data-name);
		text-align: center;
		font-size: 1.3em;
		left: 0;
		width: 100%;
		font-family: 'NeutraText', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-weight: 300;
		transform: translateY(-50%);
		opacity: 0;
		transition: opacity 1s ease;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		/*         white-space: nowrap; */
	}

	.speaker.active::after {
		opacity:1;
	}

	.speaker:hover::after {
		opacity:1;
	}

	.speaker:hover::before {
		opacity:.7;
	}

	.info .photo {
		padding: 0;
	}

	.info .text {
		padding: 2em;
	}

	.info .bio {
		font-size: .8em;
		text-align: justify;
	}

	.info .quote {
		font-size: 1.5em;
		text-align: center;
		font-family: 'NeutraDisplay', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		font-variant: small-caps;
	}

	.info .desc {
		text-align: center;
		margin-top: 1em;
		font-weight: bold;
		font-family: 'NeutraText', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	}

	#about-section h2 {
		font-size: 2em;
		padding-top: 4.3em;
	}

	.tabs dd > a, 
	.tabs .tab-title > a {
		font-size:.8em;
	}

	.tabs-content .content p{
		font-size: .8em !important;
	}

	#supporters-grid[class*="block-grid-"] > li {
		height: 200px !important;
		padding: 0 !important;
	}

	#auspices-grid li {
		height: 150px !important;
	}

	.tabs-content {
		height: 376px;
	}

	.follow-us {
		padding:9.5em 0 0;
		font-size: .8em;
		text-align: center;
	}

	#home-section .header-heavy {
		width: 45%;
	}

} 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* // Large screens */
@media only screen and (min-width: 64.063em) {/* min-width 1025px, large screens */
	.reveal-modal, dialog {
		width: 50%;
	}

	section > .row {
		padding: 60px 0;
	}

	.top-bar .name h1 a {
		/*         padding: 0; */
	}

	.top-bar {
		width: 60%;
		margin: 0 auto;
	}

	.top-bar-section li:not(.has-form) a:not(.button) {
		font-size: .7em;
	}

	#about-section h2 {
		font-size: 4em;
		padding-top: 3em;
		line-height: 1em;
		font-family: 'NeutraDisplay', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	}

	#about-section h2 strong{
		font-weight: 800 !important;
	}

	.tabs dd > a, 
	.tabs .tab-title > a {
		font-size:1em;
	}

	#sofar-section > .row,
	#speakers-section > .row {
		/*         min-width: 95%; */
		max-width: 64.063em
	}

	section > .row {
		padding: 80px 0;
	}

	main > section {
		min-height: 0;
	}

	#team-grid li::after {
		font-size: .9em;
	}

} 

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* // XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* // XXLarge screens */
@media only screen and (min-width: 120.063em) { /* min-width 1921px, xxlarge screens */

} 

/*
* Ηelper classes
*/

.fauxbold {
	font-weight: 600 !important;
}

.thin {
	font-weight: 200 !important;
}

.light {
	font-weight: 300 !important;
}

.no-padding {
	padding:0!important;
}

.no-margin-top {
	margin-top: 0!important;
}

.inactive {
	cursor: default !important;
}

.transparent {
	opacity:0;
}

.red {
	color: red !important;
}

.bigger {
	font-size: 2em;
}

.underliner {
	/*     border-bottom: 1px solid rgb(0, 0, 0);
	padding-bottom: 0.1em; */
	position: relative;
}

.underliner::after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background: #141313;
	left: 0;
	bottom: .3em;
}

.overliner {
	position: relative;
}

.overliner::after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	background: #141313;
	left: 0;
	top: .26em;
}

.wrapper {
	width: 80%;
	margin:0 auto;

	/*     text-align: justify; */
}

.bordered {
	border: 3px solid #141313;
}

.bordered--heavy {
	border: 5px solid #141313;
}

.transparent {
	opacity:0;
}

.show-overflow {
	overflow: visible;
}

.hidden {
	visibility: hidden;
}

.soldout::before {
	content: 'SOLD OUT';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	background-color: rgba(150, 150, 150, 0);
	line-height: 1.7em;
	text-shadow: none;
	font-size: 2em;
	color: transparent;
	-webkit-transition: color .2s ease, background-color .2s ease, text-shadow .2s ease, opacity .2s ease;
	-moz-transition: color .2s ease, background-color .2s ease, text-shadow .2s ease, opacity .2s ease;
	-ms-transition: color .2s ease, background-color .2s ease, text-shadow .2s ease, opacity .2s ease;
	transition: color .2s ease, background-color .2s ease, text-shadow .2s ease, opacity .2s ease;
}

.soldout:hover {
	opacity: 1;
}

.soldout:hover::before {
	background-color: rgba(150, 150, 150, 1);
	color: white;
	text-shadow: 0px 2px 4px black;/*, 0px 1px 4px black, 1px 0px 4px black, 0px -1px 4px black, -1px 0px 4px black;*/
	content: 'SOLD OUT';
}

@media only screen and (max-width: 758px) and (min-width: 640px) {
	.sticky {
		height:92px;
	}


}