/*------------------------*/
/*---- NORMAMLISATION ----*/
/*------------------------*/

html 							{ height: 100%; }
html, button, select, textarea 	{ margin: 0px; vertical-align: baseline; vertical-align: middle; line-height: normal; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body 							{ padding: 0px; margin: 0px; min-height: 100%; font-size: 16px; }
body a, body a:link, a:visited 	{ text-decoration: none; outline: none; color: inherit; }
body a:active, body a:hover 	{ text-decoration: none; outline: none; color: inherit; }

h1, h2, h3, h4, h5, h6, p, img, form, input, li, ul, ol, select, fieldset { margin: 0px; padding: 0px; border: 0px; line-height: 100%; }
ul, ol 							{ list-style-type: none; }
img 							{ vertical-align: middle; max-width: 100%; }
table 							{ border-collapse: collapse; border-spacing: 0px; }
td, th 							{ vertical-align: top; text-align: left; }
hr 								{ height: 0; border:0; -moz-box-sizing: content-box; box-sizing: content-box; border-bottom: 1px solid #999; }
*, *:before, *:after 			{ box-sizing: border-box;}

.gallery_swap label[title=""],
.gallery_swap label[title="noimage.gif"] {display:none;}


/*--------------------*/
/*----- CLEARFIX -----*/
/*--------------------*/

.clear 							{ clear:both;}
.clear:before, .clear:after 	{ content:""; display:table;}
.clear:after 					{ clear:both;}
.clear 							{ zoom:1;}

/*-----------------------*/
/*----- PRE-CLASSES -----*/
/*-----------------------*/

.pd-5 							{ padding:5px;}
.pd-10 							{ padding:10px;}
.pd-15 							{ padding:15px;}
.pd-20 							{ padding:20px;}
.pd-25 							{ padding:25px;}
.pd-30 							{ padding:30px;}

.mb-5 							{ margin-bottom: 5px;}
.mb-10 							{ margin-bottom: 10px;}
.mb-15 							{ margin-bottom: 15px;}
.mb-20 							{ margin-bottom: 20px;}
.mb-25 							{ margin-bottom: 25px;}
.mb-30 							{ margin-bottom: 30px;}

.mt-5  							{ margin-top: 5px;}
.mt-10 							{ margin-top: 10px;}
.mt-15 							{ margin-top: 15px;}
.mt-20 							{ margin-top: 20px;}
.mt-25 							{ margin-top: 25px;}
.mt-30 							{ margin-top: 30px;}

img[class="responsive"] 		{ max-width:100%; height:auto;}


/*----------------------*/
/*------ CONTAINER -----*/
/*----------------------*/

#wrapper 						{/* PLACEHOLDER */}
.container 						{ width: 100%; }
.container-inner 				{ max-width:1140px; margin:0 auto; }
.no-pad 						{ padding-left:0 !important; padding-right:0 !important;}


/*----------------------*/
/*----- GRIDSYSTEM -----*/
/*----------------------*/

.row 							{ clear:both; margin-right: -15px; margin-left: -15px; margin-bottom: 15px; margin-top:15px;} 
.row:before, .row:after 		{ content:""; display:table;}
.row:after 						{ clear:both;}
.row 							{ zoom:1;}

*[class*="col-"] 				{ padding-left: 15px; padding-right: 15px;}

.col-1,
.col-2, 
.col-3, 
.col-4, 
.col-5, 
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12							{ display:inline-block; float:left; position: relative; min-height: 1px;}

.col-12							{ width: 100%;}
.col-11							{ width: 91.66%;}
.col-10							{ width: 83.33%;}
.col-9							{ width: 75%;}
.col-8							{ width: 66.66%;}
.col-7							{ width: 58.33%;}
.col-6							{ width: 50%;}
.col-5			 		 		{ width: 41.66%;}
.col-4			 		 		{ width: 33.3%;}
.col-3			 		 		{ width: 25%;}
.col-2			 		 		{ width: 16.66%;}
.col-1			 		 		{ width: 8.33%;}

.col-offset 					{ display:none;}

/* MEDIA MOBILE 680px */
@media screen and (max-width: 680px)
	
{
.no-pad-xs 						{ padding-left:0 !important; padding-right:0 !important;}
	
.col-12-xs						{ width: 100%;}
.col-11-xs						{ width: 91.66%;}
.col-10-xs						{ width: 83.33%;}
.col-9-xs						{ width: 75%;}
.col-8-xs						{ width: 66.66%;}
.col-7-xs						{ width: 58.33%;}
.col-6-xs						{ width: 50%;}
.col-5-xs		 		 		{ width: 41.66%;}
.col-4-xs		 		 		{ width: 33.3%;}
.col-3-xs		 		 		{ width: 25%;}
.col-2-xs		 		 		{ width: 16.66%;}
.col-1-xs		 		 		{ width: 8.33%;}

.col-xs-offset 					{ display:none;}
	
}