/**** MPDG Product Grid ****/

#mpdg-product-grid {
  width: 100%;
  *zoom: 1;
}
#mpdg-product-grid:before,
#mpdg-product-grid:after {
  display: table;
  content: "";
  line-height: 0;
}
#mpdg-product-grid:after {
  clear: both;
}

#mpdg-product-grid > [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0%;
  *margin-left: 0%;
}

#mpdg-product-grid > .span6 {
  width: 50%;
  *width: 50%;
}
#mpdg-product-grid > .span4 {
  width: 33.2889999999%;
  *width: 33.2889999999%;
}
#mpdg-product-grid > .span3 {
  width: 24.8899999%;
  *width: 24.8899999%;
}

#mpdg-product-grid > .span2 {
  width: 19.8899999%;
  *width: 19.8899999%;
}

#mpdg-product-grid .well {
  background: none;
  border: none;
  padding: 5px;
  margin-bottom: 10px;
  text-align: left;

  -webkit-box-shadow: none;
  box-shadow: none;
}

#mpdg-product-grid .well .mpdg-product-image-box {
  position: relative;
  cursor: default;
  text-align: center;
  max-width: 360px;
  margin: auto;
  overflow: hidden;
  padding: 0px;
  background-color: none;
  border: 5px solid #fff;

  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#mpdg-product-grid .well:hover .mpdg-product-image-box {
  border: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);
}

#mpdg-product-grid .well .mpdg-product-image-box img {
  max-width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;

  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#mpdg-product-grid .well:hover .mpdg-product-image-box img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  opacity: 0.75;
}

#mpdg-product-grid .well .mpdg-product-image-box span.proprice {
  position: absolute;
  bottom: 5px;
  right: 5px;

  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#mpdg-product-grid .well .mpdg-product-image-box:hover span.proprice {
  right: 0px;
  bottom: 0px;
}  

#mpdg-product-grid .well .mpdg-product-image-box .hover-block {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#mpdg-product-grid .well:hover .mpdg-product-image-box .hover-block {
  display: block;

  -webkit-animation: fade-in 2.2s;
  -moz-animation: fade-in 2.2s;
  -ms-animation: fade-in 2.2s;
  -o-animation: fade-in 2.2s;
  animation: fade-in 2.2s;
}

#mpdg-product-grid .well .mpdg-product-image-box .hover-block .btn-group {
  position: relative;
  top: 50%;
  left: 0;
  display: block;
}

#mpdg-product-grid .well .label.proprice {
  padding: 7px;
}

#mpdg-product-grid .well form,
#mpdg-product-grid .well form input {
  margin: 0px;
  text-transform: uppercase;
}

#mpdg-product-grid .modal {
  width: 900px;
  left: 40%;
}

#mpdg-product-grid .modal.fade {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  top: 10%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

#mpdg-product-grid .modal.fade.in {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mpdg-pagination.pagination.pagination-right ul li {
  margin: 0px;
}

#mpdgpagination {
  display: none;
}

.mpdg-options ul.dropdown-menu {
  list-style: none;
  margin: 0px;
  left: auto;
  right: 0px;
}

.mpdg-options ul.dropdown-menu li {
  margin: 0px;
}

/**** MPDG Product Modal ****/

.mpdg-product-modal .modal-header {
  background: #fafafa;
  border-bottom: 1px solid #ddd;
}

.mpdg-product-modal .modal-footer {
  background: #fafafa;
}

.mpdg-product-modal .modal-body {
  background: #f1f1f1;
}

ul.mpdg-multi-pro-images {
  margin:  0px !important;
  list-style: none;
}

ul.mpdg-multi-pro-images li {
  margin:  0px !important;
}

ul.mpdg-multi-pro-images > li img {
  max-width: 100%;
  margin-bottom: 3px;
}

ul.mpdg-multi-pro-images > li.active img {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.75);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.75);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.75);
}

#mpdg-tab-content.tab-content .tab-pane {
  overflow: hidden;
}

.mpdg-the-content,
.mpdg-label {
  padding: 5px;
  background: #fafafa;
  border: 1px solid #e5e5e5;
}

