/*
Theme Name: BlueShift
Theme URI: http://getblueshift.com/
Description: A custom crafted theme----
Author: Milk & Pixels
Author URI: http://www.milkandpixels.com
*/

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

a:focus { outline: none; }

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0;
    padding:0;
}

dd {
    margin: 0;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    margin:0;
    padding:0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================================================
   WordPress Standards
   ========================================================================== */
   
.alignleft							{ float: left; margin:0 18px 0 0; }
.alignright							{ float: right; margin:0 0 0 10px; }
.aligncenter						{ display:block; margin:0 auto; text-align:center; }
.clear								{ clear: both; }
.small								{font-size: 11px;}
.bold								{font-weight: bold;}
.wp-caption-text					{text-align:center;}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   3rd party script Overrides
   ========================================================================== */

/* AddThis */
.at-follow-label {
    display:none !important;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Fonts */

html, body {
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

body {
  background-color: #ffffff;
  font: 16px "proxima-nova", Helvetica, Arial, sans-serif;
  color: #777777;
  text-align: center;
}

a {
	text-decoration: none;
	-o-transition:all .2s ease-out;
  -ms-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  -webkit-transition:all .2s ease-out;
  /* ...and now override with proper CSS property */
  transition:all .2s ease-out;
}

img {
  max-width: 100%;
  height: auto;
}

a.btn {
	font-size: 18px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	padding: 0 26px;
	background-color: #e55a57;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

a.btn.small {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
}

.hero a.btn:after {
	content: '';
	position: absolute;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #fff;
	z-index: -1;
	opacity: 0;
}

.hero a.btn:hover:after {
	width: 90%;
	left: 5%;
	opacity: 1;
	z-index: 1;
}

.hero a.btn:hover {
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	color: #0a061f;
	background-color: #00bbb3;
}

a.btn span {
	z-index: 2;
	position: relative;
}

a.btn.dark {
	background-color: #0a061f;
}

a.btn.dark:hover {
	background-color: #00bbb3;
}

.inner {
	margin: 0 auto;
	width: 95%;
	max-width: 1120px;
	text-align: left;
}

header.main {
	line-height: 70px;
	height: 70px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 2;
	background-color: #ffffff;
}

h1.logo {
	text-indent: -9999px;
	overflow: hidden;
	width: 170px;
	height: 30px;
	background: url(img/logo.png) top center no-repeat;
	margin: 20px 0 0;
	float: left;
}

h2 {
	font-size: 52px;
	line-height: 52px;
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
}

h3 {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0 0 5px;
}

h4 {
  color: #E55957;
  font-size: 24px;
  font-weight: 600;
}

h5 {
  color: #E55957;
  font-size: 22px;
  font-weight: 600;
  margin: 15px 0 30px;
}

.subtitle {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.half {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}

h2 span {
	font-size: 22px;
	display: block;
}

header a {
	color: #0a061f;
}

header a:hover {
	color: #e55a57;
}

header ul {
	float: right;
}

header li {
	line-height: 65px;
	display: inline-block;
	list-style: none;
	margin: 0 18px;
	padding: 0 4px;
	border-bottom: 5px solid transparent;
	background-color: #fff;
}

header li.current-menu-item {
	border-bottom: 5px solid #0a0520;
}

header li.current-menu-item > a {
	color: #00bbb3;
}

header .menu-item-has-children {
  position: relative;
}

header .menu-item-has-children .sub-menu {
  position: absolute;
  z-index: 1;
  width: 240px;
  left: -100px;
  line-height: 40px;
  opacity: 0;
  top: 60px;
  visibility: hidden;
  border-top: 1px solid #dddddd;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

header .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    top: 69px;
    visibility: visible;
}

header .sub-menu li {
  width: 100%;
  line-height: 40px;
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}

header.main .btn {
	float: right;
	margin: 14px 0 0 22px;
}

header.main .btn:hover {
	color: #ffffff;
	background-color: #0a061f;
}

.hero {
	background-color: #0a061f;
	background: url(img/hero.jpg) top center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 620px;
	position: relative;
}

.hero .btn {
	margin: 7px 15px;
}

.hero .gradient {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: -moz-linear-gradient(top,  rgba(1,48,67,0) 0%, rgba(1,48,67,0.08) 11%, rgba(1,48,67,0.19) 21%, rgba(1,48,67,0.76) 61%, rgba(1,48,67,0.91) 74%, rgba(1,48,67,1) 85%, rgba(1,48,67,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,48,67,0)), color-stop(11%,rgba(1,48,67,0.08)), color-stop(21%,rgba(1,48,67,0.19)), color-stop(61%,rgba(1,48,67,0.76)), color-stop(74%,rgba(1,48,67,0.91)), color-stop(85%,rgba(1,48,67,1)), color-stop(100%,rgba(1,48,67,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(1,48,67,0) 0%,rgba(1,48,67,0.08) 11%,rgba(1,48,67,0.19) 21%,rgba(1,48,67,0.76) 61%,rgba(1,48,67,0.91) 74%,rgba(1,48,67,1) 85%,rgba(1,48,67,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(1,48,67,0) 0%,rgba(1,48,67,0.08) 11%,rgba(1,48,67,0.19) 21%,rgba(1,48,67,0.76) 61%,rgba(1,48,67,0.91) 74%,rgba(1,48,67,1) 85%,rgba(1,48,67,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(1,48,67,0) 0%,rgba(1,48,67,0.08) 11%,rgba(1,48,67,0.19) 21%,rgba(1,48,67,0.76) 61%,rgba(1,48,67,0.91) 74%,rgba(1,48,67,1) 85%,rgba(1,48,67,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(1,48,67,0) 0%,rgba(1,48,67,0.08) 11%,rgba(1,48,67,0.19) 21%,rgba(1,48,67,0.76) 61%,rgba(1,48,67,0.91) 74%,rgba(1,48,67,1) 85%,rgba(1,48,67,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00013043', endColorstr='#013043',GradientType=0 ); /* IE6-9 */

}

.hero .inner {
	text-align: center;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
}

p.callout {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffffff;
	margin: 18px auto 0;
	width: 90%;
	max-width: 700px;
}

.page-header {
	background-color: #2a5e8e;
	height: 190px;
	font-size: 0;
	border-bottom: 3px solid #8dbcdd;
}

.pricing.page-header {
  border-bottom: none;
}

.page-header p.callout {
	font-size: 18px;
}


.page-header:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.page-header-content {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

body .page-header-content h2 {
  font-size: 52px;
  line-height: 52px;
  color: #ffffff;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
}

/* Home */

.sidenote {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #777;
  background-color: #EFEFEF;
  padding: 20px 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

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

.sidenote .speaker {
  color: #E55957;
}

.section {
  padding: 35px 0;
}

.section .inner {
  max-width: 920px;
  margin: 0 auto;
}

.segmentation.section {
  position: relative;
}

.segmentation.section h3 {
  color: #E55957;
}

.segmentation.section .subtitle {
  color: #A3A3A3;
}

.segmentation.section .btn {
  margin: 30px 0 45px;
}

.segmentation .graphic {
  float: left;
  width: 25%;
  position: relative;
  z-index: 2;
}

.segmentation .content {
  float: right;
  width: 75%;
  text-align: center;
  margin: 15px 0 0 0;
}

.segmentation .columns {
  color: #00BBB3;
}

.segmentation .icon {
  margin-bottom: 20px;
}

.predictive.section {
  background-color: #0082de;
  color: #ffffff;
  font-size: 18px;
  overflow: hidden;
}

.predictive.section .subtitle {
  color: #99CCF1;
}

.predictive.section .columns {
  margin: 40px auto 0;
  width: 80%;
  max-width: 750px;
  position: relative;
}

.predictive.section .btn {
  float: right;
}

.columns {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.columns li {
  display: inline-block;
  list-style: none;
  text-align: center;
  vertical-align: top;
}

.columns.three li {
  width: 28%;
  margin: 0 2%;
}

.predictive .icon {
  height: 100px;
  line-height: 100px;
  vertical-align: middle;
  margin-bottom: 20px;
}

.cross-channel.section {
  background-color: #00BBB3;
  color: #ffffff;
}

.cross-channel.section .inner {
  overflow: hidden;
}

.cross-channel.section .subtitle {
  color: #B9EEEC;
}

.cross-channel.section .btn {
  margin: 25px 0;
}

.cross-channel.section .btn:hover {
  background-color: #0082de;
}

.channel-methods {
  margin: 30px 0 0;
}

.toggle-channel {
  float: left;
  width: 25%;
}

.toggle-channel .channel-method {
  display: block;
  line-height: 60px;
  height: 60px;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  position: relative;
  cursor: pointer;
}

.toggle-channel .channel-method .content {
  opacity: 0.6;
}

.toggle-channel .channel-method.last {
  border-bottom: none;
}

.toggle-channel .channel-method:hover .content {
  opacity: 1;
}

.toggle-channel .channel-method.active .content{
  opacity: 1;
}

.toggle-channel .channel-method.active:after {
    content: ' ';
    width: 0px;
    height: 0px;
    background-color: transparent;
    position: absolute;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #ffffff;
    top: 50%;
    right: -25px;
    margin-top: -8px;
}

.toggle-channel .channel-method .icon {
  width: 60px;
  display: inline-block;
  text-align: center;
  margin: 0 15px 0 0;
  padding: 0 7px;
}

.cross-channel.section .channel-text {
  float: left;
  width: 65%;
  margin-left: 10%;
}

.cross-channel.section .channel-text .swap {
  display: none;
}

.cross-channel.section .channel-text .swap.active {
  display: block;
}

/* How It Works */

.half.works {
  font-size: 24px;
  line-height: 36px;
}

.half.works .content {
  display: inline-block;
  margin: 80px 40px;
}

del {
  text-decoration: none;
  color: #00bbb3;
}

.section.how {
  margin: 60px 0 0;
}

.section.how .inner {
  max-width: 1120px;
}

.section.how .half {
  font-size: 17px;
  width: 43%; 
  margin: 0 3%;
  line-height: 30px;
}

.works-graphic {
  position: relative; 
}

.works-graphic .icon {
  position: absolute;
  z-index: 9;
}

.works-graphic .icon.laptop {
  top: 10%;
  right: 10%;
}

.works-graphic .icon.graph {
  top: 50%;
  left: 0;
}

h4.purchase {
  background: url(img/icon-purchase_intent.png) top left no-repeat;
  padding: 10px 0 0 85px;
  height: 90px;
}

h4.affinity {
  background: url(img/icon-affinity_scores.png) top left no-repeat;
  padding: 10px 0 0 105px;
  height: 90px;
}

.section.testimonial {
  padding: 70px 0;
}

.testimonial .inner {
  overflow: hidden;
}

.testimonial img {
  float: right;
  border: 1px solid #CDCACA;
  max-width: 20%;
}

.testimonial-text {
  color: #777777;
  font-size: 24px;
  line-height: 36px;
  width: 75%;
  float: left;
}

.testimonial .speaker {
  color: #E55957;
  font-size: 20px;
  font-weight: 400;
  margin: 60px 0 0;
}

/* Page */

.page-content {
  margin: 40px auto 80px;
}

.page-content p, .page-content ul {
  line-height: 26px;
}

.page-content ul li {
  list-style-position: inside;
  text-indent: -1em;
  padding-left:1em;
}

.page-content.regular a {
  color: #e55a57;
}

.page-content.regular a:hover {
  color: #2a5e8e;
}

.hero.jobs {
  background-image: url(img/jobs-hero.jpg);
}

.job-section {
  background-color: #00bbb3;  
}

.half.job-benefits, .job-section h5 {
  color: #fff;
}

.job-section .job-benefits {
  padding: 30px 2% 0 0;
}

.sidebar {
  float: left;
  width: 40%;
  margin-left: 5%;
  font-size: 16px;
  line-height: 24px;
}

.sidebar .speaker {
  color: #E55957;
  font-size: 14px;
  font-weight: 400;
  margin: 45px 0 0;
}

.page-text {
  float: left;
  width: 55%;
}

.clear {
  clear: both;
}

.video-excerpt {
  color: #0A061F;
  font-weight: 600;
  line-height: 16px;
  font-size: 14px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #E1E1E1;
}

.video-excerpt p {
  margin: 0;
}

.video-excerpt .btn {
  margin: 25px 0;
}

/* Pricing */

.banner {
  color: #ffffff;
  background-color: #00bbb3;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}

.price-tiers {
  margin: 30px 0 0;
}

.price-tiers h3 {
  color: #E55957;
  font-size: 36px;
  font-weight: 700;
}

.price-tiers div.small {
  color: #0A051F;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.price-tiers .price {
  color: #0A051F;
  font-size: 58px;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 0 0 10px;
}

.price-tiers li {
  max-width: 320px;
}

.price-tiers .price .dollar-symbol {
  font-size: 27px;
  vertical-align: top;
  line-height: 52px;
  margin: 0 10px 0 0;
}

.price-tiers .price .per-month {
  font-size: 27px;
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 0 10px;
}

.price-tiers .btn {
  margin: 25px 0;
}

.price-tiers .description {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 1px;
}

.price-tiers .description h5 {
  color: #E55957;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.price-tiers .description h4 {
  color: #0081DD;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.enterprise-strip {
  height: 125px;
  line-height: 125px;
  background-color: #e55a57;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
}

.enterprise-strip .btn {
  vertical-align: middle;
  margin: 0 0 0 30px;
}

.faq-section h3 {
  font-size: 24px;
  color: #00bbb3;
  text-transform: none;
  font-weight: 600;
  margin: 30px 0 35px;
}

.faq-section .topic {
  margin: 0 0 40px;
}

.faq-section h4.topic-name {
  font-size: 20px;
  color: #777777;
}

/* Cross Channel */

#post-84 .section {
  padding: 25px 0;
}

.cross.section {
  color: #ffffff;
  background-color: #00bbb3;
}

.cross.section .inner {
  text-align: center;
}

.cross.section h3 {
  font-size: 30px;
  line-height: 34px;
  text-transform: none;
  font-weight: 300;
  margin: 0 auto 30px;
  width: 75%;
}

.cross.section.top {
  padding: 35px 0 0;
}

.cross.section.middle {
  background-color: #E55A57;
}

.cross.section.bottom {
  background-color: #2A5E8E; 
}

.cross.section.bottom img {
  max-width: 800px;
  width: 80%;
  margin: 25px auto 0;
}

.cross.section.middle h3, .cross.section.bottom h3 {
  width: 100%;
}

.cross.section.top img {
  max-width: 800px;
  width: 80%;
  margin: 10px auto 0;
}

.lifecycle.half {
  text-align: left;
  width: 60%;
  padding: 0;
}

.half.graphic {
  text-align: right;
  width: 30%;
}

.channel-links a {
  color: #777;
}

.channel-links a:hover {
  color: #E55A57;
}

.channel-links .columns .icon {
  height: 75px;
  line-height: 75px;
  margin: 0 0 20px;
}

/* Documentation */

.table-contents {
  background-color: #EFEFEF;
  padding: 25px 0;
  overflow: hidden;
}

.table-contents .subtitle {
  color: #A3A3A3;
  margin: 0 0 15px;
}

.table-contents .list {
  background-color: #fff;
  width: 70%;
  margin-right: 5%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float: left;
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #E55957;
}

.table-contents ol {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

.table-contents ol li {
  list-style-position: inside;
  text-indent: -1em;
  padding-left:1em;
}

.table-contents .list .content {
  padding: 34px 25px;
}

.table-contents .list a {
  color: #0A061F;
  display: inline-block;
  padding-left: 20px;
}

.table-contents .list a:hover {
  text-decoration: underline;
}

.table-contents .contact {
  background-color: #fff;
  width: 25%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float: left;  
}

.table-contents .contact .content {
  padding: 30px;
  font-size: 16px;
  line-height: 30px;
}

.table-contents .contact .btn {
  margin: 20px 0 0;
}

h3.documentation {
  color: #00BBB3;
  font-size: 24px;
  font-weight: 300;
  text-transform: none;
  margin: 0 0 45px;
}

.topic-list {
  list-style: none;
  margin: 0 0 80px 30px;
}

.topic-list .topic {
  margin: 0 0 30px;
}

.topic-description {
  margin: 0 0 0 60px;
}

.topic-list h4.topic-name {
  color: #0A061F;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 40px;
  text-transform: uppercase;
}

/* About Us */

.about-callout {
  color: #777;
  font-size: 22px;
  line-height: 38px;
  background-color: #EFEFEF;
  padding: 15px 0;
  margin: 20px 0 60px;
}

.about-callout .inner {
  text-align: center;
  max-width: 700px;
}

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

.about-contents h3, .investors h3 {
  color: #0A051F;
  margin: 0 0 50px;
}

.about-contents .icon {
  height: 145px;
  line-height: 145px;
  vertical-align: middle;
}

.about-contents .columns li {
  width: 25%;
}

.investors {
  margin: 80px 0 0;
  text-align: center;
}

.investors ul li {
  list-style: none;
  display: inline-block;
  margin: 0 35px;
  vertical-align: middle;
}

/* Features */

.feature-set .half {
  text-align: center;
  font-size: 20px;
  line-height: 24px;
}

.feature-set .half .icon {
  height: 160px;
  line-height: 160px;
}

.feature-set .half p {
  width: 75%;
  margin: 0 auto;
}

.middle-banner {
  background-color: #efefef;
  margin: 40px 0 0;
  padding: 25px 0;
}

.middle-banner h3 {
  color: #E55A57;
}

.segment-swap {
  margin: 0 0 60px;
  position: relative;
}

.image-rotator {
  position: absolute;
  top: 21%;
  left: 13%;
  width: 82%;
}

.image-rotator img {
  left: 0;
}

/* Footer */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#container, .mm-page {min-height: 100%;}

#content {overflow:auto;
	padding-bottom: 235px;
	width: 100%;
	}  /* must be same height as the footer */

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


footer.main {
  clear: both;
  margin-top: -235px;
	height: 235px;
	background-color: #0384b4;
	position: relative;
	color: #ffffff;
}

.menu-footer-nav-container {
	font-size: 12px;
	font-weight: 600;
	line-height: 30px;
	text-transform: uppercase;
	padding:  20px 0 0;
	float: left;
	width: 25%;
}

footer.main .content {
  float: left;
  width: 50%;
  padding: 20px 0;
  font-size: 14px;
  font-weight: 400;
}

footer.main .content p {
  margin: 0;
  line-height: 20px;
}

footer.main .content .btn {
  margin: 30px 0;
}

footer.main .address {
  float: right;
  width: 15%;
  margin: 20px 0 0 3%;
}

footer.main .address .copy {
  font-size: 12px;
  line-height: 18px;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 5px solid #fff;
  font-weight: 600;
}

footer.main .address .social {
  margin: 20px 0 0;
}

footer.main .address .social a {
  color: #ffffff;
  display: inline-block;
  margin: 0 12px 0 0;
}

footer.main .address .social a:hover {
	color: #0a051f;
}

.menu-footer-nav-container li {
	list-style: none;
}

.menu-footer-nav-container a {
	color: #ffffff;
}

.menu-footer-nav-container a:hover {
	color: #0a051f;
}

.copyright {
	background-color: #0a051f;
	height: 40px;
	line-height: 40px;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.copyright a {
	color: #ffffff;
}

.copyright a:hover {
	color: #0384b4;
}

.contact-form form input[type=submit] {
	border: none;
	font-size: 18px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	padding: 0 26px;
	background-color: #e55a57;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.contact-form label {
	display: block;
}

.contact-form label {
	font-weight: 600;
}

#first_name {
	margin-bottom: 20px;
}

.contact-form input[type=text] {
	background: #dddddd;
	color: #777777;
	border: none;
	padding: 12px 12px;
	width: 85%;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
}

.contact-form form input[type=submit]:hover {
	color: #ffffff;
	background-color: #0a061f;
}

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translateX(-30%);
      -moz-transform: translateX(-30%);
      -ms-transform: translateX(-30%);
      -o-transform: translateX(-30%);
      transform: translateX(-30%); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
  .mm-menu .mm-list {
    padding: 20px 0; }
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0;
      text-align: left; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

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

.mm-menu {
  background: #333333;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative;
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }
/*
	jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar {
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  position: relative; }
  .mm-buttonbar:after {
    content: '';
    display: block;
    clear: both; }
  .mm-buttonbar > * {
    border-left: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-buttonbar > a {
    text-decoration: none; }
  .mm-buttonbar > input {
    position: absolute;
    left: -1000px;
    top: -1000px; }
  .mm-buttonbar > input:checked + label {
    border-color: transparent  !important; }
  .mm-buttonbar > *:first-child,
  .mm-buttonbar > input:first-child + * {
    border-left: none; }
  .mm-buttonbar.mm-buttonbar-2 > * {
    width: 50%; }
  .mm-buttonbar.mm-buttonbar-3 > * {
    width: 33.33%; }
  .mm-buttonbar.mm-buttonbar-4 > * {
    width: 25%; }
  .mm-buttonbar.mm-buttonbar-5 > * {
    width: 20%; }

.mm-header .mm-buttonbar {
  margin-top: 20px;
  margin-left: -30px;
  margin-right: -30px; }

.mm-footer .mm-buttonbar {
  border: none;
  border-radius: none;
  line-height: 40px;
  margin: -10px -10px 0 -20px; }
  .mm-footer .mm-buttonbar > * {
    border-left: none; }

.mm-list > li > .mm-buttonbar {
  margin: 10px 20px; }

.mm-menu .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: #333333; }
  .mm-menu .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: #333333; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu footer addon CSS
*/
.mm-footer {
  background: inherit;
  border-top: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 10px 0 20px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0; }

.mm-menu.mm-hasfooter > .mm-panel:after {
  height: 80px; }

.mm-menu .mm-footer {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .mm-header .mm-title,
  .mm-header .mm-prev,
  .mm-header .mm-next,
  .mm-header .mm-close {
    padding-top: 30px; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative; }
  .mm-header .mm-prev,
  .mm-header .mm-next,
  .mm-header .mm-close {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    min-width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
  .mm-header .mm-prev {
    padding-left: 20px;
    padding-right: 10px;
    left: 0; }
  .mm-header .mm-next,
  .mm-header .mm-close {
    padding-left: 10px;
    padding-right: 20px;
    right: 0; }
  .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-header [href].mm-prev:before {
    border-right: none;
    border-bottom: none;
    margin-left: 2px;
    margin-right: 5px; }
  .mm-header [href].mm-next:after, .mm-header [href].mm-close:after {
    margin-left: 5px;
    margin-right: -2px; }
  .mm-header [href].mm-next:after {
    border-top: none;
    border-left: none; }
  .mm-header [href].mm-close:after {
    content: 'x'; }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  top: 50px; }
  .mm-menu.mm-hassearch .mm-header .mm-title,
  .mm-menu.mm-hassearch .mm-header .mm-prev,
  .mm-menu.mm-hassearch .mm-header .mm-next,
  .mm-menu.mm-hassearch .mm-header .mm-close {
    padding-top: 20px; }

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none; }
.mm-menu.mm-hasheader > .mm-panel {
  padding-top: 80px; }
  .mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px; }
  .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px; }
  .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px; }

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-header .mm-prev:before,
  .mm-menu .mm-header .mm-next:after,
  .mm-menu .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-list > li.mm-collapsed {
  display: none; }

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
  top: 8.5px; }

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.mm-search {
  padding: 10px; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }
  .mm-search input::-ms-clear {
    display: none; }

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px; }

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  bottom: 50%;
  z-index: 2; }
  label.mm-toggle:before,
  label.mm-check:before {
    content: '';
    display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
  bottom: auto;
  margin-bottom: 0; }
.mm-menu.mm-vertical .mm-list > li label.mm-toggle {
  top: 5px; }
.mm-menu.mm-vertical .mm-list > li label.mm-check {
  top: 5px; }

label.mm-toggle, label.mm-check {
  right: 20px; }

label.mm-toggle + a,
label.mm-toggle + span {
  margin-right: 70px; }

label.mm-check + a,
label.mm-check + span {
  margin-right: 50px; }

a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
  right: 50px; }

a.mm-subopen + label.mm-toggle + a,
a.mm-subopen + label.mm-toggle + span {
  margin-right: 100px; }

a.mm-subopen + label.mm-check + a,
a.mm-subopen + label.mm-check + span {
  margin-right: 80px; }

em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
  right: 90px; }

em.mm-counter + a.mm-subopen + label.mm-toggle + a,
em.mm-counter + a.mm-subopen + label.mm-toggle + span {
  margin-right: 140px; }

em.mm-counter + a.mm-subopen + label.mm-check + a,
em.mm-counter + a.mm-subopen + label.mm-check + span {
  margin-right: 120px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }
  .mm-menu label.mm-toggle:before {
    background: #333333; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  -moz-transform: scale(0.7, 0.7) translateX(-30%);
  -ms-transform: scale(0.7, 0.7) translateX(-30%);
  -o-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(30%);
  -moz-transform: scale(0.7, 0.7) translateX(30%);
  -ms-transform: scale(0.7, 0.7) translateX(30%);
  -o-transform: scale(0.7, 0.7) translateX(30%);
  transform: scale(0.7, 0.7) translateX(30%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-30%);
  -moz-transform: scale(0.7, 0.7) translateY(-30%);
  -ms-transform: scale(0.7, 0.7) translateY(-30%);
  -o-transform: scale(0.7, 0.7) translateY(-30%);
  transform: scale(0.7, 0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(30%);
  -moz-transform: scale(0.7, 0.7) translateY(30%);
  -ms-transform: scale(0.7, 0.7) translateY(30%);
  -o-transform: scale(0.7, 0.7) translateY(30%);
  transform: scale(0.7, 0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translateX(100%);
  -moz-transform: scale(1.5, 1.5) translateX(100%);
  -ms-transform: scale(1.5, 1.5) translateX(100%);
  -o-transform: scale(1.5, 1.5) translateX(100%);
  transform: scale(1.5, 1.5) translateX(100%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left; }
  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    -moz-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    -o-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translateX(-30%);
      -moz-transform: scale(0.7, 0.7) translateX(-30%);
      -ms-transform: scale(0.7, 0.7) translateX(-30%);
      -o-transform: scale(0.7, 0.7) translateX(-30%);
      transform: scale(0.7, 0.7) translateX(-30%); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-page,
html.mm-opening.mm-fullscreen #mm-blocker {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opening.mm-fullscreen #mm-blocker {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-page,
html.mm-front #mm-blocker {
  -webkit-transform: translate(0, 0) !important;
  -moz-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  z-index: 0; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after,
  .mm-menu.mm-light .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after,
  .mm-menu.mm-white .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-menu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after,
  .mm-menu.mm-black .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mobile-menu-trigger {
  display: none;
}

.before-move {
	display: none;
}

/** Blog Styles */
/* =Content
----------------------------------------------- */

.inner.blog-page {
  max-width: 1120px;
  overflow: hidden;
}

.blog-header h2 {
	font-size: 32px;
	line-height: 36px;
	max-width: 600px;
	width: 80%;
	margin: 0 auto;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 75%;
	font-size: 1;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.75em 0;
}
table th, table td {
    padding: 0.75em 8px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #dddddd;
}
table th {
    color: #ffffff; 
    border-bottom: none;
    font-weight: 600;
}    
table th,
table td{
    color: #797979;
    background:#FFF;
    border:1px solid #EDEDED;
    text-align:center
}
 table  th{
    background:#FBFBFB;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}

#primary {
    width: 68%;
    float: left;
}

#primary a:link, #primary a:visited {
	color: #333333;
	text-decoration: none;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

#primary .entry-content a:link, #primary .entry-content a:visited {
  color: #2a5e8e;
}

.entry-content li {
  margin: 0 0 10px 10px;
}
.entry-content li li {
  margin: 0 0 10px 20px;
}


#primary .entry-meta a {
  color: #BBBBBB;
}

#primary a:hover, #primary .entry-content a:hover {
  color: #00bbb3;
}

.page-content, .entry-content, .entry-summary {
	margin: 1.5em auto 0;
}
article {
	background: #fff;
	border-bottom: 5px solid #00bbb3;
}
article.format-link, article.format-quote {
	box-shadow: none;	
}
.entry-media {
    overflow: hidden;
}
.entry-media p { 
	margin: 0;
}
.entry-media img {
    display: block;
}
.entry-wrapper {
    padding: 1em 50px;
}
.entry-header, .page-header {
    text-align: center;
}
.page-header {
	overflow: hidden;
	color: #fff;
}
h1.entry-title {
	margin: 0;
}
.format-separator { 
	width: 150px; 
	background: url(images/separator.png) repeat-x 0 50%; 
	display: block; 
	margin: 0 auto; 
}
.format-separator i { 
	background: #FFFFFF; 
	padding: 0 6px; 
	line-height: 2;
}
.entry-meta {
	color: #BBBBBB;
    text-transform: uppercase;
    font-size: 81.25%;
    text-align: center;
    margin: 0.5em 0;
}
.entry-meta span:after {
	content: ' \2022 ';
}
.entry-meta span:last-child:after {
	content: '';
}
.entry-meta a {
	color: #BBBBBB;
}
.entry-tags {
	text-transform: uppercase;
	font-size: 81.25%;
}
.more-link {
	display: block; 
	text-align: center; 
}
#secondary {    
    float: right;
    width: 25%;
    color: #333333;
    padding: 30px 2%;
}

#secondary a {
  color: #333333;
}

#secondary a:hover {
 color: #00bbb3;
}

.site-info {
	margin: 0 auto;
	text-align: center;
	font-size: 81.25%;
	color: #fff;
}
.site-info a {
	color: rgba(255,255,255,0.8);
}  
.site-info a:hover {
	color: rgba(255,255,255, 1);
} 
/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	padding: 2em 50px;
	overflow: hidden;
	background: #f1f1f1;
	text-transform: uppercase;
	font-size: 81.25%;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
9.3 Post formats
--------------------------------------------------------------*/

/* =Quotes
----------------------------------------------- */

.blog .hentry.format-quote, .archive .hentry.format-quote {
	color: #FFFFFF;
	overflow: hidden;
	margin: 0;
}
.blog .hentry.format-quote .entry-meta, .archive .hentry.format-quote .entry-meta, .blog .hentry.format-quote a, .archive .hentry.format-quote a {
	color: rgba( 255, 255, 255, .8 );
}
.blog .hentry.format-quote a:hover, .archive .hentry.format-quote a:hover {
	color: rgba( 255, 255, 255, 1 );
}
.blog .format-quote .entry-content blockquote, .archive .format-quote .entry-content blockquote {
	font-size: 1.75em;
	border: 0;
	text-align: center;
	padding: 0;
	margin: 0;
}
.blog .format-quote .entry-content blockquote p, .format-quote .entry-content blockquote cite, .archive .format-quote .entry-content blockquote p {
	color: #FFFFFF;
}
.single .format-quote .entry-content blockquote cite {
	color: #333333;
}
.blog .format-quote .entry-content blockquote cite, .archive .format-quote .entry-content blockquote cite {
	font-size: 57.14%;
}
.blog .format-quote .entry-wrapper, .archive .format-quote .entry-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	float: left;
	text-align: left;
}
.blog .format-quote .entry-wrapper > img, .archive .format-quote .entry-wrapper > img {
	opacity: 0.2;
	max-width: none;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}
.blog .format-quote .entry-header, .blog .format-quote .entry-content, .archive .format-quote .entry-header {
	position: relative;
	clear: both;
	z-index: 1;
}

/* =Links
----------------------------------------------- */
.blog .hentry.format-link, .archive .hentry.format-link {
	text-align: center;
	margin: 0;
	padding-bottom: 1.5em;
}
.blog .hentry.format-link .entry-meta, .archive .hentry.format-link .entry-meta,  .blog .hentry.format-link a, .archive .hentry.format-link a{
	color: rgba( 255, 255, 255, .7 );
}
.blog .hentry.format-link a:hover, .archive .hentry.format-link a:hover {
	color: rgba( 255, 255, 255, 1 );
}
.blog .format-link .entry-content, .archive .format-link .entry-content {
	font-size: 1.75em;
	margin-top: 24px;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
	font-style: italic;
	font-size: 87.5%;
}
.wp-caption {
  text-align: center;
  padding: 0 4px;
  max-width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wp-caption-text {
  font-size: 12px;
  margin: 0;
}
.carousel-caption {
  color: #fff;
}
.gallery {
  margin-bottom: 20px;
}
.gallery-item {
  float: left;
  margin: 0 4px 0;
  overflow: hidden;
  position: relative;
}
.gallery-columns-1 .gallery-item {
  max-width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 48%;
  max-width: -webkit-calc(46%);
  max-width: calc(46%);
}
.gallery-columns-3 .gallery-item {
  max-width: 32%;
  max-width: -webkit-calc(29.299999999999997%);
  max-width: calc(29.299999999999997%);
}
.gallery-columns-4 .gallery-item {
  max-width: 23%;
  max-width: -webkit-calc(21%);
  max-width: calc(21%);
}
.gallery-columns-5 .gallery-item {
  max-width: 19%;
  max-width: -webkit-calc(16%);
  max-width: calc(16%);
}
.gallery-columns-6 .gallery-item {
  max-width: 15%;
  max-width: -webkit-calc(12.7%);
  max-width: calc(12.7%);
}
.gallery-columns-7 .gallery-item {
  max-width: 13%;
  max-width: -webkit-calc(10.28%);
  max-width: calc(10.28%);
}
.gallery-columns-8 .gallery-item {
  max-width: 11%;
  max-width: -webkit-calc(8.5%);
  max-width: calc(8.5%);
}
.gallery-columns-9 .gallery-item {
  max-width: 9%;
  max-width: -webkit-calc(7.1%);
  max-width: calc(7.1%);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
  margin-right: 0;
}
.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  bottom: 7px;
  left: 0;
  text-align: left;
  width: 100%;
}
.gallery-caption:before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.gallery-item:hover .gallery-caption {
  opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Comments
----------------------------------------------- */
#comments { 
	padding: 0 50px; 
	font-size: 87.5%;
}

#comments {
    overflow: hidden;
}
#comments .section-title {
    text-transform: uppercase;
    font-weight: normal;
    margin: 1.6em 0;
    font-size: 100%;
}
.comment-navigation {
    margin: 12px 0;
}
.comment-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.comment-list .comment-body {
    border-bottom: 1px dashed #eee;
    margin: 0 0 1.5em;
    overflow: hidden;
    padding: 0 0 12px;
}
.comment-list img.avatar {
    margin: 0 10px 0 0;
    padding: 3px;
    border-radius: 50%;
}
.comment-box {
    overflow: hidden;
}
.comment-author cite {
	color: #303030;
	font-style: normal;
	font-family: 'Bitter', serif;
	text-transform: uppercase;
}
.comment-meta a {
	color: #BBBBBB;
	text-transform: uppercase;
	font-size: 87.5%;
}
.comment-meta a:after {
	content: ' \2022 ';
}
.comment-meta :last-child:after {
	content: '';
}
.comment-author.avatar {
	float: left;
}
.comment-text p{
    margin: 0;
}
ol.children {
    padding: 0 0 0 40px;
    list-style-type: none;
}
#comments ol ul {
    margin-left: 60px;
}
.comment-content {
	padding-left: 70px;
}
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* =Comment Form
----------------------------------------------- */
label {
	display: block;
	margin-bottom: 5px;
}

