/*---------------------------------------------------------------------------------------------------------------------
                                                    CUSTOM DOWNLOAD ICONS
---------------------------------------------------------------------------------------------------------------------*/

.button.picto-rog::before {
    background-image: url(../images/softwares/custom-asus-rog.svg);
}
.button.picto-gigag1::before {
    background-image: url(../images/softwares/custom-gigabyte-g1.png);
}
.button.picto-gigaoc::before {
    background-image: url(../images/softwares/custom-gigabyte-oc-2.png);
}
.button.picto-asrockoc::before {
    background-image: url(../images/softwares/custom-asrock-oc.png);
    background-size: 80% auto!important;
}
.button.picto-msig::before {
    background-image: url(../images/softwares/custom-msi-g.png);
}
.button.picto-giga::before {
    background-image: url(../images/softwares/custom-gigabyte.png);
}
.button.picto-aorus::before {
    background-image: url(../images/softwares/custom-gigabyte-aorus.png);
}
.button.picto-coolermaster::before {
    background-image: url(../images/softwares/custom-coolermaster.png);
}
.button.picto-taichi::before {
    background-image: url(../images/softwares/custom-asrock-taichi.png);
}
.button.picto-phantom::before {
    background-image: url(../images/softwares/custom-asrock-phantom.png);
}
/* icon custom version history (in a kind of gray) */

#version-history .button.picto-rog::before {
    background-image: url(../images/softwares/custom-asus-rog-gray.svg);
}
#version-history .button.picto-gigag1::before {
    background-image: url(../images/softwares/custom-gigabyte-g1-gray.png);
}
#version-history .button.picto-gigaoc::before {
    background-image: url(../images/softwares/custom-gigabyte-oc-gray.png)
}
#version-history .button.picto-asrockoc::before {
    background-image: url(../images/softwares/custom-asrock-oc-gray.png);
}
#version-history .button.picto-msig::before {
    background-image: url(../images/softwares/custom-msi-g-gray.png);
}
#version-history .button.picto-giga::before {
    background-image: url(../images/softwares/custom-gigabyte-gray.png);
}
#version-history .button.picto-aorus::before {
    background-image: url(../images/softwares/custom-gigabyte-aorus-gray.png);
}
#version-history .button.picto-coolermaster::before {
    background-image: url(../images/softwares/custom-coolermaster-gray.png);
}
#version-history .button.picto-taichi::before {
    background-image: url(../images/softwares/custom-asrock-taichi-gray.png);
}
#version-history .button.picto-phantom::before {
    background-image: url(../images/softwares/custom-asrock-phantom-gray.png);
}
/*---------------------------------------------------------------------------------------------------------------------
                                                         SOFTWARES
---------------------------------------------------------------------------------------------------------------------*/

.block_66 {
    padding-right: .5em;
}
#main__content .block_33:not(:last-child) {
    padding-right: .8em;
    position: relative;
}
.widget-block {
    position: static;
}
/*---------------------------------------------------------------------------------------------------------------------
                                                     SOFTWARE HEADER
---------------------------------------------------------------------------------------------------------------------*/

.main-wrapper .soft-header {
    position: relative;
    height: 15em;
    background-color: #fff;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.main-wrapper .soft-header .header__title {
    padding: 1em 1em .1em 4em;
    color: #303030;
}
.main-wrapper .soft-header .header__subtitle {
    padding:        .1em 1em .7em 10.4em;
    font-size:      1.6em;
    font-weight:    600;
    color:          #555;
}
.main-wrapper .soft-header .header__icon {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 13em;
    height: 13em;
    z-index: 1;
    -webkit-animation: svgbugfix 1ms linear;
}
/*** TO AVOID VIEWBOX BUG IN SAFARI ***/

@-webkit-keyframes svgbugfix {
    0% {
        width: 12.9em;
    }
    100% {
        width: 13em;
    }
}



/*---------------------------------------------------------------------------------------------------------------------
                                                     WHATITIZ
---------------------------------------------------------------------------------------------------------------------*/

