.d-inline-block {display: inline-block;}
.mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0!important;}
.mb-1-25 {margin-bottom: 1.25rem;}
.mr-1 {margin-right: 1rem;}
.ml-1 {margin-left: 1rem;}
.ml-2 {margin-left: 2rem;}
.mb-0-75 {margin-bottom: .75rem;}
.mb-1 {margin-bottom: 1rem;}
.mb-2 {margin-bottom: 2rem;}
.mt-2 {margin-top: 2rem;}
.ml-auto {margin-left: auto;}
.mx-auto {margin-left: auto; margin-right: auto;}
.pl-1 {padding-left: 1rem;}
.pl-2 {padding-left: 2rem;}
.pl-3 {padding-left: 3rem;}
.pl-4 {padding-left: 4rem;}
.pr-1 {padding-right: 1rem;}
.pr-2 {padding-right: 2rem;}
.pr-4 {padding-right: 4rem;}
.pt-1 {padding-top: 1rem;}
.pt-2 {padding-top: 2rem;}
.pt-4 {padding-top: 4rem;}
.pt-6 {padding-top: 6rem;}
.pb-1 {padding-bottom: 1rem;}
.pb-2 {padding-bottom: 2rem;}
.pb-3 {padding-bottom: 3rem;}
.pb-4 {padding-bottom: 4rem;}
.pb-6 {padding-bottom: 6rem;}
.bg-light-blue {background: #def1fb;}
.ul-no-style {list-style: none;}
.text-justify {text-align: justify;}
h2, h3, .h2{font-weight: 300; font-size: 1.8rem; margin-bottom: 2rem; }
.gettoknow h5 {font-weight: 300; font-size: 1.8rem;}
.gettoknow .h2 {margin-bottom: 0;}
.wrap {flex-wrap: wrap;}
.flex-column {flex-direction: column}
/* .portfolio-wrapper {padding: 4rem 0;} */
.order-1 {order: 1;}
.order-2 {order: 2;}
.wshp {padding: 0 0 4rem;}
.portfolio-row {display: flex;justify-content: space-between;flex-direction: row;align-items: center;padding: 4rem 2rem;}
.portfolio-video {width: 100%;position: relative;padding: 0 2rem;}
.vid-browser {position: absolute;display: block;height: 119px;width: 185px;top: 16px;left: 56px;}
.vid-browser video {height: 97%;display: block;position: absolute;left: 50%;transform: translateX(-50%);}
.vid-browser:before {content: '';display: block;width: 100%;height: 36px;background: url(../../website/video/browser-top.svg) center no-repeat;background-size: contain;position: absolute;top: 0;left: 50%;transform: translateY(-24px)translateX(-50%);}

.vid-mobile {position: absolute;z-index: 0;top: 63px;left: 11px;box-shadow: -6px -18px 6px rgb(0 0 0 / 40%);height: 74px;width: 31px;}
.vid-mobile video {height: 97%;display: block;position: absolute;left: 50%;transform: translateX(-50%);}
.vid-mobile:before {content: '';display: block;width: 43px;height: 10px;background: url(../../website/video/mobile-top.svg) center no-repeat;background-size: contain;position: absolute;top: 0;left: 50%;transform: translateY(-16px)translateX(-50%);}
@media screen and (min-width: 550px) {
    .vid-browser {
        height: 188px;
        width: 220px;
        top: 22px;
        left: 121px;
    }
    .vid-browser:before {width: 291px;}
    .vid-mobile {
        height: 113px;
        width: 28px;
        top: 96px;
        left: 23px;
    }
    .vid-mobile:before {width: 69px;transform: translateY(-9px)translateX(-50%);}
}
@media screen and (min-width: 1150px) {
    .vid-browser {
        height: 235px;
        width: 300px;
        top: 25px;
        left: 136px;
    }
    .vid-browser:before {width: 370px;}
    .vid-mobile {
        height: 145px;
        width: 28px;
        top: 114px;
        left: 34px;
    }
    .vid-mobile:before {width: 89px;transform: translateY(-12px)translateX(-50%);height: 13px;}
}
.portfolio-row.even .portfolio-video {order: 2;}
.portfolio-row.even .portfolio-video .vid-mobile {right: auto;left: 0; box-shadow: 6px -18px 6px rgb(0 0 0 / 40%);}
.portfolio-row.even .portfolio-text {max-width: 550px;margin-left: auto;}
.portfolio-link, .readmore {position: relative; padding: 0 .5rem; display: inline-block;z-index: 2;}
.after-bg-yellow:after {background: #f9ff09;}
.after-bg-blue:after {background: #53b2e8;}
.after-bg-pink:after {background: #f704cb;}
.after-bg-green:after {background: #01ff00;}
.after-bg-gradient:after {background: #01ff00;background: linear-gradient(45deg, rgba(220,0,219,1) 0%, rgba(40,148,225,1) 100%);}
.rectang-link {border: 0; cursor: pointer;}
.rectang-link:after {    content: '';
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    transform: skew(-2deg, -2deg)scale3d(1.05,1.05,1);}
.portfolio-description p {line-height: 1.5rem;}

.bg-darkblue {background: #1a3044;}
.bg-aliceblue {background: #f0f8ff;}
.bg-lightblue {background: #19d3ee;}

.price-wrapper h2 span {
    font-size: 2.4rem;
    font-weight: 300;
    color: #2e2d2d;
    position: relative;
    white-space: nowrap;
}

.gettoknow {
    background: #8257c3;
    border-top-left-radius: 10rem;
}
.audit-section .h2, .audit-section h2, .pre-footer .h2, .customers-case .h2 {
    font-size: 38px;
    font-weight: 600;
    color: #4675df;
    line-height: 55px;
    margin: 0;
}
.audit-section .h2 span, .audit-section h2 span, .pre-footer .h2 span, .customers-case .h2 span {
    font-size: 80px;
    color: #4675df;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #4675df;
    font-weight: 700;
}
.customers h4 {
    font-weight: 600;
    font-size: 38px;
    color: #4675df;
    line-height: 40px;
}
.customers h4 span {
    font-size: 48px;
    color: #4675df;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #4675df;
    font-weight: 700;
    text-transform: uppercase;
}
.audit-input .input-wrapper {margin-top: 1rem;}
.audit-section {background: #fff;border-bottom-left-radius: 10rem;position: relative;}
.audit-section:after {
    content: ''; display: block; background:  rgb(130,87,195);position: absolute; bottom: 0; left: 0; width: 50%; height: 11rem; z-index: -1;
}
.why {
    background: rgb(130,87,195);
    background: url(../img/strippedbg.svg)center 100% no-repeat, linear-gradient(180deg, rgba(130,87,195,1) 0%, rgba(56,100,193,1) 100%);color: #fff; border-top-right-radius: 10rem;
}
.willship, .localpackages, .nowave {
    background: rgb(130,87,195);
    background: linear-gradient(180deg, rgba(56,100,193,1) 0%, rgb(50 32 129) 100%);
    color: #fff;
    position: relative;
    z-index: 1;
    padding-bottom: 4vw;
}
.willship:after {
    content: '';
    display: block;
    width: 100%;
    height: 6vw;
    /*background: url(../img/wave.svg) center top / contain no-repeat;*/
    position:  absolute;
    bottom:  0;
    left:  0;
    z-index:  2;
}
.whyseo, .onetask {
    background: rgb(130,87,195);
    background: linear-gradient(180deg, rgb(50 32 129) 0%, rgba(49,9,108,1) 100%);
    color: #fff;
}
.whyseo h2 {
    line-height: 1.5rem;
    margin: 0;
}
.seoword {
    font-size: 130px;
    line-height: 120px;
    font-weight: 700;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;}
.seoword.mission {
    font-size: 48px;
    line-height: 50px;
}
.company-mission {
    background: rgb(23, 62, 108);
    background: linear-gradient(180deg, rgb(23, 62, 108) 0%, rgb(55,100,192) 100%);
    color: #fff;
    border-bottom-left-radius: 10rem;
}
@media screen and (max-width: 992px) {
    .portfolio-row {flex-direction: column!important;}
    .portfolio-video {order: 2;padding-top: 2rem;padding-left:  0!important;padding-right:  0!important;}
    .portfolio-video, .portfolio-text {width: 100%!important;flex-basis: 100%!important;margin-left: auto;margin-right: auto;}
    .portfolio-hdr {margin-left: auto;margin-right: auto;padding: 0 0 2rem!important;}
    .portfolio-text p, .portfolio-text ul {margin-left: auto;margin-right: auto;max-width: 450px;}
    .portfolio-video video {max-width: 100%;height: auto;}
/*     .vid-browser:before {max-width: 100%;background-size: 100% 23px!important;transform: translateY(-13px)!important;}
    .vid-mobile, .portfolio-row.even .portfolio-video .vid-mobile {width: 20vw;right: -0.5rem!important;left: auto!important;top: auto!important;bottom: -0.5rem!important;box-shadow: -6px -18px 6px rgb(0 0 0 / 40%)!important;}
    .vid-mobile:before {max-width: 100%;background-size: 100% 23px!important;transform: translateY(-10px)!important;} */
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
}

@media screen and (min-width: 1025px) {

    .col-12 {width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto;}
    .col-8 {max-width: 840px;}
    .col-6 {max-width: 640px;}
    .willship .col-6 {max-width: initial;}
    .col-4 {max-width: 420px;}
    .col-3 {max-width: 320px;}
    .col-2 {max-width: 213px;}
    .portfolio-description {padding: 0 2rem 0 7rem;}
    .portfolio-link, .readmore {font-weight: 700;}
    .price-wrapper .portfolio-link {font-size: 1.5rem;}
    .rectang-link:after {transition: all .3s ease;}
    .rectang-link:hover:after {height: 108%; top: 0;transition: all .3s ease;animation: none;}
    .wshp-text {margin-left: auto;max-width: 640px;}
    .why h2 img {margin: 0 .25rem 0 1rem;}
    .why h2 .text-black {margin-right: .25rem;}
}

 .reviews {
    position: absolute;
    top: 0;
    width: 100%;
    left: -200vw;
    height: 100%;
    display: block;
    z-index: 9;
}

.reviews li {
    padding: .5rem;
    display: block;
    width: 100%;
    max-width: 380px;
    font-size: .7rem;
    line-height: .9rem;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    position: absolute;
    opacity: 0;
    height: 100px;
    background: #fff;
}

.reviews li.active {
    position: fixed;
    right: 10px;
    bottom: 45px;
    animation: dissappearing 9s;
}

.reviews picture {
    display: block;
    width: 75px;
    flex-shrink: 0;
}

.reviews img {
    display: block;
    width: 75px;
    height: 75px;
}

.reviews figcaption {
    padding-left: 1rem;
    position: relative;
}

.reviews figcaption strong {
    font-weight: 300;
    font-size: 1.1em;
    white-space: nowrap;
}
.reviews figcaption strong:after {
    display: block;
    clear: both;
    content: '';
}

.reviews li figure {
    position: relative;
    height: 100%;
}

.reviews li figure * {height: auto; display: block;}

.reviews li:after, .reviews li:before {
    content: '';
    display: block;
    position: absolute;
}

.reviews li.topleft:after, .reviews li.topright:after, .reviews li.bottomleft:after, .reviews li.bottomright:after {
    width: 0;
    height: 0;
    border: 0 solid transparent;  
    z-index: 2;
}

.reviews li.topleft:after, .reviews li.topright:after {
    border-bottom: 40px solid #fff;  
    bottom: 100%;
    transform: translateY(1px);
}

.reviews li.bottomleft:after, .reviews li.bottomright:after {
    border-top: 40px solid #fff;  
    top: 100%;
    transform: translateY(-1px);
}


.reviews li.topleft:after {
    border-right-width: 40px;
    border-left-width: 0px;
    left: 0;  
}

.reviews li.bottomright:after {
    border-right-width: 0px;
    border-left-width: 40px;
    right: 0;  
}

.reviews li.topright:after {
    border-right-width: 0px;
    border-left-width: 40px;
    right: 0;    
}

.reviews li.bottomleft:after {
    border-right-width: 40px;
    border-left-width: 0px;
    left: 0;    
}

.reviews li.topleft:before, .reviews li.topright:before, .reviews li.bottomleft:before, .reviews li.bottomright:before {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    z-index: 1;
}

.reviews li.topleft:before, .reviews li.topright:before {    
    border-bottom-width: 42px;
}
.reviews li.topleft:before, .reviews li.topright:before {
    bottom: 100%;
}

.reviews li.bottomleft:before, .reviews li.bottomright:before {    
    border-top-width: 42px;
}
.reviews li.bottomleft:before, .reviews li.bottomright:before {
    top: 100%;
}
.reviews li.topleft:before {
    border-right-width: 42px;
    border-left-width: 0px;
    transform: translateY(0)translateX(-1px);
    left: 0;
}
.reviews li.topright:before {
    border-right-width: 0px;
    border-left-width: 42px;
    transform: translateY(0)translateX(1px);
    right: 0;
}
.reviews li.bottomleft:before {
    border-right-width: 42px;
    border-left-width: 0px;
    transform: translateY(0)translateX(-1px);
    left: 0;
}
.reviews li.bottomright:before {
    border-right-width: 0px;
    border-left-width: 42px;
    transform: translateY(0)translateX(1px);
    right: 0;
}

.reviews li.active.yellowbrdr {border-color: #f9ff09;}
.reviews li.active.bluebrdr {border-color: #53b2e8;}
.reviews li.active.pinkbrdr {border-color: #f704cb;}
.reviews li.active.greenbrdr {border-color: #01ff00;}
.reviews li.active.orangebrdr {border-color: #ff6600;}

.reviews li.topleft.yellowbrdr:before, .reviews li.topright.yellowbrdr:before {border-bottom-color: #f9ff09;}
.reviews li.topleft.bluebrdr:before, .reviews li.topright.bluebrdr:before {border-bottom-color: #53b2e8;}
.reviews li.topleft.pinkbrdr:before, .reviews li.topright.pinkbrdr:before {border-bottom-color: #f704cb;}
.reviews li.topleft.greenbrdr:before, .reviews li.topright.greenbrdr:before {border-bottom-color: #01ff00;}
.reviews li.topleft.orangebrdr:before, .reviews li.topright.orangebrdr:before {border-bottom-color: #ff6600;}

.reviews li.bottomleft.yellowbrdr:before, .reviews li.bottomright.yellowbrdr:before {border-top-color: #f9ff09;}
.reviews li.bottomleft.bluebrdr:before, .reviews li.bottomright.bluebrdr:before {border-top-color: #53b2e8;}
.reviews li.bottomleft.pinkbrdr:before, .reviews li.bottomright.pinkbrdr:before {border-top-color: #f704cb;}
.reviews li.bottomleft.greenbrdr:before, .reviews li.bottomright.greenbrdr:before {border-top-color: #01ff00;}
.reviews li.bottomleft.orangebrdr:before, .reviews li.bottomright.orangebrdr:before {border-top-color: #ff6600;}


@keyframes dissappearing {
  0% {opacity: 0;}
  15% {opacity: 1;}
  85% {opacity: 1;}
  100% {opacity: 0;}
}

.strategies-section {
    background: #19d3ee;
}

.seo-process, .customers {position: relative;}
.seo-process, .googleanalytics {
    background: rgb(49,9,108);
    background: linear-gradient(180deg, rgba(49,9,108,1) 0%, rgba(23,63,108,1) 100%);
    color: #fff;
}
.strategies-section {
    background: rgb(23,63,108);
    background: url(../img/strategies.svg) center / cover no-repeat, linear-gradient(180deg, rgba(23,63,108,1) 0%, rgba(6,97,108,1) 100%);
    color: #fff;
    padding: 6rem 0;
}
.strategies-section-noimg {
    background: rgb(23,63,108);
    background: linear-gradient(180deg, rgba(23,63,108,1) 0%, rgba(6,97,108,1) 100%);
    color: #fff;
    padding: 2rem 0;
}
.seoexperts {
    background: rgb(23,63,108);
    background: linear-gradient(180deg, rgba(23,63,108,1) 0%, rgba(6,97,108,1) 100%);
    color: #fff;
    padding: 6rem 0;
    border-bottom-left-radius: 10rem;
}
.pricerocket {
    background: rgb(23,63,108);
    background: url(../img/pricing/rocket-smoke-1.svg) center bottom / contain no-repeat, linear-gradient(180deg, rgba(23,63,108,1) 0%, rgba(6,97,108,1) 100%);
    color: #fff;
    padding: 2rem 0 0;
}
.rocketafter {
    background: rgb(6,97,108,1);
    background: url(../img/pricing/rocket-smoke-2.svg) center top / contain no-repeat, linear-gradient(180deg, rgba(6,97,108,1) 0%, rgba(21,106,139,1) 100%);
    color: #fff;
    padding: 8rem 0 4rem;
}
.pricerocket h3 {
    font-size: 117px;-webkit-text-stroke: 3px #fff;color: transparent;letter-spacing: 20px;
}
.subheader {
    font-size: 1.4rem;
    font-weight: 500;
}
.pricerocket .subheader {
    color: #ffed00;
}
.rocketafter .subheader {
    color: #ffed00;
}
.case-studies {
    background: rgb(21,106,139,1);
    background: linear-gradient(180deg, rgba(21,106,139,1) 0%, rgba(55,100,192,1) 100%);
    color: #fff;
    border-bottom-left-radius: 10rem;
}
.increase {
    background: rgb(6,97,108,1);
    background: linear-gradient(180deg, rgba(6,97,108,1) 0%, rgba(21,106,139,1) 100%);
    color: #fff;
    position: relative;
    z-index: 1;
    padding-bottom: 8vw;
}


.increase-case {
    background: rgb(6,97,108,1);
    background: linear-gradient(180deg, rgba(6,97,108,1) 0%, rgba(21,106,139,1) 100%);
    color: #fff;
    position: relative;
    z-index: 1;
    padding-bottom: 8vw;
}

.increase:after {
    content: '';
    display: block;
    width: 100%;
    height: 30vw;
    background: url(../img/increase.svg) center bottom / cover no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.strategylasts {
    background: rgb(21,106,139,1);
    background: url(../img/sandclock.svg) 75% 10% no-repeat, linear-gradient(180deg, rgba(21,106,139,1) 0%, rgba(55,100,192,1) 100%);
    color: #fff;
    border-bottom-left-radius: 10rem;
}
.strategylasts-case {
    background: rgb(21,106,139,1);
    background: linear-gradient(180deg, rgba(21,106,139,1) 0%, rgba(55,100,192,1) 100%);
    color: #fff;
    border-bottom-left-radius: 10rem;
}
.strategylasts h3 span {
    display: inline-block;
    width: 0px; overflow: hidden;
}
.seo-process p {
    position: relative;
    z-index: 1;
}

.seo-process p:after {
    position: absolute;
    top: -4rem;
    left: 2rem;
    color: #1c3d75;
    z-index: -1;
    font-weight: 700;
    font-size: 10rem;
    font-family: 'Open Sans';
}

.seo-process p.numberone:after {content: '#1';}
.seo-process p.numbertwo:after {content: '#2';}
.seo-process p.numberthree:after {content: '#3';}

.customers, .customers-case , .techprof, .discussproject {
    background: #fff;
    position :relative;
    border-top-right-radius: 10rem;
}
.discussproject {
    padding: 4rem 0;
}
.srvcs-section {
    background: #fff;
    position :relative;
    border-bottom-right-radius: 10rem;
}
.customers:before, .discussproject:before, .customers-case:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(55,100,192,1);
    width: 11rem;
    height: 11rem;
    z-index: -1;
}
.techprof:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(6,97,108,1);
    width: 11rem;
    height: 11rem;
    z-index: -1;
}
#srvcs.srvcs-section:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(130,87,195,1);
    width: 11rem;
    height: 11rem;
    z-index: -1;
}
.useit {width: 96%; max-width: 800px; padding-top: 1rem;}
.useit li {
    width: 20%;
    text-align: center;
}
.useit figcaption {padding-top: .5rem;}

.cog {animation: continiousrotating 30s linear infinite;}

@keyframes continiousrotating {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.faq-wrap {
    background: #1a3044;
    color: #fff;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.faq-item {
    background: #fff;
    padding: 2rem;
    width: 96%;
    max-width: 1280px;
    margin: 0 auto 2rem;
    position: relative;
    border-top-left-radius:1rem;
    border-top-right-radius:1rem;
    border-bottom-right-radius:1rem;
    z-index: 2;
}

.faq-item:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    border-top-left-radius:1rem;
    border-top-right-radius:1rem;
    border-bottom-right-radius:1rem;
}

.faq-item:after {
    content: '';
    display: block;
    width: calc(100% + .6rem);
    height: calc(100% + .6rem);
    position: absolute;
    top: -.3rem;
    left: -.3rem;
    z-index: -1;
    background: rgba(83,178,232,1);
    background:linear-gradient(45deg, rgba(220,0,219,1) 0%, rgba(83,178,232,1) 100%);
    border-top-left-radius:1.3rem;
    border-top-right-radius:1.3rem;
    border-bottom-right-radius:1.3rem;
}

.faq-item > * {
    position: relative;
    z-index: 2;
}

.faq-header {
    cursor: pointer;
    color: #2e2d2d;
    transition: margin-bottom .4s ease;
    font-size: 1.1rem;
}
.faq-header > * {font-size: 1.1rem;font-weight: 500;}

.faq-header.active {
    margin-bottom :2rem;
    transition: margin-bottom .4s ease;
    color: #53b2e8;
}
.faq-header h2, .faq-header h3, .faq-header h4 {margin-bottom: 0;}
.faq-header h2:hover, .faq-header h3:hover, .faq-header h4:hover{
    color: #c61cdd;
}

.faq-body {
    height: auto;
    color: #2e2d2d;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
}

.faq-header.active + .faq-body{
    max-height: 3500px;
    transition: all .3s ease;
}

.faq-body p {
    margin-bottom: 1.2rem;
}

.faq-body dt {
    font-weight: 700;
    margin-bottom: 1.2rem;
}

.faq-body dd {
    margin-bottom: 1.2rem;

}
.footer {
    background: rgb(110,126,210);background: linear-gradient(180deg, rgba(110,126,210,1) 0%, rgba(83,178,232,1) 100%);
    color: #fff;
}

.copyright {
    background: #000;
    color: #fff;
}

.footer h6, .popmenu-inner h6 {
    font-size: 1.1rem;
    font-weight: 500;
    padding: .5rem;
    border-bottom: 1px solid #19d3ee;
    margin-bottom: 1rem;
}

.popmenu-inner h6 {
    color: #19d3ee;
    font-weight: 700;
}

.footer-menu, .popmenu-menu {
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}

.footer-menu-item, .popmenu-menu-item {
    padding: .25rem .5rem;
}

.footer a:hover {
    color: #19d3ee;
    transition: class .3s ease;
}

.popmenu-inner a:hover {
    color: #19d3ee;
    transition: class .3s ease;
}


/* .scroll-up, .scroll-down {
    padding-top: 75px;
} */

.scroll-down .page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    transform: translateY(-200%);
    transition: all .3s ease;
}

.scroll-up .page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    transform: translateY(0);
    transition: all .3s ease;
}

.popmenu-open {
    overflow: hidden;
}

.popmenu-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #19d3ee;
    z-index: 2147483640;
    transform: translateY(-120%);
    transition: all .2s ease;
}

.popmenu-outer.active {
    transform: translateY(0%);
    transition: all .2s ease;

}

.popmenu-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
    background: #1a3044;
    z-index: 2147483641;
    transform: translateY(-220%);
    transition: all .5s linear;
}

.popmenu-inner:not(.menu-inner) {
    background: url(../img/loading.svg) center/250px 50px no-repeat, #1a3044;
}

.popmenu-outer.active .popmenu-inner{
    transform: translateY(0%);
    transition: all .5s linear;

}

.closepopmenu {
    position: absolute;
    top: 1rem;
    right: 2rem;
    color: transparent;
    background: none;
    border: none;
    display: block;
    width: 42px;
    height: 42px;
    cursor:pointer;
}

.closepopmenu span:before, .closepopmenu span:after {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    position: absolute;
    background: #fff;
    top: 50%;
    border-radius: 2px;
}

.closepopmenu span:before {
    transform: translateY(-50%)rotate(45deg);
    transition: all .2s ease;
}

.closepopmenu span:hover:before {
    transform: translateY(-50%)rotate(-45deg);
    transition: all .2s ease;
}

.closepopmenu span:after {
    transform: translateY(-50%)rotate(-45deg);
}

.closepopmenu span:hover:after {
    transform: translateY(-50%)rotate(45deg);
}

.popmenusocial {list-style: none;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 500px;
    margin: 0 auto;
    transform: translateX(-50%);}
.popmenusocial a:not(.herophone) {display: block; width: 36px; height: 36px; padding-top: 23px; position: relative; font-size: .5rem; line-height: 13px; text-align: center;}
.popmenusocial a:not(.herophone):before {content: ''; display: block; width: 36px; height: 23px; position: absolute; top: 0; left: 0; background-image: url(../img/socialicons.svg); background-size: 180px 69px; background-repeat: no-repeat;}
.popmenusocial .fb:before {background-position: 0 0;}
.popmenusocial .ig:before {background-position: -36px 0;}
.popmenusocial .tw:before {background-position: -72px 0;}
.popmenusocial .yt:before {background-position: -108px 0;}
.popmenusocial .li:before {background-position: -144px 0;}
.popmenusocial .herophone {white-space: nowrap;margin: 0 0 0 1rem;padding-bottom: 1rem;}
@media screen and (min-width: 1025px) {
        .popmenusocial .fb:hover, .fb:active, .fb:focus {color : #3b5998;}
      .popmenusocial .fb:hover:before, .fb:active:before, .fb:focus:before {background-position: 0 -23px;}
      .popmenusocial .ig:hover, .ig:active, .ig:focus {color : #c13584;}
      .popmenusocial .ig:hover:before, .ig:active:before, .ig:focus:before {background-position: -36px -23px;}
      .popmenusocial .tw:hover, .tw:active, .tw:focus {color : #00acee;}
      .popmenusocial .tw:hover:before, .tw:active:before, .tw:focus:before {background-position: -72px -23px;}
      .popmenusocial .yt:hover, .yt:active, .yt:focus {color : #ff0000;}
      .popmenusocial .yt:hover:before, .yt:active:before, .yt:focus:before {background-position: -108px -23px;}
      .popmenusocial .li:hover, .li:active, .li:focus {color : #0077b5;}
      .popmenusocial .li:hover:before, .li:active:before, .li:focus:before {background-position: -144px -23px;}
      .popmenusocial .herophone:hover, .popmenusocial .herophone:focus, .popmenusocial .herophone:active{color: #1a3044;}
}
@media screen and (max-width: 1200px) {
    .increase {padding-bottom: 30px;}
    .gettoknow .col-4 {padding-bottom: 1rem;padding-left: 0;}
    .gettoknow .col-6 {padding-top: 0;}
    .gettoknow .col-4 > * {margin: 0 auto;}
    .gettoknow h5 {text-align: center;}
}
@media screen and (max-width: 991px) {
    
        .increase {
            padding-bottom: 15px;
        }
        .audit-section .col-6 {
            padding-left: 0;
            padding-right: 0;
        }
        .seo-process .herophone {
            margin-left: 0;
        }
}
.ssa-leadgen-widget {font-family: 'Open Sans';}

.price-block {
    background: transparent;
    padding: 2rem;
    width: 23%;
    position: relative;
    border-top-left-radius:1rem;
    border-top-right-radius:1rem;
    border-bottom-right-radius:1rem;
    z-index: 2;
}

.price-block > * {
    position: relative;
    z-index: 2;
}

.price-block:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #8c68e2;
    border-top-left-radius:1rem;
    border-top-right-radius:1rem;
    border-bottom-right-radius:1rem;
}

.price-block:after {
    content: '';
    display: block;
    width: calc(100% + .6rem);
    height: calc(100% + .6rem);
    position: absolute;
    top: -.3rem;
    left: -.3rem;
    z-index: -1;
    background: rgba(83,178,232,1);
    background:linear-gradient(45deg, rgba(220,0,219,1) 0%, rgba(83,178,232,1) 100%);
    border-top-left-radius:1.3rem;
    border-top-right-radius:1.3rem;
    border-bottom-right-radius:1.3rem;
}

.price-header {
    text-align:center;
    font-size: 1.2rem;
    font-weight: 700; 
    padding-bottom: 1rem;   
    border-bottom: 1px solid #fff;
}
.price-price {
    text-align:center;
    font-size: 2.4rem;
    font-weight: 700;
}
.price-intro {
    text-align:center;
}
.price-features {
    padding-left: 1rem;
}
.prices {
    background: rgb(130,87,195);
    background: linear-gradient(180deg, rgba(130,87,195,1) 0%, rgba(56,100,193,1) 100%);color: #fff; border-top-right-radius: 10rem;
}
.price-row {
    display: flex;
    width: 96%;
    max-width: 600px;
    justify-content: space-between;
    align-items: baseline;
    padding: 1rem 0;
    border-bottom: 1px dotted #fff;
}

.price-row:last-child {
    border-bottom: 0;
}

.price-row .price-header {
    font-weight: 300;
    border-bottom: 0;
    padding: 0;
}

.seoexperts-skills {
    list-style: none;
    display: block;
    width: 96%;
    max-width: 960px;
    text-align: center;
}

.seoexperts-skills li {
    display: inline-block;
    padding: .5rem 1.5rem;
    border: 1px solid #06616c;
    border-radius: 1.5rem;
    margin: .5rem;
    color: #06616c;
}

.prices .price-block:before {
    background: #6f5ac2;
}
.localpackages .price-block:before {
    background: #3652b0;
}
.seoexperts .price-block:before {
    background: #0b566c;
}

.price-container {
    height: auto;
    max-height: 20000px;
    overflow: hidden;
    transition: all .3s ease;
}

.price-container.hidden {
    max-height: 0;
    transition: all .3s ease;
}
.section-introcolor {
    background: #fff;
    border-bottom-left-radius: 10rem;
    position: relative;
}
.section-introcolor:after {
    content: '';
    display: block;
    background: rgb(130,87,195);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 11rem;
    z-index: -1;
}
.pricefaqhdr {
    background: rgb(114,138,229);
    background: linear-gradient(225deg, rgba(114,138,229,1) 0%, rgba(130,199,239,1) 100%);
    color: #fff;
    border-bottom-right-radius: 10rem;
    border-top-right-radius: 10rem;
    padding: 4rem 7rem 4rem 6rem;
    text-align: right;
    width: 20%;
}
.pricefaq-wrapper {
    width: 80%;
}
.pre-footer {
    background: #fff;
    position: relative;
    border-bottom-right-radius: 10rem;
}
.pre-footer:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(130,87,195,1);
    width: 11rem;
    height: 11rem;
    z-index: -1;
}
.company-service picture {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25%;
    width: 130px;
    height: 130px;
    background: linear-gradient(45deg, rgba(220,0,219,1) 0%, rgba(40,148,225,1) 100%);
    margin-right: 1rem;
    flex-shrink: 0;
    flex-grow: 0;
}
.company-service picture img {
	vertical-align: top;
}
.objective-wrappper img {
    max-height: 130px;
    width: auto;
}


.wwd {
    position: relative;
}
.wwd .subheader{
    background: -webkit-linear-gradient(45deg, rgb(0 220 255) 0%, rgb(255 235 0)  100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wwd ul {
    list-style: none;
    position: relative;
    z-index: 2;
    text-align: center
}