* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	outline: none;
	vertical-align: top;
}

.bold, .b 		{font-weight: 700;}
.sb				{font-weight: 500;}
.em, .i 		{font-style: italic;}

.wrapper {
	width: 96%;
	max-width: 1360px;
	margin: 0px auto;
}

.l-hidden {
	display: none;
}

.l-visible {
	display: block;
}

.w10prc 		{width: 10%;}
.w15prc 		{width: 15%;}
.w20prc 		{width: 20%;}
.w25prc 		{width: 25%;}
.w30prc 		{width: 30%;}
.w40prc 		{width: 40%;}
.w50prc 		{width: 50%;}
.w60prc 		{width: 60%;}
.w70prc 		{width: 70%;}
.w75prc 		{width: 75%;}
.w80prc 		{width: 80%;}
.w85prc 		{width: 85%;}
.w90prc 		{width: 90%;}
.w100prc 		{width: 100%;}

/*
.w05x			{width: 4.15%;}
.w1x			{width: 8.33%;}
.w2x			{width: 16.66%;}
.w3x			{width: 25%;}
.w4x			{width: 33.33%;}
.w5x			{width: 41.66%;}
.w6x			{width: 50%;}
.w7x			{width: 58.33%;}
.w8x			{width: 66.66%;}
.w9x			{width: 75%;}
.w10x			{width: 83.33%;}
.w11x			{width: 91.66%;}
.w12x			{width: 100%;}

.c05x			{width: calc(4.15% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp);}
.c1x			{width: calc(8.33% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp);}
.c2x			{width: calc(16.66% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c3x			{width: calc(25% - 2*var(--space-cp)); 		margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c4x			{width: calc(33.33% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c5x			{width: calc(41.66% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c6x			{width: calc(50% - 2*var(--space-cp)); 		margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c7x			{width: calc(58.33% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c8x			{width: calc(66.66% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c9x			{width: calc(75% - 2*var(--space-cp)); 		margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c10x			{width: calc(8.33% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c11x			{width: calc(91.66% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp)}
.c12x			{width: calc(100% - 2*var(--space-cp)); 	margin-left: var(--space-cp); margin-right: var(--space-cp)}
*/


.c05x			{width: calc(0.5/12 * 100%);}
.c1x			{width: calc(1/12 * 100%);}
.c2x			{width: calc(2/12 * 100%);}
.c3x			{width: calc(3/12 * 100%);}
.c4x			{width: calc(4/12 * 100%);}
.c5x			{width: calc(5/12 * 100%);}
.c6x			{width: calc(6/12 * 100%);}
.c7x			{width: calc(7/12 * 100%);}
.c8x			{width: calc(8/12 * 100%);}
.c9x			{width: calc(9/12 * 100%);}
.c10x			{width: calc(10/12 * 100%);}
.c11x			{width: calc(11/12 * 100%);}
.c12x			{width: 100%;}




/* padding */

.p0  { padding: 0 }
.pt0 { padding-top: 0 }
.pr0 { padding-right: 0 }
.pb0 { padding-bottom: 0 }
.pl0 { padding-left: 0 }
.px0 { padding-left: 0; padding-right:  0 }
.py0 { padding-top: 0;  padding-bottom: 0 }

.p1  { padding:        var(--space-1) }
.pt1 { padding-top:    var(--space-1) }
.pr1 { padding-right:  var(--space-1) }
.pb1 { padding-bottom: var(--space-1) }
.pl1 { padding-left:   var(--space-1) }
.py1 { padding-top:    var(--space-1); padding-bottom: var(--space-1) }
.px1 { padding-left:   var(--space-1); padding-right:  var(--space-1) }

.p2  { padding:        var(--space-2) }
.pt2 { padding-top:    var(--space-2) }
.pr2 { padding-right:  var(--space-2) }
.pb2 { padding-bottom: var(--space-2) }
.pl2 { padding-left:   var(--space-2) }
.py2 { padding-top:    var(--space-2); padding-bottom: var(--space-2) }
.px2 { padding-left:   var(--space-2); padding-right:  var(--space-2) }

.p3  { padding:        var(--space-3) }
.pt3 { padding-top:    var(--space-3) }
.pr3 { padding-right:  var(--space-3) }
.pb3 { padding-bottom: var(--space-3) }
.pl3 { padding-left:   var(--space-3) }
.py3 { padding-top:    var(--space-3); padding-bottom: var(--space-3) }
.px3 { padding-left:   var(--space-3); padding-right:  var(--space-3) }