#main__content #whatitiz .whatitiz-content {
    font-size:  1.4em;
    color: #888888;
}
#main__content #whatitiz .whatitiz-content > div {
    padding:        1em;
    text-align:     left;
}
#main__content #whatitiz .whatitiz-content > div > div {
    margin-bottom:  1em;
}
#main__content #whatitiz .whatitiz-content div.sdk {
    padding:        .5em 0 .5em 8.5em;
    background:     url(../images/cpuz-sdk-logo.jpg) no-repeat 0 center;
}
#main__content #whatitiz .whatitiz-content h6 {
    color: #a60e93;
    font-size: 1.6em;
    padding: .25em 0;
    line-height: 1.4em;
    font-weight: 100;
}
#main__content #whatitiz .whatitiz-content ul {
    position: relative;
    margin:   .5em 0;
}
#main__content #whatitiz .whatitiz-content ul li {
    display: list-item;
    list-style: none;
    padding-left: 1em;
    margin-bottom: .3em;
    background: url(../images/desktop-list-dot.gif) no-repeat 3px 6px;
}


/*---------------------------------------------------------------------------------------------------------------------
                                                     SOFTWARE HEADER LINKS
---------------------------------------------------------------------------------------------------------------------*/

.main-wrapper .soft-header .header__links {
    height: 3.5em;
    background: #a60e93;
}
.main-wrapper .soft-header .header__links ul {
    position: relative;
    display: inline-block;
    float: left;
    height: 100%;
    margin-left: 15em;
}
.main-wrapper .soft-header .header__links ul:last-child {
    float: right;
    margin-left: 0;
}
.main-wrapper .soft-header .header__links li {
    position: relative;
    display: inline;
    padding: 0;
    color: #fff;
    font-size: 1.2em;
}
.main-wrapper .soft-header .header__links li a {
    display: inline-block;
    padding: .8em 1.5em;
    background: transparent;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
}
.mouse .main-wrapper .soft-header .header__links li a:hover {
    background: #801674;
}
.main-wrapper .soft-header .header__links ul:last-child li a {
    padding: 1em 1.5em;
}
.android .main-wrapper .soft-header .header__links li.picto-android,
.windows .main-wrapper .soft-header .header__links li.picto-windows,
.main-wrapper > header .links li:hover {
    color: #ff5ceb;
}
.main-wrapper .soft-header .header__links li a span {
    font-size: .9em;
    vertical-align: top;
}
.main-wrapper .soft-header .header__links li.picto-windows a:after,
.main-wrapper .soft-header .header__links li.picto-android a:after {
    content: '';
    display: inline-block;
    width: 2.5em;
    height: 1.5em;
    background: url(../images/desktop-picto-windows.png) no-repeat top center;
    vertical-align: middle;
}
.main-wrapper .soft-header .header__links li.picto-android a:after {
    background-image: url(../images/desktop-picto-android.png);
}
.android .main-wrapper .soft-header .header__links li.picto-android a:after,
.windows .main-wrapper .soft-header .header__links li.picto-windows a:after,
.main-wrapper > header .links li a:hover:after {
    color: #ff5ceb;
    cursor: pointer;
    background-position: bottom center;
}




/*---------------------------------------------------------------------------------------------------------------------
                                                    SOFTWARE NOTES
---------------------------------------------------------------------------------------------------------------------*/

#soft-notes {
    position: relative;
    display: table;
}
#soft-notes .block_33 {
    display: table-cell;
    float: none;
    width: 33.1%;
    padding-right: 0!important;
}
#soft-notes .cell {
    display: table-cell;
}
#soft-notes .separator {
    width: .5em;
}
#soft-notes .widget-block h4 {
    padding-top: 1em;
}
#soft-notes > div {
    background: #303030;
}
#soft-notes > #download {
    background: #fff;
}
#soft-notes > div.separator {
    background: transparent;
}
#main__content #custom .widget-block,
#main__content #download .widget-block {
    position: static;
    color: #7a7a7a;
}
#download h4 {
    color: #303030;
}
#custom h4,
#download h4 {
    padding-bottom: 0;
}
#download h4::before,
#custom h4::before {
    content: '';
    display: inline-block;
    width: 1.25em;
    height: 1.1em;
    vertical-align: top;
    background: url(../images/icon-cloud-black.svg) no-repeat center;
    background-size: 100% auto;
    margin-right: .3em;
}
#custom h4::before {
    background-image: url(../images/icon-cloud.svg);
}
/*** REMOVE DEFAULT BOTTOM BAR ***/

