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


/**Added resposive **/

/*************************
 Margin
*************************/
.mg-a{margin: auto}
.mg-0{margin: 0 0 0 0;}
.mg-5{margin: 5px;}
.mg-10{margin: 10px;}
/*************************
 Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-5 { margin-top: 5px }
.mt-10 { margin-top: 10px }
.mt-12 { margin-top: 12px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
.mtm-30 { margin-top: -30px }
.mtm-80 { margin-top: -80px }
/*************************
  Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-5 { margin-right: 5px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
  Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-5 { margin-left: 5px;}
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
Padding
*************************/
.p-0{padding: 0}
.p-5{padding: 5px}
.p-10{padding: 10px}
.p-15{padding: 15px}
.p-20{padding: 20px}
.p-25{padding: 25px}
.p-30{padding: 30px}
.p-35{padding: 35px}
.p-40{padding: 40px}
.p-45{padding: 45px}
.p-50{padding: 50px}
.p-55{padding: 55px}
.p-60{padding: 60px}
.p-65{padding: 65px}
.p-70{padding: 70px}
.p-75{padding: 75px}
.p-80{padding: 80px}
.p-85{padding: 85px}
.p-90{padding: 90px}
.p-95{padding: 95px}
.p-100{padding: 100px}
/*************************
Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-5 { padding-top: 5px }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }

.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
/*************************
Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
/*************************
Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/*************************
Padding left-right
*************************/
.plr-0{
padding-left: 0;
padding-right: 0;
}



/***************************
Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-15 { padding: 15px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-25 { padding: 25px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-35 { padding: 35px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-45 { padding: 45px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-55 { padding: 55px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-75 { padding: 75px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }

/***************************
Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }

/* !Defaults */
    .row { margin-left: auto; margin-right: auto; /* Fallback */ }
    .row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
    .row .row {width: 97.9166666666666667%; margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%;}
    .row [class*="desktop-"] { float: left; margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; }
    .row [class*="desktop-"].right { float: right; }
    .row [class*="desktop-"].padded { margin-left: 0; margin-right: 0; padding-left: 1.0416666666666667%; padding-right: 1.0416666666666667%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; *behavior: none; }
    .row .bg-box{background-color: #eeeeee; margin-left: 0; margin-right: 0; 
        padding: 15px 1.0416666666666667%; width: 97.9%;}
/* !Rows, Widest to Thinest */
@media screen and (min-width: 1220px) {
    #select-mobile{display: none}
}
@media screen and (max-width: 1220px) {
    #select-mobile{display: none}
}
@media screen and (max-width: 980px) {
    #select-mobile{display: none}
}
@media screen and (max-width: 768px) {
    #select-mobile{display: none}
    .bot-hpi{display:block!important; position: relative!important;float: left!important;margin-bottom: 20px!important;}
    .prod-home-item .pink-btn.btn-buy{display: block!important;}
    .left-block a img {margin-bottom: 0!important;}
}
@media only screen and (max-width: 767px) {
    
}
@media (max-width: 420px){
    .row .row{width: 95%; margin-left: 2.5%; margin-right: 2.5%;}
}

/* !Desktop - Default, 12 column, 1220 + 960 (min 980), IE Standard */
    .row .desktop-1  { width: 6.25%; }
    .row .desktop-2  { width: 14.5833333333333333%; }
    .row .desktop-3  { width: 22.9166666666666667%; }
    .row .desktop-4  { width: 31.25%; }
    .row .desktop-5  { width: 39.5833333333333333%; }
    .row .desktop-6  { width: 47.6166666666666667%; }
    .row .desktop-7  { width: 56.25%; }
    .row .desktop-8  { width: 64.5833333333333333%; }
    .row .desktop-9  { width: 72.9166666666666667%; }
    .row .desktop-10 { width: 81.25%; }
    .row .desktop-11 { width: 89.5833333333333333%; }
    .row .desktop-12 { width: 97.9166666666666667%; }

/* Push Cells */
    .row .desktop-push-1  { margin-left: 9.375%; }
    .row .desktop-push-2  { margin-left: 17.7083333333333333%; }
    .row .desktop-push-3  { margin-left: 26.0416666666666667%; }
    .row .desktop-push-4  { margin-left: 34.375%; }
    .row .desktop-push-5  { margin-left: 42.7083333333333334%; }
    .row .desktop-push-6  { margin-left: 51.0416666666666667%; }
    .row .desktop-push-7  { margin-left: 59.375%; }
    .row .desktop-push-8  { margin-left: 67.7083333333334%; }
    .row .desktop-push-9  { margin-left: 76.0416666666668%; }
    .row .desktop-push-10 { margin-left: 84.375%; }
    .row .desktop-push-11 { margin-left: 92.7083333333335%; }

