* {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", HelveticaNeueCyr, Helvetica, Arial, Verdana, sans-serif;
}

a {
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

html {
    position: relative;
}

body {
    width: 100%;
    min-width: 1200px;
    margin: 0 0 300px;
    background-color: #0c101a;
}

.iphone {
    display: none;
}

.trans_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}

.black_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 1101;
}

.white_content {
    position: fixed;
    width: 996px;
    height: 560px;
    top: 50%;
    left: 50%;
    margin: -280px 0 0 -498px;
    padding: 0;
    background-color: #3c3c40;
    z-index: 1102;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    overflow: hidden;
}

.notification {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
}

#spark-2-release-20180522 {
    height: 75px;
    border-bottom: 0;
    background: -webkit-linear-gradient(15deg, #63b7fd 41%, #82ccfd 59%);
    background: -moz-linear-gradient(15deg, #63b7fd 41%, #82ccfd 59%);
    background: -o-linear-gradient(15deg, #63b7fd 41%, #82ccfd 59%);
    background: -ms-linear-gradient(15deg, #63b7fd 41%, #82ccfd 59%);
    background: linear-gradient(75deg, #63b7fd 41%, #82ccfd 59%);
}

#spark-2-release-20180522 a {
    display: inline-block;
    margin: 0 auto;
    padding: 0 0 0 78px;
    color: #fff;
    font-size: 1.125em;
    line-height: 75px;
    background: url("/img/icons/spark.svg") no-repeat 0 8px;
    background-size: 60px 60px;
}

/*region Spark Android Release banner*/
.notification.spark_android_release {
    position: absolute;
    top: 80px;
    left: 50%;
    width: 900px;
    height: 90px;
    margin: 0 0 0 -450px;
    border-radius: 10px;
    background-color: #278cf3;
    z-index: 5;
}

.notification.spark_android_release .container {
    position: relative;
    display: block;
    width: 900px;
    height: 90px;
    padding: 14px 300px 0 200px;
    color: #fff;
    font-size: 1.063em;
    font-weight: 400;
    line-height: 180%;
    box-sizing: border-box;
    background-size: 70px 55px;
    z-index: 5;
}

.notification.spark_android_release .container span {
    font-size: 1.188em;
    font-weight: 600;
}

.notification.spark_android_release .decorations {
    position: absolute;
    top: -33px;
    left: -80px;
    display: block;
    width: 310px;
    height: 155px;
}

.notification.spark_android_release .container .fake-button {
    position: absolute;
    top: 24px;
    right: 55px;
    display: block;
    width: 180px;
    height: 42px;
    color: #278cf3;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    line-height: 42px;
    background: #fff;
    border-radius: 6px;
    z-index: 1;
}

.notification.spark_android_release .close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    z-index: 6;
}

.notification.spark_android_release .close:after {
    content: "×";
}
/*endregion*/

/*region GDPR Cookie styles */
.gdpr-cookie {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 36px;
    background-color: #212947;
    border-bottom: 1px solid #48515f;
    box-sizing: border-box;
    z-index: 10000;
}

.gdpr-cookie .text {
    display: inline-block;
    padding: 0;
    color: #c2d0f3;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 35px;
}

.gdpr-cookie .text a {
    color: #dae1f3;
    font-weight: 700;
    text-decoration: underline;
}

.gdpr-cookie .text a:hover {
    text-decoration: none;
}

.gdpr-cookie .button {
    display: inline-block;
    width: 73px;
    height: 23px;
    margin: 6px 0 0 20px;
    padding: 0;
    color: #fefefe;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 23px;
    text-align: center;
    background-color:  #0085c7;
    border: 1px solid #2ba5fb;
    border-radius: 4px;
    box-sizing: border-box;
}
/*endregion*/

/*region Top menu styles*/
.top {
    position: absolute;
    width: 100%;
    height: 60px;
    background-color: rgba(18, 18, 18, 0.5);
    z-index: 1000;
}

.menu {
    width: 100%;
}

.menu .container {
    position: relative;
    width: 1160px;
    height: 60px;
    margin: 0 auto;
}

.menu .container .logo {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 110px;
    height: 43px;
    background: url("/img/common/readdle_white.svg") no-repeat 0 0;
    background-size: 110px 43px;
}

.menu .container .adds {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    min-width: 100px;
    margin-top: 20px;
    color: #a7a7a7;
    text-align: right;
}

.menu .container .adds:hover {
    color: #fff;
}

.menu .container .adds:nth-of-type(2) {
    right: 200px;
}

.menu .menu_container {
    text-align: right;
    padding: 0 100px 0 0;
}

.menu_container ul li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    font-size: 16px;
}

.menu_container ul li a {
    position: relative;
    display: block;
    padding: 5px 8px 7px 5px;
    margin: 15px 0 0 60px;
    color: #bfbfbf;
    text-align: center;
    border-bottom: 2px solid transparent;
}

.menu_container ul li a:hover {
    color: #fff;
}

.menu_container ul li a.current {
    color: #fff;
}

.menu_container ul li a.no-left-space {
    margin-left: 0;
    padding-left: 0;
}

.menu_container ul li a.dropdown_link:after {
    transition: 0.2s;
    content: "";
    border-bottom: 2px solid #9d9d9d;
    border-right: 2px solid #9d9d9d;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 100;
    -moz-transform: translate(10px, 4px) rotate(45deg);
    -webkit-transform: translate(10px, 4px) rotate(45deg);
    -o-transform: translate(10px, 4px) rotate(45deg);
    -ms-transform: translate(10px, 4px) rotate(45deg);
    transform: translate(10px, 4px) rotate(45deg);
}

.menu_container ul li a.dropdown_link:hover:after {
    border-color: #fff;
}

#products_dropdown {
    position: absolute;
    margin: 0 0 0 -60px;
    min-width: 170px;
    left: 50%;
    top: 116%;
    padding: 5px 15px;
    text-align: left;
    list-style: none inside;
    background: #fff;
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

#products_dropdown:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -5px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#products_dropdown.inactive {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

#products_dropdown li {
    display: block !important;
    margin: 10px 0;
    min-height: 30px;
    white-space: nowrap;
}

#products_dropdown li a {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: block;
    text-decoration: none;
}

#products_dropdown li a .icon {
    float: left;
    display: block;
    height: 29px;
    width: 29px;
    margin: 0 15px 0 0;
    padding: 0;
    overflow: hidden;
    background: url("/img/index/dropdown-icons.png?20170815") no-repeat 0 0;
    background-size: 29px 557px;
}

#products_dropdown li a .name {
    line-height: 1.8em;
    color: #8c8c8c;
}

#products_dropdown li a .name:hover {
    color: #000;
}

#products_dropdown li a.pdfexpert_mac .icon {
    background-position: 0 0;
}

