/* Design and development by: Chris Hemerik <info@works4sure.nl>  | Powered by Twitter Bootstrap and ExpressionEngine */

/* Essential imports */
@import url('https://fonts.googleapis.com/css?family=Ek+Mukta:200,300,400,800');

/* Typography */
		
		html, input, textarea { -webkit-font-smoothing: antialiased; }
		body { font-size: 15px; line-height: 22px; }
		body,
		h1.cat,
		header.main h1,
		section.tour .content h2 > strong {
			font-family: "Ek Mukta", "Lucida Grande", sans-serif;
			font-weight: 300;
		}
		h1, h2 {
			font-family: "Ek Mukta", "Lucida Grande", sans-serif;
			font-weight: 200;
			line-height: 1em;
		}
		h3 {
			line-height: 28px;
		}
		.irrelevant {
			display: none;
		}
		.btn-app {
			padding: 9px 15px;
			color: white;
			background: rgb(0,177,185);
			font-weight: 600 !important;
			font-size: 16px !important;
			text-shadow: 1px 1px 1px rgb(1,150,157) !important;
		}
		.btn-app:hover, .btn-app:focus {
			background: rgb(1,150,157);
			color: white;
		}
		#masthead .navbar-inner {
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		#masthead .container abbr {
			cursor: pointer;
		}
		#masthead .container .nav a {
			font-family: "Ek Mukta", "Lucida Grande", sans-serif;
			font-size: 18px;
			text-transform: uppercase;
			padding: 10px 12px 10px;
		}
		header.main h1 {
			font-size: 18px;
			font-weight: 300;
		}
		header.primary h1 > a {
			text-decoration: none;
		}
		#introduction article h1 {
			font-size: 300%; /* 275% */
		}
		#introduction article ul.download li a {
			font-size: 12px;
			font-weight: bold;
		}
		#introduction article p small {
			line-height: 16px;
		}
		#introduction #portfolio .hand {
			text-indent: -9999px;
		}
		.carousel-control {
			font-family: "Helvetica Neue", "Arial", sans-serif;
			font-size: 70px;
			cursor: pointer;
		}
		#content .broad article h2 {
			font-size: 190%;
		}
		#testimonials > div > p {
			display: none;
			text-align: center;
		}
		#testimonials > div > p a abbr {
			cursor: default;
		}
		.testimonial-container blockquote p {
			font-style: italic;
		}
		#footer {
			text-align: center;
		}
		#footer nav ul li {
			font-size: 16px;
			text-transform: uppercase;
		}
		#footer nav ul li a {
			font-family: "Ek Mukta", "Lucida Grande", sans-serif;
		}
		#footer nav ul li a:hover, #footer nav ul li a:focus {
			text-decoration: underline;
		}
		#medix p:first-child {
			font-size: 13px;
		}
		#medix p:first-child a {
			text-indent: -9999px;
		}
		header.primary ul.download li {
			text-align: center;
		}
		section.tour .content h2 > strong {
			font-size: smaller;
			font-weight: bold;
			line-height: 33px;
			text-align: center;
		}
		section.tour.odd aside.image {
			text-align: right;
		}
		section.tour.even aside.image {
			text-align: left;
		}
		.continue h3 {
			font-size: 140%;
			font-weight: 300;
			line-height: 1.25em;
		}
		#share {
			text-align: center;
		}
		.usps.broad li,
		.usps ul li {
			font-size: larger;
		}
		#cases article > p.lead {
			text-align: center;
		}
		#cases article .content p {
			font-size: 16px;
		}
		#cases #cycler-nav {
			font-size: 18px;
			text-align: center;
		}
		#cases #cycler-nav a {
			line-height: 38px;
			text-decoration: none;
		}
		#cases #cycler-nav a {
			text-indent: -9999px;
		}
		#faq > div article h2 {
			cursor: pointer;
		}
		#blog #articles > article header h2 {
			font-size: 300%;
		}
		#blog #sidebar .node ul.tags a[rel="tag"]:hover, #blog #sidebar .node ul.tags a[rel="tag"]:focus,
		#blog #articles > article footer ul li a[rel="tag"]:hover, #blog #articles > article footer ul li a[rel="tag"]:focus {
			text-decoration: none;
		}
		#blog #sidebar .node ul.tags a[rel="tag"],
		#blog #articles > article footer ul li,
		#blog #articles > article header ul.meta li {
			font-size: 11px;
			line-height: 16px;
		}
		#blog #sidebar .node h2 {
			font-size: 160%;
		}
		#blog #sidebar .node ul.archive {
			font-size: .9em;
		}
		#blog #sidebar .node ul.archive a {
			text-decoration: none;
		}
		#blog #sidebar .node ul.archive a:hover span, #blog #sidebar .node ul.archive a:focus span {
			text-decoration: underline;
		}
		#blog #sidebar form.form-newsletter .field label {
			font-size: 12px;
			font-weight: bold;
		}
		
		@media (max-width: 690px) {
			
			#cases article .image {
				text-align: center;
			}
			
		}
		
		@media (max-width: 767px) {
			
			section.tour aside.image {
				text-align: center !important;
			}
			
		}
		
		@media (max-width: 890px) {
			
			#share {
				text-align: left;
			}
			
		}
		
		@media (max-width: 979px) {
		
			#introduction article h1 {
				font-size: 250%;
			}
			
		}
		
		@media (min-width: 979px) {

			header.primary h1 {
				font-size: 42px;
			}
			
		}

