.btn-wrap {
    padding: 5rem 0 2rem;
    text-align: center
}

.btn-wrap .btn {
    background: #00afec;
    border: 1px solid #00afec;
    border-radius: 4rem;
    display: inline-block;
    padding: 1.5rem 2rem;
    font: 2rem Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-wrap .btn:hover {
    background: 0 0;
    color: #00afec;
    border-color: #00afec
}





.vi #content-wrapper * {
    font-weight: 400
}

.vi #content-wrapper strong {
    font-weight: 600
}

.simple-dialog-youtube {
    padding-top: 49px
}

.simple-dialog-youtube .simple-dialog-content {
    position: relative
}

.simple-dialog-youtube .simple-dialog-content .simple-dialog-body {
    width: 75%;
    box-shadow: rgba(0, 0, 0, .3) 0 13px 60px
}

.simple-dialog-youtube .simple-dialog-content .simple-dialog-close .close {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
    pointer-events: auto;
    position: relative;
    top: -12px;
    left: 12px;
    cursor: pointer
}

.simple-dialog-youtube .simple-dialog-content .simple-dialog-close .close>svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: #000
}

#content-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    background: #fff
}

#content-wrapper .container {
    max-width: 1170px;
    margin: 0 auto
}

.bx {
    padding: 8rem 0
}

.main-features {
    position: relative;
    overflow: hidden;
    padding: 0 0 5rem 0
}

.main-features .container {
    max-width: 1366px!important
}

.main-features .header,
.main-features .header-mobile {
    padding-top: 8rem
}

.main-features .header h1,
.main-features .header-mobile h1 {

    font-weight: 100;
    font-size: 4.8rem;
    color: #003c54;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0
}

.hu .main-features .header h1,
.hu .main-features .header-mobile h1,
.no .main-features .header h1,
.no .main-features .header-mobile h1,
.ro .main-features .header h1,
.ro .main-features .header-mobile h1 {
    font-size: 4rem
}

.sv .main-features .header h1,
.sv .main-features .header-mobile h1,
.th .main-features .header h1,
.th .main-features .header-mobile h1 {
    font-size: 3.8rem
}

.fr .main-features .header h1,
.fr .main-features .header-mobile h1,
.vi .main-features .header h1,
.vi .main-features .header-mobile h1 {
    font-size: 3.5rem
}

.es .main-features .header h1,
.es .main-features .header-mobile h1 {
    font-size: 3.4rem
}

.main-features .header-mobile {
    padding: 0;
    display: none
}

.main-features .feature-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
    margin: 0
}

.main-features .feature-list li {
    width: 50%;
    position: relative;
    padding: 0 2rem 0 7.5rem;
    box-sizing: border-box;
    margin-top: 5rem
}

.main-features .feature-list li a {
    display: block;
    text-decoration: none
}

.main-features .feature-list li a.active svg {
    stroke: #ff7200
}

.main-features .feature-list li a.active h3 {
    color: #ff7200;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.main-features .feature-list li a.active h3::after {
    color: #ff7200;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.main-features .feature-list li svg {
    position: absolute;
    top: 1rem;
    left: 0;
    display: block;
    width: 6rem;
    height: 5.5rem;
    fill: none;
    stroke: #00afec;
    stroke-width: 1px;
    -webkit-transition: stroke .2s ease-in-out;
    transition: stroke .2s ease-in-out
}

.main-features .feature-list li h3 {
    display: block;
    width: 100%;
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 2.3rem;
    color: #00afec;
    line-height: 1;
    margin: 0 0 1.2rem
}

.main-features .feature-list li h3::after {
    content: ' \203A';
    color: transparent;
    position: relative;
    left: 2rem;
    margin-left: -2rem
}

.de .main-features .feature-list li h3 {
    font-size: 2rem
}

.main-features .feature-list li p {
    font-family: RobotoCondensedBasic, 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.7rem;
    line-height: 1.2;
    color: #08212b;
    margin: 0
}

.it .main-features .feature-list li p {
    font-size: 1.6rem
}

.sv .main-features .feature-list li p {
    font-size: 1.5rem
}

.main-features .trial-popup-btn {
    text-align: center;
    margin: 7.5rem 0 0
}

.main-features .trial-popup-btn span {
    background: #00afec;
    border: 2px solid #00afec;
    color: #fff;
    border-radius: 3.5rem;
    padding: 1.4rem 4.8rem;
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 300;
    text-shadow: none;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.main-features .trial-popup-btn span.active,
.main-features .trial-popup-btn span:hover {
    background: #fff;
    color: #00afec
}

.main-features .screen {
    background: url(/images/pages/main/laptop.svg) no-repeat;
    background-size: cover;
    width: 99.1rem;
    height: 53.1rem;
    display: block;
    position: relative;
    margin-top: 7rem;
    margin-right: -6.4rem;
    float: right
}

.main-features .screen .slide {
    position: absolute;
    top: 3.9rem;
    left: 15.2rem;
    width: 68.2rem;
    height: 41.7rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.main-features .screen .slide>* {
    width: 100%;
    height: auto;
    min-height: 100%;
    position: static;
    top: auto;
    left: auto;
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    display: block
}

.main-features .screen .slide.active {
    visibility: visible;
    opacity: 1;
    z-index: 1
}

.industry {
    background: #f8f8f8;
    padding: 0;
    position: relative
}

.industry .about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding-top: 17rem
}

.industry .about .details {
    width: 45rem;
    padding-left: 1.5rem
}

.industry .about .details h2 {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 5.5rem;
    color: #003c54;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0 0 4rem 0
}

.fr .industry .about .details h2,
.pl .industry .about .details h2 {
    font-size: 5.2rem
}

.ja .industry .about .details h2,
.no .industry .about .details h2,
.vi .industry .about .details h2 {
    font-size: 4rem
}

.sv .industry .about .details h2,
.tr .industry .about .details h2 {
    font-size: 4.5rem
}

.ko .industry .about .details h2 {
    font-size: 5rem
}

.industry .about .details p {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 2rem;
    color: #373737;
    line-height: 1.5;
    margin: 0;
    padding-right: 3.5rem
}

.industry .about .details .btn-wrap {
    text-align: center
}

.fr .industry .about .details .btn-wrap .btn,
.hu .industry .about .details .btn-wrap .btn,
.id .industry .about .details .btn-wrap .btn,
.ko .industry .about .details .btn-wrap .btn,
.vi .industry .about .details .btn-wrap .btn {
    font-size: 1.7rem
}

.industry .feature-list {
    width: 100%
}

.industry .feature-list .feature-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.industry .feature-list .feature-row .feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    box-sizing: border-box;
    height: 40rem;
    min-width: 20rem
}

.industry .feature-list .feature-row .feature.reverse .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.industry .feature-list .feature-row .feature.reverse .content .details::after {
    bottom: auto;
    top: 1px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.industry .feature-list .feature-row .feature.large {
    min-width: 40rem
}

.industry .feature-list .feature-row .feature .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.industry .feature-list .feature-row .feature .content .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 20rem;
    flex-basis: 20rem;
    position: relative
}

.industry .feature-list .feature-row .feature .content .details .inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem
}

