.hovereffect {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-bottom: 10px;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    transition:  all .3s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);

}
.hovereffect img {
    display: block;
    position: relative;
    width: 100%;
}
.hovereffect h2 {
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    /*padding: 0 10px 10px 10px;*/
}
.substancelogo{
  display: block;
  margin:0px auto;
}
.panel.panel-default.top30{
  position: relative;

}
.modal{
  transform: translate(-50%,-115%) ;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  /* left: 50% !important; */

}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield;}
select:required:invalid{color:#bebebe}option[value=""][disabled]{display:none}option{color:black !important;}
select:required:invalid { color: #bebebe; }
.bglg { background: #f2f2f2 !important; }
.breadcrumb { background: transparent !important; padding-top: 15px; }
.breadcrumb a, .breadcrumb a:visited { color: #000; }
.PathSeparator { padding-left: 10px; padding-right: 10px; color: #ccc; }
.green { color: #016450 !important; }
.red   { color: #a94442 !important; }
.muted { color: #777 !important; }
.normal { font-weight: normal !important;}
.textleft { text-align: left !important; }
h2 { margin-bottom: 25px !important; }
h3.orangetext { font-size: 26px; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font20 { font-size: 20px !important; }
.font30 { font-size: 30px !important; }
.font40 { font-size: 40px !important; }
.bot5 { margin-bottom: 5px; }
.bot10 { margin-bottom: 10px; }
.bot15 { margin-bottom: 15px; }
.bot25 { margin-bottom: 25px; }
.bot30 { margin-bottom: 30px; }
.bot35 { margin-bottom: 35px; }
.bot50 { margin-bottom: 50px; }
.top0 { margin-top: 0px; }
.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top15 { margin-top: 15px; }
.top20 { margin-top: 20px; }
.top25 { margin-top: 25px; }
.top30 { margin-top: 30px; }
.top35 { margin-top: 35px; }
.top50 { margin-top: 50px; }
.pad15 { padding: 15px !important; }
.padtop0 { padding-top: 0 !important; }
.padbot0 { padding-bottom: 0 !important; }
.pad15 { padding: 15px; }
.pad10 { padding: 10px; }
.grey { background: #f2f2f2;  }
.grey h2 { margin: 30px 0 15px 20px; }
.grey a { clear: both; margin: 10px 0 10px 20px; }
.grey p { margin: 0 0 15px 20px; }
label { padding-left: 8px; font-size: 14px !important; font-weight: 300;  }
.mask { display: none; }
.hand { cursor: pointer !important; }
.panel-default>.panel-heading { background:#079978;background-image: linear-gradient(to bottom,#079978 0,#03644E 100%); color: #fff; }
.panel-body { background: #f2f2f2; }
.btn-lg { font-size: 16px; }
.newuserbtn { width: 220px; }
.newuserbtn:hover { background: #fff; }
.dropshadow { box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f6fffc inset !important; }
tr.pagination:parent { margin: 10px auto; text-align: center; }
tr.pagination td table { margin: 10px 0 10px 5px; }
tr.pagination { background: #fff; margin: 0 auto; border: 0; text-align: center; width: 100% !important; display:table-row;  }
tr.pagination>td>table>tbody>tr>td>span { margin-right: 5px; padding: 6px 10px; border: 1px solid #ccc; background: #f2f2f2; }
tr.pagination>td>table>tbody>tr>td>a { margin-right: 5px; padding: 6px 10px; border: 1px solid #ccc; background: #fff; }
.hand { cursor: pointer; cursor: hand; }
.placeholder{color: #ccc;}
.placeholderdone {color:#000;}
select option:first-child{color: grey; display: none;}
select option{color: #555;}
input[type=checkbox] { width: 15px; height: 15px; }
.btn-custom{-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;box-shadow:inset 0px 1px 0px 0px #9acc85;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#45806e),color-stop(1,#2a6553));background:-moz-linear-gradient(top,#45806e 5%,#2a6553 100%);background:-webkit-linear-gradient(top,#45806e 5%,#2a6553 100%);background:-o-linear-gradient(top,#45806e 5%,#2a6553 100%);background:-ms-linear-gradient(top,#45806e 5%,#2a6553 100%);background:linear-gradient(to bottom,#45806e 5%,#2a6553 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45806e',endColorstr='#2a6553',GradientType=0);background-color:#377260;width:100%;color:#fff !important;text-shadow:0 -1px 0 rgba(0,0,0,0.23);-webkit-font-smoothing:antialiased;border-radius:5px; }
a.btn-custom:hover,.btn-custom:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#2a6553),color-stop(1,#2a6553));background:-moz-linear-gradient(top,#2a6553 5%,#2a6553 100%);background:-webkit-linear-gradient(top,#2a6553 5%,#2a6553 100%);background:-o-linear-gradient(top,#2a6553 5%,#2a6553 100%);background:-ms-linear-gradient(top,#2a6553 5%,#2a6553 100%);background:linear-gradient(to bottom,#2a6553 5%,#2a6553 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a6553',endColorstr='#2a6553',GradientType=0);background-color:#2a6553; }
h1 { padding-top: 0 !important; }
.ghdr { text-transform: uppercase; letter-spacing: 0.5px; font: bold 24px arial,sans-serif !important; font-weight: 500 !important; }
.centerdiv { margin: 0 auto; text-align: center !important; }
.centerdiv h1, .centerdiv h2, .centerdiv h3 { text-align: center; }
.centerdiv h3 { color: #333; }
p.lead { font-size: 18px; text-align: center; padding: 10px 30px; }
.pdbgdgreen { background: #006a52; color: #fff !important; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; }
.pdbglgreen { background: #60c5b7; color: #fff !important; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; }
.pdbglgreen2 { background: #279184; color: #fff !important; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; }
.pdbgorange { background: #e97425; color: #fff !important; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; }
.pdbglgreen2 img, .pdbgdgreen img, .pdbglgreen img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.imgcurve { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
h1.h1span { background: #e97425; color: #fff !important; padding: 10px 5px 10px 5px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 0; margin-bottom: 20px; text-align: center; font-size: 38px !important; }
h1.yugggeeeee { margin: 0 0 20px 0; padding: 0 0 20px 0 !important; font-size: 60px; border-bottom: 3px solid #f2f2f2; }
output.dollaramount { display: inline-block; font: bold 60px arial,sans-serif !important; color: #fff; }
.centerdiv h1.bot0 { margin-bottom: 0 !important; }
.centerdiv h2 { margin-bottom: 10px !important;  }
.centerdiv h2 big { font-weight: bold; font-size: 32px !important; }
.centerdiv h2 span.badge { font-size: 30px; padding: 5px 10px !important; border: 1px solid #ccc; background: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.centerdiv h3 span.badge { font-size: 30px; padding: 5px 10px !important; border: 1px solid #ccc; background: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.centerdiv h4 span.badge { font-size: 30px; padding: 5px 10px !important; border: 1px solid #ccc; background: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.centerdiv h4 { font-weight: bold !important; margin-top: 20px; }
h3.white { color: #fff !important; }
.padlr { padding-left: 15px; padding-right: 15px; }
.padlrmain { padding-left: 30px; padding-right: 30px; }
.orange { background: #e97425; }
.orangetext { color: #e97425 !important; }
.blacktext { color: #333; }
.lgreentext { color: #60c5b7; }
.uppercase { text-transform: uppercase; }
.textright { text-align: right !important; }
.whiteinner { background: #fff; padding: 8px; margin: 2px; color: #333; border-radius: 2px; }
.btn-orange { background: #e97425; color: #fff !important; padding-left: 8px; padding-right: 8px; }
.btn-orange:hover { background: #c65000; }
/* range slider */
.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #efefef;
  position: relative;
}

.rangeslider--horizontal {
  height: 20px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #00d614;
    background: -webkit-linear-gradient(left, #ce0000, #00d614) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ce0000, #00d614) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ce0000, #00d614) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ce0000 , #00d614) !important; /* Standard syntax (must be last) */
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.rangeslider__handle:active { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12)); }
.rangeslider--horizontal .rangeslider__handle { top: -10px; touch-action: pan-y; -ms-touch-action: pan-y; }
.rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; }
input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); }

@media only screen and (max-device-width: 480px) {
h1.yugggeeeee { margin: 0 0 20px 0; padding: 0 0 20px 0 !important; font-size: 35px !important; border-bottom: 3px solid #f2f2f2; }
output.dollaramount { display: inline-block; font: bold 35px arial,sans-serif !important; text-overflow: initial; color: #fff; }
h1.h1span { font-size: 32px !important; }
}

.btn-select{
  width: auto;
  margin-bottom: 20px;
}
#tab100{
  float:right;
}
li.active a {
  background: #03644E !important;
  color: #fff !important;
}
@media all and (max-width : 430px) {
 #tab100{
   float:left !important;
 }
 .resultTabs > li{
    width:100%

 }
}

.modal-open .modal{
  position: absolute !important;
  left:50% !important;
}

.modal.sample{
  left: 14% !important;
  transform:none !important;
}
#intro{
  /* left:-21% !important; */ 
}
h2.sizer{
  height:70px;
}
.fixh h2{
  height:70px;
}

@media only screen and (max-device-width: 480px) {
  .modal-open .modal{
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    right: 0 !important;
    bottom:0 !important;
  }
  .modal.sample{
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    right: 0 !important;
    bottom:0 !important;
    width: 100%;
    top:0 !important;
  }
  #intro{
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    right: 0 !important;
    bottom:0 !important;
    width: 90% !important;
    height: 60% !important;    

  }
}
#state666 .hider{display: none;}
.addStateButt{
  margin-bottom: 20px;
  padding: 10px;
  margin: 0px auto;
  display: block;
}