/* Styles modified by J.R. */

@import url(//fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);
@font-face {
    font-family: 'clean_space_bold';
    src: url("../fonts/cleanspace-bold-webfont.eot");
    src: url("../fonts/cleanspace-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/cleanspace-bold-webfont.woff2") format("woff2"), url("../fonts/cleanspace-bold-webfont.woff") format("woff"), url("../fonts/cleanspace-bold-webfont.ttf") format("truetype"), url("../fonts/cleanspace-bold-webfont.svg#clean_spacebold") format("svg");
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'clean_space_header';
    src: url("../fonts/CleanSpace-Header_gdi.eot");
    src: url("../fonts/CleanSpace-Header_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/CleanSpace-Header_gdi.woff") format("woff"), url("../fonts/CleanSpace-Header_gdi.ttf") format("truetype"), url("../fonts/CleanSpace-Header_gdi.svg#CleanSpace-Header") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-25CA; }
@font-face {
    font-family: 'clean_space_regular';
    src: url("../fonts/CleanSpace-Regular_gdi.eot");
    src: url("../fonts/CleanSpace-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/CleanSpace-Regular_gdi.woff") format("woff"), url("../fonts/CleanSpace-Regular_gdi.ttf") format("truetype"), url("../fonts/CleanSpace-Regular_gdi.svg#CleanSpace-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA; }
@font-face {
    font-family: 'clean_space_semibold';
    src: url("../fonts/CleanSpace-SemiBold_gdi.eot");
    src: url("../fonts/CleanSpace-SemiBold_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/CleanSpace-SemiBold_gdi.woff") format("woff"), url("../fonts/CleanSpace-SemiBold_gdi.ttf") format("truetype"), url("../fonts/CleanSpace-SemiBold_gdi.svg#CleanSpace-SemiBold") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA; }

/*
 * Breakpoint
 *
 * To use:
 * @include breakpoint(class) { property: value; (...) }
 *
 *
 */
html, body {
    width: 100%;
    height: 100%;
}
body {
    min-width: 320px; }
body .drayson_site_container {
    position: relative;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    /* ===================================== */
    /*  Desktop								 */
    /* ===================================== */
    /* ===================================== */
    /*  Tablet								 */
    /* ===================================== */
    /* ===================================== */
    /*  Smartphone							 */
    /* ===================================== */ }
body .drayson_site_container.show {
    opacity: 1; }
body .drayson_site_container .about.us.title {
    font-size: 80px;
    width: 400px;
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -40px; }
body .drayson_site_container * {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    outline: none; }
body .drayson_site_container ul li {
    box-sizing: border-box; }
body .drayson_site_container ul {
    list-style: none;
    margin: 0;
    padding: 0; }
body .drayson_site_container article.type-page ul {
    list-style: disc;
    margin: 16px 0;
    padding: 0 0 0 40px; }
body .drayson_site_container article.type-page ul li {
     margin: 0 0 5px 0; }
body .drayson_site_container button::-moz-focus-inner,
body .drayson_site_container input::-moz-focus-inner {
    border: 0;
    padding: 0; }
body .drayson_site_container button {
    border: none; }
body .drayson_site_container p:empty {
    display: none; }
body .drayson_site_container .no-desktop {
    display: none; }
body .drayson_site_container > div {
    z-index: 1; }
body .drayson_site_container header {
    background-color: #2aa7fc;
    padding: 20px 0;
    height: 30px;
    line-height: 30px;
    position: relative;
    /*
    background-image: url(../img/logo-minimal.png?201504141720);
    */
    background-repeat: no-repeat;
    background-position: top center;
    min-width: 320px;
    -webkit-transition: background-image 0.3s, box-shadow 0.6s;
    -moz-transition: background-image 0.3s, box-shadow 0.6s;
    -ms-transition: background-image 0.3s, box-shadow 0.6s;
    -o-transition: background-image 0.3s, box-shadow 0.6s;
    transition: background-image 0.3s, box-shadow 0.6s; }
body .drayson_site_container header nav a, body .drayson_site_container header nav li {
    font-family: "clean_space_semibold", arial, sans-serif !important; }
body .drayson_site_container header > .no-mobile nav {
    position: relative;
    z-index: 10; 
    left: 180px;
}
body .drayson_site_container header > .no-mobile nav ul.main, body .drayson_site_container header > .no-mobile nav ul.user {
    padding-left: 30px; }
body .drayson_site_container header > .no-mobile nav ul.main li, body .drayson_site_container header > .no-mobile nav ul.user li {
    float: left;
    margin-right: 30px;
    padding-right: 30px;
    font-family: arial, sans-serif;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    letter-spacing: 1px;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s; }
body .drayson_site_container header > .no-mobile nav ul.main li:hover, body .drayson_site_container header > .no-mobile nav ul.user li:hover {
    opacity: 0.4; }
body .drayson_site_container header > .no-mobile nav ul.main li a, body .drayson_site_container header > .no-mobile nav ul.user li a {
    color: inherit;
    text-decoration: none; }
body .drayson_site_container header > .no-mobile nav ul.main li:nth-child(3), body .drayson_site_container header > .no-mobile nav ul.user li:nth-child(3) {
    border-right: none; }
body .drayson_site_container header > .no-mobile nav ul.user {
    float: right;
    padding-left: 0;
    padding-right: 0; }
body .drayson_site_container header > .no-mobile nav ul.user li:nth-child(2) {
    border-right: none;
    padding-left: 0;
    padding-right: 0; }
body .drayson_site_container header button {
    position: absolute;
    top: 0;
    margin-top: 20px; }
body .drayson_site_container header button.login {
    right: 0;
    font-family: arial, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    background: transparent;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-right: 30px;
    text-transform: capitalize; }
body .drayson_site_container header button.app-download, body .drayson_site_container header button.app-download, body .drayson_site_container button.app-download {
    color: #2aa7fc;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 15px;
    right: 150px;
    padding: 5px 25px;
    text-indent: -1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-family: "clean_space_semibold", arial, sans-serif;
    -webkit-transition: opacity 0.4s, transform 0.3s;
    -moz-transition: opacity 0.4s, transform 0.3s;
    -ms-transition: opacity 0.4s, transform 0.3s;
    -o-transition: opacity 0.4s, transform 0.3s;
    transition: opacity 0.4s, transform 0.3s; }
body .drayson_site_container .android-text-container button.app-download {
    color: #ffffff !important;
    background-color: #2aa7fc !important;
}
body .drayson_site_container header button.app-download-login {
    color: #2aa7fc;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 15px;
    right: 20px;
    padding: 5px 25px;
    text-indent: -1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-family: "clean_space_semibold", arial, sans-serif;
    -webkit-transition: opacity 0.4s, transform 0.3s;
    -moz-transition: opacity 0.4s, transform 0.3s;
    -ms-transition: opacity 0.4s, transform 0.3s;
    -o-transition: opacity 0.4s, transform 0.3s;
    transition: opacity 0.4s, transform 0.3s; }
body .drayson_site_container header button.app-download-moovit {
    position: relative;
    color: #2aa7fc;
    background-color: #fff;
    border-radius: 4px;
    text-indent: -1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-family: "clean_space_semibold", arial, sans-serif;
    -webkit-transition: opacity 0.4s, transform 0.3s;
    -moz-transition: opacity 0.4s, transform 0.3s;
    -ms-transition: opacity 0.4s, transform 0.3s;
    -o-transition: opacity 0.4s, transform 0.3s;
    transition: opacity 0.4s, transform 0.3s;
    margin-top: 10px;
    margin-right: 5px;}
body .drayson_site_container header button.app-download + .small-app-download-nav {
    position: absolute;
    background-color: #fff;
    width: 300px;
    height: 100px;
    z-index: 100;
    top: 135px;
    pointer-events: none;
    right: -15px;
    opacity: 0;
    border-radius: 4px;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5);
    -webkit-transition: opacity 0.4s 0.4s;
    -moz-transition: opacity 0.4s 0.4s;
    -ms-transition: opacity 0.4s 0.4s;
    -o-transition: opacity 0.4s 0.4s;
    transition: opacity 0.4s 0.4s; }
body .drayson_site_container header button.app-download + .small-app-download-nav.show {
    top: 135px;
    opacity: 1;
    pointer-events: auto; }
.no-csstransitions body .drayson_site_container header button.app-download + .small-app-download-nav {
    display: none; }
.no-csstransitions body .drayson_site_container header button.app-download + .small-app-download-nav.show {
    display: block; }
body .drayson_site_container header button.app-download + .small-app-download-nav > ul {
    margin-left: 30px;
    margin-top: 30px; }
body .drayson_site_container header button.app-download + .small-app-download-nav > ul li {
    display: inline-block;
    *display: inline;
    /*IE7*/
    *zoom: 1;
    /*IE7*/
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-image: url(../img/btn-app-stores.png?201504131618);
    width: 150px;
    height: 52px;
    cursor: pointer;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    position: relative;
    z-index: 2;
    width: 110px;
    height: 40px;
    background-size: 220%;
    background-repeat: no-repeat;
    float: left; }
body .drayson_site_container header button.app-download + .small-app-download-nav > ul li:hover {
    -moz-transform: scale(0.96);
    -o-transform: scale(0.96);
    -ms-transform: scale(0.96);
    -webkit-transform: scale(0.96);
    transform: scale(0.96); }
body .drayson_site_container header button.app-download + .small-app-download-nav > ul li.apple {
    background-position: top left; }
body .drayson_site_container header button.app-download + .small-app-download-nav > ul li.google {
    background-position: top right; }
body .drayson_site_container header button.app-download + .small-app-download-nav > ul li:nth-child(1) {
    margin-right: 20px; }
body .drayson_site_container header button.app-download + .small-app-download-nav:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 50%;
    background-image: url(../img/small-nav-arrow.png?201504281239);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 50px;
    height: 50px;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1; }
body .drayson_site_container header .logo {
    /*
    width: 375px;
    margin: 0 auto;
    text-align: center;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.4s, transform 0.4s;
    -moz-transition: opacity 0.4s, transform 0.4s;
    -ms-transition: opacity 0.4s, transform 0.4s;
    -o-transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    cursor: pointer;
    position: absolute;
    top: 20px;
    display: none; 
    */
    cursor: pointer;
    position: absolute;
    top: 25px;
    left: 20px;
}
body .drayson_site_container header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100; 
    border-bottom: 1px solid #fff; }
body .drayson_site_container header.minimal {
    min-width: 320px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5); }
body .drayson_site_container header.minimal .logo {
    opacity: 0;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50px);
    -o-transform: translateX(-50%) translateY(-50px);
    -ms-transform: translateX(-50%) translateY(-50px);
    -webkit-transform: translateX(-50%) translateY(-50px);
    transform: translateX(-50%) translateY(-50px); }