#products_dropdown li a.pdfexpert5 .icon {
    background-position: 0 0;
}

#products_dropdown li a.scannerpro .icon {
    background-position: 0 -44px;
}

#products_dropdown li a.printerpro .icon {
    background-position: 0 -88px;
}

#products_dropdown li a.calendars5 .icon {
    background-position: 0 -132px;
}

#products_dropdown li a.documents .icon {
    background-position: 0 -176px;
}

#products_dropdown li a.pdfconverter .icon {
    background-position: 0 -220px;
}

#products_dropdown li a.pdfoffice .icon {
    background-position: 0 -264px;
}

#products_dropdown li a.spark .icon {
    background-position: 0 -484px;
}

#products_dropdown li a.fluix .icon {
    background-position: 0 -528px;
}

#more_dropdown {
    position: absolute;
    margin: 0 0 0 -30px;
    min-width: 100px;
    left: 50%;
    top: 116%;
    padding: 5px 15px;
    text-align: left;
    list-style: none inside;
    background: #fff;
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

#more_dropdown:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -5px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#more_dropdown.inactive {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

#more_dropdown li {
    display: block !important;
    margin: 10px 0;
    min-height: 30px;
    white-space: nowrap;
}

#more_dropdown li a {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: block;
    text-decoration: none;
}

#more_dropdown li a .name {
    line-height: 1.8em;
    color: #8c8c8c;
}

#more_dropdown li a .name:hover {
    color: #000;
}

#howto_dropdown {
    position: absolute;
    margin: 0 0 0 -50px;
    min-width: 150px;
    left: 50%;
    top: 116%;
    padding: 5px 15px;
    text-align: left;
    list-style: none inside;
    background: #fff;
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

#howto_dropdown:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -5px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#howto_dropdown.inactive {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

#howto_dropdown li {
    display: block !important;
    margin: 10px 0;
    min-height: 25px;
    white-space: nowrap;
}

#howto_dropdown li a {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: block;
    text-align: left;
    text-decoration: none;
}

#howto_dropdown li a .name {
    line-height: 1.3em;
    color: #8c8c8c;
}

#howto_dropdown li a .name:hover {
    color: #000;
}

.menu_container #more_dropdown li a, .menu_container #products_dropdown li a {
    text-align: left;
}

.menu_container ul li a.language-selector {
    display: inline-block;
    margin: 0 0 -6px 50px;
    padding: 0 20px 0 0;
    width: 22px;
    height: 22px;
}

.menu_container ul li a.language-selector img {
    display: block;
    width: 22px;
    height: 22px;
    background: url("/img/common/sprite_languages_menu.png") no-repeat 0 0;
    background-size: 22px 318px;
}

.menu_container ul li a.language-selector:after {
    right: 12px;
    top: 2px;
}

.menu_container ul li a.language-selector.language-en img {
    background-position: 0 0;
}

.menu_container ul li a.language-selector.language-de img {
    background-position: 0 -37px;
}

.menu_container ul li a.language-selector.language-fr img {
    background-position: 0 -74px;
}

.menu_container ul li a.language-selector.language-es img {
    background-position: 0 -111px;
}

.menu_container ul li a.language-selector.language-it img {
    background-position: 0 -148px;
}

.menu_container ul li a.language-selector.language-pt img {
    background-position: 0 -185px;
}

.menu_container ul li a.language-selector.language-ja img {
    background-position: 0 -222px;
}

.menu_container ul li a.language-selector.language-zh img {
    background-position: 0 -259px;
}

.menu_container ul li a.language-selector.language-ru img {
    background-position: 0 -296px;
}

/*#language_dropdown {*/
    /*position: absolute;*/
    /*margin: 0;*/
    /*width: 190px;*/
    /*height: auto;*/
    /*left: -20px;*/
    /*top: 30px;*/
    /*padding: 22px 0 7px 15px;*/
    /*text-align: left;*/
    /*list-style: none inside;*/
    /*background: url("/img/main/20161208/menublock1.png") no-repeat center top;*/
    /*background-size: 190px 347px;*/
    /*-webkit-columns: auto;*/
    /*-moz-columns: auto;*/
    /*columns: auto;*/
    /*opacity: 1;*/
    /*-webkit-transform: translateY(0px);*/
    /*-ms-transform: translateY(0px);*/
    /*-o-transform: translateY(0px);*/
    /*transform: translateY(0px);*/
    /*-webkit-transition: 200ms;*/
    /*-o-transition: 200ms;*/
    /*transition: 200ms;*/
    /*box-sizing: border-box;*/
    /*border-radius: 6px;*/
/*}*/

#language_dropdown {
    position: absolute;
    margin: 0 0 0 -30px;
    min-width: 100px;
    left: 30%;
    top: 160%;
    padding: 5px 15px;
    text-align: left;
    list-style: none inside;
    background: #fff;
    -webkit-columns: auto;
    -moz-columns: auto;
    columns: auto;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

#language_dropdown:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -5px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#language_dropdown.inactive {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

#language_dropdown.inactive {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

#language_dropdown li {
    display: block !important;
    margin: 10px 0;
    min-height: 22px;
    white-space: nowrap;
}

#language_dropdown li a {
    height: 22px;
    margin: 0 0 10px;
    padding: 0 0 0 35px !important;
    text-align: left;
}

#language_dropdown li a .name {
    line-height: 22px;
    color: #8c8c8c;
}

#language_dropdown li a .name:hover {
    color: #000;
}

#language_dropdown a .icon {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: url("/img/common/sprite_languages_menu.png") no-repeat 0 0;
    background-size: 22px 318px;
}

#language_dropdown a span {
    line-height: 22px;
    text-align: left;
}

#language_dropdown a .icon.icon-en {
    background-position: 0 0;
}

#language_dropdown a .icon.icon-de {
    background-position: 0 -37px;
}

#language_dropdown a .icon.icon-es {
    background-position: 0 -111px;
}

#language_dropdown a .icon.icon-fr {
    background-position: 0 -74px;
}

#language_dropdown a .icon.icon-it {
    background-position: 0 -148px;
}

#language_dropdown a .icon.icon-ja {
    background-position: 0 -222px;
}

#language_dropdown a .icon.icon-pt {
    background-position: 0 -185px;
}

#language_dropdown a .icon.icon-ru {
    background-position: 0 -296px;
}

#language_dropdown a .icon.icon-zh {
    background-position: 0 -259px;
}
/*endregion*/

.top .notification {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 36px;
    z-index: -1;
    background: #fff;
}

.top .notification .close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 36px;
    height: 36px;
    color: #555;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
}

.top .notification .close:after {
    content: "×";
}

.top .notification .container {
    display: inline-block;
    height: 36px;
}

.documents6_blog a {
    color: #333;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 36px;
}

.documents6_blog .red {
    color: #f00;
}

