*{margin:0px; padding: 0px; }
body{background-color: #ececec; font-family: 'Open Sans', sans-serif;}
.navbar-default {
    border-radius: 0px;
    background-color: #ffffff;
    border-bottom: 3px solid #78be20;
    height: 97px;
    margin-bottom: 0px;
}
.no-padding {
    padding: 0 !important;
}
ul.nav.navbar-nav.nav_bar.navbar-right {
    margin-top: 20px;
}
.navbar-default .navbar-nav>.active>a{color: #fff;
    background-color: #78be20;}
li.active.dropdown {
    background: none;
}
.header-top { 
    background-color: #ddd; 3
    padding: 3px;
}
.topbar-heading { 
    color: #000; 
    margin-top: 5px; 
    font-size: 13px;
    font-weight: bold;
}
.video_add{padding: 0px; height: 600px !important;}
video#videoId {
    width: 100% !important;
}
.jumbotrun_box {
    position: absolute;
    top: 250px !important;
}
.add_jumbotron { 
    background: rgba(0,0,0,0.3); 
    padding-top: 40px;
}
.add_jumbotron h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    line-height: 39px;
}
.add_jumbotron p {
    color: #fff;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
}
a.btn.button.special {
    color: #ffffff;
    background: #f415a5;
}
.sum_menu>li>a{background-color: #fff; color: #78be20; padding: 10px 12px;}
.sum_menu>li>a:hover{background-color: #78be20; color: #fff;}
.btn_top {
    color: #fff;
    background-color: #ee0f7d;
    border-color: #ee0f7d;
    margin-right: 64px;
    float: right !important;
}
.One-Stop-Shop h2 {
    text-transform: uppercase;
    color: #78be20;
    font-weight: 600;
}
	  .navbar-default .navbar-nav>li>a:hover{color:#78be20;}
	  ul.dropdown-menu.sum_menu {padding: 0px;
}

.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    padding: 0px;
    width: 150px;
    margin: 0px;
}

.control-group{display:inline-block;vertical-align:top;background:#fff;text-align:left;padding:0px;width:150px;margin:0px;}
.control{display:block;position:relative;padding-left:30px;margin-bottom:15px;cursor:pointer;font-size:18px;font-weight:normal;}
.control input[type="radio"]{position:absolute;z-index:-1;opacity:0;}
.control__indicator{position:absolute;top:2px;left:0;height:20px;width:20px;background:#ee0b7d;}
.control--radio .control__indicator{border-radius:50%;}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator{background:#58ab28;}
.control input:checked ~ .control__indicator{background:#ee0b7d;}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked ~ .control__indicator{background:#58ab28;}
.control input:disabled ~ .control__indicator{background:#e6e6e6;opacity:0.6;pointer-events:none;}
.control__indicator:after{content:'';position:absolute;display:none;}
.control input:checked ~ .control__indicator:after{display:block;}
.control--radio .control__indicator:after{left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.control--radio input:disabled ~ .control__indicator:after{background:#7b7b7b;}

/*---------- six dives strat css -----------------*/
span{
    font-size:15px;
}

.box{
    padding:20px 0px;
}

.shadow_1{
    box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.16), 0 0 2px 10px rgba(0, 0, 0, 0.12) !important;
        /*box-shadow: 0px 0px 6px #888888;*/
    height: 400px;
    background:#FFF;
    border-radius:0;
    padding:45px 10px;
    margin:30px 0px;
}
.shadow_1:hover{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;}

.text{
    margin:20px 0px;
}

.add_fa{
     color:#78be20;
     padding-bottom: 5px;
}
.add_six h4 {
    color: #78be20;
    font-size: 19px;
    font-weight: 600;
}
.add_six p {
    color: #8e8e8e;
    text-align: center;
    margin: 0 10px 10px;
    font-size: 15px;
    text-align: justify;
}
.middle_img{
  background-image: url('../image/backgruond.jpg'); width: 100%; height:450px;
}
.middle_box {
    margin-top: 100px;
    background: rgba(120, 190, 32, 0.63);
    padding: 20px;
}
.middle_box h3 {
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    font-size: 27px;
}
.middle_box h4 {
    color: #ffffff;
    line-height: 34px;
    font-size: 24px;
}
.special_add {
    border-radius: 0px;
    color: #fff;
    background: #ee0b7d;
}
.special_add:hover{color: #FFF;}
.three_box h2{font-weight: 600;
    font-size: 30px;
    text-transform: uppercase;
    color: #78be20;}
  .left_1 {
    height: 420px;
    background: #fff;
    padding: 3px;
    border:1px solid #ccc; 
}
.middle_1 {
    height: 420px;
    background: #fff;
    padding: 3px;
    border:1px solid #ccc;
}
.right_1 {
    height: 420px;
    background: #fff;
    padding: 3px;
    border:1px solid #ccc;
}
.section_add h4 {
    font-weight: 600;
    font-size: 21px;
    color: #58ab28;
}
.section_add p {
    line-height: 32px;
    font-size: 14px;
    margin: 0 0 10px;
    color: #909090;
}
.left-section.section_add {
    padding: 15px;
}
p.add_span {
    text-align: -webkit-center !important;
    font-size: 10px;
    white-space: nowrap;
}
	  .padding0{padding: 0px;}

/*--------------------  slider logos -------------------------*/

/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
	cursor: grab;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.logo_slider.text-center {
    padding: 15px;
    background: #fff;
    margin-top: 20px;
    height: 310px;
}
.logo_slider h2 {
    color: #78be20;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    font-size: 30px;
}
.footer {
    margin-top: 15px;
    background: #3e3e3e;
}
.breadcrumb{background: none !important;}
ul.breadcrumb.terms li a{color: #fff; text-decoration: none;}
.add_bread{margin-top: 5px;}
img.pull-right.add_pull {
    position: relative;
    right: 124px;
    top: -75px;
}

.position21 {
    position: absolute;
    top: -58px;
    float: right;
    z-index: 9999;
    right: 55px;
}

.progress{
    width: 70px;
    height: 70px;
    line-height: 80px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 7px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progress_bars {
    margin-right: -17px;
    margin-left: -17px;
    margin-top: 5px;
}

.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    /*border-radius: 50%;
    background: #44484b;*/
    font-size: 13px;
    color: #000;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: -43%;
    left: 7%;
}
.progress.blue .progress-bar{
    border-color: #78be20;
}
.progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
video{position:absolute;bottom:0%;left:0%;z-index:-100;width:100%;}
.parallax-bg{position:absolute;left:0;top:0;width:130%;height:100%;background-size:cover;background-position:center;}
.swiper-container{width:100%;height:100vh;}
.swiper-container .section-top-heading{margin-bottom:0;}
.swiper-container .section-top-heading > *{color:#ffffff;}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-size:cover !important;color:#ffffff;}
.swiper-container .slider-content.left{text-align:left;}
.swiper-container .slider-content.right{text-align:right;}
.swiper-container .swiper-button-next ,.swiper-container .swiper-button-prev{color:#ffffff;background:rgba(0, 0, 0, 0.5) none;width:40px;height:40px;font-size:27px;-webkit-transition:all linear 300ms;transition:all linear 300ms;border-radius:5px;}
.swiper-container .swiper-button-next:hover ,.swiper-container .swiper-button-prev:hover{background:#ffffff;color:#1b1b1b;}
.swiper-container i{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:15px;}
.swiper-container i.fa.fa-play, .swiper-container i.fa.fa-pause{top:auto;left:0;right:0;z-index:999999;pointer-events:auto;font-size:26px;}
.swiper-slide .buttons-group{margin-top:30px;}
.swiper-slide h2 span{font-weight:300;font-size:58px;}
.swiper-slide h2 span:nth-child(2){padding-left:8px;}
.swiper-slide .button{border:2px solid;border-radius:4px;}
.swiper-slide .button.normal{border-color:#ffffff;margin-right:20px;}
.swiper-slide .button.special{background:#74a534;border-color:#74a534;}
.swiper-slide .button.special:hover{border-color:#ffffff;color:#1b1b1b;}
.swiper-slide .button:before{background:#ffffff;}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

  .loader-bg{width: 58px; height: 58px;}
  img.pull-right.add_pull {width: 95px; position: relative; right: 10px; top: -14px;}
  .navbar-brand{padding: 0px 0px !important;}
  .nav_bar li {background-color: #fff !important;}
  .add_jumbotron h2{font-size: 17px; line-height: 28px;}
  .add_jumbotron p{font-size: 14px;}
  .jumbotron.add_jumbotron { border-radius: 0px; top: -478px !important;}
    .sum_menu li{background-color: #fff;}
    .topbar-heading{font-size: 12px;}
    .middle_box{margin-top: 14px;}
    .middle_box h3{font-size: 23px;}
    .middle_box h4{font-size: 20px;}
    .left_1 {margin-bottom: 10px; height: auto;}
    .middle_1{margin-bottom: 10px; height: auto;}
    .right_1{margin-bottom: 10px; height: auto;}
    .logo_slider.text-center{height: 230px;}
    ul.breadcrumb.terms.add_bread li a{font-size: 10px !important;}
	.col-md-3.progress_bars{padding: 0px;}
	.progress { float: left; margin-bottom: 0px; margin-top: 9px;}
	nav.navbar.navbar-default { z-index: 9999999 !important; /*height: 100% !important;*/}
    .padding0 {
    padding: 0px;
    display: inline-grid !important;
    float: left !important;
}
    p.add_span {
    margin-right: 5px !important;
    position: absolute;
    text-align: -webkit-center !important;
    font-size: 10px;
    white-space: nowrap;
    top: 79px;
    display: inline-table !important;
}
.progress {
    margin-left: 11px;
}

}
@media screen and (min-width: 320px) and (max-width: 380px) {
    .wp-side-menu {
        margin-top: -196px !important;
    }
}
@media screen and (min-width:1360px) {
    a.navbar-brand{margin-left: -30px;}
    .wp-side-menu{top: 61% !important;}
    .nav>li>a{padding: 10px 5px !important;}
}

@media screen and (min-width:1366px) {
.nav>li>a{padding: 10px 9px !important;}
.wp-side-menu{top: 425px !important;}

}
@media screen and (min-width: 1600px){
button#generateOtp {
    margin-left: 0px;
    float: left !important;
    padding: 4px 0px;
    border-right: 1px solid #fff;
    }
}
.pl-0 {
    padding-left: 0;
}
.pl-1 {
    padding-right: 0;
}
button#submit_btn {
    float: left !important;
    padding: 4px 8px;
}
.textright {
    float: right;
    text-align: right;
    margin-top: -37px;
}
.wo-icon,.wp-side-menu-item span{vertical-align:middle;padding:5px 0}
.wp-side-menu{font-family:'Open Sans',sans-serif;position:fixed;top:50%;right:0;z-index:10001 !important;}
.wp-side-menu-item{line-height:0;-webkit-transition:.4s all linear;transition:.4s all linear;margin:1px}
.wo-icon{display:inline-block;text-align:center;background-repeat:no-repeat;background-position:50% 50%;-webkit-transition:.4s all linear;transition:.4s all linear}.wp-side-menu-item span{font-weight:700;text-transform:uppercase}.wp-side-menu-item:not(:last-child){margin-bottom:0;text-decoration:none}.wp-side-menu-item{position:absolute;cursor:pointer;width:230px!important;right:-170px!important;background:#78b02e;background:-webkit-linear-gradient(left,#78b02e ,#689a26);background:-o-linear-gradient(right,#78b02e ,#689a26);background:-moz-linear-gradient(right,#78b02e ,#689a26);background:linear-gradient(to right,#78b02e ,#689a26);border-radius:4px 0 0 4px;box-sizing:border-box}.wp-side-menu .wo-icon{color:#fff;font-size:30px!important;line-height:50px!important;width:60px;border-radius:4px 0 0 4px;background:#78b02e;background:-webkit-linear-gradient(left,#78b02e ,#689a26);background:-o-linear-gradient(right,#78b02e ,#689a26);background:-moz-linear-gradient(right,#78b02e ,#689a26);background:linear-gradient(to right,#78b02e ,#689a26)}.wp-side-menu-item span{color:#fff;width:150px;word-wrap:break-word;text-align:center!important;display:inline-block;line-height:20px;font-size:15px}.wp-side-menu-item i.fa-car:after,.wp-side-menu-item i.fa-desktop:after{text-transform:uppercase;height:20px;font-family:"Maven Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;position:relative;z-index:100;top:-18px;left:0;display:block;letter-spacing:1px}.fa-users:after{text-transform:uppercase;height:20px;font-family:"Maven Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;position:relative;z-index:100;top:-18px;left:0;display:block;letter-spacing:px;}.fa-pie-chart:after{text-transform:uppercase;height:20px;font-family:"Maven Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;position:relative;z-index:100;top:-18px;left:0;display:block;letter-spacing:px;}.fa-male:after{text-transform:uppercase;height:20px;font-family:"Maven Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;position:relative;z-index:100;top:-18px;left:0;display:block;letter-spacing:1px;}.fa-calculator:after{text-transform:uppercase;height:20px;font-family:"Maven Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;position:relative;z-index:100;top:-18px;left:0;display:block;letter-spacing:1px}.wp-side-menu-item:hover{right:0!important;background:#78b02e!important}.wp-side-menu-item:hover .wo-icon{background:-webkit-linear-gradient(left,#78b02e ,#689a26)!important;background:-o-linear-gradient(right,#78b02e ,#689a26)!important;background:-moz-linear-gradient(right,#78b02e ,#689a26)!important;background:linear-gradient(to right,#78b02e ,#689a26)!important}.wp-side-menu-item:hover:before{background-color:#78b02e!important}.wp-side-menu-item i.fa-car:after{content:'Tour'}.wp-side-menu-item i.fa-calculator:after{content:'Funnel'}.wp-side-menu-item i.fa-desktop:after{content:'Demo'}.wp-side-menu-item i.fa-users:after{content:'ASNA.AI'}
.wp-side-menu-item i.fa-pie-chart:after{content:'Emp Spec'}
.wp-side-menu-item i.fa-male:after{content:'ASNA.AI'}
@media only screen and (max-width: 1360px) {
    .nav>li>a {
        padding: 10px 8px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
div#terms {
    background: #fff;
    padding: 15px 10px;
    margin-top: 15px;
    margin-bottom: 50px;
}
div#terms h2 {
    font-size: 19px;
    color: #78be20;
    text-transform: uppercase;
}
div#terms h4 {
    font-weight: 600;
    color: #464040;
    font-size: 16px;
}
i.fa.fa-hand-o-right.add_ico {
    padding: 0px 7px;
    color: #6ea329;
}
.position21 {
    top: -41px;}
.position21 img{width: 80px;}

.add_mobile {
    white-space: pre-line;
    width: 50%;
    float: left;
    height: 115px;
    border-color: #ffffff;

}
.add_body {
    overflow: auto;
}
.wo-icon {
    width: 100%;
    font-size: 22px;
}
.mobile-icon {
    position: fixed;
    top: 342px;
    right: 0px;
    z-index: 99999999;
}
.shadow_1{height: 100%;}
.add_tittle{color: #5cb85c; font-weight: 600;}
span.add_x {
    font-size: 28px;
    color: #000 !important;
    opacity: 2.2 !important;
}

}

@media only screen and (max-width: 480px) {
    .navbar-brand {
        height: 100%;
    }
    .navbar-default {
        height: 100% !important;
    }
    .navbar-brand img {
        padding: 15px;
    }
    .navbar-toggle {
        margin-top: 21px;
    }
    ul.nav.navbar-nav.nav_bar.navbar-right {
        margin-top: 0px !important;
    }
    .swiper-container {
        width: 100%;
        height: 100% !important;
    }
    .One-Stop-Shop {
        margin-top: 0px !important;
    }
    .swiper-container .swiper-slide video {
        position: relative;
    }
    video::-webkit-media-controls {
      display:none !important;
    }
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%; 
        height: 80px !important;
    }
    .addjumbc{ background: rgba(0,0,0,0.3);}
    #myModal, #messageModal, #messageModal1, #videoModal, #mobileModal {
        z-index: 9999999999999 !important;
    }
    a:focus, a:hover {
        color: #FFFFFF !important;
    }
    .hidden-mobile {
        display: none;
    }
    .modal {
      text-align: center;
      padding: 0!important;
    }

    .modal:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -4px;
    }

    .modal-dialog {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
    }
    .mobile-icon {
        padding:5px; 
        color: #fff;
        font-size: 27px !important;
        line-height: 35px !important;
        width: 40px;
        border-radius: 4px 0 0 4px;
        background: #78b02e;
        background: -webkit-linear-gradient(left,#78b02e ,#689a26);
        background: -o-linear-gradient(right,#78b02e ,#689a26);
        background: -moz-linear-gradient(right,#78b02e ,#689a26);
        background: linear-gradient(to right,#78b02e ,#689a26);
    }
}

/* @media only screen and (max-width: 480px) {
    .navbar-brand {
        height: 100%;
    }
    .navbar-default {
        height: 100% !important;
    }
    .navbar-brand img {
        padding: 15px;
    }
    .navbar-toggle {
        margin-top: 21px;
    }
    .swiper-container {
        width: 100%;
        height: 100% !important;
    }
    .One-Stop-Shop {
        margin-top: 0px !important;
    }
    .swiper-container .swiper-slide video {
        position: relative;
    }
    video::-webkit-media-controls {
      display:none !important;
    }
    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%; 
        height: 80px !important;
    }
    .addjumbc{ background: rgba(0,0,0,0.3);}
    #myModal {
        z-index: 9999999999999 !important;
    }
} */