/*--Common Classes Start--*/

/*.start-btn a {width: 230px;height: 50px;color: #000;position: relative;background: #33e81f;border-radius: 7px;margin: auto;display: block;padding: 12px;text-align: center;font-size: 20px;font-weight: 700;box-shadow: 3px 3px 10px #8c8c8c;-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: 240px;height: 60px;padding: 6px 6px;}*/
.start-btn.start-blk strong {font-weight: 700;}
.start-btn.start-blk a:hover {background-color:  #119237;color: #fff;}

/*--Common Classes End--*/

/*--Navbar Start--*/

.logo {margin: 5px 0px;display: block;float: left;}
.logo img.logoimg{width: 230px;}
/*.logoimg{max-width: 100%;}*/
.resplogoimg{display: none;}
.menu-links{display: block;float: right;}
.navbar-brand{display: none;}
.navbar-default{padding: 23px 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 12px;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--*/

/*--Wavy-Bg Start--*/
.bg-img {position: relative;background: url(../../images/banner_bg.jpg) no-repeat;background-size: cover;}
.bg-img::before {content: '';width: 100%;height: 100%;background: rgb(0, 0, 0);position: absolute;opacity: .7;}
#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 .banner {padding: 6% 0 0; position: relative;}
.bg-img figcaption {color: #fff;text-shadow: 2px 2px #000;}
.bg-img figcaption h1 {font-weight: 600;line-height: 1.2;}
.bg-img figcaption h2 {padding-top: 1%;padding-bottom: 1%;font-size: 52px;}
.bg-img figcaption h3 {font-size: 40px;font-weight: 600;}
.bg-img figcaption p {font-size: 22px;font-weight: 600;width: 70%;margin: 1% auto 30px;}
.heading-box {width: 600px;padding: 25px;margin: auto;position: absolute;background: #f9ea00;border: 2px solid #000;border-radius: 25px;z-index: 9;bottom: -100px;left: 0;right: 0;}
.heading-box h2{font-weight: 600;}
.banner .content, .banner .video-parent {/*display: table-cell;*/display: inline-block; float: none;vertical-align:top; position: relative;height: 100%; width: 100%;}
.video-parent img{/*width: 365px;*/ width:400px;}
.banner .content{position: absolute; height: 370px; margin: auto; left: 0; right: 0; top: 0; bottom: 0;}
.banner .video-parent{text-align: right;}
.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;}
.blog-vid-par {width: 371px;margin: auto;position: absolute;top: 17px;right: 0;left: 1px;height: 232px;z-index: 9;}
.blog-vid-par video{width: 100%;height: 100%;}
.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;}
.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--*/

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

/*--Accounting Info Start--*/
.accounting-info {color: #fff;position: relative;background: #000; padding-bottom: 60px;}
.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% 5%;}
/*--Accounting Info End--*/

/*--three-steps Start--*/
.three-steps {background: linear-gradient(#fdf9bc, #f9ea00);position: relative;padding-top: 50px;}
.three-steps h4 {font-size: 24px;font-weight: 600;}
.three-steps h3 {width: 74%;font-size: 30px;font-weight: 700;margin: 4% auto;}
.three-steps p {font-size: 22px;font-weight: 700;}
.three-steps .caption p{margin-bottom: 0px;}
.step-parent {position: relative;margin: 18px 0;}
.step-icon {width: 100px;height: 100px;margin: auto;position: absolute;z-index: 9;top: -60px;left: 0;right: 0;}
.step-icon img{width: 100%;}
.step-box {width: 280px;height: 230px;padding: 20px;border: 2px solid #000;margin: auto;position: relative;background: #fff;display: table;}
.step-box p {color: #000;font-size: 23px;font-weight: 600;}
.step-box p strong{font-weight: 800;}
.valign-mid {display: table-cell;vertical-align: middle;}
/*--three-steps End--*/

/*--Start Benefit Section--*/
.left-sec{padding:0px 5%;}
.benefits {position: relative;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%);}
.display-flex {display: flex;}
.benefits .left-sec:before {content: '';width: 25px;height: 100%;background: #fff;position: absolute;top: 1px;right: 0;transform: skewX(4deg);}
.benefits .right-sec:before {content: '';width: 25px;height: 100%;background: #2b2b2b;position: absolute;top: 0px;left: 0;transform: skewX(4deg);}
.benefits h1{font-weight: 800;padding-top: 60px;}
.benefits .left-sec p:last-child{padding-bottom: 60px;}
.benefits p {font-size: 22px;font-weight: 800;}
.benefits ul.list-style-home {padding-left: 17%;list-style: none;margin: 4% 0;}
.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 {width: 30px;height: 26px;background: url(../../images/check-box.png) no-repeat;background-size: contain;}
.benefits ul.list-style-home li:before {content: '';width: 30px;height: 26px;position: absolute;left: -33px;top: 0px;}
.benefits ul.list-style-home li strong{font-weight: 900;}
.website-screen {padding: 0px 25px;}
.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 Benefit Section--*/

/*--Start Sub-Benefits--*/
.sub-benefits {background: #000;padding: 120px 0px;color: #fff;font-size: 20px;}
.sub-benefits p {font-size: 30px;font-weight: 700;margin-bottom: 0;line-height: 1.5;}
.sub-benefits .lets-start-btn a {width: 350px;margin: 35px auto;}
/*--End Sub Benefits--*/

/*css for new section for info list*/
.carpenter-info-list {padding: 20px 0px 1%; position: relative;background: #0d0d0d; color:#fff;}
.info-list h4 {font-weight: 800; font-size: 22px; margin-bottom: 10px;}
.carpenter-info-list .info-list h5 {width: 70%; margin: 0 auto 30px; line-height: 20px; font-size: 16px;}
.info-list ul {
    padding-left: 10px;
}
.info-list li {
    padding-left: 38px;
    position: relative;
    list-style: none;
    font-size: 16px;
    margin-bottom: 10px;
}
.info-list li:before {
    content: '';
    width: 30px;
    height: 26px;
    background: url(../../images/check-box.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: -3px;
    left: 0;
}
/*css for new section for info list page ends here*/
/*css for QR code*/
.qr-code-wrap h4{font-weight: bold; font-size: 22px; margin-bottom: 10px;}
.m-auto{margin: 10px auto 10px;}
.qr-code-wrap img{width:100%; max-width:190px;}
.ftr-share a{width:49%; margin: 0px 1px; float: left;}
.ftr-share h5, .ftr-share h6{font-weight: bold; margin-top: 0px;}
.qr-code-steps.steps img.m-auto{margin-bottom: 5px;}
.img-border{border: 3px solid black;}
/*css for QR code*/
@media (max-width: 993px){
   .ftr-share a{width: 48%;} 
   .ftr-share a img {margin: 0 auto;}
   .sub-benefits{padding-top:40px;}
   #footer ul{text-align:center !important;}
   .think-about-img{margin-top:40px;}
}
@media (max-width: 767px){
    section.steps.qr-code-steps .xs-no-display{display: none;}
    .qr-code-wrap h4{margin-top:20px; margin-bottom: 5px;}
    .app-download .col-sm-4{padding-top:20px;}
    .applinks{justify-content: center;}
    .start-btn a, .start-btn button, .common-btn a, .common-btn button{font-size: 20px!important;}
    .list-uses .list-what-can-you-do li, .list-uses h1{font-size: 28px !important;}
}

.carpenter-btn-1, .carpenter-btn-2  { right: 0px; left: 0; bottom: -35px; border: 2px solid #000;  width: 280px;  border-radius: 7px;  margin: 0 auto;}
.carpenter-btn-2 .g-s-now{    width: 280px; height: 70px; border: 1px solid #3a3c3d!important;  margin: -8px 0px 5px 4px;}
.carpenter-btn-2{border: 3px solid #21ab4b;}
.start-btn.start-blk a { width: 280px; height: 70px;  border: 2px solid #000;  margin: -8px 0px 5px 4px;}
.start-btn a {width: 280px; height: 70px; color: #fff; position: relative; background: #21ab4b; border-radius: 7px; margin: auto; display: block;  padding: 19px;  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;}
.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;}
.info-sec h4 strong{font-weight: 900;}
.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: #000;}
.list-uses h1{color: #000; font-size:34px !important;}
.list-uses h1 strong{color: #000;font-weight: 800; font-size: 50px;}
.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: #ecf1f0;  padding: 10px; border-radius: 8px;}
.app-download{padding: 4% 0; background: #f9ea00;}
.applinks a img{padding: 8px;}
.list-uses{padding-top: 10px;}
.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: 331px!important; height: 70px;}


/*carpeter new design css dated 18-9-21*/
/*.fat-footer{background: #f9ea00 !important;}*/
/*#footer ul li a, #footer{color:#000 !important;}*/

@media (max-width: 480px){
    .list-uses h1 strong{font-size: 35px;}
    .carpenter-btn-last a{width: 290px!important; line-height: 20px;}
    .carpenter-btn-last{width: 290px;}
    .accounting-info{padding-bottom: 0px;}
}
@media (max-width: 425px){
    .carpenter-btn-last{top: 55px;}
    .sub-benefits{padding: 40px 0px 90px !important;}
    .list-what-can-you-do{margin-top: 35px;}
    .carpenter-btn-1, .carpenter-btn-2{width: 220px;}
    .start-btn.start-blk a { width: 220px; font-size: 16px!important;}

}
@media (max-width: 1400px){
    .left-sec {padding: 0px 1%;}
}