@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'ropa';
    src: url('ropa.eot');
    src: url('ropa.eot?#iefix') format('embedded-opentype'),
         url('ropa.woff') format('woff'),
         url('ropa.ttf') format('truetype'),
         url('ropa.svg#ropa') format('svg');
    font-weight: normal;
    font-style: normal;
}

    .main-home {
      border: 1px #ddd solid; 
      border-radius: 5px; 
      padding-top: 20px;  
      padding-bottom: 10px;
      padding-left: 10px;
      padding-right: 10px;
    }

    .card{
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
          transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
        cursor: pointer;
    }

    .card:hover{
         transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    }

    .card-body {
      padding: 0px;
    }
    .card-body h5 {
      color: #333333 !important;
      font-size: 14px;
      font-weight: 600;
    }

    a:link {
      text-decoration: none;
    }
    a:visited {
      text-decoration: none;
    }

    .mrb-20 {
      margin-bottom: 20px;
    }


    #footer { width:100%; float:left; margin:0 auto; background:#ddd; border:solid #EC1C24; border-width:1px 0px;   }
    .footer { width:100%; height:35px; margin:0 auto; color:#333;  }
    .footer_menu { float:left; margin:10px 0;   }
    .footer_menu a { text-decoration:none; color:#000; font-size:12px;    }
    .footer_menu a:hover { color:#EC1C24    }
    .copyright { float:center; margin:10px 0; font-size: 12px; text-align: center;}


    .logo { float:left; width:252px; height:152px; position:absolute; }
    .name { font-size: 26px; float: right;}
    .select_color {
      color: #0066B2;
    }
    .pdb-header{
      padding-bottom: 40px;
    }
    .mrt-header {
      margin-top: 20px;
    }

    .footer-img {
      width: 38px;
      height: 13px;
      margin-bottom: 2px;
    }

    @media (max-width: 768px){

      .main-home { 
        border: none; 
        padding: 0px;  
      }
      .card-body h5 {
        color: #333333 !important;
        font-size: 16px;
        font-weight: 600;
      }
      .name { font-size: 14px; float: right; padding-top: 6px;}
      .logo img { height: 35px; width: auto;}
      .pdb-header { padding-bottom: 15px;}
      .mrt-header { margin-top: 15px;}
    }

    /*.card img { height: 250px; width: auto; align-content: center;}*/