#download h4:after,
#custom h4:after {
    display: none;
}
#soft-notes .subtitle {
    margin-top: 1em;
    text-align: center;
    font-size: 1.1em;
    text-transform: uppercase;
}
#soft-notes .release-content {
    position: relative;
    margin-top: 1.5em;
    margin-bottom: 7em;
}
#soft-notes #custom .release-content {
	margin-bottom:	0;
}
#soft-notes .release-content ul {
    position: relative;
    padding: 1em 2em;
    font-weight: bold;
    line-height: 1.3em;
    text-align: left;
    background-color: #dddddd;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    -o-box-shadow: inset 0px 2px 5px 0px #c0c0c0, inset 0px -2px 5px 0px #c0c0c0;
    box-shadow: inset 0px 2px 5px 0px #c0c0c0, inset 0px -2px 5px 0px #c0c0c0;
}
#soft-notes #custom .release-content ul {
    background-color: #252525;
    border: 1px solid #212121;
    -o-box-shadow: inset 0px 2px 5px 0px #252525, inset 0px -2px 5px 0px #252525;
    box-shadow: inset 0px 2px 5px 0px #252525, inset 0px -2px 5px 0px #252525;
}
#soft-notes .release-content li,
#version-history .release-content li {
    position: relative;
    font-size:	1.2em;
    line-height: 1.4em
}
#soft-notes .release-content li:before,
#version-history .release-content li:before {
    content: '•';
    position: absolute;
    top: 0;
    left: -.7em;
    width: auto;
    height: 100%;
    font-size: 1.4em;
}
#soft-notes .release-content strong,
#version-history .release-content strong {
    display: block;
    font-size: 1.2em;
    padding: .5em 0 .2em 0;
    color: #464646;
}


#main__content #widget {
	position: 	relative;
}
#main__content #widget > .widget-block {
	position: 	absolute;
	top:		0;
	bottom:		0;
	left:		0;
	right:		0;
	height:		100%;
}

/*******************************************                                *******************************************
-----------------------------------------------------------------------------------------------------------------------
                                                      ALL BUTTONS
-----------------------------------------------------------------------------------------------------------------------
*********************************************                                ******************************************/

