@charset "utf-8";
body, input, textarea {
    font-family: "HelveticaNeu", Arial, Helvetica, sans-serif;
}

a img, button {
    border: none
}

.owl-controls .owl-buttons div, .owl-controls .owl-page, .read-review, button {
    cursor: pointer
}

.btn, .btn-trsp, a:hover, header nav ul li a {
    text-decoration: none
}

.btn, .btn-trsp, .how-it h2, .how-it ul li b, .sample-rev h2 {
    text-transform: uppercase
}

.follow-us ul li a:before, .how-it ul li b:before, .how-it ul li:after, .how-it ul li:before, .you-ready:before {
    content: ""
}

.blog article .offset-index li.offset-index__1:before, .blog article .offset-index li.offset-index__2:before, .blog article .offset-index li.offset-index__3:before, .owl-carousel .owl-wrapper:after, .visibility-hidden {
    visibility: hidden
}

a, abbr, acronym, address, blockquote, body, caption, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, label, legend, li, object, ol, p, pre, q, span, table, tbody, td, tfoot, th, thead, tr, ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

body, html {
    width: 100%;
    height: 100%
}

body {
    background: #fff;
    font-size: 100%;
    line-height: 1.3;
    padding: 0 0 216px;
    margin: 0;
    color: #2d3a55;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    box-sizing: border-box
}

a {
    color: #1d7bd3;
    text-decoration: underline;
    transition: all .3s
}

img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto
}

.clear {
    clear: both
}

.alignleft {
    float: left;
    margin: 0 25px 25px 0
}

.alignright {
    float: right;
    margin: 0 0 25px 25px
}

.language-display {
    display: none
}

.aligncenter {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    margin-bottom: 15px;
}

input, textarea {
    outline: 0;
    font-size: 15px
}

.container-menu {
    margin: 0 auto;
    max-width: 1500px
}

button {
    outline: 0
}

p {
    text-align: justify
}

.how-it p, .sample-rev p {
    text-align: center
}

.sample-rev ul p {
    text-align: justify
}

.app-market h1, .app-market h2, .app-market p, .app-market ul, .btn, .btn-trsp, .counter, .how-it, .how-it ul, .how-it ul li, .sample-rev, .sample-rev ul {
    text-align: center
}

.btn, .btn-trsp {
    display: block;
    width: 335px;
    height: 56px;
    line-height: 62px;
    font-size: 17px;
    font-weight: 400;
    background: #32A526;
    border-radius: 25px;
    color: #fff;
    position: relative
}

.btn.ios {
    background: #1d7bd3
}

.btn .fa, .btn-trsp .fa {
    font-size: 22px;
    margin-right: 8px
}

.aside-cta .btn .fa {
    font-size: 14px
}

.btn:hover {
    background: #4AAF3F
}

.btn.ios:hover {
    background: #2c96f9
}

.btn-trsp:active, .btn:active {
    top: 2px
}

.btn-trsp.ios {
    background: 0 0;
    color: #1d7bd3;
    box-shadow: 0 0 0 1px #1d7bd3 inset
}

.btn-trsp.android {
    background: 0 0;
    color: #32A526;
    box-shadow: 0 0 0 1px #32A526 inset
}

.btn-trsp.ios:hover {
    background: rgba(29, 123, 211, .22)
}

.btn-trsp.android:hover {
    background: rgba(50, 165, 38, .22)
}

.btn-trsp.ios:before {
    background-position: 0 -50px;
    left: 35px
}

.btn-trsp.android:before {
    background-position: -50px -50px;
    left: 35px
}

.email-aside a.btn.mail, button.btn.mail {
    width: 210px;
    height: 40px;
    font-size: 12px;
    line-height: 36px;
    padding: 0
}

button.btn.mail .fa {
    font-size: 16px
}

button.btn.mail {
    font-size: 12px;
    box-sizing: content-box;
    line-height: normal;
    margin: 0 auto
}

button.btn.mail:before {
    top: 10px;
    left: 30px
}

.mobile-menu, .open-menu, .read-more {
    display: none
}

.app-market-wrapp {
    max-width: 1300px;
    margin: 0 auto
}

.app-market {
    max-width: 800px;
    padding: 27px 0 0 42.461538461538%;
    height: 360px;
    margin: 0 auto;
    background: url('../images/img-man.jpg') left top no-repeat
}

.app-market h1, .app-market h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 46px;
    color: #2d3a55;
    text-transform: uppercase
}

.app-market h2 {
    font-size: 28px;
    margin-bottom: 10px
}

.app-market p {
    line-height: 20px;
    margin-bottom: 10px
}

.app-market ul li {
    display: inline-block;
    width: 340px;
    text-align: center
}

.app-market ul li a, .app-market ul li img {
    display: block;
    margin: 5px auto
}

.counter {
    height: 110px;
    background: #282828;
    background: linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    overflow: hidden
}

.counter li {
    color: #fff;
    list-style: none;
    display: inline-block;
    width: 426px;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: url('../images/divider.png') right top no-repeat
}

.counter li > span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.counter li:last-child {
    background: 0 0
}

.how-it {
    padding: 20px 0 25px
}

.how-it h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 55px;
    color: #2d3a55
}

.how-it p {
    font-size: 17px;
    font-weight: 400;
    color: #2d3a55
}

.how-it ul {
    margin-top: 30px
}

.how-it ul li {
    display: inline-block;
    width: 305px;
    margin-right: 100px;
    vertical-align: top;
    padding-top: 110px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.how-it ul li b {
    display: block;
    font-size: 17px;
    margin-bottom: 12px;
    position: relative
}

.how-it ul li b:before {
    display: block;
    background: url('../images/sprite.png') -100px 0 no-repeat;
    width: 18px;
    height: 29px;
    position: absolute;
    right: -55px;
    top: 25px
}

.how-it ul li:last-child b:before {
    display: none
}

.how-it ul li:nth-child(3) {
    margin-right: 0
}

.how-it ul li:after, .how-it ul li:before {
    display: block;
    width: 90px;
    height: 90px;
    background: #f4faff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45px;
    box-shadow: 0 0 0 1px #1d7bd3 inset;
    transition: all .3s
}

.how-it ul li:nth-child(1):after {
    background: url('../images/sprite.png') -154px -5px no-repeat;
    box-shadow: none
}

.how-it ul li:nth-child(2):after {
    background: url('../images/sprite.png') -255px -2px no-repeat;
    box-shadow: none
}

.how-it ul li:nth-child(2):before {
    box-shadow: 0 0 0 1px rgba(255, 192, 69, 1) inset
}

.how-it ul li:nth-child(2):hover:before {
    box-shadow: 0 0 0 1px rgba(255, 192, 69, 1) inset, 0 0 0 4px #fff, 0 0 0 11px rgba(255, 192, 69, .4)
}

.how-it ul li:nth-child(3):after {
    background: url('../images/sprite.png') -353px -8px no-repeat;
    box-shadow: none
}

.how-it ul li:nth-child(3):before {
    box-shadow: 0 0 0 1px rgba(215, 41, 77, 1) inset
}

.how-it ul li:nth-child(3):hover:before {
    box-shadow: 0 0 0 1px rgba(215, 41, 77, 1) inset, 0 0 0 4px #fff, 0 0 0 11px rgba(215, 41, 77, .4)
}

.how-it ul li:hover:before {
    transform: scale(.85);
    box-shadow: 0 0 0 1px #1d7bd3 inset, 0 0 0 4px #fff, 0 0 0 11px rgba(29, 123, 211, .4)
}

.sample-rev {
    padding: 10px 0 20px;
    background: #f3f3f3
}

.sample-rev h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 55px;
    color: #2d3a55
}

.sample-rev > p {
    font-size: 17px;
    font-weight: 400;
    color: #2d3a55
}

.ratings-text .rtext h3, .ratings-text h2, .sample-rev ul li .rev-block b {
    font-weight: 700;
    text-transform: uppercase
}

.sample-rev ul {
    margin: 40px 0 50px
}

.sample-rev ul li {
    display: inline-block;
    width: 390px;
    text-align: left;
    vertical-align: top
}

.sample-rev ul li .img-rev {
    width: 50px;
    margin-right: 27px;
    float: left
}

.sample-rev ul li .rev-block {
    margin-left: 77px
}

.sample-rev ul li .rev-block b {
    font-size: 17px;
    display: block
}

.sample-rev ul li .rev-block > img {
    margin: 15px 0
}

.sample-rev ul li .rev-block > p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 75px
}

.read-review {
    color: #1d7bd3;
    text-decoration: underline
}

.read-review:hover {
    text-decoration: none
}

.sample-rev ul li.active .rev-block > p {
    height: auto;
    overflow: visible
}

.sample-rev .btn-block {
    width: 750px;
    margin: 0 auto
}

.sample-rev .btn-block a {
    margin: 0 18px;
    float: left
}

.ratings-text {
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 0 0
}

.ratings-text h2 {
    text-align: center;
    font-size: 30px;
    line-height: 55px;
    color: #2d3a55
}

.ratings-text .rtext {
    overflow: hidden;
    margin: 15px 0
}

.ratings-text .rtext h3 {
    font-size: 17px;
    margin-bottom: 15px
}

.ratings-text .rtext p {
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 400
}

.ratings-text .rtext img {
    float: left;
    margin-right: 30px;
    height: auto
}

.ratings-text .rtext:nth-child(3) img, .ratings-text .rtext:nth-child(5) img {
    float: right;
    margin-right: 40px
}

.ratings-text .read-more {
    display: none
}

.rtext .main-rtext h3 {
    text-transform: none
}

.you-ready {
    background: #f3f3f3;
    height: 100px;
    padding: 58px 0 50px;
    position: relative
}

.you-ready:before {
    display: block;
    width: 0;
    height: 0;
    border-top: 26px solid #fff;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -26px
}

.you-ready h3 {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px
}

.you-ready .btn-block {
    width: 692px;
    margin: 0 auto
}

.you-ready .btn-block a {
    margin: 0 5px;
    float: left
}

.price-plan {
    background: #f4faff;
    padding: 30px 0 45px
}

.price-plan h1, .price-plan h3.price-title {
    text-align: center;
    font-size: 30px;
    line-height: 55px;
    text-transform: uppercase
}

.price-plan > p {
    text-align: center
}

.price-plan > ul {
    text-align: center;
    margin-top: 35px
}

.where-h2-mb {
    font-size: 22px;
    margin-bottom: 15px
}

.price-plan > ul > li {
    width: 250px;
    margin-right: 30px;
    display: inline-block;
    border-radius: 10px;
    vertical-align: top
}

.price-plan > ul > li:last-child {
    margin-right: 0
}

.price-plan > ul > li > ul > li.price-block {
    color: #fff;
    /* background: #2d3a55;*/
    background: #282828;
    background: linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    padding-top: 20px;
    border: none;
    line-height: normal
}

.price-plan > ul > li > ul > li.price-block h3 {
    margin-bottom: 5px;
    font-size: 27px
}

.price-plan > ul > li > ul > li.price-block > span > b {
    font-size: 55px;
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    vertical-align: middle;
    margin-left: 5px;
    letter-spacing: .02em
}

.price-plan > ul > li > ul > li {
    list-style: none;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-top: none;
    padding: 15px 0;
    line-height: 1.5
}

.price-plan > ul > li > ul > li.special {
    background: #fcf2dd
}

.price-plan > ul > li > ul > li:last-child {
    height: auto;
    border-radius: 0 0 10px 10px
}

.price-plan > ul > li > ul > li:last-child input {
    width: 216px;
    height: 37px;
    border: 1px solid #000;
    background: #fff;
    color: rgba(45, 58, 85, .3);
    text-align: center;
    margin-bottom: 5px
}

.package-first-line {
    font-size: 23px
}

.price-plan > ul > li > ul > li:last-child input:focus {
    color: #2D3A55
}

.price-plan .btn.android, .price-plan .btn.ios {
    width: 150px;
    margin: 5px auto 20px
}

.price-plan .btn.android:before, .price-plan .btn.ios:before {
    left: 34px
}

.price-plan > ul > li.best-price {
    margin-top: 0;
    margin-bottom: -15px
}

.price-plan > ul > li.best-price > ul > li.price-block img {
    position: relative;
    top: -80px
}

.price-plan > ul > li.best-price > ul > li.price-block {
    position: relative
}

.price-plan > ul > li.best-price > ul > li.price-block > b {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    display: block
}

.mobile-price, .tablet-img, .tablet-more {
    display: none
}