.documents6_blog .link {
    position: relative;
    color: #2c74e6;
}

.documents6_blog .link:after {
    content: "";
    border-bottom: 2px solid #2c74e6;
    border-right: 2px solid #2c74e6;
    width: 6px;
    height: 6px;
    position: absolute;
    right: -12px;
    top: 12px;
    z-index: 100;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.panel {
    width: 100%;
}

.panel .container {
    position: relative;
    width: 1160px;
    margin: 0 auto;
}

.next_container {
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    width: 1160px;
    height: 60px;
    margin: 0 0 0 -580px;
    background: url("/img/main/20161208/line1.png") no-repeat center center;
    background-size: 1280px 40px;
    z-index: 1;
}

.panel.home {
    background: url("/img/main/20161208/bk_gradient.png") repeat-x 0 60px;
    background-size: 2px 600px;
}

.panel.home .container {
    padding: 0 0 30px;
}

.panel.home-small .container {
    padding: 0 0 30px;
}

.panel.apps .container {
    padding: 30px 0 60px;
}

.panel.reviews .container {
    padding: 0 0 60px;
    -webkit-font-smoothing: antialiased;
}

h1 {
    width: 100%;
    padding: 46px 0 18px;
    color: #fff;
    font-size: 2.25em;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
}

h1 span {
    color: #de2121;
}

h2 {
    width: 100%;
    padding: 90px 0 30px;
    color: #fff;
    font-size: 2.25em;
    font-weight: 500;
    line-height: 44px;
    text-align: center;
}

.panel.reviews h2 {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 44px;
}

.banner-light {
    position: absolute;
    top: 0;
    width: 100%;
    height: 266px;
    background: url("/img/main/20161208/bk_light.png") no-repeat center center;
    background-size: 766px 266px;
}

.banner {
    display: block;
    position: relative;
    width: 100%;
    height: 562px;
    padding-top: 60px;
    background: url("/img/main/20161208/devicesblock1.png") no-repeat center 120px;
    background-size: 1106px 519px;
}

.disclaimer {
    text-align: center;
    margin: 0 auto;
}

.disclaimer p {
    color: #c0c0c0;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 28px;
}

.disclaimer p span {
    color: #fff;
    font-weight: 500;
}

/*region Latest News styles */
.latest-news {
    padding: 100px 0 0;
}

.latest-news .section-title {
    padding: 0 0 20px;
    color: #2f333e;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
}

.tile-big {
    display: block;
    width: 800px;
    height: 550px;
    border-radius: 7px;
    background-color: #181c26;
    overflow: hidden;
}

.tile-big .tile-cover {
    display: block;
    width: 800px;
    height: 450px;
}

.tile-big .tile-title {
    display: inline-block;
    padding: 0 0 0 30px;
    color: #fff;
    font-size: 1.625em;
    font-weight: 600;
    line-height: 100px;
}

.tile-big .read-more {
    position: relative;
    display: inline-block;
    padding: 0 30px 0 0;
    margin: 0 20px 0 0;
    color: #1b84ee;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 100px;
}

.tile-big .read-more:after {
    content: "";
    border-bottom: 2px solid #1b84ee;
    border-right: 2px solid #1b84ee;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 20px;
    top: 43px;
    z-index: 100;
    -moz-transform: translate(10px, 4px) rotate(-45deg);
    -webkit-transform: translate(10px, 4px) rotate(-45deg);
    -o-transform: translate(10px, 4px) rotate(-45deg);
    -ms-transform: translate(10px, 4px) rotate(-45deg);
    transform: translate(10px, 4px) rotate(-45deg);
}

.tile-small {
    display: block;
    width: 349px;
    height: 269px;
    margin: 0 0 12px;
    border-radius: 7px;
    background-color: #181c26;
    overflow: hidden;
}

.tile-small .tile-cover {
    display: block;
    width: 349px;
    height: 190px;
}

.tile-small .tile-title {
    display: inline-block;
    padding: 12px 20px 0;
    color: #fff;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 150%;
}
/*endregion*/

/*region 100m Downloads styles */
.milestone-100m {
    padding: 100px 0 0;
}

.milestone-100m .container {
    padding-bottom: 35px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color:  #181c26;
}

.milestone-100m .cover {
    display: block;
    width: 1160px;
    height: auto;
}

.milestone-100m .title {
    padding: 30px 30px 15px;
    font-size: 2em;
}

.milestone-100m .disclaimer {
    padding: 0 30px 30px;
    color: #c0c0c0;
    font-size: 1.188em;
    line-height: 140%;
}

.milestone-100m .read-more {
    display: inline-block;
    color: #fff;
    font-size: 1.125em;
    line-height: 46px;
    text-align: center;
    border-radius: 6px;
    background: -webkit-linear-gradient(14deg, #278cf3 15%, #5db3f9 85%);
    background: -moz-linear-gradient(14deg, #278cf3 15%, #5db3f9 85%);
    background: -o-linear-gradient(14deg, #278cf3 15%, #5db3f9 85%);
    background: -ms-linear-gradient(14deg, #278cf3 15%, #5db3f9 85%);
    background: linear-gradient(76deg, #278cf3 15%, #5db3f9 85%);
    width: 220px;
    height: 46px;
}
/*endregion*/

/*region Black Friday 2018 banner styles */
.top .notification.readdle_bf2018 {
    position: absolute;
    top: 70px;
    left: 50%;
    width: 880px;
    height: 76px;
    margin: 0 0 0 -440px;
    border-radius: 12px;
    background-color: #3ba6ff;
    -webkit-font-smoothing: antialiased;
}

.top .notification.readdle_bf2018 .container {
    position: relative;
    display: block;
    width: 800px;
    height: 76px;
    padding: 16px 250px 0 100px;
    color: #fff;
    font-size: 1.063em;
    font-weight: 400;
    line-height: 130%;
    box-sizing: border-box;
    background: url("/img/bf2018/gift_2x.png") no-repeat 20px 10px;
    background-size: 70px 55px;
    z-index: 5;
}

.top .notification.readdle_bf2018 .container .fake-button {
    position: absolute;
    top: 17px;
    right: 0;
    display: block;
    width: 180px;
    height: 41px;
    padding: 0;
    color: #46a5f7;
    font-size: 1.125em;
    font-weight: 400;
    text-align: center;
    line-height: 41px;
    background: #fff;
    border-radius: 6px;
    z-index: 1;
}

.top .notification.readdle_bf2018 .close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 56px;
    height: 76px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 76px;
    text-align: center;
}

.top .notification.readdle_bf2018 .close:after {
    content: "×";
}
/*endregion*/

/*region Black Friday 2018 styles */
.bf2018-banner {
    position: relative;
    padding: 120px 0 60px;
    -webkit-font-smoothing: antialiased;
}

.bf2018-banner .cover {
    display: block;
    width: 800px;
    height: auto;
    margin: 0 auto;
}

.bf2018-banner .title {
    padding: 0 0 15px;
    font-weight: 600;
}

.bf2018-banner .title span {
    color: #f00;
}

.bf2018-banner .disclaimer {
    padding: 0 0 30px;
    color: #99a0b0;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 150%;
}

.bf2018-banner .disclaimer span {
    color: #fff;
}
/*endregion*/

/*region Black Friday 2018 - PDF Expert styles */
.pdfexpert-bf2018 {
    padding: 60px 0;
    -webkit-font-smoothing: antialiased;
}

.pdfexpert-bf2018 .title {
    display: inline-block;
    width: auto;
    padding: 10px 0 20px 63px;
    color: #fff;
    font-size: 2.750em;
    font-weight: 600;
    line-height: 100%;
    background: url("/img/bf2018/pdfexpertmac.svg") no-repeat 0 10px;
    background-size: 50px 50px;
}

.pdfexpert-bf2018 .description {
    padding: 0 0 40px;
    color: #99a0b0;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 150%;
}

.pdfexpert-bf2018 .description span {
    color: #fff;
    font-weight: 600;
}

.pdfexpert-bf2018 .cover {
    display: block;
    width: 1131px;
    height: auto;
    margin: 0 auto;
}

.get-with-discount {
    position: relative;
    display: block;
    width: 477px;
    height: 65px;
    margin: 40px auto 20px;
    padding: 6px;
    border-radius: 10px;
    box-sizing: border-box;
}

.get-with-discount.black {
    background-color: #1f2431;
}

.get-with-discount .btn {
    width: 240px;
    height: 50px;
    margin: 0;
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    line-height: 50px;
    border: 1px solid #3fc322;
    background-color: #3fc322;
    border-radius: 4px;
}

.get-with-discount .prices {
    display: block;
    width: 150px;
    height: 52px;
    margin: 0 20px;
}

.get-with-discount .prices .old-price {
    height: 16px;
    color: #787993;
    font-size: 1.063em;
    font-weight: 400;
    text-decoration: line-through;
    line-height: 16px;
}

.get-with-discount .prices .new-price {
    height: 36px;
    color: #fff;
    font-size: 1.875em;
    font-weight: 700;
    line-height: 36px;
}

.get-with-discount.gray .prices .new-price {
    color: #17212f;
}

.get-with-discount .discount {
    position: absolute;
    top: 9px;
    left: -2px;
    width: 73px;
    height: 46px;
    padding: 0 0 0 17px;
    color: #fff;
    font-size: 1.688em;
    font-weight: 700;
    line-height: 46px;
    background-color: #de2121;
}

.get-with-discount .discount:after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 46px solid transparent;
    border-left: 30px solid #de2121;
}

.default-rating {
    display: inline-block;
    padding: 0 0 0 95px;
    color:  #838a96;
    font-size: 1.125em;
    font-weight: 400;
    background: url("/img/bf2018/stars_4-5.svg") no-repeat 0 4px;
    background-size: 88px 15px;
}
/*endregion*/

/*region Black Friday 2018 - Bundle styles */
.bundle-bf2018 {
    padding: 60px 0 0;
    -webkit-font-smoothing: antialiased;
    background: -webkit-linear-gradient(90deg, #0c101a 0%, #1d222e 100%);
    background: -moz-linear-gradient(90deg, #0c101a 0%, #1d222e 100%);
    background: -o-linear-gradient(90deg, #0c101a 0%, #1d222e 100%);
    background: -ms-linear-gradient(90deg, #0c101a 0%, #1d222e 100%);
    background: linear-gradient(0deg, #0c101a 0%, #1d222e 100%);
}

.bundle-bf2018 .title {
    display: inline-block;
    width: auto;
    padding: 10px 0 20px;
    color: #fff;
    font-size: 2.750em;
    font-weight: 600;
    line-height: 100%;
}

.bundle-bf2018 .description {
    width: 700px;
    margin: 0 auto;
    padding: 0 0 40px;
    color: #99a0b0;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 150%;
}

.bundle-bf2018 .cover {
    display: block;
    width: 463px;
    height: auto;
    margin: 0 auto 20px;
}

.bundle-bf2018 .camera-tip {
    position: relative;
    width: 463px;
    height: 69px;
    margin: 0 auto;
    background: #1f2431 url("/img/bf2018/camera.png") no-repeat 10px 10px;
    background-size: 49px 49px;
    border-radius: 10px;
}

.bundle-bf2018 .camera-tip:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 80px;
    top: -13px;
    margin-left: -5px;
    background: #1f2431;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bundle-bf2018 .camera-tip .tip-text {
    padding: 10px 30px 0 69px;
    color: #99a0b0;
    font-size: 1.063em;
    font-weight: 400;
    line-height: 140%;
}

.bundle-bf2018 .camera-tip .tip-text span {
    color: #fff;
    font-weight: 600;
}
/*endregion*/

.product {
    float: left;
    display: block;
    position: relative;
    width: 278px;
    margin: 0 16px 20px 0;
    padding: 0;
}

.product:nth-of-type(4), .product:nth-of-type(8) {
    margin-right: 0;
}

.product .product-container {
    display: block;
    width: 100%;
    min-height: 420px;
    padding: 20px;
    border-radius: 7px;
    background: #181c26;
    box-sizing: border-box;
}

.product .product-container:hover {
    background: -webkit-linear-gradient(-90deg, #252830 0%, #343844 100%);
    background: -moz-linear-gradient(-90deg, #252830 0%, #343844 100%);
    background: -o-linear-gradient(-90deg, #252830 0%, #343844 100%);
    background: -ms-linear-gradient(-90deg, #252830 0%, #343844 100%);
    background: linear-gradient(180deg, #252830 0%, #343844 100%);
}

.product:nth-of-type(5) .product-container, .product:nth-of-type(6) .product-container, .product:nth-of-type(7) .product-container, .product:nth-of-type(8) .product-container {
    min-height: 380px;
}

.product .icon {
    display: block;
    width: 123px;
    height: 122px;
    margin: 0 auto;
    background: url("/img/main/20161208/sprite_apps.png") no-repeat 0 0;
    background-size: 1012px 122px;
}

.product.pdfexpert .icon {
    background-position: 0 0;
}

.product.spark .icon {
    background-position: -127px 0;
}

.product.scanner .icon {
    background-position: -254px 0;
}

.product.calendars .icon {
    background-position: -382px 0;
}

.product.pdfoffice .icon {
    background-position: -508px 0;
}

.product.printer .icon {
    background-position: -636px 0;
}

.product.converter .icon {
    background-position: -763px 0;
}

.product.documents .icon {
    background-position: -890px 0;
}

.product.fluix .icon {
    width: 122px;
    height: 122px;
    background: url("/img/main/20161208/fluix_2x.png") no-repeat 0 0;
    background-size: 122px 122px;
}

.product .product_info {
    position: relative;
}

.product h4 {
    padding: 15px 20px 0;
    color: #fff;
    font-size: 1.375em;
    font-weight: normal;
    line-height: 1em;
    text-align: center;
}

.product p {
    font-size: 16px;
    color: #bfbfbf;
    padding: 20px 0 0;
    line-height: 24px;
}

.product p a {
    color: #159ffd;
}

.product p a:hover {
    text-decoration: underline;
}

.product .download-btn {
    position: absolute;
    bottom: 26px;
    left: 50%;
    display: block;
    width: 216px;
    height: 46px;
    margin: 0 0 0 -108px;
    line-height: 46px;
    color: #bfbfc1;
    font-size: 1.125em;
    text-align: center;
    border-radius: 6px;
    background: #31353e;
}

.product:hover .download-btn {
    color: #fff;
    background: #3fc322;
}

.product .download-btn:hover {
    color: #fff;
    background-color: #3fc322;
    cursor: pointer;
}

.product .award {
    display: block;
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 248px;
    height: 40px;
    margin: 0 0 0 -124px;
    background: no-repeat 0 0;
    background-size: 248px 40px;
}

.product .bestseller {
    display: block;
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    text-align: center;
}

.product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/en_appoftheyear.png");
}

.product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/en_bestof2016.png");
}

.product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/en_editorschoice.png");
}

.en .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/en_appoftheyear.png");
}

.de .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/de_appoftheyear.png");
}

.es .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/es_appoftheyear.png");
}

.fr .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/fr_appoftheyear.png");
}

.it .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/it_appoftheyear.png");
}

.ja .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/ja_appoftheyear.png");
}

.pt .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/pt_appoftheyear.png");
}

.ru .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/ru_appoftheyear.png");
}

.zh .product.pdfexpert .award {
    background-image: url("/img/main/20161208/iphone/appoftheyear/zh_appoftheyear.png");
}

.en .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/en_bestof2016.png");
}

.de .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/de_bestof2016.png");
}

