html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1;
    font-family:montserrat
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
h1,h2,h3,h4,h5,h6{
    font-family:open sans;
    font-size:16px
}
p{
    font-family:open sans;
    font-size:14px
}
html *{
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
*,*:after,*:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
::-webkit-scrollbar{
    display:none
}
::-moz-selection{
    color:#fff;
    background:#23d3d3
}
::selection{
    color:#fff;
    background:#23d3d3
}
.nopadding{
    padding:0
}
.custom-padding{
    padding-left:10px;
    padding-right:10px
}
.container-m{
    max-width:1024px;
    margin:0 auto!important;
    padding-left:40px;
    padding-right:40px;
    position:relative
}
.container-s{
    max-width:920px;
    margin:0 auto!important;
    padding-left:40px;
    padding-right:40px;
    position:relative
}
#loading{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:fixed;
    opacity:1;
    background-color:#f2f2f2;
    z-index:9999;
    text-align:center
}
#loading-image{
    display:inline;
    top:40%;
    position:relative;
    z-index:9999
}
.logo{
    position:fixed;
    top:5%;
    left:2%;
    z-index:11
}
.logo .tld{
    background:#047aed
}
.tld{
    width:40px;
    height:40px;
    background:#047aed;
    color:#fff;
    border-radius:50%;
    display:table
}
.tld-text{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.tld-text a{
    font-family:montserrat;
    font-size:14px;
    font-weight:600;
    color:#fff!important;
    text-decoration:none!important
}
.tld-text a::after{
    display:none
}
.navbar{
    font-family:montserrat;
    padding:15px 0;
    background-color:#fff!important;
    border-bottom:1px solid #efeff1;
    -webkit-transition:.5s all ease;
    transition:.5s all ease
}
.wt-border{
    border-bottom:2px solid #fff!important
}
.no-border{
    border:none!important
}
.navbar .navbar-brand{
    font-family:montserrat;
    font-size:18px;
    font-weight:600;
    letter-spacing:0;
    color:#333347!important;
    vertical-align:middle
}
.navbar .navbar-brand img{
    vertical-align:middle;
    margin-right:.3em
}
.navbar .navbar-toggler{
    border:none
}
.navbar span.navbar-toggler-icon{
    background-image:url(data:image/svg+xml;
    charset=utf8;
    base64,PHN2ZyB2aWV3Qm94PScwIDAgMzIgMzInIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDAsMCwwLCAwLjUpJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyBkPSdNNCA4aDI0TTQgMTZoMjRNNCAyNGgyNCcvPjwvc3ZnPg==)
}
.navbar span.navbar-toggler-icon::before{
    outline:none
}
.navbar .navbar-toggler:focus{
    outline:none
}
.navbar-nav{
    height:auto;
    background:#fff;
    padding:0 1.5rem;
    display:flex;
    align-items:center;
    -webkit-transition:.5s all ease;
    transition:.5s all ease
}
.navbar-nav .nav-item{
    margin-right:0;
    margin-top:1.5rem;
    font-size:.85rem;
    font-weight:400;
    text-transform:capitalize;
    color:#333347;
    display:flex
}
.navbar-nav .nav-item .nav-link{
    color:#333347;
    font-weight:500;
    display:flex;
    vertical-align:middle
}
.navbar-nav .nav-item .nav-link:hover{
    color:#333347;
    -webkit-transition:.5s;
    transition:.5s
}
.navbar-nav .nav-item .nav-link:focus{
    color:#333347
}
.btn-nav{
    display:inline-block;
    height:38px;
    padding:0 30px;
    text-align:center;
    font-size:12px;
    font-weight:600;
    line-height:36px;
    letter-spacing:1px;
    margin:25px 0;
    text-transform:uppercase;
    text-decoration:none!important;
    white-space:nowrap;
    cursor:pointer;
    background-color:transparent;
    background:#047aed;
    color:#fff;
    border:1px solid #047aed!important;
    border-radius:50px;
    box-sizing:border-box;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    transition:.2s
}
.btn-nav:hover{
    color:#fff;
    background:#047aed
}
.btn-nav:focus,.btn-nav:active{
    background:#047aed;
    color:#fff
}
.navbar-alt{
    background:0 0!important
}
.navbar-alt .navbar-nav{
    background:0 0!important
}
.navbar-alt .nav-item .nav-link{
    color:#fff
}
.navbar-alt .nav-item .nav-link:hover,.navbar-alt .nav-item .nav-link:focus{
    color:rgba(255,255,255,.7)
}
.navbar-alt .navbar-brand{
    color:#fff!important
}
@media only screen and (max-width:767px){
    .home-2 .hero-form{
        position:relative;
        z-index:1;
        text-align:center;
        padding-top:20px;
        margin-bottom:-20px
    }
    .navbar{
        padding:15px
    }
    .navbar .navbar-nav{
        background:#fff!important;
        padding-bottom:25px
    }
    .navbar-nav .nav-item{
        display:block
    }
    .nav-white .nav-item .nav-link{
        color:#4957b8
    }
    .navbar-alt .nav-item .nav-link{
        color:#333347
    }
    .navbar .btn-cta{
        padding:0 30px
    }
}
@media only screen and (min-width:240px){
    .navbar.past-main{
        background:#fff!important;
        border-bottom:1px solid #efeff1
    }
    .navbar.effect-main{
        -webkit-transition:all .3s;
        transition:all .3s
    }
    .navbar.past-main .navbar-brand{
        color:#333347!important
    }
    .nav-white.past-main .nav-item .nav-link{
        color:#333347;
        font-weight:500
    }
    .navbar.past-main .nav-item .nav-link{
        color:#333347;
        font-weight:500
    }
    .navbar.past-main .nav-item:hover .nav-link{
        color:#23d3d3
    }
    .navbar.past-main .navbar-brand{
        color:#333347
    }
    .nav-white.effect-main{
        -webkit-transition:all .3s;
        transition:all .3s
    }
}
.main{
    width:100%;
    height:100%
}
.home{
    padding:75px 0;
    background:#f7f7f8
}
.home .hero-content{
    padding:25px 0 0
}
.centered{
    float:none!important;
    margin-left:auto!important;
    margin-right:auto!important
}
.home h1{
    font-size:42px;
    font-weight:300;
    color:#fff;
    color:#252525;
    line-height:1.2;
    letter-spacing:-.01em
}
.home p{
    font-size:18px;
    font-weight:400;
    color:#818198;
    max-width:630px;
    margin:0 auto;
    letter-spacing:0;
    line-height:1.6;
    margin-top:10px;
    margin-bottom:15px
}
.btn-action{
    font-family:montserrat;
    display:inline-block;
    height:42px;
    padding:0 30px;
    text-align:center;
    font-size:12px;
    font-weight:600;
    line-height:40px;
    letter-spacing:1px;
    margin:25px 0;
    text-transform:uppercase;
    text-decoration:none!important;
    white-space:nowrap;
    cursor:pointer;
    background-color:transparent;
    background:#047aed;
    color:#fff;
    border:1px solid #047aed!important;
    border-radius:50px;
    box-sizing:border-box;
    -webkit-transition:.2s;
    -moz-transition:.2s;
    transition:.2s
}
.btn-action:hover{
    color:#fff;
    background:#047aed;
    border:1px solid #047aed!important;
    outline:none!important;
    text-decoration:none
}
.btn-action:focus,.btn-action:active{
    background:#047aed;
    color:#fff;
    border:1px solid transparent!important;
    outline:none!important
}
.btn-alt{
    background:#047aed;
    color:#fff
}
.btn-alt:hover{
    background:#047aed;
    color:#fff;
    border:1px solid #6d48e5!important;
    outline:none!important;
    text-decoration:none
}
.btn-white{
    background:#fff;
    color:#047aed
}
.btn-white:hover{
    background:#fff;
    color:#047aed;
    border:1px solid #fff!important;
    outline:none!important;
    text-decoration:none
}
.home-2{
    background:#fef;
    background:#fafafa;
    background:linear-gradient(to bottom,#0ab3e4,#102976);
    background:#047aed;
    position:relative;
    padding:100px 0 50px
}
.home-2::before,.home-2::after{
    content:' ';
    position:absolute;
    height:150px;
    bottom:-90px;
    left:0;
    right:0;
    background:#fff;
    transform:skewY(-5deg);
    -webkit-transform:skewY(-5deg);
    -moz-transform:skewY(-3deg);
    -ms-transform:skewY(-3deg);
    -o-transform:skewY(-3deg)
}
.facebook_haking .home-2{
    background:linear-gradient(to right top,#216785,#297292,#327da0,#3a88ad,#4393bb,#3f90bb,#3c8dbc,#398abc,#2978ae,#1a669f,#0c5490,#004380)
}
.facebook_haking .btn-white{
    color:#4191b8
}
.whatsapp_haking .home-2{
    background:linear-gradient(to left bottom,#216785,#007c95,#00929b,#00a696,#00b986,#0fc079,#2bc768,#45cd53,#3dcc4b,#33cb42,#28ca39,#1ac92e)
}
.whatsapp_haking .btn-white{
    color:#189d0e
}
.instagram_haking .home-2{
    background:linear-gradient(to right top,#f69037,#f87943,#f66351,#ef4f60,#e23d6f,#d8387f,#cb388f,#b93c9d,#a847af,#9152bf,#735dcb,#4866d5)
}
.instagram_haking .btn-white{
    color:#f1545d
}
.home-2 .hero-img img{
    max-width:768px!important;
    width:100%;
    margin-top:20px
}
.intl-tel-input{
    width:100%
}
.home-2 .hero-content{
    display:flex;
    height:100%;
    padding:0!important
}
.home-2 .hero-content .hero-content-inner{
    margin:auto;
    text-align:center
}
.home-2 h1{
    font-size:42px;
    font-weight:300;
    color:#fff;
    line-height:1.2;
    letter-spacing:-.01em
}
.home-2 p{
    font-size:18px;
    font-weight:400;
    color:rgba(255,255,255,.7);
    max-width:none;
    letter-spacing:0;
    line-height:1.6;
    margin-top:25px;
    margin-bottom:0
}
.home-2 .client-list ul{
    text-align:left
}
.home-2 .client-list ul li{
    margin:0 20px 0 0
}
.home-2 .hero-form{
    position:relative;
    z-index:1
}
.home-2 .hero-form #social_buttonlist{
    background:#fff;
    padding:35px;
    border-radius:10px;
    max-width:380px!important;
    margin:0 auto;
    float:none;
    z-index:1111!important;
    box-shadow:0 5px 50px rgba(0,0,10,.2);
    webkit-animation:mover 1s infinite alternate;
    animation:mover 1s infinite alternate
}
.home-2 .hero-form #social_buttonlist a{
    display:block;
    padding:15px 0;
    margin-bottom:20px;
    border-radius:3px;
    text-align:center;
    font-size:16px;
    color:#fff;
    font-weight:500;
    text-transform:uppercase;
    background:#047aed;
    text-decoration:none
}
@-webkit-keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-12px);
        transform:translateY(-12px)
    }
}
@keyframes mover{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-12px);
        transform:translateY(-12px)
    }
}
.home-2 .hero-form #social_buttonlist a.h_facebook:hover{
    background:#3b5998
}
.home-2 .hero-form #social_buttonlist a.h_isntagram:hover{
    background:linear-gradient(to right top,#f69037,#f87943,#f66351,#ef4f60,#e23d6f,#d8387f,#cb388f,#b93c9d,#a847af,#9152bf,#735dcb,#4866d5)
}
.home-2 .hero-form #social_buttonlist a.h_whatsapp:hover{
    background:linear-gradient(to left bottom,#216785,#007c95,#00929b,#00a696,#00b986,#0fc079,#2bc768,#45cd53,#3dcc4b,#33cb42,#28ca39,#1ac92e)
}
.sub-form{
    position:relative;
    max-width:420px;
    margin:0 auto;
    margin-top:30px
}
.chimp-form .mail{
    position:relative;
    background-color:#fff;
    box-shadow:none;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    transition:all .3s
}
.sub-form input{
    display:block;
    width:100%;
    margin:0 auto;
    color:#6d48e5;
    font-family:montserrat;
    padding:0;
    font-size:13px;
    font-weight:500;
    height:50px;
    border:1px solid #047aed;
    border-radius:4px;
    background-color:#fff;
    outline:none;
    padding:0 100px 0 20px;
    box-shadow:0 5px 30px rgba(255,255,255,.1)
}
.sub-form input:focus{
    outline:none!important;
    background:#fff;
    border:1px solid #047aed
}
.sub-form .submit-button{
    height:50px;
    width:100%;
    border:0;
    border-radius:4px;
    margin:0 auto;
    margin:15px 0;
    padding:0 25px;
    background:#047aed;
    font-family:montserrat;
    font-size:14px;
    font-weight:500;
    text-transform:capitalize;
    letter-spacing:0;
    color:#fff;
    cursor:pointer;
    outline:none;
    box-shadow:0 2px 5px 0 rgba(0,0,100,.2);
    -webkit-transition:300ms;
    -moz-transition:300ms;
    transition:300ms
}
.sub-form .submit-button:hover{
    box-shadow:0 5px 25px 0 rgba(0,0,100,.2)
}
.sub-form .submit-button:focus,.sub-form .submit-button:active{
    background:#047aed
}
#email-error{
    position:absolute;
    left:0;
    right:0;
    bottom:-50%;
    font-family:montserrat;
    font-size:13px;
    font-weight:500;
    color:#f33
}
#response{
    position:absolute;
    left:0;
    bottom:-45%;
    vertical-align:middle;
    font-family:montserrat;
    font-size:13px!important;
    font-weight:500;
    color:#15ccbe
}
#chimp-email-error{
    position:relative;
    left:0;
    right:0;
    bottom:-45%;
    vertical-align:middle;
    font-family:montserrat;
    font-size:13px;
    font-weight:500;
    color:#303c42
}
.success-message{
    color:#3c3;
    margin-top:5px
}
.form-note p{
    font-size:12px;
    font-weight:500;
    color:#97a6b5
}
.prk-center{
    position:relative;
    left:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:1;
    display:table
}
.prk-circle-box{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.prk-circle{
    margin:0 auto;
    width:270px;
    height:270px;
    border-radius:50%;
    background:#6892d5;
    box-shadow:0 3px 50px 0 rgba(255,94,58,.1);
    color:#e84545;
    transition:all 400ms ease-in
}
.prk-text{
    position:relative;
    left:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:1;
    display:table
}
.txt-box{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.txt-box ul#countdown li span{
    font-family:Arial;
    font-size:24px;
    font-weight:600;
    line-height:1;
    color:#fff;
    padding:6px;
    transition:all 400ms ease-in
}
.txt-box ul#countdown li.seperator{
    font-size:21px;
    line-height:1;
    vertical-align:top;
    color:#fff;
    transition:all 400ms ease-in
}
.txt-box ul#countdown li p{
    color:rgba(255,255,255,.9);
    font-size:11px;
    font-weight:500;
    padding-top:15px;
    transition:all 400ms ease-in
}
.txt-box h2{
    font-size:16px;
    font-weight:400;
    color:rgba(255,255,255,.8);
    margin-bottom:.5em;
    transition:all 400ms ease-in
}
.txt-box h2 span{
    color:#fff;
    font-weight:700
}
.txt-box h3{
    font-size:16px;
    font-weight:500;
    color:#e84545;
    margin-top:.5em
}
.txt-box a{
    color:#6142d2
}
.txt-box a:hover{
    color:#6142d2
}
.chimp-form .mail{
    position:relative;
    background-color:#f9f9f9;
    box-shadow:none;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    transition:all .3s
}
.form{
    padding-top:25px;
    position:relative;
    text-align:center
}
.form input{
    color:#222;
    font-family:montserrat;
    padding:0;
    font-size:13px;
    font-weight:500;
    height:45px;
    border:0;
    border-radius:30px;
    background-color:#efefef;
    outline:none;
    padding:0 100px 0 20px;
    box-shadow:0 5px 30px rgba(255,255,255,.1)
}
.form input:focus{
    outline:none!important;
    border-color:transparent
}
.form .submit-button{
    height:45px;
    border:0;
    border-radius:30px;
    margin-left:-35px;
    padding:0 25px;
    background:#047aed;
    font-family:montserrat;
    font-size:14px;
    font-weight:500;
    text-transform:capitalize;
    letter-spacing:0;
    color:#fff;
    cursor:pointer;
    outline:none;
    box-shadow:0 5px 30px rgba(255,255,255,.05);
    -webkit-transition:500ms;
    -moz-transition:500ms;
    transition:500ms
}
#email-error{
    position:absolute;
    left:20%;
    right:0;
    bottom:0%;
    font-family:montserrat;
    font-size:13px;
    font-weight:500;
    color:#f33
}
#response{
    position:absolute;
    left:20%;
    bottom:-90%;
    vertical-align:middle;
    font-family:montserrat;
    font-size:13px!important;
    font-weight:500!important;
    margin:0!important;
    color:#15ccbe
}
#response h4{
    font-size:13px!important;
    font-weight:500!important;
    text-align:center
}
.home-split #chimp-email-error{
    position:absolute;
    left:0;
    bottom:-50%;
    vertical-align:middle;
    text-align:center;
    font-family:montserrat;
    font-size:13px;
    font-weight:500;
    color:#047aed
}
.yd_cta_box #chimp-email-error{
    position:absolute;
    left:25%;
    bottom:-50%
}
.yd_cta_box #response{
    position:absolute;
    left:25%;
    bottom:-90%
}
.success-message{
    color:#047aed;
    margin-top:5px
}
.form-note p{
    font-size:12px
}
.lbl-services{
    background:#fff;
    padding:50px 0;
    position:relative
}
.service-intro{
    padding:0 0 50px
}
.service-intro h1{
    font-size:32px;
    font-weight:300;
    color:#364655;
    line-height:1.2;
    margin-bottom:20px
}
.service-intro p{
    font-size:16px;
    font-weight:400;
    color:#818198;
    line-height:1.6;
    max-width:600px;
    margin:0 auto
}
.justify-center{
    justify-content:center!important;
    display:flex
}
.lbl_cards{
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-radius:10px;
    overflow:hidden;
    text-align:center
}
.card_single{
    width:100%;
    margin:1px;
    min-width:200px;
    padding:40px 10px;
    background-color:#fff;
    -webkit-transition:.1s ease-in background-color;
    transition:.1s ease-in background-color
}
.card-icon{
    width:80px;
    height:80px;
    margin:0 auto;
    border-radius:50%;
    background:rgba(30,166,154,.08);
    background:#edf4f7;
    display:table;
    text-align:center
}
.card-img{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.card-text{
    padding:15px;
    margin-top:15px
}
.card-text h3{
    font-size:21px;
    font-weight:500;
    color:#364655
}
.card-text p{
    font-size:16px;
    font-weight:500;
    color:#818198;
    line-height:1.6;
    margin-top:15px
}
.flex-split{
    padding:50px 0;
    background:#f7f7f8
}
.flex-intro{
    margin-bottom:50px;
    text-align:center
}
.flex-intro h2{
    font-size:32px;
    font-weight:300;
    color:#3a3a47;
    line-height:1.3;
    margin-bottom:10px
}
.flex-intro p{
    font-size:16px;
    font-weight:500;
    line-height:1.6;
    letter-spacing:.01em;
    color:#818198;
    max-width:630px;
    margin:0 auto;
    margin-top:15px;
    margin-bottom:15px
}
.inner .flex-intro p{
    max-width:100%
}
.inner .flex-intro li{
    margin-bottom:10px;
    font-size:14px;
    line-height:24px
}
.flex-inner{
    margin:50px 0
}
.flex-inner .f-image{
    padding:0 35px;
    text-align:center
}
.flex-inner .f-text{
    padding:0 35px;
    text-align:center
}
.flex-inner .f-text{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:center
}
.flex-inner .f-text h2{
    font-size:24px;
    font-weight:600;
    color:#3a3a47;
    line-height:1.3;
    margin-top:25px
}
.flex-inner .f-text p{
    font-size:16px;
    font-weight:400;
    line-height:1.6;
    letter-spacing:.01em;
    color:#818198;
    margin-top:15px;
    margin-bottom:15px
}
.flex-inner .f-text .left-content a{
    font-family:open sans;
    font-size:14px;
    font-weight:500;
    color:#8798ab;
    position:relative;
    display:inline-block;
    text-decoration:none
}
.flex-inner .f-text .left-content a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-20%;
    height:1px;
    width:50px;
    background:#8798ab;
    -webkit-transition:.3s;
    transition:.3s
}
.flex-inner .f-text .left-content a:hover::after{
    width:75px
}
.flex-inner .f-text .left-content a:hover{
    text-decoration:none
}
.flex-inner.flex-inverted .f-image{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
.flex-inner.flex-inverted .f-image img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(10%)
}
.yd_cta_box{
    background:#fff
}
.yd_cta_box a{
    color:#fff
}
.cta_box{
    background:#047aed url(../images/motherboard1.png);
    background-repeat:no-repeat;
    background-position:right;
    border-radius:0;
    display:flex;
    margin:auto;
    min-height:480px;
    padding:30px 0
}
.cta_box .cta_box_inner{
    margin:auto;
    padding:0
}
.cta_box .cta_box_inner .box_txt{
    padding:0
}
.cta_box .cta_box_inner h4{
    font-size:18px;
    font-weight:400;
    line-height:1.2;
    color:rgba(255,255,255,.8);
    margin-bottom:20px
}
.cta_box .cta_box_inner h2{
    font-size:24px;
    font-weight:400;
    line-height:1.6;
    color:#fff
}
.yd_cta_sub{
    padding:0;
    background:#303c42;
    text-align:center
}
.yd_cta_sub.inner{
    background:linear-gradient(to left bottom,#216785,#297292,#327da0,#3a88ad,#4393bb,#3f90bb,#3c8dbc,#398abc,#2978ae,#1a669f,#0c5490,#004380)
}
.instagram_haking .yd_cta_sub.inner{
    background:linear-gradient(to right top,#f69037,#f87943,#f66351,#ef4f60,#e23d6f,#d8387f,#cb388f,#b93c9d,#a847af,#9152bf,#735dcb,#4866d5)
}
.instagram_haking .sub-form .submit-button{
    background:#f7883b
}
.instagram_haking .sub-form input{
    border:1px solid #ff7c8d
}
.whatsapp_haking .yd_cta_sub.inner{
    background:linear-gradient(to left bottom,#216785,#007c95,#00929b,#00a696,#00b986,#0fc079,#2bc768,#45cd53,#3dcc4b,#33cb42,#28ca39,#1ac92e)
}
.whatsapp_haking .sub-form .submit-button{
    background:#099
}
.whatsapp_haking .sub-form input{
    border:1px solid #00af8f
}
.cta_sub{
    display:flex;
    margin:auto;
    height:480px
}
.cta_sub .cta_sub_inner{
    margin:auto;
    padding:0
}
.cta_sub .cta_sub_inner h4{
    font-size:14px;
    font-weight:400;
    line-height:1.2;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.8);
    margin-bottom:20px
}
.cta_sub .cta_sub_inner p{
    color:rgba(255,255,255,.8)
}
.cta_sub .cta_sub_inner p a{
    color:#fff;
    text-decoration:underline
}
.cta_sub .cta_sub_inner h2{
    font-size:24px;
    font-weight:300;
    line-height:1.6;
    color:#fff
}
.yd_boxed .yd_vid_ft{
    padding:70px 0
}
.yd_boxed .vid_box{
    padding:50px
}
.yd_vid_ft{
    background:#fff;
    padding:50px 0
}
.vid_box{
    min-height:540px;
    width:100%;
    background:#047aed;
    background:#f7f7f8;
    border-radius:1px;
    padding:100px 50px;
    position:relative
}
.vid_intro{
    text-align:center;
    max-width:580px;
    margin:0 auto
}
.vid_intro h2{
    font-size:34px;
    font-weight:300;
    color:#3a3a47;
    line-height:1.4
}
.vid_intro p{
    font-size:17px;
    font-weight:500;
    color:#818198;
    line-height:1.6;
    margin-top:10px
}
.yd_vid{
    text-align:center;
    max-width:768px;
    margin:0 auto;
    margin-top:75px
}
.yd_flx_tr{
    width:100%;
    height:100%;
    padding:100px 0
}
.yd_flx_tr_inner{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:row wrap;
    justify-content:space-around
}
.yd_flx_tr_inner>*{
    flex:1 100%
}
.left{
    background:#f3f3f5;
    padding:75px
}
.flx_content h2{
    font-size:24px;
    font-weight:500;
    color:#202124;
    line-height:1.4
}
.flx_content h4{
    font-size:18px;
    font-weight:500;
    color:#284184;
    line-height:1.4;
    margin-top:40px
}
.right{
    background-color:#f3f3f5;
    background:#333;
    line-height:0;
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:row wrap;
    justify-content:space-around
}
.right>*{
    flex:1 100%
}
.right .sec-one{
    background-color:#ff524e;
    background-color:#f3f3f5
}
.right .sec-two{
    background-color:#ffe16e;
    background-color:#c4ffdd;
    background-color:#ff524e;
    height:auto;
    padding:50px
}
.right .sec-one h2,.right .sec-two h2{
    font-size:21px;
    font-weight:600;
    color:#fff;
    line-height:1.2
}
.yd_tabs{
    padding:50px 0;
    background:#f3f3f5
}
.yd_tabs .nav-tabs{
    background-color:#f3f3f5;
    padding:25px 0;
    border:none!important
}
.yd_tabs .nav-tabs .nav-link{
    overflow:hidden;
    border-radius:10px;
    padding:25px
}
.yd_tabs .nav-tabs .nav-link:hover{
    border-color:transparent
}
.yd_tabs .nav-tabs .nav-link.active{
    background-color:#f3f3f5;
    color:#433434;
    border-color:transparent;
    position:relative;
    box-shadow:0 0 50px rgba(0,0,0,.1)
}
.yd_tabs a{
    font-family:montserrat;
    font-size:16px;
    font-weight:500;
    line-height:1.2
}
.yd_tabs h5{
    font-size:32px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:20px
}
.yd_tabs .nav-tabs h2{
    font-size:18px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:20px;
    padding:30px
}
.yd_tabs .nav-item{
    padding:10px
}
.yd_tabs p{
    font-size:14px;
    font-weight:500;
    line-height:1.4
}
.yd_tabs .ar-icon{
    float:left;
    width:15%
}
.yd_tabs .ar-icon img{
    margin-top:0;
    vertical-align:middle
}
.yd_tabs .ar-text{
    float:right;
    width:85%
}
.yd_tabs .ar-text h3{
    font-size:18px;
    color:#364655;
    font-weight:600;
    line-height:1.2;
    margin-bottom:10px
}
.yd_tabs .ar-text p{
    font-size:14px;
    font-weight:500;
    line-height:1.6;
    color:#959597
}
@media screen and (max-width:576px){
    .yd_tabs .nav-tabs{
        margin-bottom:11px
    }
    .yd_tabs .nav-tabs .nav-item{
        width:auto!important
    }
    .yd_tabs .nav-tabs.yd_tabs-right{
        margin-bottom:0;
        margin-top:10px
    }
    .yd_tabs .nav-tabs .nav-link{
        padding:20px
    }
    .yd_tabs .ar-icon{
        float:left;
        width:25%
    }
    .yd_tabs .ar-text{
        float:right;
        width:75%
    }
}
.ft_single{
    position:relative;
    padding:100px 0
}
.yd_flex{
    display:block;
    text-align:center
}
.yd_flex_1{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.yd_flex_2{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
.yd_flex_1 .flex_content{
    max-width:420px;
    margin:0 auto
}
.yd_flex_1 .flex_content h2{
    font-size:32px;
    font-weight:700;
    line-height:1.4;
    color:#364655;
    margin-bottom:10px
}
.yd_flex_1 .flex_content p{
    font-size:16px;
    font-weight:500;
    line-height:1.4;
    color:#5f6368;
    margin-bottom:5px
}
.flex_main{
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.flex_sub{
    align-items:center;
    flex-basis:calc(50% - 24px);
    flex-direction:column;
    justify-content:center;
    margin:10px;
    padding:15px 10px;
    position:relative;
    background:#f8f9fa;
    border:1px solid transparent;
    border-radius:2px;
    display:flex;
    cursor:pointer;
    margin-bottom:12px;
    transition:box-shadow .3s ease-in-out
}
.flex_sub:hover{
    box-shadow:0 0 20px rgba(0,0,0,.1)
}
.flex_sub .sub_image{
    margin:0 0 20px
}
.flex_sub .sub_image img{
    width:60px;
    height:60px
}
.flex_sub .sub_text{
    text-align:center
}
.flex_sub .sub_text h4{
    font-size:14px;
    font-weight:600;
    line-height:1.2;
    color:#202124;
    margin-bottom:5px
}
.flex_sub .sub_text p{
    font-size:13px;
    font-weight:500;
    line-height:1.4;
    color:#5f6368;
    margin:5px 0
}
.yd_clients{
    padding:50px 0;
    background:#f7f7f8
}
.yd_clients_intro{
    text-align:center;
    max-width:600px;
    margin:0 auto;
    margin-bottom:50px
}
.yd_clients_intro h4{
    font-size:14px;
    font-weight:500;
    color:#8798ab;
    line-height:1.4;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px
}
.yd_clients_intro h2{
    font-size:32px;
    font-weight:300;
    color:#3a3a47;
    line-height:1.4;
    margin-bottom:15px
}
.yd_clients_intro p{
    font-size:18px;
    font-weight:400;
    color:#787878;
    line-height:1.6;
    letter-spacing:0
}
.flx_2{
    max-width:600px;
    margin:0 auto;
    margin-top:25px;
    text-align:center
}
.yd_clients .flx_2 h1{
    font-size:26px;
    font-weight:300;
    color:#3a3a47;
    line-height:1.4;
    margin-bottom:10px
}
.yd_clients .flx_2 h2{
    font-size:16px;
    font-weight:400;
    color:#3a3a47;
    line-height:1.4;
    margin-bottom:5px
}
.yd_clients .flx_2 a{
    font-family:open sans;
    font-size:14px;
    font-weight:400;
    color:#047aed;
    line-height:1.4;
    text-decoration:none
}
.yd_clients .review-img{
    display:flex;
    height:100%
}
.yd_clients .review-img .review-img-inner{
    margin:auto
}
.yd_clients .review-img img{
    width:120px
}
.yd_clients .client-list{
    margin-top:50px
}
.yd_clients .client-list ul{
    list-style-type:none;
    text-align:center
}
.yd_clients .client-list ul li{
    display:inline;
    margin:0 20px
}
.yd_clients .client-list ul li img{
    width:100px;
    opacity:.6;
    cursor:pointer
}
.yd_rev_slides{
    width:100%;
    height:100%;
    padding:50px 0;
    background:#f7f7f8;
    background:linear-gradient(to right,rgba(255,255,255,0.3),rgba(0,0,0,0)),url(../images/bg.html) no-repeat center center;
    background-size:cover;
    background-position:top
}
.rev_intro{
    display:flex;
    height:100%;
    max-width:360px
}
.rev_intro_inner{
    margin:auto
}
.rev_intro h4{
    font-size:14px;
    font-weight:500;
    color:#8798ab;
    line-height:1.4;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px
}
.rev_intro h2{
    font-size:32px;
    font-weight:300;
    color:#3a3a47;
    line-height:1.4;
    margin-bottom:15px
}
.rev_intro p{
    font-size:18px;
    font-weight:400;
    color:#787878;
    line-height:1.6;
    letter-spacing:0
}
.reviews{
    background:#fff;
    padding:40px
}
.rev_box{
    margin:0 10px;
    background:#fff
}
.rev_attr{
    display:flex;
    margin-top:55px
}
.rev_img{
    display:flex
}
.rev_img .rev_img_inner{
    margin:auto
}
.rev_img img{
    width:50px
}
.rev_footer{
    margin-left:25px
}
.rev_text h1{
    font-size:21px;
    font-weight:500;
    color:#787878;
    line-height:1.6;
    letter-spacing:0;
    margin-bottom:20px
}
.rev_footer h2{
    font-size:18px;
    font-weight:600;
    color:#565656;
    line-height:1.4;
    margin-bottom:2px
}
.rev_footer h6{
    font-size:14px;
    font-weight:500;
    color:gray;
    line-height:1.4;
    margin-bottom:3px
}
.rev_footer a{
    font-family:montserrat;
    font-size:12px;
    font-weight:500;
    color:#047aed;
    position:relative;
    display:inline-block;
    text-decoration:none
}
.yd_faqs{
    padding:50px 0;
    background:#f7f7f8
}
.yd_faqs .yd_flx2{
    min-height:500px;
    display:flex
}
.yd_faqs .yd_flx2 .flx_1{
    line-height:normal;
    padding:0 100px;
    min-height:300px
}
.yd_faqs .faq_intro{
    max-width:600px;
    margin-bottom:50px
}
.yd_faqs .faq_inner h2{
    font-size:32px;
    font-weight:300;
    color:#111;
    line-height:1.2;
    margin-bottom:15px
}
.yd_faqs .faq_inner p{
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,.5);
    line-height:1.6;
    margin:15px 0
}
.yd_faqs .faq_inner h5{
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,.5);
    line-height:1.6;
    margin-top:20px;
    display:inline
}
.yd_faqs .faq_inner a{
    display:inline;
    font-family:open sans;
    color:#047aed;
    font-size:14px;
    font-weight:400;
    text-decoration:none
}
#accordion .card-header:after{
    font-family:ionicons;
    content:"\f209";
    float:right;
    transition:.5s
}
#accordion .card-header.collapsed:after{
    content:"\f218";
    transition:.5s
}
#accordion .card{
    border-radius:0;
    border:0
}
#accordion .card-header{
    padding:30px 0;
    background:#f7f7f8;
    border-bottom:2px solid rgba(0,0,0,.03);
    cursor:pointer
}
#accordion .card-header .card-title{
    font-family:open sans;
    font-size:18px;
    color:rgba(0,0,0,.75);
    font-weight:500;
    line-height:1.4
}
#accordion .card-body{
    padding:30px 0;
    background:#f7f7f8
}
#accordion .card-body p{
    font-family:roboto;
    font-size:16px;
    color:rgba(0,0,0,.6);
    font-weight:400;
    line-height:2
}
.faq_alt{
    background:#fff
}
.faq_alt #accordion .card-header{
    background:#fff
}
.faq_alt #accordion .card-body{
    background:#fff
}
.split_features{
    width:100%;
    height:100%
}
.split_features .yd_flx2{
    min-height:500px
}
.split_features .yd_flx2 .flx_1{
    line-height:normal;
    background:#eee;
    padding:0 100px;
    min-height:300px
}
.split_features .yd_flx2 .flx_1 .split_text{
    display:flex;
    margin:auto;
    height:100%
}
.split_features .yd_flx2 .flx_1 .split_text_inner{
    margin:auto
}
.split_features .yd_flx2 .flx_1 h2{
    font-family:roboto!important;
    font-size:38px;
    font-weight:300;
    color:#111;
    line-height:1.4;
    margin-bottom:15px
}
.split_features .yd_flx2 .flx_1 p{
    font-family:roboto!important;
    font-size:17px;
    font-weight:400;
    color:#777;
    line-height:1.6;
    margin-top:15px
}
.split_features .yd_flx2 .flx_2{
    padding:0;
    background:url(../images/hg.html) no-repeat center center;
    background-size:cover;
    min-height:300px
}
.ft_cst2{
    padding:100px 0;
    background:#fff
}
.ft_cst2 .split_text{
    display:flex;
    max-width:480px;
    height:100%
}
.ft_cst2 .split_text_inner{
    margin:auto
}
.ft_cst2 .split_text_inner h4{
    font-size:13px!important;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#607d9c;
    line-height:1.3;
    margin:0 0 20px
}
.ft_cst2 .split_text_inner h2{
    font-size:28px!important;
    font-weight:300;
    color:#455;
    line-height:1.4
}
.ft_cst2 .split_text_inner p{
    font-size:18px!important;
    font-weight:400!important;
    color:rgba(0,0,0,.5);
    line-height:1.6;
    margin:20px 0 0
}
.ft_cst2 .split_text_inner .btn-action{
    margin:20px 0 0
}
.ft_cst2 .f-text{
    line-height:normal;
    text-align:center;
    background:#fff
}
.ft_cst2 .flex-inner{
    margin:0
}
.ft_cst2 .f-text{
    line-height:normal;
    text-align:center;
    background:#fff;
    margin-top:0
}
.ft_cst2 .flex-inner .f-image{
    margin-top:50px!important
}
.table-left h3,.table-right h3{
    font-size:21px;
    font-weight:600;
    color:#505050;
    margin-bottom:15px
}
.table-left p,.table-right p{
    font-size:14px;
    font-weight:500;
    color:#505050;
    line-height:1.4
}
.table-left .icon,.table-right .icon{
    padding:50px 50px 40px
}
.table-left .icon img,.table-right .icon img{
    width:60px;
    height:60px;
    margin:0 auto
}
.sub_span{
    font-family:open sans;
    font-size:15px;
    font-weight:400;
    color:#505050
}
.sub_span_alt{
    color:#fff
}
.btn-white{
    color:#047aed;
    background-color:#fff!important;
    border-color:#fff!important
}
.footer{
    background:#040e1a;
    background:#303c42;
    padding:35px 0;
    border-top:2px solid rgba(255,255,255,.1)
}
.footer-inner{
    background:#1e266d
}
.footer .footer-logo{
    text-align:center
}
.footer .footer-logo h2{
    font-size:18px;
    font-weight:500;
    color:#e5e5e5;
    text-transform:uppercase;
    line-height:1.4;
    letter-spacing:1px
}
.footer p{
    font-size:24px;
    font-weight:700;
    color:#e5e5e5;
    line-height:1.4;
    margin-top:0
}
.back-to-top{
    position:fixed;
    bottom:30px;
    right:30px;
    font-family:montserrat;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    color:#fff;
    line-height:1.4;
    display:inline-block;
    padding:1.2rem;
    margin-top:0;
    border-radius:0;
    background:url(../icons/up.png) center top .5rem no-repeat #047aed;
    text-decoration:none;
    -webkit-transition:200ms;
    -moz-transition:200ms;
    -o-transition:200ms;
    transition:200ms
}
.back-to-top:hover{
    color:#fff;
    text-decoration:none
}
.footer ul{
    list-style-type:none;
    text-align:center;
    margin-top:0
}
.footer .footer-menu{
    text-align:center;
    margin:20px 0
}
.footer .footer-links ul{
    text-align:center
}
.footer ul li{
    font-family:montserrat;
    font-size:16px;
    font-weight:500;
    letter-spacing:0;
    display:inline-block;
    margin-left:10px;
    margin-right:10px
}
.footer ul li a{
    font-size:14px;
    font-weight:500;
    line-height:24px;
    text-transform:uppercase;
    position:relative;
    display:inline-block;
    color:#fff;
    text-decoration:none
}
.footer ul li a:hover{
    text-decoration:none;
    color:#97a6b5
}
.footer .footer-links ul li{
    margin-left:10px;
    margin-right:10px
}
.footer .footer-links ul li a img{
    width:24px;
    vertical-align:middle
}
@media only screen and (min-width:1400px){
    .home-2::before,.home-2::after{
        bottom:-110px;
        height:180px;
        transform:skewY(-3deg);
        -webkit-transform:skewY(-3deg)
    }
}
@media only screen and (min-width:767px){
    .logo .tld{
        background:#047aed
    }
    .navbar-nav{
        margin-top:0
    }
    .navbar-nav .nav-item{
        margin-top:0;
        margin-right:15px;
        font-size:.85rem;
        font-weight:400
    }
    .btn-nav{
        margin:0
    }
    .container-s{
        padding-left:20px;
        padding-right:20px
    }
    .container-m{
        padding-left:20px;
        padding-right:20px
    }
    .hero-inner h2{
        font-size:38px
    }
    .home .hero-content{
        padding:75px 0 0
    }
    .home-2{
        padding:150px 0 50px
    }
    .home-2 .hero-form #contactForm{
        float:right
    }
    .home-2 .hero-content .hero-content-inner{
        text-align:left
    }
    .lbl-services{
        padding:100px 0 50px
    }
    .service-intro h1{
        font-size:34px
    }
    .card_single{
        width:calc(25% - 2px)
    }
    .flex-split{
        padding:100px 0
    }
    .flex-intro h2{
        font-size:34px
    }
    .flex-inner{
        position:relative;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin:25px 0 0
    }
    .flex-inner .f-image{
        -webkit-box-flex:0;
        -ms-flex:0 0 300px;
        flex:0 0 300px;
        background:url(../images/features-bg-effect.png);
        padding:20px;
        border-radius:10px;
        background-size:cover;
        background-position:center center
    }
    .ft_cst2 .split_text_inner h2{
        font-size:34px!important
    }
    .yd_pricing .flex-inner .f-text{
        margin-top:0;
        text-align:left
    }
    .yd_clients{
        padding:100px 0
    }
    .yd_rev_slides{
        padding:100px 0
    }
    .rev_text h1{
        font-size:24px
    }
    .reviews{
        padding:50px
    }
    .cta_box .cta_box_inner h2{
        font-size:32px
    }
    .cta_sub .cta_sub_inner h2{
        font-size:32px
    }
    .ft_cst2 .flex-inner .f-image{
        margin-top:0!important;
        -webkit-box-flex:0;
        -ms-flex:0 0 300px;
        flex:0 0 300px
    }
    .yd_vid_ft{
        padding:100px 0
    }
    .flex-inner .f-text h2{
        margin-top:0
    }
    .yd_faqs{
        padding:100px 0
    }
    .yd_tabs{
        padding:100px 0
    }
    .flex-inner .f-text h2{
        font-size:24px
    }
    .flex-inner .f-text p{
        font-size:16px;
        font-weight:500
    }
    .yd_flex{
        position:relative;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        text-align:left;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .yd_flex .yd_flex_2{
        -webkit-box-flex:0;
        -ms-flex:0 0 568px;
        flex:0 0 568px
    }
    .yd_flex_1 .flex_content{
        max-width:420px;
        margin:0
    }
    .left{
        padding:50px
    }
    .flx_content h2{
        font-size:24px
    }
    .flex_main{
        display:flex
    }
    .flex_sub{
        margin:12px;
        padding:32px
    }
    .flex_sub .sub_text h4{
        font-size:16px
    }
    .left{
        flex:1 0 0
    }
    .right{
        flex:1 0 0;
        flex-direction:column
    }
    .right .sec-one{
        flex:1
    }
    .right .sec-two{
        flex:1
    }
    .right .sec-two{
        padding:25px
    }
    .flx_2{
        margin-top:25px;
        text-align:center
    }
    .yd_clients .review-img img{
        width:120px
    }
    .split_features .yd_flx2 .flx_1{
        flex:1 0 0;
        flex-basis:50%
    }
    .split_features .yd_flx2 .flx_2{
        flex:1 0 0;
        flex-basis:50%
    }
    .yd_faqs .yd_flx2 .flx_1{
        flex:1 0 0;
        flex-basis:50%
    }
    .yd_faqs .yd_flx2 .flx_2{
        flex:1 0 0;
        flex-basis:50%
    }
    .footer .footer-logo{
        text-align:left
    }
    .footer .footer-menu{
        text-align:right;
        margin:0
    }
    .footer .footer-links ul{
        text-align:right
    }
}
@media only screen and (min-width:480px){
    .container-s{
        padding-left:40px;
        padding-right:40px
    }
    .flex-inner .f-text{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        text-align:left
    }
}
@media only screen and (min-width:24em){
    .prk-circle{
        width:360px;
        height:360px
    }
    .txt-box h2{
        font-size:21px;
        font-weight:500
    }
    .txt-box .btn-action{
        padding:10px 24px;
        font-size:12px;
        margin:25px 10px 0 0
    }
    .txt-box ul#countdown li span{
        font-size:38px
    }
    .txt-box ul#countdown li.seperator{
        font-size:32px
    }
    .txt-box ul#countdown li p{
        font-size:14px
    }
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .card_single{
        text-align:center;
        padding:10px
    }
    .yd_flex .yd_flex_2{
        -webkit-box-flex:0;
        -ms-flex:0 0 420px;
        flex:0 0 420px
    }
    .home-split .flx_2{
        min-width:100%
    }
}
@media only screen and (min-width:1024px){
    .home-split .flx_2{
        min-width:inherit
    }
    .ft_cst2 .flex-inner .f-image{
        margin-top:0!important;
        -webkit-box-flex:0;
        -ms-flex:0 0 540px;
        flex:0 0 540px
    }
    .cta_box .cta_box_inner{
        padding:0
    }
    .left{
        padding:100px
    }
    .right .sec-two{
        padding:50px
    }
    .flx_content h2{
        font-size:30px
    }
    .yd_tabs .ar-icon{
        float:left;
        width:20%
    }
    .yd_tabs .ar-text{
        float:right;
        width:80%
    }
}
@media only screen and (max-width:420px){
    .form{
        text-align:center
    }
    .form input{
        padding:0 75px 0 20px
    }
    .form .submit-button{
        margin-left:0;
        margin-top:10px
    }
    #chimp-email-error{
        left:5%;
        bottom:-30%
    }
    .yd_cta_box #response{
        position:absolute;
        left:5%;
        bottom:-50%
    }
    .yd_cta_box #chimp-email-error{
        left:15%;
        bottom:-25%
    }
}
#step2{
    position:fixed;
    z-index:10000;
    background:rgba(0,0,0,.8);
    top:0;
    width:100%;
    bottom:0;
    overflow:auto
}
#step2 .step_section{
    width:70%;
    margin:2% auto;
    padding:30px;
    background:#fff;
    border-radius:10px;
    max-width:1000px
}
#step2 #myProgress{
    width:100%;
    border-radius:10px;
    margin:20px 0
}
#step2 .pro_percent{
    display:inline-block
}
#step2 #myBar{
    border:1px solid #f1f1f1;
    border-radius:10px;
    height:40px;
    background:#f1f1f1
}
#step2 .ui-progressbar-value{
    height:40px;
    background-color:#0c3;
    text-align:center;
    line-height:30px;
    color:#fff;
    border-radius:10px
}
.list_progress li span{
    background:#43d753;
    color:#fff;
    text-align:center;
    font-size:25px;
    height:43px;
    width:43px;
    line-height:43px;
    border-radius:50%;
    margin-bottom:20px;
    display:inline-block
}
.list_progress li{
    font-size:22px;
    list-style-type:none;
    display:none
}
.step_section h2{
    font-size:20px;
    font-weight:600;
    margin-bottom:20px
}
#step3{
    position:fixed;
    z-index:10000;
    background:rgba(0,0,0,.8);
    top:0;
    width:100%;
    bottom:0;
    overflow:auto
}
#step3 .step_section{
    width:70%;
    margin:2% auto;
    padding:30px;
    background:#fff;
    border-radius:10px;
    max-width:600px
}
#step3 .step_section .wp_h_info{
    background-color:#f7f7f7;
    padding:10px;
    font-size:20px;
    overflow:hidden
}
#step3 .step_section .btn_d_a{
    display:inline-block;
    border-radius:60px;
    padding:10px 10px;
    background:#4cc85b;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    text-transform:uppercase;
    font-weight:600
}
#step3 .step_section .whats_u_info{
    padding:10px 0;
    line-height:20px;
    font-weight:500;
    text-align:center
}
#step3 .step_section .whats_u_info b{
    font-weight:700!important;
    line-height:24px!important;
    color:#219a2f
}
#step3 .step_section blockquote{
    background:#f1f1f1;
    padding:10px;
    margin:20px 0!important;
    line-height:20px;
    border-left:5px solid #ccc
}
.progress{
    height:8px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.progress{
    overflow:hidden;
    height:30px;
    margin-bottom:20px;
    background-color:#fff;
    border-radius:30px;
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar{
    float:left;
    width:0%;
    height:100%;
    font-size:12px;
    line-height:20px;
    color:#fff;
    text-align:center;
    background-color:#03ba84;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition:width .6s ease;
    transition:width .6s ease
}
#progressbar-message{
    font-size:20px;
    color:#fff;
    margin-bottom:40px;
    text-align:left!important
}
.download_co_area{
    padding:80px 0 60px;
    border-bottom:3px solid #e8e8e8
}
.download_co_area .date{
    color:#333;
    margin:0;
    font-size:24px
}
.download_co_area .date .in{
    color:#5d5d5d
}
.download_co_area .text{
    font-size:30px;
    margin:0 0 30px;
    color:#5d5d5d
}
.download_co_area h2{
    color:#333;
    margin:0 0 7px;
    font-weight:400;
    font-size:38px;
    padding:0 15px;
    overflow-wrap:break-word;
    word-wrap:break-word;
    word-break:break-word;
    line-height:1.4
}
.download_co_area .size{
    font-size:24px;
    color:#5d5d5d;
    margin:0 0 27px
}
.download_co_area button{
    padding:20px 50px;
    font-size:30px;
    line-height:30px;
    margin-bottom:30px;
    display:inline-block
}
.download_co_area button i{
    margin-right:10px
}
.download_box_area{
    padding:80px 0 60px;
    border-bottom:3px solid #e8e8e8
}
.download_box_area .card-header{
    font-weight:400;
    font-size:30px;
    line-height:1.3
}
.download_box_area ul li{
    line-height:30px;
    padding:2px 0;
    font-size:20px
}
.ac_footer{
    background:#fff;
    text-align:center;
    border-top:1px solid #ebebeb;
    line-height:60px;
    color:#5d5d5d;
    font-size:18px
}
.in_step3 .progress{
    background:#f9f9f9
}
.in_step3 .whats_u_info{
    padding:50px 0!important
}
.in_step3 .whats_u_info b{
    color:#f7883b!important
}
.in_step3 .step_section .btn_d_a{
    background:#f7883b!important
}
.in_step2 .btn.btn-primary{
    display:block;
    margin:20px 0;
    width:100%;
    background:#3b5998;
    border-color:#3b5998
}
.in_step2 .progress{
    background:#f9f9f9
}
.in_step2 .whats_u_info{
    padding:50px 0!important
}
.in_step2 .whats_u_info b{
    color:#3b5998!important
}
.in_step2 .step_section .btn_d_a{
    background:#3b5998!important
}
textarea#pr_math{
    background:#000;
    width:100%;
    height:100%;
    color:#fff;
    padding:20px;
    line-height:23px;
    font-size:14px;
    font-weight:500
}
.about_us_text p{
    font-size:1em;
    line-height:1.5;
    margin-bottom:1rem;
    color:#484848
}
.about_us_text h3{
    font-size:1.75rem;
    line-height:1.5;
    margin-bottom:1rem
}
.about_us_text h2{
    font-size:2rem;
    line-height:1.5;
    margin-bottom:1rem
}
.form-control{
    border-radius:0
}
.control-label{
    margin:10px 0
}
.form-group .btn{
    padding:10px 40px;
    border-radius:0;
    margin:10px 10px 10px 0
}
 .number::after {
     font:system-ui;
     content: counter(count);
     animation: counter 5s linear infinite alternate;
     counter-reset: count 0;
}
 @keyframes counter {
     0% {
         counter-increment: count 0;
    }
     10% {
         counter-increment: count 1;
    }
     20% {
         counter-increment: count 2;
    }
     30% {
         counter-increment: count 3;
    }
     40% {
         counter-increment: count 4;
    }
     50% {
         counter-increment: count 5;
    }
     60% {
         counter-increment: count 6;
    }
     70% {
         counter-increment: count 7;
    }
     80% {
         counter-increment: count 8;
    }
     90% {
         counter-increment: count 9;
    }
}