/* DETAIL  ------------------- */
#detail-wrapper{width:355px;padding:0;display:block;overflow:hidden;position:absolute;left:-390px;top:0;height:100%;z-index:80;transition:left .5s;box-shadow:0 0 15px 0 rgba(0,0,0,0.3);background-color:white;}
.investment-heading{display:block;width:100%;margin:0;padding:22px;background-color:#d31818;color:white;font-size: 1.28571rem;line-height:inherit;font-weight:bold; text-align:center;}

.gold .investment-heading{background-color:#b7b91c;background-color:#ffc200; color:#3f4d5d;}
.silver .investment-heading{background-color:#9fa4a8;}
.bronze .investment-heading{background-color:#b18653;}
.gold .investment-content h4{color:#b7b91c;}
.silver .investment-content h4{color:#9fa4a8;}
.bronze .investment-content h4{color:#b18653;}

.investment-content{padding:22px;line-height:1.35;}
.investment-content h2{color:#D31818;font-size:14px;font-weight:500;margin:0 0 10px 0;}
.investment-info{display:block;padding:0;}
.investment-info li{list-style-type:none;border-bottom:1px solid #ddd;font-size:13px;font-weight:400;padding:2px 0;}
.investment-info .fa{display:inline-block;width:15px;text-align:center;}
#detail-wrapper .detail-gallery{overflow:auto;}
.investment-content h4{/*color:#D31818;font-size:14px;font-weight:300;*/margin:20px 0 5px 0px;text-transform:uppercase;}
.investment-content p{/*font-size: 1.14286rem;*/ font-size:1.28571rem; text-align:center; font-weight:normal; }
.investment-content p strong{/*font-size: 1.14286rem;*/ font-weight:800; }
.investment-content .note{font-size:12px; color:#999;}
#detail-wrapper .gallery-thumb{background-color:#eee;display:block;overflow:hidden;float:left;padding:0;margin:0 10px 10px 0;}
#detail-wrapper .gallery-thumb img{border:1px solid #ddd;display:block;width:80px; height:60px;}
.detail-close{position:absolute;z-index:1010;top:40px;left:-50px;display:block;width:35px;height:35px;padding:8px;background-color:white;transition:left .5s;cursor:pointer;border:0;box-shadow:4px 0 10px -2px rgba(0,0,0,0.3);}
.detail-close span{display:block;position:absolute;height:2px;width:60%;background-color:black;border-radius:1px;opacity:1;left:20%;top:16px;transition:1s ease-in-out;}
.detail-close.open span:nth-child(1){-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.detail-close span:nth-child(1){-ms-transform:rotate(-225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);}
.detail-close.open span:nth-child(2){-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.detail-close span:nth-child(2){-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.li{width:100%;overflow:auto;padding:6px 0;}
.li .fa{display:block;float:left;width:10%;text-align:center;}
.li .li-text{display:block;float:left;width:90%;}