.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 30%; margin-left: 3%; }
.comment-form-author { margin: 0; }
.comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; }

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

.widget {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	overflow: hidden;
	font-size: 87.5%;
	border-bottom: 4px solid #00bbb3;
}

.widget-title {  
    font-size: 100%;
    color: #e55a57;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
}
.widget ul li {
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,0.1);
}
.widget ul li:first-child {
	border-top: 0;
}
.widget img {
	max-width: 100%;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

.widget ul {
    padding: 0px;
    margin: 0px;
    float: left;
    clear: both;
    width: 100%;
    list-style-type: none;
}

/* Search widget */
.searchform {
	position: relative;
}

.widget_search .searchform input {
    padding: 0.5em;
    background: #34495e;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #fff;
    width: 95%;
    border: none;
    font-size: 400;
}

.searchform .searchsubmit {
	position: absolute;
	overflow: visible;
	right: 20px;
	top: 50%;
	padding-left: 12px;
	margin-top: -15px;
	width: 19px;
	height: 19px;
	z-index: 2;
	border: none;
}

.searchform #s:focus { 
	outline: none; 
}

/* Custom Menu widget */

.widget .menu ul > li > a {
	padding: 0;
	text-align: left;
}	
.widget .children {
	border: none;
}

.widget_nav_menu ul > li , .widget_categories ul > li, .widget_pages ul > li, .widget_archive ul > li {
	background: #dcdcdc;
	margin-bottom: 1px;
	border: none;
	padding: 0;
}
.widget_categories ul > li > a, .widget_pages ul > li > a , .widget_archive ul > li > a, .widget_nav_menu ul > li > a {
	padding-left: 15px;
	line-height: 2.5em;
}
.widget ul.children, .widget ul.sub-menu {
	margin-top: 2px;
}	
.widget .children li > a:before {
	content: '? ';
}
/*.widget .children li > a:before {
    content: '\25B8   ';
}*/


