@charset "utf-8";


    /* ///////////////////////////////////////    KickStyler 1.0 CSS        /////////////////////////////////////// */



	/* ///////////////////////////////////////        Containers        /////////////////////////////////////// */

	
	
	.mainContainer{
		margin:0 auto;
		width:100%;	
	}

	.mainButtonContainer{
		clear:both;
		background:#333;
		color:#fff;	
		text-align:center;
	}
	
	

	/* ///////////////////////////////////////        Spreads and Heights        /////////////////////////////////////// */


	.spread_1to1{
		width:100%;
		margin:0px;
		padding:0px;
	}
		
	.spread_3to1{
		width:33.33%;
		margin:0px;
		padding:0px;
		float:left;	
	}
	
		
	.spread_2to1{
		width:50%;
		margin:0px;
		padding:0px;
		float:left;		
	}
	
	.spread_4to1{
		width:25%;	
		margin:0px;
		padding:0px;
		float:left;	
	}
	
	.spread_4to2, .spread_25{
		width:25%;	
		margin:0px;
		padding:0px;
		float:left;	
	}

	.spread_66to100{
		width:66.66%;
		margin:0px;
		padding:0px;
		float:left;	
	}
	
	
	.spread_75to100{
		width:75%;
		margin:0px;
		padding:0px;
		float:left;			
	}
	
	.height_setToFull{
		min-height:1px;
	}

	.absMiddle{
		position:absolute;
		width:100%;
		text-align:center;	
	}
	
	.absHeight{
		top: 50%;	
	}
	
	.absBottom{
		bottom: 0;	
	}
	
	/* ///////////////////////////////////////        Global Margins and Paddings        /////////////////////////////////////// */



	.internal_margin10{
		margin:10px;	
	}

	.internal_margin20{
		margin:20px;	
	}	

	.internal_padding10{
		padding:10px;	
	}

	.internal_padding20{
		padding:20px;	
	}



	/* ///////////////////////////////////////        Other Classes        /////////////////////////////////////// */

	#boxColor1, #boxColor2, #boxColor3 {
		background:#F50004;
		width:25%;	
		position:relative;
		margin-bottom:20px;
	}	

	.someClass{
		background:#ccc;
		text-align:center;
		height:150px;	
	}

	.someClass2{
		background:#efefef;	
		text-align:center;
		height:150px;
	}

	.someClass3{
		background:#f2f2f2;	
		text-align:center;
	}
		
	.button{
		display:inline-block;
		background:#900;
		color:#fff;	
		padding:5px;
		margin:5px;
		-webkit-transition: background  0.3s ease-out;  
		-moz-transition: background 0.3s ease-out; 
		-o-transition: background 0.3s ease-out;  
		transition: background 0.3s ease-out;
	}

	.button:hover{
		display:inline-block;
		background:#090;
		color:#fff;	
		padding:5px;
		margin:5px;
		cursor:pointer;
		-webkit-transition: background  0.3s ease-out;  
		-moz-transition: background 0.3s ease-out; 
		-o-transition: background 0.3s ease-out;  
		transition: background 0.3s ease-out;
	}


	/* ///////////////////////////////////////       Hides and Shows      /////////////////////////////////////// */



	.hide_onMobile{
		display:block;	
	}	

	.hide_onDesktopBlock, .hide_onDesktopInline{
		display:none;	
	}



	
	@media screen and (max-width: 799px) {
		
		/* ///////////////////////////////////////        Spreads and Heights         /////////////////////////////////////// */
		
		
		.spread_4to1{
		width:100%;	
		margin:0px;
		padding:0px;
		float:left;	
		}	
		
		
		.spread_4to2 img{
			width:100%;	
		}
		
		
		.spread_4to2{
			width:50%;	
			margin:0px;
			padding:0px;
			float:left;	
		}
	
		.spread_25, .spread_66to100, .spread_33to100, .spread_75to100{
			width:100%;
			margin:0px;
			padding:0px;
			float:left;	
		}
		
		/* ///////////////////////////////////////       Hides and Shows      /////////////////////////////////////// */
		
		
		.hide_onMobile{
			display:none;	
		}

		.hide_onDesktopBlock{
			display:block;	
		}

		.hide_onDesktopInline{
			display:inline-block;	
		}
			
		/* ///////////////////////////////////////       Add/Remove Padding      /////////////////////////////////////// */
		
		.padding_onMobile_moreHeight{
			padding-top:10px;
			padding-bottom:10px;
		}

		.padding_onMobile_moreWidth{
			
		}
				
	}