.mpdg-label .label a {
  color: #fff;
  text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.75);
}

.mpdg-label .label a:hover {
  color: #E2E2E2;
  text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.75);
}

/**** Icon ****/

.icon-blue {
  background-image: url("../img/glyphicons-halflings-blue.png");
}

.icon-red {
  background-image: url("../img/glyphicons-halflings-red.png");
}

.icon-yellow {
  background-image: url("../img/glyphicons-halflings-yellow.png");
}

.icon-lightblue {
  background-image: url("../img/glyphicons-halflings-lightblue.png");
}

.icon-green {
  background-image: url("../img/glyphicons-halflings-green.png");
}

/**** Spacing ****/

.clear {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.padding3 {
  padding-top: 3px;
  font-size: 0;
  line-height: 0;
}

.padding5 {
  padding-top: 5px;
  font-size: 0;
  line-height: 0;
}

.padding10 {
  padding-top: 10px;
  font-size: 0;
  line-height: 0;
}

.padding12 {
  padding-top: 12px;
  font-size: 0;
  line-height: 0;
}

.padding15 {
  padding-top: 15px;
  font-size: 0;
  line-height: 0;
}

.padding17 {
  padding-top: 17px;
  font-size: 0;
  line-height: 0;
}

.padding20 {
  padding-top: 20px;
  font-size: 0;
  line-height: 0;
}

.padding25 {
  padding-top: 25px;
  font-size: 0;
  line-height: 0;
}

.padding30 {
  padding-top: 30px;
  font-size: 0;
  line-height: 0;
}

.padding40 {
  padding-top: 40px;
  font-size: 0;
  line-height: 0;
}

.padding50 {
  padding-top: 50px;
  font-size: 0;
  line-height: 0;
}

.padding60 {
  padding-top: 60px;
  font-size: 0;
  line-height: 0;
}

.padding70 {
  padding-top: 70px;
  font-size: 0;
  line-height: 0;
}

.padding80 {
  padding-top: 80px;
  font-size: 0;
  line-height: 0;
}

.padding100 {
  padding-top: 100px;
  font-size: 0;
  line-height: 0;
}

/**** Text Alignment ****/

.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

/**** Keyframes effects ****/
@keyframes "fade-in" {
 0% {
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
 }
 40% {
    filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
 }
}
@-moz-keyframes fade-in {
 0% {
   filter: alpha(opacity=0);
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=100);
   filter: alpha(opacity=100);
   opacity: 1;
 }
}
@-webkit-keyframes "fade-in" {
 0% {
   filter: alpha(opacity=0);
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=100);
   filter: alpha(opacity=100);
   opacity: 1;
 }
}
@-ms-keyframes "fade-in" {
 0% {
   filter: alpha(opacity=0);
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=100);
   filter: alpha(opacity=100);
   opacity: 1;
 }
}
@-o-keyframes "fade-in" {
 0% {
   filter: alpha(opacity=0);
   filter: alpha(opacity=0);
   opacity: 0;
 }
 40% {
   filter: alpha(opacity=100);
   filter: alpha(opacity=100);
   opacity: 1;
 }
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/**** Infinite Scroll ****/

#infscr-loading {
  position: fixed;
  text-align: center;
  bottom: 30px;
  left: 42%;
  z-index: 100;
  background: white;
  background: hsla( 0, 0%, 100%, 0.9 );
  padding: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/**** Phone CSS ****/

@media (max-width: 767px) {

  #mpdg-product-grid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    margin-left: 0;
    *margin-left: 0;
  }

}

@media (min-width: 768px) and (max-width: 979px) {

  #mpdg-product-grid > .span2 {
    width: 19.8899999%;
    *width: 19.8899999%;
  }

  #mpdg-product-grid .modal {
    width: 660px;
    left: 45%;
  }

  #mpdg-product-grid .modal.fade.in {
    left: 45%;
  }
}

@media (min-width: 1200px) {

}

@media (max-width: 979px) {

}

@media (min-width: 980px) {

}