/* REPONSIVE MEDIA QUERIES */

@media all and (max-width: 1280px) {
	.wrap {
		max-width: 1000px;
		margin: 0 auto;
	}

	#fixedNav nav.wrap {
		max-width: 1000px;
	}

	.fixedsubnav {
		width: 1000px !important;
	}

	#head .wrap,
	.nav .wrap {
		max-width: 100%;
		width: auto;
	}

	.nav {
		margin-bottom: -105px;
	}

	.nav .top {
		height: 85px;
	}

	.nav .wrap {
		padding: 1.4em 10px 0 10px;
	}

	#landinglogo {
		margin-top: -0.9em;
		margin-left: 0.2em;
	}

	.subMenu a {
		font-size: 90%;
	}

	.menu a {
		font-size: 110%;
	}

	.nav .phone a {
		font-size: 100%;
	}

	header {
		padding-top: 85px !important;
	}

	/* FRAMEIMAGE */
	.frameimage {
		width: 310px;
		margin-right: -30px;
	}

	.frameimage .img {
		left: 32px;
		width: 244px;
		height: auto;
	}

	.image img {
		height: auto;
		width: 100% !important;
	}

	img.lazy {
		height: auto;
		width: auto;
	}

	/* NEWSLIST */
	.newslist .quote {
		width: 210px;
		font-size: 110%;
	}

	.newslist .info {
		width: 255px;
	}

	.newslist .image {
		width: 280px;
	}

	.newslist .text,
	.newslist h2 {
		width: 490px;
	}

	/* NEWS */
	.news .right {
		width: 280px;
	}

	.news h1,
	.news .buttons {
		width: 410px;
	}

	.news .frameimage {
		width: 330px;
		margin-right: -30px;
	}

	.news .frameimage .img {
		left: 35px;
		top: 2px;
		width: 260px;
	}

	.news .image {
		width: 330px;
	}

	.news .right .quote,
	.news .right .box {
		margin-left: 20px;
	}

	.news .info .listTable .breakword {
		width: 150px;
	}

	/* QUOTEBLOCK */
	.quoteblock h2 {
		width: 700px;
	}

	.quoteblock .image {
		width: 330px;
		margin: -3em -30px 0 0;
	}

	.quoteblock .text {
		width: 380px;
	}

	.quoteblock .personinfo {
		width: 300px;
	}

	.quoteblock .persontext {
		width: 160px;
	}

	/* CODEBLOCK */
	.codeblock h2,
	.codeblock .text {
		width: 550px;
	}

	/* TEXTBLOCK */
	.textblock h2,
	.textblock .text {
		width: 715px;
		max-width: 100%;
		display: inline-block;
	}

	.textblock h2.right {
		width: 730px;
	}

	.textblock .image {
		width: 310px;
		margin-right: -30px;
	}

	.textblock .image.imageleft {
		width: 310px;
		margin-right: 0px;
		margin-left: -30px;
	}

	/* COLS */
	.cols3images .frameimage {
		width: 360px;
	}

	.cols3images .img {
		left: 40px;
		width: 283px;
	}

	.cols4 .col {
		width: 230px;
		margin-right: 23px;
	}

	.cols4 .fourth {
		margin-right: 0;
	}

	.cols4 .customer {
		height: 152px;
	}

	.leftcol {
		width: 690px;
		padding-right: 20px;
	}

	.rightcol {
		width: 270px;
		padding-left: 20px;
	}

	.coldivider {
		background-position: 720px top;
	}

	.customer .frame {
		display: block;
		width: 295px;
		position: absolute;
		top: -3px;
		left: -40px;
		border: 0;
	}

	.customer .holder {
		left: -2px;
		top: -2px;
		width: 230px;
		height: 155px;
	}

	.customer .img {
		position: absolute;
		left: 0px;
		top: 18px;
	}

	.customer .text {
		height: 156px;
		font-size: 85%;
	}

	.col.contact .personimage {
		width: 100px;
		height: 150px;
	}

	.col.contact .personimage .img {
		top: 10px;
		left: 10px;
		width: 80px;
	}

	.col.contact .persontext {
		width: 210px;
	}

	.history h2,
	.history .text {
		width: 480px;
	}

	.history .clear {
		padding-bottom: 1em;
	}

	.bubble .persontext {
		width: 290px;
	}

	/* INSTAGRAM */
	.customer.instagram .img {
		left: 0;
		width: 100% !important;
		height: auto;
	}

	/* ANIMATION */
	.animation {
		font-size: 90%;
	}

	.bigbg {
		height: 515px;
	}

	.bigbg .button {
		font-size: 130%;
		padding-left: 0.7em;
		padding-right: 0.7em;
	}

	.mediumbg {
		height: 370px;
	}

	.smallbg {
		height: 150px;
	}

	.customers {
		height: 175px !important;
	}

	#footerMenu li a .arr {
		display: none;
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock {
		min-height: 327px;
	}

	.bigimageblock .text,
	.bigimageblock .image {
		width: 480px;
	}

	.bigimageblock h2 {
		width: 315px;
	}

	.bigimageblock.imageleft h2 {
		margin-right: 165px;
	}

}


