body{
	margin:0;
	padding:0;
	
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.torrologo{
	margin-top:3%;
	padding:3% 0;
	height:68px;
	width:256px;
	display:block;
	background:url(/asv1/img/torro-business-funding.png) top left no-repeat;
}
.torrologo span{
	display:none;
}
.colright{
	padding-top:2%;
	list-style:none;
	font-family: 'Lato', sans-serif;
	font-size:20px;
	font-weight:700;
	color:#777;
}
.colright i{
	color:#B6CC85;
}
.colright li{
	display:inline-block;
	
}

.colright li.m{
	margin-left:6%;
	
}
.topcon{
	padding:0;
}
.navbar{
	padding:0;
}
.navbar-light{
	background-color:#f0f0f0 !important;
}
.navbar-expand-md .navbar-nav .nav-link {

    padding: 1rem 1.5rem;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:700;
	text-transform:capitalize;
	border-top:3px solid #f0f0f0; 
}
.navbar-expand-md .navbar-nav .nav-link:hover{
	background-color:#fff;
	border-top:3px solid #99CA42;
}
.accountl {
	display:block;
	background-color:#99CA42;
	padding: 0.5rem 0.5rem;
}
.accountl .nav-link{
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:700;
	color:#fff;
	text-transform:capitalize;
	border-top:3px solid #99CA42; 
}
h1{
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:62px;
	font-weight:700;
	text-align:Center;
}
h1 span{
	display:block;
	font-size:52px;
	font-weight:500;
}
h2{
color:#99CA42;
	font-family: 'Lato', sans-serif;
	font-size:50px;
	font-weight:700;	
}
h3{
color:#99CA42;
	font-family: 'Lato', sans-serif;
	font-size:33px;
	font-weight:700;	
}
.btn{
	border-radius:0px;
}
section#splash h1{
	padding-top:4%;
}
section#splash{
	height:450px;
	background:url(/asv1/img/small-business-funding.jpg) bottom center no-repeat;
	background-size:cover;
}

#mainpad{
	padding:3% 5% 2% 5%;
}

.getfundingoptions{
	margin-top:3%;
	padding-bottom:5%;
}
.claimbutton{
	padding: 0.7rem 2rem
}
.btn-warning {
    color: #fff;
    background-color: #FF9900;
    border-color: #FF9900;
	padding: 0.7rem 2rem
}
.btn-warning:hover {
    color: #212529;
    background-color: #FF9933;
    border-color: #FF9900;
}
.hrow{
	height:450px;
}
.greencol{
	background:url(/asv1/img/funding-amount-background.png) top left no-repeat;
	background-size:cover;
}
.sliderbox{
	width:100%;
	padding:9%;
	text-align:center;
	margin-top:8%;
}
.loan-slider span,.loan-slider span output{
	display:inline; margin-top:1%;  text-align:center;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:62px !important;
	font-weight:700;
	
}
.ltradioselect{
	padding:12% 0;
}
.careerheader{
	background:url(/asv1/img/career1.jpg) top center no-repeat;
	background-size:cover;
	height:563px;
	text-align:center;
}
.careerheader h2{
	padding-top:20%;
	font-size:42px;
	color:#fff;
	text-shadow: #000 1px 0 8px;
}
.careerheader h3{
	text-shadow: #000 1px 0 8px;
}

.careerheader h4 a{
	text-shadow: #000 1px 0 8px;
}
.careerheader span{
	display:block;
}

.workattorro{
	margin-top:4%;
}
.companyvision{
	margin-top:5%;
	padding-left:4%;
	padding-right:4%;
}
.companyvisionli{
	margin-top:3%;
	border:0px solid #000;
	padding-left:10%;
	padding-right:4%;
}
.plrp{
	padding-top:0%;
	padding-left:8%;
	padding-right:8%;
}
.itemrow{
	margin-bottom:4%;
}
.curp{
	margin-top:4%;
	margin-bottom:3%;
}
.jobpad h4{
	font-weight:700;
}
.jobpad h6{
	color:#555;
	font-style:italic;
}