/* Widget calendar */


#wp-calendar {
	width: 100%;
	max-width: 100%;
	text-align: center;
	border-spacing: 1px;
	border-collapse: separate;
	margin: 0;
}
#wp-calendar a { 
	font-weight: bold;
}

#wp-calendar,
#wp-calendar caption,
#wp-calendar tr,
#wp-calendar td,
#wp-calendar th {
	text-align: center;
	line-height: 2.5em;
	color: #ffffff;
}

#wp-calendar caption,
#wp-calendar th,
#wp-calendar td {
	background: #34495e;
	padding: 0;
	border: none;
}

#wp-calendar caption { text-transform: capitalize; background: none; }

#wp-calendar thead { 
	border-top: 1px solid #48515C;
	border-bottom: 1px solid #48515C;
}

#wp-calendar thead th {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}

#wp-calendar tfoot { border-top: 1px solid #48515C; }
#wp-calendar tfoot td { padding: 0; background: none; }
#wp-calendar tfoot #prev { text-align: left; }
#wp-calendar tfoot #next { text-align: right; }

#wp-calendar tfoot a {
	display: block;
	padding: 0.6em 0;
}

#wp-calendar tfoot a:hover {
	text-decoration: none;
}
/* Tag cloud widget */
.tagcloud a {
    line-height: 100% !important;
    padding: 6px 7px;
    font-size: 100% !important;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #32465b;
    border-radius: 3px;
    text-align: center;
}
.tagcloud a:hover {
    background-color: #384f66;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* iPad */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    header li {
      margin: 0 3px;
    }
    
    .half.works {
      font-size: 18px;
      line-height: 28px;
    }
    
    .half.works .content {
      margin: 40px 20px;
    }
    
    .section.how {
      margin: 20px 0 0;
    }
    
    h4 {
      font-size: 18px;
    }
    
    .cross.section h3 {
      font-size: 24px;
      line-height: 28px;
    }
    
    .enterprise-strip {
      font-size: 18px;
    }
    
    .price-tiers h3 {
      font-size: 25px;
    }
    
    .price-tiers .description h4 {
      font-size: 13px;
    }
    
    .table-contents .contact, .table-contents .list {
      float: none;
      width: 100%;
    }
    
    .table-contents .contact {
      margin: 20px 0 0;
    }
    
    .job-section .job-benefits {
      width: 90%;
      margin: 0 auto;
      padding: 35px 0 45px;
      display: block;
      float: none;
    }
    
    .office-image {
      display: none;
    }
}

