/* -----------------------------------------
    Fonts
----------------------------------------- */

@font-face {
    font-family: 'Museo';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/museo300-regular-webfont.eot');
    src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo300-regular-webfont.woff2') format('woff2'), url('../fonts/museo300-regular-webfont.woff') format('woff'), url('../fonts/museo300-regular-webfont.ttf') format('truetype'), url('../fonts/museo300-regular-webfont.svg#museo300') format('svg');
}
@font-face {
    font-family: 'Museo Sans Italic';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/museosans-300italic-webfont.eot');
    src: url('../fonts/museosans-300italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museosans-300italic-webfont.woff2') format('woff2'), url('../fonts/museosans-300italic-webfont.woff') format('woff'), url('../fonts/museosans-300italic-webfont.ttf') format('truetype'), url('../fonts/museosans-300italic-webfont.svg#museo_sans300_italic') format('svg');
}

/* -----------------------------------------
    General
----------------------------------------- */

body {
    font-family: 'Museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    font-size: 17px;
    color: #fff;
    background: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    letter-spacing: -.04em;
    color: #8dc63f;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
a,
a:visited,
a:focus {
    transition: color .18s ease, background-color .18s ease;
    color: rgba(156, 156, 156, 1);
}
a:focus,
input:focus,
select:focus,
textarea:focus,
select:focus,
span:focus {
    outline: none;
}
ul li {
    margin: 17px 0;
}

/* -----------------------------------------
    Header
----------------------------------------- */

#header {
    padding: 106px 0 68px;
}
#header h1 {
    font-size: 36px;
    line-height: 1;
    margin: 0;
    letter-spacing: -.05em;
}
#header h1 a,
#header h1 a:hover {
    color: #fff;
}
#header h2 {
    font-size: 18px;
    font-weight: normal;
}
#header #logo {
    max-width: 324px;
}

/* -----------------------------------------
    Main
----------------------------------------- */

#hero h1 {
    font-size: 72px;
    line-height: .85;
    margin-bottom: 40px;
    letter-spacing: -.04em;
}
#hero p {
    margin-bottom: 28px;
}
hr {
    display: block;
    margin: 25px 0;
    color: transparent;
    border: none;
    border-color: rgba(255, 255, 255, .9);
    border-bottom: 1px dashed rgba(255, 255, 255, .3);
    background: none;
}
.mobile-slider {
    display: none;
}
.device.iphone {
    width: 100%;
    height: 870px;
    margin-top: -250px;
    background: url(../images/iphone.png) no-repeat;
    background-size: 100%;
}
.device.android {
    width: 100%;
    height: 800px;
    margin-top: -170px;
    background: url(../images/android.png) no-repeat;
    background-size: 100%;
}
.appslide.flexslider {
    width: 93%;
    padding-top: 31%;
    padding-left: 8.6%;
    background: none;
}
.android .appslide.flexslider {
    padding-top: 12.6%;
    padding-left: 6.3%;
}
.store a,
.store a:visited {
    white-space: nowrap;
    color: #fff;
}
.store {
    line-height: 1;
    height: 85px;
}
.store-btn {
    font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    line-height: normal;
    float: left;
    height: 79px;
    padding: 12px 19px 0 84px;
}
.price {
    line-height: 1;
    float: left;
    padding: 15px 19px 18px 42px;
}
.store {
    position: relative;
    margin-bottom: 10px;
    white-space: nowrap;
    color: #fff;
}
.store-btn {
    position: relative;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    letter-spacing: -.04em;
    border-radius: 10px;
    background: #a5a5a5;
}
.price {
    font-size: 48px;
    font-weight: normal;
    position: relative;
    display: inline-block;
    margin-left: -28px;
    white-space: nowrap;
    letter-spacing: -.05em;
    color: #fff;
    border-radius: 0 8px 8px 0;
    background: rgba(0, 0, 0, .1);
}
.appstore i {
    font-size: 54px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.gplay i {
    font-size: 50px;
    position: absolute;
    top: 14px;
    left: 16px;
}
.gplay .store-btn {
    padding-left: 75px;
}
.store-btn span,
.store-btn b {
    font-weight: bold;
    display: block;
}
.store-btn span {
    font-size: 15px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: -7px;
    margin-left: 3px;
    letter-spacing: .05em;
}
.store-btn b {
    font-size: 36px;
    line-height: normal;
}
.feat-thumb img {
    border: 2px solid #fff;
    border-radius: 15px;
}
.feat-thumb a,
.feat-thumb a:visited {
    line-height: 0;
    position: relative;
    display: block;
    color: #fff;
    color: rgba(255, 255, 255, .85);
}
.feat-thumb a:hover {
    color: #fff;
}
.feat-thumb .fa {
    font-size: 66px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -30px;
}
.feat-desc {
    padding-top: 10px;
}
.feat-desc h3 {
    font-size: 35px;
    line-height: .9;
    margin-bottom: 14px;
    letter-spacing: -.03em;
}
.flex-control-nav {
    bottom: 4%;
    width: 92%;
}
.flex-control-paging li a.flex-active {
    background: #fff;
}
.flex-control-paging li a {
    background: rgba(255, 255, 255, .6);
}
.flex-control-paging li a:hover {
    background: rgba(255, 255, 255, .8);
}

/* -----------------------------------------
    Footer
----------------------------------------- */

#footer {
    font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    padding-bottom: 20px;
}
#footer hr {
    margin-bottom: 20px;
}
.copy {
    font-size: 14px;
}
.right {
    text-align: right;
}
#footer .widget:last-of-type {
    margin: 0;
}

