.f--nw-container, .nw-container {
    max-width: 1582px;
    margin: 0 auto
}

.nw-case--st, .topic-list {
    counter-reset: topic-list
}

.nw-container:after {
    content: '';
    display: block;
    clear: both
}

#main {
    background: #fff
}

.f--nw-container {
    display: flex;
    flex-wrap: wrap
}

.nw--wide-container {
    max-width: 1822px;
    margin: 0 auto
}

.nw-header.header > .nw--container-xl {
    max-width: 1582px;
    margin: 0 auto;
    padding: 0
}

.nw--b__section {
    max-width: 1368px;
    margin: 0 auto
}

.sec-ttl .descr .subhead-descr {
    text-align: center;
    color: #009ddc;
    font-size: 24px;
    font-family: roboto-medium-webfont, Arial, sans-serif;
    margin-bottom: 25px
}

.sand, .sand .txt-slider {
    background: #f6f6f6
}

.slider-head {
    padding-top: 80px
}

@media all and (max-width:767px) {
    .slider-head {
        padding-top: 40px
    }
}

.rd-box-holder.tr-top {
    margin-top: -100px;
    padding: 0
}

.scroll-btn--wrp {
    position: relative;
    height: 0
}

.scroll-btn--wrp .nxt-anchor {
    height: 69px;
    position: absolute;
    left: 50%;
    top: -35px;
    z-index: 9;
    transform: translateX(-50%);
    width: 69px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1);
    display: flex;
    justify-content: center;
    align-items: center
}

.scroll-btn--wrp .nxt-anchor svg {
    width: 36px;
    height: 16px;
    transition: transform .2s linear
}

@media all and (max-width:1025px) {
    .top-section.nw--top-section .top--col-left, .top-section.nw--top-section .top--col-right {
        position: static;
        width: 100%;
        float: none;
        padding: 0;
        display: flex;
        justify-content: center;
        height: auto
    }

    .top-section.nw--top-section .top--col-left .ttl br, .top-section.nw--top-section .top--col-right .ttl br {
        display: none;
        text-align: center;
        font-size: 55px
    }

    .top-section.nw--top-section .top--col-left .btn-holder, .top-section.nw--top-section .top--col-left p,
    .top-section.nw--top-section .top--col-right .btn-holder, .top-section.nw--top-section .top--col-right p {
        text-align: center
    }

    .top-section.nw--top-section .top--col-left {
        margin-bottom: 30px
    }

    .top-section.nw--top-section .top--col-right {
        margin-bottom: 0
    }
}

.tl-title--text {
    font-weight: 700;
    font-family: roboto-light-webfont, Arial, Helvetica, sans-serif;
    font-size: 40px;
    text-align: center
}

.container-xx {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px
}

.container-xx.no-pd {
    max-width: 1100px;
    padding: 0
}

.pd-top--container {
    padding-top: 80px
}

.pmp-rd {
    margin: -120px auto
}

.nw--inner-container {
    max-width: 1350px;
    margin: 0 auto
}

.bfb {
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif !important
}

.nw-header .ht-simplemenu .phone, .nw-header.header .nav li .btn-raq,
.sm-pd--b .ns-see-more {
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

.sm-pd--b {
    padding: 80px 0 60px;
    margin-bottom: 60px;
    border-bottom: 3px solid #009ddc
}

@media all and (max-width:1025px) {
    .sm-pd--b {
        margin-bottom: 30px
    }
}

.sm-pd--b .ns-see-more a {
    margin-left: 7px
}

@media all and (max-width:767px) {
    .sm-pd--b .ns-see-more a {
        display: block;
        margin-left: 0
    }
}

.nw-container-12 {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px
}

.va-pd {
    padding: 0 20px
}

.brand-list {
    min-height: 200px
}

.brand-list img {
    height: 0
}

.brand-list img:first-child {
    height: auto !important
}

.brand-list img:first-child.ac:not(.active-slide-img) {
    height: 0 !important
}

.bbt {
    border-bottom: 3px solid #e8e8e8
}

body {
    opacity: 0
}

@media all and (min-width:1026px) {
    body {
        transition: opacity 1s
    }
}

body.load {
    opacity: 1
}

.nw-header {
    box-shadow: none;
    z-index: 99999;
    padding: 0
}

@media all and (min-width:646px) and (max-width:768px) {
    .nw-header.header {
        height: 60px
    }

    .nw-header.header.search-active {
        height: 100px
    }
}

.nw-header.header .nav li .btn-raq {
    font-size: 14px;
    padding-right: 25px
}

@media all and (min-width:646px) and (max-width:882px) {
    .nw-header.header .nav li .btn-raq {
        line-height: 35px
    }
}

@media all and (max-width:1025px) and (min-width:882px) {
    .nw-header.header .nav li .btn-raq {
        position: absolute;
        top: -30px;
        right: 8px;
        display: inline-block;
        margin-top: 0;
        padding-top: 5px;
        padding-bottom: 6px;
        padding-left: 8px;
        font-size: 17px;
        width: 170px
    }

    .nw-header.header .ht-simplemenu {
        margin-right: 190px
    }
}

@media all and (max-width:1025px) and (min-width:882px) and all and (max-width:1025px) {
    .nw-header .open-m-menu {
        visibility: visible;
        display: block
    }
}

.nw-header + #main {
    transition: all 1s
}

@media only screen and (min-width:881px) {
    .nw-header + #main {
        padding-top: 74px
    }
}

@media all and (min-width:1025px) {
    .nw-header + #main {
        padding-top: 203px
    }

    .nw-header + #main.has-no-sub {
        padding-top: 150px
    }

    .nw-header + #main.not-menu-page {
        padding-top: 102px
    }

    .nw-header > .nw--container-xl {
        overflow: visible
    }
}

@media all and (max-width:1600px) and (min-width:1026px) {
    .nw-header {
        padding: 0 4.7vw
    }
}

@media all and (max-width:1300px) and (min-width:1026px) {
    .nw-header {
        padding: 0 3.5vw
    }
}

@media all and (max-width:1025px) {
    .nw-header .nav li:not(:last-child) {
        display: none
    }

    .nw-header {
        padding-top: 0 !important
    }

    .nw-header .additional-nav {
        display: none
    }
}

.nw-header .additional-nav li a, .nw-header .additional-nav li span {
    font-size: 12px
}

.nw-header .ht-simplemenu .phone {
    font-size: 15px
}

@media all and (max-width:768px) {
    .nw-header .head-top {
        margin-right: 170px
    }

    .nw-header .ht-simplemenu .phone {
        padding-right: 15px
    }
}

.nw-header.header.h-animated .head-top {
    border-bottom: none !important
}

@media all and (min-width:862px) and (max-width:1025px) {
    .nw-header.header.h-animated .logo {
        margin-top: 5px
    }
}

@media all and (min-width:881px) {
    .nw-header .nw-header--menu {
        width: 75%
    }

    .nw-header.header .head-r-side {
        width: 100%
    }

    .nw-header.header.h-animated > .nw--container-xl {
        height: 66px
    }
}

@media all and (max-width:767px) {
    .nw-header.header.h-animated > .nw--container-xl {
        height: 60px
    }
}

@media all and (min-width:1286px) {
    .nw-header.header.h-animated .nw-header--menu {
        width: calc(100% - 300px)
    }
}

.nw-header.header.h-animated .logo {
    height: 38px;
    width: 230px;
    background-size: cover;
    margin-top: 0
}

@media all and (min-width:1400px) {
    .nw-header.header.h-animated .logo {
        width: 260px;
        height: 43px
    }
}

@media all and (min-width:1026px) {
    .nw-header.header.h-animated .logo {
        margin-top: 13px
    }

    .nw-header.header > .nw--container-xl {
        height: 97px
    }
}

@media all and (min-width:882px) and (max-width:1025px) {
    .nw-header .search-line {
        transform: translateY(18px)
    }

    .nw-header .logo {
        transform: translateX(58px)
    }

    .nw-header .ht-simplemenu .phone {
        transform: translateY(18px)
    }

    .nw-header.header > .nw--container-xl {
        height: 70px
    }

    .nw-header.header > .nw--container-xl .open-m-menu {
        visibility: visible;
        display: block;
        transform: translateY(18px)
    }
}

.nw-header.header .nav > li:not(.not-tr).active:before {
    bottom: -8px;
    margin-left: -12px;
    background: 0 0;
    height: 0;
    width: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #018fcf
}

.nw-header.header .nav > li a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 14px
}

.nw-header.header .nav > li:nth-child(n) {
    max-width: 100%
}

.nw-header.header .nav > li:nth-child(5) a {
    padding-right: 25px
}

.nw-header.header .nav > li:nth-child(7) a {
    padding-left: 25px
}

@media only screen and (min-width:881px) {
    .nw-header .ht-nav li {
        padding: 0 16px 0 6px
    }

    .nw-header .ht-simplemenu em.arrow {
        margin: 9px 18px 0 0
    }

    .nw-header .head-top {
        width: 100%;
        max-width: 100%;
        padding: 9px 0;
        margin-bottom: 10px
    }

    .nw-header .hm-advancedmenu {
        float: none
    }

    .nw-header .nw-header--menu {
        float: right
    }
}

.nw-header .logo {
    position: static;
    float: left;
    margin-top: 27px;
    height: 38px;
    width: 230px;
    background-size: cover
}

@media all and (min-width:1400px) {
    .nw-header .logo {
        width: 260px;
        height: 43px
    }
}

@media all and (min-width:882px) and (max-width:1026px) {
    .nw-header .logo {
        position: absolute;
        margin-top: -5px
    }
}

@media all and (max-width:862px) {
    .nw-header .logo {
        width: 177px
    }
}

@media all and (max-width:881px) {
    .nw-header .logo {
        margin-top: 0
    }
}

@media all and (min-width:1281px) {
    .nw-header .nw-header--menu {
        width: calc(100% - 360px);
        transition: all .1s
    }

    .nw-header .logo {
        width: 360px;
        height: 60px
    }

    .nw-header .header.h-animated .logo {
        top: 10px;
        width: 228px !important;
        height: 38px !important;
        background-size: 228px 38px !important
    }
}

.header .nw-header--menu .hm-advancedmenu .nav-submenu {
    position: absolute;
    top: 35px;
    left: 50%;
    height: 0;
    background: #fff;
    transform: translateX(-49.9%);
    transition: all .3s linear;
    min-width: 200px;
    border: solid #009ddc;
    border-width: 3px 0;
    box-shadow: 0 3px 3px 1px #d5dfe4;
    z-index: 2;
    opacity: 0;
    display: block;
    visibility: hidden
}

.header .nw-header--menu .hm-advancedmenu .nav-submenu:before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #009ddc;
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1
}

.header .nw-header--menu .hm-advancedmenu .nav-submenu li {
    max-width: 100%;
    border: none;
    z-index: 9;
    background: #fff
}

.header .nw-header--menu .hm-advancedmenu .nav-submenu li a {
    display: block;
    color: #5a6063;
    font: 14px / 1.2 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    padding: 14px 25px !important;
    transition: all .3s linear
}

.header .nav > li {
    padding-bottom: 10px
}

.header .nav > li:not(.active):hover .nav-submenu {
    height: auto
}

.header .nav > li:not(.active):hover .nav-submenu li:hover a {
    color: #009ddc
}

@media only screen and (max-width:980px) {
    .s--top-page-panel.static-sublevel.top-page-panel {
        padding: 22px 5px 5px
    }
}

@media all and (min-width:882px) and (max-width:1026px) {
    .mm-opened .nw--container-xl .open-m-menu {
        display: none !important
    }
}

@media all and (max-width:662px) {
    .nw-header.header.h-animated .logo {
        width: 177px
    }
}

@media all and (max-width:646px) {
    .open-m-menu {
        transition: none
    }

    .mm-opened .open-m-menu {
        transition: none;
        margin-top: 9px !important;
        border-right: none
    }

    .header {
        padding-top: 55px !important
    }
}

@media all and (max-width:695px) {
    .nw-header.header.h-animated .logo {
        width: 177px !important
    }
}

@media only screen and (min-width:1025px) {
    .header.h-animated .head-r-side {
        margin-top: -65px
    }
}

@media all and (max-width:1025px) {
    .header.h-animated .head-r-side {
        margin-top: 0
    }
}

@media all and (max-width:880px) and (min-width:646px) {
    .nw-header.header > .nw--container-xl {
        padding-top: 10px
    }
}

@media all and (max-width:882px) {
    .nw--container-xl .open-m-menu {
        margin-top: 9px !important;
        transform: translateY(-9px)
    }
}

@media all and (min-width:1026px) {
    .nw--container-xl .open-m-menu {
        display: none
    }
}

@media all and (min-width:1026px) and (max-width:1281px) {
    .h-animated.nw-header.header .nav > li a {
        padding: 0 8px
    }

    .h-animated.nw-header.header .nav > li.p-box {
        width: 130px
    }
}

@media all and (min-width:1026px) and (max-width:1101px) {
    .h-animated.nw-header.header .nav > li a {
        font-size: 13px
    }
}

.nw-menu--wrp {
    justify-content: center;
    max-width: 1582px;
    background: #018fcf;
    padding: 6px 20px 2px;
    border-radius: 6px;
    position: relative;
    z-index: 30
}

@media all and (max-width:1600px) {
    .nw-menu--wrp {
        max-width: 1420px
    }
}

@media all and (max-width:1281px) {
    .nw-menu--wrp {
        max-width: 1154px
    }
}

@media all and (max-width:1024px) {
    .nw-menu--wrp {
        max-width: 938px
    }
}

.nw-menu--wrp .n-nav--list {
    display: flex;
    width: 100%;
    justify-content: center;
    max-width: 1376px;
    margin: 0
}

.nw-menu--wrp .n-nav--list li a {
    box-shadow: none !important
}

.nw-menu--wrp .n-nav--list > li {
    margin: 0 !important;
    position: relative;
    border-radius: 5px 5px 0 0 !important;
    border-right: 2px solid transparent
}

.nw-menu--wrp .n-nav--list > li:first-child {
    border-radius: 5px 0 0 !important
}

.nw-menu--wrp .n-nav--list > li:last-child {
    border-radius: 0 5px 0 0 !important;
    border: none
}

.nw-menu--wrp .n-nav--list > li > a {
    margin: 0 !important;
    border-radius: 5px 5px 0 0 !important
}

.nw-menu--wrp .n-nav--list > li > a.active {
    padding: 0
}

.nw-menu--wrp .n-nav--list > li:hover {
    background: #252525;
    color: #018fcf;
    border-radius: 5px 5px 0 0 !important
}

.nw-menu--wrp .n-nav--list > li.active {
    background: #0078ae;
    color: #fff;
    text-shadow: none;
    border-radius: 5px 5px 0 0 !important
}

.nw-menu--wrp .n-nav--list > li.active a {
    color: #fff
}

.nw-menu--wrp:not(.service-menu) .n-nav--list > li:hover {
    background: #0078ae
}

.nw-menu--wrp:not(.service-menu) .n-nav--list > li:hover a {
    color: #fff !important
}

.s--top-page-panel {
    margin: 0 auto;
    background: #fff;
    padding: 0
}

@media all and (min-width:1025px) {
    .s--top-page-panel {
        position: fixed;
        left: 0;
        right: 0;
        top: 100px;
        z-index: 999
    }

    .s--top-page-panel:after {
        position: absolute;
        width: 300%;
        background: #fff;
        left: 0;
        right: 0;
        z-index: 99;
        top: 70px;
        height: 100%
    }
}

@media all and (max-width:1025px) {
    .s--top-page-panel {
        display: none
    }
}

@media all and (max-width:1600px) {
    .s--top-page-panel {
        padding: 0 4.7vw
    }
}

@media all and (max-width:1300px) and (min-width:1026px) {
    .s--top-page-panel {
        padding: 0 3.5vw
    }
}

.s--top-page-panel .tpp-nav {
    position: relative;
    float: none;
    width: 100%
}

.s--top-page-panel .tpp-nav > li {
    float: none;
    display: flex;
    position: static;
    width: 100%;
    border-radius: 0 !important;
    margin: 0 !important;
    border-right: 1px solid #0178ad;
    border-top: none !important;
    background: #018fcf
}

.s--top-page-panel .tpp-nav > li.active > .sublevel {
    background: #252525
}

.s--top-page-panel .tpp-nav > li.active > .sublevel ul {
    max-width: 100%
}

.s--top-page-panel .tpp-nav > li.active > .sublevel ul li:before {
    top: 100%
}

.s--top-page-panel .tpp-nav > li > .sublevel {
    padding: 0 38px 38px 35px !important;
    right: 0
}