@media all and (max-width: 1100px) {
	body {
		font-size: 90%;
	}

	.wrap {
		max-width: 900px;
		margin: 0 auto;
	}

	.hide1100 {
		display: none !important;
	}

	#fixedNav nav.wrap {
		max-width: 900px;
	}

	.fixedsubnav {
		width: 900px !important;
	}

	#head span.icon {
		margin-top: -0.55em;
	}

	#landinglogo {
		margin-top: -1.2em;
		margin-left: 0.2em;
	}

	body:not(#landingpage) .menu a {
		padding: 0.5em 0.4em 0.4em 0.4em;
	}

	.nav .phone a {
		background-image: url('/media/layout/img/icons/phone-icon-small.png');
		background-position: 0.8em center;
		direction: ltr;
	}

	.nav .wrap {
		padding-top: 1.8em;
	}

	/* NEWSLIST */
	.newslist h2,
	.newslist .text {
		width: 380px;
	}

	.newslist .quote {
		width: 230px;
	}

	.newslist .info {
		width: 220px;
	}

	/* NEWS */
	.news h1,
	.news .buttons {
		width: 360px;
	}

	.news .right {
		width: 250px;
	}

	.news .frameimage {
		width: 290px;
	}

	.news .frameimage .img {
		left: 30px;
		top: 2px;
		width: 228px;
	}

	.news .image {
		width: 300px;
	}

	.news .info .listTable .breakword {
		width: 130px;
	}

	/* QUOTEBLOCK */
	.quoteblock h2 {
		width: 600px;
	}

	.quoteblock .text {
		width: 290px;
	}

	.quoteblock .personinfo {
		width: 300px;
	}

	.quoteblock .persontext {
		width: 160px;
	}

	/* CODEBLOCK */
	.codeblock .code {
		width: 300px;
	}

	.codeblock .code img {
		min-width: 0 !important;
	}

	/* TEXTBLOCK */
	.textblock h2,
	.textblock .text {
		width: 615px;
	}

	.textblock h2.right {
		width: 630px;
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock {
		min-height: 298px;
	}

	.bigimageblock .text,
	.bigimageblock .image {
		width: 430px;
	}

	.bigimageblock h2 {
		width: 265px;
	}

	/* COLS */
	.leftcol {
		width: 610px;
	}

	.rightcol {
		width: 250px;
	}

	.coldivider {
		background-position: 640px top;
	}

	.cols3images .frameimage {
		width: 325px;
	}

	.cols3images .img {
		left: 35px;
		width: 258px;
	}

	.cols4 .col {
		width: 210px;
		margin-right: 20px;
	}

	.cols4 .fourth {
		margin-right: 0;
	}

	.cols4 .customer {
		height: 138px;
	}

	#footerMenu li.col4 {
		clear: both;
	}

	#footerMenu li {
		width: 22.5%;
		padding-right: 3%;
	}

	#footerMenu li.col7,
	#footerMenu li.col3 {
		width: 23%;
		padding-right: 0%;
	}

	#footerMenu li li a {
		font-size: 100%;
	}

	#footerMenu .arr {
		display: inline-block;
	}

	.customer .frame {
		display: block;
		width: 267px;
		position: absolute;
		top: -3px;
		left: -36px;
		border: 0;
	}

	.customer .img {
		position: absolute;
		left: 0px;
		top: 13px;
	}

	.customer .holder {
		left: 0px;
		top: -2px;
		width: 210px;
		height: 141px;
	}

	.col.contact .personimage {
		width: 70px;
		height: 120px;
	}

	.col.contact .personimage .img {
		top: 5px;
		left: 5px;
		width: 60px;
	}

	.col.contact .persontext {
		width: 210px;
	}

	.bubble .persontext {
		width: 240px;
	}

	.history .year {
		margin-right: 10px;
	}

	.history h2,
	.history .text {
		width: 410px;
	}

	#epressi,
	#twitter {
		margin-bottom: 0;
	}

	#fixed .button {
		font-size: 120%;
	}

	#footerMenu li a .arr {
		display: inline-block;
	}

	#footerMenu li a {
		padding: 0.7em 0.1em;
	}

	/* ANIMATION */
	.bigbg {
		height: 465px;
	}

	.mediumbg {
		height: 330px;
	}

	.smallbg {
		height: 125px;
	}

	.customers {
		height: 160px !important;
	}
}

