/* - - - - - - - - - - - - - - - - - - - -
   SCREENINGS GLOBAL CSS
- - - - - - - - - - - - - - - - - - - - - 

CONTENTS:
- helpers
- reset
- fonts
- base
- layout
- links
- buttons
- forms

- - - - - - - - - - - - - - - - - -
FORMULAS:
- - - - - - - - - - - - - - - - - -
FF line-height fix: (container-height / font-size = line-height)

COLORS:
ecf0f1  white
34495e  dull navy blue

*/


/* HELPERS
- - - - - - - - - - - - - - - - - */
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.clear { clear: both; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.text-center { text-align: center; }
.text-right  { text-align: right; }
.block-center { margin-left: auto; margin-right: auto; }
img.center { display: block; margin-left: auto; margin-right: auto; }
.relative { position: relative; }
.mt0_5 { margin-top: 0.5em; }
.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }
.mt3 { margin-top: 3em; }
.mt4 { margin-top: 4em; }
.mt5 { margin-top: 5em; }
.mb0_5 { margin-bottom: 0.5em; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb3 { margin-bottom: 3em; }
.mb4 { margin-bottom: 4em; }
.mb5 { margin-bottom: 5em; }
.ml1 { margin-left: 1em; }
.ml2 { margin-left: 2em; }
.mr1 { margin-right: 1em; }
.mr2 { margin-right: 2em; }
.onethird    { width:  33.3333%; }
.twothirds   { width:  66.6666%; }
.five        { width:   5%; }
.ten         { width:  10%; }
.fifteen     { width:  15%; }
.twenty      { width:  20%; }
.twentyfive  { width:  25%; }
.thirty      { width:  30%; }
.thirtyfive  { width:  35%; }
.forty       { width:  40%; }
.fortyfive   { width:  45%; }
.fifty       { width:  50%; }
.fiftyfive   { width:  55%; }
.sixty       { width:  60%; }
.sixtyfive   { width:  65%; }
.seventy     { width:  70%; }
.seventyfive { width:  75%; }
.eighty      { width:  80%; }
.eightyfive  { width:  85%; }
.ninety      { width:  90%; }
.ninetyfive  { width:  95%; }
.onehundred  { width: 100%; }
.full        { width: 100%; }


/* RESET
- - - - - - - - - - - - - - - - - */
* {
	margin: 0;
	padding: 0;
}

strong { font-weight: bold; }

/* FONTS
- - - - - - - - - - - - - - - - - */
@font-face {
	font-family: 'OpenSans-Light';
	src: url('../fonts/OpenSans-Light.ttf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular.ttf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Semibold';
	src: url('../fonts/OpenSans-Semibold.ttf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Bold';
	src: url('../fonts/OpenSans-Bold.ttf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Oswald-Bold';
	src: url('../fonts/oswald/Oswald-Bold.otf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sanchez-Italic';
	src: url('../fonts/sanchez/Sanchezregular-ita.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sanchez-Regular';
	src: url('../fonts/sanchez/Sanchezregular.eot');
		 url('../fonts/sanchez/Sanchezregular.eot') format('eot'),
		 url('../fonts/sanchez/Sanchezregular.woff') format('woff'),
		 url('../fonts/sanchez/Sanchezregular.svg')  format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sanchez-Italic';
	src: url('../fonts/sanchez/Sanchezregular-ita.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Filmotype-Glenlake';
	src: url('../fonts/297BDC_0_0.eot') format('eot'); 
	src: url('../fonts/297BDC_0_0.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/297BDC_0_0.ttf') format('truetype'),
		 url('../fonts/297BDC_0_0.woff') format('woff'),
		 url('../fonts/297BDC_0_0.svg')  format('svg');

	font-weight: normal;
	font-style: normal;
}


/* BASE
- - - - - - - - - - - - - - - - - */
html {
	-webkit-text-size-adjust: 100%;
	   -moz-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	background: url(../img/bg@2x.png) repeat;
	background-size: 35px;
	height: 100%;
}
body {
	color: #2c3e50;
	font-family: 'Helvetic', Arial, sans-serif;
	font-size: 14px;
	min-height: 100%;
	position: relative;
	background-color: #f7f7f7;
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #e5e6e7 100%);
    background:    -moz-linear-gradient(top, #f7f7f7 0%, #e5e6e7 100%);
	background:     -ms-linear-gradient(top, #f7f7f7 0%, #e5e6e7 100%); 
	background:      -o-linear-gradient(top, #f7f7f7 0%, #e5e6e7 100%); 
}

ul {
	list-style: none;
}

h1, h2, h3 { font-weight: normal; line-height: 1.2; margin-bottom: 0.125em; }
h1 { font-family: 'Sanchez-Regular', Arial, sans-serif; }
h2 { font-family: 'Sanchez-Regular', Arial, sans-serif; }
h3 { font-family: 'Sanchez-Regular', Arial, sans-serif; }

h3.red, p.red, span.red { color: #c0392b; }
h2.white { color: #fff; }
h3.green, p.green, span.green { color: #27ae60; }

.text-shadow { text-shadow: 2px 1px 3px #222; }

body.bgfull h1        		 { font-size: 40px; text-transform: uppercase; }

p {
	font-size: 14px;
	max-width: 640px;
	margin: 0.5em 0;
	line-height: 1.3;
}
p.link { text-decoration: underline; cursor: pointer; }
p.smaller { font-size: 12px; }
p.bigger { font-size: 16px; }
p.large { font-size: 20px; }
p.white { color: white; }
p.shadow { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }

span.smaller { font-size: 12px; }

strong { font-family: 'OpenSans-Bold', Arial, sans-serif; font-weight: normal; }

hr {
	clear: both;
	height: 0;
	margin: 25px 0;
	border: 0;
	border-top: 2px solid #e3e3e3;
	border-bottom: 1px solid #ffffff;
}
hr.dark { border-top: 2px solid #878889; }
hr.thin { margin: 5px 0; border-bottom: none; }
hr.gray { border: 0; border-bottom: 2px solid #ccc; margin: 5px 0; }


/* CHUNKS
- - - - - - - - - - - - - - - - - */
.chunk {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
/* chunk mods */
.chunk.left  { float:  left; padding-right: 3%; }
.chunk.right { float: right; padding-left:  3%; }
.chunk.padding-left  { padding-left:  3%; }
.chunk.padding-right { padding-right: 3%; }
.chunk.no-padding { padding-left: 0; padding-right: 0; }
.chunk.border-left  {  border-left: 1px solid #dcdcdc; }
.chunk.border-right { border-right: 1px solid #dcdcdc; }


/* COLUMNS
- - - - - - - - - - - - - - - - - */
.columns2, .columns3, .column {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
.column {
	float: left;
}
/* column mods */
.column.border-left  {  border-left: 1px solid #dcdcdc; }
.column.border-right { border-right: 1px solid #dcdcdc; }
/* 2-columns */
.columns2 .column { width: 50%; position: relative;  }

.columns2 .column:nth-child(1) { padding-right: 2.5%; }
.columns2 .column:nth-child(2) { padding-left:  2.5%; }
/* 2-columns mods */
.columns2.wider-gutter .column:nth-child(1) { padding-right: 5%; }
.columns2.wider-gutter .column:nth-child(2) { padding-left:  5%; }
.columns2.one-to-two   .column:nth-child(1) { width: 33.3333%; }
.columns2.one-to-two   .column:nth-child(2) { width: 66.6666%; }
.columns2.two-to-one   .column:nth-child(1) { width: 66.6666%; }
.columns2.two-to-one   .column:nth-child(2) { width: 33.3333%; }
/* 3-columns */
.columns3 .column { width: 33.3333%; }
.columns3 .column:nth-child(1) { padding-right: 2.5%; }
.columns3 .column:nth-child(2) { padding-left: 2.5%; padding-right: 2.5%; }
.columns3 .column:nth-child(3) { padding-left: 2.5%; }
/* 3-columns mods */
.columns3.fixed-height.home-page .column { height: 260px; }

/* yellow icon top right in columns */
.columns2.home-page .column:after { width: 9px; height: 9px; position: absolute; content:' '; display: block; top:0; right:0; background-image: url(../img/sprite/s.png); background-position: -5px -5px; }
.columns3.home-page .column:after { width: 9px; height: 9px; position: absolute; content:' '; display: block; top:0; right:0; background-image: url(../img/sprite/s.png); background-position: -5px -5px; }


/* LINKS
- - - - - - - - - - - - - - - - - */
a.link {
	text-decoration: underline;
	cursor: pointer;
}
a.link:hover { text-decoration: none; }
/* mods */
a.link.red  { color: #e74c3c; }
a.link.blue { color: #3498db; }
a.link.gray { color: #7f8c8d;  }
a.link.center  { display: block; text-align: center; }
a.link.center2 { display: inline-block; text-align: center; }
a.link.inline-block { display: inline-block; }
a.link.right   { display: block; float: right; }
a.link.film    {
	height: 26px;
	padding-left: 45px;
	background: url(../img/icon-film@2x.png) no-repeat left center;
	background-size: 37px 26px;
}
a.link.href:after   { content: attr(href); }
a.more-film 	   { font-size: 13px; }
a.more-film:before { content:' '; float: left; display: inline-block; width: 42px; height: 31px; background-image: url(../img/sprite/s.png); background-position: -523px -9px; margin-left: -0px; margin-right: 3px; margin-top: -4px;   }

/* SOCIAL ICONS
- - - - - - - - - - - - - - - - - */
a.icon { display: block; margin-right: 2em; margin-bottom: 1em; }
a.icon.twitter 		{ width: 68px; height: 63px; background-image: url(../img/social/icon_twitter_l.png); margin-left: -4px; 	}
a.icon.facebook		{ width: 63px; height: 63px; background-image: url(../img/social/icon_facebook_l.png); 	}
a.icon.gplus		{ width: 63px; height: 63px; background-image: url(../img/social/icon_google_l.png); 		}
a.icon.tumblr 		{ width: 63px; height: 63px; background-image: url(../img/social/icon_tumblr_l.png); 		}
a.icon.pintrest 	{ width: 63px; height: 63px; background-image: url(../img/social/icon_pintrest_l.png); 	}
a.icon.youtube 		{ width: 63px; height: 63px; background-image: url(../img/social/icon_youtube_l.png); 	}
a.icon.instagram  	{ width: 63px; height: 63px; background-image: url(../img/social/icon_instagram_l.png); 	}
a.icon.stumble    	{ width: 63px; height: 63px; background-image: url(../img/social/icon_stumble_l.png); 	}
a.icon.soundcloud 	{ width: 63px; height: 63px; background-image: url(../img/social/icon_soundcloud_l.png); 	}
a.icon.flipboard  	{ width: 63px; height: 63px; background-image: url(../img/social/icon_flipboard_l.png); 	}
a.icon.sm 			{ width: 31px; height: 31px; background-size: 31px 31px; margin-right: .6em; margin-bottom: 1em; }

a.icon-bt { background-image: url(../img/sprite/s.png); width: 236px; height: 45px; display: block; }
a.icon-bt.facebook 	{ background-position: -5px -120px; }
a.icon-bt.twitter 	{ background-position: -5px -168px; }
a.icon-bt.gmail		{ background-position: -5px -215px; }

a.icon-bt.tn { width: 111px; height: 28px; border-radius: 2px; }
a.icon-bt.tn.facebook 	{ background-position: -5px -273px; }
a.icon-bt.tn.twitter 	{ background-position: -5px -309px; }
a.icon-bt.tn.gmail		{ background-position: -5px -345px; }

a.icon-bt.sm { width: 101px; height: 28px;  }
a.icon-bt.sm.facebook 	{ background-position: -165px -9px; }
a.icon-bt.sm.twitter 	{ background-position: -283px -9px; }
a.icon-bt.sm.gmail		{ background-position: -399px -9px; }

a.fb-icon { background-image: url(../img/sprite/s.png); width: 106px; height: 39px; background-position: -285px -61px;  display: block;  }
a.tw-icon { background-image: url(../img/sprite/s.png); width: 40px;  height: 39px; background-position: -409px -61px;  display: block;  }
.classesToStyleWith { background-image: url(../img/sprite/s.png); width: 235px;  height: 40px; background-position: -4px -215px;  display: block; cursor: pointer;  }

a.fb-btn { background-image: url(../img/sprite/s.png); width: 174.5px; height: 28.5px; background-position:  -127.5px -60px;  display: block; background-size: 350px 200px; }
a.tw-btn { background-image: url(../img/sprite/s.png); width: 174.5px; height: 28.5px; background-position:  -127.5px -99px;  display: block; background-size: 350px 200px; }

div.redeem-icon { width: 31px; height: 30px; display: block; background-image: url(../img/sprite/s.png); float: left;  margin-left: 5px; background-position:  -29px   -5px; }


/* BUTTONS
- - - - - - - - - - - - - - - - - */
a.button {
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

/* cta buttons */
a.button.cta {
	display: block;
	width: 270px;
	height: 46px;
	line-height: 46px; 
	font-size: 22px; 
	color: #fff; 
	background-color: #219CFD;
	background-repeat: no-repeat;

	text-transform: uppercase;
}
a.button.cta:before 	   { content:' '; width: 31px; height: 30px; display: inline-block; background-image: url(../img/sprite/s.png); float: left; margin-top: 7px; margin-left: 10px; }
a.button.cta span 		   { color: #265174; text-transform: none;}
a.button.cta.signup:before { background-position: -114px   -5px; }
a.button.cta.login:before  { background-position:  -70px   -5px; }
a.button.cta.redeem:before { background-position:  -29px   -5px; }

a.button.cta.local         { background-position:    0px -174px; }
a.button.cta.sweeps        { background-position:    0px -232px; }
a.button.cta.signup:hover  { background-position: -200px    0px; }
a.button.cta.login:hover   { background-position: -200px  -58px; }
a.button.cta.redeem:hover  { background-position: -200px -116px; }
a.button.cta.local:hover   { background-position: -200px -174px; }
a.button.cta.sweeps:hover  { background-position: -200px -232px; }
a.button.cta.signup:active { background-position: -400px    0px; }
a.button.cta.login:active  { background-position: -400px  -58px; }
a.button.cta.redeem:active { background-position: -400px -116px; }
a.button.cta.local:active  { background-position: -400px -174px; }
a.button.cta.sweeps:active { background-position: -400px -232px; }

/* dull black button */
a.button.dull.black {
	display: block;
	width: 150px;
	height: 40px;
	color: #fff;
	line-height: 2;
	background: #000;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:      -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:         linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
}
a.button.dull.black:hover {
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:      -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:         linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
}
a.button.dull.black:active {
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:      -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
	background-image:         linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 35%, rgba(255, 255, 255, 0.0) 65%, rgba(255, 255, 255, 0.0) 100%);
}

/* share buttons */
a.button.share {
	width: 100px;
	height: 31px;
	background-image: url(../img/buttons/buttons-social@2x.png);
	background-repeat: no-repeat;
	background-size: 202px 62px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
}
a.button.share.facebook        { background-position:    0px   0px; }
a.button.share.facebook:hover  { background-position:    0px -31px; }
a.button.share.twitter         { background-position: -101px   0px; }
a.button.share.twitter:hover   { background-position: -101px -31px; }

/* share buttons container */
div.share-buttons.bottom { position: absolute; bottom: 0; }
div.share-buttons a.button.share {
	float: left;
	height: 31px;
	margin-right: 15px;
	margin-bottom: 8px;
}
div.share-buttons a.button.share:last-child { margin-right: 0; }

/* primary buttons */
a.button.blue,
a.button.dark-blue,
a.button.yellow,
a.button.purple,
a.button.white,
a.button.red {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	display: block;
	width: 200px;
	height: 46px;
	line-height: 2.5556;
	padding-left: 15px;
	padding-right: 15px;
}
/* Note: bg-image fades light-to-transparent. bg-color is solid dark color. bg-color hover fades to light color . */
a.button.blue {
	color: #fff;
	text-shadow: 0 -1px 2px #2980b9;
	background-color: #279cfe;
	border: 1px solid #81c7fe;
}
a.button.blue:hover {
	color: #bcdbff;
}
a.button.dark-blue {
	color: #fff;
	text-shadow: 0 -1px 2px #2980b9;
	background-color: #2C4762;
}
a.button.yellow {
	color: #fff;
	text-shadow: 0 -1px 2px #ffcb5c;
	background-color: #ffb400;
	border: 1px solid #ffb400;
	
}
a.button.purple {
	height: 36px;
	line-height: 1.8;
	color: #fff;
	background-color: #9046af;
	background-image: -webkit-linear-gradient(top, #ab62c9, rgba(171, 98, 201, 0.0));
	background-image:    -moz-linear-gradient(top, #ab62c9, rgba(171, 98, 201, 0.0));
	background-image:     -ms-linear-gradient(top, #ab62c9, rgba(171, 98, 201, 0.0));
	background-image:      -o-linear-gradient(top, #ab62c9, rgba(171, 98, 201, 0.0));
	background-image:         linear-gradient(top, #ab62c9, rgba(171, 98, 201, 0.0));
}
a.button.white {
	color: #5d6667;
	text-shadow: 0 -1px 2px #ecf0f1;
	background-color: #bdc3c7;
	background-image: -webkit-linear-gradient(top, #ecf0f1, rgba(236, 240, 241, 0.0));
	background-image:    -moz-linear-gradient(top, #ecf0f1, rgba(236, 240, 241, 0.0));
	background-image:     -ms-linear-gradient(top, #ecf0f1, rgba(236, 240, 241, 0.0));
	background-image:      -o-linear-gradient(top, #ecf0f1, rgba(236, 240, 241, 0.0));
	background-image:         linear-gradient(top, #ecf0f1, rgba(236, 240, 241, 0.0));
}
a.button.red {
	color: #ecf0f1;
	text-shadow: 0 -1px 2px #c0392b;
	background-color: #c0392b;
	background-image: -webkit-linear-gradient(top, #e74c3c, rgba(231, 76, 60, 0.0));
	background-image:    -moz-linear-gradient(top, #e74c3c, rgba(231, 76, 60, 0.0));
	background-image:     -ms-linear-gradient(top, #e74c3c, rgba(231, 76, 60, 0.0));
	background-image:      -o-linear-gradient(top, #e74c3c, rgba(231, 76, 60, 0.0));
	background-image:         linear-gradient(top, #e74c3c, rgba(231, 76, 60, 0.0));
}
a.button:hover 		  { color: #bcdbff; }
a.button:hover span	  { color: #4d6d88; }
a.button.blue:hover   { background-color: #3498db; }
a.button.yellow:hover { background-color: #f2c530; }
a.button.purple:hover { background-color: #ab62c9; }
a.button.white:hover  { background-color: #ecf0f1; }
a.button.red:hover    { background-color: #e74c3c; }

/* common button mods */
a.button.full { width: 100%; }
a.button.flex { width: auto; display: inline-block; }
a.button.long { width: 260px; height: 41px; line-height: 41px; }
.bgfull a.button.long { width: 295px; height: 41px; line-height: 41px; text-transform: uppercase; }
a.button.small 	{ width: 170px;}
a.button.mini { width: 95px; height: 33px; line-height: 33px; font-size: 13px; padding: 0; }
a.button.tiny { width: 120px; height: 33px; line-height: 33px; font-size: 13px; padding: 0; }
a.button.center { margin-left: auto; margin-right: auto; }
a.button.right  { float: right; }
a.button.bottom {
	position: absolute; /* Note: There MUST be a non-static parent, obviously. */
	bottom: 0px;
}
a.blue.medium { height:30px; line-height: 30px; font-size: 16px; }

/* Square Button e.g for seats number selection*/
a.button.square {
    -moz-box-sizing: border-box;
	     box-sizing: border-box;
	display: inline-block;
	margin-right:10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: #279cfe;
	font-family: 'BerninoSansCondensed-Regular', Arial, sans-serif;
	border: 1px solid #81c7fe;
	/*border-radius: 20px;*/
}
a.button.square:hover, a.button.square.chosen {background-color:#2980b9; color:#000;}

/* FORMS
- - - - - - - - - - - - - - - - - */
label {
	color: #2c3e50;
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
label span  { color: #95a5a6; font-size: 10px; }
label.light { color: #999; }
label.error { color: #e44c3e; display: block; }
label.green { color: #27ae60; }
label.red   { color: #e44c3e; }
input, textarea, select {
	width: 260px;
	outline: none; /* removes crappy default webkit blue glow */
}
input.error, textarea.error, select.error { border: 2px solid #e44c3e; box-shadow: none; }
input, textarea {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	padding-left:  4px;
	padding-right: 4px;
	border: none;
	box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.3);
}
input, select {
	color: #2c3e50;
	font-family: 'OpenSans-Regular', Arial, sans-serif;
	font-size: 14px;
	line-height: 2;
	height: 28px;
}
select{ padding: 3px 0; margin-bottom: 10px; }
input.long { width: 240px; }


input.short { width: 110%; }
textarea {
	color: #2c3e50;
	font-family: 'OpenSans-Regular', Arial, sans-serif;
	font-size: 12px;
	height: 60px;
	max-width: 100%;
	max-height: 400px;
	background-color: white;
}
textarea.taller { height: 120px; }

input[type="file"] {
	line-height: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}

input[type="checkbox"] {
	display: inline;
	width: auto;
	box-shadow: none;
	margin-right: 4px;
}

.checkboxes input[type="checkbox"],
.checkboxes label {
	height: auto;
	line-height: 1;
	vertical-align: middle;
}
.checkboxes input[type="checkbox"] {
}

.flex
{
	display: flex;
}
.flex-wrap
{
	flex-wrap: wrap;
}
.flex-col
{
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

.flex-row
{
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
}

.jc-center
{
	justify-content: center;
}

.ai-center
{
	align-items: center;
}