*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
* {
    outline: none;
}
body {background: #f0f0f0; color: #222; cursor: auto; font-style: normal; margin: 0; padding: 0; font-family: verdana; }
body, html { font-size: 100%; height: 100%; }
.container { margin: auto; padding-left: 15px; padding-right: 15px; max-width: 970px;}
#header {margin: 0 auto !important; } 
#footer, #header {max-width: 940px;} 
#header-region {width: 100%; display: inline-block; text-align: center;}
#header-region > a {display: inline-block; float: left;}
.site-logo {background: rgba(0, 0, 0, 0) url("https://www.businesscfl.com/SmallLogo-e1480959209396.png") no-repeat scroll 0 0; float: left; height: 70px; width: 125px; background-size:100%;}
.site-logo2 {background: rgba(0, 0, 0, 0) url("https://www.businesscfl.com/directlcapital.png") no-repeat scroll 0 0; float: left; height: 55px;  margin: 15px auto; width: 172px; background-size:100%;}
.header-phone { color: #f4581f;float: right; font-size: 25px; font-weight: 700; margin-top: 0;}

#custom-handle span::before {
	content: "";
	position: absolute;
	border-width: 7px;
	border-style: solid;
	border-color: transparent transparent #2c3a8d;
	top: -14px;
	left: 50%;
	margin-left: -3px;
}

.amount-lr {
	margin-top: 40px;
}

.phone-top {/*margin-top: 20px;*/ display: inline-block;font-size: 20px; }
.header-phone a {color: #2C3A8D;font-size: 12px;font-weight: bold;}
#stage {background: rgba(255, 255, 255, 0.85); border: 0 solid #e9e9e9; box-shadow: 0 1px 2px #888; float: none; margin: 50px auto; max-width: 810px; padding: 50px 10px 30px; text-align: center; width: 100%; border-radius: 7px;}
.previous-step { color: #175ba8; display: inline-block; top: 1rem; width: 22px; clear: both;}
.back-text, .next-arrow, .next-step, h2 { color: #175ba8;}
.next-step {float: right;position: relative;top: 0;}
.cls1 h2 {/*margin-bottom: 60px;*/}
.slider_wrp {padding:0 50px; display:block !important; }
#slider{display:block !important; border-radius: 0; background:#ccc;}
#custom-handle {width: 34px; height:34px; border-radius: 50%; top: 50%; margin-top: -16px; display:block !important; color:#24bbd0; background: #2c3a8d; color: #888; border:none;}
#custom-handle span {display: inline-block; font-size: 28px; margin-left: -40px; position: relative; text-align: center; top: -38px;width: 100px;border:none !important;}

#custom-handle span { border: none !important; background: #2c3a8d; top: 45px !important; font-size: 16px !important; color: #fff; border-radius: 5px; padding: 5px 0;}
#custom-handle::after { width: 21px; height: 21px; background: #fff; top: 6px;left: 6px;content: "";display: block;bottom: auto; position: absolute; border-radius: 50%; }
.fullscreen-bg::before {content: "";background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0;z-index: 1; opacity: 0.6; }

.ui-state-default {display:none;}
.error {border: 1px dotted red;}
.debatdiv{text-align:left; padding-left:30%; display:block !important;}
.nextbutton {background: #2c3a8d; border-radius: 5px;color: #fff;display: inline-block; font-size: 16px; text-align: center;text-transform: uppercase;  left:auto; margin: auto; padding: 10px 25px; cursor: pointer;}
.nextbutton.prev {
	background: #3f3f3f;
}
input[type="text"],input[type="email"] {padding: 0 10px 0 20px;width: 100%; border: 1px solid #bbb;}
select {padding: 0 10px 0 20px; width: 100%; border: 1px solid #bbb;}

form > .divs {display: inline-block; width: 100%;} 
textarea {border: 1px solid #bbb; width: 100%;}

.minvalid {float: left; margin-left: 3rem; color:#888; font-size:14px; margin-top:6px; display:block}

.maxvalid { float: right; margin-right: 3rem; color:#888; font-size:14px; margin-top:6px; display:block}

.ui-slider-handle .ui-corner-all .ui-state-default{display:none !important;}

.headingrelief{ font-size:28px; font-weight:normal;}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.cls3 ul li {
    list-style-position: inside;
}
.form-wrap {
	max-width: 450px;
	margin: auto;
	width: 100%;
	text-align: left;
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 6px;
	font-size: 14px;
	background: #fff;
}
.form-wrap input, .form-wrap select, .form-wrap textarea {
	width: 100%;
	padding: 5px 10px;
}
.form-wrap label {
	display: block;
	margin-bottom: 5px;
}

.form-group {
	margin-bottom: 10px;
}
.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media screen and (max-width: 767px) {
	.fullscreen-bg {
		background: url('../img/videoframe.jpg') center center / cover no-repeat;
	}
	
	.minvalid {
		margin-left: 0;
	}
	
	.maxvalid {
		margin-right: 0;
	}
	
	.fullscreen-bg__video {
		/* display: none; */
	}
	#custom-handle span {
		font-size: 13px !important;
		width: 70px;
	}
	.slider_wrp {
		padding: 0 25px;
	}
	#custom-handle span {
		margin-left: -20px;
	}
	.amount-lr {
		margin-top: 30px;
		margin-bottom: 40px;
	}
	.headingrelief {
		font-size: 22px;
		font-weight: normal;
	}
	#stage {
		margin: 30px auto;
	}
	.cls1 h2 {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:480px){
	#header-region {text-align: center;width: 100%;}
	#header-region > a {display: inline-block;width: 100%; text-align: center;}
	.site-logo{float:none; display: inline-block;}
	.site-logo2{float:none; margin-top:0; margin-bottom: 0;}
	.header-phone {width: 100%; margin-top: 10px;}
	.nextbutton {font-size: 13px; line-height: normal;}
}


.progress-bar div span {
    font-family: inherit !important;
    color: #fff !important;
    background-color: rgba(0,0,0,1) !important;
}
.progress-bar {
    margin: 0 auto 10px !important;
    float: none !important;
}
.progress-bar {
    height: 160px !important;
    width: 160px !important;
}
.progress-bar div span {
    line-height: 135px !important;
    height: 135px !important;
    width: 135px !important;
}
.progress-bar div {
    height: 160px !important;
    width: 160px !important;
}
.progress-bar .left {
    clip: rect(0 80px 160px 0) !important;
}
.progress-bar .right {
    clip: rect(0 80px 160px 0) !important;
}
.progress-bar .rotate {
    clip: rect(0 80px 160px 0) !important;
}

ul {
	padding: 0;
	list-style-position: inside;
}