@media all and (max-width: 1000px) {
	body:not(#landingpage) .menu a {
		font-size: 100%;
	}

	.hide1000 {
		display: none !important;
	}
}

@media all and (max-width: 940px) {
	.animation span.textp {
		font-size: 130% !important;
	}

	.animation .pagination li a {
		padding: 8px;
	}

	.bigbg h1.title {
		font-size: 260%;
	}

	.bigbg .button {
		font-size: 125%;
	}

	.smallbg .button {
		font-size: 95%;
	}

	.bigbg .prevslide,
	.bigbg .nextslide {
		font-size: 300%
	}

	.show940 {
		display: inline-block;
	}

	.hide940 {
		display: none !important;
	}

	div.show940,
	.circle img.show940 {
		display: block;
	}

	#cont .wrap,
	#header .wrap {
		margin: 0 40px 0 40px;
	}

	#fixedNav,
	#fixedButton {
		display: none;
	}

	#fixedNav nav.wrap {
		max-width: 650px;
	}

	.fixedsubnav {
		width: 650px !important;
	}

	#head #openSites {
		display: inline-block;
	}

	#head .wrap,
	.nav .wrap {
		max-width: 800px;
	}

	#sites li.current {
		display: none;
	}

	#sites ul {
		display: none;
		position: absolute;
		top: 2.3em;
	}

	#sites ul li {
		float: none;
		display: block;
		margin: 0;
	}

	#sites ul li a {
		display: block;
		white-space: nowrap;
	}

	.FI #tools li.additional {
		display: inline-block;
	}

	.lang-fi .menu li.last {
		display: none;
	}

	/* MOBILEMENU START */
	.openMenu {
		display: block;
		margin-top: 1.1em;
	}

	.menu a {
		float: none;
		display: block;
	}

	#fixedNav nav.wrap {
		display: none !important;
	}

	.nav {
		margin-bottom: -75px;
	}

	.nav .top {
		border-bottom: 0;
	}

	.nav .wrap {
		padding-top: 0.5em;
	}

	#landingpage .nav .wrap {
		padding: 2em 10px 0 10px;
	}

	#landingpage .nav .wrap {
		padding: 2em 0px 0 0px;
	}

	header {
		padding-top: 55px !important;
	}

	.menuwrap {
		position: absolute;
		top: 67px;
		left: 0px;
		right: 0px;
		margin: 18px 0 0 0;
	}

	.menu {
		display: none;
		width: 340px;
		width: 100%;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		-webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.1);
		background: #fff;
		padding: 0;
	}

	.menu li {
		border-top: 1px dotted #ddd;
		display: block;
		float: none;
	}

	.menu a {
		font-size: 110% !important;
		font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
		padding: 0.8em 0.8em 0.8em 0.8em !important;
	}

	.menu li.hastoggle a {
		padding-left: 0 !important;
		margin-left: 50px;
	}

	.menu li.current a {
		background-color: #FFF !important;
		color: #000 !important;
		text-shadow: none;
	}

	.menu li a:hover,
	.menu li.current a:hover {}

	.menu li.additional {
		display: block;
	}

	.menu .arr {
		display: inline-block;
	}

	.menu li.last {
		display: block !important;
	}

	#fixedNav {}

	/* MOBILEMENU STOP */
	/* NEWSLIST */
	.newslist h2 {
		width: 100%;
	}

	.newslist .text {
		width: auto;
		float: none;
	}

	.newslist .quote {
		width: 170px;
	}

	.newslist .info {
		display: none;
		width: 370px;
	}

	/* NEWS */
	.news h1,
	.news .buttons,
	.news .left,
	.news .right {
		width: 100%;
		float: left;
	}

	.news .frameimage {
		margin-top: 1em;
	}

	.news .right .quote,
	.news .info {
		clear: none;
		margin-top: 0.8em;
		margin-left: 0;
	}

	.news .right .box {
		margin-left: 0;
	}

	.news .image {
		display: none;
	}

	.news .info .listTable .breakword {
		width: auto;
	}

	/* QUOTEBLOCK */
	.quoteblock h2 {
		width: auto;
	}

	.quoteblock .text {
		width: auto;
		float: none;
	}

	.quoteblock .image {
		margin-top: 0em;
	}

	.quoteblock .personinfo {
		width: auto;
		padding-left: 10px;
		padding-bottom: 10px;
	}

	.quoteblock .personinfo .personimage {
		display: none;
	}

	/* CODEBLOCK */
	.codeblock h2,
	.codeblock .text {
		width: auto;
		float: none;
		display: block;
	}

	.codeblock .code {
		width: 280px;
		padding-bottom: 1em;
	}

	/* TEXTBLOCK */
	.textblock h2 {
		width: 100% !important;
		display: block;
		padding-bottom: 0.6em;
	}

	.textblock .text {
		float: none;
		width: auto;
		display: inline;
	}

	.textblock .frameimage,
	.textblock .image {
		margin-top: 0;
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock {
		padding: 0.5em 0 1em 0;
		min-height: auto;
	}

	.bigimageblock .text,
	.bigimageblock.imageleft .text {
		clear: none;
		float: left;
		width: 385px;
	}

	.bigimageblock .image,
	.bigimageblock.imageleft .image {
		float: right;
		position: relative;
		width: 240px;
	}

	.bigimageblock h2,
	.bigimageblock.imageleft h2 {
		float: left;
		width: 230px;
	}

	.bigimageblock .statistics {
		font-size: 90%;
	}

	/* COLS */
	.leftcol {
		width: 68%;
	}

	.rightcol {
		width: 25%;
		padding-left: 0;
	}

	.coldivider {
		background-position: 71% top;
	}

	/*
	.cols3 .col {
		width: 48%;
	}

	.cols3 .third {
		padding-right: 2%;
	}

	.cols3 .second {
		padding-right: 0;
		padding-left: 2%;
	}

	.cols3 .cleardiv.two {
		display: block;
	}

	.cols3 .cleardiv.three {
		display: none;
	}

*/
	.cols3images .col {
		width: 100%;
		padding: 0;
	}

	.cols3images .frameimage {
		float: left;
		margin: 10px 0 0 -35px;
	}

	.cols3images .clear {
		clear: none;
	}

	.cols3images ul,
	.cols3images p {
		width: 55%;
		float: left;
	}

	.cols3images.notext .col {
		width: 29%;
		padding-right: 6.5%;
	}

	.cols3images.notext .col.third {
		padding-right: 0;
	}

	.cols3images.notext .frameimage {
		width: 250px;
	}

	.cols3images.notext .img {
		left: 27px;
		width: 197px;
	}

	.cols4 {
		padding: 1em 0;
		margin-bottom: 10px;
	}

	.cols4 .col {
		width: 23%;
		margin: 1%;
		height: auto;
	}

	/* LISTCOLS */
	.listcols2,
	.listcols2 li,
	.listcols2 li.second,
	.listcols3,
	.listcols3 li,
	.listcols3 li.third {
		width: auto !important;
		float: none;
		padding-right: 0;
	}

	.listcols2 li,
	.listcols3 li {
		padding-left: 25px !important;
	}

	ol.listcols2 li,
	ol.listcols3 li {
		padding-left: 0px !important;
	}

	.listcols2 li.first,
	.listcols3 li.first {
		clear: none;
	}

	.listcols3 br {
		display: none;
	}

	/* MISC */
	.formbox .cell {
		display: block;
		width: auto !important;
		padding: 0 10px 10px 10px;
	}

	.formbox .cell.fifty {
		width: auto;
	}

	.formbox .submit {
		width: 100%;
		padding: 10px 0 0 0;
		text-align: center;
	}

	.formbox .cell.title,
	.formbox .cell .title {
		white-space: normal;
	}

	.formbox label {
		display: block !important;
	}

	.col.contact .persontext {
		float: left;
		padding-left: 2em;
	}

	.customer .frameimage {
		float: left;
		background: #fff;
		border: 1px solid #ddd;
		margin: 0 !important;
		width: 100% !important;
		padding: 8px 0 4px 0;
	}

	.customer .frameimage img {
		position: static;
	}

	.customer .frame,
	.customer .holder {
		display: none !important;
	}

	.customer.instagram .frameimage {
		padding: 0;
		border: none;
		background: transparent;
	}

	.bubble .personimage {
		margin: 0 1em 0.5em 0;
		width: 100px;
		height: 140px;
		padding: 0;
	}

	.bubble .personimage .frame {
		display: none;
	}

	.bubble .personimage img {
		left: 0;
		top: 0;
	}

	.bubble .persontext {
		width: auto;
		float: none;
		white-space: -moz-pre-wrap;
		white-space: -o-pre-wrap;
		white-space: -pre-wrap;
		white-space: pre-wrap;
		white-space: pre-line;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.history .image {
		display: none;
	}

	.history .text {
		float: none;
		width: auto;
	}

	input.searchinput {
		width: 140px;
	}

	footer .col .col p {
		min-height: 120px;
	}

	/* ANIMATION */
	.bigbg {
		font-size: 75%;
	}

	.mediumbg {
		font-size: 75%;
	}

	.bigbg {
		height: 390px;
	}

	.mediumbg {
		height: 300px;
	}

	.smallbg {
		height: 140px;
	}

	.customers {
		height: 125px !important;
	}

	.customers .cols4 {
		padding: 0;
	}

	.customers h2.center {
		padding-bottom: 0;
	}

	#elem115 {
		display: none;
	}

	#landingpage footer .copyright img {
		float: none;
	}

	#landingpage footer .copyright,
	#landingpage footer ul,
	#landingpage footer ul li,
	#landingpage footer ul li a {
		text-align: center;
		display: block;
		float: none;
	}

	#landingpage footer ul {
		font-size: 120%;
		padding: 0 15px;
		border-bottom: 1px solid #222;
		margin-bottom: 3em;
	}

	#landingpage footer ul li {
		border: 0;
	}

	#landingpage footer ul li a {
		padding: 1em 0;
		border-top: 1px solid #222;
	}

	.height150 {
		height: 220px;
	}
}