.trusted-by {
    max-width: 980px;
    margin: 0 auto;
    padding: 30px 50px;
    text-align: center
}

.contacts, .faq, .some-text .container, .testimonials {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto
}

.trusted-by h2 {
    font-size: 30px;
    line-height: 55px;
    text-transform: uppercase
}

.trusted-by p {
    margin-bottom: 15px
}

.some-text {
    background: #f4faff;
    padding: 30px 0
}

.some-text h1, .some-text h2 {
    text-align: center;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 25px
}

.some-text h3 {
    font-size: 17px;
    text-transform: uppercase;
    margin: 20px 0
}

.some-text p {
    font-size: 16px;
    line-height: 24px;
}

.some-text .aligncenter {
    margin-bottom: 50px
}

.some-text .alignleft {
    margin: 0 40px 40px 0
}

.some-text .clear-mb {
    margin-bottom: 0
}

.testimonials {
    padding: 30px 0;
    margin: 0 auto
}

.testimonials h1 {
    font-size: 30px;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase
}

.testimonials > p {
    text-align: center;
    margin-bottom: 25px
}

.testimonials > ul {
    float: left;
    width: 74.545454545455%
}

.testimonials > ul > li {
    list-style: none;
    background: #f6f6f6;
    margin-bottom: 20px;
    border-left: 3px solid #2d3a55;
    padding: 15px 40px;
    line-height: 24px;
    text-align: justify
}

.aside-cta, .email-aside, .recent-posts ul li img {
    border: 1px solid #c6d3de
}

.testimonials > ul > li > i {
    display: block;
    text-align: right;
    font-size: 14px;
    font-style: italic;
    color: #a2a3a5
}

.aside-cta, .blog h1, .blog > p, .contacts .contact-text h3:first-child, .contacts h1, .email-aside, .faq h1, .faq > p, .follow-us h4, .form-notification, .recent-posts h4, .review-form p, .text-page h1, .text-page > p {
    text-align: center
}

.testimonials aside {
    float: right;
    width: 22.727272727273%
}

.aside-cta {
    padding: 15px;
    background: #f4faff;
    margin-bottom: 35px
}

.aside-cta h4 {
    font-size: 19px;
    line-height: 24px;
    margin: 10px 0 15px
}

.aside-cta .btn {
    width: 180px;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    padding: 0;
    margin: 8px auto
}

.aside-cta .btn.android:before, .aside-cta .btn.ios:before {
    background-size: 330px auto;
    left: 15px;
    top: 9px
}

.aside-cta .btn.android:before {
    background-position: -33px 0
}

.recent-posts {
    margin-bottom: 35px
}

.recent-posts h4 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 30px
}

.recent-posts ul li {
    padding-bottom: 30px;
    margin-bottom: 26px;
    border-bottom: 1px solid #c6d3de;
    list-style: none
}

.recent-posts ul li img {
    float: left;
    margin-right: 10px;
    margin-top: 4px
}

.recent-posts ul li a {
    font-size: 14px;
    line-height: 21px;
    color: #2d3a55;
    text-decoration: none
}

.recent-posts ul li a:hover {
    text-decoration: underline
}

.recent-posts ul li > p {
    display: none
}

.follow-us h4 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 20px
}

.contacts .follow-us ul {
    width: 400px
}

aside .follow-us ul {
    width: 90px;
    margin: 0 auto
}

aside .follow-us ul li {
    float: none
}

.follow-us ul li {
    float: left;
    list-style: none
}

.contacts-style-2 .follow-us ul li {
    float: left;
    list-style: none;
    width: auto
}

.follow-us ul li a {
    font-size: 14px;
    line-height: 32px;
    color: #2d3a55;
    padding-left: 30px;
    position: relative;
    text-decoration: none
}

.follow-us ul li a:hover {
    text-decoration: underline
}

.follow-us ul li a:before {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/sprite.png') -100px -100px no-repeat;
    position: absolute;
    top: -2px;
    left: 0
}

.follow-us ul li.inst a:before {
    background-position: -150px -100px
}

.follow-us ul li.youtube a:before {
    background-position: -100px -134px
}

.follow-us ul li.tw a:before {
    background-position: -150px -134px
}

.follow-us ul li.google a:before {
    background-position: -100px -167px
}

.follow-us ul li.pint a:before {
    background-position: -150px -167px
}

.email-aside {
    padding: 15px;
    background: #f4faff;
    margin-bottom: 35px
}

.email-aside h4 {
    font-size: 19px;
    line-height: 24px;
    margin: 10px 0 15px
}

.email-aside .btn {
    width: 170px;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    padding: 0 0 0 10px;
    margin: 0 auto
}

.email-aside input {
    background: #fff;
    border: 1px solid #dedede;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    padding-left: 20px;
    color: #2d3a55;
    font-size: 15px;
    margin-bottom: 13px
}

.faq {
    padding: 30px 0;
    margin: 0 auto
}

.faq h1 {
    font-size: 30px;
    line-height: 55px;
    width: 74.545454545455%
}

.faq > p {
    margin-bottom: 25px
}

.faq > ul, .subtitle {
    float: left;
    width: 74.545454545455%
}


.faq.main-faq h1, .faq.main-faq > ul {
    width: 100%
}

.faq > ul {
    padding-bottom: 15px;
}

.main-rtext h3 {
    text-transform: none
}

.blog .autor, .blog article h2, .blog article h3, .blog h1, .blog > ul > li h3, .contacts h1, .text-page article h3, .text-page h1 {
    text-transform: uppercase
}

.faq > ul > li {
    list-style: none;
    margin-bottom: 10px
}

.faq > ul > li .faq-question {
    height: 40px;
    background: url('../images/ar.png') right 15px center no-repeat #f6f6f6;
    font-size: 17px;
    font-weight: 500;
    color: #2d3a55;
    line-height: 40px;
    cursor: pointer;
    padding-left: 20px
}

.faq > ul > li .faq-question > span {
    font-size: 16px;
    margin-right: 5px
}

.faq > ul > li .faq-question.active {
    /* background: url('../images/ar-active.png') right 15px center no-repeat #2d3a55;*/
    background: #282828;
    background: linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    font-size: 17px;
    font-weight: 400;
    color: #fff
}

.faq > ul > li .faq-reply {
    background: #f6f6f6;
    padding: 15px 40px
}

.faq > ul > li .faq-reply p {
    line-height: 24px;
    margin-bottom: 10px
}

.faq aside {
    float: right;
    width: 22.727272727273%
}

.faq aside.aside-respons {
    display: block
}


.contacts {
    padding: 30px 0 50px;
    margin: 0 auto
}

.contacts-style-2 {
    padding: 50px 0
}

.contacts h1 {
    font-size: 30px;
    line-height: 55px
}

.contacts > p {
    text-align: center;
    margin-bottom: 60px
}

.contacts h1 + p + p {
    display: none
}

.contacts .contact-form {
    float: left;
    width: 60%
}

.testimonials .review-form {
    float: left;
    width: 74.545454545455%
}

.review-form p {
    margin-bottom: 20px
}

.poption h3 {
    padding-left: 50px
}

.contacts .contact-form input, .testimonials .review-form input {
    box-sizing: border-box;
    width: 49.031007751938%;
    height: 36px;
    border: 1px solid #dedede;
    background: #fff;
    float: right;
    margin-bottom: 10px;
    padding-left: 20px
}

#email-aside button.btn.mail {
    float: none;
    width: 180px
}

.contacts .contact-form input:first-child, .testimonials .review-form input:first-child {
    float: left
}

.contacts .contact-form textarea, .testimonials .review-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dedede;
    background: #fff;
    clear: both;
    height: 310px;
    resize: none;
    margin-bottom: 10px;
    padding: 10px 10px 10px 20px
}

.blog, .text-page {
    max-width: 1100px;
    padding: 30px 0
}

.contacts .contact-form input.error, .contacts .contact-form textarea.error, .email-aside input.error, .testimonials .review-form input.error, .testimonials .review-form textarea.error {
    border: 1px solid #a9415a;
    -webkit-box-shadow: inset 0 0 6px 1px rgba(166, 67, 87, .3);
    -moz-box-shadow: inset 0 0 6px 1px rgba(166, 67, 87, .3);
    box-shadow: inset 0 0 6px 1px rgba(166, 67, 87, .3)
}

.form-notification {
    height: 34px;
    background: #dd2950;
    border-radius: 3px;
    color: #fff;
    line-height: 34px;
    font-size: 13px;
    margin-top: -12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box
}

.form-notification::after {
    content: " ";
    width: 14px;
    height: 14px;
    background: #dd2950;
    margin: 25px auto 0;
    position: absolute;
    left: 0;
    right: 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    transform: rotate(45deg)
}

.contacts .contact-form textarea.error + .form-notification {
    display: none !important
}

.blog article .read-more, .blog > ul > li > img.img-mobile, aside.aside-respons {
    display: none
}

.contacts .contact-text {
    float: right;
    width: 40%
}

.contacts .contact-text h3 {
    font-size: 17px;
    text-transform: uppercase;
    margin: 20px 0
}

.contacts .contact-text h3:first-child {
    margin-top: 0
}

.contacts .contact-text p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.contacts .follow-us {
    margin: 20px auto;
    width: 360px
}

.text-page {
    margin: 0 auto
}

.text-page h1 {
    font-size: 30px;
    line-height: 55px
}

.text-page > p {
    margin-bottom: 25px
}

.text-page article h3 {
    font-size: 17px;
    margin: 20px 0
}

.text-page article p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
}

.blog {
    margin: 0 auto
}

.blog h1 {
    font-size: 30px;
    line-height: 55px
}

.blog > ul > li h3, .blog > ul > li > p {
    line-height: 24px;
    margin-bottom: 10px
}

.blog > p {
    margin-bottom: 25px
}

.blog > ul {
    float: left;
    width: 74.545454545455%
}

.blog > ul > li {
    list-style: none;
    border-bottom: 1px solid #c6d3de;
    margin-bottom: 30px;
    padding-bottom: 30px;
    height: 178px;
    transition: all ease-in-out .5s
}

.blog > ul > li:last-child {
    border-bottom: none
}

.blog > ul > li > img {
    float: left;
    margin-right: 20px
}

.blog > ul > li h3 {
    font-size: 17px
}

.blog > ul > li h3 a {
    color: #2d3a55;
    text-decoration: none
}

.blog > ul > li h3 a:hover {
    text-decoration: underline
}

.blog .autor {
    color: #9a9a9a;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 10px
}

.blog > ul > li > p {
    font-size: 16px
}

.blog aside {
    float: right;
    width: 22.727272727273%
}

.blog aside .email-aside {
    background: #f4faff
}

.blog aside .email-aside > p {
    text-align: inherit;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px
}

.blog article {
    float: left;
    width: 74.545454545455%
}

.blog article .alignleft {
    margin: 0 20px 0 0
}

.blog article .alignright {
    margin: 0 0 0 20px
}

.blog article h2 {
    font-size: 17px;
    margin-bottom: 15px
}

.blog article h3 {
    font-size: 15px;
    margin: 25px 0
}

.blog article p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
}

.blog article ul li {
    margin: 15px 0 15px 40px;
    position: relative;
    padding-left: 5px;
    line-height: 24px;
    list-style-type: none
}

.blog article ol {
    counter-reset: point;
}


.blog article ol li {
    position: relative;
    list-style: none;
    padding-left: 30px;
    margin: 15px 0;
    line-height: 24px;
    margin-left: 30px;
}

