body{
	white-space: nowrap;
}

.ltr{direction: ltr;}
.rtl{direction: rtl;}

.no_wrap{white-space: nowrap;}

.show{display: block !important;}
.hide{display: none !important;}

.inline{display: inline-block;}

.margin_a{margin: auto;}


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

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

.absolute{position: absolute;}
.relative{position: relative;}
.fixed{position: fixed;}

.w_5{width: 5%;}
.w_10{width:10%;}
.w_15{width: 15%;}
.w_20{width:20%;}
.w_25{width: 25%;}
.w_30{width:30%;}
.w_33{width: 33%;}
.w_40{width:40%;}
.w_45{width:45%;}
.w_50{width: 50%;}
.w_60{width:60%;}
.w_66{width: 66%;}
.w_70{width:70%;}
.w_75{width: 75%;}
.w_80{width:80%;}
.w_85{width: 85%;}
.w_90{width: 90%;}
.w_95{width:95%;}
.w_100{width: 100%;}


/*PADDINGS*/
.padding{padding:1rem;}
.padding_l{padding-left: 1rem;}
.padding_t{padding-top: 1rem;}
.padding_r{padding-right: 1rem;}
.padding_b{padding-bottom: 1rem;}
.padding_v{padding-top: 1rem; padding-bottom: 1rem;}
.padding_h{padding-left: 1rem; padding-right: 1rem;}

.padding_hf{padding:.5rem;}
.padding_hf_l{padding-left: .5rem;}
.padding_hf_t{padding-top: .5rem;}
.padding_hf_r{padding-right: .5rem;}
.padding_hf_b{padding-bottom: .5rem;}
.padding_hf_v{padding-top: .5rem; padding-bottom: .5rem;}
.padding_hf_h{padding-left: .5rem; padding-right: .5rem;}

.padding_db{padding:2rem;}
.padding_db_l{padding-left: 2rem;}
.padding_db_t{padding-top: 2rem;}
.padding_db_r{padding-right: 2rem;}
.padding_db_b{padding-bottom: 2rem;}
.padding_db_v{padding-top: 2rem; padding-bottom: 2rem;}
.padding_db_h{padding-left: 2rem; padding-right: 2rem;}


/*MARGINS*/
.margin{margin:1rem;}
.margin_l{margin-left: 1rem;}
.margin_t{margin-top: 1rem;}
.margin_r{margin-right: 1rem;}
.margin_b{margin-bottom: 1rem;}
.margin_v{margin-top: 1rem; margin-bottom: 1rem;}
.margin_h{margin-left: 1rem; margin-right: 1rem;}

.margin_hf{margin:.5rem;}
.margin_hf_l{margin-left: .5rem;}
.margin_hf_t{margin-top: .5rem;}
.margin_hf_r{margin-right: .5rem;}
.margin_hf_b{margin-bottom: .5rem;}
.margin_hf_v{margin-top: .5rem; margin-bottom: .5rem;}
.margin_hf_h{margin-left: .5rem; margin-right: .5rem;}

.margin_db{margin:2rem;}
.margin_db_l{margin-left: 2rem;}
.margin_db_t{margin-top: 2rem;}
.margin_db_r{margin-right: 2rem;}
.margin_db_b{margin-bottom: 2rem;}
.margin_db_v{margin-top: 2rem; margin-bottom: 2rem;}
.margin_db_h{margin-left: 2rem; margin-right: 2rem;}