@media all and (max-width: 840px) {
	.menu a {
		font-size: 110%;
	}
}

/* FOCUS ON MOBILE */

@media all and (max-width: 767px) {
	#openNav {
		top: 10px;
		right: 10px;
	}

	h1,
	h2 {
		/*-webkit-hyphens: auto;
	        -moz-hyphens: auto;
	        hyphens: auto;*/
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}

	.menuwrap {
		top: 47px;
	}

	.nav .top {
		height: 65px;
	}

	#landingpage .nav .wrap {
		padding-top: 1em;
	}

	/* .logos-container {
		width:70%;
		height: 60px;
		margin-top:-10px;
	}
	#landinglogo {
		margin-top: 0px;
        max-height: 45px;
    }
    .second-logo{
    	margin-top: 0px!important;
		max-height:45px;
    } */

	.openMenu {
		margin-top: 0.6em;
	}

	.loading {
		background-image: none;
	}

	#cont .wrap,
	#header .wrap {
		clear: both;
		margin: 0 10px 0 10px;
	}

	.bg {
		padding: 0.5em 0 1.5em 0 !important;
	}

	.singlequote.bg {
		padding: 3em 0 1.5em 0 !important;
	}

	.scrollarrow {
		font-size: 250%;
		width: 48px;
		height: 48px;
		margin: -25px auto;
	}

	#habla_window_div,
	.AR .olrk-state-compressed #habla_window_div {
		display: none !important;
	}

	header {
		font-size: 80%;
	}

	h1,
	h2,
	h3 {
		margin: 0.6em 0 0.8em 0;
		width: 100% !important;
	}

	.info {
		font-size: 100% !important;
	}

	#lang {
		margin: 0;
	}

	#cont p,
	#cont ul,
	#cont ol {
		font-size: 110%;
	}

	p .button {
		font-size: 90%;
	}

	.button {
		white-space: normal;
	}

	p .date {
		font-size: 75%;
	}

	#cont h2 {
		font-size: 180%;
	}

	#cont h3 {
		font-size: 135%;
	}

	.rightcol {
		font-size: 100%;
	}

	.rightcol .item {
		border-top: 1px solid #ddd;
		padding-top: 1em;
	}

	#breadcrumbs {
		padding: 0.8em 0 0.5em 0;
		border-bottom: 1px solid #ddd;
	}

	#news .second {
		border-top: 1px solid #ddd;
	}

	/* FRAMEIMAGE */
	.frameimage {
		border: 1px solid red !important;
		width: 23% !important;
		margin: 0 0 0 1em;
		border: 1px solid #ddd !important;
	}

	.frame {
		display: none;
	}

	.frameimage .img {
		position: static;
		width: 100%;
		float: left;
	}

	.frameimage .button {
		display: none;
	}

	.text {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	/* NEWSLIST */
	.newslist .text {
		float: none !important;
	}

	.newslist .quote {
		display: none;
	}

	.newslist .frameimage {
		margin: 0 0 1em 2em;
	}

	/* NEWS */
	.news h1 {
		font-size: 180%;
	}

	.news .frameimage {
		margin-right: 0;
	}

	.news .frameimage .img {
		position: static;
		width: 100%;
	}

	.newslist .text {
		width: auto !important;
		display: inline;
	}

	/* RECRUITMENT */
	.news.recruitment .right {
		margin-bottom: 1em;
	}

	/* QUOTEBLOCK */
	.quoteblock .text {
		width: auto;
		float: none;
	}

	.quoteblock .personinfo {
		margin: 0;
		display: none;
	}

	.quoteblock .personimage,
	.personintroduction .personimage {
		width: 60px;
		margin: 0 1em 0.5em 0;
		height: auto;
		border: 1px solid #ddd;
	}

	.quoteblock .personimageright {
		margin: 0 0 1em 1em;
	}

	.quoteblock .personimage .img,
	.personintroduction .img {
		width: 100%;
		height: auto;
		float: left;
		position: static;
	}

	.quote-picture {
		width: 100px;
		height: 100px;
		margin-top: 20px;
	}

	.quoteonlyblock .quote {
		padding-top: 2em;
	}

	.quoteblock .persontext {
		width: 140px;
	}

	/* CODEBLOCK */
	.codeblock .code {
		width: 280px;
	}

	/* TEXTBLOCK */
	.textblock h2 {
		padding-bottom: 0;
	}

	.textblock .frameimage {
		margin: 0 0 1em 2em !important;
	}

	.textblock .imageleft {
		margin: 0em 2em 1em 0 !important;
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock .text,
	.bigimageblock h2 {
		width: auto !important;
		display: block !important;
		float: none !important;
	}

	.bigimageblock h2 {
		width: 100% !important;
	}

	.bigimageblock .image {
		padding-top: 0.8em;
		margin: 0 0 0.5em 2em;
	}

	.bigimageblock .statistics {
		font-size: 80%;
		width: 215px;
		margin-top: 0.5em;
	}

	/* COLS */
	.leftcol,
	.rightcol,
	.cols3 .col,
	.cols2 .col {
		clear: both;
		width: 100% !important;
		float: none;
		display: block;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.cols3 .col {
		padding: 1em 0;
		background: transparent url('/media/layout/img/hdivider.gif') top center repeat-x;
	}

	.colorbg .cols3 .col,
	.cols3 .col.first {
		background: none;
	}

	.cols3images .frameimage {
		margin: 10px 20px 15px 0px;
	}

	.cols3images.notext .col {
		width: 29% !important;
		clear: none;
		float: left;
		padding-right: 6.5%;
	}

	.cols3images.notext .col.third {
		padding-right: 0;
	}

	.cols3images.notext .frameimage {
		width: 100% !important;
	}

	.cols3images.notext .img {
		left: 27px;
		width: 197px;
	}

	.cols3 .cleardiv.three,
	.cols3 .cleardiv.two {
		display: none;
	}

	.cols2 .col.first>img {
		margin-top: 2em;
	}

	.coldivider {
		background: none !important;
	}

	footer {
		padding-top: 2em;
	}

	#footerMenu ul {
		width: 100%;
		margin-bottom: 1em;
	}

	#footerMenu li {
		width: 100% !important;
		padding: 0 !important;
		clear: both;
	}

	#footerMenu li a {
		font-size: 150%;
	}

	#footerMenu li li a {
		font-size: 120%;
	}

	#footerMenu li li a:hover {
		color: #aaaaaa;
		background-color: transparent;
	}

	#footerMenu li li a:hover .arr {
		color: #aaaaaa;
	}

	footer .social {
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
	}

	#logos {
		border: 0;
		text-align: center;
	}

	#logos a {
		float: none !important;
	}

	#twitterButton {
		clear: both;
	}

	#fixed {
		position: static;
		float: left;
		width: 100%;
		text-align: center;
		font-size: 80%;
		padding: 5px 0 50px 0;
	}

	#fixed .button {
		float: none;
		height: auto !important;
		clear: both;
		display: block;
		margin: 10px;
	}

	#fixed .button .tip {
		display: none;
	}

	.col.contact .personimage {
		width: 50px;
		height: 100px;
	}

	.col.contact .personimage .img {
		top: 5px;
		left: 5px;
		width: 40px;
		border: 1px solid #ddd;
	}

	.col.contact .persontext {
		width: auto;
		padding-left: 1em;
	}

	.col.contact .persontext table {
		margin-top: 0;
	}

	.history .year {
		display: none;
	}

	.history .year .text {
		font-size: 300%;
	}

	.history .year .tip {
		font-size: 180%;
		top: 90%;
	}

	header {
		display: none;
	}

	#landingpage header {
		display: block;
	}

	header .wrap {}

	header.mobileheader {
		display: block;
	}

	/* ANIMATION */
	#customers.animation .elem {
		opacity: 1 !important;
		position: static !important;
	}

	.animation .hdivider {
		background: none;
	}

	.animation h1 {
		width: auto !important;
		font-size: 320% !important;
		max-width: 100% !important;
	}

	.animation h1 .text,
	.animation .textp {
		white-space: normal !important;
	}

	.animation h1 .text br,
	.animation .textp br {
		display: none;
	}

	.animation .textp {
		width: 100% !important;
		font-size: 165% !important;
		text-shadow: -1px -1px 0 rgba(255, 255, 255, 1), 1px -1px 0 rgba(255, 255, 255, 1), -1px 1px 0 rgba(255, 255, 255, 1), 1px 1px 0 rgba(255, 255, 255, 1), -2px -2px 0 rgba(255, 255, 255, 0.5), 2px -2px 0 rgba(255, 255, 255, 0.5), -2px 2px 0 rgba(255, 255, 255, 0.5), 2px 2px 0 rgba(255, 255, 255, 0.5), 0px 0px 5px rgba(255, 255, 255, 0.1), 0px 0px 7px rgba(255, 255, 255, 0.1), 0px 0px 12px rgba(255, 255, 255, 0.1), 0px 0px 15px rgba(255, 255, 255, 0.1), 0px 0px 17px rgba(255, 255, 255, 0.2), 0px 0px 20px rgba(255, 255, 255, 0.3), 0px 0px 25px rgba(255, 255, 255, 0.4), 0px 0px 30px rgba(255, 255, 255, 0.5), 0px 0px 40px rgba(255, 255, 255, 0.6) !important;
	}

	#landingpage .animation .textp {
		margin-top: -1.5em;
	}

	/*
	.animation h1 {
		line-height: 1.4 !important;
		font-size: 240% !important;
	}



	.animation .textp {
		width: 100% !important;
		font-size: 160% !important;
	}

*/
	header .animation .button {
		font-size: 200% !important;
	}

	.animation .background-cover {
		left: auto !important;
		right: -280px !important;
	}

	.customers .elem {
		position: static;
	}

	.showmobile {
		display: inline-bloc;
	}

	.hidemobile {
		display: none;
	}

	div.showmobile {
		display: block;
	}

	.mobilewrap {
		float: left;
		clear: both;
		display: block;
	}

	.mobilebutton {
		display: block;
	}

	#breadcrumbs {
		display: none;
	}

	#mobiletrail,
	#mobiletrail #breadcrumbs {
		display: block;
	}

	.prevslide,
	.nextslide,
	#subMenu,
	#tools li,
	#social,
	.olrk-available {
		display: none !important;
	}

	.slide.loading {
		background-image: none;
	}

	.tabs {
		margin-top: 1.5em;
	}

	/*Landing page FR - 12/09/16 - Nicolas Messifet */
	.height150 {
		height: initial;
	}

	span.smalltext-onmobile {
		font-size: 10px;
	}

	span.mediumtext-onmobile {
		font-size: 15px;
	}
}


