/*	---------------------------------------------------------------------------------------
Basic styles
---------------------------------------------------------------------------------------*/
body {

  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

  /* ------------------------------- Size --------------------------*/

  .details .wrapper .table.w30p, .w30p {width: 33%;}
  /* .w30p {border-left:1px solid #efefef; } */
  .w30p_inside {padding: 0 1em;}
  .w50p {width: 49.5%;}
  .w50p_inside {padding: 0 2em;}
  .w48p {width: 47.5%;}
  .w20p {width: 20%;}
  .w20p_inside {padding:  1em;}
  .w70p {width: 63%;}


  .mt5em {margin : 2em 1em 2em 1em;}

  .w50p {width: 49.5%;}
  .w48p {width: 47.5%;}
  .w20p {width: 20%;}
  .w70p {width: 69.5%;}
  .w100p{width: 100%;}

 /* ------------------------------- Font  --------------------------*/

   .fzs {font-size: 85%;}
.fz10 {font-size: 1.0em;}
.fz11 {font-size: 1.1em;}
.fz13 {font-size: 1.3em;}
.fz15 {font-size: 1.5em;}
.fz20 {font-size: 2.0em;}
.fz25 {font-size: 2.5em;}
.fz05 {font-size: 0.5em;}
.fz08 {font-size: 0.8em;}

  /* ------------------------------- Float --------------------------*/


  .fll {float: left;}
  .flr {float: right;}
  .cleaner {clear: both;}

  span.cleaner {
    clear: both;
    display: block;
    position: relative;
  }

  /* ------------------------------- padding --------------------------*/

.lpp {padding-left: 5%;}

.p10 {padding: 10px;}
.p20 {padding: 20px;}

 .p-0 {
  padding: 0;
  }

  .p-1 {
  padding: 1em;
  }

    .p-2 {
  padding: 2em;
  }

  .p1em {padding: 1em;}
  .p2em {padding: 2em;}
  .p3em {padding: 2em;}
  .pt1em {padding-top: 1em;}
  .pt2em {padding-top: 2em;}
  .pt3em {padding-top: 3em;}
  .pb1em {padding-bottom: 1em;}
  .pb2em {padding-bottom: 2em;}
  .pb3em {padding-bottom: 3em;}
  .pl1em {padding-left: 1em;}
  .pl2em {padding-left: 2em;}
  .pl3em {padding-left: 3em;}
  .pr1em {padding-right: 1em;}
  .pr2em {padding-right: 2em;}
  .pr3em {padding-right: 3em;}

  .pv1em {padding-top:1em ;padding-bottom: 1em;}
  .pv2em {padding-top:2em ;padding-bottom: 2em;}
  .pv3em {padding-top:3em ;padding-bottom: 3em;}

  .ph1em {padding-left:1em ;padding-right: 1em;}
  .ph2em {padding-left:2em ;padding-right: 2em;}
  .ph3em {padding-left:3em ;padding-right: 3em;}

  .p10p {padding: 10%;}
  .p20p {padding: 20%;}

  .pv-0 {padding-top: 0;padding-bottom: 0;}
  .ph-0 {padding-left: 0;padding-right: 0;}

 /* ------------------------------- margin --------------------------*/
  .m1em {margin: 1em;}
  .m2em {margin: 2em;}
  .m3em {margin: 3em;}
  .mt1em {margin-top: 1em;}
  .mt2em {margin-top: 2em;}
  .mt3em {margin-top: 3em;}
  .mb1em {margin-bottom: 1em;}
  .mb2em {margin-bottom: 2em;}
  .mb3em {margin-bottom: 3em;}
  .ml1em {margin-left: 1em;}
  .ml2em {margin-left: 2em;}
  .ml3em {margin-left: 3em;}
  .mr1em {margin-right: 1em;}
  .mr2em {margin-right: 2em;}
  .mr3em {margin-right: 3em;}

  .mv-0 {margin-top: 0;margin-bottom: 0;}
  .mh-0 {margin-left: 0;margin-right: 0;}

  .mv1em {margin-top:1em ;margin-bottom: 1em;}
  .mv2em {margin-top:2em ;margin-bottom: 2em;}
  .mv3em {margin-top:3em ;margin-bottom: 3em;}

  .mh1em {margin-left:1em ;margin-right: 1em;}
  .mh2em {margin-left:2em ;margin-right: 2em;}
  .mh3em {margin-left:3em ;margin-right: 3em;}

  .m0 {margin: 0;}
 /* ------------------------------- border  --------------------------*/

.bt1so {border-top: 1px solid #ddd;}
.bt1da {border-top: 1px dashed #ddd;}
.bt1do {border-top: 1px dotted #ddd;}
.bb1so {border-bottom: 1px solid #ddd;}
.bb1da {border-bottom: 1px dashed #ddd;}
.bb1do {border-bottom: 1px dotted #ddd;}
.bl1so {border-left: 1px solid #ddd;}
.bl1da {border-left: 1px dashed #ddd;}
.bl1do {border-left: 1px dotted #ddd;}
.br1so {border-right: 1px solid #ddd;}
.br1da {border-right: 1px dashed #ddd;}
.br1do {border-right: 1px dotted #ddd;}

  /* ------------------------------- position and display  --------------------------*/

  .relative {position: relative;}
  .absolute {position: absolute;}

  .dnone {display: none;}
  .dblock {display: block;}

.tar {text-align: right;}


.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 600px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}


.hidden-xxs {
    display: block !important;
}

tr.hidden-xxs {
    display: table-row !important;
}

th.hidden-xxs,
td.hidden-xxs {
    display: table-cell !important;
}

@media (max-width: 600px) {

    .hidden-xxs {
        display: none !important;
    }

    tr.hidden-xxs {
        display: none !important;
    }

    th.hidden-xxs,
    td.hidden-xxs {
        display: none !important;
    }

}

@media (min-width: 385px) and (max-width: 767px) {

    .hidden-xxs.hidden-xs {
        display: none !important;
    }

    tr.hidden-xxs.hidden-xs {
        display: none !important;
    }

    th.hidden-xxs.hidden-xs,
    td.hidden-xxs.hidden-xs {
        display: none !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .hidden-xxs.hidden-sm {
        display: none !important;
    }

    tr.hidden-xxs.hidden-sm {
        display: none !important;
    }

    th.hidden-xxs.hidden-sm,
    td.hidden-xxs.hidden-sm {
        display: none !important;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-xxs.hidden-md {
        display: none !important;
    }

    tr.hidden-xxs.hidden-md {
        display: none !important;
    }

    th.hidden-xxs.hidden-md,
    td.hidden-xxs.hidden-md {
        display: none !important;
    }

}

@media (min-width: 1200px) {

    .hidden-xxs.hidden-lg {
        display: none !important;
    }

    tr.hidden-xxs.hidden-lg {
        display: none !important;
    }

    th.hidden-xxs.hidden-lg,
    td.hidden-xxs.hidden-lg {
        display: none !important;
    }

}

@media (max-width: 550px) {

    .hidden-xs.hidden-xxs {
        display: none !important;
    }

    tr.hidden-xs.hidden-xxs {
        display: none !important;
    }

    th.hidden-xs.hidden-xxs,
    td.hidden-xs.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 600px) {

    .hidden-sm.hidden-xxs {
        display: none !important;
    }

    tr.hidden-sm.hidden-xxs {
        display: none !important;
    }

    th.hidden-sm.hidden-xxs,
    td.hidden-sm.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 600px) {

    .hidden-md.hidden-xxs {
        display: none !important;
    }

    tr.hidden-md.hidden-xxs {
        display: none !important;
    }

    th.hidden-md.hidden-xxs,
    td.hidden-md.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 600px) {

    .hidden-lg.hidden-xxs {
        display: none !important;
    }

    tr.hidden-lg.hidden-xxs {
        display: none !important;
    }

    th.hidden-lg.hidden-xxs,
    td.hidden-lg.hidden-xxs {
        display: none !important;
    }
}





.clearfix-xs ,
.clearfix-sm,
.clearfix-md ,
   .clearfix-lg {clear: none;display: none;}



@media (max-width: 767px) {

.clearfix-xs {clear: both;display: block;}

}

@media (min-width: 768px) and (max-width: 991px) {

.clearfix-sm {clear: both;display: block;}
}

@media (min-width: 992px) and (max-width: 1199px) {

.clearfix-md {clear: both;display: block;}

}

@media (min-width: 1200px) {

   .clearfix-lg {clear: both;display: block;}

}