.es .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/es_bestof2016.png");
}

.fr .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/fr_bestof2016.png");
}

.it .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/it_bestof2016.png");
}

.ja .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/ja_bestof2016.png");
}

.pt .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/pt_bestof2016.png");
}

.ru .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/ru_bestof2016.png");
}

.zh .product.spark .award {
    background-image: url("/img/main/20161208/iphone/bestof2016/zh_bestof2016.png");
}

.en .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/en_editorschoice.png");
}

.de .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/de_editorschoice.png");
}

.es .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/es_editorschoice.png");
}

.fr .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/fr_editorschoice.png");
}

.it .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/it_editorschoice.png");
}

.ja .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/ja_editorschoice.png");
}

.pt .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/pt_editorschoice.png");
}

.ru .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/ru_editorschoice.png");
}

.zh .product.scanner .award {
    background-image: url("/img/main/20161208/iphone/editorschoice/zh_editorschoice.png");
}

.social {
    margin-top: 58px;
    width: 100%;
    height: 60px;
}

.social p {
    float: left;
    max-width: 700px;
    font-size: 1.25em;
    font-weight: 400;
    color: #bfbfbf;
    line-height: 30px;
}

.social p span {
    color: #fff;
    font-weight: 600;
}

.social .heart {
    display: inline-block;
    margin: 0 0 -2px 10px;
    width: 22px;
    height: 20px;
    background: url("/img/main/20161208/heart.png");
    background-size: 22px 20px;
}