/* Center Cells */
    .row [class*="desktop-"].center { margin-left: auto; margin-right: auto; }

/* !Generic, fractions */
    .row .desktop-third { width: 31.25%; }
    .row .desktop-half { width: 47.9166666666666667%; }
    .row .desktop-full { width: 97.9166666666666667%; }

    .row .desktop-push-third { margin-left: 34.375%; }
    .row .desktop-push-half { margin-left: 51.0416666666666667%; }

/* !Desktop - Max, 12 column, 1200 (min 1221) */
@media screen and (min-width: 1221px) {
    .row .max-1  { width: 6.25%; }
    .row .max-2  { width: 14.5833333333333333%; }
    .row .max-3  { width: 22.9166666666666667%; }
    .row .max-4  { width: 31.25%; }
    .row .max-5  { width: 39.5833333333333333%; }
    .row .max-6  { width: 47.9166666666666667%; }
    .row .max-7  { width: 56.25%; }
    .row .max-8  { width: 64.5833333333333333%; }
    .row .max-9  { width: 72.9166666666666667%; }
    .row .max-10 { width: 81.25%; }
    .row .max-11 { width: 89.5833333333333333%; }
    .row .max-12 { width: 97.9166666666666667%; }

/* Push Cells */
  .row .max-push-1  { margin-left: 9.375%; }
  .row .max-push-2  { margin-left: 17.7083333333333333%; }
  .row .max-push-3  { margin-left: 26.0416666666666667%; }
  .row .max-push-4  { margin-left: 34.375%; }
  .row .max-push-5  { margin-left: 42.7083333333333334%; }
  .row .max-push-6  { margin-left: 51.0416666666666667%; }
  .row .max-push-7  { margin-left: 59.375%; }
  .row .max-push-8  { margin-left: 67.7083333333334%; }
  .row .max-push-9  { margin-left: 76.0416666666668%; }
  .row .max-push-10 { margin-left: 84.375%; }
  .row .max-push-11 { margin-left: 92.7083333333335%; }
}