.whitesubcol{
	padding:5% 5% 3% 5%;
	min-height:500px;
}
.greysubcol{
	padding-top:3%;
	background-color:#f0f0f0;
}
@media (max-width: 1281px) {
	.navbar-expand-md .navbar-nav .nav-link {
    padding: .75rem 1.5rem;
    
    font-size: 15px;
   
}
.accountl .nav-link {
   
    font-size: 15px;
    
}
	h1{
		    font-size: 48px;
	}
	h1 span{
	display:block;
	font-size:38px;
	font-weight:500;
}
h2{
color:#99CA42;
	font-family: 'Lato', sans-serif;
	font-size:27px;
	font-weight:700;	
}
h3{
color:#99CA42;
	font-family: 'Lato', sans-serif;
	font-size:25px;
	font-weight:700;	
	}
	.loan-slider span, .loan-slider span output {
   
    font-size: 52px !important;
   
	}
	.claimbutton {
        padding: .5rem 1rem;
	}
	.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
	}
	section#splash {
    height: 350px;
	}
	.hrow {
    height: 350px;
	}
	.sliderbox {
    
    margin-top: 4%;
	}
}
@media (max-width: 961px) {
	.navbar-expand-md .navbar-nav .nav-link {
    padding: .75rem .75rem;
    
    font-size: 14px;
   
}
.accountl .nav-link {
   
    font-size: 14px;
    
}
	h1{
		    font-size: 38px;
	}
	h1 span{
	display:block;
	font-size:30px;
	font-weight:500;
}
h2{
color:#99CA42;
	font-family: 'Lato', sans-serif;
	font-size:24px;
	font-weight:700;	
}
h3{
color:#99CA42;
	font-family: 'Lato', sans-serif;
	font-size:21px;
	font-weight:700;	
	}
	.loan-slider span, .loan-slider span output {
   
    font-size: 42px !important;
   
	}
	.claimbutton {
        padding: .3rem .35rem;
	}
	.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
	}
	section#splash {
    height: 300px;
	}
	.hrow {
    height: 300px;
	}
	.sliderbox {
    
    margin-top: 4%;
	}
	
	.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: .85rem !important;
    line-height: 1.5;
   
   
}
}
.clearfix{
	clear:both;
}
@media (max-width: 415px) {
	.mainhead{
		text-align:center !important;
	}
	.torrologo {
    margin: 3% auto 0 auto;
	}
	.mainhead .float-right,.mainhead  .text-right{
		float:none !important;
		text-align:center !important;
	}
	.colright li.m {
    margin-left: 3%;
	margin-right: 3%;
}
	.navbar {
    margin-left: 15px;
	margin-right: 15px;
	padding:10px;
}
.accountl{
	float:left !important;
}
	section#splash {
    height: 560px;
	background-image:none;
	background-color:#666766;
	}
	
	.hrow{
		height:560px;
	}
	.hrow .col-md-8{
    height: 180px;
	border:0px solid #000;
	}
	.hrow .col-md-4{
    height: 380px;
	border:0px solid #000;
	
	}
	.greencol{
		background-image:none;
		background-color:#99CA42;
		margin-left:15px;
		margin-right:15px;
	}
	
}
hr{
	margin-top:3%;
	height:1px;
	color:#d5d5d5;
}
.bblock{
	max-width:40%;
}
#twosquaretop img, #twosquarebottom img{
	max-width:25%;
}
#twosquaretop .left,#twosquarebottom .left{
	box-shadow: inset -1px 0 0 0 #d5d5d5;
}
#twosquaretop .left, #twosquarebottom .left{
	padding-right:3%;
	
}
#twosquaretop .right, #twosquarebottom .right{
	
	padding-left:5%;
}
#twosquarebottom .left img{
	margin-left:10%;
}
img.fas{
	max-width:35%!important;
}
#twosquaretop, #twosquarebottom{
	margin-top:3%;
}
#twosquaretop p, #twosquarebottom p{
	font-family: 'Lato', sans-serif;
	font-size:18px !important;
	font-weight:500;
}

@media (max-width: 961px) {
	#twosquaretop{
		clear:both;
	}
}
@media (max-width: 1025px) {
	
	.bblock {
    max-width: 50%;
}
}
@media (max-width: 961px) {
	hr.hp{
		display:none;
	}
	#twosquaretop .left,#twosquaretop .right,#twosquarebottom .left,#twosquarebottom .right{
		text-align:center;
		padding-top:7%;
	}
	#twosquaretop img.float-right,#twosquarebottom img.float-right{
		float:none !important;
		margin:0;
	}
	#twosquaretop h3,#twosquarebottom  h3{
		font-size:25px;
		padding:5% 0;
	}
	#twosquaretop .left,#twosquarebottom .left{
	box-shadow: inset 0px 0 0 0 #d5d5d5;
}
	.bblock {
		margin:3% auto 6% auto;
    max-width: 70%;
}
}
#subheader{
	background:url(/asv1/img/torro-background.png) top center no-repeat;
	background-size:cover;
	padding:1.5% 0;
	
}
#subheader h2{
	font-family: 'Lato', sans-serif;
	font-size:50px !important;
	font-weight:700;
	color:#fff;
}