.s--top-page-panel .tpp-nav > li a {
    font-size: 16px;
    background: 0 0 !important;
    min-height: 35px;
    font-weight: 700;
    border-radius: 0;
    text-transform: uppercase;
    border: none;
    text-shadow: none !important;
    padding: 16px 15px !important;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

@media all and (max-width:1281px) {
    .s--top-page-panel .tpp-nav > li a {
        font-size: 13px;
        padding: 15px 10px !important
    }
}

@media all and (max-width:1101px) {
    .s--top-page-panel .tpp-nav > li a {
        font-size: 12px;
        padding: 15px 10px !important
    }
}

.s--top-page-panel .tpp-nav > li a .nw-icon {
    margin-right: 20px
}

.s--top-page-panel .tpp-nav > li a:before {
    content: none
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel {
    width: 100%;
    top: 100%;
    background: #252525;
    transition: opacity .5s ease;
    transform-origin: 50% 0;
    transform: scaleY(0);
    opacity: 0 !important;
    pointer-events: none;
    overflow: hidden;
    box-shadow: none
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul {
    display: flex;
    flex-wrap: wrap;
    transition: all .3s;
    background: #252525;
    margin-right: -20px
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li {
    width: calc(25% - 22px);
    min-width: 10%;
    max-width: calc(25% - 22px);
    position: relative;
    border-top: none;
    height: 152px;
    z-index: 2;
    display: flex;
    margin: 50px 20px 0 0;
    background: #2F2F2F;
    opacity: 0
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(1) {
    transition: opacity .4s;
    transition-delay: .5s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(2) {
    transition: opacity .4s;
    transition-delay: .55s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(3) {
    transition: opacity .4s;
    transition-delay: .6s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(4) {
    transition: opacity .4s;
    transition-delay: .65s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(5) {
    transition: opacity .4s;
    transition-delay: .7s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(6) {
    transition: opacity .4s;
    transition-delay: .75s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(7) {
    transition: opacity .4s;
    transition-delay: .8s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(8) {
    transition: opacity .4s;
    transition-delay: .85s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(9) {
    transition: opacity .4s;
    transition-delay: .9s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(10) {
    transition: opacity .4s;
    transition-delay: .95s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(11) {
    transition: opacity .4s;
    transition-delay: 1s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:nth-child(12) {
    transition: opacity .4s;
    transition-delay: 1.05s
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:before {
    width: 100%;
    height: 2px;
    content: '';
    display: block !important;
    bottom: 0;
    position: absolute;
    background: #009ddc;
    z-index: 3
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scaleY(0);
    transform-origin: 0 100%;
    transition: transform .4s;
    background: #fff
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:hover:after {
    transform: scaleY(1)
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:hover:before {
    height: 5px
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:hover a img {
    opacity: 1;
    transform: scale(.73) translateY(-54%)
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li:hover .nw-menu-text {
    color: #0078ae
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a {
    background: 0 0 !important;
    position: relative;
    overflow: visible;
    z-index: 1;
    height: 100%;
    font-weight: 700;
    font-size: 20px;
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    left: 0;
    text-align: center
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a img {
    transform: translateY(-50px);
    opacity: .5;
    max-width: auto;
    display: block;
    transition: all .4s ease
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a .nw-menu-text {
    position: absolute;
    bottom: 25px;
    width: 100%;
    padding: 0 20px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-transform: none;
    left: 0;
    z-index: 3;
    text-align: center
}

.s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a:before {
    content: none
}

.s--top-page-panel .tpp-nav > li.active .sublevel {
    background: #fff;
    padding: 9px 0 !important;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    transition: padding .4s ease
}

.s--top-page-panel .tpp-nav > li.active .sublevel:after {
    content: "";
    position: absolute;
    width: 300%;
    left: -100%;
    background: #fff;
    height: 100%;
    z-index: -1;
    top: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul {
    display: flex;
    justify-content: center
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li {
    padding: 0;
    display: flex;
    height: auto;
    min-height: 35px;
    min-width: inherit;
    border-top: none;
    flex: 1 1 auto
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li:after {
    transition: opacity .3s;
    position: absolute;
    left: 1px;
    content: '';
    background: #009ddc;
    height: 2px;
    bottom: -9px;
    width: calc(100% + 2px);
    transform: translateX(-1px);
    opacity: 0
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li a:before, .s--top-page-panel .tpp-nav > li.active .sublevel ul li:before {
    content: none
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li.active:after,
.s--top-page-panel .tpp-nav > li.active .sublevel ul li:hover:after {
    opacity: 1
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li:not(:last-child) {
    border-right: 1px solid #e3e3e3
}

.s--top-page-panel .tpp-nav > li.active .sublevel ul li a {
    padding: 0 30px !important;
    height: 100%;
    display: flex;
    min-height: 35px;
    text-transform: uppercase
}

.s--top-page-panel .tpp-nav > li.active .sublevel .nw-menu-text br,
.s--top-page-panel .tpp-nav > li.active .sublevel img {
    display: none
}

@media all and (max-width:1281px) {
    .s--top-page-panel .tpp-nav > li:not(.active) .sublevel ul li > a .nw-menu-text {
        font-size: 17px
    }

    .s--top-page-panel .tpp-nav > li.active .sublevel ul li a {
        font-size: 12px;
        padding: 0 15px !important
    }
}

.s--top-page-panel .tpp-nav > li.active .sublevel .nw-menu-text {
    color: #018fcf;
    text-align: center
}

.s--top-page-panel .tpp-nav > li:hover .sublevel {
    transform: scaleY(1);
    opacity: 1 !important;
    pointer-events: all
}

.s--top-page-panel .tpp-nav > li:hover .sublevel ul {
    transform: translate3d(0, 0, 0)
}

.s--top-page-panel .tpp-nav > li:hover .sublevel ul li {
    opacity: 1
}

.s--top-page-panel .tpp-nav > li.hover .sublevel {
    transform: translate3d(0, 0, 0) scaleY(1)
}

.s--top-page-panel .tpp-nav > li:not(.active):hover a {
    color: #018fcf
}

.s--top-page-panel .tpp-nav > li:not(.active):hover a svg {
    fill: #018fcf
}

body.b-animated .s--top-page-panel {
    top: 70px;
    background: #fff
}

body.b-animated .s--top-page-panel .tpp-nav > li a {
    padding: 11px 15px !important
}

body.b-animated .s--top-page-panel:after {
    background: 0 0
}

body.b-animated .s--top-page-panel .tpp-nav > li.active .sublevel {
    padding: 5px 0 !important
}

body.b-animated .s--top-page-panel .tpp-nav > li.active .sublevel ul li {
    min-height: 14px
}

body.b-animated .s--top-page-panel .tpp-nav > li.active .sublevel ul li:after {
    bottom: -5px
}

body.b-animated .s--top-page-panel .tpp-nav > li.active .sublevel ul li a {
    min-height: 14px;
    padding: 5px 30px !important
}

body.b-animated .s--top-page-panel .nw-menu--wrp {
    padding-top: 0
}

@media all and (max-width:980px) {
    .s--top-page-panel.static-sublevel.top-page-panel {
        padding: 20px 20px 0
    }

    .s--top-page-panel.static-sublevel.top-page-panel .ttl {
        font-size: 38px
    }

    .s--top-page-panel.static-sublevel.top-page-panel .tpp-nav .sublevel,
    .s--top-page-panel.static-sublevel.top-page-panel .tpp-nav ul {
        width: 100%
    }
}

@media all and (max-width:1170px) {
    .s--top-page-panel.static-sublevel .tpp-nav .active .sublevel {
        opacity: 1;
        visibility: visible;
        width: 100%;
        background: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 2;
        padding: 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
    }

    .s--top-page-panel.static-sublevel .active .active:after {
        content: "";
        height: 1px;
        width: 100%;
        background: #90c404;
        position: absolute;
        bottom: -1px;
        left: 1px
    }
}

.top-page-panel .tpp-nav li > ul.drop-sm {
    position: absolute;
    top: 43px;
    left: 50%;
    width: 100%;
    transform: translateX(-49.9%);
    transition: all .1s linear;
    padding: 0;
    border-bottom: 3px solid #009ddc;
    z-index: 2;
    visibility: hidden;
    opacity: 0
}

.top-page-panel .tpp-nav li > ul.drop-sm:after {
    content: "";
    position: absolute;
    top: -8px;
    background: 0 0;
    left: 50%;
    transform: translateX(-50%);
    transition: border .2s;
    height: 0;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff
}

.top-page-panel .tpp-nav li > ul.drop-sm li {
    margin: 0
}

.top-page-panel .tpp-nav li > ul.drop-sm li:hover a {
    color: #009ddc !important;
    background: #fff !important
}

.top-page-panel .tpp-nav li > ul.drop-sm li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #5a6063 !important;
    transition: all .2s;
    padding: 0 17px
}

.top-page-panel .tpp-nav li > ul.drop-sm li a:before {
    content: none
}

.top-page-panel .tpp-nav li.drop-sm--item {
    position: relative
}

.top-page-panel .tpp-nav li.drop-sm--item:hover > ul.drop-sm {
    opacity: 1;
    visibility: visible
}

.top-page-panel .tpp-nav li.drop-sm--item:hover > ul.drop-sm li:hover a {
    color: #fff;
    position: relative;
    z-index: 2
}

body.b-animated .top-page-panel .tpp-nav li > ul.drop-sm {
    top: 33px
}

.s--top-page-panel.nav-sm--drop .tpp-nav > li.drop-sm--item .drop-sm a {
    display: block;
    color: #009ddc !important;
    font: 14px / 1.3 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    padding: 27px 25px !important;
    transition: all .1s linear;
    text-align: center;
    width: 100%
}

.s--top-page-panel.nav-sm--drop .tpp-nav > li.drop-sm--item:hover ul li:hover a {
    color: #252a30 !important
}

.hover-drop {
    display: none !important
}

@media all and (min-width:1026px) {
    .tnx-top--panel {
        padding-top: 70px
    }

    .case-pg.b-animated .top-page-panel {
        display: block !important
    }
}

.nav-submenu {
    position: absolute;
    top: 35px;
    left: 50%;
    -webkit-transform: translateX(-49.9%);
    transform: translateX(-49.9%);
    transition: all .1s linear;
    width: auto;
    border: solid #009ddc;
    border-width: 3px 0;
    box-shadow: 0 3px 3px 1px #d5dfe4;
    z-index: 2;
    visibility: hidden;
    opacity: 0
}

.header .nav > li:not(.active):hover .nav-submenu {
    opacity: 1;
    visibility: visible
}

.nav-submenu:before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #009ddc;
    position: absolute;
    top: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    z-index: 1
}

.header .nav .nav-submenu > li {
    background-color: #fff;
    width: auto;
    max-width: 100%;
    white-space: nowrap;
    position: relative;
    z-index: 2
}

.header .nav .nav-submenu li:not(:first-child) {
    border-top: 1px solid #e3e3e3
}

.nav-submenu li > a {
    display: block;
    color: #009ddc;
    font: 17px / 1.3 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    padding: 18px 25px !important;
    transition: all .1s linear
}

.header .hm-advancedmenu .nav-submenu > li:hover > a {
    background-color: #0ae;
    color: #fff !important;
    position: relative;
    z-index: 2
}

.nav-sublevel {
    background-color: #fafafa;
    border-left: 5px solid #0ae;
    position: absolute;
    top: 0;
    left: 100%;
    box-shadow: 0 1px 2px 2px rgba(213, 223, 228, .7);
    transition: all .3s linear;
    z-index: 1;
    width: auto;
    visibility: hidden;
    opacity: 0
}

.header .nav .nav-sublevel > li {
    background-color: #fafafa;
    max-width: 100%;
    transition: background-color .1s linear, opacity .1s linear
}

.nav-sublevel li > a {
    color: #5a6063;
    padding: 15px 25px;
    font: 15px / 1.3 roboto-regular-webfont, Arial, Helvetica, Sans-Serif;
    transition: all .2s linear
}

.header .nav-sublevel > li:hover > a {
    color: #90c404 !important;
    background: #fff
}

.header .nav .nav-sublevel li:hover + li {
    border-color: #90c404
}

.header .nav .nav-submenu > li:hover .nav-sublevel {
    visibility: visible;
    opacity: 1
}

@media all and (max-width:768px) {
    .nw-slider--item.simple-slider .t-holder {
        padding: 0 10px
    }
}

@media all and (max-width:646px) {
    .nw-slider--item.simple-slider .t-holder {
        padding: 0 20px
    }

    .nw-slider--item.simple-slider .bx-pager {
        margin: 0
    }
}

.nw-slider--item .pull-controls {
    z-index: 50
}

@media all and (min-width:646px) and (max-width:1025px) {
    .nw-slider--item.pr-slider .pull-controls {
        display: none
    }
}

@media all and (min-width:1026px) {
    .nw-slider--item.pr-slider .item {
        padding-top: 0
    }
}

@media all and (max-width:646px) {
    .nw-slider--item.simple-slider.txt-slider:not(.pr-slider) .t-cell.txt {
        margin-bottom: 40px
    }
}

.nw-slider--item .t-cell {
    vertical-align: middle
}

.nw-slider--item .text-item {
    margin-bottom: 45px
}

@media all and (max-width:768px) {
    .nw-slider--item .t-cell .alt-view p {
        padding: 0 20px
    }

    .nw-slider--item .pr-slider-holder {
        max-width: 100%;
        width: 100%
    }

    .nw-slider--item .text-item {
        margin-bottom: 25px;
        padding-right: 10px
    }

    .nw-slider--item .text-item .title {
        text-align: left
    }
}

.nw-slider--item .text-item .title {
    font-size: 25px;
    color: #009ddc;
    line-height: 1.1;
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    margin-bottom: 12px
}

.nw-slider--item .text-item p {
    font-size: 17px;
    font-family: roboto-regular-webfont, Arial, Helvetica, Sans-Serif;
    padding-right: 0
}

.nw-slider--item .text-item p strong {
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

@media all and (max-width:768px) {
    .nw-slider--item .text-item p {
        text-align: left
    }

    .sp-section .sec-ttl .descr {
        padding: 0 20px
    }
}

@media all and (max-width:646px) {
    .nw-slider--item .text-item .title {
        font-size: 17px
    }

    .nw-slider--item .text-item p {
        font-size: 13px
    }
}

@media all and (min-width:769px) {
    .nw-slider--item .tl-left .text-item .title {
        text-align: left
    }

    .nw-slider--item .tl-right .text-item .title, .nw-slider--item .tl-right .text-item p {
        text-align: right
    }

    .nw-slider--item .tl-center .text-item {
        margin: 0 auto 45px
    }

    .nw-slider--item .tl-center .text-item .title, .nw-slider--item .tl-center .text-item p {
        text-align: left
    }
}

@media all and (min-width:1025px) {
    .nw-slider--item .tl-center .text-item {
        max-width: 270px
    }
}

.slider--h-text__item {
    font-size: 45px;
    color: #009ddc;
    line-height: 1.1;
    margin-bottom: 25px;
    font-family: roboto-light-webfont, Arial, Helvetica, sans-serif
}

.slider--h-text__item strong {
    font-family: roboto-medium-webfont, Arial, Helvetica, sans-serif
}

@media all and (min-width:1026px) {
    .seo-pr--slider .t-cell.visual img {
        max-width: inherit
    }
}

.seo-pr--slider .pr-slider-pager a svg {
    width: 42px;
    height: 42px
}

.seo-pr--slider .pr-slider-pager a.active svg {
    stroke: #fff
}

.seo-pr--slider .pr-slider-pager a:nth-child(1) {
    stroke: #009DDC
}

.seo-pr--slider .pr-slider-pager a:nth-child(2) {
    stroke: #9AC91A
}

.seo-pr--slider .pr-slider-pager a:nth-child(3) {
    stroke: #F7A53C
}

.seo-pr--slider .pr-slider-pager a:nth-child(4) {
    stroke: #9D4F98
}

.seo-pr--slider .pr-slider-pager a:nth-child(5) {
    stroke: #4DCCD1
}

@media all and (max-width:768px) {
    .seo-pr--slider .t-holder {
        display: flex;
        flex-wrap: wrap;
        padding: 0 40px
    }

    .seo-pr--slider .t-holder .t-cell {
        width: 100%
    }

    .seo-pr--slider .t-holder .t-cell.txt {
        order: 1;
        width: 100%
    }

    .seo-pr--slider .t-holder .t-cell.visual {
        width: 100%;
        order: 2;
        display: flex;
        flex-direction: column-reverse
    }

    .seo-pr--slider .t-holder .t-cell.visual .text-list {
        margin-right: auto;
        width: 50%
    }
}

@media all and (max-width:646px) {
    .seo-pr--slider .t-holder .t-cell.visual {
        width: 100%;
        order: 2;
        display: flex;
        flex-direction: column-reverse
    }

    .seo-pr--slider .t-holder .t-cell.visual .text-list {
        width: 100%;
        margin-right: 0
    }
}

.seo-pr--slider .seo-pr-anim201 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-2-str-1.png) no-repeat;
    width: 187px;
    height: 345px;
    left: 46px;
    top: -114px;
    transition: all .35s linear;
    z-index: 1
}

.seo-pr--slider .seo-pr-anim202 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-2-str-2.png) no-repeat;
    width: 284px;
    height: 317px;
    transition: all .35s linear .3s;
    top: -155px;
    z-index: 3;
    left: 9px
}

.seo-pr--slider .seo-pr-anim203 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-2-str-3.png) no-repeat;
    width: 187px;
    height: 345px;
    left: -50px;
    top: -31px;
    z-index: 4;
    transition: all .35s linear .7s
}

.seo-pr--slider .seo-pr-anim204 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-2-str-4.png) no-repeat;
    width: 211px;
    height: 345px;
    top: -41px;
    left: -33px;
    z-index: 5;
    transition: all .35s linear .9s
}

.seo-pr--slider .seo-pr-anim301 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-3-op-1.png) no-repeat;
    width: 207px;
    height: 321px;
    left: 30px;
    top: -200px;
    transition: all .35s linear;
    z-index: 1
}

.seo-pr--slider .seo-pr-anim302 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-3-op-2.png) no-repeat;
    width: 271px;
    height: 233px;
    transition: all .35s linear .3s;
    top: -98px;
    left: -71px;
    z-index: 3
}

.seo-pr--slider .seo-pr-anim303 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-3-op-3.png) no-repeat;
    width: 102px;
    height: 96px;
    left: -22px;
    top: 23px;
    z-index: 4;
    transition: all .35s linear .7s
}

.seo-pr--slider .seo-pr-anim304 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-3-op-4.png) no-repeat;
    width: 53px;
    height: 101px;
    top: 4px;
    left: -89px;
    z-index: 5;
    transition: all .35s linear .9s
}

.seo-pr--slider .seo-pr-anim401 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-4-cm-1.png) no-repeat;
    width: 159px;
    height: 219px;
    left: 100px;
    top: -145px;
    transition: all .35s linear;
    z-index: 1
}

.seo-pr--slider .seo-pr-anim402 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-4-cm-2.png) no-repeat;
    width: 168px;
    height: 243px;
    transition: all .35s linear .3s;
    top: -110px;
    left: -30px;
    z-index: 3
}

.seo-pr--slider .seo-pr-anim403 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-4-cm-3.png) no-repeat;
    width: 86px;
    height: 116px;
    left: -71px;
    top: -14px;
    z-index: 4;
    transition: all .35s linear .7s
}

.seo-pr--slider .seo-pr-anim501 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-5-ar-1.png) no-repeat;
    width: 251px;
    height: 294px;
    left: 13px;
    top: -149px;
    transition: all .35s linear;
    z-index: 1
}

.seo-pr--slider .seo-pr-anim502 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-5-ar-2.png) no-repeat;
    width: 125px;
    height: 294px;
    transition: all .35s linear .3s;
    top: -12px;
    left: 81px;
    z-index: 3
}

.seo-pr--slider .seo-pr-anim503 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-5-ar-3.png) no-repeat;
    width: 145px;
    height: 182px;
    left: -85px;
    top: -14px;
    z-index: 4;
    transition: all .35s linear .7s
}

.seo-pr--slider .t-cell.txt {
    width: 28%;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 0
}

@media all and (max-width:1170px) {
    .seo-pr--slider .t-cell.txt {
        padding: 0
    }
}

.seo-pr--slider .t-cell.txt .text-list:after {
    content: '';
    display: block;
    clear: both
}

.seo-pr--slider .t-cell.visual {
    width: 44%
}

@media all and (min-width:769px) and (max-width:1170px) {
    .seo-pr--slider .t-cell.visual {
        padding: 0 15px;
        width: 38%
    }
}

.seo-pr--slider .pr-slider-pager {
    table-layout: fixed
}

.seo-pr--slider .pr-slider-pager > a {
    width: 100%
}

.seo-pr--slider .subheader-text {
    text-align: center;
    opacity: 0;
    transition: transform .3s ease-out, opacity .6s ease-out;
    transform: translateX(150px)
}

@media all and (min-width:1171px) {
    .seo-pr--slider .subheader-text {
        padding: 48px 0 40px;
        margin-bottom: 60px
    }
}

@media all and (min-width:1026px) and (max-width:1170px) {
    .seo-pr--slider .subheader-text {
        padding: 48px 0 40px;
        margin-bottom: 90px
    }
}

@media all and (max-width:646px) {
    .seo-pr--slider .subheader-text .sub-title {
        text-align: center;
        margin-bottom: 0
    }
}

.seo-pr--slider .subheader-text .sub-descr {
    color: #009ddc;
    font-size: 24px;
    text-align: center;
    font-family: roboto-regular-webfont, Arial, Helvetica, sans-serif
}

@media all and (min-width:646px) {
    .seo-pr--slider .subheader-text .sub-descr {
        padding: 0 20px
    }
}

@media all and (max-width:1025px) {
    .seo-pr--slider .subheader-text .sub-descr {
        padding: 10px 40px 30px;
        margin-bottom: 30px;
        position: relative
    }

    .seo-pr--slider .subheader-text .sub-descr br {
        display: none
    }
}

@media all and (max-width:767px) {
    .seo-pr--slider .subheader-text .sub-descr {
        text-align: left;
        padding: 0 10px
    }
}

@media all and (min-width:769px) {
    .seo-pr--slider .subheader-text .sub-descr:after {
        content: '';
        position: absolute;
        height: 1px;
        bottom: 0;
        display: block;
        background: #d9dadb;
        left: 50%;
        transform: translateX(-50%);
        width: 50%;
        max-width: 230px
    }
}

@media all and (max-width:646px) {
    .seo-pr--slider .subheader-text .sub-descr {
        padding: 10px 20px 30px;
        margin-bottom: 0;
        font-size: 17px
    }

    .seo-pr--slider .subheader-text .sub-descr:after {
        content: none
    }
}

.simple-slider.fade .current .subheader-text {
    opacity: 1;
    transform: translateX(0);
    transition: transform .3s ease-out, opacity .2s ease-out
}

@media all and (min-width:1026px) {
    .pr-slider.nw-slider--item.simple-slider.col-2 .t-cell.txt {
        padding-right: 0;
        width: 42%
    }
}

@media all and (min-width:1025px) {
    .pr-slider.nw-slider--item.simple-slider.col-2 .t-holder {
        margin-bottom: 80px
    }
}

.simple-slider.nw-cs--slider {
    margin: 0 auto;
    width: 100%
}

@media all and (max-width:980px) {
    .simple-slider.nw-cs--slider.ba-slider .pull-controls {
        display: block
    }

    .simple-slider.nw-cs--slider.ba-slider .pull-controls .pull {
        transform: scale(.7)
    }

    .simple-slider.nw-cs--slider.ba-slider .pull-controls .pull.left {
        left: 0
    }

    .simple-slider.nw-cs--slider.ba-slider .pull-controls .pull.right {
        right: 0
    }
}

@media only screen and (max-width:1025px) {
    .simple-slider.nw-cs--slider.ba-slider .pull-controls .pull {
        top: 0
    }

    .simple-slider.nw-cs--slider .smm-spr1 {
        transform: scale(.65)
    }
}

@media only screen and (max-width:646px) {
    .simple-slider.nw-cs--slider.ba-slider .pull-controls {
        display: none
    }

    .simple-slider.nw-cs--slider .smm-spr1 {
        transform: scale(.5)
    }
}

@media only screen and (max-width:481px) {
    .simple-slider.nw-cs--slider .smm-spr1 {
        transform: scale(.4);
        margin: 0 -24px 0 -20px
    }
}

.simple-slider.nw-cs--slider .ba-slider-holder {
    padding-bottom: 40px
}

@media only screen and (max-width:1025px) {
    .simple-slider.nw-cs--slider .ba-slider-holder {
        padding-bottom: 60px
    }
}

@media all and (max-width:1170px) {
    .simple-slider.nw-cs--slider .ba-slider-holder {
        max-width: 85%
    }
}

@media only screen and (max-width:646px) {
    .simple-slider.nw-cs--slider .ba-slider-holder {
        padding-bottom: 35px;
        max-width: 100%
    }
}

.simple-slider.nw-cs--slider .ba-slider-holder .t-holder {
    max-width: 100%;
    width: 100%
}

@media only screen and (min-width:1026px) {
    .simple-slider.nw-cs--slider .t-holder {
        padding: 0 60px
    }
}

.simple-slider.nw-cs--slider .t-cell {
    height: auto
}

.simple-slider.nw-cs--slider .t-cell.txt {
    text-align: left;
    width: 41%;
    font-size: 23px
}

@media only screen and (max-width:768px) {
    .simple-slider.nw-cs--slider .t-cell.txt {
        width: 100%;
        text-align: center;
        font-size: 22px;
        padding: 0
    }
}

@media only screen and (max-width:646px) {
    .simple-slider.nw-cs--slider .t-holder {
        padding: 0
    }

    .simple-slider.nw-cs--slider .t-cell.txt {
        font-size: 17px;
        margin-bottom: 25px
    }
}

.simple-slider.nw-cs--slider .t-cell.visual {
    width: 59%;
    text-align: left;
    padding-left: 10%
}

.simple-slider.nw-cs--slider .t-cell.visual img {
    max-width: 100%;
    height: auto
}

@media only screen and (max-width:768px) {
    .simple-slider.nw-cs--slider .t-cell.visual {
        width: 100%;
        text-align: center
    }
}

.simple-slider.nw-cs--slider .pull-controls {
    position: absolute;
    top: 50%
}

.nw--ar-nav a {
    position: absolute;
    top: 34px;
    bottom: auto;
    width: 42px;
    height: 61px;
    transform: scale(1);
    z-index: 51
}

@media only screen and (max-width:1025px) {
    .nw--ar-nav a {
        transform: scale(.7)
    }
}

@media only screen and (max-width:737px) {
    .nw--ar-nav a {
        transform: scale(.5)
    }
}

.nw--ar-nav.center a {
    top: 50%;
    transform: translateY(-50%) scale(1)
}

@media only screen and (max-width:1025px) {
    .nw--ar-nav.center a {
        transform: translateY(-50%) scale(.7)
    }
}

@media only screen and (max-width:737px) {
    .nw--ar-nav.center a {
        transform: translateY(-50%) scale(.5)
    }
}

.nw--ar-nav.nw--ar-prev a {
    background: url(https://www.pelor.us/images/logo-design/arrow-left.svg) 0 50% no-repeat;
    left: 0
}

.nw--ar-nav.nw--ar-next a {
    background: url(https://www.pelor.us/images/logo-design/arrow.svg) 100% 50% no-repeat;
    right: 0
}

@media only screen and (max-width:530px) {
    .nw--ar-nav.nw--ar-prev.card-slider__pager-prev a {
        left: -20px
    }

    .nw--ar-nav.nw--ar-next.card-slider__pager-next a {
        right: -20px
    }
}

.nw-cs--pager {
    display: flex;
    justify-content: center;
    margin-top: 26px
}

.nw-cs--pager .bx-pager-item:not(:last-child) {
    margin-right: 25px
}

.nw-cs--pager .bx-pager-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #dedede;
    border-radius: 50%;
    position: relative;
    font-size: 0;
    line-height: 0;
    transition: all .3s linear
}

.nw-cs--pager .bx-pager-link:after {
    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: width .5s ease-out, height .5s ease-out;
    border-radius: 50%
}

.nw__mob-menu--wrp .mob-menus .sub:after, .nw__mob-menu--wrp .mob-menus .sub > li > a:before {
    content: none
}

.nw-cs--pager .bx-pager-link.active {
    border-color: #90c404
}

.nw-cs--pager .bx-pager-link.active:after {
    background: #90c404;
    width: 8px;
    height: 8px
}

.ta {
    text-align: center
}

@media all and (min-width:1025px) and (max-width:1170px) {
    .nw--pr-col-2 .pr-cell--sc {
        transform: scale(.7)
    }
}

@media all and (min-width:1025px) {
    .nw--pr-sl-anim.pr-slider .t-cell.visual .wide-mode {
        top: 0;
        left: 50px
    }

    .nw--smm-item.slide01, .nw--sms-pr-slider .slide04 {
        padding-bottom: 50px
    }
}

.nw__mob-menu--wrp.mm-menu {
    width: 100%;
    background: 0 0
}

.nw__mob-menu--wrp.mm-menu.mm-opened {
    z-index: 2
}

.nw__mob-menu--wrp .menu-title {
    width: 260px;
    opacity: 0;
    transition: opacity .5s ease
}

.nw__mob-menu--wrp .mob-menus {
    width: 260px
}

.nw__mob-menu--wrp .mob-menus .sub {
    padding: 28px 15px 28px 0;
    background: #018fcf
}

.nw__mob-menu--wrp .mob-menus .sub > li {
    position: relative;
    padding: 0 0 2px
}

.nw__mob-menu--wrp .mob-menus .sub > li > a {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
    border-radius: 0;
    text-transform: none;
    border: none;
    background: #009ddc;
    box-shadow: none;
    padding: 17px
}

.nw__mob-menu--wrp .mob-menus .sub > li:last-child > a {
    border-radius: 0 0 4px
}

.nw__mob-menu--wrp .mob-menus .sub > li:first-child > a {
    border-radius: 0 4px 0 0
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open > a {
    background: #252525;
    position: relative;
    overflow: visible;
    color: #018fcf;
    border-radius: 0
}

@media all and (min-width:1026px) {
    .nw__mob-menu--wrp .mob-menus .sub > li > a {
        font-size: 18px
    }

    .nw__mob-menu--wrp .mob-menus .sub .drop-open > a:after {
        content: '';
        position: absolute;
        right: -18px;
        background: #252525;
        height: 100%;
        width: 18px;
        top: 0
    }
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel {
    position: absolute;
    margin-bottom: 0;
    right: -500px;
    margin-top: 0;
    top: 0;
    background: #252525;
    padding: 25px 30px 0 25px;
    width: 485px;
    overflow: hidden
}

@media all and (max-width:1025px) {
    .nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel {
        position: static;
        width: 100%;
        padding: 0 20px 25px
    }
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li {
    min-width: auto;
    position: relative;
    z-index: 2;
    margin: 0 15px 35px 0;
    background: #2F2F2F;
    width: calc(50% - 8px);
    float: left
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li:nth-child(even) {
    margin-right: 0
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li a {
    padding: 0;
    border: none;
    height: 100%;
    overflow: hidden;
    transition: none
}

@media all and (max-width:1025px) {
    .nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li {
        float: none;
        width: 100%;
        margin: 0 0 9px
    }

    .nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        padding: 17px 0
    }
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li a img {
    opacity: .2;
    transition: all .4s ease;
    position: relative;
    z-index: 3;
    transform: scale(.75) translateY(20px)
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li:before {
    width: 2px;
    height: 100%;
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    background: #009ddc;
    z-index: 3
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li:after {
    content: '';
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: scaleY(0);
    transform-origin: 0 100%;
    transition: transform .4s;
    background: #fff
}

.nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li .nw-menu-text {
    position: absolute;
    bottom: 25px;
    width: 100%;
    padding: 0 20px;
    color: #fff;
    text-align: left;
    font-weight: 700;
    font-size: 17px;
    left: 0;
    z-index: 3;
    font-family: roboto-bold-webfont
}

.case-descr.center, .case-heading--title.center, .nw--content-add .title,
.tech-item .text, .tech-item .title, .top-banner__buttons-wrp, .top-banner__cite-container,
.top-banner__descr, .top-banner__title, .topic-list--title.center,
.topic-list.count .topic-item:before, .wh-papers--wrp .wh-paper--item .wh--btn-wrp {
    text-align: center
}

@media all and (max-width:1025px) {
    .nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li .nw-menu-text {
        position: static
    }
}

@media all and (min-width:1026px) {
    .nw__mob-menu--wrp .mob-menus .sub .drop-open .mobnav-sublevel li:hover a {
        height: 100%
    }
}

.mob-menus {
    opacity: 0;
    transition: opacity .5s ease, transform .5s ease
}

html.mm-opening {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

html.mm-opening .mob-menus {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

html.mm-opening .menu-title {
    opacity: 1
}

html.mm-opening #mm-blocker, html.mm-opening .mm-page {
    left: 325px !important
}

html.mm-opening #mm-blocker {
    z-index: 1
}

html.mm-opening {
    position: relative;
    z-index: 3
}

.mm-page {
    z-index: 1
}

#mm-blocker {
    position: relative;
    z-index: 1
}

.nw__mob-menu--wrp.mm-opened .mm-inner {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow-y: scroll
}

.nw__mob-menu--wrp .mob-menus {
    box-shadow: 11px 0 16px -15px rgba(0, 0, 0, .8);
    min-height: 90%
}

.nw__mob-menu--wrp .mob-menus > ul:not(.secondary-menu) {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 13px
}

.nw__mob-menu--wrp .mob-menus > ul > li {
    border-bottom: none
}

.nw__mob-menu--wrp .mob-menus > ul > li.drop-open > a {
    color: #018fcf
}

.nw-icon {
    width: 55px;
    height: 55px;
    fill: #fff
}

.tech-item .tech-item--inner {
    position: relative;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    padding: 55px 128px 70px 93px
}

.tech-item .tech-item--inner:after {
    content: '';
    top: -39px;
    width: 78px;
    height: 78px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media all and (max-width:1025px) {
    .tech-item .tech-item--inner {
        padding: 45px 30px 30px
    }
}

@media all and (max-width:646px) {
    .tech-item .tech-item--inner {
        padding: 25px 20px 20px
    }
}

.tech-item.kt .tech-item--inner:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/Keyword-Targeting.png) no-repeat
}

.tech-item.kt .tech-item--inner .text {
    max-width: 652px
}

.tech-item.gt .tech-item--inner:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/Geographical-Targeting.png) no-repeat
}

.tech-item.ti .tech-item--inner:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/Timing.png) no-repeat
}

.tech-item:not(:last-child) {
    margin-bottom: 65px
}

.tech-item .title {
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    font-size: 45px;
    color: #0078ae;
    font-weight: 700;
    margin-bottom: 10px
}

.opp-item, .tech-item .text {
    font-family: roboto-light-webfont, Arial, Helvetica, sans-serif
}

@media all and (max-width:1025px) {
    .tech-item .title {
        font-size: 32px
    }
}

.tech-item .text {
    max-width: 780px;
    font-size: 20px;
    margin: 0 auto 35px;
    line-height: 1.6
}

@media all and (max-width:1025px) {
    .tech-item .text {
        font-size: 16px
    }
}

.opp-item {
    font-size: 17px;
    line-height: 1.5;
    padding-left: 48px;
    position: relative
}

.opp-item:before {
    content: '';
    position: absolute;
    top: 6px;
    width: 29px;
    height: 29px;
    left: 0;
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/checkmark.png) no-repeat
}

.opp-item:not(:last-child) {
    margin-bottom: 35px
}

.opp-item strong {
    font-size: 20px;
    color: #80ae05;
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    font-weight: 700
}

@media all and (max-width:1201px) {
    .tech-list {
        margin: 0 20px
    }
}

.nw--count__list {
    flex-wrap: wrap
}

@media all and (max-width:646px) {
    .opp-item:before {
        width: 16px;
        height: 16px;
        background-size: cover
    }

    .nw--count__list.units-3 .nw--count__item {
        width: 100%
    }
}

.nw--count__item {
    flex: 1
}

@media all and (max-width:737px) {
    .nw--count__item {
        flex: 1 0 auto;
        width: 50%;
        margin-bottom: 15px
    }

    .nw--count__item br {
        display: none
    }
}

@media all and (max-width:1025px) {
    .opp-item {
        padding-left: 25px
    }

    .nw--case-std__list {
        padding: 0 40px
    }
}

@media all and (min-width:647px) {
    .nw--case-std__item.revert .col-left {
        padding-right: 0
    }
}

@media all and (max-width:646px) {
    .nw--case-std__list {
        padding: 0
    }
}

.top-banner {
    min-height: 433px;
    padding: 85px 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #292d30
}

.top-banner .link-arrow:before {
    background: #46484c
}

@media all and (min-width:2160px) {
    .top-banner {
        min-height: 545px
    }
}

@media all and (min-width:1025px) {
    .top-banner.content-marketing {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/header/banner-d.jpg)
    }
}

@media all and (min-width:1025px) and all and (min-width:2160px) {
    .top-banner.content-marketing {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/header/banner-b-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner {
        min-height: 292px;
        padding: 50px 0 70px
    }

    .top-banner.content-marketing {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner {
        min-height: 282px;
        padding: 40px 0 60px
    }

    .top-banner.content-marketing {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.smm {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/smm-page/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.smm {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/smm-page/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.smm {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/smm-page/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.smm {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/smm-page/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.dpr-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/digital-pr/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.dpr-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/digital-pr/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.dpr-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/digital-pr/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.dpr-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/digital-pr/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.marketing-strategy {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.marketing-strategy {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.marketing-strategy {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.marketing-strategy {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.cro-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/cro/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.cro-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/cro/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.cro-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/cro/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.cro-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/cro/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.paid-media {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.paid-media {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.paid-media {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.paid-media {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.seo-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/seo-page/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.seo-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/seo-page/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.seo-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/seo-page/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.seo-page {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/seo-page/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.email-marketing {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.email-marketing {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.email-marketing {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.email-marketing {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.join-our-team {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/join-our-team/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.join-our-team {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/join-our-team/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.join-our-team {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/join-our-team/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.join-our-team {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/join-our-team/header/banner-m.jpg)
    }
}

@media all and (min-width:2160px) {
    .top-banner.cs--service-king {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/case-studies/service-king/header/banner-b-d.jpg)
    }
}

@media all and (min-width:1025px) and (max-width:2159px) {
    .top-banner.cs--service-king {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/case-studies/service-king/header/banner-d.jpg)
    }
}

@media all and (max-width:1024px) {
    .top-banner.cs--service-king {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/case-studies/service-king/header/banner-t.jpg)
    }
}

@media all and (max-width:646px) {
    .top-banner.cs--service-king {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/case-studies/service-king/header/banner-m.jpg)
    }
}

.top-banner__inner {
    max-width: 1582px;
    margin: 0 auto
}

@media all and (max-width:1600px) {
    .top-banner__inner {
        padding: 0 4.7vw
    }
}

@media (max-width:1300px) and (min-width:1026px) {
    .top-banner__inner {
        padding: 0 3.5vw
    }
}

.top-banner__anchor {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .08);
    z-index: 20;
    background: #fff
}

.top-banner__anchor:hover .scroll-arrow {
    transform: translate(0, 3px)
}

.top-banner__title {
    font: 80px / 1 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    color: #fff;
    margin-bottom: 26px
}

@media all and (max-width:1366px) {
    .top-banner__title {
        font-size: 54px
    }
}

@media all and (max-width:1025px) {
    .top-banner__title.img img {
        max-width: 170px
    }
}

@media all and (max-width:737px) {
    .top-banner__title {
        font-size: 34px
    }

    .top-banner__title.img img {
        max-width: 130px
    }
}

.top-banner__descr {
    font: 24px / 1.4 roboto-regular-webfont, Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: -.5px
}

.top-banner__descr strong {
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

@media all and (max-width:1366px) {
    .top-banner__descr {
        font-size: 20px
    }
}

@media all and (max-width:1026px) {
    .top-banner__descr {
        font-size: 17px
    }
}

@media all and (max-width:737px) {
    .top-banner__descr {
        font-size: 13px
    }

    .top-banner__descr br {
        display: none
    }
}

@media all and (max-width:1170px) {
    .ba-slider .pull-controls, .pr-slider .pull-controls, .slider-section .mix-slider .pull-controls {
        width: 98%;
        margin: 0 1%
    }
}

.top-banner__cite-container {
    margin-bottom: 28px;
    color: #fff
}

.top-banner__cite-container blockquote {
    font: 35px / 1 roboto-medium-webfont, Arial, Helvetica, Sans-Serif
}

.top-banner__cite-container strong {
    font: 20px / 1.5 roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

@media all and (max-width:1025px) {
    .top-banner__cite-container blockquote {
        font-size: 24px
    }
}

@media all and (max-width:737px) {
    .top-banner__cite-container blockquote {
        font-size: 18px
    }
}

.top-banner__sub-descr {
    text-align: center;
    color: #fff;
    font: 20px / 1.6 roboto-light-webfont, Arial, Helvetica, sans-serif
}

.top-banner__sub-descr.sk-sub {
    font: 24px / 35px roboto-light-webfont, Arial, Helvetica, sans-serif
}

@media all and (max-width:1025px) {
    .top-banner__sub-descr {
        font-size: 14px
    }

    .top-banner__sub-descr.sk-sub {
        font: 14px / 1.5 roboto-light-webfont, Arial, Helvetica, sans-serif
    }

    .top-banner__sub-descr br {
        display: none
    }
}

@keyframes head-anim-seo01 {
    0% {
        opacity: 1;
        transform: translate(-40px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(-40px, 80px)
    }
}

@keyframes head-anim-seo02 {
    0% {
        opacity: 0;
        transform: translate(150px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(150px, 80px)
    }
}

@keyframes head-anim-seo03 {
    0% {
        opacity: 0;
        transform: translate(0, 36px)
    }

    100% {
        opacity: 1;
        transform: translate(0, 180px)
    }
}

.animated .head-anim-seo01 {
    animation: head-anim-seo01 1.8s forwards;
    z-index: 4
}

.animated .head-anim-seo02 {
    animation: head-anim-seo02 1.8s forwards;
    z-index: 2
}

.animated .head-anim-seo03 {
    animation: head-anim-seo03 1.8s forwards;
    z-index: 3
}

.nw-seo--wrp {
    background: #fff
}

@media all and (min-width:1025px) {
    .nw-seo--wrp .simple-slider .t-cell.txt {
        padding: 40px 0 0
    }

    .nw-seo--wrp .seotr-graph {
        bottom: -30px
    }
}

@media all and (max-width:646px) {
    .nw-seo--wrp .txt-slider .t-cell.visual {
        display: block
    }

    .nw-seo--wrp .simple-slider .t-cell.txt {
        padding: 0
    }
}

.nw-seo--wrp .seo-traffic-section {
    padding: 80px 0;
    background: 0 0
}

@media all and (max-width:767px) {
    .nw-seo--wrp .seo-traffic-section {
        padding-bottom: 40px
    }
}

.nw-seo--wrp .simple-slider p {
    padding-right: 0
}

.nw-seo--wrp .pr-slider p {
    font-family: roboto-regular-webfont, Arial, Helvetica, sans-serif
}

.nw-seo--wrp .pr-pager {
    margin: 0 auto 30px
}

.nw-seo--wrp .pr-slider .item {
    padding-top: 0
}

@media all and (max-width:1025px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section {
        margin-bottom: 60px;
        padding-top: 40px
    }
}

@media all and (min-width:1026px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section {
        padding-top: 40px
    }

    .nw-seo--wrp .seo-traffic-section .seotr-section.section01 {
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/granite-bg.jpg) 50% 0 no-repeat
    }
}

@media all and (min-width:647px) and (max-width:1025px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section01 {
        height: 510px;
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-results/tablet/granite-transformations_BG_tablet.jpg) center center no-repeat;
        background-size: cover
    }
}

@media all and (min-width:647px) and (max-width:768px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section01 {
        height: 430px
    }
}

@media all and (max-width:646px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section01 {
        height: 430px;
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-results/mobile/granite-transformations_BG_mobile.jpg) center center no-repeat;
        background-size: cover
    }
}

@media all and (max-width:531px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section {
        margin-bottom: 0
    }

    .nw-seo--wrp .seo-traffic-section .seotr-section.section01 {
        height: 350px
    }
}

@media all and (max-width:440px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section01 {
        background-size: contain;
        height: 310px
    }
}

@media all and (min-width:1026px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section02 {
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/adv-bg.jpg) 50% 0 no-repeat
    }
}

@media all and (min-width:647px) and (max-width:1025px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section02 {
        height: 510px;
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-results/tablet/granite-transformations_BG_tablet.jpg) center center no-repeat;
        background-size: cover
    }
}

@media all and (min-width:647px) and (max-width:768px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section02 {
        height: 430px
    }
}

@media all and (max-width:646px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section02 {
        height: 430px;
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-results/mobile/granite-transformations_BG_mobile.jpg) center center no-repeat;
        background-size: cover
    }
}

@media all and (max-width:531px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section02 {
        height: 350px
    }
}

@media all and (max-width:440px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section02 {
        background-size: contain;
        height: 310px
    }
}

@media all and (min-width:1026px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section03 {
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/luxor-bg.jpg) 50% 0 no-repeat
    }

    .nw-seo--wrp .seo-traffic-section .seotr-section .title {
        font-size: 30px;
        color: #fff;
        margin-bottom: 33px;
        text-align: center
    }

    .nw-seo--wrp .seo-traffic-section .seotr-section .frame {
        max-width: 1100px;
        width: 100%
    }

    .nw-seo--wrp .seo-traffic-section .seotr-section .seotr-txt {
        min-height: 305px;
        width: 100%;
        max-width: 1000px
    }

    .nw-seo--wrp .seo-traffic-section .seotr-section .seotr-txt p {
        font: 20px / 1.5 roboto-light-webfont, Arial, Helvetica, sans-serif;
        color: #758288
    }
}

@media all and (min-width:647px) and (max-width:1025px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section03 {
        height: 510px;
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-results/tablet/granite-transformations_BG_tablet.jpg) center center no-repeat;
        background-size: cover
    }
}

@media all and (min-width:647px) and (max-width:768px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section03 {
        height: 430px
    }
}

@media all and (max-width:646px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section03 {
        height: 430px;
        background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-results/mobile/granite-transformations_BG_mobile.jpg) center center no-repeat;
        background-size: cover
    }
}

@media all and (max-width:531px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section03 {
        height: 350px
    }
}

@media all and (max-width:440px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section.section03 {
        background-size: contain;
        height: 310px
    }
}

@media all and (max-width:1025px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section .title {
        color: #fff;
        font-size: 25px;
        top: 45px;
        position: absolute;
        text-align: center;
        left: 0;
        width: 100%
    }

    .nw-seo--wrp .seo-traffic-section .seotr-section .seotr-txt {
        position: absolute;
        top: 130px;
        left: 20px;
        min-height: auto;
        background: #fff;
        height: auto;
        width: 90%;
        border-radius: 6px 6px 0 0
    }

    .nw--case-std__list {
        padding: 0
    }
}

@media all and (max-width:768px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section .title {
        top: 30px
    }
}

@media all and (max-width:646px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section .title {
        font-size: 20px
    }
}

@media all and (max-width:531px) {
    .nw-seo--wrp .seo-traffic-section .seotr-section .seotr-txt {
        top: 78px;
        background: 0 0
    }

    .nw-seo--wrp .seo-traffic-section .seotr-section .seotr-txt p {
        font-size: 12px
    }
}

.nw--case-std__item {
    display: flex;
    margin-bottom: 100px;
    flex-wrap: wrap
}

@media all and (max-width:768px) {
    .nw--case-std__item {
        margin-bottom: 65px
    }

    .sp-section .slider-head__m {
        padding-top: 40px
    }
}

@media all and (max-width:646px) {
    .nw--case-std__item {
        flex-direction: column-reverse;
        margin-bottom: 45px
    }
}

.nw--case-std__item.revert {
    flex-direction: row-reverse
}

.nw--case-std__item .col-left, .nw--case-std__item .col-right {
    width: 50%
}

@media all and (min-width:647px) {
    .nw--case-std__item .col-left {
        padding-right: 55px
    }

    .nw--case-std__item .col-right {
        padding-right: 35px
    }
}

.nw--case-std__item .img-wrp {
    margin-bottom: 35px
}

@media all and (max-width:646px) {
    .nw--case-std__item.revert {
        flex-direction: column-reverse
    }

    .nw--case-std__item .col-left, .nw--case-std__item .col-right {
        width: 100%
    }

    .nw--case-std__item .img-wrp {
        max-width: 155px;
        display: block
    }
}

.nw--case-std__item .img-wrp a {
    display: block
}

.nw--case-std__item .cs-anim-dance01 {
    left: 0
}

.nw--case-std__item .cs-anim-dance02 {
    left: 24px
}

.nw--case-std__item .cs-anim-dance03 {
    left: 350px
}

.nw--case-std__item .cs-anim-medcpu01 {
    left: 392px
}

.nw--case-std__item .cs-anim-medcpu02 {
    left: 24px
}

.nw--case-std__item .cs-anim-medcpu03 {
    left: -128px
}

.nw--count__list {
    display: flex;
    justify-content: space-between
}

.nw--count__item:not(:last-child) {
    padding-right: 20px
}

@media all and (max-width:646px) {
    .nw--count__list {
        flex-wrap: wrap
    }

    .nw--count__item {
        width: 50%;
        margin-bottom: 15px
    }

    .nw--count__item .cnt-info span br {
        display: none
    }
}

.nw--count__item .cnt--amount {
    font-family: roboto-regular-webfont, Arial, Helvetica, sans-serif;
    font-size: 45px;
    color: #009ddc;
    margin-bottom: 5px
}

@media all and (max-width:1025px) {
    .nw--count__item .cnt--amount {
        font-size: 34px
    }
}

.nw--count__item .cnt--amount .amount {
    font-family: roboto-bold-webfont, Arial, Helvetica, sans-serif
}

.nw--count__item .cnt-info {
    font-size: 20px;
    letter-spacing: -.25px;
    line-height: 1.4;
    color: #5a6063;
    font-family: roboto-regular-webfont, Arial, Helvetica, sans-serif
}

@media all and (max-width:1025px) {
    .nw--count__item .cnt-info {
        font-size: 15px
    }
}

.nw--case-std__wrp {
    max-width: 1100px;
    margin: 0 auto
}

.nw--case-std__descr {
    font-size: 24px;
    line-height: 35px;
    color: #5a6063;
    margin-bottom: 30px;
    font-family: roboto-light-webfont, Arial, Helvetica, sans-serif
}

.anim-p--vs img {
    max-width: auto
}

@media all and (max-width:1025px) {
    .nw--case-std__descr {
        font-size: 18px;
        line-height: 24px
    }

    .nw-seo--wrp .seotr-graph {
        display: none
    }
}

.seo--color .active-1 .pr-current-tab {
    background: #9ac91a
}

.seo--color .active-1 .pr-current-tab:after {
    border-top-color: #9ac91a
}

.seo--color .active.info .pr-txt {
    color: #9ac91a
}

.seo--color .active-3 .pr-current-tab {
    background: #a541c0
}

.seo--color .active-3 .pr-current-tab:after {
    border-top-color: #a541c0
}

.seo--color .active.dev .pr-txt {
    color: #a541c0
}

.seo--color .active-4 .pr-current-tab {
    background: #59cfd4
}

.seo--color .active-4 .pr-current-tab:after {
    border-top-color: #59cfd4
}

.seo--color .active.qa .pr-txt {
    color: #59cfd4
}

@keyframes animBg {
    0%, 100%, 98% {
        background-position: 0 0
    }

    48%, 50% {
        background-position: 0 100%
    }
}

.anim-p--vs .cs-bg {
    animation-name: animBg;
    animation-duration: 13s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes head-anim-pmp01 {
    0% {
        opacity: 1;
        transform: translate(-70px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(-20px, 170px)
    }
}

@keyframes head-anim-pmp03 {
    0% {
        opacity: 0;
        transform: translate(250px, 36px)
    }

    100% {
        opacity: 1;
        transform: translate(200px, 130px)
    }
}

@keyframes head-anim-pmp04 {
    0% {
        opacity: 0;
        transform: translate(200px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(210px, 330px)
    }
}

@keyframes head-anim-pmp05 {
    0% {
        opacity: 0;
        transform: translate(-30px, 36px)
    }

    100% {
        opacity: 1;
        transform: translate(-30px, 100px)
    }
}

.animated .head-anim-pmp01 {
    animation: head-anim-pmp01 1.8s forwards;
    z-index: 1
}

.animated .head-anim-pmp02 {
    animation: head-anim-pmp02 1.8s forwards;
    z-index: 2
}

.animated .head-anim-pmp03 {
    animation: head-anim-pmp03 1.8s forwards;
    z-index: 2
}

.animated .head-anim-pmp04 {
    animation: head-anim-pmp04 1.8s forwards;
    z-index: 3
}

.animated .head-anim-pmp05 {
    animation: head-anim-pmp05 1.8s forwards;
    z-index: 3
}

.nw-pmp--wrp {
    background: #fff
}

@media all and (max-width:1170px) {
    .nw-pmp--wrp .next-over .slider-section, .nw-pmp--wrp .next-over .wide-expanded-section {
        padding-top: 0
    }
}

.nw-pmp--wrp .top-section.head-anim-holder.over:after {
    background: #f4f4f4
}

.nw-pmp--wrp .txt-slider {
    background: 0 0
}

@media all and (min-width:1025px) {
    .nw-seo--wrp .seotr-section:not(.section03) {
        margin-bottom: 60px
    }

    .nw-seo--wrp .seotr-section.section03 {
        margin-bottom: 0
    }

    .nw-pmp--wrp .pr-slider .t-cell.txt {
        padding: 0
    }
}

@media all and (max-width:646px) {
    .nw-pmp--wrp .txt-slider .t-cell.visual {
        display: block
    }

    .nw-pmp--wrp .pr-slider .t-cell.txt {
        padding: 0
    }
}

.nw-pmp--wrp .seo-traffic-section {
    padding: 80px 0 0
}

.nw-pmp--wrp .simple-slider p {
    padding-right: 0
}

.nw-pmp--wrp .pr-slider p {
    font-family: roboto-regular-webfont, Arial, Helvetica, sans-serif
}

.nw-pmp--wrp .pr-pager {
    margin: 0 auto 30px
}

.nw-pmp--wrp .pr-slider .item {
    padding-top: 0
}

.cs-paralax-left, .cs-paralax-right {
    position: relative;
    z-index: 3
}

.case-slider .wide-mode {
    display: block;
    background: rgba(255, 255, 255, .1)
}

.cs-bg {
    width: 478px;
    height: 360px;
    overflow: hidden;
    left: 163px;
    top: 32px;
    z-index: 1
}

.cs-left, .cs-right {
    z-index: 3;
    transform: translateX(100px)
}

.cs-left {
    transition: transform .5s ease-out .2s
}

.cs-right {
    transition: transform .4s ease-out .1s
}

.anim-p .cs-left, .anim-p .cs-right {
    transform: translateX(0)
}

.anim-p .anim-img {
    opacity: 1
}

@media all and (min-width:1201px) and (max-width:1400px) {
    .anim-p--vs {
        transform: scale(.7)
    }
}

@media all and (min-width:1025px) and (max-width:1200px) {
    .anim-p--vs {
        transform: scale(.6)
    }
}

@media all and (max-width:646px) {
    .anim-p--vs {
        margin-bottom: 22px
    }
}

@media all and (max-width:767px) {
    .sp-section, .sp-section .sec-ttl {
        padding: 0
    }
}

.sp-section .slider-head__m {
    padding: 70px 0 150px
}

.sp-section .slider-head__m h2 {
    margin-bottom: 15px
}

.sp-section .slider-pager {
    margin-top: -150px
}

.bsp-section .nw-slider--item {
    padding-bottom: 160px
}

.bsp-section.slider-section {
    padding: 0
}

.bsp-section .rd-box-holder {
    padding: 0;
    margin-top: -150px
}

.pmp-pr-anim102 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-1-ds-2.png) no-repeat;
    width: 242px;
    height: 211px;
    left: -6px;
    top: 20px;
    z-index: 4;
    transition: all .35s linear .7s
}

.pmp-pr-anim104 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-1-ds-1.png) no-repeat;
    width: 241px;
    height: 287px;
    left: 16px;
    top: -145px;
    z-index: 1;
    transition: all .35s linear .7s;
    transform: translateY(0)
}

.pmp-pr-anim201 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-5-ar-3.png) no-repeat;
    width: 136px;
    height: 181px;
    left: -50px;
    top: 2px;
    z-index: 3;
    transition: all .35s linear .3s;
    transform: translateX(40px)
}

.pmp-pr-anim202 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-2-st-2.png) no-repeat;
    width: 189px;
    height: 294px;
    left: 32px;
    top: -192px;
    z-index: 2;
    transition: all .35s linear .7s;
    transform: translateX(40px)
}

.pmp-pr-anim203, .pmp-pr-anim301 {
    left: 48px;
    transition: all .35s linear .2s;
    z-index: 1
}

.pmp-pr-anim203 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-2-st-3.png) no-repeat;
    width: 187px;
    height: 312px;
    top: -201px;
    transform: translateY(0)
}

.pmp-pr-anim301 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-3-lp-1.png) no-repeat;
    width: 177px;
    height: 308px;
    top: -223px;
    transform: translateY(40px)
}

.pmp-pr-anim302 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-3-lp-2.png) no-repeat;
    width: 40px;
    height: 189px;
    left: 230px;
    top: -103px;
    z-index: 1;
    transition: all .35s linear .5s;
    transform: translateX(40px)
}

.pmp-pr-anim303 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-3-lp-3.png) no-repeat;
    width: 140px;
    height: 117px;
    left: -50px;
    top: -80px;
    z-index: 3;
    transition: all .35s linear 1.2s;
    transform: translateY(40px)
}

