/*before-after gallery*/
.gallery { margin: 35px 0 50px 0; padding: 0 170px 0 204px; }
.gallery img { vertical-align: middle;}
#beforeAfter { width: 100%; /*max-width: 800px; */ margin: 0 auto; position: relative; overflow: hidden; }
#beforeAfter .slider { width: 490px; top: 0.563em; margin: 0 auto; }
#beforeAfter ul, #beforeAfter li { margin: 0; padding: 0; }
#beforeAfter ul { display: table; padding: 0; }
#beforeAfter li { display: none; list-style: none; }
#beforeAfter .active-image { display: block; }
#beforeAfter .active-image { width: 80%; height: 100%; }
#beforeAfter .instruction { cursor: pointer; }
#beforeAfter .controls { position: absolute; width: 100%; top: 50%; }
#beforeAfter .controls .prev, #beforeAfter .controls .next { color: #009fe0; cursor: pointer; }
#beforeAfter .controls .prev { float: left; background: url(/static/asp/images/arrows.png) no-repeat 0 0; width: 30px; height: 30px; opacity: 0.7; }
#beforeAfter .controls .next { float: right; background: url(/static/asp/images/arrows.png) no-repeat -30px 0; width: 30px; height: 30px; opacity: 0.7; }
#beforeAfter .controls .prev:hover, #beforeAfter .controls .next:hover { opacity: 0.3; }
.slider { padding: 0; position: relative; }
.slider .right.image { position: absolute; z-index: 1; top: 0; left: 0; }
.slider .left.image { position: relative; z-index: 2; border-right: 0.188em solid #009fe0; margin-right: -0.313em; height: auto; overflow: hidden; }
.slider .instruction { position: absolute; top: 50%; z-index: 1000; width: 100% }
.slider .instruction p { margin-left: 45%; background: #009fe0; display: inline; padding: 0 10px 5px; font-size: 2em; text-transform: uppercase; color: #fff !important; }
.slider .label { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; bottom: 7px; color: #fff; font-size: 110%; font-weight: normal; padding: 0.3em 1em; position: absolute; }
.before { bottom: 7px; position: absolute; right: 0; }
.label { border-radius: 0.25em; color: #fff; display: inline; font-size: 75%; font-weight: bold; line-height: 1; padding: 0.2em 0.6em 0.3em; text-align: center; vertical-align: baseline; white-space: nowrap; }
.effect { display: inline-table; font-size: 130% !important; left: 0; position: absolute; top: 0; }
.tab-content {padding: 0;}