.share_second {
    float: right;
    display: block;
    width: 224px;
    height: 60px;
    border-radius: 4px;
    text-align: center;
    background: #3c589e;
}

.share_second:hover {
    background: #4265bc;
}

.share_second img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 15px 10px 0 0;
}

.share_second span {
    color: #fff;
    font-size: 23px;
    line-height: 60px;
    vertical-align: top;
}

.tweet_second {
    float: right;
    display: block;
    width: 224px;
    height: 60px;
    margin-left: 10px;
    border-radius: 4px;
    text-align: center;
    background: #1da0f2;
}

.tweet_second:hover {
    background: #45b7ff;
}

.tweet_second img {
    display: inline-block;
    width: 30px;
    height: 25px;
    margin: 18px 10px 0 0;
}

.tweet_second span {
    color: #fff;
    font-size: 23px;
    line-height: 60px;
    vertical-align: top;
}

.story {
    background-color: #0f141f;
}

.story .story-description {
    width: 45%;
}

.story .story-description h2 {
    padding: 60px 0 15px;
    color: #fff;
    font-size: 2.25em;
    font-weight: 400;
    text-align: left;
}

.story .story-description h2 span {
    color: #de2121;
}

.story .story-description p {
    color: #fff;
    font-size: 1.313em;
    font-weight: 300;
}

.story .story-description p.story-learn {
    padding: 25px 0;
    color: #bfbfbf;
    font-size: 1.125em;
}

.story .story-description .read-story {
    position: relative;
    display: block;
    width: 280px;
    height: 40px;
    padding: 0 0 0 20px;
    color: #fff;
    font-size: 1em;
    line-height: 38px;
    border: 1px solid #1c2029;
    border-radius: 5px;
    background: #1c2029;
    box-sizing: border-box;
}

.story .story-description .read-story:hover {
    border: 1px solid #2c3039;
    background: #2c3039;
}

.story .story-description .read-story:after {
    content: "";
    border-bottom: 2px solid #de2121;
    border-right: 2px solid #de2121;
    width: 6px;
    height: 6px;
    position: absolute;
    right: 30px;
    top: 12px;
    z-index: 100;
    -moz-transform: translate(10px, 4px) rotate(-45deg);
    -webkit-transform: translate(10px, 4px) rotate(-45deg);
    -o-transform: translate(10px, 4px) rotate(-45deg);
    -ms-transform: translate(10px, 4px) rotate(-45deg);
    transform: translate(10px, 4px) rotate(-45deg);
}

.story .story-illustration {
    width: 50%;
}

.story .story-illustration .video_player {
    float: right;
    width: 572px;
    height: 320px;
    margin: 60px 0;
    background: url("/img/main/20161208/video_cover.png") no-repeat center center;
    background-size: 572px 320px;
}

.story .story-illustration .video_player a {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 572px;
    height: 320px;
}

.story .story-illustration .video_player a img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 104px;
    height: 104px;
    margin: -52px 0 0 -52px;
    background: url("/img/main/20161208/play.png") no-repeat center center;
    background-size: 104px 104px;
    -moz-opacity: 0.9;
    opacity: .9;
    filter: alpha(opacity=90);
    -webkit-transition: opacity 0.12s ease-in-out;
    -moz-transition: opacity 0.12s ease-in-out;
    -ms-transition: opacity 0.12s ease-in-out;
    -o-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
}

