/*****************************/

[class*=col-] [data-img-zoom] { width:100%; }
[data-img-zoom]{
    border:6px solid #fff;
    display:block;
    box-shadow:3px 3px 10px rgba(0,0,0,0.6);  
    position:relative;    
    overflow:hidden;
}
[data-img-zoom] img{display:block; width:100%;}
.zoomImg{
    position:absolute;
    bottom:0;
    right:0;
    background-image: url('../../../common/img/lupa.png');
    height:25px;
    width:25px;
    background-size:contain;
}
.zoomImg:hover{ transform: scale(1.3); transform-origin:100% 100%;}
[data-img-zoom] .stack{
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    text-shadow:1px 2px #000;
    font-size:12px;
    padding:3px 25px 3px 5px;
    width:100%;
    word-break: break-all;
    -webkit-transition: bottom ease 0.5s;
    -moz-transition: bottom ease 0.5s;
    transition: bottom ease 0.5s;
    display:block;
}
[data-img-zoom].no-style { border: none; box-shadow: none; }
[data-img-zoom]:hover .stack {bottom:0 !important;}
[data-img-zoom] .stack:hover {bottom:0 !important;}


.selected{background-color:whitesmoke;color:#333;}

/*********************************************/


.cont1{
  height: 500px;
  padding:30px 20px 50px;
}

.btn1:active{
  margin:3px 0 -3px 502px;
}

.cont2{
  height: 540px;
}

.cont2 .border{
  overflow-y:auto;
}

.tblMarcas{
  width: 100%;
}

.tblMarcas td{
  padding:10px;
  border:3px solid #fff;
  font-size: 28px;
  text-align: center
}

.first_td{
  color:#fff;
  background: #00bae2;
}

.allTD{
  background: #bbe0e3;
  color:#454647;
}

.inputpop2{
  height: 78px;
  width: 90px;
  background-size: 100%;
  margin: 0 auto;
  display: table !important;

}

.ptxt{
  margin-bottom: 33px;
}

.boinput:checked + label.label2
{
    background-position: 0 -78px !important; 
}

.btn2{
  margin-top: 170px;
}

.btn2:active{
  margin:173px 0 -3px 100px;
}

.btn3{
    position: absolute;
  right: 10px;
  bottom: 190px;
}