#main__content #download .links {
    padding: 2em 4em;
}
#main__content #download .button,
#main__content #custom .button,
#main__content #version-history .button {
    position: relative;
    width: 100%;
    text-align: left;
    padding-left: 5em;
    margin-bottom: 1em;
}
#main__content #download .button::before,
#main__content #download .button::after,
#main__content #custom .button::before,
#main__content #custom .button::after,
#main__content #version-history .button::before,
#main__content #version-history .button::after,
#main__content .custom-links a.icon-exe::before,
#main__content .custom-links a.icon-zip::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 4.5em;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% auto;
    z-index: 1;
}
#main__content #download .button::after,
#main__content #custom .button::after {
    top: 20%;
    left: 4.5em;
    width: 1px;
    height: 60%;
    background: #da2ec5;
    background: rgba(255, 255, 255, .2);
}
#main__content #download .button.icon-exe::before,
#main__content #custom .custom-links a.icon-exe::before {
    background-image: url(../images/icon-exe.svg);
}
#main__content #download .button.icon-zip::before,
#main__content #custom .custom-links a.icon-zip::before {
    background-image: url(../images/icon-zip.svg);
}
#main__content #download .button span {
    padding: .8em 0;
    font-size: 1.45em;
}
#main__content #download .button span em {
    display: block;
    padding-top: 0;
    font-size: .7em;
    color: inherit;
}
#main__content #download .button.old-version {
    display: block;
    position: absolute;
    bottom: 2em;
    margin: 0 10%;
    padding-left: 2em;
    width: 80%;
    color: #888;
    background: #dddddd;
    border: 1px solid #888888;
    -o-box-shadow: none;
    box-shadow: none;
}
.mouse #main__content #download .button.old-version:hover {
    color: #fff;
    background: #888;
}
#main__content #download .button.old-version span {
    color: inherit;
    text-align: center;
}
#main__content #download .button.old-version::before {
    background-position: top center;
    background-image: url(../images/icon-timer.svg);
}
.mouse #main__content #download .button.old-version:hover::before {
    background-position: bottom center;
}
#main__content #download .button.old-version::after {
    top: 20%;
    left: 4.5em;
    width: 1px;
    height: 60%;
    background: #888;
}
.mouse #main__content #download .button.old-version:hover::after {
    background: #fff;
}
/*---------------------------------------------------------------------------------------------------------------------
DOWNLOAD CUSTOM PART BUTTON
---------------------------------------------------------------------------------------------------------------------*/
#main__content #custom .custom-links {
    padding: 2em 4em;
}
#main__content #custom .button {
    margin-bottom: 1.5em;
    padding: 0 9em 0 8em;
    cursor: auto;
    background-color: #3c3c3c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#1c1c1c));
    background-image: -webkit-linear-gradient(top, #303030, #1c1c1c);
    background-image: -webkit-linear-gradient(top, #303030, #1c1c1c);
    background-image: linear-gradient(to bottom, #303030, #1c1c1c);
    box-shadow: 0 0 .5em rgba(0, 0, 0, .6);
}
#main__content #custom .button::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 7em;
    background-size: auto 75%;
}
#main__content #custom .button::after {
    left: 7em;
}
#main__content #custom .custom-links .button div,
#main__content #custom .custom-links .button div span {
    display: block;
    text-align: left;
    color: inherit;
}
#main__content #custom .custom-links .button div {
    padding: 1.5em 0;
    font-size: 1.5em;
}
#main__content #custom .custom-links div span {
    padding-top: .5em;
    font-size: .6em;
}
#main__content #custom .custom-links div.links {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 9em;
    height: 100%;
    font-size: 1em;
    background-color: #3c3c3c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#292929));
    background-image: -webkit-linear-gradient(top, #4d4d4d, #292929);
    background-image: linear-gradient(to bottom, #4d4d4d, #292929);
}
#main__content #custom .custom-links a.icon-exe,
#main__content #custom .custom-links a.icon-zip {
    position: relative;
    display: block;
    padding: 1em 0 1em 3.3em;
    font-size: 1.15em;
}
#main__content #custom .custom-links a.icon-zip {
    border-top: 1px solid #1c1c1c;
}
.mouse #main__content #custom .custom-links a:hover {
    background: rgba(255, 255, 255, .1);
}
#main__content #custom .custom-links a.icon-exe::before,
#main__content #custom .custom-links a.icon-zip::before {
    width: 3.4em;
    background-size: 50% auto;
}
/*******************************************                                *******************************************
-----------------------------------------------------------------------------------------------------------------------
                                                    FAQ & TROUBLESHOOTING
-----------------------------------------------------------------------------------------------------------------------
*********************************************                                ******************************************/

#install_faq {
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
#tabs {
    display: table;
    position: relative;
    overflow: hidden;
    width: 100%;
}
#tabs a {
    display: table-cell;
    background-color: #b5009f;
    color: #fff;
    font-size: 2em;
    padding: 1.6em;
    text-align: center;
}
#tabs a:hover {
    background-color: #db00c0;
    cursor: pointer;
}
/* CLASS ACTIVE TAB */

#install_faq.faq #title-faq,
#install_faq.install #title-install {
    background-color: #fff;
    color: #464646;
}
#install_faq.faq #faq,
#install_faq.install #install {
    display: block;
}
.install_faq__content {
    padding: 4em 2em;
    padding-bottom: 0;
}
#faq,
#install {
    display: none;
    color: #888888;
}
#install_faq h6 {
    color: #a60e93;
    font-size: 1.6em;
    padding-bottom: .5em;
    line-height: 1.4em;
    font-weight: 100;
}
#install_faq ul {
    position: relative;
    margin-top: 1em;
}
#install_faq ul li {
    display: list-item;
    list-style: none;
    padding-left: 1em;
    margin-bottom: .3em;
    background: url(../images/desktop-list-dot.gif) no-repeat 3px 6px;
}
#install_faq td {
    padding: .5em;
    font-size: 1em;
    line-height: 1.3em;
    vertical-align: middle;
    border: 1px solid gray;
}
#install_faq code {
    display: block;
    margin: 1em 0;
    padding-left: .5em;
    font-size: 1.1em;
    line-height: 1.3em;
}
#install_faq table code {
    margin: 0;
}
#install_faq .red {
    color: #c01a1a;
}
#install_faq .img {
    text-align: center;
    margin: 1em auto;
}
/* text */