.blog article ol li:before {
    left: -10px;
    content: counter(point, decimal);
    counter-increment: point 1;
    color: #2d3a55;
    box-sizing: border-box;
    background: #bcd8f3;
    border-radius: 50%;
    padding: 7px 9px 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.cancel h1, .success h1 {
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase
}

.next-prev {
    margin-top: 30px
}

.next-prev .prev {
    float: left
}

.next-prev .next {
    float: right
}

.next-prev a > span, a.more-link > span {
    font-family: "HelveticaNeu", Arial, Helvetica, sans-serif;
}

.cancel {
    margin: 0 auto;
    height: 100%
}

.cancel:after {
    display: table;
    content: "";
    clear: both
}

.cancel h1 {
    background: #f9e7e7;
    font-size: 30px
}

.cancel img {
    display: block;
    margin: 13px auto
}

.cancel p {
    text-align: center;
    font-size: 17px;
    margin-bottom: 25px
}

.cancel .btn-block, .success .btn-block {
    width: 692px;
    margin: 0 auto
}

.cancel .btn-block:after, .success .btn-block:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.cancel .btn-block a, .success .btn-block a {
    margin: 0 5px;
    float: left
}

.success {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    flex: 1 0 auto
}

.body-cancel {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cancel {
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.footer-cancle {
    flex: 0 0 auto
}

.success h1 {
    background: #e7f9e9;
    font-size: 30px
}

.success img {
    display: block;
    margin: 13px auto;
    max-width: 100%
}

.success p {
    text-align: center;
    font-size: 17px;
    margin-bottom: 25px
}

.page-404 {
    background: url('../images/bg-top.jpg')
}

.block-404 {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 auto
}

.block-404 h1 {
    text-align: center;
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 20px
}

.block-404 p {
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 60px
}

.block-404 .btn-block {
    width: 692px;
    margin: 0 auto
}

.block-404 .btn-block a {
    margin: 0 5px;
    float: left
}

.social-links, footer > ul > li h3 {
    margin-bottom: 20px
}

footer {
    background: #2f2f2f;
    background: -moz-linear-gradient(top, #313946 0%, #232323f2 47%, #080808f5 100%);
    background: -webkit-linear-gradient(top, #313946 0%, #232323f2 47%, #080808f5 100%);
    background: linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    display: flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    color: #FFF
}

.wrappers {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto
}

.wrapper-footer {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

.wrapper-footer-top {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
    padding: 0 15px
}

.wrapper-footer-footer {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    padding: 5px 0 15px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.wrapper-footer-footer p {
    text-align: center
}

.footer-contacts {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    font-weight: 500
}

.footer-contacts ul li a {
    color: #FFF;
    text-decoration: none
}

.footer-contacts ul li a:hover {
    color: #eac77c;
    text-decoration: none;
    text-decoration: underline
}

.footer-contacts p {
    font-size: 18px;
    font-weight: 700;
    color: #f9bf45
}

.footer-contacts ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    color: #eac77c
}

.footer-networks {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.footer-networks p {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #f9bf45
}

.footer-networks ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    text-align: center;
    justify-content: space-around;
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    font-size: 20px
}

.footer-networks ul:first-child {
    margin-bottom: 10px
}

.footer-networks ul:last-child li {
    margin-right: 5px
}

.footer-networks ul li a {
    color: #ced2dc;
    transition: color ease-in .1s
}

.footer-networks ul li a:hover {
    color: #fff
}

.footer-payment {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.footer-payment p {
    font-size: 18px;
    font-weight: 700;
    color: #f9bf45
}

.footer-payment ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.wrapper-footer-center {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0 0 0 15px
}

.wrapper-footer-center ul li a {
    text-decoration: none;
    color: #8199d1;
    transition: color ease-in .1s;
    font-weight: 500
}

.wrapper-footer-center ul li a:hover {
    color: #eac77c;
    text-decoration: underline
}

.wrapper-footer-center ul li {
    margin-right: 4px
}

.wrapper-footer-center ul li:after {
    content: "|"
}

.wrapper-footer-center ul li:last-child:after {
    display: none
}

.wrapper-footer-center ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

footer ul li {
    list-style: none
}

.contact_request, .msg-succes, .sbsc-sucess, .subtitle-page, .title-page, footer > ul > li:nth-child(2) {
    text-align: center
}

footer > ul > li:last-child {
    margin-right: 0
}

footer > ul > li:nth-child(1) > a {
    font-size: 14px;
    margin-right: 20px
}

footer > ul > li .copy {
    font-size: 13px;
    font-weight: 400;
    margin-top: 31px
}

.social-links a {
    font-size: 20px;
    color: #777;
    margin: 0 10px
}

.social-links a:hover:nth-child(1) {
    color: #55acee
}

.social-links a:hover:nth-child(2) {
    color: #3b5998
}

.social-links a:hover:nth-child(3) {
    color: #cd201f
}

.social-links a:hover:nth-child(4) {
    color: #3f729b
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    line-height: 0;
    height: 0
}

.owl-carousel, .owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url('../js/grabbing.png') 8 8, move
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    text-indent: -9999px;
    position: absolute;
    width: 27px;
    height: 46px;
    top: 50%;
    margin-top: -23px
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -50px;
    background: url('../images/sprite.png') 0 -100px no-repeat
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -50px;
    background: url('../images/sprite.png') -50px -100px no-repeat
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.mobile, .more-samples, .sbsc-sucess {
    display: none
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url('../js/AjaxLoader.gif') center center no-repeat
}

.msg-succes {
    line-height: 22px;
    margin-top: 20px;
    font-size: 20px;
    background-color: #A4FFA8;
    padding: 10px;
    border-radius: 20px;
    color: #000
}

.sbsc-sucess {
    padding-top: 20px;
    color: #20A120;
    font-size: 14px
}

.free {
    color: #FF5F80
}

.old-price, .price {
    display: block;
    margin: 15px 0 10px;
    color: #1EB515;
    font-size: 40px;
    position: relative
}

.new-price, .old-price:after {
    display: block;
    position: absolute
}

.old-price:after {
    content: '';
    height: 3px;
    width: 40%;
    margin: 0 auto;
    background: red;
    top: 50%;
    left: 0;
    z-index: 999;
    right: 0;
    transform: rotate(22deg)
}

.new-price {
    margin: 15px 0 10px;
    color: #1EB515;
    font-size: 27px;
    left: 72%;
    top: 50px
}

.paypal {
    position: relative
}

.poption img {
    margin: 0 10px;
    width: 35px
}

.poption img:first-child {
    margin: 0
}

.poption img:last-child {
    margin: 0
}

.paypal .btn {
    height: 50px;
    line-height: 50px
}

.soc-btns ul {
    list-style: none !important
}

.soc-btns ul li {
    float: left;
    height: 24px !important
}

.soc-btns ul li:first-child {
    padding: 2px;
    margin-right: 10px;
    margin-left: 10px
}

.soc-btns ul li:last-child {
    width: 130px
}

.soc-btns ul li:nth-child(2) {
    margin-top: 2px
}

.contact_request {
    font-size: 20px;
    margin-top: 40px;
    font-weight: 700;
    padding-right: 6.5%;
    padding-left: 6.5%;
    line-height: 1.4
}

.attention, .bold {
    font-weight: 700
}

.price-plan .btn.free-app.android {
    background: #d7294d;
    line-height: 60px;
    width: 310px;
    margin: 40px auto 0
}

.optimization-pkg .package-first-line, .price-plan.optimization-pkg > ul > li > ul > li {
    font-size: 12px
}

.not-included {
    text-decoration: line-through
}

.some-text li {
    line-height: 1.6
}

.campaign-pkg-item {
    box-sizing: border-box;
    position: relative
}

.campaign-pkg, .page-headline {
    margin-top: 30px
}

.attention {
    color: red
}

.campaign-pkg-details li, .campaign-pkg-title {
    position: relative;
    font-weight: 300;
    text-align: center
}

.campaign-pkg-title {
    color: #fff;
    border-radius: 10px 10px 0 0;
    text-transform: uppercase;
    font-size: 26px;
    border: none;
    line-height: normal;
    letter-spacing: 1.04px;
    z-index: 2
}

.campaign-pkg-title-once {
    padding: 13px 0
}

.campaign-pkg-details li {
    list-style: none;
    background: #fff;
    padding: 20px 0;
    line-height: 1;
    font-size: 16px;
    color: #010101
}

.campaign-pkg-details li:after, .campaign-pkg-item:before {
    position: absolute;
    z-index: 1;
    right: 0;
    display: block;
    left: 0
}

.campaign-pkg-details li:after {
    content: '';
    background: url('../images/pkg-shadow.png') no-repeat;
    bottom: -9px;
    width: 238px;
    margin: 0 auto;
    height: 13px
}

.campaign-pkg-item:before, .clearfix:after, .old-rpice:before {
    content: ""
}

.campaign-pkg-details li:first-child {
    font-size: 20px
}

.campaign-pkg-details {
    border-right: 1px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    border-radius: 0 0 25px 25px;
    padding-top: 10px;
    margin-top: 12px;
    background-color: #fff
}

.campaign-pkg-item:before {
    top: -24px;
    width: 289px;
    background: url('../images/pkg-bg.png') 8px 0 no-repeat;
    height: 100px;
    background-size: 95%;
    margin: 0 auto
}

.campaign-pkg-input {
    width: 216px;
    height: 37px;
    border: none;
    background: #f1f1f1;
    color: #010101;
    text-align: center;
    margin: 20px auto;
    display: block;
    font-size: 17px;
    border-radius: 20px;
    line-height: 46px
}

.campaign-pkg-input::-webkit-input-placeholder {
    color: #9a9a9a;
    font-weight: 400
}

.campaign-pkg-input::-moz-placeholder {
    color: #9a9a9a;
    font-weight: 400
}

.campaign-pkg-input:-moz-placeholder {
    color: #9a9a9a;
    font-weight: 400
}

.campaign-pkg-input:-ms-input-placeholder {
    color: #9a9a9a;
    font-weight: 400
}

.campaign-pkg-form .campaign-pkg-btn {
    width: 230px;
    margin: 0 auto 20px;
    background-color: #0166ff;
    -webkit-box-shadow: inset -18px -70px 0 -34px #257cff;
    -moz-box-shadow: inset -18px -70px 0 -34px #257cff;
    box-shadow: inset 0 20px 0 5px #257cff;
    font-size: 20px;
    text-transform: capitalize;
    font-family: HelveticaNeu, Arial, Helvetica, sans-serif;
    -webkit-transition: all .1s ease-out .1s;
    -moz-transition: all .1s ease-out .1s;
    -o-transition: all .1s ease-out .1s;
    transition: all .1s ease-out .1s
}

.campaign-pkg-form .campaign-pkg-btn:hover {
    background-color: #257cff;
    -webkit-box-shadow: inset -18px -70px 0 -34px #0166ff;
    -moz-box-shadow: inset -18px -70px 0 -34px #0166ff;
    box-shadow: inset 0 20px 0 5px #0166ff
}

.campaign-pkg-price {
    text-align: center;
    font-size: 50px;
    color: #06f;
    font-weight: 400;
    position: relative
}

.old-rpice {
    position: absolute;
    font-size: 20px;
    display: block;
    right: 8px;
    top: -15px;
    color: red
}

.old-rpice:before {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 12px;
    height: 1px;
    background: red
}

.most-popular-label {
    position: absolute;
    top: -45px;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto
}

.content-img {
    max-width: 480px;
    width: 100%;
    height: 352px;
    float: left;
    margin-right: 21px;
    margin-bottom: 0
}

.some-text ul {
    padding: 0 0 0 30px
}

div.like_h2 {
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 55px;
    text-transform: uppercase
}

div.like_h2_main, h1.like_h2 {
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

div.like_h2_main {
    font-weight: 700
}

.pop-up-wrap {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 50px
}

.pop-up {
    background-color: #fff !important;
    width: 500px;
    text-align: center;
    margin: 75px auto 0;
    height: 315px;
    padding: 10px;
    border-radius: 5px
}

.close-popup {
    position: relative;
    right: -238px;
    top: -29px;
    cursor: pointer;
    width: 20px !important;
    margin-top: 0 !important
}

.pop-up h2 {
    line-height: 26px;
    font-weight: 700;
    color: #333;
    margin-top: -45px;
    margin-bottom: 19px;
    font-size: 20px
}

.pop-up p {
    color: #747474;
    text-align: center;
    font-size: 17px;
    margin-top: -15px;
    margin-bottom: -10px
}

.pop-up input {
    height: 20px;
    border: 1px solid #d2d2d2;
    padding: 8px 15px;
    color: #000;
    border-radius: 5px;
    width: 460px;
    font-size: 13px;
    margin: 5px;
    font-family: Arial, Helvetica, sans-serif
}

.get-check-list {
    margin: 25px auto;
    border-radius: 4px;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .3), inset 0 1px 0 0 rgba(255, 255, 255, .2)
}

.get-check-list:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .1)
}

.contact_block_right_button {
    margin: 17px auto 0;
    line-height: 56px
}

.video-testimonials {
    margin-top: 25px
}

.footer-contact-link {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700
}

.footer-contact-link:first-of-type {
    margin-top: 10px
}

.footer-contact-link a {
    font-weight: 400;
    font-size: 14px
}

.video-testimonials__descriprion, .video-testimonials__descriprion p {
    text-align: center
}

.video-testimonials__descriprion {
    float: left;
    width: 40%;
    position: relative
}

.testim-frame {
    width: 100%;
    height: 276px
}

.video-testimonials__video {
    width: 60%;
    float: right
}

.clearfix:after {
    display: table;
    clear: both
}

.video-testimonials__descriprion-title {
    margin-top: 73px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700
}

.video-testimonials__descriprion .android {
    margin: 0 auto
}

.testimonials-btn {
    width: 270px;
    font-size: 15px;
    height: 50px;
    line-height: 55px
}

.video-testimonials__descriprion .testimonials-btn {
    width: 250px;
    height: 45px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    font-size: 15px
}

.footer-contact-link .fa {
    font-size: 19px;
    vertical-align: bottom;
    padding-right: 5px
}

.term-link {
    margin-top: 15px
}

.term-link a {
    margin-right: 5px
}

.pagination ul {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination li > a, .pagination__item {
    height: 40px;
    margin-right: 8px;
    font-size: 15px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
    box-sizing: border-box
}

.pagination ul li {
    display: inline
}

.pagination li > a {
    border-radius: 3px;
    line-height: 30px !important;
    color: #797979
}

.pagination .pagination__item_active {
    z-index: 2;
    color: #fff;
    background-color: #3f88d4;
    border-color: #3f88d4;
    cursor: default
}

.pagination li > a, .pagination li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #f3f3f2;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination li > a:hover {
    background-color: #3f88d4;
    color: #fff
}

.pagination__item {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    line-height: 30px !important;
    color: #797979
}

.pagination {
    text-align: center
}

.pagination li .pagination__item_disable {
    padding: 6px 12px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
    background-color: transparent;
    color: #797979
}

.int-up {
    font-size: 18px
}

.img-center {
    margin: 0 auto;
    display: block
}

.img-center-promotional-trends {
    max-width: 85%;
    padding: 5px 0
}

.img-center-aso-for-rich-tricks {
    max-width: 75%;
    padding: 5px 0
}

.list-ol {
    padding: 0 0 15px
}

.img-blog-offset-bottom {
    margin-bottom: 10px
}

.contact-text-sidebar {
    margin: 0 auto;
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box
}

.contact-info {
    margin-top: 100px
}

.contact-info h3, .contact-info h4, .contact-info p {
    margin-bottom: 10px
}

.contacts-style-2-header {
    margin-bottom: 40px
}

.contacts-style-2-header p {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3
}

.contacts-style-2 .follow-us h4 {
    width: 300px
}

.blog-table {
    margin-bottom: 15px
}

.blog-table thead {
    background: #2d3a55;
    font-size: 17px;
    font-weight: 400;
    color: #fff
}

.blog-table th {
    padding: 10px 0
}

.blog-table td {
    padding: 10px 15px
}

.blog-table tr:nth-child(2n) {
    background: #f6f6f6
}

.blog article ul {
    margin: .75em 0;
    padding: 0 1em;
    list-style: none
}

.blog article li:before {
    position: absolute;
    left: -10px;
    top: 50%;
    content: '';
    background: #2d3a55;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    display: block;
    font-weight: 700;
    line-height: 10px;
    transform: translateY(-50%)
}

.footer-contact-link span {
    font-weight: 400
}

.contact-text-sidebar #map {
    margin-bottom: 20px;
    width: 100%;
    height: 250px
}

.footer-contact-addres {
    margin-bottom: 20px
}

.blog article .offset-index li.offset-index__1 span, .blog article .offset-index li.offset-index__2 span, .blog article .offset-index li.offset-index__3 span {
    background: #bcd8f3;
    border-radius: 50%;
    padding: 7px 9px 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px
}


.blog-prev-img {
    max-width: 180px
}

.blog-prev-img-main {
    max-width: 300px
}

.app-market .btn {
    width: 310px
}

.blog article .list-style-top li:before {
    top: 10px
}


.fb-count-share-footer iframe {
    max-width: 90px;
    height: 20px
}

.sample-rev .btn-trsp, .you-ready .btn {
    font-size: 14px
}


header {
    background: #282828;
    background: -moz-linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    background: -webkit-linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    /*    background: linear-gradient(to bottom, #417498 0%, #133467f2 47%, #182D80 100%);*/
    background: linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    /*            background: url(/images/bg-top.jpg) center top;*/
}

.wrapper-header {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

.wrapper-header-container {
    display: flex;
    padding: 20px 0;
    position: relative;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
}

.wrapper-header-container nav {
    margin: 0 auto;
    max-width: 1170px;
    background: rgba(87, 110, 152, 0.25);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
    border-radius: 10px;
}

nav::after {
    display: block;
    content: '';
    clear: both;
}

nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

nav ul li {
    float: left;
    position: relative;
    cursor: pointer;
}

nav ul li a {
    display: block;
    color: rgba(255, 255, 255, .9);
    text-decoration: none;
    padding: 20px 20px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transition: all .3s ease-in-out;
}

nav ul li:hover,
nav ul li:focus {
    background: rgb(183, 124, 0);
    transition: background-color ease 0.2s;
}

nav ul li:first-child:hover,
nav ul li:first-child:focus {
    border-radius: 10px 0 0 10px;
}

nav ul li:last-child:hover,
nav ul li:last-child:focus {
    border-radius: 0 10px 10px 0;
}

nav ul li a:focus {
    color: white;
}

nav ul li a:not(:only-child)::after {
    padding-left: 4px;
    content: ' ▾';
}

nav ul li ul li {
    min-width: 190px;
}

nav ul li ul li a {
    background: rgba(84, 136, 190, 0.13);
    background: -moz-linear-gradient(to bottom, #5488be 0%, #232323f2 47%, #080808f5 100%);
    background: -webkit-linear-gradient(to bottom, #5488be 0%, #232323f2 47%, #080808f5 100%);
    /*    background: linear-gradient(to bottom, #417498 0%, #133467f2 47%, #182D80 100%);*/
    background: linear-gradient(to bottom, rgb(255, 206, 103) 0%, rgb(255, 206, 103) 47%, rgb(255, 207, 106) 100%);
    color: #080808;
    border-bottom: 1px solid #acaeb3;
    padding: 15px 10px;
    transition: background ease-in-out 0.5s;
}

nav ul li ul li:last-child:hover {
    border-radius: 0 0 0 0;
    background: linear-gradient(to bottom, rgb(173, 160, 57) 0%, rgb(181, 138, 48) 47%, rgb(187, 148, 67) 100%);;

    transition: background ease-in-out 0.5s
}

nav ul li ul li:first-child:hover {
    border-radius: 0 0 0 0;
    background: linear-gradient(to bottom, rgb(173, 160, 57) 0%, rgb(181, 138, 48) 47%, rgb(187, 148, 67) 100%);
    transition: background ease-in-out 0.5s
}

nav ul li ul li a:hover,
nav ul li ul li a:focus {
    color: #eee;
    background: linear-gradient(to bottom, rgb(173, 160, 57) 0%, rgb(181, 138, 48) 47%, rgb(187, 148, 67) 100%);
    transition: color ease 0.5s
}


.dropdown {
    display: none;
    position: absolute;
    box-shadow: 0 4px 10px rgba(10, 20, 30, .4);
}


/*******************language*******************/


@media screen and (max-width: 1999px) {
    .campaign-pkg-item {
        margin-top: 50px
    }
}


@media (max-width: 1366px) {
    nav ul li a {
        padding: 20px 14px;
    }

    .wrapper-header-container {
        margin: 0 9px;
    }
}

@media screen and (max-width: 1199px) {
    .campaign-pkg-item:before {
        top: -34px;
        width: 323px;
        height: 116px
    }

    .campaign-pkg-title {
        font-size: 27px
    }
}

@media (min-width: 1024px) {
    .mobile-menu {
        display: block;
    }

}

@media (max-width: 1023px) {
    .contacts, .faq, .some-text .container, .testimonials {
        max-width: calc(100% - 30px);
        padding: 0 15px;
        margin: 0 auto
    }

    . {
        display: block;
        right: 65px;
        height: 37px;
        position: absolute;
    }

    .languagepicker:hover {
        height: 71px;
    }

    .languagepicker li {
        line-height: 43px;
    }

    .logo {
        display: block;
    }

    .wrapper-header-container {
        justify-content: space-between;
        padding: 20px 15px;
        margin: 0 0;
    }


    .wrapper-header-container nav {
        display: none;
        border-radius: 0;
        background: rgb(49, 56, 68);
    }

    .wrapper-header-container nav.pushmenu {
        display: block;
    }

    nav ul li:hover, nav ul li:focus {
        background: #cacaca;
    }

    nav ul li:first-child:hover, nav ul li:first-child:focus {
        border-radius: 0 0 0 0;
    }

    nav ul li:last-child:hover, nav ul li:last-child:focus {
        border-radius: 0 0 0 0;
    }


    /* Icon 1 */
    #nav-icon3 {
        width: 31px;
        padding: 20px 0;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #dedede;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    /* Icon 3 */
    #nav-icon3 span:nth-child(1) {
        top: 8px;
    }

    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
        top: 20px;
    }

    #nav-icon3 span:nth-child(4) {
        top: 31px;
    }

    #nav-icon3.open span:nth-child(1) {
        top: 15px;
        width: 0%;
        left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
        top: 15px;
        width: 0%;
        left: 50%;
    }

    .wrapper-header-container .mobile-menu {
        display: none;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        z-index: 999;
    }

    .wrapper-header-container .mobile-menu .dropdown {
        display: none;
        position: relative;
    }

    .wrapper-header-container .mobile-menu ul li {
        float: none;
    }

    .wrapper-header-container .mobile-menu ul li a {
        text-align: center;
        font-weight: 600;
        border-bottom: 1px solid #000000;
        border-radius: 0 0 0 0;
    }

    nav ul li ul li a {
        z-index: 999;
        background: #cacaca;
        opacity: 1;
        color: #333b45;
    }

    nav ul li.drop a:focus {
        color: #333b45;
    }

    .wrapper-header-container .logo img {
        height: auto;
        width: 125px;
    }

}

@media (min-width: 1024px) {
    .mobile-menu {
        display: block;
    }
}

@media (max-width: 1023px) {
    .languagepicker {
        display: block;
        right: 65px;
        height: 37px;
    }

    .languagepicker:hover {
        height: 71px;
    }

    .languagepicker li {
        line-height: 43px;
    }

    .logo {
        display: block;
    }

    .wrapper-header-container {
        justify-content: space-between;
        padding: 20px 15px;
    }


    .wrapper-header-container nav {
        display: none;
        border-radius: 0;
        background: rgb(49, 56, 68);
    }

    .wrapper-header-container nav.pushmenu {
        display: block;
    }

    nav ul li:hover, nav ul li:focus {
        background: #cacaca;
    }

    nav ul li:first-child:hover, nav ul li:first-child:focus {
        border-radius: 0 0 0 0;
    }

    nav ul li:last-child:hover, nav ul li:last-child:focus {
        border-radius: 0 0 0 0;
    }


    /* Icon 1 */
    #nav-icon3 {
        width: 31px;
        padding: 20px 0;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #dedede;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    /* Icon 3 */
    #nav-icon3 span:nth-child(1) {
        top: 8px;
    }

    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
        top: 20px;
    }

    #nav-icon3 span:nth-child(4) {
        top: 31px;
    }

    #nav-icon3.open span:nth-child(1) {
        top: 15px;
        width: 0%;
        left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
        top: 15px;
        width: 0%;
        left: 50%;
    }

    .wrapper-header-container .mobile-menu {
        display: none;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        z-index: 999;
    }

    .wrapper-header-container .mobile-menu .dropdown {
        display: none;
        position: relative;
    }

    .wrapper-header-container .mobile-menu ul li {
        float: none;
    }

    .wrapper-header-container .mobile-menu ul li a {
        -webkit-text-align: center;
        -moz-text-align: center;
        -ms-text-align: center;
        -o-text-align: center;
        -khtml-text-align: center;
        text-align: center;
        font-weight: 600;
        border-bottom: 1px solid #000000;
        border-radius: 0 0 0 0;
    }

    nav ul li ul li a {
        z-index: 999;
        background: #cacaca;
        opacity: 1;
        color: #333b45;
    }

    nav ul li.drop a:focus {
        color: #333b45;
    }

    .wrapper-header-container .logo img {
        height: auto;
        width: 125px;
    }

}

