/**
 * Style by Wallace Rio
 * 
 */

/* Start: RESPONSIBLE FIXO ========================================== */
	.tower{
		height: 100%;
		display: table;
		width: 100%;
	}

	.cell{
		display: table-row;		
	}

	.row{	
		
	}.row .column  {	
		/*border:1px solid red;*/		
	}
	
	.floatLeft{
		float:left;
		display: inline-table !important;
		width: auto !important;
		text-align: left;
	}
	.floatCenter{
		display: inline-block !important;
		width: auto !important;
	        vertical-align: middle;
	        text-align: center;
			margin: auto !important;

	}

	.left{
		text-align: left !important;
	}.center{
		text-align: center !important;
	}.right{
		text-align: right !important;
	}

	.top{
		vertical-align: top !important;
	}.middle{
		vertical-align: middle !important;
	}.bottom{
		vertical-align: bottom !important;
	}


	.col12{
			width: 5%;
		}.col11{
			width: 10%;
		}.col10{
			width: 15%;
		}.col9{
			width: 20%;
		}.col8{
			width: 30%;
		}.col7{
			width: 40%;
		}.col6{
			width: 50%;
		}.col5{
			width: 60%;
		}.col4{
			width: 70%;
		}.col3{
			width: 80%;
		}.col2{
			width: 90%;
		}.col1{
			width: 100%;
		}


/* Responsible: smartPhone = portrait; */
@media screen and (max-width: 320px) {
	.row{
	display: table;
	width: 100%;
	
	}.row .column{
		

		
         display: inline-block;


       width: 100%;
       vertical-align: middle;
			margin: auto;
			text-align: center;
	}.row .column:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;  
		margin: auto;
	}.row .column.float{			
			
	        display: inline-block;

	        vertical-align: middle;
	        text-align: center;
			margin: auto;
	}

	.off_sfv{
		display: none;
	}

	.on_sfv{
		display: block;
	}
	.on_sfh{
		display: none;
	}
	.on_tbh{
		display: none;
	}
	.on_tbv{
		display: none;
	}
	.on_dtm{
		display: none;
	}
	.on_dtl{
		display: none;
	}

	
}




/* Responsible: smartPhone = landscape; */
@media screen and (min-width: 321px) and (max-width: 420px) {
	.row{
	display: table;
	width: 100%;
	
	vertical-align: middle;
			margin: auto;

	}.row .column{
	
	
         display: inline-block;


       width: 100%;
       vertical-align: middle;
			margin: auto;
			text-align: center;
	}.row .column:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;  
	}.row .column.float{			
			
	        display: inline-block;

	        vertical-align: middle;
	        text-align: center;
			margin: auto;
	}

	.off_sfh{
		display: none;
	}
	.on_sfv{
		display: none;
	}
	.on_sfh{
		display: block;
	}
	.on_tbh{
		display: none;
	}
	.on_tbv{
		display: none;
	}
	.on_dtm{
		display: none;
	}
	.on_dtl{
		display: none;
	}
}

/* Responsible: tablet = portrait; */
@media screen and (min-width: 421px) and (max-width: 768px) {
	.row{
		display: table;
		width: 100%;
		
		}.row .column{
		
		
         display: inline-block;


       width: 100%;
       vertical-align: middle;
			margin: auto;
			text-align: center;
	}.row .column:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;  
	}.row .column.float{			
			
	        display: inline-block;

	        vertical-align: middle;
	        text-align: center;
			margin: auto;
	}


	

	.off_tbv{
		display: none;
	}

	.on_sfv{
		display: none;
	}
	.on_sfh{
		display: none;
	}
	.on_tbh{
		display: none;
	}
	.on_tbv{
		display: block;
	}
	.on_dtm{
		display: none;
	}
	.on_dtl{
		display: none;
	}

	
}

/* Responsible: tablet = landscape; */
@media screen and (min-width: 769px) and (max-width: 959px) {
	.row{
		display: table;
		width: 100%;
		

		}.row .column{
		
	        display: table-cell;
	        vertical-align: middle;
	        text-align: center;
			margin: auto;
		}.row .column.float{			
			
	        display: inline-block;

	        vertical-align: middle;
	        text-align: center;
			margin: auto;
		}.row .column.colflex{			
			
	        display: inline-block;

	        vertical-align: middle;
	        text-align: center;
			margin: auto;
		}


		.off_tbh{
			display: none;
		}

		.on_sfv{
			display: none;
		}
		.on_sfh{
			display: none;
		}
		.on_tbh{
			display: table-cell;
		}
		.on_tbv{
			display: none;
		}
		.on_dtm{
			display: none;
		}
		.on_dtl{
			display: none;
		}	

					

	}	



/* Responsible: tablet = landscape; */
@media screen and (min-width: 960px) and  (max-width: 1024px)  {
	.row{
		display: table;
		width: 100%;
		
		
		}.row .column{
		
	        display: table-cell;
	        vertical-align: middle;
	        text-align: center;
			margin: auto;
		}.row .column.float{			
			
	        display: inline-block;

	        vertical-align: middle;
	        text-align: center;
			margin: auto;
		}.row .column.colflex{			
			
	        display: inline-block;

	        vertical-align: middle;
	        text-align: center;
			margin: auto;
		}



		.off_dtm{
			display: none;
		}

		.on_sfv{
			display: none;
		}
		.on_sfh{
			display: none;
		}
		.on_tbh{
			display: none;
		}
		.on_tbv{
			display: none;
		}
		.on_dtm{
			display: block;
		}
		.on_dtl{
			display: none;
		}

		
	}	



/* Responsible: desktop = landscape; */
@media screen and (min-width: 1025px) {
	.row{
		display: table;
		width: 100%;
		
		}.row .column{			
			
	        display: table-cell;
	        vertical-align: middle;
	        text-align: center;
			margin: auto;
		}.row .column.float{			
			
	        display: inline-block;

	        vertical-align: middle;
	        text-align: center;
			margin: auto;
		}

		
		

		.off_dtl{
			display: none;
		}

		.on_sfv{
			display: none;
		}
		.on_sfh{
			display: none;
		}
		.on_tbh{
			display: none;
		}
		.on_tbv{
			display: none;
		}
		.on_dtm{
			display: none;
		}
		.on_dtl{
			display: block;
		}

		
	}

/* end: RESPONSIBLE FIXO ========================================== */