.pmp-pr-anim401 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-4-o-1.png) no-repeat;
    width: 213px;
    height: 325px;
    left: 61px;
    top: -283px;
    z-index: 1;
    transition: all .35s linear .3s;
    transform: translateY(0)
}

.pmp-pr-anim402 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-4-o-2.png) no-repeat;
    width: 247px;
    height: 312px;
    left: -8px;
    top: -240px;
    z-index: 3;
    transition: all .35s linear .6s;
    transform: translateY(0)
}

.pmp-pr-anim403, .pmp-pr-anim404 {
    z-index: 3;
    transform: translateX(40px)
}

.pmp-pr-anim403 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-4-o-3.png) no-repeat;
    width: 235px;
    height: 235px;
    left: -73px;
    top: -165px;
    transition: all .35s linear .8s
}

.pmp-pr-anim404 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-4-o-4.png) no-repeat;
    width: 210px;
    height: 202px;
    left: -103px;
    top: -126px;
    transition: all .35s linear 1s
}

.pmp-pr-anim501 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-1-ds-1.png) no-repeat;
    width: 241px;
    height: 287px;
    left: 16px;
    top: -185px;
    z-index: 1;
    transition: all .35s linear .7s;
    transform: translateY(40px)
}

.pmp-pr-anim502, .pmp-pr-anim503 {
    z-index: 3;
    transition: all .35s linear .7s;
    transform: translateY(40px)
}

