/* wrapper */
.wrapper.big { width:1400px; }
.wrapper.small { width:1000px; }

@media screen and (max-width: 1450px){
	.wrapper.big { width: 1200px; }
}

@media screen and (max-width: 1225px){
	.wrapper.big { width: 1000px; }
}

@media screen and (max-width: 1025px){
	.wrapper.big { width: 900px; }
	.wrapper.small { width: 850px; }
}

@media screen and (max-width: 925px){
	.wrapper.big { width: 810px; }
	.wrapper.small { width:auto !important; padding: 0 20px; }
}

@media screen and (max-width: 825px) {
	.wrapper.big { width: auto; padding: 0 20px; }
}

/* row */
.row{
	margin-left: -10px;
	margin-right: -10px;
}

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

.clearfix:before,
.clearfix:after{
	content:'';
	clear: both;
	display:table;
}

/* List Styling */
.h-list { padding: 0; margin: 0; list-style: none; }
.h-list li { float: left; }

/* element blocking */
.i-block { display: inline-block; }
.block { display: block; }

/* Vertical Styling */
.parents { display: table; height: inherit; width: 100%; }
.children { display: table-cell; vertical-align: middle; }

/* FLEX BOX */
.flex-box               	{ display:flex; flex-wrap: wrap; }
.flex-box.nowrap        	{ flex-wrap:nowrap; }
.flex-split, .flex-between	{ justify-content:space-between; }
.flex-end     				{ justify-content:flex-end; }
.flex-center            	{ align-items:center; }
.flex-column            	{ flex-direction:column; }
.flex-column-reverse    	{ flex-direction:column-reverse; }
.flex-row               	{ flex-direction:row; }
.flex-row-reverse       	{ flex-direction:row-reverse; }
.flex-justify-center    	{ justify-content:center; }

/* Floats */
.pull-right { float: right; }
.pull-left { float: left; }

/* PADDING */
.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 10px; }
.pt-2 { padding-top: 20px; }
.pt-3 { padding-top: 30px; }
.pt-4 { padding-top: 40px; }
.pt-5 { padding-top: 50px; }
.pt-6 { padding-top: 60px; }
.pt-7 { padding-top: 70px; }
.pt-8 { padding-top: 80px; }
.pt-9 { padding-top: 90px; }
.pt-10 { padding-top: 100px; }

.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 10px; }
.pb-2 { padding-bottom: 20px; }
.pb-3 { padding-bottom: 30px; }
.pb-4 { padding-bottom: 40px; }
.pb-5 { padding-bottom: 50px; }
.pb-6 { padding-bottom: 60px; }
.pb-7 { padding-bottom: 70px; }
.pb-8 { padding-bottom: 80px; }
.pb-9 { padding-bottom: 90px; }
.pb-10 { padding-bottom: 100px; }

.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 10px; }
.pr-2 { padding-right: 20px; }
.pr-3 { padding-right: 30px; }
.pr-4 { padding-right: 40px; }
.pr-5 { padding-right: 50px; }
.pr-6 { padding-right: 60px; }
.pr-7 { padding-right: 70px; }
.pr-8 { padding-right: 80px; }
.pr-9 { padding-right: 90px; }
.pr-10 { padding-right: 100px; }

.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 10px; }
.pl-2 { padding-left: 20px; }
.pl-3 { padding-left: 30px; }
.pl-4 { padding-left: 40px; }
.pl-5 { padding-left: 50px; }
.pl-6 { padding-left: 60px; }
.pl-7 { padding-left: 70px; }
.pl-8 { padding-left: 80px; }
.pl-9 { padding-left: 90px; }
.pl-10 { padding-left: 100px; }

.pa-0 { padding: 0; }
.pa-1 { padding: 10px; }
.pa-2 { padding: 20px; }
.pa-3 { padding: 30px; }
.pa-4 { padding: 40px; }
.pa-5 { padding: 50px; }
.pa-6 { padding: 60px; }
.pa-7 { padding: 70px; }
.pa-8 { padding: 80px; }
.pa-9 { padding: 90px; }
.pa-10 { padding:100px; }

/* MARGIN */
.mt-a { margin-top: auto; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 30px; }
.mt-4 { margin-top: 40px; }
.mt-5 { margin-top: 50px; }
.mt-6 { margin-top: 60px; }
.mt-7 { margin-top: 70px; }
.mt-8 { margin-top: 80px; }
.mt-9 { margin-top: 90px; }
.mt-10 { margin-top: 100px; }

.mb-a { margin-bottom: auto; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }
.mb-6 { margin-bottom: 60px; }
.mb-7 { margin-bottom: 70px; }
.mb-8 { margin-bottom: 80px; }
.mb-9 { margin-bottom: 90px; }
.mb-10 { margin-bottom: 100px; }

.mr-a { margin-right: auto; }
.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 10px; }
.mr-2 { margin-right: 20px; }
.mr-3 { margin-right: 30px; }
.mr-4 { margin-right: 40px; }
.mr-5 { margin-right: 50px; }
.mr-6 { margin-right: 60px; }
.mr-7 { margin-right: 70px; }
.mr-8 { margin-right: 80px; }
.mr-9 { margin-right: 90px; }
.mr-10 { margin-right: 100px; }

.ml-a { margin-left: auto; }
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 10px; }
.ml-2 { margin-left: 20px; }
.ml-3 { margin-left: 30px; }
.ml-4 { margin-left: 40px; }
.ml-5 { margin-left: 50px; }
.ml-6 { margin-left: 60px; }
.ml-7 { margin-left: 70px; }
.ml-8 { margin-left: 80px; }
.ml-9 { margin-left: 90px; }
.ml-10 { margin-left: 100px; }

.ma-a {margin:auto;}
.ma-0 { margin: 0 !important;}
.ma-1 { margin: 10px; }
.ma-2 { margin: 20px; }
.ma-3 { margin: 30px; }
.ma-4 { margin: 40px; }
.ma-5 { margin: 50px; }
.ma-6 { margin: 60px; }
.ma-7 { margin: 70px; }
.ma-8 { margin: 80px; }
.ma-9 { margin: 90px; }
.ma-10 { margin: 100px; }

.w_1 { width:1%; }
.w_49 { width:49%; }

.h_10 { height:10%; }
.h_20 { height:20%; }
.h_40 { height:40%; }
.h_60 { height:60%; }
.h_80 { height:80%; }
.h_90 { height:90%; }
.h_100 { height:100%; }

.underlay { position:relative; }
.overlay-content { position:relative; z-index:2; }
.overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0.25);
	z-index:1;
}
.overlay.dark { background-color:rgba(0,0,0,0.75) !important; }

@media screen and (max-width: 550px){
	.sm-10{ width: 10% }
	.sm-20{ width: 20% }
	.sm-30{ width: 30% }
	.sm-40{ width: 40% }
	.sm-50{ width: 50% !important;}
	.sm-60{ width: 60%; }
	.sm-70{ width: 70% }
	.sm-80{ width: 80% }
	.sm-90{ width: 90% }
	.sm-100{ width: 100% }

	.sm-hidden{ display: none !important; }
}