/*s:basic*/
.fl { float:left; }
.fr { float:right; }
.block {display: block;}
.inline {display: inline-block;}

/*e:basic*/

/*s:clearfix*/
.clearfix {
    clear: both !important;
    /*height: 0 !important;*/
    padding: 0;
    float: none !important;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both !important;
    visibility: hidden;
}
* html .clearfix { height: 1%; }  /* Clearfix IE6 */
*:first-child + html .clearfix {  min-height: 1px; } /* Clearfix IE7 */
/*e:clearfix*/

/*s:fontstyle*/
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
/*e:fontstyle*/

/*s:fonttype*/
.arial {	font-family:Arial, Helvetica, sans-serif;}
.tahoma {	font-family:Tahoma, Geneva, sans-serif, arial;}
.verdana {	font-family:Verdana, Geneva, sans-serif, arial;}
.helvetica {	font-family:Helvetica, Arial, sans-serif, arial;}
.georgia { 	font-family:Georgia, "Times New Roman", Times, serif, arial;}
/*e:fonttype*/

/*s:heading*/
h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-weight:normal;
}
h1 { font-size:30px; }
h2 { font-size:26px; }
h3 { font-size:22px; }
h4 { font-size:18px; }
h5 { font-size:15px; }
h6 { font-size:13px; }
/*e:heading*/


/*s:fontsize*/
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}
.f30 { font-size:30px;}
/*e:fontsize*/

/*s:text-align*/
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
/*e:text-align*/


/*s:padding & margin*/
.pd5 {padding: 5px;}
.pd7 {padding: 7px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd25 {padding: 25px;}
.pd30 {padding: 30px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

.pt5 {padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}

.m0 {margin: 0 !important;}
.p0 {padding: 0 !important;}

.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}
.m30 {margin: 30px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
/*e:padding & margin*/


/*s:width & height*/
.w0 {width: auto !important;}

.w100p { width:100%;}
.w90p { width:90%;}
.w50p { width:50%;}
.w40p { width:40%}
.w30p { width:30%}
.w25p { width:25%}

.w50 { width:50px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w100 { width:100px;}
.w125 { width:125px;}
.w150 { width:150px;}
.w175 { width:175px;}
.w200 { width:200px;}
.w210 { width:210px;}
.w220 { width:220px;}
.w225 { width:225px;}
.w250 { width:250px;}
.w275 { width:275px;}
.w300 { width:300px;}
.w320 { width:320px;}
.w325 { width:325px;}
.w350 { width:350px;}
.w400 { width:400px;}
.w450 { width:450px;}
.w475 { width:475px;}
.w500 { width:500px;}
.w550 { width:550px;}
.w600 { width:600px;}
.w650 { width:650px;}
.w700 { width:700px;}
.w750 { width:750px;}
.w800 { width:800px;}
.w850 { width:850px;}
.w900 { width:900px;}
.w950 { width:950px;}
.w980 { width:980px;}

.h0 { height:auto !important;}

.h100p { height: 100%;}
.h50p {height: 50%;}

.h50 { height:50px;}
.h100 { height:100px;}
.h150 { height:150px;}
.h200 { height:200px;}
.h250 { height:250px;}
.h300 { height:300px;}
/*e:width & height*/

/*S:NOTIFICATION BOX*/
.bx_nt {
    padding: 5px 8px;
    border: 1px solid #dbe465;
    background: #fffed8;
    font-size: 12px;
    color: #4d4d4d;
    margin: 5px 0;
}
.bx_nt .tl {
    display: block;
    font-size: 15px;
    color: #a4a23e;
}
.bx_nt_blue {
    background: #dbecff;
    border-color: #cfe2ff;
}
.bx_nt_blue .tl {
    color: #476ecd;
}
.bx_nt_green {
    background: #d5ffcf;
    border-color: #a2da99;
}
.bx_nt_green .tl {
    color: #1c860a;
}
.bx_nt_red {
    background: #ffd2d4;
    border-color: #e199a5;
}
.bx_nt_red .tl {
    color: #cb6c72;
}
/*E:NOTIFICATION BOX*/

.box_img{
    display: inline-block;
    position:  relative;
    width: 100%;
}
.box_img:before{
    content: "";
    display: block;
    padding-top: 100%; /* initial ratio of 1:1*/
}
/* Other ratios */
.ratio2_1:before{
    padding-top: 50%;
}
.ratio1_2:before{
    padding-top: 200%;
}
.ratio4_3:before{
    padding-top: 75%;
}
.ratio3_4:before{
    padding-top: 133%;
}
.ratio16_9:before{
    padding-top: 56.25%;
}
.ratio9_16:before{
    padding-top: 178%;
}
.ratio9_8:before{
    padding-top: 85%;
}
.img_con{
    /* Positioning */
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    vertical-align: center;
    text-transform: uppercase;
    color: #fff;
    overflow: hidden;
    background: #000;
}
.img_con img {
    height: 100%;
}
.img_con span{
    font-weight: bold;
    font-size: 3em;
    display: block;
}

/*E:IMAGES*/