/*
Theme name: Mercury Website Desktop and Responsive Mobile
Description: Custom Theme
*/

/******* Mercury Website Desktop and Responsive Mobile WordPress CSS *******/

/* Common elements styling */

/*
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }
*/

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	margin: 2px 0 2px 7px;
	display: inline;
}

img.alignleft {
	margin: 2px 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	display: inline;
}

img.alignright.placeholder {

}

.alignleft {
	float: left;
	display: inline;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.home img.aligncenter {
	max-width: 420px !important;
}

/* Calendar widget */

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Big images in rich text editor should not break page layout */

.post .entry {
	overflow: hidden;
}

/******* /Mercury Website Desktop and Responsive Mobile WordPress CSS *******/

::-webkit-input-placeholder {
	color: #000;
}

:-moz-placeholder {
	color: #000;
}

::-moz-placeholder {
	color: #000;
}

:-ms-input-placeholder {
	color: #000;
}

<!-- @font-face code was here-->

@font-face {
	font-family: 'Helvetica-Neue-Light';
	src: url('fonts/helv-neue-lt-std-light-webfont.eot');
	src: url('fonts/helv-neue-lt-std-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/helv-neue-lt-std-light-webfont.woff') format('woff'),
		 url('fonts/helv-neue-lt-std-light-webfont.ttf') format('truetype'),
		 url('fonts/helv-neue-lt-std-light-webfont.svg#untitled1medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);

* {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-tap-highlight-color: rgba(140, 198, 64, 0.3);
}

p, a, img, h1, h2, h3, h4, h5, h6, ul, ol, li {
	margin: 0;
	padding: 0;
}

body,
html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Gotham A', 'Gotham B', 'Gotham', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #555;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	word-spacing: 0;
	word-break: break-word;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background: #fff;
	min-width: 1152px;
}

.lazy {
  display: none;
}


a {
	color: #8cc640;
	text-decoration: none;
}

.posts-section a,
.post a {
	font-weight: 500; 
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

input,
textarea,
select {
	font-family: 'Gotham A', 'Gotham B', 'Gotham', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 2;
	color: #555;
	height: 32px;
	padding: 3px 5px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 0;
	box-shadow: none;
}

select {
	font-family: Helvetica, Arial, sans-serif;
}

input,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}

a,
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
	cursor: pointer;
}

textarea {
	overflow: auto;
	resize: none;
	-webkit-overflow-scrolling: touch;
}

h1 {
	font-size: 36px;
	line-height: 43px;
	color: #333;
	font-weight: 500;
}

h2 {
	font-size: 36px;
	line-height: 40px;
	color: #333;
	font-weight: 300;
}

h3 {
	font-size: 30px;
	line-height: normal;
	margin-top: 5px;
	margin-bottom: 20px;
	color: #333;
	font-weight: 700;
}

h4 {
	font-size: 24px;
	line-height: 30px;
	color: #333;
	font-weight: 700;
}

h5 {
	font-size: 18px;
	line-height: 22px;
	color: #333;
	font-weight: 500;
}

h6 {
	font-size: 14px;
	line-height: 18px;
	color: #333;
	font-weight: 500;
}

.introtext {
	font-size: 20px;
	line-height: 30px;
	color: #333;
	font-weight: 300;
}

.black-panel,
.black-panel h1,
.black-panel h2,
.black-panel h3,
.black-panel h4,
.black-panel h5,
.black-panel h6 {
	color: #fff;
}

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

.cl {
	height: 0;
}

.cf {
	*zoom: 1;
}

.cf:before,
.cf:after,
.slides:after,
.posts-section .post:after,
.timeline .post:after {
	content: "";
	line-height: 0;
	display: table;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.cl,
.cf:after,
.slides:after,
.posts-section .post:after,
.timeline .post:after {
	clear: both;
}

.cl,
.notext,
.flex-prev,
.flex-next,
.flex-control-nav a,
.icon {
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}

.left,
.alignleft,
.right,
.alignright {
	display: inline;
}

img.alignright.lazy {
	background: transparent;	
}

.left,
.alignleft {
	float: left;
}

.right,
.alignright {
	float: right;
}

a,
.slideshow .thumbs .thumb a .icon,
.partners a img,
.social-icon span,
.goback span,
.post-social .stButton .chicklets {
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.head-wrap {
	width: 940px;
	margin: 0 auto;
	position: relative;
}


.shell {
	width: 940px;
	margin: 0 auto;
}

.main.shell {
	padding-top: 91px;
	min-height: 600px;
}

.slides,
.flex-control-nav,
.flex-direction-nav,
.navigation ul,
.page-nav ul {
	list-style: none outside;
}

.slides > li {
	display: none;
	background: #fff;
}

.no-js .slides > li:first-child {
	display: block;
}

.top {
}

.header {
	width: 100%;
	min-width: 1152px;
	background: #fff;
	background: rgba(255, 255, 255, 0.96);
	padding: 21px 0 20px;
	border-bottom: 1px solid #ccc;
	border-top: 5px solid #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.logo {
	width: 197px;
	height: 44px;
	background: url(images/logo.png) no-repeat 0 0;
}

.line {
	width: 250px;
	height: 1px;
	display: block;
}

.navigation {
	font-size: 14px;
	color: #4d4d4d;
	text-transform: uppercase;
	font-weight: 500;
	text-align: right;
	padding: 9px 0 7px;
}

.navigation .trigger {
	width: 36px;
	height: 24px;
	display: none;
	background: url(images/nav-button.png) no-repeat center center;
}

.navigation li {
	display: inline-block;
	padding-left: 32px;
	*zoom: 1;
	*display: inline;
}

.navigation li.hidden {
	display: none;
}

.navigation a {
	color: #4d4d4d;
}

.navigation a:hover {
	color: #000;
	text-decoration: none;
}

.navigation a:active {
	color: #8cc640;
}

.menu-item-object-page.current-menu-item a {
	color: #8cc640;
	padding-bottom: 5px;
	border-bottom: 4px solid #8cc640;
}

.menu-item-object-page.current-menu-item a:hover {
	color: #999999;
	border-bottom: 4px solid #999999;
}

.slideshow .default-app {
	padding: 31px 0 30px;
}

.slideshow {
	position: relative;
	margin-top: 115px;
	height: 550px;
	padding-top: 0px;
	padding-bottom: 50px;
}

.panel.slideshow .slides {
	display: none; 
}

.slides > li {
	float: left;
	display: inline;
}

.slideshow h1 {
	padding-bottom: 13px;
}

.slideshow p {
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	padding-bottom: 22px;
}

.slideshow .shell {
	background: #fff;
}

.slideshow .line {
	margin-bottom: 15px;
	background: #999;
	height: 1px;
	-webkit-backface-visibility: visible !important;
}

.slideshow .slide-image {
	width: 432px;
	position: relative;
}

.slideshow .slide-image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
}

.slideshow .slide-image strong {
	font-family: 'Helvetica-Neue-Light', Helvetica, Arial, sans-serif;
	font-size: 60px;
	line-height: 65px;
	color: #fff;
	text-align: center;
	font-weight: 100;
	text-transform: uppercase;
	padding: 2px 28px 0;
	position: absolute;
	top: -18px;
	right: 0;
	z-index: 4;
	background: #ed1c24;
	border-radius: 50px;
}

.slideshow .slide-content {
	width: 508px;
	padding-top: 90px;
}

.slideshow .app-links {
	padding: 50px 0 15px;
}

.slideshow .app-links .link-box {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	font-weight: 500;
	width: auto;
	padding: 0 40px 0 40px;
	position: relative; 
}

.slideshow .app-links .link-box img {
	width: 31px;
	height: auto; 
	display: block; 
	position: absolute; 
	top: 0;
	left: 0; 
}

.slideshow .app-links .link-box ul {
	list-style: none outside;
	padding-top: 5px;
}

.slideshow .app-links .link-box ul a {
	color: #666;
}

.slideshow .app-links .link-box ul a:hover {
	color: #000;
	text-decoration: none;
}

.slideshow .app-links .link-box ul a:active {
	color: #8cc640;
	text-decoration: underline;
}

.slideshow .downloads {
	padding-top: 30px;
}

.slideshow .download-icon {
	height: 31px;
	margin-right: 20px;
	background-image: url(images/platforms.png);
	background-repeat: no-repeat;
}

.slideshow .apple-icon {
	width: 24px;
	background-position: 0 0;
}

.slideshow .android-icon {
	width: 25px;
	background-position: -45px 0;
}

.slideshow .windows-icon {
	width: 28px;
	background-position: -89px 0;
}

.slideshow .web-icon {
	width: 30px;
	background-position: -135px 0;
}

.slideshow .thumbs {
	text-align: center;
	padding-top: 12px;
}

.slideshow .thumbs .grid {
	margin: 0 auto;
}

.slideshow .thumbs .thumb {
	float: left;
	display: inline;
	padding: 0 20px;
}

.slideshow .thumbs .thumb a {
	font-size: 14px;
	color: #666;
	display: block;
	position: relative;
}

.slideshow .thumbs .thumb a .icon {
	display: block;
	position: absolute;
	left: 50%;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.slideshow .thumbs .playstore-thumb a .icon {
	width: 86px;
	height: 84px;
	background-image: url(images/playstore.png);
	top: 30px;
	margin-left: -43px;
	display: none;
}

.slideshow .thumbs .video-thumb a .icon {
	width: 68px;
	height: 68px;
	background-image: url(images/icon-play.png);
	top: 45px;
	margin-left: -34px;
}

.slideshow .thumbs .thumb a .play-icon {
	width: 0;
	height: 0;
	display: inline-block;
	border-left: 13px solid #7d7d7d;
	border-top: 7px outset transparent;
	border-bottom: 7px outset transparent;
	position: relative;
	margin-right: 7px;
	top: 2px;
	*top: -7px;
}

.slideshow .two-thumbs .video-thumb a .icon {
	top: 69px; 
}

.slideshow .thumbs .thumb a img {
	padding: 5px;
	border: 1px solid #ccc;
	margin: 0;
}

.slideshow .thumbs img {
	max-width: 400px;
	height: auto;
	display: block;
	margin: 0 auto 21px;
}

.slideshow .thumbs p {
	padding-bottom: 22px;
}

.slideshow .two-thumbs .grid {
	width: 786px;
}

.slideshow .two-thumbs .grid .thumb {
	width: 353px;
}

.slideshow .two-thumbs .grid .thumb a img {
	width: 341px;
	height: 192px;
}

.slideshow .three-thumbs .grid {
	width: 922px;
}

.slideshow .three-thumbs .grid .thumb {
	width: 278px;
	padding: 0 14px; 
}

.slideshow .three-thumbs .grid .thumb a img {
	width: 267px;
	height: 156px;
}

/*.slideshow .slide-image,*/

.slideshow .reversed h1 {
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-ms-transition-delay: .2s;
}

.slideshow .reversed .thumb {
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transition-delay: .15s;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-o-transition-delay: .15s;
	-ms-transition-delay: .15s;
}

.slideshow .reversed p {
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transition-delay: .25s;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-o-transition-delay: .25s;
	-ms-transition-delay: .25s;
}

.slideshow .reversed .line,
.slideshow .reversed .thumb + .thumb {
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transition-delay: .25s;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-o-transition-delay: .25s;
	-ms-transition-delay: .25s;
}

.slideshow .reversed h4 {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-o-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
}

.slideshow .reversed .slide-image,
.slideshow .reversed .thumb + .thumb + .thumb {
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transition-delay: .35s;
	-webkit-transition-delay: .35s;
	-moz-transition-delay: .35s;
	-o-transition-delay: .35s;
	-ms-transition-delay: .35s;
}

.slideshow .reversed .app-links,
.slideshow .reversed .downloads {
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	-ms-transition-delay: .4s;
}

.slideshow h1,
.slideshow h4,
.slideshow p,
.slideshow .line,
.slideshow .app-links,
.slideshow .thumb,
.slideshow .downloads {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.slideshow h1 {
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-ms-transition-delay: .2s;
}

.slideshow .thumb {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-o-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transition-delay: .15s;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-o-transition-delay: .15s;
	-ms-transition-delay: .15s;
}

.slideshow p {
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transition-delay: .25s;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-o-transition-delay: .25s;
	-ms-transition-delay: .25s;
}

.slideshow .line,
.slideshow .thumb + .thumb {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-o-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transition-delay: .25s;
	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-o-transition-delay: .25s;
	-ms-transition-delay: .25s;
}

.slideshow h4 {
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
}

.slideshow .slide-image,
.slideshow .thumb + .thumb + .thumb {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-o-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transition-delay: .35s;
	-webkit-transition-delay: .35s;
	-moz-transition-delay: .35s;
	-o-transition-delay: .35s;
	-ms-transition-delay: .35s;
}

.slideshow .app-links,
.slideshow .downloads {
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-o-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	-ms-transition-delay: .4s;
}

/*.slideshow .loaded .slide-image,*/

.slideshow .loaded h1,
.slideshow .loaded h4,
.slideshow .loaded p,
.slideshow .loaded .line,
.slideshow .loaded .app-links,
.slideshow .loaded .thumb,
.slideshow .loaded .thumb + .thumb,
.slideshow .loaded .thumb + .thumb + .thumb,
.slideshow .loaded .downloads,
.slideshow .featured-post p,
.slideshow .featured-post h4 {
	opacity: 1;
	filter: none;
	-ms-filter: none;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transition-duration: .8s;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	-ms-transition-duration: .8s;
}

.slideshow .flex-prev,
.slideshow .flex-next {
	width: 20px;
	height: 36px;
	display: block;
	background-image: url(images/arrows.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 5;
}

.slideshow .flex-prev {
	left: 41px;
	background-position: 0 0;
}

.slideshow .flex-next {
	right: 41px;
	background-position: right 0;
}

.slideshow .slide-image {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.slideshow .loaded .slide-image {
	opacity: 1;
	filter: none;
	-ms-filter: none;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transition-duration: .6s;
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	-ms-transition-duration: .6s;
}

.slideshow .flex-disabled {
	display: none;
}

.slideshow .flex-control-nav {
	z-index: 8;
	margin-top: -15px;
	text-align: center;
}

.flex-direction-nav {
	position: absolute; 
	bottom: 26px;
	left: 0; 
	right: 0; 
	z-index: 8;
	text-align: center;
}

.flex-direction-nav > a {
	text-indent: -4000px;
	display: inline-block;
	margin: 0 5px;
	*zoom: 1;
	*display: inline;
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 10px;
}

.slideshow .flex-control-nav li {
	display: inline-block;
	padding: 0 5px;
	*zoom: 1;
	*display: inline;
}

.slideshow .flex-control-nav li a {
	width: 10px;
	height: 10px;
	display: block;
	background: #ccc;
	border-radius: 10px;
}

.flex-direction-nav > a:hover,
.slideshow .flex-control-nav li a:hover {
	background: #000;
}

.flex-direction-nav > a.selected,
.slideshow .flex-control-nav li a:active,
.slideshow .flex-control-nav a.flex-active {
	background: #808080;
}

.black-panel {
	padding: 45px 0 47px;
	border-top: 10px solid #8cc640;
	background: #000;
}

.partners-list {
	text-align: center;
}

.partners-list .line {
	margin: 0 auto 16px;
	background: #4d4d4d;
}

.partners-list h2 {
	padding-bottom: 27px;
}

.partners-list h2.hidden {
	padding-bottom: 15px;
	display: none;
}

.partners {
	padding-left: 30px;
}

.partners span {
	width: 183px;
	float: left;
	margin: 0 20px 38px;
	cursor: default;
}

.partners span img {
	height: 65px;
	display: block;
	opacity: 0.3;
	-ms-filter: "alpha(opacity=30)";
	filter: alpha(opacity=30);
}

.partners + .line {
	margin-top: 0;
}

.button {
	font-size: 18px;
	line-height: 23px;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	height: 23px;
	padding: 13px 20px;
	background: #fff;
	border: 2px solid #000;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	white-space: nowrap;
}

input.button,
button.button {
	height: 51px;
}

.button:hover {
	color: #8cc640;
	text-decoration: none;
	border-color: #8cc640;
}

.button:active {
	color: #666;
	text-decoration: none;
	border-color: #666;
	background: #000;
}

.black-panel .button {
	color: #fff;
	background: #000;
	border-color: #8cc640;
	white-space: nowrap;
}

.black-panel .button:hover {
	color: #8cc640;
	border-color: #fff;
}

.black-panel .button:active {
	color: #666;
	border-color: #666;
}

.featured-posts {
	text-align: center;
	padding: 60px 0 40px;
}

.featured-posts h2 {
	padding-bottom: 25px;
}

.featured-posts h2 a {
	color: #8cc640;
}

.featured-posts .line {
	background: #999;
	margin: 0 auto 29px;
}

.featured-posts .button {
	position: relative;
	z-index: 2;
}

.featured-posts .slideshow {
	padding: 0 0 30px;
	z-index: 1;
	max-height: 390px;
	min-height: inherit;
	margin-top: 30px;
}

.featured-posts .slideshow .flex-control-nav {
	display: none!important;
}

.featured-posts .slideshow .flex-prev,
.featured-posts .slideshow .flex-next {
	margin-top: -45px;
}

.featured-post {
	text-align: left;
	width: 420px;
	height: 350px;
	float: left;
	display: inline;
	padding: 20px;
	background: #000;
}

.featured-post img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 20px;
	border: 1px solid #333;
}

.featured-post h4 {
	font-size: 18px;
	line-height: 20px;
	color: #8cc640;
	font-weight: 500;
	padding-bottom: 10px;
}

.featured-post h4 a {
	color: #8cc640;
}

.featured-post h4 a:hover {
	color: #fff;
	text-decoration: none;
}

.featured-post p {
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	padding-bottom: 0;
}

.featured-post p {
	
}

.featured-post + .featured-post {
	float: right;
}

.featured-post .img-link {
	display: block;
}

.footer {
	padding: 56px 0 53px;
}

.footer h2 {
	padding: 20px 0;
}

.footer p {
	font-size: 14px;
	line-height: 21px;
	padding-bottom: 20px;
}

.footer p a {
	color: #8cc640;
	font-weight: 500;
}

.footer p a[href*="tel"] {
	color: #fff;
	font-weight: 400;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.footer .shell > img.alignright {
	width: 712px;
	height: auto; 
}

.bottom {
	font-size: 12px;
	line-height: 23px;
	color: #fff;
	padding: 13px 0 14px;
	background: #333;
}

.bottom .sep {
	padding: 0 5px;
}

.bottom a {
	color: #fff;
}

.bottom a:hover {
	color: #8cc640;
	text-decoration: none;
}

.social-icon,
.goback {
	height: 23px;
	margin-right: 20px;
	background-image: url(images/socials.png);
	background-repeat: no-repeat;
	position: relative;
}

.social-icon span,
.goback span {
	width: 100%;
	height: 100%;
	display: block;
	background-image: url(images/socials.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
}

.social-icon span.hover,
.goback span.hover {
	z-index: 1;
}

.social-icon span.active,
.goback span.active {
	z-index: 2;
}

.social-icon:hover span.hover,
.goback:hover span.hover,
.social-icon:active span.active,
.goback:active span.active {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
}

.goback {
	width: 30px;
	background-position: 0 0;
}

.goback span.hover {
	background-position: 0 -23px;
}

.goback span.active {
	background-position: 0 bottom;
}

.twitter-icon {
	width: 22px;
	background-position: -52px 0;
}

.twitter-icon span.hover {
	background-position: -52px -23px;
}

.twitter-icon span.active {
	background-position: -52px bottom;
}

.googleplus-icon {
	width: 19px;
	background-position: -97px 0;
}

.googleplus-icon span.hover {
	background-position: -97px -23px;
}

.googleplus-icon span.active {
	background-position: -97px bottom;
}

.facebook-icon {
	width: 20px;
	background-position: -140px 0;
}

.facebook-icon span.hover {
	background-position: -140px -23px;
}

.facebook-icon span.active {
	background-position: -140px bottom;
}

.linkedin-icon {
	width: 20px;
	background-position: -183px 0;
}

.linkedin-icon span.hover {
	background-position: -183px -23px;
}

.linkedin-icon span.active {
	background-position: -183px bottom;
}

.github-icon {
	width: 23px;
	background-position: -225px 0;
}

.github-icon span.hover {
	background-position: -225px -23px;
}

.github-icon span.active {
	background-position: -225px bottom;
}

.vimeo-icon {
	width: 23px;
	background-position: -268px 0;
}

.vimeo-icon span.hover {
	background-position: -268px -23px;
}

.vimeo-icon span.active {
	background-position: -268px bottom;
}

.main > h2 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 300;
	text-align: center;
	padding: 30px 0px 10px;
}

.author-info {
	text-align: center;
	padding-bottom: 5px; 
}

.author-info h4 {
	font-family: 'Sanchez', serif;
	font-size: 14px; 
	line-height: 20px; 
	color: #777;
	font-weight: normal;  
}

.author-info p {
	font-family: 'Sanchez', serif;
	font-size: 14px; 
	line-height: 20px; 
	color: #999;
	font-style: italic; 
	padding-bottom: 18px;  
}

.author-info .socials .social-icon {
	display: inline-block; 
	margin: 0 12px; 
}

.author-info .socials .twitter-icon {
	background-position: -52px bottom; 
}

.author-info .socials .twitter-icon .hover,
.author-info .socials .twitter-icon .active {
	background-position:  -52px -23px; 
}

.author-info .socials .googleplus-icon {
	background-position: -97px bottom; 
}

.author-info .socials .googleplus-icon .hover,
.author-info .socials .googleplus-icon .active {
	background-position: -97px -23px; 
}

.author-info .socials .facebook-icon {
	background-position: -140px bottom; 
}

.author-info .socials .facebook-icon .hover,
.author-info .socials .facebook-icon .active {
	background-position: -140px -23px; 
}

.author-info .socials .dribble-icon {
	width: 22px;
	background-position: -314px bottom; 
}

.author-info .socials .dribble-icon .active,
.author-info .socials .dribble-icon .hover {
	background-position: -314px -23px; 
}

.author-info .socials .linkedin-icon {
	width: 20px;
	background-position: -182px bottom; 
}

.author-info .socials .linkedin-icon .active,
.author-info .socials .linkedin-icon .hover {
	background-position: -182px -23px; 
}

.author-info .socials .github-icon {
	width: 24px;
	background-position: -224px bottom; 
}

.author-info .socials .github-icon .active,
.author-info .socials .github-icon .hover {
	background-position: -224px -23px; 
}

.page-nav {
	font-size: 13px;
	line-height: 14px;
	color: #555;
	text-align: center;
	padding: 17px 0;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	margin-top: 20px;
}

.page-nav.stuck {
	position: fixed;
	top: 90px;
	margin: 0 auto;
	background: #fff;
	z-index: 100;
	border-top: 1px solid #ccc;
	width: 940px;
}

.page-nav li {
	display: inline;
	padding: 0 12px;
	border-left: 1px solid #4d4d4d;
}

.page-nav li:first-child {
	border-left: 0;
}

.page-nav a {
	color: #555;
	position: relative;
	top: 1px;
}

.page-nav a:hover {
	color: #8cc640;
	text-decoration: none;
}

.page-nav .current-menu-item a {
	color: #222;
	font-weight: 500;
}

.page-nav .trigger {
	display: none;
}

.posts-section {
	padding-left: 62px;
	/*border-bottom: 1px solid #4d4d4d;*/
	margin-bottom: 16px;
}

.posts-section .post {
	padding: 40px 0;
	border-top: 1px solid #ccc;
	*zoom: 1;
	position: relative;
}

.posts-section .post:first-child {
	border-top: 0;
}

.posts-section .post h3 a {
	color: #000;
}

.posts-section .post h3 a:hover,
.posts-section .post h3 a:active {
	color: #8cc640;
	text-decoration: none;
}

.posts-section .post img.alignleft {
	margin-right: 40px;
}



.posts-section .post .avatar {
	width: 50px;
	display: block;
	position: absolute;
	top: 63px;
	left: -62px;
}

.posts-section .post .avatar img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50px;
}

.posts-section .post .post-meta {
	font-size: 14px;
}

.posts-section .post .post-meta a {
	color: #555;
}

.posts-section .post .post-meta a:hover {
	color: #000;
	text-decoration: none;
}

.posts-section .post .post-meta a:active {
	color: #8cc640;
	text-decoration: underline;
}

.post-thumb {
	height: 220px;
	float: right;
	margin-left: 2em;
}

.post-thumb img {
	width: 250px;
	border: 1px solid #ccc;	
	height: auto;
}

.pagination {
	font-size: 14px;
	line-height: 20px;
	color: #555;
	font-weight: 300;
	text-align: center;
	padding-bottom: 50px;
}

.pagination a {
	color: #000;
	padding: 4px 0 1px;
}

.pagination a:hover,
.pagination a:active {
	color: #8cc640;
	text-decoration: none;
}

.pagination > a {
	width: 26px;
	margin: 0 4px;
	display: inline-block;
}

.pagination > a.current-page-item,
.pagination > a.current-page-item:hover,
.pagination > a.current-page-item:active {
	color: #fff;
	background: #8cc640;
}

.single-post .page-nav p {
	color: #999;
	font-weight: 400;
}

.single-post .page-nav p a {
	color: #000;
	position: static;
	top: auto;
	font-weight: 500;
}

.single-post .page-nav p a:hover {
	color: #8cc640;
	text-decoration: none;
}

.single-post .post {
	width: 650px;
	padding-top: 40px;
	margin: 0 auto;
}

.single-post .post img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 35px;
}

.single-post .post img.alignleft {
	display: inline;
	margin: 0 40px 35px 0;
}

.single-post .post img.alignright {
	display: inline;
	margin: 0 0 35px 40px;
}

.single-post .post p {
	padding-bottom: 35px;
}

.single-post .post p a {
	font-weight: 400;
	color: #245dc1;
}

.post ul {
	list-style: disc inside;
	padding-bottom: 20px;
}

.post ol {
	list-style-position: inside;
	padding-bottom: 20px;
}

.post ul ul,
.post ol ol,
.post ol ul,
.post ul ol {
	padding-left: 20px;
	padding-bottom: 0;
}

.post ul > li:last-child,
.post ol > li:last-child {
	padding-bottom: 0;
}

.post li {
	padding-bottom: 15px;
}

.post blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	padding-bottom: 0;
	font-size: 24px;
	line-height: 1.75em;
	margin: 0 20px;
}

.post-social {
	font-size: 13px;
	line-height: 15px;
	color: #999;
	text-align: center;
	font-weight: 400;
	padding: 16px 0;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	margin-bottom: 70px;
}

.post-social .stButton {
	padding: 0 2px 0 5px;
	border-left: 1px solid #cfcfcf;
	margin: 0;
}

.post-social .st_facebook .stButton {
	border-left: 0;
}

.post-social .stButton .chicklets {
	font-family: 'Gotham A', 'Gotham B', 'Gotham', sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #000;
	font-weight: 500;
	height: 15px;
	padding: 0;
	background: transparent !important;
}

.post-social .stButton .chicklets:hover,
.post-social .stButton .chicklets:active {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	color: #8cc640;
	text-decoration: none;
}

.post-social .stButton img {
	display: none !important;
}

.tags-container {
	margin: 0 auto;
	width: 650px;
	margin-bottom: 30px;
	font-size: 16px;
        line-height: 34px;
}

.tags-container a {
	background: #8cc640;
	color: #fff;
	padding: 5px 8px;
}

.tags-container a:hover {
	text-decoration: none;
	background: #000;
}

a.readmore {
	background: #eee;
	color: #222;
	padding: 5px 8px;
	font-size: 14px;
	font-weight: 500
}

a.readmore:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}

body.blog .post p {
	margin-bottom: 20px;
}

body.archive .post p {
	margin-bottom: 20px;
}

.about {
	padding: 20px 0 60px;
}

.about > .post {
	padding-top: 30px;
	border-top: 1px solid #ccc;
}

.about .post h4 {
	padding-bottom: 20px;
}

.about .post p {
	padding-bottom: 25px;
	width: 650px;
	margin: 0 auto;
}

.about .post .button {
	color: #fff;
	padding: 13px 20px;
	border: 0;
	background: #8cc640;
	border-radius: 30px;
}

.about .post .button:hover {
	background: #000;
}

.about .post .button:active {
	color: #8cc640;
	background: #000;
}

.timeline-wrap {
	padding-bottom: 90px;
	position: relative;
}

.timeline-wrap h2 {
	padding: 25px 0;
	font-weight: 200;
	font-size: 34px;
}

.timeline-wrap h2.top-title {
	text-transform: capitalize !important;
	display: inline;
	float: right;
	z-index: 10;
	position: relative;
}

.timeline-wrap .gotop .button,
.timeline-wrap .next-page .button {
	color: #fff;
	padding: 13px 20px;
	border: 0;
	background: #8cc640;
	border-radius: 30px;
}

.timeline {
	padding-left: 80px;
	position: relative;
}

.timeline-wrap-main .timeline {
	margin-top: 50px
}

.timeline .time-line {
	width: 1px;
	margin: 0 25px;
	background: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	bottom: -20px;
	z-index: 1;
}

.timeline .post {
	color: #fff;
	position: relative;
	z-index: 2;
	padding: 25px 30px 20px;
	margin-bottom: 40px;
	background: #262626;
	border-radius: 10px;
	*zoom: 1;
}

.timeline .post {
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
}

.timeline .post.loaded {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
}

.timeline .post .category {
	width: 50px;
	height: 50px;
	padding: 9px 0;
	background: #fff;
	position: absolute;
	top: 0;
	left: -80px;
}

.timeline .post .category img {
	width: 100%;
	height: auto;
	display: block;
}

.timeline .post .arrow {
	width: 0;
	height: 0;
	display: block;
	border-right: 15px solid #262626;
	border-top: 15px outset transparent;
	border-bottom: 15px outset transparent;
	position: absolute;
	top: 20px;
	left: -15px;
}

.timeline .post .date {
	color: #8bc53f;
}

.timeline .post p {
	padding-bottom: 10px;
}

.timeline .post span {
	padding-bottom: 0;
	margin-bottom: 10px;
}

.timeline .post span.date,
.timeline .post span.type {
	font-size: 13px;
	font-weight: 500;
}

.timeline .post p a {
	color: #8cc640;
	font-weight: 500;
}

.timeline .post .post-meta a:first-child {
	color: #8cc640;
}

.timeline .post h3 {
	color: #fff;
	line-height: 34px;
	padding: 3px 0 5px;
	margin-bottom: 15px;
	}

div.timeline-content {
	width: auto;
	overflow: hidden;
}

.timeline .post h3 a {
	color: #fff;
}

.timeline .post h3 a:hover,
.timeline .post h3 a:active {
	color: #8cc640;
	text-decoration: none;
}

.timeline .post img.alignleft {
	margin-right: 30px;
}

.timeline .post img.alignright {
	margin-left: 30px;
}

.timelime-img {
	max-width: 380px;
	float: right;
	margin-left: 2em;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg);
}

to {
	-webkit-transform: rotate(360deg);
}

}
@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg);
}

