/*--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;}

/*--Common Classes End--*/

/*--Navbar Start--*/

.logo {margin: 17px 0px;display: block;float: left;}
/*.logoimg{max-width: 100%;}*/
.responsive-logo{display: none;}
.menu-links{display: block;float: right;}
.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--*/

/*--Wavy-Bg 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: .6;}
#navbar {width: 100%;position: fixed;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-color: rgba(255, 240, 0, 0.7);}
.scroll, .dark-bg {background-color: #f9ea00;box-shadow: 0 0 15px #524d00;}
.bg-img .banner {padding: 13% 0;}
.bg-img figcaption {color: #fff;text-shadow: 2px 2px #000;}
.bg-img figcaption h1 {font-size: 44px;font-weight: 600;line-height: 1.2;}
.bg-img figcaption h2 {padding-top: 2%;padding-bottom: 2%;font-size: 42px;}
.bg-img figcaption h3 {font-size: 40px;font-weight: 600;}
.bg-img figcaption p {font-size: 22px;font-weight: 600;width: 90%;margin: 3% auto 10px;}
.heading-box {max-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;}
.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;}
.blog-vid-par {width: 371px;margin: auto;position: absolute;top: 50px;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--*/

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

.three-steps h4 {font-size: 22px;font-weight: 600;width: 80%;margin: 0px auto 80px;}
.step-row {width: 100%;display: flex;}
.step-parent {width: 100%;position: relative;flex: 1;margin: 20px;background: #fff;border: 2px solid #8a8a8a;border-bottom-width: 25px;border-radius: 10px;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.step-parent:after {content: '';width: 100%;height: 15px;background: #d6cd00;position: absolute;left: 0;right: 0;bottom: -60px;margin: auto;border-radius: 100%;filter: blur(3px);}
.step-parent .step-icon img{max-width: 110px;}
.step-parent a{text-decoration: none;}
.step-parent:hover{margin-top: -10px;}
.three-steps {background: #f9ea00;position: relative;padding: 140px 0px 50px;}
.step-parent a{text-decoration: none;}
.step-icon {position: absolute;z-index: 9;margin: auto;text-align: center;top: -45px;left: 0;right: 0;}
.step-box p {color: #000;font-size: 22px;font-weight: 600;margin: 0;text-decoration: none;padding: 70px 0px 20px;}
.step-box p strong{font-weight: 800;}
.text-bunch {font-size: 22px;font-weight: 600;margin: 50px auto 30px;}

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

/*--Start Benefits Section--*/

section.benefits {padding: 50px 0px;}
.benefits p {position: relative;font-size: 22px;font-weight: 600;line-height: 1.3;}
.benefits h4 {font-size: 26px;font-weight: 700;}
section.benefits .mid-section{padding: 50px 0px;}
.benefits .mid-section ul {list-style: none;padding-left: 30px;}
.benefits .mid-section ul li {position: relative;font-size: 20px;font-weight: 600;line-height: 1.2;margin-bottom: 15px;}
.benefits .mid-section ul li:before {content: '';width: 20px;height: 20px;background: url(../../images/tick-mark.png) no-repeat;background-size: 100% 100%;position: absolute;top: 2px;left: -27px;z-index: 9;}

/*--End Benefits Section--*/

/*--Start Sub Benefits--*/

.sub-benefits {padding: 60px 0px 0px;position: relative;background: #e6e7e7;}
.sub-benefits-box {width: 90%;background: #fff;color: #000;padding: 5% 10%;border: 3px solid #000;border-radius: 51px;margin: -90px auto 0px;}
.sub-benefits h3 {font-size: 24px;font-weight: 700;line-height: 1.5;margin: 0 auto 10px;}
.sub-benefits p {font-size: 20px;font-weight: 600;}
.sub-benefits .lets-start-btn a {width: 310px;margin: auto;position: absolute;left: 0;right: 0;bottom: -25px;z-index: 9;}
.sub-benefits hr {border-color: #000;border-top: 2px solid #000;margin: 10px auto;}
.sub-benefits p.bottom-text {font-size: 22px;font-weight: 700;margin-top: 70px;margin-bottom: 30px;}

/*--End Sub Benefits--*/