@media screen and (max-width: 991px) {
    .campaign-pkg-item:before {
        top: -40px;
        width: 378px;
        height: 130px
    }

    .campaign-pkg-item {
        margin-top: 70px
    }

    .campaign-pkg-title {
        padding: 13px 0
    }
}

@media screen and (max-width: 767px) {
    .campaign-pkg-header {
        background-color: #0166ff;
        -webkit-box-shadow: inset 0 35px 0 5px #257cff;
        -moz-box-shadow: inset 0 35px 0 5px #257cff;
        box-shadow: inset 0 35px 0 5px #257cff;
        font-size: 20px;
        text-transform: capitalize;
        font-family: HelveticaNeu, Arial, Helvetica, sans-serif;
        border-radius: 25px 25px 0 0
    }

    .campaign-pkg-title {
        padding: 30px 0;
        border-radius: 10px 10px 0 0
    }

    .campaign-pkg-item:before {
        display: none
    }

    .campaign-pkg-details {
        margin-top: 0
    }

    .campaign-pkg-item {
        margin-top: 25px
    }

    .most-popular-label {
        top: -15px
    }

    .old-rpice {
        right: 35%
    }
}

@media (max-width: 780px) {
    .footer-contact-link, .footer-contact-link a {
        font-size: 14px
    }

    .footer-contact-link {
        margin-bottom: 12px
    }
}

