/*

										  ____     ____     ____    _______    _____   _______   _____               _____  
										 |  _ \   / __ \   / __ \  |__   __|  / ____| |__   __| |  __ \      /\     |  __ \ 
										 | |_) | | |  | | | |  | |    | |    | (___      | |    | |__) |    /  \    | |__) |
										 |  _ <  | |  | | | |  | |    | |     \___ \     | |    |  _  /    / /\ \   |  ___/ 
										 | |_) | | |__| | | |__| |    | |     ____) |    | |    | | \ \   / ____ \  | |     
										 |____/   \____/__ \____/__   |_|___ |_____/_    |_|__  |_|  \_\ /_/    \_\ |_|     
											 /\     |  __ \  |  __ \   / __ \  | \ | |  / ____|                             
											/  \    | |  | | | |  | | | |  | | |  \| | | (___                               
										   / /\ \   | |  | | | |  | | | |  | | | . ` |  \___ \                              
										  / ____ \  | |__| | | |__| | | |__| | | |\  |  ____) |                             
										 /_/    \_\ |_____/  |_____/   \____/  |_| \_| |_____/                              
										 
										 BY SILLO (Suleiman Boutzamat / https://www.facebook.com/suleiman.boutzamat)
										 
*/


/*======================================================================================== ROWS*/
.row.full {
	margin-right:-2015px;
	margin-left:-2015px;
	padding-right:2000px;
	padding-left:2000px;
}

/*GUTTER 0*/
.row.gutter-0 {
	margin-left:0;
	margin-right:0;
}
	.row.gutter-0 > [class*="col-"],
	.row.gutter-0 > [data-col-xs],
	.row.gutter-0 > [data-col-sm],
	.row.gutter-0 > [data-col-md]{
		padding-right:0;
		padding-left:0;
	}
	
/*GUTTER 5*/
.row.gutter-5 {
	margin-left:-5px;
	margin-right:-5px;
}
	.row.gutter-5 > [class*="col-"],
	.row.gutter-5 > [data-col-xs],
	.row.gutter-5 > [data-col-sm],
	.row.gutter-5 > [data-col-md]{
		padding-right:5px;
		padding-left:5px;
	}
	
/*GUTTER 10*/
.row.gutter-10 {
	margin-left:-10px;
	margin-right:-10px;
}
	.row.gutter-10 > [class*="col-"],
	.row.gutter-10 > [data-col-xs],
	.row.gutter-10 > [data-col-sm],
	.row.gutter-10 > [data-col-sm]{
		padding-right:10px;
		padding-left:10px;
	}

	
/*GUTTER 15*/
.row.gutter-15 {
	margin-left:-15px;
	margin-right:-15px;
}
	.row.gutter-15 > [class*="col-"],
	.row.gutter-15 > [data-col-xs],
	.row.gutter-15 > [data-col-sm],
	.row.gutter-15 > [data-col-sm]{
		padding-right:15px;
		padding-left:15px;
	}
	
	
/*GUTTER 20*/
.row.gutter-20 {
	margin-left:-20px;
	margin-right:-20px;
}
	.row.gutter-20 > [class*="col-"],
	.row.gutter-20 > [data-col-xs],
	.row.gutter-20 > [data-col-sm],
	.row.gutter-20 > [data-col-sm]{
		padding-right:20px;
		padding-left:20px;
	}
	

/*GUTTER 25*/
.row.gutter-25 {
	margin-left:-25px;
	margin-right:-25px;
}
	.row.gutter-25 > [class*="col-"],
	.row.gutter-25 > [data-col-xs],
	.row.gutter-25 > [data-col-sm],
	.row.gutter-25 > [data-col-sm]{
		padding-right:25px;
		padding-left:25px;
	}
	

/*GUTTER 30*/
.row.gutter-30 {
	margin-left:-30px;
	margin-right:-30px;
}
	.row.gutter-30 > [class*="col-"],
	.row.gutter-30 > [data-col-xs],
	.row.gutter-30 > [data-col-sm],
	.row.gutter-30 > [data-col-sm]{
		padding-right:30px;
		padding-left:30px;
	}
	
	

