html{
    height:100%
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    margin:0;
    text-decoration:none!important;
    list-style:none!important
}
span{
    display:inline-block
}
a,a:focus,a:hover{
    color:inherit
}
h1{
    font-size:60px
}
h2{
    font-size:50px
}
h3{
    font-size:35px
}
h4{
    font-size:30px
}
h5{
    font-size:25px
}
h6{
    font-size:18px
}
.pR0{
    padding-right:0!important
}
.pL0{
    padding-left:0!important
}
.m0{
    margin:0!important
}
.p0{
    padding:0!important
}
.v-middle{
    position:absolute;
    width:100%;
    top:50%;
    z-index:9;
    left:0;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.clear-fix{
    clear:both!important
}
.button{
    border:0;
    border-radius:2px;
    font-size:16px
}
.btn-bord-md{
    color:#fff;
    border:1px solid #fff;
    padding:8px 25px;
    background:0 0!important;
    transition:all .5s
}
.btn-bg-md{
    color:#fff;
    padding:8px 25px;
    transition:all .5s
}
.mt-0{
    margin-top:0!important
}
.mt-5{
    margin-top:5px!important
}
.mt-10{
    margin-top:10px!important
}
.mt-15{
    margin-top:15px!important
}
.mt-20{
    margin-top:20px!important
}
.mt-25{
    margin-top:25px!important
}
.mt-30{
    margin-top:30px!important
}
.mt-35{
    margin-top:35px!important
}
.mt-40{
    margin-top:40px!important
}
.mt-45{
    margin-top:45px!important
}
.mt-50{
    margin-top:50px!important
}
.mt-55{
    margin-top:55px!important
}
.mt-60{
    margin-top:60px!important
}
.mt-62{
    margin-top:62px!important
}
.mt-65{
    margin-top:65px!important
}
.mt-70{
    margin-top:70px!important
}
.mt-75{
    margin-top:75px!important
}
.mt-80{
    margin-top:80px!important
}
.mt-85{
    margin-top:85px!important
}
.mt-90{
    margin-top:90px!important
}
.mt-95{
    margin-top:95px!important
}
.mt-100{
    margin-top:100px!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-5{
    margin-bottom:5px!important
}
.mb-10{
    margin-bottom:10px!important
}
.mb-15{
    margin-bottom:15px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-25{
    margin-bottom:25px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-35{
    margin-bottom:35px!important
}
.mb-40{
    margin-bottom:40px!important
}
.mb-45{
    margin-bottom:45px!important
}
.mb-50{
    margin-bottom:50px!important
}
.mb-55{
    margin-bottom:55px!important
}
.mb-60{
    margin-bottom:60px!important
}
.mb-62{
    margin-bottom:62px!important
}
.mb-65{
    margin-bottom:65px!important
}
.mb-70{
    margin-bottom:70px!important
}
.mb-75{
    margin-bottom:75px!important
}
.mb-80{
    margin-bottom:80px!important
}
.mb-85{
    margin-bottom:85px!important
}
.mb-90{
    margin-bottom:90px!important
}
.mb-95{
    margin-bottom:95px!important
}
.mb-100{
    margin-bottom:100px!important
}
.pt-0{
    padding-top:0!important
}
.pt-5{
    padding-top:5px!important
}
.pt-10{
    padding-top:10px!important
}
.pt-15{
    padding-top:15px!important
}
.pt-20{
    padding-top:20px!important
}
.pt-25{
    padding-top:25px!important
}
.pt-30{
    padding-top:30px!important
}
.pt-35{
    padding-top:35px!important
}
.pt-40{
    padding-top:40px!important
}
.pt-45{
    padding-top:45px!important
}
.pt-50{
    padding-top:50px!important
}
.pt-55{
    padding-top:55px!important
}
.pt-60{
    padding-top:60px!important
}
.pt-65{
    padding-top:65px!important
}
.pt-70{
    padding-top:70px!important
}
.pt-75{
    padding-top:75px!important
}
.pt-80{
    padding-top:80px!important
}
.pt-85{
    padding-top:85px!important
}
.pt-90{
    padding-top:90px!important
}
.pt-95{
    padding-top:95px!important
}
.pt-100{
    padding-top:100px!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-5{
    padding-bottom:5px!important
}
.pb-10{
    padding-bottom:10px!important
}
.pb-15{
    padding-bottom:15px!important
}
.pb-20{
    padding-bottom:20px!important
}
.pb-25{
    padding-bottom:25px!important
}
.pb-30{
    padding-bottom:30px!important
}
.pb-35{
    padding-bottom:35px!important
}
.pb-40{
    padding-bottom:40px!important
}
.pb-45{
    padding-bottom:45px!important
}
.pb-50{
    padding-bottom:50px!important
}
.pb-55{
    padding-bottom:55px!important
}
.pb-60{
    padding-bottom:60px!important
}
.pb-65{
    padding-bottom:65px!important
}
.pb-70{
    padding-bottom:70px!important
}
.pb-75{
    padding-bottom:75px!important
}
.pb-80{
    padding-bottom:80px!important
}
.pb-85{
    padding-bottom:85px!important
}
.pb-90{
    padding-bottom:90px!important
}
.pb-95{
    padding-bottom:95px!important
}
.pb-100{
    padding-bottom:100px!important
}
@media (min-width:768px) and (max-width:991px){
    .mt-sm-30{
        margin-top:30px
    }
    .mb-sm-30{
        margin-bottom:30px
    }
}
@media (max-width:767px){
    .mt-xs-30{
        margin-top:30px
    }
    .mb-xs-30{
        margin-bottom:30px
    }
}
.no-padding{
    padding:0!important
}
.font-wight-100{
    font-weight:100!important
}
.font-wight-300{
    font-weight:300!important
}
.font-wight-400{
    font-weight:400!important
}
.font-wight-500{
    font-weight:500!important
}
.font-wight-600{
    font-weight:600!important
}
.font-wight-700{
    font-weight:700!important
}
.font-wight-800{
    font-weight:800!important
}
.facebook{
    background-color:#3b5998
}
.twitter{
    background-color:#0084b4
}
.youtube{
    background-color:#b00
}
.linkedin{
    background-color:#007bb6
}
.google{
    background-color:#dd4b39
}
.instagram{
    background-color:#e95950
}
.whatsapp{
    background-color:#4dc247
}
.github{
    background-color:#000
}
.loading{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#000;
    z-index:9999999999999
}
.spinner{
    margin:50vh auto;
    width:50px;
    height:40px;
    text-align:center;
    font-size:10px
}
.spinner>div{
    background-color:#fff;
    height:100%;
    width:4px;
    display:inline-block;
    -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
    animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.spinner .rect2{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.spinner .rect3{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.spinner .rect4{
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
.spinner .rect5{
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
@-webkit-keyframes sk-stretchdelay{
    0%,100%,40%{
        -webkit-transform:scaleY(.4)
    }
    20%{
        -webkit-transform:scaleY(1)
    }
}
@keyframes sk-stretchdelay{
    0%,100%,40%{
        transform:scaleY(.4);
        -webkit-transform:scaleY(.4)
    }
    20%{
        transform:scaleY(1);
        -webkit-transform:scaleY(1)
    }
}
body{
    color:#111;
    font-weight:400
}
.section-padding{
    padding:100px 0
}
p{
    color:#777;
    line-height:1.8;
    font-size:14px
}
.section-head{
    margin-bottom:80px
}
.section-head h6{
    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#000;
    margin-bottom:15px
}
.section-head h4{
    margin-bottom:30px;
    font-family:Raleway,sans-serif;
    font-weight:300
}
.btn-bg-md{
    border:1px solid #02a451;
    background:#02a451
}
.btn-bg-md:hover,.btn-bord-md:hover{
    border-color:#02a451;
    color:#02a451;
    background:0 0
}
.navbar-default{
    padding:12px 0;
    background:0 0;
    border:none;
    border-radius:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:99;
    background-color:#fff!important
}
.navbar-default .navbar-brand{
    font-weight:900;
    font-size:35px;
    color:#02a451;
    padding-top:8px;
    font-family:Montserrat,sans-serif
}
.navbar-default .navbar-brand:hover{
    color:#02a451
}
.navbar-default .navbar-brand span{
    font-weight:100;
    color:#eee;
    font-family:"Source Sans Pro",sans-serif
}
.navbar-default .navbar-nav>li>a{
    margin:0!important;
    padding:0!important
}
.navbar-default .navbar-nav>li{
    font-size:16px;
    margin:0;
    padding:5px 10px;
    background:0 0;
    cursor:pointer;
    position:relative
}
.navbar-default .navbar-nav>li .active{
    color:#02a451!important;
    background:0 0
}
.nav-scroll{
    background:#fff;
    -webkit-box-shadow:0 0 10px #f1f1f1;
    box-shadow:0 0 10px #f1f1f1;
    min-height:60px;
    line-height:60px;
    padding:0;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    -webkit-transition:all .5s;
    transition:all .5s
}
.nav-scroll .navbar-brand span{
    color:#111
}
.nav-scroll .navbar-nav>li>a{
    color:#111!important
}
.header{
    min-height:100vh;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative
}
.header .header-overlay{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.3)
}
.header .caption{
    color:#fff;
    font-family:Raleway,sans-serif
}
.header .caption h3{
    margin-bottom:20px;
    font-weight:100
}
.header .caption h2{
    margin-bottom:50px;
    font-weight:200
}
.header .caption .button{
    margin:0 2px 0
}
.header .button-scroll{
    position:absolute;
    bottom:5vh;
    left:calc(50% - 13px);
    width:26px;
    height:50px;
    border-radius:15px;
    border:2px solid #fff;
    cursor:pointer;
    z-index:9
}
.header .button-scroll span{
    height:10px;
    width:2px;
    position:absolute;
    left:calc(50% - 1px);
    background:#fff;
    -webkit-animation:scroll .5s infinite alternate;
    animation:scroll .5s infinite alternate
}
@keyframes scroll{
    0%{
        top:50%
    }
    50%{
        top:55%
    }
    100%{
        top:60%
    }
}
@-webkit-keyframes scroll{
    0%{
        top:50%
    }
    50%{
        top:55%
    }
    100%{
        top:60%
    }
}
/* .header.demo1{
    background-image:url(/img/c97d4a9a1a17c34badf904e7406858f454870bce/bg1.jpg)
} */
.hero{
    padding-bottom:0
}
.padding_top{
    padding-top:0
}
.us{
    background:#fafafa;
    text-align:center
}
.bg-gray{
    background:#fafafa
}
.us .item{
    padding:50px 30px;
    background:#fff;
    -webkit-box-shadow:0 0 5px #eee;
    box-shadow:0 0 5px #eee
}
.us .item span{
    font-size:40px;
    color:#02a451;
    margin-bottom:30px
}
.us .item h6{
    margin-bottom:30px;
    padding-bottom:30px;
    position:relative;
    letter-spacing:1px
}
.us .item h6:after{
    content:"";
    width:50px;
    height:1px;
    background:#02a451;
    position:absolute;
    bottom:0;
    left:calc(50% - 25px)
}
.team .team-item{
    position:relative
}
.team .team-item:hover .info{
    opacity:1
}
.team .team-item .info{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(220,20,60,.61);
    color:#fff;
    opacity:0;
    -webkit-transition:all .5s;
    transition:all .5s
}
.team .team-item .info h6{
    font-weight:300;
    margin-bottom:10px
}
.team .team-item .info h5{
    font-weight:200;
    margin-bottom:30px
}
.team .team-item .info span{
    margin:0 10px 0
}
.team .team-item .info span:hover{
    color:#02a451
}
.team .why-us{
    padding:40px
}
.team .why-us h4{
    margin-bottom:30px
}
.team .why-us .button{
    margin-top:40px
}
.team .skills{
    padding:0
}
.team .skills .item h6{
    font-size:14px;
    text-transform:uppercase;
    margin:0 0 10px 10px
}
.team .skills .item .skills-progress{
    width:100%;
    height:18px;
    border-radius:30px;
    margin-bottom:15px;
    background:#fafafa
}
.team .skills .item .skills-progress span{
    width:0;
    height:100%;
    border-radius:30px;
    background:#02a451;
    position:relative;
    -webkit-transition:all .5s;
    transition:all .5s
}
.team .skills .item .skills-progress span:after{
    content:attr(data-value);
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:13px;
    border-radius:50%;
    background:#fafafa;
    position:absolute;
    top:-7px;
    right:-5px
}
.numbers{
    /* background-image:url(../images/numbers.jpg); */
    background-size:cover;
    background-attachment:fixed;
    position:relative;
    color:#fff
}
.numbers:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    z-index:0;
    opacity:.8
}
.numbers .container{
    position:relative;
    z-index:2
}
.numbers .numb-item span{
    color:#02a451;
    font-size:40px;
    margin-bottom:20px
}
.numbers .numb-item h3{
    position:relative;
    margin-bottom:10px;
    padding-bottom:10px
}
.numbers .numb-item h3:after{
    content:"";
    width:30px;
    height:1px;
    background:#02a451;
    position:absolute;
    bottom:0;
    left:calc(50% - 15px)
}
.numbers .numb-item h6{
    color:#eee
}
.services{
    padding-bottom:0
}
.services .tabs-icon li{
    display:inline-block;
    padding:10px 40px;
    margin-bottom:80px;
    cursor:pointer;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    vertical-align:middle;
    z-index:1;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out;
    box-shadow:0 12px 19px 4px rgba(0,0,0,.08);
    top:0
}
.services .tabs-icon li:hover{
    box-shadow:0 0 0 0 rgba(0,0,0,.08);
    top:1px
}
.services .tabs-icon li.active,.services .tabs-icon li:hover{
    box-shadow:0 0 0 0 rgba(0,0,0,.08);
    top:1px
}
.services .tabs-icon li:before{
    content:"";
    width:1px;
    height:90%;
    background:#eee;
    position:absolute;
    top:5%;
    right:0
}
.services .tabs-icon li:last-child:before{
    display:none
}
.services .tabs-icon li:after{
    content:"";
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid #fafafa;
    position:absolute;
    bottom:-90px;
    left:calc(50% - 20px);
    display:none
}
.services .tabs-icon li span{
    font-size:40px;
    margin-bottom:15px
}
.services .tabs-icon li h6{
    font-size:16px;
    text-transform:uppercase
}
.services .tabs-icon .active{
    color:#02a451
}
.services .tabs-icon .active:after{
    display:block
}
.services .services-content{
    min-height:350px;
    padding:80px 0;
    background:#fafafa
}
.services .services-content .item{
    display:none
}
.services .services-content .item .icon{
    font-size:180px;
    color:#f4f4f4
}
.services .services-content .item h5{
    color:#222;
    margin:0;
    font-family:Raleway,sans-serif;
    line-height:1.5;
    letter-spacing:2px;
    font-weight:300
}
.services .services-content .active{
    display:block
}
.about_box i{
    font-size:40px;
    width:110px;
    height:110px;
    padding:35px 0;
    margin-bottom:10px;
    border-radius:10%;
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.about_box i:before{
    transform:scale(1);
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.about_box:hover i:before{
    transform:scale(1.2)
}
.about_box h4{
    text-transform:uppercase;
    transition:all .5s;
    margin-top:20px;
    font-size:20px;
    margin-bottom:20px
}
.suppot_fige{
    padding:10px 10px 10px 29px;
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    vertical-align:middle;
    z-index:1;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out;
    background:#fff;
    float:left;
    width:100%;
    box-shadow:0 12px 19px 4px rgba(0,0,0,.08);
    top:0
}
.suppot_fige:hover{
    box-shadow:0 0 0 0 rgba(0,0,0,.08);
    top:1px
}
.suppot_fige .media_suppot,.suppot_fige .media_text{
    display:table-cell;
    vertical-align:middle
}
@media (min-width:768px) and (max-width:991px){
    .suppot_fige{
        margin-bottom:30px
    }
}
.suppot_fige .media_suppot i{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:25px;
    color:#fff;
    border-radius:100%
}
.suppot_fige .media_text{
    padding-left:20px
}
.suppot_fige .media_text h4{
    margin-top:12px;
    font-family:Raleway,sans-serif;
    font-weight:300;
    color:#111;
    text-transform:uppercase;
    font-size:18px
}
.portfolio{
    overflow:hidden
}
.portfolio .filtering span{
    margin:0 10px;
    padding:5px 10px;
    font-size:16px;
    color:#777;
    cursor:pointer
}
.portfolio .filtering .active{
    color:#02a451
}
.portfolio .item-img{
    padding:0;
    position:relative
}
.portfolio .item-img .item-img-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.9);
    opacity:0;
    overflow:hidden;
    -webkit-transition:all .5s;
    transition:all .5s;
    color:#fff
}
.portfolio .item-img .item-img-overlay:hover{
    opacity:1
}
.portfolio .item-img .item-img-overlay h6{
    margin-bottom:20px
}
.portfolio .item-img .item-img-overlay .icon a{
    display:inline-block;
    width:35px;
    height:35px;
    line-height:35px;
    margin:5px;
    font-size:25px;
    border:1px solid #eee
}
.clients{
    /* background-image:url(../images/clients.jpg); */
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    position:relative
}
.clients:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.8);
    z-index:1
}
.clients .container{
    position:relative;
    z-index:2
}
.clients .client-say{
    color:#fff
}
.clients .client-say span{
    font-size:40px;
    margin-bottom:30px;
    color:#02a451
}
.clients .client-say h4{
    font-family:Raleway,sans-serif;
    font-weight:200;
    margin-bottom:50px
}
.clients .client-say .client-item p{
    font-size:18px;
    color:#ccc;
    font-style:italic;
    font-family:Raleway,sans-serif;
    margin-bottom:30px
}
.clients .client-say .client-item h6{
    font-size:14px;
    color:#02a451;
    margin-bottom:10px
}
.clients .client-say .client-item h5{
    font-size:16px;
    font-weight:200;
    letter-spacing:1px;
    margin-bottom:30px
}
.clients .owl-theme .owl-dots span{
    width:10px;
    height:10px;
    background:#eee;
    margin:0 5px;
    border-radius:50%
}
.clients .owl-theme .owl-dots .active span{
    height:10px;
    background:#02a451
}
.pricing .block{
    display:inline-block;
    position:relative;
    width:100%;
    margin-bottom:30px;
    border-radius:6px;
    color:rgba(0,0,0,.87);
    background:#fff;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.pricing .block-caption{
    font-weight:700;
    font-family:Lato,"Times New Roman",serif;
    color:#3c4857
}
.pricing .block-plain{
    background:0 0;
    box-shadow:none
}
.pricing .block .category:not([class*=text-]){
    color:#3c4857
}
.pricing .block-background{
    background-position:center center;
    background-size:cover;
    text-align:center
}
.pricing .block-raised{
    box-shadow:0 16px 38px -12px rgba(0,0,0,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
}
.pricing .block-background .table{
    position:relative;
    z-index:2;
    min-height:280px;
    padding-top:40px;
    padding-bottom:40px;
    max-width:440px;
    margin:0 auto
}
.pricing .block-background .block-caption{
    color:#fff;
    margin-top:10px
}
.pricing .block-pricing.block-background:after{
    background-color:rgba(0,0,0,.7)
}
.pricing .block-background:after{
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    left:0;
    top:0;
    content:"";
    background-color:rgba(0,0,0,.56);
    border-radius:6px
}
.pricing .block-pricing{
    text-align:center
}
.pricing .block-pricing .table{
    padding:15px!important;
    margin-bottom:0
}
.pricing .block-pricing .icon{
    padding:10px 0 0;
    color:#3c4857
}
.pricing .block-pricing .icon i{
    font-size:55px;
    border:1px solid #ececec;
    border-radius:50%;
    width:130px;
    line-height:130px;
    height:130px
}
.pricing .block-pricing h1 small{
    font-size:18px
}
.pricing .block-pricing h1 small:first-child{
    position:relative;
    top:-17px;
    font-size:26px
}
.pricing .block-pricing ul{
    list-style:none;
    padding:0;
    max-width:240px;
    margin:10px auto
}
.pricing .block-pricing ul li{
    color:#3c4857;
    text-align:center;
    padding:12px 0;
    border-bottom:1px solid rgba(153,153,153,.3)
}
.pricing .block-pricing ul li:last-child{
    border:0
}
.pricing .block-pricing ul li b{
    color:#3c4857
}
.pricing .block-pricing ul li i{
    top:6px;
    position:relative
}
.pricing .block-pricing [class*=table-] ul li,.pricing .block-pricing.block-background ul li{
    color:#fff;
    border-color:rgba(255,255,255,.3)
}
.pricing .block-pricing [class*=table-] ul li b,.pricing .block-pricing.block-background ul li b{
    color:#fff
}
.pricing .block-pricing [class*=table-] [class*=text-],.pricing .block-pricing.block-background [class*=text-]{
    color:#fff
}
.pricing .block-pricing.block-background:after{
    background-color:rgba(0,0,0,.7)
}
.pricing .block-background:not(.block-pricing) .btn{
    margin-bottom:0
}
.pricing .block .table-primary{
    background:linear-gradient(60deg,#ab47bc,#7b1fa2)
}
.pricing .block [class*=table-] .block-caption,.pricing .block [class*=table-] .block-caption a,.pricing .block [class*=table-] .icon i{
    color:#fff
}
.pricing .block-pricing .block-caption{
    margin-top:30px
}
.pricing .block [class*=table-] h1 small,.pricing .block [class*=table-] h2 small,.pricing .block [class*=table-] h3 small{
    color:rgba(255,255,255,.8)
}
.pricing .block .table-primary{
    background:linear-gradient(60deg,#ab47bc,#7b1fa2);
    border-radius:6px;
    box-shadow:0 16px 26px -10px rgba(156,39,176,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(156,39,176,.2)
}
.pricing .block .table-info{
    background:linear-gradient(60deg,#26c6da,#0097a7);
    border-radius:6px;
    box-shadow:0 2px 2px 0 rgba(0,188,212,.14),0 3px 1px -2px rgba(0,188,212,.2),0 1px 5px 0 rgba(0,188,212,.12)
}
.pricing .block .table-success{
    border-radius:6px;
    box-shadow:0 14px 26px -12px #dc143c,0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px #dc143c
}
.pricing .block .table-warning{
    background:linear-gradient(60deg,#ffa726,#f57c00);
    border-radius:6px
}
.pricing .block .table-danger{
    background:linear-gradient(60deg,#ef5350,#d32f2f);
    border-radius:6px;
    box-shadow:0 2px 2px 0 rgba(221,75,57,.14),0 3px 1px -2px rgba(221,75,57,.2),0 1px 5px 0 rgba(221,75,57,.12)
}
.pricing .block .table-rose{
    background:linear-gradient(60deg,#ec407a,#c2185b);
    border-radius:6px;
    box-shadow:0 14px 26px -12px rgba(233,30,99,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(233,30,99,.2)
}
.pricing .block [class*=table-] .block-description,.pricing .block [class*=table-] .category{
    color:rgba(255,255,255,.8)
}
.pricing .btn,.pricing .navbar>li>a.btn{
    border:none;
    border-radius:3px;
    position:relative;
    padding:12px 30px;
    margin:10px 1px;
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0;
    will-change:box-shadow,transform;
    transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1)
}
.pricing .btn.btn-round{
    border-radius:30px
}
.pricing .nav-pills:not(.nav-pills-icons)>li>a{
    border-radius:30px;
    font-weight:400
}
.pricing .nav-pills>li.active>a,.pricing .nav-pills>li.active>a:focus,.pricing .nav-pills>li.active>a:hover{
    background-color:#9c27b0;
    color:#fff;
    box-shadow:0 16px 26px -10px rgba(156,39,176,.56),0 4px 25px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(156,39,176,.2)
}
.pricing .btn.btn-success{
    color:#fff
}
.pricing .btn.btn-success:active,.pricing .btn.btn-success:focus,.pricing .btn.btn-success:hover{
    box-shadow:0 14px 26px -12px rgba(220,20,60,.45),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(220,20,60,.5)
}
.pricing .btn.btn-white{
    color:#3c4857;
    background-color:#fff;
    border-color:#fff;
    box-shadow:0 2px 2px 0 rgba(153,153,153,.14),0 3px 1px -2px rgba(153,153,153,.2),0 1px 5px 0 rgba(153,153,153,.12)
}
.pricing .btn.btn-white:active,.pricing .btn.btn-white:focus,.pricing .btn.btn-white:hover{
    box-shadow:0 4px 4px 0 rgba(153,153,153,.24),0 3px 1px -2px rgba(153,153,153,.3),0 1px 5px 0 rgba(153,153,153,.32)
}
.blog{
    background:#fafafa
}
.blog .post-content{
    padding:30px 20px 15px;
    background:#fff
}
.blog .post-content h6{
    margin-bottom:15px;
    font-family:Raleway,sans-serif;
    font-weight:300
}
.blog .post-content p{
    color:#999
}
.blog .post-content a span{
    color:#02a451;
    margin:0 auto 15px;
    font-size:14px
}
.blog .post-content .info{
    padding-top:15px;
    border-top:1px solid #eee
}
.blog .post-content .info li{
    display:inline-block;
    margin:0 10px -15px 0;
    padding:0;
    font-size:12px;
    color:#888
}
.blog .post-content .info li span{
    padding-right:4px;
    color:#02a451
}
.contact .info{
    margin-bottom:30px
}
.mBsh{
    margin-bottom:15px!important
}
.contact .info .item{
    text-align:center
}
.contact .info .item .icon{
    font-size:40px;
    margin-bottom:10px
}
.contact .info .item h6{
    text-transform:uppercase;
    margin-bottom:10px
}
.contact .main-form input{
    width:100%;
    padding:10px;
    border:1px solid #eee;
    background:#fafafa;
    margin-bottom:15px
}
.contact .main-form input[type=submit]{
    background:#02a451;
    -webkit-transition:all .5s;
    transition:all .5s
}
.contact .main-form input[type=submit]:hover{
    border-color:#02a451;
    background:0 0;
    color:#02a451
}
.contact .main-form textarea{
    width:100%;
    height:140px;
    max-width:100%;
    max-height:140px;
    padding:10px;
    background:#fafafa;
    border:1px solid #eee
}
.map{
    margin:0 auto
}
.map .map-toggle{
    padding:20px 0;
    text-align:center;
    background:#f1f1f1;
    cursor:pointer
}
.map .map-toggle span{
    font-size:16px;
    text-transform:uppercase;
    position:relative;
    padding-right:10px
}
.map .map-toggle span:after{
    content:"f106";
    font-family:FontAwesome;
    color:#02a451;
    position:absolute;
    right:-10px
}
.map .map-toggle .open:after{
    content:"f107"
}
.map .map-loc{
    height:400px;
    display:none
}
.map .map-loc iframe{
    width:100%;
    height:100%
}
.header.demo4{
    overflow:hidden!important;
    /* background-image:url(../images/bannerOne.jpg) */
}
.header.demo4 .caption{
    padding:0 10px
}
.demo4 .owl-theme .owl-nav [class*=owl-]{
    background:rgba(0,0,0,.5);
    color:#eee;
    padding:0 10px;
    height:80px;
    line-height:80px;
    font-size:20px;
    opacity:0;
    transition:all .5s
}
.demo4:hover .owl-theme .owl-nav [class*=owl-]{
    opacity:1
}
.demo4 .owl-prev{
    position:absolute;
    top:calc(50% - 50px);
    left:-5px
}
.demo4 .owl-next{
    position:absolute;
    top:calc(50% - 50px);
    right:-5px
}
.blog .post-content .info li span,.blog .post-content a span,.btn-bg-md:hover,.btn-bord-md:hover,.button,.clients .client-say .client-item h6,.clients .client-say span,.clients .owl-theme .owl-dots .active span,.contact .main-form input[type=submit]:hover,.map .map-toggle span:after,.navbar-default .navbar-brand,.navbar-default .navbar-nav>li .active,.numbers .numb-item span,.portfolio .filtering .active,.section-head h6,.services .tabs-icon .active,.team .team-item .info span:hover,.us .item span,footer .main-footer .footer-logo span{
    color:#02a451!important
}
.about_box i,.btn-bg-md,.clients .owl-theme .owl-dots .active span,.contact .main-form input[type=submit],.numbers .numb-item h3:after,.pricing .block .table-success,.pricing .btn.btn-success,.suppot_fige .media_suppot i,.team .skills .item .skills-progress span,.us .item h6:after,footer .main-footer .social-icon span:hover{
    background:#02a451!important
}
.btn-bg-md,.btn-bg-md:hover,.btn-bord-md:hover,.contact .main-form input[type=submit]:hover{
    border-color:#02a451!important;
    color:#fff!important;
    border-radius:35px
}
.btn-bg-md:hover,.btn-bord-md:hover,.contact .main-form input[type=submit]:hover{
    background:#fff!important;
    border-color:#02a451!important;
    color:#02a451!important
}
.caption h3{
    font-size:48px!important;
    text-transform:uppercase
}
.play_ico{
    border:1px solid #fff;
    padding:19px 19px 17px 30px;
    border-radius:100%
}
.slider_copy{
    font-size:22px!important
}
#accordion .panel-heading{
    padding:0
}
#accordion .panel-title>a{
    display:block;
    padding:.4em .6em;
    outline:0;
    font-weight:700;
    text-decoration:none
}
#accordion .panel-title>a.accordion-toggle::before,#accordion a[data-toggle=collapse]::before{
    content:"f106";
    float:left;
    font-family:FontAwesome;
    margin-right:1em;
    float:right
}
#accordion .panel-title>a.accordion-toggle.collapsed::before,#accordion a.collapsed[data-toggle=collapse]::before{
    content:"f107";
    float:right
}
#quote-carousel{
    float:left;
    width:100%;
    min-height:210px;
    margin-top:30px
}
#quote-carousel .carousel-control{
    background:0 0;
    color:#cacaca;
    font-size:2.3em;
    text-shadow:none;
    margin-top:80px;
    width:40px!important
}
#quote-carousel .carousel-control.left{
    left:0
}
#quote-carousel .carousel-control.right{
    right:0
}
#quote-carousel .carousel-indicators{
    right:50%;
    top:auto;
    bottom:0;
    margin-right:-19px
}
#quote-carousel .carousel-indicators li{
    width:50px;
    height:50px;
    margin:5px;
    cursor:pointer;
    border:4px solid #ccc;
    border-radius:50px;
    opacity:.4;
    overflow:hidden;
    transition:all .4s
}
#quote-carousel .carousel-indicators .active{
    background:#333;
    width:128px;
    height:128px;
    border-radius:100px;
    border-color:#f33;
    opacity:1;
    overflow:hidden
}
.carousel-inner{
    min-height:150px;
    background-color:#fff
}
.carousel-inner .item,.carousel-inner blockquote{
    width:100%!important;
    min-width:100%
}
.carousel-inner blockquote .row{
    float:left;
    width:100%
}
.item blockquote{
    border-left:none;
    margin:0;
    min-height:210px
}
.item blockquote p:before{
    content:"f10d";
    font-family:Fontawesome;
    float:left;
    margin-right:10px
}
.our_program_dv{
    float:left;
    width:100%;
    padding:10px 70px;
    text-align:center
}
.program_tital{
    font-size:40px!important;
    text-transform:uppercase!important
}
.our_program_dv .item img{
    width:auto!important
}
.our_program_dv .item h6{
    float:left;
    width:100%;
    text-align:center;
    padding:12px 0;
    font-size:22px
}
.clearout{
    height:20px;
    clear:both
}
#flexiselDemo1,#flexiselDemo2,#flexiselDemo3{
    display:none
}
.nbs-flexisel-container{
    position:relative;
    max-width:100%
}
.nbs-flexisel-ul{
    position:relative;
    width:99999px;
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
    overflow:auto
}
.nbs-flexisel-inner{
    position:relative;
    overflow:hidden;
    float:left;
    width:100%;
    background:#fff
}
.nbs-flexisel-item{
    float:left;
    margin:0;
    padding:0;
    cursor:pointer;
    position:relative;
    line-height:0
}
.nbs-flexisel-item img{
    max-width:100%;
    cursor:pointer;
    position:relative;
    margin-top:10px;
    margin-bottom:10px;
    width:300px
}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    position:absolute;
    cursor:pointer;
    z-index:4;
    top:50%;
    transform:translateY(-50%);
    background:rgba(0,0,0,.5);
    color:#fff
}
.nbs-flexisel-nav-left{
    left:10px
}
.nbs-flexisel-nav-left:before{
    content:"<"
}
.nbs-flexisel-nav-left.disabled{
    opacity:.4
}
.nbs-flexisel-nav-right{
    right:5px
}
.nbs-flexisel-nav-right:before{
    content:">"
}
.nbs-flexisel-nav-right.disabled{
    opacity:.4
}
.nbs-flexisel-item img{
    max-width:100%;
    cursor:pointer;
    position:relative;
    margin-top:10px;
    margin-bottom:10px
}
.new_accordion{
    float:left;
    width:100%
}
.new_accordion .panel-heading{
    border-radius:40px!important
}
.new_accordion .panel{
    background-color:transparent!important;
    border:none!important
}
.new_accordion .panel-heading .panel-title{
    margin:0!important
}
.new_accordion .panel-heading .panel-title a{
    padding:10px 22px!important;
    border:1px solid #02a451!important;
    border-radius:30px!important;
    font-size:15px!important;
    font-weight:500!important
}
.new_accordion .panel-body{
    border:none!important;
    box-shadow:none!important
}
.new_accordion .panel-body p{
    font-size:15px;
    line-height:21px
}
.new_accordion .panel.panel-default{
    box-shadow:none!important;
    margin-top:0!important;
    margin-bottom:28px!important
}
.iIconPhone{
    float:left;
    font-size:40px;
    color:#d9d9d9;
    padding:2px 12px 0 0
}
.btn_mob_app{
    float:left;
    color:#767171!important
}
.ui_left li{
    border:1px solid #4e4e4e;
    border-radius:4px
}
.tesimonial_lefft{
    float:left;
    width:100%;
    padding:12px 0
}
.title_one h1{
    font-size:35px;
    float:left;
    width:100%;
    font-weight:300;
    line-height:35px;
    color:#767171;
    text-align:center
}
.title_one span{
    color:#00b050
}
.p_text{
    float:left;
    width:100%;
    padding:30px 0;
    color:#767171;
    font-size:18px
}
.p_text span{
    color:#00b050
}
.p_text span sup{
    font-size:50%!important
}
.general_msg{
    position:relative;
    float:left;
    width:100%;
    text-align:center;
    padding:12px 0;
    color:#ea5c68;
    font-size:12px;
    margin:0
}
.ch_plan_info li b{
    font-size:12px;
    color:#333
}
.sign_up_form{
    float:left;
    width:100%;
    padding:55px 40px
}
#paymentDiv .sign_up_form{
    float:left;
    width:100%;
    padding:17px 0!important
}
.ul_form_btn{
    float:right
}
.ul_form_btn li{
    border:1px solid #4e4e4e;
    border-radius:4px;
    float:left;
    padding:5px 22px
}
.ul_form_a{
    font-size:15px;
    float:left;
    line-height:50px
}
.icon_radio{
    float:left;
    width:50px;
    margin-right:5px
}
.form_outer{
    float:left;
    width:100%;
    background-color:#ededed;
    padding:0 40px 10px
}
.step_1_padding{
    padding:5px 38px 18px
}
.step_1_padding .terms_check_box{
    padding:15px 0!important
}
.form_outer p.title_step_1{
    float:left;
    width:100%;
    margin:0;
    padding:8px 0;
    text-align:center;
    font-size:25px;
    font-weight:300;
    color:#000
}
.slctttt{
    font-size:16px!important;
    text-indent:0!important;
    padding:10px 4px!important;
    color:#8e8080!important
}
.md-input{
    position:relative;
    margin-bottom:0;
    float:left;
    width:100%
}
.md-input .md-form-control{
    text-indent:30px;
    font-size:16px;
    padding:10px 10px 10px 5px;
    display:block;
    border:none;
    border-bottom:2px solid #cacaca;
    box-shadow:none;
    width:100%;
    margin-bottom:25px
}
.md-input label{
    color:rgba(0,0,0,.5);
    font-size:16px;
    font-weight:400;
    position:absolute;
    pointer-events:none;
    left:35px;
    top:10px;
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all
}
.md-input .bar:before{
    left:50%
}
.md-input .bar:after{
    right:50%
}
.md-input .highlight{
    position:absolute;
    height:60%;
    width:100px;
    top:25%;
    left:0;
    pointer-events:none;
    opacity:.5
}
.md-input .md-form-control:focus~label,.md-input .md-form-control:valid~label{
    top:-15px;
    font-size:14px;
    color:#183d5d
}
.md-input .bar:after,.md-input .bar:before{
    content:'';
    height:2px;
    width:0;
    bottom:25px;
    position:absolute;
    background:#02a451;
    transition:.2s ease all;
    -moz-transition:.2s ease all;
    -webkit-transition:.2s ease all
}
.md-input .md-form-control:focus~.bar:after,.md-input .md-form-control:focus~.bar:before{
    width:50%
}
.form_step_1{
    float:left;
    width:100%
}
.terms_check_box{
    float:left;
    width:100%;
    text-align:center;
    padding:5px 0 12px
}
.labelNew{
    position:relative;
    cursor:pointer;
    color:#666;
    font-size:30px
}
.form-check input[type=checkbox],.form-check input[type=radio]{
    position:absolute;
    right:9000px
}
.form-check input[type=checkbox]+.label-text:before{
    content:"f096";
    font-family:FontAwesome;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    width:1em;
    display:inline-block;
    margin-right:5px
}
.form-check input[type=checkbox]:checked+.label-text:before{
    content:"f14a";
    color:#02a451;
    animation:effect 250ms ease-in
}
.form-check input[type=checkbox]:disabled+.label-text{
    color:#aaa
}
.form-check input[type=checkbox]:disabled+.label-text:before{
    content:"f0c8";
    color:#ccc
}
.form-check span{
    font-size:14px;
    font-weight:100!important
}
.form-check span a{
    color:#02a451;
    text-decoration:underline!important
}
@keyframes effect{
    0%{
        transform:scale(0)
    }
    25%{
        transform:scale(1.3)
    }
    75%{
        transform:scale(1.4)
    }
    100%{
        transform:scale(1)
    }
}
.btn_purchase1{
    border:none;
    border-radius:100%
}
.step_2_selection{
    float:left;
    width:100%;
    text-align:center;
    padding:20px 0 20px
}
.step_2_selection h2{
    font-size:25px!important;
    font-weight:300
}
h3.program_tital{
    margin-bottom:30px;
    font-family:Raleway,sans-serif;
    font-weight:500;
    font-size:24px!important
}
h3.program_tital span{
    color:#02a451
}
.step_2_titl{
    float:left;
    width:100%;
    padding:5px 0 0;
    margin-bottom:0!important
}
.ch_plan .ch_right_width ul li p{
    font-size:12px!important
}
.ch_plan{
    border:3px solid #efefef!important;
    padding:10px 20px!important
}
.ch_plan_common{
    width:140px;
    padding:0
}
.ch_plan_common img{
    width:100px
}
.ch_plan_common h4{
    font-weight:300;
    text-transform:uppercase
}
.ch_plan_group ul{
    list-style-type:none;
    padding-left:0;
    text-align:left;
    float:left;
    width:100%;
    padding:85px 0
}
.inc_lihi .ch_plan_group ul{
    padding:108px 0
}
.ch_plan_group h5{
    font-size:14px;
    text-align:center;
    font-weight:600;
    color:#aeaeae;
    text-transform:uppercase
}
.ch_plan_info li{
    font-size:13px;
    line-height:49px;
    text-align:right;
    float:right;
    width:100%
}
.ch_plan_info li p{
    margin:0!important
}
.ch_plan_info li b{
    float:right;
    line-height:28px
}
.ch_plan_select{
    float:left;
    width:100%;
    cursor:pointer;
    padding:5px!important;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.ch_plan_select li{
    text-align:center;
    background:#aeaeae;
    color:#fff;
    line-height:28px;
    margin-bottom:5px
}
.ch_right_width{
    width:calc(100% - 150px)
}
.ch_track img{
    display:none
}
.ch_main_btn{
    border:1px solid transparent!important
}
.ch_main_btn:hover{
    color:#02a451!important;
    text-decoration:none!important;
    background:#fff!important;
    border:1px solid #02a451!important
}
.bg_whiteeee{
    background-color:#fff!important
}
.our_progrrm{
    background-color:#fdfdfd
}
.copy_rgthh{
    list-style:none!important
}
.copy_rgthh li{
    font-size:16px;
    line-height:30px
}
.mttoop20{
    margin-top:20px!important
}
.mttoop25{
    margin-top:25px!important
}
.p10Nw{
    padding:10px!important
}
.watch_marathon_video{
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.7);
    left:0
}
.watch_marathon_video a{
    border-radius:100%;
    line-height:400px;
    color:#fff;
    background-color:#02a451;
    padding:19px 24px 19px 27px;
    font-size:20px;
    box-shadow:1px 5px 14px #000
}
.watch_marathon_video{
    display:none
}
#ourCommunity{
    padding:75px 0!important
}
.marat_outtrr:hover .watch_marathon_video{
    display:block
}
.price_bold{
    float:left;
    width:100%;
    margin-bottom:6px!important;
    background:#fff!important;
    color:#333!important
}
.ch_plan_select_paralx .price_bold h5{
    font-weight:400;
    font-size:20px;
    padding:5px 0
}
.ch_plan_select_paralx .price_bold h5 b{
    font-weight:500
}
.ch_plan_select li{
    float:left;
    width:100%;
    line-height:45px!important
}
.inc_lihi{
    padding:0!important
}
.inc_lihi .ch_plan_select li{
    float:left;
    width:100%;
    line-height:70px!important
}
.inc_lihi .ch_plan_info li{
    line-height:74px
}
.inc_lihi .ch_plan_active .col-sm-4.col-xs-4{
    padding:0!important
}
.inc_lihi .ch_plan_info li b{
    line-height:54px
}
.activePlanGreen li{
    background-color:#02a451
}
.inc_lihi .ch_plan_group h5{
    font-size:9px!important;
    color:#333
}
.result_provn h4 b{
    color:#02a451;
    font-weight:400!important
}
.p0{
    padding:0!important
}
.testimonail_group{
    float:left;
    width:100%;
    padding:40px 0
}
.img_testimonial_outer{
    padding:30px 0!important
}
.carousel-control i{
    top:39%;
    position:absolute;
    color:#02a451
}
.carousel-control i.fa-chevron-right{
    right:38px!important
}
.btn_send_email{
    background-color:transparent!important;
    color:#02a451!important;
    border-radius:0!important
}
#contact{
    padding:50px 0 0!important
}
.clear20{
    float:left;
    width:100%;
    height:20px
}
.select_plan_btn_outer{
    float:left;
    width:100%;
    padding:0 0
}
.btn_selectPlan{
    background-color:transparent!important;
    color:#02a451!important;
    border-radius:80px;
    text-transform:uppercase;
    float:none;
    padding:7px 12px;
    margin:0 25px;
    margin-bottom:10px;
    min-width:120px;
    font-size:12px!important;
    display:block
}
.btn_selectPlanSmall{
    background-color:transparent!important;
    color:#02a451!important;
    border-radius:80px;
    text-transform:uppercase;
    float:left;
    padding:4px 6px;
    margin:0 20px;
    margin-bottom:15px;
    min-width:80px;
    font-size:10px
}
.video_testimonial{
    float:left;
    width:100%;
    padding:22px 0
}
.rating_star{
    float:left;
    width:100%
}
.stat_heart{
    float:left
}
.rater_name{
    float:right;
    color:#02a451
}
.rater_name small{
    color:#02a451!important
}
.pself1{
    padding:0 5px 0 0!important
}
.pself2{
    padding:0 0 0 5px!important
}
.stat_heart i{
    font-size:16px;
    color:red
}
.order_summry{
    float:left;
    width:100%;
    padding:10px 10px;
    background-color:#fff;
    margin-top:10px!important
}
.orderSumm_p{
    float:left;
    width:100%;
    text-align:center;
    font-size:15px;
    border-bottom:1px solid #d8d8d8
}
.amount_outer{
    float:left;
    width:100%;
    margin:10px 0
}
.total_amount{
    float:left;
    width:100%;
    border-bottom:1px solid #f1eeee
}
.promo_code{
    float:left;
    width:100%;
    border-bottom:1px solid #f1eeee;
    padding:9px 0 0 0
}
.promonotapply{
    background-color:#c6bbbb!important
}
.amount_p{
    font-weight:600!important
}
.promo_check_btn{
    float:left;
    color:#fff;
    background-color:#02a451;
    border-radius:100%;
    padding:6px 6px;
    font-size:10px;
    margin:4px 5px
}
.promo_check_btn:hover{
    color:#fff
}
.due_amount{
    float:left;
    width:100%;
    border-bottom:1px solid #f1eeee
}
.due_amount p.due_p{
    font-weight:600;
    margin:0;
    font-weight:600;
    margin:0;
    font-size:14px;
    margin-bottom:0;
    text-align:center;
    padding:6px 0 0 0
}
.amount_duep{
    margin:0;
    font-weight:600!important;
    color:#02a451!important;
    float:right;
    font-size:20px
}
.paymentMethod{
    float:left;
    width:100%;
    margin:20px 0
}
.checkii{
    opacity:.5;
    color:#996;
    width:100%
}
.box{
    margin-bottom:5px;
    text-align:center
}
.select_pay_text{
    float:left;
    width:100%;
    margin:0;
    padding:2px 0 20px;
    text-align:center;
    font-size:18px;
    font-weight:400;
    color:#333
}
.imgthumbnail_custom{
    display:inline-block;
    width:100px;
    height:45px;
    padding:4px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.paymentMethod label.btn{
    padding:0!important;
    background-color:#02a451;
    border-color:#02a451
}
.decleration_bottom{
    float:left;
    width:100%;
    padding:20px 0;
    text-align:center
}
.decleration_bottom p{
    margin:0;
    font-size:12px;
    color:#02a451
}
.selected_plan{
    float:left;
    width:100%;
    background-color:#f5f5f5;
    padding:20px 10px;
    box-shadow:0 2px 5px #cecdcd;
    border-radius:12px;
    border:1px solid #02a451;
    margin-top:25px;
    display:none
}
.selected_plan p{
    margin:0
}
.review_p{
    float:left;
    width:100%;
    text-align:center;
    font-size:18px;
    margin-bottom:0;
    color:#000
}
.review_p span{
    font-size:14px;
    color:#000
}
.review_p i{
    color:#ece70d
}
.sub_txt{
    font-size:20px;
    float:left
}
.comm_txt{
    float:left;
    font-size:20px;
    font-weight:600;
    color:#02a451
}
.paralex_outer{
    float:left;
    width:100%
}
.ch_plan_select_paralx{
    float:left;
    width:100%;
    padding:30px 0!important;
    background-color:rgba(0,0,0,.5);
    text-align:center;
    color:#fff!important
}
.ch_plan_select_paralx li{
    background:0 0!important;
    color:#fff!important
}
#knw_mor{
    margin:30px 0;
    text-transform:uppercase
}
.padding_cus_1st{
    padding:100px 0 20px!important
}
.hnew{
    min-height:52px
}
.inc_lihi .hnew{
    min-height:65px
}
.parallax{
    /* background-image:url(../images/banner-white.jpg); */
    min-height:282px;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    padding:35px 0 35px
}
.ico_formnw{
    color:#02a451;
    font-size:18px;
    position:absolute;
    top:8px;
    left:3px;
    width:auto!important;
    z-index:99!important
}
.proceedtoLogin{
    width:100%;
    text-align:center;
    float:left
}
.program_name_h5{
    font-size:20px!important
}
.program_pp{
    color:#fff;
    padding:10px 25px;
    font-size:13px;
    line-height:20px
}
.withBuddy{
    float:left;
    width:100%;
    margin:0
}
.withBuddy b{
    color:#fff;
    font-size:12px;
    padding:14px 0;
    float:left;
    width:100%
}
#subscription_sec{
    padding:10px 0!important
}
.top_form_step2{
    float:left;
    width:100%;
    padding:5px 10px;
    background-color:#fff;
    margin-bottom:10px
}
.top_form_step2 .md-input label{
    left:10px!important
}
.top_form_step2 .md-form-control{
    text-indent:10px!important
}
.top_form_step3{
    float:left;
    width:100%;
    padding:12px 10px;
    background-color:#fff;
    margin-bottom:15px
}
.mB1888{
    margin-bottom:18px
}
.top_form_step3 .md-form-control{
    margin-bottom:0!important
}
.top_form_step3 .md-form-control .md-input .bar:after,.top_form_step3 .md-form-control .md-input .bar:before{
    bottom:0!important
}
.ordr_smryPading{
    float:left;
    width:100%;
    padding:10px 15px!important
}
.amount_outer p{
    margin-bottom:0!important
}
.promo_code .md-input .bar:after,.promo_code .md-input .bar:before{
    bottom:25px!important
}
.top_form_step3 .md-input .bar:after,.top_form_step3 .md-input .bar:before{
    bottom:0!important
}
.md-input_school .bar:after,.md-input_school .bar:before{
    bottom:0!important
}
.md-input_Promo .bar:after,.md-input_Promo .bar:before{
    bottom:10px!important
}
.mB20Imppp{
    margin-bottom:20px!important
}
#quote-carousel blockquote{
    padding:10px 58px!important
}
#quote-carousel blockquote .row .col-sm-12{
    padding:30px 0
}
.pProg_dvv{
    padding:10px 0!important
}
.paymentMethod label img{
    width:100%!important;
    margin-top:0!important;
    height:auto!important;
    border:none!important
}
.orderSumm_p{
    position:relative;
    border-bottom:2px solid #a5a5a5!important
}
.orderSumm_p:after{
    content:"";
    position:absolute;
    bottom:-3px;
    left:50%;
    transform:translateX(-50%);
    display:block;
    width:50%;
    height:0;
    border-top:2px solid #4f4f4f;
    border-bottom:2px solid #4f4f4f
}
.ca{
    background-color:#f9f9f9;
    height:72px;
    width:100%;
    border-radius:0;
    border:#f3f2f2 solid 1px;
    box-shadow:0 0 1px #d8d8d8;
    padding:10px 20px
}
.check{
    border:#a8a8a8 solid 2.6px;
    width:40px;
    height:40px;
    border-radius:5px;
    margin-top:5px;
    right:-20px;
    box-shadow:3px 0 20px -2px rgba(0,0,0,.27);
    cursor:pointer;
    float:left;
    background:#fff
}
.rt{
    font-size:16px;
    font-weight:400;
    float:left;
    padding:14px 10px;
    margin-left:50px;
    position:absolute;
    top:5px
}
.imgCa{
    width:40px;
    height:35px;
    top:-80px;
    right:-270px
}
.check,.img,.rt,.terms{
    z-index:2
}
.prvccy{
    float:right;
    text-align:center
}
.terms{
    font-weight:700;
    color:#4c4a4b;
    top:-139px;
    font-size:10px;
    right:-255px
}
.circle{
    width:15px;
    height:15px;
    z-index:5;
    border-radius:360px;
    border:solid gray 10px;
    left:31px!important;
    top:27px;
    border-top:solid 10px #02a451;
    animation:spinMe 1s linear infinite;
    display:none;
    position:absolute
}
#select_subsc{
    border:none!important;
    background:0 0!important
}
.checkmark{
    width:35px;
    height:35px;
    display:none
}
.txt{
    font-family:Roboto,sans-serif
}
to{
    transform:rotate(360deg)
}
.boxCH:after,.boxCH:before{
    content:"";
    width:0;
    height:0;
    background:rgba(0,0,0,.5);
    position:absolute;
    top:5%;
    left:5%;
    transition:all .3s ease-in-out
}
.boxCH:after{
    top:auto;
    left:auto;
    bottom:5%;
    right:5%
}
.boxCH:hover iframe{
    -webkit-filter:blur(5px);
    filter:blur(5px)
}
.boxCH:hover:after,.boxCH:hover:before{
    width:90%;
    height:90%
}
.boxCH img{
    width:100%;
    height:55px
}
.boxCH .box-content{
    width:100%;
    height:100%;
    padding-top:25%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    z-index:2
}
.boxCH:hover .box-content{
    opacity:1
}
.boxCH .box-content:after,.boxCH .box-content:before{
    content:"";
    width:85%;
    height:85%;
    border:2px solid transparent;
    position:absolute;
    top:50%;
    left:50%;
    z-index:-1;
    transform:translateY(-50%) translateX(-50%);
    transition:all .3s ease 0s
}
.boxCH .box-content:before{
    width:0
}
.boxCH .box-content:after{
    height:0
}
.boxCH:hover .box-content:before{
    width:85%;
    border-top:2px solid #02a451;
    border-bottom:2px solid #02a451;
    transition-delay:.4s
}
.boxCH:hover .box-content:after{
    height:85%;
    border-left:2px solid #02a451;
    border-right:2px solid #02a451;
    transition-delay:.4s
}
.boxCH .title{
    font-size:20px;
    font-weight:700;
    color:#02a451;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0 0 10px
}
.boxCH .post{
    display:block;
    font-size:15px;
    font-style:italic;
    color:#fff;
    margin-bottom:10px
}
.boxCH .icon{
    list-style:none;
    padding:0;
    margin:0;
    z-index:999
}
.boxCH .icon li{
    display:inline-block
}
.boxCH .icon a{
    display:block;
    width:30px;
    height:30px;
    line-height:30px;
    background:#fff;
    color:#2d2c2c;
    text-align:center;
    transition:all .3s ease 0s;
    margin-top:15px
}
.boxCH .icon a .fa{
    padding-left:2px;
    line-height:30px
}
.boxCH .icon a:hover{
    background:0 0;
    color:#02a451;
    border-radius:50%;
    box-shadow:1px 1px 3px #02a451,-1px -1px 3px #02a451
}
@media only screen and (max-width:990px){
    .boxCH{
        margin-bottom:30px
    }
}
.videoWrapper{
    position:relative;
    padding-bottom:56.25%;
    padding-top:25px;
    height:0
}
.videoWrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.modal{
    text-align:center
}
.modal-dialog{
    display:inline-block;
    text-align:left;
    vertical-align:middle
}
.modal-content{
    border-radius:0!important
}
.modal-header button.close{
    position:absolute;
    background-color:#fff!important;
    width:30px;
    height:30px;
    opacity:1!important;
    border-radius:50%!important;
    top:-15px;
    right:-15px
}
.bg-dark{
    background-color:#202932!important;
    color:#fafafa!important
}
#term_Condition .modal-header h1{
    font-size:20px;
    font-weight:200
}
#term_Condition #recorder{
    padding:20px 30px
}
#downloadApp .modal-header h1{
    font-size:25px;
    text-align:center;
    font-weight:300
}
#downloadApp .modal-header h1 span{
    color:#02a451
}
#downloadApp .modal-body{
    float:left!important;
    width:100%!important;
    background-color:#fff!important;
    padding:40px 4px!important
}
#downloadApp .modal-footer{
    float:left!important;
    width:100%!important;
    background-color:#fff!important
}
#downloadApp .img1{
    width:100px;
    margin:0 auto
}
#downloadApp .img2{
    padding:25px 0
}
.country-list{
    z-index:9999!important
}
.intl-tel-input .country-list .country{
    padding:5px 10px;
    position:initial;
    width:100%!important
}
.intl-tel-input{
    width:100%!important;
    margin-bottom:20px!important
}
.error_msg_red{
    position:absolute;
    bottom:-1px;
    color:#ea5c68;
    font-size:12px
}
.placholdr{
    top:-15px!important;
    font-size:14px!important;
    color:#183d5d!important
}
.bar_phone_nw{
    left:120px!important
}
.ng-btn-default{
    background:#fff;
    border:1px solid #02a451;
    color:#02a451!important;
    border-radius:30px;
    transition:background .5s
}
.hidden-lang{
    display:none
}
.ng-select-pro-titl:after{
    content:"";
    display:block;
    margin:auto;
    width:130px;
    padding-top:0;
    border-bottom:1px solid #dedede
}
.ng-class-room-name b{
    font-weight:600!important
}
@media screen and (min-width:768px){
    .modal:before{
        display:inline-block;
        vertical-align:middle;
        content:" ";
        height:100%
    }
}
.modal.fade .modal-dialog{
    -webkit-transform:scale(.1);
    -moz-transform:scale(.1);
    -ms-transform:scale(.1);
    transform:scale(.1);
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.modal.fade.in .modal-dialog{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
#cCode{
    height:44px!important
}
.orImg-signUp{
    width:150px;
    margin-top:10px
}
.payittext{
    float:left;
    width:100%;
    text-align:center;
    font-size:12px;
    padding:10px 0 0 0
}
.payitlaterDiv{
    float:left;
    width:100%;
    padding:15px 0 0
}
.btnpayitlater{
    position:relative;
    border:none;
    outline:0;
    border-bottom:2px solid transparent;
    border-top:2px solid transparent;
    padding:.5em 1em;
    display:inline-block;
    border-radius:30px;
    font-size:14px;
    background-color:#02a451;
    color:#fff;
    cursor:pointer;
    text-transform:uppercase
}
.btnpayitlaterhidden{
    visibility:hidden
}
.btnpayitlater:hover{
    border-bottom-color:#02a451;
    background-color:#05924a
}
.btnpayitlater:active{
    background-color:#02a451;
    border-top-color:#05924a;
    border-bottom-color:transparent
}
.btnpayitlater:before{
    visibility:hidden;
    content:"";
    top:-2px;
    bottom:-2px;
    left:0;
    right:0;
    margin:0 auto;
    position:absolute;
    width:100%;
    padding:inherit;
    background:#aaa;
    border-top:2px solid #aaa;
    border-bottom:2px solid #aaa;
    border-radius:2px;
    transition:width .5s
}
.btnpayitlater:after{
    visibility:hidden;
    font-family:FontAwesome;
    font-size:16px;
    line-height:16px;
    color:#000;
    position:absolute;
    top:2px;
    left:0;
    right:0;
    margin:0 auto;
    width:26px;
    height:26px;
    padding:5px;
    border-radius:26px;
    color:#fff
}
.btnpayitlater:after{
    content:"f110"
}
.btnpayitlater.payloading:after{
    visibility:visible;
    animation:loader 1s infinite linear
}
.btnpayitlater.payloading:before{
    visibility:visible;
    border-radius:26px;
    width:33px;
    margin:0 auto;
    right:0;
    left:0
}
.btnpayitlater.done{
    visibility:hidden
}
.btnpayitlater.done:before{
    content:"f00c";
    font-family:FontAwesome;
    visibility:visible;
    background:#4fa86b;
    border-color:#4fa86b
}
.btnpayitlater.done,.btnpayitlater.payloading{
    cursor:default
}
@keyframes loader{
    0%{
        transform:rotate(0)
    }
    99%{
        transform:rotate(360deg)
    }
}
.billbyInv{
    font-size:20px;
    text-align:center
}
.billbyInvThanks{
    font-size:18px;
    text-align:center;
    padding:44px 0
}
.billbyInvThanks span{
    color:#02a451
}
@media(min-width:200px) and (max-width:500px){
    .our_program_dv{
        padding:10px 0!important
    }
    .ch_plan_group h5{
        font-size:11px
    }
    .btn_selectPlan{
        padding:2px 2px;
        margin:10px 10px;
        min-width:67px;
        font-size:10px!important
    }
    .sign_up_form{
        padding:50px 2px
    }
    .team .why-us{
        padding:0
    }
}