/*
 * grid
 */

.col_xs_dev, .col_sm_dev, .col_md_dev, .col_lg_dev, .col_xs_1, .col_sm_1, .col_md_1, .col_lg_1, .col_xs_2, .col_sm_2, .col_md_2, .col_lg_2, .col_xs_3, .col_sm_3, .col_md_3, .col_lg_3, .col_xs_4, .col_sm_4, .col_md_4, .col_lg_4, .col_xs_5, .col_sm_5, .col_md_5, .col_lg_5, .col_xs_6, .col_sm_6, .col_md_6, .col_lg_6, .col_xs_7, .col_sm_7, .col_md_7, .col_lg_7, .col_xs_8, .col_sm_8, .col_md_8, .col_lg_8, .col_xs_9, .col_sm_9, .col_md_9, .col_lg_9, .col_xs_10, .col_sm_10, .col_md_10, .col_lg_10, .col_xs_11, .col_sm_11, .col_md_11, .col_lg_11, .col_xs_12, .col_sm_12, .col_md_12,
.col_lg_12 { position:relative; min-height:1px; box-sizing:border-box;}

.col_xs_dev, .col_sm_dev, .col_md_dev, .col_lg_dev { float:left; width:20%;}


.col_xs_dev, .col_xs_1, .col_xs_2, .col_xs_3, .col_xs_4, .col_xs_5, .col_xs_6, .col_xs_7, .col_xs_8, .col_xs_9, .col_xs_10, .col_xs_11, .col_xs_12 { float:left;}
.col_xs_12 { width:100%;}
.col_xs_11 { width:91.66666667%;}
.col_xs_10 { width:83.33333333%;}
.col_xs_9 { width:75%;}
.col_xs_8 { width:66.66666667%;}
.col_xs_7 { width:58.33333333%;}
.col_xs_6 { width:50%;}
.col_xs_5 { width:41.66666667%;}
.col_xs_4 { width:33.33333333%;}
.col_xs_3 { width:25%;}
.col_xs_dev { width:20%;}
.col_xs_2 { width:16.66666667%;}
.col_xs_1 { width:8.33333333%;}

@media (min-width: 768px) {
.col_sm_dev, .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12 { float:left;}
.col_sm_12 { width:100%;}
.col_sm_11 { width:91.66666667%;}
.col_sm_10 { width:83.33333333%;}
.col_sm_9 { width:75%;}
.col_sm_8 { width:66.66666667%;}
.col_sm_7 { width:58.33333333%;}
.col_sm_6 { width:50%;}
.col_sm_5 { width:41.66666667%;}
.col_sm_4 { width:33.33333333%;}
.col_sm_3 { width:25%;}
.col_sm_dev { width:20%;}
.col_sm_2 { width:16.66666667%;}
.col_sm_1 { width:8.33333333%;}
}
@media (min-width: 992px) {
.col_md_dev, .col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12 { float:left;}
.col_md_12 { width:100%;}
.col_md_11 { width:91.66666667%;}
.col_md_10 { width:83.33333333%;}
.col_md_9 { width:75%;}
.col_md_8 { width:66.66666667%;}
.col_md_7 { width:58.33333333%;}
.col_md_6 { width:50%;}
.col_md_5 { width:41.66666667%;}
.col_md_4 { width:33.33333333%;}
.col_md_3 { width:25%;}
.col_md_dev { width:20%;}
.col_md_2 { width:16.66666667%;}
.col_md_1 { width:8.33333333%;}
}

@media (min-width: 1200px) {
.col_lg_dev, .col_lg_1, .col_lg_2, .col_lg_3, .col_lg_4, .col_lg_5, .col_lg_6, .col_lg_7, .col_lg_8, .col_lg_9, .col_lg_10, .col_lg_11, .col_lg_12 { float:left;}
.col_lg_12 { width:100%;}
.col_lg_11 { width:91.66666667%;}
.col_lg_10 { width:83.33333333%;}
.col_lg_9 { width:75%;}
.col_lg_8 { width:66.66666667%;}
.col_lg_7 { width:58.33333333%;}
.col_lg_6 { width:50%;}
.col_lg_5 { width:41.66666667%;}
.col_lg_4 { width:33.33333333%;}
.col_lg_3 { width:25%;}
.col_lg_dev { width:20%;}
.col_lg_2 { width:16.66666667%;}
.col_lg_1 { width:8.33333333%;}
}

