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

/* Z indexes 
.top			20
a.menu			30
*/


@media screen and print and (min-width: 768px) and (max-width: 959px) {

/* The Navigation menu - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.standardNav ul {
	width: 90%;
}
.standardNav li {
	font-size: 15px;
}
/* [END] Navigation menu - - - - - - - - - - - - - - - - - - - - - - - - - - */




/* General styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.container, .container-howitworks, .splash {
	width: 90%;
}
/* [END] General styles - - - - - - - - - - - - - - - - - - - - - - - - - - */




/* Habit change - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wrapper-habitchange {
	margin: 0 auto;
	width: 100%;
	background: #FFF;
}
/* Making the blue ribbon stretch all the way out */
.wrapper-flexslider-outer {
	margin: 0 auto;
	width: 100%;
	background: #d8ebfc;
}
/* Limiting the flexslider to 1200 px width */
.wrapper-flexslider {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
.flexshader {
	position: relative;
	margin: 0 auto;
	text-align: center;
	margin-top: -4px;
}
.flexslider {
	margin-top: 20px;
}
/* [END] Habit change - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.container.wrapper-splash {
	width: 100%;
	background: url(../img/splash-woman.jpg) 97% top no-repeat #ddecf7;
}
.splash {
	background: none;
}
.splash-left, .splash-left2 {
	float: left;
	width: 50%;
}
.splash-ipad {
	display: none;
}
/* [END] Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* Psychology - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.topic-psychology .col-0102, .topic-psychology .col-01 {
	float: inherit;
	width: 66%;
}
.topic-psychology .col-02 {
	margin-top: 15px;
	width: 100%;
}
.topic-psychology .col-03 {
	float: right;
	width: 30%;
}
/* [END] Psychology - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* Programbanners - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.programlabel h2 {
	font-size: 21px;
}
/* [END] Programbanners - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* Markets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.typobox-01, .typobox-02, .typobox-03, .typobox-04 {
	padding: 20px 30px;
	margin: 20px 0 0 0;
	width: 35%;
}
.typobox-01 {
	margin-right: 2%;
	margin-top: 50px;
}
.typobox-02 {
	margin-left: 2%;
	margin-top: 50px;
}
.typobox-03 {
	margin-right: 2%;
}
.typobox-04 {
	margin-left: 2%;
	margin-bottom: 50px;
}
.col-partner {
	width: 21%;
	padding-top: 90px;
}
/* [END] Markets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* Contact - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.topic-contact .col-03, .topic-contact .col-0102 {
	width: 100%;
}
.col-map {
	width: 48%;
	margin-right: 2%;
}
.col-mapus {
	width: 48%;
	margin-right: 0%;
}
/* [END] Contact - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* [END] */
/* [END] */
/* [END] */
}

















@media (max-width: 767px) {
/* Initial settings 
*******************************************************************************/
body {
	padding-top: 160px;
	margin-bottom: 0;
	padding-bottom: 0;
}
body.topic-article {
	padding-top: 0px;
}
/* [END] Initial settings */


/* The top header 
*******************************************************************************/
.topheader {
	display: none;
}
/* [END] Top header */


/* The Navigation menu 
*******************************************************************************/
#horisontalnav {
	display: none;
}
header, nav {
	display: inherit;
}

.top {
	background: #006096;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 50px;
	z-index: 20;
	overflow: hidden;
	left: -1px;
}
.logo-changetech {
	width: 60%;
	height: 30px;
	margin: 13px 0 0 15px;
	background: url(../img/logo-ct-white.png) 0 0 no-repeat;
	background-size: contain;
}
.more {
	float: left;
	width: 23px;
	height: 15px;
	background: url(../img/icon-more.png) 0 0 no-repeat;
	background-size: contain;
	margin: 0 5px 0 0;
}
.drawer {
	-webkit-transform: translate3d(0, -305px, 0);
	-moz-transform: translate3d(0, -305px, 0);
	-o-transform: translate3d(0, -305px, 0);
	transform: translate3d(0, -305px, 0);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	
}
.drawer.active {
	-webkit-transform: translate3d(0, -10px, 0);
	-moz-transform: translate3d(0, -10px, 0);
	-o-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	
}
a.menu {
	position: absolute;
	z-index: 30;
	text-decoration: none;
	top: 10px;
	right: 0px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
	padding: 7px 7px;
}
nav ul {
	list-style: none;
}
nav ul li a {
	display: block;
	text-decoration: none;
	background: #c7dff2;
	color: #233645;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding: 1em;
	margin-bottom: 1px;
	/* Easing the transitions on mouseOut */
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
nav ul li a:hover {
	background: #afcfee;
	color: #233645;
	/* Easing the transitions on mouseOver */
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
nav ul li a:visited {
	color: #233645;
}
/* Fallbacks (Checked by Modernizr) */
.no-csstransforms .top {
	position: static;
}
.no-csstransforms .drawer nav {
	display: none;
}
.no-csstransforms .drawer.active nav {
	display: block;
}
/* [END] Navigation menu */



/* General styles 
*******************************************************************************/
.container, .container-howitworks, .splash {
	width: 90%;
}
/* [END] */



/* Topic Habit change */
.wrapper-habitchange, .wrapper-flexslider-outer, .wrapper-flexslider, .flexshader {
	display: none;
}
/* [END] Habit change */



/* Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.container.wrapper-splash {
	width: 100%;
	margin-top: 0;
	background: #ddecf7;
}
.splash {
	background: none;
}
.splash-left, .splash-left2 {
	float: left;
	width: 60%;
}
.splash-ipad {
	top: 50%;
	right: 3%;
}
.splash-iphone {
	top: 9%;
	right: 0%;
}
/* [END] Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Topic Article */
.topheader-article   {	
	height: 80px;
	background: url(../img/logo-ct.png) center 20px no-repeat;
	background-size: 25%;
}
/* [END] Article */



/* [END] General styles */


.programbanners li {
	float: left;
	width: 45%;
	position: relative;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-left: 2%;
	border: 1px solid;
}


/* [END] */
/* [END] */
/* [END] */
}










/* This mode for smartphones, large view/landscape w 2 column layout */
@media (min-width: 480px) and (max-width: 767px) {
/* General styles 
*******************************************************************************/




/* Topic Psychology */
.container.topic-psychology {
	padding: 0;
	margin-top: 0px;
}
.topic-psychology .col-0102, .topic-psychology .col-01 {
	float: inherit;
	width: 100%;
	margin-right: 0%;
}
.topic-psychology .col-02 {
	margin-top: 15px;
	width: 100%;
}
.topic-psychology .col-03 {
	display: block;
	float: right;
	width: 45%;
	margin-left: 5%;
}
.topic-psychology .imagetext {
	font-size: 14px;
}
.topic-psychology .ingresse {
	text-align: left;
}
/* [END] Psychology */




/* Topic Easychange */

.largeversion {
	display: none;
}
.tinyversion.col-01, .tinyversion.col-02, .tinyversion.col-03 {
	width: 100%;
	margin-bottom: 10px;
}
.tinyversion.col-01 .plaintext, .tinyversion.col-02 .plaintext, .tinyversion.col-03 .plaintext {
	padding-top: 30px;
}
.tinyversion img {
	display: inherit;
	float: right;
	width: 45%;
	height: auto;
}
/* [END] Easychange */





/* Topic Markets */
.topic-markets .col-0102 {
	width: 50%;
}
.topic-markets .col-03 {
	width: 45%;
}
.col-partner {
	width: 21%;
	padding-top: 90px;
}
.typobox-01, .typobox-02, .typobox-03, .typobox-04 {
	padding: 20px 30px;
	margin: 20px 0 0 0;
	width: 35%;
	float: left;
}
.typobox-01, .typobox-03 {
	float: right;
}
.typobox-01 {
	
	margin-top: 50px;
}
.typobox-02 {
	
	margin-top: 50px;
}

.typobox-04 {
	
	margin-bottom: 50px;
}
.col-partner {
	width: 21%;
	padding-top: 90px;
}
/* [END] Markets */





/* Topic Contact */
.topic-contact .col-0102 {
	width: 100%;
}
.col-map, .col-mapus {
	width: 100%;
	height: 200px;
}
.col-map .imagetext, .col-mapus .imagetext {
	font-size: 14px;
}
/* [END] Contact */


/* [END] */
/* [END] */
/* [END] */
}




@media (max-width: 640px) {

/* Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.splash-ipad {
	display:none;
}
.splash-iphone {
	top: 5%;
	right: 10%;
}
.splash-left {
	margin-top: 20px;
	margin-bottom: 50px;
}
.splash-left2 {
	width: 100%;
	padding-bottom: 20px;
}
/* [END] Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.programbanners li {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 1px solid;
}

}









@media (max-width: 479px) {
/* General styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.plaintext {
	text-align: left;
}
/* [END] General styles - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.splash-iphone {
	position: relative;
	margin: 0 auto;
	text-align: center;
	top: 30px;
	right: 0%;/**/
}
.splash-left {
	width: 100%;
	padding: 0;
	margin: 0;
}
.splash-left h1 {
	font-size: 24px;
}
.splash-left2 {
	width: 100%;
	padding-bottom: 20px;
}
/* [END] Splash - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */






/* Topic Psychology */

.container.topic-psychology {
	padding: 0;
	margin-top: 0px;
}
.topic-psychology .col-0102 {
	float: inherit;
	width: 100%;
	margin-right: 0%;
	text-align: left;
}
.topic-psychology .col-01, .topic-psychology .col-02 {
	margin-top: 15px;
	width: 100%;
	text-align: left;
}
.topic-psychology .col-03 {
	display: block;
	float: right;
	width: 45%;
	margin-left: 5%;
}
.topic-psychology .imagetext {
	font-size: 14px;
	margin-top: -2px;
}
.ingresse {
	font-size: 20px;
	line-height: 130%;
	text-align: left;
}
.bluebox h3 {
	text-align: center;
}
/* [END] Psychology */


/* How it works - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.container-howitworks.topic-easychange {
	padding: 0;
	margin-top: 50px;
}
.largeversion {
	display: none;
}
.tinyversion.col-01, .tinyversion.col-02, .tinyversion.col-03 {
	width: 100%;
	margin-bottom: 10px;
}
.tinyversion img {
	display: none;
}
.topic-easychange .col-01b{
	width: 100%;
	margin: 0 0 20px 0;
}
.topic-easychange .col-02b {
	width: 100%;
	margin: 0;
}

/* [END] How it works - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Markets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.typobox-01, .typobox-02, .typobox-03, .typobox-04 {
	padding: 20px 30px;
	margin: 20px 0 0 0;
	width: 80%;
	float: left;
}
.typobox-03 {
	
	margin-bottom: 30px;
}
.topic-markets .col-0102 {
	width: 100%;
}
.topic-markets .col-03 {
	width: 100%;
	margin-bottom: 30px;
}
.topic-markets .col-03 h2, .topic-markets .col-03 h3 {
	display: none;
}
.col-partner {
	width: 45%;
	margin: 0 4% 20px 0;
	float: left;
	text-align: left;
	padding-top: 0px;
}
.col-partner .imagetext {
	display: inline-block;
	font-family: 'Lora', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #435a6d;
}
.col-partner.partner-sosi, .col-partner.partner-statoil, .col-partner.partner-akan, .col-partner.partner-evry, .col-partner.partner-lf, .col-partner.partner-janssen, .col-partner.partner-pfizer, .col-partner.partner-johnsonjohnson, .col-partner.partner-sanofi, .col-partner.partner-abbvie, .col-partner.partner-helsedirektoratet, .col-partner.partner-in, .col-partner.partner-researchcouncil, .col-partner.partner-uio, .col-partner.partner-falck {
	background: none;
}
/* [END] Markets - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Contact - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.topic-contact .col-0102 {
	width: 100%;
}
.topic-contact .col-0102 .col-01, .topic-contact .col-0102 .col-02 {
	width: 100%;
}
.col-map, .col-mapus {
	width: 100%;
	height: 200px;
}
.col-map .imagetext, .col-mapus .imagetext {
	font-size: 14px;
}
.humanresource h3 {
	margin-left: 0%;
}
.humanresource p {
	margin-left: 0%;
}
.portrait {
	display: none;
}
/* [END] Contact - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* Library - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.topic-library .col-01b, .topic-library .col-02b {
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
}
/* [END] Library - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* [END] */
/* [END] */
/* [END] */
}

/* Special settings for the flexslider and top-drawer menu on mobile screens */
@media (orientation: landscape) and (max-width: 767px) {
/* The Topdrawer menu */
.top {
	height: 50px;
}
.logo-changetech {
	height: 30px;
}
.more {
	width: 23px;
	height: 15px;
}
.drawer {
	-webkit-transform: translate3d(0, -350px, 0);
	-moz-transform: translate3d(0, -350px, 0);
	-o-transform: translate3d(0, -350px, 0);
	transform: translate3d(0, -350px, 0);
}
.drawer.active {
	-webkit-transform: translate3d(0, -10px, 0);
	-moz-transform: translate3d(0, -10px, 0);
	-o-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}
a.menu {
	top: 8px;
	font-size: 16px;
}
}