#grey{
	background-color:#f9f9f9;
	padding:2% 0 0 0;
}
.subcol{
	padding:0;
}
img.rcorner{
	position:absolute;
	top:0;
	right:0;
}
.whitecon{
	background-color:#fff;	
	
}
.ppad{
	padding:4% 6%;
}

.ppad h2{
	font-family: 'Lato', sans-serif;
	font-size:45px !important;
	font-weight:700;
	color:#99CA42;
	padding:0 3% 3% 3%;
	
}
.ppad h2.smb{
	padding:0 0% 3% 0%;
}
.ppad h2.nbc{
	padding:0 6% 4% 0%;
}

.ppad h4{
	font-family: 'Lato', sans-serif;
	font-size:21px !important;
	font-weight:700;
	color:#000;
	padding-bottom:3%;
}
.ppad h5{
	font-family: 'Lato', sans-serif;
	font-size:29px !important;
	font-weight:700;
	color:#99CA42;
	margin-top:3%;
	padding-bottom:1%;
}

img.corner{
	position:absolute;
	right:0;
	top:0;
}
.crow{
	margin-top:4%;
	padding-bottom:4%;
	padding-left:4%;
	padding-right:4%;
	
}
.crow p,.bf p{
	font-size:20px;
	font-weight:400;
	line-height:1.7;
}
.cardrow{
	margin-top:3%;
}
@media (max-width: 961px) {
	#subheader{
		margin-left: 15px;
	margin-right: 15px;
	}
	#grey {
    background-color: #f9f9f9;
    padding: 2% 15px;
    margin-left: 15px;
	margin-right: 15px;
}

	#subheader h2{
		font-size: 30px !important;
	}
	.rcorner{
		display:none;
	}
	.ppad h2 {
   
    font-size: 34px !important;
    
    padding: 0 1% 3% 1%;
}
}

@media (max-width: 415px) {
	img.img-thumbnail{
		float:none !important;
		margin:0 auto 7% auto!important;
		max-width:100%!important;
	}
	
	h2.text-left{
		text-align:center !important;
	}
	.ppad{
		text-align:center !important;
	}
	.ppad img{
		max-width:100%;
	}
	.ppad .subimg img{
		max-width:50%;
	}
	
	.crow p, .bf p {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
}
.cardrow div.col-sm-3{
	margin-top:4%;
}
}
.subleft{
	padding-right:5%;
}
.subright{
	padding-left:5%;
}
.nopadding{
	padding-bottom:0 !important;
}
#tpilot{
	margin:3% 0 0 0 ;
	padding:1% 0 6% 0;
	background-color:#99CA42;
	color:#fff;
	/*background:#99CA42 url(../img/tb.png) top center no-repeat;*/
	background-size:cover;
}
#tpilot h4{
	padding:4% 0 3% 0;
	font-family: 'Lato', sans-serif;
	font-size:38px !important;
	font-weight:700;
	color:#fff;
}
.tp-widget-review .header {
	font-size: 16px;
	color: #fff !important;
}

.contactleft{
	box-shadow: inset -1px 0 0 0 #d5d5d5;
	padding:0 4% 2% 4%;
}
.contactright{
	padding:0 4% 2% 4%;
}
.contactright p{
	padding:0;
	margin:0;
	font-size:17px;
}
.contactleft h6,.contactright h6{
	text-align:center;
	padding-bottom:3%;
}
.contactleft span{
	display:block;
}
.contactleft h4,.contactright h4{
	font-family: 'Lato', sans-serif;
	font-size: 19px !important;
	font-weight: 500!important;
	color: #99CA42!important;
	padding: 0% 0 1% 0 !important;
	margin: 0% !important;
}
.contactleft h5, .contactright h5{
font-family: 'Lato', sans-serif;
font-size: 17px !important;
font-weight: 500!important;
color: #000!important;
margin: 0% !important;
padding: 0% !important;
}
.contactwrap{
	padding:1% 0 5% 0%;
	margin-bottom:3%;
	border-bottom:0px solid #d5d5d5;
}
.noborder{
	border-bottom:0px solid #d5d5d5;
}
.contactright{
	
}
.contactbox{
padding:4%;
	margin:0 auto;
	background-color:#f9f9f9;
}
#cs_message {
    width: 100%;
    height: 100%;
}
.formbuttonwrap{
	margin:0 auto;
	max-width:450px;
}
@media (max-width: 961px) {
	#tpilot h4{
		font-size: 27px !important;
	}
}
#gb{
	background-color:#f0f0f0;
	padding:3% 0 5% 0;
}
.torrologosmall{
	margin-top:9%;
	padding:3% 0;
	height:49px;
	width:182px;
	display:block;
	background:url(/asv1/img/torro-logo-small.png) top left no-repeat;
}
.torrologosmall span{
	display:none;
}
.seeoptionhead{
	max-width:739px;
}
.soh{
	padding-bottom:2%;
}
.soh .colright{
	padding-top:4%;
}
.soh .colright ul li, .soh .colright ul li a{
	font-size:17px;
	font-weight:400;
}
#seeoption{
	background:url(/asv1/img/funding-background.jpg) top left no-repeat;
	background-size:contain;
	margin:0 auto;
	max-width:739px;
	height:492px;
}
.so{
	max-width:65%;
	margin-top:2%;
}

