/* 
   Swatches Styles
*/




.swatch { 
  margin:1em 0; 
}

/* Label */

.swatch .header {
  margin: 0.5em 0;
}

/* Hide radio buttons.*/

.swatch input { 
  display:none;
}

.swatch label { 
  float:left;
  min-width:50px !important; 
  height:35px !important;
  margin:0;
  min-width: 130px !important;
  height: 100px !important;
  font-size:0px;
  text-align:center;
  line-height:35px;
  white-space:nowrap;
  text-transform:uppercase;
  display:none;
}
.swatch-element img {
    width: 125px;
      display: none;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; }

.swatch input:checked + label {
 
} 
.swatch .swatch-element {
      -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    margin-right: 0px;
    position: relative;
    float: left;
    padding: 4px;
    height: 55px;
}

.crossed-out { 
  position:absolute; 
  width:100%; 
  height:100%; 
  left:0; top:0;
}

.swatch .swatch-element .crossed-out { display:none; }

.swatch .swatch-element.soldout .crossed-out { display:block; }

.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-23px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
       -o-transform:translateY(0px);
          transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}

.minidrive-air{
  background: url(//cdn.shopify.com/s/files/1/0253/6271/t/32/assets/Air13.jpg?8039208590233563815);
  
  
}
.minidrive-pro{
  background: url(//cdn.shopify.com/s/files/1/0253/6271/t/32/assets/Pro13.jpg?8039208590233563815);
  
}
.minidrive-r13{
  background: url(//cdn.shopify.com/s/files/1/0253/6271/t/32/assets/R13.jpg?8039208590233563815);
     
 
}
.minidrive-r15pro{
    background: url(//cdn.shopify.com/s/files/1/0253/6271/t/32/assets/Pro15.jpg?8039208590233563815);

}
.minidrive-r15{
  background: url(//cdn.shopify.com/s/files/1/0253/6271/t/32/assets/R15.jpg?8039208590233563815);
    
    
}
.list-item.clicked, .swatch-element{
      border: 1px solid #fff;

}
.list-item.clicked, .swatch-element.clicked{

  
    border-radius: 2px;
    display: block;
    margin-bottom: 0;
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 5px #9ecaed;
    border: 1px solid #9ecaed;
    position: relative;
    z-index: 10;
}
.list-item.clicked .list-title {
    color: #fff;
}
.swatch .header, .subproducts h3 {
/*     margin: 0 0 10px;
    font-size: 18px;
    line-height: 24px;
    color: #554d99;
    font-weight: 400;
    text-transform: uppercase; */
}
.subproducts {
    margin-top: 30px;
}
.product-tabs{
      text-align: left;
}
.minidrive_product_template .header, .subproducts h3{
         font-size: 11px;
      color: #111;
}
.minidrive_product_template .header span, .subproducts h3 span{
 color: #8a8a8a;
}
 .subproducts h3 {
  
          margin-bottom: -20px;
}
.subProductsList .list-image-wrapper {
    padding: 5px;
   
    display: block;
    margin-bottom: 0;
       border: 1px solid #fff;

    position: relative;
    z-index: 10;
}

.minidrive_product_template .list-image-wrapper.clicked {
    margin-bottom: 14px;
    padding: 5px;
    border-radius: 2px;
    display: block;
    margin-bottom: 0;
       outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 5px #9ecaed;
    border: 1px solid #9ecaed;
    position: relative;
    z-index: 10;
}


.minidrive_product_template .product-title h1{
      display: inline-block;
}
.titleWrper .product-title h1{
      letter-spacing: 4px;
    font-size: 18px;
    line-height: 24px;
    color: #554d99;
    font-weight: 400;
    text-transform: uppercase;
}
.titleWrper .product-price {
    display: block;
    font-size: 18px;
}
