/*basic_set-------------------------------------------------------------------------------------------------------------*/

.test_border{ border:1px solid #FF0000; }
.test_bg{ background: #FFFF00; }


.box_centering{ margin:auto; }

.float_left { float:left; }
.float_right{ float:right; }
.float_reset{ clear:both; }

.text_centering{ text-align: center; }
.text_center   { text-align: center; }
.text_left     { text-align: left; }
.text_right    { text-align: right; }

.text_v_baseline { vertical-align: baseline !important; }
.text_v_top      { vertical-align: top !important; }
.text_v_middle   { vertical-align: middle !important; }
.text_v_bottom   { vertical-align: bottom !important; }

.block{
  display:block;
}
.inline_block{
  display:inline-block;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hidden {
	visibility:hidden;
}

.display_none {
	display:none;
}

/*border----------------------------------------------------------------------------------------------------*/

.border_0{ border:0px !important; }

/*font_size----------------------------------------------------------------------------------------------------*/

.font_size_10per { font-size: 10%; }
.font_size_20per { font-size: 20%; }
.font_size_30per { font-size: 30%; }
.font_size_40per { font-size: 40%; }
.font_size_50per { font-size: 50%; }
.font_size_60per { font-size: 60%; }
.font_size_70per { font-size: 70%; }
.font_size_80per { font-size: 80%; }
.font_size_90per { font-size: 90%; }
.font_size_100per{ font-size: 100%; }
.font_size_110per{ font-size: 110%; }
.font_size_120per{ font-size: 120%; }
.font_size_130per{ font-size: 130%; }
.font_size_140per{ font-size: 140%; }
.font_size_150per{ font-size: 150%; }
.font_size_200per{ font-size: 200%; }

/*box_size----------------------------------------------------------------------------------------------------*/


.w10px{ width:10px; }
.w20px{ width:20px; }
.w30px{ width:30px; }
.w40px{ width:40px; }
.w50px{ width:50px; }
.w60px{ width:60px; }
.w70px{ width:70px; }
.w80px{ width:80px; }
.w90px{ width:90px; }
.w100px{ width:100px; }
.w110px{ width:110px; }
.w120px{ width:120px; }
.w130px{ width:130px; }
.w140px{ width:140px; }
.w150px{ width:150px; }
.w160px{ width:160px; }
.w170px{ width:170px; }
.w180px{ width:180px; }
.w190px{ width:190px; }
.w200px{ width:200px; }
.w210px{ width:210px; }
.w220px{ width:220px; }
.w230px{ width:230px; }
.w240px{ width:240px; }
.w250px{ width:250px; }
.w260px{ width:260px; }
.w270px{ width:270px; }
.w280px{ width:280px; }
.w290px{ width:290px; }
.w300px{ width:300px; }
.w350px{ width:350px; }
.w400px{ width:400px; }
.w450px{ width:450px; }
.w500px{ width:500px; }
.w550px{ width:550px; }
.w600px{ width:600px; }
.w650px{ width:650px; }
.w700px{ width:700px; }
.w750px{ width:750px; }
.w800px{ width:800px; }
.w850px{ width:850px; }
.w900px{ width:900px; }
.w950px{ width:950px; }

.w5per  { width: 5%; }
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w35per { width:35%; }
.w40per { width:40%; }
.w45per { width:45%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w60per { width:60%; }
.w65per { width:65%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w85per { width:85%; }
.w90per { width:90%; }
.w95per { width:95%; }
.w98per { width:98%; }
.w100per{ width:100%; }

.wmin100px { min-width:100px; }
.wmin200px { min-width:200px; }
.wmin300px { min-width:300px; }
.wmin400px { min-width:400px; }
.wmin500px { min-width:500px; }
.wmin600px { min-width:600px; }

.wmax100px { max-width:100px; }
.wmax200px { max-width:200px; }
.wmax300px { max-width:300px; }
.wmax400px { max-width:400px; }
.wmax500px { max-width:500px; }
.wmax600px { max-width:600px; }




.h10px { height: 10px; }
.h20px { height: 20px; }
.h30px { height: 30px; }
.h40px { height: 40px; }
.h50px { height: 50px; }
.h100px{ height:100px; }
.h150px{ height:150px; }
.h200px{ height:200px; }
.h250px{ height:250px; }
.h300px{ height:300px; }
.h350px{ height:350px; }
.h400px{ height:400px; }
.h450px{ height:450px; }
.h500px{ height:500px; }
.h550px{ height:550px; }
.h600px{ height:600px; }
.h650px{ height:650px; }
.h700px{ height:700px; }
.h750px{ height:750px; }
.h800px{ height:800px; }
.h850px{ height:850px; }
.h900px{ height:900px; }
.h950px{ height:950px; }

.h5per  { height: 5%; }
.h10per { height:10%; }
.h15per { height:15%; }
.h20per { height:20%; }
.h25per { height:25%; }
.h30per { height:30%; }
.h35per { height:35%; }
.h40per { height:40%; }
.h45per { height:45%; }
.h50per { height:50%; }
.h55per { height:55%; }
.h60per { height:60%; }
.h65per { height:65%; }
.h70per { height:70%; }
.h75per { height:75%; }
.h80per { height:80%; }
.h85per { height:85%; }
.h90per { height:90%; }
.h95per { height:95%; }
.h98per { height:98%; }
.h100per{ height:100%; }

/*space----------------------------------------------------------------------------------------------------*/

.space_w1px { margin-left:1px; }
.space_w3px { margin-left:3px; }
.space_w5px { margin-left:5px; }
.space_w10px{ margin-left:10px; }
.space_w15px{ margin-left:15px; }
.space_w20px{ margin-left:20px; }
.space_w30px{ margin-left:30px; }
.space_w40px{ margin-left:40px; }
.space_w50px{ margin-left:50px; }
.space_w60px{ margin-left:60px; }
.space_w70px{ margin-left:70px; }
.space_w80px{ margin-left:80px; }
.space_w90px{ margin-left:90px; }
.space_w100px{ margin-left:100px; }

.space_h1px { margin-top:1px; }
.space_h2px { margin-top:2px; }
.space_h5px { margin-top:5px; }
.space_h10px{ margin-top:10px; }
.space_h15px{ margin-top:15px; }
.space_h20px{ margin-top:20px; }
.space_h30px{ margin-top:30px; }
.space_h40px{ margin-top:40px; }
.space_h50px{ margin-top:50px; }
.space_h60px{ margin-top:60px; }
.space_h70px{ margin-top:70px; }
.space_h80px{ margin-top:80px; }
.space_h90px{ margin-top:90px; }
.space_h100px{ margin-top:100px; }

/*margin----------------------------------------------------------------------------------------------------*/

.margin_0px_imp { margin:0px !important; }
.margin_0px { margin:0px; }
.margin_1px { margin:1px; }
.margin_2px { margin:2px; }
.margin_3px { margin:3px; }
.margin_4px { margin:4px; }
.margin_5px { margin:5px; }
.margin_6px { margin:6px; }
.margin_7px { margin:7px; }
.margin_8px { margin:8px; }
.margin_9px { margin:9px; }
.margin_10px{ margin:10px; }
.margin_15px{ margin:15px; }
.margin_20px{ margin:20px; }
.margin_30px{ margin:30px; }
.margin_40px{ margin:40px; }
.margin_50px{ margin:50px; }
.margin_60px{ margin:60px; }
.margin_70px{ margin:70px; }
.margin_80px{ margin:80px; }
.margin_90px{ margin:90px; }

.margin_top_0px_imp { margin-top:0px !important; }
.margin_top_0px { margin-top:0px; }
.margin_top_1px { margin-top:1px; }
.margin_top_2px { margin-top:2px; }
.margin_top_3px { margin-top:3px; }
.margin_top_4px { margin-top:4px; }
.margin_top_5px { margin-top:5px; }
.margin_top_6px { margin-top:6px; }
.margin_top_7px { margin-top:7px; }
.margin_top_8px { margin-top:8px; }
.margin_top_9px { margin-top:9px; }
.margin_top_10px{ margin-top:10px; }
.margin_top_15px{ margin-top:15px; }
.margin_top_20px{ margin-top:20px; }
.margin_top_30px{ margin-top:30px; }
.margin_top_40px{ margin-top:40px; }
.margin_top_50px{ margin-top:50px; }
.margin_top_60px{ margin-top:60px; }
.margin_top_70px{ margin-top:70px; }
.margin_top_80px{ margin-top:80px; }
.margin_top_90px{ margin-top:90px; }
.margin_top_100px{ margin-top:100px; }

.margin_bottom_0px_imp { margin-bottom:0px !important; }
.margin_bottom_0px { margin-bottom:0px; }
.margin_bottom_1px { margin-bottom:1px; }
.margin_bottom_2px { margin-bottom:2px; }
.margin_bottom_3px { margin-bottom:3px; }
.margin_bottom_4px { margin-bottom:4px; }
.margin_bottom_5px { margin-bottom:5px; }
.margin_bottom_6px { margin-bottom:6px; }
.margin_bottom_7px { margin-bottom:7px; }
.margin_bottom_8px { margin-bottom:8px; }
.margin_bottom_9px { margin-bottom:9px; }
.margin_bottom_10px{ margin-bottom:10px; }
.margin_bottom_15px{ margin-bottom:15px; }
.margin_bottom_20px{ margin-bottom:20px; }
.margin_bottom_30px{ margin-bottom:30px; }
.margin_bottom_40px{ margin-bottom:40px; }
.margin_bottom_50px{ margin-bottom:50px; }
.margin_bottom_60px{ margin-bottom:60px; }
.margin_bottom_70px{ margin-bottom:70px; }
.margin_bottom_80px{ margin-bottom:80px; }
.margin_bottom_90px{ margin-bottom:90px; }
.margin_bottom_100px{ margin-bottom:100px; }

.margin_left_0px_imp { margin-left:0px !important; }
.margin_left_0px { margin-left:0px; }
.margin_left_1px { margin-left:1px; }
.margin_left_2px { margin-left:2px; }
.margin_left_3px { margin-left:3px; }
.margin_left_4px { margin-left:4px; }
.margin_left_5px { margin-left:5px; }
.margin_left_6px { margin-left:6px; }
.margin_left_7px { margin-left:7px; }
.margin_left_8px { margin-left:8px; }
.margin_left_9px { margin-left:9px; }
.margin_left_10px{ margin-left:10px; }
.margin_left_15px{ margin-left:15px; }
.margin_left_20px{ margin-left:20px; }
.margin_left_30px{ margin-left:30px; }
.margin_left_40px{ margin-left:40px; }
.margin_left_50px{ margin-left:50px; }
.margin_left_60px{ margin-left:60px; }
.margin_left_70px{ margin-left:70px; }
.margin_left_80px{ margin-left:80px; }
.margin_left_90px{ margin-left:90px; }

.margin_right_0px_imp { margin-right:0px !important; }
.margin_right_0px { margin-right:0px; }
.margin_right_1px { margin-right:1px; }
.margin_right_2px { margin-right:2px; }
.margin_right_3px { margin-right:3px; }
.margin_right_4px { margin-right:4px; }
.margin_right_5px { margin-right:5px; }
.margin_right_6px { margin-right:6px; }
.margin_right_7px { margin-right:7px; }
.margin_right_8px { margin-right:8px; }
.margin_right_9px { margin-right:9px; }
.margin_right_10px{ margin-right:10px; }
.margin_right_15px{ margin-right:15px; }
.margin_right_20px{ margin-right:20px; }
.margin_right_30px{ margin-right:30px; }
.margin_right_40px{ margin-right:40px; }
.margin_right_50px{ margin-right:50px; }
.margin_right_60px{ margin-right:60px; }
.margin_right_70px{ margin-right:70px; }
.margin_right_80px{ margin-right:80px; }
.margin_right_90px{ margin-right:90px; }

.margin_h_auto{
  margin-left:auto;
  margin-right:auto;
}

/*padding----------------------------------------------------------------------------------------------------*/

.padding_0px_imp { padding:0px !important; }
.padding_0px { padding:0px; }
.padding_1px { padding:1px; }
.padding_2px { padding:2px; }
.padding_3px { padding:3px; }
.padding_4px { padding:4px; }
.padding_5px { padding:5px; }
.padding_6px { padding:6px; }
.padding_7px { padding:7px; }
.padding_8px { padding:8px; }
.padding_9px { padding:9px; }
.padding_10px{ padding:10px; }
.padding_15px{ padding:15px; }
.padding_20px{ padding:20px; }
.padding_30px{ padding:30px; }
.padding_40px{ padding:40px; }
.padding_50px{ padding:50px; }
.padding_60px{ padding:60px; }
.padding_70px{ padding:70px; }
.padding_80px{ padding:80px; }
.padding_90px{ padding:90px; }

.padding_top_0px_imp { padding-top:0px !important; }
.padding_top_0px { padding-top:0px; }
.padding_top_1px { padding-top:1px; }
.padding_top_2px { padding-top:2px; }
.padding_top_3px { padding-top:3px; }
.padding_top_4px { padding-top:4px; }
.padding_top_5px { padding-top:5px; }
.padding_top_6px { padding-top:6px; }
.padding_top_7px { padding-top:7px; }
.padding_top_8px { padding-top:8px; }
.padding_top_9px { padding-top:9px; }
.padding_top_10px{ padding-top:10px; }
.padding_top_15px{ padding-top:15px; }
.padding_top_20px{ padding-top:20px; }
.padding_top_30px{ padding-top:30px; }
.padding_top_40px{ padding-top:40px; }
.padding_top_50px{ padding-top:50px; }
.padding_top_60px{ padding-top:60px; }
.padding_top_70px{ padding-top:70px; }
.padding_top_80px{ padding-top:80px; }
.padding_top_90px{ padding-top:90px; }

.padding_bottom_0px_imp { padding-bottom:0px !important; }
.padding_bottom_0px { padding-bottom:0px; }
.padding_bottom_1px { padding-bottom:1px; }
.padding_bottom_2px { padding-bottom:2px; }
.padding_bottom_3px { padding-bottom:3px; }
.padding_bottom_4px { padding-bottom:4px; }
.padding_bottom_5px { padding-bottom:5px; }
.padding_bottom_6px { padding-bottom:6px; }
.padding_bottom_7px { padding-bottom:7px; }
.padding_bottom_8px { padding-bottom:8px; }
.padding_bottom_9px { padding-bottom:9px; }
.padding_bottom_10px{ padding-bottom:10px; }
.padding_bottom_15px{ padding-bottom:15px; }
.padding_bottom_20px{ padding-bottom:20px; }
.padding_bottom_30px{ padding-bottom:30px; }
.padding_bottom_40px{ padding-bottom:40px; }
.padding_bottom_50px{ padding-bottom:50px; }
.padding_bottom_60px{ padding-bottom:60px; }
.padding_bottom_70px{ padding-bottom:70px; }
.padding_bottom_80px{ padding-bottom:80px; }
.padding_bottom_90px{ padding-bottom:90px; }

.padding_left_0px_imp { padding-left:0px !important; }
.padding_left_0px { padding-left:0px; }
.padding_left_1px { padding-left:1px; }
.padding_left_2px { padding-left:2px; }
.padding_left_3px { padding-left:3px; }
.padding_left_4px { padding-left:4px; }
.padding_left_5px { padding-left:5px; }
.padding_left_6px { padding-left:6px; }
.padding_left_7px { padding-left:7px; }
.padding_left_8px { padding-left:8px; }
.padding_left_9px { padding-left:9px; }
.padding_left_10px{ padding-left:10px; }
.padding_left_15px{ padding-left:15px; }
.padding_left_20px{ padding-left:20px; }
.padding_left_30px{ padding-left:30px; }
.padding_left_40px{ padding-left:40px; }
.padding_left_50px{ padding-left:50px; }
.padding_left_60px{ padding-left:60px; }
.padding_left_70px{ padding-left:70px; }
.padding_left_80px{ padding-left:80px; }
.padding_left_90px{ padding-left:90px; }

.padding_right_0px_imp { padding-right:0px !important; }
.padding_right_0px { padding-right:0px; }
.padding_right_1px { padding-right:1px; }
.padding_right_2px { padding-right:2px; }
.padding_right_3px { padding-right:3px; }
.padding_right_4px { padding-right:4px; }
.padding_right_5px { padding-right:5px; }
.padding_right_6px { padding-right:6px; }
.padding_right_7px { padding-right:7px; }
.padding_right_8px { padding-right:8px; }
.padding_right_9px { padding-right:9px; }
.padding_right_10px{ padding-right:10px; }
.padding_right_15px{ padding-right:15px; }
.padding_right_20px{ padding-right:20px; }
.padding_right_30px{ padding-right:30px; }
.padding_right_40px{ padding-right:40px; }
.padding_right_50px{ padding-right:50px; }
.padding_right_60px{ padding-right:60px; }
.padding_right_70px{ padding-right:70px; }
.padding_right_80px{ padding-right:80px; }
.padding_right_90px{ padding-right:90px; }

.border_box{
  box-sizing: border-box;
}

.flex_box_row_flex_start{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.flex_box_row_space_between{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex_box_row_space_around{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}

.flex_box_row_center{
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.flex_box_column_center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.flex_nowrap{
  -webkit-flex-wrap: nowrap;        /* Safari etc. */
  -ms-flex-wrap    : nowrap;        /* IE10        */
  flex-wrap        : nowrap;
}


@media screen and (max-width: 700px) {

  .flex_box_row_space_between{
    flex-direction: column;
  }

  .screen_u700_w100per{
        width:100%;
  }
  .screen_u700_w80per{
        width:80%;
  }

}



@media screen and (max-width: 1000px) {



  .screen_u1000_w100per{
        width:100%;
  }
  .screen_u1000_w80per{
        width:80%;
  }

}







.border_r {
  border:1px solid #FF0000;
}