.demoflowtop{background-size:cover; display: none;position: fixed;top: 0;bottom: 0;width: 100%;height: 100%;z-index:999999;}
.back_img{background:url(../demoimg/funnelBG.jpg) center no-repeat;}
.demoflowtop{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.demoflowslide{height:100%;width:100%;}
.demoflowslide .carousel-inner{height:calc(100% - 60px);background:#fff;}
.demoflowslide .carousel-inner:after{content:"";height:10px;width:100%;position:absolute;left:0;bottom:10px;}
.demoflowslide .carousel-inner.nobg:after{display:none;}
.demoflowslide .carousel-inner .item{height:100%;}

label{font-weight:400;}

.demoflowslide .democontrol{height:60px;padding: 15px 70px;background:#ebebeb;position:relative;}
.demoflowslide .democontrol a,
.demoflowslide .democontrol .demoregbtn{color: #000;font-size: 36px;line-height: 30px;position: relative;background-image: none;left: initial;right: initial;width: auto;}
.demoflowslide .democontrol a:hover,
.demoflowslide .democontrol .demoregbtn:hover{    color: #0e6fff;}
.demoflowslide .democontrol a.right{float:right;}
.demoflowslide .democontrol.democontroladd,
.demoflowslide .carousel-inner.nobg{background:transparent;}
.demoflowslide .democontrol.democontroladd a{display:none;color:#fff;}
.demoflowslide .democontrol .demoregbtn{float:right;cursor:pointer;color:#fff;}

.liveuser{float: right;border: 2px #ccc solid;border-radius: 5px; height: 36px;width: 120px;text-align: center;color: #fff;line-height: 32px;font-size: 20px;margin-right: 140px;margin-top: -5px;}
.liveuser .circle{display: inline-block; width: 15px; height: 15px; border-radius: 50%;}
.liveuser .circle.red{background: #ff1d1d;}
.liveuser .circle.green{background: #21ff1d;}



.centermodal.modal.in { display: flex !important;}
.centermodal .modal-dialog {margin: auto;}
.fade-scale {transform: scale(0); opacity: 0; -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;}
.fade-scale.in {opacity: 1; transform: scale(1);z-index:999999;}

.btn-success{background:#a1ff00;color:#000;}

#demoregmodal button.close{position: absolute;right: -10px; width: 34px; height: 34px;border-radius: 17px;top: -10px; background: #fff;opacity: 1; font-size: 30px;z-index: 99;}
.demoreg-form{display:block;width:100%;padding:20px 30px;position:relative;}
.demoreg-form .form-group{height:32px;}
.demoreg-form .form-group label{width:120px;float:left;text-align:right;margin:0px 10px 0 0px;line-height:30px;}
.demoreg-form .form-group input{width:calc(100% - 130px);float:left;}
.demoreg-form .btn{font-size: 24px; font-weight: bold; width: 150px; border-radius: 20px; display: block;margin: auto;padding: 0;height: 40px;}

.demo-mtop100{margin-top:100px !important;}

.windowtitle{position: relative;margin-top:10%;padding-right:50px;float:right;}
.windowtitle h3{margin: 0; font-size: 50px; font-weight: bold; text-align: center;color:#fff;}
.windowtitle h3 span{display: block;padding: 15px;font-size: 60px;color: #69cbfd;}

.demoinnerbox{position:relative;display:block;width:100%;height:100%;}
.demoinnerbox .demotitle{height: 100px;text-align: center;font-size: 34px;line-height: 130px;position: relative;overflow: hidden;}
.demoinnerbox .demotitle:after{content:"";height: 1px;background: #6cadde;width: 70%; left: 0;right: 0;bottom: 0;margin: auto;position: absolute;}
.demoinnerbox .democontent{height:calc(100% - 160px);position:relative;width:100%;overflow:hidden;padding-top:30px;}
.demoinnerbox .demotwobtn{height:40px;padding-right:60px;text-align:right;}
.demoinnerbox .demotwobtn div{color: #6cadde;float:right;height: 30px;width: 30px;margin-left: 10px;line-height:30px;cursor:pointer;}
.demoinnerbox .demotwobtn div:hover{color:#000;}
.demoinnerbox .demotwobtn .nobtn{font-size:20px;}
.demoinnerbox .demotwobtn .yesbtn{font-size:32px;}

.demo-fullwidth{display:block;width:100%;position:relative;max-width:90%;margin:auto;}
.demo-width60{display:block;width:100%;position:relative;max-width:60%;margin:auto;}
.demo-width70{display:block;width:100%;position:relative;max-width:70%;margin:auto;}
.demo-selectbtn{width:100%;position:relative;}
.demo-selectbtn ul{text-align: center; margin:30px auto; display: block;padding:0px;}
.demo-selectbtn ul li{width: 48%;display: inline-block;}
.demo-selectbtn ul li label{cursor:pointer;width: calc(100% - 50px);margin:0 25px;border: 3px #6cadde solid; border-radius: 10px;  height: 60px;  line-height: 54px; font-size: 24px; box-shadow: 3px 3px 5px #c7c7c7;}
.demo-selectbtn ul li label.active,
.demo-selectbtn ul li label:hover{border-color:#ff0;}
.demo-selectbtn ul li.demo-fullbtn{width: 96%;margin-top: 30px;}

.demo-selectbtn ul.demo-threebtn li{width:32%;}
.demo-selectbtn ul.demo-threebtn li label{ width: calc(100% - 20px); margin: 0 10px;}

.dblock{display:block;width:100%;position:relative;}
ul.demo-li-list{list-style: none;margin: 0;}
ul.demo-li-list li{padding-left:20px;    font-size: 22px; min-height: 30px; position: relative;margin-bottom:10px;}
ul.demo-li-list li:after{content:"\f111";font: normal normal normal 14px/1 FontAwesome;position:absolute;top: 10px;font-size: 9px;color: #6cadde;left:0;}
ul.demo-li-list li ul{list-style:none;}
ul.demo-li-list li ul li{padding-left:0px;}
ul.demo-li-list li ul li:after{display:none;}

.demoinnerbox.demo-notitle .demotitle:after{display:none;}

.demo-pricebox{max-width: 60%; margin: auto;}
.demo-pricebox h3{margin-bottom:30px;}
.demo-pricebox h4{text-align:center;}
.demo-pricebtn{width: 80%;border: 1px #7e7e7e solid; border-radius: 10px; height: 50px;margin:auto; line-height: 48px; text-align: center;}
.demo-pricebtn p{margin: 0;font-size: 26px;font-weight: bold;}
.demo-agenda{max-width:40%;}

.demo-leadpage h3{margin: 0; text-align: center; font-size: 28px; padding-bottom: 20px;}
.demo-leadpage .demo-no-morelead p{margin:0px;font-size:24px;text-align:center;}
.demo-leadpage .demo-no-morelead{display:none;}
.allhide,.demo-yes-morelead,.dmanylead{display:none;}
.qualitypage ul{margin: 0;padding: 0;list-style: none;text-align: center;}
.qualitypage ul li{display: inline-block;font-weight: bold;font-size: 40px;}
.qualitypage ul li span{font-weight:normal;}
.qualitypage ul li:nth-child(2),
.qualitypage ul li:nth-child(4){color:#6cadde;margin:0 10px;}

.currentleadpage .col-md-8 .form-group{height:65px;}
.currentleadpage .col-md-8 .form-group ul{list-style:none;margin:0px;padding:0px;}
.currentleadpage .col-md-8 .form-group ul li{position:relative;float:left;}
.currentleadpage .col-md-8 .form-group ul li:nth-child(1){width:calc(100% - 200px);}
.currentleadpage .col-md-8 .form-group ul li:nth-child(2){width:100px;}
.currentleadpage .col-md-8 .form-group ul li:nth-child(3){width:100px;}
.currentleadpage .col-md-8 .form-group ul li  p{height:15px;text-align: center;}
.currentleadpage .col-md-8 .form-group ul li input{text-align:center;height:40px;font-size:24px;padding:0px;    border-color: #6cadde;}
.currentleadpage .col-md-8 .form-group ul li label{margin:25px 0px 0px 0px;line-height:40px;padding-right:10px;text-align:right;font-size:22px;}
.currentleadpage .col-md-8 .form-group ul li .getting_yearly{ width: 100%;text-align: center;height: 55px;}
.currentleadpage .col-md-8 .form-group ul li .getting_yearly .anuallyp{height:40px;line-height:40px;}
.currentleadpage .col-md-4{position:absolute;top:0;right:0;}
.currentleadpage .col-md-4 .demo-leadincreas{border: 2px #6cadde solid;border-radius: 5px; padding:30px 5px; text-align: center; display: block;width: 100%;}
.currentleadpage .col-md-4 .demo-leadincreas h4{font-weight:normal;font-size:24px;margin-bottom:5px;}
.currentleadpage .col-md-4 .demo-leadincreas h4 span{font-weight:bold;}
.currentleadpage .col-md-4 .demo-leadincreas p{ margin: 0; font-size: 28px;}
.currentleadpage .demo-socialbox{position:relative;clear:both;width:100%;}
.currentleadpage .demo-socialbox:after{content: "";height: 1px; width: 117%;background: #6cadde;top: 0; position: absolute; left: -101px;}
.currentleadpage .demo-socialbox ul{margin:0px;padding:0px;list-style:none;display:table;max-width:90%;}
.currentleadpage .demo-socialbox ul li{width:50%;float:left;height:30px;margin-top:20px;}
.currentleadpage .demo-socialbox ul li label{width:calc(100% - 100px);float:left;padding-right:10px;line-height:30px;margin:0px;font-size:20px;text-align:right;}
.currentleadpage .demo-socialbox ul li input{width:100px;float:left;text-align: center; font-size: 20px;    border-color: #6cadde;}
.currentleadpage .demo-socialbox ul li.dhomeadviser label{line-height:normal;}
.currentleadpage .demo-socialbox ul li.dhomeadviser label span{font-size:12px;line-height:normal;display:block;}
.currentleadpage .demo-totallead{height: 40px;margin: 35px auto 0; width: 410px;}
.currentleadpage .demo-totallead label{font-size: 24px;float: left; width: 300px;line-height: 40px;margin: 0;text-align:right;padding-right:10px;}
.currentleadpage .demo-totallead input{width: 100px;height: 40px; padding: 0; text-align: center; font-size: 24px; color: #000;}

.demoinnerbox .currentleadpage.demosociallead {height: calc(100% - 100px);}
.currentleadpage.demosociallead .demo-socialbox:after{display:none;}



ul.lihalf {list-style:none;margin:0px;padding:0px;display: table; width: 100%;}
ul.lihalf li{float:left;width:50%;position:relative;}
.demo-trafficfrom ul{padding-left:90px;}
.demo-trafficfrom ul li{height:30px;margin-bottom:20px;}
.demo-trafficfrom ul li input{width: 20px;height: 20px;float: left;margin: 5px 5px 0 0;}
.demo-trafficfrom ul li p{margin: 0; float: left; font-size: 22px;line-height: 30px;}

.demo-rangslider {display: block; clear: both;  width: 100%;max-width:730px; position: relative;margin: 20px auto 40px; padding-top: 20px;}
.demo-rangslider label{font-size:16px;font-weight:normal;}
.demo-rangslider .range-slider {width: 100%;padding: 10px 0px;z-index:1;position:relative;}
.demo-rangslider .range-slider:after,
.demo-rangslider .range-slider:before{display:none;content: "";left: -5px;background: #ffffff; width: 6px;height: 10px;position: absolute;top: 10px;}
.demo-rangslider .range-slider:after{right:1px;    left: inherit;}
.demo-rangslider .range-slider__range { -webkit-appearance: none;width:100%;height: 20px;background: #c5c5c5;outline: none; padding: 0; margin:0 0 0 -4px;border-radius:10px;}
.demo-rangslider .range-slider__range::-webkit-slider-thumb { -webkit-appearance: none;  appearance: none;width: 40px;height:40px;border-radius: 50%; background:#548fbb;border:3px #357db3 solid; cursor: pointer;transition: background .15s ease-in-out;box-shadow:1px 1px 2px #ccc;}
.demo-rangslider .range-slider__range::-webkit-slider-thumb:hover,
.demo-rangslider .range-slider__range:active::-webkit-slider-thumb {background:#4386b9;}
.demo-rangslider .range-slider__range1::-moz-range-thumb {width: 20px;height: 20px;border: 0;border-radius: 50%;background: #fff;cursor: pointer;transition: background .15s ease-in-out;}
.demo-rangslider .range-slider__range1::-moz-range-thumb:hover { background: #1abc9c;}
.demo-rangslider .range-slider__range1:active::-moz-range-thumb {background: #1abc9c;}
.demo-rangslider .range-slider__range1:focus::-webkit-slider-thumb {box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;}
.demo-rangslider .range-slider__value {display: inline-block;position: relative;width: 60px;color: #fff;line-height: 20px;text-align: center; border-radius: 3px; background: #fff;  padding: 5px 10px;  margin-left: 8px;}
.demo-rangslider .range-slider__value:after {position: absolute; top: 8px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #fff; border-bottom: 7px solid transparent;content: '';}
.demo-rangslider ::-moz-range-track {  background: #d7dcdf; border: 0;}
.demo-rangslider input::-moz-focus-inner,input::-moz-focus-outer {  border: 0;}


.demo-slider_labelnum{display:block;color:#000;    position: absolute; top:-105px; left:0;  margin: auto; width:230px; text-align: center; height: 56px;border: 3px #6cadde  solid;    box-shadow: 0px 0px 8px #939393;line-height: 50px;font-size:26px;font-weight:bold;background: #fff;border-radius:8px;}
.demo-rangslider ul{margin:3px 0 0 20px;padding:0px;list-style:none;    display: table;   width: 103%;z-index:0;}
.demo-rangslider ul.demo-rscale li{float:left;width:15%;text-align:left;color: #6cadde;font-weight: bold;position:relative;}
.demo-rangslider ul.demo-rscale li:first-child:after{left:1px;}
.demo-rangslider ul.demo-rscale li:last-child:after{top:0;}
.demo-rangslider ul.demo-rscale li:last-child{width:5px;}
.demo-rangslider ul.demo-rscale li:after{content: ""; height: 21px; width: 5px; background: #6cadde; position: absolute; top: 0px; left:-1px;}
.demo-selectbtn ul.demovisitorbtn{width: 540px; float: right;}
.demo-selectbtn ul .demovisitorbtn li{}
.demo-selectbtn ul.demovisitorbtn li label {cursor: pointer;width: calc(100% - 20px);   margin: 0 10px;font-size:18px;}


.demo-addplus{display: block; height: 20px;font-size: 20px; clear: both;cursor: pointer;max-width: 500px;  margin: auto;}
.demo-addplus i:hover{color: #6cadde;}

.demo-webdiv{display:none;}
.demo-solveproblem{font-size:44px;text-align:center;padding-top:100px;}
.deom-webanalysis{height:100%;}
.deom-webanalysis h3{font-size:28px;text-align:center;padding-bottom:40px;padding-top:20px;margin-top:0px;}
.deom-webanalysis h3 span{font-weight:bold;    text-decoration: underline;}
.deom-webanalysis .demo-webdiv{width:100%;position:relative;clear:both;position: absolute; top: 0;background:#fff;height:100%;}
.deom-webanalysis .demo-visitorfield{z-index:1;}
.deom-webanalysis .demo-leadfocus{z-index:2;}
.deom-webanalysis .demo-thinkvisitor{z-index:3;}
.deom-webanalysis .demo-mostvisitor{z-index:4;}
.deom-webanalysis .demo-higherquality{z-index:5;}
.deom-webanalysis .demo-reviewsite{z-index:6;}
.deom-webanalysis .form-group{display: block; width: 100%;max-width: 500px;margin: 0 auto 15px;}
.deom-webanalysis .form-group input[type="text"]{height:40px;font-size:22px;border-color: #505050;}

.demo-leadfocus ul{list-style:none;margin:0px auto;padding:0px;max-width:80%;}
.demo-leadfocus ul li{width:50%;float:left;}
.demo-leadfocus ul li p{position:relative;font-size:24px;padding-left:30px;height:40px;margin-bottom:20px;}

.demo-leadfocus ul li .domo-ourfocus{ display: block;border: 3px #6cadde solid;border-radius: 5px; height: 150px; padding: 30px 0;text-align: center;}
.demo-leadfocus ul li .domo-ourfocus p{height: auto;padding: 0; margin: 0;}
.demo-leadfocus ul li .domo-ourfocus p:after{display:none;}
.demo-leadfocus ul li .domo-ourfocus p span{display: block; font-weight: bold; font-size: 30px;color: #444;}

.deom-webanalysis .demo-webdiv .checkbox{max-width:500px;margin:0 auto 15px; font-size:24px;}
.deom-webanalysis .demo-webdiv .checkbox input[type="checkbox"]{width: 20px; height: 20px; margin-top: 6px;margin-left: -30px;}
.demo-higherquality h4{font-size: 30px; font-weight: bold;margin-bottom:30px;}
.demo-higherquality .col-sm-4{text-align:right;}
.demo-higherquality .col-sm-4 p{font-size:24px;}
.demo-higherquality .demo-notequal{display: block;width: 100%; max-width: 180px;margin: 60px auto 0;}
.demo-higherquality .demo-notequal img{width:100%;}
.demo-higherquality .col-sm-12 h2{font-size: 36px; text-align: center; font-weight: bold;}
.demo-higherquality .col-sm-12 h2 span{color: #f61b1e;}

.demo-innerh3{position:relative;display:block;font-size:28px;text-align:center;padding-bottom:40px;padding-top:20px;margin-top:0px;}
.demoh2{display: block; position: relative; text-align: center; font-size: 30px;padding-top: 40px;}
.demo-stdconfig,
.demo-advconfig{display:none;}
.demo-standard ul{padding: 0; max-width: 500px; margin: auto;}
.demo-advleadgen h3{font-weight: bold; margin: 0;  padding-bottom: 20px;}
.demo-advleadgen ul{padding:0px;}
.demo-openconfigbtn{display:none;width:auto;float:right;color: #000; font-size: 36px;line-height: 30px; position: absolute;right: 70px;top: 15px; cursor: pointer;}
.demo-openconfigbtn.demo-showconfigbtn{display:block;}

.demo-configframe{display:none;width: 100%;height: 100vh;position: relative;border: 0; margin: 0; z-index: 99999999;}

.mvleadrate{display: table; position: relative; width: 100%;clear: both;border-top: 1px #6cadde solid;border-bottom: 1px #6cadde solid;padding: 25px 0;}
.mvleadrate .form-group{height: 50px;width: 50%; float: left;margin:0px;}
.mvleadrate .form-group label{ margin:0px;   width: calc(100% - 120px);float: left;line-height: 50px;   text-align: right;   padding-right: 20px;   font-size: 24px;}
.mvleadrate .form-group input{width: 120px; border: 2px #6cadde solid; height: 50px;float: left;font-size: 24px;text-align: center;}
.mvleadrate .form-group .mvcrate{width: 120px; border: 2px transparent solid; height: 50px;float: left;font-size: 24px;text-align: center;}
.design-lostop .lostopportunitiesclass{font-size: 30px;font-weight: bold;}






@media (max-width:1600px){
    .currentleadpage .demo-socialbox:after{left:-82px;}
    .deom-webanalysis  h3{padding-bottom:20px;margin-top:0px;font-size:24px;}
    .demo-higherquality .col-sm-6 .checkbox{padding-left:30px;}
    .deom-webanalysis .demo-webdiv .checkbox{margin-bottom:10px;font-size:20px;}
    .demo-higherquality h4 {font-size:24px; margin-bottom: 20px;margin-top: 0;}
    .demo-higherquality .col-sm-12 h2 {font-size: 30px;}
    .demo-innerh3{padding-bottom:20px;margin-top:0px;font-size:24px;}
    .demoh2{padding-top:20px;}
    .demoinnerbox .democontent {overflow: hidden;}
    .currentleadpage .demo-socialbox ul li label{font-size:16px;}
    
    
}

@media (max-width:1440px){
    .currentleadpage .demo-socialbox:after{left:-70px;}
    .currentleadpage .demo-socialbox ul li{margin-top:15px;}
    .currentleadpage .demo-totallead{margin-top:25px;}
    .demo-solveproblem {font-size: 36px;}
    .demo-higherquality .col-sm-12 h2 {font-size: 24px;}
    .demoinnerbox .democontent {overflow: hidden;}
    
    
    
    
}


@media (max-width: 992px){
    .demo-width60{ max-width: 80%; }
    .demoinnerbox .democontent {overflow: scroll;}
    
    
    
    
}

@media (max-width: 672px){
    .demoinnerbox .democontent {padding-top:0px;}
    .demo-trafficfrom ul {padding-left: 30px;}
    ul.lihalf li{width: 100%;}
    
    .demoinnerbox .democontent {overflow: scroll;}
    
    .demo-width60{ max-width: 80%; margin: 30px auto;}
    
    .demo-selectbtn ul { text-align: center;margin: 30px 0;display: block;padding: 0px;width: 100%; }
    .demo-selectbtn ul li { width: 100%;display: inline-block;margin-bottom: 30px; }
    .demo-selectbtn ul li label { cursor: pointer;width: 100%;margin: 0 0px;border: 3px #6cadde solid;border-radius: 10px;height: 60px;line-height: 54px;font-size: 24px;box-shadow: 3px 3px 5px #c7c7c7; }

    .demo-selectbtn ul.demo-threebtn li { width: 100%; }
    .demo-selectbtn ul.demo-threebtn li label {width: 100%;margin: 0px 10px;}
}

@media (max-width: 442px){
    .liveuser{margin-top: -35px;}
    .demoinnerbox .demotitle{height: 125px; line-height: 30px; margin-top: 35px;}
    .demoinnerbox .democontent {overflow: scroll;}
    .demo-pricebtn p{font-size: 18px;}
    .demo-pricebox h4{margin-bottom: 30px;}
    .demo-trafficfrom ul li p{font-size: 18px;}
    .demo-width60 {margin: 0px auto;}
    .demoh2{padding-bottom: 30px;}
    
    .login_form{width: 75%;}
    
    .demoform_show{margin: 0px 0px; padding: 20px;}
    #search_business {margin-top: 0px;}
    #dynamic_content_business{height: 27vh;}
    .card-header .list-group{font-size: 12px;}
    .business_search_box{height: 50vh;}
    #business_name{width: 80%;}
    .card{padding-top: 10px; padding-right: 15px; padding-left: 15px; font-size: 14px;}
    
    
    
}




