/* -----------------------------------------
    Widgets
----------------------------------------- */

.widget {
    margin-bottom: 25px;
}
#sidebar .widget:last-child {
    margin-bottom: 0;
}
.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget ul li {
    margin-bottom: 4px;
}
.widget ul li:last-of-type {
    margin-bottom: 0;
}
.error404 #main {
    text-align: center;
}
.error404 h1 {
    font-size: 50px;
}
.error404 h3 {
    font-size: 36px;
    margin-bottom: 160px;
}

/* WIDGET: #Ads125
========================================= */

#ads125,
.ads125 {
    margin: 0;
    padding: 0;
    list-style: none;
}
#ads125 li,
.ads125 li {
    float: left;
    max-width: 125px;
    margin: 0 15px 10px 0;
    padding: 0;
    border: 0 none;
    background: none repeat scroll 0 0 transparent;
}

/* WIDGET: #Search
========================================= */

.searchform {
    line-height: 1;
    position: relative;
}
.searchform > div {
    line-height: 1;
    position: relative;
}
.searchform .screen-reader-text {
    display: none;
}
.searchform input[type=text] {
    font: inherit;
    line-height: 1;
    width: 100%;
    height: 40px;
    margin: 0;
    border-radius: 0;
}
.searchsubmit {
    font-size: 14px;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 3px 11px 2px;
    border: none;
    background: #ccc;
}

/* WIDGET: #Flickr
========================================= */

.flickr_badge_image {
    float: left;
    margin: 0 15px 15px 0;
}
.flickr_badge_image a {
    line-height: 0;
    display: block;
}

/* WIDGET: #About
========================================= */

.widget_about {
    margin-top: -5px;
}
.widget_ci_about .alignleft {
    float: left;
    margin: 5px 10px 6px 0;
}
.widget_about .alignright {
    float: right;
    margin: 5px 0 6px 10px;
}

/* WIDGET: #Text Widget
========================================= */

.widget_text p:last-child {
    margin-bottom: 0;
}

/* WIDGET: #Twitter
========================================= */

.widget_ci_twitter_widget ul li {
    margin-bottom: 12px;
}
.widget_ci_twitter_widget .twitter-time {
    font-size: .85em;
    display: block;
}