to {
	-moz-transform: rotate(360deg);
}

}
@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg);
}

to {
	-ms-transform: rotate(360deg);
}

}
@-o-keyframes spin {
	from { -o-transform: rotate(0deg);
}

to {
	-o-transform: rotate(360deg);
}

}
@keyframes spin {
	from { transform: rotate(0deg);
}

to {
	transform: rotate(360deg);
}

}

.timeline-wrap .loading {
	width: 50px;
	height: 50px;
	display: none;
	position: absolute;
	bottom: 53px;
	left: 0;
}

.timeline-wrap .loading {
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	-ms-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
}

.timeline-wrap .loading img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50px;
}

.post.timeline-year {
	margin-left: auto;
	background: transparent;
	display: block;
	padding: 0;
	z-index: 5;
	margin: -30px 0 0px -80px;
}

.post.timeline-year.top-year h2 {
	padding-top: 15px;
	font-family: "Pathway Gothic One", Arial Narrow, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.5em;
}

.post.timeline-year h2 {
	padding-bottom: 20px;
	background: #fff;
	display: inline-block;
	font-family: 'Pathway Gothic One', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.5em;
}

span.top-title {
	position: absolute;
	font-size: 24px;
	margin-left: 80px;
	margin-top: 45px;
	color: #777;
}

