/*--Common Classes Start--*/

.start-btn a {width: 280px; height: 70px;  color: #fff;  position: relative;  background: #21ab4b; border-radius: 7px;  margin: auto; display: block; padding: 16px; text-align: center; font-size: 20px;   font-weight: 400;  -ms-transition: all.2s;   -o-transition: all.2s;    -moz-transition: all.2s;    -webkit-transition: all.2s;    transition: all.2s;}
.start-btn a:hover{color: #fff;background: #119237;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: 280px; height: 70px;  border: 2px solid #000;  margin: -8px 0px 5px 4px;}
.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%;}*/
.resplogoimg{display: none;}
.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--*/

/*--bg-img Start--*/

.bg-img {position: relative;background: url(../../images/banner-bg.jpg) no-repeat;background-size: 100% 100%;}
.bg-img::before {content: '';width: 100%;height: 100%;background: rgb(0, 0, 0);position: absolute;opacity: .4;}
#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: rgba(255, 240, 0, 0.7);}
.scroll, .dark-bg {background-color: #f9ea00;box-shadow: 0 0 15px #524d00;}
.bg-img figcaption {color: #fff;text-shadow: 2px 2px #000;}
.bg-img figcaption h1 {font-size: 46px;font-weight: 600;line-height: 1.2;margin-top: 0px;}
.bg-img figcaption h2 {font-size: 38px;}
.bg-img figcaption h3 {font-size: 36px;font-weight: 600;}
.bg-img figcaption p {font-size: 22px;font-weight: 600;width: 70%;margin: 3% auto 10px;}
.banner {padding: 15% 0;}
.banner .content, .banner .video-parent {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;}

.heading-box {padding: 4%;background: url(../../images/heading-box-bg.svg) no-repeat center;background-size: contain;position: absolute;bottom: -100px;left: 0;right: 0;z-index: 9;}
.heading-box h2{font-weight: 600;}

/*--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--*/
/*--bg-img End--*/

/*--Accounting Info Start--*/

.accounting-info {color: #fff;position: relative;background: #0d0d0d;}
.accounting-info .info-sec {padding-top: 130px;padding-bottom: 60px;}
.accounting-info .info-sec p {font-size: 22px;line-height: 1.3;}
.hz-rular {width: 90%;height: 3px;background: #fff;margin: 0px auto 30px;}
.accounting-info h4 {font-size: 26px;\margin: 3% 0% 7%;}

/*--Accounting Info End--*/

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

.three-steps {background: linear-gradient(#fdf9bc, #f2e80c);position: relative;padding: 50px 0px;}
.three-steps h4 {font-size: 24px;font-weight: 600;margin-bottom: 5%;}
.three-steps h3 {width: 74%;font-size: 30px;font-weight: 700;margin: auto;}
.three-steps p {font-size: 22px;font-weight: 700;margin-bottom: 0px;line-height: 1.3;}
.text-bunch{margin: 5% 0%;}
.step-parent {position: relative;margin: 20px 0;}
.step-icon {width: 100px;height: 100px;margin: auto;position: absolute;z-index: 9;top: -40px;left: 0;right: 0;}
.step-icon img{width: 100%;}
.step-box {width: 280px;height: 230px;margin: auto;position: relative;background: url(../../images/step-bg.svg) no-repeat;display: table;background-size: 100% 100%;}
.step-box p {color: #000;font-size: 23px;font-weight: 600;display: table-cell;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;vertical-align: middle;}
.step-box strong{font-weight: 800;}

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

/*--Start Features Section--*/

.benefits {background: -webkit-linear-gradient(left, #ffffff 50%, #2b2b2b 50%);background: -moz-linear-gradient(left, #ffffff 50%, #2b2b2b 50%);background: -ms-linear-gradient(left, #ffffff 50%, #2b2b2b 50%);background: linear-gradient(left, #ffffff 50%, #2b2b2b 50%);}
.benefits .left-sec:before {content: '';width: 25px;height: 100%;background: #fff;position: absolute;right: 0;transform: skewX(4deg);}
.benefits .right-sec:before {content: '';width: 25px;height: 100%;background: #2b2b2b;position: absolute;left: 0;transform: skewX(4deg);}
.benefits h1 {font-weight: 800;padding-top: 40px;}
.benefits p {font-size: 22px;font-weight: 800;}
.benefits ul.list-style-home {padding-left: 17%;list-style: none; width: 78%; margin: 4% auto;}
.benefits ul.list-style-home li {position: relative;font-size: 22px;font-weight: 800;text-align: left;margin-bottom: 10px;}
.benefits ul.list-style-home 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;}
.benefits-content{font-weight: 600;}
.benefits ul.list-style-home li strong {font-weight: 900;}
.benefits .left-sec p:last-child {padding-bottom: 60px;}
.website-screen {padding: 80px;}
.vertical-mid-parent {width: 100%;height: 100%;display: table;text-align: center;}
.vertical-mid-parent > .vertical-mid-child {display: table-cell;vertical-align: middle;}

/*--End Features Section--*/

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

section.benefits{position: relative;}
.sub-benefits {padding-bottom: 30px;background: #f9ea00;color: #000;}
.sub-benefits p {font-size: 32px;text-align: center;font-weight: 700;margin-bottom: 0; width:89%; margin:0 auto;}
.sub-benefits .start-btn a{width: 300px;position: absolute;left: 0;right: 0;z-index: 9;}
.sub-benefits .bottom-text p{font-size: 24px;font-weight: 700;margin-top: 50px;}
.sub-benefits-bg {width: 100%;height: 100%;background-size: 100% 100%;margin-top: -3%;position: relative;background: url(../../images/sub-benefits-bg.svg) no-repeat center;background-size: contain;display: table; padding:10px;}
.sub-benefits-content {width: 100%;height: 100%;display: table-cell;vertical-align: middle;padding: 8% 9%;}

/*--End Sub Benefits--*/

.electrician-btn-last {height: 70px;right: 0px; position: absolute; left: 0; bottom: -22px; border: 2px solid #000; width: 330px; border-radius: 7px;  margin: 0 auto;}
.electrician-btn-last a { width: 330px!important; height: 70px!important;border: 2px solid #000; margin: -8px 0px 5px 4px;}
.electrician-btn-1, .electrician-btn-2 {right: 0px; left: 0; bottom: -35px; border: 2px solid #000; width: 280px; border-radius: 14px;  margin: 0 auto;}
.electrician-btn-2 { border: 3px solid #21ab4b;}
.g-s-now{margin: -8px 0px 5px 4px!important;border: 2px solid #000;}
.list-uses .list-what-can-you-do li{position: relative; font-size: 30px;  font-weight: 700;  text-align: left; margin-bottom: 10px;list-style: none; color: #383a3c;}
.list-uses h1{color: #000; font-size:34px !important;}
.list-uses h1 strong{font-size:50px !important;}
.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;}
.applinks{  margin-top: 18px;  display: flex; background: #fff;  padding: 10px; border-radius: 8px; justify-content: center;}
.app-download{padding: 4% 0; background: #f9ea00;}
.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: 600; 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: 0 auto; width: 80%;}
.start-btn{text-transform: uppercase!important;}
/*.d-flex{display:flex !important; justify-content: center!important;}*/
@media (max-width: 991px){
    .start-btn a, .common-btn a{width: 280px; height: 70px!important;    font-size: 20px!important;}
    .electrician-btn-last{width: 330px!important;}
    .electrician-btn-1 .g-s-now, .electrician-btn-2 .g-s-now{width: 280px;  height: 70px;}
    .list-uses .list-what-can-you-do li{font-size:26px;}
}
@media (min-width: 992px) and (max-width: 1199px){
/*    .start-btn a {width: 280px!important; height: 70px!important;}*/
    .start-btn a, .common-btn a{width: 280px !important; height: 60px !important;}
    .electrician-btn-last a {width: 330px!important; height: 70px!important;}
}

@media (max-width: 359px){
.list-uses .list-what-can-you-do li{font-size: 20px;}
.electrician-btn-last{width: 260px!important;}
.electrician-btn-last a{width: 260px!important;font-size: 18px!important;}
.electrician-btn-1, .electrician-btn-2 {right: 0px; left: 0; bottom: -35px; border: 2px solid #000; width: 240px; border-radius: 14px;  margin: 0 auto;}
.electrician-btn-1 a, .electrician-btn-2 a{ width: 240px!important;}
.list-uses h1{font-size:25px;}
}
@media (max-width: 767px){
   .list-uses .col-sm-4{padding-top:30px;}
}
@media (max-width: 768px){
    .sub-benefits-content{padding: 20px 20px 60px !important;}
}
/*Css added by Pranita Jadhav for electrician cashbook responsive design*/
.bg-img-overlay:before{ opacity: .7;}
.app-download-li-sec p{text-align:left; font-size:34px !important;}
@media (max-width: 991px){
.list-uses .app-download-list li { font-size: 20px;}
.app-download-li-sec{padding-top: 20px;}
.app-download-li-sec p{font-size: 24px !important;}}