/*MOBILE STYLES*/
/*SM*/
@media only screen and (min-width:768px) {

	/*GUTTER 0*/
	.row.gutter-sm-0 {
		margin-left:0;
		margin-right:0;
	}
		.row.gutter-sm-0 > [class*="col-"],
		.row.gutter-sm-0 > [data-col-xs],
		.row.gutter-sm-0 > [data-col-sm],
		.row.gutter-sm-0 > [data-col-md]{
			padding-right:0;
			padding-left:0;
		}
		
	/*GUTTER 5*/
	.row.gutter-sm-5 {
		margin-left:-5px;
		margin-right:-5px;
	}
		.row.gutter-sm-5 > [class*="col-"],
		.row.gutter-sm-5 > [data-col-xs],
		.row.gutter-sm-5 > [data-col-sm],
		.row.gutter-sm-5 > [data-col-md]{
			padding-right:5px;
			padding-left:5px;
		}
		
	/*GUTTER 10*/
	.row.gutter-sm-10 {
		margin-left:-10px;
		margin-right:-10px;
	}
		.row.gutter-sm-10 > [class*="col-"],
		.row.gutter-sm-10 > [data-col-xs],
		.row.gutter-sm-10 > [data-col-sm],
		.row.gutter-sm-10 > [data-col-sm]{
			padding-right:10px;
			padding-left:10px;
		}

		
	/*GUTTER 15*/
	.row.gutter-sm-15 {
		margin-left:-15px;
		margin-right:-15px;
	}
		.row.gutter-sm-15 > [class*="col-"],
		.row.gutter-sm-15 > [data-col-xs],
		.row.gutter-sm-15 > [data-col-sm],
		.row.gutter-sm-15 > [data-col-sm]{
			padding-right:15px;
			padding-left:15px;
		}
		
		
	/*GUTTER 20*/
	.row.gutter-sm-20 {
		margin-left:-20px;
		margin-right:-20px;
	}
		.row.gutter-sm-20 > [class*="col-"],
		.row.gutter-sm-20 > [data-col-xs],
		.row.gutter-sm-20 > [data-col-sm],
		.row.gutter-sm-20 > [data-col-sm]{
			padding-right:20px;
			padding-left:20px;
		}
		

	/*GUTTER 25*/
	.row.gutter-sm-25 {
		margin-left:-25px;
		margin-right:-25px;
	}
		.row.gutter-sm-25 > [class*="col-"],
		.row.gutter-sm-25 > [data-col-xs],
		.row.gutter-sm-25 > [data-col-sm],
		.row.gutter-sm-25 > [data-col-sm]{
			padding-right:25px;
			padding-left:25px;
		}
		

	/*GUTTER 30*/
	.row.gutter-sm-30 {
		margin-left:-30px;
		margin-right:-30px;
	}
		.row.gutter-sm-30 > [class*="col-"],
		.row.gutter-sm-30 > [data-col-xs],
		.row.gutter-sm-30 > [data-col-sm],
		.row.gutter-sm-30 > [data-col-sm]{
			padding-right:30px;
			padding-left:30px;
		}
		

	.text-sm-left {text-align:left;}
	.text-sm-center {text-align:center;}
	.text-sm-right {text-align:right;}

}
/*MD*/
@media only screen and (min-width:992px) {

	/*GUTTER 0*/
	.row.gutter-md-0 {
		margin-left:0;
		margin-right:0;
	}
		.row.gutter-md-0 > [class*="col-"],
		.row.gutter-md-0 > [data-col-xs],
		.row.gutter-md-0 > [data-col-sm],
		.row.gutter-md-0 > [data-col-md]{
			padding-right:0;
			padding-left:0;
		}
		
	/*GUTTER 5*/
	.row.gutter-md-5 {
		margin-left:-5px;
		margin-right:-5px;
	}
		.row.gutter-md-5 > [class*="col-"],
		.row.gutter-md-5 > [data-col-xs],
		.row.gutter-md-5 > [data-col-sm],
		.row.gutter-md-5 > [data-col-md]{
			padding-right:5px;
			padding-left:5px;
		}
		
	/*GUTTER 10*/
	.row.gutter-md-10 {
		margin-left:-10px;
		margin-right:-10px;
	}
		.row.gutter-md-10 > [class*="col-"],
		.row.gutter-md-10 > [data-col-xs],
		.row.gutter-md-10 > [data-col-sm],
		.row.gutter-md-10 > [data-col-sm]{
			padding-right:10px;
			padding-left:10px;
		}

		
	/*GUTTER 15*/
	.row.gutter-md-15 {
		margin-left:-15px;
		margin-right:-15px;
	}
		.row.gutter-md-15 > [class*="col-"],
		.row.gutter-md-15 > [data-col-xs],
		.row.gutter-md-15 > [data-col-sm],
		.row.gutter-md-15 > [data-col-sm]{
			padding-right:15px;
			padding-left:15px;
		}
		
		
	/*GUTTER 20*/
	.row.gutter-md-20 {
		margin-left:-20px;
		margin-right:-20px;
	}
		.row.gutter-md-20 > [class*="col-"],
		.row.gutter-md-20 > [data-col-xs],
		.row.gutter-md-20 > [data-col-sm],
		.row.gutter-md-20 > [data-col-sm]{
			padding-right:20px;
			padding-left:20px;
		}
		

	/*GUTTER 25*/
	.row.gutter-md-25 {
		margin-left:-25px;
		margin-right:-25px;
	}
		.row.gutter-md-25 > [class*="col-"],
		.row.gutter-md-25 > [data-col-xs],
		.row.gutter-md-25 > [data-col-sm],
		.row.gutter-md-25 > [data-col-sm]{
			padding-right:25px;
			padding-left:25px;
		}
		

	/*GUTTER 30*/
	.row.gutter-md-30 {
		margin-left:-30px;
		margin-right:-30px;
	}
		.row.gutter-md-30 > [class*="col-"],
		.row.gutter-md-30 > [data-col-xs],
		.row.gutter-md-30 > [data-col-sm],
		.row.gutter-md-30 > [data-col-sm]{
			padding-right:30px;
			padding-left:30px;
		}
		
	.text-md-left {text-align:left;}
	.text-md-center {text-align:center;}
	.text-md-right {text-align:right;}
	
}
/*LG*/
@media only screen and (min-width:1200px) {

	/*GUTTER 0*/
	.row.gutter-lg-0 {
		margin-left:0;
		margin-right:0;
	}
		.row.gutter-lg-0 > [class*="col-"],
		.row.gutter-lg-0 > [data-col-xs],
		.row.gutter-lg-0 > [data-col-sm],
		.row.gutter-lg-0 > [data-col-md]{
			padding-right:0;
			padding-left:0;
		}
		
	/*GUTTER 5*/
	.row.gutter-lg-5 {
		margin-left:-5px;
		margin-right:-5px;
	}
		.row.gutter-lg-5 > [class*="col-"],
		.row.gutter-lg-5 > [data-col-xs],
		.row.gutter-lg-5 > [data-col-sm],
		.row.gutter-lg-5 > [data-col-md]{
			padding-right:5px;
			padding-left:5px;
		}
		
	/*GUTTER 10*/
	.row.gutter-lg-10 {
		margin-left:-10px;
		margin-right:-10px;
	}
		.row.gutter-lg-10 > [class*="col-"],
		.row.gutter-lg-10 > [data-col-xs],
		.row.gutter-lg-10 > [data-col-sm],
		.row.gutter-lg-10 > [data-col-sm]{
			padding-right:10px;
			padding-left:10px;
		}

		
	/*GUTTER 15*/
	.row.gutter-lg-15 {
		margin-left:-15px;
		margin-right:-15px;
	}
		.row.gutter-lg-15 > [class*="col-"],
		.row.gutter-lg-15 > [data-col-xs],
		.row.gutter-lg-15 > [data-col-sm],
		.row.gutter-lg-15 > [data-col-sm]{
			padding-right:15px;
			padding-left:15px;
		}
		
		
	/*GUTTER 20*/
	.row.gutter-lg-20 {
		margin-left:-20px;
		margin-right:-20px;
	}
		.row.gutter-lg-20 > [class*="col-"],
		.row.gutter-lg-20 > [data-col-xs],
		.row.gutter-lg-20 > [data-col-sm],
		.row.gutter-lg-20 > [data-col-sm]{
			padding-right:20px;
			padding-left:20px;
		}
		

	/*GUTTER 25*/
	.row.gutter-lg-25 {
		margin-left:-25px;
		margin-right:-25px;
	}
		.row.gutter-lg-25 > [class*="col-"],
		.row.gutter-lg-25 > [data-col-xs],
		.row.gutter-lg-25 > [data-col-sm],
		.row.gutter-lg-25 > [data-col-sm]{
			padding-right:25px;
			padding-left:25px;
		}
		

	/*GUTTER 30*/
	.row.gutter-lg-30 {
		margin-left:-30px;
		margin-right:-30px;
	}
		.row.gutter-lg-30 > [class*="col-"],
		.row.gutter-lg-30 > [data-col-xs],
		.row.gutter-lg-30 > [data-col-sm],
		.row.gutter-lg-30 > [data-col-sm]{
			padding-right:30px;
			padding-left:30px;
		}
		
	.text-lg-left {text-align:left;}
	.text-lg-center {text-align:center;}
	.text-lg-right {text-align:right;}
	
}

