/** 
* 
* Do not edit or add to this file if you wish to upgrade the module to newer 
* versions in the future. If you wish to customize the module for your 
* needs please contact us to https://www.milople.com/magento-extensions/contacts/
* 
* @category     Ecommerce 
* @package      Milople_Personalized
* @copyright    Copyright (c) 2015 Milople Technologies Pvt. Ltd. All Rights Reserved. 
* @url          https://www.milople.com/magento-extensions/personalized-products.html
* 
**/
.product-image, .no-touch .product-img-box .product-image:hover:not(.zoom-available) {
    border: 0px solid #ededed !important;
   
}
a{
    cursor: pointer;
    text-decoration: none;
}
.rslides {
  margin: 0 auto 40px;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }


/* Callback example */

.callbacks_container {
  margin-bottom: 20px;
  position: relative;
  float: left;
  
 }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;

  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/arrow.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.modal-wrapper {
      width: 100%;
      height: 100%;
      min-height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background-color: rgba(0,0,0,.7);
      transition: .4s;
      visibility: hidden;
      opacity: 0;
      z-index: 100;
    }

    .modal-content {
     
      width: 36%;
      position: absolute;
      top: 10%;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 10;
      background-color: #fff;
      border-radius: 5px;
      color: #000;
    }

    .modal-opened {
      opacity: 1;
      visibility: visible;
    }
    .close-modal {
      background: #ccc none repeat scroll 0 0;
      border: medium none;
      border-radius: 30px;
      color: #fff !important;
      cursor: pointer;
      font-size: 21px !important;
      font-weight: bold;
      height: 30px;
      line-height: 25px;
      position: absolute;
      right: -10px;
      text-align: center;
      text-decoration: none;
      top: -12px;
      vertical-align: middle;
      width: 30px;
    }
    .close-modal:hover {
     text-decoration: none;
    }
    .text { padding:20px; font-weight:200;}