/* @override 
	http://localhost:8888/brochure.wemix.eu/css/style.css?v=1.0
	https://wemix-www.cnc-london.net/css/style.css?* */
	
/*
Site: wemix.com
Version: 1.0
*/

/*
 * CONTENTS
 * 00 HTML5 Reset
 * 01 Main Structure
 * 02 Typography 
 * 03 Header
 * 04 Footer
 * 05 Content
 * 06 Pages - Home
 * 07 Pages - How it works
 * 08 Pages - Support
 * 09 Pages - Pricing
 * 90 HD Sprites
*/


/*
 * COLORS
 * Gray			#242424
 * Red			#ED2545
 * Purple		#281A4A
*/
 
 
/* @group 00 HTML5 Reset */
/* -------------------------------------------------------------- */	
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
*display:inline;
*zoom:1;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
    font-family: sans-serif;
    color: #222;
}
body {
    margin: 0;
    font-size: 1.4em;
    line-height: 1.6;
}
::-moz-selection {
background:#ddd;
text-shadow:none;
}
::selection {
    background: #ddd;
    text-shadow: none;
}
a {
    color: #C10069;
    text-decoration: none;
}
a:visited {
    color: #C10069;
}
a:hover {
    color: #C10069;
}
a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1.4em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before, q:after {
    content: "";
    content: none;
}
small {
    font-size: 85%;
}
sub, sup {
    /*font-size: 75%;*/
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}
dd {
    margin: 0 0 0 40px;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
label {
    cursor: pointer;
}
legend {
    border: 0;
*margin-left:-7px;
    padding: 0;
    white-space: normal;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
*vertical-align:middle;
}
button, input {
    line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
*overflow:visible;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
*width:13px;
*height:13px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color:#f0dddd;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}
.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
*line-height:0;
}
.cf:before, .cf:after, .inner:before, .inner:after, .columns:before, .columns:after {
    content: "";
    display: table;
}
.cf:after, .inner:after, .columns:after {
    clear: both;
}
.cf, .inner, .columns {
*zoom:1;
}

@media print {
* {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]:after {
    content: " (" attr(href) ")";
}
abbr[title]:after {
    content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100% !important;
}
@page {
    margin: 0.5cm;
}
p, h2, h3 {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
}
/* @end */




/* @group 01 Main Structure */
/* -------------------------------------------------------------- */
body {
    background: #2C2C2C;
}
#wrapper, header#header, #container, footer#footer, .section {
    margin: 0 auto;
    float: left;
    clear: left;
    width: 100%;
    display: block;
}
#wrapper {
    min-width: 320px;
    position: relative;
}
#container {
    overflow: hidden;
    position: relative;
    background: #E12343;
}
/* Inner */
.inner {
    max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10em 30px;
}
.inner-max {
    max-width: 9999em;
}
.ie-lt-9 .inner {
    width: 1200px;
}
header#header .inner, footer#footer .inner {
    padding-top: 2em;
    padding-bottom: 2em;
}

@media all and (max-width: 800px) {
.inner {
    padding-left: 20px;
    padding-right: 20px;
}
}

@media all and (max-width: 400px) {
.inner {
    padding-left: 10px;
    padding-right: 10px;
}
}
/* Utility classes */
.hide-desktop {
    display: none;
}

@media all and (max-width: 900px) {
.hide-mobile {
    display: none;
}
.show-mobile {
    display: block;
}
}
/* Sections */
.section-black {
    background: #000;
}
.section-gray {
    background: #2C2C2C;
}
/* @end */ 