/* WIDGET: #Calendar
================================================== */

#wp-calendar {
    width: 100%;
}
#wp-calendar caption {
    margin-top: 10px;
    padding: 9px;
    text-align: left;
    background: none repeat scroll 0 0 rgba(0, 0, 0, .03);
}
#wp-calendar thead {
    font-size: 10px;
}
#wp-calendar thead th {
    font-weight: bold;
    padding: 8px;
    background: rgba(0, 0, 0, .1);
}
#wp-calendar tbody td {
    padding: 3px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    background: none;
}
#wp-calendar tbody td:hover {
    background: rgba(0, 0, 0, .1);
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
}
#wp-calendar tfoot #prev {
    font-size: 10px;
    padding-top: 10px;
    text-transform: uppercase;
}
#wp-calendar a {
    font-weight: bold;
    font-style: italic;
}

/* ----------------------------------------------
    Helpers, WordPress Defaults, Generic Items
---------------------------------------------- */


/* WordPress Generated Classes
=================================== */

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.wp-caption {
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
    border: 1px solid #f0f0f0;
    background: #fff;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    width: auto;
    max-width: 98.5%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* General Form Styling
=================================== */


/* Buttons
=================================== */

a.btn,
a.btn:visited,
input[type=submit].btn,
button.btn {
    font-size: inherit;
    line-height: normal;
    padding: 6px 17px;
    -webkit-transition: color .18s ease, background-color .18s ease, border-color .18s ease;
       -moz-transition: color .18s ease, background-color .18s ease, border-color .18s ease;
        -ms-transition: color .18s ease, background-color .18s ease, border-color .18s ease;
         -o-transition: color .18s ease, background-color .18s ease, border-color .18s ease;
            transition: color .18s ease, background-color .18s ease, border-color .18s ease;
    vertical-align: middle;
    color: #444;
    border: 1px solid #999;
    border-radius: 2px;
    background: #dadada;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5);
}
a.btn:hover,
input[type=submit].btn:hover,
button.btn:hover {
    background: #e5e5e5;
}
a.btn:active,
input[type=submit].btn:active,
button.btn:active {
    box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .17);
}

/* -----------------------------------------
   MOBILE MENU
----------------------------------------- */

#mobile-bar {
    position: fixed;
    z-index: 1000;
    top: 0;
    display: none;
    width: 100%;
    height: 48px;
    padding: 15px 10px 0 10px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .8);
    background: #242628;
    background-image:         linear-gradient(bottom, rgb(20, 22, 23) 1%, rgb(34, 36, 38) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(20, 22, 23) 1%, rgb(34, 36, 38) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(20, 22, 23) 1%, rgb(34, 36, 38) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(20, 22, 23) 1%, rgb(34, 36, 38) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(20, 22, 23) 1%, rgb(34, 36, 38) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(.01, rgb(20, 22, 23)), color-stop(1, rgb(34, 36, 38)));
    box-shadow: 0 4px 3px rgba(0, 0, 0, .2);
}
.menu-trigger,
.menu-trigger:focus {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 24px;
    height: 21px;
    margin: 0;
    cursor: pointer;
    opacity: .85;
    outline: none;
    background: url(../images/menu_trigger.png) no-repeat;
}
.menu-trigger:hover {
    opacity: .95;
}
.menu-trigger:active {
    opacity: 1;
}
.mob-title {
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #eee;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}

/*
    Animations
*/

html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
.mm-is-menu.mm-horizontal .mm-inner > ul {
    -webkit-transition: none .4s ease;
       -moz-transition: none .4s ease;
         -o-transition: none .4s ease;
            transition: none .4s ease;
}
html.mm-opened.mm-dragging .mm-page {
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
}
html.mm-opened.mm-dragging.mm-next .mm-menu,
html.mm-opened.mm-dragging.mm-front .mm-menu {
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
    /* border-color is needed to force transitionend event even if no other value changed */
    /* transform is needed to force hardware acceleration */
    -webkit-transition-property: top, right, bottom, left, margin, border, -webkit-transform;
       -moz-transition-property: top, right, bottom, left, margin, border, -moz-transform;
         -o-transition-property: top, right, bottom, left, margin, border, -o-transform;
            transition-property: top, right, bottom, left, margin, border, transform;
    border: none solid rgba(0, 0, 0, 0);
}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
    border: none solid rgba(1, 1, 1, 0);
}
.mm-is-menu.mm-horizontal .mm-inner > ul {
    -webkit-transition-property: margin-left;
       -moz-transition-property: margin-left;
         -o-transition-property: margin-left;
            transition-property: margin-left;
}
html.mm-accelerated.mm-opening .mm-page,
html.mm-accelerated.mm-opening #mm-blocker,
html.mm-accelerated .mm-is-menu.mm-horizontal .mm-inner > ul.mm-subopened {
    -webkit-transform: translate3d( 0, 0, 1px);
       -moz-transform: translate3d( 0, 0, 1px);
         -o-transform: translate3d( 0, 0, 1px);
            transform: translate3d( 0, 0, 1px);
}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
    top: 0;
    left: 0;
    margin: 0;
}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
    left: 100%;
    margin: 0 0 0 -65px;
}