.products {
	padding: 20px 0 25px;
}

.product {
	padding: 80px 0 67px 290px;
	border-top: 1px solid #4d4d4d;
	position: relative;
}

.product img {
	width: 195px;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 32px;
	margin: auto;
	*top: 50%;
	*margin: -70px 0 0 0;
}

.product h4 {
	padding-bottom: 15px;
}

.product p {
	padding-bottom: 30px;
}

.product a {
	font-size: 16px;
	line-height: 25px;
	color: #999;
	font-weight: 500;
	float: left;
	padding-left: 33px;
	margin-right: 40px;
	background-repeat: no-repeat;
	background-position: 0 center;
}

.product a:hover {
	color: #000;
	text-decoration: none;
}

.product a:active {
	color: #80c242;
}

.product a.info {
	background-image: url(images/icon-info.png);
}

.product a.video {
	background-image: url(images/icon-watch.png);
}

.product a.appstore {
	width: 100px;
	height: 35px;
	position: relative;
	top: -5px;
	background-image: url(images/appstore.png);
}

.resizing * {
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
}

.really-hidden {
	display: none
} 


#mailing-list-footer {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

#mailing-list-footer span {
	font-size: 18px;
	line-height: 0;
	color: #ffffff;	
}

#mailing-list-footer input#fieldName {
	float: left;
	width: 135px;
	font-size: 12px;
	color: #999999;
}