/* @group 02 Typography */
/* -------------------------------------------------------------- */
body {
    color: #242424;
    font-size: 1.4em;
}
body, input, textarea, button {
    font-family: 'jaf-domus', sans-serif;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6, p, li {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h1, h2 {
    /*
    font-family: 'azo-sans-uber', sans-serif;
    */
    line-height: 1em;
    margin-bottom: 1em;
    font-size: 2.6em;
}
h1 {
    font-size: 3.5em;
    margin-bottom: .4em;
}
h3, ul.features-list {
    font-family: 'jaf-domus-titling-web', sans-serif;
    font-weight: normal;
    line-height: 1.1em;
    margin-bottom: .5em;
    font-size: 1.6em;
}
ul.features-list {
    margin-top: 0;
    font-size: 1.1em;
}
ul.features-list li {
    margin-bottom: .75em;
    position: relative;
    padding-left: 25px;
}
ul.features-list li:before {
    display: block;
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    transform: rotate(45deg);
    top: .5em;
    left: 0;
    background: #f12547;
}
.section, .section a {
    color: #fff;
}
img {
    max-width: 100%;
    height: auto;
}
ul, ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.btn {
    background: transparent;
    transition: all .5s;
    outline: none;
    border: 3px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.2em;
    padding: .5em 1.5em;
    display: inline-block;
    margin: .5em 0;
}
.btn:hover {
    background: rgba(255,255,255,1);
    color: #ED2545;
}

@media all and (max-width: 800px) {
h1 {
    font-size: 2.5em;
}
body {
    font-size: 1em;
}
ul.features-list li {
    padding-left: 0;
    margin-top: 2em;
}
ul.features-list li:before {
    top: -.8em;
    margin-left: -5px;
    left: 50%;
}
}
.section-masthead {
    min-height: 600px;
    padding-top: 6em;
}
.section-masthead p {
    text-transform: uppercase;
    font-family: 'jaf-domus-titling-web', sans-serif;
}
.section-masthead p.breadcrumb {
    font-size: 1.5em;
    letter-spacing: 0.1em;
    margin-bottom: .2em;
    font-weight: 200;
}
.section-masthead p.breadcrumb a:before {
    content: ' \2190';
    margin-right: .5em;
}
/* Main Content */
#main-content h2, #main-content h3 {
    font-weight: bold;
    font-family: 'jaf-domus-titling-web', sans-serif;
// font-size: 1.2em;
// margin: 0 0 .5em 0;
}
#main-content.support-pages h2 {
    letter-spacing: 0.1em;
    font-weight: normal;
    font-size: 2em;
    margin-bottom: 1.5em;
}
#main-content.legal-pages h2 {
    font-size: 1.4em;
    margin: 0 0 .5em 0;
}
#main-content.legal-pages h3 {
    font-size: 1em;
}
#main-content p + h3, #main-content.legal-pages P + h2, #main-content.legal-pages ul + h2 {
    margin-top: 2em;
}
#main-content p {
    margin-bottom: 1em;
}
#main-content ul {
    margin-bottom: 2em;
}
#main-content ul li {
    position: relative;
    padding-left: 2.5em;
    margin-bottom: .25em;
}
#main-content ul li:after {
    content: '';
    position: absolute;
    left: 1em;
    top: 8px;
    width: 0;
    height: 0;
    display: block;
    border: 4px solid transparent;
    border-left-width: 8px;
    border-left-color: #fff;
}
/* @end */





/* @group 03 Header */
/* -------------------------------------------------------------- */
header#header {
    text-transform: uppercase;
    font-size: 1em;
    /*overflow: hidden;*/
    font-family: 'jaf-domus-titling-web', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4000;
    transition: all .3s;
}
#branding {
    float: left;
    position: relative;
}
#branding img {
    width: 120px;
    transition: all .3s;
}
#nav-wrapper {
    float: left;
    margin-left: 150px;
}
#nav-main {
    transition: all .3s;
}
#nav-main li {
    display: inline-block;
    margin-left: 5px;
}
#nav-main li a {
    padding: .2em 10px;
    display: block;
    color: #fff;
    line-height: 37px;
    /* font-family: 'azo-sans-uber', sans-serif; */
}
#nav-main li.active a, #nav-main li.active a:hover {
    background: #F4F4F4;
    color: #281A4A;
    position: relative;
}
#nav-main li.button a {
    background: #fff;
    color: #ED2545;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* Special case long titles
.lang-DE #nav-main li {
    margin-left: 0;
}
.lang-DE #nav-main li a {
    padding: .5em 15px;
} */
/* Static */
header#header.static {
    position: fixed;
    background: #2C2C2C;
}
header#header.static #nav-main {
    font-size: .8em;
}
header#header.static #branding img {
    width: auto;
    height: 30px;
}
header#header.static .inner {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
/* Menu Button */
header#header button#menu-navigation {
    display: none;
    width: 30px;
    height: 30px;
    background: #fff;
    outline: none;
    border: none;
    text-indent: -9999em;
    position: absolute;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: 20px;
    right: 20px;
}
header#header button#menu-navigation:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -7px;
    background-image: url('../images/wemix-brochure-sprites.png');
    background-position: -10px -10px;
}
header#header button#menu-navigation.active:after {
    background-position: -40px -10px;
}

