h1, .h1 {
	font-size: 48px;
	font-weight: 400;
}

h2, .h2 {
	font-size: 32px;
	color: #ff0000;
	margin-bottom: 1em;
	font-weight: 400;
}

h3 {
	font-weight: 700;
	margin-bottom: 1em;
}

.lead {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 300;
}



p {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 100;
}

a {
	color: #000;
	font-weight:400;
	text-decoration: underline;
}

a:hover {
	color: #000;
	font-weight:700;
	text-decoration: underline;
	opacity: 0.8;
}
a:focus {
	color: #000;
	text-decoration: underline;
}

.imagelink {
	display: block;
	overflow: hidden;
	min-height: 100%;
	width: 100%;
}

.imagelink:hover {
	opacity: 0.8;
}

.img-responsive {
    display: block;
}

.img-zoom {
    transition: transform 0.25s ease;
    transition: -webkit-transform 0.25 ease;
    min-height: 100%;
    z-index: 999;
    position: relative;
    overflow: hidden;
}

/*Img-zoom for safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .img-zoom {
        position: relative;
    }
}

.pipedriveWebForms {
    transition: transform 0.4s ease;
    opacity: 0;
}

.img-zoom:hover {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    opacity: 1.0;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.no-padding {
	padding: 0;
}

.padding-left-64 {
	padding: 0 0 0 64px;
	text-align: center;
}

.customer-info {padding: 0 0 0 64px;}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* BUTTONS */

.container .call-to-action {
	font-size: 17px;
	color: #fff;
	background-color: #888888;
	text-transform: uppercase;
	padding: 20px 100px;
	border-radius: 48px;
	display: inline-block;
	text-decoration: none;
	margin: 0 0 16px 0;
	font-weight: 700;
}

/*.container .call-to-action:focus,*/ .container .call-to-action:hover {
	color: #fff;
	background-color: #cccccc;
	text-decoration: none;
	opacity: 1;
}

.container .call-to-action:active {
	background-color: #fff;
	color: #000000;
	text-decoration: none;
}

/* HEADER */

#header {
	padding-top: 32px;
	padding-bottom:32px;
	background-color:#888888;
  position:fixed;
  width: 100%;
  z-index: 9999;
  transition: transform .3s ease-in-out;
}

#header .container {
    transition: transform .3s ease-in-out;
}

.Logo {
    transition: transform .3s ease-in-out;
    transform-origin: 0% 50%;
}

@media (min-width: 992px) {
    .minimized {
        transform: translateY(-60px);
    }

    .minimized .container {
        transform: translateY(30px);
    }

    .minimized .Logo {
        transform: scale(0.6);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .minimized {
        transform: translateY(-104px);
    }
}

#header ul.navbar-nav>li>a 
{
	font-size: 17px;
	text-transform: uppercase;
	color: #fff;
	text-decoration:none;
	font-weight: 700;
	line-height: 64px;
	border-radius: 96px;
}

#header ul.navbar-nav>li>a:hover, 
#feedback button:hover, 
.toTop:hover
{
	background-color: #cccccc;
	box-shadow:none;
	border:none;
	outline:none;
	color:#fff;
	opacity: 1;
}

#header ul.navbar-nav>li>a:focus,
#feedback button:focus,
.toTop:focus
{
	background-color: #cccccc;
	box-shadow:none;
	border:none;
	outline:none;
	color:#fff;
}

#header ul.navbar-nav>li>a:active, .toTop:active 
{
	background-color: #fff;
	color: #cccccc;
}

#header .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:none;
	box-shadow: none;
}

#header .navbar-default .navbar-toggle:hover, #header .navbar-default .navbar-toggle:focus {background-color:transparent;}

.navbar-toggle {padding:0;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;margin: 11px 0 0 0;}

#header .navbar {
margin-bottom:0;
} 

.navbar-brand{width: 196px;max-width:400px;height:auto;padding:0;}