.pmp-pr-anim502 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/process/sl-5-r-2.png) no-repeat;
    width: 125px;
    height: 294px;
    left: 70px;
    top: -35px
}

.pmp-pr-anim503 {
    background: url(https://www.pelor.us/images/new-pages-redesign/seo-page/seo-process/sl-5-ar-3.png) no-repeat;
    width: 136px;
    height: 181px;
    left: -82px;
    top: -55px
}

.current .pmp-pr-anim104, .current .pmp-pr-anim203 {
    transform: translateY(0)
}

.current .pmp-pr-anim201, .current .pmp-pr-anim202 {
    transform: translateX(0)
}

.current .pmp-pr-anim301 {
    transform: translateY(40px)
}

.current .pmp-pr-anim302 {
    transform: translateX(0)
}

.current .pmp-pr-anim401, .current .pmp-pr-anim402, .current .pmp-pr-anim403,
.current .pmp-pr-anim404 {
    transform: translateY(40px)
}

.cs-anim-exh1 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/exhale/layer-2.png) no-repeat;
    width: 379px;
    height: 439px;
    left: 0;
    top: 0
}

.cs-anim-exh2 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/exhale/layer-1.png) no-repeat;
    width: 466px;
    height: 377px;
    left: 140px;
    top: 120px
}

.cs-anim-twe01 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/tweezerman/layer-1.png) no-repeat;
    width: 426px;
    height: 348px;
    left: 20px;
    top: 178px;
    z-index: 2
}

.cs-anim-twe02 {
    background: url(https://www.pelor.us/images/new-pages-redesign/pmp-page/tweezerman/layer-2.png) no-repeat;
    width: 507px;
    height: 319px;
    left: 0;
    top: 0;
    z-index: 1
}

.pmp-pr--slider .slide04 .t-cell.visual {
    padding-top: 160px
}

.pmp-pmc--section.slider-section {
    padding-bottom: 140px
}

.pmp-pr--slider .active-1 .pr-current-tab {
    background: #a0cc27
}

.pmp-pr--slider .active-1 .pr-current-tab:after {
    border-top-color: #a0cc27
}

.pmp-pr--slider .active.info .pr-txt {
    color: #a0cc27
}

.pmp-pr--slider .active-2 .pr-current-tab {
    background: #9d4f98
}

.pmp-pr--slider .active-2 .pr-current-tab:after {
    border-top-color: #9d4f98
}

.pmp-pr--slider .active.design .pr-txt {
    color: #9d4f98
}

.pmp-pr--slider .active-3 .pr-current-tab {
    background: #f8b660
}

.pmp-pr--slider .active-3 .pr-current-tab:after {
    border-top-color: #f8b660
}

.pmp-pr--slider .active.dev .pr-txt {
    color: #f8b660
}

.pmp-pr--slider .active-4 .pr-current-tab {
    background: #57cfd4
}

.pmp-pr--slider .active-4 .pr-current-tab:after {
    border-top-color: #57cfd4
}

.pmp-pr--slider .active.qa .pr-txt {
    color: #57cfd4
}

.pmp-pr--slider .design svg {
    stroke: #9d4f98
}

.pmp-pr--slider .dev svg {
    stroke: #f8b660
}

@keyframes open-corner {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: -633px 0
    }
}

@keyframes close-corner {
    0% {
        background-position: -633px 0
    }

    100% {
        background-position: 0 0
    }
}

.wh-papers--wrp {
    background: #fff
}

.wh-papers--wrp .nw--page-h {
    padding-top: 60px;
    border-top: 3px solid #2ebbf3
}

.wh-papers--wrp .wh-page--content {
    padding: 0 20px
}

.wh-papers--wrp .wh--papers-list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 64px
}

.wh-papers--wrp .wh--img-wrp {
    position: relative
}

.wh-papers--wrp .wh--img-wrp:after {
    content: '';
    display: block;
    position: absolute;
    height: 250px;
    width: 78px;
    top: 0;
    z-index: 9;
    right: 0;
    background: url(https://www.pelor.us/images/new-pages-redesign/wh-paper-page/page-flip.png) no-repeat
}

.wh-papers--wrp .wh--descr {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    font-family: roboto-light-webfont, Arial, Helvetica, sans-serif
}

.wh-papers--wrp .wh-paper--item {
    background: #282828;
    width: calc(33.33% - 16px);
    max-width: 512px;
    padding: 0 68px 68px;
    margin: 0 0 128px;
    transition: background .4s, box-shadow .4s;
    box-shadow: none
}

@media all and (max-width:1281px) {
    .wh-papers--wrp .wh--papers-list {
        justify-content: space-around
    }

    .wh-papers--wrp .wh-paper--item {
        width: calc(50% - 16px);
        height: auto
    }
}

@media all and (max-width:768px) {
    .wh-papers--wrp .wh-paper--item {
        padding: 0 30px 30px
    }
}

@media all and (max-width:646px) {
    .wh-papers--wrp .wh-paper--item {
        width: 100%;
        max-width: 380px
    }
}

.wh-papers--wrp .wh-paper--item.play .wh--img-wrp:after {
    animation: open-corner .5s steps(7) forwards
}

.wh-papers--wrp .wh-paper--item.revert .wh--img-wrp:after {
    animation: close-corner .5s steps(7) forwards
}

.wh-papers--wrp .wh-paper--item:hover {
    background: #fff;
    box-shadow: 2px 2px 21px 2px rgba(0, 0, 0, .2);
    animation: open-corner .7s steps(7) forwards
}

.wh-papers--wrp .wh-paper--item:hover .wh--card {
    box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .2)
}

.wh-papers--wrp .wh-paper--item img {
    width: 100%;
    height: auto;
    display: block
}

@media all and (min-width:1282px) {
    .wh-papers--wrp .wh-paper--item:nth-child(3n + 2) {
        margin: 0 24px 128px
    }
}

.wh-papers--wrp .wh-paper--item .wh--card {
    margin: -64px 0 32px;
    background: #fff;
    position: relative;
    padding-right: 5px;
    box-shadow: none;
    transition: box-shadow .4s
}

.wh-papers--wrp .wh-paper--item .wh--card:after, .wh-papers--wrp .wh-paper--item .wh--card:before {
    content: '';
    position: absolute;
    background: #0096d3
}

.wh-papers--wrp .wh-paper--item .wh--card:after {
    right: 0;
    top: 10px;
    width: 5px;
    height: calc(100% - 10px)
}

.wh-papers--wrp .wh-paper--item .wh--card:before {
    right: 0;
    bottom: -5px;
    width: calc(100% - 5px);
    height: 5px
}

.wh-papers--wrp .wh-paper--item .wh--card-inner {
    padding-bottom: 105px;
    position: relative
}

.wh-papers--wrp .wh-paper--item .wh--card-inner:after {
    content: '';
    display: block;
    width: 70%;
    position: absolute;
    left: 30px;
    bottom: 40px;
    height: 38px;
    background: url(https://www.pelor.us/images/new-pages-redesign/wh-paper-page/bfm-logo.png) no-repeat;
    background-size: 100%
}

.wh-papers--wrp .wh-paper--item .wh--btn-wrp a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #90c404;
    transition: color .3s;
    font-weight: 700;
    font-family: roboto-bold-webfont, arial, Helvetica, sans-serif;
    font-size: 17px
}

.wh-papers--wrp .wh-paper--item .wh--btn-wrp a .icon-arrow-card {
    fill: currentColor;
    width: 16px;
    height: 16px;
    transition: fill .3s;
    margin-left: 10px
}

.wh-papers--wrp .wh-paper--item .wh--btn-wrp a span {
    line-height: 21px
}

.wh-papers--wrp .wh-paper--item .wh--btn-wrp a:hover {
    color: #000
}