/* @media all and (max-width: 550px) {
	.logos-container {
		width:65%;
	}
	.second-logo, #landinglogo{
		max-height:50px;
	}
} */

@media all and (max-width: 500px) {
	#cont .mobilewrap {
		width: 92%;
		padding: 0px 4%;
	}

	.animation h1 {
		font-size: 280% !important;
	}

	.bigbg {
		height: 420px;
	}

	.nav .phone {
		display: none;
	}

	/* .logos-container {
		width:100%;
	} */
	#landinglogo {
		float: none;
	}

	.form input,
	.form button {
		margin: 0px !important;
	}

	dl.form dt,
	dl.form dd {
		width: 100% !important;
	}

	#newsletterBox .button {
		margin: 20px 0 !important;
	}

	.editor iframe {
		height: 200px !important;
	}

	/* COLS */
	.cols3images ul,
	.cols3images p {
		width: 100%;
	}

	.cols3images.notext .col {
		width: 100% !important;
	}

	.cols4 .col {
		width: 46%;
		margin: 2%;
	}

	.cols5 .col {
		width: 100%;
	}

	/* FRAMEIMAGE */
	.frameimage,
	.frameimage .img,
	.image,
	.imageleft {
		width: 100% !important;
		display: block !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* NEWS & NEWSLIST */
	.newslist {
		padding: 0;
	}

	.newslist .text,
	.newslist .quote,
	.news .text,
	.news .quote,
	.newslist .info {
		width: 100%;
		display: inline-block;
	}

	.newslist .quote,
	.news .quote {
		font-size: 130%;
		margin: 0.5em 0 1em 0;
	}

	/* RECRUITMENT */
	.news.recruitment .right {
		margin-bottom: 0;
	}

	/* QUOTEBLOCK */
	.quoteblock .personinfo .personimage {
		display: block;
		margin-top: 0.4em;
	}

	.quoteblock .personimage img {
		height: auto;
	}

	.quoteblock .personinfo {
		width: 100%;
		display: block;
		padding: 1em 0 1em 0;
	}

	.quoteblock .persontext {
		width: auto;
		float: none;
	}

	/* CODEBLOCK */
	.codeblock h2,
	.codeblock .text,
	.codeblock .code {
		width: 100%;
		display: block;
	}

	.codeblock .code {
		margin: 0;
		padding-bottom: 2em;
	}

	/* TEXTBLOCK */
	.textblock .image {
		margin-top: 2em !important;
		margin-bottom: 0em !important;
	}

	.history h2 {
		clear: both;
	}

	.col.contact .persontext {
		padding-left: 0;
	}

	.col.contact .personimage {
		display: none;
		/* margin-right: 5px; */
	}

	/* BIG IMAGE BLOCK */
	.bigimageblock {
		padding: 0;
	}

	.bigimageblock .statistics {
		font-size: 100%;
		width: 100%;
		margin-top: 0.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.customers {
		height: 230px !important;
	}

	#landingpage .animation .textp.margintop-under500 {
		margin-top: 0px !important;
	}
}