#install div > div,
#faq div > div {
    font-size: 1.4em;
    line-height: 1.2em;
}
#install div > div > div,
#faq div > div > div {
    font-size: 1em;
    margin-bottom: 1em;
    overflow: hidden;
}
#faq > div {
    position: relative;
    padding-left: 4.6em;
    margin-bottom: 1.5em;
}
#install > div {
    padding-left: 2em;
    margin-bottom: 3em;
}
#install>:last-child,
#faq>:last-child {
    text-align: center;
}
#faq span {
    display: block;
    position: absolute;
    font-size: 2.2em;
    top: -.3em;
    left: .5em;
    font-weight: 100;
    font-family: 'raleway-regular', Arial, sans-serif;
}
#faq a,
#install a {
    color: #a60e93;
    font-weight: bold;
}
/*******************************************                                *******************************************
-----------------------------------------------------------------------------------------------------------------------
                                                      VERSIONS HISTORY
-----------------------------------------------------------------------------------------------------------------------
*********************************************                                ******************************************/

#main__content #version-history {
    position: relative;
    background-color: #e0e0e0;
    color: #888888;
}
.version-history__list.even {
    background-color: #d6d6d6;
}
.version-history__list.odd {
    background-color: #e0e0e0;
}
.information {
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: pan-y;
    -ms-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}
.information div {
    display: block;
    position: relative;
    float: left;
    height: 2.8em;
    padding: .8em 1em;
}
.information div span {
    font-size: 1.1em;
}
.information .view {
    padding: 0;
    width: 3.5%;
    background: url(../images/icon-eye.svg) no-repeat;
    background-position: center;
    background-size: 60%;
}
.version-history__list.even .information .view {
    background-color: #c4c4c4;
}
.version-history__list.odd .information .view {
    background-color: #d7d7d7;
}
.information .version {
    width: 25.5%;
    color: #464646;
}
.information .date {
    width: 55%;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
.information .view-details {
    width: 16%;
    color: #a60e93;
    padding-left: 2.5em;
}
.information .view-details:hover {
    cursor: pointer;
}
.details {
    display: none;
}
.details .information .view {
    background: none;
    background-color: transparent!important;
}
.details .information .date {
    border-left: none;
    border-right: none;
}
.details .information .view-details {
    padding-left: 4.5em;
}
/******************** HOVER ********************/

.information:hover {
    cursor: pointer;
}
.information:hover .view-details,
.information:hover .date,
.information:hover .version,
.information:hover .view {
    color: #333;
    background-color: #c9c9c9!important;
}
/*---------------------------------------------------------------------------------------------------------------------
VERSION HISTORY CONTENT
---------------------------------------------------------------------------------------------------------------------*/

#main__content #version-history .release-content {
    padding: 2em;
    font-size: 1em;
}
#main__content #version-history .release-content li {
    font-size: 1.1em;
    line-height: 1.3em;
}
#main__content #version-history .release-content > ul {
    padding: 0 2em 2em 23.5em;
}
#main__content #version-history .release-content > .links,
#main__content #version-history .custom-links {
    padding: 2em 2em 2em 22em;
    overflow: hidden;
}
#main__content #version-history .release-content > .links a,
#main__content #version-history .release-content .custom-links .button {
    float: left;
    width: 49%;
    margin-right: 1%;
    border: 1px solid #888888;
    background: transparent;
    -o-box-shadow: none;
    box-shadow: none;
}
#main__content #version-history .release-content > .links a span,
#main__content #version-history .release-content .custom-links > div,
#main__content #version-history .release-content > .links a span em,
#main__content #version-history .release-content .custom-links > div > div > span {
    display: block;
    text-align: left;
    font-size: 1.3em;
    color: #a60e93;
}
#main__content #version-history .release-content > .links a span {
    padding: .5em 0;
}
#main__content #version-history .release-content > .links a span em,
#main__content #version-history .release-content .custom-links > div > div > span {
    font-size: .8em;
}
#main__content #version-history .button::before,
#main__content #version-history .button::after {
    border-right: 1px solid #888;
}
#main__content #version-history a.icon-exe::before {
    background-image: url(../images/icon-exe-purple.svg);
}
#main__content #version-history a.icon-zip::before {
    background-image: url(../images/icon-zip-purple.svg);
}
#main__content #version-history .release-content .links a:hover {
    background-color: #c3c3c3;
}
/*---------------------------------------------------------------------------------------------------------------------
CUSTOM VERSION  BUTTON (IN VERSION HISTORY)
---------------------------------------------------------------------------------------------------------------------*/