#partneroption{
	background-color:#fff;
	margin:0 auto;
	
	
}
#partneroption .porow{
	margin:0;
}

#partneroption .poleft{
	padding:3% 0;
	background-color:#99CA42;
}
#partneroption .partnerlogo{
	text-align:center;
}
#partneroption .poleft h2{
	font-size:28px;
	color:#fff !important;
	text-align:center;
}
#partneroption .poleft .ntab{
	padding-top:5%;
}
#partneroption .nav-pills .nav-link.active, #partneroption .nav-pills .show > .nav-link{
	border-radius:0;
	color:#fff;
}
#partneroption .nav-pills a{
	color:#fff;
}
#partneroption .nav-pills a:hover{
	color:#007bff;
}
#partneroption .poright{
	
}
#partneroption .poright img.arl{
	position:absolute;
	left:0;
	top:7%;
}

#partneroption .poright .boxcontent{
	padding:7%;
}
#partneroption .poright h3{
	margin-top:5%;
}
#partneroption .poright p{
	
}
#partneroption .poright ul.pul{
	list-style-image: url('../img/li.png');
	padding:0% 0 0 0; margin: 0 0 0 10%;
}
#partneroption .poright ul.sp{
	margin-top:8%;
	font-size:17px;
}
#partneroption .poright ul.pul li{
	margin-bottom:4%;
}

#partneroption h4{
	text-align:center;
	
}
#partneroption .partnerenroll btn{
	border-radius:0;
}

.partnerenroll{
	padding:4%;
	text-align:center;
}
@media (max-width: 415px) {
	.torrologosmall{
		
		margin:0 auto !important;
	}
	#seeoption {
   
    height: 292px;
}
	.seeoptionhead .soh .colright ul.float-right{
	float:none !important;
	text-align:center!important;	
	}
	.seeoptionhead .sliderbox {
    width: 100%;
    padding: 2%;
    text-align: center;
    margin-top: 2%;
}
.seeoptionhead .loan-slider span, .seeoptionhead .loan-slider span output {
    font-size: 32px !important;
}
.seeoptionhead .ltradioselect {
    padding: 5% 0;
}
#gb footer .footlogo img {
    max-width: 40%;
}
}
footer{
	background-color:#f0f0f0;
	padding:3% 0 5% 0;
	
}
.seeoptionhead footer{
	background-color:#f0f0f0!important;
	padding:3% 0 5% 0;
	
}

footer .footlogo{
	padding-bottom:3%;
}
.seeoptionhead footer .footlogo img{
	max-width:20%;
}

footer .footernav .nav-link{
	

    padding: 0rem 3rem;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:700;
	text-transform:capitalize;
	color:#555;
	border-bottom:3px solid  #f0f0f0;
}
footer .footernav .nav-link:hover{
	border-bottom:3px solid  #99CA42;
}

.seeoptionhead footer .footernav .nav-link{
	

    padding: 0rem 1rem;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:400;
	text-transform:capitalize;
	color:#555;
	border-bottom:3px solid  #f0f0f0;
}
.seeoptionhead footer .footernav .nav-link:hover{
	border-bottom:3px solid  #99CA42;
}
@media (max-width: 961px) {
	footer .footernav{
		display:none;
	}
}
footer span{
	display:block;
}