.industry .feature-list .feature-row .feature .content .details .inner .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.industry .feature-list .feature-row .feature .content .details .inner svg {
    display: inline-block;
    width: 5rem;
    height: 5rem;
    fill: #fff;
    margin-bottom: 1rem
}

.industry .feature-list .feature-row .feature .content .details .inner h3 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center
}

.br .industry .feature-list .feature-row .feature .content .details .inner h3,
.es .industry .feature-list .feature-row .feature .content .details .inner h3,
.pl .industry .feature-list .feature-row .feature .content .details .inner h3,
.pt .industry .feature-list .feature-row .feature .content .details .inner h3 {
    font-size: 1.5rem
}

.ru .industry .feature-list .feature-row .feature .content .details .inner h3 {
    font-size: 1.3rem
}

.industry .feature-list .feature-row .feature .content .details .inner p {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 0;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.industry .feature-list .feature-row .feature .content .details .inner .btn-wrap {
    padding: 0;
    margin-top: 2rem
}

.industry .feature-list .feature-row .feature .content .details .inner .btn-wrap .btn {
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.2rem;
    padding: .5rem 2rem;
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: all 0s 0s ease-out;
    transition: all 0s 0s ease-out
}

.industry .feature-list .feature-row .feature .content .details::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background: #000;
    opacity: .85;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.industry .feature-list .feature-row .feature .content .thumb {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -ms-flex-preferred-size: 20rem;
    flex-basis: 20rem
}

.industry .feature-list .feature-row .feature:hover {
    z-index: 10
}

.industry .feature-list .feature-row .feature:hover .content {
    z-index: 10;
    box-shadow: 3px 3px 45px 10px rgba(50, 50, 50, .75);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.industry .feature-list .feature-row .feature:hover .content .details .head {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.industry .feature-list .feature-row .feature:hover .content .details p {
    visibility: hidden;
    opacity: 0;
    height: 0
}

.industry .feature-list .feature-row .feature:hover .content .details .btn-wrap .btn {
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transition: all .1s .1s ease-in;
    transition: all .1s .1s ease-in
}

.industry .feature-list .feature-row .feature:hover .content .details::after {
    opacity: 1
}

.industry .feature-list .feature-row .feature.feature-1 {
    background: #ebeddd
}

.industry .feature-list .feature-row .feature.feature-1 .thumb {
    background-image: url(../images/client_Images/Automotive.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-1 .thumb {
        background-image: url(../images/client_Images/Automotive.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-1 .details {
    background: #ebeddd
}

.industry .feature-list .feature-row .feature.feature-1 .details .inner svg {
    fill: #262626
}

.industry .feature-list .feature-row .feature.feature-1 .details .inner h3 {
    color: #262626
}

.industry .feature-list .feature-row .feature.feature-1 .details .inner .btn-wrap .btn {
    border-color: #262626;
    color: #262626
}

.industry .feature-list .feature-row .feature.feature-1 .details .inner .btn-wrap .btn:hover {
    background: #262626;
    color: #fff
}

.industry .feature-list .feature-row .feature.feature-1 .details::after {
    background: #ebeddd
}

.industry .feature-list .feature-row .feature.feature-2 {
    background: #354db4
}

.industry .feature-list .feature-row .feature.feature-2 .thumb {
    background-image: url(../images/client_Images/E-commerce.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-2 .thumb {
        background-image:url(../images/client_Images/E-commerce.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-2 .details {
    background: #354db4
}

.industry .feature-list .feature-row .feature.feature-2 .details .inner p {
    color: #02071b
}

.industry .feature-list .feature-row .feature.feature-2 .details .inner .btn-wrap .btn:hover {
    background: #fff;
    color: #354db4
}

.industry .feature-list .feature-row .feature.feature-2 .details::after {
    background: #354db4
}

.industry .feature-list .feature-row .feature.feature-3 {
    background: #14a171
}

.industry .feature-list .feature-row .feature.feature-3 .thumb {
    background-image: url(../images/client_Images/Education.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-3 .thumb {
        background-image: url(../images/client_Images/Education.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-3 .details {
    background: #14a171
}

.industry .feature-list .feature-row .feature.feature-3 .details .inner p {
    color: #08422e
}

.industry .feature-list .feature-row .feature.feature-3 .details .inner .btn-wrap .btn:hover {
    background: #fff;
    color: #14a171
}

.industry .feature-list .feature-row .feature.feature-3 .details::after {
    background: #14a171
}

.industry .feature-list .feature-row .feature.feature-4 {
    background: #f8c37d;
	display:none;
}

.industry .feature-list .feature-row .feature.feature-4 .thumb {
    background-image: url(../images/baby.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-4 .thumb {
        background-image: url(../images/baby.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-4 .details {
    background: #f8c37d
}

.industry .feature-list .feature-row .feature.feature-4 .details .inner p {
    color: #262626
}

.industry .feature-list .feature-row .feature.feature-4 .details .inner .btn-wrap .btn:hover {
    background: #fff;
    color: #f8c37d
}

.industry .feature-list .feature-row .feature.feature-4 .details::after {
    background: #f8c37d
}

.industry .feature-list .feature-row .feature.feature-5 {
    background: #ff580f
}

.industry .feature-list .feature-row .feature.feature-5 .thumb {
    background-image: url(../images/client_Images/Startup.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-5 .thumb {
        background-image: url(../images/client_Images/Startup.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-5 .details {
    background: #ff580f
}

.industry .feature-list .feature-row .feature.feature-5 .details .inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.industry .feature-list .feature-row .feature.feature-5 .details .inner .btn-wrap .btn:hover {
    background: #fff;
    color: #ff580f
}

.industry .feature-list .feature-row .feature.feature-5 .details::after {
    background: #ff580f
}

.industry .feature-list .feature-row .feature.feature-6 {
    background: #7e57c2
}

.industry .feature-list .feature-row .feature.feature-6 .thumb {
    background-image: url(../images/client_Images/F&B.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-6 .thumb {
        background-image: url(../images/client_Images/F&B.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-6 .details {
    background: #7e57c2
}

.industry .feature-list .feature-row .feature.feature-6 .details .inner .btn-wrap .btn:hover {
    background: #fff;
    color: #7e57c2
}

.industry .feature-list .feature-row .feature.feature-6 .details::after {
    background: #7e57c2
}

.industry .feature-list .feature-row .feature.feature-7 {
    background: #ffae12
}

.industry .feature-list .feature-row .feature.feature-7 .thumb {
    background-image: url(../images/client_Images/Hospitality.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-7 .thumb {
        background-image: url(../images/client_Images/Hospitality.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-7 .details {
    background: #ffae12
}

.industry .feature-list .feature-row .feature.feature-7 .details .inner .btn-wrap .btn:hover {
    background: #fff;
    color: #ffae12
}

.industry .feature-list .feature-row .feature.feature-7 .details::after {
    background: #ffae12
}

.industry .feature-list .feature-row .feature.feature-8 {
    background: #1fc0d3
}

.industry .feature-list .feature-row .feature.feature-8 .thumb {
    background-image: url(../images/client_Images/Generic-2.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-8 .thumb {
        background-image: url(../images/client_Images/Generic-2.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-8 .details {
    background: #1fc0d3
}

.industry .feature-list .feature-row .feature.feature-8 .details .inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.industry .feature-list .feature-row .feature.feature-8 .details .inner .btn-wrap .btn:hover {
    background: #fff;
    color: #1fc0d3
}

.industry .feature-list .feature-row .feature.feature-8 .details::after {
    background: #1fc0d3
}

.industry .feature-list .feature-row .feature.feature-9 {
    background: #00c853;
	display:none;
}

.industry .feature-list .feature-row .feature.feature-9 .thumb {
    background-image: url(../images/baby.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .industry .feature-list .feature-row .feature.feature-9 .thumb {
        background-image: url(../images/baby.jpg)
    }
}

.industry .feature-list .feature-row .feature.feature-9 .details {
    background: #00c853
}

.industry .feature-list .feature-row .feature.feature-9 .details .inner p {
    color: #262626
}

.industry .feature-list .feature-row .feature.feature-9 .details .inner .btn-wrap .btn:hover {
    background: #fff;
    color: #00c853
}

.industry .feature-list .feature-row .feature.feature-9 .details::after {
    background: #00c853
}

.industry .feature-list .feature-row:nth-child(1) .feature:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20rem;
    flex: 0 0 20rem
}

.industry .feature-list .feature-row:nth-child(1) .feature:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40rem;
    flex: 0 0 40rem
}

.industry .feature-list .feature-row:nth-child(1) .feature:nth-child(n+3) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40rem;
    flex: 1 1 40rem
}

.industry .feature-list .feature-row:nth-child(2) .feature:nth-child(-n+3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20rem;
    flex: 0 0 20rem
}

.industry .feature-list .feature-row:nth-child(2) .feature:nth-child(n+4) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.email-marketing .header {
    margin-bottom: 10rem
}

.email-marketing .header h2 {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 5.5rem;
    color: #003c54;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0 0 2rem 0;
    text-align: center
}

.ja .email-marketing .header h2 {
    font-size: 5rem
}

.email-marketing .header h2+p {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 2.4rem;
    color: #003c54;
    line-height: 1.5;
    margin: 0;
    text-align: center
}

.email-marketing .promo-sections .promo {
    padding: 4rem 0
}

.email-marketing .promo-sections .promo:nth-child(1) .info {
    padding-top: 2rem!important
}

.email-marketing .promo-sections .promo:nth-child(2) .info {
    padding-top: 8rem!important
}

.email-marketing .promo-sections .promo:nth-child(3) .info {
    padding-top: 6rem!important
}

.email-marketing .promo-sections .promo:nth-child(4) .info {
    padding-top: 2rem!important
}

.de .email-marketing .promo-sections .promo:nth-child(4) .feature-list ul li span {
    font-size: 1.2rem
}

.email-marketing .promo-sections .promo:first-child {
    padding-top: 0
}

.email-marketing .promo-sections .promo h2 {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 4.5rem;
    color: #00afec;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0 0 2rem 0
}

.br .email-marketing .promo-sections .promo h2,
.es .email-marketing .promo-sections .promo h2,
.fr .email-marketing .promo-sections .promo h2,
.pt .email-marketing .promo-sections .promo h2 {
    font-size: 4rem
}

.ja .email-marketing .promo-sections .promo h2 {
    font-size: 3.4rem
}

.email-marketing .promo-sections .promo h2 a {
    text-decoration: none
}

.email-marketing .promo-sections .promo h2 a:hover {
    text-decoration: none;
    color: #00afec
}

.email-marketing .promo-sections .promo p {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 2rem;
    color: #373737;
    line-height: 1.6;
    margin: 0
}

.email-marketing .promo-sections .promo .feature-list ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 3rem 0 0
}

.email-marketing .promo-sections .promo .feature-list ul li {
    margin-bottom: 2rem;
    -ms-flex-preferred-size: 13rem;
    flex-basis: 13rem
}

.email-marketing .promo-sections .promo .feature-list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 1rem;
    box-sizing: border-box;
    text-decoration: none
}

.email-marketing .promo-sections .promo .feature-list ul li a:hover svg {
    stroke: #ff7200
}

.email-marketing .promo-sections .promo .feature-list ul li a:hover span {
    color: #ff7200
}

.email-marketing .promo-sections .promo .feature-list ul li svg {
    display: block;
    width: 3.1rem;
    height: 3.1rem;
    fill: none;
    stroke: #00afec;
    stroke-width: 1px;
    -webkit-transition: stroke .2s ease-in-out;
    transition: stroke .2s ease-in-out
}

.email-marketing .promo-sections .promo .feature-list ul li span {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.4rem;
    color: #00afec;
    line-height: 1.4;
    text-align: center;
    display: block;
    margin-top: 1rem;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    width: 100%
}

.email-marketing .promo-sections .promo .feature-list ul li:first-child .img::before {
    opacity: 1
}

.email-marketing .promo-sections .promo .info {
    padding: 0 5rem 0 0
}

.email-marketing .promo-sections .promo .screen {
    width: 68.2rem;
    height: 41.6rem;
    display: block;
    position: relative;
    margin: 0 0 0 2rem;
    box-shadow: 0 3px 30px 5px rgba(50, 50, 50, .15)
}

@media only screen and (max-width:979px) {
    .email-marketing .promo-sections .promo .screen {
        max-width: 68.2rem;
        width: 100%;
        height: auto;
        margin: 3rem auto 0;
        padding: 0
    }
    .email-marketing .promo-sections .promo .screen img {
        display: block
    }
}

.email-marketing .promo-sections .promo .screen.no-shadow {
    box-shadow: none
}

.email-marketing .promo-sections .promo:nth-child(even) .info {
    padding: 0 0 0 5rem
}

.email-marketing .promo-sections .promo:nth-child(even) .screen {
    direction: rtl;
    float: right;
    margin: 0 2rem 0 0
}

.email-marketing .promo-sections .image-list {
    position: absolute;
    top: 0
}

.pricing {
    background: url(/images/pages/main/bg_pricing_v1.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 7rem
}

.pricing h2 {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 4.5rem;
    color: #003c54;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0 0 8rem 0;
    text-align: center
}

.pricing .offer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 104rem;
    margin: 0 auto
}

.pricing .offer-list .offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    background: #fff;
    border: 1px solid #edf0f3;
    box-shadow: 3px 3px 10px 0 rgba(50, 50, 50, .15);
    padding: 2.5rem 0 1.5rem;
    text-align: center;
    margin: 0 -1px
}

.pricing .offer-list .offer .about {
    padding: 0 3rem 2.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27rem;
    flex: 0 0 27rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box
}

.pricing .offer-list .offer .about .package {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.pricing .offer-list .offer .about .popular {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #00afec;
    letter-spacing: 3px;
    margin-bottom: .5rem;
    display: block
}

.pricing .offer-list .offer .about h3 {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 3.5rem;
    color: #00afec;
    margin: 0 0 1rem
}

.pricing .offer-list .offer .about p {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.3rem;
    color: #737373;
    margin: 0
}

.pricing .offer-list .offer .about .price {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 2.2rem;
    color: #373737;
    margin-top: .5rem
}

.ms .pricing .offer-list .offer .about .price,
.tr .pricing .offer-list .offer .about .price {
    margin-top: 2rem;
    font-size: 2rem
}

.pricing .offer-list .offer .about .price span {
    font-size: 4rem
}

.ja .pricing .offer-list .offer .about .price span,
.ms .pricing .offer-list .offer .about .price span,
.tr .pricing .offer-list .offer .about .price span {
    font-size: 3rem
}

.pricing .offer-list .offer .about .price sup {
    font-size: 2.5rem
}

.ms .pricing .offer-list .offer .about .price sup,
.tr .pricing .offer-list .offer .about .price sup {
    font-size: 2rem
}

.pricing .offer-list .offer .about .btn-wrap {
    padding: 2rem 0 0
}

.pricing .offer-list .offer .about .btn-wrap .btn {
    font-size: 1.6rem;
    padding: .9rem 1.6rem;
    background: #fff;
    border: 1px solid #00afec;
    color: #00afec
}

.pricing .offer-list .offer .about .btn-wrap .btn:hover {
    background: #00afec;
    color: #fff
}

.br .pricing .offer-list .offer .about .btn-wrap .btn,
.fr .pricing .offer-list .offer .about .btn-wrap .btn,
.it .pricing .offer-list .offer .about .btn-wrap .btn,
.pt .pricing .offer-list .offer .about .btn-wrap .btn,
.ru .pricing .offer-list .offer .about .btn-wrap .btn,
.tr .pricing .offer-list .offer .about .btn-wrap .btn {
    font-size: 1.4rem
}

.ro .pricing .offer-list .offer .about .btn-wrap .btn {
    font-size: 1.2rem
}

.pricing .offer-list .offer .details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-top: 1px solid #f2f2f2;
    padding: 0 3rem
}

.pricing .offer-list .offer .details ul {
    list-style: none;
    padding: 0;
    margin: 2.5rem 0 0
}

.pricing .offer-list .offer .details ul li {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.4rem;
    color: #373737;
    margin-bottom: 1rem
}

.pricing .offer-list .offer .details ul li strong {
    font-weight: 400
}

.pricing .offer-list .offer .details ul.automation {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .9em
}

.pricing .offer-list .offer .details ul.crm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0
}

.pricing .offer-list .offer.active {
    z-index: 10;
    box-shadow: 0 3px 15px 0 rgba(50, 50, 50, .15);
    -webkit-transform: translate3d(0, -2rem, 0);
    transform: translate3d(0, -2rem, 0);
    margin-bottom: -2rem
}

.pricing .offer-list .offer.active .about {
    -ms-flex-preferred-size: 29rem;
    flex-basis: 29rem
}

.pricing .offer-list .offer.active .about .btn-wrap .btn {
    background: #00afec;
    color: #fff
}

.pricing .offer-list .offer.active .about .btn-wrap .btn:hover {
    background: #fff;
    border-color: #00afec;
    color: #00afec
}

.pricing .more-info {
    padding-top: 2rem
}

.pricing .more-info p {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    color: #373737;
    text-align: center
}

.customers {
    margin-top: 5rem;
    background: #00afec url(/images/pages/main/bg_customers_v1.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 4rem
}

@supports (background-blend-mode:multiply) {
    .customers {
        background: #00afec url(/images/pages/main/bg_customers_mono_v1.jpg) no-repeat center center;
        background-blend-mode: multiply;
        background-size: cover
    }
}

.customers h2 {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 5.5rem;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0 0 2rem 0;
    text-align: center
}

.customers h2+p {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 2.4rem;
    color: #002c3b;
    line-height: 1.5;
    margin: 0;
    text-align: center
}

.customers .testimonials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #fff;
    max-width: 104rem;
    margin: 5rem auto 0
}

.customers .testimonials .customer {
    padding: 6rem 3rem 3rem;
    box-sizing: border-box
}

.customers .testimonials .customer p {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    color: #003c54;
    line-height: 1.3;
    margin: 0
}

.customers .testimonials .customer blockquote {
    margin: 0
}

.customers .testimonials .customer cite {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 3rem;
    color: #003c54;
    line-height: 1.5;
    margin: 0;
    font-style: normal
}

.customers .testimonials .customer cite small {
    display: block;
    font-size: 1.2rem;
    color: #939a9f;
    text-align: left
}

.customers .testimonials .text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%
}

.customers .testimonials .text .who {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.customers .testimonials .text .who cite {
    font-size: 1.8rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.customers .testimonials .text .who cite small {
    font-size: 1.8rem;
    color: #003c54
}

.customers .testimonials .text .who .avatar {
    display: inline-block;
    width: 8rem;
    height: 8rem
}

.customers .testimonials .text .more-customers {
    text-align: right;
    margin-top: 2rem
}

.customers .testimonials .text .more-customers a {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.6rem
}

.customers .testimonials .text .peep-laja .avatar {
    background: url(/images/pages/main/customers/thumb/peep-laja_v1.jpg) no-repeat;
    background-size: cover
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .customers .testimonials .text .peep-laja .avatar {
        background-image: url(/images/pages/main/customers/thumb/peep-laja_v1@2x.jpg)
    }
}

.customers .testimonials .video {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%;
    border-right: 1px solid #e5eaec
}

.customers .testimonials .video .customer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 4rem 3.5rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain
}

.customers .testimonials .video .customer .about,
.customers .testimonials .video .customer .who {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 35%
}

.customers .testimonials .video .customer p {
    font-size: 2rem;
    font-weight: 300;
    text-align: left
}

.customers .testimonials .video .customer.van-boven {
    background-image: url(/images/pages/main/customers/van-boven_v1.jpg)
}

@media all and (-webkit-min-device-pixel-ratio:2),
all and (min-resolution:2dppx) {
    .customers .testimonials .video .customer.van-boven {
        background-image: url(/images/pages/main/customers/van-boven_v1@2x.jpg)
    }
}

.customers .testimonials .video .play {
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 8.6rem;
    height: 8.6rem;
    z-index: 2
}

.customers .testimonials .video .play .btn {
    width: 100%;
    height: 100%;
    display: block
}

.customers .testimonials .video .play svg {
    fill: none;
    stroke: #00afec;
    stroke-width: 2px;
    display: block;
    width: 100%;
    height: 100%
}

.customers .testimonials .video .play:hover svg {
    stroke: #ff7200
}

.customers .partners {
    padding: 8rem 0 4rem
}

.customers .partners h2 {
    font-size: 4.5rem
}

.customers .partners .partner-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 3rem;
    padding: 0
}

.customers .partners .partner-list li {
    padding: 1rem 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customers .partners .partner-list li.hilton svg {
    width: 16rem;
    height: 4.1rem
}

.customers .partners .partner-list li.avon svg {
    width: 12.2rem;
    height: 4.6rem
}

.customers .partners .partner-list li.tigerwoods svg {
    width: 8rem;
    height: 6rem
}

.customers .partners .partner-list li.unesco svg {
    width: 9rem;
    height: 7.2rem
}

.customers .partners .partner-list li.citroen svg {
    width: 12rem;
    height: 8.3rem
}

.customers .partners .partner-list li svg {
    display: inline-block;
    fill: #fff
}

.customers .partners .featured {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customers .partners .featured h4 {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    color: #005978;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.customers .partners .featured .featured-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

.customers .partners .featured .featured-list li {
    padding: 1rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.customers .partners .featured .featured-list li.forbes svg {
    width: 10rem;
    height: 2.5rem
}

.customers .partners .featured .featured-list li.huff svg {
    width: 8.5rem;
    height: 5.4rem
}

.customers .partners .featured .featured-list li.mashable svg {
    width: 12rem;
    height: 2.3rem
}

.customers .partners .featured .featured-list li.technorati svg {
    width: 14.1rem;
    height: 2.1rem
}

.customers .partners .featured .featured-list li svg {
    display: inline-block;
    fill: #005978
}

.follow-us {
    background: #081f29;
    padding-top: 8rem
}

.follow-us h2 {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 3.5rem;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0 0 5rem 0;
    text-align: center
}

.follow-us .social-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

.follow-us .social-list li {
    padding: 0 3.5rem;
    text-align: center;
    margin-bottom: 2rem
}

.follow-us .social-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.follow-us .social-list li .details {
    margin-left: 1rem
}

.follow-us .social-list li .details span {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 3rem;
    color: #fff;
    display: block;
    letter-spacing: -1px;
    line-height: 1.1
}

.follow-us .social-list li .details small {
    font-family: RobotoBasic, Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.2rem;
    color: #a7c9d6
}

.follow-us .social-list li svg {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    fill: #005978
}

.follow-us .social-list li.rss svg {
    width: 2.6rem;
    height: 2.6rem;
    fill: #fb7c00
}

.follow-us .social-list li.fb svg {
    width: 1.5rem;
    height: 3.2rem;
    fill: #3b5998
}

.follow-us .social-list li.tweet svg {
    width: 3.7rem;
    height: 3rem;
    fill: #27c7ff
}

.follow-us .social-list li.in svg {
    width: 3.2rem;
    height: 3.2rem;
    fill: #007bb5
}

.follow-us .social-list li.yt svg {
    width: 3.3rem;
    height: 3.8rem;
    fill: #ee2930
}

#LiveChat_marketing.liveChat {
    position: absolute;
    top: 49px;
    right: 0;
    overflow: hidden;
    width: 100px;
    height: 97px;
    z-index: 1;
    display: block
}

#LiveChat_marketing .livechat {
    position: absolute;
    top: -70px;
    left: auto;
    bottom: auto;
    right: -70px;
    display: block;
    width: 140px;
    height: 140px;
    padding: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 140px;
    height: 140px;
    transform: rotate(45deg);
    background: #00afec;
    text-decoration: none;
    z-index: 1
}

#LiveChat_marketing .livechat br {
    display: block
}

#LiveChat_marketing .livechat span {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.8rem;
    position: relative;
    top: 80%;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    text-shadow: none
}

#LiveChat_marketing .livechat:hover span {
    opacity: .9;
    color: #fff
}

.liveChatOn #livechat-compact-container,
.liveChatOn #livechat-full {
    height: 398px!important
}

#LiveChat_marketing .livechat:hover .liveChatOn #livechat-compact-container,
.liveChatOn #livechat-full {
    right: 10%;
    top: 10%;
    left: auto
}

.gpbanner {
    background: #e5e5e5;
    padding: 1rem;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    display: none
}

.gpbanner a {
    text-decoration: none;
    display: inline-block
}

.gpbanner .desc {
    display: inline-block;
    vertical-align: middle
}

.gpbanner .about {
    display: inline-block;
    vertical-align: middle
}

.gpbanner .about span {
    display: inline-block;
    color: #373737;
    font-size: 1.4rem;
    font-family: Helvetica, Arial, sans-serif
}

.gpbanner .about small {
    display: block;
    color: #555;
    font-size: 1.1rem;
    font-family: Helvetica, Arial, sans-serif
}

.gpbanner .icon {
    display: block;
    height: 5.6rem;
    width: 5.6rem;
    display: inline-block;
    text-indent: -99999px;
    vertical-align: middle;
    margin: 0 10px
}

.gpbanner .icon span {
    background: url(/images/pages/main/gr-logo.svg) no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%
}

.gpbanner .close {
    display: inline-block;
    height: 1.1rem;
    width: 1.1rem;
    vertical-align: middle;
    color: #6f6f6f;
    text-indent: -99999px;
    cursor: pointer
}

.gpbanner .close svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #6f6f70
}

.gpbanner .more {
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0
}

.gpbanner .more a {
    font-size: 1.8rem;
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    top: 50%;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.create-account {
    background: #03b4f2;
    padding: 1.7rem 0 1.8rem
}

.create-account .container {
    box-sizing: border-box
}

.create-account h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 2.4rem;
    letter-spacing: -.01em;
    line-height: 1;
    padding: 0 1.5rem 0 .3rem;
    margin: 0;
    font-weight: 300;
    color: #fff
}

@media only screen and (max-width:979px) {
    .create-account h2 {
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
        padding: 0
    }
}

.create-account .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width:979px) {
    .create-account .form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .create-account .form form {
        width: 100%
    }
}

.create-account .fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box
}

.create-account .fieldset .form-group {
    box-sizing: border-box
}

@media only screen and (max-width:767px) {
    .create-account .fieldset {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.create-account .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 255px;
    flex: 0 0 255px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width:979px) {
    .create-account .label {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.create-account form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (max-width:767px) {
    .create-account .submit {
        text-align: center
    }
}

.create-account .cnt {
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    border: 2px solid #fff;
    height: 38px;
    padding: 7px 28px;
    box-sizing: border-box;
    border-radius: 19px;
    background: 0 0;
    outline: 0
}

.create-account .cnt:hover {
    color: #03b4f2;
    background: #fff
}

@media only screen and (max-width:767px) {
    .create-account .cnt {
        margin: 2rem 0 0
    }
}

.create-account .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 176px;
    flex: 1 1 176px;
    position: relative;
    margin-right: 9px
}

@media only screen and (max-width:767px) {
    .create-account .form-group {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0 0 1rem
    }
}

.create-account .form-group input {
    border: 0;
    outline: 0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .3);
    background: #fff;
    height: 38px;
    box-sizing: border-box;
    padding: 0 9px;
    display: block;
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: -.015em;
    color: #555;
    background-position: 0 0
}

.create-account .form-group input:-webkit-autofill {
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .3), inset 0 0 0 1000px #fff;
    -webkit-text-fill-color: #555
}

.create-account .form-group input::-ms-clear,
.create-account .form-group input::-ms-reveal {
    display: none
}

.create-account .form-group input#password {
    padding-right: 35px
}

.create-account .form-group input#password::-webkit-auto-fill-button {
    position: absolute;
    right: -1000px
}

.create-account .form-group input#password:focus~.password-tips,
.create-account .form-group input#password:focus~.passwordTips {
    display: block
}

.create-account .form-group input#password:focus+.error-message {
    display: none
}

.create-account .form-group input.invalid {
    border: 1px solid red
}

.create-account ::-webkit-input-placeholder {
    color: #555;
    font-style: normal
}

.create-account ::-moz-placeholder {
    color: #555;
    font-style: normal;
    opacity: 1
}

.create-account :-ms-input-placeholder {
    color: #555!important;
    font-style: normal
}

.create-account .black-tip {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    border-radius: 4px;
    z-index: 1;
    background: rgba(0, 0, 0, .9)
}

@media only screen and (max-width:767px) {
    .create-account .black-tip {
        margin-top: 6px
    }
}

.create-account .black-tip::after {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-bottom: 5px solid rgba(0, 0, 0, .9);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.create-account .error-message {
    color: red;
    text-align: center;
    font-size: 12px;
    padding: 10px;
    line-height: 1;
    white-space: nowrap;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media only screen and (max-width:767px) {
    .create-account .error-message {
        padding: 2px 6px
    }
}

.create-account .error-message:empty {
    display: none
}

.create-account .password-tips,
.create-account .passwordTips {
    display: none;
    right: 0;
    left: 0;
    text-align: left;
    color: #fff;
    font-size: 11px;
    padding: 15px 0 7px 14px
}

@media only screen and (max-width:767px) {
    .create-account .password-tips,
    .create-account .passwordTips {
        width: 250px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

.create-account .password-tips p,
.create-account .passwordTips p {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 9px 0;
    padding: 0
}

.create-account .password-tips ul,
.create-account .passwordTips ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: auto
}

.create-account .password-tips li,
.create-account .passwordTips li {
    display: block;
    margin: 0 0 8px 2px;
    padding-left: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE1LjgxMiIgaGVpZ2h0PSIxNS44MTIiIHZpZXdCb3g9IjAgMCAxNS44MTIgMTUuODEyIj4gIDxwYXRoIGZpbGw9IiM0NjQ2NDYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcuOTA2LC0wLjAwMyBDMy41MzgsLTAuMDAzIC0wLjAwMiwzLjUzOCAtMC4wMDIsNy45MDYgQy0wLjAwMiwxMi4yNzQgMy41MzgsMTUuODE1IDcuOTA2LDE1LjgxNSBDMTIuMjc0LDE1LjgxNSAxNS44MTUsMTIuMjc0IDE1LjgxNSw3LjkwNiBDMTUuODE1LDMuNTM4IDEyLjI3NCwtMC4wMDMgNy45MDYsLTAuMDAzIFpNNi41NjEsMTIuMTY2IEwyLjgyNCw4LjQyOCBMNC40MTUsNi44MzcgTDYuNTYwLDguOTgzIEwxMS41MTQsNC4wMzAgTDEzLjEwNSw1LjYyMSBMNi41NjEsMTIuMTY2IFoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: left center
}

.create-account .password-tips li.is-valid,
.create-account .passwordTips li.is-valid {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjE1LjgxMiIgaGVpZ2h0PSIxNS44MTIiIHZpZXdCb3g9IjAgMCAxNS44MTIgMTUuODEyIj4gIDxwYXRoIGZpbGw9IiM2OWMwMjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcuOTA2LC0wLjAwMyBDMy41MzgsLTAuMDAzIC0wLjAwMiwzLjUzOCAtMC4wMDIsNy45MDYgQy0wLjAwMiwxMi4yNzQgMy41MzgsMTUuODE1IDcuOTA2LDE1LjgxNSBDMTIuMjc0LDE1LjgxNSAxNS44MTUsMTIuMjc0IDE1LjgxNSw3LjkwNiBDMTUuODE1LDMuNTM4IDEyLjI3NCwtMC4wMDMgNy45MDYsLTAuMDAzIFpNNi41NjEsMTIuMTY2IEwyLjgyNCw4LjQyOCBMNC40MTUsNi44MzcgTDYuNTYwLDguOTgzIEwxMS41MTQsNC4wMzAgTDEzLjEwNSw1LjYyMSBMNi41NjEsMTIuMTY2IFoiLz48L3N2Zz4=)
}

.create-account .show-pswd {
    display: none;
    position: absolute;
    top: 4px;
    right: 5px;
    padding: 10px 5px;
    border: 0;
    margin: 0;
    outline: 0;
    background: #fff;
    line-height: 1
}

.create-account .show-pswd::before {
    position: relative;
    display: block;
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjcuNSAzNi41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2Ny41IDM2LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMDBBRkVDIiBkPSJNMzMuOCwwQzIxLjMsMCw5LjcsNS43LDIuMSwxNS42TDAsMTguMmwyLjEsMi43YzcuNyw5LjksMTkuMiwxNS42LDMxLjcsMTUuNmMxMi41LDAsMjQtNS43LDMxLjctMTUuNmwyLjEtMi43bC0yLjEtMi43QzU3LjgsNS43LDQ2LjIsMCwzMy44LDB6IE0zMy44LDQuM2MxMS41LDAsMjEuNyw1LjUsMjguMywxMy45Yy02LjUsOC40LTE2LjgsMTMuOS0yOC4zLDEzLjljLTExLjUsMC0yMS43LTUuNS0yOC4zLTEzLjlDMTIsOS44LDIyLjIsNC4zLDMzLjgsNC4zIi8+PHBhdGggZmlsbD0iIzAwQUZFQyIgZD0iTTQzLjcsMTcuN2MwLDUuNS00LjQsOS45LTkuOSw5LjljLTUuNSwwLTkuOS00LjQtOS45LTkuOWMwLTUuNSw0LjQtOS45LDkuOS05LjlDMzkuMiw3LjgsNDMuNywxMi4yLDQzLjcsMTcuNyIvPjwvc3ZnPg==);
    height: 10px;
    width: 18px
}

.create-account .show-pswd:active+.password-tips,
.create-account .show-pswd:active+.passwordTips,
.create-account .show-pswd:focus+.password-tips,
.create-account .show-pswd:focus+.passwordTips {
    display: block
}

@-moz-document url-prefix() {
    .create-account .form-group input {
        padding-top: 3px
    }
    .create-account .cnt {
        padding-top: 9px
    }
}

@media only screen and (min-width:1979px) {
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(n+3),
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(n+4) {
        min-width: 40rem
    }
}

@media only screen and (max-width:1979px) {
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(n+4),
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(n+5) {
        display: none
    }
}

@media only screen and (max-width:1700px) {
    .main-features {
        margin-top: 0
    }
    .industry .feature-list .feature-row:nth-child(1) .feature.feature-3 .details .inner p,
    .industry .feature-list .feature-row:nth-child(2) .feature.feature-8 .details .inner p {
        display: none
    }
}

@media only screen and (max-width:1366px) {
    .main-features .header h1 {
        font-size: 4.2rem
    }
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(n+4),
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(n+4) {
        display: none
    }
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(-n+3),
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(-n+3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .industry .feature-list .feature-row .feature.large {
        min-width: 0
    }
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(n+2),
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(n+2) {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        min-width: 0
    }
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(n+2):nth-child(-n+3) .details .inner p {
        display: none
    }
}

@media only screen and (max-width:1199px) {
    .main-features {
        padding-top: 5rem
    }
    .main-features .header {
        display: none
    }
    .main-features .header h1 {
        font-size: 5.5rem
    }
    .main-features .header-mobile {
        display: block
    }
    .main-features .feature-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .main-features .feature-list li {
        width: 100%
    }
    .de .email-marketing .promo-sections .promo:nth-child(4) .feature-list ul li span {
        font-size: 1rem
    }
    .de .email-marketing .promo-sections .promo:nth-child(4) .feature-list ul li a {
        padding: 0
    }
    .industry .about {
        background: url(/images/pages/main/bg_email-creator_v1.jpg) no-repeat;
        background-size: cover;
        margin-top: 0;
        padding: 10rem 0
    }
    .industry .about .details {
        padding-left: 45rem;
        width: auto
    }
    .industry .feature-list .feature-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(n+4),
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(n+4) {
        display: none
    }
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(n+2) .details .inner p,
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(n+2) .details .inner p {
        display: block
    }
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(2) {
        min-width: 40rem
    }
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(2) .details .inner p {
        display: none
    }
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(-n+3),
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(-n+3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%
    }
    .industry .feature-list .feature-row:nth-child(1) .feature,
    .industry .feature-list .feature-row:nth-child(2) .feature,
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(2) {
        min-width: 20rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%
    }
    .industry .feature-list .feature-row:nth-child(1) .feature .details .inner p,
    .industry .feature-list .feature-row:nth-child(2) .feature .details .inner p,
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(2) .details .inner p {
        display: none
    }
    .customers .testimonials .video .customer {
        background-size: 45%
    }
}

@media only screen and (max-width:979px) {
    .main-features .header-mobile h1 {
        font-size: 4.5rem
    }
    .main-features .screen {
        display: none
    }
    .main-features .feature-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .main-features .feature-list li {
        width: 50%
    }
    .industry {
        background: 0 0;
        margin: 0
    }
    .industry.bx {
        padding-bottom: 3rem
    }
    .industry .about {
        background: 0 0;
        padding: 5rem 0
    }
    .industry .about .details {
        width: 100%;
        padding: 0 1.5rem
    }
    .fr .industry .about .details h2,
    .industry .about .details h2,
    .pl .industry .about .details h2,
    .tr .industry .about .details h2 {
        font-size: 4.2rem
    }
    .industry .about .details .btn-wrap {
        text-align: center
    }
    .email-marketing .header {
        margin-bottom: 5rem
    }
    .email-marketing .header h2,
    .ja .email-marketing .header h2 {
        font-size: 4.2rem
    }
    .email-marketing .header h2+p {
        font-size: 2.2rem
    }
    .email-marketing .promo-sections {
        padding-bottom: 0
    }
    .email-marketing .promo-sections .image-list {
        position: relative;
        top: auto
    }
    .email-marketing .promo-sections .image-list .placeholder {
        display: block;
        width: 100%
    }
    .email-marketing .promo-sections .image-list ul {
        display: none
    }
    .email-marketing .promo-sections .promo {
        padding: 0 0 2.5rem
    }
    .email-marketing .promo-sections .promo:nth-child(1) .info,
    .email-marketing .promo-sections .promo:nth-child(2) .info,
    .email-marketing .promo-sections .promo:nth-child(3) .info,
    .email-marketing .promo-sections .promo:nth-child(4) .info {
        padding-top: 3rem!important
    }
    .email-marketing .promo-sections .promo .info {
        padding: 3rem 0 0
    }
    .email-marketing .promo-sections .promo .screen {
        text-align: center;
        box-sizing: border-box;
        width: 100%;
        height: auto
    }
    .email-marketing .promo-sections .promo .screen img {
        direction: ltr;
        width: 100%
    }
    .email-marketing .promo-sections .promo .feature-list {
        max-width: 100%
    }
    .email-marketing .promo-sections .promo .screen {
        margin: 3rem 0 0
    }
    .email-marketing .promo-sections .promo:nth-child(even) .info {
        padding: 0
    }
    .email-marketing .promo-sections .promo:nth-child(even) .screen {
        float: none;
        direction: initial
    }
    .pricing .offer-list .offer {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%
    }
    .pricing .offer-list .offer .details {
        display: none
    }
    .customers .testimonials {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: 0 0
    }
    .customers .testimonials .customer p {
        font-size: 2rem
    }
    .customers .testimonials .video {
        width: 100%;
        min-height: 30rem;
        background: #fff;
        margin-bottom: 3rem
    }
    .customers .testimonials .video .customer {
        background-size: contain;
        width: 100%
    }
    .customers .testimonials .video .customer .about {
        padding-left: 25%
    }
    .customers .testimonials .video .customer p {
        font-size: 3rem
    }
    .customers .testimonials .text {
        width: 100%;
        background: #fff
    }
    .customers .testimonials .text .who cite {
        font-size: 2rem
    }
    .customers .testimonials .text .who cite small {
        font-size: 2rem
    }
    .customers .partners .featured {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .bx {
        padding: 0
    }
    .main-features .header-mobile h1 {
        font-size: 4.2rem
    }
    .main-features .feature-list li {
        margin-top: 4rem
    }
    .main-features .feature-list li svg {
        width: 5rem;
        height: 4.5rem
    }
    .main-features .feature-list li h3 {
        font-size: 2.2rem
    }
    .main-features .feature-list li p {
        font-size: 1.6rem
    }
    .industry .about {
        padding-top: 0!important
    }
    .industry .about .details h2 {
        margin: 0 0 2rem 0
    }
    .fr .industry .about .details h2,
    .industry .about .details h2,
    .ja .industry .about .details h2,
    .no .industry .about .details h2,
    .pl .industry .about .details h2,
    .sv .industry .about .details h2,
    .tr .industry .about .details h2 {
        font-size: 3.4rem
    }
    .industry .about .details h2+p {
        font-size: 2rem
    }
    .industry .feature-list .feature-row .feature {
        height: 20rem;
        -ms-flex-preferred-size: 33.33%!important;
        flex-basis: 33.33%!important
    }
    .industry .feature-list .feature-row .feature .content .thumb {
        display: none
    }
    .industry .feature-list .feature-row .feature .content .details {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .industry .feature-list .feature-row .feature .content .details::after {
        display: none
    }
    .industry .feature-list .feature-row:nth-child(2) .feature {
        height: 20rem
    }
    .industry::after {
        display: none
    }
    .industry .feature-list .feature-row:nth-child(1) .feature:nth-child(-n+3),
    .industry .feature-list .feature-row:nth-child(2) .feature:nth-child(-n+3) {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 0 20rem!important;
        flex: 1 0 20rem!important;
        min-width: 0
    }
    .email-marketing .header h2 {
        margin: 0 0 2rem 0
    }
    .email-marketing .header h2,
    .ja .email-marketing .header h2 {
        font-size: 3.5rem
    }
    .email-marketing .header h2+p {
        font-size: 1.8rem
    }
    .email-marketing .promo-sections .promo h2 {
        margin: 0 0 2rem 0
    }
    .email-marketing .promo-sections .promo h2,
    .es .email-marketing .promo-sections .promo h2 {
        font-size: 3.8rem
    }
    .email-marketing .promo-sections .promo p {
        font-size: 1.8rem
    }
    .email-marketing .promo-sections .promo .screen {
        padding: 0
    }
    .email-marketing .promo-sections .promo .feature-list ul li {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        width: 33%
    }
    .pricing h2 {
        font-size: 3.5rem;
        margin-bottom: 5rem
    }
    .pricing .offer-list .offer {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        padding: 1.5rem 0
    }
    .pricing .offer-list .offer.active {
        -webkit-transform: none;
        transform: none;
        margin: 0;
        z-index: initial
    }
    .pricing .offer-list .offer.active .about {
        -ms-flex-preferred-size: 24rem;
        flex-basis: 24rem
    }
    .pricing .offer-list .offer .about {
        padding: 0 1.5rem 1.5rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 22rem;
        flex: 0 0 22rem
    }
    .customers {
        padding-top: 5rem;
        padding-bottom: 3rem
    }
    .customers h2 {
        font-size: 4.2rem
    }
    .customers h2+p {
        font-size: 2rem
    }
    .customers .testimonials .customer {
        padding: 3rem
    }
    .customers .testimonials .customer cite {
        font-size: 2.2rem
    }
    .customers .testimonials .customer p {
        font-size: 1.8rem
    }
    .customers .testimonials .video {
        min-height: 30rem
    }
    .customers .testimonials .video .customer {
        padding: 3rem 2rem;
        background-size: 30%
    }
    .customers .testimonials .video .customer .about {
        padding-left: 30%
    }
    .customers .testimonials .video .customer p {
        font-size: 2rem
    }
    .customers .testimonials .text .who {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .customers .testimonials .text .who cite {
        font-size: 1.6rem;
        text-align: center
    }
    .customers .testimonials .text .who cite small {
        font-size: 1.6rem;
        text-align: center
    }
    .customers .testimonials .text .more-customers {
        text-align: center
    }
    .customers .partners .partner-list {
        margin-bottom: 0
    }
    .customers .partners .partner-list li svg {
        width: 11.7rem;
        height: 5rem
    }
    .follow-us .social-list li {
        padding: 0 2rem;
        width: 50%;
        box-sizing: border-box
    }
    .follow-us .social-list li a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:479px) {
    .btn-wrap .btn {
        padding: 1.5rem 2rem
    }
    .es .main-features .header-mobile h1,
    .fr .main-features .header-mobile h1,
    .hu .main-features .header-mobile h1,
    .main-features .header-mobile h1,
    .no .main-features .header-mobile h1,
    .ro .main-features .header-mobile h1,
    .vi .main-features .header-mobile h1 {
        font-size: 3.4rem
    }
    .main-features .feature-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .main-features .feature-list li {
        width: 100%
    }
    .industry {
        margin: 0
    }
    .fr .industry .about .details h2,
    .industry .about .details h2,
    .ja .industry .about .details h2,
    .no .industry .about .details h2,
    .pl .industry .about .details h2,
    .sv .industry .about .details h2,
    .tr .industry .about .details h2 {
        font-size: 3.6rem
    }
    .industry .feature-list .feature-row .feature {
        -ms-flex-preferred-size: 50%!important;
        flex-basis: 50%!important
    }
    .email-marketing .header h2,
    .ja .email-marketing .header h2 {
        font-size: 3.2rem
    }
    .email-marketing .promo-sections .promo h2,
    .es .email-marketing .promo-sections .promo h2,
    .ja .email-marketing .promo-sections .promo h2 {
        font-size: 3.2rem
    }
    .email-marketing .promo-sections .promo .feature-list ul li {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%
    }
    .customers .testimonials .video {
        min-height: 25rem
    }
    .customers .testimonials .video .customer {
        background-size: 40%
    }
    .follow-us .social-list li {
        padding: 0 1rem
    }
    .follow-us .social-list li .details span {
        font-size: 2.2rem
    }
    .follow-us .social-list li .details small {
        font-size: 1rem
    }
}

.gr-pro-wrapper {
    position: absolute;
    top: 0;
    right: 115px;
    visibility: hidden;
    overflow: hidden;
    width: 300px;
    height: 300px;
    will-change: transform;
    z-index: 2
}

.gr-pro-wrapper .gr-pro {
    position: absolute;
    top: 33px;
    left: 54px;
    visibility: visible;
    box-sizing: border-box;
    width: 300px;
    background: #fc3d23;
    color: #fffefe;
    text-align: center;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.2;
    -webkit-transform: translateX(13%) rotateZ(45deg);
    transform: translateX(13%) rotateZ(45deg)
}

.gr-pro-wrapper .gr-pro span {
    display: block;
    text-transform: uppercase;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 10px
}

.vi .gr-pro-wrapper .gr-pro span {
    font-size: 8px
}

.gr-pro-wrapper .gr-pro.green-promo {
    padding: 16px 0;
    -webkit-transform: translateX(10%) translateY(-10%) rotateZ(45deg);
    transform: translateX(10%) translateY(-10%) rotateZ(45deg);
    background: #82b639;
    height: 80px
}

.gr-pro-wrapper .gr-pro.green-promo span {
    color: #2b4a60;
    font-size: 20px;
    line-height: 1.2
}

.gr-pro-wrapper .gr-pro.green-promo span:nth-of-type(2) {
    font-size: 22px;
    font-weight: 300
}

.gr-pro-wrapper .gr-pro.pink-promo {
    padding: 12px 0 0;
    -webkit-transform: translateX(10%) translateY(-10%) rotateZ(45deg);
    transform: translateX(10%) translateY(-10%) rotateZ(45deg);
    background: #f62469;
    height: 80px
}

.es .gr-pro-wrapper .gr-pro.pink-promo {
    padding-top: 14px
}

.pt .gr-pro-wrapper .gr-pro.pink-promo {
    padding-top: 14px
}

.it .gr-pro-wrapper .gr-pro.pink-promo {
    padding-top: 14px
}

.br .gr-pro-wrapper .gr-pro.pink-promo {
    padding-top: 14px
}

.vi .gr-pro-wrapper .gr-pro.pink-promo {
    padding-top: 16px
}

.gr-pro-wrapper .gr-pro.pink-promo span {
    color: #1f262f;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2
}

.vi .gr-pro-wrapper .gr-pro.pink-promo span {
    font-size: 10.5px;
    line-height: 1.3
}

.gr-pro-wrapper .gr-pro.pink-promo span mark {
    color: #fff;
    background: 0 0
}

.gr-pro-wrapper .gr-pro.pink-promo span:nth-of-type(2) {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .075em
}

.es .gr-pro-wrapper .gr-pro.pink-promo span:nth-of-type(2) {
    font-size: 12px
}

.pt .gr-pro-wrapper .gr-pro.pink-promo span:nth-of-type(2) {
    font-size: 14px
}

.it .gr-pro-wrapper .gr-pro.pink-promo span:nth-of-type(2) {
    font-size: 14px
}

.br .gr-pro-wrapper .gr-pro.pink-promo span:nth-of-type(2) {
    font-size: 14px
}

.vi .gr-pro-wrapper .gr-pro.pink-promo span:nth-of-type(2) {
    font-size: 11.5px
}

.main-features .play {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    width: 15rem;
    height: 15rem;
    color: #fff;
    z-index: 100;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.main-features .play svg {
    width: 4.9rem;
    height: 5.6rem;
    -webkit-transform: translateX(.5rem);
    transform: translateX(.5rem)
}

.main-features .play:hover {
    background: rgba(0, 0, 0, .9)
}