/* Layout */

		p {
			margin: 0 0 1.2em;
		}
		.container.steerer {
			position: relative;
		}
		.container.steerer .cycle {
			z-index: 100;
			top: 557px;
		}
		.container.steerer .cycle.left {
			left: 0;
		}
		.container.steerer .cycle.right {
			right: 0;
		}
		#masthead .container {
			position: relative;
			padding-top: 17px;
			padding-bottom: 17px;
		}
		#masthead .container .btn-navbar {
			margin-top: 13px;
		}
		#masthead .container nav {
			margin-top: 10px;
		}
		#masthead .container nav.in {
			padding-top: 16px;
		}
		#masthead ul.language {
			position: absolute;
			right: 0px; top: 34px;
			margin: 0;
			overflow: hidden;
		}
		#masthead ul.language li {
			display: inline;
			list-style-type: none;
		}
		#masthead ul.language li a {
			display: block;
			float: left;
			padding: 2px 6px;
			opacity: .7
		}
		#masthead ul.language li.current a {
			opacity: 1;
		}
		header.main {
			margin-bottom: 0px;
		}
		.broad > header.main {
			margin-top: -10px;
		}
		#introduction {
			height: 624px;
		}
		#introduction .container {
			margin-top: 150px
		}
		#introduction article h1 {
			margin-bottom: 15px;
			width: 110%;
		}
		#introduction article h1 > img {
			display: block; float: left;
			margin: -10px 15px 0 -18px;
		}
		#introduction article h1 span {
			display: block;
		}
		#introduction article ul.download,
		.download-learning {
			overflow: hidden;
			margin-left: 0; margin-bottom: 10px; margin-top: 3.3em;
			width: 450px;
		}
		#introduction article ul.download.inner,
		.download.inner {
			margin-top: .5em;
			margin-bottom: 15px;
		}
		.download.inner.primary { 
			margin-bottom: 25px !important;
		}
		.download-learning {
			margin-top: 2em;
			width: auto;
		}
		#introduction article ul.download li,
		.download-learning li {
			display: inline;
			list-style-type: none;
		}
		.download.inner li > span {
			display: block; margin-bottom: 8px;
			color: black; font-size: 14px; font-weight: 600;
		}
		#introduction article ul.download li:first-child a {
			margin-top: 0;
			margin-right: 2%;
		}
		.download-learning li a { margin-left: 15px; }
		.download-learning li:first-child a {
			margin-left: 0;
		}
		section.tour .continue p a,
		header.primary ul.download li a,
		#introduction article ul.download li.social a,
		.download-learning li a {
			display: block;
			float: left;
			width: 135px; height: 40px;
			margin-bottom: 15px;
			text-indent: -9999px;
		}
		header.primary ul.download li a {
			margin-left: 12px;
			float: right;
		}
		#introduction article ul.download li.demo a {
			display: block;
			width: 110px;
			margin-top: 15px; margin-bottom: 12px;
			padding-left: 9px;
		}
		#introduction article ul.download.inner li.social a,
		.download.inner li.social a {
			margin-bottom: 0;
		}
		#introduction article p small {
			display: block;
		}
		#introduction #portfolio {
			position: relative;
			height: 572px;
			margin-top: -53px;
		}
		#introduction #portfolio .hand {
			display: none;
			overflow: hidden;
		}
		#introduction #portfolio .carousel-inner {
			width: 309px;
			position: absolute;
			top: 65px; left: 200px;
		}
		#introduction #portfolio .carousel-control {
			top: 150px;
		}
		#introduction #portfolio .carousel-control.left {
			left: 98px;
		}
		#introduction #portfolio .carousel-control.right {
			right: 8px;
		}
		#content.single {
			padding-bottom: 3.5em;
		}
		#content .broad {
			padding-top: 2em;
			padding-bottom: 3em;
		}
		#content .broad.primary {
			padding-top: 3.5em;
		}
		#content .broad.downspace {
			padding-bottom: 4.5em;
		}
		#content .broad article h2 {
			margin-bottom: .5em;
		}
		h2.minor {
			font-size: 16px !important;
			font-weight: bold;
			margin: 0 0 0 0 !important;
		}
		#video-container {
			width: 90%;
		}
		#the-video {
			position: relative;
			padding-bottom: 56.25%;
			/* padding-top: 30px; */
			height: 0;
			overflow: hidden;
		}
		#the-video > iframe {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
		}
		#testimonials-carousel .carousel-inner {
			overflow: visible;
		}
		.testimonial-container {
			position: relative;			
		}
		.testimonial-container img {
			display: block;
			position: absolute;
			left: 8%; bottom: 0px;
			width: 20%
		}
		.testimonial-container.odd img {
			left: 0;
		}
		.testimonial-container.even img {
			left: auto; right: 0; bottom: -1px;
		}
		.testimonial-container blockquote {
			padding-left: 0;
			margin-left: 0;
		}
		body.testimonials .testimonial-container {
			margin-bottom: 4em;
		}
		.testimonial-container blockquote p {
			margin-bottom: 1em;
			margin-left: 30%;
			margin-right: 10%;
		}
		.testimonial-container.odd blockquote p {
			margin-bottom: 1.7em;
			margin-left: 22%;
			margin-right: 0%;
		}
		.testimonial-container.even blockquote p {
			margin-bottom: 1.7em;
			margin-left: 0%;
			margin-right: 22%;
		}
		.testimonial-container blockquote small {
			display: block;
			padding: 1em 2em 1em 15%;
			margin: 0 9% 0 15%;
		}
		.testimonial-container.odd blockquote small {
			margin-right: 22%;
			padding-left: 7%;
		}
		.testimonial-container.even blockquote small {
			margin-left: 22%;
			padding-left: 2em;
			padding-right: 15%;
		}
		#testimonials-primary {
			margin-top: 2.5em; margin-bottom: -1.2em;
		}
		#testimonials,
		#footer {
			padding-top: 4em;
			padding-bottom: 2em;
		}
		#testimonials {
			padding-bottom: 0;
		}
		#footer .container {
			padding-top: 2em;
		}
		body.testimonials #footer .container {
			padding-top: 0;
		}
		#footer nav ul {
			margin-bottom: 8px;
		}
		#footer nav ul li,
		#footer nav ul li a {
			display: inline;
		}
		#footer nav ul li {
			padding: 0 10px;
		}
		#medix {
			margin-top: 2em;
		}
		#medix p:first-child a {
			display: block;
			width: 150px; height: 42px;
			margin: 4px auto -18px;
		}
		header.primary ul.download {
			margin: 0 0 0 0;
			height: 40px;
		}
		header.primary ul.download li {
			display: inline;
		}
		section.tour {
			position: relative;
			padding-top: 2em;
		}
		section.tour .content {
			padding-top: 2em;
		}
		section.tour .content {
			padding-left: 4em;
		}
		section.tour .content h2 {
			position: relative;
		}
		section.tour .content h2 > strong {
			display: block;
			position: absolute;
			left: -2em; top: 0px;
			width: 35px; height: 35px;
			-webkit-border-radius: 35px;
			-moz-border-radius: 35px;
			border-radius: 35px;
		}
		section.tour .content h2 > strong span {
			display: none;
		}
		section.tour aside.image {
			position: relative;
		}
		section.tour aside.image img.screenshot {
			position: absolute;
			left: 191px; top: 55px;
			width: 309px;
		}
		section.tour.even aside.image img.screenshot {
			left: 74px;
		}
		.continue.primary {
			margin-left: 0;
		}
		.continue h3 {
			margin-bottom: 10px;
		}
		body.tour .continue h3 {
			display: none;
		}
		.continue p {
			display: list-item;
			margin-left: 17px;
			list-style-type: square;
		}
		.continue p.second {
			margin-top: -1.2em;
		}
		.continue p.file,
		section.tour .continue p {
			display: block;
			margin-left: 0;
			list-style-type: none;
		}
		section.tour .continue p {
			overflow: hidden;
		}
		section.tour .continue p a {
			margin-left: 15px;
		}
		section.tour .continue p a:first-child {
			margin-left: 0;
		}
		section.tour aside.image {
			overflow: hidden;
		}
		#share {
			padding-top: 2.5em;
			padding-bottom: 4em;
		}
		#share .addthis_toolbox {
			margin: 0 auto;
			max-width: 60%;
		}
		#share .addthis_toolbox p.lead {
			float: left;
			margin-right: 30px;
		}
		#share .addthis_toolbox > a {
			display: inline-block;
			margin-right: 10px;
			margin-top: 7px;
		}
		.usps ul {
			margin-left: 0;
			margin-top: 1em;
			width: 90%;
		}
		.usps.broad li,
		.usps ul li {
			padding-top: 20px;
			padding-bottom: 20px;
			list-style-type: none;
		}
		.usps.broad li {
			margin-top: .6em;
			padding-left: 20px;
			padding-right: 20px;
		}
		.usps.broad {
			margin-left: 0;
			padding-bottom: 2em !important;
			padding-top: 2.8em !important;
		}
		#cases {
			padding-top: 2em;
		}
		#cases h2 {
			display: none;
		}
		#cases article {
			overflow: hidden;
			width: 100%
		}
		#cases article > p.lead {
			margin-bottom: 1em;
		}
		#cases article .content {
			float: left;
			width: 295px; width: 30%;
			margin-top: 7em;
		}
		#cases article .content p {
			width: 120%;
			margin-left: 3.4em;
		}
		#cases .image {
			float: right;
			position: relative;
			width: 600px; width: 70%;
			min-height: 438px;
			height: auto !important;
			height: 438px;
		}
		#cases .image img {
			display: block;
			position: absolute;
			right: 111px; top: 72px;
		}
		#cases #cycler-nav {
			margin-bottom: .8em;
			margin-top: .5em;
		}
		#cases #cycler-nav a {
			display: inline-block;
			line-height: 38px;
			margin: 0 5px 10px;
			padding: 0 30px;
		}
		#cases #cycler-nav a {
			padding: 0 0 0 0;
			width :20px; height :20px;
		}
		#explained {
			padding-top: 3em !important;
		}
		body.advertisers #explained {
			padding-top: 0 !important;
		}
		body.advertisers #explained article h2,
		body.advertisers #explained article > p {
			padding-right: 3em;
		}
		ul.specs {
			margin-left: 0;
			margin-top: 32px;
		}
		ul.specs li {
			list-style-type: none;
			overflow: hidden;
			margin-bottom: 16px;
			padding-top: 16px;
		}
		ul.specs li:first-child {
			padding-top: 0;
		}
		ul.specs li small {
			display: block;
			float: left;
			width: 70%;
		}
		ul.specs li small strong,
		ul.specs li small span {
			display: block;
		}
		ul.specs li img {
			float: right;
			opacity: .9;
		}
		.vcard strong,
		.vcard span.fn, .vcard span.street-address, .vcard span.country, .vcard span.tel {
			display: block;
		}
		.vcard a.email {
			display: block;
			margin-top: 1em;
		}
		.field {
			margin-bottom: 1em;
		}
		.field textarea {
			height: 8em;
		}
		#faq > div {
			position: relative;
			padding-top :1em;
			padding-bottom: .6em;
		}
		#faq > div:first-child {
			padding-top: 0;
			margin-top: -1em;
		}
		#faq > div article {
			margin-left: 2em;
		}
		#faq > div article > i {
			display: block;
			position: absolute;
			left: 0; top: 2em;
			opacity: .4;
		}
		#faq > div article:hover > i {
			opacity: 1;
		}
		#faq > div:first-child article > i {
			top: 1em;
		}
		#blog #articles > article {
			margin-top: 3em;
			padding-top: 2.2em;
		}
		#blog #articles > article:first-child {
			margin-top: 0;
			padding-top: 0;
		}
		#blog #articles > article header h2 {
			margin-bottom: 10px;
		}
		#blog #articles > article footer ul,
		#blog #articles > article header ul.meta {
			margin: 0;
			padding: 1px 0;
			list-style-type: none;
			overflow: hidden;
		}
		#blog #articles > article footer ul li,
		#blog #articles > article header ul.meta li {
			display: inline;
			margin-left: 6px;
		}
		#blog #articles > article header ul.meta li.comments,
		#blog #articles > article footer ul li {
			padding-left: 8px;
		}
		#blog #articles > article footer ul li:first-child,
		#blog #articles > article header ul.meta li:first-child {
			margin-left: 0;
			padding-left: 0;
		}
		
		#blog ul li.has-author { position: relative !important; }
		#blog ul li.has-author img.author-thumbnail { max-width: 45px; max-height: 45px; position: absolute; left: -55px; top: -14px; }
		#blog ul.meta { padding-top: 15px !important; padding-bottom: 15px !important; padding-left: 55px !important; }
		
		#blog #sidebar .node ul.tags a[rel="tag"],
		#blog #articles > article footer ul li a[rel="tag"] {
			display: inline-block;
			margin-right: 3px;
			padding: 0 6px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		#blog #articles > article footer ul li a[rel="tag"]:first-child {
			margin-left: 4px;
		}
		#blog #articles > article .content {
			margin-top: 1.5em;
			margin-bottom: 1.5em;
		}
		#blog #articles > article .excerpt {
			overflow: hidden;
		}
		#blog #articles > article.single .excerpt,
		#blog #articles > article .content figure.intro	{
			float: left;
			padding: 0;
			margin: 0 30px 1.5em 0;
		}
		#blog #articles > article .content h4 {
			clear: both;
		}
		#blog #articles > article.single .excerpt {
			margin-right: 0; margin-bottom: .5em;
		}
		#blog #articles > article.single .main > p:first-child {
			font-weight: bold;
			font-size: 14px;
			line-height: 22px;
			color: black;
		}
		#blog #sidebar .node {
			margin-top: 2em;
			padding-top: 1.4em;
		}
		#blog #sidebar .node:first-child {
			margin-top: 0;
			padding-top: 3px;
		}
		#blog #sidebar .node ul.tags,
		#blog #sidebar .node ul.archive {
			margin: 0 0 1em;
			list-style-type: none;
		}
		#blog #sidebar .node ul.tags {
			overflow: hidden;
		}
		#blog #sidebar .node ul.archive a {
			display: block;
			overflow: hidden;
		}
		#blog #sidebar .node ul.archive a time {
			display: block;
			float: left;
			width: 40px;
		}
		#blog #sidebar .node ul.archive a span {
			display: block;
			margin-right: 40px;
		}
		#blog #sidebar .node ul.tags li {
			display: block;
			float: left;
			margin-bottom: 2px;
			margin-right: 4px;
		}
		#blog #comments {
			margin-top: 3em;
		}
		#blog #sidebar form.form-newsletter .field {
			overflow: hidden;
			margin: 0 0 .3em;
		}
		#blog #sidebar form.form-newsletter .field.actions {
			margin-top: .2em;
		}
		#blog #sidebar form.form-newsletter .field small {
			display: block;
			float: left;
			padding-top: 4px;
		}
		#blog #sidebar form.form-newsletter .field input[type="submit"] {
			display: block;
			margin-left: 146px;
		}
		#follow-us {
			display: none;
		}
		
		@media (min-width: 1200px) {
			
			header.primary ul.download li:first-child a {
				margin-right: -30px !important;
			}
			#introduction #portfolio .carousel-inner {
				left: 239px;
			}
			#introduction #portfolio .carousel-control.left {
				left: 138px;
			}
			#introduction #portfolio .carousel-control.right {
				right: 118px;
			}
			#testimonials-primary > div.item:first-child {
				margin-top: 4em;
			}
			.testimonial-container img {
				width: 18%;
			}
			section.tour .continue {
				margin-top: 40px;
				margin-left: 32%;
			}
			section.tour.odd aside.image img.ipad {
				margin-right: 100px;
			}
			section.tour.even aside.image img.ipad {
				margin-left: 100px;
			}
			section.tour aside.image img.screenshot {
				left: 191px !important; top: 55px;
			}
			section.tour.even aside.image img.screenshot {
				left: 74px !important;
			}
			#cases .row-fluid {
				width: 1170px !important;
				overflow: visible;
			}
			#faq {
				margin-bottom: 6em;
			}
			
		}
		
		@media (min-width: 1080px) {
			
			#follow-us { display: block; position: fixed; right: 0px; top: 34%; padding: 15px 15px 88px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
			#follow-us h2 { display: none; }
			#follow-us li { margin-bottom: 5px; }
			#follow-us li a { opacity: .6; }
			#follow-us li a:hover, #follow-us li a:focus { opacity: 1; }
			#follow-us li a img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
			
		}
		
		@media (min-width: 979px) and (max-width: 1200px) {

			#masthead .nav > li > a {
				padding: 10px 11px 10px !important;
			}
			#introduction {
				overflow: hidden;
			}
			#introduction #portfolio .hand {
				display: block;
				position: absolute;
				right: -85px; bottom: 0px;
				width: 85px; height: 277px;
			}
			section.tour.odd aside.image img.screenshot {
				left: 81px !important;
			}
			
		}
		
		@media (min-width: 979px) {
			
			header.primary {
				margin-top: 90px;
			}
			header.primary h1 {
				margin-top: -4px;
			}
			header.primary ul.download {
				position: relative;
			}
			header.primary ul.download li:first-child a {
				margin-right: -20px;
			}
			section.tour .content {
				padding-top: 3.5em;
			}
			section.tour .continue {
				margin-left: 25%;
				margin-top: 4em;
			}
			section.tour aside.image img.ipad {
				margin-bottom: -100px;
			}
			section.tour.odd aside.image img.ipad {
				margin-right: 20px;
			}
			section.tour.odd aside.image img.screenshot {
				left: 81px;
			}
			section.tour.even aside.image img.ipad {
				margin-left: 20px;
			}
			#content .broad.legal {
				margin-top: 2em;
			}
			#content .static {
				margin-bottom: 4em;
				overflow: hidden;
			}
			#cases {
				margin-top: -2em;
			}
			.usps.broad li {
				min-height: 102px;
				height: auto !important;
				height: 102px;
			}
			#faq article > p {
				margin-left: 2em;
				margin-right: 20%;
			}
			
		}
		
		@media (max-width: 979px) {
			
			.container.steerer .cycle {
				display: none;
			}
			#masthead {
				padding-right: 20px;
			}
			#masthead ul.language {
				right: 60px;
			}
			#introduction {
				height: auto;
				margin-top: -20px;
			}
			#introduction .container {
				margin-top: auto;
			}
			#introduction article ul.download li:first-child a {
				margin-left: 0;
			}
			#introduction article ul.download {
				margin-bottom: 25px;
			}
			#introduction article ul.download li {
				display: block;
			}
			#introduction #portfolio .carousel-inner {
				left: 139px; top: 107px;
			}
			#introduction #portfolio .carousel-control {
				top: 195px;
			}
			#introduction #portfolio .carousel-control.left {
				left: 38px;
			}
			#introduction #portfolio .carousel-control.right {
				right: auto;
				left: 504px;
			}
			#introduction #portfolio .hand {
				display: block;
				position: absolute;
				right: -37px; bottom: -5px;
				width: 38px; height: 529px;
			}
			#cases article > p.lead {
				margin-bottom: 0;
			}
			#cases article .content {
				width: 50%;
				margin-top: 4.5em;
			}
			#cases article .image {
				width: 50%;
				min-height: 400px;
				height: 400px;
			}
			#cases article .content p {
				width: 85%;
				margin-left: 0;
				padding-right: 15%;
			}
			#cases article .image img {
				right: 0px;
				padding: 25px 30px;
				width: 280px;
				-webkit-border-radius: 14px;
				-moz-border-radius: 14px;
				border-radius: 14px;
			}
			section.tour .continue p a {
				margin-left: 0; margin-bottom: 5px;
			}
			section.tour aside.image img.ipad {
				margin-bottom: -90px;
			}
			section.tour aside.image img.screenshot {
				left: 46px !important; top: 46px;
				width: 263px;
			}
						
		}
		
		@media (max-width: 890px) {
			
			#introduction #portfolio .carousel-control {
				display: none;
			}
			#share .addthis_toolbox {				
				max-width: 100% !important;
				width :100%;
			}
			#share .addthis_toolbox p.lead {
				float: none;
			}
			
		}
		
		@media (min-width: 767px) {
			
			.field textarea {
				width: 60%;
			}
			.alert-success {
				width: 85%;
			}
			
		}
		
		@media (max-width: 767px) {
		
			body {
				padding-left: 0 !important; padding-right: 0 !important;
			}
			#masthead, #content, #testimonials, #footer { padding-left: 20px; padding-right: 20px; }
			#content .broad {
				padding-top: 1.5em;
				padding-bottom: 1.5em;
			}
			#introduction {
				height: auto;
			}
			#introduction article .inner {
				padding-left: 0%;
				padding-right: 2%;
			}
			#introduction article h1 {
				width: 100%;
			}
			#introduction #portfolio {
				margin-top: 20px;
			}
			#video-container {
				width: 100%;
				padding-bottom: 20px;
			}
			#introduction #portfolio .hand {
				display: none !important;
			}
			#introduction #portfolio .carousel-control {
				display: block !important;
			}
			section.tour .content {
				padding-top: .1em;
			}
			section.tour aside.image {
				min-height: 0 !important;
			}
			section.tour aside.image img {
				display: none;
			}
			#cases article {
				width: 96%;
			}
			#cases article > p.lead {
				margin-bottom: -1em !important;
				margin-left: 20px; margin-right: 20px;
			}
			#cases article .content p {
				width: 77% !important;
				padding-left: 8%;
				padding-right: 15%;
			}
			
		}
		
		@media (max-width: 690px) {
			
			#cases article .content,
			#cases article .image {
				float: none !important;
				width: 100% !important;
			}
			#cases article .content p {
				width: 100% !important;
				padding-left: 20px;
				padding-right: 20px;
			}
			#cases article .image {
				min-height: auto;
				height: auto;
				padding-top: 2em;
				padding-bottom: 2em;
				padding-left: 20px;
				padding-right: 20px;
				margin-left: auto !important;
				margin-right: auto !important;
			}
			#cases article .image img {
				position: static;
				right: auto; top: auto;
				margin-left: auto;
				margin-right: auto;
			}
			
		}
		
		@media (max-width: 580px) {
		
			.carousel-control {
				visibility: hidden;
			}
			section.tour .content {
				padding-right: 0 !important;
			}
			section.tour aside.image {
				display: none;
			}
			
		}
		
		@media (max-width: 540px) {
		
			#introduction .container {
				margin-top: -10px !important;
			}
			#introduction #portfolio {
				display: none;
			}
		}
		
		@media (max-width: 450px) {

			#cases article .content p {
				width: 95% !important;
				margin-bottom: 2em;
			}
			#cases article .image {
				display: none;
			}
			section.tour .continue {
				display: none;
			}
			
		}