body .drayson_site_container .image-collection {
    position: absolute;
    top: 70px;
    width: 100%;
    height: 150px;
    overflow: hidden;
    display: none; }
body .drayson_site_container .image-collection ul {
    width: 100%;
    height: 100%;
    overflow: hidden; }
body .drayson_site_container .image-collection ul li {
    width: 11.111%;
    overflow: hidden;
    float: left;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: center; }
@media (min-width: 768px) and (max-width: 1024px) {
    body .drayson_site_container .image-collection ul li {
        width: 20%; } }
@media (max-width: 767px) {
    body .drayson_site_container .image-collection ul li {
        width: 25%; } }
@media (max-width: 500px) {
    body .drayson_site_container .image-collection ul li {
        width: 33.33333%; } }
body .drayson_site_container[data-page="home"] .image-collection {
    display: block;
    min-width: 320px; }
body .drayson_site_container .app_store_download_module {
    width: 60%;
    max-width: 960px;
    min-width: 320px;
    margin: 0 auto;
    margin-top: 275px;
    text-align: center;
    font-weight: lighter;
    font-style: normal;
    line-height: normal;
    color: #1f3d5f; }
body .drayson_site_container .app_store_download_module h3 {
    font-weight: inherit;
    margin-bottom: 15px;
    font-family: "Shadows Into Light Two", cursive;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 1px; }
body .drayson_site_container .app_store_download_module span {
    display: block;
    font: 0/0 a;
    color: transparent;
    text-shadow: none; }
body .drayson_site_container .app_store_download_module span img {
    width: 92%;
    height: auto;
    padding: 10px 0; }
body .drayson_site_container .app_store_download_module > p {
    font-family: "clean_space_header", arial, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #1f3d5f;
    margin: 0;
    margin-bottom: 30px; }
body .drayson_site_container .app_store_download_module ul {
    margin-bottom: 60px;
    text-align: center; }
body .drayson_site_container .app_store_download_module ul li {
    display: inline-block;
    *display: inline;
    /*IE7*/
    *zoom: 1;
    /*IE7*/
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-image: url(../img/btn-app-stores.png?201504131618);
    width: 150px;
    height: 52px;
    cursor: pointer;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s; }
body .drayson_site_container .app_store_download_module ul li:hover {
    -moz-transform: scale(0.96);
    -o-transform: scale(0.96);
    -ms-transform: scale(0.96);
    -webkit-transform: scale(0.96);
    transform: scale(0.96); }
body .drayson_site_container .app_store_download_module ul li.apple {
    background-position: top left; }
body .drayson_site_container .app_store_download_module ul li.google {
    background-position: top right; }
body .drayson_site_container .app_store_download_module .description p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px; }
body .drayson_site_container .small-video-module {
    padding: 50px 0;
    position: relative;
    vertical-align: middle;
    text-align: center; }
body .drayson_site_container .small-video-module img {
    display: inline-block;
    margin: 0 auto;
    height: 100%; }
body .drayson_site_container .small-video-module button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    transform-origin: top left; }
body .drayson_site_container .small-video-module button:hover {
    -moz-transform: scale(1.2) translateY(-50%) translateX(-50%);
    -o-transform: scale(1.2) translateY(-50%) translateX(-50%);
    -ms-transform: scale(1.2) translateY(-50%) translateX(-50%);
    -webkit-transform: scale(1.2) translateY(-50%) translateX(-50%);
    transform: scale(1.2) translateY(-50%) translateX(-50%); }
body .drayson_site_container .mobile-phone-carousel-module {
    width: 100%;
    height: 560px;
    margin: 0 auto;
    background: #eef7ff;
    /*
    background-image: url(../img/bg-tile.gif?201504161543);
    background-repeat: repeat;
    */ }
body .drayson_site_container .mobile-phone-carousel-module:before, body .drayson_site_container .mobile-phone-carousel-module:after {
    content: " ";
    display: table; }
body .drayson_site_container .mobile-phone-carousel-module:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden; }
body .drayson_site_container .mobile-phone-carousel-module {
    *zoom: 1; }
body .drayson_site_container .mobile-phone-carousel-module > .container {
    max-width: 960px;
    margin: 0 auto;
    margin-top: -55px; }
body .drayson_site_container .mobile-phone-carousel-module .column {
    width: 33.33333%;
    height: auto;
    float: left; }
body .drayson_site_container .mobile-phone-carousel-module .phone-carousel {
    background-image: url(../img/mobile-phone-skeleton-v2.png?201505011712);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative; 
    z-index: 1; }
body .drayson_site_container .mobile-phone-carousel-module .phone-carousel > [phone-carousel] {
    width: 277px;
    margin: 0 21px;
    padding: 80px 0; }
body .drayson_site_container .mobile-phone-carousel-module .phone-carousel > [phone-carousel] img {
    width: 100%; }
body .drayson_site_container .mobile-phone-carousel-module .phone-carousel .detached {
    position: absolute; }
body .drayson_site_container .mobile-phone-carousel-module .phone-carousel .detached.header {
    top: -50px;
    left: 50px; }
body .drayson_site_container .mobile-phone-carousel-module .phone-carousel .detached.footer {
    bottom: 50;
    left: 50px; }
body .drayson_site_container .mobile-phone-carousel-module .options ul {
    margin-top: 210px;
    margin-left: 75px; }
body .drayson_site_container .mobile-phone-carousel-module .options ul li {
    width: 250px;
    height: 91px;
    background-position: 0 -91px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    margin-bottom: 48px;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    -ms-transition: opacity 0.8s;
    -o-transition: opacity 0.8s;
    transition: opacity 0.8s; }
body .drayson_site_container .mobile-phone-carousel-module .options ul li.active, body .drayson_site_container .mobile-phone-carousel-module .options ul li:hover {
    opacity: 1;
    background-position: 0 0; }
body .drayson_site_container .mobile-phone-carousel-module .options ul li:nth-child(1) {
    background-image: url(../img/mobile-phone-carousel-option-map_v2.png?201504131748); }
body .drayson_site_container .mobile-phone-carousel-module .options ul li:nth-child(2) {
    background-image: url(../img/mobile-phone-carousel-option-balloon_v2.png?201504131748); }
body .drayson_site_container .mobile-phone-carousel-module .options ul li:nth-child(3) {
    background-image: url(../img/mobile-phone-carousel-option-gift_v2.png?201504131748); }
body .drayson_site_container .mobile-phone-carousel-module .description {
    position: relative; }
body .drayson_site_container .mobile-phone-carousel-module .description > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    padding: 50px;
    padding-right: 0;
    /*margin-top: 200px;*/
    box-sizing: border-box;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    -ms-transition: opacity 0.8s;
    -o-transition: opacity 0.8s;
    transition: opacity 0.8s; }
body .drayson_site_container .mobile-phone-carousel-module .description > div.show {
    opacity: 1; }
body .drayson_site_container .mobile-phone-carousel-module .description > div h5, body .drayson_site_container .mobile-phone-carousel-module .description > div p {
    color: #2aa7fc;
    font-family: "Source Sans Pro", sans-serif;
    margin: 0; }
body .drayson_site_container .mobile-phone-carousel-module .description > div h5 {
    font-family: "clean_space_header", arial, sans-serif;
    font-size: 24px;
    margin-bottom: 20px; }
