/*
 * @Library by S@rhan1988 v.1
 * created: 23.10.2013
 * 
 * 1. layout
 * 2. text
 *    2.1 color
 *    2.2 size
 *    2.4 style
 *    2.5 font family
 * 3. bg color
 * 4. offset
 * 5. icons     
 */
/*
 * 1. LAYOUT
 */

.clearfix:before,
.clearfix:after{content: " ";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}

.pull-left {float: left;}
.pull-right{float: right;}

.center-block{
  display: block;
  margin: 0 auto;
}
.inline-block{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.relative{
  position: relative;
}

.cursor-pointer{
  cursor: pointer;
}
.table-fixed{table-layout: fixed;}

.w5 { width: 5px;}
.w10 { width: 10px;}
.w20 { width: 20px;}
.w22 { width: 22px;}
.w30 { width: 30px;}
.w40 { width: 40px;}
.w50 { width: 50px;}
.w60 { width: 60px;}
.w70 { width: 70px;}
.w80 { width: 80px;}
.w90 { width: 90px;}
.w95 { width: 95px;}
.w95-i { width: 95px !important;}
.w100{ width: 100px;}
.w110{ width: 110px;}
.w120{ width: 120px;}
.w130{ width: 130px;}
.w140{ width: 140px;}
.w140-i{ width: 140px !important;}
.w150{ width: 150px;}
.w150-i{ width: 150px !important;}
.w160{ width: 160px;}
.w170{ width: 170px;}
.w180{ width: 180px;}
.w190{ width: 190px;}
.w200{ width: 200px;}
.w210{ width: 210px;}
.w220{ width: 220px;}
.w230{ width: 230px;}
.w240{ width: 240px;}
.w250{ width: 250px;}
.w280{ width: 280px;}
.w600{ width: 600px;}
.w608{ width: 608px;}
.w634{ width: 634px;}
.w654{ width: 654px;}
.w800{ width: 800px;}

.wp1 {width: 1%;}
.wp2 {width: 2%;}
.wp3 {width: 3%;}
.wp4 {width: 4%;}
.wp5 {width: 5%;}
.wp10{width: 10%;}

.wp11{width: 11%;}
.wp12{width: 12%;}
.wp13{width: 13%;}
.wp14{width: 14%;}
.wp15{width: 15%;}

.wp16{width: 16%;}
.wp17{width: 17%;}
.wp18{width: 18%;}
.wp19{width: 19%;}
.wp20{width: 20%;}

.wp21{width: 21%;}
.wp22{width: 22%;}
.wp23{width: 23%;}
.wp24{width: 24%;}
.wp25{width: 25%;}

.wp26{width: 26%;}
.wp27{width: 27%;}
.wp28{width: 28%;}
.wp29{width: 29%;}
.wp30{width: 30%;}

.wp32{width: 32%;}
.wp35{width: 35%;}
.wp37{width: 37%;}
.wp47{width: 46.5%;}

.wp40{width: 40%;}
.wp50{width: 50%;}
.wp60{width: 60%;}
.wp63{width: 63%;}
.wp66{width: 66%;}
.wp67{width: 67%;}
.wp68{width: 68%;}
.wp70{width: 70%;}
.wp75{width: 75%;}
.wp80{width: 80%;}
.wp90{width: 90%;}
.wp100{width: 100%;}
.wp100-i{width: 100% !important;}

.h10 { height: 10px;}
.h20 { height: 20px;}
.h30 { height: 30px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 80px;}
.h90 { height: 90px;}
.h100{ height: 100px;}
.h110{ height: 110px;}
.h120{ height: 120px;}
.h130{ height: 130px;}
.h140{ height: 140px;}
.h150{ height: 150px;}
.h160{ height: 160px;}
.h170{ height: 170px;}
.h180{ height: 180px;}
.h190{ height: 190px;}
.h200{ height: 200px;}
.h210{ height: 210px;}
.h220{ height: 220px;}
.h230{ height: 230px;}
.h240{ height: 240px;}
.h245{ height: 245px;}
.h250{ height: 250px;}
.h280{ height: 280px;}

.h-1 {
    margin-top: 0 !important;
}

.hp25{height: 25%;}
.hp50{height: 50%;}
.hp75{height: 75%;}
.hp100{height: 100%;}

.overflow-hidden{overflow: hidden;}
.overflow-auto{overflow: auto;}
.border-right-null{border-right: 0;}

.link-underline a{text-decoration: underline;}
.link-underline a:hover{text-decoration: none;}

.link-nounderline a{text-decoration: none;}
.link-nounderline a:hover{text-decoration: underline;}

.link-noallunderline a{text-decoration: none;}
.link-noallunderline a:hover{text-decoration: none;}
/*
 * 2.1 TEXT COLOR
 */
.text-dark_grey{color: #333;}
.text-grey{color: #666;}
.text-ligh_grey{color: #999;}
.text-black{color: #000;}
.text-white{color: #fff;}
.text-blood{color: #ff6666;}
.text-ocean{color: #6699cc;}
.text-red{color: #cd4839;}


/*
 * 2.2 TEXT SIZE
 */
.text-8 {font-size: 8px;}
.text-9 {font-size: 9px;}
.text-10{font-size: 10px;}
.text-11{font-size: 11px;}
.text-12{font-size: 12px;}
.text-13{font-size: 13px;}
.text-14{font-size: 14px;}
.text-15{font-size: 15px;}
.text-16{font-size: 16px;}
.text-17{font-size: 17px;}
.text-i-17{font-size: 17px !important;}
.text-18{font-size: 18px;}
.text-19{font-size: 19px;}
.text-20{font-size: 20px;}
.text-21{font-size: 21px;}
.text-22{font-size: 22px;}
.text-23{font-size: 23px;}
.text-24{font-size: 24px;}
.text-25{font-size: 25px;}
.text-26{font-size: 26px;}
.text-28{font-size: 28px;}
.text-i-28{font-size: 28px !important;}
.text-32{font-size: 32px;}
.text-50{font-size: 50px;}

.line-18{line-height: 18px;}
.line-20{line-height: 20px;}
.line-23{line-height: 23px;}
.line-30{line-height: 30px;}
.line-36{line-height: 36px;}
.line-40{line-height: 40px;}
.line-50{line-height: 50px;}
/*
 * 2.4 TEXT STYLE
 */
.text-bold{font-weight: bold;}
.text-normal{font-weight: normal;}
.text-normal-i{font-weight: normal !important;}


.text-break {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}

.text-underline {text-decoration: underline;}
.text-nounderline {text-decoration: none;}
link-nounderline
.text-capitalize{text-transform: capitalize;}
/*
 * 2.3 TEXT LAYOUT
 */
.text-left   {text-align: left;}
.text-center {text-align: center;}
.text-right  {text-align: right;}
.text-justify{text-align: justify;}
.text-top    {vertical-align: top;}
/*
 * 2.4 TEXT FONT FAMILY
 */
.text-FONTNAME{font-family: arial;}
/*
 * 3. BG COLOR
 */
.bg-black{background-color: #000;}
.bg-grey_light{background-color: #999;}

/* 4. OFFSET */
.offset-inall-2{padding: 2px;}
.offset-inall-3{padding: 3px;}
.offset-inall-5{padding: 5px;}
.offset-inall-10{padding: 10px;}
.offset-inall-12{padding: 12px;}

.offset-inlr-50{
  padding-left: 50px;
  padding-right: 50px;
}
.offset-in-2x3{padding: 2px 3px;}

.offset-r-1p {margin-right: 1%;}
.offset-r-2p {margin-right: 2%;}
.offset-r-3p {margin-right: 3%;}
.offset-r-4p {margin-right: 4%;}
.offset-r-5p {margin-right: 5%;}
.offset-r-6p {margin-right: 6%;}
.offset-r-7p {margin-right: 7%;}
.offset-r-8p {margin-right: 8%;}
.offset-r-9p {margin-right: 9%;}
.offset-r-10p{margin-right: 10%;}

.offset-l-1p {margin-left: 1%;}
.offset-l-2p {margin-left: 2%;}
.offset-l-3p {margin-left: 3%;}
.offset-l-4p {margin-left: 4%;}
.offset-l-5p {margin-left: 5%;}
.offset-l-6p {margin-left: 6%;}
.offset-l-7p {margin-left: 7%;}
.offset-l-8p {margin-left: 8%;}
.offset-l-9p {margin-left: 9%;}
.offset-l-10p{margin-left: 10%;}

.offset-tb-1p {
  margin-top: 1%;
  margin-bottom: 1%;
}
.offset-tb-2p {
  margin-top: 2%;
  margin-bottom: 2%;
}
.offset-tb-3p {
  margin-top: 3%;
  margin-bottom: 3%;
}
.offset-tb-4p {
  margin-top: 4%;
  margin-bottom: 4%;
}
.offset-tb-5p {
  margin-top: 5%;
  margin-bottom: 5%;
}
.offset-tb-6p {
  margin-top: 6%;
  margin-bottom: 6%;
}
.offset-tb-7p {
  margin-top: 7%;
  margin-bottom: 7%;
}
.offset-tb-8p {
  margin-top: 8%;
  margin-bottom: 8%;
}
.offset-tb-9p {
  margin-top: 9%;
  margin-bottom: 9%;
}
.offset-tb-10p{
  margin-top: 10%;
  margin-bottom: 10%;
}

.offset-lr-1p {
  margin-left: 1%;
  margin-right: 1%;
}
.offset-lr-2p {
  margin-left: 2%;
  margin-right: 2%;
}
.offset-lr-3p {
  margin-left: 3%;
  margin-right: 3%;
}
.offset-lr-4p {
  margin-left: 4%;
  margin-right: 4%;
}
.offset-lr-5p {
  margin-left: 5%;
  margin-right: 5%;
}
.offset-lr-6p {
  margin-left: 6%;
  margin-right: 6%;
}
.offset-lr-7p {
  margin-left: 7%;
  margin-right: 7%;
}
.offset-lr-8p {
  margin-left: 8%;
  margin-right: 8%;
}
.offset-lr-9p {
  margin-left: 9%;
  margin-right: 9%;
}
.offset-lr-10p{
  margin-left: 10%;
  margin-right: 10%;
}

.offset-lr-51x25p{
  margin-left: 51%;
  margin-right: 25%;
}

.offset-p-t-0 {padding-top: 0;}
.offset-p-b-0 {padding-bottom: 0;}
.offset-p-b-20 {padding-bottom: 20px;}
.offset-p-b-25 {padding-bottom: 25px;}
.offset-p-b-30 {padding-bottom: 30px;}
.offset-p-b-i-20 {padding-bottom: 20px !important;}
.offset-p-b-i-25 {padding-bottom: 25px !important;}
.offset-p-b-i-30 {padding-bottom: 30px !important;}
.offset-t-0  {margin-top: 0;}
.offset-t-2  {margin-top: 2px;}
.offset-t-3  {margin-top: 3px;}
.offset-t-5  {margin-top: 5px;}
.offset-t-10 {margin-top: 10px;}
.offset-t-15 {margin-top: 15px;}
.offset-t-20 {margin-top: 20px;}
.offset-t-25 {margin-top: 25px;}
.offset-t-30 {margin-top: 30px;}
.offset-t-50 {margin-top: 50px;}
.offset-t-75 {margin-top: 75px;}
.offset-t-100{margin-top: 100px;}
.offset-b-0  {margin-bottom: 0;}
.offset-b-2  {margin-bottom: 2px;}
.offset-b-3  {margin-bottom: 3px;}
.offset-b-5  {margin-bottom: 5px;}
.offset-b-10 {margin-bottom: 10px;}
.offset-b-15 {margin-bottom: 15px;}
.offset-b-20 {margin-bottom: 20px;}
.offset-b-25 {margin-bottom: 25px;}
.offset-b-30 {margin-bottom: 30px;}
.offset-b-40 {margin-bottom: 40px;}
.offset-b-50 {margin-bottom: 50px;}
.offset-b-75 {margin-bottom: 75px;}
.offset-b-100{margin-bottom: 100px;}
.offset-l-0  {margin-left: 0px;}
.offset-l-0-i  {margin-left: 0px !important;}
.offset-l-2  {margin-left: 2px;}
.offset-l-3  {margin-left: 3px;}
.offset-l-4  {margin-left: 4px;}
.offset-l-5  {margin-left: 5px;}
.offset-l-10 {margin-left: 10px;}
.offset-p-l-10 {padding-left: 10px;}
.offset-p-lr-5 {padding-left: 5px;padding-right:5px;}
.offset-l-15 {margin-left: 15px;}
.offset-l-20 {margin-left: 20px;}
.offset-l-25 {margin-left: 25px;}
.offset-l-30 {margin-left: 30px;}
.offset-l-50 {margin-left: 50px;}
.offset-l-75 {margin-left: 75px;}
.offset-l-100{margin-left: 100px;}
.offset-r-0  {margin-right: 0px;}
.offset-r-0-i  {margin-right: 0px !important;}
.offset-r-2  {margin-right: 2px;}
.offset-r-3  {margin-right: 3px;}
.offset-r-5  {margin-right: 5px;}
.offset-r-10 {margin-right: 10px;}
.offset-p-r-10 {padding-right: 10px;}
.offset-r-15 {margin-right: 15px;}
.offset-r-20 {margin-right: 20px;}
.offset-r-25 {margin-right: 25px;}
.offset-r-30 {margin-right: 30px;}
.offset-r-50 {margin-right: 50px;}
.offset-r-75 {margin-right: 75px;}
.offset-r-85 {margin-right: 85px;}
.offset-r-100{margin-right: 100px;}

.offset-tb-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.offset-tb-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.offset-tb-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.offset-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.offset-tb-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.offset-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.offset-tb-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.offset-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.offset-tb-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.offset-tb-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}
.offset-tb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.offset-lr-2 {
  margin-left: 2px;
  margin-right: 2px;
}
.offset-lr-3 {
  margin-left: 3px;
  margin-right: 3px;
}
.offset-lr-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.offset-lr-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.offset-lr-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.offset-lr-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.offset-lr-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.offset-lr-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.offset-lr-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.offset-lr-75 {
  margin-left: 75px;
  margin-right: 75px;
}
.offset-lr-100 {
  margin-left: 100px;
  margin-right: 100px;
}
.offset-null {
  margin: 0;
  padding: 0;
}
.offset-null {
  margin: 0;
  padding: 0;
}
.offset-t-null{
  margin-top: 0;
}
.offset-l-null{
  margin-left: 0;
}
.offset-r-null{
  margin-right: 0;
}
.offset-b-null{
  margin-bottom: 0;
}
.offset-tb-null{
  margin-top: 0;
  margin-bottom: 0;
}
.offset-lr-null{
  margin-left: 0;
  margin-right: 0;
}
.tb-separator{
  margin: 15px 0;
  height: 1px;
  background-color: #e5e5e5;
}
.t-separator{
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.b-separator{
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

input[type='checkbox']{
  position: relative;
  top: 2px;
}

.vertical-align-top{
  vertical-align: top;
}

.bg-c-grey {
    background-color: #f7f7f7;
}

.border-b-0 {
    border-bottom: 0;
}

.border-b-grey-1 {
    border: 1px solid #efefef;
}


.padding-5 {padding:5px;}

.padding-t-0-i {
    padding-top:0px !important;
}

.padding-t-15 {
    padding-top:15px;
}

.padding-t-30 {
    padding-top:30px;
}

.padding-l-30 {
    padding-left:30px;
}
.padding-l-100 {
    padding-left:100px;
}

.padding-r-10 {
    padding-right:10px;
}

.padding-b-15 {
    padding-bottom:15px;
}

.padding-b-30 {
    padding-bottom:30px;
}