/* each custom button */

#version-history .release-content .custom-links .button {
    display: table;
    padding: .5em;
    height: 5.7em;
    background-color: #c3c3c3;
}
#version-history .release-content .custom-links .button:hover {
    cursor: default;
}
/* we don't need after for this button in version history */

#version-history .release-content .custom-links .button:after {
    display: none;
}
/* name and message 32 or 64 bit */

#version-history .release-content .custom-links > div > div:first-child {
    color: #464646;
}
/* span is the message 32 or 64 bit */

#version-history .release-content .custom-links > div > div > span {
    font-size: .7em;
    padding-top: .5em;
    color: #464646;
}
/* three elements in a button => icon, name and version, and links part (which contains setup and zip link) */

#version-history .release-content .custom-links .button > div,
#version-history .release-content .custom-links .button:before {
    display: table-cell;
    width: 4em;
    background-size: 80% auto;
    border-right: 0;
    vertical-align: middle;
}
/* name and version */

#version-history .release-content .custom-links .button > div:first-child {
    font-size: .9em;
    width:      9.5em;
    padding-top: 1em;
}
/* links part (which contains setup and zip link) */

#version-history .release-content .custom-links .button > div:last-child {
    position: absolute;
    height: 100%;
    font-size: .8em;
    width: 7.5em;
    top: 0;
    right: 0;
    border-left: 1px solid #888888;
}
/* each link in links part */

#version-history .release-content .custom-links .button > div:last-child a {
    display: block;
    position: relative;
    width: 100%;
    height: 50%;
    font-size: 1.1em;
    padding: 1em;
    padding-left: 2.5em;
    text-align: center;
}
#version-history .release-content .custom-links .button > div:last-child a:hover {
    background-color: #9a9a9a;
}
#version-history .release-content .custom-links .button > div:last-child a:last-child {
    border-top: 1px solid #888888;
}
#version-history .release-content .custom-links .button > div:last-child a:before {
    width: 40%;
    background-position: .5em center;
    background-size: 70% auto;
}
/*---------------------------------------------------------------------------------------------------------------------
ANDROID BUTTON
---------------------------------------------------------------------------------------------------------------------*/

#main__content #download .button.android-soft {
    display: block;
    position: relative;
    height: 10.7em;
    width: 32.6em;
    padding: 0;
    margin: 2em auto;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);
}
#main__content #download .button.android-soft:before {
    content: '';
    display: block;
    position: relative;
    width: 90%;
    height: 50%;
    left: 5%;
    background: url(../images/desktop-googleplay.svg) no-repeat;
    background-position: center;
    background-size: 60% auto;
    border-bottom: 1px solid #e3e3e3;
}
#main__content .button.android-soft > div {
    position: relative;
    padding: 1.2em;
    text-align: center;
}
#main__content #download .button.android-soft .sr_version,
#main__content #download .button.android-soft .message {
    display: block;
    padding: 0;
    text-transform: none;
}
#main__content #download .button.android-soft .sr_version {
    font-size: 1.6em;
    font-family: 'raleway-regular';
    color: #a60e93;
}
#main__content #download .button.android-soft .message {
    font-size: 1.2em;
    font-family: 'Lucida Grande';
    color: #808285;
}
/******************** HOVER ********************/

#main__content #download .button.android-soft:hover {
    cursor: pointer;
    background: #e9e9e9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #bdbdbd));
    background: -webkit-linear-gradient(top, #e9e9e9 0%, #bdbdbd 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 0%, #bdbdbd 100%);
    background: linear-gradient(to bottom, #e9e9e9 0%, #bdbdbd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#bdbdbd', GradientType=0);
}
#main__content #download .button.android-soft:hover:after {
    display: none;
}