#mailing-list-footer input#fieldEmail {
	margin-left: 10px;
	width: 180px;
	font-size: 12px;
	color: #999999;
}

.fl { float: left;}

#mailing-list-footer li {
	list-style-type: none;
}

#mailing-list-footer p {
	padding-bottom: 4px;
}

#mailing-list-footer button {
	-webkit-appearance: none;
	border: 2px solid #8cc640;
	padding: 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Gotham A', 'Gotham B', 'Gotham', Helvetica, Arial, sans-serif;
	margin-left: 10px;
	background: #000;
	color: #fff;
}

#mailing-list-footer button:hover {
	border: 2px solid #fff;
}




@media only screen and ( max-width: 767px ) {

.slideshow .flex-prev,
.slideshow .flex-next{
	display: none;
}
}


@media only screen and ( max-width: 767px ) {

body {
	min-width: 100%;
}

.shell {
	width: auto;
	padding: 0 20px;
}

.header {
	width: 100%;
	padding: 21px 0 20px 0;
}

.head-wrap {
	width: 95%;
	margin: 0 auto;
}


.footer {
	position: relative;
	text-align: center;
}

.footer .shell * {
	position: relative;
	z-index: 2;
}

.footer .shell img {
	width: 100%; 
	max-width: 100%;
	height: auto;
	float: none;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}

.bottom {
	text-align: center;
}

.bottom .socials {
	float: none;
	display: inline-block;
	padding-bottom: 10px;
}

.bottom .socials a:last-child {
	margin-right: 0;
}

.bottom .copyright {
	float: none;
	display: block;
}

.page-nav {
	padding-bottom: 7px;
	margin-top: 15px; 
}

.page-nav li {
	display: inline-block;
	margin-bottom: 10px;
}

.page-nav p {
	padding-bottom: 10px;
}

.slideshow {
	z-index: 1;
	
}

.slideshow,
	.slideshow .slides {
	overflow: hidden;
}

.slideshow .flex-direction-nav {
	display: none;
}
/* JESSI iPAD PORTRAIT */
/*.slideshow {
	margin-top: 80px;
	height: 450px;
}

.slideshow h1 {
font-size: 32px;
line-height: 40px;
}

.slideshow .two-thumbs .grid .thumb {
	width: 230px;
}

.slideshow .two-thumbs .grid .thumb a img, 
.slideshow .three-thumbs .grid .thumb a img {
	width: 100%;
	height: 100%;
}

.slideshow .three-thumbs .grid .thumb {
	width: 192px;
}

.slideshow .thumbs p {
	padding-bottom: 20px;}

	
.slideshow .thumbs .playstore-thumb a .icon {
	top: 18px;
	margin-left: -36px;
}

.slideshow .thumbs .video-thumb a .icon {
	top: 28px;
	margin-left: -26px;
}
*/

/* END JESSI iPAD PORTRAIT */

.slideshow .slide-image {
	width: 35%;
}

.slideshow .slide-content {
	width: 60%;
	padding-top: 0;
}

.slideshow .grid,
	.slideshow .two-thumbs .grid,
	.slideshow .three-thumbs .grid {
	width:inherit;
	margin: -5px auto 0; 
	/*width: 648px;  JESSI iPAD PORTRAIT was inherit */
}

.slideshow .grid .thumb {
	float: none;
	display: inline-block;
	padding: 0 10px;
	margin: 0 auto;
}

.slideshow .grid .thumb + .thumb {
	margin: 10px auto 0;
}

.slideshow .slide-image strong {
	font-size: 30px;
	line-height: 30px;
}

.slideshow .featured-post {
	float: none;
	display: block;
	margin: 0 auto;
}

.slideshow .featured-post + .featured-post {
	/*float: none;
	margin-top: 20px;*/
	display:none;
}

.partners {
	padding: 0;
	display: inline-block;
}

.partners.cf {
	margin: 0 auto;
	width: 90%;
}

.partners a {
	float: none;
	display: inline-block;
}

.# .post.loaded {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
}

