/*-------------------------------------------------------------------------------------------*/
/* =RESET
/*-------------------------------------------------------------------------------------------*/


textarea {
	resize:none;
	overflow:auto;
}

input[type=submit] {
	background:auto;
	cursor:pointer;
}

button {
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}

input[type=submit],button {
	/* Fix mobile iOS */
	-webkit-appearance: none;
}

/*-------------------------------------------------------------------------------------------*/
/* =BASE
/*-------------------------------------------------------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:inherit;
}

a:hover {

	color:inherit;
}

img {
	border:none;
}

iframe {
	border:none;
}

.clear:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/*-------------------------------------------------------------------------------------------*/
/* =ELEMENTS
/*-------------------------------------------------------------------------------------------*/
.db 	 { display:block !important; }
.dib 	 { display:inline-block !important; }
.float-l { float:left; }
.float-r { float:right; }
.hidden  { display:none; }
.center  { margin-left:auto; margin-right:auto; }

/*-------------------------------------------------------------------------------------------*/
/* =TEXTING
/*-------------------------------------------------------------------------------------------*/
.txt-u 			{ text-transform:uppercase; }
.txt-underline  { text-decoration:underline; }
.txt-italic 	{ font-style:italic; }

.txt-left 		{ text-align:left; }
.txt-center 	{ text-align:center; }
.txt-right		{ text-align:right; }

.font-thin 		{ font-weight:lighter; }
.font-normal 	{ font-weight:normal; }
.font-bold 		{ font-weight:bold; }
.font-xbold 	{ font-weight:bolder; }

.font-10 { font-size:10px !important; }
.font-11 { font-size:11px !important; }
.font-12 { font-size:12px !important; }
.font-14 { font-size:14px !important; }
.font-16 { font-size:16px !important; }
.font-18 { font-size:18px !important; }
.font-20 { font-size:20px !important; }
.font-24 { font-size:24px !important; }
.font-28 { font-size:28px !important; }
.font-30 { font-size:30px !important; }
.font-36 { font-size:36px !important; }
.font-40 { font-size:40px !important; }

/*-------------------------------------------------------------------------------------------*/
/* =VERTICAL ALIGNMENT
/*-------------------------------------------------------------------------------------------*/
.va-t { vertical-align:top !important; }
.va-m { vertical-align:middle !important; }
.va-b {	vertical-align:bottom !important; }

/*-------------------------------------------------------------------------------------------*/
/* =SPACING
/*-------------------------------------------------------------------------------------------*/

/* padding */
.pt-0 	 { padding-top:0 !important; }
.pt-5 	 { padding-top:5px !important; }
.pt-10 	 { padding-top:10px !important; }
.pt-15 	 { padding-top:15px !important; }
.pt-20 	 { padding-top:20px !important; }

.pb-0 	 { padding-bottom:0 !important; }
.pb-5 	 { padding-bottom:5px !important; }
.pb-10 	 { padding-bottom:10px !important; }
.pb-15 	 { padding-bottom:15px !important; }
.pb-20 	 { padding-bottom:20px !important; }

.pl-0 	 { padding-left:0 !important; }
.pl-5 	 { padding-left:5px !important; }
.pl-10 	 { padding-left:10px !important; }
.pl-15 	 { padding-left:15px !important; }
.pl-20 	 { padding-left:20px !important; }
.pl-25 	 { padding-left:25px !important; }
.pl-30 	 { padding-left:30px !important; }

.pr-0 	 { padding-right:0 !important; }
.pr-5 	 { padding-right:5px !important; }
.pr-10	 { padding-right:10px !important; }
.pr-15 	 { padding-right:15px !important; }
.pr-20 	 { padding-right:20px !important; }
.pr-25 	 { padding-right:25px !important; }
.pr-30 	 { padding-right:30px !important; }

.padd-0  { padding:0 !important; }
.padd-5  { padding:5px !important; }
.padd-10 { padding:10px !important; }
.padd-15 { padding:15px !important; }
.padd-20 { padding:20px !important; }
.padd-25 { padding:25px !important; }
.padd-30 { padding:30px !important; }

/* margin */
.mt-0 	 { margin-top:0 !important; }
.mt-5 	 { margin-top:5px !important; }
.mt-10 	 { margin-top:10px !important; }
.mt-15 	 { margin-top:15px !important; }
.mt-20 	 { margin-top:20px !important; }

.mb-0 	 { margin-bottom:0 !important; }
.mb-5 	 { margin-bottom:5px !important; }
.mb-10	 { margin-bottom:10px !important; }
.mb-15 	 { margin-bottom:15px !important; }
.mb-20 	 { margin-bottom:20px !important; }
.mb-30   { margin-bottom:30px !important; }
.mb-40   { margin-bottom:40px !important; }
.mb-50   { margin-bottom:50px !important; }
.mb-60   { margin-bottom:60px !important; }
.mb-70   { margin-bottom:70px !important; }

.ml-0 	 { margin-left:0 !important; }
.ml-5 	 { margin-left:5px !important; }
.ml-10 	 { margin-left:10px !important; }
.ml-15 	 { margin-left:15px !important; }
.ml-20 	 { margin-left:20px !important; }
.ml-25 	 { margin-left:25px !important; }
.ml-30 	 { margin-left:30px !important; }

.mr-0 	 { margin-right:0 !important; }
.mr-5 	 { margin-right:5px !important; }
.mr-10 	 { margin-right:10px !important; }
.mr-15 	 { margin-right:15px !important; }
.mr-20 	 { margin-right:20px !important; }
.mr-25 	 { margin-right:25px !important; }
.mr-30 	 { margin-right:30px !important; }

.marg-0  { margin:0 !important; }
.marg-5  { margin:5px !important; }
.marg-10 { margin:10px !important; }
.marg-15 { margin:15px !important; }
.marg-20 { margin:20px !important; }
.marg-25 { margin:25px !important; }
.marg-30 { margin:30px !important; }

/*-------------------------------------------------------------------------------------------*/
/* =GRID
/*-------------------------------------------------------------------------------------------*/
.line {
	width:100%;
}
	.line:after {
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}
		/* cols size */
		.line .col-10 {
			width:10%;
			float:left;
		}
		.line .col-20 {
			width:20%;
			float:left;
		}
		.line .col-25 {
			width:25%;
			float:left;
		}
		.line .col-30 {
			width:30%;
			float:left;
		}
		.line .col-33 {
			width:33%;
			float:left;
		}
		.line .col-40 {
			width:40%;
			float:left;
		}
		.line .col-45 {
			width:45%;
			float:left;
		}
		.line .col-50 {
			width:50%;
			float:left;
		}
		.line .col-55 {
			width:55%;
			float:left;
		}
		.line .col-60 {
			width:60%;
			float:left;
		}
		.line .col-70 {
			width:70%;
			float:left;
		}
		.line .col-75 {
			width:75%;
			float:left;
		}
		.line .col-80 {
			width:80%;
			float:left;
		}
		.line .col-90 {
			width:90%;
			float:left;
		}

/*-------------------------------------------------------------------------------------------*/
/* =MOBILE OPTIMIZATIONS
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 940px) {
  /* grid fixes */
  .line {
	  font-size:0;
  }
	/* cols size */
	.line .col-10 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-20 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-25 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-30 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-33 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-40 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-50 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-55 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-60 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-70 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-75 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-80 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
	.line .col-90 {
		width:auto;
		display:inline-block;
		vertical-align:top;
		float:none;
	}
}