/*--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: 3px 0px;display: block;float: left;}
/*.logo img{max-width: 100%;}*/
.responsive-logo {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;paddnig: 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--*/

#navbar {width: 100%;background: #ecdf08;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;}
.scroll {box-shadow: 0 0 15px #524d00;}
.bg-img {position: relative;background: #f9ea00;}
.bg-img .banner {padding: 13% 0% 3%;}
.bg-img figcaption {color: #000;padding-top: 17px;}
.bg-img figcaption h1 {font: italic bold 32px/30px "Helvetica Neue", Helvetica, Arial, serif;margin: 0 auto 5%;}
.bg-img figcaption h3 {font-size: 26px;font-weight: 600;font-style: italic;line-height: 1.2;margin: 0 auto 5%;}
.bg-img figcaption .caption-box p{font: italic normal 22px/30px "Helvetica Neue", Helvetica, Arial, serif;margin: 0;}
.bg-img figcaption .caption-box {padding: 20px;position: relative;background: #fff;border-radius: 10px;box-shadow: 5px 5px 10px #a59d00;}
.bg-img figcaption .caption-box:before {content: '';width: 50px;height: 50px;position: absolute;background: url(../../images/apostrophe-mark.png) no-repeat;top: -20px;left: -20px;}
.banner h4 {width: 70%;font-size: 24px;font-weight: 700;margin: 3% auto;line-height: 1.2;}
.bg-img .start-btn {position: absolute;left: 0;right: 0;bottom: -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;}
.video-parent {max-width: 500px;margin: auto;}
.blog-vid-par {position: relative;}
.blog-vid-par video{width: 100%;height: 100%;box-shadow: 5px 5px 15px #5f5900;}
.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--*/

/*--Stop Bill Start--*/

section.stop-bill-sec {padding: 50px 0px;}
.stop-bill-sec ul {list-style: none;padding-left: 0;font-size: 20px;margin: 30px 0px;font-weight: 600;}
.stop-bill-sec p {font-size: 20px;font-weight: 700;line-height: 1.2;}
.stop-bill-sec p span {font-size: 18px;font-weight: 600;}
.stop-bill-sec .start-btn a{float: left;}

/*--Strop Bill End--*/

/*--four-steps Start--*/

.four-steps .caption-box {padding: 20px;position: relative;background: #fff;border-radius: 10px;box-shadow: 5px 5px 10px #a59d00;}
.four-steps .caption-box:before {content: '';width: 50px;height: 50px;position: absolute;background: url(../../images/apostrophe-mark.png) no-repeat;top: -20px;left: -20px;}
.four-steps .caption-box p {text-align: center;font: italic normal 22px/30px "Helvetica Neue", Helvetica, Arial, serif;margin: 0;}
.emu-with-eggs img {position: absolute;top: -156px;right: 0;}
.four-steps h4 {font-size: 26px;font-weight: 700;line-height: 1.2;margin: 30px auto 50px;}
.step-row {width: 100%;display: flex;margin-top: 70px;}
.step-parent {width: 100%;position: relative;flex: 1;margin: 20px;background: #fff;box-shadow: 7px 7px 15px #928b00;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.step-parent:hover{margin-top: -10px;}
.four-steps {background: #f9ea00;position: relative;padding: 50px 0px;}
.step-icon {width: 80px;position: absolute;z-index: 9;margin: auto;text-align: center;top: -95px;left: 0;right: 0;}
.step-box > div {height: 220px;line-height: 220px;}
.step-box p {color: #000;font-size: 20px;font-weight: 600;line-height: 1.2;margin: 0;text-decoration: none;padding: 20px;vertical-align: middle;display: inline-block;}
.step-box p strong{font-weight: 800;}
.step-parent:first-child:after {content: '';width: 89px;height: 110px;position: absolute;background: url(../../images/emu-step1.png) no-repeat;background-size: 100% 100%;background-position: right;top: -110px;right: -10px;z-index: 1;}
.step-parent:nth-child(3):after {content: '';width: 110px;height: 165px;position: absolute;background: url(../../images/emu-step3.png) no-repeat;background-size: contain;background-position: right;top: -55px;right: -69px;z-index: 1;}
.four-steps .start-btn a{position: absolute;left: 0;right: 0;bottom: -78px;}

/*--four-steps End--*/

/*--Start Benefits Section--*/

section.benefits {padding: 50px 0px;}
.benefits ul{margin-top: 27%;}
.benefits li {font-size: 22px;font-weight: 600;line-height: 1.3;margin-bottom: 30px;}
.benefits .start-btn a{position: absolute;left: 0;right: 0;bottom: -75px;}

/*--End Benefits Section--*/

/*--Start App Section--*/

section.app-section {padding: 50px 0px;background: #f9ea00;}
.app-section .mid-section ul {list-style: none;padding-left: 30px;margin-top: 50px;margin-bottom: 35px;}
.app-section ul li {font-size: 22px;font-weight: 600;line-height: 1.3;position: relative;margin-bottom: 17px;}
.app-section .mid-section ul li:before {content: '';width: 30px;height: 26px;background: url(../../images/check-box.png) no-repeat;background-size: 100% 100%;position: absolute;top: 0px;left: -40px;z-index: 9;}
.app-section .mid-section h2 {font-size: 26px;font-weight: 800;}
.app-section p{font-size: 22px;font-weight: 600;line-height: 1.2;}

/*--End App Section--*/

/*--Start Sub Benefits--*/

.sub-benefits {padding: 60px 0px 0px;position: relative;background: #fff;}
.sub-benefits-box {width: 90%;background: #f9ea00;color: #000;padding: 3%;border: 2px solid #000;border-radius: 30px;margin: -90px auto 0px;box-shadow: 0 5px 15px #b1b1b1;}
.sub-benefits p {font-size: 20px;font-weight: 600;margin: 0;}
.sub-benefits .text-bunch {padding: 50px 0px 40px;}
.sub-benefits .text-bunch ul{padding-left: 20px;}
.sub-benefits .text-bunch ul li {font-size: 22px;font-weight: 700;margin-bottom: 7px;text-align: left;}
.bottom-info-sec {padding: 50px 0px;}

/*--End Sub Benefits--*/