.timeline .post img.alignright,
	.timeline .post img.alignleft {
	max-width: ;
}

.timeline-wrap .next-page {
	display: none;
}

.page-nav.stuck {
	position: fixed;
	top: 90px;
	margin: 0 auto;
	background: #fff;
	z-index: 10;
	border-top: 1px solid #ccc;
	width: 96%;
}

.partners span {
	width: 18%;
}

.partners span img {
	width: 100%;
	height: auto;
}

.timeline .post h3 {
	line-height: 1.2;
	font-size: 20px;
}


}

.archive.author .page-nav {
	border-bottom: 0px solid #fff;
	padding: 0
}

#ssba {
	border-top: 1px solid #262626 !important;
	border-bottom: 1px solid #262626 !important;
	margin-bottom: 50px;
	padding: 14px;
}

img.ssba {
	margin-bottom: 0 !important;
}

label.emma-form-label {
	display: none;	
}

input#emma-email.emma-form-input {
	font-size: 14px;
	padding: 5px 10px;
	border: 1px solid #000 !important;
	width: 150px !important;
	float: left !important;
}

li.emma-form-row {
}

form#emma-subscription-form:before {
	content: "Keep Up with Mercury News";
	color: #fff;
	margin-left: 13px;
}


span.emma-form-label-required {
	display: none;	
}