/*

.navbar-brand img {

}

.navbar-toggle {
padding:0;
border:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}

.toTop {
text-decoration:none;
}

#feedback button:active{
background-color: #000;
box-shadow:none;
border:none;
outline:none;
}

.navibutton-img {
width:32px;
}

*/

#uusilauma {
	background: #FFFFFF url("../img/partioon.png") no-repeat center;
	background-size: auto 100%;
	padding-bottom: 500px;
	padding-top: 500px;
}

#uusilauma .lead2 {
	color: #FFFFFF;
	font-weight: 1200;
}

#uusilauma .lead {
	font-weight: 600;
	color: #FFFFFF;
}

#uusilauma img {
	padding: 36px;
}

/* HERO */

#hero {
	background: #606060 url("../img/hero_bg.jpg") no-repeat center;
	background-size: auto 100%;
	padding-bottom: 96px;
	padding-top: 226px;
}

#hero .lead {
	font-weight: 400;
}

#hero img {
	padding: 36px;
}


/*

#hero a {
color:#444;
}

a:hover, a:focus, 
#hero a:focus, #hero a:hover {
color: #ff2c68;
text-decoration:none;
}

a:active, #social a:active, #hero a:active {
color:#BF2257;
}

.takaisin {
color: #ff2c68;
text-decoration: none;
}

.takaisin:hover, .takaisin:focus {
color:#BF2257;
}

.takaisin:active {
color:#000;
}

.lead {
margin:0;
}

.overview {
margin-bottom:64px;
}

#hero h1 {
margin-bottom: 1.5em;
}

#hero .lead, #subpage-intro .lead {
margin-top: 1em;
}

#hero .intro li {
list-style-type: disc;
}

#hero .intro ul {
padding-left:1em;
}

#hero .slides li {
text-align:center;
margin:auto;
padding:32px 0;
margin-top: 0;
}

#hero a {
text-decoration: none;
}




.slides img {

}

*/

/* SUMMARY */

#summary {
	/* background-color: #ECCCFF; */
	padding-top: 64px;
	padding-bottom: 64px;
	/* color: #fff; */
	background: #e9e9e9 url("../img/summary_light_bg.png") no-repeat left;
	background-size: auto 100%;
}

#summary h1 {
	font-size: 35px;
	text-transform: uppercase;
	margin: 0 0 16px;
	font-weight: bold;
	color: #333333;
}

#summary h3 {
	font-size: 24px;
	margin: 0 0;
	font-weight: 400;
	color: #333333;
}

#summary p {
	font-weight: 400;
	line-height: 1.7em;
}

#toimintaryhmat {
	background-color: #e0e0e0;
}

/* DESCRIPTION */

#description {
	padding-top: 96px;
	padding-bottom: 96px;
}


#description .col-md-6 {
	width: 100%;
	text-align: center;
}


/*#subpage-intro {
padding-top:0;
padding-bottom:0;
}

#subpage-intro .row {
margin-bottom: 4em;
}

#subpage-links {
padding-top: 64px;
padding-bottom: 64px;
text-align: center;
}

#subpage-links .subpage-link{
display: inline-block;
position: relative;
width: 100%;
margin-bottom:1.5em;
}

#subpage-links .subpage-link a{
color:#ff2c68;
padding-bottom: 2em;
}

#subpage-links .subpage-link a {
text-decoration: none;
}

#subpage-links .subpage-link a:hover, #subpage-links .subpage-link a:focus {
color:#BF2257;
}

#subpage-links .subpage-link:hover, #subpage-links .subpage-link:focus {
border-color:#BF2257;
}
*/

#details {
padding-top: 64px;
padding-bottom: 64px;
}

#features {
padding-top: 32px;
padding-bottom: 32px;
}

#features .featurelogo {
width:64px;
height:64px;
}

#features .img-responsive {
max-width:45%;
margin:64px auto;
}

.carousel-indicators {
bottom:1em;
}