/*
    Menu, submenus, items
    - Sizing and positioning
*/

html.mm-opened .mm-page,
.mm-menu,
.mm-menu .mm-inner,
.mm-is-menu ul,
.mm-menu div.mm-search,
.mm-menu div.mm-search input {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

         -o-box-sizing: border-box;
}

/* html/body */

html.mm-opened,
html.mm-opened body {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
html.mm-opened body {
    position: relative;
}

/* menu */

.mm-menu {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.mm-menu.mm-opened {
    display: block;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
}
.mm-menu.mm-opened ~ .mm-menu.mm-opened {
    display: none;
}
.mm-inner {
    width: 100%;
    height: 100%;
    padding: 0 65px 0 0;
}

/* ul/li */

.mm-is-menu ul,
.mm-is-menu li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mm-is-menu li {
    position: relative;
}
.mm-is-menu li:after {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    content: '';
}
.mm-is-menu .mm-inner > ul {
    width: 100%;
    padding: 20px 0 40px 0;
}

/* items */

.mm-is-menu li > a,
.mm-is-menu li > span {
    line-height: 40px;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 10px 0 0;
    white-space: nowrap;
    text-indent: 20px;
    text-overflow: ellipsis;
}

/* subopen/close */

.mm-menu a.mm-subopen {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
}
.mm-menu a.mm-subopen:before {
    position: absolute;
    left: 0;
    display: block;
    height: 100%;
    content: '';
}
.mm-menu a.mm-subopen.mm-fullsubopen {
    width: 100%;
    border-left: none;
}
.mm-menu a.mm-subopen.mm-fullsubopen:before {
    border-left: none;
}
.mm-menu a.mm-subclose {
    margin-top: -20px;
    padding-top: 20px;
    text-indent: 40px;
}
.mm-menu a.mm-subopen + a,
.mm-menu a.mm-subopen + span {
    padding-right: 45px;
}

/* page + blocker */

html.mm-opened .mm-page {
    position: absolute;
    overflow: hidden;
    height: 100%;
}
html.mm-background .mm-page {
    background: inherit;
}
#mm-blocker {
    position: absolute;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #fff;
}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
    display: block;
}

/* vertical submenu */

