.megaattr { position:relative;}
.megaattr .modal-dialog { margin-top:20px;width:100%;}
.megaattr .modal-header { display: flex;justify-content:space-between;padding:0px;border:0px; }
.megaattr .modal-body {padding-top:0;overflow: auto;}
.megaattr .text-left { text-align:left !important;}
.megaattr .text-right { text-align:right !important;}
.megaattr .modal-footer button { width:100%;margin-bottom:20px;}
.megaattr-selected,.megaattr-quick { display:none;}
.megaattr .loader { width:100%;height:100%;position:absolute;top:0px;left:0px;}
.megaattr-selected-buttons { position:relative;}
.megaattr-right { text-align:right}

/*attributes groups*/
.megaattrgroup-container { border:1px solid #eee;min-height:500px;}
.megaattr .megaattrgroup-button { position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:15px;cursor:pointer;background:#f2f2f2;}
.megaattr .megaattrgroup-button.current { background:#fff;}

.megaattr .megaattrgroup-button .step-number { position:relative;width:auto;height:auto;font-size:20px;color:#a7a7a7;border:1px solid #a7a7a7;border-radius:3px;padding:4px 7px 4px 7px; }
.megaattr .megaattrgroup-button.current .step-number {color:#000;}
.megaattr .megaattrgroup-button .step-number.ok:after { content:"";position:absolute;width:19px;height:19px;bottom:-10px;right:-10px;background:url(../gfx/selected.png) center center no-repeat;}

.megaattr .megaattrgroup-button .variant-name { position:relative;width:100%;height:auto;font-size:20px;margin-top:6px;}
.megaattr .megaattrgroup-button .selected-material { height:100%;font-size: 12px;margin:4px 0px 4px 0px;line-height:12px;min-height:20px;max-height:30px;overflow:hidden;}
.megaattr .megaattrgroup-button .selected-image { position:absolute;min-width:30px;min-height:30px;top:15px;right:15px;background-size:contain;background-position:center center;background-repeat:no-repeat;}

.megaattr .megaattrgroup-button .variant-req,.megaattr .megaattrgroup-button .variant-req0 { position:absolute;top:15px;right:15px;width:26px;height:26px;background:url(../gfx/warning.png) center center no-repeat; }

.megaattr h3 { font-size:25px;margin:35px 0px 20px 0px;font-weight:bold;}

.megaattr .materials-list { display:flex;flex-wrap:wrap;}
.megaattr .materials-list .material { width:255px;padding:5px;border:3px solid transparent;position:relative;cursor:pointer;margin:2px;display:flex;flex-direction:column;align-items:flex-start;border:3px solid #f2f2f2;min-height:280px;}
.megaattr .materials-list .material.selected { position:relative;background:#fff;border:3px solid #322d28;}
.megaattr .materials-list .material.selected:after { content:"";position:absolute;top:3px;right:3px;background:url(../gfx/tick.png) top 2px right 2px no-repeat;width:22px;height:22px;z-index:1000;}
.megaattr .materials-list .material .material-image { width:100%;height:160px;min-height:160px;background-size:cover;background-position: center center;display:flex;align-items:flex-start;flex-direction:row;}
.megaattr .materials-list .material .material-image .bigcaption{ font-size:12px;width:100%;height:auto;font-weight:normal;text-align:center;align-self:center;padding-top:15px;}

.megaattr .materials-list .material .caption {width:100%;height:100%;font-size:16px;font-weight:normal;text-align:left;display:inline-block;margin:6px 0px 20px 0px;line-height:20px;text-align:center;}
.megaattr .materials-list .material .zoomin { position:absolute;display:block;bottom:5px;right:5px;width:25px;height:25px;background:#f2f2f2 url(../gfx/lupe.png) top 5px left 5px no-repeat;}
.megaattr .materials-list .material .zoomin a.enlarge-image{ position:relative;display:block;width:25px;height:25px;background:#f2f2f2 url(../gfx/lupe.png) top 5px left 5px no-repeat;}

.megaattr .materials-list .material .zoomin:hover {transform: scale(1.3);}
.megaattr .materials-list .material .price-impact { position:relative;font-size:10px;min-height:20px;height:20px;font-weight:bold;}

.conf-price-name { display:inline-block;font-size:17px;color:#7a7a7a}
.conf-price-display { }
.conf-price-display-promotion { display:block;width:100%;float:right;clear:both;font-weight:bold;font-size:15px;margin:0px 0px 30px 0px;}

.conf-price,.conf-currency { display:none;}

.megaattr-buttons { position:relative;margin:20px 0px 0px 0px;}
.megaattr-buttons .btn { width:100%;margin-bottom:20px;}
#add-to-cart-or-refresh .product-refresh { display:none !important;}

/*cart*/
.megaattr-cartproducts { background:#efefef;border-radius:5px;margin:0px 0px 20px 0px;}

.megaattr-cartproducts li:not(:nth-child(1)) img { max-width:50px;max-height:50px;}

/*suggested configurations*/
.megaattr-selected-avaliableinfo { display:none;font-size:12px;margin:0px 0px 15px 0px}
.megaattr-selected-avaliableinfo span:nth-child(1) { font-weight:bold;}
.megaattr-selected-avaliableattributes { position:relative;padding:15px;background:#fff;border-radius:5px;margin:10px 0px 20px 0px;}
.megaattr-selected-avaliableattributes h3 { margin-top:5px;margin-bottom:5px;display:block;}
.megaattr-selected-avaliableattributes ul { width:100%;}
.megaattr-selected-avaliableattributes ul li { max-width:100px;display:inline-block;}
.megaattr-selected-avaliableattributes ul li a { display:inline-block;border:1px solid #eee;text-align:center;}
.megaattr-selected-avaliableattributes ul li a img { max-width:100px;height:auto;}
.megaattr-selected-avaliableattributes ul li a:hover { border:1px solid #000;}
span.megaattr-avaliableprice { text-align:center;display:inline-block;margin:5px 0px 5px 0px;}

/*customization select*/
.customizationselect input { max-width:100%;height:auto;}


#configAddToCart {
   color: #fff;
}

/*quantity select*/
.megaattr .quantityselect { position:relative;display:flex;width:100%;}
.megaattr .quantityselect input { width:50%;border:0px;text-align:center;font-size:15px;}
.megaattr .quantityselect button.megaadd { width:25%;border:0px;background:#c2c2c2;color:#fff;}
.megaattr .quantityselect button.megasub { width:25%;border:0px;background:#c2c2c2;color:#fff;}
.megaattr .quantityselect button:hover { ;background:#322d28;cursor:pointer;}

/*select*/
.megaattr span.megaattr-productcombinationname { width: 100%;height: 100%;font-size: 12px;font-weight: normal;text-align: left;display: inline-block;margin: 6px 0px 0px 0px;line-height: 13px}

/*loader*/
.megaattr-loader,.megaattr-loader1 { width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(255,255,255,0.5);display:none;z-index:500;}
.megaattr-loader .megaattr-loading,.megaattr-loader1 .megaattr-loading1 {
  height: 0;
  width: 0;
  padding: 15px;
  border: 6px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  /* left, top and position just for the demo! */
  position: absolute;
  left: 50%;
  top: 50%;
}
@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
	.megaattr h3 { font-size:18px;margin:18px 0px 8px 0px;}
	.megaattr.megaattr-horizontal .megaattrgroup-button .selected-image { top:5px;right:5px;}
	.megaattr.megaattr-horizontal .megaattrgroup-button .step-number { padding:4px 7px 4px 7px !important;}
}
@media (max-width: 480px) {
   .megaattr .megaattrgroup-button {
      width: 100%;
      padding-top: 2px;
      padding-bottom: 2px;
   }
   .conf-price-display-promotion { margin:0px;font-size:11px;}
   .megaattr .megaattrgroup-button .selected-material { max-height:auto;font-size:10px;}
   .megaattr h3 { font-size:18px;margin:18px 0px 8px 0px;}
   .megaattr .megaattrgroup-button .variant-name { font-size:12px;}
   .megaattr .megaattrgroup-button .selected-image,.megaattr .megaattrgroup-button .variant-req, .megaattr .megaattrgroup-button .variant-req0 { top:0px;right:0px;}
}

/*other*/
.quickview #MegaModal div { text-align:left;}
.quickview #MegaModal .modal-footer * { text-align:right;}
.quickview #MegaModal .modal-body { min-height:auto;}
.quickview #MegaModal .modal-content { background:#fff;}
.quickview #MegaModal h3 { text-align:left !important;}

/*horizontal*/
.megaattr-flexrow { position:relative;display:flex;flex-direction:column;justify-content:space-between;}
.megaattr-flexrow1 { position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;}
.megaattr-flexcolumn { position:relative;display:flex;flex-direction:row;width:100%;}

.magaattr-nopadding { padding:0px !important;}
.megaattr.megaattr-horizontal .megaattrgroup-button { padding:15px 15px 15px 0px;}
.megaattr.megaattr-horizontal .megaattrgroup-button .step-number { display:block;padding: 10px 15px 13px 14px;margin-left:15px;}
.megaattr.megaattr-horizontal .megaattrgroup-button .variant-name { margin:0px 0px 0px 20px}
.megaattr.megaattr-horizontal .megaattrgroup-button .selected-material { margin:0px 0px 0px 20px}
.megaattr.megaattr-horizontal .megaattrgroup-button .variant-req, .megaattr.megaattr-horizontal .megaattrgroup-button .variant-req0 { top:0px;right:0px;}
.megaattr.megaattr-horizontal .modal-body {padding-top:15px;height:auto !important;}
.megaattr.megaattr-horizontal .megaattrgroup-button .selected-image { position:relative;min-width:20px;min-height:20px;align-self:flex-end;}
.megaattr.megaattr-horizontal .megaattrgroup-button .selected-material { min-height:auto !important;}
.megaattr.megaattr-horizontal .materials-list { margin-bottom:30px;}
.megaattr.megaattr-horizontal .megaattrgroup-panel,.megaattr.megaattr-horizontal1 .megaattrgroup-panel { max-height:400px;overflow:auto;}

.megaattr-horizontal1 .col-md-4 { width:auto;}
.modal-backdrop {
    visibility: hidden !important;
}
.modal.in {
    background-color: rgba(0,0,0,0.5);
}