@media all and (max-width: 960px) {
header#header {
    min-height: 0;
    height: auto;
    z-index: 200;
    background: #2C2C2C;
}
header#header .inner {
    padding: 0;
}
#nav-wrapper {
    display: none;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
#nav-wrapper.active {
    display: block;
}
#branding {
    margin: 20px;
}
header#header.static #branding {
    margin: 0 0 0 20px;
}
#branding img {
    width: auto;
    height: 30px;
}
header#header button#menu-navigation {
    display: block;
}
#nav-main li {
    display: block;
    text-align: center;
    margin-left: 0;
    margin-bottom: 1em;
}
#nav-main li a {
    padding: .75em;
    display: block;
    color: #fff;
    font-family: 'azo-sans-uber', sans-serif;
}
#nav-main li.active a,  #nav-main li.active a:hover {
    background: #F4F4F4;
    color: #281A4A;
    position: relative;
}
#nav-main li.button a {
    background: #fff;
    color: #ED2545;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
}
/* Pre header */
#pre-header {
    background: rgb(166,211,72);
    background: -moz-linear-gradient(left, rgba(166,211,72,1) 0%, rgba(193,221,77,1) 100%);
    background: -webkit-linear-gradient(left, rgba(166,211,72,1) 0%, rgba(193,221,77,1) 100%);
    background: linear-gradient(to right, rgba(166,211,72,1) 0%, rgba(193,221,77,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d348', endColorstr='#c1dd4d', GradientType=1 );
    text-align: center;
    float: left;
    clear: left;
    width: 100%;
    position: relative;
}
#pre-header a {
    display: block;
    padding: .75em 1em;
    font-size: 1.1em;
    color: #23040e;
}

@media all and (max-width: 960px) {
#pre-header a {
    font-size: .9em;
}
}
/* Language switcher */
#lang-switcher {
    width: 95px;
    height: 30px;
    background: #fff;
    position: absolute;
    right: -120px;
    bottom: 0;
    margin-top: 15px;
    border-radius: 3px;
}
#lang-switcher ul {
    display: none;
    position: absolute;
    top: 30px;
    width: 95px;
    background: #fff;
    border-radius: 3px;
}
#lang-switcher:hover ul {
    display: block;
}
#lang-switcher ul li a {
    display: block;
    font-size: 1em;
    height: 30px;
    line-height: 26px;
    padding: 10px 0 10px 10px;
}
#lang-switcher p.active-lang {
    display: block;
    font-size: 1em;
    height: 30px;
    line-height: 26px;
    padding: 0px 0 10px 10px;
}
/* @end */



/* @group 04 Footer */
/* -------------------------------------------------------------- */

footer#footer {
    text-transform: uppercase;
    font-size: .7em;
    font-family: 'jaf-domus-titling-web', sans-serif;
}
footer#footer, footer#footer a {
    color: #767676;
}
footer#footer a:hover {
    color: #969696;
}
footer#footer nav#nav-footer {
    float: left;
    width: 100%;
}
footer#footer nav#nav-footer li {
    display: inline-block;
    margin: .5em 1em;
}
footer#footer nav#nav-footer li a {
    padding: .2em 0;
}
footer#footer nav#nav-footer li.copyright {
    float: right;
}

@media all and (max-width: 800px) {
footer#footer {
    text-align: center;
}
footer#footer nav#nav-footer li {
    margin-bottom: 1em;
}
footer#footer nav#nav-footer li.copyright {
    float: none;
}
}
/* @end */







/* @group 05 Content */
/* -------------------------------------------------------------- */

/* Content columns */
.content-column {
    position: relative;
    z-index: 100;
    float: left;
    clear: left;
    width: 100%;
}
.content-column_70 {
    width: 70%;
}
.content-column_50 {
    width: 50%;
}
.content-column_20 {
    width: 20%;
}
.section-footer {
    margin-top: 3em;
}
.section-footer p {
    margin-bottom: 1em;
}

@media all and (max-width: 800px) {
.content-column_50,  .content-column_70 {
    width: 100%;
    text-align: center;
}
.section-footer {
    text-align: center;
}
}
/* Features */
ul.feature-columns {
    float: left;
    clear: left;
    width: 100%;
    margin: 3em 0;
}
ul.feature-columns li {
    float: left;
    width: 33%;
    padding: 0 4em 0 0;
    box-sizing: border-box;
}
ul.feature-columns h3 {
    width: 80%;
    min-height: 3em;
    margin-bottom: 1em;
}
ul.feature-columns-deep-header h3 {
    min-height: 4em;
}
ul.feature-columns .icon-feature {
    margin-bottom: 1em;
}