@media (max-width: 767px) {
    .content-img {
        height: auto
    }
}

@media (min-width: 767px) {
    footer {
        padding-top: 30px
    }
}

@media (max-width: 767px) {
    .video-testimonials__descriprion, .video-testimonials__video {
        float: none;
        margin: 25px auto 0;
        width: 100%
    }

    .video-testimonials__descriprion {
        margin: 0 auto
    }

    .video-testimonials__descriprion-title {
        margin-top: 0
    }

    .video-testimonials__descriprion .android {
        width: 270px;
        font-size: 15px
    }
}

@media (max-width: 535px) {
    .pop-up {
        width: 280px;
        height: 290px
    }

    .close-popup {
        right: -134px;
    }

    .pop-up input {
        width: 250px
    }

    .pop-up .contact_block_right_button {
        display: block;
        margin-top: 4px;
        width: 215px;
        font-size: 14px;
        font-weight: 600
    }

    .pop-up h2 {
        font-size: 16px;
        line-height: 1.3
    }

    .pop-up p {
        line-height: 1.4;
        margin-bottom: 10px
    }
}

@media (max-width: 479px) {
    .app-market .btn {
        width: 310px
    }

    nav.active-mobile ul {
        padding-bottom: 5px
    }

    nav.active-mobile ul li.toogle-leng-item {
        background-color: inherit
    }

    nav.active-mobile ul li.toogle-leng-item a:first-child {
        background-color: rgba(208, 214, 213, .71);
        border-radius: 5px;
        margin-bottom: 2px;
        border: 1px solid silver
    }

    nav.active-mobile ul li.toogle-leng-item a:last-child {
        background-color: inherit;
        margin-bottom: 5px;
        border: none
    }

    .toogle-leng-item img {
        vertical-align: sub;
        padding-bottom: 2px
    }

    .blog-prev-img {
        max-width: 100%
    }
}

@media (max-width: 400px) {
    .blog article .offset-index li.offset-index__1:before {
        visibility: visible
    }

    .blog article .offset-index li.offset-index__1 span, .blog article .offset-index li.offset-index__2 span, .blog article .offset-index li.offset-index__3 span {
        display: none
    }

    .app-market .btn {
        width: auto
    }

    .language-display {
        display: initial
    }

    nav.active-mobile ul {
        padding-bottom: 5px
    }

    nav.active-mobile ul li {
        width: inherit
    }

    nav.active-mobile ul li.toogle-leng-item {
        background-color: inherit;
        border-radius: 10px
    }

    nav.active-mobile ul li.toogle-leng-item a:first-child {
        background-color: rgba(208, 214, 213, .71);
        border-radius: 5px;
        margin-bottom: 2px;
        border: 1px solid silver
    }

    nav.active-mobile ul li.toogle-leng-item a:last-child {
        background-color: inherit;
        margin-bottom: 5px;
        border: none
    }

    .toogle-leng-item img {
        vertical-align: sub;
        padding-bottom: 2px
    }
}

@media (max-width: 390px) {
    body footer > ul > li .copy {
        text-align: center;
        top: 135px
    }

    .footer-contact-link a {
        margin-top: 10px
    }
}

@media (max-width: 320px) {
    .app-market .btn {
        width: 275px;
        margin: 0 auto
    }

    .ratings-text .rtext p {
        line-height: 24px;
        margin-bottom: 15px;
        font-weight: 400
    }

    .contacts .contact-form textarea, .testimonials .review-form textarea {
        height: 150px
    }
}


@media (max-width: 1366px) {
    nav ul li a {
        padding: 20px 14px;
    }

}


@media (max-width: 480px) {
    .languagepicker li {
        padding: 0 5px;
    }
}


@media (max-width: 480px) {
    .languagepicker li {
        padding: 0 5px;
    }
}

.app-market {
    background-position: 0 top
}

.app-market h2 {
    font-size: 26px
}

.app-market ul li {
    width: 315px
}

.how-it ul li {
    margin-right: 70px
}

body {
    padding: 0
}

.block-404 .vertical-center {
    position: static;
    margin-top: 20px
}

footer {
    position: relative;
    bottom: 0
}

.package-first-line {
    font-size: 20px
}

.ratings-text p {
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 400
}


header {
    background: #282828;
    background: -moz-linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    background: -webkit-linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    /*    background: linear-gradient(to bottom, #417498 0%, #133467f2 47%, #182D80 100%);*/
    background: linear-gradient(to bottom, #313946 0%, #232323f2 47%, #080808f5 100%);
    /*            background: url(/images/bg-top.jpg) center top;*/
}

.wrapper-header {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

.wrapper-header-container {
    display: flex;
    padding: 20px 0;
    position: relative;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
    padding-right: 130px;
}

.wrapper-header-container nav {
    margin: 0 auto;
    max-width: 1170px;
    background: rgba(87, 110, 152, 0.25);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
    border-radius: 10px;
}

nav::after {
    display: block;
    content: '';
    clear: both;
}

nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

nav ul li {
    float: left;
    position: relative;
    cursor: pointer;
}

nav ul li a {
    display: block;
    color: rgba(255, 255, 255, .9);
    text-decoration: none;
    padding: 20px 20px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transition: all .3s ease-in-out;
}

nav ul li:hover,
nav ul li:focus {
    background: rgb(183, 124, 0);
    transition: background-color ease 0.2s;
}

nav ul li:first-child:hover,
nav ul li:first-child:focus {
    border-radius: 10px 0 0 10px;
}

nav ul li:last-child:hover,
nav ul li:last-child:focus {
    border-radius: 0 10px 10px 0;
}

nav ul li a:focus {
    color: white;
}

nav ul li a:not(:only-child)::after {
    padding-left: 4px;
    content: ' ▾';
}

nav ul li ul li {
    min-width: 190px;
}

nav ul li ul li a {
    background: rgba(84, 136, 190, 0.13);
    background: -moz-linear-gradient(to bottom, #5488be 0%, #232323f2 47%, #080808f5 100%);
    background: -webkit-linear-gradient(to bottom, #5488be 0%, #232323f2 47%, #080808f5 100%);
    /*    background: linear-gradient(to bottom, #417498 0%, #133467f2 47%, #182D80 100%);*/
    background: linear-gradient(to bottom, rgb(210, 210, 210) 0%, rgb(218, 218, 218) 47%, rgb(218, 218, 218) 100%);
    color: #080808;
    border-bottom: 1px solid #acaeb3;
    padding: 15px 10px;
    transition: background ease-in-out 0.5s;
    text-align: center;
}

nav ul li ul li:last-child:hover {
    border-radius: 0 0 0 0;
    background: linear-gradient(to bottom, rgb(173, 160, 57) 0%, rgb(181, 138, 48) 47%, rgb(187, 148, 67) 100%);;

    transition: background ease-in-out 0.5s
}

nav ul li ul li:first-child:hover {
    border-radius: 0 0 0 0;
    background: linear-gradient(to bottom, rgb(173, 160, 57) 0%, rgb(181, 138, 48) 47%, rgb(187, 148, 67) 100%);
    transition: background ease-in-out 0.5s
}

nav ul li ul li a:hover,
nav ul li ul li a:focus {
    color: #eee;
    background: linear-gradient(to bottom, rgb(153, 141, 141) 0%, rgb(167, 167, 167) 47%, rgb(184, 175, 175) 100%);
    transition: color ease 0.5s;
}

.dropdown {
    display: block;
    position: absolute;
    box-shadow: 0 4px 10px rgba(10, 20, 30, .4);
}


/*******************language*******************/
.languagepicker {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #FFF;
    display: inline-block;
    padding: 0;
    height: 40px;
    overflow: hidden;
    transition: all .3s ease;
    vertical-align: top;
    float: right;
    right: 0;
}

.languagepicker:hover {
    /* don't forget the 1px border */
    height: 81px;
}

.languagepicker a {
    color: #000;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.languagepicker li {
    display: block;
    padding: 0 10px;
    line-height: 41px;
}

.languagepicker li:hover {
    background-color: #b3b3b3;
}

.languagepicker a:first-child li {
    border: none;
    background: #FFF !important;
    display: flex;
    align-items: center;
}

.languagepicker a:last-child li {
    border: none;
    background: #FFF !important;
    display: flex;
    align-items: center;
}


.languagepicker li img {
    margin-right: 5px;
    margin-bottom: 4px;
}

.roundborders {
    border-radius: 5px;
}

.large:hover {
    /*
    don't forget the 1px border!
    The first language is 40px heigh,
    the others are 41px
    */
    height: 245px;
}


@media (max-width: 1366px) {
    nav ul li a {
        padding: 20px 14px;
    }

    .wrapper-header-container {
        padding: 20px 0;
        padding-right: 110px;
    }
}

@media all and (max-width: 1300px) {
    .counter li {
        width: 30%
    }

    .trusted-by {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media all and (max-width: 1230px) {
    .app-market {
        background-position: -100px top
    }

    .app-market h1 {
        font-size: 40px
    }

    .sample-rev ul li {
        width: 32%
    }

    .app-market {
        padding: 27px 0 0 38.461538%
    }
}

@media all and (max-width: 1290px) {
    .app-market {
        background-position: -140px top;
        width: 65%;
        padding-left: 35%
    }

    .app-market ul li {
        width: 320px
    }

    .how-it ul li {
        width: 270px
    }

    .sample-rev ul li .img-rev {
        margin-right: 20px
    }

    .sample-rev ul li .rev-block {
        margin-left: 70px
    }

    #back-top {
        bottom: 60px;
        margin-bottom: 0;
        margin-right: 15px;
        position: fixed;
        right: 0;
        z-index: 100
    }

    #back-top a {
        width: 46px;
        height: 46px;
        background-repeat: no-repeat;
        background-position: -292px -92px;
        background-color: rgba(45, 58, 85, .11);
        background-image: url('../images/sprite.png');
        display: block;
        outline: medium none;
        position: relative;
        text-indent: -9999px;
        z-index: 0;
        text-align: center
    }

    #back-top a:hover {
        opacity: .5
    }

    .price-plan > ul > li, .price-plan > ul > li:last-child {
        width: 22.272727272727%;
        margin-left: 1.3636363636364%;
        margin-right: 1.3636363636364%;
        display: block;
        float: left
    }

    .price-plan > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    .price-plan > ul > li > ul > li:last-child input {
        width: 87.096774193548%
    }

    .price-plan .btn.ios, .price-plan .btn.android {
        width: 75%
    }

    .testimonials, .faq, .contacts, .blog, .text-page {
        padding-left: 2.6041666666667%;
        padding-right: 2.6041666666667%
    }

    /* .blog > ul > li {
         height: auto
     }*/
    .btn, .btn-trsp {
        display: block;
        width: 310px
    }
}

@media (max-width: 1130px) {
    .ratings-text {
        max-width: 992px;
        padding: 0 15px
    }
}

@media all and (max-width: 1090px) {
    .container-menu {
        max-width: 976px
    }

    .logo img {
        margin-left: 0
    }

    .app-market {
        background-position: -160px top
    }

    .sample-rev ul li .img-rev {
        margin-right: 10px
    }

    .sample-rev ul li .rev-block {
        margin-left: 60px
    }
}

@media (min-width: 1024px) {
    .mobile-menu {
        display: block;
    }

    .dropdown {
        display: block;
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    nav ul li.drop:hover ul.dropdown {
        display: block;
        transition: all .6s;
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 1023px) {

    .ratings-text {
        max-width: 768px;
        width: 100%;
        padding: 0 15px;
    }

    .languagepicker {
        display: block;
        right: 65px;
        height: 34px;
    }

    .languagepicker:hover {
        height: 71px;
    }

    .languagepicker li {
        line-height: 38px;
    }

    .logo {
        display: block;
    }

    .wrapper-header-container {
        justify-content: space-between;
        padding: 20px 15px;
        margin: 0 0;
    }


    .wrapper-header-container nav {
        display: none;
        border-radius: 0;
        background: rgb(49, 56, 68);
    }

    .wrapper-header-container nav.pushmenu {
        display: block;
    }

    nav ul li:hover, nav ul li:focus {
        background: #cacaca;
    }

    nav ul li:first-child:hover, nav ul li:first-child:focus {
        border-radius: 0 0 0 0;
    }

    nav ul li:last-child:hover, nav ul li:last-child:focus {
        border-radius: 0 0 0 0;
    }


    /* Icon 1 */
    #nav-icon3 {
        width: 31px;
        padding: 20px 0;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #dedede;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    /* Icon 3 */
    #nav-icon3 span:nth-child(1) {
        top: 8px;
    }

    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
        top: 20px;
    }

    #nav-icon3 span:nth-child(4) {
        top: 31px;
    }

    #nav-icon3.open span:nth-child(1) {
        top: 15px;
        width: 0%;
        left: 50%;
    }

    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #nav-icon3.open span:nth-child(4) {
        top: 15px;
        width: 0%;
        left: 50%;
    }

    .wrapper-header-container .mobile-menu {
        display: none;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        z-index: 999;
    }

    .wrapper-header-container .mobile-menu .dropdown {
        display: none;
        position: relative;
    }


    .wrapper-header-container .mobile-menu ul li {
        float: none;
    }

    .wrapper-header-container .mobile-menu ul li a {
        text-align: center;
        font-weight: 600;
        border-bottom: 1px solid #000000;
        border-radius: 0 0 0 0;
    }

    nav ul li ul li a {
        z-index: 999;
        background: #cacaca;
        opacity: 1;
        color: #333b45;
    }

    nav ul li.drop a:focus {
        color: #333b45;
    }

    .wrapper-header-container .logo img {
        height: auto;
        width: 125px;
    }
}


