/*--Common Classes Start--*/

/*.start-btn {width: 230px;height: 50px;border: 1px solid #000;margin: auto;position: relative;border-radius: 10px;}
.start-btn:before {content: "";width: 100%;height: 100%;position: absolute;left: 4px;top: -4px;background: #1cae4b;border: 1px solid #000;cursor: pointer;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;border-radius: 8px;transition: .3s;}
.start-btn a {width: 100%;height: 100%;text-align: center;top: -4px;display: flex;justify-content: center;align-items: center;text-align: center;padding: 0;color: #fff;font-size: 18px;font-weight: 700;position: absolute;cursor: pointer;text-transform: uppercase;text-decoration: none;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.start-btn:hover{overflow: hidden;}
.start-btn:hover a{height: 100%;top: 0px;}
.start-btn:hover::before{height: 100%;top: 0;left: 0;}*/

.start-btn a {width: 230px;height: 50px;color: #fff;position: relative;background: #25b04b;border-radius: 7px;margin: auto;display: block;padding: 12px;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;}
.start-btn a:hover{color: #fff;background:#10a23b;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;padding: 16px;}
.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%;min-width: 129px;}
.navbar-brand{display: none;}
.navbar-default{padding: 19px 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: rgba(255, 240, 0, 0.7);}
.scroll, .dark-bg {background-color: #f9ea00;box-shadow: 0 0 15px #524d00;}
.banner-bg {position: relative;background: url(../../images/banner-bg.jpg) no-repeat;background-size: 100% 100%;}
.banner-bg:before {content: '';width: 100%;height: 100%;background: rgba(0,0,0,.7);position: absolute;}
.banner-bg figcaption {color: #fff;text-shadow: 2px 2px #000;}
.banner-bg figcaption h1 {font-size: 46px;font-weight: 600;line-height: 1.2;}
.banner-bg figcaption p {width: 80%;font-size: 22px;margin: 3% auto 10px;}
.banner-bg figcaption strong{font-weight: 700;}
.banner-bg figcaption p span{font-size: 22px;font-weight: bold;}
.banner {padding: 15% 0;}
.banner .content, .banner .video-parent {display: block;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 {width: 600px;padding: 25px;margin: auto;position: absolute;background: #fff;border: 2px solid #000;border-radius: 25px;z-index: 9;bottom: -100px;left: 0;right: 0;}
.heading-box h2 {font-weight: 600;}
.heading-box strong{font-weight: 800;}

/*--Wavy-Bg 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: 24px; margin: 3% 0% 5%;  background: #fff;  color: #000;  border-radius: 7px;  padding: 20px; box-shadow: -9px -9px 0px 0px #c7c8c9;}

/*--Accounting Info End--*/

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

.three-steps {background: #f9ea00;position: relative;padding: 3% 0%;}
.three-steps h4 {font-size: 24px;font-weight: 600;padding-bottom: 70px;}
.three-steps h3 {width: 74%;font-size: 30px;font-weight: 700;margin: 4% auto;}
.three-steps .caption p {font-size: 22px;font-weight: 700;margin-bottom: 0px;}
.three-steps .mt:nth-child(2){margin-top: 50px;}
.three-steps .mt:nth-child(3){margin-top: 100px;}
.step-parent {position: relative;margin-bottom: 25px;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.step-parent:nth-child(2){margin-top:30px;}
.step-parent:nth-child(3){margin-top:60px;}
.step-parent a{text-decoration: none;}
.step-icon {width: 80px;height: 80px;background: url(../../images/step-bg.png) no-repeat;background-size: contain;margin: 15px auto;text-align: center;font-size: 30px;color: #000;display: flex;justify-content: center;align-items: center;position: absolute;left: 0;right: 0;top: -52px;z-index: 9;}
.step-box {max-width: 250px;height: 200px;border: 2px solid #000;margin: auto;position: relative;border-radius: 15px;background: #000;}
.step-box p {color: #000;font-size: 20px;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;margin: 0;padding: 30px 15px 0px;}
.step-box p strong{font-weight: 800;}
.three-steps .vertical-mid-parent {background: #fff;border-radius: 15px;border: 2px solid #000;margin-left: -4px;margin-top: -4px;}
.steps-bottom-para {margin: 3% 0%;}

/*--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 h1 {font-weight: 800;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;}
.benefits ul.list-style-select li strong {font-weight: 900;}
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: 0px 25px;}

/*--End Features Section--*/

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

.sub-benefits {padding: 60px 0px 0px;position: relative;background: #f9ea00;}
.sub-benefits h2, .sub-benefits  h3{font-size: 24px;font-weight: 700;}
.sub-benefits h3 {line-height: 1.5;margin: 0;}
.sub-benefits h5 {width: 90%;font-size: 22px;margin: auto;line-height: 1.3;margin-bottom: 3%;}
.sub-benefits p{font-size: 18px;}
.sub-benefits-box {width: 90%;background: #fff;color: #000;padding: 5% 10%;border: 3px solid #000;border-radius: 51px;margin: -120px auto 0px;}
/*.sub-benefits .lets-start-btn a{width: 310px;margin: auto;position: absolute;left: 0;right: 0;bottom: -25px;z-index: 9;}*/
.lets-start-btn a:hover{overflow: hidden;}
.sub-benefits p.bottom-text {font-size: 22px;font-weight: 700;margin-top: 70px;margin-bottom: 30px;}

/*--End Sub Benefits--*/

.pt-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;}
.pt-banner-btn-1 a, .pt-banner-btn-long a{margin-left: 2px; margin-top: -12px; border: 2px solid #000;}
.pt-banner-btn-1 a{width:262px!important; height: 65px!important;}
.pt-banner-btn-1 a{ width: 262px!important;  height: 65px!important; padding: 16px;}
.green-border{border: 2px solid #25b04b;}
.pt-banner-btn-long{position: absolute; bottom: -36px; margin: 0 auto;  left: 0;  right: 0;  background: transparent;  border: solid 2px #000;  border-radius: 7px;  padding: 3px;  width: 345px;  height: 65px;  cursor: pointer;}
.pt-banner-btn-long a{width:345px!important; height: 65px!important;}

.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;}
.applinks{  margin-top: 18px;  display: flex; background: #fff;  padding: 10px; border-radius: 8px;}
.app-download{padding: 4%;    background: #f9ea00;}
.applinks a img{padding: 8px;}
.list-uses{padding-top: 70px;}
.website-screen img{margin: 0 auto; max-width:70%;}

@media (max-width: 991px){
    .pt-banner-btn-1 a { width: 262px!important; height: 65px!important; padding: 16px!important;}
    .pt-banner-btn-long a {width: 345px!important; height: 65px!important;font-size: 18px!important;bottom: 0px!important;}
}

@media (max-width: 376px){
    .pt-banner-btn-long, .pt-banner-btn-1{width: 220px!important;}
    .pt-banner-btn-long a, .pt-banner-btn-1 a {width: 220px!important;}
    .list-uses .list-what-can-you-do li{font-size: 17px;}
}
@media (max-width: 767px){
    .list-uses .list-what-can-you-do li{font-size: 20px;}
}