@font-face{font-family:"marketcoop-light";font-weight:300;font-style:normal;src:url("../css/fonts/marketcoop/MarketCoopType-Light.ttf") format("truetype");font-display: block;}
@font-face{font-family:"marketcoop-regular";font-weight:400;font-style:normal;src:url("../css/fonts/marketcoop/MarketCoopType-Regular.ttf") format("truetype");font-display: block;}
@font-face{font-family:"marketcoop-medium";font-weight:500;font-style:normal;src:url("../css/fonts/marketcoop/NoirPro-Medium.ttf") format("truetype");font-display: block;}
@font-face{font-family:"marketcoop-regularx";font-weight:600;font-style:normal;src:url("../css/fonts/marketcoop/MyriadPro-Regular.ttf") format("truetype");font-display: block;}
@font-face{font-family:"marketcoop-bold";font-weight:700;font-style:normal;src:url("../css/fonts/marketcoop/Nunito-VariableFont_wght.ttf") format("truetype");font-display: block;}
html body{
    background:#FFF;
    background-position: center top;
    min-height: 100%;
    font-family: "marketcoop-regular";
}
header{
    position:absolute;top:0;left:0;width:100%;
    background: #009f0a;
}
header div{
    background:#a75fc9;
    width:100%;
    padding: 15px 0;
}
header img{
    margin: 0 auto;
    display: block;
    padding: 20px 0;
}
.col-width{
    margin: 0 auto;
    width:1000px;margin-top: 100px;
}
.col-left{
    float:left;width:100%;
    /*border-right:1px solid #CCC;*/
}
.col-right{
    float:left;width:30%;
    display: none;
}
.icon-transport{
    background-image: url(../img/icon-transport.png);
    width: 50px;
    height: 50px;
    /* position: relative;
    left: 14px;
    top: -6px; */
}
.icon-trans-div{
  float: left;margin:30px 0;text-align: center;width:250px;
}
.icon-trans-ball{
  background:#009f0a;border-radius: 42px;padding: 6px 0;display: block;width: 45px;text-align: center;height: 33px;font-size: 14pt;color: #FFF;font-weight: 600;margin:0 auto 5px;
}
.icon-trans-one{
  font-size:12pt;
}
.icon-trans-two{
  font-size:9pt;
  padding:3px 0
}
.icon-trans-container{
  width:1000px;margin:0 auto;position:relative;
}
.transTwo{
  z-index: 2;position:relative;
  width: 900px;
}
.trans-hist{
  margin-top:20px;clear:left;display: block;
}
.trans-right{
  float:right;
}
.trans-h2{
  width:100%;text-align:center;font-size:18pt;border-bottom: 1px solid #CCC;padding-bottom: 10px;margin-bottom: 22px;
}
.trans-h2 span{
  background:#009f0a;border-radius: 42px;padding: 15px 0;display: block;width: 70px;text-align: center;height:40px;font-size: 20pt;color: #FFF;font-weight: 600;margin:0 auto 20px;
}
.icon-trans-barra{
  background:#CCC;width:100%;padding: 4px;position:absolute;top: 47px;z-index: 1;
}
.container-ras{
  clear:left;text-align: center;margin:200px 0 50px;
}
.container-ras-line{
  border-bottom:1px solid #CCC;text-align: left;margin-bottom:10px;padding-bottom:10px;
}
.container-ras-line b{
  font-size:11pt;
}
.container-ras-line div{
  font-size:10pt
}
.trans-h2{
      margin-top: 25px;
      font-size: 14pt;
      font-weight: 600;
    }
    .container-rast-global label{
      /* margin-left: 15px; */
    }
    .trans-right {
      margin-right: 12px;
    }
    .icon-trans-container {
      width: 100%;
    }
    .icon-trans-div{
      width: 25%;
    }
    .icon-trans-one {
        font-size: 9pt;
        height: 22px;
        overflow: hidden;
        width: 100px;
        text-align: center;
        margin: 0 auto;
    }
    .icon-trans-two {
        font-size: 8pt;
        width: 108px;
        display: block;
        height: 15px;
        overflow: hidden;
        margin: 5px auto 0;
    }
    .container-ras{
      padding: 0 10px;
    }
    .container-ras-line b {
            font-size: 10pt;
    margin-bottom: 6px;
    display: block;
    }
    .container-ras-line div {
        font-size: 9pt;
    }

.icon-del{
  background-position: 4px 0;
    padding: 0;
    position: relative;
    top: -7px;
    left: 9px;
}
.icon-trans{
  background-position: -44px 0;
    padding: 0;
    position: relative;
    top: -7px;
    left: 9px;
}
.icon-rota{
    background-position: -107px 0;
    padding: 0;
    position: relative;
    top: -7px;
    left: 9px;
}
.icon-dev{
    background-position: -164px 0;
    padding: 0;
    position: relative;
    top: -7px;
    left: 9px;
}
.icon-del-mini {
    background-position: -4px -45px;
    padding: 0;
    position: relative;
    top: -5px;
    left: 9px;
    width: 30px;
    height: 34px;
}
.icon-trans-mini {
    background-position: -35px -45px;
    padding: 0;
    position: relative;
    top: -5px;
    left: 9px;
    width: 30px;
    height: 34px;
}
.icon-rota-mini {
    background-position: -74px -45px;
    padding: 0;
    position: relative;
    top: -5px;
    left: 9px;
    width: 30px;
    height: 34px;
}
.icon-dev-mini {
    background-position: -111px -45px;
    padding: 0;
    position: relative;
    top: -5px;
    left: 9px;
    width: 30px;
    height: 34px;
}

@media only screen and (max-width:1000px) {
    .col-left{
        width:100%;
        border:none !important;
    }
    .container-rast-global{
          padding: 0;
    margin: 0;
    position: relative;
    }
    .container-rast-global label{
    font-size: 10pt;

    }
    .icon-trans-one{
      padding:2px 0;
      font-size: 7pt;
    }
    .col-right{
        display: none;
    }   
    .container-rast-global label {
        margin: 10px 0 !important;
    }
    .trans-right {
        margin-right: 0 !important;
    }
    .trans-right {
        float: left !important;
    }
    .icon-trans-two {
        font-size: 8pt;
        width: 70px !important;
        line-height: 12px;
        height: 22px;
    }
    .icon-trans-div {
      width: 25%;
  }
  .trans-h2{
    width:100%;
  }
  .transTwo,.col-width{
    width: 100%;
  }
}