.story .story-illustration .video_player a:hover img {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.12s ease-in-out;
    -moz-transition: opacity 0.12s ease-in-out;
    -ms-transition: opacity 0.12s ease-in-out;
    -o-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
}

.about-banner {
    min-height: 1080px;
    text-align: center;
}

.about-banner .bg_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1080px;
    overflow: hidden;
}

.about-banner .bg_video video {
    display: block;
    position: absolute;
    width: 1920px;
    top: 0;
    left: 50%;
    z-index: 0;
    margin: 0 0 0 -960px;
}

.about-banner .video-fade {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 296px;
    background: url("/img/dark_20161227/about/fadevideo.png") repeat-x 0 0;
    background-size: 1px 296px;
}

.about-banner .video-fade img {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url("/img/dark_20161227/about/line2.png") no-repeat center center;
    background-size: 1280px 1px;
}

.about-banner h1 {
    padding: 180px 0 50px;
    color: #fff;
    font-size: 2.875em;
    font-weight: 600;
}

.about-banner h1 span {
    color: #de2121;
    font-weight: 700;
}

.about-banner p {
    padding: 20px 0 0;
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 170%;
    text-align: center;
}

.about-banner .video_play {
    display: inline-block;
    height: 38px;
    margin: 130px auto 130px;
    padding: 0 0 0 50px;
    color: #fff;
    font-size: 1.375em;
    font-weight: 400;
    line-height: 38px;
    background: url("/img/dark_20161227/about/play_btn.png") no-repeat left center;
    background-size: 38px 38px;
}

.about-banner .next_container {
    position: relative;
    left: initial;
    margin: 0 auto 40px;
    background-image: url("/img/dark_20161227/about/line1.png");
}

.ru .about-banner p.disclaimer {
    font-size: 1.45em;
}

.ru .about-banner p.description {
    font-size: 1.35em;
}

.told-stories {
    padding: 60px 0 100px;
}

.told-stories .illustration {
    width: 542px;
}

.told-stories .illustration img {
    display: block;
    width: 542px;
    height: 378px;
    background: url("/img/dark_20161227/about/peoplepht.png") no-repeat center center;
    background-size: 542px 378px;
}

.told-stories .description {
    width: 540px;
    padding: 20px 0 0;
}

.told-stories .description p {
    padding: 0 0 20px;
    color: #fff;
    font-size: 1.25em;
    font-weight: 400;
    line-height: 150%;
}

.told-stories .description p:last-of-type {
    color: #bfbfbf;
}

.lessons-learned {
    padding: 0 0 70px;
    background: url("/img/dark_20161227/about/bk01.png") no-repeat center top;
    background-size: 2560px 1120px;
    text-align: center;
}

.lessons-learned h2 {
    padding: 55px 0 50px;
    color: #fff;
    font-size: 2.875em;
    font-weight: 600;
    line-height: 100%;
}

.lessons-learned p {
    padding: 0 0 40px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 170%;
}

.lessons-learned img {
    display: inline-block;
    width: 780px;
    height: 140px;
    margin: 30px auto 50px;
}

.lessons-learned .separator {
    height: 1px;
    margin: 10px 0 50px;
    background: url("/img/main/20161208/line2.png") no-repeat center bottom;
    background-size: 1280px 1px;
}

.moving-forward {
    padding: 0;
    background: url("/img/dark_20161227/about/bk02.png") no-repeat center top;
    background-size: 2560px 1120px;
    text-align: center;
}

.moving-forward h2 {
    padding: 60px 0;
    color: #fff;
    font-size: 2.875em;
    font-weight: 600;
    line-height: 100%;
}

.moving-forward p {
    padding: 0 0 40px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 170%;
}

.moving-forward img {
    display: inline-block;
    width: 1162px;
    height: 588px;
    margin: 15px auto 40px;
}

.moving-forward .separator {
    height: 1px;
    margin: 10px 0 -40px;
    background: url("/img/main/20161208/line2.png") no-repeat center bottom;
    background-size: 1280px 1px;
}

.logos_row {
    position: relative;
    width: 100%;
}

.logos_row.one {
    margin-top: 40px;
}

.logos_row.two {
    margin-top: 102px;
}

.logos_row.three {
    margin-top: 102px;
}

.logos_row.four {
    margin-top: 102px;
}

.logos {
    display: inline-block;
}

.logos img {
    background: url("/img/dark_20161227/press.png") no-repeat 0 0;
    background-size: 1164px 590px;
}

.logos.bbc img {
    width: 190px;
    height: 78px;
    background-position: 0 0;
}

.logos.cnet img {
    width: 137px;
    height: 78px;
    background-position: -190px 0;
}

.logos.macworld img {
    width: 210px;
    height: 78px;
    background-position: -327px 0;
}

.logos.tnw img {
    width: 190px;
    height: 78px;
    background-position: -537px 0;
}

.logos.twt img {
    width: 226px;
    height: 78px;
    background-position: -727px 0;
}

.logos.fastcompany img {
    width: 207px;
    height: 78px;
    background-position: -953px 0;
}

.logos.lifehacker img {
    width: 184px;
    height: 82px;
    background-position: 0 -190px;
}

.logos.tc img {
    width: 144px;
    height: 82px;
    background-position: -184px -190px;
}

.logos.twj img {
    width: 232px;
    height: 82px;
    background-position: -328px -190px;
}

.logos.usatoday img {
    width: 202px;
    height: 82px;
    background-position: -560px -190px;
}

.logos.theverge img {
    width: 248px;
    height: 82px;
    background-position: -762px -190px;
}

.logos.oreilly img {
    width: 150px;
    height: 82px;
    background-position: -1010px -190px;
}

.logos.bloomberg img {
    width: 230px;
    height: 86px;
    background-position: 0 -364px;
}

.logos.bpixels img {
    width: 260px;
    height: 86px;
    background-position: -230px -364px;
}

.logos.theguardian img {
    width: 260px;
    height: 86px;
    background-position: -490px -364px;
}

.logos.wired img {
    width: 250px;
    height: 86px;
    background-position: -750px -364px;
}

.logos.zdnet img {
    width: 160px;
    height: 86px;
    background-position: -1000px -364px;
}

.logos.igeeks img {
    width: 210px;
    height: 90px;
    background-position: 0 -500px;
}

.logos.androidcentral img {
    width: 270px;
    height: 90px;
    background-position: -210px -500px;
}

.logos.androidauthority img {
    width: 220px;
    height: 90px;
    background-position: -480px -500px;
}

.logos.droidlife img {
    width: 240px;
    height: 90px;
    background-position: -700px -500px;
}

.logos.engadget img {
    width: 220px;
    height: 90px;
    background-position: -940px -500px;
}