/* IPHONE 4S Landscape  */

@media all and (max-width: 480px) {
	#head {
		padding: 10px 0;
	}

	#head a {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#head a,
	#head #openSites,
	#head #openSites {
		margin: 0;
	}
}

@media all and (width: 480px) {
	#head a {
		width: 207px;
	}

	#head a.login {
		width: auto;
	}
}

/* IPHONE 4S Portrait */

@media all and (max-width: 320px) {
	header.mobileheader h1 {
		font-size: 200%;
	}

	table.listTable {
		border: 0px;
	}

	table.listTable tr td:first-child {
		font-weight: bold;
	}

	table.listTable tr,
	table.listTable td {
		display: block;
		clear: both;
		width: 100% !important;
		text-align: left !important;
	}

	table.listTable tr {
		margin-bottom: 1em;
	}

	.mobile .fancybox-prev span.nav span.button,
	.mobile .fancybox-next span.nav span.button {
		display: none;
	}
}

@media all and (width: 320px) {
	#head a {
		width: 127px;
	}

	#head a.login {
		width: auto;
	}
}

@media all and (max-width: 319px) {
	#sites {
		margin-bottom: 5px;
	}

	#lang,
	#sites {
		width: 100% !important;
	}

	#tools {
		display: none;
	}

	#head #openSites {
		float: none;
		display: block;
		margin: 0px;
	}

	.openMenu {
		width: 100%;
		margin-top: 55px;
		float: none;
		text-align: center !important;
		display: block;
		padding: 0.6em 0;
	}

	.openMenu span {
		margin: 0.1em 0.1em 0 0;
	}

	.nav .top {
		height: 115px !important;
	}

	.menuwrap {
		top: 95px;
	}

	#logo {
		width: 100% !important;
		background-position: center center;
	}
}

