/*!// Contents // ------------------------------------------------> 1. Global Styles 2. Typography 3. Color 4. Align 5. Grid 6. Background 7. Buttons 8. Forms 9. Heading 10. Loading 11. Contact 12. Header 13. Menu 14. Clients 15. Hero 16. Video 17. Services 18. Thank You 19. Testimonial 20. Feature 21. Action 22. Pricing 23. Carousel 24. Landing 
/*------------------------------------*\ #GLOBAL STYLES \*------------------------------------*/
body,html{
    overflow-x:hidden
}
html{
    font-size:13px
}
body{
    background-color:#fff;
    font-family:lato,sans-serif;
    font-size:13px;
    font-weight:400;
    color:#919294;
    line-height:1.5;
    margin:0
}
.wrapper{
    background-color:#fff
}
*{
    outline:none
}
::-moz-selection{
    text-shadow:none
}
::selection{
    background-color:#925add;
    color:#fff;
    text-shadow:none
}
a{
    -webkit-transition:.3s ease;
    -o-transition:.3s ease;
    transition:.3s ease;
    color:#925add
}
a:hover{
    color:#7630d4;
    text-decoration:none
}
a:focus{
    color:#7630d4;
    outline:none;
    text-decoration:none
}
a:active{
    color:#7630d4;
    outline:none;
    text-decoration:none
}
hr{
    margin:0
}
textarea{
    resize:none
}
button.btn{
    margin-bottom:0
}
section{
    background-color:#fff
}
.modal-backdrop{
    z-index:1020;
    background-color:rgba(34,34,34,.95)
}
.fullscreen{
    height:100vh!important
}
@media only screen and (max-width:992px){
    .fullscreen{
        height:auto!important
    }
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    color:#31274f;
    font-family:poppins,sans-serif;
    font-weight:700;
    margin:0 0 28px;
    line-height:1
}
.h1,h1{
    font-size:52px
}
.h2,h2{
    font-size:42px
}
.h3,h3{
    font-size:38px
}
.h4,h4{
    font-size:32px
}
.h5,h5{
    font-size:24px
}
.h6,h6{
    font-size:18px
}
p{
    color:#919294;
    font-size:13px;
    font-weight:400;
    line-height:22px
}
.lead{
    font-size:16px;
    line-height:1.8
}
.text--left{
    text-align:left!important
}
.text--right{
    text-align:right!important
}
.text--center{
    text-align:center!important
}
.text--just{
    text-align:justify!important
}
.align--top{
    vertical-align:top
}
.align--bottom{
    vertical-align:bottom
}
.align--middle{
    vertical-align:middle
}
.align--baseline{
    vertical-align:baseline
}
.bold{
    font-weight:700
}
.regular{
    font-weight:400
}
.italic{
    font-style:italic
}
.break-word{
    word-wrap:break-word
}
.no-wrap{
    white-space:nowrap
}
.text-white{
    color:#fff!important
}
.text-gray{
    color:#faf8fb!important
}
.text-black{
    color:#31274f
}
.text-theme{
    color:#925add
}
.text--capitalize{
    text-transform:capitalize!important
}
.text--uppercase{
    text-transform:uppercase!important
}
.font-heading{
    font-family:poppins,sans-serif
}
.font-body{
    font-family:lato,sans-serif
}
.font-18{
    font-size:24px
}
.font-16{
    font-size:16px
}
.font-20{
    font-size:20px
}
.font-40{
    font-size:40px
}
@media only screen and (min-width:320px) and (max-width:767px){
    text-center-xs{
        text-align:center!important
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    text-center-sm{
        text-align:center!important
    }
}
.higlighted-style1{
    background-color:#925add;
    color:#fff;
    padding:5px 0
}
.higlighted-style2{
    background-color:#31274f;
    color:#fff;
    padding:5px 0
}
.higlighted-style3{
    background-color:#faf8fb;
    color:#925add;
    padding:5px 0
}
.color-heading{
    color:#31274f!important
}
.color-theme{
    color:#925add!important
}
.color-white{
    color:#fff!important
}
.color-gray{
    color:#faf8fb!important
}
address,blockquote,dd,dl,fieldset,form,ol,p,pre,table,ul{
    margin-bottom:20px
}
section{
    padding-top:100px;
    padding-bottom:100px;
    overflow:hidden
}
.m-0{
    margin:0!important
}
.m-xs{
    margin:10px
}
.m-sm{
    margin:20px
}
.m-md{
    margin:40px
}
.m-lg{
    margin:80px
}
.mt-0{
    margin-top:0
}
.mt-xs{
    margin-top:10px
}
.mt-10{
    margin-top:10px!important
}
.mt-20{
    margin-top:20px!important
}
.mt-30{
    margin-top:30px!important
}
.mt-40{
    margin-top:40px!important
}
.mt-50{
    margin-top:50px!important
}
.mt-60{
    margin-top:60px
}
.mt-70{
    margin-top:70px!important
}
.mt-80{
    margin-top:80px!important
}
.mt-90{
    margin-top:90px!important
}
.mt-100{
    margin-top:100px!important
}
.mt-150{
    margin-top:150px
}
.mb-0{
    margin-bottom:0!important
}
.mb-15{
    margin-bottom:15px
}
.mb-10{
    margin-bottom:10px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-50{
    margin-bottom:50px!important
}
.mb-40{
    margin-bottom:40px!important
}
.mb-60{
    margin-bottom:60px!important
}
.mb-70{
    margin-bottom:70px!important
}
.mb-80{
    margin-bottom:80px!important
}
.mb-90{
    margin-bottom:90px!important
}
.mb-100{
    margin-bottom:100px!important
}
.mb-150{
    margin-bottom:150px!important
}
.mr-0{
    margin-right:0
}
.mr-30{
    margin-right:30px!important
}
.mr-50{
    margin-right:50px
}
.mr-60{
    margin-right:60px
}
.mr-150{
    margin-right:150px
}
.ml-0{
    margin-left:0
}
.ml-xs{
    margin-left:10px
}
.ml-sm{
    margin-left:20px
}
.ml-md{
    margin-left:40px
}
.ml-lg{
    margin-left:80px
}
.ml-30{
    margin-left:30px!important
}
.ml-50{
    margin-left:50px
}
.ml-60{
    margin-left:60px
}
.ml-150{
    margin-left:150px
}
.p-0{
    padding:0!important
}
.p-xs{
    padding:10px
}
.p-sm{
    padding:20px
}
.p-md{
    padding:40px
}
.p-lg{
    padding:80px
}
.pt-0{
    padding-top:0!important
}
.pt-20{
    padding-top:20px!important
}
.pt-30{
    padding-top:30px!important
}
.pt-40{
    padding-top:40px!important
}
.pt-50{
    padding-top:50px
}
.pt-60{
    padding-top:60px
}
.pt-70{
    padding-top:70px!important
}
.pt-80{
    padding-top:80px
}
.pt-90{
    padding-top:90px
}
.pt-100{
    padding-top:100px!important
}
.pt-150{
    padding-top:150px!important
}
.pb-0{
    padding-bottom:0!important
}
.pb-20{
    padding-bottom:20px
}
.pb-30{
    padding-bottom:30px
}
.pb-50{
    padding-bottom:50px
}
.pb-60{
    padding-bottom:60px
}
.pb-70{
    padding-bottom:70px!important
}
.pb-80{
    padding-bottom:80px
}
.pb-90{
    padding-bottom:90px
}
.pb-100{
    padding-bottom:100px!important
}
.pr-0{
    padding-right:0
}
.pr-xs{
    padding-right:10px
}
.pr-sm{
    padding-right:20px
}
.pr-md{
    padding-right:40px
}
.pr-lg{
    padding-right:80px
}
.pr-15{
    padding-right:15px!important
}
.pr-30{
    padding-right:30px!important
}
.pr-50{
    padding-right:50px
}
.pr-60{
    padding-right:60px
}
.pr-100{
    padding-right:100px!important
}
.pr-150{
    padding-right:150px
}
.pl-0{
    padding-left:0!important
}
.pl-30{
    padding-left:30px
}
.pl-50{
    padding-left:50px
}
.pl-60{
    padding-left:60px
}
.pl-100{
    padding-left:100px!important
}
.pl-150{
    padding-left:150px
}
.fixed{
    position:fixed
}
.relative{
    position:relative
}
.absolute{
    position:absolute
}
.static{
    position:static
}
.zindex-1{
    z-index:1
}
.zindex-2{
    z-index:2
}
.zindex-3{
    z-index:3
}
.border-all{
    border:1px solid #925add
}
.border-top{
    border-top:1px solid #925add
}
.border-bottom{
    border-bottom:1px solid #925add
}
.border-right{
    border-right:1px solid #925add
}
.border-left{
    border-left:1px solid #925add
}
.inline{
    display:inline
}
.block{
    display:block
}
.inline-block{
    display:inline-block
}
.hide{
    display:none
}
.flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (max-width:767px){
    section{
        padding-top:60px;
        padding-bottom:60px
    }
    .text-center-xs{
        text-align:center!important
    }
    .pull-none-xs{
        float:none!important;
        text-align:center!important
    }
    .mb-15-xs{
        margin-bottom:15px
    }
    .mb-30-xs{
        margin-bottom:30px!important
    }
    .mb-50-xs{
        margin-bottom:50px
    }
    .mb-60-xs{
        margin-bottom:60px!important
    }
    .p-none-xs{
        padding-right:0;
        padding-left:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .text-center-sm{
        text-align:center!important
    }
    .mb-0-sm{
        margin-bottom:0
    }
    .mb-15-sm{
        margin-bottom:15px
    }
    .mb-30-sm{
        margin-bottom:30px!important
    }
    .mb-50-sm{
        margin-bottom:50px
    }
    .mb-60-sm{
        margin-bottom:60px
    }
    .pb-15-sm{
        padding-bottom:15px
    }
    .pb-30-sm{
        padding-bottom:30px
    }
    .pb-50-sm{
        padding-bottom:50px
    }
    .pb-60-sm{
        padding-bottom:60px
    }
    .p-none-sm{
        padding-right:0;
        padding-left:0
    }
    .pull-none-sm{
        float:none!important;
        text-align:center!important
    }
}
@media screen and (min-width:992px){
    .p-lg-60{
        padding-right:60px;
        padding-left:60px
    }
}
.row-no-padding [class*=col-]{
    padding-left:0!important;
    padding-right:0!important
}
.col-lg-5ths,.col-md-5ths,.col-sm-5ths,.col-xs-5ths{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col-xs-5ths{
    width:20%;
    float:left
}
@media(min-width:768px){
    .col-sm-5ths{
        width:20%;
        float:left
    }
}
@media(min-width:992px){
    .col-md-5ths{
        width:20%;
        float:left
    }
}
@media(min-width:1200px){
    .col-lg-5ths{
        width:20%;
        float:left
    }
}
.col-content{
    padding:120px 100px 90px 120px
}
@media only screen and (min-width:320px) and (max-width:767px){
    .col-content{
        padding:40px!important
    }
}
.col-img{
    height:600px!important;
    padding:60px;
    overflow:hidden
}
@media only screen and (min-width:320px) and (max-width:767px){
    .col-img{
        height:auto;
        min-height:600px
    }
}
.pos-fixed{
    position:fixed
}
.pos-relative{
    position:relative
}
.pos-absolute{
    position:absolute
}
.pos-static{
    position:static
}
.pos-top{
    top:0
}
.pos-bottom{
    bottom:0
}
.pos-right{
    right:0
}
.pos-left{
    left:0
}
.pos-vertical-center{
    position:relative;
    top:50%;
    -webkit-transform:perspective(1px) translateY(-50%);
    transform:perspective(1px) translateY(-50%)
}
.height-700{
    height:700px!important
}
.height-500{
    height:500px!important
}
.height-800{
    height:800px!important
}
@media only screen and (min-width:992px){
    .hidden-lg,.hidden-md{
        display:none
    }
}
.bg-theme{
    background-color:#925add!important
}
.bg-primary-alt{
    background-color:#915bde!important
}
.bg-gray{
    background-color:#faf8fb!important
}
.bg-white{
    background-color:#fff!important
}
.bg-pink{
    background-color:#fefbff!important;
    border-top:1px solid #f8e2ff;
    border-bottom:1px solid #f8e2ff
}
.bg-dark{
    background-color:#31274f!important
}
.bg-gradient{
    background:bottom center #fff
}
.bg-light-primary{
    background-color:#f1f8fe!important
}
.bg-section{
    position:relative;
    overflow:hidden;
    z-index:1;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:100%
}
.bg-overlay:before{
    content:"";
    display:inline-block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-light:before{
    background-color:#fff;
    opacity:.8
}
.bg-overlay-dark:before{
    background-color:#212529;
    opacity:.7
}
.bg-overlay-theme:before{
    background-color:#925add;
    opacity:.7
}
.bg-parallax{
    background-attachment:fixed
}
.bg-ytvideo.bg-overlay:before{
    z-index:1;
    opacity:.7
}
.bg-purple{
    color:#fff;
    background-color:#c6c!important
}
.bg-sun-flower{
    color:#fff;
    background-color:#f1c40f!important
}
.bg-orange{
    color:#fff;
    background-color:#f39c12!important
}
.bg-carrot{
    color:#fff;
    background-color:#e67e22!important
}
.bg-pumpkin{
    color:#fff;
    background-color:#d35400!important
}
.bg-alizarin{
    color:#fff;
    background-color:#e74c3c!important
}
.bg-pomegranate{
    color:#fff;
    background-color:#c0392b!important
}
.bg-turquoise{
    color:#fff;
    background-color:#1abc9c!important
}
.bg-green-sea{
    color:#fff;
    background-color:#16a085!important
}
.bg-emerald{
    color:#fff;
    background-color:#2ecc71!important
}
.bg-nephritis{
    color:#fff;
    background-color:#27ae60!important
}
.bg-peter-river{
    color:#fff;
    background-color:#3498db!important
}
.bg-belize-hole{
    color:#fff;
    background-color:#2980b9!important
}
.bg-amethyst{
    color:#fff;
    background-color:#9b59b6!important
}
.bg-wisteria{
    color:#fff;
    background-color:#8e44ad!important
}
.bg-wet-asphalt{
    color:#fff;
    background-color:#34495e!important
}
.bg-wet-asphalt{
    color:#fff;
    background-color:#34495e!important
}
.bg-midnight-blue{
    color:#fff;
    background-color:#2c3e50!important
}
.bg-silver{
    color:#fff;
    background-color:#bdc3c7!important
}
.bg-concrete{
    color:#fff;
    background-color:#859596!important
}
.bg-asbestos{
    color:#fff;
    background-color:#7f8c8d!important
}
.bg-asbestos{
    color:#fff;
    background-color:#7f8c8d!important
}
.bg-graphite{
    color:#fff;
    background-color:#454545!important
}
.bg-gray-0{
    background-color:#eee!important;
    color:#454545
}
.bg-gray-1{
    background-color:#ececec!important;
    color:#454545
}
.bg-gray-2{
    background-color:#bdc3c7!important;
    color:#454545
}
.bg-gray-3{
    background-color:#dadfe1!important;
    color:#454545
}
.bg-gray-5{
    background-color:#ecf0f1!important;
    color:#454545
}
.bg-gray-4{
    background-color:#f2f1ef!important;
    color:#454545
}
.bg-gray-6{
    background-color:#d2d7d3!important;
    color:#454545
}
.bg-gray-7{
    background-color:#e6e6e6!important;
    color:#454545
}
.bg-orange-1{
    background-color:#f9690e!important;
    color:#fff
}
.bg-orange-2{
    background-color:#d35400!important;
    color:#fff
}
.bg-orange-3{
    background-color:#f89406!important;
    color:#fff
}
.divider-1{
    height:1px;
    background-color:#fce5e6
}
.divider-2{
    height:1px;
    width:100%;
    background-color:#f8e2ff
}
.skew-divider{
    width:100%;
    height:100px;
    position:absolute;
    left:0;
    background:-o-linear-gradient(left top,#FEFBFF 49%,#fff 50%),-o-linear-gradient(140deg,#ffffff 16px,#000 0);
    background:linear-gradient(to right bottom,#FEFBFF 49%,#fff 50%),linear-gradient(-50deg,#ffffff 16px,#000 0)
}
.skew-divider.divider-theme{
    background:-o-linear-gradient(left top,#925ADD 49%,#fff 50%),-o-linear-gradient(140deg,#ffffff 16px,#000 0);
    background:linear-gradient(to right bottom,#925ADD 49%,#fff 50%),linear-gradient(-50deg,#ffffff 16px,#000 0)
}
.skew-divider-top{
    width:100%;
    height:100px;
    position:absolute;
    left:0;
    top:0;
    background:-o-linear-gradient(left top,#ffffff 49%,#262B47 50%),-o-linear-gradient(140deg,#ffffff 16px,#000 0);
    background:linear-gradient(to right bottom,#ffffff 49%,#262B47 50%),linear-gradient(-50deg,#ffffff 16px,#000 0)
}
.btn{
    font-family:poppins,sans-serif;
    display:inline-block;
    position:relative;
    z-index:2;
    font-size:16px;
    font-weight:600;
    text-transform:capitalize;
    text-align:center;
    border-radius:0;
    padding:0;
    width:170px;
    height:50px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out;
    border-radius:5px;
    overflow:hidden
}
.btn.active,.btn:active,.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn.active.focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn .icon{
    margin-left:10px
}
.btn-video{
    width:73px;
    height:73px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    border-radius:50%;
    border:1px solid #925add;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.btn-video svg{
    fill:#925add;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.btn-video:hover{
    background-color:#925add
}
.btn-video:hover svg{
    fill:#fff
}
a.back{
    position:absolute;
    top:54px;
    left:70px;
    font-size:14px;
    font-weight:500;
    line-height:2.14;
    text-transform:capitalize;
    color:#fff
}
a.back:hover span{
    -webkit-transform:rotate(-180deg) translateX(10px);
    -ms-transform:rotate(-180deg) translateX(10px);
    transform:rotate(-180deg) translateX(10px)
}
a.back span{
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    display:inline-block;
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
    margin-right:15px
}
.btn--primary{
    background-color:#925add;
    color:#fff
}
.btn--primary:active,.btn--primary:focus,.btn--primary:hover{
    color:#fff;
    background-color:#ff7101;
    border-color:#ff7101
}
.bg-dark .btn--primary:active,.bg-dark .btn--primary:focus,.bg-dark .btn--primary:hover{
    background-color:#915bde;
    color:#fff
}
.btn--secondary{
    background-color:#ff7101;
    color:#fff
}
.btn--secondary:active,.btn--secondary:focus,.btn--secondary:hover{
    background-color:#925add;
    color:#fff
}
.btn--secondary.btn--hover-white:active,.btn--secondary.btn--hover-white:focus,.btn--secondary.btn--hover-white:hover{
    background-color:#fff;
    color:#915bde
}

.btn--ele_naranja{
    border-color:#ff7101 !important;
    color:#ff7101 !important;
}
.btn--ele_naranja:hover{
    background-color:#ff7101 !important;
    color:white !important;
}



.btn--white{
    background-color:#fff;
    color:#31274f;
    border:1px solid #fff;
    border-radius:4px
}
.btn--white:active,.btn--white:focus,.btn--white:hover{
    background-color:#925add;
    color:#fff;
    border-color:#925add
}
.btn--block{
    width:100%
}
.btn--auto{
    width:auto;
    padding:0 17px
}
.btn--rounded{
    border-radius:50px
}
.btn--bordered{
    background-color:transparent
}
.btn--bordered.btn--primary{
    color:#925add;
    border-color:#925add
}
.btn--bordered.btn--primary:active,.btn--bordered.btn--primary:focus,.btn--bordered.btn--primary:hover{
    color:#fff;
    background-color:#925add;
    border-color:#925add
}
.btn--bordered.btn--secondary{
    color:#31274f;
    border-color:#31274f
}
.btn--bordered.btn--secondary:active,.btn--bordered.btn--secondary:focus,.btn--bordered.btn--secondary:hover{
    color:#fff;
    background-color:#31274f;
    border-color:#31274f
}
.btn--bordered.btn--white{
    color:#fff;
    border-color:#fff
}
.btn--bordered.btn--white:active,.btn--bordered.btn--white:focus,.btn--bordered.btn--white:hover{
    color:#925add;
    background-color:#fff;
    border-color:#fff
}
.btn--white.btn--secondary{
    color:#ff7101;
    border-color:#fff;
    background-color:#fff
}
.btn--white.btn--secondary:active,.btn--white.btn--secondary:focus,.btn--white.btn--secondary:hover{
    color:#fff;
    background-color:#925add;
    border-color:#925add
}
.btn--arrows{
    position:relative
}
.btn--arrows:before{
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    font-size:26px;
    line-height:51px;
    font-family:icomoon;
    content:"\e901";
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.btn--arrows span{
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    display:inline-block;
    height:100%;
    width:100%
}
.btn--arrows span i{
    margin-left:7px
}
.btn--arrows:hover span{
    -webkit-transform:translateY(300%);
    -ms-transform:translateY(300%);
    transform:translateY(300%)
}
.btn--arrows:hover:before{
    top:0
}
.form-control{
    color:#919294;
    font-family:lato,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:57px;
    height:57px;
    text-transform:none;
    border:0;
    border-bottom:1px solid #dee2e6;
    background:0 0;
    padding:0;
    margin-bottom:20px;
    position:relative;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
.form-control:focus{
    border-color:#925add;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:0 0
}
.form-control::-webkit-input-placeholder{
    color:#919294
}
.form-control:-moz-placeholder{
    color:#919294
}
.form-control::-moz-placeholder{
    color:#919294
}
.form-control:-ms-input-placeholder{
    color:#919294
}
.input-group{
    border-radius:0;
    border:1px solid grey;
    background-color:transparent;
    overflow:hidden;
    padding:3px
}
.input-group .btn{
    width:160px
}
.input-group .input-group-btn{
    border-radius:50px;
    overflow:hidden
}
.subscribe-alert{
    margin-top:1.5rem;
    font-weight:400;
    max-width:500px;
    margin-right:auto;
    margin-left:auto
}
.subscribe-alert .alert{
    font-size:18px;
    font-weight:400;
    line-height:22px;
    border-radius:4px
}
.form-inline .form-control{
    background-color:#fff;
    font-size:16px;
    font-weight:400;
    width:221px;
    height:51px;
    border-radius:50px;
    margin-right:30px;
    padding-left:20px;
    border-bottom:none;
    margin-bottom:0
}
.accordion{
    margin-top:40px
}
.accordion .card,.accordion .card:first-of-type,.accordion .card:not(:first-of-type):not(:last-of-type),.accordion .card:last-of-type{
    -webkit-box-shadow:0 0 40px rgba(101,93,93,.16);
    box-shadow:0 0 40px rgba(101,93,93,.16);
    border:none;
    background-color:#fff;
    margin-bottom:24px;
    border-radius:4px;
    border-left:4px solid #925add
}
.accordion .card.style-1,.accordion .card:first-of-type.style-1,.accordion .card:not(:first-of-type):not(:last-of-type).style-1,.accordion .card:last-of-type.style-1{
    border-left-color:#f57565
}
.accordion .card.style-1 .card-heading .card-link:after,.accordion .card:first-of-type.style-1 .card-heading .card-link:after,.accordion .card:not(:first-of-type):not(:last-of-type).style-1 .card-heading .card-link:after,.accordion .card:last-of-type.style-1 .card-heading .card-link:after{
    color:#f57565
}
.accordion .card.style-2,.accordion .card:first-of-type.style-2,.accordion .card:not(:first-of-type):not(:last-of-type).style-2,.accordion .card:last-of-type.style-2{
    border-left-color:#9eebe6
}
.accordion .card.style-2 .card-heading .card-link:after,.accordion .card:first-of-type.style-2 .card-heading .card-link:after,.accordion .card:not(:first-of-type):not(:last-of-type).style-2 .card-heading .card-link:after,.accordion .card:last-of-type.style-2 .card-heading .card-link:after{
    color:#9eebe6
}
.accordion .card.style-3,.accordion .card:first-of-type.style-3,.accordion .card:not(:first-of-type):not(:last-of-type).style-3,.accordion .card:last-of-type.style-3{
    border-left-color:#9775f9
}
.accordion .card.style-3 .card-heading .card-link:after,.accordion .card:first-of-type.style-3 .card-heading .card-link:after,.accordion .card:not(:first-of-type):not(:last-of-type).style-3 .card-heading .card-link:after,.accordion .card:last-of-type.style-3 .card-heading .card-link:after{
    color:#9775f9
}
.accordion .card.style-4,.accordion .card:first-of-type.style-4,.accordion .card:not(:first-of-type):not(:last-of-type).style-4,.accordion .card:last-of-type.style-4{
    border-left-color:#925add
}
.accordion .card.style-4 .card-heading .card-link:after,.accordion .card:first-of-type.style-4 .card-heading .card-link:after,.accordion .card:not(:first-of-type):not(:last-of-type).style-4 .card-heading .card-link:after,.accordion .card:last-of-type.style-4 .card-heading .card-link:after{
    color:#925add
}
.accordion .card .card-heading,.accordion .card:first-of-type .card-heading,.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading,.accordion .card:last-of-type .card-heading{
    padding:30px
}
@media screen and (max-width:991px){
    .accordion .card .card-heading,.accordion .card:first-of-type .card-heading,.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading,.accordion .card:last-of-type .card-heading{
        padding:15px 25px 15px 15px
    }
}
.accordion .card .card-heading .card-link,.accordion .card:first-of-type .card-heading .card-link,.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link,.accordion .card:last-of-type .card-heading .card-link{
    font-family:poppins,sans-serif;
    font-size:16px;
    color:#31274f;
    font-weight:700;
    line-height:20px;
    text-transform:capitalize;
    position:relative;
    display:block;
    padding-left:0
}
@media screen and (max-width:991px){
    .accordion .card .card-heading .card-link,.accordion .card:first-of-type .card-heading .card-link,.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link,.accordion .card:last-of-type .card-heading .card-link{
        font-size:16px;
        line-height:1.8
    }
}
.accordion .card .card-heading .card-link:after,.accordion .card:first-of-type .card-heading .card-link:after,.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:after,.accordion .card:last-of-type .card-heading .card-link:after{
    position:absolute;
    right:0;
    top:0;
    content:"\f077";
    font-family:"font awesome 5 free";
    font-size:18px;
    font-weight:600;
    color:#925add
}
@media screen and (max-width:991px){
    .accordion .card .card-heading .card-link:after,.accordion .card:first-of-type .card-heading .card-link:after,.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link:after,.accordion .card:last-of-type .card-heading .card-link:after{
        top:5px;
        right:-10px;
        font-size:14px
    }
}
.accordion .card .card-heading .card-link.collapsed:after,.accordion .card:first-of-type .card-heading .card-link.collapsed:after,.accordion .card:not(:first-of-type):not(:last-of-type) .card-heading .card-link.collapsed:after,.accordion .card:last-of-type .card-heading .card-link.collapsed:after{
    content:"\f078"
}
.accordion .card .card-body,.accordion .card:first-of-type .card-body,.accordion .card:not(:first-of-type):not(:last-of-type) .card-body,.accordion .card:last-of-type .card-body{
    border-top:1px solid rgba(0,0,0,.1);
    font-family:lato,sans-serif;
    padding:30px;
    font-size:16px;
    font-weight:400;
    line-height:24px
}
@media screen and (max-width:991px){
    .accordion .card .card-body,.accordion .card:first-of-type .card-body,.accordion .card:not(:first-of-type):not(:last-of-type) .card-body,.accordion .card:last-of-type .card-body{
        padding:15px
    }
}
.heading{
    margin-bottom:70px
}
@media screen and (max-width:991px){
    .heading{
        text-align:center
    }
}
.heading .heading-subtitle{
    font-family:lato,sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:27px;
    margin-bottom:12px;
    color:#925add;
    text-transform:capitalize
}
.heading .heading-title{
    font-family:poppins,sans-serif;
    color:#31274f;
    font-size:38px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:0;
    text-transform:capitalize
}
@media screen and (max-width:767px){
    .heading .heading-title{
        font-size:32px;
        line-height:1.2
    }
}
.heading .heading-title+.heading-desc{
    margin-top:20px
}
.heading .heading-desc{
    font-size:16px;
    font-weight:400;
    line-height:1.8;
    margin-bottom:0;
    padding:0
}
.heading.heading-light .heading-title{
    color:#fff
}
.heading.heading-light .heading-desc{
    color:#fff
}
.heading.heading-1 .heading-subtitle{
    margin-bottom:29px
}
.heading.heading-1 .heading-title{
    font-size:48px;
    line-height:65px;
    font-weight:700;
    margin-bottom:23px
}
@media screen and (max-width:767px){
    .heading.heading-1 .heading-title{
        font-size:32px;
        line-height:1.2
    }
}
.heading.heading-1 .heading-desc{
    color:#7d7b8f;
    margin-bottom:43px
}
.heading.heading-2{
    margin-bottom:76px
}
.heading.heading-3{
    margin-bottom:49px
}
.heading.heading-4{
    margin-bottom:78px
}
.preloader{
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:fixed;
    z-index:99999;
    background-color:#fff;
    overflow:hidden
}
@media screen and (max-width:991px){
    .blog .blog-panel{
        margin-bottom:30px
    }
}
@media screen and (max-width:991px){
    .blog .blog-panel{
        max-width:370px;
        margin:0 auto 40px
    }
}
.blog .blog-panel:hover .blog-img img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.blog .blog-panel .blog-img{
    overflow:hidden;
    border-radius:8px
}
.blog .blog-panel .blog-img img{
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    border-radius:8px;
    max-width:100%
}
.blog .blog-panel .blog-content{
    padding-top:26px
}
@media screen and (max-width:991px){
    .blog .blog-panel .blog-content{
        text-align:center
    }
}
.blog .blog-panel .blog-content .blog-meta-container{
    margin-bottom:17px
}
.blog .blog-panel .blog-content .blog-meta-container div{
    display:inline-block
}
.blog .blog-panel .blog-content .blog-meta-container div:first-of-type{
    margin-right:22px
}
@media screen and (max-width:767px){
    .blog .blog-panel .blog-content .blog-meta-container div:first-of-type{
        margin-bottom:15px
    }
}
.blog .blog-panel .blog-content .blog-meta-container div i{
    font-size:16px;
    margin-right:10px;
    color:#925add
}
.blog .blog-panel .blog-content .blog-meta-container div span{
    font-family:lato,sans-serif;
    font-size:16px;
    font-weight:400;
    text-transform:capitalize;
    color:#7d7b8f
}
.blog .blog-panel .blog-content .blog-title{
    font-family:poppins,sans-serif;
    font-size:22px;
    font-weight:600;
    line-height:34px;
    color:#31274f;
    margin-bottom:13px
}
.blog .blog-panel .blog-content .blog-title a{
    color:#31274f
}
.blog .blog-panel .blog-content .blog-title a:hover{
    color:#925add
}
.blog .blog-panel .blog-content .blog-desc{
    font-family:lato,sans-serif;
    font-size:17px;
    line-height:28px;
    font-weight:400;
    color:#7d7b8f;
    margin-bottom:19px
}
.blog .blog-panel .blog-content .read-more a{
    font-size:16px;
    font-family:poppins,sans-serif;
    font-weight:600;
    line-height:26px;
    text-transform:capitalize;
    color:#925add;
    position:relative;
    padding-bottom:3px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.blog .blog-panel .blog-content .read-more a:hover{
    color:#31274f
}
.blog .blog-panel .blog-content .read-more a:hover::before{
    background-color:#31274f;
    width:80%
}
.blog .blog-panel .blog-content .read-more a::before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#925add;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
@media screen and (max-width:767px){
    .modal-dialog{
        max-width:310px;
        border-radius:4px;
        margin-right:auto;
        margin-left:auto
    }
}
@media screen and (min-width:768px){
    .modal-dialog{
        /*max-width:470px;*/
        border-radius:4px
    }
}
.popup-contact-form{
    background-color:#fff;
    text-align:center;
    padding:40px;
    border-radius:4px;
    -webkit-box-shadow:0 3px 6px rgba(233,120,74,.16);
    box-shadow:0 3px 6px rgba(233,120,74,.16)
}
@media screen and (max-width:767px){
    .popup-contact-form{
        padding:10px
    }
}
.popup-contact-form .form-group{
    position:relative;
    text-align:left;
    margin-bottom:30px
}
.popup-contact-form .form-group label{
    background-color:#fff;
    font-size:18px;
    text-transform:capitalize;
    margin-bottom:8px;
    z-index:1
}
.popup-contact-form .form-group .form-control{
    border:1px solid #dee2e6;
    border-radius:4px;
    line-height:50px;
    height:50px;
    margin-bottom:0;
    padding-left:17px
}
.popup-contact-form .heading .heading-title{
    font-size:30px;
    margin-bottom:4px;
    text-transform:capitalize
}
@media screen and (max-width:767px){
    .popup-contact-form .heading .heading-title{
        font-size:26px
    }
}
.popup-contact-form .heading .heading-desc{
    line-height:1.31
}
.popup-contact-form p.notice{
    font-size:12px;
    line-height:1.5
}
@media screen and (min-width:768px){
    .popup-contact-form p.notice{
        padding:0 45px
    }
}
.connect{
    text-align:center;
    font-size:16px;
    font-weight:500;
    color:#919294;
    line-height:1.5
}
.connect .connect-link{
    display:inline-block
}
.connect .connect-link a{
    text-transform:capitalize;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    color:#31274f;
    text-transform:capitalize;
    position:relative
}
.connect .connect-link a span{
    display:inline-block;
    position:relative
}
.connect .connect-link a span:before{
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    width:100%;
    height:2px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background-color:#e9ecef
}
.connect .connect-link a i{
    margin-left:8px
}
.connect .connect-link a:hover{
    color:#925add
}
.connect .connect-link a:hover span:before{
    background-color:#925add
}
.connect.connect-light{
    color:#fff
}
.connect.connect-light .connect-link a{
    color:#31274f
}
.connect.connect-light .connect-link a span:before{
    background-color:#31274f
}
.connect.connect-light .connect-link a:hover{
    color:#fff
}
.connect.connect-light .connect-link a:hover span:before{
    background-color:#fff
}
.header{
    height:100px
}
.header.header-transparent{
    background-color:transparent;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1001
}
@media screen and (min-width:992px){
    .header-2 .navbar-expand-lg>.container,.header-2 .navbar-expand-lg>.container-fluid{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding:0 70px
    }
}
.header .navbar{
    background-color:#fefbff;
    margin-bottom:0;
    border-radius:0;
    min-height:100px;
    border:none;
    padding:0
}
.header .navbar .navbar-brand{
    margin-right:0
}
.header .navbar .navbar-brand .logo-dark{
    display:none
}
.header .navbar .navbar-brand .logo-light{
    display:inline-block
}
.header .navbar .navbar-nav>li{
    margin-right:38px;
    position:relative;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.header .navbar .navbar-nav>li:last-child{
    margin-right:0
}
.header .navbar .navbar-nav>li>a{
    font-family:lato,sans-serif;
    font-size:14px;
    text-transform:capitalize;
    font-weight:600;
    line-height:22px;
    color:#31274f;
    padding:0;
    position:relative;
    display:block;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
@media screen and (min-width:992px){
    .header .navbar .navbar-nav>li>a::before{
        position:absolute;
        left:0;
        bottom:-8px;
        content:'';
        height:2px;
        width:0;
        background-color:#31274f;
        -webkit-transition:width 300ms ease-in-out;
        -o-transition:width 300ms ease-in-out;
        transition:width 300ms ease-in-out
    }
}
.header .navbar .navbar-nav>li.active>a,.header .navbar .navbar-nav>li>a:focus,.header .navbar .navbar-nav>li>a:hover{
    color:#915bde
}
@media screen and (min-width:992px){
    .header .navbar .navbar-nav>li.active>a:before,.header .navbar .navbar-nav>li>a:focus:before,.header .navbar .navbar-nav>li>a:hover:before{
        background-color:#915bde;
        width:50%
    }
}
@media screen and (max-width:991px){
    .header .navbar .navbar-nav>li{
        margin-right:0;
        margin-bottom:15px;
        border-radius:4px
    }
    .header .navbar .navbar-nav>li a{
        margin-right:0;
        padding:15px 10px;
        color:#31274f;
        line-height:1
    }
    .header .navbar .navbar-nav>li.active,.header .navbar .navbar-nav>li:hover,.header .navbar .navbar-nav>li:focus,.header .navbar .navbar-nav>li:active{
        background-color:#925add
    }
    .header .navbar .navbar-nav>li.active a,.header .navbar .navbar-nav>li:hover a,.header .navbar .navbar-nav>li:focus a,.header .navbar .navbar-nav>li:active a{
        color:#fff
    }
}
.header .navbar.navbar-fixed{
    top:0;
    background:#fff;
    -webkit-box-shadow:0 2px 4px rgba(3,27,78,.1);
    box-shadow:0 2px 4px rgba(3,27,78,.1);
    -webkit-animation:navbarFixed .8s;
    animation:navbarFixed .8s
}
.header .navbar.navbar-fixed .navbar-brand .logo-dark{
    display:inline-block
}
.header .navbar.navbar-fixed .navbar-brand .logo-light{
    display:none
}
@-webkit-keyframes navbarFixed{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes navbarFixed{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@media only screen and (max-width:576px){
    .navbar .navbar-brand{
        max-width:200px
    }
    .navbar .navbar-brand img{
        max-width:100%;
        height:auto
    }
}
@media only screen and (max-width:991px){
    .navbar .navbar-brand{
        margin-left:15px;
        line-height:100px
    }
    .navbar .navbar-brand img{
        max-width:100%;
        height:auto
    }
    .navbar .navbar-toggler{
        width:30px;
        height:30px;
        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;
        -webkit-transition:.3s ease-in-out;
        -o-transition:.3s ease-in-out;
        transition:.3s ease-in-out;
        cursor:pointer;
        outline:none;
        margin-right:30px;
        padding:0
    }
}
@media only screen and (max-width:991px) and (min-width:992px){
    .navbar .navbar-toggler{
        display:none
    }
}
@media only screen and (max-width:991px){
    .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon{
        background-color:transparent
    }
    .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon:before,.navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon:after{
        top:0
    }
    .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before{
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after{
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    .navbar .navbar-toggler .navbar-toggler-icon{
        width:100%;
        height:2px;
        background-color:#925add;
        position:relative;
        -webkit-transition:.3s ease-in-out;
        -o-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    .navbar .navbar-toggler .navbar-toggler-icon:before,.navbar .navbar-toggler .navbar-toggler-icon:after{
        content:'';
        position:absolute;
        left:0;
        height:2px;
        width:100%;
        background-color:#925add;
        -webkit-transition:.3s ease-in-out;
        -o-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
    .navbar .navbar-toggler .navbar-toggler-icon:before{
        top:-10px
    }
    .navbar .navbar-toggler .navbar-toggler-icon:after{
        top:10px
    }
    .navbar .navbar-collapse{
        background-color:#fff;
        padding:15px
    }
    .navbar.navbar-fixed .navbar-toggler:not(.collapsed) .navbar-toggler-icon{
        background-color:transparent
    }
    .navbar.navbar-fixed .navbar-toggler .navbar-toggler-icon{
        background-color:#925add
    }
    .navbar.navbar-fixed .navbar-toggler .navbar-toggler-icon:before,.navbar.navbar-fixed .navbar-toggler .navbar-toggler-icon:after{
        background-color:#925add
    }
}
@media only screen and (min-width:992px) and (max-width:1200px){
    .header .navbar .navbar-nav>li{
        margin-right:16px
    }
    .module .module-icon,.module-consultation .btn{
        margin-right:0
    }
}
@media only screen and (min-width:992px){
    .navbar-collapse{
        padding-right:0;
        padding-left:0
    }
}
.header .module-container{
    padding-left:53px
}
@media screen and (min-width:992px) and (max-width:1200px){
    .header .module-container{
        padding-left:15px
    }
}
@media screen and (max-width:991px){
    .header .module-container{
        padding-left:0;
        margin-top:15px
    }
}
.header .module-container .module-cta .btn{
    width:auto;
    height:50px;
    padding:0 35px;
    cursor:pointer;
    font-family:poppins,sans-serif;
    color:#fff;
    font-size:16px;
    font-weight:600;
    text-transform:capitalize;
    border-radius:5px;
    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;
    z-index:inherit;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    outline:none;
    background-color:#925add;
    border:1px solid #925add
}
.header .module-container .module-cta .btn .icon{
    margin-left:15px
}
.header .module-container .module-cta .btn:hover{
    background-color:#ff7101;
    border-color:#ff7101;
    color:#fff
}
@media screen and (max-width:991px){
    .header .module-container .module-cta .btn{
        width:auto;
        height:40px;
        line-height:40px;
        font-size:13px;
        margin-right:0;
        background-color:#ff7101;
        border-color:#ff7101;
        color:#fff
    }
    .header .module-container .module-cta .btn:before{
        line-height:40px
    }
}
.header .navbar-fixed .module-container .module-cta .btn{
    background-color:#ff7101;
    border-color:#ff7101;
    color:#fff
}
.header .navbar-fixed .module-container .module-cta .btn:hover,.header .navbar-fixed .module-container .module-cta .btn:active,.header .navbar-fixed .module-container .module-cta .btn:focus{
    background-color:#925add;
    border-color:#925add
}
.hero{
    padding-top:20px;
    overflow:visible;
    position:relative;
    background-color:#fefbff
}
@media screen and (max-width:991px){
    .hero{
        padding:100px 0
    }
}
.hero .hero-cotainer{
    position:relative
}
.hero .hero-cotainer .hero-bg{
    position:absolute;
    top:0;
    right:0;
    width:50%
}
@media screen and (max-width:991px){
    .hero .hero-cotainer .hero-bg{
        top:50%;
        width:100%
    }
}
.hero .hero-cotainer .hero-bg img{
    max-width:100%;
    position:absolute;
    top:0;
    right:0
}
.hero .hero-cotainer .hero-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:100%
}
@media screen and (max-width:991px){
    .hero .hero-cotainer .hero-content{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        text-align:center
    }
}
.hero .hero-cotainer .hero-content .card-alert{
    border-radius:27px;
    background-color:#f6f0fd;
    padding:6px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:32px
}
@media screen and (max-width:767px){
    .hero .hero-cotainer .hero-content .card-alert{
        text-align:left
    }
}
@media screen and (min-width:768px){
    .hero .hero-cotainer .hero-content .card-alert{
        padding-right:20px
    }
}
@media screen and (min-width:992px){
    .hero .hero-cotainer .hero-content .card-alert{
        width:470px;
        padding-right:6px
    }
}
.hero .hero-cotainer .hero-content .card-alert .btn{
    width:99px;
    height:40px;
    font-size:15px;
    font-weight:700;
    font-family:lato,sans-serif;
    background-color:#925add;
    border-radius:38px;
    color:#fff;
    margin-right:27px
}
.hero .hero-cotainer .hero-content .card-alert span{
    font-family:lato,sans-serif;
    font-size:18px;
    font-weight:400;
    color:#919294
}
.hero .hero-cotainer .hero-content .hero-headline{
    color:#31274f;
    font-family:poppins,sans-serif;
    font-size:48px;
    font-weight:700;
    line-height:65px;
    margin-bottom:28px;
    text-transform:capitalize
}
@media screen and (max-width:767px){
    .hero .hero-cotainer .hero-content .hero-headline{
        font-size:34px;
        line-height:1.2
    }
}
.hero .hero-cotainer .hero-content .hero-bio{
    color:#919294;
    font-family:lato,sans-serif;
    font-size:18px;
    font-weight:400;
    line-height:28px;
    margin-bottom:45px
}
.hero .hero-cotainer .hero-content .hero-action{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.hero .hero-cotainer .hero-content .hero-action .btn{
    width:195px;
    height:72px;
    font-size:18px;
    margin-right:22px
}
.hero .hero-cotainer .hero-content .hero-action .btn svg{
    fill:#fff;
    margin-right:11px
}
@media screen and (max-width:991px){
    .hero .hero-cotainer .hero-content .hero-action{
        margin-bottom:30px
    }
}
.hero .hero-cotainer .hero-content .hero-action .contact-body .contactForm{
    position:relative
}
.hero .hero-cotainer .hero-content .hero-action .contact-body .contactForm .form-control{
    margin-bottom:0;
    background-color:#fff;
    border-radius:4px;
    padding-left:40px;
    padding-right:250px;
    border-bottom:0
}
@media screen and (max-width:767px){
    .hero .hero-cotainer .hero-content .hero-action .contact-body .contactForm .form-control{
        padding-left:6px;
        padding-right:200px
    }
}
.hero .hero-cotainer .hero-content .hero-action .contact-body .contactForm .btn{
    position:absolute;
    top:3px;
    right:3px
}
@media screen and (max-width:767px){
    .hero .hero-cotainer .hero-content .hero-action .contact-body .contactForm .btn{
        width:170px
    }
}
.hero .hero-cotainer .hero-content .hero-action .form-action{
    position:relative;
    max-width:600px;
    margin-right:auto;
    margin-left:auto
}
.hero .hero-cotainer .hero-content .hero-action .form-action .input-group{
    border:none;
    height:65px;
    padding:7px;
    border-radius:6px;
    background-color:#fff
}
.hero .hero-cotainer .hero-content .hero-action .form-action .input-group .btn{
    width:170px;
    height:50px;
    line-height:50px
}
.hero .hero-cotainer .hero-content .hero-action .form-action .input-group .btn .icon{
    margin-left:10px
}
@media screen and (max-width:767px){
    .hero .hero-cotainer .hero-content .hero-action .form-action .input-group .btn{
        width:120px
    }
}
.hero .hero-cotainer .hero-content .hero-action .form-action .form-control{
    margin-bottom:0;
    border-radius:0;
    padding-left:24px;
    padding-right:200px;
    border-bottom:0;
    width:calc(100% - 170px);
    height:50px
}
@media screen and (max-width:767px){
    .hero .hero-cotainer .hero-content .hero-action .form-action .form-control{
        padding-left:25px;
        padding-right:130px;
        width:calc(100% - 120px)
    }
}
.hero .hero-cotainer .hero-content .hero-action .form-action .btn{
    position:absolute;
    top:7px;
    right:7px;
    z-index:60
}
.hero .hero-cotainer .hero-content .hero-action .form-action .btn:hover,.hero .hero-cotainer .hero-content .hero-action .form-action .btn:focus{
    background-color:#915bde
}
.hero .hero-cotainer .hero-content .form-mailchimp .input-group{
    padding-left:25px
}
.hero .hero-cotainer .hero-content .form-mailchimp .input-group .input-icon{
    width:calc(100% - 180px)
}
@media screen and (max-width:467px){
    .hero .hero-cotainer .hero-content .form-mailchimp .input-group .input-icon{
        width:100%;
        text-align:center;
        margin-bottom:15px
    }
}
.hero .hero-cotainer .hero-content .form-mailchimp .input-group .input-icon .form-control{
    font-size:18px
}
.hero .hero-cotainer .hero-content .form-mailchimp .input-group .input-icon svg{
    margin-right:10px;
    width:25px
}
.hero .hero-cotainer .hero-content .form-mailchimp .input-group .btn{
    width:160px
}
@media screen and (max-width:467px){
    .hero .hero-cotainer .hero-content .form-mailchimp .input-group .btn{
        width:100%
    }
}
@media screen and (min-width:468px) and (max-width:467px){
    .hero .hero-cotainer .hero-content .form-mailchimp .input-group .btn{
        width:120px
    }
}
.hero .hero-cotainer .hero-content .form-mailchimp .input-group .btn span{
    font-size:16px
}
.hero .hero-cotainer .hero-image{
    overflow:visible
}
.hero.hero-light .hero-cotainer .hero-content .hero-headline{
    color:#fff
}
.hero.hero-light .hero-cotainer .hero-content .hero-bio{
    color:#f8f9fa
}
.divider-shape{
    position:absolute;
    top:auto;
    right:0;
    bottom:0;
    left:0
}
.divider-shape-top{
    position:absolute;
    top:0;
    right:0;
    bottom:auto;
    left:0
}
.divider-rotate{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    margin-top:-170px;
    height:170px
}
@media screen and (max-width:575px){
    .divider-rotate{
        height:100px;
        margin-top:-100px
    }
}
.divider-shape-bottom{
    position:absolute;
    bottom:0;
    right:0;
    left:0
}
.testimonials{
    padding-top:120px;
    padding-bottom:120px
}
.testimonials .owl-carousel{
    -webkit-box-shadow:0 10px 40px rgba(219,219,219,.45);
    box-shadow:0 10px 40px rgba(219,219,219,.45);
    border-radius:24px
}
.testimonials .testimonials-customers-container{
    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;
    margin-bottom:23px
}
@media screen and (max-width:991px){
    .testimonials .testimonials-customers-container{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.testimonials .testimonials-customers-container .author-img{
    width:122px;
    height:122px;
    padding:6px;
    border:2px solid #925add;
    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;
    border-radius:50%;
    overflow:hidden;
    margin-right:23px;
    margin-bottom:20px;
    cursor:pointer;
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.testimonials .testimonials-customers-container .author-img:last-child{
    margin-right:0
}
.testimonials .testimonials-customers-container .author-img:hover,.testimonials .testimonials-customers-container .author-img.active{
    background-color:#925add
}
@media screen and (max-width:991px){
    .testimonials .testimonials-customers-container .author-img{
        width:70px;
        height:70px
    }
    .testimonials .testimonials-customers-container .author-img:last-child{
        margin-right:23px
    }
}
.testimonials .testimonials-customers-container .author-img img{
    height:100%;
    border-radius:50%;
    width:100%;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.testimonials .testimonial-panel{
    background-color:#fff;
    border-radius:24px
}
.testimonials .testimonial-panel .testimonial-body{
    padding:0 0 0 70px
}
@media screen and (max-width:991px){
    .testimonials .testimonial-panel .testimonial-body{
        padding:75px 50px 70px
    }
}
@media screen and (max-width:767px){
    .testimonials .testimonial-panel .testimonial-body{
        padding:75px 20px 70px;
        text-align:center
    }
}
.testimonials .testimonial-panel .testimonial-body .testimonial-name{
    font-family:poppins,sans-serif;
    font-size:26px;
    line-height:30px;
    font-weight:600;
    color:#31274f;
    text-transform:capitalize;
    margin-bottom:0
}
.testimonials .testimonial-panel .testimonial-body .testimonial-title{
    font-family:lato,sans-serif;
    font-size:18px;
    line-height:28px;
    font-weight:400;
    text-transform:capitalize;
    color:#919294;
    margin-bottom:10px
}
.testimonials .testimonial-panel .testimonial-body .rating{
    margin-bottom:29px
}
.testimonials .testimonial-panel .testimonial-body .rating i{
    color:#b2b2b2;
    margin-right:5px;
    font-size:18px
}
.testimonials .testimonial-panel .testimonial-body .rating i:last-child{
    margin-right:0
}
.testimonials .testimonial-panel .testimonial-body .rating i.active{
    color:#ffc107
}
.testimonials .testimonial-panel .testimonial-body .testimonial-desc{
    font-family:lato,sans-serif;
    font-size:17px;
    font-weight:400;
    line-height:30px;
    color:#919294;
    margin-bottom:0
}
.testimonials .testimonial-panel .testimonial-img{
    position:relative;
    padding-top:20px
}
@media screen and (max-width:991px){
    .testimonials .testimonial-panel .testimonial-img{
        padding-left:50px;
        padding-rightt:50px
    }
}
@media screen and (max-width:767px){
    .testimonials .testimonial-panel .testimonial-img{
        padding-left:20px;
        padding-right:20px
    }
}
.testimonials .testimonial-panel .testimonial-img .background{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1;
    margin-top:50px
}
.testimonials .testimonial-panel .testimonial-img .author{
    max-width:375px;
    margin-left:20px;
    z-index:2;
    position:relative
}
@media screen and (max-width:991px){
    .testimonials .testimonial-panel .testimonial-img .author{
        margin:0 auto
    }
}
.screenshots{
    padding-bottom:70px
}
.screenshots .owl-carousel .owl-stage-outer{
    padding:25px 0 45px
}
.screenshots .owl-carousel .owl-stage-outer .owl-item{
    border-radius:18px
}
.screenshots .owl-carousel .owl-stage-outer .owl-item img{
    border-radius:18px
}
@media screen and (max-width:991px){
    .screenshots .owl-carousel .owl-stage-outer .owl-item img{
        text-align:center;
        max-width:370px;
        margin-right:auto;
        margin-left:auto
    }
}
.screenshots .owl-carousel .owl-stage-outer .owl-item.center{
    -webkit-box-shadow:#dbdbdb78 0 10px 40px;
    box-shadow:#dbdbdb78 0 10px 40px
}
.features .feature-panel{
    margin-top:48px;
    padding:68px 20px 30px;
    border-radius:12px;
    position:relative;
    -webkit-box-shadow:none;
    box-shadow:none;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.features .feature-panel:hover{
    -webkit-transform:translateY(-15px);
    -ms-transform:translateY(-15px);
    transform:translateY(-15px)
}
@media screen and (max-width:991px){
    .features .feature-panel{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        max-width:370px;
        margin:0 auto 90px
    }
}
.features .feature-panel .feature-icon{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    left:50%;
    top:-48px;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:103px;
    height:96px;
    color:#925add;
    background-color:#fff;
    border-radius:22px;
    -webkit-box-shadow:#dbdbdb78 0 10px 40px;
    box-shadow:#dbdbdb78 0 10px 40px
}
.features .feature-panel .feature-icon .bg-img{
    position:absolute;
    top:23px;
    right:14px;
    z-index:-1
}
.features .feature-panel .feature-content h3{
    font-family:poppins,sans-serif;
    font-size:20px;
    font-weight:600;
    line-height:27px;
    margin-bottom:11px;
    text-transform:capitalize
}
.features .feature-panel .feature-content p{
    font-family:lato,sans-serif;
    font-size:18px;
    font-weight:400;
    line-height:28px;
    color:#7d7b8f;
    margin-bottom:0
}
.features .feature-panel.feature-panel-1{
    background-color:#e9f2f4
}
.features .feature-panel.feature-panel-2{
    background-color:#ece6f2
}
.features .feature-panel.feature-panel-3{
    background-color:#ede8e1
}
.features .feature-panel.feature-panel-4{
    background-color:#def4ef
}
@media screen and (max-width:991px){
    .about .heading{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media screen and (max-width:991px){
    .about img{
        display:block;
        margin:0 auto 30px
    }
}
.processes .process-panels-container{
    position:relative;
    display:grid;
    grid-template-rows:auto;
    grid-row-gap:50px
}
@media screen and (min-width:992px){
    .processes .process-panels-container{
        grid-template-columns:1fr 1fr 1fr;
        grid-column-gap:40px
    }
}
@media screen and (min-width:1200px){
    .processes .process-panels-container{
        grid-column-gap:74px;
        grid-template-columns:1fr 1fr 1fr
    }
}
@media screen and (min-width:992px){
    .processes .process-panels-container .divider{
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        left:0;
        right:0;
        z-index:1;
        background-image:url(../images/cover/dot-line.png);
        background-size:contain;
        height:50px;
        background-repeat:no-repeat;
        background-position-x:center
    }
}
.processes .process-panels-container .process-panel{
    -webkit-box-shadow:0 10px 40px rgba(219,219,219,.45);
    box-shadow:0 10px 40px rgba(219,219,219,.45);
    border-radius:10px;
    background-color:#fff;
    padding:45px 20px;
    -webkit-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    position:relative;
    z-index:2;
    cursor:pointer
}
.processes .process-panels-container .process-panel:hover{
    -webkit-transform:translateY(-15px);
    -ms-transform:translateY(-15px);
    transform:translateY(-15px)
}
@media screen and (max-width:991px){
    .processes .process-panels-container .process-panel{
        text-align:center;
        max-width:370px;
        margin-right:auto;
        margin-left:auto
    }
}
.processes .process-panels-container .process-panel .process-phase{
    margin-bottom:25px
}
.processes .process-panels-container .process-panel .process-phase p{
    padding:8px 15px;
    display:inline-block;
    border-radius:18px;
    background-color:#e9f2f4;
    text-transform:capitalize;
    font-family:poppins,sans-serif;
    font-size:15px;
    font-weight:400;
    margin-bottom:0
}
.processes .process-panels-container .process-panel .process-name{
    font-family:poppins,sans-serif;
    text-transform:capitalize;
    font-weight:600;
    font-size:22px;
    line-height:27px;
    margin-bottom:20px
}
.processes .process-panels-container .process-panel .process-desc{
    font-family:lato,sans-serif;
    font-size:18px;
    font-weight:400;
    line-height:28px;
    margin-bottom:0;
    color:#7d7b8f
}
.processes .process-panels-container .process-panel.process-panel-1 .process-phase p{
    background-color:#e9f2f4
}
.processes .process-panels-container .process-panel.process-panel-2 .process-phase p{
    background-color:#eae4ef
}
.processes .process-panels-container .process-panel.process-panel-3 .process-phase p{
    background-color:#ece7e0
}
.cta{
    position:relative;
    padding-top:0;
    padding-bottom:0;
    overflow:visible
}
.cta .action-container{
    position:relative;
    background-color:#925add;
    padding:100px 150px;
    position:relative;
    z-index:1;
    border-radius:42px;
    text-align:center;
    -webkit-transform:translateY(177px);
    -ms-transform:translateY(177px);
    transform:translateY(177px);
    margin-top:-177px
}
@media screen and (max-width:991px){
    .cta .action-container{
        padding:175px 50px 80px
    }
}
@media screen and (max-width:767px){
    .cta .action-container{
        padding:170px 10px 80px
    }
}
.cta .action-container .shape-1{
    position:absolute;
    right:-40px;
    top:10px
}
@media screen and (max-width:767px){
    .cta .action-container .shape-1{
        right:-65px
    }
}
.cta .action-container .shape-2{
    position:absolute;
    left:30px;
    top:10px
}
@media screen and (max-width:767px){
    .cta .action-container .shape-2{
        left:-50px
    }
}
.cta .action-container .shape-3{
    position:absolute;
    left:23px;
    bottom:35px
}
@media screen and (max-width:767px){
    .cta .action-container .shape-3{
        bottom:0
    }
}
.cta h3{
    font-family:poppins,sans-serif;
    color:#fff;
    text-transform:capitalize;
    font-size:36px;
    font-weight:700;
    line-height:50px;
    margin-bottom:60px
}
@media screen and (max-width:767px){
    .cta h3{
        font-size:32px;
        line-height:1.2
    }
}
.form-mailchimp{
    position:relative;
    margin-right:0;
    margin-left:0
}
@media screen and (max-width:767px){
    .form-mailchimp{
        width:100%
    }
}
.form-mailchimp .input-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border:none;
    height:80px;
    padding:10px 10px 10px 45px;
    border-radius:15px;
    background-color:#fff;
    position:relative
}
@media screen and (max-width:991px){
    .form-mailchimp .input-group{
        height:auto;
        padding:15px
    }
}
@media screen and (max-width:467px){
    .form-mailchimp .input-group{
        padding:20px
    }
}
.form-mailchimp .input-group .btn{
    width:190px;
    border-radius:15px;
    height:60px;
    line-height:60px;
    outline:none
}
.form-mailchimp .input-group .btn .icon{
    margin-right:10px;
    width:20px;
    margin-left:0
}
.form-mailchimp .input-group .btn span{
    font-family:poppins,sans-serif;
    font-size:18px;
    font-weight:600;
    text-transform:capitalize
}
@media screen and (min-width:468px) and (max-width:467px){
    .form-mailchimp .input-group .btn{
        width:120px
    }
}
.form-mailchimp .input-group .input-icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:calc(100% - 200px)
}
@media screen and (max-width:467px){
    .form-mailchimp .input-group .input-icon{
        width:100%;
        margin-bottom:10px
    }
}
@media screen and (min-width:468px) and (max-width:467px){
    .form-mailchimp .input-group .input-icon{
        width:calc(100% - 120px)
    }
}
.form-mailchimp .input-group .input-icon svg{
    margin-right:22px;
    width:30px
}
.form-mailchimp .input-group .input-icon .form-control{
    margin-bottom:0;
    border-bottom:0;
    height:auto;
    line-height:normal;
    font-size:22px;
    font-weight:400;
    font-family:lato,sans-serif;
    text-transform:capitalize;
    color:#7d7b8f
}
@media(max-width:395px){
    .form-mailchimp .input-group .input-icon .form-control{
        font-size:17px
    }
}
.pricing{
    position:relative
}
.pricing .pricing-switcher{
    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;
    margin-bottom:44px
}
.pricing .pricing-switcher .btn{
    width:103px;
    height:54px;
    font-size:18px;
    font-family:lato,sans-serif;
    border:1px solid #925add;
    color:#925add;
    border-radius:5px 0 0 5px
}
.pricing .pricing-switcher .btn:last-child{
    border-radius:0 5px 5px 0
}
.pricing .pricing-switcher .btn.active,.pricing .pricing-switcher .btn:hover,.pricing .pricing-switcher .btn:active,.pricing .pricing-switcher .btn:focus{
    background-color:#925add;
    color:#fff
}
.pricing .pricing-panel{
    background-color:#fff;
    padding:40px 30px 50px;
    margin-bottom:35px;
    -webkit-transition:all .35s ease-in-out;
    -o-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;
    position:relative;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    border:1px solid #f1f1f1;
    border-radius:10px
}
@media screen and (max-width:991px){
    .pricing .pricing-panel{
        max-width:370px;
        margin:0 auto 30px
    }
}
.pricing .pricing-panel.visible{
    position:relative;
    z-index:5
}
.pricing .pricing-panel.hidden{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:1;
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.pricing .pricing-panel .pricing-head{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    overflow:hidden;
    padding-bottom:15px;
    border-bottom:1px solid #f1f1f1
}
.pricing .pricing-panel .pricing-head .pricing-type{
    margin-bottom:10px;
    text-align:center
}
.pricing .pricing-panel .pricing-head .pricing-type .per{
    font-family:lato,sans-serif;
    font-size:20px;
    font-weight:500;
    line-height:24px;
    color:#7d7b8f;
    text-transform:capitalize;
    margin-bottom:0
}
.pricing .pricing-panel .pricing-head .pricing-type .price{
    font-family:poppins,sans-serif;
    font-size:45px;
    font-weight:600;
    line-height:68px;
    color:#925add;
    margin-bottom:0
}
.pricing .pricing-panel .pricing-head .pricing-name{
    font-family:poppins,sans-serif;
    font-size:24px;
    font-weight:500;
    line-height:35px;
    text-transform:capitalize;
    color:#7d7b8f;
    margin-bottom:26px
}
.pricing .pricing-panel .pricing-body{
    text-align:center
}
.pricing .pricing-panel .pricing-body .pricing-list{
    padding-top:25px;
    margin-bottom:35px
}
.pricing .pricing-panel .pricing-body .pricing-list li{
    font-family:lato,sans-serif;
    font-size:18px;
    line-height:22px;
    color:#7d7b8f;
    font-weight:500;
    text-align:center;
    text-transform:capitalize;
    padding-bottom:12px
}
.pricing .pricing-panel .pricing-body .btn{
    width:195px;
    height:60px
}
@media screen and (max-width:991px){
    .pricing .pricing-panel .pricing-body .btn{
        width:calc(100% - 30px);
        margin-right:auto;
        margin-left:auto
    }
}
.pricing .pricing-panel.active{
    -webkit-box-shadow:#dbdbdb78 0 10px 40px;
    box-shadow:#dbdbdb78 0 10px 40px;
    border:0
}
.pricing .pricing-panel.active .pricing-body .btn{
    background-color:#925add;
    color:#fff
}
.video .player{
    position:relative;
    border-radius:8px
}
@media screen and (min-width:992px){
    .video .player{
        padding:300px 0
    }
}
@media screen and (max-width:991px){
    .video .player{
        padding:200px 0
    }
}
.video .player .btn-video{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:600;
    width:88px;
    height:88px;
    border-color:#fff
}
.video .player .btn-video:hover{
    border-color:#925add
}
.video .player .btn-video::before{
    content:'';
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    background-color:rgba(255,255,255,.32);
    border-radius:100%;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1;
    -webkit-animation:pulse 1.5s cubic-bezier(0,.51,.45,1.49) 0s infinite;
    animation:pulse 1.5s cubic-bezier(0,.51,.45,1.49) 0s infinite
}
.mfp-bg{
    z-index:1543
}
.mfp-wrap{
    z-index:1642
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        -webkit-transform:scale(1.4);
        transform:scale(1.4);
        opacity:0
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        -webkit-transform:scale(1.4);
        transform:scale(1.4);
        opacity:0
    }
}
.footer{
    padding-top:270px;
    position:relative;
    background-color:#262b47
}
.footer .footer-top{
    padding:0 0 40px
}
@media screen and (max-width:991px){
    .footer .footer-top{
        text-align:center;
        padding:0
    }
}
.footer .footer-top .footer-logo{
    margin-bottom:35px
}
.footer .footer-top .footer-logo img{
    max-width:100%;
    height:auto
}
.footer .footer-top p{
    font-size:16px;
    line-height:26px;
    font-family:lato,sans-serif;
    font-weight:400;
    color:rgba(255,255,255,.7)
}
.footer .footer-top .footer-widget{
    padding-top:12px;
    margin-bottom:42px
}
.footer .footer-top .footer-widget .widget-title{
    font-family:poppins,sans-serif;
    font-size:20px;
    line-height:26px;
    font-weight:600;
    margin-bottom:40px;
    color:#fff;
    text-transform:capitalize
}
.footer .footer-top .footer-widget ul{
    margin:0;
    padding:0
}
.footer .footer-top .footer-widget ul li{
    margin-bottom:16px
}
.footer .footer-top .footer-widget ul li a{
    font-family:lato,sans-serif;
    font-size:16px;
    font-weight:400;
    color:rgba(255,255,255,.7);
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    position:relative;
    text-transform:capitalize
}
.footer .footer-top .footer-widget ul li a:hover{
    padding-left:18px;
    color:#fff
}
.footer .footer-top .footer-widget ul li a:hover::before{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(-50%) translateX(0px);
    -ms-transform:translateY(-50%) translateX(0px);
    transform:translateY(-50%) translateX(0px)
}
.footer .footer-top .footer-widget ul li a::before{
    content:'';
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%) translateX(-10px);
    -ms-transform:translateY(-50%) translateX(-10px);
    transform:translateY(-50%) translateX(-10px);
    left:0;
    opacity:0;
    visibility:hidden;
    width:11px;
    height:2px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background-color:#fff
}
.footer .footer-top .footer-social{
    margin-bottom:30px
}
@media screen and (max-width:991px){
    .footer .footer-top .footer-social{
        text-align:center
    }
}
.footer .footer-top .footer-social ul{
    margin-bottom:0
}
.footer .footer-top .footer-social ul li{
    display:inline-block;
    margin-right:8px
}
.footer .footer-top .footer-social ul li:last-child{
    margin-right:0
}
.footer .footer-top .footer-social ul li a{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background-color:#fff;
    font-size:17px;
    line-height:42px;
    color:#3d3d3d;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.footer .footer-top .footer-social ul li a:hover{
    background-color:#925add;
    color:#fff
}
.footer .footer-bottom{
    background-color:#262b47
}
.footer .footer-bottom hr{
    border-color:rgba(255,255,255,.2)
}
.footer .footer-bottom .footer-copyright{
    padding-top:32px;
    padding-bottom:32px
}
.footer .footer-bottom .footer-copyright a,.footer .footer-bottom .footer-copyright span{
    font-family:lato,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:26px;
    text-transform:capitalize;
    color:#fff;
    color:rgba(255,255,255,.7)
}
.footer .footer-bottom .footer-copyright a:hover{
    color:#fff
}
@media only screen and (min-width:320px) and (max-width:767px){
    .footer-copyright{
        font-size:12px
    }
}
.carousel-dots .owl-dots{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:40px
}
.carousel-dots .owl-dots.disabled{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.carousel-dots .owl-dots .owl-dot{
    width:10px;
    height:10px;
    border:solid 1px #925add;
    background-color:#925add;
    border-radius:50%;
    margin-right:13px
}
.carousel-dots .owl-dots .owl-dot.active{
    background-color:#fff;
    border:2px solid #925add
}
.carousel-dots .owl-dots .owl-dot:hover,.carousel-dots .owl-dots .owl-dot:focus{
    outline:none
}
.carousel-navs .owl-nav.disabled{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.carousel-navs .owl-nav [class*=owl-]{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    outline:none
}
@media screen and (max-width:1200px){
    .carousel-navs .owl-nav [class*=owl-]{
        display:none
    }
}
.carousel-navs .owl-nav [class*=owl-] span{
    display:none
}
.carousel-navs .owl-nav [class*=owl-]::before{
    font-family:icomoon;
    font-size:30px;
    color:#925add
}
.carousel-navs .owl-nav [class*=owl-]:hover:before{
    color:#31274f
}
.carousel-navs .owl-nav .owl-prev{
    left:-40px;
    -webkit-transform:rotate(-180deg) translateY(50%);
    -ms-transform:rotate(-180deg) translateY(50%);
    transform:rotate(-180deg) translateY(50%)
}
@media screen and (max-width:991px){
    .carousel-navs .owl-nav .owl-prev{
        left:0
    }
}
.carousel-navs .owl-nav .owl-prev::before{
    content:'\e901'
}
.carousel-navs .owl-nav .owl-next{
    right:-40px
}
@media screen and (max-width:991px){
    .carousel-navs .owl-nav .owl-next{
        right:0
    }
}
.carousel-navs .owl-nav .owl-next::before{
    content:'\e901'
}
@media only screen and (min-width:320px) and (max-width:767px){
    .carousel-dots .owl-controls{
        margin-top:20px
    }
}
.landing-hero{
    padding:200px 0 100px
}
@media screen and (max-width:991px){
    .landing-hero{
        padding:125px 0 90px
    }
}
.landing-hero .landing-content{
    padding-bottom:70px
}
@media screen and (max-width:991px){
    .landing-hero .landing-content{
        padding-top:50px;
        margin-bottom:50px;
        text-align:center
    }
}
.landing-hero .landing-content h1{
    font-size:45px;
    font-weight:500;
    line-height:1.5;
    color:#fff;
    margin-bottom:33px
}
@media screen and (max-width:991px){
    .landing-hero .landing-content h1{
        font-size:34px;
        line-height:50px
    }
}
@media screen and (max-width:1200px){
    .landing-hero .landing-content h1{
        font-size:40px;
        line-height:50px
    }
}
@media screen and (max-width:991px){
    .landing-hero .landing-content{
        font-size:50px;
        line-height:55px
    }
}
.landing-hero .landing-content p{
    font-family:poppins,sans-serif;
    font-size:18px;
    line-height:27px
}
.landing-hero .landing-content .scroll-to i{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    display:inline-block;
    color:#925add;
    font-size:42px;
    cursor:pointer;
    -webkit-animation:1s Up-Down ease-in-out infinite;
    animation:1s Up-Down ease-in-out infinite
}
.landing-demos{
    padding:120px 0 40px
}
@media screen and (max-width:991px){
    .landing-demos{
        padding:40px 0
    }
}
.landing-demos .showcase-card{
    -webkit-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms;
    margin:0 auto 80px;
    font-size:18px;
    font-weight:700;
    color:#31274f;
    text-align:center;
    text-transform:capitalize
}
@media screen and (max-width:991px){
    .landing-demos .showcase-card{
        max-width:500px
    }
}
.landing-demos .showcase-card .showcase-card-img{
    -webkit-box-shadow:0 30px 50px rgba(33,37,40,.1);
    box-shadow:0 30px 50px rgba(33,37,40,.1);
    margin-bottom:30px
}
.landing-demos .showcase-card .showcase-card-img img{
    max-width:100%;
    height:auto;
    -webkit-transition:all 300ms ease-in-out;
    -o-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.landing-demos .showcase-card a{
    color:#31274f;
    text-align:center;
    display:block;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.landing-demos .showcase-card a:hover{
    color:#925add
}
.landing-demos .showcase-card:hover{
    -webkit-transform:translateY(-6px);
    -ms-transform:translateY(-6px);
    transform:translateY(-6px)
}
.landing-action{
    padding:220px 0 120px;
    overflow:visible;
    background-color:#262b47
}
@media screen and (max-width:991px){
    .landing-action{
        margin-top:0
    }
}
.landing-action h3{
    color:#fffefe;
    font-size:45px;
    font-weight:500;
    line-height:60px;
    margin-bottom:20px
}
@media screen and (max-width:991px){
    .landing-action h3{
        font-size:28px;
        line-height:35px
    }
}
.landing-action p{
    color:#fff;
    font-size:18px;
    font-weight:400;
    line-height:1.5;
    margin-bottom:5px
}
.landing-featues{
    padding-bottom:50px
}
.landing-featues .feature-box{
    margin-bottom:50px
}
@-webkit-keyframes Up-Down{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes Up-Down{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}