input#emma-form-submit {
	font-size: 14px;
	line-height: 12px;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	height: 46px;
	padding: 13px 10px;
	background: #fff;
	border: 2px solid #000;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	white-space: nowrap;
	float: left;
	position: absolute;
	top: 26px;
	right: 0;
}

div.emma-wrap {
	position: relative;
	width: 270px;	
}



#emma-form .emma-status {
	position: absolute;
	background: #000;
	color: #ccc;
	font-weight: 600;
	padding: 10px;
	width: 320px;
	font-size: 12px;
}




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



@media only screen and ( max-width: 767px ) {

body {
	font-size: 14px;
	line-height: 1.5;
}

.header {
	min-width: 0;
}

.menu-item-object-page.current-menu-item a {
	color: #8cc640;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.about .post p {
	padding-bottom: 25px;
	width: 100%;
}

.menu-item-object-page.current-menu-item a:hover {
	color: #999999;
	border-bottom: 0px solid #999999;
}

h1 {
	font-size: 24px;
	line-height: 30px;
}

h2,
	h4 {
	font-size: 18px;
	line-height: 22px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
}

.header {
	padding: 10px 0;
	border-bottom: 1px solid #333;
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	z-index: 20;
}

.head-wrap {
	width: 100%;
	margin: 0 auto;
}

.logo {
	width: 175px;
	height: 39px;
	background: url(images/logo-mobile@2x.png) no-repeat 0 0;
	background-size: 175px 39px;
	-webkit-background-size: 175px 39px;
}

.navigation {
	float: right;
	margin-right: 20px;
	font-size: 24px;
	line-height: 30px;
	width: 36px;
	padding: 7px 0 0;
}

a.logo.left.notext {
	margin-left: 20px;
}

.navigation .trigger {
	display: block;
}

.navigation .trigger.clicked {
	
	background: url(images/nav-close.png) no-repeat center center;
}

.navigation ul {
	text-align: center;
	position: fixed;
	left: 0;
	top: 61px;
	right: 0;
	width: 100%;
	background: rgba(0,0,0,0.8);
	display: none;
}

img.aligncenter.size-full.wp-image-19 {
	width: 150px;
	margin-bottom: 10px;
}

.navigation li {
	float: none;
	display: block;
	padding: 15px 0;
}

.navigation li.hidden {
	display: block;
}

.navigation li a {
	color: #fff;
	font-weight: 400;
	display: block;
}

.navigation li a:hover,
	.navigation li a:active,
	.navigation li.current-menu-item a {
	color: #8cc640;
}

.slideshow {
	height: 340px; 
	min-height: inherit;
	position: relative;
	padding-top: 0;
	padding-bottom: 30px;  
	margin-top: 60px;
	margin-bottom: 14px;
}

.flex-control-nav {
	display: none !important;
}

.slideshow .slide-image,
	.slideshow .slide-content {
	width: auto;
	float: none;
	display: block;
}

.slideshow .three-thumbs .grid .thumb {
	width: auto; 
	position: relative;
	margin-left: -5px;
}

.slideshow .line {
	width: 60%;
	height: 0;
	margin-top: -24px;  
}

.slideshow .app-links {
	padding-top: 0;
	display: none; 
}

.slideshow .downloads {
	display: none; 
	padding: 0 0 30px 0;
}

.slideshow .two-thumbs .grid .thumb {
	width: auto;
	
}

.slideshow .two-thumbs .grid .thumb a img {
	width: 100%;
	height: auto;
}

.slideshow .two-thumbs .grid .thumb a img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.featured-post {
	min-height: 240px;
	max-height: 360px;
	height: auto
}

.featured-posts .slideshow {
	padding: 0 0 30px;
	z-index: 1;
	max-height: 320px;
	min-height: inherit;
}

.featured-posts a.img-link {
	height: 150px;
	margin-bottom: 20px;
	overflow: hidden;
}

.featured-posts .slideshow {
	margin-bottom: 0px;
}

.slideshow .shell {
	margin-top: 0px;
	padding-bottom: 0px;
}

.slideshow .thumbs h1 {
	padding-bottom: 15px; 
}

.slideshow .thumbs p {
	padding-bottom: 20px;
}

.slide-image.alignright {
	float: none;
	display: block;
	width: 30%;
	margin: 10px auto; 
	margin-top: 30px;
}

.slideshow .default-app {
	padding-top: 0; 
}

.default-app .slide-image.alignright {
	margin-top: 0;
	padding-top: 15px;  
}

.slideshow .thumbs.three-thumbs {
	padding-top: 15px; 
}

img.aligncenter.size-full.wp-image-19 {
	margin-bottom: 0; 
}

.slideshow h1 {
	font-size: 18px;
	line-height: 22px;
	text-align: center; 
	margin-top: 0px;
	margin-bottom: 0; 
	padding: 0 0 15px 0; 
}

.slideshow .thumbs h1 img {
	margin: 0 auto;
	margin-top: 20px;
	width: 70%;
}

.slideshow p {
	padding-bottom: 5px; 
	text-align: center; 
}

.featured-posts .slideshow p {
	text-align: left; 
}

.flex-direction-nav {
	bottom: 0px;
}

.black-panel {
	padding: 21px 0;
}

.partners-list h2.hidden {
	display: none;
}

div.timeline-content {
	width: 100%;
}

.partners span {
	width: 45%;
	float: left;
	margin: 0 0 10px;
}

.partners span:nth-child(even) {
	float: right;
}

.partners span img {
	width: 100%;
	height: auto;
	opacity: .3;
}

.partners a.hidden {
	display: none;
}

.partners span:nth-child(9) {
	display: none;
}

.partners span:nth-child(10) {
	display: none;
}

.partners span:nth-child(11) {
	display: none;
}

.partners span:nth-child(12) {
	display: none;
}

.partners span:nth-child(13) {
	display: none;
}

.partners span:nth-child(14) {
	display: none;
}

.partners span:nth-child(15) {
	display: none;
}

.partners span:nth-child(16) {
	display: none;
}

.partners + .line {
	margin: 0 auto 15px;
}

.featured-posts {
	padding: 30px 0 22px;
}

.featured-post {
	width: auto;
}

.featured-post h4 {
	font-size: 16px;
}

.social-icon,
	.goback {
	margin-right: 15px;
}

.bottom .shell {
	padding-left: 0;
	padding-right: 0;
}

.copyright a,
	.copyright .sep {
	display: none;
}

.main > h2 {
	font-size: 22px;
	line-height: 24px;
	padding: 15px 0 0;
	font-weight: 500;
}

.timeline {
	padding-left: 47px;
}

.timeline .time-line {
	margin: 0 15px;
}

.timeline .post p {
	font-size: 12px;
	line-height: normal
}

.timeline .post {
	padding: 15px;
}

.timeline .post .category {
	width: 30px;
	left: -47px;
	padding: 8px 0;
	margin-top: -8px;
	background: #fff;
}

.timeline .post .category img {
	width: 30px;
	height: 30px;
}

.timeline .post .arrow {
	border-right-width: 11px;
	border-top-width: 11px;
	border-bottom-width: 11px;
	left: -11px;
	top: 13px;
}

.timeline .post img,
	.timeline .post img.alignleft {
	float: right;
	display: block;
	width: 100%;
	height: auto;
	margin: 10px 0px 0px 20px;
}

.timeline .post p.post-meta {
	font-size: 12px;
}

.timeline .post h3 {
	line-height: 1.2;
	font-size: 18px;
}

.timelime-img {
	width: 100%;
	background: transparent;
	float: right;
	margin: 0 0px 20px 20px;
}

.timelime-img img {
	width: auto !important;
	margin: 0 auto !important;
	position: relative !important;
	float: none !important;
	max-width: 100%;
	height: auto;
}

.post.timeline-year.top-year h2 {
	margin-top: -20px;
	margin-left: 15px;
	margin-bottom: -20px;
	font-size: 24px;
}

span.top-title {
	font-size: 18px;
	margin-top: 28px;
	margin-left: 50px;
}

.button {
	font-size: 14px;
	line-height: 17px;
	height: 17px;
	padding: 10px 15px;
}

.posts-section {
	padding-left: 40px;
}

.posts-section .post {
	padding: 20px 0;
}

.posts-section .post img {
	display: none;
}

.posts-section .post .avatar {
	width: 31px;
	height: 31px;
	left: -40px;
	top: 17px;
}

.posts-section .post .avatar img {
	width: 31px;
	height: 31px;
	margin-top: 26px;
}

.pagination .alignleft,
	.pagination .alignright {
	display: none;
}

.page-nav .trigger {
	font-size: 16px;
	line-height: 24px;
	color: #000;
	font-weight: 400;
	display: inline-block;
	padding-right: 26px;
	background: url(images/icon-arrow-down.png) no-repeat right 8px;
	position: relative;
	top: -5px;
}

.page-nav .trigger {
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}

.page-nav.stuck {
	position: relative;
	top: inherit;
	margin: inherit;
	background: inherit;
	z-index: 1;
	padding: inherit;
	width: inherit;
	height: inherit;
}

.page-nav ul {
	display: none;
}

.page-nav li {
	float: none;
	display: block;
	padding: 0;
	border: 0;
}

.page-nav ul a {
	font-size: 16px;
	line-height: 24px;
	color: #555;
	font-weight: 300;
	display: block;
}

.page-nav ul .current-menu-item a {
	color: #8cc640;
}

.page-nav.expanded .trigger {
	background: transparent;
	padding-right: 0;
}

.single-post .post {
	width: auto;
}

.post-social p > span {
	display: block;
}

.post-social .stButton {
	padding: 5px 0 2px;
	border: 0;
}

.product {
	padding: 30px 0;
	text-align: center;
}

.product img {
	position: static;
	display: block;
	width: 100px;
	height: auto;
	margin: 0 auto 20px;
}

.product a {
	float: none;
	display: block;
	padding: 0;
	margin: 0 auto 10px;
}

.product a.info,
	.product a.video {
	width: 26px;
	height: 25px;
	font-size: 0;
	line-height: 0;
}

.main.shell {
	padding-top: 66px;
	min-height: 600px;
}

.slideshow .thumbs .thumb {
	display: block; 
}

.slideshow .thumbs .thumb a {
	font-size: 14px;
	line-height: 20px;
	color: #8cc640; 
	font-weight: bold; 
	text-align: left; 
	padding-left: 24px;
	position: relative; 
}

.slideshow .thumbs .thumb a:before {
	content: "";
	width: 17px; 
	height: 18px; 
	display: block; 
	background-image: url(images/icons-mobile.png);
	background-repeat: no-repeat;  
	background-position: 0 2px; 
	position: absolute; 
	top: 0; 
	left: 0; 
}

.slideshow .thumbs .thumb a img,
.slideshow .thumbs .thumb a .icon {
	display: none; 
}

.slideshow .thumbs .video-thumb a:before {
	height: 16px; 
	top: 2px;
	background-position: 0 -31px; 
}

.slideshow .thumbs .playstore-thumb a:before {
	height: 16px; 
	top: 2px;
	background-position: 0 -93px; 
}

.slideshow .thumbs .appstore-thumb a:before {
	height: 18px; 
	top: 2px; 
	background-position: 0 -122px; 
}

.slideshow .thumbs .windows-thumb a:before {
	height: 17px; 
	top: 1px; 
	background-position: 0 -153px; 
}

.slideshow .thumbs .web-thumb a:before {
	height: 18px; 
	top: 1px; 
	background-position: 0 -62px; 
}

.tags-container {
	width: auto;
}

/*.page-wrapper {
	opacity: 0;
}

.loaded .page-wrapper {
	opacity: 1
}*/

}

