body{font-weight: 600;}
/*--Common Classes Start--*/

strong{font-weight: 800;}
.start-btn{margin: auto;}
.start-btn a {height: 50px;color: #fff;position: relative;background: #25b04b;border-radius: 7px;margin: auto;display: block;padding: 15px;text-align: center;font-size: 20px;font-weight: 700; -ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;text-transform: uppercase;}
.start-btn a:hover{background-color: #10a23b; color: #fff;text-decoration: none;}
.start-btn span {color: #000;font-size: 13px;display: block;text-transform: none;font-weight: 600;}
.start-btn.start-blk a {width: 262px;height: 65px;}
.start-btn.start-blk strong {font-weight: 700;}
.start-btn.start-blk a:hover {background-color: #10a23b;color: #fff;}
/*--Common Classes End--*/

/*--Navbar Start--*/

.logo {margin: 7px 0px;display: block;float: left;}
/*.logoimg{max-width: 100%;}*/
.navbar-brand{display: none;}
.navbar-default{padding: 21px 0px;float: right;}
.navbar-default .navbar-collapse{border:none;}
.navbar-default {background-color: transparent;border: none;margin: 0px;}
.navbar-default .navbar-nav > li > a {color: #000;font-size: 18px;padding: 10px 15px;position: relative;-webkit-transition: all.3s;-moz-transition: all.3s;-ms-transition: all.3s;-o-transition: all.3s;transition: all.5s;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #000;background-color: transparent;}
.navbar-default .navbar-nav > .active > a:after ,.navbar-default .navbar-nav > li > a:hover::after{width:100%;color: #f9ea00;-webkit-transition: all.5s;-moz-transition: all.5s;-ms-transition: all.5s;-o-transition: all.5s;transition: width .5s;}
.navbar-default .navbar-nav > li > a:after {content: '';width: 0;height: 1px;background: #000;position: absolute;left: 0;right: 0;bottom: 0;}
.navbar-default .navbar-toggle {border-color: #000;}
.navbar-default .navbar-toggle .icon-bar {background-color: #000;}

/*--Navbar End--*/

/*--Banner-Bg Start--*/
#navbar {width: 100%;position: fixed;top: 0;z-index: 999;-moz-transition: all .2s;-webkit-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.nav-bg{background: #f9ea00;box-shadow: 0 0 15px #524d00;}
.banner-bg {position: relative;background: url(../../images/banner-bg.svg) no-repeat;background-size: 100%;background-position: left;}
.banner-bg figcaption {color: #000;padding-right: 90px;}
.banner-bg figcaption h1 {font-size: 30px;font-weight: 700;line-height: 1.2;margin: 0px auto 35px;}
.banner-bg figcaption p {font-size: 22px;margin: 0px;line-height: 1.3;}
.banner-bg figcaption .start-btn {margin-top: 7%;}
.banner-bg figcaption p span{font-size: 22px;font-weight: bold;}
.banner {padding: 150px 0px;}
.banner .content, .banner .video-parent {display: table-cell;float: none;vertical-align: middle;position: relative;height: 100%;}
.video-parent img{width: 500px;}
.video-section > div > iframe {width: 365px;position: absolute;top: 15px;left: 62px;visibility: visible;height: 228px;z-index: 100;}
.vertical-mid-parent {width: 100%;height: 100%;display: table;text-align: center;}
.vertical-mid-parent > .vertical-mid-child {display: table-cell;vertical-align: middle;}
.video-section .blog-vid-par {width: 371px;margin: auto;position: absolute;top: 17px;right: 0;left: 1px;height: 232px;z-index: 9;}
.video-section .blog-vid-par video{width: 100%;height: 100%;}
.video-section .blog-vid-par .vidIcon {cursor: pointer;position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.video-section .blog-vid-par .vidIcon:hover {background: url(../../images/playVideo.png) no-repeat rgba(0,0,0,.5);background-position-x: 0%;background-position-y: 0%;background-size: auto;background-size: auto;background-position: center;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;}
.video-parent .modal-content {background: #0e0e0e;}
.video-parent .modal-header {padding: 0;border-bottom: none;}
.video-parent .modal-header .close {width: 45px;height: 45px;padding: 10px;border: none;position: absolute;z-index: 9;background: #fff700;box-shadow: 0 0 15px #000;border-radius: 100%;right: -14px;top: -13px;opacity: 1;font-size: 30px;margin: 0;line-height: 20px;}
.video-parent .modal-body{padding: 13px;}

/*--modal vertical center start--*/

@media (min-width: 576px){
.modal-dialog {min-height: calc(100% - (1.75rem * 2));}
}

@media (max-width: 575px){
.video-parent .modal-body {padding: 5px;}
.video-parent .modal-header .close {width: 35px;height: 35px;padding: 0;right: -7px;top: -9px;font-size: 22px;line-height: 18px;}
}

@media (min-width: 576px){
.modal-dialog {max-width: 90%;/*margin: 1.75rem auto;*/margin: -0.25rem auto;}
.modal-dialog {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - (.5rem * 2));}
}

/*--modal vertical center end--*/

.heading-box {  max-width: 992px; padding: 25px;  margin: auto; position: absolute; background: #fff;  border-radius: 30px; z-index: 9; bottom: -160px; left: 0; right: 0; box-shadow: 5px 10px 60px #b3b3b3;}
.heading-box p {width: 80%;margin: auto;font-size: 22px;line-height: 1.2; padding-top: 20px; padding-bottom: 5px;}
.heading-box h3 {font-size: 20px;font-weight: 700;line-height: 1.3;margin-bottom: 25px;}
.heading-box .start-btn {position: absolute;left: 0;right: 0;}
.hz-rular {width: 90%;height: 3px;background: #0d0d0d;margin: 25px auto;}

/*--Wavy-Bg End--*/

/*--Our Solution Start--*/

.our-solution {position: relative;padding: 13% 0px 50px;background: #f2f2f2;}
.our-solution .col-sm-6 > img{margin: auto;}
.our-solution h4{font-size: 28px;padding-bottom: 55px; line-height: 1.4;}
.our-solution p {font-size: 22px;font-weight: 700;line-height: 1.0;}
.our-solution ul {padding-left: 35px;list-style: none;margin: 2% 0;}
.our-solution ul li {position: relative;font-size: 20px;text-align: left;margin-bottom: 10px;}
.our-solution ul li::before {content: '';width: 30px;height: 26px;position: absolute;left: -33px;top: 0px;background: url(../../images/check-box.png) no-repeat;background-size: auto;background-size: contain;}
.our-solution .start-btn {position: absolute;left: 0;right: 0;bottom: -25px;z-index: 9;}

/*--Our Solution End--*/

/*--three-steps Start--*/

.three-steps {background: url(../../images/steps-bg.svg) no-repeat top;background-size: cover;position: relative;padding: 80px 0px 0px;}
.three-steps h4 {font-size: 28px;font-weight: 700;padding-bottom: 50px;}
.three-steps .box-parent{justify-content: space-between;padding-top: 33px;}
.three-steps .caption p {font-size: 22px;font-weight: 700;margin-bottom: 0px;}
.step-parent {flex: 1;position: relative;padding: 20px;background: #fff;border-radius: 15px;margin: 0% 4% 7%;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;box-shadow: 5px 5px 10px 1px #8c8c8c;}
.steps-bottom-para {margin: 30px auto;}
.step-parent a{text-decoration: none;}
.step-icon {text-align: center;}
.step-box p {color: #000;font-size: 20px;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;margin: 0;padding: 9px;}

/*--three-steps End--*/

/*--Plumber Board Start--*/

.plumber-board{background: #f2f2f2;}
.plumber-board h3 {font-size: 28px;font-weight: 800;margin-bottom: 0px;}
.info-box {max-width: 992px;padding: 25px;margin: auto;background: #fff;border-radius: 30px;box-shadow: 5px 10px 60px #b3b3b3;}
.steps-bottom-para p{font-size: 24px;margin: 0px;line-height: 1.3;}
.info-box .start-btn {position: absolute;left: 0;right: 0;z-index: 9;}

/*--Plumber Board End--*/

/*--Start Features Section--*/

.right-sec {background: url(../../images/benefits-bg.svg) no-repeat;background-size: cover;background-position: right;}
.benefits h1 {padding-top: 60px;}
.benefits p {font-size: 22px;font-weight: 800;}
.benefits .left-sec p:last-child {padding-bottom: 120px;}
.benefits ul.list-style-select {padding-left: 30%;list-style: none;margin: 4% 0;}
.benefits ul.list-style-select li {position: relative;font-size: 22px;font-weight: 800;text-align: left;margin-bottom: 10px;}
ul.list-style-select li:before {content: '';width: 30px;height: 26px;position: absolute;top: 0px;left: -33px;background: url(../../images/check-box.png) no-repeat;background-size: contain;}
.vertical-mid-parent {width: 100%;height: 100%;display: table;text-align: center;}
.vertical-mid-parent > .vertical-mid-child {display: table-cell;vertical-align: middle;}
.website-screen {padding: 95px 30px;}

/*--End Features Section--*/

/*--Start Sub-Benefits--*/

.sub-benefits {padding: 60px 0px 0px;position: relative;background: url(../../images/sub-benefits-bg.svg) no-repeat;background-size: contain;background-color: #f2f2f2;}
.sub-benefits p{font-size: 18px;}
.sub-benefits-box {padding-bottom: 65px!important; top: -150px; max-width: 992px;  font-size: 24px;  right: 0;  position: absolute;  padding: 5%;  margin: auto;  background: #fff;  border-radius: 30px;  box-shadow: 5px 10px 60px #b3b3b3;  left: 0;}
.sub-benefits .lets-start-btn {margin: auto;position: absolute;left: 0;right: 0;bottom: -25px;z-index: 9;}
.sub-benefits p.bottom-text {font-size: 30px;font-weight: 700;margin-bottom: 30px;}

/*--End Sub Benefits--*/

.plumber-banner-btn, .plumber-banner-btn-1{margin: 0 auto;  left: 0;  right: 0;  background: transparent;  border: solid 2px #000;  border-radius: 7px;  padding: 3px;  width: 262px;  height: 65px;  cursor: pointer;}
.plumber-banner-btn a, .plumber-banner-btn-1 a, .plumber-banner-btn-long a{margin-left: 2px; margin-top: -12px; border: 2px solid #000;}
.plumber-banner-btn-1 a{width:262px!important; height: 65px!important;}
.plumber-banner-btn-long{margin: 0 auto;  left: 0;  right: 0;  background: transparent;  border: solid 2px #000;  border-radius: 7px;  padding: 3px;  width: 345px;  height: 65px;  cursor: pointer;}
.plumber-banner-btn-long a{width:345px!important; height: 65px!important;}

.applinks{  margin-top: 18px;  display: flex; background: #fff;  padding: 10px; border-radius: 8px;}
.app-download{/*padding: 4%; */}
.app-download .right-sec{padding:4%;}
.applinks a img{padding: 8px;}
.list-uses{padding-top: 70px;}
.carpenter-btn-last{height: 70px;  right: 0px; position: absolute; left: 0; top: 85px; bottom: -35px; border: 2px solid #000; width: 330px;  border-radius: 7px;   margin: 0 auto;}
.carpenter-btn-last a{width: 330px!important; height: 70px;}
.info-sec h4 {background: #fff; color: #000; padding: 40px 30px; font-size: 22px; font-weight: 700; border-radius: 8px; -webkit-box-shadow: -9px -9px 0px 0px #c7c8c9;  box-shadow: -9px -9px 0px 0px #c7c8c9;}
.multiuser h4 strong{    font-weight: 900;}
.website-screen img{margin: 20px auto; width: 70%;}
.list-uses .list-what-can-you-do li{position: relative; font-size: 32px;  font-weight: 700;  text-align: left; margin-bottom: 10px;list-style: none; color: #383a3c;}
.list-uses h1{color: #000;}
.list-uses .list-what-can-you-do li:before{ content: ''; width: 30px; height: 26px; position: absolute; left: -33px; top: 8px;  background: url(../../images/cafe-check-no-bg.png) no-repeat; background-size: auto;  background-size: contain;}
.and-there-more{margin-top: 159px;padding: 30px;}

@media (max-width: 1500px){
    .our-solution {padding-top:16%;}
}
@media (max-width: 991px){
    .plumber-banner-btn-1 a {width: 262px!important; height: 65px!important;}
    .record-income-resp .list-what-can-you-do li{    font-size: 24px;}
    .record-income-resp{    padding-bottom: 40px;}
}
@media (max-width: 360px){
  .sub-benefits-box{padding-bottom: 65px!important;}  
  .plumber-banner-btn-long a{width: 262px!important; height: 65px!important;}
  .plumber-banner-btn-long{width: 262px!important; height: 65px!important;}
  .list-uses .list-what-can-you-do li{font-size: 16px;}
}