@media (max-width: 1280px) and (min-width: 768px) {
	.col.contact .persontext {
		width: 100%;
		padding-left: 0px;
	}
}

@media (min-width: 360px) {
	.header-main-logo {
		display: inline-block;
		height: 48px;
		line-height: 48px;
	}

	.header-main-logo img {
		margin: 0;
		vertical-align: middle;
	}

	.header-secondary-logo {
		display: inline-block;
		height: 48px;
		line-height: 48px;
	}

	.header-secondary-logo img.heart {
		margin: 5px 0 0 0;
		vertical-align: middle;

	}

}

@media (min-width: 401px) {
	.header-secondary-logo img.googleadwords {
		margin-top: 2px;
	}

}

@media (min-width: 501px) {
	.logos-container {
		width: 63%;
		float: left;
	}
}

@media only screen and (min-width: 501px) and (max-width: 601px) {
	.header-secondary-logo img.googleadwords {
		margin-top: 1vw;
	}

}

@media (min-width: 768px) {
	.header-secondary-logo img.heart {
		max-width: 50px;
	}

	.logos-container {
		width: 50%;
	}

	.integration {

		margin-top: 7px;
		width: 40px;
	}
}

@media (min-width: 940px) {}

@media (min-width: 1281px) {
	.logos-container {
		margin-top: 0;
	}
}