/*======================================================================================== GRIDS*/

/*BOOTSTRAP GRID EXTENSTION*/
[class*="grid-"] > [class*="col-"] {
	clear:none;
}

/*APPLIES TO ALL SCREENSIZES*/
.grid-1 > [class*="col-"]:nth-of-type(1n+1) {
	clear:both;
}

.grid-2 > [class*="col-"]:nth-of-type(2n+1) {
	clear:both;
}

.grid-3 > [class*="col-"]:nth-of-type(3n+1) {
	clear:both;
}

.grid-4 > [class*="col-"]:nth-of-type(4n+1) {
	clear:both;
}

.grid-5 > [class*="col-"]:nth-of-type(5n+1) {
	clear:both;
}

.grid-6 > [class*="col-"]:nth-of-type(6n+1) {
	clear:both;
}

.grid-7 > [class*="col-"]:nth-of-type(7n+1) {
	clear:both;
}

.grid-8 > [class*="col-"]:nth-of-type(8n+1) {
	clear:both;
}

.grid-9 > [class*="col-"]:nth-of-type(9n+1) {
	clear:both;
}

.grid-10 > [class*="col-"]:nth-of-type(10n+1) {
	clear:both;
}

.grid-11 > [class*="col-"]:nth-of-type(11n+1) {
	clear:both;
}

