/* ====================================================================================================================
   l-btn-beveled
   ==================================================================================================================== */

.l-btn-beveled{
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	border: 0;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
	        border-radius: 0;  				         

	font-weight: 400;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;

	-webkit-appearance: none;
}

.l-btn-beveled:hover{
	cursor: pointer;	
}

/* medium */

.l-btn-beveled.medium{
	padding: 9px 14px;
	padding: 0.818rem 1rem 0.618rem 1rem;
	-webkit-transition: top 0.16s ease, left 0.16s ease, box-shadow 0.14s ease;
	   -moz-transition: top 0.16s ease, left 0.16s ease, box-shadow 0.14s ease;
	     -o-transition: top 0.16s ease, left 0.16s ease, box-shadow 0.14s ease;
	        transition: top 0.16s ease, left 0.16s ease, box-shadow 0.14s ease;		
}	

.l-btn-beveled.red.medium{
	
	color: white;
	background: #931c26;
	
	-webkit-box-shadow: 1px 0px 0px #550c14,0px 1px 0px #550c14, 2px 1px 0px #550c14,1px 2px 0px #550c14, 3px 2px 0px #550c14,2px 3px 0px #550c14;
	   -moz-box-shadow: 1px 0px 0px #550c14,0px 1px 0px #550c14, 2px 1px 0px #550c14,1px 2px 0px #550c14, 3px 2px 0px #550c14,2px 3px 0px #550c14;
	     -o-box-shadow: 1px 0px 0px #550c14,0px 1px 0px #550c14, 2px 1px 0px #550c14,1px 2px 0px #550c14, 3px 2px 0px #550c14,2px 3px 0px #550c14;
	        box-shadow: 1px 0px 0px #550c14,0px 1px 0px #550c14, 2px 1px 0px #550c14,1px 2px 0px #550c14, 3px 2px 0px #550c14,2px 3px 0px #550c14;   						
}

.l-btn-beveled.red.medium:active{
	
	left: 3px;
	top: 3px; 
	
	-webkit-box-shadow: 0px 0px 0px #931c26;
	   -moz-box-shadow: 0px 0px 0px #931c26;
  	     -o-box-shadow: 0px 0px 0px #931c26;
  	        box-shadow: 0px 0px 0px #931c26; 	 
}

/* large */

.l-btn-beveled.large{
	
	font-size: 18px;
	font-size: 1.25rem;
	padding: 14px 22px;
	padding: 1rem 2.618rem;	
	-webkit-transition: top 0.2s ease, left 0.2s ease, box-shadow 0.18s ease;
	   -moz-transition: top 0.2s ease, left 0.2s ease, box-shadow 0.18s ease;
	     -o-transition: top 0.2s ease, left 0.2s ease, box-shadow 0.18s ease;
	        transition: top 0.2s ease, left 0.2s ease, box-shadow 0.18s ease;	
}

.l-btn-beveled.red.large{
	
	color: white;
	background: #931c26;
	-webkit-box-shadow: 1px 0px 0px #550c14,0px 1px 0px #550c14, 2px 1px 0px #550c14,1px 2px 0px #550c14, 3px 2px 0px #550c14,2px 3px 0px #550c14, 4px 3px 0px #550c14,3px 4px 0px #550c14, 5px 4px 0px #550c14,4px 5px 0px #550c14;
	   -moz-box-shadow: 1px 0px 0px #550c14,0px 1px 0px #550c14, 2px 1px 0px #550c14,1px 2px 0px #550c14, 3px 2px 0px #550c14,2px 3px 0px #550c14, 4px 3px 0px #550c14,3px 4px 0px #550c14, 5px 4px 0px #550c14,4px 5px 0px #550c14;
	     -o-box-shadow: 1px 0px 0px #550c14,0px 1px 0px #550c14, 2px 1px 0px #550c14,1px 2px 0px #550c14, 3px 2px 0px #550c14,2px 3px 0px #550c14, 4px 3px 0px #550c14,3px 4px 0px #550c14, 5px 4px 0px #550c14,4px 5px 0px #550c14;
	        box-shadow: 1px 0px 0px #550c14,0px 1px 0px #550c14, 2px 1px 0px #550c14,1px 2px 0px #550c14, 3px 2px 0px #550c14,2px 3px 0px #550c14, 4px 3px 0px #550c14,3px 4px 0px #550c14, 5px 4px 0px #550c14,4px 5px 0px #550c14;   						
}