.carousel-indicators .active {
width:10px;
height:10px;
margin:1px 5px 1px 1px;
}

#testimonials {
position: relative;
height: 40em;
padding: 0;
}

#testimonials .title {
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 50px;
z-index: 1;
color: white;
}

#testimonials .testimonial-items {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 450px; 
padding: 0;
}

#testimonials .col-md-12 {
padding: 0;
}

#testimonials .testimonial-items .item {
padding: 4em 0 0;
height: 40em;
color: white;
background-position: left center;
background-size: 100% auto; 
background-repeat: no-repeat;
}

#testimonials .testimonial-items .item .row {
max-width: 1170px;
margin:0 auto;
}

#testimonials a {
color: #fff;
text-decoration: underline;
}

#testimonials a:hover, #testimonials a:focus{
color: #ff2c68;
}

#testimonials a:active {
color: #BF2257;
}

#testimonials .testimonial-items .item-1 {
background-image: url(../img/example-bg-1.jpg);
}
#testimonials .testimonial-items .item-2 {
background-image: url(../img/example-bg-2.jpg);
}
#testimonials .testimonial-items .item-3 {
background-image: url(../img/example-bg-3.jpg);
}
#testimonials .testimonial-items .item-4 {
background-image: url(../img/example-bg-4.jpg);
}

.news-date {
margin-bottom:0;
}

.news-headline {
margin-top:0;
}

.news-header {
color:#444;
margin:0 0 1em;
}

#news {
margin-top:64px;
margin-bottom:64px;
}

#news .news-image-big, #news .news-image {
height: 26em;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
margin-bottom:1em;
}

#news .news-image-big img, #news .news-image img {
min-height: 100%;
max-width: 100%;

 /* IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 5-7 */
filter: alpha(opacity=0);
/* modern browsers */
opacity: 0;
}

#news .news-image {
height: 12em;
}

#faq {
background-color: #ff2c68;
padding-top:64px;
padding-bottom: 64px;
color: #ffffff;
}

#faq .lead {
margin-bottom: 1em;
}

#yhteystiedot {
padding-top:64px;
padding-bottom: 64px;
}

#yhteystiedot .lead {
margin-bottom:32px;
}

#social {
background-color: #ff2c68;
padding-top:32px;
padding-bottom:32px;
}

.social-icon {
background-color: #ffffff;
color: #ff2c68;
}

.social-icon:hover {
background-color: #444;
color:#fff;
}

.green-tooltip + .tooltip > .tooltip-inner {
background-color: #444;
}

.green-tooltip + .tooltip.top .tooltip-arrow {
border-top-color: #444;
}

.navbutton-vcenter {
height: 21px;
position: absolute;
right: 0;
top: 54%;
margin: -10px 0 0;
}

#faq p {
margin-bottom: 3em;
}

#faq .lead {
font-size:20px;
}

#laakelistaus tr:nth-child(odd) {
background: #eee;
}

#laakelistaus td {
padding: 0.2em 0 0.2em 12px;
}

#laakelistaus .lead {
padding-top:1em;
padding-bottom:1em;
}

/*

#feedback {
background-color:#444;
color:#fff;
padding-top: 64px;
padding-bottom: 64px;
}

#feedback form{
max-width: 600px;
margin-left:auto;
margin-right:auto;
}

#feedback input{
width:100%;

margin-bottom:0.6em;
height:3em;
}

#feedback textarea{
width:100%;

height:10em;
margin-bottom:1.4em;
}

#feedback input, #feedback textarea{
background-color: #eee;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-color:#444;
}

#feedback input:focus, #feedback textarea:focus{
background-color: #fff;
border-color:#ff2c68;
}

#feedback button {
background-color: #ff2c68;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: none;
width:100%;
height: 4em;
}

*/

.logo-grid-image {
margin: 1em 0;
background-color:#fff;
height:10em;
text-align:center;
vertical-align:middle;
color:#444;
border-radius:18px;
-moz-border-radius:18px;
-webkit-border-radius:18px;
}