.mm-menu.mm-vertical ul ul {
    display: none;
    padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical li.mm-opened > ul {
    display: block;
}
.mm-menu.mm-vertical ul ul li:last-child,
.mm-menu.mm-vertical ul ul li:last-child:after {
    border-bottom-width: 0;
}
.mm-menu.mm-vertical li.mm-opened.mm-selected > a.mm-subopen + a,
.mm-menu.mm-vertical li.mm-opened.mm-selected > a.mm-subopen + span {
    margin-right: 40px;
    padding-right: 5px;
}
.mm-menu.mm-vertical li.mm-opened.mm-selected > em.mm-counter + a.mm-subopen + a,
.mm-menu.mm-vertical li.mm-opened.mm-selected > em.mm-counter + a.mm-subopen + span {
    margin-right: 75px;
}

/* horizontal submenu */

.mm-menu.mm-horizontal .mm-inner {
    white-space: nowrap;
}
.mm-menu.mm-horizontal ul {
    margin-left: 0;
    vertical-align: top;
}
.mm-menu.mm-horizontal ul.mm-submenu {
    display: none;
}
.mm-menu.mm-horizontal ul,
.mm-menu.mm-horizontal ul.mm-submenu.mm-opened {
    display: inline-block;
}
.mm-menu.mm-horizontal ul.mm-subopened {
    overflow: hidden;
    max-height: 100%;
    margin-left: -100%;
}

/*
    Menu, submenus, items
    - Styling (default: dark background)
*/

.mm-is-menu {
    background: #333;
}
.mm-is-menu * {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-shadow: 0 1px 2px rgba( 0, 0, 0, .3);

    -webkit-text-size-adjust: none;
}
.mm-is-menu li {
    border-bottom: 1px solid rgba( 255, 255, 255, .1);
}
.mm-is-menu li:after {
    border-bottom: 1px solid rgba( 0, 0, 0, .4);
}
.mm-is-menu li,
.mm-is-menu li > a,
.mm-is-menu li > span {
    text-decoration: none;
    color: rgba( 255, 255, 255, .5);
}
.mm-menu li.mm-selected > a,
.mm-menu li.mm-selected > span {
    background: rgba( 0, 0, 0, .2);
}
.mm-menu li.mm-selected > a.mm-subopen {
    background: transparent;
}

/* subopen/close */

.mm-menu a.mm-subopen {
    border-left: 1px solid rgba( 255, 255, 255, .1);
}
.mm-menu a.mm-subopen:before {
    border-left: 1px solid rgba( 0, 0, 0, .4);
}
.mm-menu a.mm-subclose {
    background: rgba( 0, 0, 0, .2);
}

/* vertical submenu */

.mm-menu.mm-vertical li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical li.mm-opened > ul {
    background: rgba( 255, 255, 255, .06);
}

/* page + blocker */

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba( 0, 0, 0, .8);
}

/*
    Labels
    - Sizing and positioning
*/

.mm-menu li.mm-label {
    line-height: 25px;
    text-indent: 20px;
    text-transform: uppercase;
}

/*
    Labels
    - Styling
*/

.mm-menu li.mm-label {
    font-size: 11px;
    color: rgba( 255, 255, 255, .5);
    background: rgba( 255, 255, 255, .1);
}

/*
    Counters
    - Sizing and positioning
*/

.mm-menu em.mm-counter {
    line-height: 22px;
    position: absolute;
    top: 10px;
    right: 40px;
    display: block;
    min-width: 16px;
    height: 20px;
    padding: 0 2px;
    text-align: center;
    text-indent: 0;
    text-shadow: none;
}
.mm-menu em.mm-counter + a.mm-subopen {
    padding-left: 35px;
}
.mm-menu em.mm-counter + a.mm-subopen + a,
.mm-menu em.mm-counter + a.mm-subopen + span {
    padding-right: 80px;
}

/*
    Counters
    - Styling
*/

.mm-menu em.mm-counter {
    font-size: 11px;
    font-style: normal;
    color: rgba( 255, 255, 255, .4);
    border-radius: 5px;
    background: rgba( 255, 255, 255, .1);
    box-shadow: 0 0 2px rgba( 0, 0, 0, .3);
}

/*
    Arrows
    - Sizing and positioning
*/