@media all and (max-width: 1000px) {
ul.feature-columns h3 {
    width: 100%;
}
ul.feature-columns-deep-header h3 {
    height: 5em;
}
}

@media all and (max-width: 860px) {
ul.feature-columns li {
    width: 100%;
    padding: 0;
    clear: left;
    text-align: center;
    margin-bottom: 3em;
}
ul.feature-columns h3 {
    height: auto;
    min-height: 0;
}
ul.feature-columns h3 br {
    display: none;
}
}
/* Legal */
.section-legal .inner {
    max-width: 900px;
    padding: 30px;
}
.section-legal h2 {
    font-family: 'azo-sans-uber', sans-serif;
}
.section-legal p {
    font-size: .9em;
    margin-bottom: 1em;
}
/* @end */






/* @group 06 Pages - Home */
/* -------------------------------------------------------------- */

.background-cover {
    background-size: cover;
    background-repeat: no-repeat;
}
/* Home - Hero and Videos */
.section#section-home-hero {
    background-color: #40040f;
    background-image: url('../images/panels/hero-home.jpg');
    background-position: center;
    overflow: hidden;
    position: relative;
}
.section#section-home-videos {
    background-image: url('../images/panels/home-videos.png');
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    min-height: 600px;
}
.section#section-home-hero:before, .section#section-home-videos:before {
    background-image: url('../images/panels/home-videos_angle.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    content: '';
    width: 111px;
}
.section#section-home-hero:before {
    bottom: 0;
    height: 186px;
}
.section#section-home-videos:before {
    top: -186px;
    height: 100%;
    height: calc(100% + 186px);
}
.section#section-home-videos .app-image {
    width: 100%;
    height: 500px;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.section#section-home-videos .app-image img {
    position: absolute;
    left: 55%;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

@media all and (max-width: 800px) {
.section#section-home-videos {
    min-height: 10em;
}
.section#section-home-videos .inner {
    padding-bottom: 0;
}
.section#section-home-videos .app-image {
    width: 100%;
    height: auto;
    position: relative;
    bottom: auto;
}
.section#section-home-videos .app-image img {
    position: relative;
    left: 5%;
    width: 90%;
    bottom: -2em;
    height: auto;
}
}
/* Home - Works */
.section#section-home-works {
    background: #7c1323;
    position: relative;
}
.section#section-home-works .how-image {
    position: absolute;
    top: -20px;
    height: 100%;
    right: 0;
}
.section#section-home-works .how-image img {
    height: 100%;
    width: auto;
}

@media all and (min-width: 1200px) {
.section#section-home-works .how-image {
    height: 140%;
    top: -20%;
}
}
/* Home - How */
.section#section-home-how {
    background-color: #bf1831;
    background-image: url('../images/panels/home-how-it-works.jpg');
    position: relative;
    padding-bottom: 100px;
}
.section#section-home-how .matte {
    position: absolute;
    bottom: 0;
}
.section#section-home-how .matte img {
    width: 100%;
    height: auto;
}

@media all and (max-width: 800px) {
.section#section-home-how {
    padding-bottom: 0px;
}
}
/* Home - Choice */
.section#section-home-choice {
    background-color: #090404;
    background-image: url('../images/panels/home-right-choice.jpg');
    background-position: top center;
    position: relative;
    min-height: 40em;
}
.section#section-home-choice .matte {
    position: absolute;
    right: 0;
    top: 100px;
    width: 60%;
    opacity: .2;
    z-index: 10;
}
/* Home - Join */
.section#section-home-join {
    background-color: #232c50;
    background-image: url('../images/panels/home-join.jpg');
    position: relative;
}
.section#section-home-join .matte {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 60%;
    opacity: .2;
    z-index: 10;
    transition: all .5s;
}

@media all and (max-width: 800px) {
.section#section-home-join .matte {
    width: 80%;
    opacity: .1;
}
}

@media all and (max-width: 500px) {
.section#section-home-join .matte {
    width: 140%;
}
}
/* @end */