.wh-papers--wrp .wh-paper--item .wh--title-wrp {
    height: 243px;
    width: 85%;
    max-width: 315px;
    margin-top: -143px;
    position: relative;
    z-index: 2;
    padding: 36px 18px 36px 36px;
    background: url(https://www.pelor.us/images/new-pages-redesign/wh-paper-page/title-bg.png);
    background-size: cover
}

.wh-papers--wrp .wh-paper--item .wh--cat {
    position: absolute;
    top: -12px;
    left: 0;
    z-index: 3;
    background: #2ebbf3;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 20px 8px 34px;
    font: 14px / 14px roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

.wh-papers--wrp .wh-paper--item .wh--title a {
    color: #fff;
    font: 33px 'Roboto Bold Condensed', sans-serif
}

@media all and (max-width:1650px) {
    .wh-papers--wrp .wh-paper--item .wh--title a {
        font-size: 22px
    }
}

.wh-detail--wrp {
    padding: 0 20px 150px;
    background: #fff
}

@media all and (max-width:737px) {
    .wh-detail--wrp {
        padding: 0 20px 60px
    }
}

.wh-detail--wrp .wh--top-banner {
    padding: 120px 40px 60px;
    background: url(https://www.pelor.us/images/new-pages-redesign/wh-paper-page/wh-banner-title.png);
    background-size: cover;
    border-radius: 6px 6px 0 0
}

.wh-detail--wrp .whf-content ul li:before, .wh-detail--wrp .whi-content ul li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFODY1N0Q3QzAzRDExRTY5RTA4RTBCMjM3QUY0RjdEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFODY1N0Q4QzAzRDExRTY5RTA4RTBCMjM3QUY0RjdEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEU4NjU3RDVDMDNEMTFFNjlFMDhFMEIyMzdBRjRGN0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEU4NjU3RDZDMDNEMTFFNjlFMDhFMEIyMzdBRjRGN0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6lnR1GAAABZElEQVR42qyUvy8EQRTHdy9+RKOjkCgUIioKriEhIYJWwR9Ao7mEQlRKoXF6/wCF3DVEriJ3yaEXEqVI6FyBOMLnJbPJZPKGzY5v8snNvJ393rx5bycuVluiEBXGmtF+rVWGM1Bh/i2TXPQ/WoYzKPMn7RKIQ3eMBuDWmj9DPnTHHXDlxLqhFGIcwyl0OvEPmAgx3hADJT5OARtZjUdhW4lvwnXWrpDUq0r8HHak/bIY54xBmxNvwFzSw66xLC6Yovi0C8NKPI/pm7uDpMJlKMKJsiPRNKwr8RVM77TURFswa8byew9d1joZVxTTEhz4zmzKGNvqhUdJEeTTvFTefYLFpFiacQ0ulGeJ4Q30Kc9HzMfgNX6HSdjzrOlXYgvw8Ff7iKRN1iS1FC0nZ3qcpi9tHcEgvHrWf8Jq2oZ3JVdgjzlbV1LoZlZj0QsMwaEVm/cUWdVvt7ykvQR1+DJXZGr9CDAAkhtLQsKfA3AAAAAASUVORK5CYII=) center center no-repeat;
    width: 22px;
    height: 20px
}

@media all and (min-width:738px) {
    .wh-detail--wrp .wh--top-banner {
        margin-bottom: 45px
    }
}

.wh-detail--wrp .wh--top-banner .title {
    font-family: roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    font-size: 50px;
    line-height: 1;
    letter-spacing: -2.5px;
    color: #fff
}

@media all and (max-width:1366px) {
    .wh-detail--wrp .wh--top-banner .title {
        font-size: 38px
    }
}

@media all and (max-width:737px) {
    .wh-detail--wrp .wh--top-banner {
        padding: 30px 30px 90px;
        margin: 0 -20px
    }

    .wh-detail--wrp .wh--top-banner .title {
        font-size: 24px;
        letter-spacing: normal
    }
}

@media all and (min-width:738px) {
    .wh-detail--wrp .wh--top-banner .title-wrp {
        padding-right: 52%
    }
}

.wh-detail--wrp .wh--topics-title {
    color: #009ddc;
    font: 28px / 1.1 roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    margin-bottom: 30px
}

.wh-detail--wrp .whf-content ul li {
    padding: 0 0 24px 40px
}

.wh-detail--wrp .whf-content ul li:before {
    top: 10px
}

@media all and (max-width:737px) {
    .wh-detail--wrp .whi-content {
        padding: 0 14px
    }
}

.wh-detail--wrp .whi-content ul li {
    padding: 0 0 18px 40px;
    font: 20px / 1.6 roboto-regular-webfont, Arial, Helvetica, sans-serif
}

@media all and (max-width:1025px) {
    .wh-detail--wrp .whi-content ul li {
        font-size: 14px
    }
}

.wh-detail--wrp .wh-add .whi-content {
    margin-top: 0
}

.wh-detail--wrp .wh-form-holder {
    width: 45%;
    height: 0
}

.wh-detail--wrp .wh-form-holder .ch-form {
    background: #fff;
    box-shadow: 1px 1px 1px 3px rgba(0, 0, 0, .15);
    padding: 60px 70px 0
}

@media all and (max-width:1366px) {
    .wh-detail--wrp .wh-form-holder .ch-form {
        padding: 30px 30px 0
    }
}

@media all and (max-width:737px) {
    .wh-detail--wrp .wh-form-holder {
        float: none;
        width: calc(100% - 18px);
        margin: 0 auto;
        height: auto
    }

    .wh-detail--wrp .wh-form-holder .ch-form {
        padding-bottom: 0
    }
}

.wh-detail--wrp .wh-form-holder .ch-form .ff-btn-submit {
    font-size: 23px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    padding: 16px 76px 16px 38px
}

@media all and (max-width:900px) {
    .wh-detail--wrp .wh-form-holder .ch-form .ff-btn-submit {
        font-size: 16px
    }
}

.wh-detail--wrp .wh-form-holder .ch-form .ff-submit {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 20px 0 50px
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row .field-title .label,
.wh-detail--wrp .wh-form-holder .ch-form .f-row.active .field-title .label {
    display: none
}

@media all and (max-width:737px) {
    .wh-detail--wrp .wh-form-holder .ch-form .ff-btn-submit {
        font-size: 14px
    }

    .wh-detail--wrp .wh-form-holder .ch-form .ff-submit {
        margin: 10px 0 30px
    }
}

.wh-detail--wrp .wh-form-holder .ch-form .ff-submit:after {
    position: absolute;
    right: 40px;
    content: '';
    width: 21px;
    height: 23px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAVCAYAAACkCdXRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzMkE1Q0VBQzA3NjExRTZBNkFFOEFEMkZBRURBQjBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzMkE1Q0VCQzA3NjExRTZBNkFFOEFEMkZBRURBQjBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODMyQTVDRThDMDc2MTFFNkE2QUU4QUQyRkFFREFCMEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODMyQTVDRTlDMDc2MTFFNkE2QUU4QUQyRkFFREFCMEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54hmLcAAAAyUlEQVR42mL8//8/AwEgAcQ8UPZTIP6OUyXIMAJ41X8EcMCnlomBimDUMMoN4wLiGiBmIUIvNxA3oZiBFLVMQHwCmgSeAbEGnqThCsQ/oWL9MDOQDSv8jwk6gHgLEj8WiDdgUWeGbhgjEGdjUfgbif0XTe47ckLGlpIlgfjyf8IA5H1OZL24sgYuV2K4hhjDkF15D8mgLeiuIcUwmCsXAHEKIbWMRBRBA5MDYCm9kgpmfQJ5kxHI+EcFwx5T3ZugGHCkglk/AAIMAH2lEd51PuurAAAAAElFTkSuQmCC) center center no-repeat;
    top: 50%;
    transform: translateY(-50%)
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row {
    position: relative;
    padding: 0;
    z-index: 1;
    margin-bottom: 10px
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row ::-webkit-input-placeholder {
    color: #5a6063;
    opacity: 1
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row ::-moz-placeholder {
    color: #5a6063;
    opacity: 1
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row :-moz-placeholder {
    color: #5a6063;
    opacity: 1
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row :-ms-input-placeholder {
    color: #5a6063;
    opacity: 1
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row.field-error ::-webkit-input-placeholder {
    color: transparent;
    opacity: 1
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row.field-error ::-moz-placeholder {
    color: transparent;
    opacity: 1
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row.field-error :-moz-placeholder {
    color: transparent;
    opacity: 1
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row.field-error :-ms-input-placeholder {
    color: transparent;
    opacity: 1
}

.wh-detail--wrp .wh-form-holder .ch-form .f-row .field-title .validation {
    z-index: -1;
    position: absolute;
    left: 0;
    height: 100%;
    margin: 0;
    width: 100%;
    padding: 0 22px;
    font: 20px / 68px roboto-light-webfont, Arial, Helvetica, sans-serif
}

.wh-detail--wrp .wh-form-holder .wh-form {
    transform: translateY(-54%)
}

@media all and (max-width:1366px) {
    .wh-detail--wrp .wh-form-holder .wh-form {
        transform: translateY(-34%)
    }
}

@media all and (max-width:737px) {
    .wh-detail--wrp .wh-form-holder .ch-form .f-row .field-title .validation {
        font-size: 14px;
        line-height: 40px;
        height: 40px
    }

    .wh-detail--wrp .wh-form-holder .wh-form {
        transform: translateY(0);
        margin: -60px 0 30px
    }
}

.wh-detail--wrp .wh-form-holder .whf-title span {
    font: 28px / 1.5 roboto-light-webfont, Arial;
    color: #5a6063
}

@media all and (max-width:646px) {
    .wh-detail--wrp .wh-form-holder .whf-title span {
        display: block
    }

    .cro-page--wrp .whitepaper-descript {
        padding-bottom: 40px
    }
}

@media all and (max-width:1025px) {
    .wh-detail--wrp .wh-form-holder .whf-title {
        margin-bottom: 20px
    }

    .wh-detail--wrp .wh-form-holder .whf-title span {
        font-size: 20px
    }
}

@media all and (max-width:737px) {
    .wh-detail--wrp .wh-form-holder .whf-title span {
        font-size: 15px
    }
}

.wh-detail--wrp .wh-form-holder .whf-title strong {
    font: 35px / 1.2 roboto-medium-webfont, Arial;
    color: #009ddc
}

@media all and (min-width:1026px) {
    .wh-detail--wrp .wh-form-holder .whf-title span, .wh-detail--wrp .wh-form-holder .whf-title strong {
        letter-spacing: -1px
    }
}

@media all and (max-width:1025px) {
    .wh-detail--wrp .wh-form-holder .whf-title strong {
        font-size: 26px
    }
}

.wh-detail--wrp .wh-infobox {
    width: 48%
}

.wh-detail--wrp .wh-form {
    margin-top: 0
}

.wh-detail--wrp .ch-form .field-success input, .wh-detail--wrp .jq-join-us-form.ch-form .field-success textarea {
    background-position: 99% 16px !important
}

@media all and (max-width:737px) {
    .wh-detail--wrp .wh-form-holder .whf-title strong {
        font-size: 19px
    }

    .wh-detail--wrp .wh-infobox {
        width: 100%;
        float: none;
        display: block
    }

    .wh-detail--wrp .wh-form {
        margin: 0 -20px
    }

    .wh-detail--wrp .ch-form .field-success input, .wh-detail--wrp .jq-join-us-form.ch-form .field-success textarea {
        background-position: 99% 5px !important
    }
}

.wh-detail--wrp .ch-form .field-error input, .wh-detail--wrp .ch-form .field-error textarea {
    background-position: 99% -255px !important
}

@media all and (max-width:737px) {
    .wh-detail--wrp .ch-form .field-error input, .wh-detail--wrp .ch-form .field-error textarea {
        background-position: 99% -268px !important
    }
}

.wh-detail--wrp .ch-form .ff-input input, .wh-detail--wrp .ch-form .ff-textarea textarea,
.wh-detail--wrp .page-search-box input[type=text] {
    box-shadow: none;
    background: 0 0;
    height: 68px;
    line-height: 68px;
    border: 1px solid #a8abac;
    color: #5a6063;
    font: 20px / 1 roboto-light-webfont, Arial, Helvetica, sans-serif
}

.wh-detail--wrp .ch-form .ff-input input:focus, .wh-detail--wrp .ch-form .ff-textarea textarea:focus,
.wh-detail--wrp .page-search-box input[type=text]:focus {
    border: 1px solid #5a6063
}

@media all and (max-width:737px) {
    .wh-detail--wrp .ch-form .ff-input input, .wh-detail--wrp .ch-form .ff-textarea textarea,
    .wh-detail--wrp .page-search-box input[type=text] {
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .wh-f--m {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse
    }
}

@keyframes head-anim-pmp01 {
    0% {
        opacity: 1;
        transform: translate(-70px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(-70px, 60px)
    }
}

@keyframes head-anim-pmp02 {
    0% {
        opacity: 0;
        transform: translate(150px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(130px, 30px)
    }
}

@keyframes head-anim-pmp03 {
    0% {
        opacity: 0;
        transform: translate(150px, 36px)
    }

    100% {
        opacity: 1;
        transform: translate(-70px, 170px)
    }
}

@keyframes head-anim-pmp04 {
    0% {
        opacity: 0;
        transform: translate(100px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(70px, 70px)
    }
}

.animated .head-anim-cro01 {
    animation: head-anim-pmp01 1.2s forwards;
    z-index: 1
}

.animated .head-anim-cro02 {
    animation: head-anim-pmp02 1.5s forwards;
    z-index: 2
}

.animated .head-anim-cro03 {
    animation: head-anim-pmp03 1.8s forwards;
    z-index: 2
}

.animated .head-anim-cro04 {
    animation: head-anim-pmp04 2.2s forwards;
    z-index: 3
}

.cro-page--wrp {
    background: #fff
}

.cro-page--wrp .nw--case-std__item {
    margin-bottom: 0
}

@media all and (max-width:646px) {
    .cro-page--wrp .txt-slider .t-cell.visual {
        display: block
    }

    .cro-page--wrp .nw--case-std__item {
        flex-direction: column
    }
}

@media all and (min-width:646px) {
    .cro-page--wrp .nw--case-std__item .col-right {
        padding: 0 0 0 35px
    }
}

.cro-page--wrp .head-anim-img {
    top: -15px
}

.cro--cs-anim-twe01 {
    background: url(https://www.pelor.us/images/new-pages-redesign/cro/res-layer-2.png) no-repeat;
    width: 428px;
    height: 361px;
    left: 63px;
    top: 163px;
    z-index: 1
}

.cro--cs-anim-twe02 {
    background: url(https://www.pelor.us/images/new-pages-redesign/cro/res-layer-1.png) no-repeat;
    width: 512px;
    height: 324px;
    left: 0;
    top: 0;
    z-index: 2
}

.nw--add-wrp {
    background: #fff;
    padding: 0 20px
}

.nw--content-add .title {
    font: 24px roboto-light-webfont, Arial, Helvetica, Sans-Serif;
    color: #5a6063
}

.nw--content-add .title a {
    font: 24px roboto-bold-webfont, Arial, Helvetica, sans-serif;
    color: #009ddc;
    position: relative
}

@media all and (max-width:481px) {
    .nw--content-add .title a {
        display: block;
        text-align: center
    }
}

.nw--content-add .title a:after {
    content: '';
    height: 16px;
    width: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAMAAAD3Y3VMAAAAolBMVEUAndwAsvr///8AndwAsvoAndwAndwAsvoAsvoAndwAsvoAsvoAndwAndwAndwAsvoAndwAsvoAsvoAsvoAn98AndwAndwAndwAsvoAsvoAndwAsvoAsvoAsvoAndwAsvoAndwAsvoAndwAndwAsvoAndwAsvoAn94AndwAsvoAndwAn98AoOAAndwAsvoAoOAAsvoAndwAndwAsvoAndwAsvpRoY0rAAAANHRSTlMAAAABAQIEBAYHCQsODxEYHiMsLi8wMklOW2RmZ2txd46PkqWytbfKzNHX2ubo6e/v9fn59BgD6gAAAG9JREFUeAE1yFcSwkAMBNERGDA555yzYUFz/6tRyNr+etWYziWGNNsm0dLloRItC17r0cmJWdsttTe/fbf0SE7csia5FFiDx+t+To2tj+qzY798Uz1WUfh7r7oqwjzTMALMQ700kLsZNiW4d2PA/QOPcwmMKNs3wgAAAABJRU5ErkJggg==) center center no-repeat;
    display: inline-block;
    margin-left: 10px
}

.nw-case--st {
    background: #fff
}

@media only screen and (min-width:1026px) {
    .nw-case--st {
        margin-top: 30px
    }
}

@media all and (max-width:1025px) {
    .nw-case--st .scroll-arrow-wrap {
        display: none
    }
}

@media all and (max-width:1622px) {
    .nw-case--st .nw-container:not(.no-pd) {
        padding: 0 60px
    }
}

@media all and (max-width:737px) {
    .nw-case--st .nw-container:not(.no-pd) {
        padding: 0 20px
    }
}

.nw-case--st .frame-alt {
    max-width: 1582px
}

.nw-case--st .resp-img {
    display: block;
    width: 100%;
    height: auto
}

.nw-case--st .cs-frame {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

@media all and (max-width:1025px) {
    .case-head.p-d {
        padding: 0 60px
    }
}

@media all and (max-width:737px) {
    .case-head.p-d {
        padding: 0 20px
    }
}

.case-head.bor-bt {
    position: relative;
    margin-bottom: 45px;
    padding-bottom: 15px
}

.case-head.bor-bt:after {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background: #e3e4e5;
    left: 0;
    bottom: 0
}

.case-heading--title {
    font: 60px / 1.2 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    color: #0078ae;
    margin-bottom: 15px;
    letter-spacing: -1.6px
}

.case-heading--title.black {
    color: #000
}

.case-heading--title.white {
    color: #fff
}

@media all and (max-width:1281px) {
    .case-heading--title {
        font-size: 50px
    }
}

@media all and (max-width:737px) {
    .case-head.bor-bt:after {
        width: 60px
    }

    .case-heading--title {
        font-size: 30px;
        margin-bottom: 15px
    }
}

.case-descr {
    font: 24px / 1.5 roboto-light-webfont, Arial, Helvetica, sans-serif;
    color: #5a6063;
    margin-bottom: 35px;
    letter-spacing: -.3px
}

@media all and (max-width:1281px) {
    .case-descr {
        font-size: 20px;
        margin-bottom: 25px
    }
}

@media all and (max-width:1025px) {
    .case-head.bor-bt {
        padding-bottom: 0
    }

    .case-head.bor-bt:after {
        left: 50%;
        transform: translateX(-50%)
    }

    .case-heading--title {
        text-align: center
    }

    .case-descr {
        padding-bottom: 35px;
        text-align: center;
        margin-bottom: 0
    }
}

.cs-section--base {
    margin-bottom: 85px
}

.cs-section--base.last {
    margin-bottom: 0
}

.cs-section--base.pd-t {
    padding-top: 90px
}

@media all and (max-width:1025px) {
    .cs-section--base.pd-t {
        padding-top: 70px
    }

    .topic-list--title {
        text-align: center
    }
}

@media all and (max-width:1281px) {
    .cs-section--base {
        margin-bottom: 60px
    }
}

@media all and (max-width:737px) {
    .case-descr {
        font-size: 16px;
        text-align: center
    }

    .cs-section--base.pd-t {
        padding-top: 50px
    }

    .cs-section--base {
        margin-bottom: 35px
    }
}

.topic-list--wrp.border {
    border: 2px solid #ececed;
    border-radius: 7px;
    padding: 48px 75px 40px
}

.topic-list--title {
    color: #000;
    font: 28px / 1.3 roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    margin-bottom: 35px
}

@media all and (max-width:1281px) {
    .topic-list--wrp.border {
        padding: 48px 36px 40px
    }

    .topic-list--title {
        font-size: 24px;
        margin-bottom: 25px
    }
}

@media all and (max-width:737px) {
    .topic-list--wrp.border {
        padding: 28px 15px 30px
    }

    .topic-list--title {
        font-size: 18px
    }
}

.topic-list {
    display: flex;
    flex-wrap: wrap
}

.topic-list.count .topic-item {
    padding-left: 43px
}

.topic-list.count .topic-item:before {
    counter-increment: topic-list;
    content: counter(topic-list);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 29px;
    height: 29px;
    line-height: 29px;
    font-size: 16px;
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    color: #98c93c;
    border-radius: 50%;
    border: 2px solid #98c93c
}

.extra-list--content:after, .product-section:after, .shift-content--up:after,
.topic-list.uncount .topic-item__text:before {
    content: ''
}

.topic-list.count.orange .topic-item:before {
    color: #ffd200;
    border-color: #ffd200
}

.topic-list.uncount .topic-item__text {
    padding-left: 30px;
    position: relative
}

.topic-list.uncount .topic-item__text:before {
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 1;
    height: 74px;
    width: 3px
}

.topic-list.uncount.orange .topic-item__text:before {
    background: #ffd200
}

.topic-list.col-2 {
    justify-content: space-between
}

.topic-item {
    position: relative;
    text-align: left;
    margin: 0 0 28px;
    font: 19px / 30px roboto-light-webfont, Arial, Helvetica, sans-serif;
    color: #5a6063;
    letter-spacing: -.2px
}

@media all and (max-width:1281px) {
    .topic-item {
        font-size: 17px;
        line-height: 1.4
    }
}

.topic-item--col-3 {
    width: calc(33.33% - 30px)
}

@media all and (max-width:1025px) {
    .topic-item--col-3 {
        width: 100%
    }
}

.topic-item--col-2 {
    width: 45.5%
}

.shift-content {
    background: #fff;
    position: relative;
    z-index: 2
}

.shift-content--up:after {
    display: block;
    clear: both
}

@media all and (min-width:1026px) {
    .topic-item:nth-child(3n + 2).topic-item--col-3 {
        margin: 0 45px 25px
    }

    .shift-content {
        margin-top: -150px
    }

    .shift-content--up {
        margin-top: -150px;
        padding: 90px 80px 0
    }
}

@media all and (max-width:1025px) {
    .topic-item--col-2 {
        width: 100%
    }

    .shift-content--up {
        padding: 60px 0 0
    }
}

@media all and (max-width:737px) {
    .topic-item {
        font-size: 15px
    }

    .shift-content--up {
        padding: 40px 0 0
    }
}

.shift-content--up .text-left {
    float: left;
    width: 52%
}

@media all and (max-width:1281px) {
    .shift-content--up .text-left {
        width: 65%
    }
}

@media all and (max-width:1025px) {
    .shift-content--up .text-left {
        float: none;
        width: 100%
    }

    .shift-content--up .text-left .case-descr, .shift-content--up .text-left .case-heading--title {
        text-align: center
    }
}

.shift-content--up .img-right {
    float: right;
    width: 370px
}

@media all and (max-width:1281px) {
    .shift-content--up .img-right {
        width: 30%
    }
}

.shift-content--up .img-right img {
    max-width: 370px;
    display: block;
    width: 100%;
    height: auto
}

@media all and (min-width:1282px) {
    .shift-content--up .img-right img {
        margin-top: -100%
    }
}

@media all and (max-width:1281px) {
    .shift-content--up .img-right img {
        margin-top: -70%
    }
}

@media all and (max-width:1025px) {
    .shift-content--up .img-right {
        float: none;
        width: 100%;
        text-align: center
    }

    .shift-content--up .img-right img {
        display: inline-block;
        max-width: 260px;
        margin-top: 0
    }

    .col-2--content-grid .col-left {
        text-align: center
    }
}

@media all and (min-width:1026px) {
    .col-2--content-grid .col-left {
        float: left;
        width: 52%;
        padding-right: 60px
    }
}

.col-2--content-grid .col-left .tr-pos {
    margin-top: -52%;
    transform: translateX(100%)
}

.col-2--content-grid .col-right {
    float: left;
    width: 40%
}

@media all and (max-width:1025px) {
    .col-2--content-grid .col-right {
        width: 100%;
        float: none;
        margin-top: 35px;
        text-align: center
    }

    .product-head:not(.no-pd) {
        padding: 0 60px
    }
}

.product-head .product-heading--title {
    color: #fff;
    font: 60px / 1.2 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    margin-bottom: 15px;
    text-align: center
}

@media all and (max-width:1281px) {
    .product-head .product-heading--title {
        font-size: 50px
    }
}

@media all and (max-width:737px) {
    .product-head:not(.no-pd) {
        padding: 0 20px
    }

    .product-head .product-heading--title {
        font-size: 30px
    }
}

.product-head .product-descr {
    font: 20px / 1.6 roboto-light-webfont, Arial, Helvetica, sans-serif;
    color: #fff
}

.product-head .product-descr p {
    text-align: center;
    margin-bottom: 1.5em
}

.product-head .product-descr p:last-child {
    margin-bottom: 3em
}

.product-section {
    margin-bottom: 130px;
    padding-top: 100px;
    position: relative
}

@media all and (max-width:1025px) {
    .product-head .product-descr {
        font-size: 17px
    }

    .product-section {
        padding-top: 65px;
        margin-bottom: 70px
    }
}

@media all and (max-width:737px) {
    .product-head .product-descr {
        font-size: 13px
    }

    .product-section {
        padding-top: 45px;
        margin-bottom: 35px
    }
}

.product-section:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 85%
}

.product-section.tricon:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/case-studies/tricon/tricon-product.jpg) no-repeat;
    background-size: cover
}

.product-section.engel-volkers:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/case-studies/engel-volkers/navigation-bg.png) no-repeat;
    background-size: cover
}

.product-section .img-wrp {
    text-align: center;
    padding: 0 60px;
    position: relative;
    z-index: 2
}

@media all and (max-width:737px) {
    .product-section .img-wrp {
        padding: 0 20px
    }
}

.product-section .img-wrp img {
    display: inline-block;
    max-width: 100%
}

.extra-list--content {
    border: 1px solid #dedede
}

.extra-list--content:after {
    display: block;
    clear: both
}

@media all and (min-width:1026px) {
    .extra-list--content .extra-left {
        float: left;
        width: 50%;
        padding: 7% 50px 2.6% 5%
    }

    .extra-list--content .extra-right {
        float: left;
        width: 50%;
        position: relative
    }

    .extra-list--content .extra-right img {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        z-index: 9;
        transform: translateY(-9%)
    }
}

@media all and (max-width:1025px) {
    .extra-list--content .extra-left {
        padding: 55px 40px 0
    }
}

@media all and (max-width:737px) {
    .extra-list--content .extra-left {
        padding: 35px 20px 0
    }
}

@media all and (max-width:1025px) {
    .extra-list--content .extra-right {
        padding: 0 40px;
        margin-bottom: -65px
    }
}

.extra-list--content .extra-right.eav-img img {
    right: 38px
}

.extra-add--section {
    margin-bottom: 170px
}

@media all and (max-width:1025px) {
    .extra-add--section {
        margin-bottom: 130px
    }
}

@media all and (max-width:737px) {
    .extra-list--content .extra-right {
        padding: 0 20px
    }

    .extra-add--section {
        margin-bottom: 90px
    }
}

.counters-section--wrp {
    background: #181d22;
    padding: 100px 0 80px;
    margin: 0 0 120px
}

@media all and (max-width:1025px) {
    .counters-section--wrp {
        padding: 70px 0 80px;
        margin: 0 -40px 45px
    }
}

@media all and (max-width:737px) {
    .counters-section--wrp {
        padding: 50px 0;
        margin: 0 0 45px
    }
}

.numbers-cnt--list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap
}

.numbers-cnt--list.col-4 {
    justify-content: center
}

.numbers-cnt--item {
    padding: 0 20px
}

@media all and (min-width:738px) {
    .numbers-cnt--item {
        width: 33.33%
    }

    .numbers-cnt--item:not(:last-child) {
        border-right: 1px solid #494c50
    }

    .numbers-cnt--item.col-4 {
        width: 25%;
        margin-bottom: 50px
    }

    .numbers-cnt--item.col-4:nth-child(4n) {
        border-right: none
    }
}

@media all and (max-width:737px) {
    .numbers-cnt--item {
        width: 100%
    }

    .numbers-cnt--item:not(:last-child) {
        margin-bottom: 22px;
        padding-bottom: 22px;
        position: relative
    }

    .numbers-cnt--item:not(:last-child):after {
        content: "";
        position: absolute;
        width: 120px;
        height: 1px;
        background: #42464a;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }
}

.numbers-cnt--amount {
    font-size: 90px;
    font-family: roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    color: #91c405;
    text-align: center;
    letter-spacing: -3px
}

@media all and (max-width:1400px) {
    .numbers-cnt--amount {
        font-size: 60px
    }
}

@media all and (max-width:1025px) {
    .numbers-cnt--amount {
        font-size: 45px
    }
}

.numbers-cnt--text {
    text-align: center;
    font: 28px / 1.3 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    color: #fff
}

.browse-cs-section {
    background: #181d22;
    padding-bottom: 120px
}

.oth-cs--list {
    display: flex;
    margin-top: 40px;
    flex-wrap: wrap
}

@media all and (max-width:1025px) {
    .numbers-cnt--text {
        font-size: 20px
    }

    .browse-cs-section {
        padding-bottom: 50px
    }

    .nw-case--st .nw-cs--top-section.top-section .ttl {
        text-align: center
    }

    .nw-case--st .nw-cs--top-section.top-section .ttl img {
        display: inline-block;
        max-width: 260px
    }

    .nw-case--st .nw-cs--top-section.top-section:before {
        height: 80%
    }

    .nw-cs--top-section.top-section .s-left p {
        text-align: center
    }

    .nw-cs--top-section.top-section .s-left p br {
        display: none
    }
}

@media all and (max-width:646px) {
    .nw-case--st .nw-cs--top-section.top-section:before {
        height: 90%
    }
}

@media all and (max-width:737px) {
    .nw-case--st .nw-cs--top-section.top-section .ttl {
        margin-bottom: 25px
    }

    .nw-case--st .nw-cs--top-section.top-section .ttl img {
        max-width: 185px
    }
}

.nw-case--st .nw-cs--top-section.top-section .s-left {
    height: 550px !important
}

@media all and (max-width:1024px) {
    .nw-case--st .nw-cs--top-section.top-section .s-left {
        width: 100%;
        padding: 30px 80px 40px;
        height: auto !important;
        margin-bottom: 0
    }
}

@media all and (max-width:646px) {
    .nw-case--st .nw-cs--top-section.top-section .s-left {
        padding: 20px 30px 0
    }

    .nw-case--st .nw-cs--top-section.top-section .s-left .s-right-m {
        margin-top: 30px;
        margin-bottom: 0
    }
}

@media all and (max-width:1024px) {
    .nw-case--st .nw-cs--top-section.top-section .head-anim {
        position: static;
        height: auto;
        text-align: center;
        line-height: 1.5;
        margin-top: 0
    }
}

@media only screen and (min-width:1170px) {
    .nw-cs--top-section.top-section .s-left {
        padding-top: 0
    }
}

@media all and (min-width:1026px) and (max-width:1600px) {
    .nw-cs--top-section.top-section .s-left {
        padding-left: 60px
    }
}

.nw-cs--top-section.top-section .s-left p {
    color: #fff;
    font: 24px / 35px roboto-light-webfont, Arial, Helvetica, sans-serif
}

.oth-cs--item {
    width: calc(50% - 10px)
}

@media all and (min-width:1026px) {
    .nw-cs--top-section.top-section.over {
        padding-bottom: 90px
    }

    .nw-cs--top-section.top-section .s-left .fade-anim {
        max-width: 550px
    }

    .oth-cs--item:first-child {
        margin-right: 20px
    }
}

.oth-cs--link {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1
}

.oth-cs--link img:not(.oth-cs--logo) {
    width: 100%
}

.oth-cs--link:before {
    content: "";
    background: #000;
    opacity: .4;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    transition: opacity .3s
}

.oth-cs--link:hover:before {
    opacity: 0
}

.oth-cs--logo {
    position: absolute;
    left: 50%;
    z-index: 3;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

@media all and (max-width:1025px) {
    .oth-cs--item {
        width: 100%;
        margin-bottom: 25px
    }

    .oth-cs--logo {
        max-width: 240px
    }
}

@media all and (max-width:737px) {
    .nw-cs--top-section.top-section .s-left p {
        font-size: 16px;
        line-height: 1.4
    }

    .oth-cs--logo {
        max-width: 140px
    }
}

.nw-cs--top-section.tricon-top-section:before {
    background: url(https://www.pelor.us/images/new-pages-redesign/case-studies/tricon/heading-bg.jpg) no-repeat;
    background-size: cover
}

@media all and (max-width:1025px) {
    .nw-cs--top-section.tricon-top-section:before {
        background-position: center center
    }
}

.nw-cs--top-section.engel-volkers-top-section:before {
    background: url(https://www.pelor.us/images/new-pages-redesign/case-studies/engel-volkers/header/header-d.jpg) no-repeat;
    background-size: cover
}

.sk--result-section-top, .sk--solution-banner {
    background-repeat: no-repeat;
    background-size: cover
}

.cell--col-2__item {
    display: flex
}

.cell--col-2__item:not(:last-child) {
    margin-bottom: 15px
}

@media all and (max-width:1025px) {
    .nw-cs--top-section.engel-volkers-top-section:before {
        background-position: center center
    }

    .cell--col-2__list {
        margin-top: 60px
    }

    .cell--col-2__item {
        flex-wrap: wrap
    }

    .cell--col-2__item.mob-revert {
        flex-direction: column-reverse
    }
}

@media all and (min-width:1026px) {
    .cell--col-2__unit {
        width: 50%
    }

    .cell--col-2__unit.text {
        display: flex;
        padding-left: 4.2%;
        flex-direction: column
    }

    .cell--col-2__unit.text.first .cell--col-2__unit-inner {
        padding-top: 35%
    }

    .cell--col-2__unit.text .enge {
        padding-top: 25%
    }

    .cell--col-2__unit.pd-l {
        padding-left: 3.8%
    }
}

.counters-section__descr {
    text-align: center;
    margin-bottom: 50px;
    font: 24px / 1 roboto-regular-webfont, Arial, Helvetica, sans-serif;
    color: #758288
}

.counters-section__descr strong {
    color: #fff
}

.case-heading--subtitle {
    font: 45px / 1 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    color: #000;
    margin-bottom: 25px;
    letter-spacing: -1.3px
}

@media all and (max-width:1281px) {
    .case-heading--subtitle {
        font-size: 36px
    }
}

@media all and (max-width:1025px) {
    .cell--col-2__unit {
        width: 100%;
        text-align: center
    }

    .case-heading--subtitle {
        font-size: 28px;
        text-align: center
    }
}

.topic-item__title {
    font: 28px / 1.3 roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    color: #000;
    margin-bottom: .7em
}

.cs-sect-head--img {
    position: relative;
    z-index: 1;
    padding-top: 100px
}

@media all and (max-width:1281px) {
    .cs-sect-head--img {
        padding-top: 60px
    }
}

@media all and (max-width:737px) {
    .counters-section__descr strong {
        display: block
    }

    .cs-sect-head--img {
        padding-top: 20px
    }
}

.cs-sect-img {
    margin-top: -12.2%;
    position: relative;
    z-index: -1
}

@keyframes head-anim-tri01 {
    0% {
        opacity: 1;
        transform: translate(10px, -30px)
    }

    100% {
        opacity: 1;
        transform: translate(10px, 20px)
    }
}

@keyframes head-anim-tri02 {
    0% {
        opacity: 0;
        transform: translate(450px, 230px)
    }

    100% {
        opacity: 1;
        transform: translate(450px, 230px)
    }
}

@keyframes head-anim-tri03 {
    0% {
        opacity: 0;
        transform: translate(0, 120px)
    }

    100% {
        opacity: 1;
        transform: translate(0, 120px)
    }
}

.animated .head-anim-tri01 {
    animation: head-anim-tri01 1.2s forwards;
    z-index: 1
}

.animated .head-anim-tri02 {
    animation: head-anim-tri02 1.5s forwards;
    z-index: 2
}

.animated .head-anim-tri03 {
    animation: head-anim-tri03 1.8s forwards;
    z-index: 2
}

@keyframes head-anim-eav01 {
    0% {
        opacity: 1;
        transform: translate(10px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(10px, -10px)
    }
}

@keyframes head-anim-eav02 {
    0% {
        opacity: 0;
        transform: translate(450px, 250px)
    }

    100% {
        opacity: 1;
        transform: translate(450px, 250px)
    }
}

.animated .head-anim-eav01 {
    animation: head-anim-eav01 1.2s forwards;
    z-index: 1
}

.animated .head-anim-eav02 {
    animation: head-anim-eav02 1.5s forwards;
    z-index: 2
}

@media all and (min-width:1026px) {
    .cell--col-2__list {
        margin-top: -9.2%
    }
}

.sk--solution-banner {
    height: 407px;
    padding: 5.8% 20px 0;
    background-color: #15191d;
    background-image: url(https://www.pelor.us/images/new-pages-redesign/case-studies/service-king/solution-bg-d.jpg)
}

@media all and (max-width:1025px) {
    .topic-item__title {
        font-size: 22px
    }

    .sk--solution-banner {
        height: 300px
    }
}

.sk--result-section-top {
    background-color: #000;
    background-image: url(https://www.pelor.us/images/new-pages-redesign/case-studies/service-king/res-bg-d.png);
    text-align: center;
    padding-bottom: 30px
}

.sk--result-section-top img {
    margin-top: -30px
}

.se--intro-ground {
    background: #fff;
    margin-top: -155px;
    padding: 90px 90px 50px
}

.build-grid {
    display: flex;
    flex-wrap: wrap
}

.build-grid__col.left {
    width: 46%
}

@media all and (max-width:1025px) {
    .se--intro-ground {
        padding: 40px 60px
    }

    .build-grid__col.left {
        margin-bottom: 40px
    }
}

@media all and (max-width:737px) {
    .se--intro-ground {
        padding: 40px 20px
    }

    .build-grid__col.left {
        margin-bottom: 20px
    }
}

.build-grid__col.left.text {
    padding-right: 26px
}

.build-grid__col.right {
    width: 54%
}

.build-grid__col.right.img {
    padding-left: 26px;
    text-align: right
}

.sk--counters-section {
    background: #000;
    border: 1px solid #373737;
    border-radius: 6px;
    padding-top: 55px
}

.sk--case-head {
    padding: 0 90px
}

@media all and (max-width:1025px) {
    .build-grid__col.left, .build-grid__col.right {
        width: 100%
    }

    .sk--case-head {
        padding: 0 60px
    }
}

@media all and (max-width:737px) {
    .sk--case-head {
        padding: 0 20px
    }
}

.sk--localization {
    background: #181d22;
    border-radius: 6px;
    padding: 50px 90px 0
}

@media all and (max-width:1025px) {
    .sk--localization {
        padding: 50px 60px
    }

    .sk-marketing {
        margin-bottom: 60px
    }
}

@media all and (max-width:737px) {
    .sk--localization {
        padding: 40px 20px
    }
}

.sk--localization .case-descr, .sk--localization .case-heading--subtitle,
.sk--localization .topic-item {
    color: #fff
}

@media all and (min-width:1026px) {
    .sk--localization .build-grid {
        align-items: flex-end
    }

    .sk--localization .build-grid__col.right {
        padding: 40px 0 0 10%
    }

    .sk-marketing .build-grid__col.right {
        text-align: right
    }

    .sk-marketing .build-grid__col.left {
        padding: 40px 20px 0 90px
    }
}

.sk--result-section-bottom {
    background: #000;
    padding-bottom: 100px
}

@media all and (max-width:1025px) {
    .sk--result-section-bottom {
        padding-bottom: 40px
    }
}

.sk--result-section {
    background: #000
}

.sk--numbers-list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (min-width:1026px) {
    .sk--numbers-list {
        padding-bottom: 40px
    }
}

.sk--numbers-cnt__item {
    width: 25%;
    margin-bottom: 30px;
    padding: 0 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media all and (max-width:768px) {
    .sk--numbers-cnt__item {
        width: 33%
    }
}

@media only screen and (max-width:646px) {
    .sk--solution-banner {
        height: 250px
    }

    .sk--numbers-cnt__item {
        width: 50%
    }
}

@media only screen and (max-width:481px) {
    .sk--numbers-cnt__item {
        width: 100%
    }
}

.sk--numbers-cnt__item:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    max-height: 130px;
    height: 80%;
    background: #373737;
    transform: translateY(-50%)
}

@media only screen and (min-width:769px) {
    .sk--numbers-cnt__item:not(:last-child):not(:nth-child(4n)):after {
        content: ''
    }
}

.meet-team__pager--pin.pin0:after, .meet-team__pager--pin.pin1:after,
.meet-team__pager--pin.pin2:after, .meet-team__pager--pin.pin3:after,
.meet-team__pager--pin.pin4:after, .meet-team__pager--pin.pin5:after {
    content: ""
}

.sk--numbers-cnt__item .numbers-cnt--amount {
    color: #ffd200
}

.sk--numbers-cnt__item .numbers-cnt--text {
    font: 24px / 1.5 roboto-medium-webfont, Arial, Helvetica, Sans-Serif
}

@media (max-width:1281px) {
    .sk--numbers-cnt__item .numbers-cnt--text {
        font-size: 20px
    }
}

@media (max-width:1025px) {
    .sk--numbers-cnt__item .numbers-cnt--text {
        font-size: 18px
    }
}

@media only screen and (min-width:1026px) {
    .sk-cs--page .topic-list.col-2 .topic-item {
        margin-bottom: 0
    }
}

@media all and (min-width:1026px) {
    .sk-cs--page .topic-list {
        margin-top: 30px
    }

    .sk--sol-tr {
        margin-top: -15%;
        transform: translateX(5%)
    }
}

.card-slider {
    display: flex
}

.deliver-card__item {
    text-align: center
}

@media only screen and (min-width:738px) {
    .deliver-card__item {
        border: 1px solid #dfdfdf;
        padding: 0 20px 60px;
        background: #fff;
        width: calc((100% / 3) - (56px / 3))
    }

    .deliver-card__item:nth-child(2) {
        margin: 0 28px
    }
}

@media only screen and (max-width:1025px) {
    .deliver-card__item {
        width: calc((100% / 3) - (30px / 3))
    }

    .deliver-card__item:nth-child(2) {
        margin: 0 15px
    }
}

.deliver-card__item-inner {
    text-align: center;
    max-width: 300px;
    display: inline-block
}

.deliver-card__subtitle span, .deliver-card__title span {
    display: block
}

@media only screen and (max-width:737px) {
    .deliver-card__item {
        padding-top: 80px;
        text-align: center
    }

    .deliver-card__item:nth-child(2) {
        margin: 0
    }

    .deliver-card__item-inner {
        border: 1px solid #dfdfdf;
        padding: 0 30px 30px
    }
}

@media only screen and (max-width:530px) {
    .deliver-card__item-inner {
        max-width: 240px
    }
}

.deliver-card__item-content {
    max-width: 270px;
    margin: 0 auto
}

.deliver-card__title {
    font: 28px / 1 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    color: #0078ae;
    border-bottom: 1px solid #d9dadb;
    padding-bottom: 18px;
    margin-bottom: 18px
}

.deliver-card__title strong {
    font: 60px / .7 roboto-bold-webfont, Arial, Helvetica, Sans-Serif
}

@media only screen and (max-width:1025px) {
    .deliver-card__title {
        font-size: 20px;
        padding-bottom: 12px;
        margin-bottom: 12px
    }

    .deliver-card__title strong {
        font-size: 45px
    }
}

@media only screen and (max-width:737px) {
    .deliver-card__title {
        font-size: 18px
    }

    .deliver-card__title strong {
        font-size: 42px
    }
}

.deliver-card__subtitle {
    font: 28px / 1 roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    color: #90c404;
    margin-bottom: 6px
}

.deliver-card__subtitle strong {
    font-size: 45px
}

@media only screen and (max-width:1025px) {
    .deliver-card__subtitle {
        font-size: 20px;
        padding-bottom: 12px;
        margin-bottom: 12px
    }

    .deliver-card__subtitle strong {
        font-size: 33px
    }
}

@media only screen and (max-width:737px) {
    .deliver-card__subtitle {
        font-size: 19px
    }

    .deliver-card__subtitle strong {
        font-size: 30px
    }
}

.deliver-card__descr {
    font: 20px / 1.6 roboto-light-webfont, Arial, Helvetica, sans-serif;
    color: #5a6063
}

.deliver-card__img {
    margin-top: -142px
}

.meet-team__section {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/team-bg-d.jpg);
    padding: 80px 20px 170px
}

@media only screen and (max-width:1025px) {
    .deliver-card__descr {
        font-size: 17px
    }

    .deliver-card__img {
        margin-top: -80px;
        max-width: 170px
    }

    .meet-team__section {
        padding: 50px 20px 130px
    }
}

.meet-team__pager {
    display: flex;
    justify-content: center
}

.meet-team__slider--wrp {
    position: relative
}

@media only screen and (max-width:737px) {
    .meet-team__section {
        padding: 40px 20px
    }

    .meet-team__pager {
        margin-bottom: 30px
    }

    .meet-team__slider--wrp {
        border: 1px solid #464a4d;
        padding: 35px 14px;
        border-radius: 7px
    }
}

.meet-team__slider-container {
    max-width: 730px;
    margin: 0 auto
}

.meet-team__slide .meet-team__slide-inner {
    transform: translate3d(200px, 0, 0);
    opacity: 0;
    transition: transform .3s linear, opacity .3s linear
}

.meet-team__slide.active .meet-team__slide-inner {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.meet-team__pager--list {
    display: flex;
    align-items: center
}

@media only screen and (min-width:1026px) {
    .meet-team__pager--list {
        margin-top: -234px
    }
}

@media only screen and (max-width:1025px) {
    .meet-team__slider-container {
        padding: 0 50px
    }

    .meet-team__pager--list {
        margin-top: -187px
    }
}

@media only screen and (max-width:737px) {
    .meet-team__slider-container {
        padding: 0 20px
    }

    .meet-team__pager--list {
        flex-direction: column;
        margin-top: 0
    }
}

@media only screen and (min-width:738px) {
    .meet-team__section-head {
        margin-bottom: 250px
    }
}

.meet-team__container {
    margin: 0 auto;
    max-width: 1100px;
    border-color: #464a4d;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 0 85px 70px;
    position: relative;
    border-radius: 6px
}

@media only screen and (max-width:737px) {
    .meet-team__container {
        padding: 0;
        border: none
    }

    .meet-team__container:after, .meet-team__container:before {
        display: none
    }
}

.meet-team__container:after, .meet-team__container:before {
    content: "";
    position: absolute;
    width: 140px;
    top: 0;
    height: 20px;
    border-top: 1px solid #464a4d
}

@media only screen and (max-width:1025px) {
    .meet-team__container:after, .meet-team__container:before {
        width: 50px
    }
}

.meet-team__container:before {
    left: 0;
    border-top-left-radius: 6px
}

.meet-team__container:after {
    right: 0;
    border-top-right-radius: 6px
}

.meet-team__pager--pin {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font: 17px / 20px "Roboto Bold Condensed";
    color: #fff;
    transition: box-shadow .3s;
    margin-bottom: 11px
}

@media only screen and (max-width:1025px) {
    .meet-team__pager--pin {
        width: 84px;
        height: 84px;
        font-size: 16px;
        line-height: 18px
    }
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin {
        font-size: 13px
    }
}

.meet-team__pager--pin.pin0 {
    background: #0084c0;
    margin: 0 18px 0 0;
    width: 126px;
    height: 126px;
    font-size: 20px;
    position: relative
}

.meet-team__pager--pin.pin0:after {
    position: absolute;
    top: 50%;
    right: 0;
    background: #969fa1;
    height: 2px;
    width: 52px;
    transform: translateX(30px);
    z-index: 3
}

@media only screen and (max-width:1025px) {
    .meet-team__pager--pin.pin0 {
        width: 96px;
        height: 96px;
        font-size: 17px
    }

    .meet-team__pager--pin.pin0:after {
        width: 42px
    }
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin.pin0 {
        margin: 0 0 12px
    }

    .meet-team__pager--pin.pin0:after {
        width: 2px;
        height: 36px;
        transform: translate(0, -10px);
        left: 50%;
        top: 100%
    }
}

.meet-team__pager--pin.pin1 {
    background: #00c6ff;
    width: 112px;
    height: 112px;
    margin-bottom: 0;
    position: relative
}

.meet-team__pager--pin.pin1:after {
    position: absolute;
    top: 50%;
    right: 0;
    background: #969fa1;
    height: 2px;
    width: 72px;
    transform: translateX(59px);
    z-index: 3
}

@media only screen and (max-width:1025px) {
    .meet-team__pager--pin.pin1 {
        width: 86px;
        height: 86px
    }

    .meet-team__pager--pin.pin1:after {
        width: 55px;
        transform: translateX(44px)
    }
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin.pin1:after {
        right: 50%;
        width: 2px;
        height: 46px;
        transform: translate(0, 33px)
    }
}

.meet-team__pager--pin.pin2 {
    background: #8900d2;
    position: relative
}

.meet-team__pager--pin.pin2:after {
    position: absolute;
    top: 50%;
    left: 0;
    background: #969fa1;
    height: 2px;
    width: 22px;
    transform: translateX(-27px);
    z-index: 3
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin.pin2:after {
        width: 2px;
        height: 14px;
        left: 50%;
        top: -17px;
        transform: none
    }
}

.meet-team__pager--pin.pin3 {
    background: #491062;
    position: relative
}

.meet-team__pager--pin.pin3:after {
    position: absolute;
    top: 50%;
    left: 0;
    background: #969fa1;
    height: 2px;
    width: 22px;
    transform: translateX(-27px);
    z-index: 3
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin.pin3:after {
        width: 2px;
        height: 14px;
        left: 50%;
        top: -17px;
        transform: none
    }
}

.meet-team__pager--pin.pin4 {
    background: #4a06a2;
    position: relative
}

.meet-team__pager--pin.pin4:after {
    position: absolute;
    top: 50%;
    background: #969fa1;
    height: 2px;
    z-index: 3;
    right: 0;
    left: auto;
    transform: translateX(27px);
    width: 37px
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin.pin4 {
        margin: 0 7px
    }

    .meet-team__pager--pin.pin4:after {
        width: 2px;
        height: 23px;
        top: auto;
        bottom: -17px;
        left: 50%;
        transform: none
    }
}

.meet-team__pager--pin.pin5 {
    background: #126d7d;
    position: relative
}

.meet-team__pager--pin.pin5:after {
    position: absolute;
    top: 50%;
    right: 0;
    background: #969fa1;
    height: 2px;
    width: 33px;
    transform: translateX(26px);
    z-index: 3
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin.pin5:after {
        top: auto;
        bottom: -12px;
        width: 2px;
        height: 18px;
        left: 50%;
        transform: none
    }
}

.meet-team__pager--pin.pin6 {
    width: 70px;
    height: 70px
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin.pin6 {
        height: 25px;
        margin-bottom: 15px
    }
}

.meet-team__pager--pin.pin10:after, .meet-team__pager--pin.pin11:after,
.meet-team__pager--pin.pin12:after, .meet-team__pager--pin.pin7:after,
.meet-team__pager--pin.pin8:after, .meet-team__pager--pin.pin9:after {
    content: "";
    top: 50%;
    left: 0;
    height: 2px;
    width: 22px;
    transform: translateX(-37px);
    z-index: 3
}

.meet-team__pager--pin.pin7 {
    background: #769b10;
    position: relative
}

.meet-team__pager--pin.pin7:after {
    position: absolute;
    background: #969fa1
}

.meet-team__pager--pin.pin8 {
    background: #85b111;
    position: relative
}

.meet-team__pager--pin.pin8:after {
    position: absolute;
    background: #969fa1
}

.meet-team__pager--pin.pin9 {
    background: #8ec12c;
    position: relative
}

.meet-team__pager--pin.pin9:after {
    position: absolute;
    background: #969fa1
}

.meet-team__pager--pin.pin10 {
    background: #8fc344;
    position: relative
}

.meet-team__pager--pin.pin10:after {
    position: absolute;
    background: #969fa1
}

.meet-team__pager--pin.pin11 {
    background: #90c45d;
    position: relative
}

.meet-team__pager--pin.pin11:after {
    position: absolute;
    background: #969fa1
}

.meet-team__pager--pin.pin12 {
    background: #91c676;
    position: relative
}

.meet-team__pager--pin.pin12:after {
    position: absolute;
    background: #969fa1
}

@media only screen and (max-width:1025px) {
    .meet-team__pager--pin.pin10:after, .meet-team__pager--pin.pin11:after,
    .meet-team__pager--pin.pin12:after, .meet-team__pager--pin.pin7:after,
    .meet-team__pager--pin.pin8:after, .meet-team__pager--pin.pin9:after {
        width: 19px;
        transform: translateX(-27px)
    }
}

@media only screen and (max-width:737px) {
    .meet-team__pager--pin.pin10:after, .meet-team__pager--pin.pin11:after,
    .meet-team__pager--pin.pin12:after, .meet-team__pager--pin.pin7:after,
    .meet-team__pager--pin.pin8:after, .meet-team__pager--pin.pin9:after {
        width: 2px;
        height: 13px;
        top: -20px;
        transform: translateX(22px)
    }
}

.meet-team__pager--item.item1:before, .meet-team__pager--item.item4:before {
    content: "";
    top: 0;
    left: 0;
    background: #969fa1;
    z-index: 3
}

.meet-team__pager--link {
    display: flex;
    -webkit-tap-highlight-color: transparent !important
}

.meet-team__pager--link.link2 {
    flex-direction: column-reverse
}

@media only screen and (max-width:737px) {
    .meet-team__pager--link.link2 {
        flex-direction: row-reverse
    }

    .meet-team__pager--item.item0, .meet-team__pager--item.item2,
    .meet-team__pager--item.item3 {
        margin-right: 0
    }
}

.meet-team__pager--link.active .pin0 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(0, 234, 255, .66)
}

.meet-team__pager--link.active .pin1 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(0, 252, 255, .66)
}

.meet-team__pager--link.active .pin2, .meet-team__pager--link.active .pin3 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(166, 0, 255, .66)
}

.meet-team__pager--link.active .pin4 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(0, 120, 255, .66)
}

.meet-team__pager--link.active .pin5 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(15, 174, 200, .66)
}

.meet-team__pager--link.active .pin7 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(169, 231, 5, .66)
}

.meet-team__pager--link.active .pin8 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(175, 229, 31, .66)
}

.meet-team__pager--link.active .pin9 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(161, 222, 43, .66)
}

.meet-team__pager--link.active .pin10 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(138, 221, 19, .66)
}

.meet-team__pager--link.active .pin11 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(153, 220, 87, .66)
}

.meet-team__pager--link.active .pin12 {
    box-shadow: inset 0 0 0 2px #fff, 0 2px 37px 4px rgba(101, 244, 28, .66)
}

.meet-team__pager--item {
    display: flex
}

.meet-team__pager--item.item1, .meet-team__pager--item.item4 {
    flex-direction: column
}

.meet-team__pager--item.item0, .meet-team__pager--item.item2,
.meet-team__pager--item.item3 {
    align-items: center
}

.meet-team__pager--item.item0 {
    margin: 0 45px 11px 0
}

@media only screen and (max-width:1025px) {
    .meet-team__pager--item.item0 {
        margin: 0 40px 11px 0
    }
}

.meet-team__pager--item.item0 .meet-team__pager--link {
    align-items: center
}

@media only screen and (max-width:737px) {
    .meet-team__pager--item.item0 {
        margin: 0 0 32px
    }

    .meet-team__pager--item.item0 .meet-team__pager--link {
        flex-direction: column
    }
}

.meet-team__pager--item.item1 {
    justify-content: center;
    margin-right: 20px;
    position: relative
}

.meet-team__pager--item.item1:before {
    position: absolute;
    height: calc(100% - 117px);
    width: 2px;
    transform: translate(-29px, 54px)
}

.channel-right, .meet-team__pager--item.item4 {
    position: relative
}

@media only screen and (max-width:1025px) {
    .meet-team__pager--item.item1:before {
        transform: translate(-28px, 42px);
        height: calc(100% - 93px)
    }
}

@media only screen and (max-width:737px) {
    .meet-team__pager--item.item1 {
        margin-right: 0;
        flex-direction: row
    }

    .meet-team__pager--item.item1:before {
        height: 2px;
        width: calc(100% - 82px);
        transform: translate(42px, -19px)
    }
}

@media only screen and (min-width:738px) {
    .meet-team__pager--item.item2 {
        margin-right: 35px
    }
}

@media only screen and (min-width:1026px) {
    .meet-team__pager--item.item3 {
        margin-right: 50px
    }
}

.meet-team__pager--item.item4:before {
    position: absolute;
    height: calc(100% - 77px);
    width: 2px;
    transform: translate(-39px, 38px)
}

@media only screen and (max-width:1025px) {
    .meet-team__pager--item.item3 {
        margin-right: 37px
    }

    .meet-team__pager--item.item4:before {
        height: calc(100% - 61px);
        transform: translate(-27px, 30px)
    }
}

@media only screen and (max-width:737px) {
    .meet-team__pager--item.item3 {
        margin: 0 0 20px
    }

    .meet-team__pager--item.item4 {
        flex-direction: row-reverse
    }

    .meet-team__pager--item.item4 .meet-team__pager--link {
        margin: 0 2px
    }

    .meet-team__pager--item.item4:before {
        height: 2px;
        width: calc(100% - 50px);
        top: -52px;
        left: 51px
    }
}

.meet-team__pager--item.item4 .meet-team__pager--pin {
    width: 76px;
    height: 76px;
    margin-bottom: 3px
}

.meet-team__title {
    font: 45px / 1.1 roboto-light-webfont, Arial, Helvetica, Sans-Serif;
    color: #fff;
    margin-bottom: 20px;
    text-align: center
}

@media only screen and (max-width:1025px) {
    .meet-team__pager--item.item4 .meet-team__pager--pin {
        width: 60px;
        height: 60px
    }

    .meet-team__title {
        font-size: 30px
    }
}

@media only screen and (max-width:737px) {
    .meet-team__pager--item.item4 .meet-team__pager--pin {
        width: 48px;
        height: 48px
    }

    .meet-team__title {
        font-size: 20px
    }
}

.meet-team__descr {
    font: 20px / 1.6 roboto-light-webfont, Arial, Helvetica, Sans-Serif;
    text-align: center;
    color: #fff
}

.marketing-strategy__page--wrp {
    background: #fff
}

.marketing-strategy__page--wrp .ns-see-more {
    padding: 0 20px;
    margin-bottom: 70px
}

@media only screen and (max-width:1025px) {
    .meet-team__descr {
        font-size: 17px
    }

    .marketing-strategy__page--wrp .process-section .sec-ttl.ad-pad {
        padding-top: 120px
    }
}

@media only screen and (max-width:646px) {
    .marketing-strategy__page--wrp .process-section .sec-ttl.ad-pad {
        padding-top: 60px
    }
}

@media all and (max-width:646px) {
    .marketing-strategy__page--wrp .txt-slider .t-cell.visual {
        display: block
    }
}

.marketing-strategy__page--wrp .pr-icon svg {
    width: 45px;
    height: 45px
}

.marketing-strategy__page--wrp .pr-kick .pr-icon svg {
    stroke: #009ddc;
    fill: #009ddc
}

.marketing-strategy__page--wrp .pr-kick.active .pr-txt {
    color: #009ddc
}

.marketing-strategy__page--wrp .raa .pr-icon svg {
    stroke: #87c556;
    fill: #87c556
}

.marketing-strategy__page--wrp .raa.active .pr-txt {
    color: #87c556
}

.marketing-strategy__page--wrp .ep .pr-icon svg {
    stroke: #f7a53c
}

.marketing-strategy__page--wrp .ep.active .pr-txt {
    color: #f7a53c
}

.marketing-strategy__page--wrp .ccd .pr-icon svg {
    stroke: #a541c0
}

.marketing-strategy__page--wrp .ccd.active .pr-txt {
    color: #a541c0
}

.marketing-strategy__page--wrp .ap .pr-icon svg {
    stroke: #59cfd4
}

.marketing-strategy__page--wrp .active-0 .pr-kick .pr-icon svg, .marketing-strategy__page--wrp .active-1 .raa .pr-icon svg,
.marketing-strategy__page--wrp .active-2 .ep .pr-icon svg, .marketing-strategy__page--wrp .active-3 .cross-prom .pr-icon svg,
.marketing-strategy__page--wrp .active-4 .ap .pr-icon svg {
    stroke: #fff;
    fill: #fff
}

.marketing-strategy__page--wrp .ap.active .pr-txt {
    color: #59cfd4
}

.marketing-strategy__page--wrp .active-0 .pr-current-tab {
    background: #009ddc
}

.marketing-strategy__page--wrp .active-0 .pr-current-tab:after {
    border-top-color: #009ddc
}

.marketing-strategy__page--wrp .active-1 .pr-current-tab {
    background: #87c556
}

.marketing-strategy__page--wrp .active-1 .pr-current-tab:after {
    border-top-color: #87c556
}

.marketing-strategy__page--wrp .active-2 .pr-current-tab {
    background: #f7a53c
}

.marketing-strategy__page--wrp .active-2 .pr-current-tab:after {
    border-top-color: #f7a53c
}

.marketing-strategy__page--wrp .active-3 .pr-current-tab {
    background: #a541c0
}

.marketing-strategy__page--wrp .active-3 .pr-current-tab:after {
    border-top-color: #a541c0
}

.marketing-strategy__page--wrp .active-4 .pr-current-tab {
    background: #59cfd4
}

.marketing-strategy__page--wrp .active-4 .pr-current-tab:after {
    border-top-color: #59cfd4
}

.deliver-card--section {
    padding: 70px 20px 150px;
    background: #f9f9f9
}

.deliver-card--section .sec-ttl {
    margin-bottom: 150px
}

@media only screen and (max-width:1025px) {
    .deliver-card--section .sec-ttl {
        margin-bottom: 80px
    }

    .deliver-card--section {
        padding: 50px 20px 120px
    }
}

@media only screen and (max-width:737px) {
    .meet-team__descr {
        font-size: 13px;
        line-height: 18px
    }

    .deliver-card--section .sec-ttl {
        margin-bottom: 0
    }

    .deliver-card--section {
        padding: 30px 20px 150px
    }
}

.smm-spr1.se-dance {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/case/dance-logo.png) -5px -2px no-repeat;
    width: 145px;
    height: 55px
}

.active .smm-spr1.se-dance {
    background-position: -5px -101px
}

.sms-pr-anim101 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms102.png) no-repeat;
    width: 182px;
    height: 262px;
    top: -176px;
    left: 48px;
    z-index: 3;
    transition: all .35s linear .3s;
    transform: translateX(50px)
}

.sms-pr-anim102 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms103.png) no-repeat;
    width: 92px;
    height: 213px;
    top: 0;
    left: 59px;
    z-index: 3;
    transition: all .35s linear .6s;
    transform: translateY(50px)
}

.sms-pr-anim103, .sms-pr-anim201, .sms-pr-anim202, .sms-pr-anim203 {
    transform: translateX(50px)
}

.sms-pr-anim103 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms104.png) no-repeat;
    width: 166px;
    height: 288px;
    top: -130px;
    left: -133px;
    z-index: 3;
    transition: all .35s linear .6s
}

.sms-pr-anim201, .sms-pr-anim301 {
    width: 201px;
    height: 240px;
    z-index: 3
}

.sms-pr-anim201 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms203.png) no-repeat;
    top: -136px;
    left: 90px;
    transition: all .35s linear .3s
}