/* !Tablet, 6 column, 720 (min 739) */
@media screen and (min-width: 739px) and (max-width: 980px) {
    .row [class*="desktop-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; }

    .row .tablet-1 { width: 14.5833333333333333%; }
    .row .tablet-2 { width: 31.25%; }
    .row .tablet-3 { width: 47.9166666666666667%; }
    .row .tablet-4 { width: 64.5833333333333333%; }
    .row .tablet-5 { width: 81.25%; }
    .row .tablet-6 { width: 97.9166666666666667%; }

/* Push Cells */
    .row .tablet-push-1 { margin-left: 17.7083333333333333%; }
    .row .tablet-push-2 { margin-left: 34.375%; }
    .row .tablet-push-3 { margin-left: 51.0416666666666667%; }
    .row .tablet-push-4 { margin-left: 67.7083333333334%; }
    .row .tablet-push-5 { margin-left: 84.375%; }

/* !Generic, fractions */
    .row .tablet-third { width: 31.25%; }
    .row .tablet-half { width: 47.9166666666666667%; }
    .row .tablet-full { width: 97.9166666666666667%; }

    .row .tablet-push-third { margin-left: 34.375%; }
    .row .tablet-push-half { margin-left: 51.0416666666666667%; }
}

/* !Mobile, 3 column, 300 + 480 (max 740) */
@media screen and (max-width: 740px) {
    .row [class*="desktop-push-"],
    .row [class*="tablet-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; }

    .row .mobile-1 { width: 31.25%; }
    .row .mobile-2 { width: 64.5833333333333333%; }
    .row .mobile-3 { width: 97.9166666666666667%; }

    .row .mo-12 {width: 46%;}
    .row .mo-14 {width: 22.5%;}
/* Push Cells */
    .row .mobile-push-1 { margin-left: 34.375%; }
    .row .mobile-push-2 { margin-left: 67.7083333333334%; }

/* !Generic, fractions */
    .row .mobile-third { width: 31.25%; }
    .row .mobile-half { width: 47.9166666666666667%; }
    .row .mobile-full { width: 97.9166666666666667%; }

    .row .mobile-push-third { margin-left: 34.375%; }
    .row .mobile-push-half { margin-left: 51.0416666666666667%; }

}


/* !Mobile - Min, 300 (max 500) */
@media screen and (max-width: 500px) {
  .row .min-full { width: 97.9166666666666667%; }
}

@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){.container{width:1170px}}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.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;}
.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-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px){
    .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-2{width:16.66666667%}
    .col-sm-1{width:8.33333333%}
    .col-sm-pull-12{right:100%}
    .col-sm-pull-11{right:91.66666667%}
    .col-sm-pull-10{right:83.33333333%}
    .col-sm-pull-9{right:75%}
    .col-sm-pull-8{right:66.66666667%}
    .col-sm-pull-7{right:58.33333333%}
    .col-sm-pull-6{right:50%}
    .col-sm-pull-5{right:41.66666667%}
    .col-sm-pull-4{right:33.33333333%}
    .col-sm-pull-3{right:25%}
    .col-sm-pull-2{right:16.66666667%}
    .col-sm-pull-1{right:8.33333333%}
    .col-sm-pull-0{right:auto}
    .col-sm-push-12{left:100%}
    .col-sm-push-11{left:91.66666667%}
    .col-sm-push-10{left:83.33333333%}
    .col-sm-push-9{left:75%}
    .col-sm-push-8{left:66.66666667%}
    .col-sm-push-7{left:58.33333333%}
    .col-sm-push-6{left:50%}
    .col-sm-push-5{left:41.66666667%}
    .col-sm-push-4{left:33.33333333%}
    .col-sm-push-3{left:25%}
    .col-sm-push-2{left:16.66666667%}
    .col-sm-push-1{left:8.33333333%}
    .col-sm-push-0{left:auto}
    .col-sm-offset-12{margin-left:100%}
    .col-sm-offset-11{margin-left:91.66666667%}
    .col-sm-offset-10{margin-left:83.33333333%}
    .col-sm-offset-9{margin-left:75%}
    .col-sm-offset-8{margin-left:66.66666667%}
    .col-sm-offset-7{margin-left:58.33333333%}
    .col-sm-offset-6{margin-left:50%}
    .col-sm-offset-5{margin-left:41.66666667%}
    .col-sm-offset-4{margin-left:33.33333333%}
    .col-sm-offset-3{margin-left:25%}
    .col-sm-offset-2{margin-left:16.66666667%}
    .col-sm-offset-1{margin-left:8.33333333%}
    .col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){
    .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-2{width:16.66666667%}
    .col-md-1{width:8.33333333%}
    .col-md-pull-12{right:100%}
    .col-md-pull-11{right:91.66666667%}
    .col-md-pull-10{right:83.33333333%}
    .col-md-pull-9{right:75%}
    .col-md-pull-8{right:66.66666667%}
    .col-md-pull-7{right:58.33333333%}
    .col-md-pull-6{right:50%}
    .col-md-pull-5{right:41.66666667%}
    .col-md-pull-4{right:33.33333333%}
    .col-md-pull-3{right:25%}
    .col-md-pull-2{right:16.66666667%}
    .col-md-pull-1{right:8.33333333%}
    .col-md-pull-0{right:auto}
    .col-md-push-12{left:100%}
    .col-md-push-11{left:91.66666667%}
    .col-md-push-10{left:83.33333333%}
    .col-md-push-9{left:75%}
    .col-md-push-8{left:66.66666667%}
    .col-md-push-7{left:58.33333333%}
    .col-md-push-6{left:50%}
    .col-md-push-5{left:41.66666667%}
    .col-md-push-4{left:33.33333333%}
    .col-md-push-3{left:25%}
    .col-md-push-2{left:16.66666667%}
    .col-md-push-1{left:8.33333333%}
    .col-md-push-0{left:auto}
    .col-md-offset-12{margin-left:100%}
    .col-md-offset-11{margin-left:91.66666667%}
    .col-md-offset-10{margin-left:83.33333333%}
    .col-md-offset-9{margin-left:75%}
    .col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}
    .col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}
    .col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}
    .col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}
    .col-md-offset-0{margin-left:0}
}
@media (min-width:1200px){
    .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-2{width:16.66666667%}.col-lg-1{width:8.33333333%}
    .col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}
    .col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}
    .col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}
    .col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}
    .col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}
    .col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}
    .col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}
    .col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}
    .col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}
    .col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}
    .col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}
    .col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}
}