@media screen and (max-width: 768px) {
  body {
    
  }

  .sp_block{display: block;}

	.sp_f_12{font-size: 1.2rem;}
	.sp_f_11{font-size: 1.1rem;}
	.sp_f_1{font-size: 1rem;}
	.sp_f_09{font-size: .9rem;}
	.sp_f_08{font-size: .8rem;}
	.sp_f_07{font-size: .7rem;}
	.sp_hide{display: none !important;}
	.sp_show{display: block !important;}
	.sp_w_10{width: 10%;}
	.sp_w_15{width: 15%;}
	.sp_w_20{width: 20%;}
	.sp_w_25{width: 25%;}
	.sp_w_30{width: 30%;}
	.sp_w_33{width: 33%;}
	.sp_w_40{width: 40%;}
	.sp_w_45{width: 45%;}
	.sp_w_50{width: 50%;}
	.sp_w_60{width: 60%;}
	.sp_w_66{width: 66%;}
	.sp_w_70{width: 70%;}
	.sp_w_75{width: 75%;}
	.sp_w_80{width: 80%;}
	.sp_w_85{width: 85%;}
	.sp_w_90{width: 90%;}
	.sp_w_95{width: 95%;}
	.sp_w_100{width: 100%;}
.sp_center{text-align: center;}

/*BORDERS*/
.sp_border{border: 2px solid white;}
.sp_border_none{border: none;}
.sp_border_r{border-right: 2px solid white;}
.sp_border_l{border-left: 2px solid white;}
.sp_border_t{border-top: 2px solid white;}
.sp_border_b{border-bottom: 2px solid white;}

/*MARGINS*/
.sp_margin_a{margin: auto;}
.sp_margin{margin: 1rem;}
.sp_margin_r{margin-right: 1rem;}
.sp_margin_l{margin-left: 1rem;}
.sp_margin_t{margin-top: 1rem;}
.sp_margin_b{margin-bottom: 1rem;}
.sp_margin_v{margin-top: 1rem; margin-bottom: 1rem;}
.sp_margin_h{margin-left: 1rem; margin-right: 1rem;}

.sp_margin_hf{margin: .5rem;}
.sp_margin_hf_r{margin-right: .5rem;}
.sp_margin_hf_l{margin-left: .5rem;}
.sp_margin_hf_t{margin-top: .5rem;}
.sp_margin_hf_b{margin-bottom: .5rem;}
.sp_margin_hf_v{margin-top: .5rem; margin-bottom: .5rem;}
.sp_margin_hf_h{margin-left: .5rem; margin-right: .5rem;}

.sp_margin_db{margin: 2rem;}
.sp_margin_db_r{margin-right: 2rem;}
.sp_margin_db_l{margin-left: 2rem;}
.sp_margin_db_t{margin-top: 2rem;}
.sp_margin_db_b{margin-bottom: 2rem;}
.sp_margin_db_v{margin-top: 2rem; margin-bottom: 2rem;}
.sp_margin_db_h{margin-left:2rem; margin-right: 2rem;}

.sp_margin_qt{margin: .25rem;}
.sp_margin_qt_r{margin-right: .25rem;}
.sp_margin_qt_l{margin-left: .25rem;}
.sp_margin_qt_t{margin-top: .25rem;}
.sp_margin_qt_b{margin-bottom: .25rem;}
.sp_margin_qt_v{margin-top: .25rem; margin-bottom: .25rem;}
.sp_margin_qt_h{margin-left: .25rem; margin-right: .25rem;}

/*PADDINGS*/
.sp_padding_none{padding: 0;}
.sp_padding{padding: 1rem;}
.sp_padding_r{padding-right: 1rem;}
.sp_padding_l{padding-left: 1rem;}
.sp_padding_t{padding-top: 1rem;}
.sp_padding_b{padding-bottom: 1rem;}
.sp_padding_v{padding-top: 1rem; padding-bottom: 1rem;}
.sp_padding_h{padding-left: 1rem; padding-right: 1rem;}

.sp_padding_hf{padding: .5rem;}
.sp_padding_hf_r{padding-right: .5rem;}
.sp_padding_hf_l{padding-left: .5rem;}
.sp_padding_hf_t{padding-top: .5rem;}
.sp_padding_hf_b{padding-bottom: .5rem;}
.sp_padding_hf_v{padding-top: .5rem; padding-bottom: .5rem;}
.sp_padding_hf_h{padding-left: .5rem; padding-right: .5rem;}

.sp_padding_db{padding: 2rem;}
.sp_padding_db_r{padding-right: 2rem;}
.sp_padding_db_l{padding-left: 2rem;}
.sp_padding_db_t{padding-top: 2rem;}
.sp_padding_db_b{padding-bottom: 2rem;}
.sp_padding_db_v{padding-top: 2rem; padding-bottom: 2rem;}
.sp_padding_db_h{padding-left: 2rem; padding-right: 2rem;}

.sp_padding_qt{padding: .25rem;}
.sp_padding_qt_r{padding-right: .25rem;}
.sp_padding_qt_l{padding-left: .25rem;}
.sp_padding_qt_t{padding-top: .25rem;}
.sp_padding_qt_b{padding-bottom: .25rem;}
.sp_padding_qt_v{padding-top: .25rem; padding-bottom: .25rem;}
.sp_padding_qt_h{padding-left: .25rem; padding-right: .25rem;}


}