.sms-pr-anim202 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms103.png) no-repeat;
    width: 92px;
    height: 213px;
    left: 173px;
    top: -42px;
    z-index: 3;
    transition: all .35s linear .6s
}

.sms-pr-anim203 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms204.png) no-repeat;
    width: 152px;
    height: 194px;
    left: 15px;
    top: -65px;
    z-index: 3;
    transition: all .35s linear .9s
}

.sms-pr-anim301 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms203.png) no-repeat;
    left: 140px;
    top: -135px;
    transition: all .35s linear .3s;
    transform: translateX(0)
}

.sms-pr-anim302, .sms-pr-anim303 {
    width: 201px;
    height: 240px;
    z-index: 3;
    transform: translateX(50px)
}

.sms-pr-anim302 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms301.png) no-repeat;
    top: -1px;
    left: 164px;
    transition: all .35s linear .6s
}

.sms-pr-anim303 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms303.png) no-repeat;
    top: -143px;
    left: 7px;
    transition: all .35s linear .9s
}

.sms-pr-anim304, .sms-pr-anim401 {
    transform: translateY(50px);
    z-index: 3
}

.sms-pr-anim304 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms302.png) no-repeat;
    width: 220px;
    height: 201px;
    top: -59px;
    left: -117px;
    transition: all .35s linear 1.2s
}