@media (min-width:768px){
    .form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}
}
.form-horizontal .has-feedback .form-control-feedback{right:15px}
@media (min-width:768px){
    .form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}
}

input[type="text"], input[type="number"], input[type="password"], input[type="email"], textarea, select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;border-radius: 2px;color: #777;
    display: block;font: 13px 'Century Gothic',Helvetica,Arial,sans-serif;
    margin-bottom: 15px;
    margin-right: 0;
    max-width: 100%;outline: medium none;padding: 6px 4px;
}

.rpform input[type="text"], .rpform input[type="password"], .rpform input[type="email"], .rpform textarea, .rpform select {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
}
.rpform input[type="text"], .rpform input[type="password"], .rpform input[type="email"] {
    padding: 8px 1.45%;
    width: 94%;
    display: block;
}
.rpform select {
    padding: 7px 1.45%;
    width: 97%;
    display: block;
}
.rpform input[disabled="true"]{background-color: #FFFFCC;}
.rpform textarea{
    padding: 10px 1.45%;
    width: 94%;
}

@media (max-width:420px){
    .rpform input[type="text"], .rpform input[type="password"], .rpform input[type="email"], select {
        padding: 8px 2%;
        width: 95%;
    }
    .rpform textarea{
        padding: 8px 2%;
        margin-right: 0;
        width: 95%;
    }
    
    .rpform select{
        padding: 8px 2%;
        margin-right: 0;
        width: 100%;
    }
    #content div.box table.progress-bar tbody td span{display: none;}
}
.rpform label{font: 14px/30px Tahoma;padding-left: 5px;color: #333333;}
#content div.rpform h1, #content div.rpform h2,#content div.rpform h3, #content div.rpform h4, #content div.rpform h5{
    background-color: #00944c; border: 1px solid #00944c; display: block; padding: 10px 1.45%;margin: 0;color: #FFFFFF;
}
#content div.rpform h5 a{
    float: right;color: #FFFFFF;font-weight: normal;font-size: 12px;
}
.rpform .note{font: 12px/20px Arial;color: red;}
#content div.box div.message div.text{padding: 6px 6px 6px 6px;}
#content div.message div.text h6{font-size: 13px;}
#content div.box .message div.text span{font-size: 12px;padding-top: 0px;}
#content div.box label.header{display: block; width: 98%;border-bottom: 1px solid silver;}

#content div.box table.progress-bar{margin: 20px auto;height: 30px; background-color: #eeeeee; border: none;}
#content div.box table.progress-bar tbody td{border: none;padding: 5px;cursor: pointer;}
#content div.box table.progress-bar tbody td.active{background-color: #00944c;}
#content div.box table.progress-bar tbody td i{float: left; width: 30px; height: 30px; border-radius: 15px; line-height: 30px; 
    background-color: #ffffff;font-size: 18px; text-align: center;}
#content div.box table.progress-bar tbody td.active i{}
#content div.box table.progress-bar tbody td span{float: left; margin-left: 10px; font: 15px/30px arial, sans-serif;}
#content div.box table.progress-bar tbody td.active span{color: #FFFFFF;font-weight: bold;}

#content div.box div.bg-box .table{background-color: #FFFFFF;}
#content div.box table td{padding: 10px 5px;font-size: 12px;}

/*== View ==*/
#content div.box div.view{color: #333333}
#content div.box div.view div.col-md-12{}
#content div.box div.view label{font: 14px/36px Tahoma, Arial;}
#content div.view h1, #content div.view h2,#content div.view h3, #content div.view h4, #content div.view h5{
    background-color: #00944c; border: 1px solid #00944c; display: block; padding: 10px 1.45%;margin: 0;color: #FFFFFF;
}
#content div.view h6{border-bottom: 1px solid #cdcdcd;display: block; padding: 10px 0;margin: 0;color: #333333;font-size: 15px;}
#content div.box div.view .value{font-size: 13px;line-height: 36px;font-weight: 600;color: #454545;}
#content div.box div.view p{display: block;margin: 0;}
#content div.box div.view p.title{color: #333333;font-weight: 600;}
#content div.box div.view div.text-info div.col-md-12{border-bottom: none;}
#content div.box div.view div{}
#content div.box div.view div p, #content div.box div.view div span, #content div.box div.view div strong{font-size: 13px;line-height: 25px;font-weight: normal;border: none;} 