.grid-12 > [class*="col-"]:nth-of-type(12n+1) {
	clear:both;
}


/*APLIES FROM 0PX -> 767PX*/
@media only screen and (min-width:0px) and (max-width:767px) {
	
	.grid-xs-1 > [class*="col-"]:nth-of-type(1n+1) {
		clear:both;
	}

	.grid-xs-2 > [class*="col-"]:nth-of-type(2n+1) {
		clear:both;
	}

	.grid-xs-3 > [class*="col-"]:nth-of-type(3n+1) {
		clear:both;
	}

	.grid-xs-4 > [class*="col-"]:nth-of-type(4n+1) {
		clear:both;
	}

	.grid-xs-5 > [class*="col-"]:nth-of-type(5n+1) {
		clear:both;
	}

	.grid-xs-6 > [class*="col-"]:nth-of-type(6n+1) {
		clear:both;
	}

	.grid-xs-7 > [class*="col-"]:nth-of-type(7n+1) {
		clear:both;
	}

	.grid-xs-8 > [class*="col-"]:nth-of-type(8n+1) {
		clear:both;
	}

	.grid-xs-9 > [class*="col-"]:nth-of-type(9n+1) {
		clear:both;
	}

	.grid-xs-10 > [class*="col-"]:nth-of-type(10n+1) {
		clear:both;
	}

	.grid-xs-11 > [class*="col-"]:nth-of-type(11n+1) {
		clear:both;
	}

	.grid-xs-12 > [class*="col-"]:nth-of-type(12n+1) {
		clear:both;
	}

}





/*APLIES FROM 768PX AND ABOVE*/