.sms-pr-anim401 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms401.png) no-repeat;
    width: 177px;
    height: 334px;
    top: -219px;
    left: 36px;
    transition: all .35s linear .3s
}

.sms-pr-anim402 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms402.png) no-repeat;
    width: 40px;
    height: 189px;
    left: 215px;
    top: -14px;
    z-index: 3;
    transition: all .35s linear .6s;
    transform: translateX(50px)
}

.sms-pr-anim403 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms403.png) no-repeat;
    width: 81px;
    height: 106px;
    left: -74px;
    top: -178px;
    z-index: 3;
    transition: all .35s linear .9s;
    transform: translateY(50px)
}

.sms-pr-anim404 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms404.png) no-repeat;
    width: 125px;
    height: 77px;
    left: 80px;
    top: 201px;
    z-index: 3;
    transition: all .35s linear 1.2s;
    transform: translateX(50px)
}

.sms-pr-anim405 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms405.png) no-repeat;
    width: 211px;
    height: 133px;
    left: -77px;
    top: 124px;
    z-index: 3;
    transition: all .35s linear 1.5s;
    transform: translateY(50px)
}

.sms-pr-anim406 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms406.png) no-repeat;
    width: 134px;
    height: 225px;
    left: -141px;
    top: -71px;
    z-index: 3;
    transition: all .35s linear 1.8s;
    transform: translateX(50px)
}

.sms-pr-anim501, .sms-pr-anim502, .sms-pr-anim503, .sms-pr-anim504 {
    transform: translateY(50px);
    z-index: 3
}

.sms-pr-anim501 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms502.png) no-repeat;
    width: 223px;
    height: 339px;
    left: 132px;
    top: -232px;
    transition: all .35s linear .3s
}

.sms-pr-anim502 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms503.png) no-repeat;
    width: 260px;
    height: 344px;
    left: 52px;
    top: -195px;
    transition: all .35s linear .6s
}

.sms-pr-anim503 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms504.png) no-repeat;
    width: 258px;
    height: 266px;
    top: -127px;
    left: -16px;
    transition: all .35s linear .9s
}

.sms-pr-anim504 {
    background: url(https://www.pelor.us/images/new-pages-redesign/marketing-strategy/process/sms505.png) no-repeat;
    width: 215px;
    height: 213px;
    left: -49px;
    top: -81px;
    transition: all .35s linear 1.2s
}

.current .sms-pr-anim101 {
    transform: translateX(0)
}

.current .sms-pr-anim102 {
    transform: translateY(0)
}

.current .sms-pr-anim103 {
    transform: translateX(0)
}

.current .sms-pr-anim201 {
    transform: translateX(50px)
}

.current .sms-pr-anim202, .current .sms-pr-anim203, .current .sms-pr-anim301,
.current .sms-pr-anim302, .current .sms-pr-anim303 {
    transform: translateX(0)
}

.current .sms-pr-anim304, .current .sms-pr-anim401 {
    transform: translateY(0)
}

.current .sms-pr-anim402 {
    transform: translateX(0)
}

.current .sms-pr-anim403 {
    transform: translateY(0)
}

.current .sms-pr-anim404 {
    transform: translateX(0)
}

.current .sms-pr-anim405 {
    transform: translateY(0)
}

.current .sms-pr-anim406 {
    transform: translateX(0)
}

.current .sms-pr-anim501, .current .sms-pr-anim502, .current .sms-pr-anim503,
.current .sms-pr-anim504 {
    transform: translateY(0)
}

.impact-section {
    background-color: #1a1f24;
    padding: 90px 0
}

.impact-grid {
    display: flex
}

.impact-col.left, .impact-col.right {
    width: calc((100% - 464px) / 2)
}

@media all and (max-width:1025px) {
    .impact-section {
        padding: 60px 0
    }

    .impact-col.left, .impact-col.right {
        width: calc((100% - 327px) / 2);
        margin-top: -20px
    }
}

@media all and (max-width:737px) {
    .impact-section {
        padding: 40px 0
    }

    .impact-grid {
        justify-content: center
    }

    .impact-col.left, .impact-col.right {
        display: none
    }
}

.impact-col.left {
    padding-right: 15px
}

.impact-col.left .impact-item--text {
    text-align: right
}

.impact-col.left .impact-item--text:nth-child(1) {
    padding-top: 10px;
    transform: translateX(13%);
    width: 105%
}

.impact-col.right {
    padding-left: 15px
}

.impact-col.right .impact-item--text {
    text-align: left
}

.impact-col.right .impact-item--text:nth-child(1) {
    padding-top: 10px;
    transform: translateX(-22%)
}

.impact-col.right .impact-item--text:nth-child(2) {
    padding-top: 36px
}

@media all and (max-width:1025px) {
    .impact-col.right .impact-item--text:nth-child(2) {
        padding-top: 0
    }
}

.impact-col.center {
    width: 464px;
    padding-top: 30px
}

@media all and (max-width:1025px) {
    .impact-col.center {
        width: 327px
    }
}

@media all and (max-width:737px) {
    .impact-col.center {
        width: 285px;
        padding-top: 0
    }

    .impact-col.center .impact-item--text {
        display: none
    }
}

.impact-col.center .impact-item--text {
    text-align: center;
    padding-top: 15px
}

.impact-item--text {
    color: #fff;
    font: 17px / 1.5 roboto-light-webfont, Arial, Helvetica, sans-serif
}

.impact-item--text:first-child {
    margin-bottom: 90px
}

.impact-item--image {
    height: 442px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/graph/graph.png)
}

@media all and (max-width:1025px) {
    .impact-item--text {
        font-size: 13px
    }

    .impact-item--text:first-child {
        margin-bottom: 45px
    }

    .impact-item--image {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/graph/graph-t.png);
        height: 308px
    }
}

@media all and (max-width:737px) {
    .impact-item--image {
        background-image: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/graph/graph-t.png);
        height: 285px;
        width: 285px
    }
}

.cont-marketing__page--wrp .creation .pr-icon svg {
    stroke: #f7a43c;
    fill: #f7a43c;
    width: 100%;
    height: 100%
}

.cont-marketing__page--wrp .creation.active .pr-txt {
    color: #f7a43c
}

.cont-marketing__page--wrp .distrib .pr-icon svg {
    stroke: #9d4f98;
    fill: #9d4f98;
    width: 50px;
    height: 50px
}

.cont-marketing__page--wrp .distrib.active .pr-txt {
    color: #9d4f98
}

.cont-marketing__page--wrp .cross-prom .pr-icon svg {
    stroke: #4dccd1;
    width: 45px;
    height: 45px
}

.cont-marketing__page--wrp .active-1 .creation .pr-icon svg, .cont-marketing__page--wrp .active-2 .distrib .pr-icon svg,
.cont-marketing__page--wrp .active-3 .cross-prom .pr-icon svg {
    stroke: #fff;
    fill: #fff
}

.cont-marketing__page--wrp .cross-prom.active .pr-txt {
    color: #4dccd1
}

.cont-marketing__page--wrp .active-1 .pr-current-tab {
    background: #f7a43c
}

.cont-marketing__page--wrp .active-1 .pr-current-tab:after {
    border-top-color: #f7a43c
}

.cont-marketing__page--wrp .active-2 .pr-current-tab {
    background: #9d4f98
}

.cont-marketing__page--wrp .active-2 .pr-current-tab:after {
    border-top-color: #9d4f98
}

.cont-marketing__page--wrp .active-3 .pr-current-tab {
    background: #4dccd1
}

.cont-marketing__page--wrp .active-3 .pr-current-tab:after {
    border-top-color: #4dccd1
}

.sec-ttl.dark .descr.white {
    color: #fff
}

.cm-pr-anim101 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm102.png) no-repeat;
    width: 233px;
    height: 311px;
    left: 50px;
    top: -144px;
    z-index: 3;
    transition: all .35s linear .3s;
    transform: translateY(0)
}

.cm-pr-anim102 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm103.png) no-repeat;
    width: 156px;
    height: 303px;
    left: -49px;
    top: -98px;
    z-index: 3;
    transition: all .35s linear .6s;
    transform: translateY(50px)
}

.cm-pr-anim201, .cm-pr-anim202 {
    left: 7px;
    transform: translateY(50px)
}

.cm-pr-anim201 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm202.png) no-repeat;
    width: 214px;
    height: 250px;
    top: -70px;
    z-index: 4;
    transition: all .35s linear .3s
}

.cm-pr-anim202 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm201.png) no-repeat;
    width: 140px;
    height: 219px;
    top: -36px;
    z-index: 5;
    transition: all .35s linear .6s
}

.cm-pr-anim203, .cm-pr-anim204 {
    z-index: 3;
    transform: translateX(50px)
}

.cm-pr-anim203 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm204.png) no-repeat;
    width: 192px;
    height: 262px;
    top: -245px;
    left: -72px;
    transition: all .35s linear .9s
}

.cm-pr-anim204 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm203.png) no-repeat;
    width: 167px;
    height: 243px;
    left: -146px;
    top: -169px;
    transition: all .35s linear 1.2s
}

.cm-pr-anim301, .cm-pr-anim302, .cm-pr-anim401 {
    transform: translateY(50px);
    z-index: 3
}

.cm-pr-anim301 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm302.png) no-repeat;
    width: 281px;
    height: 301px;
    left: -95px;
    top: -67px;
    transition: all .35s linear .3s
}

.cm-pr-anim302 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm303.png) no-repeat;
    width: 245px;
    height: 340px;
    left: -138px;
    top: -115px;
    transition: all .35s linear .6s
}

.cm-pr-anim401 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm402.png) no-repeat;
    width: 234px;
    height: 275px;
    left: 30px;
    top: -96px;
    transition: all .35s linear .3s
}

.cm-pr-anim402 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm403.png) no-repeat;
    width: 287px;
    height: 183px;
    left: -16px;
    top: -158px;
    z-index: 3;
    transition: all .35s linear .6s;
    transform: translateX(50px)
}

.cm-pr-anim403 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm404.png) no-repeat;
    width: 265px;
    height: 200px;
    left: -41px;
    top: -13px;
    z-index: 3;
    transition: all .35s linear .9s;
    transform: translateY(50px)
}

.cm-pr-anim404 {
    background: url(https://www.pelor.us/images/new-pages-redesign/content-marketing/process/cm405.png) no-repeat;
    width: 91px;
    height: 110px;
    left: -56px;
    top: -103px;
    z-index: 3;
    transition: all .35s linear 1.2s;
    transform: translateX(50px)
}

.current .cm-pr-anim101, .current .cm-pr-anim102, .current .cm-pr-anim201,
.current .cm-pr-anim202, .current .cm-pr-anim203 {
    transform: translateY(0)
}

.current .cm-pr-anim204 {
    transform: translateX(0)
}

.current .cm-pr-anim301, .current .cm-pr-anim302, .current .cm-pr-anim401 {
    transform: translateY(0)
}

.current .cm-pr-anim402 {
    transform: translateX(0)
}

.current .cm-pr-anim403 {
    transform: translateY(0)
}

.current .cm-pr-anim404 {
    transform: translateX(0)
}

@media all and (min-width:1025px) {
    .cm--pr-slide.slide02 .t-cell.visual {
        padding-top: 75px
    }
}

@keyframes head-anim-smm01 {
    0%, 100% {
        opacity: 1;
        transform: translate(10px, 10px)
    }
}

@keyframes head-anim-smm02 {
    0% {
        opacity: 0;
        transform: translate(150px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(170px, 125px)
    }
}

@keyframes head-anim-smm03 {
    0% {
        opacity: 0;
        transform: translate(270px, 80px)
    }

    100% {
        opacity: 1;
        transform: translate(270px, 80px)
    }
}

@keyframes head-anim-smm04 {
    0% {
        opacity: 0;
        transform: translate(0, 0)
    }

    100% {
        opacity: 1;
        transform: translate(170px, -10px)
    }
}

@keyframes head-anim-smm05 {
    0% {
        opacity: 0;
        transform: translate(-20px, 77px)
    }

    100% {
        opacity: 1;
        transform: translate(-20px, 77px)
    }
}

.animated .head-anim-smm01 {
    animation: head-anim-smm01 1.2s forwards;
    z-index: 1
}

.animated .head-anim-smm02 {
    animation: head-anim-smm02 1.5s forwards;
    z-index: 2
}

.animated .head-anim-smm03 {
    animation: head-anim-smm03 1.8s forwards;
    z-index: 2
}

.animated .head-anim-smm04 {
    animation: head-anim-smm04 2.5s forwards;
    z-index: 3
}

.animated .head-anim-smm05 {
    animation: head-anim-smm05 2.5s forwards;
    z-index: 3
}

.smm-integration--wrp {
    background: #151515;
    padding: 80px 0 135px
}

@media all and (max-width:1399px) {
    .smm-integration--wrp {
        padding: 80px 20px 135px
    }
}

@media all and (max-width:1026px) {
    .smm-integration--wrp {
        padding: 40px 20px
    }
}

.nw-container--xs {
    max-width: 1100px;
    margin: 0 auto
}

.channel-section {
    padding-top: 70px
}

@media all and (max-width:1026px) {
    .channel-section {
        padding-top: 40px
    }
}

.channel-title {
    font: 45px / 1.1 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    color: #fff;
    margin-bottom: 35px;
    text-align: center
}

@media all and (max-width:646px) {
    .cont-marketing__page--wrp .txt-slider .t-cell.visual {
        display: block
    }

    .channel-title {
        font-size: 30px
    }
}

@media all and (min-width:1026px) {
    .channel-list:after {
        content: '';
        display: block;
        clear: both
    }

    .channel-left, .channel-right {
        float: left
    }
}

.channel-left, .channel-right {
    width: 50%
}

@media all and (max-width:737px) {
    .channel-left, .channel-right {
        width: 100%
    }

    .channel-left {
        margin-bottom: 30px
    }
}

@media all and (min-width:1400px) {
    .channel-right {
        transform: translateX(-30%)
    }
}

@media all and (max-width:1399px) and (min-width:1025px) {
    .channel-right {
        transform: translateX(-40%)
    }
}

.channel-right .channel-img {
    position: absolute;
    width: auto;
    max-width: none
}

@media all and (max-width:1399px) {
    .channel-right .channel-img {
        transform: scale(.75)
    }
}

.int-item--title {
    font: 28px / 1.5 roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    color: #fff;
    margin-bottom: 10px
}

@media all and (max-width:1025px) {
    .channel-list {
        display: flex;
        flex-wrap: wrap
    }

    .channel-right {
        display: flex;
        align-items: center
    }

    .channel-right .channel-img {
        position: static;
        transform: none;
        width: 100%
    }

    .int-item--title {
        font-size: 20px
    }
}

.f-ad--list {
    font-size: 17px;
    color: #fff;
    font-family: roboto-regular-webfont, Arial, Helvetica, sans-serif
}

.int-item {
    padding: 30px 60px 35px;
    background: #212121;
    border-radius: 7px
}

.int-item:not(:last-child) {
    margin-bottom: 5px
}

@media all and (max-width:1025px) {
    .int-item {
        padding: 20px
    }
}

.f-ad--item {
    position: relative;
    padding-left: 30px
}

.f-ad--item:not(:last-child) {
    margin-bottom: 15px
}

.f-ad--item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAUVBMVEUAAACYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTyYyTx3wM/5AAAAGnRSTlMABvXdFg3AjmFaLPClItLGtrOmloJ/aE5LNSkDUTcAAABwSURBVBjTXY9JEoAgDAQVZBH3Xef/D3VQSoG+ELpSSaZIKYucStq8RwOtSpQB0HSxqUHO2DhBs8VGSZoprNmfZ6SR6l0zYGa10gj3NrWs++4AqcMtC0jjR5tvruXXo6M0l/RGVEk0TWWzcIajc9xf3tDwBv/LPOvUAAAAAElFTkSuQmCC) center center no-repeat;
    z-index: 2
}

.channel-list {
    margin-bottom: 75px
}

.smm-exm--item {
    display: flex;
    flex-wrap: wrap
}

.smm-exm--item:not(:last-child) {
    margin-bottom: 27px
}

.smm-exm--unit {
    font: 20px / 1.5 roboto-light-webfont, Arial, Helvetica, sans-serif
}

.smm-exm--unit.left {
    width: 41%;
    background: #212121;
    padding: 45px;
    color: #fff
}

.smm-exm--unit.right {
    width: 59%;
    background: #fff;
    padding: 45px;
    color: #5a6063
}

@media all and (max-width:767px) {
    .smm-exm--unit {
        font-size: 16px
    }

    .smm-exm--unit.left, .smm-exm--unit.right {
        padding: 20px
    }
}

.smm-exm--title {
    font: 28px / 1 roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
    color: #9ac91a;
    margin-bottom: 15px
}

@media all and (max-width:646px) {
    .smm-exm--unit.left, .smm-exm--unit.right {
        width: 100%
    }

    .smm-exm--title {
        font-size: 22px;
        text-align: center
    }
}

@media all and (min-width:1025px) {
    .smm-page--wrp .simple-slider .t-cell.txt {
        padding: 40px 0 0
    }
}

.smm-spr1 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/logos.png);
    display: inline-block
}

.smm-spr1.se-king {
    width: 148px;
    height: 53px;
    background-position: -18px 178px
}

.smm-spr1.se-amf {
    width: 100px;
    height: 77px;
    background-position: 711px 190px
}

.smm-spr1.se-hue {
    width: 123px;
    height: 60px;
    background-position: 436px 180px
}

.smm-spr1.se-flashp {
    width: 180px;
    height: 50px;
    background-position: 198px 177px
}

.active .smm-spr1.se-king {
    background-position: -18px 83px
}

.active .smm-spr1.se-amf {
    background-position: 711px 95px
}

.active .smm-spr1.se-hue {
    background-position: 436px 85px
}

.active .smm-spr1.se-flashp {
    background-position: 198px 82px
}

@media all and (max-width:1399px) {
    .nw--bw--slider {
        margin: 0 -20px
    }
}

@media all and (min-width:1026px) {
    .nw-slider--item.txt-slider p:not(.size02) {
        font: 20px / 1.4 roboto-light-webfont, sans-serif
    }
}

@media all and (max-width:646px) {
    .nw-slider--item.txt-slider .t-cell.visual {
        display: block
    }

    .smm-page--wrp .simple-slider .t-cell.alt-view .size02 {
        font-size: 24px
    }

    .smm-page--wrp .slider-section.nw--bw--slider {
        padding-top: 40px
    }

    .smm-page--wrp .tab-slider-pager:not(.visual) {
        height: 80px
    }

    .smm-page--wrp .tab-slider-pager:not(.visual) > a {
        display: block
    }

    .smm-page--wrp .tab-slider-pager:not(.visual) > a span {
        display: inline-block;
        height: 80px
    }
}

@media all and (max-width:1025px) {
    .smm-page--wrp .bsp-section .nw-slider--item {
        padding-bottom: 40px
    }
}

.smm-page--wrp .smm-r {
    padding: 0 0 65px;
    background: #fff
}

@media all and (min-width:1026px) {
    .smm-page--wrp .nw--bw--slider {
        padding: 0 80px 70px
    }
}

.smm-page--wrp .seo-pr--slider .pr-slider-pager a:nth-child(4) {
    stroke: #57cfd4
}

.smm-page--wrp .seo--color .active-3 .pr-current-tab {
    background: #57cfd4
}

.smm-page--wrp .seo--color .active-3 .pr-current-tab:after {
    border-top-color: #57cfd4
}

.smm-pr-anim101 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm102.png) no-repeat;
    width: 166px;
    height: 288px;
    top: 38px;
    left: 225px;
    z-index: 5;
    transform: translateX(40px);
    transition: all .35s linear .3s
}

.smm-pr-anim102, .smm-pr-anim103, .smm-pr-anim104 {
    transform: translateY(40px)
}

.smm-pr-anim102 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm103.png) no-repeat;
    width: 99px;
    height: 230px;
    top: -34px;
    left: 101px;
    z-index: 5;
    transition: all .35s linear .7s
}

.smm-pr-anim103 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm104.png) no-repeat;
    width: 95px;
    height: 109px;
    left: 29px;
    top: -82px;
    z-index: 3;
    transition: all .35s linear .9s
}

.smm-pr-anim104 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm105.png) no-repeat;
    width: 211px;
    height: 245px;
    top: -183px;
    left: 144px;
    z-index: 3;
    transition: all .35s linear 1.1s
}

.smm-pr-anim201 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm205.png) no-repeat;
    width: 250px;
    height: 311px;
    top: -143px;
    left: 16px;
    z-index: 3;
    transition: all .35s linear .3s
}

.smm-pr-anim202 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm201.png) no-repeat;
    width: 42px;
    height: 65px;
    top: -107px;
    left: 170px;
    z-index: 3;
    transition: all .35s linear .6s;
    transform: translateX(50px)
}

.smm-pr-anim203 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm203.png) no-repeat;
    width: 209px;
    height: 148px;
    top: -164px;
    left: -48px;
    z-index: 3;
    transition: all .35s linear .9s;
    transform: translateY(50px)
}

.smm-pr-anim204, .smm-pr-anim205, .smm-pr-anim302 {
    transform: translateX(50px)
}

.smm-pr-anim204 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm102.png) no-repeat;
    width: 166px;
    height: 288px;
    top: -7px;
    left: 51px;
    z-index: 3;
    transition: all .35s linear 1.1s
}

.smm-pr-anim205 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm204.png) no-repeat;
    width: 50px;
    height: 84px;
    top: -106px;
    left: -40px;
    z-index: 3;
    transition: all .35s linear 1.4s
}

.smm-pr-anim301 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm301.png) no-repeat;
    width: 250px;
    height: 311px;
    top: -121px;
    left: 13px;
    z-index: 3;
    transition: all .35s linear .3s
}

