/**
 * Style by Wallace Rio
 * version 1.0
 */

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

	.cell{
		display: table-row;		
	}

	
	.row {
		
		
	}
	.row.hfull {
		height: 100%;
		/*border:1px solid red;*/
		display: table;
	}

	.row .floatLeft{
		float:left;
		display: inline-table !important;
		width: auto !important;
		text-align: left;
	}
	.row .floatCenter{
		display: inline-block !important;
		width: auto !important;
	        vertical-align: middle;
	        text-align: center;
			margin: auto !important;

	}

	.padding-right{
		padding-right: 5px;
	}

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

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

	.mobi-center{
		
	}
	.mobi-left{
		
	}
	.mobi-right{
		
	}

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


/* 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:not(.fixed){
		width: 100% !important;
				
	}.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;
	}


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


	.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;
	}

	.row .column.fixed{
			display: table-cell ;
		}
	
}




/* 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:not(.fixed){
		width: 100% !important;		
	}.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;
	}


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


	.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;
	}

	.row .column.fixed{
			display: table-cell ;
		}
}

/* 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:not(.fixed){
		width: 100% !important;
	}.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;
	}

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

	

	.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;
	}

	.row .column.fixed{
			display: table-cell ;
		}
}

/* 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;
		}	

					
		.row .column.fixed{
			display: table-cell ;
		}
	}	



/* 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;
		}

		.row .column.fixed{
			display: table-cell;
		}
		
	}	



/* Responsible: desktop = landscape; */
@media screen and (min-width: 1025px) {
	.row{
		display: table;
		width: 100%;
		
		}.row .column{			
			
	        display: table-cell;
	        vertical-align: middle;
	        text-align: right;
			margin: auto;
            width: 50%;
		}.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;
		}

		.row .column.fixed{
			display: table-cell;
		}
		
		
	}

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