@charset "UTF-8";
/* CSS Document */

/* Z indexes 
.topheader			20
.scrolldownplease	10
#horisontalnav 		30
*/


/* Initial settings 
*******************************************************************************/
@viewport {
 zoom: 1.0;
 width: device-width;
}
@-ms-viewport {
 width: extend-to-zoom;
 zoom: 1.0;
}
body {
	font-family: 'Lora', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #435a6d;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.emptyline {
	line-height: 50%;
}
.plaintext {
	line-height: 140%;
	text-align: justify;
}
.narrow {
	letter-spacing: -0.5px;
}
.narrowest {
	letter-spacing: -6.0px;
}
.centeraligned {
	text-align: center;
}
.hidden {
	display: none;
}
a, a:visited {
	color: #3e88d0;
}
/* [END] Initial settings */







/* Typography
*******************************************************************************/

h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}
h1 {
	font-size: 36px;
	color: #000;
	margin-bottom: 10px;
}
h2 {
	font-size: 21px;
	color: #435a6d;
	margin-bottom: 5px;
}
h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 2px;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #000;
	margin-bottom: 5px;
}
.ingresse {
	font-size: 21px;
	line-height: 140%;
}
.white {
	color: #FFF;
}
.imagetext {
	display: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 11px;
}
.minitext {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
}
/* [END] Typography */








/* The top header 
*******************************************************************************/
.topheader {
	position: relative;
	margin: 0 auto;
	z-index: 20;
	height: 180px;
	text-align: center;
	background: url(../img/logo-ct.png) center 100px no-repeat #FFF;
}
.topheader2 {
	position: relative;
	margin: 0 auto;
	z-index: 20;
	width: 960px;
	height: 100px;
	text-align: center;
	background: url(../library/sliderimages/logo-easychange.png) center 30px no-repeat;
}
/* [END] Top header */










/* The Navigation menu 
*******************************************************************************/
header, nav {
	display: none;
}
/* Determining the position of the Navigation menu */
#nav-position {
	margin: 0 auto;
	width: 10px;
	height: 0px;
	font-size: 0;
	background-color: #F00;
}
#horisontalnav {
	margin: 0 auto;
	width: 100%;
	height: 50px;
	z-index: 30;
	top: 180px;
	background: #FFF;
	border-bottom: 1px solid #accdeb;
}
.standardNav {
	position: relative;
	overflow: visible;
}
.standardNav ul {
	margin: 0 auto;
	padding: 5px 0;
	width: 960px;
	list-style: none;
}
.standardNav li {
	display: block;
	float: left;
	margin-top: 7px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
}
.standardNav li.rightaligned {
	float: right;
}
.standardNav li a {
	display: block;
	color: #81add8;
	padding: 5px 10px;
	margin-right: 5px;
	border-radius: 4px;
}
.standardNav li.rightaligned a {
	margin-right: 0px;
}
.standardNav li a:hover {
	color: #006096;
	background-color: #afcfee;
}
.standardNav li.active a {
	color: #FFF;
	background-color: #81add8;
}
/* [END] Navigation menu */










/* General styles 
*******************************************************************************/
img {
	width: 100%;
	height: auto;
}
.container {
	margin: 0 auto;
	width: 960px;
	clear: both;
	padding: 40px 0;
}
.col-01 {
	float: left;
	width: 30%;
	margin-right: 5%;
}
.col-02 {
	float: left;
	width: 30%;
	margin-right: 5%;
}
.col-03 {
	float: left;
	width: 30%;
}
.col-01b {
	float: left;
	width: 48%;
	margin-right: 4%;
	clear: both;
}
.col-02b {
	float: left;
	width: 48%;
}
.col-0102 {
	float: left;
	width: 65%;
	margin-right: 5%;
}
.col-0203 {
	float: left;
	width: 66%;
}
.col-010203 {
	float: left;
	width: 100%;
}
hr {
	border: none;
	border-bottom: 1px solid #9CF;
}
.col-33percent {
	float: left;
	width: 30%;
	margin-right: 5%;
}
.col-33percent.last {
	margin-right: 0%;
}
.col-50percent {
	float: left;
	width: 47%;
	margin-right: 5%;
}
.col-50percent.last {
	margin-right: 0%;
}
/* [END] */


/* Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wrapper-splash {
	margin: 0 auto;
	width: 100%;
	background: #ddecf7;
	margin-top: 40px;
	padding: 0;
}
/* Limiting the splash to 1200 px width */
.splash {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	min-height: 430px;
	background: url(../img/splash-woman.jpg) right top no-repeat;
}
.splash-left {
	float: left;
	width: 40%;
}
.splash-left2 {
	clear: left;
	float: left;
	width: 40%;
}
.splash-ipad {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 35%;
	width: 210px;
	height: 140px;
	background: url(../img/splash-ipad.png) 0 0 no-repeat;
}
.splash-iphone {
	position: absolute;
	z-index: 20;
	top: 9%;
	right: 30%;
	width: 122px;
	height: 256px;
	background: url(../img/splash-iphone.png) 0 0 no-repeat;
}
.slider-iphone {
	position: absolute;
	z-index: 20;
	top: 14%;
	left: 23%;
	width: 122px;
	height: 256px;
	background: url(../img/splash-iphone.png) 0 0 no-repeat;
}
.splash-iphone-content {
	position: absolute;
	z-index: 30;
	top: 45px;
	left: 10px;
	width: 102px;
	height: 173px;
	background: url(../img/splash-iphonecontent.jpg) 0 0 no-repeat;
	/* Animate the content */
	-moz-animation-duration: 10s;
	-webkit-animation-duration: 10s;
	-moz-animation-name: mobilecontent;
	-webkit-animation-name: mobilecontent;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	/* Easing the transitions */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* Animate the content */
@-moz-keyframes mobilecontent {
 0% {
 background-position: 0% 50%;
}
 25% {
 background-position: 25% 50%;
}
30% {
 background-position: 25% 50%;
}
50% {
 background-position: 50% 50%;
}
55% {
 background-position: 50% 50%;
}
75% {
 background-position: 75% 50%;
}
80% {
 background-position: 75% 50%;
}
100% {
 background-position: 100% 50%;
}
}
@-webkit-keyframes mobilecontent {
 0% {
 background-position: 0 0;
}
 15% {
 background-position: 0 0;
}
20% {
 background-position: -102px 0;
}
35% {
 background-position: -102px 0;
}
40% {
 background-position: -204px 0;
}
55% {
 background-position: -204px 0;
}
60% {
 background-position: -306px 0;
}
75% {
 background-position: -306px 0;
}
80% {
 background-position: -408px 0;
}
95% {
 background-position: -408px 0;
}
}
/* [END] Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* How it works - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.container-howitworks {
	margin: 0 auto;
	width: 960px;
	clear: both;
	padding: 40px 0;
}
/* [END] How it works - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Habit change - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wrapper-habitchange {
	margin: 0 auto;
	width: 100%;
	background: #FFF;
}
/* [END] Habit change - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




/* Making the blue ribbon stretch all the way out */
.wrapper-flexslider-outer {
	margin: 0 auto;
	width: 100%;
	background: #deeefd;
}
/* Limiting the flexslider to 1200 px width */
.wrapper-flexslider {
	margin: 0 auto;
	width: 960px;
	height: 474px;
}
.flexshader {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
/* [END] Habit change */


.wrapper-entertainer {
	margin: 0 auto;
	width: 100%;
}
.container-entertainer {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 960px;
	height: 474px;
	clear: both;
	overflow: hidden;
}
.supertext {
	position: absolute;
	z-index: 4;
	left: 0;
	bottom: 0;
}
.fadeout {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
}
.head {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
}
.blankbackground {
	position: relative;
	z-index: 0;
	left: 0;
	top: 0;
	max-width: 960px;
	height: 474px;
	background: url(../library/sliderimages/blank2.jpg) 0 0 no-repeat;
}
.sessionpic {
	position: absolute;
	z-index: 2;
	left: 285px;
	top: 0;
	width: 390px;
	height: 100%;
	overflow: hidden;
}
.sessionpic-hicarl {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 1000px;
	overflow: hidden;
	/* Animate the picture */
	-webkit-animation-duration: 5s;
	-webkit-animation-name: movesessionpic-hicarl;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes movesessionpic-hicarl {
50% {
top:0;
}
100% {
top: -30px;
}
}
.sessionpic-smallsteps, .sessionpic-brain {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 1000px;
	overflow: hidden;
	/* Animate the picture */
	-webkit-animation-duration: 5s;
	-webkit-animation-name: movesessionpic-smallsteps;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes movesessionpic-smallsteps {
50% {
top:0;
}
100% {
top: -90px;
}
}
.sessionpic-cake {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 1000px;
	overflow: hidden;
	/* Animate the picture */
	-webkit-animation-duration: 5s;
	-webkit-animation-name: movesessionpic-cake;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes movesessionpic-cake {
50% {
top:0;
}
100% {
top: -175px;
}
}
.sessionpic-howdiditgo {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 1000px;
	overflow: hidden;
	/* Animate the picture */
	-webkit-animation-duration: 5s;
	-webkit-animation-name: movesessionpic-howdiditgo;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes movesessionpic-howdiditgo {
50% {
top:0;
}
100% {
top: -75px;
}
}
.sessionpic-saturday {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 1000px;
	overflow: hidden;
	/* Animate the picture */
	-webkit-animation-duration: 5s;
	-webkit-animation-name: movesessionpic-saturday;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes movesessionpic-saturday {
50% {
top:0;
}
100% {
top: -55px;
}
}
.sessionpic-instanthelp {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 1000px;
	overflow: hidden;
	/* Animate the picture */
	-webkit-animation-duration: 5s;
	-webkit-animation-name: movesessionpic-instanthelp;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes movesessionpic-instanthelp {
50% {
top:0;
}
100% {
top: -160px;
}
}
.sessionpic-howareyou {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	height: 1000px;
	overflow: hidden;
	/* Animate the picture */
	-webkit-animation-duration: 5s;
	-webkit-animation-name: movesessionpic-howareyou;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes movesessionpic-howareyou {
50% {
top:0;
}
100% {
top: -235px;
}
}
.sessionpic.instanthelp {
	background: url(../library/sliderimages/sessionpic-instanthelp.jpg) center top no-repeat;
}
.sessionpic.hicarl {
	background: url(../library/sliderimages/sessionpic-hicarl.jpg) center top no-repeat;
}
.sessionpic.smallsteps {
	background: url(../library/sliderimages/sessionpic-smallsteps.jpg) center top no-repeat;
}
.sessionpic.brain {
	background: url(../library/sliderimages/sessionpic-brain.jpg) center top no-repeat;
}
.sessionpic.cake {
	background: url(../library/sliderimages/sessionpic-cake.jpg) center top no-repeat;
}
.sessionpic.howdiditgo {
	background: url(../library/sliderimages/sessionpic-howdiditgo.jpg) center top no-repeat;
}
.sessionpic.saturday {
	background: url(../library/sliderimages/sessionpic-saturday.jpg) center top no-repeat;
}
.sessionpic.howareyou {
	background: url(../library/sliderimages/sessionpic-howareyou.jpg) center top no-repeat;
}
.sessionpic.whynot {
	background: url(../library/sliderimages/sessionpic-whynot.jpg) center top no-repeat;
}
/* Animate the tip */
@-moz-keyframes sessionscroll1 {
 50% {
 background-position: center top;
}
 100% {
 background-position: center bottom;
}
}
@-webkit-keyframes sessionscroll1 {
 50% {
 background-position: center top;
}
 100% {
 background-position: center bottom;
}
}
.arrow-hicarl {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 390px;
	height: 100%;
	background: url(../library/sliderimages/arrow1.png) 320px 442px no-repeat;
	/* Animate the arrow */
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pendingarrow-hicarl;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pendingarrow-hicarl {
 0% {
 background-position: 320px 442px;
}
 50% {
 background-position: 300px 442px;
}
110% {
 background-position: 320px 442px;
}
}
.arrow-smallsteps, .arrow-brain {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 390px;
	height: 100%;
	background: url(../library/sliderimages/arrow-smallsteps.png) 320px 493px no-repeat;
	/* Animate the arrow */
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pendingarrow-smallsteps;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pendingarrow-smallsteps {
 0% {
 background-position: 320px 493px;
}
 50% {
 background-position: 300px 493px;
}
110% {
 background-position: 320px 493px;
}
}
.arrow-cake {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 390px;
	height: 100%;
	background: url(../library/sliderimages/arrow1.png) 320px 591px no-repeat;
	/* Animate the arrow */
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pendingarrow-cake;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pendingarrow-cake {
 0% {
 background-position: 320px 591px;
}
 50% {
 background-position: 300px 591px;
}
110% {
 background-position: 320px 591px;
}
}
.arrow-howdiditgo {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 390px;
	height: 100%;
	background: url(../library/sliderimages/arrow1.png) 320px 484px no-repeat;
	/* Animate the arrow */
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pendingarrow-howdiditgo;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pendingarrow-howdiditgo {
 0% {
 background-position: 320px 484px;
}
 50% {
 background-position: 300px 484px;
}
110% {
 background-position: 320px 484px;
}
}
.arrow-saturday {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 390px;
	height: 100%;
	background: url(../library/sliderimages/arrow1.png) 320px 467px no-repeat;
	/* Animate the arrow */
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pendingarrow-saturday;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pendingarrow-saturday {
 0% {
 background-position: 320px 467px;
}
 50% {
 background-position: 300px 467px;
}
110% {
 background-position: 320px 467px;
}
}
.arrow-instanthelp {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 390px;
	height: 100%;
	background: url(../library/sliderimages/arrow1.png) 320px 574px no-repeat;
	/* Animate the arrow */
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pendingarrow-instanthelp;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pendingarrow-instanthelp {
 0% {
 background-position: 320px 574px;
}
 50% {
 background-position: 300px 574px;
}
110% {
 background-position: 320px 574px;
}
}
.arrow-howareyou {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 390px;
	height: 100%;
	background: url(../library/sliderimages/arrow1.png) 320px 648px no-repeat;
	/* Animate the arrow */
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pendingarrow-howareyou;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pendingarrow-howareyou {
 0% {
 background-position: 320px 648px;
}
 50% {
 background-position: 300px 648px;
}
110% {
 background-position: 320px 648px;
}
}
.arrow-whynot {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 390px;
	height: 100%;
	background: url(../library/sliderimages/arrow1.png) 320px 385px no-repeat;
	/* Animate the arrow */
	-webkit-animation-duration: 3s;
	-webkit-animation-name: pendingarrow-whynot;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pendingarrow-whynot {
 0% {
 background-position: 320px 385px;
}
 50% {
 background-position: 300px 385px;
}
110% {
 background-position: 320px 385px;
}
}
.barriers {
	position: absolute;
	overflow: visible;
	z-index: 1;
	width: 1200px;
	height: 1200px;
	left: -13%;
	top: -95%;
}
.invents {
	position: absolute;
	overflow: visible;
	z-index: 0;
	width: 1200px;
	height: 1200px;
	left: -13%;
	top: -95%;/*left: -23%;
	top: -117%;*/
}
.barriers {
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 40s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-duration: 40s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
 @-webkit-keyframes rotate {
 from {
-webkit-transform:rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
 @-moz-keyframes rotate {
 from {
-moz-transform:rotate(0deg);
}
to {
	-moz-transform: rotate(360deg);
}
}
.invents {
	-webkit-animation-name: rotate2;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate2;
	-moz-animation-duration: 30s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}
 @-webkit-keyframes rotate2 {
 from {
-webkit-transform:rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate2 {
 from {
-moz-transform:rotate(0deg);
}
to {
	-moz-transform: rotate(360deg);
}
}
.womaninsofa {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 960px;
	height: 474px;
	clear: both;
	overflow: hidden;
	background: url(../library/sliderimages/womaninsofa.jpg) 0 0 no-repeat;
}
.programposters {
	position: absolute;
	z-index: 2;
	width: 200px;
	height: 474px;/**/
	left: 32%;
	top: 0;
	overflow: hidden;
	background: url(../library/sliderimages/programposters.png) 0 0 repeat-y;
	/* Animate the tip */
	-moz-animation-duration: 35s;
	-webkit-animation-duration: 35s;
	-moz-animation-name: posterscroll;
	-webkit-animation-name: posterscroll;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
/* Animate the tip */
@-moz-keyframes posterscroll {
0% {
 background-position: 0 0;
}
 50% {
 background-position: 0 250%;
}
 100% {
 background-position: 0 0;
}
}
@-webkit-keyframes posterscroll {
0% {
 background-position: 0 0;
}
 50% {
 background-position: 0 250%;
}
 100% {
 background-position: 0 0;
}
}
.womaninsofa-cochrane {
	display: block;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	max-width: 960px;
	height: 474px;
	clear: both;
	overflow: hidden;
	background: url(../library/sliderimages/womaninsofa-cochrane.jpg) 0 0 no-repeat;
}
.check-01 {
	position: absolute;
	z-index: 2;
	left: 24%;
	top: 0;
	width: 30px;
	height: 180px;
	background: url(../library/sliderimages/check.png) center 0 no-repeat;
	background-size: contain;
	/* Animate the background */
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-name: movedown;
	-webkit-animation-name: movedown;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.check-02 {
	position: absolute;
	z-index: 2;
	left: 28%;
	top: 0;
	width: 40px;
	height: 180px;
	background: url(../library/sliderimages/check.png) center 0 no-repeat;
	background-size: contain;
	/* Animate the background */
	-moz-animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	-moz-animation-name: movedown;
	-webkit-animation-name: movedown;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.check-03 {
	position: absolute;
	z-index: 2;
	left: 33%;
	top: 0;
	width: 70px;
	height: 180px;
	background: url(../library/sliderimages/check.png) center 0 no-repeat;
	background-size: contain;
	/* Animate the background */
	-moz-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-name: movedown;
	-webkit-animation-name: movedown;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.check-04 {
	position: absolute;
	z-index: 2;
	left: 40%;
	top: 0;
	width: 40px;
	height: 180px;
	background: url(../library/sliderimages/check.png) center 0 no-repeat;
	background-size: contain;
	/* Animate the background */
	-moz-animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	-moz-animation-name: movedown;
	-webkit-animation-name: movedown;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.check-05 {
	position: absolute;
	z-index: 2;
	left: 44%;
	top: 0;
	width: 30px;
	height: 180px;
	background: url(../library/sliderimages/check.png) center 0 no-repeat;
	background-size: contain;
	/* Animate the background */
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-name: movedown;
	-webkit-animation-name: movedown;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
/* Animate the tip */
@-moz-keyframes movedown {
from {
 background-position: 0 0;
}
to {
	background-position: 0 90%;
}
}
@-webkit-keyframes movedown {
from {
 background-position: 0 0;
}
to {
	background-position: 0 90%;
}
}
/* Topic Psychology */
.bluebox {
	margin: 0 auto;
	padding: 20px 30px;
	color: #233645;
	background-color: #afcfee;
	border-radius: 8px;
	margin: 0px 0 0px 0;
	border: 1px solid #81add8;
	background: url(../img/forward.png) 90% 50% no-repeat #e6f4ff;
	/*-moz-box-shadow: inset 0 1px 5px 1px #a7ccec, 0px 1px 5px #adb7c0;
	-webkit-box-shadow: inset 0 1px 5px 1px #a7ccec, 0px 1px 5px #adb7c0;
	box-shadow: inset 0 1px 5px 1px #a7ccec, 0px 1px 5px #adb7c0;*/
	/* Animate the tip */
	-moz-animation-duration: 3s;
	-webkit-animation-duration: 3s;
	-moz-animation-name: slidein;
	-webkit-animation-name: slidein;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	/* Easing the transition on the bubble tip */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Animate the tip */
@-moz-keyframes slidein {
 0% {
 background-position: 95% 50%;
}
 50% {
 background-position: 85% 50%;
}
 100% {
 background-position: 95% 50%;
}
}
@-webkit-keyframes slidein {
 0% {
 background-position: 95% 50%;
}
 50% {
 background-position: 85% 50%;
}
 100% {
 background-position: 95% 50%;
}
}
.topic-psychology .col-03 {
	float: right;
	width: 30%;
	border-radius: 8px;
}
.topic-psychology .imagetext {
	position: relative;
	z-index: 30;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 11px;
	color: #233645;
	background: #afcfee;
	margin-top: -50px;
	padding: 5px 10px;
	text-align: right;
}
.bluebox h2 {
	color: #233645;
}
.downwards-big {
	margin: 0 auto;
	margin-top: -50px;
	width: 100%;
	height: 80px;
	background: url(../img/arrowdown.png) center 10px no-repeat;
	/* Animation settings */
	-moz-animation-duration: 3s;
	-webkit-animation-duration: 3s;
	-moz-animation-name: arrowmove;
	-webkit-animation-name: arrowmove;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	/* Easing the transition on the bubble tip */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Animate the arrow */
@-moz-keyframes arrowmove {
 0% {
 background-position: center -20px;
}
 50% {
 background-position: center 0px;
}
 100% {
 background-position: center -20px;
}
}
@-webkit-keyframes arrowmove {
 0% {
 background-position: center -20px;
}
 50% {
 background-position: center 0px;
}
 100% {
 background-position: center -20px;
}
}
@-ms-keyframes arrowmove {
 0% {
 background-position: center -20px;
}
 50% {
 background-position: center 0px;
}
 100% {
 background-position: center -20px;
}
}
.tinyversion img {
	display: none;
}
/* [END] Psychology */




/* Topic Markets */
.wrapper-markets {
	margin: 0 auto;
	width: 100%;
	background: url(../img/worldmap.gif) center 150px no-repeat;
}
.topic-markets {
}
.typobox-01, .typobox-02, .typobox-03, .typobox-04 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding: 20px 30px;
	margin: 20px 0 0 0;
	width: 35%;
	border-radius: 9999px;
}
.typobox-01 {
	color: #FFF;
	background: #660;
	float: right;
	margin-right: 5%;
	margin-top: 100px;
}
.typobox-02 {
	float: left;
	color: #eaecd6;
	background: #818430;
	margin-left: 5%;
	margin-top: 100px;
}
.typobox-03 {
	color: #16170e;
	background: #9fa464;
	float: right;
	margin-right: 5%;
	margin-bottom: 150px;
}
.typobox-04 {
	float: left;
	color: #3b3e27;
	background: #b6bd8c;
	margin-left: 5%;
}
.cochranelogo {
	display: block;
	width: auto;
	padding: 22px 10px;
	height: auto;
	background: #FFF;
	border: 1px solid #dbe2c6;
}
.businessmodels li {
	padding: 10px 12px;
	background-color: #d9e7f2;
	margin-bottom: 7px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	border-radius: 8px;
}
.col-partner {
	float: left;
	width: 16%;
	margin: 0 2%;
	padding-top: 80px;
	margin-bottom: 30px;
	text-align: center;
}
.col-partner.partner-sosi {
	background: url(../img/partnerlogo-sosi.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-statoil {
	background: url(../img/partnerlogo-statoil.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-akan {
	background: url(../img/partnerlogo-akan.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-evry {
	background: url(../img/partnerlogo-evry.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-lf {
	background: url(../img/partnerlogo-lf.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-janssen {
	background: url(../img/partnerlogo-janssen.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-pfizer {
	background: url(../img/partnerlogo-pfizer.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-johnsonjohnson {
	background: url(../img/partnerlogo-johnsonjohnson.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-sanofi {
	background: url(../img/partnerlogo-sanofi.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-abbvie {
	background: url(../img/partnerlogo-abbvie.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-helsedirektoratet {
	background: url(../img/partnerlogo-helsedirektoratet.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-in {
	background: url(../img/partnerlogo-in.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-researchcouncil {
	background: url(../img/partnerlogo-researchcouncil.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-uio {
	background: url(../img/partnerlogo-uio.png) top no-repeat;
	background-size: contain;
}
.col-partner.partner-falck {
	background: url(../img/partnerlogo-falck.png) top no-repeat;
	background-size: contain;
}
/* [END] Markeder */




/* Topic Teknologi */
.wrapper-teknologi {
	margin: 0 auto;
	width: 100%;
	background: #d9e7f2;
}
.dbase {
	background: url(../library/img/psybase-dbase.png) 94% top no-repeat;
	background-size: contain;
	padding-right: 25%;
}
.wrapper-techfigbox {
	border: 1px solid #a3bfd6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.techfigbox-part1 {
	padding: 60px 10px;
	text-align: center;
	border-top-left-radius: 7px;
	background: #a3bfd6;
}
.techfigbox-part1 h2 {
	color: #FFF;
}
.techfigbox-part2 {
	padding: 60px 10px;
	text-align: center;
	border-top-right-radius: 7px;
	background: #FFF;
}
.fig1, .fig2, .fig3, .fig4, .fig5, .fig6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding: 50px 10px;
	background: #bfd5e6;
	text-align: center;
	/* Easing the transition on the bubble tip */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.fig1:hover, .fig2:hover, .fig3:hover, .fig4:hover, .fig5:hover, .fig6:hover {
	background: #aec8dc;
	cursor: default;
}
.fig1 {
	border-right: 1px solid #a3bfd6;
	border-bottom-left-radius: 7px;
}
.fig2 {
	border-right: 1px solid #a3bfd6;
}
.fig3 {
	border-right: 1px solid #a3bfd6;
}
.fig4 {
	border-right: 1px solid #a3bfd6;
}
.fig5 {
	border-right: 1px solid #a3bfd6;
}
.fig6 {
	border-bottom-right-radius: 7px;
}
/* [END] Teknologi */




/* Topic Contact */	
.topic-contact {
	padding-bottom: 50px;
}
.col-0102 .col-01 {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.col-0102 .col-02 {
	float: left;
	width: 48%;
	margin-right: 0%;
}
.humanresource {
	clear: both;
	margin: 0 0 20px 0;
}
.humanresource h3 {
	margin-left: 27%;
}
.humanresource p {
	margin-left: 27%;
	padding-left: 6px;
	line-height: 120%;
}
.humanresource a h3 {
	font-size: 17px;
	padding: 3px 5px 3px 5px;
	border-radius: 6px;
	border: 1px solid transparent;
}
.humanresource a:hover h3 {
	padding: 3px 5px 3px 5px;
	background-color: #eee;
	border-radius: 6px;
	border: 1px solid #d9e7f2;
}
.portrait {
	float: left;
	width: 25%;
	height: auto;
	margin: 0 3% 0 0;
}
.portrait img {
	width: 100%;
	height: auto;
	border: 1px solid #d9e7f2;
}
.col-map {
	position: relative;
	float: left;
	width: 29.2%;
	height: 175px;
	margin-bottom: 10px;
	background: url(../img/map.png) center no-repeat;
	border: 1px solid #d9e7f2;
}
.col-map .imagetext {
	display: block;
	padding: 5px 10px;
	margin-top: 10px;
	color: #233645;
	background: #afcfee;
}
.col-mapus {
	position: relative;
	float: left;
	width: 29.2%;
	height: 175px;
	background: url(../img/mapus.gif) center no-repeat;
	border: 1px solid #d9e7f2;
}
.col-mapus .imagetext {
	display: block;
	padding: 5px 10px;
	margin-top: 10px;
	color: #233645;
	background: #afcfee;
}
/* [END] Contact */


/* Topic Library */	
/*.topic-library {
	margin-top: 0px;
	margin-bottom: 0px;
}*/

.topic-library ul li {
	padding: 7px 3px 7px 0px;
	background-color: #d9e7f2 #FFF;
	margin-bottom: 7px;
	border-radius: 8px;
}
.topic-library ul a:hover li {
	color: #000;
}
.topic-library ul {
	margin: 10px 0 30px 0;
}
li.pdf {
	padding: 7px 3px 7px 60px;
	min-height: 40px;
}
li.pdf.program-fullstop {
	padding: 20px 3px 7px 60px;
	background: url(../img/fullstop-pdf.jpg) 0 0 no-repeat;
	background-size: contain;
}
/* [END] Library */


/* Topic Article */
.topheader-article {
	position: relative;
	margin: 0 auto;
	z-index: 20;
	height: 120px;
	text-align: center;
	background: url(../img/logo-ct.png) center 40px no-repeat;
}
.breadcrumbs {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #435a6d;
	padding-bottom: 20px;
}
.breadcrumb-link {
	float: left;
	display: block;
	margin: 0 5px 10px 0;
}
.breadcrumb-link a:hover {
	color: #233645;
}
.breadcrumb-arrow {
	float: left;
	display: block;
	width: 20px;
	height: 15px;
	background: url(../img/arrow-breadcrumb.png) 0 0 no-repeat;
	background-size: contain;
	margin: 0 5px 0 0;
}
.container.topic-article {
	margin: 0 auto;
	max-width: 700px;
	padding: 0;
}
.topic-article td {
	padding: 5px 2px;
}
.topic-article td h4 {
	padding-bottom: 5px;
	border-bottom: 1px solid #81add8;
}
.topic-article .ingresse {
	text-align: left;
}
.container.topic-article p {
	line-height: 140%;
}
.container.topic-article h1, .container.topic-article h2, .container.topic-article h3, .container.topic-article .ingresse {
	margin-bottom: 20px;
}
.container.topic-article .imagetext {
	position: relative;
	z-index: 30;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 11px;
	color: #233645;
	background: #afcfee;
	margin-top: -50px;
	margin-bottom: 20px;
	padding: 5px 10px;
	text-align: right;
}
.footer {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #435a6d;
	padding-top: 30px;
	margin: 50px 0 80px 0;
	text-align: center;
	border-top: 1px solid #9CF;
}
/* TABLE OF RESULTS */

.table-of-results {
	padding: 25px;
	border: 1px solid #a4c8eb;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #e4f1fd;
	margin-bottom: 20px;
}
.header-results {
	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;
}
.text-percent {
	font-size: 30px;
	font-weight: 700;
	color: #093;
	padding: 10px 20px 10px 0;
}
.text-percent-description {
	padding: 15px 0;
}
/* ----------------------------------------------------*/
/* [END] Article */





/* [END] General styles */