.smm-pr-anim302, .smm-pr-anim303 {
    transition: all .35s linear .6s;
    z-index: 3
}

.smm-pr-anim302 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm201.png) no-repeat;
    width: 42px;
    height: 65px;
    top: -27px;
    left: 143px
}

.smm-pr-anim303 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm203.png) no-repeat;
    width: 209px;
    height: 148px;
    top: -152px;
    left: -85px;
    transform: translateY(50px)
}

.smm-pr-anim304 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm204.png) no-repeat;
    width: 50px;
    height: 84px;
    top: -82px;
    left: -53px;
    z-index: 3;
    transition: all .35s linear .9s;
    transform: translateX(50px)
}

.smm-pr-anim305 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm304.png) no-repeat;
    width: 108px;
    height: 151px;
    top: -30px;
    left: -97px;
    z-index: 3;
    transition: all .35s linear 1.1s;
    transform: translateY(50px)
}

.smm-pr-anim306 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm305.png) no-repeat;
    width: 187px;
    height: 223px;
    top: 13px;
    left: 28px;
    z-index: 3;
    transition: all .35s linear 1.4s;
    transform: translateX(50px)
}

.smm-pr-anim401 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm401.png) no-repeat;
    width: 211px;
    height: 245px;
    top: -186px;
    left: 185px;
    z-index: 3;
    transform: translateY(40px);
    transition: all .35s linear .3s
}

.smm-pr-anim402 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm404.png) no-repeat;
    width: 42px;
    height: 65px;
    top: -133px;
    left: 205px;
    z-index: 3;
    transition: all .35s linear .6s;
    transform: translateY(50px)
}

.smm-pr-anim403, .smm-pr-anim404, .smm-pr-anim405 {
    z-index: 3;
    transform: translateX(50px)
}

.smm-pr-anim403 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm405.png) no-repeat;
    width: 50px;
    height: 84px;
    top: -133px;
    left: 140px;
    transition: all .35s linear .9s
}

.smm-pr-anim404 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm402.png) no-repeat;
    width: 50px;
    height: 84px;
    top: -155px;
    left: 85px;
    transition: all .35s linear 1.1s
}

.smm-pr-anim405 {
    background: url(https://www.pelor.us/images/new-pages-redesign/smm-page/process/sm403.png) no-repeat;
    width: 152px;
    height: 194px;
    left: 79px;
    top: -34px;
    transition: all .35s linear 1.4s
}

.nw--service-item:after, .service-nav__list:before {
    left: 0;
    top: 0;
    content: ""
}

.current .smm-pr-anim101 {
    transform: translateX(0)
}

.current .smm-pr-anim102, .current .smm-pr-anim103 {
    transform: translateY(0)
}

.current .smm-pr-anim202 {
    transform: translateX(0)
}

.current .smm-pr-anim203 {
    transform: translateY(0)
}

.current .smm-pr-anim204, .current .smm-pr-anim205, .current .smm-pr-anim302 {
    transform: translateX(0)
}

.current .smm-pr-anim303 {
    transform: translateY(0)
}

.current .smm-pr-anim304 {
    transform: translateX(0)
}

.current .smm-pr-anim305 {
    transform: translateY(0);
    transform: translateX(0)
}

.current .smm-pr-anim402 {
    transform: translateY(0)
}

.current .smm-pr-anim403, .current .smm-pr-anim404, .current .smm-pr-anim405 {
    transform: translateX(0)
}

@media all and (max-width:646px) {
    .spr-page--wrp .txt-slider .t-cell.visual {
        display: block
    }

    .spr-page--wrp .simple-slider-holder {
        width: 100%;
        max-width: 100%
    }
}

@keyframes head-anim-spr01 {
    0%, 100% {
        opacity: 1;
        transform: translate(15px, 0)
    }
}

@keyframes head-anim-spr02 {
    0% {
        opacity: 0;
        transform: translate(90px, 90px)
    }

    100% {
        opacity: 1;
        transform: translate(90px, 90px)
    }
}

@keyframes head-anim-spr03 {
    0% {
        opacity: 0;
        transform: translate(345px, 45px)
    }

    100% {
        opacity: 1;
        transform: translate(345px, 45px)
    }
}

.animated .head-anim-spr01 {
    animation: head-anim-spr01 1.2s forwards;
    z-index: 1
}

.animated .head-anim-spr02 {
    animation: head-anim-spr02 1.5s forwards;
    z-index: 2
}

.animated .head-anim-spr03 {
    animation: head-anim-spr03 1.5s forwards;
    z-index: 2
}

@keyframes head-anim-sl01 {
    0%, 100% {
        opacity: 1;
        transform: translate(320px, 40px)
    }
}

@keyframes head-anim-sl02 {
    0% {
        opacity: 0;
        transform: translate(355px, 295px)
    }

    100% {
        opacity: 1;
        transform: translate(355px, 295px)
    }
}

@keyframes head-anim-sl03 {
    0% {
        opacity: 0;
        transform: translate(150px, 55px)
    }

    100% {
        opacity: 1;
        transform: translate(0, 55px)
    }
}

@keyframes head-anim-sl04 {
    0% {
        opacity: 0;
        transform: translate(100px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(-130px, 120px)
    }
}

@keyframes head-anim-sl05 {
    0% {
        opacity: 0;
        transform: translate(200px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(-155px, 230px)
    }
}

@keyframes head-anim-sl06 {
    0% {
        opacity: 0;
        transform: translate(200px, 0)
    }

    100% {
        opacity: 1;
        transform: translate(-20px, 310px)
    }
}

.animated .head-anim-sl01 {
    animation: head-anim-sl01 1.2s forwards;
    z-index: 1
}

.animated .head-anim-sl02 {
    animation: head-anim-sl02 1.5s forwards;
    z-index: 2
}

.animated .head-anim-sl03 {
    animation: head-anim-sl03 1.8s forwards;
    z-index: 3
}

.animated .head-anim-sl04 {
    animation: head-anim-sl04 2.2s forwards;
    z-index: 2
}

.animated .head-anim-sl05 {
    animation: head-anim-sl05 2.5s forwards;
    z-index: 4
}

.animated .head-anim-sl06 {
    animation: head-anim-sl06 2.5s forwards;
    z-index: 5
}

.dark-services--section {
    background: #242b32;
    padding: 80px 0 200px
}

.dark-services--section a {
    color: inherit
}

@media only screen and (max-width:992px) {
    .dark-services--section {
        padding: 80px 0
    }
}

.nw--service-item {
    padding: 58px 0;
    background: #161616;
    position: relative
}

.nw--service-item:not(:last-child) {
    margin-bottom: 29px
}

@media only screen and (max-width:992px) {
    .nw--service-item {
        width: calc(50% - 15px);
        padding: 25px 0 40px
    }
}

@media only screen and (max-width:646px) {
    .nw--service-item {
        width: 100%
    }
}

.nw--service-item:after {
    position: absolute;
    display: block;
    width: 450px;
    height: 400px;
    background-size: contain;
    z-index: 1
}

.nw--service-item__content, .nw--service-item__logo, .nw--service-item__nav {
    z-index: 2;
    position: relative
}

@media only screen and (max-width:992px) {
    .nw--service-item:after {
        width: 100%;
        background-size: 100%
    }
}

.nw--service-item.strategy:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/strategy-consulting/01-bc.jpg) left top no-repeat
}

@media only screen and (max-width:992px) {
    .nw--service-item.strategy:after {
        background-size: 100%
    }
}

.nw--service-item.branding-design:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/branding-design/branding-logo-BG.jpg) left top no-repeat
}

@media only screen and (max-width:992px) {
    .nw--service-item.branding-design:after {
        background-size: 100%
    }
}

.nw--service-item.web-dev:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/web-dev/website-development-BG.jpg) left top no-repeat
}

@media only screen and (max-width:992px) {
    .nw--service-item.web-dev:after {
        background-size: 100%
    }
}

.nw--service-item.mob-apps:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/mob-apps/mobile-apps-BG.jpg) left top no-repeat
}

@media only screen and (max-width:992px) {
    .nw--service-item.mob-apps:after {
        background-size: 100%
    }
}

.nw--service-item.digital-marketing:after {
    background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/digital-marketing/digital-marketing-BG.jpg) left top no-repeat
}

.nw--service-item__title {
    font: 45px / 1 roboto-medium-webfont, Arial;
    margin-bottom: 12px;
    transition: color .2s
}

@media only screen and (max-width:992px) {
    .nw--service-item.digital-marketing:after {
        background-size: 100%
    }

    .nw--service-item__title {
        font-size: 28px;
        text-align: center
    }
}

.nw--service-item__title.st {
    color: #71980d
}

.nw--service-item__title.bld {
    color: #d57e0e
}

.nw--service-item__title.wd {
    color: #872f9f
}

.nw--service-item__title.ma {
    color: #aa4141
}

.nw--service-item__title.dm {
    color: #0078ae
}

.nw--service-item__title:hover {
    color: #fff
}

.nw--service-item__content {
    color: #fff;
    font: 20px / 32px roboto-light-webfont, Arial, Helvetica, sans-serif
}

@media only screen and (min-width:993px) {
    .nw--service-item__content {
        width: 42%;
        margin: 0 35px
    }

    .nw--service-item__nav {
        width: calc(37% - 70px)
    }
}

@media only screen and (max-width:992px) {
    .nw--service-item__content {
        text-align: center;
        font-size: 16px;
        margin-bottom: 50px
    }

    .nw--services-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
}

.nw--service-item__content p {
    margin-bottom: 25px
}

.nw--service-item__wrp {
    max-width: 1220px;
    margin: 0 auto;
    display: flex;
    padding: 0 20px
}

@media only screen and (max-width:992px) {
    .nw--service-item__wrp {
        flex-direction: column;
        align-items: center
    }
}

.nw--service-item__logo {
    display: flex;
    align-items: center
}

@media only screen and (max-width:646px) {
    .nw--service-item__logo img {
        max-width: 150px
    }
}

.service-nav__list {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width:993px) {
    .nw--service-item__logo {
        width: 21%
    }

    .service-nav__list {
        height: 249px;
        padding-left: 80px
    }
}

.service-nav__list.green {
    color: #71980d
}

.service-nav__list.green a:before {
    border-color: #71980d
}

.service-nav__list.orange {
    color: #d57e0e
}

.service-nav__list.orange a:before {
    border-color: #d57e0e
}

.service-nav__list.purple {
    color: #872f9f
}

.service-nav__list.purple a:before {
    border-color: #872f9f
}

.service-nav__list.red {
    color: #aa4141
}

.service-nav__list.red a:before {
    border-color: #aa4141
}

.service-nav__list.blue {
    color: #0078ae
}

.service-nav__list.blue a:before {
    border-color: #0078ae
}

.service-nav__list a:hover:before {
    border-color: #fff
}

.service-nav__list:before {
    position: absolute;
    height: 100%;
    width: 57px;
    background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/list_normal.png) center center no-repeat
}

@media only screen and (max-width:992px) {
    .service-nav__list:before {
        background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/list_long-rotate.png.png) center center no-repeat;
        width: 100%;
        height: 30px
    }
}

@media only screen and (min-width:993px) {
    .service-nav__list.big {
        height: 300px
    }
}

.service-nav__list.big:before {
    background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/list_long.png) center center no-repeat
}

@media only screen and (max-width:992px) {
    .service-nav__list.big:before {
        background: url(https://www.pelor.us/images/new-pages-redesign/service-landing/list_long-rotate.png.png) center center no-repeat;
        width: 100%;
        height: 30px
    }
}

.btn-wrp .vm-btn:after, .service-nav__item a:before {
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    display: inline-block
}

.service-nav__list.big .service-nav__item {
    margin-bottom: 14px
}

.service-nav__list.big .service-nav__item:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:992px) {
    .service-nav__list.big .service-nav__item {
        margin-bottom: 10px
    }
}

.service-nav__item {
    margin-bottom: 22px
}

.service-nav__item:last-child {
    margin-bottom: 0
}

.service-nav__item a {
    transition: color .2s;
    font: 20px / 1 roboto-bold-webfont, Arial;
    position: relative
}

@media only screen and (max-width:992px) {
    .service-nav__item {
        margin-bottom: 10px
    }

    .service-nav__item a {
        font-size: 16px
    }
}

.service-nav__item a:before {
    content: "";
    border: 3px solid #fff;
    border-width: 3px 3px 0 0;
    position: absolute;
    left: -26px;
    top: 9px;
    transition: all .2s linear
}

.service-nav__item:hover a {
    color: #fff
}

.btn-wrp .vm-btn {
    position: relative;
    text-transform: uppercase;
    font: 16px / 1 roboto-bold-webfont, Arial;
    padding: 0 20px 12px 0;
    transition: color .2s
}

.btn-wrp .vm-btn:after, .btn-wrp .vm-btn:before {
    content: "";
    position: absolute;
    transition: all .2s
}

.btn-wrp .vm-btn:after {
    border: 3px solid #fff;
    border-width: 3px 3px 0 0;
    right: 2px;
    top: 7px
}

.btn-wrp .vm-btn:before {
    width: 100%;
    height: 3px;
    background: #393939;
    left: 0;
    bottom: 4px
}

.btn-wrp .vm-btn.green {
    color: #71980d
}

.btn-wrp .vm-btn.green:hover {
    color: #fff
}

.btn-wrp .vm-btn.green:hover:after {
    border-color: #fff
}

.btn-wrp .vm-btn.green:hover:before {
    background: #71980d
}

.btn-wrp .vm-btn.green:after {
    border-color: #71980d
}

.btn-wrp .vm-btn.orange {
    color: #d57e0e
}

.btn-wrp .vm-btn.orange:hover {
    color: #fff
}

.btn-wrp .vm-btn.orange:hover:after {
    border-color: #fff
}

.btn-wrp .vm-btn.orange:hover:before {
    background: #d57e0e
}

.btn-wrp .vm-btn.orange:after {
    border-color: #d57e0e
}

.btn-wrp .vm-btn.purple {
    color: #872f9f
}

.btn-wrp .vm-btn.purple:hover {
    color: #fff
}

.btn-wrp .vm-btn.purple:hover:after {
    border-color: #fff
}

.btn-wrp .vm-btn.purple:hover:before {
    background: #872f9f
}

.btn-wrp .vm-btn.purple:after {
    border-color: #872f9f
}

.btn-wrp .vm-btn.red {
    color: #aa4141
}

.btn-wrp .vm-btn.red:hover {
    color: #fff
}

.btn-wrp .vm-btn.red:hover:after {
    border-color: #fff
}

.btn-wrp .vm-btn.red:hover:before {
    background: #aa4141
}

.btn-wrp .vm-btn.red:after {
    border-color: #aa4141
}

.btn-wrp .vm-btn.blue {
    color: #0078ae
}

.btn-wrp .vm-btn.blue:hover {
    color: #fff
}

.btn-wrp .vm-btn.blue:hover:after {
    border-color: #fff
}

.btn-wrp .vm-btn.blue:hover:before {
    background: #0078ae
}

.btn-wrp .vm-btn.blue:after {
    border-color: #0078ae
}

@media all and (min-width:1301px) and (max-width:1600px) {
    .nw--service-page__wrp .head-anim {
        margin-left: 16%
    }
}

@media all and (max-width:1600px) {
    .nw--service-page__wrp .head-anim .wide-mode {
        transform: scale(.8);
        margin-left: 80px
    }
}

@media all and (max-width:1200px) {
    .nw--service-page__wrp .head-anim .wide-mode {
        transform: scale(.7)
    }
}

@keyframes head-anim-em01 {
    0%, 100% {
        opacity: 1;
        transform: translate(-75px, 30px)
    }
}

@keyframes head-anim-em02 {
    0% {
        opacity: 0;
        transform: translate(90px, 30px)
    }

    100% {
        opacity: 1;
        transform: translate(90px, 30px)
    }
}

.animated .head-anim-em01 {
    animation: head-anim-em01 1.2s forwards;
    z-index: 1
}

.animated .head-anim-em02 {
    animation: head-anim-em02 1.5s forwards;
    z-index: 2
}

.em-page--wrp {
    background: #fff
}

@media all and (max-width:646px) {
    .em-page--wrp .anim-p--vs {
        margin-bottom: 0
    }

    .em-page--wrp .txt-slider .t-cell.visual {
        display: block
    }
}

.em-page--wrp .seo-pr--slider .pr-slider-pager a:nth-child(3) {
    stroke: #c07cd4
}

.em-page--wrp .seo-pr--slider .pr-slider-pager a:nth-child(4) {
    stroke: #f9bb6c
}

.em-page--wrp .active-2 .pr-current-tab {
    background: #c07cd4
}

.em-page--wrp .active-2 .pr-current-tab:after {
    border-top-color: #c07cd4
}

.em-page--wrp .active.design .pr-txt {
    color: #c07cd4
}

.em-page--wrp .active.dev .pr-txt {
    color: #f9bb6c
}

.em-page--wrp .active-3 .pr-current-tab {
    background: #f9bb6c
}

.em-page--wrp .active-3 .pr-current-tab:after {
    border-top-color: #f9bb6c
}

.em-page--wrp .nw--case-std__item {
    margin-bottom: 30px
}

@media all and (min-width:1401px) {
    .em-page--wrp .nw--case-std__item .col-left {
        padding-top: 80px
    }
}

@media all and (max-width:646px) {
    .em-page--wrp .nw--case-std__item {
        margin-bottom: 0
    }

    .em-page--wrp .nw--case-std__item .col-right {
        margin-top: 40px
    }
}

.em-page--wrp .anim-img {
    background-size: cover
}

@media all and (max-width:768px) {
    .em-page--wrp .pr-slider .t-cell.txt {
        margin-bottom: 30px
    }
}

.em-page--wrp .pr-slider .t-cell.visual .wide-mode {
    top: 0;
    left: 0
}

.em-page--wrp .pr-slider .item {
    padding-top: 0
}

.em-page--wrp .pr-slider .sub-descr {
    font-family: roboto-regular-webfont, Arial, Helvetica, sans-serif
}

.em-pr-anim101 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-101.png) no-repeat;
    width: 510px;
    height: 256px;
    left: 35px;
    top: -124px;
    transition: all .35s linear;
    z-index: 1;
    transform: translateX(-40px)
}

.em-pr-anim102, .em-pr-anim103 {
    transform: translateY(-40px);
    z-index: 1
}

.em-pr-anim102 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-102.png) no-repeat;
    width: 196px;
    height: 309px;
    top: -252px;
    left: 188px;
    transition: all .35s linear
}

.em-pr-anim103 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-103.png) no-repeat;
    width: 121px;
    height: 279px;
    top: -207px;
    left: 127px;
    transition: all .35s linear .4s
}

.em-pr-anim201 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-201.png) no-repeat;
    width: 510px;
    height: 256px;
    left: 35px;
    top: -124px;
    transition: all .35s linear .3s;
    z-index: 1;
    transform: translateX(-40px)
}

.em-pr-anim202, .em-pr-anim203 {
    z-index: 1;
    transform: translateY(-40px)
}

.em-pr-anim202 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-102.png) no-repeat;
    width: 163px;
    height: 256px;
    top: -252px;
    left: 315px;
    transition: all .35s linear .6s
}

.em-pr-anim203 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-202.png) no-repeat;
    width: 281px;
    height: 321px;
    top: -234px;
    left: 131px;
    transition: all .35s linear .9s
}

.em-pr-anim204, .em-pr-anim301, .em-pr-anim302 {
    transform: translateX(-40px)
}

.em-pr-anim204 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-103.png) no-repeat;
    width: 121px;
    height: 279px;
    top: -195px;
    left: 133px;
    transition: all .35s linear 1.2s;
    z-index: 1
}

.em-pr-anim301, .em-pr-anim302, .em-pr-anim303, .em-pr-anim304,
.em-pr-anim401 {
    transition: all .35s linear .3s;
    z-index: 1
}

.em-pr-anim301 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-301.png) no-repeat;
    width: 315px;
    height: 202px;
    top: -22px;
    left: 248px
}

.em-pr-anim302 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-302.png) no-repeat;
    width: 178px;
    height: 244px;
    top: -247px;
    left: 224px
}

.em-pr-anim303, .em-pr-anim304, .em-pr-anim401, .em-pr-anim402,
.em-pr-anim501, .em-pr-anim502 {
    transform: translateY(-40px)
}

.em-pr-anim303 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-303.png) no-repeat;
    width: 189px;
    height: 163px;
    top: -128px;
    left: 140px
}

.em-pr-anim304 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-304.png) no-repeat;
    width: 215px;
    height: 121px;
    top: -2px;
    left: 25px
}

.em-pr-anim401 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-401.png) no-repeat;
    width: 499px;
    height: 394px;
    top: -269px;
    left: 36px
}

.em-pr-anim402 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-402.png) no-repeat;
    width: 275px;
    height: 206px;
    top: -91px;
    left: 26px;
    transition: all .35s linear .6s;
    z-index: 1
}

.em-pr-anim501, .em-pr-anim502, .em-pr-anim503 {
    transition: all .35s linear .3s;
    z-index: 1
}

.em-pr-anim501 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-501.png) no-repeat;
    width: 145px;
    height: 282px;
    top: -261px;
    left: 308px
}

.em-pr-anim502 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-502.png) no-repeat;
    width: 108px;
    height: 124px;
    top: -242px;
    left: 219px
}

.em-pr-anim503 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/process/em-pr-503.png) no-repeat;
    width: 292px;
    height: 211px;
    top: -107px;
    left: 68px;
    transform: translateX(-40px)
}

.current .em-pr-anim101 {
    transform: translateX(0)
}

.current .em-pr-anim102, .current .em-pr-anim103 {
    transform: translateY(0)
}

.current .em-pr-anim201 {
    transform: translateX(0)
}

.current .em-pr-anim202, .current .em-pr-anim203 {
    transform: translateY(0)
}

.current .em-pr-anim204, .current .em-pr-anim301 {
    transform: translateX(0)
}

.current .em-pr-anim302, .current .em-pr-anim303 {
    transform: translateY(0)
}

.current .em-pr-anim401 {
    transform: translateX(0)
}

.current .em-pr-anim402, .current .em-pr-anim403 {
    transform: translateY(0)
}

.current .em-pr-anim501 {
    transform: translateX(0)
}

.current .em-pr-anim502, .current .em-pr-anim503 {
    transform: translateY(0)
}

.em--cs-anim-twe01 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/results/01.png) no-repeat;
    width: 479px;
    height: 358px;
    left: -76px;
    top: -11px;
    z-index: 1
}

.em--cs-anim-twe02 {
    background: url(https://www.pelor.us/images/new-pages-redesign/email-marketing/results/02.png) no-repeat;
    width: 536px;
    height: 416px;
    left: 47px;
    top: 81px;
    z-index: 3
}

@media all and (min-width:1026px) and (max-width:1401px) {
    .em-pr--slider .t-cell.visual {
        transform: scale(.65) !important
    }

    .em-pr--slider .t-cell.visual .wide-mode {
        left: -50px !important
    }
}

@media all and (min-width:1402px) {
    .em-pr--slider .t-cell.visual {
        padding-top: 100px
    }
}

.company-intro__grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.company-intro__article {
    margin-bottom: 40px;
    font: 20px / 1.6 roboto-light-webfont, Arial, Helvetica, sans-serif;
    color: #5a6063
}

@media all and (max-width:1025px) {
    .company-intro__article {
        font-size: 17px
    }
}

@media all and (max-width:737px) {
    .company-intro__article {
        font-size: 15px
    }
}

@media all and (max-width:646px) {
    .company-intro__article {
        width: 100%
    }
}

@media all and (min-width:647px) {
    .em-page--wrp .nw--case-std__item.revert .col-left {
        padding-right: 75px
    }

    .company-intro__article {
        width: calc(50% - 28px)
    }

    .company-intro__article:nth-child(odd) {
        margin-right: 55px
    }
}

.company-intro__title {
    color: #0078ae;
    font: 45px / 1 roboto-medium-webfont, Arial, Helvetica, Sans-Serif;
    margin-bottom: 25px
}

@media all and (max-width:1025px) {
    .company-intro__title {
        font-size: 30px
    }
}

@media all and (max-width:737px) {
    .company-intro__title {
        font-size: 22px
    }
}

@media all and (min-width:1026px) {
    .benefits-section.nw {
        padding-top: 80px
    }

    .benefits-section.nw h2 {
        font-size: 60px;
        margin-bottom: 80px
    }
}