@charset "utf-8";
/* CSS Document */

body, html { height: 100%; }
body { margin:0; padding:0; font-size:14px; color:#425164; line-height:140%;  min-height: 100%; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clear_l { clear: left; }
a { text-decoration:none; color:#425164; }

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

iframe { max-width: 100%; }
video {
    max-width: 100%;
}

.absolute { position:absolute; }
.relative { position:relative; }
.fixed { position:absolute; }
.sticky { position:sticky; }
.hidden { display:none; }
.table { display:table; }
.table_cell { display:table-cell; }
.block { display:block; }
.none { display:none; }
.inline_block { display:inline-block; }
.middle { vertical-align: middle; }
.z_1_ { z-index: -1; }
.z_2 { z-index: 2; }

.pointer { cursor:pointer; }

.left { float:left; }
.right { float:right; }
.float_inherit { float:inherit!important; }
.auto { margin:auto; }
.clear_r { clear: right; }

.lh_p100 { line-height:100%; }
.lh_p120 { line-height:120%; }
.lh_p130 { line-height:130%; }
.lh_p140 { line-height:140%; }
.lh_p150 { line-height:150%; }
.lh_p180 { line-height:180%; }
.lh_1-4 { line-height:1.4; }

.ls_1 { letter-spacing: 1px; }
.ls_2 { letter-spacing: 2px; }

.tlbr_0 { top: 0; right: 0; bottom: 0; left: 0; }
.t_0 { top:0; }
.t_p100 { top:100%; }
.t_p50 { top:50%; }
.r_0 { right:0; }
.l_0 { left:0; }
.l_p50 { left:50%; }
.b_0 { bottom:0; }

.hover_underline:hover { text-decoration: underline; }

.color_inherit, .hover_color_ihnerit:hover { color: inherit; }

.disabled input, .disabled select { pointer-events: none; opacity: 0.5; }

.txt_l { text-align:left; }
.txt_r { text-align:right; }
.txt_center { text-align:center; }
.txt_justify { text-align:justify; }
.txt_normal { font-weight:normal; }
.txt_bold { font-weight:bold; }
.underline { text-decoration: underline; }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.fw700 { font-weight:700; }
.fw500 { font-weight:500; }
.fw400 { font-weight:400; }
.fw300 { font-weight:300; }
.italic { font-style:italic; }
.uppercase { text-transform:uppercase; }

.fs0 { font-size:0; }
.fs0 * { font-size: 14px; }
.fs9 { font-size:9px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs21 { font-size:21px; }
.fs24 { font-size:24px; }
.fs25 { font-size:25px; }
.fs30 { font-size:30px; }
.fs35 { font-size:35px; }
.fs40 { font-size:40px; }

.txt_black, .txt_black a { color:#000; }

.txt_white, .hover_txt_white:hover, input.txt_white, .hover_txt_white:hover a { color:#fff; }
.txt_grey, .hover_txt_grey:hover { color:#666; }
.txt_dark, .hover_txt_dark:hover { color:#333; }

.hover_grey:hover { background-color:#f3f3f3; }

.hover_border_white:hover { border-color: #fff; }

.transition {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}
.hover_h_p100:hover { height: 100%; }

.hover_show { display: none; }
.hover_show_container:hover .hover_show { display: inherit; }
.hover_visible { opacity: 0; }
.hover_visible:hover, .hover_opacity_:hover { opacity: 1; }
.hover_noopacity, .hover_opacity:hover, .hover_opacity_ { opacity: 0.5; }
.hover_noopacity:hover, .hover_noopacity_container:hover .hover_noopacity { opacity:1; transition:all .5s; }
.hover_bgd_zoom:hover {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.hover_bgd_fit:hover {
	background-size:contain;
	background-position:left;
}

select, input { max-width:100%; }

.white, .hover_white:hover { background-color:white; }

.no_wrap {
    white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}

img { max-width:100%; }
.img_contain { overflow:hidden; }
.img_contain img { width:100%; }

/*..........................................*/

.margin_1 { margin:1px; }
.margin_2 { margin:2px; }
.margin_10 { margin:10px; }
.margin_10_15 { margin:10px 15px; }
.margin_15 { margin: 15px; }
.margin_20 { margin:20px; }
.margin_30 { margin:30px; }
.margin_auto { margin-left:auto; margin-right:auto; }

.margin_b_1 { margin-bottom:1px; }
.margin_b_1_ { margin-bottom:-1px; }
.margin_b_2 { margin-bottom:2px; }
.margin_b_5 { margin-bottom:5px; }
.margin_b_7 { margin-bottom:7px; }
.margin_b_10 { margin-bottom:10px; }
.margin_b_15 { margin-bottom:15px; }
.margin_b_20 { margin-bottom:20px; }
.margin_b_30 { margin-bottom:30px; }
.margin_b_40 { margin-bottom:40px; }
.margin_b_50 { margin-bottom:50px; }

.margin_t_0 { margin-top:0; }
.margin_t_1 { margin-top:1px; }
.margin_t_3 { margin-top:3px; }
.margin_t_5 { margin-top:5px; }
.margin_t_5_ { margin-top:-5px; }
.margin_t_8 { margin-top:8px; }
.margin_t_10 { margin-top:10px; }
.margin_t_10_ { margin-top:-10px; }
.margin_t_12 { margin-top:12px; }
.margin_t_15 { margin-top:15px; }
.margin_t_15_ { margin-top:-15px; }
.margin_t_20 { margin-top:20px; }
.margin_t_30 { margin-top:30px; }
.margin_t_40 { margin-top:40px; }
.margin_t_50 { margin-top:50px; }
.margin_t_70 { margin-top:70px; }
.margin_t_50_ { margin-top:-50px; }

.margin_r_1 { margin-right:1px; }
.margin_r_2 { margin-right:2px; }
.margin_r_3 { margin-right:3px; }
.margin_r_4 { margin-right:4px; }
.margin_r_5 { margin-right:5px; }
.margin_r_5_ { margin-right:-5px; }
.margin_r_10 { margin-right:10px; }
.margin_r_10_ { margin-right:-10px; }
.margin_r_15 { margin-right:15px; }
.margin_r_15_ { margin-right:-15px; }
.margin_r_20 { margin-right:20px; }
.margin_r_20_ { margin-right:-20px; }
.margin_r_30 { margin-right:30px; }
.margin_r_60 { margin-right:60px; }

.margin_l_1 { margin-left:1px; }
.margin_l_5 { margin-left:5px; }
.margin_l_10 { margin-left:10px; }
.margin_l_15 { margin-left:15px; }
.margin_l_20 { margin-left:20px; }
.margin_l_50 { margin-left:50px; }

.margin_l_10_ { margin-left:-10px; }

.padding_0 { padding:0px; }
.padding_0_i { padding:0px !important; }
.padding_0_5 { padding:0 5px; }
.padding_0_10 { padding:0 10px; }
.padding_0_15 { padding:0 15px; }
.padding_0_20 { padding:0 20px; }
.padding_1 { padding:1px; }
.padding_2 { padding:2px; }
.padding_2_5 { padding:2px 5px; }
.padding_2_10 { padding:2px 10px; }
.padding_3 { padding:3px; }
.padding_3_0 { padding:3px 0; }
.padding_3_5 { padding:3px 5px; }
.padding_3_7 { padding:3px 7px; }
.padding_3_15 { padding:3px 15px; }
.padding_4 { padding:4px; }
.padding_4_8 { padding:4px 8px; }
.padding_5 { padding:5px; }
.padding_5_0 { padding:5px 0; }
.padding_5_15 { padding:5px 15px; }
.padding_5_25, .hover_padding_5_25:hover { padding:5px 25px; }
.padding_6 { padding:6px; }
.padding_5_10, .hover_padding_5_10:hover { padding:5px 10px; }
.padding_7 { padding:7px; }
.padding_8 { padding:8px; }
.padding_8_15 { padding:8px 15px; }
.padding_8_30, .hover_padding_8_30:hover { padding:8px 30px; }
.padding_15_0 { padding:15px 0; }
.padding_9 { padding:9px; }
.padding_10_0 { padding:10px 0; }
.padding_10_5 { padding:10px 5px; }
.padding_10_15 { padding:10px 15px; }
.padding_10_20 { padding:10px 20px; }
.padding_10, .hover_padding_10:hover { padding:10px; }
.padding_12 { padding:12px; }
.padding_15 { padding:15px; }
.padding_15_10 { padding:15px 10px; }
.padding_15_30 { padding: 15px 30px; }
.padding_20 { padding:20px; }
.padding_20_10 { padding:20px 10px; }
.padding_20_15 { padding:20px 15px; }
.padding_30 { padding:30px; }
.padding_30_0 { padding:30px 0; }
.padding_50 { padding:50px; }
.padding_70 { padding:70px; }
.padding_100 { padding:100px; }

.padding_l_0 { padding-left:0; }
.padding_l_1 { padding-left:1px; }
.padding_l_2 { padding-left:2px; }
.padding_l_5, .hover_padding_l_5:hover { padding-left:5px; }
.padding_l_7 { padding-left:7px; }
.padding_l_7-5 { padding-left:7.5px; }
.padding_l_10 { padding-left:10px; }
.padding_l_15 { padding-left:15px; }
.padding_l_20 { padding-left:20px; }
.padding_l_25 { padding-left:25px; }
.padding_l_30 { padding-left:30px; }
.padding_l_50 { padding-left:50px; }

.padding_l_b_20 { padding-left: 20px; padding-bottom: 20px; }

.padding_t_0 { padding-top:0px; }
.padding_t_1 { padding-top:1px; }
.padding_t_2 { padding-top:2px; }
.padding_t_3 { padding-top:3px; }
.padding_t_5 { padding-top:5px; }
.padding_t_7 { padding-top:7px; }
.padding_t_8 { padding-top:8px; }
.padding_t_10 { padding-top:10px; }
.padding_t_15 { padding-top:15px; }
.padding_t_20 { padding-top:20px; }
.padding_t_25 { padding-top:25px; }
.padding_t_30 { padding-top:30px; }
.padding_t_40 { padding-top:40px; }
.padding_t_50 { padding-top:50px; }
.padding_t_70 { padding-top:70px; }
.padding_t_80 { padding-top:80px; }
.padding_t_100 { padding-top:100px; }

.padding_b_0 { padding-bottom:0px; }
.padding_b_1 { padding-bottom:1px; }
.padding_b_2 { padding-bottom:2px; }
.padding_b_3 { padding-bottom:3px; }
.padding_b_5 { padding-bottom:5px; }
.padding_b_7 { padding-bottom:7px; }
.padding_b_10 { padding-bottom:10px; }
.padding_b_15 { padding-bottom:15px; }
.padding_b_20 { padding-bottom:20px; }
.padding_b_30 { padding-bottom:30px; }
.padding_b_40 { padding-bottom:40px; }
.padding_b_50 { padding-bottom:50px; }
.padding_b_60 { padding-bottom:60px; }
.padding_b_65 { padding-bottom:65px; }
.padding_b_70 { padding-bottom:70px; }
.padding_b_100 { padding-bottom:100px; }

.padding_b_l_5 { padding:0 0 5px 5px; }

.padding_b_p150 { padding-bottom:148.3%; }
.padding_b_p135 { padding-bottom:135%; }
.padding_b_p120 { padding-bottom:120%; }
.padding_b_p100 { padding-bottom:100%; }
.padding_b_p80 { padding-bottom:80%; }
.padding_b_p75 { padding-bottom:75%; }
.padding_b_p70 { padding-bottom:70%; }
.padding_b_p65 { padding-bottom:65%; }
.padding_b_p60 { padding-bottom:60%; }
.padding_b_p55 { padding-bottom:55%; }
.padding_b_p50 { padding-bottom:50%; }
.padding_b_p40 { padding-bottom:40%; }
.padding_b_p35 { padding-bottom:35%; }
.padding_b_p30 { padding-bottom:30%; }
.padding_b_p32 { padding-bottom:32%; }
.padding_b_p25 { padding-bottom:25%; }
.padding_b_p20 { padding-bottom:20%; }
.padding_b_p15 { padding-bottom:15%; }
.padding_b_p13 { padding-bottom:13%; }
.padding_b_p12 { padding-bottom:12%; }
.padding_b_p10 { padding-bottom:10%; }

.padding_r_0 { padding-right:0px; }
.padding_r_1 { padding-right:1px; }
.padding_r_2 { padding-right:2px; }
.padding_r_3 { padding-right:3px; }
.padding_r_5 { padding-right:5px; }
.padding_r_7 { padding-right:7px; }
.padding_r_7-5 { padding-right:7.5px; }
.padding_r_10 { padding-right:10px; }
.padding_r_10_ { padding:10px 0 10px 10px; }
.padding_r_15 { padding-right:15px; }
.padding_r_20 { padding-right:20px; }
.padding_r_25 { padding-right:25px; }
.padding_r_30 { padding-right:30px; }
.padding_r_40 { padding-right:40px; }
.padding_r_50 { padding-right:50px; }

/*..........................................*/

.w_p0 { width: 0%; }
.percent_100, .col_1, .hover_col_1:hover { width:100%; }
.max_w_p100, .max_w_col_1 { max-width: 100%; }
.max_w_col_2_1 { max-width: 50%; }
.max_w_col_3_1 { max-width: 33.333%; }

.col_0 { width:0%; }
.col_10_1 { width:10%; }
.col_8_1 { width:12.5%; }
.col_7_1 { width:14.28%; }
.percent_15 { width:15%; }
.col_6_1 { width:16.666%; }
.col_5_1 { width:20%; }
.col_4_1 { width:25%; }
.percent_30 { width:30%; }
.col_3_1 { width:33.333%; }
.percent_35 { width:35%; }
.col_5_2 { width:40%; }
.percent_45 { width:45%; }
.col_2_1 { width:50%; }
.percent_55 { width:55%; }
.col_5_3 { width:60%; }
.percent_65 { width:65%; }
.col_3_2 { width:66.666%; }
.percent_70 { width:70%; }
.col_4_3 { width:75%; }
.col_5_4 { width:80%; }
.col_6_5 { width:83.33%; }
.percent_85 { width:85%; }
.col_7_6 { width:85.71%; }
.col_8_7 { width:87.5%; }
.col_10_9 { width:90%; }
.tb_fs16 { font-size:16px; }
.tb_fs14 { font-size:14px; }
.tb_fs13 { font-size:13px; }
.tb_fs12 { font-size:12px; }
.tb_padding_5 { padding:5px; }
.tb_lh_p100 { line-height:100%; }

.crop_text_1, .crop_text_2, .crop_text_3, .crop_text_4, .crop_text_5, .crop_text_7 {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  
  .crop_text_1 {
    -webkit-line-clamp: 1;
  }
  
  .crop_text_2 {
    -webkit-line-clamp: 2;
  }
  
  .crop_text_3 {
    -webkit-line-clamp: 3;
  }
  
  .crop_text_4 {
    -webkit-line-clamp: 4;
  }
  
  .crop_text_5 {
    -webkit-line-clamp: 5;
  }

  .crop_text_7 {
    -webkit-line-clamp: 7;
  }

.h_inherit { height:inherit; }
.min_h_p100 { min-height:100%; }
.h_p50 { height:50%; }
.of_hidden { overflow:hidden; }

.h_100hv { height: 100vh; }

.h_4 { height: 4px; }
.h_40 { height: 40px; }
.h_50 { height: 50px; }
.h_70 { height: 70px; }
.h_p100 { height:100%; }
.h_auto { height: auto !important; }
.h_p30 { height:30%; }
.max_h_p100 { max-height:100%; }

.circle { border-radius: 50%; min-width:8px; min-height:8px; overflow: hidden; }
.opacity_0 { opacity:0; }
.opacity_8 { opacity:0.8; }
.opacity_5 { opacity:0.5; }
.opacity_3 { opacity:0.3; }

.blur {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
}

.bgd_top { background-size: cover; background-position: top center; }
.bgd_bottom { background-size: cover; background-position: bottom center; }

.bgd_none { background:none; }
.bgd_black_opacity6 { background-color:rgba(0,0,0,.6); }
.bgd_black_opacity5 { background-color:rgba(0,0,0,.5); }
.hover_bgd_black_opacity4:hover, .bgd_black_opacity4 { background-color:rgba(0,0,0,.4); }
.bgd_black_opacity3 { background-color:rgba(0,0,0,.3); }

.bgd_white_opacity {
    background: rgba(255,255,255,.7);
}

.bgd_white_opacity4 {
    background: hsla(0,0%,100%,.4);
}
.bgd_center { background-position: center; background-repeat:no-repeat;  }
.bgd_b { background-size: cover; background-position: bottom; background-repeat:no-repeat;  }
.bgd_p70 { background-size:70%; }

.bgd_cover {
    background-position: center;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bgd_contain { background-size:contain; background-position: center; background-repeat:no-repeat;  }

.bgd_l { background-position: center left; }
.bgd_r { background-position: center right; background-repeat: no-repeat; }

/*..........................................*/

.white { background-color:#fff; }
.black, .hover_black:hover { background-color:#000; }
.grey { background-color:#f0f0f0; }
.dark_grey { background-color:#444; }
.dark, .hover_dark:hover { background-color:#222; }

.round_p50 { border-radius:50%; overflow:hidden; }

/*..........................................*/

.border, .border_0_1, .border_2, .border_t, .border_t_, .border_b, .border_r, .border_r_, .border_l, .border_l_, .border_t_r_l, .border_black, .border_white, .border_dark, .border_grey { border-style:solid; }

.border_0 { border:0; }
.border { border-width:1px; }
.border_0_1 { border-width:0 1px 0 1px ; }
.border_1_0 { border-width:1px 0 1px 0; }
.border_2 { border-width:2px; }
.border_b_0 { border-bottom-width:0; }
.border_b_2 { border-width:0 0 2px 0; }
.border_b_3 { border-width:0 0 3px 0; }
.border_t_0 { border-top-width:0; }
.border_t { border-width:1px 0 0 0; }
.border_t_ { border-width:0 1px 1px 1px; }
.border_t_4 { border-width:4px 0 0 0; }
.border_b { border-width:0 0 1px 0; }
.border_b_ { border-width:1px 1px 0 1px; }
.border_r { border-width:0 1px 0 0; }
.border_r_ { border-width:1px 0 1px 1px; }
.border_l { border-width:0 0 0 1px; }
.border_l_ { border-width:1px 1px 1px 0; }
.border_l2 { border-width:0 0 0 2px; }
.border_b_r { border-width:0 1px 1px 0; }
.border_b_l { border-width:0 0 1px 1px; }
.border_t_l { border-width:1px 0 0 1px; }
.border_t_r_l { border-width:1px 1px 0 1px; }

.border_dashed { border-style:dashed; }

.border_black { border-color:#000; }
.border_white { border-color:#fff; }
.border_dark { border-color:#555; }
.border_grey { border-color:#dcdcdc; }
.border_alpha { border-color:rgba(255,255,255,0.2); }
.border_black_alpha { border-color:rgba(0,0,0,0.15); border-style: solid; }

.of_auto { overflow:auto; }
.hover_of_auto { height:100%; overflow:hidden; padding-right:17px; }



/* responsive */

@media screen and (min-width: 1799px) { /* mac */
    .pcl_col_1 { width: 100%; max-width: inherit; }
    .pcl_border_0 { border-width: 0; }
    .pcl_padding_l_70 { padding-left: 70px; }
    .pcl_padding_r_70 { padding-right: 70px; }
}


@media screen and (min-width: 1366px) { /* pc */
    .max_w_large { max-width:1366px; }
    .pc_none { display:none; }
    .pc_margin_t_150_ { margin-top: -150px; }
}

@media screen and (max-width: 1365px) and (min-width: 1025px) { /* notebook */
    .nb_none { display:none; }
}

@media screen and (max-width: 1024px) and (min-width: 1002px) { /* tab landscape */
    .tbl_col_1 { width:100%; }
    .tbl_col_2_1 { width:50%; }
    .tbl_col_3_1 { width:33.333%; }
    .tbl_col_3_2 { width:66.666%; }
    .tbl_col_4_1 { width:25%; }
    .tbl_padding_8_5 { padding:8px 5px; }
    .tbl_padding_15 { padding:15px; }
    .tbl_padding_0 { padding:0; }
    .tbl_padding_0_5 { padding:0 5px; }
    .tbl_padding_b_p40 { padding-bottom:40%; }
    .tbl_padding_b_p45 { padding-bottom:45%; }
    .tbl_padding_b_p50 { padding-bottom:50%; }
    .tbl_padding_b_p75 { padding-bottom:75%; }
    
    .tbl_margin_b_30 { margin-bottom:30px; }
    .tbl_margin_b_20 { margin-bottom:20px; }
    .tbl_none { display:none; }
    .tbl_fixed { position:fixed; }
    
    .tbl_fs_21 { font-size:21px; }
    .tbl_fs18 { font-size:18px; }
}

@media screen and (min-width: 1001px) { /* no tab */
    .no_tb_none { display:none; }
}

@media screen and (max-width: 1001px) and (min-width: 768px) { /* tab */
    .tb_col_1 { width:100%; }
    .tb_col_2_1 { width:50%; }
    .tb_col_3_1 { width:33.333%; }
    .tb_col_3_2 { width:66.666%; }
    .tb_col_4_1 { width:25%; }
    .tb_col_5_1 { width:20%; }
    .tb_col_6_1 { width:16.66%; }
    .tb_padding_10 { padding:10px; }
    .tb_padding_15 { padding:15px; }
    .tb_padding_0 { padding:0; }
    .tb_padding_t_0 { padding-top:0; }
    .tb_padding_t_10 { padding-top:10px; }
    .tb_padding_b_p40 { padding-bottom:40%; }
    .tb_padding_b_p45 { padding-bottom:45%; }
    .tb_padding_b_p50 { padding-bottom:50%; }
    .tb_padding_b_p75 { padding-bottom:75%; }
    .tb_padding_b_p100 { padding-bottom:100%; }
    .tb_padding_l_10 { padding-left: 10px; }
    .tb_padding_l_15 { padding-left: 15px; }
    .tb_padding_l_20 { padding-left: 20px; }

    .padding_l_b_10 { padding-left: 10px; padding-bottom: 10px; }

    .tb_margin_t_0 { margin-top:0; }
    .tb_margin_l_50 { margin-left:50px; }
    .tb_margin_b_30 { margin-bottom:30px; }
    .tb_margin_b_20 { margin-bottom:20px; }
    .tb_margin_b_10 { margin-bottom:10px; }
    .tb_margin_b_0 { margin-bottom:0; }
    .tb_none { display:none; }
    .tb_show { display:block; }
    .tb_fixed { position:fixed; }
    
    .tb_t_0 { top:0; }
    .tb_r_0 { right:0; }
    
    .tb_h_p100 { height:100%; }
    
    .tb_fs_21 { font-size:21px; }
    .tb_fs18 { font-size:18px; }
    .tb_fs13 { font-size:13px; }
    .tb_fs12 { font-size:12px; }
    .tb_r { float: right; }

    .tb_width_200 { width: 200px; }
}

@media screen and (min-width: 769px) { /* no plus & no mobile */
    .no_mbp_none { display:none; }
}

@media screen and (max-width: 767px) { /* plus & mobile */
    .mbp_col_1 { width:100%; }
    .mbp_col_2_1 { width:50%; }
    .mbp_col_4_1 { width:25%; }
    .mbp_col_5_1 { width:20%; }
    .mbp_col_5_2 { width:40%; }
    .mbp_col_5_3 { width:60%; }
    .mbp_col_4_3 { width:75%; }
    .mbp_padding_0 { padding:0; }
    .mbp_padding_0_10 { padding:0 10px; }
    .mbp_padding_0_15 { padding:0 15px; }
    .mbp_padding_5 { padding:5px; }
    .mbp_padding_5_0 { padding:5px 0; }
    .mbp_padding_5_10 { padding:5px 10px; }
    .mbp_padding_7_0 { padding:7px 0; }
    .mbp_padding_8_0 { padding:8px 0; }
    .mbp_padding_10 { padding:10px; }
    .mbp_padding_10_0 { padding: 10px 0; }
    .mbp_padding_15 { padding:15px; }
    .mbp_padding_15_0 { padding:15px 0; }
    .mbp_padding_20 { padding:20px; }
    .mbp_padding_20_10 { padding:20px 10px; }
    .mbp_padding_r_5 { padding-right:5px; }
    .mbp_padding_r_5_ { padding:5px 0 5px 5px 5px; }
    .mbp_padding_r_10 { padding-right:10px; }
    .mbp_padding_r_15 { padding-right:15px; }
    .mbp_padding_r_20 { padding-right:20px; }
    .mbp_padding_r_40 { padding-right:40px; }
    .mbp_padding_l_10 { padding-left:10px; }
    .mbp_padding_l_15 { padding-left:15px; }
    .mbp_padding_b_0 { padding-bottom:0; }
    .mbp_padding_b_5 { padding-bottom:5px; }
    .mbp_padding_b_5_ { padding:5px 5px 0 5px; }
    .mbp_padding_b_10 { padding-bottom:10px; }
    .mbp_padding_b_15_ { padding: 0 0 15px 0; }
    .mbp_padding_b_20 { padding-bottom:20px; }
    .mbp_padding_b_p30 { padding-bottom:30%; }
    .mbp_padding_b_p32 { padding-bottom:32%; }
    .mbp_padding_b_p35 { padding-bottom:35%; }
    .mbp_padding_b_p40 { padding-bottom:40%; }
    .mbp_padding_b_p50 { padding-bottom:50%; }
    .mbp_padding_b_p60 { padding-bottom:60%; }
    .mbp_padding_b_p75 { padding-bottom:75%; }
    .mbp_padding_b_p90 { padding-bottom:90%; }
    .mbp_padding_b_p100 { padding-bottom:100%; }
    .mbp_padding_b_inherit { padding-bottom: inherit; }
    .mbp_padding_t_0 { padding-top:0; }
    .mbp_padding_1 { padding: 1px; }
    .mbp_padding_t_5 { padding-top:5px; }
    .mbp_padding_t_10 { padding-top:10px; }
    .mbp_padding_t_20 { padding-top:20px; }
    .mbp_padding_t_30 { padding-top:30px; }
    .mbp_padding_t_50 { padding-top:50px; }
    .mbp_padding_t_70 { padding-top:70px; }
    .mbp_margin_0 { margin:0px; }
    .mbp_margin_5 { margin:5px; }
    .mbp_margin_10 { margin:10px; }
    .mbp_margin_t_0 { margin-top:0; }
    .mbp_margin_t_5 { margin-top:5px; }
    .mbp_margin_t_10 { margin-top:10px; }
    .mbp_margin_b_0 { margin-bottom:0; }
    .mbp_margin_b_5 { margin-bottom:5px; }
    .mbp_margin_b_10 { margin-bottom:10px; }
    .mbp_margin_b_15 { margin-bottom:15px; }
    .mbp_margin_b_20 { margin-bottom:20px; }
    .mbp_margin_b_30 { margin-bottom:30px; }
    .mbp_margin_b_140 { margin-bottom: 100px; }
    .mbp_margin_l_0 { margin-left:0; }
    .mbp_margin_l_10 { margin-left:10px; }
    .mbp_margin_l_40 { margin-left:40px; }
    .mbp_margin_l_60 { margin-left:60px; }
    .mbp_margin_r_10 { margin-right:10px; }
    .mbp_margin_r_15 { margin-right:15px; }

    .mbp_h_15 { height: 15px; }
    .mbp_h_20 { height: 20px; }
    .mbp_h_50 { height: 50px; }

    .mbp_h_inherit { height: inherit; }

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

    .mbp_w_inherit { width: inherit; }

    .mbp_col_1 { width:100%; }
    .mbp_2_1 { width:50%; }
    .mbp_col_3_1 { width:33.33%; }
    .mbp_col_3_2 { width:66.66%; }
    .mbp_4_1 { width:25%; }
    .mbp_4_3 { width:75%; }
    .mbp_5_4 { width:80%; }
    .mbp_none { display:none !important; }
    .mbp_block { display:block; }
    .mbp_inline_block { display:inline-block; }
    .mbp_l { float:left; }
    .mbp_nofloat { float: inherit; }

    .mbp_absolute { position: absolute; }

    .mbp_roboto { font-family: 'Roboto Condensed', sans-serif; }
    
    .mbp_fw300 { font-weight: 300; }
    .mbp_fw400 { font-weight: 400; }
    .mbp_fw500 { font-weight: 500; }
    .mbp_fw700 { font-weight: 700; }
    .mbp_fs_30 { font-size:30px; }
    .mbp_fs_25 { font-size:25px; }
    .mbp_fs_21 { font-size:21px; }
    .mbp_fs18 { font-size:18px; }
    .mbp_fs16 { font-size:16px; }
    .mbp_fs14 { font-size:14px; }
    .mbp_fs13 { font-size:13px; }
    .mbp_txt_normal { font-weight:normal; }
    .mbp_txt_center { text-align: center; }
    .mbp_txt_left { text-align: left; }
    .mbp_txt_right { text-align: right; }
    .mbp_float_inherit {float: inherit; }
    .mbp_r {float: right; }
    .mbp_fixed { position: fixed; }
    .mbp_relative { position: relative; }
    .mbp_uppercase { text-transform: uppercase; }

    .mbp_dark_grey { background-color: #333; }
    .mbp_white { background-color: #fff; }
    .mbp_border_0 { border-width: 0; }
    .mbp_border { border-width: 1px; border-style: solid; }

    .mbp_border_b { border-width: 0 0 1px 0; border-style: solid; }
    .mbp_border_r { border-width: 0 1px 0 0; border-style: solid; }
    .mbp_border_b_r { border-width: 0 1px 1px 0; border-style: solid; }
    .mbp_border_t_r { border-width: 1px 1px 0 0; border-style: solid; }
    .mbp_border_white { border-color: #fff; }
    .mbp_border_grey { border-color: #dcdcdc; }
    .mbp_border_alpha { border-color:rgba(255,255,255,.2); border-style:solid; }
    iframe { height: inherit; }

    .mbp_shadow_none { box-shadow: none;  }
}

@media screen and (max-width: 767px) and (min-width: 480px) { /* plus */
    .pl_col_1 { width:100%; }
    .pl_col_2_1 { width:50%; }
}

@media screen and (max-width: 479px) { /* mobile */
    .mb_col_1 { width:100%; }
    .mb_col_2_1 { width:50%; }

    .mb_none { display:none; }
}