body .drayson_site_container .mobile-phone-carousel-module .description > div p {
    font-family: "clean_space_semibold", arial, sans-serif;
    font-size: 18px;
    color: #1f3d5f; }
body .drayson_site_container .how-all-works-module {
    text-align: center;
    padding: 50px 0 30px;
    color: #1f3d5f;
    font-family: "clean_space_semibold", arial, sans-serif;
    font-weight: lighter; }
body .drayson_site_container .how-all-works-module h3 {
    /*
    font-family: $fontHandWritten;
    font-size: $fontSizeBig;
    font-weight: normal;
    letter-spacing: $letterSpacingMedium;
    */
    font-family: "Shadows Into Light Two", cursive;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0; }
body .drayson_site_container .how-all-works-module ul {
    position: relative;
    margin: 30px auto 0 auto;
}
body .drayson_site_container .how-all-works-module ul li {
    display: inline-block;
    padding: 30px;
    width: 190px;
    vertical-align: top;
    text-align: center;}
body .drayson_site_container .how-all-works-module ul li img {
    width: 100%;
    max-width: 100px;
    padding-bottom: 15px; }
body .drayson_site_container .how-all-works-module ul li:last-child {
    margin-right: 0; }
body .drayson_site_container .how-all-works-module ul li p {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.2px;
    margin-top: 0; }
body .drayson_site_container .how-all-works-module p {
    font-size: 18px;
    color: #1f3d5f;
    font-weight: normal;
    letter-spacing: 0.2px; }
body .drayson_site_container .rewards-carousel {
    text-align: center;
    color: #1f3d5f;
    background-color: #eef7ff;
    padding: 50px 0; }
body .drayson_site_container .rewards-carousel > p {
    padding-bottom: 30px;
    color: #1f3d5f;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2px;
    font-family: "clean_space_semibold", arial, sans-serif; }
body .drayson_site_container .rewards-carousel [rewards-carousel] {
    width: 80%;
    max-width: 840px;
    margin: 0 auto;
    position: relative; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box {
    background-color: #fff;
    width: 248px;
    margin: 0 15px;
    margin-bottom: 15px;
    border: 1px solid #CCC;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.5); }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .image-container {
    height: 165px;
    overflow: hidden;
    position: relative; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .image-container img {
    width: 100%;
    height: auto; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .image-container span {
    background-image: url(../img/rosette.png?201504161714);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 4px;
    line-height: 140px;
    color: #fff;
    background-size: 67.5%;
    display: block;
    text-shadow: 0px 0px 30px #444;
    font-family: "clean_space_header", arial, sans-serif;
    /*
    &:before {
        content: "";
        background-image: url(../img/cm-small.png?201505141342);
        background-repeat: no-repeat;
        background-position: center center;
        display: inline-block;
        width: 12px;
        height: 12px;
        background-size: 98%;
        position: relative;
        top: 0px;
        background-position: center;
    }
    */ }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .image-container span > img {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 98%;
    position: relative;
    top: 0px;
    background-position: center; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .brand-container {
    width: 100%;
    text-align: center;
    padding: 0; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .brand-container > img {
    display: inline-block;
    width: 75%;
    text-align: center;
    margin: 0;
    padding: 0; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .description {
    text-align: left;
    padding: 0 20px;
    padding-bottom: 30px; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .description h5, body .drayson_site_container .rewards-carousel [rewards-carousel] .box .description p {
    margin: 0;
    text-align: center; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .description h5 {
    margin: 0;
    font-size: 18px;
    font-family: "clean_space_semibold", arial, sans-serif; }
body .drayson_site_container .rewards-carousel [rewards-carousel] .box .description p {
    font-size: 14px;
    font-family: "clean_space_regular", arial, sans-serif; }
body .drayson_site_container .rewards-carousel [rewards-carousel] button {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url(../img/rewards-carousel-arrows.png?201504141234);
    background-repeat: no-repeat;
    background-size: 200%;
    text-indent: -9999px;
    -webkit-transition: opacity 0.3s, transform 0.3s;
    -moz-transition: opacity 0.3s, transform 0.3s;
    -ms-transition: opacity 0.3s, transform 0.3s;
    -o-transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s; }
body .drayson_site_container .rewards-carousel [rewards-carousel] button.slick-prev {
    left: -55px;
    background-position: left center; }
body .drayson_site_container .rewards-carousel [rewards-carousel] button.slick-prev:hover {
    opacity: 0.6; }
body .drayson_site_container .rewards-carousel [rewards-carousel] button.slick-next {
    right: -55px;
    background-position: right center; }
body .drayson_site_container .rewards-carousel [rewards-carousel] button.slick-next:hover {
    opacity: 0.6; }
body .drayson_site_container .rewards-carousel [rewards-carousel] button.slick-prev, body .drayson_site_container .rewards-carousel [rewards-carousel] button.slick-next {
    z-index: 10; }
body .drayson_site_container .on-air-module {
    width: 100%;
    padding-top: 0;
    margin: 0 auto;
    font-family: "clean_space_semibold", arial, sans-serif; }
body .drayson_site_container .on-air-module h3 {
    /*
    font-family: $fontHandWritten;
    font-size: $fontSizeBig;
    font-weight: normal;
    letter-spacing: $letterSpacingMedium;
    */
    font-family: "Shadows Into Light Two", cursive;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #1f3d5f;
    padding: 0 0 20px;
    margin: 0; }
body .drayson_site_container .on-air-module p {
    color: #1f3d5f;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2px;
    padding: 0;
    margin: 0; }
body .drayson_site_container .on-air-module ul.vertical-img-shuffle {
    width: 100%;
    height: auto;
    margin: 50px auto;
    margin-bottom: 0px;
    margin-top: 70px;
    position: relative;
    text-align: center;
    max-width: 810px; }
body .drayson_site_container .on-air-module ul.vertical-img-shuffle:before, body .drayson_site_container .on-air-module ul.vertical-img-shuffle:after {
    content: " ";
    display: table; }
body .drayson_site_container .on-air-module ul.vertical-img-shuffle:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden; }
body .drayson_site_container .on-air-module ul.vertical-img-shuffle {
    *zoom: 1; }
body .drayson_site_container .on-air-module ul.vertical-img-shuffle:before {
    content: "";
    position: absolute;
    top: -34px;
    left: 50%;
    background-image: url(../img/anim-on-air.gif?201504301654);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 150px;
    height: 63px;
    border-radius: 4px;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
body .drayson_site_container .on-air-module ul.vertical-img-shuffle li {
    width: 20%;
    height: 160px;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    background-position: center; }
body .drayson_site_container .on-air-module ul.vertical-img-shuffle li:nth-child(n+11) {
    display: none; }
@media (min-width: 768px) and (max-width: 1024px) {
    body .drayson_site_container .on-air-module ul.vertical-img-shuffle li {
        width: 25%; }
    body .drayson_site_container .on-air-module ul.vertical-img-shuffle li:nth-child(n+9) {
        display: none; } }
@media (max-width: 767px) {
    body .drayson_site_container .on-air-module ul.vertical-img-shuffle li {
        width: 25%; }
    body .drayson_site_container .on-air-module ul.vertical-img-shuffle li:nth-child(n+9) {
        display: none; } }
@media (max-width: 500px) {
    body .drayson_site_container .on-air-module ul.vertical-img-shuffle li {
        width: 33.33333%; }
    body .drayson_site_container .on-air-module ul.vertical-img-shuffle li:nth-child(n+7) {
        display: none; } }
body .drayson_site_container .on-air-module .hashtag {
    text-align: center;
    margin: 30px 0;
    margin-top: 20px;
    margin-bottom: 60px;
    display: block;
    color: #2aa7fc;
    font-size: 32px;
    font-family: "clean_space_header", arial, sans-serif; }
body .drayson_site_container .coverage-module {
    text-align: center;
    padding: 25px 0px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #1f3d5f;
    width: 100%; }
body .drayson_site_container .coverage-module .content {
    max-width: 960px;
    margin: 0 auto; }
body .drayson_site_container .coverage-module .txt-container > h3 {
    font-size: 20px;
    font-family: "clean_space_header", arial, sans-serif; }
body .drayson_site_container .coverage-module .txt-container > p {
    padding: 20px 0;
    font-family: "clean_space_semibold", arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.2px;
    font-size: 18px; }
body .drayson_site_container .coverage-module ul li {
    vertical-align: top;
    display: inline-block;
    width: 32%;
    padding: 10px 30px; }
body .drayson_site_container .coverage-module ul li img {
    width: 200px; }
body .drayson_site_container .coverage-module ul li p {
    font-family: "clean_space_semibold", arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.2px;
    margin-top: 5px;
    font-size: 16px; }
body .drayson_site_container .coverage-module ul li a {
    color: inherit;
    text-decoration: none; }
body .drayson_site_container .partners-module {
    text-align: center;
    padding: 25px 0px;
    padding-bottom: 100px;
    width: 100%;
    color: #1f3d5f;
    background-color: #eef7ff; }
body .drayson_site_container .partners-module .content {
    max-width: 960px;
    width: 80%;
    margin: 0 auto; }
body .drayson_site_container .partners-module .txt-container > h3 {
    text-transform: capitalize;
    font-size: 20px;
    font-family: "clean_space_header", arial, sans-serif;
    padding: 0;
    margin: 0;
    margin-top: 40px; }
body .drayson_site_container .partners-module .txt-container > p {
    padding: 30px 0;
    padding-top: 20px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2px;
    font-family: "clean_space_semibold", arial, sans-serif; }
body .drayson_site_container .partners-module ul li {
    display: inline-block;
    width: 32%;
    padding: 10px 30px; }
body .drayson_site_container .partners-module ul li img {
    width: 200px; }
body .drayson_site_container .partners-module ul li p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.2px;
    margin-top: 5px; }
body .drayson_site_container .partners-carousel {
    position: relative;
    z-index: 1; }
body .drayson_site_container .partners-carousel .slick-slide {
    text-align: center;
    height: auto; }
body .drayson_site_container .partners-carousel .slick-slide img {
    display: inline-block; }
body .drayson_site_container .partners-carousel button {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-image: url(../img/rewards-carousel-arrows.png?201504141234);
    background-repeat: no-repeat;
    background-size: 200%;
    text-indent: -9999px;
    -webkit-transition: opacity 0.3s, transform 0.3s;
    -moz-transition: opacity 0.3s, transform 0.3s;
    -ms-transition: opacity 0.3s, transform 0.3s;
    -o-transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s; }
body .drayson_site_container .partners-carousel button.slick-prev {
    left: -55px;
    background-position: left center; }
body .drayson_site_container .partners-carousel button.slick-prev:hover {
    opacity: 0.6; }
body .drayson_site_container .partners-carousel button.slick-next {
    right: -55px;
    background-position: right center; }
body .drayson_site_container .partners-carousel button.slick-next:hover {
    opacity: 0.6; }
body .drayson_site_container .partners-carousel button.slick-prev, body .drayson_site_container .partners-carousel button.slick-next {
    z-index: 10; }
/* Footer */
body .drayson_site_container footer {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    height: 30px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    clear: both;
}
body .drayson_site_container footer .footer-menu li.copy {
    float: right;
}
body .drayson_site_container footer p {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2px;
    padding: 0;
    margin: 0; }
body .drayson_site_container footer .logo {
    text-align: center;
    padding: 50px 0 40px 0; }
body .drayson_site_container footer .logo img {
    max-width: 100px !important; }
body .drayson_site_container footer .social {
    text-align: right; }
body .drayson_site_container footer .social ul {
    overflow: hidden;
    text-align: center;
    width: 270px;
    display: inline-block; }
body .drayson_site_container footer .social li {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(../img/icons-social.png?201504141552);
    background-repeat: no-repeat;
    margin-right: 10px;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    cursor: pointer;
    text-indent: -9999px;
    position: relative; }
body .drayson_site_container footer .social li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
body .drayson_site_container footer .social li:hover {
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
body .drayson_site_container footer .social li:last-child {
    margin-right: 0; }
body .drayson_site_container footer .social li.mail {
    background-position: 0 0; }
body .drayson_site_container footer .social li.facebook {
    background-position: -51px 0; }
body .drayson_site_container footer .social li.twitter {
    background-position: -104px 0; }
body .drayson_site_container footer .social li.instagram {
    background-position: -156px 0; }
body .drayson_site_container footer .social li.google-plus {
    background-position: -207px 0; }
body .drayson_site_container footer .columns {
    margin: 0 50px;
    overflow: hidden;
    text-align: center;
    color: #fff; }
body .drayson_site_container footer .columns .left li {
    text-align: left;
    margin-bottom: 10px;
    cursor: pointer;
    max-width: 150px; }
body .drayson_site_container footer .columns .left a {
    text-transform: capitalize;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.2px; }
body .drayson_site_container footer .columns > div {
    width: 50%;
    float: left; }
body .drayson_site_container footer .mail a {
    display: inline-block;
    width: 100%;
    height: 100%; }
body .drayson_site_container footer {
    text-align: center;
    padding-bottom: 30px; }
body .drayson_site_container footer .social {
    padding: 15px 0;
    text-align: center; }
body .drayson_site_container footer .columns .left,
body .drayson_site_container footer .columns .right {
    display: block;
    float: none; }
body .drayson_site_container footer .columns .left {
    display: none; }
body .drayson_site_container footer .columns .right {
    width: 100%;
    margin: 25px 0; }
body .drayson_site_container footer .columns .right .social {
    width: 100%;
    text-align: center; }
body .drayson_site_container footer .footer-menu {
    margin: 10px auto; }
body .drayson_site_container footer .footer-menu p {
    color: #ccc;
    font-size: 12px;
    margin-top: 30px;
    font-family: 'clean_space_regular', arial, sans-serif; }
body .drayson_site_container footer .footer-menu li {
    display: block;
    float: left;
    margin-left: 30px;
    /*
    border-right: 1px solid #FFF;
    */
    margin-right: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    font-size: 11px;
    color: #ccc;
    text-decoration: none;
    font-family: arial, sans-serif;
    font-weight: bold;}
body .drayson_site_container footer .footer-menu li a {
    font-size: 11px;
    color: #ccc;
    text-decoration: none;
    font-family: arial, sans-serif;
    font-weight: bold;}
body .drayson_site_container .anim-hover-opc li,
body .drayson_site_container .anim-hover-opc button,
body .drayson_site_container .anim-hover-opc a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
body .drayson_site_container .anim-hover-opc li:hover,
body .drayson_site_container .anim-hover-opc button:hover,
body .drayson_site_container .anim-hover-opc a:hover {
    opacity: 0.5 !important; }
body .drayson_site_container .anim-hover-scale a,
body .drayson_site_container .anim-hover-scale button {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s; }
body .drayson_site_container .anim-hover-scale a:hover,
body .drayson_site_container .anim-hover-scale button:hover {
    -moz-transform: scale(0.92) !important;
    -o-transform: scale(0.92) !important;
    -ms-transform: scale(0.92) !important;
    -webkit-transform: scale(0.92) !important;
    transform: scale(0.92) !important; }
body .drayson_site_container .anim-hover-appdownload a,
body .drayson_site_container .anim-hover-appdownload button {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s; }
body .drayson_site_container .anim-hover-appdownload a:hover,
body .drayson_site_container .anim-hover-appdownload button:hover {
    opacity: 0.8; }
body .drayson_site_container .anim-hover-btn {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
body .drayson_site_container .anim-hover-btn:hover {
    opacity: 0.5 !important; }
body .drayson_site_container .anim-hover-invrt-btn {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
body .drayson_site_container .anim-hover-invrt-btn:hover {
    opacity: 1 !important; }
body .drayson_site_container [image-shuffle] li {
    display: none; }
body .drayson_site_container [image-shuffle] li.show {
    display: inline-block; }
body .drayson_site_container [image-shuffle] li.removed {
    display: none; }
body .drayson_site_container .wide-image-module {
    width: 100%;
    overflow: hidden;
}
body .drayson_site_container .wide-image-module img {
    width: 100%;
    height: auto; 
    margin-top: 70px;
}
body .drayson_site_container .long-description-module {
    padding: 50px 0;
    color: #1f3d5f;
    max-width: 768px;
    margin: 0 auto; }
body .drayson_site_container .long-description-module.competion-description {
    padding: 0;
}
body .drayson_site_container .long-description-module p {
    text-align: center;
    color: #1f3d5f;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2px;
    font-family: "clean_space_regular", arial, sans-serif; }
body .drayson_site_container .long-description-module a {
    color: #2aa7fc; }
body .drayson_site_container .single-article-module {
    position: relative;
    margin: 0 auto;
    padding: 80px 0 30px 0;
    color: #1f3d5f;
    max-width: 768px;
    min-height: 300px;
    margin-top: 10px;
    font-family: "clean_space_regular", arial, sans-serif; }
body .drayson_site_container .single-article-module.competion-module {
    padding: 20px 0 30px 0;
}
body .drayson_site_container .single-article-module h1 {
    color: #2aa7fc;
    font-size: 32px;}
body .drayson_site_container .single-article-module p {
    text-align: left;
    color: #1f3d5f;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.2px; }
body .drayson_site_container .single-article-module a {
    color: #2aa7fc; }
body .drayson_site_container .single-article-module h2 {
    font-size: 16px; 
    text-align: center; }
body .drayson_site_container .single-article-module h2.left {
    text-align: left; }
body .drayson_site_container .single-article-module h3 {
    font-size: 14px; 
    text-align: center;}
body .drayson_site_container .single-article-module .country-select-wrapper a {
    color: #000; }
body .drayson_site_container .wide-video-player {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 38px; }
body .drayson_site_container .wide-video-player > .meta {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    top: 200px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
body .drayson_site_container h1 {
    font-size: 32px;
    font-family: "clean_space_semibold", arial, sans-serif !important;
    text-align: center;
    color: #fff;}
body .drayson_site_container h1 a {
    text-decoration: none;
    color: inherit;}
body .drayson_site_container .wide-video-player h1 {
    font-family: "Shadows Into Light Two", cursive;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 1px; }
body .drayson_site_container[data-page="home"] .wide-video-player {
    margin-top: 70px;
    text-align: center;}
body .drayson_site_container[data-page="home"] .wide-video-player .description p {
    margin: 0 auto;
    font-family: "clean_space_semibold", arial, sans-serif !important; }
body .drayson_site_container[data-page="home"] .wide-video-player .description > div > p {
    font-family: "clean_space_header", arial, sans-serif !important;
    font-size: 26px;
    padding-bottom: 30px; }
body .drayson_site_container[data-page="home"] .wide-video-player .description > div > p:last-child {
    padding-bottom: 70px;
    margin-bottom: 0; }
body .drayson_site_container[data-page="home"] .wide-video-player button {
    margin-bottom: 60px; }
body .drayson_site_container[data-page="home"] .wide-video-player a:last-of-type {
    position: relative;
    left: 50%;
    font-family: 'clean_space_semibold', arial, sans-serif; }
@media (min-width: 768px) and (max-width: 1024px) {
    body .drayson_site_container[data-page="home"] .wide-video-player {
        margin: 70px 0 0 0; }}
@media (max-width: 767px) {
    body .drayson_site_container[data-page="home"] .wide-video-player {
        margin: 70px 0 0 0; } 
    body .drayson_site_container[data-page="home"] .wide-video-player .no-desktop img  {
        display: none; }
}
body .drayson_site_container[data-page="home"] .wide-video-player, body .drayson_site_container[data-page="cleanspace-movement"] .wide-video-player {
    height: 660px; }
body .drayson_site_container[data-page="cleanspace-movement"] .wide-video-player h1 {
    font-family: "clean_space_header", arial, sans-serif; }
body .drayson_site_container[data-page="cleanspace-movement"] .wide-video-player p {
    font-size: 24px;
    font-family: "clean_space_semibold", arial, sans-serif; }
body .drayson_site_container[data-page="cleanspace-movement"] .long-description-module {
    max-width: 600px;
    padding: 100px 0; }
body .drayson_site_container[data-page="about-us"] .long-description-module {
    padding: 10px 0;
    max-width: 660px; }
body .drayson_site_container .what-we-doing {
    overflow: hidden;
    background: #eef7ff;
    /*
    background-image: url(../img/bg-tile.gif?201504161543);
    */ }
body .drayson_site_container .what-we-doing .columns {
    width: 100%; }
body .drayson_site_container .what-we-doing .columns > div {
    float: left;
    color: #1f3d5f;
    font-size: 16px; }
body .drayson_site_container .what-we-doing .columns > div.left {
    width: 30%;
    height: 555px;
    margin-right: 75px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover; }
body .drayson_site_container .what-we-doing .columns > div.right {
    width: 60%; }
body .drayson_site_container .what-we-doing .columns > div h5 {
    font-family: "Shadows Into Light Two", cursive;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 50px;
    margin-bottom: 30px; }
body .drayson_site_container .what-we-doing .columns > div p {
    color: #1f3d5f;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2px;
    font-family: "clean_space_semibold", arial, sans-serif;
    margin-bottom: 30px; }
body .drayson_site_container .what-we-doing .columns > div p:last-child {
    padding-bottom: 0;
    margin-bottom: 0; }
body .drayson_site_container .what-we-doing .columns > div ol {
    counter-reset: item;
    list-style-type: none;
    margin-left: 65px;
    padding-left: 0px;
    margin-bottom: 0;
    padding-bottom: 0; }
body .drayson_site_container .what-we-doing .columns > div li {
    position: relative;
    display: block;
    padding-bottom: 35px;
    max-width: 600px;
    color: #1f3d5f;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2px; }
body .drayson_site_container .what-we-doing .columns > div li:before {
    content: counter(item);
    counter-increment: item;
    position: absolute;
    top: -6px;
    left: -60px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-indent: 14px;
    border: 1px solid #1f3d5f;
    border-radius: 50%;
    display: block;
    font-family: "clean_space_regular", arial, sans-serif;
    font-size: 22px; }
body .drayson_site_container .what-we-doing .columns > div a {
    color: #2aa7fc; }
body .drayson_site_container .get-involved-module {
    text-align: center;
    color: #1f3d5f; }
body .drayson_site_container .get-involved-module > h5 {
    font-family: "Shadows Into Light Two", cursive;
    font-size: 38px;
    font-weight: normal;
    letter-spacing: 1px;
    color: inherit; }
body .drayson_site_container .get-involved-module p {
    color: #1f3d5f;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2px;
    font-family: "clean_space_semibold", arial, sans-serif; }
body .drayson_site_container .get-involved-module img {
    max-width: 80px; }
body .drayson_site_container .get-involved-module .list {
    padding: 50px 0;
    max-width: 650px;
    margin: 0 auto; }
body .drayson_site_container .get-involved-module .list p {
    padding-bottom: 30px; }
body .drayson_site_container .play-video {
    background-image: url(../img/play-btn.png?201504151621);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: 100%;
    border: none;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
body .drayson_site_container .play-video:hover {
    opacity: 0.6; }
body .drayson_site_container .video-lightbox {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s; }
body .drayson_site_container .video-lightbox.show {
    opacity: 1; }
body .drayson_site_container .video-lightbox iframe {
    display: block;
    width: 80%;
    height: 70%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
body .drayson_site_container .video-lightbox .close {
    position: absolute;
    top: 75px;
    right: 1%;
    color: #1f3d5f;
    font-size: 80px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: lighter;
    background: none;
    border: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background-image: url(../img/icon-close-x.png?201504281711);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
body .drayson_site_container .description p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    letter-spacing: 0.2px; }
body .drayson_site_container .animate-hide {
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s; }
body .drayson_site_container .animate-hide.ng-hide {
    opacity: 0; }
body .drayson_site_container .form-wrapper {
    width: auto;
    padding: 0 30px;
    color: #fff;
    text-align: center;
    background-image: url(../img/bg-email-form.jpg?201504301520);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover; }
body .drayson_site_container .form-wrapper form > p {
    font-size: 16px;
    padding: 0;
    margin: 0; }
body .drayson_site_container form[name="email"] {
    padding-top: 70px;
    text-align: center;
    font-size: 14px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto; }
body .drayson_site_container form[name="email"] .country-select-wrapper {
    margin-top: 5px; }
body .drayson_site_container form[name="email"] .country-select-wrapper .chosen-container .no-results,
body .drayson_site_container form[name="email"] .country-select-wrapper .chosen-container .chosen-results {
    color: #1f3d5f; }
body .drayson_site_container form[name="email"] .country-select-wrapper .chosen-container .chosen-single {
    border: none;
    display: inline-block;
    height: 45px;
    width: 100%;
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    padding: 0; }
body .drayson_site_container form[name="email"] .country-select-wrapper .chosen-container .chosen-single span {
    text-indent: 20px;
    line-height: 45px;
    box-shadow: none;
    border-radius: 0;
    background-color: #eaeaea;
    color: #1f3d5f;
    display: inline-block;
    width: 100%;
    height: 45px;
    background-image: url(../img/arrow-small-down-v2.png?201505141334);
    background-repeat: no-repeat;
    background-position: 94% 56%;
    background-size: 7.5%; }
body .drayson_site_container form[name="email"] .country-select-wrapper .chosen-container .chosen-drop {
    border: 0;
    box-shadow: none;
    background: #eaeaea; }
body .drayson_site_container form[name="email"] input {
    border: none;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    display: inline-block;
    width: 100%;
    height: 45px;
    text-align: left;
    text-indent: 20px;
    color: #1f3d5f; }
body .drayson_site_container form[name="email"] input[type="submit"] {
    background-image: none;
    background-position: 85% center;
    background-repeat: no-repeat;
    width: 150px;
    text-align: center;
    font-size: 18px;
    text-indent: 0px;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s; }
body .drayson_site_container form[name="email"] input[type="submit"]:hover {
    opacity: 0.75; }
body .drayson_site_container form[name="email"] label {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    color: #fff;
    position: relative; }
body .drayson_site_container form[name="email"] label input {
    margin-top: 5px; }
body .drayson_site_container form[name="email"] label input.ng-dirty.ng-invalid {
    background-color: #FF9696;
    color: #fff; }
body .drayson_site_container form[name="email"] label:nth-child(odd) {
    margin-right: 20px; }
body .drayson_site_container form[name="email"] label:nth-child(even):before, body .drayson_site_container form[name="email"] label:nth-child(even):after {
    content: " ";
    display: table; }
body .drayson_site_container form[name="email"] label:nth-child(even):after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden; }
body .drayson_site_container form[name="email"] label:nth-child(even) {
    *zoom: 1; }
body .drayson_site_container form[name="email"] label .ln {
    border-bottom: 2px solid #ccc;
    width: 88%;
    position: absolute;
    bottom: 15px;
    left: 0;
    margin: 0 6%; }
body .drayson_site_container form[name="email"] label[for="country"] .ln {
    bottom: 8px; }
body .drayson_site_container form[name="email"] .country-select-wrapper {
    width: 100%; }
body .drayson_site_container form[name="email"] input[type="submit"] {
    width: 100%; }
body .drayson_site_container form[name="email"] .user-input-module {
    display: block; }
body .drayson_site_container form[name="email"] .success-module {
    display: none;
    opacity: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 38px;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    -ms-transition: opacity 0.8s;
    -o-transition: opacity 0.8s;
    transition: opacity 0.8s; }
body .drayson_site_container form[name="email"] .success-module > img {
    margin-bottom: 10px; }
body .drayson_site_container form[name="email"] .success-module p {
    margin: 0;
    padding: 0;
    color: #fff; }
body .drayson_site_container form[name="email"] .stay-loop {
    padding-bottom: 20px;
    font-size: 18px;
    color: #fff; }
body .drayson_site_container form[name="email"].success .stay-loop,
body .drayson_site_container form[name="email"].success .user-input-module {
    display: none; }
body .drayson_site_container form[name="email"].success .success-module {
    display: block; }
body .drayson_site_container form[name="email"].success .success-module.show {
    opacity: 1; }
body .drayson_site_container form[name="email"].light {
    color: #1f3d5f; }
body .drayson_site_container form[name="email"].light .country-select-wrapper select {
    background: #eaeaea; }
body .drayson_site_container form[name="email"].light .country-select-wrapper select option {
    color: #1f3d5f; }
body .drayson_site_container form[name="email"].light input {
    color: #1f3d5f;
    background-color: #eaeaea; }
body .drayson_site_container form[name="email"].light ::-webkit-input-placeholder {
    color: #1f3d5f; }
body .drayson_site_container form[name="email"].light :-moz-placeholder {
    /* Firefox 18- */
    color: #1f3d5f; }
body .drayson_site_container form[name="email"].light ::-moz-placeholder {
    /* Firefox 19+ */
    color: #1f3d5f; }
body .drayson_site_container form[name="email"].light :-ms-input-placeholder {
    color: #1f3d5f; }
body .drayson_site_container form[name="email"].light input[type="submit"] {
    color: #fff;
    background-color: #1f3d5f;
    background-image: none; }
body .drayson_site_container form[name="email"].dark {
    color: #fff; }
body .drayson_site_container form[name="email"].dark .country-select-wrapper select {
    background: #4c6480; }
body .drayson_site_container form[name="email"].dark input {
    color: #fff;
    background-color: #4c6480; }
body .drayson_site_container form[name="email"].dark ::-webkit-input-placeholder {
    color: #fff; }
body .drayson_site_container form[name="email"].dark :-moz-placeholder {
    /* Firefox 18- */
    color: #fff; }
body .drayson_site_container form[name="email"].dark ::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff; }
body .drayson_site_container form[name="email"].dark :-ms-input-placeholder {
    color: #fff; }
body .drayson_site_container form[name="email"].dark input[type="submit"] {
    color: #1f3d5f;
    background-color: #fff;
    background-image: none; }
body .drayson_site_container form[name="email"] input {
    border-radius: 4px;
    position: relative; }
body .drayson_site_container .form-wrapper {
    padding-bottom: 60px; }
body .drayson_site_container .form-wrapper form[name="email"].light .country-select-wrapper select {
    background: #eaeaea;
    width: 100%;
    border: none;
    height: 40px;
    color: #1f3d5f; }
body .drayson_site_container.page-not-found {
    background-color: #1f3d5f;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    text-align: center;
    color: #fff; }
body .drayson_site_container.page-not-found a {
    color: #2aa7fc; }
body .drayson_site_container.page-not-found .logo {
    padding: 50px 150px; }
body .drayson_site_container[data-page="service-not-available"] header .app-download,
body .drayson_site_container[data-page="service-not-available"] header .pseudo-bar .hamburger {
    display: none; }
body .drayson_site_container .dev-notify {
    position: fixed;
    padding: 10px;
    opacity: 0.3;
    background: #03f;
    bottom: 0;
    left: 0;
    z-index: 100; }
body .drayson_site_container .dev-notify a {
    color: #fc0; }
body .drayson_site_container .service-unavailable {
    display: none; }
body .drayson_site_container[data-page="service-not-available"] {
    background-image: url(../img/bg-email-form.jpg?201504301520);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover; }
body .drayson_site_container[data-page="service-not-available"] header ul {
    display: none; }
body .drayson_site_container[data-page="service-not-available"] footer .footer-menu {
    display: none; }
body .drayson_site_container[data-page="service-not-available"] .stay-loop {
    display: none; }
body .drayson_site_container[data-page="service-not-available"] .single-article-module {
    max-width: none;
    margin-top: 70px; }
body .drayson_site_container[data-page="service-not-available"] .service-unavailable {
    display: block; }
body .drayson_site_container[data-page="service-not-available"] .form-wrapper {
    background: none; }
.no-js body .drayson_site_container noscript {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(230, 230, 230, 0.85);
    text-align: center; }
.no-js body .drayson_site_container noscript > div {
    margin: 0 auto;
    max-width: 500px;
    font-family: "clean_space_regular", arial, sans-serif;
    font-size: 32px;
    padding: 15% 0;
    color: #1f3d5f; }
.no-js body .drayson_site_container noscript > div a {
    color: #4c6480; }
body .drayson_site_container #cookie-warning {
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: #eef7ff;
    max-width: 720px;
    box-shadow: 0 3px 3px 0 rgba(79, 79, 79, 0.2);
    -webkit-box-shadow: 0 3px 3px 0 rgba(79, 79, 79, 0.2);
    font-family: "clean_space_regular", arial, sans-serif;
    -webkit-transition: top 0.3s, opacity 0.3s;
    -moz-transition: top 0.3s, opacity 0.3s;
    -ms-transition: top 0.3s, opacity 0.3s;
    -o-transition: top 0.3s, opacity 0.3s;
    transition: top 0.3s, opacity 0.3s; }
body .drayson_site_container #cookie-warning p {
    color: #1f3d5f;
    padding: 5px 30px;
    font-size: 14px;
    line-height: 20px; }
body .drayson_site_container #cookie-warning .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #1f3d5f;
    text-shadow: 0 1px 0 #fff;
    background: none;
    opacity: 0.5; }
body .drayson_site_container #cookie-warning a {
    color: #2aa7fc;
    cursor: pointer;
    text-decoration: none; }
body .drayson_site_container #cookie-warning.hide {
    display: none; }
@media only screen and (min-width: 1025px) {
    body .drayson_site_container header ~ #cookie-warning {
        bottom: 0;
        margin: 0 0 0 -360px;
        left: 50%; }
    /*
  body .drayson_site_container header + .image-collection {
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s; }
  body .drayson_site_container header.minimal + .image-collection {
    top: 80px; }
  body .drayson_site_container header {
    height: 80px;
    */
    /*
    background-image: url(../img/logo-v3.png?201504291744);
    */
    background-position: 50% 100%;
    /*
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    */
}

/* J.R. fixes 14/02/2016 .... really need to refactor/consolidate CSS...  */

body .drayson_site_container .wide-video-player .meta {
    position: relative;
    left: 0;
    top: 10px;
    z-index: 2;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); 
}

body .drayson_site_container[data-page="cleanspace-movement"] .wide-video-player {
    background-size: cover;
}

body .drayson_site_container[data-page="cleanspace-movement"] .wide-video-player .meta {
    top: 200px;
}

/*
body .drayson_site_container header > div {
  margin-top: 50px;
  -webkit-transition: margin-top 0.3s;
  -moz-transition: margin-top 0.3s;
  -ms-transition: margin-top 0.3s;
  -o-transition: margin-top 0.3s;
  transition: margin-top 0.3s; }
*/
/*
body .drayson_site_container header button.app-download {
  -webkit-transition: margin-top 0.3s;
  -moz-transition: margin-top 0.3s;
  -ms-transition: margin-top 0.3s;
  -o-transition: margin-top 0.3s;
  transition: margin-top 0.3s; }
body .drayson_site_container header button.app-download + .small-app-download-nav {
  -webkit-transition: top 0.3s;
  -moz-transition: top 0.3s;
  -ms-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s; }
body .drayson_site_container header .app-download {
  margin-top: 65px !important; }
*/
body .drayson_site_container header.minimal {
    height: 40px;
    /*
    background-image: url(../img/logo-minimal.png?201504301155); }
    */
    body .drayson_site_container header.minimal > div {
        margin-top: 5px; }
    body .drayson_site_container header.minimal .app-download {
        margin-top: 20px !important; }
    body .drayson_site_container header.minimal button.app-download + .small-app-download-nav {
        top: 100px; }
    body .drayson_site_container header + .image-collection {
        top: 120px; }
    body .drayson_site_container .rewards-carousel [rewards-carousel] button,
    body .drayson_site_container .partners-carousel button {
        width: 50px;
        height: 50px; }
    body .drayson_site_container .rewards-carousel [rewards-carousel] button.slick-prev,
    body .drayson_site_container .partners-carousel button.slick-prev {
        left: -75px; }
    body .drayson_site_container .rewards-carousel [rewards-carousel] button.slick-next,
    body .drayson_site_container .partners-carousel button.slick-next {
        right: -75px; }
    body .drayson_site_container .how-all-works-module ul {
        position: relative;
        clear: both;
        margin: 10px auto 0 auto;
    }
    body .drayson_site_container form[name="email"] .user-input-module {
        max-width: 300px;
        margin: 0 auto; }
    body .drayson_site_container .coverage-module .content {
        max-width: 1150px; }
    body .drayson_site_container .on-air-module {
        margin-top: 0px;
        background-color: #eef7ff; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    body .drayson_site_container header .no-mobile {
        display: none; }
    body .drayson_site_container header .no-desktop {
        display: block; }
    body .drayson_site_container .pseudo-bar {
        background-color: #2aa7fc;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
    body .drayson_site_container .pseudo-bar img {
        position: absolute;
        top: 0;
        right: -100px;
        z-index: -1;
        height: 100%; }
    body .drayson_site_container .pseudo-bar .hamburger {
        position: absolute;
        top: 10px;
        left: 20px;
        width: 50px;
        height: 50px;
        display: block;
        background-image: url(../img/icon-three-line-hamburger.png?201504241014);
        background-size: 100%;
        background-position: center center; }
    body .drayson_site_container nav {
        position: relative; }
    body .drayson_site_container nav .container {
        position: absolute;
        top: -276px;
        left: 0;
        background-color: #4c6480;
        width: 100%;
        padding: 10px 0;
        -webkit-transition: top 0.4s ease-out;
        -moz-transition: top 0.4s ease-out;
        -ms-transition: top 0.4s ease-out;
        -o-transition: top 0.4s ease-out;
        transition: top 0.4s ease-out;
        z-index: -1;
        -webkit-box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5); }
    body .drayson_site_container nav .container.show {
        top: 50px; }
    body .drayson_site_container nav .container li {
        display: inline-block;
        height: auto;
        width: 100%;
        margin-left: 20px;
        padding: 10px 0;
        text-transform: capitalize; }
    body .drayson_site_container nav .container li, body .drayson_site_container nav .container a {
        font-size: 16px;
        color: #fff;
        text-decoration: none; }
    body .drayson_site_container .pseudo-bar {
        /*
        background-image: url(../img/logo-minimal.png?201504141720);
        */
        background-repeat: no-repeat;
        background-position: bottom center; }
    body .drayson_site_container .pseudo-bar img {
        display: none; }
    body .drayson_site_container .app-download {
        z-index: 2;
        right: 20px !important; }
    body .drayson_site_container[data-page="cleanspace-movement"] .wide-video-player {

        height: auto; }
    body .drayson_site_container .wide-video-player .meta .description {
        padding-bottom: 10px; }
    body .drayson_site_container .mobile-phone-carousel-module {
        height: auto; }
    body .drayson_site_container .mobile-phone-carousel-module .phone-carousel {
        width: 100%;
        margin-top: 2.5%; }
    body .drayson_site_container .mobile-phone-carousel-module .phone-carousel > [phone-carousel] {
        width: 87%;
        margin: 0;
        margin-left: 6.5%;
        padding: 72px 0; }
    body .drayson_site_container .mobile-phone-carousel-module .phone-carousel > [phone-carousel] img {
        height: auto; }
    body .drayson_site_container .mobile-phone-carousel-module .description > div {
        padding: 0 30px; }
    body .drayson_site_container .mobile-phone-carousel-module .options ul {
        margin-top: 35%;
        margin-left: 50px; }
    body .drayson_site_container .form-wrapper {
        padding-bottom: 80px; }
    body .drayson_site_container .rewards-carousel,
    body .drayson_site_container .partners-module {
        width: auto;
        margin-top: 50px;
        padding-right: 30px;
        padding-left: 30px; }
    body .drayson_site_container .how-all-works-module ul li img {
        max-width: 150px; }
    body .drayson_site_container .what-we-doing .columns div.left {
        height: 500px;
        margin: 0;
        padding: 0;
        background-position: center; }
    body .drayson_site_container .what-we-doing .columns div.left, body .drayson_site_container .what-we-doing .columns div.right {
        width: 100%; }
    body .drayson_site_container .what-we-doing .columns div.right {
        padding: 0 5%;
        width: 90%; }
    body .drayson_site_container .what-we-doing .columns div.right h5 {
        padding: 20px 0;
        margin: 0; }
    body .drayson_site_container .video-lightbox .close {
        display: none; }
    body .drayson_site_container .video-lightbox .close-txt {
        position: absolute;
        display: block;
        margin-top: 15px;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #000;
        text-transform: capitalize; }
    body .drayson_site_container .what-we-doing {
        padding-bottom: 30px; }
    body .drayson_site_container[data-page="cleanspace-movement"] .wide-video-player {
        margin-top: 70px; }
    body .drayson_site_container input[type="text"],
    body .drayson_site_container input[type="email"] {
        font-size: 16px !important; } }
@media only screen and (max-width: 767px) {
    body .drayson_site_container .no-mobile {
        display: none; }
    body .drayson_site_container .no-desktop {
        display: block; }
    body .drayson_site_container header .no-mobile {
        display: none; }
    body .drayson_site_container header .no-desktop {
        display: block; }
    body .drayson_site_container .pseudo-bar {
        background-color: #2aa7fc;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
    body .drayson_site_container .pseudo-bar img {
        position: absolute;
        top: 0;
        right: -100px;
        z-index: -1;
        height: 100%; }
    body .drayson_site_container .pseudo-bar .hamburger {
        position: absolute;
        top: 10px;
        left: 20px;
        width: 50px;
        height: 50px;
        display: block;
        background-image: url(../img/icon-three-line-hamburger.png?201504241014);
        background-size: 100%;
        background-position: center center; }
    body .drayson_site_container nav {
        position: relative; }
    body .drayson_site_container nav .container {
        position: absolute;
        top: -276px;
        left: 0;
        background-color: #4c6480;
        width: 100%;
        padding: 10px 0;
        -webkit-transition: top 0.4s ease-out;
        -moz-transition: top 0.4s ease-out;
        -ms-transition: top 0.4s ease-out;
        -o-transition: top 0.4s ease-out;
        transition: top 0.4s ease-out;
        z-index: -1;
        -webkit-box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 1px 30px 0px rgba(50, 50, 50, 0.5); }
    body .drayson_site_container nav .container.show {
        top: 50px; }
    body .drayson_site_container nav .container li {
        display: inline-block;
        height: auto;
        width: 100%;
        margin-left: 20px;
        padding: 10px 0;
        text-transform: capitalize; }
    body .drayson_site_container nav .container li, body .drayson_site_container nav .container a {
        font-size: 16px;
        color: #fff;
        text-decoration: none; }
    /*
    body .drayson_site_container .app-download {
        display: none; }
    */
    body .drayson_site_container .wide-video-player {
        position: relative; }
    body .drayson_site_container .wide-video-player .meta {
        position: relative;
        top: 10px;
        left: 0;
        z-index: 2;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0); }
    body .drayson_site_container .wide-video-player .meta .description p {
        font-size: 16px;
        margin-bottom: 0px;
        padding-bottom: 15px;
        padding-right: 10px;
        padding-left: 10px; }
    body .drayson_site_container .mobile-phone-carousel-module {
        width: 100%;
        height: auto;
        margin: 0 auto; } }
@media only screen and (max-width: 767px) {
    body .drayson_site_container .mobile-phone-carousel-module {
        padding: 30px 0;
        margin: 0; }
    body .drayson_site_container .mobile-phone-carousel-module .container {
        padding: 5px 10px;
        margin: 0 auto; } }
@media only screen and (max-width: 767px) {
    body .drayson_site_container .mobile-phone-carousel-module .column.left {
        display: none; }
    body .drayson_site_container .mobile-phone-carousel-module .column.mid {
        width: 40%; }
    body .drayson_site_container .mobile-phone-carousel-module .column.right {
        width: 60%; }
    body .drayson_site_container .mobile-phone-carousel-module .phone-carousel {
        width: 100%;
        margin-top: 2.5%; }
    body .drayson_site_container .mobile-phone-carousel-module .phone-carousel > [phone-carousel] {
        width: 87%;
        margin: 0;
        margin-left: 6.5%;
        padding: 42% 0 0 0; }
    body .drayson_site_container .mobile-phone-carousel-module .phone-carousel > [phone-carousel] img {
        height: auto; }
    body .drayson_site_container .mobile-phone-carousel-module .description > div {
        margin: 0;
        padding: 0;
        padding-left: 20px; }
    body .drayson_site_container .on-air-module:before, body .drayson_site_container .on-air-module:after {
        content: " ";
        display: table; }
    body .drayson_site_container .on-air-module:after {
        display: block;
        clear: both;
        height: 1px;
        margin-top: -1px;
        visibility: hidden; }
    body .drayson_site_container .on-air-module {
        *zoom: 1; }
    body .drayson_site_container .on-air-module > p {
        padding: 0 10px; }
    body .drayson_site_container .coverage-module {
        padding: 20px 0px; }
    body .drayson_site_container .coverage-module .txt-container > p {
        padding: 0 10px; }
    body .drayson_site_container .coverage-module ul {
        padding: 20px; }
    body .drayson_site_container .coverage-module ul li {
        width: 100%; }
    body .drayson_site_container .coverage-module ul li img {
        width: 100%;
        max-width: 150px; }
    body .drayson_site_container footer {
        border-top: 1px solid #ccc;
        padding-top: 30px; }
    body .drayson_site_container footer .columns .left,
    body .drayson_site_container footer .columns .right {
        display: block;
        float: none; }
    body .drayson_site_container footer .columns .left {
        display: none; }
    body .drayson_site_container footer .columns .right {
        width: 100%;
        margin: 25px 0; }
    body .drayson_site_container footer .columns .right .social {
        width: 100%;
        text-align: center; }
    body .drayson_site_container footer input[type="submit"] {
        margin-top: 10px; }
    body .drayson_site_container[data-page="cleanspace-movement"] .wide-video-player .meta h1 {
        font-size: 24px; }
    body .drayson_site_container .partners-module .content {
        width: 90%; }
    body .drayson_site_container .partners-module .content img {
        height: 100%;
        width: auto; }
    body .drayson_site_container .rewards-carousel [rewards-carousel] {
        width: 80%;
        margin: 0 auto; }
    body .drayson_site_container .rewards-carousel [rewards-carousel] .slick-prev,
    body .drayson_site_container .rewards-carousel [rewards-carousel] .slick-next {
        display: none !important; }
    body .drayson_site_container .partners-carousel[partners-carousel] {
        width: 80%;
        margin: 0 auto; }
    body .drayson_site_container .partners-carousel[partners-carousel] .slick-prev {
        left: -40px; }
    body .drayson_site_container .partners-carousel[partners-carousel] .slick-next {
        right: -40px; }
    body .drayson_site_container .long-description-module {
        width: 90%;
        padding: 25px 0; }
    body .drayson_site_container .what-we-doing {
        padding-bottom: 20px; }
    body .drayson_site_container .what-we-doing .columns div.left {
        height: 350px;
        margin: 0;
        padding: 0;
        background-position: center; }
    body .drayson_site_container .what-we-doing .columns div.left, body .drayson_site_container .what-we-doing .columns div.right {
        width: 100%; }
    body .drayson_site_container .what-we-doing .columns div.right {
        padding: 0 5%;
        width: 90%; }
    body .drayson_site_container .what-we-doing .columns div.right h5 {
        padding: 20px 0;
        margin: 0; }
    body .drayson_site_container .get-involved-module .list {
        padding: 0 30px; }
    body .drayson_site_container .get-involved-module > p {
        padding: 0 10px; }
    body .drayson_site_container footer .footer-menu li {
        margin-right: 15px;
        padding-right: 15px; }
    body .drayson_site_container footer .footer-menu li:nth-child(3) {
        margin-right: 0px;
        padding-right: 0px;
        border: none; }
    body .drayson_site_container .long-description-module {
        word-wrap: break-word; }
    body .drayson_site_container .how-all-works-module,
    body .drayson_site_container .rewards-carousel {
        margin-top: 50px;
        padding: 25px 0; }
    body .drayson_site_container .how-all-works-module {
        padding-top: 0; }
    body .drayson_site_container .how-all-works-module ul li {
        width: 50%; }
    body .drayson_site_container .how-all-works-module ul li img {
        max-width: 150px; }
    body .drayson_site_container .how-all-works-module > p,
    body .drayson_site_container .rewards-carousel > p {
        padding-left: 10px;
        padding-right: 10px; }
    body .drayson_site_container .app_store_download_module h3 {
        padding: 0 10px;
        font-size: 24px; }
    body .drayson_site_container .app_store_download_module p {
        font-size: 18px; }
    body .drayson_site_container .app_store_download_module ul li {
        width: 100px;
        height: 34px;
        background-size: 220%; }
    body .drayson_site_container .video-lightbox .close-txt {
        position: absolute;
        display: block;
        margin-top: 15px;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #000;
        text-transform: capitalize; }
    body .drayson_site_container .video-lightbox .close-txt {
        display: none; }
    body .drayson_site_container input[type="text"] {
        font-size: 16px !important; } }

@media only screen and (max-width: 361px) {
    .drayson_site_container .mobile-phone-carousel-module {
        width: 100%;
        height: auto;
        padding: 30px 0;
        margin: 0; }
    .drayson_site_container .mobile-phone-carousel-module .container {
        padding: 5px 10px;
        margin: 0 auto; }
    .drayson_site_container .partners-module img {
        max-height: 65px; } }

/* New styles by J.R. */

.clear {
    clear: both;
}

/* Partners section */

.partner-box {
    float: left;
    text-align: left;
    border: 1px solid #29a7fc;
    width: 160px;
    height: 335px;
    margin: 20px 25px 0 0;
    padding: 5px;
    border-radius: 5px;
    background-color: #f4fbff;
    overflow: hidden;
}

.partner-box-image-container {
    text-align: center;
}

.partner-box h2 {
    font-family: "clean_space", arial, sans-serif !important;
    color: #29a7fc;
    font-size: 32px;
    font-weight: bold;
}

.partners-tab-container {
    margin: 0 auto 30px auto;
    border-bottom: 1px solid #29a7fc;
    height: 50px;
}

.partners-tab-grid {
    margin-left: -5px;
    margin-right: -5px;
}

.partners-tab-row {
    display: table;
    table-layout: fixed; /* keep equal cell widths */
    width: 100%; /* need width otherwise cells aren't equal and they self collapse */
    border-spacing: 5px 0; /* best way to space cells but has outer padding */
}

.partners-tab {
    display: table-cell;
    height: 50px;
    background-color: #29a7fc;
    color: #ffffff;
    border-top: 1px solid #29a7fc;
    border-left: 1px solid #29a7fc;
    border-right: 1px solid #29a7fc;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.partners-tab-active {
    background-color: #ffffff;
    color: #29a7fc;
}

body .drayson_site_container .partners-support {
    display: none;
}

body .drayson_site_container .partners-strategic {
    display: none;
}

body .drayson_site_container .partners-charity {
    display: block;
}

body .drayson_site_container .partners-rewards, body .drayson_site_container .partners-support, body .drayson_site_container .partners-charity, body .drayson_site_container .partners-support {
    position: relative;
    margin: 0 -20px 0 0;
}

/* Hack for temp partners - should only be width:100%; height: auto; */

body .drayson_site_container .partners-rewards img, body .drayson_site_container .partners-strategic img, body .drayson_site_container .partners-charity img, body .drayson_site_container .partners-support img {
    width: 100%;
    height: auto;
    background-size: contain !important;
    webkit-background-size: contain !important;
    background-position-y: top !important;
}

body .drayson_site_container .partners-single-article-module {
    max-width: 748px;
    padding: 80px 0 30px 0;
}

.partners-article-module h2 a {
    text-decoration: none;
    color: #29a7fc;
}

/* Support section */

.support-box {
    margin: 20px 0 50px 0;
}

.support-box-image-container {
    text-align: center;
}

.support-box h2 {
    font-family: "clean_space", arial, sans-serif !important;
    color: #29a7fc;
    font-size: 32px;
    font-weight: bold;
}

.support-tab-container {
    margin: 0 auto 30px auto;
    border-bottom: 1px solid #29a7fc;
    height: 50px;
}

.support-tab-grid {
    margin-left: -5px;
    margin-right: -5px;
}

.support-tab-row {
    display: table;
    table-layout: fixed; /* keep equal cell widths */
    width: 100%; /* need width otherwise cells aren't equal and they self collapse */
    border-spacing: 5px 0; /* best way to space cells but has outer padding */
}

.support-tab {
    display: table-cell;
    height: 50px;
    background-color: #29a7fc;
    color: #ffffff;
    border-top: 1px solid #29a7fc;
    border-left: 1px solid #29a7fc;
    border-right: 1px solid #29a7fc;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.support-tab-active {
    background-color: #ffffff;
    color: #29a7fc;
}

body .drayson_site_container .support-contact-us {
    display: none;
}

body .drayson_site_container .support-faqs {
    display: none;
}

body .drayson_site_container .support-getting-started {
    display: block;
}

body .drayson_site_container .support-getting-started, body .drayson_site_container .support-faqs, body .drayson_site_container .support-contact-us {
    position: relative;
    margin: 0 -20px 0 0;
}

.support-article-module .support-box {
    padding: 0 35px;
}

.support-article-module .support-box ul li {
    list-style: none;
    margin-bottom: 5px;
}

.support-article-module .support-box ul {
    font-weight: bold;
}

table, th, td {
   border: 1px solid #2aa7fc;
}

td {
    padding: 5px 10px;
    font-size: 14px;
}

.mobile-title {
    display: none;
}

/* Support mobile view */

@media (max-width: 600px) {

    body .drayson_site_container .single-article-module h1 {
        margin-left: 20px;
    }
    
    .support-tab-container {
        height: 70px;
        line-height: 16px;
    }
    
    .support-tab {
        height: 60px;
        line-height: 22px;
        padding-top: 10px;
    }
    
    .support-box {
        overflow: hidden;
    }
    
}

/* End support */

.android-div {
    font-family: "clean_space", arial, sans-serif !important;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .android-div .no-desktop img, .android-div .no-mobile img {
        display: none;
    }
}

.android-div h1 {
    font-family: "clean_space_header", arial, sans-serif !important;
    font-size: 26px;
    color: #ffffff;
}

body .drayson_site_container .android-text-container {
    position: absolute;
    max-width: 500px;
    top: 150px;
    right: 100px;
    text-align: left;
}

body .drayson_site_container .android-text-container button {
    margin-left: 130px;
}

body .drayson_site_container .android-text-container h1 {
    text-align: left;
    color: #29a7fc;
    font-size: 31px;
    margin-bottom: 30px;
}

.skew {
    margin-left: -150px;
    margin-bottom: -55px;
}

@media (max-width: 767px) {
    .skew {
        margin-left: 0;
        margin-bottom: 0;
    }
    body .drayson_site_container .android-text-container {
        right: 20px;
        left: 20px;
    }
    .body .drayson_site_container .android-div .wide-image-module div img {
        display: none;
    }
    body .drayson_site_container .android-text-container button {
        margin-left: 0;
        margin-bottom: 20px;
    }
}

body .drayson_site_container article .single-image {
    text-align: center;
    overflow: hidden;
}

body .drayson_site_container article .single-image img {
    width: 500px;
    height: auto;
    background-size: contain !important;
}

body .drayson_site_container button#register-interest {
    display: block;
    color: #ffffff;
    background-color: #2aa7fc;
    border-radius: 4px;
    margin: 0 auto 30px auto;
    padding: 5px 25px;
    text-indent: -1px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-family: "clean_space_semibold", arial, sans-serif;
    -webkit-transition: opacity 0.4s, transform 0.3s;
    -moz-transition: opacity 0.4s, transform 0.3s;
    -ms-transition: opacity 0.4s, transform 0.3s;
    -o-transition: opacity 0.4s, transform 0.3s;
    transition: opacity 0.4s, transform 0.3s;
}

/* A few bootstrap styles for modal window... */

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal .modal-dialog {
    width: 340px;
    margin: 100px auto;
}

.modal-content {
    position: relative;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
}

.modal .modal-dialog .modal-content {
    background-color: #e6f6ff;
    border: none;
    box-shadow: none;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal .modal-dialog .modal-content .modal-header button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.form-group {
    margin-bottom: 15px;
}

.has-feedback {
    position: relative;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form-control {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 4px;
    box-shadow: none;
    width: 100%;
    height: 34px;
    padding-left: 5px;
    background-color: #fff;
    background-image: none;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
}

.form-control-feedback {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

.modal .modal-dialog .modal-content .btn {
    background-color: #1f3d5f;
    color: #fff;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

.btn-primary {
    border-color: #2e6da4;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body .drayson_site_container #sidebar {
    position: absolute;
    width: 200px;
    top: 0;
    right: 0;
    padding-top: 70px;
}

body .drayson_site_container #sidebar p, body .drayson_site_container #sidebar h1, body .drayson_site_container #sidebar h2 {
    text-align: left;
}

body .drayson_site_container .articles-list {
    margin-right: 317px;   
}

body .drayson_site_container .articles-list-wide {
    margin-right: 0 !important;   
}

body .drayson_site_container .articles-list article {
    padding: 0 10px 20px 10px;
    border-bottom: 2px solid #d2d9e1;
    min-width: 200px;
}

body .drayson_site_container .articles-list article p, body .drayson_site_container .articles-list article h1, body .drayson_site_container .articles-list article h2 {
    text-align: left;
}

body .drayson_site_container .tagtales-copy {
    margin: 0 10px 30px 10px;
}

body .drayson_site_container article .wide-image-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 55.55%; /* 18:10 */
}

body .drayson_site_container article .superwide-image-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 33.33%; /* 3:1 */
    margin-top: 10px;
    margin-bottom: 30px;
}

body .drayson_site_container article .wide-image-wrapper img, body .drayson_site_container article .superwide-image-wrapper img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

body .drayson_site_container .articles-list .wide-left {
    position: relative;
    width: 50%;
    float: left;
    margin-bottom: 0;
    min-width: 150px;
}

body .drayson_site_container .articles-list .wide-left .wide-inner {
    padding-right: 10px;
    padding-top: 30px;
    min-width: 200px;
}

body .drayson_site_container .articles-list .wide-left article {
    border-bottom: 0 solid transparent;
}

body .drayson_site_container .articles-list .wide-right {
    position: relative;
    width: 50%;
    float: left;
    margin-bottom: 0;
    min-width: 200px;
}

body .drayson_site_container .articles-list .wide-right .wide-inner {
    padding-left: 10px;
    padding-top: 30px;
}

body .drayson_site_container .articles-list .wide-right article {
    border-bottom: 0 solid transparent;
}

body .drayson_site_container .single-article-module .superwide-inner {
    position: relative;
    padding: 0 150px 0 150px;
    height: auto;
}

body .drayson_site_container .single-article-module .superwide-inner .previous-link {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 2px;
    margin-left: 60px;
}

body .drayson_site_container .single-article-module .superwide-inner .next-link {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 2px;
    margin-right: 60px;
}

body .drayson_site_container .single-article-module .superwide-inner p, body .drayson_site_container .single-article-module .superwide-inner h1 {
    text-align: left;
    padding-top: 7px;
}

body .drayson_site_container #sidebar .widget-area .tweets .avatar {
    margin-left: 0;
}

body .drayson_site_container #sidebar .widget-area .tweets .avatar img {
    display: none;
}

body .drayson_site_container #sidebar .widget-area h2 {
    color: #2e6da4;
    padding: 3px 0 3px 30px;
    border-top: 1px solid #2e6da4;
    border-bottom: 1px solid #2e6da4;
    margin: 10px 0 0 0;
    background: #ffffff url('../img/twitter.png') no-repeat 6px 4px;
    background-size: 20px;
}

body .drayson_site_container #sidebar .widget-area ul li {
    margin-bottom: 2px;
    padding: 10px 10px 8px 10px;
    background-color: #e6f6ff;
    font-size: 14px;
}

body .drayson_site_container .blog-single-container>h1 {
    margin: 0 10px;
}

.fake-border {
    border-bottom: 2px solid #d2d9e1;
}

.byline {
    font-size: 14px;
    color: #666666;
}

body .drayson_site_container .slick-list {
    margin: 0;
}

body .drayson_site_container .video-lightbox .close-txt {
    display: none;
}

@media (max-width: 768px) {

    /* Hack display background image correctly... why no container? */
    body .drayson_site_container .wide-video-player .no-desktop {
        display: none;
    }

    body .drayson_site_container .single-article-module .superwide-inner {
        position: relative;
        padding: 0;
        height: auto;
    }

    body .drayson_site_container .single-article-module .superwide-inner .previous-link {
        position: absolute;
        top: auto;
        bottom: -55px;
        left: 0;
        margin-top: 0;
        margin-left: 0;
    }

    body .drayson_site_container .single-article-module .superwide-inner .next-link {
        position: absolute;
        top: auto;
        right: 0;
        bottom: -55px;
        margin-top: 0;
        margin-right: 0;
    }

    body .drayson_site_container .slick-list {
        margin: -20% 0 0 0;
    }

    /* Sidebar drop */
    body .drayson_site_container #sidebar {
        position: relative;
        width: 100%;
        padding-top: 30px;
    }

    body .drayson_site_container .articles-list {
        margin-right: 0;   
    }

    body .drayson_site_container .articles-list .wide-left .wide-inner {
        padding-right: 0;
    }

    body .drayson_site_container .articles-list .wide-right .wide-inner {
        padding-left: 0;
    }

}

@media (max-width: 500px) {

    body .drayson_site_container #sidebar {
        padding-top: 10px;
    }

    body .drayson_site_container .articles-list {
        margin-right: 0;   
    }

    body .drayson_site_container .articles-list .wide-left {
        width: 100%;
        float: none;
        width: auto;
    }

    body .drayson_site_container .articles-list .wide-right {
        width: 100%;
        float: none;
        width: auto;
    }

    body .drayson_site_container .partners-single-article-module, body .drayson_site_container .partners-single-article-module {
        max-width: 748px;
        padding: 80px 10px 60px 10px;
    }

    body .drayson_site_container .articles-list .wide-right article,  body .drayson_site_container .articles-list .wide-left article{
        border-bottom: 2px solid #d2d9e1;
    }

    .fake-border {
        border-bottom: 0 solid transparent;
    }

    .modal .dialog-box {
        width: 280px;
    }

}

.cf_widget_container {

    position: absolute;
    top: 230px;
    left: 5%;
    z-index: 9 !important;

}

@media (max-width: 1200px) {

    .cf_widget_container {

        position: relative;
        top: auto;
        left: auto;
        margin: 160px auto -50px auto;

    }

}

body .drayson_site_container #pre-register-form select {
    width: 310px;
}

body .drayson_site_container #pre-register-form select option:first-child {
    color: #ccc;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #2aa7fc;
}

.faq-container {
    padding: 0 10px;
}

/* Airmap styles */

.airmap-header {
    position: relative;
    height: 120px;
    width: 100%;
    background-color: #2aa7fc;
}

#airmap-canvas {
    position: relative;
    width: 100%;
    height: 800px;
}

#moovit-canvas {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Uber styles */

#map-canvas {
    position: relative;
    width: 100%;
    height: 400px;
}

.uber-header {
    position: relative;
    height: 251px;
    width: 100%;
    background: #ffffff url('../img/uber-bg.png') no-repeat top center;
}

.uber-title {
    padding-top: 120px;
    text-align: center;
}

.uber-title h1 {
    display: inline;
}

#mapped-by {
    position: absolute;
    top: 250px;
    width: 100%;
    height: 50px;
    background-color: rgba(80, 121, 118, 0.5);
    z-index: 100000;
    text-align: center;
    padding-top: 30px;
}

#uber-logo {
    position: absolute;
    top: 380px;
    width: 100%;
    z-index: 100000;
    text-align: center;
}

/* Redesigned homepage */

.download-links a.add_to_cart_button {
    position: relative;
    float: left;
    width: 130px;
    height: 26px;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0;
    font-size: 22px;
    background-color: #29a7fc;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.freevolt-button {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -155px;
    z-index: 1000;
    cursor: pointer;
}

.download-links {
    position: absolute;
    top: 355px;
    left: 50%;
    margin-left: 170px;
}

.download-links a, .download-links img {
    margin-bottom: 6px;
    width: 130px;
    height: 39px;
}

.download-links a {
    clear: both;
    padding: 0;
}

.download-links a img {
    float: left;
    clear: both;
}

body .drayson_site_container[data-page="home"] .wide-video-player .description .hp-sub {
    display: block;
    height: 60px;
    color: #1f3d5f;
    padding: 0 !important;
    font-family: "clean_space_semibold", arial, sans-serif !important;
    font-size: 27px;
    margin: -15px auto 0 auto;
    padding: 0 20px;
}

body .drayson_site_container[data-page="home"] .wide-video-player .description .hp-head {
    font-family: 'clean_space_header',arial,sans-serif;
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 2px;
    color: #ffffff;
    margin-top: 26px;
}

.tophash {
    margin: -30px 0 0 0 !important;
    font-size: 35px;
    margin-top: 26px;
}

body.page-template-airmap .drayson_site_container header .logo {
    top: 10px;
}

.airmap-client-logo {
    position: absolute;
    height: 50px;
    top: 10px;
    right: 30px;
}

.airmap-client-logo img {
    height: 100%;
}

.airmap-sentance {
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-left: 200px;
    margin-right: 200px;
    line-height: 22px;
}

.moovit-sentance {
    float: left;
    margin-left: 15px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 22px;
}

body.page-template-airmap .drayson_site_container #airmap-canvas {
    position: absolute;
    top: 70px;
    bottom: 30px;
    height: auto;
}

body.page-template-airmap .drayson_site_container footer {
    position: absolute;
    bottom: 0;
    height: 30px;
    padding-bottom: 0;
}

body.page-template-airmap .drayson_site_container footer .footer-menu {
    margin: 0;
    padding-top: 10px;
}

body.page-template-airmap .drayson_site_container footer .footer-menu #menu-primary-2, body.page-template-airmap .drayson_site_container footer .footer-menu #menu-primary-3 {
    display: none;
}

body.page-template-airmap .drayson_site_container footer .footer-menu li {
    margin-bottom: 0;
}

body .drayson_site_container .how-all-works-module a {
    color: inherit;
    text-decoration: underline;
}

body .drayson_site_container  input.gform_button {
    background-color: #3ad652;
    color: #fff;
    margin-top: 10px;
    border-radius: 42px;
    font-size: 24px;
    margin-left: 40px;
    padding: 7px 20px;
    border: none;
}

.gform_confirmation_message {
    color: #2aa7fc;
    font-weight: bold;
}

.moovit-useapp {
    position: absolute;
    top: 15px;
    right: 15px;
}

.moovit-useapp-mobile {
    position: absolute;
    top: 5px;
    right: 5px;
}

.moovit-useapp a, .moovit-useapp img {
    width: 130px;
    height: 39px;
}

header.moovit-header {
    height: 25px !important;
}

.moovit-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 10px 0;
    height: 25px;
    line-height: 22px;
    min-width: 320px;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
}

.moovit-footer img {
    width: 25px;
    vertical-align: middle;
}