.logo-grid-image img {
max-height:75%;
}

.logo-grid-image:hover, .logo-grid-image:focus {
background-color:#eee;
}

.logo-grid-image:active {
background-color:#ddd;
}

.toTop {
padding: 0.8em 1.4em;
background: #ff2c68;
color: #fff;
position: fixed;
bottom: 0;
right: 2em;
display: none;
border-radius: 12px 12px 0 0;
}

.toTop img {
vertical-align: baseline;
margin-right: 5px;
}


/* CUSTOMERS */

#clinicians {
	background-color: #fff;
}

#clinicians a, #laboratories a, #patients a{
	color: #B761E9;
}

#laboratories {
	background-color: #F2DBFF;
}

#patients {
	background-color: #F2DBFF;
}

#laboratories,
#patients
{
	/* color: #fff; */
}

	#laboratories h2,
	#patients h2
	{
		/* color: #fff; */
	}

.customer {
	width: 192px;
}

.customer-info .lead {
	margin-bottom: 1em;
}



/* PRICING */

#pricing {
	background-color: #4D4D4D;
	color: #fff;
	padding-top: 64px;
	padding-bottom: 64px;
}

#pricing h2 {
	color: #fff;
}

/* yhteystiedot */
#yhteystiedot {
	background-color: #888888;
	color: #fff;
}
.abomics-logo {
	padding: 112px 32px 0 32px;
}

.ce-logo {
    width: 56px;
    float: right;
}

/*
#yhteystiedot .button-link {
background-color: #ff2c68;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: none;
padding: 0.6em 5em 0.8em;
text-decoration: none;
color: #fff;
display: inline-block;
margin-top: 1em;
}

#yhteystiedot .button-link:hover, #yhteystiedot .button-link:focus {
background-color: #BF2257;
}

#yhteystiedot .button-link:active {
background-color: #444;
}
*/



/* mediaqueries*/


@media (min-width: 1200px) {


	
	.navbar-rightleft {
	/* float: right!important; */
	}

}

@media (max-width: 1200px) {

	.lead {
		font-size: 16px;
	}

}

@media (min-width: 992px) {

	#hero .slides li {
	}

	.navbar-nav {
		position:absolute;
		right:0;
		margin: 0;
	}

	.navbar-header {
		float: left;
	}

	.padding-left-64 .imagelink img {
		max-width: 130%;
		margin: 0px -15%;
	}

	#description img {
		padding: 0 20% 48px;
	}
	#description .lead {
		padding-left:15%;
		padding-right: 15%;
		margin-bottom:32px;
	}

}

@media (max-width: 992px) {
    
    .container {padding-left: 32px;padding-right: 32px;}

    .call-to-action {
	    font-size: 18px;
    }

    .navbar-header {
		float: none;
	}

	#summary {
	    text-align: center;
        padding-top: 96px;
	    padding-bottom: 96px;
	}
	
	#summary p {
	    font-size: 15px;
	    line-height: 2em;
	}
	
	#summary .row div:first-child {
		margin-bottom: 48px;
	}

	#description {
	    text-align: center;
	}
	
	#description .imagelink {
	    width: 75%;
	    margin:0 auto 2em;
	}
	#description .lead:last-child {
		margin-bottom: 0;
	}

	#clinicians,
	#laboratories,
	#patients
	{
		padding-top: 64px;
		padding-bottom: 64px;
		text-align: center;
	}

	.padding-left-64 {
		display: none;
	}
	.customer-info {
		padding:0;
	}

	#yhteystiedot {
	    text-align: center;
	}

	#yhteystiedot .abomics-logo {
		width: 256px;
		margin: 1em auto 4em;
		padding: 0;
	}

}