footer .disclaim{
	padding:2% 6%;
}
.modal-header .close {
    padding: 0;
    margin: -1rem -1rem -1rem 0;
	float:right;
}
.sliderbox2{
	margin:0 auto;
	padding:0;
	width: 80%;
}
#claimyours h4{
font-size:19px;
font-weight:700;
color:#666;
text-align:center;
}
#claimyours  .loan-slider{
	text-align:center;
}
#claimyours .loan-slider output{
	
}
#claimyours  .ltradioselect{
	text-align:center;
	padding:4% 0;
}
#claimyours  .loan-slider span,#claimyours .loan-slider output {
    font-size: 40px;
    font-weight: bold;
	color: #99CA42;
  
    font-weight: 900;
}
#claimyours .modal-body{
	padding:0 5%;
}
#claimyours  .rangeslider, #claimyours  .rangeslider__fill{
	width:100%;
}
.customer-reviews-header{
background:url(/public/uploads/testimonial-header-background.jpg) top left no-repeat;
	background-size:cover;
	padding-top:2%;
	padding-bottom:5%;
	height:402px;
	padding-left:0%;

}
@media (max-width: 1025px) {

.customer-reviews-header{
background:url(/public/uploads/testimonial-header-background.jpg) top left no-repeat;
	background-size:contain;

	height:310px;
	padding-left:0%;
}

}
.customer-reviews-header .regular-button {
    text-align: left;
    width: 216px;
    margin:22% 0 0px 0;
}


.header-loan-select {
    text-align: left;
    width: 150px;
    margin: 2% auto 0px;
}
.featured-reviews{

background:url(/public/uploads/grain-background.png) top left repeat-x;

	padding-top:3%;
	padding-bottom:3%;
}

.customer-reviews-content{
background-color:transparent;	
}

.customer-reviews-content h2{
		color: #000;
    font: 700 2.7em/40px lato,Montserrat,sans-serif;
    text-transform: capitalize;
    margin: 0 0px 1%;
    text-align: center;
}

.customer-reviews-content h3{
		color: #000;
    font: 700 2.3em/30px lato,Montserrat,sans-serif;
    text-transform: capitalize;
    margin: 4.3% 0px 1%;
    text-align: center;
}

.customer-reviews-content p{
text-align: center;
padding: 0px 5%;
font-size: 1.4em;
margin-bottom: 2%;
}
.featured-people{
text-align:center;	
}
.featured-people h3{
	margin: 4% 0 0 0;
font-size:1.5em;
	padding:0px;
}

.featured-people p{
text-align: center;
padding: 0px 0;
font-size: 0.9em;
margin-bottom: 2%;
}

.featured-people span{
font-weight:700;
	font-style:italic;
}

@media (max-width: 801px) {

.customer-reviews-header{
height:250px;
}
.customer-reviews-content h2 {
    color: #000;
    font: 700 2.0em/30px lato,Montserrat,sans-serif;
	
	}

.featured-reviews{

background-image:none;

}

.main-reviews-box p,.featured-people p{
margin:0 auto;
max-width:350px;;
}


}
@media (max-width: 604px) {

.customer-reviews-header {
    height: 190px;
}
.main-reviews-section img{
max-width:50%;
}
}
.main-reviews-section h3{
		color: #000;
    font: 700 2.3em/40px lato,Montserrat,sans-serif;
    text-transform: capitalize;
    margin: 4.3% 0px 4%;
    text-align: center;
}
.main-reviews-box{
text-align:center;
	margin-bottom:3%;
}
.main-reviews-box h3{
	margin: 2% 0 0 0;
font-size:1.5em;
	padding:0px;
}


@media (max-width: 801px) {

.main-reviews-section h3{
		color: #000;
    font: 700 2.0em/30px lato,Montserrat,sans-serif;
    text-transform: capitalize;
    margin: 4.3% 0px 4%;
    text-align: center;
	}
		.main-reviews-box h3{
		font: 700 1.6em/25px lato,Montserrat,sans-serif;
		margin: 4.3% 0px 1%;
		}	
	}
	
@media (max-width: 415px) {
.customer-reviews-header {
    height: 140px;
}
}	

@media (max-width: 415px) {
.customer-reviews-header {
    height: 110px;
}
}
.main-reviews-box p{
text-align: center;
padding: 0px 0;
font-size: 0.9em;
margin-bottom: 2%;
}

.main-reviews-box span{
font-weight:700;
	font-style:italic;
}


#claimyours .rangeslider, #claimyours .rangeslider__fill {
    width: 100%;

}

.rangeslider {

    position: relative;

}

.rangeslider,
.rangeslider__fill {
  background: #e6e6e6;
  display: block;
  height: 20px;
  width: 100%;
  -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 {
  position: relative;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #0099CC;
  position: absolute;
  top: 0;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -10px;
  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));
}

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);
}