/*.box {width:40%;margin:0 auto;background:rgba(255, 255, 255, 0.5);padding:35px;border:2px solid #fff;border-radius:20px/50px;background-clip:padding-box;text-align:center}*/
.button {font-size:1em;padding:10px;color:#fff;border:2px solid #06D85F;border-radius:20px/50px;text-decoration:none;cursor:pointer;transition:all .3s ease-out}
.button:hover {background:#06D85F}
.boxoverlay {position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.0);transition:opacity .5s;visibility:hidden;/*opacity:0;*/z-index:9999; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, .5, 1);}
.boxoverlay.show {visibility:visible;opacity:1}
a.download {cursor: pointer;}
a.download:hover {opacity: 0.8;text-shadow: 0 0 5px #ffffff;}
.left .popup {margin:160px 0;padding:20px;background:rgba(68, 68, 68, 0.8);border-radius:0;width:50%;position:relative;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;font-size: 12px; /*overflow-y: hidden;*/ transform: translatey(0vw);top:50%;max-height: 600px;}
/*.show .popup {top: -27px;}*/
.popup h2 {margin-top:0;color:#63a70a;font-family:Tahoma, Arial, sans-serif}
.popup a.close {position:absolute;top:20px;right:30px;transition:all 200ms;font-size:30px;font-weight:700;text-decoration:none;color:#fff;max-height: 0; cursor:pointer;}
#collection .product-detail .detail .download {position: relative; z-index: 99999; background: #ffffff none repeat scroll 0 0;}
#collection .product-detail .detail .spec {background: #ffffff none repeat scroll 0 0; padding: 75px 50px; position: relative; z-index: 99999; }
.popup a.close:hover {color:#63a70a;}
.popup .content {max-height:30%;overflow:auto}
.popup .content ul{margin:0; padding:0; list-style:none;}
.popup .content ul li{width:25%; float:left; padding:10px;text-align:center;}
.popup .content ul li a{display: block;text-shadow:0;}
.popup .content ul li a img{-webkit-filter: grayscale(50%); filter: grayscale(50%); width:100%; max-width:70px;}
.popup .content ul li a:hover{text-shadow:none!important;}
.popup .content ul li a:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.popup .content ul li a span {clear:both; color:#fff; display:block; text-overflow: ellipsis; white-space: nowrap;}
.popup .content ul li a:hover span{color:#fff;}
.popup .content h4{color:#fff;font-size: 16px; margin-top: 8px; text-align: center;}
.addthis_inline_share_toolbox{background-color:#fff; z-index: 99999;position:relative;}


/*==== Prasad Changes ===*/
.popup-holder {
    position: relative;
}
.left .boxoverlay {
    bottom: -500px;
    position: absolute;
    right: 0;
    width: 100%;
    top: auto;
}
body .left .popup {
    margin: 0;
    position: relative;
    width: 100%;
}
.left .boxoverlay.show {
    bottom: 60px;
}
#collection .product-detail .detail .download:hover {
    opacity: 1;
    text-shadow: none;
}


/*
@media screen and (max-width: 1600px) {
.show .popup {top: 4%; padding-bottom: 50px;}
}
@media screen and (min-width: 1401px) and (max-width:1500px) {
.show .popup {top: 1%;}
}
@media screen and (min-width: 1303px) and (max-width:1400px) {
.show .popup {top: -20px;}
}
@media screen and (min-width: 1231px) and (max-width:1302px) {
.show .popup {top: -5.4%;}
}
@media screen and (min-width: 1147px) and (max-width:1230px) {
.show .popup {top: -8.2%;}
}
@media screen and (min-width: 801px) and (max-width:1146px) {
.show .popup {top: -115px;}
}



@media screen and (max-width: 800px) {
#collection .product-detail .detail .left{position:relative;}
.left .popup {position: absolute; margin:0 auto; left:0; right:0;}
.left .box {width:100%}
.left .popup {width:100%; max-width:560px; margin:0 auto;}
.left .popup .content ul li{width: 25%;}
.show .popup {top: 20%;}
#popup2.show .popup, #popup3.show .popup{top: 18.5%;}
#popup4.show .popup{top: 17%;}
#popup5.show .popup{top: 18%;}
#popup6.show .popup{top: 18%;}
#popup8.show .popup{top: 18%;}
.addthis_inline_share_toolbox{padding-bottom:4rem;}
#collection .product-detail .detail .data {background: #fff none repeat scroll 0 0; margin-top:0 ; position: relative; z-index: 99999;}
}
@media screen and (max-width: 700px) {
.show .popup {top: 19%;}
#popup5.show .popup{top: 18%;}
}
@media screen and (max-width: 600px) {
#collection .product-detail .detail .left{position:relative;}
.show .popup {top: 17.3%; position: absolute; margin:0 auto; left:0; right:0;}
.left .popup {max-height:436px;}
#popup5.show .popup{top: 18%;}
#popup2.show .popup, #popup3.show .popup{top: 17%;}
#popup4.show .popup{top: 16%;}
#popup6.show .popup{top: 17%;}
#popup8.show .popup{top: 17%;}
}
@media screen and (max-width: 560px) {
.show .popup {top: 16%;}
#popup2.show .popup, #popup3.show .popup{top: 15%;}
#popup4.show .popup{top: 14%;}
#popup5.show .popup{top: 16.5%;}
#popup6.show .popup{top: 17%;}
#popup7.show .popup{top: 15%;}
#popup8.show .popup{top: 15%;}
}
@media screen and (max-width: 520px) {
.show .popup {top: 15.5%;}
#popup2.show .popup, #popup3.show .popup{top: 13.5%;}
#popup4.show .popup{top: 13%;}
#popup4.show .popup{top: 14%;}
#popup5.show .popup{top: 14.5%;}
#popup7.show .popup{top: 14.5%;}
#popup7.show .popup{top: 13.5%;}
#popup8.show .popup{top: 13.5%;}
}
@media screen and (max-width: 480px) {
.show .popup {top: 13%;}
.popup .content ul li a span{font-size:9px;}
#popup2.show .popup{top: 11.5%;}
#popup3.show .popup{top: 12%;}
#popup4.show .popup{top: 11.7%;}
#popup5.show .popup{top: 11.5%;}
#popup6.show .popup{top: 12%;}
#popup7.show .popup{top: 12%;}
#popup8.show .popup{top: 12%;}
}
@media screen and (max-width: 420px) {
.show .popup {top: 11.5%;}
#popup3.show .popup{top: 11%;}
#popup4.show .popup{top: 10%;}
#popup7.show .popup{top: 10.3%;}
#popup8.show .popup{top: 9.5%;}
}
@media screen and (max-width: 360px) {
.show .popup {top: 11.5%;}
.popup .content h4{font-size: 13px;}
#popup2.show .popup, #popup3.show .popup{top: 11%;}
#popup4.show .popup{top: 10.3%;}
#popup8.show .popup{top: 10.5%;}
}
@media screen and (max-width: 320px) {
.show .popup {top: 10.5%;}
#popup2.show .popup, #popup3.show .popup{top: 10%;}
#popup4.show .popup{top: 9.3%;}
}
*/

/* add hoc code for product PR57 */
.downloadpr57 {
position: relative;
z-index: 99999;
background: #ffffff none repeat scroll 0 0;
display: block;
padding: 8px 0;
border: 1px solid #9f9f9f;
text-align: center;
line-height: 1;
vertical-align: middle;
cursor: pointer;
color: #171717;
text-decoration: none;
transition: all .2s ease-out;
font: normal 16px/1.4 "OpenSans-Light", sans-serif;
-moz-osx-font-smoothing: grayscale;
}
.downloadpr57 img{
vertical-align: middle;
margin-right: 10px;
}