.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    content: '';
    -webkit-transform: rotate( -45deg);
       -moz-transform: rotate( -45deg);
         -o-transform: rotate( -45deg);
            transform: rotate( -45deg);
    border-width: 4px;
    border-style: solid;
}
.mm-menu a.mm-subopen:after {
    right: 16px;
    margin-top: -4px;
    border-top: none;
    border-left: none;
}
.mm-menu a.mm-subclose:before {
    left: 20px;
    margin-top: 4px;
    border-right: none;
    border-bottom: none;
}
.mm-menu.mm-vertical li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate( 45deg);
       -moz-transform: rotate( 45deg);
         -o-transform: rotate( 45deg);
            transform: rotate( 45deg);
}

/*
    Arrows
    - Styling
*/

.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before {
    border-color: rgba( 255, 255, 255, .3);
}

/*
    Search
    - Sizing and positioning
*/

.mm-menu div.mm-search {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 50px;
    padding: 10px;
}
.mm-menu div.mm-search input {
    line-height: 30px;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 0 0 10px;
    border: none;
    border-radius: 15px;
    outline: none;
}
.mm-menu li.mm-noresults {
    display: none;
    padding-top: 30px;
    border: none;
}
.mm-menu li.mm-noresults:after {
    border: none;
}
.mm-menu.mm-noresults li.mm-noresults {
    display: block;
}
.mm-menu .mm-noresult,
.mm-menu .mm-nosubresult > a.mm-subopen,
.mm-menu .mm-nosubresult > em.mm-counter {
    display: none;
}
.mm-menu .mm-nosubresult > a.mm-subopen + a,
.mm-menu .mm-nosubresult > a.mm-subopen + span {
    padding-right: 5px;
}

/*
    Search
    - Styling
*/

.mm-menu div.mm-search {
    border-bottom: 1px solid rgba( 255, 255, 255, .1);
    background: rgba( 0, 0, 0, .2);
}
.mm-menu div.mm-search input {
    color: rgba( 255, 255, 255, .9);
    background: rgba( 255, 255, 255, .3);
}
.mm-menu li.mm-noresults {
    text-align: center;
    color: rgba( 255, 255, 255, .4);
}

/*
    Bugfix for browsers without support for overflowscrolling
        - Android < 3
*/

html.mm-no-overflowscrolling.mm-opened,
html.mm-no-overflowscrolling.mm-opened body {
    overflow: visible;
}
html.mm-no-overflowscrolling.mm-opened body {
    overflow-x: hidden;
}
html.mm-no-overflowscrolling.mm-opened .mm-page {
    position: fixed;
    z-index: 3;
    top: 0;
    min-height: 200%;
}
html.mm-no-overflowscrolling .mm-menu {
    position: relative;
    top: auto;
    left: auto;
    overflow: default;
    overflow-x: default;
    overflow-y: default;
    height: auto;
    min-height: 100%;
}
html.mm-no-overflowscrolling.mm-right .mm-menu {
    position: absolute;
}

/*
    Bugfix for browsers with "scrolling" addressbar
        - mobiel safari on iPhone and iPod
*/

html.mm-iphone-addressbar body {
    padding-bottom: 60px;
}

/*
    Misc
*/

.fl_l {
    float: left;
}
.fl_r {
    float: right;
}
.buttons {
    padding: 48px 0 20px 0;
}
.buttons img {
    width: 185px;
}
.buttons a {
    margin: 0 7px 0 0;
}
#credentials {
    font-family: 'Museo Sans Italic', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 20px 0;
    color: #838383;
}
#credentials span {
    float: left;
    margin: 23px 52px 0 0;
}
#credentials a img {
    max-height: 65px;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
         opacity: .42;
    -moz-opacity: .42;
    -khtml-opacity: .42;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=42)';
        filter: alpha(opacity=42);
}
#credentials a {
    margin: 0 21px 0 0;
}
#credentials a:hover img {
         opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter: alpha(opacity=100);
}
.spacing{
    margin: 20px 0 0 0;
}