/* @group 07 Pages - How it works */
/* -------------------------------------------------------------- */
.section#section-how-masthead {
    background-image: url('../images/panels/how-masthead.jpg');
    background-position: center bottom;
}
.section#section-how-collection {
    background-image: url('../images/panels/how-collection.jpg');
    background-position: center top;
}
/* COLLECTION */
/* Adjust vertical spacing allowing for gradient */
.section#section-how-collection .inner {
    padding-top: 5em;
    padding-bottom: 3em;
}
.section#section-how-search {
    background-image: url('../images/panels/how-search.png');
    background-position: right top;
}
.section#section-how-subscribe {
    background-color: ##0d1b2c;
    background-image: url('../images/panels/how-subscribe.jpg');
    background-position: right top;
}
/* Sample videos ribbon */
.sample-videos-ribbon, .sample-videos-ribbon .ribbon-footer {
    float: left;
    clear: left;
    width: 100%;
}
.sample-videos-ribbon .still {
    float: left;
    width: 25%;
    overflow: hidden;
    position: relative;
}
.sample-videos-ribbon .still:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25%;
    content: '';
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000', GradientType=0 );
}
.ie-gte-9 .sample-videos-ribbon .still:after {
    filter: none;
}
.sample-videos-ribbon .still img {
    width: 100%;
}
.sample-videos-ribbon .still p {
    position: absolute;
    font-size: .8em;
    bottom: .7em;
    left: .7em;
    width: 90%;
    width: calc(100% - 1.4em);
}
.sample-videos-ribbon .ribbon-footer {
    margin: 2em auto;
    font-size: 1.3em;
    text-align: center;
}

@media all and (max-width: 1000px) {
.sample-videos-ribbon .still {
    width: 33.3333%;
}
.sample-videos-ribbon .still:nth-child(7),  .sample-videos-ribbon .still:nth-child(8) {
    display: none;
}
}

@media all and (max-width: 600px) {
.sample-videos-ribbon .still {
    width: 50%;
}
}
/* SEARCH */		
.section#section-how-search {
    background-image: url('../images/panels/how-search.png');
    background-position: right top;
    overflow: hidden;
}
.section#section-how-search .inner {
    padding-top: 5em;
    padding-bottom: 3em;
}
.sample-screens-ribbon {
    float: left;
    clear: left;
    margin: 0 30px;
    width: 100%;
    width: calc(100% - 60px);
    position: relative;
}
.sample-screens-ribbon .screen img {
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.sample-screens-ribbon .screen#screen-ribbon-left, .sample-screens-ribbon .screen#screen-ribbon-right {
    width: 40%;
    position: absolute;
    bottom: 0;
    z-index: 10;
}
.sample-screens-ribbon .screen#screen-ribbon-left {
    left: 0;
}
.sample-screens-ribbon .screen#screen-ribbon-right {
    right: 0;
}
.sample-screens-ribbon .screen#screen-ribbon-centre {
    width: 50%;
    margin: 0 auto;
    z-index: 20;
    position: relative;
}

@media all and (max-width: 800px) {
.sample-screens-ribbon {
    margin: 0 10px;
    width: calc(100% - 20px);
}
.sample-screens-ribbon .screen#screen-ribbon-left {
    left: auto;
    right: 0;
    width: 65%;
}
.sample-screens-ribbon .screen#screen-ribbon-right {
    display: none;
}
.sample-screens-ribbon .screen#screen-ribbon-centre {
    width: 75%;
    margin: 10px 0 auto;
}
}
/* SUBSCRIBE */
.section#section-how-subscribe {
    background-color: ##0d1b2c;
    background-image: url('../images/panels/how-subscribe.jpg');
    background-position: right top;
}
/* @end */















/* @group 08 Pages - Support */
/* -------------------------------------------------------------- */

.section#section-support-masthead {
    background-color: #000;
    min-height: 400px;
    background-position: right;
    background-image: url('../images/panels/support-header-top-level.jpg');
}
/* MAIN SECTION */
.section#section-support-content-main {
    background-color: #19102a;
    background-image: url('../images/panels/support-middle-top-level.jpg');
}
.section#section-support-content-main .inner {
    padding-top: 5em;
    padding-bottom: 3em;
}
ul.featured-help-topics {
    margin-bottom: 2em;
}
ul.featured-help-topics li {
    width: 100%;
    float: none;
    margin-bottom: .75em;
}
ul.featured-help-topics li a {
    display: block;
    padding-bottom: .75em;
}
ul.featured-help-topics li a:after {
    content: ' \00BB';
    margin-left: .5em;
    transition: all .2s;
}
ul.featured-help-topics li a:hover:after {
    margin-left: 1em;
}
/* CONTACT */
.section#section-support-contact, .section#section-support-contact-main {
    background-color: #111111;
    background-image: url('../images/panels/support-contact.jpg');
    background-position: right center;
}