.p4  { padding:        var(--space-4) }
.pt4 { padding-top:    var(--space-4) }
.pr4 { padding-right:  var(--space-4) }
.pb4 { padding-bottom: var(--space-4) }
.pl4 { padding-left:   var(--space-4) }
.py4 { padding-top:    var(--space-4); padding-bottom: var(--space-4) }
.px4 { padding-left:   var(--space-4); padding-right:  var(--space-4) }

/* margin */

.m0  { margin:        0 }
.mt0 { margin-top:    0 }
.mr0 { margin-right:  0 }
.mb0 { margin-bottom: 0 }
.ml0 { margin-left:   0 }
.mx0 { margin-left:   0; margin-right:  0 }
.my0 { margin-top:    0; margin-bottom: 0 }

.m1  { margin:        var(--space-1) }
.mt1 { margin-top:    var(--space-1) }
.mr1 { margin-right:  var(--space-1) }
.mb1 { margin-bottom: var(--space-1) }
.ml1 { margin-left:   var(--space-1) }
.mx1 { margin-left:   var(--space-1); margin-right:  var(--space-1) }
.my1 { margin-top:    var(--space-1); margin-bottom: var(--space-1) }

.m2  { margin:        var(--space-2) }
.mt2 { margin-top:    var(--space-2) }
.mr2 { margin-right:  var(--space-2) }
.mb2 { margin-bottom: var(--space-2) }
.ml2 { margin-left:   var(--space-2) }
.mx2 { margin-left:   var(--space-2); margin-right:  var(--space-2) }
.my2 { margin-top:    var(--space-2); margin-bottom: var(--space-2) }

.m3  { margin:        var(--space-3) }
.mt3 { margin-top:    var(--space-3) }
.mr3 { margin-right:  var(--space-3) }
.mb3 { margin-bottom: var(--space-3) }
.ml3 { margin-left:   var(--space-3) }
.mx3 { margin-left:   var(--space-3); margin-right:  var(--space-3) }
.my3 { margin-top:    var(--space-3); margin-bottom: var(--space-3) }

.m4  { margin:        var(--space-4) }
.mt4 { margin-top:    var(--space-4) }
.mr4 { margin-right:  var(--space-4) }
.mb4 { margin-bottom: var(--space-4) }
.ml4 { margin-left:   var(--space-4) }
.mx4 { margin-left:   var(--space-4); margin-right:  var(--space-4) }
.my4 { margin-top:    var(--space-4); margin-bottom: var(--space-4) }

.mxn1 { margin-left: -var(--space-1); margin-right: -var(--space-1); }
.mxn2 { margin-left: -var(--space-2); margin-right: -var(--space-2); }
.mxn3 { margin-left: -var(--space-3); margin-right: -var(--space-3); }
.mxn4 { margin-left: -var(--space-4); margin-right: -var(--space-4); }

.ml-auto { margin-left: auto }
.mr-auto { margin-right: auto }
.mx-auto { margin-left: auto; margin-right: auto; }


.h100prc		{height: 100%;}
.mh100prc		{min-height: 100%;}

.vp5 			{padding-top: 5px; padding-bottom: 5px;}
.vp10 			{padding-top: 10px;	padding-bottom: 10px;}
.vp20 			{padding-top: 20px; padding-bottom: 20px;}

.hp10 			{padding-left: 10px; padding-right: 10px;}

.m0				{margin: 0px;}

.mr0			{margin-right: 0px;}
.mr5			{margin-right: 5px;}
.mr10			{margin-right: 10px;}
.mr20			{margin-right: 20px;}
.mr30			{margin-right: 30px;}
.mr35			{margin-right: 35px;}
.mr40			{margin-right: 40px;}
.mr50			{margin-right: 50px;}

.ml0			{margin-left: 0px;}
.ml5			{margin-left: 5px;}
.ml10			{margin-left: 10px;}
.ml20			{margin-left: 20px;}
.ml40			{margin-left: 20px;}

.mt0			{margin-top: 0px;}
.mt5			{margin-top: 5px;}
.mt10			{margin-top: 10px;}
.mt20			{margin-top: 20px;}
.mt30			{margin-top: 30px;}
.mt40			{margin-top: 40px;}
.mt50			{margin-top: 50px;}

.mb0			{margin-bottom: 0px;}
.mb5			{margin-bottom: 5px;}
.mb10			{margin-bottom: 10px;}
.mb15			{margin-bottom: 15px;}
.mb20			{margin-bottom: 20px;}
.mb30			{margin-bottom: 30px;}
.mb40			{margin-bottom: 40px;}
.mb50			{margin-bottom: 50px;}