/*region Join the Club popup styles */
.join-the-club {
    position: fixed;
    bottom: -1000px;
    left: 50%;
    width: 600px;
    height: 195px;
    margin: 0 0 0 -300px;
    text-align: center;
    border-radius: 6px;
    background: -webkit-linear-gradient(-90deg, #cfd1d8 0%, #d1d4db 100%);
    background: -moz-linear-gradient(-90deg, #cfd1d8 0%, #d1d4db 100%);
    background: -o-linear-gradient(-90deg, #cfd1d8 0%, #d1d4db 100%);
    background: -ms-linear-gradient(-90deg, #cfd1d8 0%, #d1d4db 100%);
    background: linear-gradient(180deg, #cfd1d8 0%, #d1d4db 100%);
    z-index: 900;
}

.join-the-club .close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0 10px;
    color: #000;
    font-size: 1.5em;
}

.join-the-club .title {
    display: inline-block;
    margin: 10px auto 0;
    padding: 10px 30px 10px 0;
    color: #000;
    font-size: 1.625em;
    font-weight: 300;
    background: url("/img/dark_20161227/roket_2x.png") no-repeat right center;
    background-size: 24px 24px;
}

.join-the-club .text {
    color: #000;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5;
}

.join-the-club-form {
    padding: 20px 0 0;
}

.join-the-club-form input {
    display: inline-block;
    width: 220px;
    height: 33px;
    margin: 0 5px 0 0;
    padding: 0 12px;
    font-size: 1em;
    line-height: 33px;
    text-align: left;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
}

.join-the-club-form a {
    display: inline-block;
    width: 100px;
    height: 33px;
    color: #fff;
    font-size: 1em;
    line-height: 33px;
    background-color: #3fc322;
    border-radius: 3px;
    cursor: pointer;
}

.join-the-club-ok {
    position: fixed;
    bottom: -1000px;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: 0 0 0 -40px;
    background: url("/img/dark_20161227/cmplt_2x.png") no-repeat center center;
    background-size: 80px 80px;
    z-index: 900;
}

/*endregion*/

.social_likes {
    float: right;
    margin-top: -32px;
}

.content-block {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1160px;
    height: 600px;
    background-color: #fff;
    border: 0 solid transparent;
    overflow: hidden;
    border-radius: 3px;
}

.back_top_container {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 1160px;
    height: 47px;
    color: #fff;
    text-align: center;
    margin: 0;
    background: url("/img/main/20161208/line2.png") no-repeat center center;
    background-size: 1280px 1px;
    font-weight: 500;
}

.back_top {
    display: block;
    width: 98px;
    height: 47px;
    margin: 0 auto;
    background: url("/img/main/20161208/sprite_back.png") no-repeat 0 0;
    background-size: 98px 142px;
}

.back_top:hover {
    background-position: 0 -49px;
}

.back_top:active {
    background-position: 0 -98px;
}

.bottom {
    position: absolute;
    bottom: 0;
    min-width: 1200px;
    width: 100%;
    height: 300px;
}

.footer {
    position: relative;
    width: 1160px;
    margin: 0 auto;
    padding: 60px 0;
}

.footer .menu_container {
    margin: 0 30px 0 0;
    padding: 0;
    text-align: right;
    display: inline-block;
    min-width: 100px;
    vertical-align: top;
    list-style: none inside;
}

.footer .menu_container li {
    text-align: left;
    margin-bottom: 1em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}

.footer .menu_container li:last-child {
    margin-bottom: 0;
}

.footer .menu_container li a {
    transition: 0.15s;
    text-transform: initial;
    color: #919dad;
    display: block;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
}

.footer .menu_container li a:hover {
    color: #fff;
}

.footer .menu_container li a.current {
    color: #fff;
}

.footer .menu_container:nth-child(2) li, .footer .menu_container:nth-child(3) li {
    padding-left: 15px;
}

.footer .menu_container:nth-child(2) li a, .footer .menu_container:nth-child(3) li a {
    border-left: 3px solid transparent;
}

.footer .menu_container:nth-child(2) li a.current, .footer .menu_container:nth-child(3) li a.current {
    border-color: #de2121;
}

.footer .rights {
    width: 348px;
}

.footer .rights .social-footer a {
    display: inline-block;
    width: 58px;
    height: 24px;
    background: url("/img/dark_20161227/footer-socials.png") no-repeat 0 0;
    background-size: 348px 72px;
}

.footer .rights .social-footer a.twitter {
    background-position: 0 -48px;
}

.footer .rights .social-footer a.twitter:hover {
    background-position: 0 -24px;
}

.footer .rights .social-footer a.facebook {
    background-position: -58px -48px;
}

.footer .rights .social-footer a.facebook:hover {
    background-position: -58px -24px;
}

.footer .rights .social-footer a.vimeo {
    background-position: -116px -48px;
}

.footer .rights .social-footer a.vimeo:hover {
    background-position: -116px -24px;
}

.footer .rights .social-footer a.youtube {
    background-position: -174px -48px;
}

.footer .rights .social-footer a.youtube:hover {
    background-position: -174px -24px;
}

.footer .rights p {
    text-align: left;
    font-size: 0.750em;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.14);
    padding: 30px 0 0 0;
}

/*region Readdle Recommends footer block styles */
.footer .rights .readdle-recommends {
    padding: 0 0 30px;
}

.footer .rights .readdle-recommends p.title {
    margin-bottom: 1em;
    padding: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
}

.footer .rights .readdle-recommends p.success {
    height: 24px;
    padding: 2px 0 2px 35px;
    color: #3fc322;
    font-size: 1em;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
    background: url("/img/index/contact-checkmark@2x.png") no-repeat 0 0;
    background-size: 24px 24px;
}

.footer .rights .readdle-recommends .email {
    display: inline-block;
    width: 235px;
    height: 28px;
    padding: 0 15px;
    font-size: 0.875em;
    border: none;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: none;
}

.footer .rights .readdle-recommends .subscribe {
    display: inline-block;
    width: 96px;
    height: 28px;
    margin: 0 0 0 10px;
    color: #fff;
    font-size: 0.938em;
    line-height: 28px;
    border: none;
    border-radius: 4px;
    background-color: #1b84ee;
    cursor: pointer;
    vertical-align: top;
    outline: none;
}

.footer .rights .readdle-recommends .subscribe:hover {
    background-color: #1771b4;
}

/*endregion*/

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.hidden {
    display: none;
}

.unclickable {
    pointer-events: none;
}

iframe[name="google_conversion_frame"] {
    position: absolute;
    top: -10000px;
}

@media (-webkit-min-device-pixel-ratio: 2) {

    .menu_container ul li a.language-selector img {
        background-image: url("/img/common/sprite_languages_menu_2x.png");
    }

    #language_dropdown a .icon {
        background-image: url("/img/common/sprite_languages_menu_2x.png");
    }

    #products_dropdown li a .icon {
        background-image: url("/img/index/dropdown-icons@2x.png?20170815");
    }

    .next_container {
        background-image: url("/img/main/20161208/line1_2x.png");
    }

    .panel.home {
        background-image: url("/img/main/20161208/bk_gradient_2x.png");
    }

    .banner-light {
        background-image: url("/img/main/20161208/bk_light_2x.png");
    }

    .banner {
        background-image: url("/img/main/20161208/devicesblock1_2x.png");
    }

    /*region Latest News styles */
    .tile-big.big-20181221 .tile-cover {
        content: url("/img/news/big-news_spark_ny2018_2x.png");
    }

    .tile-big.big-100m .tile-cover {
        content: url("/img/news/big-news_100M_2x.png");
    }

    .tile-big.big-android .tile-cover {
        content: url("/img/news/big-news_spark_android_2x.png");
    }

    .tile-small.small-20181221-1 .tile-cover.tile-cover-1 {
        content: url("/img/news/news-pdfexpert_ny40off_2x.png");
    }

    .tile-small.small-20181221-2 .tile-cover.tile-cover-2 {
        content: url("/img/news/news-100m_2x.png");
    }
    /*endregion*/

    /*region 100m Downloads styles */
    .milestone-100m .cover {
        content: url("/img/main/100m_illustration_2x.png");
    }
    /*endregion*/

    /*region Black Friday 2018 styles */
    .bf2018-banner .cover {
        content: url("/img/bf2018/illustration_01_2x.png");
    }
    /*endregion*/

    /*region Black Friday 2018 - PDF Expert styles */
    .pdfexpert-bf2018 .cover {
        content: url("/img/bf2018/illustration_02_2x.png");
    }
    /*endregion*/

    /*region Black Friday 2018 - Bundle styles */
    .bundle-bf2018 .cover {
        content: url("/img/bf2018/illustration_03_2x.png");
    }

    .bundle-bf2018 .camera-tip {
        background-image: url("/img/bf2018/camera_2x.png");
    }
    /*endregion*/

    /*region Spark Android Release banner*/
    .top-menu .notification.spark_android_release .decorations {
        content: url("/img/common/spark_android_banner_2x.png");
    }
    /*endregion*/

    .product .icon {
        background-image: url("/img/main/20161208/sprite_apps_2x.png");
    }

    .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/en_appoftheyear_2x.png");
    }

    .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/en_bestof2016_2x.png");
    }

    .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/en_editorschoice_2x.png");
    }

    .en .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/en_appoftheyear_2x.png");
    }

    .de .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/de_appoftheyear_2x.png");
    }

    .es .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/es_appoftheyear_2x.png");
    }

    .fr .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/fr_appoftheyear_2x.png");
    }

    .it .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/it_appoftheyear_2x.png");
    }

    .ja .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/ja_appoftheyear_2x.png");
    }

    .pt .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/pt_appoftheyear_2x.png");
    }

    .ru .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/ru_appoftheyear_2x.png");
    }

    .zh .product.pdfexpert .award {
        background-image: url("/img/main/20161208/iphone/appoftheyear/zh_appoftheyear_2x.png");
    }

    .en .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/en_bestof2016_2x.png");
    }

    .de .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/de_bestof2016_2x.png");
    }

    .es .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/es_bestof2016_2x.png");
    }

    .fr .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/fr_bestof2016_2x.png");
    }

    .it .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/it_bestof2016_2x.png");
    }

    .ja .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/ja_bestof2016_2x.png");
    }

    .pt .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/pt_bestof2016_2x.png");
    }

    .ru .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/ru_bestof2016_2x.png");
    }

    .zh .product.spark .award {
        background-image: url("/img/main/20161208/iphone/bestof2016/zh_bestof2016_2x.png");
    }

    .en .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/en_editorschoice_2x.png");
    }

    .de .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/de_editorschoice_2x.png");
    }

    .es .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/es_editorschoice_2x.png");
    }

    .fr .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/fr_editorschoice_2x.png");
    }

    .it .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/it_editorschoice_2x.png");
    }

    .ja .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/ja_editorschoice_2x.png");
    }

    .pt .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/pt_editorschoice_2x.png");
    }

    .ru .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/ru_editorschoice_2x.png");
    }

    .zh .product.scanner .award {
        background-image: url("/img/main/20161208/iphone/editorschoice/zh_editorschoice_2x.png");
    }

    .social .heart {
        background-image: url("/img/main/20161208/heart_2x.png");
    }

    .story .story-illustration .video_player {
        background-image: url("/img/main/20161208/video_cover_2x.png");
    }

    .story .story-illustration .video_player a img {
        background-image: url("/img/main/20161208/play_2x.png");
    }

    .logos img {
        background-image: url("/img/dark_20161227/press_2x.png");
    }

    .back_top_container {
        background-image: url("/img/main/20161208/line2_2x.png");
    }

    .back_top {
        background-image: url("/img/main/20161208/sprite_back_2x.png");
    }

}