@media all and (max-width: 800px) {
.section#section-support-contact,  .section#section-support-contact-main {
    background-position: center;
}
}
.section#section-support-contact-main .inner {
    padding-top: 14em;
}
/* INSIDE SUPPORT PAGE */
.section#section-support-default-masthead {
    background-color: #000;
    min-height: 400px;
    background-position: right;
    background-image: url('../images/panels/support-header-inner.jpg');
}
.section#section-support-content {
    background: #18112a;
    position: relative;
}
.section#section-support-content .inner {
    padding-top: 3em;
}
.section#section-support-content:after {
    background: url('../images/panels/support-contact-angle.png');
    background-size: cover;
    width: 100%;
    height: 184px;
    content: '';
    position: absolute;
    bottom: -184px;
    display: block;
}
/* Content with Sidebar nav */
#sidebar-nav {
    float: left;
    width: 250px;
    margin-right: 2em;
}
#main-content {
    overflow: auto;
}
#sidebar-nav li {
    margin-bottom: 1.25em;
    position: relative;
}
#sidebar-nav li a {
    display: block;
    padding: 0;
    padding-left: 30px;
}
#sidebar-nav li.active a:before {
    display: block;
    position: absolute;
    left: 0;
    top: 10%;
    content: '';
    width: 5px;
    border-radius: 4px;
    height: 80%;
    background: #fff;
}
button#sidebar-nav-open {
    display: none;
    width: 100%;
    background: #fff;
    outline: none;
    padding: .5em;
    border: none;
    font-size: 1.25em;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
button#sidebar-nav-open:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    margin-left: .7em;
    transform: translate(0, 4px);
    background-image: url('../images/wemix-brochure-sprites.png');
    background-position: -10px -10px;
}
button#sidebar-nav-open.active:after {
    background-position: -40px -10px;
}

@media all and (max-width: 800px) {
#sidebar-nav ul {
    display: none;
    margin-top: 1em;
    text-align: center;
}
button#sidebar-nav-open,  #sidebar-nav ul.active {
    display: block;
}
#sidebar-nav,  #main-content {
    width: 100%;
    float: left;
    clear: left;
    margin: 0;
}
#sidebar-nav {
    margin-bottom: 3em;
}
#sidebar-nav li a {
    padding: .5em 0;
}
#sidebar-nav li.active a:before {
    content: none;
}
}
/* Footer pagination */
.content-footer-nav {
    margin-top: 2em;
    padding-top: 1.5em;
    border-top: 1px solid #2D0C89;
}
.content-footer-nav a {
    width: 45%;
    display: inline-block;
}
.content-footer-nav a.prev {
    float: left;
}
.content-footer-nav a.next {
    float: right;
    text-align: right;
}
.content-footer-nav a.prev {
    float: left;
}
.content-footer-nav a.next:after {
    content: ' \00BB';
    margin-left: .5em;
    transition: all .2s;
}
.content-footer-nav a.prev:before {
    content: ' \00AB';
    margin-right: .5em;
    transition: all .2s;
}
.content-footer-nav a.prev:hover:before {
    margin-right: 1em;
}
.content-footer-nav a.next:hover:after {
    margin-left: 1em;
}
/* @end */






/* @group 09 Pages - Pricing */
/* -------------------------------------------------------------- */
.section#section-pricing-masthead {
    background-color: #581530;
    min-height: 400px;
    background-position: right;
    background-image: url('../images/panels/pricing-masthead.jpg');
}
/* MAIN SECTION */
.section#section-pricing-main {
    background-color: #470337;
    position: relative;
    background-image: url('../images/panels/pricing-body.jpg');
}
.section#section-pricing-main:before {
    background-image: url('../images/panels/pricing-angle.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    opacity: .7;
    top: -300px;
    width: 530px;
    content: '';
    height: 1116px;
}

/* @end */






/* @group 90 HD Sprites */
/* -------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
header#header button#menu-navigation:after,  button#sidebar-nav-open:after {
    background-image: url('../images/wemix-brochure-sprites@2x.png');
    background-size: 77px;
}
}

/* @end */