@media all and (max-width: 1000px) {
    .app-market {
        background: none;
        padding: 40px 0 20px;
        width: auto
    }

    .app-market h1 {
        font-size: 44px;
        margin-bottom: 10px
    }

    .app-market h2 {
        font-size: 28px;
        margin-bottom: 15px
    }

    .app-market ul li {
        width: 340px
    }

    .how-it ul li {
        line-height: 20px;
        margin: 0 2%;
        width: 28%
    }

    .how-it ul li b {
        font-size: 15px
    }

    .how-it ul li b:before {
        display: none
    }

    .sample-rev {
        padding-left: 2.6041666666667%;
        padding-right: 2.6041666666667%
    }

    .sample-rev ul li {
        width: 100%;
        display: none
    }

    .sample-rev ul li:first-child {
        display: block
    }

    .sample-rev ul li .rev-block > p {
        height: auto
    }

    .sample-rev ul li:first-child .rev-block > p {
        height: 75px
    }

    .sample-rev ul li .rev-block > a {
        display: none
    }

    .read-review {
        display: none
    }

    .sample-rev ul {
        margin-bottom: 25px
    }

    .more-samples {
        text-align: center;
        margin-bottom: 40px;
        display: block;
        color: #1d7bd3;
        text-decoration: underline;
        cursor: pointer
    }

    .more-samples:hover {
        text-decoration: none
    }

    .sample-rev ul.active li {
        display: block;
        margin-bottom: 40px
    }

    .sample-rev ul.active li:first-child .rev-block > p {
        height: auto
    }

    .sample-rev ul.active li .rev-block > a {
        display: inline
    }

    .sample-rev ul li .img-rev {
        margin-right: 27px
    }

    .sample-rev ul li .rev-block {
        margin-left: 77px
    }

    .testimonials {
        width: auto;
        padding-left: 2.6041666666667%;
        padding-right: 2.6041666666667%;
        padding-bottom: 0
    }

    .testimonials + .you-ready, .testimonials .recent-posts, .testimonials .follow-us {
        display: none
    }

    .testimonials aside {
        margin-bottom: 0
    }

    .testimonials .aside-cta h4 {
        font-size: 25px
    }

    .aside-cta {
        overflow: hidden;
        padding: 25px;
        margin-bottom: 0
    }

    .aside-cta .btn {
        width: 300px;
        height: 56px;
        font-size: 17px;
        line-height: 56px;
        box-sizing: border-box
    }

    .aside-cta .btn .fa {
        font-size: 22px
    }

    .aside-cta .btn.ios {
        float: left
    }

    .aside-cta .btn.android {
        float: right
    }

    .aside-cta .btn.ios:before {
        background-size: auto;
        top: 15px;
        left: 32px
    }

    .aside-cta .btn.android:before {
        background-size: auto;
        background-position: -50px 0;
        top: 15px;
        left: 32px
    }

    .testimonials > ul, .testimonials aside, .testimonials .review-form {
        width: auto;
        float: none;
        margin-bottom: 25px
    }

    .testimonials aside {
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
    }

    .aside-cta {
        width: 73%;
        margin: 0 auto
    }

    .email-aside a.btn.mail {
        width: auto
    }

}

@media (max-width: 992px) {
    .wrapper-footer-top {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column
    }

    .wrapper-footer-center {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .footer-contacts {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 5px
    }

    .footer-payment {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;;
        margin-bottom: 20px
    }

    .footer-payment p {
        margin-bottom: 10px
    }

    .footer-networks p {
        margin-bottom: 10px
    }

    .footer-contacts p {
        margin-bottom: 10px
    }

    .footer-networks {
        width: 100%;
        max-width: 500px;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 auto;
        margin-bottom: 10px
    }

    .footer-networks ul li a {
        margin-right: 10px
    }
}

@media all and (max-width: 959px) {
    .open-menu {
        display: block;
        color: #fff;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 500;
        padding: 6px 0 6px 60px;
        position: relative;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 30px
    }
}

@media all and (max-width: 960px) {
    .price-plan > ul > li > ul > li.price-block {
        height: 15px
    }

    .price-plan > ul > li > ul > li.price-block h3 {
        font-size: 16px
    }

    .price-plan > ul > li.best-price > ul > li.price-block img {
        top: -66px
    }
}

@media all and (max-width: 930px) {
    body {
        overflow-x: hidden !important;
        padding: 0
    }

    .ratings-text {
        max-width: calc(100% - 30px);
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
        padding-bottom: 0;
        position: relative
    }

    .ratings-text:before, .blog article:before, .text-page article:before {
        content: "";
        display: block;
        width: 100%;
        height: 190px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .99) 60%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, .99)), color-stop(100%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .99) 60%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .99) 60%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .99) 60%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .99) 60%, rgba(255, 255, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
        z-index: 1
    }

    .ratings-text .rtext img, .ratings-text .rtext:nth-child(3) img {
        float: none;
        display: block;
        margin: 0 auto 20px !important;
        max-width: 100%;
        height: auto
    }

    .ratings-text .rtext img.no-mobile, .ratings-text .rtext:nth-child(3) img.no-mobile {
        display: none
    }

    .ratings-text .rtext img.mobile, .ratings-text .rtext:nth-child(3) img.mobile {
        display: block
    }

    .ratings-text .read-more {
        text-align: center;
        width: 96%;
        z-index: 1;
        display: block;
        position: absolute;
        bottom: 0;
        color: #1d7bd3;
        text-decoration: underline;
        cursor: pointer;
        margin-bottom: 25px
    }

    .ratings-text .read-more:hover {
        text-decoration: none
    }

    .ratings-text.active {
        height: auto;
        overflow: visible;
        margin: 0 0 39px 0
    }

    .ratings-text.active:before {
        display: none
    }

    .aside-cta {
        width: 78%
    }

    .faq {
        width: auto;
        padding-left: 2.6041666666667%;
        padding-right: 2.6041666666667%
    }

    .faq .follow-us {
        display: none
    }

    .faq > ul, .faq aside, .subtitle {
        width: auto;
        float: none;
        margin-bottom: 25px
    }

    .aside-cta {
        width: auto
    }

    .blog {
        width: auto;
        padding-left: 2.6041666666667%;
        padding-right: 2.6041666666667%
    }

    .blog > ul, .blog aside, .blog article {
        float: none;
        width: auto
    }

    .blog > ul > li > p {
        overflow: hidden;
        height: 76px
    }

    .blog aside {
        display: none
    }

    aside.aside-respons {
        display: block
    }

    aside.aside-respons .email-aside {
        background: url('../images/mail-bg.png') no-repeat right bottom #f4faff;
        padding: 25px
    }

    aside.aside-respons .email-aside h4 {
        font-size: 25px;
        margin-bottom: 25px;
        margin-top: 20px
    }

    aside.aside-respons .email-aside form {
        display: table;
        margin: 0 auto
    }

    aside.aside-respons .email-aside input {
        float: left;
        margin: 0 15px 30px;
        width: 230px
    }

    aside.aside-respons .email-aside .btn {
        clear: both;
        font-size: 17px;
        width: 265px;
        height: 47px;
        line-height: 47px
    }

    aside.aside-respons .email-aside .btn:before {
        background-position: -200px -150px;
        width: 22px;
        height: 22px;
        top: 12px
    }

    .blog article, .text-page article {
        max-height: 600px;
        overflow: hidden;
        position: relative
    }

    .blog article .read-more, .text-page article .read-more {
        z-index: 2;
        bottom: 40px;
        color: #1d7bd3;
        cursor: pointer;
        left: 0;
        position: absolute;
        text-align: center;
        text-decoration: underline;
        width: 100%;
        display: block
    }

    .next-prev {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2
    }

    .blog article.active, .text-page article.active {
        max-height: none
    }

    .blog article.active .read-more, .blog article.active:before, .text-page article.active .read-more, .text-page article.active:before {
        display: none
    }

    .blog article.active .next-prev {
        position: static
    }

    .blog-post.blog aside {
        display: block;
        margin-top: 50px;
        max-width: 360px;
        width: 100%;
        margin: 0 auto;

    }

    .blog-post.blog aside .follow-us {
        display: none
    }

    .blog-post.blog aside .recent-posts h4 {
        font-size: 30px;
        font-weight: 700;
        color: #2d3a55;
        text-transform: uppercase
    }

    .blog-post.blog aside .recent-posts ul li {
        padding-left: 20px;
        padding-right: 20px
    }

    .blog-post.blog aside .recent-posts ul li:last-child {
        border-bottom: none
    }

    .blog-post.blog aside .recent-posts ul li img {
        margin-right: 20px
    }

    .blog-post.blog aside .recent-posts ul li > p {
        display: block;
        font-size: 16px;
        line-height: 24px;
        margin-left: 70px;
        margin-top: 15px
    }

    .blog-post.blog aside .recent-posts ul li a {
        font-size: 17px;
        font-weight: 700;
        color: #2d3a55;
        text-transform: uppercase;
        text-decoration: underline
    }

    .cancel, .success, .text-page {
        width: auto;
        padding-left: 2.6041666666667%;
        padding-right: 2.6041666666667%
    }

    .contacts {
        width: auto;
        padding: 4% 2.6041666666667% 60px 2.6041666666667%;
    }

    .contacts .contact-text h3:first-child, .contacts .contact-text h3:first-child + p, .contacts .contact-text h3:first-child + p + p {
        display: none
    }

    .contacts .contact-form, .contacts .contact-text {
        float: none;
        width: 70.684931506849%;
        margin: 0 auto 40px
    }

    button.btn.mail .fa {
        font-size: 22px
    }

    .contact-form button.btn.mail .fa {
        font-size: 16px
    }

    .recent-posts ul li {
        padding-bottom: 50px
    }

    .contacts > p {
        margin: 10px 0 30px
    }

    .you-ready .btn-block a, .cancel .btn-block a, .success .btn-block a, header.head-404 .btn-block a {
        margin-bottom: 25px
    }

    .cancel .btn-block, .success .btn-block {
        width: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media all and (min-width: 900px) {
    .optimization-pkg .package-first-line, .price-plan.optimization-pkg > ul > li > ul > li {
        font-size: 14px
    }

    .on_full_hidden {
        display: none
    }
}

@media all and (max-width: 900px) {
    .language-display {
        display: initial;
        color: #1b2426;
        padding-left: 10px;
        font-size: 14px
    }

    .toogle-leng-item {
        padding: 0 3px;
        position: relative;
        margin-left: 10px;
        background-color: #fff;
        border-radius: 4px;
        margin-bottom: 10px;
        margin-top: 5px
    }

    .on_tablet_hidden {
        display: none
    }

    .price-plan > ul {
        position: relative;
        padding-left: 2.6666666666667%;
        padding-right: 2.6666666666667%
    }

    #first_ul > li {
        padding-bottom: 30px
    }

    .price-plan > ul > li:nth-child(1) {
        left: 4%;
        top: 0
    }

    .price-plan > ul > li:nth-child(2) {
        left: 4%;
        top: 375px
    }

    .price-plan > ul > li:nth-child(3) {
        right: 4%;
        top: 0
    }

    .price-plan > ul > li:nth-child(4) {
        right: 4%;
        top: 375px
    }

    .price-plan > ul > li > ul > li.price-block, .price-plan > ul > li > ul > li.special, .price-plan > ul > li > ul > li:last-child {
        padding-top: 20px;
        display: block
    }

    .price-plan > ul > li > ul > li.package-first-line {
        display: block
    }

    .price-plan > ul > li > ul > li.special {
        background: #fff;
        border-bottom: none
    }

    .price-plan > ul > li > ul > li:last-child input {
        margin-bottom: 0
    }

    .tablet-no {
        display: none
    }

    .tablet-more:hover {
        text-decoration: none
    }

    .price-plan > ul.active-top, .price-plan > ul.active-bottom {
        height: 970px
    }

    .price-plan > ul.active-top.active-bottom {
        height: 1225px
    }

    .price-plan.optimization-pkg > ul.active-top.active-bottom {
        height: 1575px
    }

    .price-plan > ul.active-top > li:nth-child(1) > ul > li, .price-plan > ul.active-top > li:nth-child(3) > ul > li, .price-plan > ul.active-bottom > li:nth-child(2) > ul > li, .price-plan > ul.active-bottom > li:nth-child(4) > ul > li {
        display: block
    }

    .price-plan > ul.active-top > li:nth-child(2), .price-plan > ul.active-top > li:nth-child(4) {
        top: 635px
    }

    .page-app-store-optimization .price-plan.optimization-pkg > ul.active-top > li:nth-child(2), .page-app-store-optimization .price-plan > ul.active-top > li:nth-child(4) {
        top: 800px
    }

    .page-app-store-optimization .price-plan > ul.active-top > li:nth-child(1) > ul > li.special, .price-plan > ul.active-top > li:nth-child(3) > ul > li.special, .price-plan > ul.active-bottom > li:nth-child(2) > ul > li.special, .price-plan > ul.active-bottom > li:nth-child(4) > ul > li.special {
        background: #fcf2dd;
        border-bottom: 1px solid #d5d5d5
    }

    .price-plan > ul.active-top > li:nth-child(1) .tablet-no, .price-plan > ul.active-top > li:nth-child(3) .tablet-no, .price-plan > ul.active-bottom > li:nth-child(2) .tablet-no, .price-plan > ul.active-bottom > li:nth-child(4) .tablet-no {
        display: inline
    }

    .aside-cta {
        width: 82%
    }

    .faq > ul > li .faq-question {
        height: auto;
        padding-right: 30px
    }

    .price-plan > ul > li.best-price > ul > li.price-block > b {
        display: none
    }

    .you-ready .btn-block {
        width: 335px
    }

    .you-ready {
        height: 175px
    }

    .btn, .btn-trsp {
        font-size: 13px
    }
}