@media only screen and (min-width:768px) and (max-width:991px) {

	.grid-sm-1 > [class*="col-"]:nth-of-type(1n+1) {
		clear:both;
	}

	.grid-sm-2 > [class*="col-"]:nth-of-type(2n+1) {
		clear:both;
	}

	.grid-sm-3 > [class*="col-"]:nth-of-type(3n+1) {
		clear:both;
	}

	.grid-sm-4 > [class*="col-"]:nth-of-type(4n+1) {
		clear:both;
	}

	.grid-sm-5 > [class*="col-"]:nth-of-type(5n+1) {
		clear:both;
	}

	.grid-sm-6 > [class*="col-"]:nth-of-type(6n+1) {
		clear:both;
	}

	.grid-sm-7 > [class*="col-"]:nth-of-type(7n+1) {
		clear:both;
	}

	.grid-sm-8 > [class*="col-"]:nth-of-type(8n+1) {
		clear:both;
	}

	.grid-sm-9 > [class*="col-"]:nth-of-type(9n+1) {
		clear:both;
	}

	.grid-sm-10 > [class*="col-"]:nth-of-type(10n+1) {
		clear:both;
	}

	.grid-sm-11 > [class*="col-"]:nth-of-type(11n+1) {
		clear:both;
	}

	.grid-sm-12 > [class*="col-"]:nth-of-type(12n+1) {
		clear:both;
	}

}



/*APLIES FROM 992PX -> 1200PX */

@media only screen and (min-width:992px) and (max-width:1199px) {

	.grid-md-1 > [class*="col-"]:nth-of-type(1n+1) {
		clear:both;
	}

	.grid-md-2 > [class*="col-"]:nth-of-type(2n+1) {
		clear:both;
	}

	.grid-md-3 > [class*="col-"]:nth-of-type(3n+1) {
		clear:both;
	}

	.grid-md-4 > [class*="col-"]:nth-of-type(4n+1) {
		clear:both;
	}

	.grid-md-5 > [class*="col-"]:nth-of-type(5n+1) {
		clear:both;
	}

	.grid-md-6 > [class*="col-"]:nth-of-type(6n+1) {
		clear:both;
	}

	.grid-md-7 > [class*="col-"]:nth-of-type(7n+1) {
		clear:both;
	}

	.grid-md-8 > [class*="col-"]:nth-of-type(8n+1) {
		clear:both;
	}

	.grid-md-9 > [class*="col-"]:nth-of-type(9n+1) {
		clear:both;
	}

	.grid-md-10 > [class*="col-"]:nth-of-type(10n+1) {
		clear:both;
	}

	.grid-md-11 > [class*="col-"]:nth-of-type(11n+1) {
		clear:both;
	}

	.grid-md-12 > [class*="col-"]:nth-of-type(12n+1) {
		clear:both;
	}

}





/*APLIES FROM 1200PX AND ABOVE*/

@media only screen and (min-width:1200px) {

	.grid-lg-1 > [class*="col-"]:nth-of-type(1n+1) {
		clear:both;
	}

	.grid-lg-2 > [class*="col-"]:nth-of-type(2n+1) {
		clear:both;
	}

	.grid-lg-3 > [class*="col-"]:nth-of-type(3n+1) {
		clear:both;
	}

	.grid-lg-4 > [class*="col-"]:nth-of-type(4n+1) {
		clear:both;
	}

	.grid-lg-5 > [class*="col-"]:nth-of-type(5n+1) {
		clear:both;
	}

	.grid-lg-6 > [class*="col-"]:nth-of-type(6n+1) {
		clear:both;
	}

	.grid-lg-7 > [class*="col-"]:nth-of-type(7n+1) {
		clear:both;
	}

	.grid-lg-8 > [class*="col-"]:nth-of-type(8n+1) {
		clear:both;
	}

	.grid-lg-9 > [class*="col-"]:nth-of-type(9n+1) {
		clear:both;
	}

	.grid-lg-10 > [class*="col-"]:nth-of-type(10n+1) {
		clear:both;
	}

	.grid-lg-11 > [class*="col-"]:nth-of-type(11n+1) {
		clear:both;
	}

	.grid-lg-12 > [class*="col-"]:nth-of-type(12n+1) {
		clear:both;
	}

}