/* Design */

		body {
			color: rgb(85, 85, 85);
		}
		a {
			color: rgb(0, 177, 185);
		}
		strong.required,
		a:hover, a:focus {
			color: rgb(0, 149, 144);
		}
		h1, h2, h3, h4 {
			color: rgb(55, 55, 55);
		}
		h1.cat {
			background: rgb(0, 177, 185);
			color: white;
		}
		.lead strong {
			color: black;
		}
		.navbar-inner {
			border-bottom: 1px solid rgb(0,177,185) !important; 
			background: rgb(0,177,185) !important;
		}
		#masthead .container abbr {
			border-bottom: none;
		}
		#masthead .container .nav a {
			color: rgb(196,232,234);
			text-shadow: none; 
		}
		#masthead .container .nav li.active a {
			background: none;
			color: white; font-weight: bold;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		}
		#masthead ul.language li a {
			color: white;
			background: rgb(19,116,120);
		}
		body.nl #masthead ul.language li.nl a,
		body.en #masthead ul.language li.en a,
		body.de #masthead ul.language li.de a {
			color: white;
			background: rgb(0,113,125);
			opacity: 1;
			font-weight: bold; 
		}
		header.main h1 {
			color: rgb(160, 160, 160);
		}
		#cases,
		#introduction {
			background: url('https://www.medzineapp.com/assets/img/bkg-hallway-02.jpg') no-repeat center top fixed;
		}
		#introduction h1 {
			color: black;
		}
		#introduction article ul.download li a,
		.download-learning li a {
			text-shadow: 0px 0px 23px rgb(255, 255, 255);
		}
		section.tour .continue p a,
		body.nl section.tour .continue p a,
		header.primary ul.download li a,
		body.nl header.primary ul.download li a,
		#introduction article ul.download li.social a,
		.download-learning li a {
			background: url('https://www.medzineapp.com/assets/img/buttons-app.png') no-repeat 0px 0px transparent;
		}
		html.noandroid section.tour .continue p a,
		html.noandroid body.nl section.tour .continue p a,
		html.noandroid header.primary ul.download li a,
		html.noandroid body.nl header.primary ul.download li a,
		html.noandroid #introduction article ul.download li.social a {
			background: url('https://www.medzineapp.com/assets/img/buttons-app-noandroid.png') no-repeat 0px 0px transparent;
		}
		body.en section.tour .continue p a.apple,
		body.en header.primary ul.download li a.apple,
		#introduction article ul.download li.social.apple.en a,
		.download-learning li a.apple {
			background-position: 0px -40px !important;
		}
		body.de section.tour .continue p a.apple,
		body.de header.primary ul.download li a.apple,
		#introduction article ul.download li.social.apple.de a,
		.download-learning li a.apple.de {
			background-position: 0px -120px !important;
		}
		section.tour .continue p a.android,
		header.primary ul.download li a.android,
		#introduction article ul.download li.social.android a,
		.download-learning li a.android {
			background-position: 0px -80px !important;
		}
		html.noandroid section.tour .continue p a.android,
		html.noandroid header.primary ul.download li a.android,
		html.noandroid #introduction article ul.download li.social.android a {
			cursor: default !important;
		}
		#introduction #portfolio {
			background: url('https://www.medzineapp.com/assets/img/bkg-ipad-standing.png') no-repeat 85px 0px transparent;
		}
		#introduction article .lead {
			color: black;
			font-size: 20px;
		}
		#content {
			background: white;
		}
		#content .broad {
			border-top: 1px solid rgb(220, 220, 220);
		}
		.usps.broad {
			border-top: none !important;
		}
		#content .broad.primary {
			border: none;
		}
		.inner-cta { text-align: center; margin: -4.75em 0 4em; }
		.inner-cta h2 { margin-bottom: 1em; font-size: 1.7em; }
		.inner-cta .btn { background: rgb(255,109,0); padding: 6px 38px; }
		.inner-cta .btn:hover, .inner-cta .btn:focus { background: rgb(245,90,0); }
		
		#the-video {
			border: 1px solid rgb(220, 220, 220);
		}
		.testimonial-container blockquote {
			border-left: none;
		}
		.testimonial-container blockquote p {
			color: white;
			text-shadow: 1px 1px 1px rgb(0, 0, 0);
		}
		body.testimonials .testimonial-container blockquote p {
			color: black;
			text-shadow: none;
		}
		.testimonial-container blockquote small {
			background: black;
		}
		body.testimonials .testimonial-container blockquote small {
			background: rgb(242, 242, 242);
			color: rgb(140, 140, 140);
		}
		#testimonials > div > p a abbr {
			border-bottom: none;
		}
		#testimonials,
		#footer {
			background: rgb(50, 50, 50);
			color: rgb(125, 125, 125);
		}
		#testimonials a,
		#footer a {
			color: rgb(180, 180, 180);
		}
		#footer a:hover, #footer a:focus {
			color: white;
		}
		#footer .container {
			border-top: 1px solid rgb(75, 75, 75);
		}
		body.testimonials #footer .container {
			border-top: none;
		}
		#footer nav ul li {
			border-left: 1px solid rgb(100, 100, 100);
		}
		#footer nav ul li:first-child {
			border-left: none;
		}
		#footer nav ul li a {
			color: white;
			text-shadow: 1px 1px 1px rgb(0, 0, 0);
		}
		#footer nav ul li a:hover, #footer nav ul li a:focus {
			background: none;
		}
		#medix p:first-child a {
			background: url('https://www.medzineapp.com/assets/img/logo-medix.png') no-repeat 0px 0px transparent;
		}
		header.primary h1,
		header.primary h1 > a {
			color: black;
		}
		#share,
		section.tour {
			border-top: 1px solid rgb(220, 220, 220);
		}
		section.tour .content h2 > strong {
			background: rgb(0, 177, 185);
			color: white;
		}
		.usps ul {
			border-bottom: 1px dotted rgb(190, 190, 190);
		}
		.usps.broad li,
		.usps ul li {
			color: rgb(160, 160, 160);
			border-top: 1px dotted rgb(190, 190, 190);
		}
		.usps.broad li {
			border-bottom: 1px dotted rgb(190, 190, 190);
		}
		.usps.broad li strong,
		.usps ul li strong {
			color: rgb(120, 120, 120);
		}
		#cases article .content p.lead {
			color: black;
		}
		#cases .image {
			background: url('https://www.medzineapp.com/assets/img/bkg-ipad-horizontal.png') no-repeat bottom right transparent;
		}
		#cases #cycler-nav a {
			background: rgb(255, 255, 255);
			background: rgba(255, 255, 255, .6);
		}
		#cases #cycler-nav a:hover, #cases #cycler-nav a:focus {
			background: rgb(255, 255, 255);
			-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
			box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		}
		#cases #cycler-nav a.activeSlide {
			background: rgb(0, 177, 185);
			color: white;
			text-shadow: 1px 1px 1px rgb(45, 144, 141);
			-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
			box-shadow: 0 0 10px rgba(0, 0, 0, .1);
		}
		#explained {
			border-top: none !important;
		}
		#faq > div,
		ul.specs li {
			border-top: 1px dotted rgb(190, 190, 190);
		}
		#faq > div:first-child,
		ul.specs li:first-child {
			border-top: none;
		}
		#faq > div article h2:hover span {
			border-bottom: 1px dotted rgb(85, 85, 85);
		}
		#blog #sidebar .node,
		#blog #articles > article {
			border-top: 1px dotted rgb(190, 190, 190); 
		}
		#blog #sidebar .node:first-child,
		#blog #articles > article:first-child {
			border-top: none; 
		}
		#blog #articles > article header ul.meta,
		#blog #articles > article footer ul {
			color: rgb(160, 160, 160);
		}
		#blog #articles > article header ul.meta i,
		#blog #articles > article footer ul i {
			opacity: .5;
		}
		#blog #articles > article header ul.meta li.comments,
		#blog #articles > article footer ul li {
			border-left: 1px solid rgb(190, 190, 190);
		}
		#blog #articles > article footer ul li:first-child {
			border-left: none;
		}
		#blog #sidebar .node ul.tags a[rel="tag"],
		#blog #articles > article footer ul li a[rel="tag"] {
			background: rgb(227, 245, 244);
		}
		#blog #sidebar .node ul.tags a[rel="tag"]:hover, #blog #sidebar .node ul.tags a[rel="tag"]:focus,
		#blog #articles > article footer ul li a[rel="tag"]:hover, #blog #articles > article footer ul li a[rel="tag"]:focus {
			color: rgb(227, 245, 244);
			background: rgb(69, 166, 161);
		}
		#blog #sidebar form.form-newsletter .field small,
		#blog #sidebar .node ul.archive a time {
				color: rgb(160, 160, 160);
		}
		#follow-us, #follow-us.en, #follow-us.de { 
			background: url('https://www.medzineapp.com/assets/img/bkg-followus.jpg') no-repeat 45% 96% white;
			border-left: 1px solid rgb(215,230,235);
			border-top: 1px solid rgb(215,230,235);
			border-bottom: 1px solid rgb(215,230,235);
			-webkit-box-shadow: 0px 0px 30px rgba(5,5,5,.1);
			-moz-box-shadow: 0px 0px 30px rgba(5,5,5,.1);
			box-shadow: 0px 0px 30px rgba(5,5,5,.1);
		}
		#follow-us.nl {
			background-image: url('https://www.medzineapp.com/assets/img/bkg_followus_nl.jpg');
		}
		#follow-us.de {
			background-image: url('https://www.medzineapp.com/assets/img/bkg_followus_de.jpg');
		}
		
		@media (max-width: 979px) {
			
			#introduction #portfolio {
				background: url('https://www.medzineapp.com/assets/img/bkg-ipad-standing-small.png') no-repeat 25px 40px transparent;
				background-position: 25px 40px;
			}
			#introduction #portfolio .hand {
				background: url('https://www.medzineapp.com/assets/img/bkg-ipad-standing-hand-small.png') no-repeat 0px 0px transparent;
			}
			#cases article .image {
				background: none;
			}
			#cases article .image img {
				background: black;
				border: 2px solid rgb(190, 190, 190);
				-moz-box-shadow:  0 0 10px rgba(0, 0, 0, .2);
				-webkit-box-shadow:  0 0 10px rgba(0, 0, 0, .2);
				box-shadow: 0 0 10px rgba(0, 0, 0, .2);
			}
			
		}
		
		@media (min-width: 979px) and (max-width: 1200px) {

			#introduction #portfolio .hand {
				background: url('https://www.medzineapp.com/assets/img/bkg-ipad-standing-hand.png') no-repeat 0px 0px transparent;
			}
			
		}
		
		@media (min-width: 1200px) {
			
			#introduction #portfolio {
				background-position: 125px 0px;
			}
			#share {
				padding-bottom: 7em;
			}
			
		}
.user-content p a {
	color: #000;
	text-decoration: underline;
}