@media (min-width: 768px) {
	
	.navbar-nav>li>a {
	}
	
	.navbar-nav>li/ {
	padding: 0 0 0 1em;
	}
	
	#header ul.navbar-nav>li>a {
		margin: 0em 0 0;
		padding: 0 1.5em;
	}	

	.navbar-rightleft {
	/* float: left!important; */
	/* margin-left:-30px; */
	}

	.navbar-brand{
	height:64px;
	padding:0;
	}

	.navbar-brand img {
	height: 64px;
	}

}

@media (min-width: 768px) and (max-width: 992px) {
	
	.navbar-nav {
    	margin: 1em 0;
	}
	
	#header {
		padding-bottom: 0;
	}

}


@media /*(min-width: 320px) and */(max-width: 767px) {
	
	#header {
		padding-top: 16px;
		padding-bottom:16px;
	}

	#header .navbar-header {
		margin: 0;
	}

	#header .container-fluid {
		position:relative;
		width: 100%;
		padding: 0;
	}
	
	#header .navbar-brand img {
		width: 100%;
	}
	#header .navbar-toggle img {
		width: 32px;
	}
	
	#details {
	padding: 32px 0;
	}
	
	.slides img {
	margin:auto;
	}
	
	#hero {	
	padding-bottom: 32px;
	padding-top: 32px;
	}
	
	#hero .row {
	text-align:center;
	}
	
	#hero .intro h1 {
	max-width:450px;
	margin: 20px auto 1em;
	font-size: 26px;
	font-weight: 700;
	}
	
	#hero .intro ul {
	margin: 48px auto 32px;
	width:20em;
	}
	
	#hero .intro ul li {
	text-indent:-8px;
	}

	#hero .slides li {
	padding-bottom:0;
	}
	
	#hero .flexslider .slides img {
	max-width:400px;
	width: 84%;
	padding: 20px 0;
	}
	
	.iphone-1 {
	display:none;
	}

	#details {
	text-align:center;	
	}
	
	#details p:first-child {
	margin-bottom: 1em;	
	}
	
	.example-img img {
	margin:auto;
	width:150px;
	}
	
	.carousel-indicators {
	bottom: -3em;
	}
	
	.overview {
	margin-bottom: 48px;
	}
	
	#yhteystiedot, #subpage-intro {
	padding-top: 32px;
	padding-bottom: 32px;
	}

	#header ul.navbar-nav>li>a {
	margin: 0 64px 0 0;
	padding: 0 16px;
	/* border-radius: 30px; */
	-moz-border-radius: 30px;
	/* -webkit-border-radius: 30px; */
	/* border: 2px solid #ff2c68; */
	/* color: #ff2c68; */
	/* font-weight: 400; */
	/* background-color: #fff; */
	/* text-align: center; */
	}
	
	#header ul.navbar-nav {
	margin: 1em -15px 0;
	}
	
	#header ul.navbar-nav>li>a:hover, #header ul.navbar-nav>li>a:focus {
	background-color: #D080FF;
    box-shadow: none;
    border: none;
    outline: none;
    color: #fff;
	}
	
	#header ul.navbar-nav>li>a:active {
    background-color: #fff;
    color: #B761E9;
	}
	
	#feedback {
	padding-top: 32px;
	padding-bottom: 32px;
	}
	
	.toTop {
	margin: 0 10%;
	width: 80%;
	right: initial;
	text-align: center;
	}

	.container .call-to-action {
    	padding: 16px 48px;
  }
 	
	#summary h1 {
   		font-size: 24px;
	}
	#summary h3 {
    	font-size: 18px;
	}
	.customer {
    	width: 128px;
	}
	.customer-info h2 {
		margin-bottom: 1.4em;
	}
	.lead, #summary p {
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6em;
	}
	#description, #pricing {
	    padding-top: 48px;
	    padding-bottom: 48px;
	}
	#summary {
	    padding-top: 64px;
	    padding-bottom: 64px;
	}
	#yhteystiedot .abomics-logo {
    	width: 176px;
    	margin-top: 32px;
 	}

 	#header .container {
 		padding-left: 24px;
 		padding-right: 24px;
 	}