.l-btn-beveled.red.large:active{
	
	left: 5px;
	top: 5px; 
	
	-webkit-box-shadow: 0px 0px 0px #931c26;
	   -moz-box-shadow: 0px 0px 0px #931c26;
  	     -o-box-shadow: 0px 0px 0px #931c26;
  	        box-shadow: 0px 0px 0px #931c26; 	 
}

	


/* ====================================================================================================================
   l-cards
   ==================================================================================================================== */
   
/* global */ 

.l-cards, 
.l-cards-inner {
	position: relative;
}	

.l-cards{
	overflow: visible;
}

.l-card {
	display: inline-block;	
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box; 
}

/* typography */

.l-card .content .head,
.l-card .content p{	
	text-align: center;
}

.l-card .content .head{
	
	font-size: 19px;
	font-size: 1.375rem;
	font-weight: 400;	
	
}

.l-card .content .head,
.l-card .content .head a{
	color: black;
}	

.l-card a{
	text-decoration: none;
}

/* backgrounds */

.l-card.white .img,
.l-card.white .content{
	background-color: white;	
}

.l-card.white .img{
	background-color: rgba(255,255,255,0.85);	
}

/* layout */

.l-cards-inner{
	margin-left: -0.6875rem;
	margin-right: -0.6875rem;
	text-align: center;
}

.l-card {
	padding: 1.375rem 0.6875rem 0 0.6875rem;     
}

.l-card-shadow {
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
	-o-box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
	box-shadow: 4px 4px 10px rgba(0,0,0,0.1);	
}	

.l-card .img,
.l-card .content{
	display: block;
	padding: 1.375rem;
}

.l-card .img img{
	display: block;
	width: 100%;
	height: auto;
}

.l-card .content .head,
.l-card .content p{	
	margin-bottom: 0;
}

.l-card .content{
	position: relative;
}

/* short description */

.l-card .short-description,
.l-card .short-description-inner{
	display: block;
	position: relative;
}

/* =====================
	layout - 3 columns 
   ===================== */

/* widths */
.l-cards-3 .l-card { width: 33.33%; }
@media (max-width: 960px){
	.gitem-1 > .l-cards-3 .l-card { width: 50%; }
}

/* paddings */
.l-cards-3 .l-card:nth-of-type(1){ padding-top: 0; }

@media (min-width: 961px){
	.l-cards-3 .l-card:nth-of-type(2), .l-cards-3 .l-card:nth-of-type(3){ padding-top: 0; }
}
@media (min-width: 651px) and (max-width: 960px){
	.l-cards-3 .l-card:nth-of-type(2){ padding-top: 0; }
}


@media (max-width: 650px){
	.gitem-1 .l-cards-3 .l-card{
		display: block;
		width: 100%;
		max-width: 270px;
		margin-left: auto;
		margin-right: auto;	
	}
}	


/* ====================================================================================================================
   l-checkboard-panel
   ==================================================================================================================== */

.l-checkboard-panel{
	position: relative;
/* 	overflow: hidden; */	
}

.l-checkboard-panel-left,
.l-checkboard-panel-right{
	width: 50%;	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box; 	
}	

.l-checkboard-panel-left{
	float: left;
}

.l-checkboard-panel-right{
	float: right;
}

/* with-floating-content */

.l-checkboard-panel-left.with-floating-content,
.l-checkboard-panel-right.with-floating-content{
	position: absolute;
	top: 0;
	height: 100%;	
}

.l-checkboard-panel-left.with-floating-content{
	left: 0;
}

.l-checkboard-panel-right.with-floating-content{
	right: 0;
}

.l-checkboard-panel .floating-content{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);	
}