.p0 			{padding: 0px !important;}
.p5 			{padding: 5px;}
.p10 			{padding: 10px;}
.p20 			{padding: 20px;}
.p30 			{padding: 30px;}
.p40 			{padding: 40px;}
.p50 			{padding: 50px;}

.pl0			{padding-left: 0px !important;}
.pl5			{padding-left: 5px;}
.pl10			{padding-left: 10px;}
.pl20			{padding-left: 20px;}
.pl30			{padding-left: 30px;}
.pl40			{padding-left: 40px;}
.pl50			{padding-left: 50px;}

.pr0			{padding-right: 0px !important;}
.pr5			{padding-right: 5px;}
.pr10			{padding-right: 10px;}
.pr20			{padding-right: 20px;}
.pr30			{padding-right: 30px;}
.pr40			{padding-right: 40px;}
.pr50			{padding-right: 50px;}

.pt0			{padding-top: 0px !important;}
.pt5			{padding-top: 5px;}
.pt10			{padding-top: 10px;}
.pt20			{padding-top: 20px;}
.pt30			{padding-top: 30px;}
.pt40			{padding-top: 40px;}
.pt50			{padding-top: 50px;}

.pb0			{padding-bottom: 0px !important;}
.pb5			{padding-bottom: 5px;}
.pb10			{padding-bottom: 10px;}
.pb20			{padding-bottom: 20px;}
.pb30			{padding-bottom: 30px;}
.pb40			{padding-bottom: 40px;}
.pb50			{padding-bottom: 50px;}


.tac, .center	{text-align: center;}
.tar			{text-align: right;}
.tal 			{text-align: left;}

.vat			{vertical-align: top;}
.vac 			{vertical-align: middle;}
.vab			{vertical-align: bottom;}

.relative 		{position: relative;}
.absolute 		{position: absolute;}

.block			{display: block}
.inline-block, .inline_block
				{display: inline-block !important;}
.inline			{display: inline;}

.pointer 		{cursor: pointer;}

.clear_all 		{clear: both; float: none;}

.nowrap			{white-space: nowrap;}
.border 		{border: 1px solid rgba(0, 0, 0, 0.2);}
.bb 			{border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.noborder 		{border: 0;}

.left 			{float: left;}
.right 			{float: right;}
.clear			{clear:both; float: none;}

.disp_none, .hidden		{display: none;}

.z-1 			{z-index: 1;}
.z-2 			{z-index: 2;}
.z-3 			{z-index: 3;}
.z-4 			{z-index: 4;}
.z-5 			{z-index: 5;}
.z-6 			{z-index: 6;}
.z-7 			{z-index: 7;}
.z-8 			{z-index: 8;}
.z-9 			{z-index: 9;}
.z-10			{z-index: 10;}

.zi10 			{z-index: 10;}

.uc 			{text-transform: uppercase;}

.overflow-hidden{overflow: hidden;}
.ofhidden 		{overflow: hidden;}
.tr 			{display: table-row;}
.td 			{display: table-cell;}
.table 			{display: table;}

.big_red {
	font-size: 3em;
	color: #e31e24;
	font-weight: 700;
}

.border-round {
	border-radius: 20px;
}

.red {
	color: #e31e24;
}

.huge {
	font-size: 3em;
	font-weight: 700;
}

.white {
	color: white;
}

.pointer {
	cursor: pointer;
}

.flex { display: flex }

.flex-column  { flex-direction: column }
.flex-wrap    { flex-wrap: wrap }

.items-start    { align-items: flex-start }
.items-end      { align-items: flex-end }
.items-center   { align-items: center }
.items-baseline { align-items: baseline }
.items-stretch  { align-items: stretch }

.self-start    { align-self: flex-start }
.self-end      { align-self: flex-end }
.self-center   { align-self: center }
.self-baseline { align-self: baseline }
.self-stretch  { align-self: stretch }

.justify-start   { justify-content: flex-start }
.justify-end     { justify-content: flex-end }
.justify-center  { justify-content: center }
.justify-between { justify-content: space-between }
.justify-around  { justify-content: space-around }

.content-start   { align-content: flex-start }
.content-end     { align-content: flex-end }
.content-center  { align-content: center }
.content-between { align-content: space-between }
.content-around  { align-content: space-around }
.content-stretch { align-content: stretch }

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0; /* 1 */
  min-height: 0; /* 1 */
}
.flex-none { flex: none }

.order-0 { order: 0 }
.order-1 { order: 1 }
.order-2 { order: 2 }
.order-3 { order: 3 }
.order-last { order: 99999 }


:root {
  --space-cp: 1rem;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
}

.condensed {
	letter-spacing: -0.2em;
}