/* iPhone */
@media only screen and (max-width: 767px) and (min-width: 0) {
		.blog-header h2 {
			font-size: 20px;
			line-height: 26px;
		}
		
    #primary {
      width: 100%;
      float: none;
      margin: 0 0 40px;
    }
    
    #secondary {
      width: 90%;
      padding: 30px 5%;
      float: none;
    }
    
    .mobile-menu-trigger {
      display: block;
      float: right;
    }
    
    .page-header {
      height: 150px;
    }
    
    .menu-primary-nav-container, header.main .btn {
      display: none;
    }
    
    h1.logo {
      width: 110px;
      height: 25px;
      margin: 25px 0 0;
      background-size: 100%;
    }
    
    h2 {
      font-size: 28px;
      line-height: 32px;
    }
    
    h2 span {
      font-size: 16px;
      line-height: 20px;
      margin: 10px 0 0;
    }
    
    .hero h2 {
      font-size: 38px;
      line-height: 44px;
    }
    
    .hero .btn {
      margin: 20px 8px 0;
    }
    
    p.callout {
      font-size: 12px;
    }
    
    .page-header p.callout {
      font-size: 12px;
      margin: 10px auto;
    }
    
    a.btn {
      line-height: 32px;
      height: 32px;
      font-size: 12px;
    }
    
    h3 {
      font-size: 22px;
    }
    
    .subtitle {
      font-size: 10px;
    }
    
    .segmentation .content {
      width: 100%;
      float: none;
      padding: 0 0 120px;
    }
    
    .segmentation .graphic {
      display: none;
    }
    
    .testimonial-text {
      font-size: 14px;
      line-height: 26px;
    }
    
    .half {
      width: 100%;
      display: block;
      float: none;
    }
    
    .menu-footer-nav-container {
      display: none;
    }
    
    footer.main .content, footer.main .address {
      width: 80%;
      float: none;
      font-size: 12px;
      line-height: 16px;
    }
    
    footer.main .address  {
      width: 50%;
      margin: 0 0 20px;
      display: none;
    }
    
    .copyright {
      font-size: 8px;
    }
    
    footer.main {
      height: auto;
      margin-top: 0;
    }
    
    footer.main .inner {
      overflow: hidden;
    }
    
    footer.main .content .btn {
      margin: 12px 0 60px;
    }
    
    .predictive.section {
      font-size: 14px;
    }
    
    #content {
      padding-bottom: 0;
    }
    
    .predictive.section .columns {
      width: 100%;
    }
    
    .cross-channel.section .channel-text .swap {
      display: block;
    }
    
    .cross-channel.section .inner {
      text-align: center;
    }
    
    .cross-channel.section .channel-text {
      width: 80%;
      margin: 0 auto;
      text-align: center;
      float: none;
    }
    
    .toggle-channel {
      display: none;
    }
    
    .section.how {
      margin: 0;
    }
    
    .half.works {
      text-align: center;
    }
    
    .section.how .half {
      width: 80%;
      margin: 0 auto 40px;
      font-size: 16px;
      line-height: 22px;
    }
    
    .half.works .content {
      margin: 30px auto;
      text-align: center;
      width: 80%;
      font-size: 18px;
      line-height: 28px;
    }
    
    h4 {
      font-size: 20px;
    }
    
    .table-contents ol {
      -webkit-column-count: 1;
      -moz-column-count: 1;
    }
    
    .table-contents .contact, .table-contents .list {
      float: none;
      width: 100%;
    }
    
    .table-contents .contact {
      margin: 20px 0 0;
    }
    
    .topic-description {
      margin: 0 0 0 20px;
      width: 80%;
    }
    
    .sidebar, .contact-form {
      width: 90%;
      float: none;
      margin: 0 auto
    }
    
    .enterprise-strip {
      padding: 30px;
      height: auto;
    }
    
    .enterprise-strip .inner {
      text-align: center;
    }
    
    .enterprise-strip .inner .btn {
      float: none;
      margin: 15px 0 0;
      display: block;
    }
    
    .enterprise-strip {
      font-size: 15px;
      line-height: 24px;
    }
    
    .topic-description {
      width: 90%;
    }
    
    .banner {
      font-size: 14px;
      line-height: 18px;
      padding: 12px 30px;
      height: auto;
    }
    
    .price-tiers .columns.three li {
      display: block;
      width: 100%;
      margin: 0 auto;
    }
    
    .about-contents .columns.three li {
      display: block;
      width: 85%;
      padding: 0;
      margin: 0 auto;    
    }
    
    .investors h3 {
      margin: 0 0 25px;
    }
    
    .page-content {
      margin: 40px auto;
    }
    
    .investors ul li {
      width: 33%;
      margin: 12px 0 25px;
    }
    
    .about-callout {
      font-size: 14px;
      line-height: 24px;
      padding: 15px 30px;
    }
  
    
    .job-section .job-benefits {
      width: 90%;
      margin: 0 auto;
      padding: 35px 0 45px;
      display: block;
      float: none;
    }
    
    .office-image {
      display: none;
    }
    
    .predictive .icon {
      height: 70px;
      line-height: 70px;
      margin: 0 0 5px;
    }
    
    .predictive .icon img {
      max-width: 50%;
    }
    
    .segmentation .icon {
      height: 70px;
      line-height: 70px;
      margin: 0 0 5px;      
    }
    
    .segmentation .icon img {
      max-width: 50%;
    }
    
    .feature-set .half {
      width: 50%;
      float: left;
    }
    
    .feature-set .inner {
      overflow: hidden;
    }
    
    .feature-set .half {
      font-size: 16px;
      line-height: 20px;
      margin: 0 0 30px;      
    }
    
    .feature-set .half .icon {
      height: 70px;
      line-height: 70px;
      margin: 0 0 20px;
    }
    
    .feature-set .icon img {
      max-height: 40px;
    }
    
    .cross.section h3 {
      font-size: 22px;
      line-height: 26px;
    }
    
    .channel-links .columns li {
      display: block;
      width: 70%;
      margin: 0 auto 30px;
    }
    
    .lifecycle.half {
      width: 100%;
      text-align: center;
    }
    
    .half.graphic {
      width: 100%;
      text-align: center;
    }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


// SEARCH
#searchform {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
#search {
    background: url("https://blueshift.wpengine.com/wp-content/uploads/2015/04/search.png") no-repeat scroll 99% 50% #fff;
    border: 1px solid #d8d8d8;
    padding: 6px 24px 6px 6px;
    text-align: left;
}

#search #s {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #979797;
    margin: 0;
    outline: medium none;
    padding: 0;
    width: 100%;
}