/*------------- 2X STUFF -------------- */

@media only screen and ( -webkit-min-device-pixel-ratio: 2 ), only screen and ( -moz-min-device-pixel-ratio: 2 ), only screen and ( -o-min-device-pixel-ratio: 2/1 ), only screen and ( min-device-pixel-ratio: 2 ), only screen and ( min-resolution: 192dpi ), only screen and ( min-resolution: 2dppx ) {
.logo { background-image: url(images/logo-blackonwhite@2x.png); background-size: 197px 44px; -webkit-background-size: 197px 44px; }

.page-nav .trigger {
	background-image: url(images/icon-arrow-down@2x.png);
	background-size: 20px 11px;
	-webkit-background-size: 20px 11px;
}

.social-icon,
.goback {
	background-image: url(images/socials@2x.png);
	background-size: 336px 69px;
	-webkit-background-size: 336px 69px;
}

.slideshow .download-icon {
	background-image: url(images/platforms@2x.png);
	background-size: 165px 31px;
	-webkit-background-size: 165px 31px;
}

.navigation .trigger {
	background-image: url(images/nav-button@2x.png);
	background-size: 36px 8px;
	-webkit-background-size: 36px 8px;
}

.navigation .trigger.clicked {
	background-image: url(images/nav-close@2x.png?ver=2.0);
	background-position: 5px center; 
	background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
}

.slideshow .thumbs .thumb a:before {
	background-image: url(images/icons-mobile@2x.png); 
	background-size: 17px 170px;
	-webkit-background-size: 17px 170px;
}

.mobile .logo { background-image: url(images/logo-mobile@2x.png); background-size: 175px 39px; -webkit-background-size: 175px 39px; }

}

.backgroundsize .slideshow .download-icon {
	background-image: url(images/platforms@2x.png);
	background-size: 165px 31px;
	-webkit-background-size: 165px 31px;
}

@media only screen and (max-device-width: 400px), only screen and ( -webkit-min-device-pixel-ratio: 2 ), only screen and ( -moz-min-device-pixel-ratio: 2 ), only screen and ( -o-min-device-pixel-ratio: 2/1 ), only screen and ( min-device-pixel-ratio: 2 ), only screen and ( min-resolution: 192dpi ), only screen and ( min-resolution: 2dppx ) {

	

	
}