@media only screen and (device-width: 768px) {
    .join-the-club {
        display: none;
    }

    .product:hover {
        background-color: #2f2f2f;
    }

    .product:hover .product_icon {
        background-color: #0c101a;
    }

    .share_second:hover {
        background-position: 0 0;
    }

    .share_second:active {
        background-position: 0 0;
    }

    .tweet_second:hover {
        background-position: -224px 0;
    }

    .tweet_second:active {
        background-position: -224px 0;
    }

    .cutter {
        width: 100%;
        height: 600px;
        overflow: hidden;
    }

    .scroller {
        width: 8120px;
        height: 600px;
    }

    .content-block {
        position: static;
        float: left;
        display: block;
    }

    .logos.bbc img {
        height: 73px;
    }

    .logos.cnet img {
        height: 73px;
    }

    .logos.macworld img {
        height: 73px;
    }

    .logos.tnw img {
        height: 73px;
    }

    .logos.twt img {
        height: 73px;
    }

    .logos.gizmodo img {
        height: 73px;
    }

    .logos.tuaw img {
        height: 75px;
    }

    .logos.tc img {
        height: 75px;
    }

    .logos.twj img {
        height: 75px;
    }

    .logos.usatoday img {
        height: 75px;
        background-position: -575px -94px;
    }

    .logos.theverge img {
        height: 75px;
    }

    .logos.oreilly img {
        height: 75px;
    }

    .logos.bloomberg img {
        height: 83px;
    }

    .logos.gigaom img {
        height: 83px;
    }

    .logos.theguardian img {
        height: 83px;
    }

    .logos.wired img {
        height: 83px;
    }

    .logos.zdnet img {
        height: 83px;
        background-position: -1033px -174px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .top {
        position: relative;
    }
}