body{margin:0;font-family:"Helvetica Neue",Helvetica,"Open Sans",Arial,sans-serif;color:#333}@media (min-width:800px){body{background-color:#e7e7e7;padding:0}}#fork-me{position:absolute;top:0;right:0;border:0}#fork-me img{width:100px;border:0}@media (min-width:800px){#fork-me img{width:auto}}.info,.notice{margin-bottom:10px;padding:5px 8px;border:2px solid transparent;font-size:14px;line-height:18px;text-align:left}.notice{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}#content{padding: 10px 15px;width:100%;max-width:800px;background-color:#fff;}@media (min-width:800px){#content{width:90%;margin:20px auto;padding:20px 40px 40px;-webkit-box-shadow:0 0 20px 0 #999;-moz-box-shadow:0 0 20px 0 #999;box-shadow:0 0 20px 0 #999}}
h1{border-bottom: 1px solid #505050;font-size:22px;margin-bottom:30px}h1 a{text-decoration:none;color:#333}h1 a:hover{text-decoration:underline}
h2{border-bottom: 0px solid #505050;font-size: 1.2rem;margin-bottom:30px}h1 a{text-decoration:none;color:#333}h1 a:hover{text-decoration:underline}
.frame{border: 1px solid #000000;
    padding: 2px;
    margin: 5px 50px;
    background: #ffffff;}.frame>img{display:block;width:100%}#controls{margin-top: 0px;background-color:#1b1b1b;text-align:center}#controls a{display:inline-block;padding:0 3%;height:50px;line-height:50px;font-size:20px;font-weight:300;color:#888}#controls a:hover{color:#fff;text-decoration:none}#data{display:inline-block;list-style:none;padding:0;margin:40px 0 0;text-align:left}#data .column{display:inline-block;margin:0 15px}#data li{margin-bottom:10px;font-weight:700}#data span{display:inline-block;font-weight:400}.hidden{display:none!important} 
#canvas {border: 1px solid #363636;padding: 2px; }
.cropper-bg {
     background-image: url(/img/transback3.gif);
    border-top: 1px solid #9e9e9e;
    border-left: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    border-bottom: 1px solid #343a40;
	}


/*CUSTOM CSS */


.hr-text {
line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: #bdbdbd;
    text-align: center;
    height: 1.5em;
    opacity: 1;
    margin: 10px 0px;
    font-size: 12px;
}
.hr-text:before {
content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    opacity: 0.5;
    background: #c3c3c3;
}
 .hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #464646;
    background-color: #f9f9f9;
    border: 0px solid #dadada;
    border-radius: 2px;
}
.ptag{
	font-size: 13px;
    color: #797979;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 11px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
  background-image: linear-gradient(to bottom, #d7d7d7 0%, #c0c0c0 100%);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%; 
  background: #007bff;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 15px;
  border-radius: 50%;
  background: #007bff;
  cursor: pointer;
}