/*************************** 
	 * "Helper classes" styles *
	 ***************************/

/* -- CLEARFIX -- */
.clearfix {display: inline-block;}
html[xmlns] .clearfix {/*display: block;*/}
* html .clearfix {height: 1%;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* -- POSITION -- */
.hlp-pos-rel, .pos-rel {position: relative;}
.hlp-pos-abs, .pos-abs {position: absolute;}
.hlp-pos-sttc, .pos-sttc {position: static;}

/* -- DISPLAY -- */
.hlp-dspl-none,.hidden {display: none;}
.hlp-dspl-block {display: block;}
.hlp-dspl-inline {display: inline;}
.hlp-dspl-inline-block {display: inline-block;}

/* -- MARGINS -- */
.mrg-t-5{margin-top: 5px;}
.hlp-mrg-t-10, .mrg-t-10 {margin-top: 10px;}
.hlp-mrg-t-30, .mrg-t-30 {margin-top: 30px;}
.hlp-mrg-t-100 {margin-top: 100px;}
.hlp-mrg-r-10 {margin-right: 10px;}
.hlp-mrg-r-20 {margin-right: 20px;}
.hlp-mrg-r-30 {margin-right: 30px;}
.hlp-mrg-r-15 {margin-right: 15px;}
.hlp-mrg-b-10, .mrg-b-10 {margin-bottom: 10px;}
.hlp-mrg-b-15 {margin-bottom: 15px;}
.hlp-mrg-b-260 {margin-bottom: 260px;}
.hlp-mrg-l-10 {margin-left: 10px;}
.hlp-mrg-l-20 {margin-left: 20px;}
.hlp-mrg-l-30 {margin-left: 30px;}
.hlp-mrg-l-40 {margin-left: 40px;}
.hlp-mrg-l-50 {margin-left: 50px;}
.hlp-mrg-l-60 {margin-left: 60px;}
.hlp-mrg-l-70 {margin-left: 70px;}
.hlp-mrg-l--30 {margin-left: -30px;}
.hlp-mrg-l--20 {margin-left: -20px;}
.hlp-mrg-tb-10 {margin: 10px 0;}
.hlp-mrg-rl-10 {margin: 0 10px;}
.hlp-mrg-10 {margin: 10px;}
.hlp-mrg-r-60 {margin-right: 60px;}
.hlp-mrg-r-55 {margin-right: 55px;}
.hlp-mrg-l-575{margin-left: 575px;}

.hlp-mrg-t-20 {margin-top: 20px;}
.hlp-mrg-b-20 {margin-bottom: 20px;}
.hlp-mrg-b-20, .mrg-b-20 {margin-bottom: 20px;}
.hlp-mrg-l-20, .mrg-l-20 {margin-left: 20px;}

.hlp-mrg-t-50 {margin-top: 50px;}

/* -- PADDINGS -- */
.hlp-pdng-zero {padding: 0;}
.hlp-pdn-t-10 {padding-top: 10px;}
.hlp-pdn-r-10 {padding-right: 10px;}
.hlp-pdn-b-10 {padding-bottom: 10px;}
.hlp-pdn-l-10 {padding-left: 10px;}

.hlp-pdn-t-10, .pdn-t-10 {padding-top: 10px;}
.hlp-pdn-r-10, .pdn-r-10 {padding-right: 10px;}
.hlp-pdn-b-10, .pdn-b-10 {padding-bottom: 10px;}
.hlp-pdn-l-10, .pdn-l-10 {padding-left: 10px;}

.hlp-pdn-t-15, .pdn-t-15 {padding-top: 15px;}
.hlp-pdn-r-15, .pdn-r-15 {padding-right: 15px;}
.hlp-pdn-b-15, .pdn-b-15 {padding-bottom: 15px;}
.hlp-pdn-l-15, .pdn-l-15 {padding-left: 15px;}

.hlp-pdn-10, .pdn-10 {padding: 10px;}
.hlp-pdn-t-20, .pdn-t-20 {padding-top: 20px;}
.hlp-pdn-r-20, .pdn-r-20 {padding-right: 20px;}
.hlp-pdn-b-20, .pdn-b-20 {padding-bottom: 20px;}
.hlp-pdn-l-20, .pdn-l-20 {padding-left: 20px;}
.hlp-pdn-l-30, .pdn-l-30 {padding-left: 30px;}
.hlp-pdn-20, .pdn-20 {padding: 20px;}
.pdn-lr-20 { padding: 0 20px; }
.hlp-pdn-tb-10 {padding: 10px 0;}
.hlp-pdn-rl-10 {padding: 0 10px;}
.hlp-pdn-10 {padding: 10px;}

/* -- TEXT -- */
.hlp-txt-lft, .txt-lft {text-align: left !important; }
.hlp-txt-cntr, .txt-cntr {text-align: center;}
.hlp-txt-rght, .txt-rght {text-align: right;}
.hlp-font10, .font10 {font-size: 10px;}
.hlp-font12, .font12 {font-size: 12px;}
.hlp-font14, .font14 {font-size: 14px;}
.hlp-font16, .font16 {font-size: 16px;}
.hlp-font18, .font18 {font-size: 18px;}
.hlp-font20, .font20 {font-size: 20px;}
.hlp-font22, .font22 {font-size: 22px;}
.hlp-font32, .font32 {font-size: 32px;}
.hlp-txt-linethroug {text-decoration: line-through;}
.hlp-txt-bold, .hlp-bold, .bold {font-weight: bold;}
.normal { font-weight: normal; }
.hlp-txt-ital, .ital {font-style: italic;}

/* -- COLOR -- */
.hlp-clr-white, .white {color: white;}
.hlp-bg-clr-white, .bg-white {background-color: white;}
.hlp-clr-orange, .orange {color: orange;}
.hlp-bg-clr-orange, .bg-orange {background-color: orange;}
.hlp-clr-green, .green {color: green;}
.hlp-bg-clr-green, .bg-green {background-color: green;}
.hlp-clr-red, .red {color: red;}
.hlp-bg-clr-red, .bg-red {background-color: red;}

/* -- FLOAT -- */
.hlp-fl-left, .left {float: left;}
.hlp-fl-right, .right {float: right;}
.hlp-clr-both, .clear {clear: both;}

/* -- OTHERS -- */
.hlp-nowrap, .nowrap {white-space: nowrap;}
.hlp-bg-img-none, .bg-noimg {background-image: none;}

.cntr-mrg-t-50 {text-align: center; margin-top: 50px;}
.pointed-list {list-style-type: disc; padding: 20px;}

.pointer{
	cursor: pointer;
}

.v-align-t {vertical-align: top;}
.all-width {width: 100%;}
.width-65 {width: 65%;}
.width-35 {width: 35%;}
.half {width: 50%;}
.third {width: 33.3%;}
.quarter {width: 25%;}
.hlp-wth-440 {width: 440px;}

.hlp-rounded2 {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.hlp-rounded3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(https://appbuilder.tiggzi.com/js/border-radius.htc);
}

.hlp-rounded4 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.hlp-rounded5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.hlp-rounded6 {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.hlp-shadowed, .shadowed {
	box-shadow: 1px 2px 8px 1px #111;
	-moz-box-shadow: 1px 2px 8px 1px #111; /* Firefox */
	-webkit-box-shadow: 1px 2px 8px 1px #111; /*Safari,Chrome */
}

.noshadow {
	text-shadow: none !important;
	-moz-text-shadow: none !important; /* Firefox */
	-webkit-text-shadow: none !important; /*Safari,Chrome */
}