@media all and (max-width: 810px) {
    .aside-cta {
        width: 85%;
        margin: 15px 0;
    }

    .cancel .vertical-center {
        height: auto
    }

    .btn, .btn-trsp {
        font-size: 13px
    }
}

@media (min-width: 768px) {
    .lese-weniger {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .language-display {
        display: initial;
        color: #1b2426;
        padding-left: 10px;
        font-size: 14px
    }

    .main-content-rtext {
        display: none
    }

    .toogle-leng-item {
        padding: 0 3px;
        position: relative;
        margin-left: 10px;
        background-color: #fff;
        border-radius: 4px;
        margin-bottom: 10px
    }

    .ratings-text .main-content-rtext {
        display: none
    }

    .main-content-rtext {
        display: none
    }

    .main-content-rtext .lese-weniger {
        display: block;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #1d7bd3;
        text-decoration: underline;
        cursor: pointer
    }

    .some-text h1 {
        font-size: 22px
    }

    .some-text h2 {
        font-size: 18px
    }

    .some-text h1, .some-text h2 {
        line-height: 31px;
        margin-bottom: 15px
    }

    .like_h2 {
        font-size: 18px
    }

    .ratings-text h2 {
        font-size: 24px
    }

    .container {
        width: auto
    }

    .how-it {
        display: none
    }

    .trusted-by {
        width: auto;
        padding: 10px 70px
    }

    .some-text {
        width: auto;
        padding-left: 2.6041666666667%;
        padding-right: 2.6041666666667%;
        overflow: hidden;
        position: relative
    }

    .some-text .container {
        width: auto
    }

    .some-text .alignleft, .some-text .aligncenter {
        display: none
    }

    .some-text .alignleft.tablet-img, .some-text .aligncenter.tablet-img {
        float: none;
        display: block;
        margin: 0 auto 20px;
        max-width: 100%;
        height: auto
    }

    .some-text .read-more {
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #1d7bd3;
        text-decoration: underline;
        cursor: pointer;
        display: block
    }

    .some-text .read-more:hover {
        text-decoration: none
    }

    .some-text:before {
        content: "";
        display: block;
        width: 100%;
        height: 190px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(244, 250, 255, 0) 0%, rgba(244, 250, 255, .99) 60%, rgba(244, 250, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244, 250, 255, 0)), color-stop(60%, rgba(244, 250, 255, .99)), color-stop(100%, rgba(244, 250, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(244, 250, 255, 0) 0%, rgba(244, 250, 255, .99) 60%, rgba(244, 250, 255, 1) 100%);
        background: -o-linear-gradient(top, rgba(244, 250, 255, 0) 0%, rgba(244, 250, 255, .99) 60%, rgba(244, 250, 255, 1) 100%);
        background: -ms-linear-gradient(top, rgba(244, 250, 255, 0) 0%, rgba(244, 250, 255, .99) 60%, rgba(244, 250, 255, 1) 100%);
        background: linear-gradient(to bottom, rgba(244, 250, 255, 0) 0%, rgba(244, 250, 255, .99) 60%, rgba(244, 250, 255, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f4faff', endColorstr='#f4faff', GradientType=0)
    }

    .some-text.active {
        height: auto;
        overflow: visible
    }

    .some-text.active:before, .some-text.active .read-more {
        display: none
    }

    .block-404 {
        width: 97.65625%
    }

    .aside-cta .btn {
        width: 100%
    }

    .mobile {
        display: block
    }

    .no-mobile {
        display: none
    }

    .soc-btns {
        margin-top: 10px
    }

    .social-links a {
        margin: 0 5px
    }

    .cancel, .success {
        min-height: 590px
    }

    .form-notification {
        width: 130px;
        position: absolute;
        top: -74px !important;
        height: auto;
        left: 15px
    }

    .btn, .btn-trsp {
        font-size: 13px
    }

    .wrapper-footer-top {
        padding-top: 15px
    }

    .sample-rev .btn-block {
        max-width: 700px;
        width: 100%;
    }
}

@media all and (max-width: 720px) {
    .app-market h1 {
        font-size: 40px;
        margin-bottom: 0
    }

    .app-market h2 {
        font-size: 26px;
        margin-bottom: 20px
    }

    .app-market ul li {
        width: 320px
    }

    .sample-rev .btn-block {
        width: auto
    }

    .sample-rev .btn-block a {
        float: none;
        margin: 0 auto 25px
    }

    .sample-rev .btn-trsp.android:before, .sample-rev .btn-trsp.ios:before {
        left: 20px
    }

    .you-ready {
        height: auto;
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .you-ready .btn-block {
        width: auto
    }

    .you-ready .btn-block a {
        float: none;
        margin: 0 auto 20px
    }

    .no-mobile {
        display: none
    }

    @media screen and (max-width: 670px) {
        footer {
            margin-left: 0
        }
    }.social-links a {
         margin: 0 5px
     }

    .ratings-text + .you-ready {
        display: none
    }

    .some-text {
        margin-bottom: 0;
    }


    .cancel, .success, .blog {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .cancel p, .success p {
        line-height: 32px
    }

    .cancel .btn-block, .block-404 .btn-block {
        width: auto
    }

    .cancel .btn-block a, .block-404 .btn-block a {
        float: none;
        margin: 20px auto
    }

    .vertical-center, .block-404 .vertical-center {
        height: auto
    }

    .page-404 footer {
        padding-top: 56px
    }

    .btn, .btn-trsp {
        font-size: 13px
    }

    .price-plan .btn.ios, .price-plan .btn.android {
        width: 82%
    }
}

@media all and (max-width: 670px) {
    .price-plan ul > li {
        margin-bottom: 20px
    }

    .app-market {
        width: auto;
        height: auto;
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .app-market h1 {
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 5px
    }

    .app-market h2 {
        font-size: 24px;
        line-height: 26px
    }

    .ratings-text h2 {
        line-height: 36px
    }

    .price-plan > ul > li, .price-plan > ul > li:nth-child(1), .price-plan > ul > li:nth-child(2), .price-plan > ul > li:nth-child(3), .price-plan > ul > li:nth-child(4) {
        width: 40%
    }

    .price-plan.optimization-pkg > ul > li, .price-plan > ul > li:nth-child(1), .price-plan > ul > li:nth-child(2), .price-plan > ul > li:nth-child(3), .price-plan > ul > li:nth-child(4), .price-plan.ios-app-install > ul > li, .price-plan > ul > li:nth-child(1), .price-plan > ul > li:nth-child(2), .price-plan > ul > li:nth-child(3), .price-plan > ul > li:nth-child(4) {
        width: 100%;
        margin: 0
    }

    .price-plan > ul > li:nth-child(1), .price-plan > ul > li:nth-child(2) {
        left: 0
    }

    .price-plan > ul > li:nth-child(3), .price-plan > ul > li:nth-child(4) {
        right: 0
    }

    .aside-cta .btn.ios:before, .aside-cta .btn.android:before {
        left: 25px
    }

    aside.aside-respons .email-aside input {
        width: 44.230769230769%;
        margin-left: 2.8846153846154%;
        margin-right: 2.8846153846154%
    }

    .no-mobile {
        display: none
    }
}

@media all and (max-width: 630px) {
    .aside-cta .btn.ios:before, .aside-cta .btn.android:before {
        left: 15px
    }

    .faq > ul > li .faq-question {
        height: auto;
        line-height: 28px;
        position: relative;
        padding: 10px 30px 10px 40px
    }

    .faq > ul > li .faq-question > span {
        position: absolute;
        top: 9px;
        left: 15px;
        display: block
    }

    .no-mobile {
        display: none
    }
}

@media all and (max-width: 580px) {
    .aside-cta .btn.ios, .aside-cta .btn.android {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .aside-cta .btn.ios:before, .aside-cta .btn.android:before {
        left: 10%
    }

    .no-mobile {
        display: none
    }
}

@media all and (max-width: 530px) {
    .mobile-price {
        display: block;
        text-align: center
    }

    .desctop-price {
        display: none
    }

    .price-plan ul.packages-block > li {
        display: none
    }

    .price-plan ul.packages-block .first-mob-show-pkg {
        display: block
    }

    .price-plan > p {
        margin-bottom: 20px
    }

    .counter {
        height: auto;
        width: auto;
        box-sizing: border-box;
        overflow: visible;
        padding-left: 3%;
        padding-right: 3%
    }

    .counter li {
        display: block;
        width: auto;
        font-size: 23px;
        padding: 30px 0 30px 32px;
        background: none;
        position: relative;
        text-align: left
    }

    .counter li:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: -moz-linear-gradient(left, rgba(74, 87, 115, 1) 0%, rgba(74, 87, 115, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(74, 87, 115, 1)), color-stop(100%, rgba(74, 87, 115, 0)));
        background: -webkit-linear-gradient(left, rgba(74, 87, 115, 1) 0%, rgba(74, 87, 115, 0) 100%);
        background: -o-linear-gradient(left, rgba(74, 87, 115, 1) 0%, rgba(74, 87, 115, 0) 100%);
        background: -ms-linear-gradient(left, rgba(74, 87, 115, 1) 0%, rgba(74, 87, 115, 0) 100%);
        background: linear-gradient(to right, rgba(74, 87, 115, 1) 0%, rgba(74, 87, 115, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a5773', endColorstr='#004a5773', GradientType=1)
    }

    .counter li:after {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        background: url('../images/sprite.png') no-repeat -200px -150px;
        position: absolute;
        top: 32px;
        left: 0
    }

    .counter li > span {
        display: inline;
        font-size: 14px
    }

    .mobile-price > ul form > li.price-block {
        color: rgba(255, 255, 255, .5);
        background: #2d3a55;
        border-radius: 10px 10px 0 0;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        height: 90px;
        padding-top: 20px;
        border: none;
        line-height: normal
    }

    .mobile-price > ul form > li.price-block h3 {
        margin-bottom: 5px;
        font-size: 17px
    }

    .mobile-price select {
        width: 85.714285714286%;
        height: 44px;
        line-height: 44px;
        margin-top: 5px;
        font-size: 18px
    }

    .mobile-price select option {
        border-bottom: 1px solid #dedede;
        font-size: 15px;
        line-height: 30px;
        height: 20px;
        padding: 10px
    }

    .mobile-price select option span {
        font-weight: 700
    }

    .mobile-price select option b {
        color: #d92b50;
        font-weight: 700
    }

    .mobile-price > ul form > li {
        list-style: none;
        background: #fff;
        border: 1px solid #d5d5d5;
        border-top: none;
        height: 42px;
        line-height: 42px
    }

    .mobile-price > ul form > li.special {
        background: #fcf2dd
    }

    .mobile-price > ul form > li:last-child {
        height: auto;
        border-radius: 0 0 10px 10px
    }

    .optimization-pkg .mobile-price > ul form > li:last-child {
        height: 90px;
        border-radius: 10px 10px 0 0
    }

    .mobile-price > ul form > li:last-child input {
        width: 216px;
        height: 37px;
        border: 1px solid #dedede;
        background: #fff;
        color: rgba(45, 58, 85, .3);
        text-align: center;
        margin-bottom: 5px
    }

    .mobile-price > ul form > li:last-child input:focus {
        color: #2d3a55
    }

    .mobile-price .btn.ios, .mobile-price .btn.android {
        width: 186px;
        margin: 5px auto 20px
    }

    .mobile-price .btn.ios:before, .mobile-price .btn.android:before {
        left: 34px
    }

    .trusted-by h2 {
        font-size: 25px;
        margin: 0 -50px
    }

    .trusted-by {
        margin-bottom: 35px
    }

    .trusted-by p {
        font-size: 17px;
        margin: 0 -50px 20px
    }

    .aside-cta .btn.ios, .aside-cta .btn.android {
        width: 85%;
        font-size: 14px;

    }

    .aside-cta .btn.ios:before, .aside-cta .btn.android:before {
        left: 7%
    }

    aside.aside-respons .email-aside {
        background-image: none
    }

    .contacts .contact-form, .contacts .contact-text {
        width: 80%
    }

    .no-mobile {
        display: none
    }
}

@media all and (max-width: 480px) {
    #back-top a {
        display: none
    }

    .meshim_widget_Widget * {
        display: none
    }

    .zopim {
        display: none !important
    }


    .blog > ul > li {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: auto;
    }

    .blog > ul > li > img {
        display: none
    }

    .blog > ul > li > img.img-mobile {
        width: auto;
        height: auto;
        display: block;
        float: inherit;
        padding-left: 0;
        margin: 4px 10px 10px 0;
    }

    .blog-prev-img {
        width: 100%
    }

    .blog > ul > li h3 {
        font-size: 16px
    }

    .blog > ul > li > p {
        height: 94px
    }

    .blog > ul > li a.more-link {
        clear: both;
        display: block
    }

    aside.aside-respons .email-aside {
        background-image: none;
        padding: 20px 0 15px
    }

    aside.aside-respons .email-aside form {
        display: block
    }

    aside.aside-respons .email-aside h4 {
        font-size: 19px;
        margin-bottom: 20px
    }

    aside.aside-respons .email-aside input {
        float: none;
        margin: 0 0 13px
    }

    aside.aside-respons .email-aside .btn {
        font-size: 12px;
        width: 200px;
        height: 36px;
        line-height: 36px;
        box-sizing: border-box
    }

    aside.aside-respons .email-aside .btn:before {
        width: 14px;
        height: 14px;
        background: url('../images/sprite.png') no-repeat -200px -100px
    }

    .blog article img:first-child, .blog-post.blog aside .recent-posts ul li > p {
        display: none
    }

    .blog-post.blog aside .recent-posts ul li {
        padding-left: 0;
        padding-right: 0;
        text-align: justify
    }

    .blog-post.blog aside .recent-posts h4 {
        font-size: 19px;
        text-transform: none
    }

    .blog-post.blog aside .recent-posts ul li a {
        text-transform: none;
        font-size: 16px;
        font-weight: 400
    }

    .blog-post.blog aside .recent-posts ul li:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .blog article h3 {
        line-height: 22px
    }

    button.btn.mail .fa {
        font-size: 16px
    }

    .ratings-text .rtext h3 {
        text-align: center
    }

    .blog h1 {
        font-size: 18px;
        line-height: 32px
    }

    .blog > ul > li h3 {
        text-align: center
    }

    .no-mobile {
        display: none
    }

    .contacts .follow-us ul {
        width: 100%
    }

    .soc-btns ul li:first-child {
        width: 110px;
        padding: 2px
    }

    .soc-btns ul li:last-child {
        width: 135px;
        padding: 2px 0 0 13px
    }

    .soc-btns {
        margin-top: 10px
    }

    .soc-btns ul li:nth-child(2) {
        margin-top: 2px;
        overflow: hidden
    }

    .cancel, .success {
        min-height: 500px
    }

    .contacts .contact-form input, .contacts .contact-form textarea {
        padding-left: 10px
    }

    .optimization-pkg .package-first-line, .price-plan.optimization-pkg > ul > li > ul > li {
        font-size: 16px
    }

    .wrapper-footer-footer {
        padding: 5px 5px
    }

    .languagepicker li {
        padding: 0 5px;
    }
    .faq > h2 {
        margin-bottom: 15px;
    }
}


@media all and (max-width: 420px) {
    .blog > ul > li > img.img-mobile {
        width: 100%;
        height: 100%;
        display: block;
        float: inherit;
        padding-left: 0;
        margin: 4px 10px 10px 0
    }


    .app-market h1 {
        font-size: 25px;
        line-height: 31px
    }

    .app-market h1 > span {
        font-size: 44px;
        line-height: 46px
    }

    .app-market h2 {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 5px
    }

    .app-market ul li {
        display: block;
        width: auto;
        margin-bottom: 20px
    }

    .app-market ul li a {
        box-sizing: border-box;
        margin-bottom: 20px;
        width: auto;
        margin-left: 6.5%;
        margin-right: 6.5%
    }

    .app-market ul li a > span {
        display: none
    }

    .sample-rev .btn-block a {
        width: auto
    }

    .you-ready {
        height: auto;
        padding: 50px 6.25% 5px
    }

    .you-ready h3 {
        line-height: 25px
    }

    .you-ready .btn-block, .cancel .btn-block, .success .btn-block, header.head-404 .btn-block {
        width: auto
    }

    .you-ready .btn-block a, .cancel .btn-block a, .success .btn-block a, header.head-404 .btn-block a {
        padding: 0 15px;
        float: none;
        width: auto;
        margin-bottom: 25px
    }

    .btn > span {
        display: none
    }

    .mobile-price {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .testimonials > ul > li {
        padding: 15px 30px
    }

    .testimonials .aside-cta {
        padding-bottom: 5px;
        margin-bottom: 35px
    }

    .testimonials .aside-cta h4 {
        font-size: 19px;
        line-height: 24px;
        margin: 10px 0 15px
    }

    .testimonials .aside-cta .btn {
        width: auto;
        height: 36px;
        font-size: 12px;
        line-height: 36px;
        padding: 0;
        margin: 0 auto 20px;
        padding-left: 10px;
        float: none
    }

    .aside-cta .btn.ios:before, .aside-cta .btn.android:before {
        background-size: 330px auto;
        left: 15px;
        top: 9px
    }

    .aside-cta .btn.android:before {
        background-position: -33px 0
    }

    aside.aside-respons .email-aside {
        display: none
    }

    .contacts, .faq, .text-page, .testimonials {
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .contacts .contact-form, .contacts .contact-text {
        width: auto
    }

    .contacts .contact-form input:first-child, .contacts .contact-form input {
        float: none;
        width: 100%
    }

    .contacts h1 + p {
        display: none
    }

    .contacts h1 + p + p {
        display: block
    }

    .btn.mail {
        margin: 0 auto
    }

    .contacts .contact-text .follow-us li {
        width: 16%;
        margin: 10px 0
    }

    .block-404 {
        overflow: hidden;
        width: 80%;
        margin: 0 auto 35px
    }

    .block-404 h1 {
        font-size: 28px;
        padding-top: 30px
    }

    .block-404 h1 > span {
        display: block;
        font-size: 89px;
        overflow: hidden;
        margin: 0 auto;
        width: 160px;
        height: 89px
    }

    .block-404 p {
        font-size: 19px;
        margin-bottom: 30px
    }

    .block-404 .btn-block {
        width: auto
    }

    .block-404 .btn-block a {
        float: none;
        margin: 0 auto 25px;
        width: 80%
    }

    .block-404 .btn-block a > span {
        display: none
    }

    .vertical-center, .cancel .vertical-center, .block-404 .vertical-center {
        margin-top: 10%;
        height: auto
    }

    .cancel, .success {
        padding-top: 0
    }

    .sample-rev {
        width: auto;
        padding-left: 6.25%;
        padding-right: 6.25%
    }

    .sample-rev h2 {
        font-size: 25px;
        line-height: normal;
        margin: 0 -6.25% 15px
    }

    .sample-rev ul li .img-rev {
        display: none
    }

    .sample-rev ul li .rev-block {
        margin-left: 0
    }

    .ratings-text {
        height: 520px;
        padding-top: 15px;
    }

    .ratings-text h2 {
        font-size: 17px;
        line-height: normal;
        margin-bottom: 15px
    }

    .text-page article h3, .blog article h2 {
        line-height: 24px
    }

    .btn.ios:before, .btn.android:before, .btn-trsp.ios:before, .btn-trsp.android:before {
        left: 27px
    }

    .faq > ul > li .faq-question {
        padding-right: 30px
    }

    button.btn.mail {
        width: 177px;
        height: 36px;
        line-height: normal;
        font-size: 12px
    }

    button.btn.mail:before {
        left: 40px;
        top: 10px
    }

    .text-page h1 {
        font-size: 25px;
        line-height: 30px
    }

    .text-page > p {
        margin: 15px 0 0
    }

    .you-ready h3 {
        padding-left: 10px;
        padding-right: 10px
    }

    footer > ul > li .copy {
        text-align: center
    }

    .aside-cta .btn .fa {
        font-size: 14px
    }

    .contact-form input.error:first-child {
        margin-bottom: 5px;
    }

    .blog > p {
        line-height: 22px
    }

    .no-mobile {
        display: none
    }

    .app-market ul li img {
        display: none
    }

    .contacts .follow-us {
        width: 100%
    }

    .blog article .alignleft {
        text-align: center;
        margin: 0 auto;
        display: block;
        float: none
    }

    .footer-payment {
        display: none
    }

    footer {
        font-size: 15px
    }
}

@media all and (max-width: 350px) {
    .block-404 .btn-block a {
        width: 80%
    }

    .where-h2-mb {
        font-size: 17px
    }

    .pagination li > a, .pagination li > span {
        margin-left: -4px
    }

    footer {
        font-size: 13px
    }
}

@media (max-width: 350px) {
    .btn, .btn-trsp {
        display: block;
        width: 250px;
        font-size: 13px;
        padding: 0 5px
    }

    .contacts .contact-form textarea, .testimonials .review-form textarea {
        height: 150px
    }

    footer > ul > li:last-child {
        top: 220px
    }
}

@media (max-width: 320px) {
    .contacts .contact-form textarea, .testimonials .review-form textarea {
        height: 150px
    }
}