/*
 * align
 */

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

.va_t { vertical-align:top;}
.va_m { vertical-align:middle;}
.va_b { vertical-align:bottom;}

.tal_l { text-align:justify; text-align-last:left;}
.tal_c { text-align:justify; text-align-last:center;}
.tal_r { text-align:justify; text-align-last:right;}

/* background */
.bg_none { background:none;}
.bg_white { background:#fff !important;}
.bg_black { background:#000; color:#444;}
.bg_greyDeep { background:#353735;}
.bg_greyLight { background:#f4f5f5;}
.bg_green { background:#0ca35a; color:#fff;}
.bg_blueDeep { background:#233f69;}
.bg_blue { background:#1d50df; color:#fff;}
.bg_blueLight { background:#2a93d5; color:#fff;}
.bg_red { background:#f22222; color:#fff;}
.bg_yellow { background:#ffff00; color:#444;}
.bg_dark ( background:#rgba(0, 0, 0, 0.5);)
/* color */
.col_hs_red { color:#e02142 !important;}




/*
 * padding
 */
.pd0 { padding:0px;}

.pdt0 { padding-top:0px;}

.pdt5 { padding-top:5px;}

.pdt10 { padding-top:10px;}

.pdt30 { padding-top:30px;}

.pdt60 { padding-top:60px;}

.pdr8 { padding-right:8px;}

.pdr30 { padding-right:30px;}

.pdr40 { padding-right:40px;}

.pdr70 { padding-right:70px;}

.pdb0 { padding-bottom:0px;}

.pdb5 { padding-bottom:5px;}

.pdb10 { padding-bottom:10px;}

.pdb15 { padding-bottom:15px;}

.pdb20 { padding-bottom:20px;}

.pdb22 { padding-bottom:22px;}

.pdb25 { padding-bottom:25px;}

.pdb30 { padding-bottom:30px;}

.pdb40 { padding-bottom:40px;}

.pdb50 { padding-bottom:50px;}

.pdb55 { padding-bottom:55px;}

.pdb80 { padding-bottom:80px;}

.pdl10 { padding-left:10px;}

/*
 * margin
 */

.mgt0 { margin-top:0 !important;}
.mgt5 { margin-top:5px;}
.mgt10 { margin-top:10px;}
.mgt15 { margin-top:15px;}
.mgt20 { margin-top:20px;}
.mgt25 { margin-top:25px;}
.mgt30 { margin-top:30px;}
.mgt35 { margin-top:35px;}
.mgt40 { margin-top:40px;}
.mgt45 { margin-top:45px;}
.mgt50 { margin-top:50px;}
.mgt55 { margin-top:55px;}
.mgt60 { margin-top:60px;}
.mgt100 { margin-top:100px;}

.mgt_5 { margin-top:-5px;}
.mgt_10 { margin-top:-10px;}
.mgt_15 { margin-top:-15px;}
.mgt_20 { margin-top:-20px;}
.mgt_25 { margin-top:-25px;}
.mgt_30 { margin-top:-30px;}
.mgt_35 { margin-top:-35px;}
.mgt_40 { margin-top:-40px;}
.mgt_45 { margin-top:-45px;}
.mgt_50 { margin-top:-50px;}
.mgt_55 { margin-top:-55px;}
.mgt_60 { margin-top:-60px;}
.mgt_70 { margin-top:-70px;}
.mgt_75 { margin-top:-75px;}
.mgt_80 { margin-top:-80px;}
.mgt_100 { margin-top:-100px;}

.mgr0 { margin-right:0px;}
.mgr5 { margin-right:5px;}
.mgr10 { margin-right:10px;}
.mgr15 { margin-right:15px;}
.mgr20 { margin-right:20px;}
.mgr25 { margin-right:25px;}
.mgr30 { margin-right:30px;}
.mgr35 { margin-right:35px;}
.mgr40 { margin-right:40px;}
.mgr45 { margin-right:45px;}
.mgr50 { margin-right:50px;}
.mgr55 { margin-right:55px;}
.mgr60 { margin-right:60px;}
.mgr100 { margin-right:100px;}

.mgb0 { margin-bottom:0px;}
.mgb5 { margin-bottom:5px;}
.mgb10 { margin-bottom:10px;}
.mgb20 { margin-bottom:20px;}
.mgb25 { margin-bottom:25px;}
.mgb30 { margin-bottom:30px;}
.mgb35 { margin-bottom:35px;}
.mgb40 { margin-bottom:40px;}
.mgb45 { margin-bottom:45px;}
.mgb50 { margin-bottom:50px;}
.mgb55 { margin-bottom:55px;}
.mgb60 { margin-bottom:60px;}
.mgb100 { margin-bottom:100px;}

.mgb_5 { margin-left:-5px;}
.mgb_10 { margin-bottom:-10px;}
.mgb_15 { margin-bottom:-15px;}
.mgb_20 { margin-bottom:-20px;}
.mgb_25 { margin-bottom:-25px;}
.mgb_30 { margin-bottom:-30px;}
.mgb_35 { margin-bottom:-35px;}
.mgb_40 { margin-bottom:-40px;}
.mgb_45 { margin-bottom:-45px;}
.mgb_50 { margin-bottom:-50px;}
.mgb_55 { margin-bottom:-55px;}
.mgb_60 { margin-bottom:-60px;}
.mgb_70 { margin-bottom:-70px;}
.mgb_75 { margin-bottom:-75px;}
.mgb_80 { margin-bottom:-80px;}
.mgb_100 { margin-bottom:-100px;}

.mgl0 { margin-left:0px;}
.mgl5 { margin-left:5px;}
.mgl10 { margin-left:10px;}
.mgl15 { margin-left:15px;}
.mgl20 { margin-left:20px;}
.mgl25 { margin-left:25px;}
.mgl30 { margin-left:30px;}
.mgl35 { margin-left:35px;}
.mgl40 { margin-left:40px;}
.mgl45 { margin-left:45px;}
.mgl50 { margin-left:50px;}
.mgl55 { margin-left:55px;}
.mgl60 { margin-left:60px;}
.mgl70 { margin-left:70px;}
.mgl100 { margin-left:100px;}

.mgl_5 { margin-left:-5px;}
.mgl_10 { margin-left:-10px;}
.mgl_15 { margin-left:-15px;}
.mgl_20 { margin-left:-20px;}
.mgl_25 { margin-left:-25px;}
.mgl_30 { margin-left:-30px;}
.mgl_35 { margin-left:-35px;}
.mgl_40 { margin-left:-40px;}
.mgl_45 { margin-left:-45px;}
.mgl_50 { margin-left:-50px;}
.mgl_55 { margin-left:-55px;}
.mgl_60 { margin-left:-60px;}
.mgl_70 { margin-left:-70px;}
.mgl_75 { margin-left:-75px;}
.mgl_80 { margin-left:-80px;}
.mgl_100 { margin-left:-100px;}

@media screen and (max-width:768px) {
   .m_mgt5 { margin-top:5px;}
   .m_mgt10 { margin-top:10px;}
   .m_mgt15 { margin-top:15px;}
   .m_mgt20 { margin-top:20px;}
   .m_mgt25 { margin-top:25px;}
   .m_mgt30 { margin-top:30px;}
   .m_mgt35 { margin-top:35px;}
   .m_mgt40 { margin-top:40px;}
   .m_mgt45 { margin-top:45px;}
   .m_mgt50 { margin-top:50px;}
   .m_mgt55 { margin-top:55px;}
   .m_mgt60 { margin-top:60px;}
   .m_mgt100 { margin-top:100;}
   .m_mgb5 { margin-bottom:5px;}
}

/*
 * width
 */

.w50 { width:50%;}
.w100 { width:100%;}

/*
 * height
 */

.h50 { height:50%;}
.h100 { height:100%;}

/*
 * animate
 */

.animate { -webkit-transition:all .2s ease; transition:all .2s ease;}