/* @override http://www.socool.test/css/all.css */

@font-face{
font-family:"Myriad W01 Regular";
src:url("Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix");
src:url("Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"),url("fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"),url("fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"),url("fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg");
}
@font-face{
font-family:"Myriad W01 Bd Sm Cnd";
src:url("Fonts/05288a48-9aa4-47ee-9af8-97126df7e999.eot?#iefix");
src:url("Fonts/05288a48-9aa4-47ee-9af8-97126df7e999.eot?#iefix") format("eot"),url("fonts/c858c292-597c-4ffe-a108-4e6568fbae4e.woff") format("woff"),url("fonts/1522b786-6d59-43f7-9d16-34279ee0acf8.ttf") format("truetype"),url("fonts/1455167d-f3ec-4022-ae9f-b9ce5746d2a0.svg#1455167d-f3ec-4022-ae9f-b9ce5746d2a0") format("svg");
}


html {
	box-sizing: border-box;
}
*, 
*:before, 
*:after {
	box-sizing: inherit;
}
* {
	font-size: 100.01%;
	max-height: 10000px;
}
html {font-size: 62.5%;}
body {
	color: #565b5c;
	font:1.6em/1.5625em Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	margin: 0;
	min-width: 320px;
	background:#fff;
}
img {border-style: none;}
a {
	color: #00aef0;
	text-decoration: none;
}
a:hover {text-decoration: none;}
a:active {background-color: transparent;}
article, 
details, 
figcaption, 
figure, 
footer, 
header, 
menu, 
main,
nav, 
section {
	display: block;
}
footer {
	float: left;
	width: 100%;
}
main {
	float: left;
	width: 100%;
}

form, 
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input,
button,
textarea,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #38434a;
}
q {quotes: none;}
q:after {content: ''}
q:before {content: ''}
input[type=submit]:hover, 
button[type=submit]:hover {cursor: pointer;}
input[type=submit]::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type="image"] {
	padding: 0;
	border: none;
}
input[type="text"], 
input[type="password"], 
input[type="submit"], 
input[type="file"], 
input[type="search"], 
input[type="email"], 
input[type="tell"], 
input[type="url"], 
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
#wrapper{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.tile-block-second,
.tile-block{
	position: relative;
	padding: 0px 0 0;
}
#bg-stretch{
	display: block;
	float: left;
	background: url(images/bg-intro-v2.jpg) repeat 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: -1;
	height: 840px;
	max-height: 840px;
	overflow: hidden;
}
#header{
	width: 84%;
	margin: 0 auto 67px;
	position: relative;
	padding: 0 0 0 197px;
	min-height: 58px;	
	font-size: 16px;
	line-height: 25px;
}
.anchor-marker {
	display: block;
	float: left;
	height: 0px;
	margin-top: -58px;
}

@media only screen and (max-width:1280px){
#header{
	width: 90%;

}
}


#menu-section-placeholder {
	display: none;
	float: left;
	height: 0;
	width: 100%;

}
#menu-section {
	display: block;
	float: left;
	padding-top: 128px;
	padding-bottom: 40px;
	width: 100%;
}


	body.sub-menu-open.scrolled #menu-section-placeholder {
		display: block;
	}
	#menu-section-background-deleted {
		display: none;
		float: left;
		
		position: static;
		top: 0;
		left: 0;
		z-index: 8000;
		height: 500px;
		width: 100%;
		background: rgba(255,255,255,0.95); 
		-webkit-box-shadow: 0px 5px 25px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 25px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 25px 0px rgba(50, 50, 50, 0.75);


	}
	body.sub-menu-open.scrolled #menu-section-background {
		display: block;

	}

	body.scrolled #menu-section {
		opacity: 0;
	   transition: opacity 1.1s ease-in;
	    -ms-transition: opacity 1.1s ease-in;
	    -moz-transition: opacity 1.1s ease-in;
	    -webkit-transition: opacity 1.1s ease-in;
	}
	body.sub-menu-open.scrolled #menu-section {
		position: fixed;
		top: 58px;
		padding-top: 45px;
		z-index: 10000;

		opacity: 1;
	    transition: opacity 1.1s ease-out;
	    -ms-transition: opacity 1.1s ease-out;
	    -moz-transition: opacity 1.1s ease-out;
	    -webkit-transition: opacity 1.1s ease-out;	


	/*	background-color: rgba(255,255,255,0.9);*/
	}
	 /*
	body.sub-menu-open.scrolled #menu-section #menu-section-hover-aid {
		position: absolute;
		display: none;
		width: 100%;
		top: -58px;
		left: 0;
		height: 120px;
		background: #f0f;
		z-index: 10010;
	}

	body.sub-menu-open.scrolled #menu-section:hover {
		display: block;
	}

*/
	body.lt640 #menu-section-background {
		display: none !important;
	}
	body.lt640 #menu-section {
		display: none !important;
	}

#header .lang-menu a {
  display: block;
  float: right;
  padding: 7px 14px 7px 12px;
  position: absolute;
  top: 15px;
  right: -40px;
  background: #ed008c;
  text-shadow: 1px 1px 5px rgba(255,255,255,0.5);
  border-radius: 4px;
  font-weight: bold;

  font-size: 14px;
  line-height: 14px;

}
#header .lang-menu a {
	color: #fff;
}
#features-menu {
	display: block;
	margin: 0 auto;
	width: 1180px;
}


#features-menu ul {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
#features-menu ul li {
/* 376 × 2600 pixels */
	width: 188px;
	height: 125px;
	position: relative;

	display: block;
	float: left;
	margin: 10px 4px 18px 4px;

		opacity: 1;

	   transition: opacity 0.5s ease-out;
	    -ms-transition: opacity 0.5s ease-out;
	    -moz-transition: opacity 0.5s ease-out;
	    -webkit-transition: opacity 0.5s ease-out;

/*	transition: transform .15s ease .16s, opacity .15s ease .16s;*/
}
#features-menu ul li a:before {
	content: '';
	left: 0;
	top: 0;
	display: block;
	float: left;
	width: 188px;
	height: 105px;

	background: url(images/en/menu_items.jpg) no-repeat 0 0; 
	background-position: 0 -1px;
	background-size: 188px 1300px;
}

body.lang-en #features-menu ul li a:before {
	background-image: url(images/en/menu_items.jpg); 
}
body.lang-fi #features-menu ul li a:before {
	background-image: url(images/fi/menu_items.jpg); 
}

#features-menu ul li a span {
	display: block;
	float: left;
	width: 188px;
	height: 20px;
	text-align: center;
	color: #000;
	font-size: 14px;
}
/* 134px 75px */
@media only screen and (max-width:1200px){
	#features-menu {
		display: block;
		margin: 0 auto;
		width: 960px;
	}
	#features-menu ul li {
		-webkit-transform: scale(0.78);
		transform: scale(0.78);
		width: 146px;
		height: 100px;
		/* 134px 75px */

	}
	#features-menu ul li a span:before {
		background-size: 188px 1300px;

	}
	#features-menu ul li a span {
		font-size: 16px;
	}
}

@media only screen and (max-width:1024px){
	#features-menu {
		width: 1000px;
	}
}
@media only screen and (max-width:900px){
	#features-menu {
		width: 660px;
	}
	#features-menu ul li a span {
		padding-top: 4px;
	}
}

#features-menu ul li:hover {
	   transition: opacity 0.5s ease-out;
	    -ms-transition: opacity 0.5s ease-out;
	    -moz-transition: opacity 0.5s ease-out;
	    -webkit-transition: opacity 0.5s ease-out;

	opacity: 0.7 !important;
}
#features-menu ul li a span {
		   transition: color 0.5s ease-out;
	    -ms-transition: color 0.5s ease-out;
	    -moz-transition: color 0.5s ease-out;
	    -webkit-transition: color 0.5s ease-out;
	    color: #000;
}
#features-menu ul li:hover a span {
		   transition: color 0.5s ease-out;
	    -ms-transition: color 0.5s ease-out;
	    -moz-transition: color 0.5s ease-out;
	    -webkit-transition: color 0.5s ease-out;
	color: #00aef0;
}
#features-menu ul li#fm-forms a:before {
	background-position: 0 -1px;
}
#features-menu ul li#fm-history a:before {
	background-position: 0 -109px;
}
#features-menu ul li#fm-analytics a:before {
	background-position: 0 -215px;
}
#features-menu ul li#fm-mobile a:before {
	background-position: 0 -321px;
}
#features-menu ul li#fm-help a:before {
	background-position: 0 -429px;
}
#features-menu ul li#fm-search a:before {
	background-position: 0 -536px;
}
#features-menu ul li#fm-elements a:before {
	background-position: 0 -641px;
}
#features-menu ul li#fm-seo a:before {
	background-position: 0 -750px;
}
#features-menu ul li#fm-codeeditor a:before {
	background-position: 0 -857px;
}
#features-menu ul li#fm-integrations a:before {
	background-position: 0 -964px;
}
#features-menu ul li#fm-restore a:before {
	background-position: 0 -1073px;
}
#features-menu ul li#fm-users a:before {
	background-position: 0 -1180px;
}
/*

@media only screen and (max-width:1280px){

	#features-menu ul li#fm-forms a span:before {
		background-position: 0 -1px;
	}
	#features-menu ul li#fm-history a span:before {
		background-position: 0 -109px;
	}
	#features-menu ul li#fm-analytics a span:before {
		background-position: 0 -215px;
	}
	#features-menu ul li#fm-mobile a span:before {
		background-position: 0 -321px;
	}
	#features-menu ul li#fm-help a span:before {
		background-position: 0 -429px;
	}
	#features-menu ul li#fm-search a span:before {
		background-position: 0 -536px;
	}
	#features-menu ul li#fm-elements a span:before {
		background-position: 0 -641px;
	}
	#features-menu ul li#fm-seo a span:before {
		background-position: 0 -750px;
	}
	#features-menu ul li#fm-html a span:before {
		background-position: 0 -857px;
	}
	#features-menu ul li#fm-3rdparty a span:before {
		background-position: 0 -964px;
	}
	#features-menu ul li#fm-restore a span:before {
		background-position: 0 -1073px;
	}
	#features-menu ul li#fm-users a span:before {
		background-position: 0 -1180px;
	}




}*/

/* +106 */

/*
#header:after,
#header:before{
	background: #bd0070;
	position: absolute;
	top: 0;
	right: -9999px;
	left: 161px;
	bottom: 0;
	content: '';
	z-index: -1;
}
#header:before{
	top: 22px;
	right: 100%;
	left: -9999px;
	height: 58px;
}*/
.logo-holder{
	background: url(images/logo_holder.png) no-repeat;
	background-size: 161px 104px;
	width: 161px;
	height: 104px;
	position: absolute;
	left: 0;
	top: 0;
}
.logo {
	display: block;
	float: left;
	width: 133px;
	height: 40px;
	margin: 25px 0 0 0px;
}
.logo a {
	display: block;
	float: left;
	width: 133px;
	height: 40px;
}

.nav-holder{
	display: block;
	font-weight: bold;
}
#nav{
	display: inline-block;
	vertical-align: top;
	max-width: inherit;
}
#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}
#nav li{
	float: left;
}
#nav a{
	color: #fff;
	display: block;
	padding: 17px 19px 16px;
	outline: none !important;

}

#nav a {
	
	   transition: background-color 0.5s ease-in;
	    -ms-transition: background-color 0.5s ease-in;
	    -moz-transition: background-color 0.5s ease-in;
	    -webkit-transition: background-color 0.5s ease-in;
}

#nav .active a{ background: #ed008c;}
#nav ul:hover li.active a {
	background: none;
}
#nav ul:hover li.active a:hover,
#nav a:hover {
	background: #ed008c;
	   transition: background-color 0.5s ease-out;
	    -ms-transition: background-color 0.5s ease-out;
	    -moz-transition: background-color 0.5s ease-out;
	    -webkit-transition: background-color 0.5s ease-out;
}

.search{
	display: inline-block;
	vertical-align: top;
	width: 26px;
	margin: 0 0 0 37px;
}
.search .button{
	display: block;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	padding: 17px 0 16px;
}
.search .button:hover{opacity: .8;}
.search .button:after{
	content: '';
	background: url(images/ico-search.png) no-repeat;
	width: 26px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -12px 0 0;
}
.intro-block{
	width: 944px;
	margin: 0 auto;
	text-align: center;
	font: 1.375em/1.272em 'Myriad W01 Regular', Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 #fff;
	color: #3f4a52;
	position: relative;
	padding-bottom: 59px;
	max-height: 713px;

}
.intro-block-row {
	position: relative;
	overflow: hidden;
}
.intro-block-row:after{
	content: '';
	clear: both;
	display: block;
}
.intro-block-row:before{
	position: absolute;
	bottom: 0;
	height: 102px;
	background: url(images/divider.png) 50% 0 repeat-x;
/*	background-size: 3040px 102px; */
	z-index: 1;
	content: '';
	left: 0;
	right: 0;
}
.intro-block h1{
	font:bold 2.4545em/1.093em 'Myriad W01 Bd Sm Cnd', Arial, Helvetica, sans-serif;
	margin: 0 0 22px;
	color: #1f1f21;
	letter-spacing: -1px;
	text-shadow: 0 1px 51px #fff;
}
.intro-text{
	width: 700px;
	display: inline-block;
	vertical-align: top;
}
.intro-block p{margin: 0 0 30px;}
.intro-block .image-holder img{
/*	width: 100%;*/
	height: auto;
	display: block;
	margin: 0 0 -50px -20px;
}

#main h2{
	font: 1.75em/1.1429em 'Myriad W01 Regular', Arial, Helvetica, sans-serif;
	color: #202021;
	margin: 0 15px 21px;
	text-align: center;
}
#main .feature-block h2 {
	margin: 130px 0 21px 0;
}
#main p{margin: 0 0 14px;}

.feature-block{
	padding: 30px 0 23px;
	margin: 0 auto;
	width: 944px;
	overflow: hidden;
}
.feature-block .col{
	float: left;
	width: 33.3333%;
	padding: 0 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
}
.feature-block .ico-holder{
	position: relative;
}
.feature-block .holder{
	margin: 0 -15px;
}
.feature-block .holder:after{
	display: block;
	clear: both;
	content: '';
}
.feature-block .col {
	position: relative;
}
.feature-block .col-customized h2 {
	margin-top: 100px;
}
.feature-block .ico-holder {
	position: absolute;
	left: 50%;
	margin-left: -50px;
	background: url(images/bg-intro.jpg);	
	display: block;
	float: left;
	width: 105px;
	height: 104px;
}
.feature-block .ico-holder .icon {
	display: block;
	float: left;
	width: 105px;
	height: 105px;
	
	background: transparent url(images/footer-icons_x2.png) no-repeat 0px 0px;
	background-size: 315px 105px;
}
.feature-block .col-customized .ico-holder .icon {
	background-position: 0px 0;
}
.feature-block .col-pricing .ico-holder .icon {
	background-position: -105px 0;
}
.feature-block .col-get .ico-holder .icon {
	background-position: -210px 0;
}

.feature-block .col-customized .ico-holder {
	background-position: 0px 500px;
}
.feature-block .col-pricing .ico-holder {
	background-position: 460px 500px;
}
.feature-block .col-get .ico-holder {
	background-position: 820px 500px;
}

.feature-block .ico-holder img{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 5px -33px;
}
.feature-block .col-pricing .ico-holder img{margin: 0 0 5px -25px;}
.feature-block .col-get .ico-holder img{margin: 0 0 5px -30px;}
.feature-block .tel-holder{
	color: #ed008c;
	font-size: 1.125em;
	line-height: 1.222em;
	font-weight: bold;
}
.feature-block .tel-holder .tel{color: #ed008c;}
.feature-block .tel:hover{color: #333;}
#footer{
	width: 100%;
	margin: 0 auto 85px;
	position: relative;
	color: #fff;
	padding: 10px 200px 40px 0;
	font-size: 16px;
	line-height: 20px;
	
}
#footer-wrap{
	width: 944px;
	margin: 0 auto;
	position: relative;
	
}
#footer p{ 
	position: absolute;
	top: 40px;
	left: 20px;
	height: 20px; 
	color: #fff; 
	margin: 0px 0 0 0; 
	font-size: 0.9em;
}
#footer .logo-holder{
	left: auto;
	right: 0;
}
.hide-desktop{display: none;}
.opener{
	background: url(images/nav-opener.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 32px;
	height: 22px;
	top: 2px;
	right: 10px;
	position: absolute;
	z-index: 999;
}
#footer a:hover{color: #333;}
.logo .print{display: none;}
.menu .opener{display:none; outline: none !important;}
.opener:before,
.opener:after{
	content:'';
	top:10px;
}
.opener:after{top:22px;}
/* close button transition */
.close-btn span,
.active .opener span{opacity:0;}
.opener:hover{opacity:.9;}
.close-btn:after,
.close-btn:before,
.active .opener:after,
.active .opener:before{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:16px;
	left:15%;
	right:15%;
}
.close-btn:after,
.active .opener:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.show-mobile{display: none;}

.btn-holder {
	text-align: center;
}
.content-row .link span{
	display: inline-block;
	vertical-align: top;
	background: url(images/btn-play.png);
	height: 23px;
	width: 23px;
	border-radius: 23px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 5px 0 0;
	position: relative;
}

.content-row.color-blue {
	background: #e8f3f6;	
}
.content-row.color-green {
	background: #e5f4f1;	
}
.content-row.color-magenta {
	background: #f6eaf5;	
}
h2.goto a {
	display: block;
	float: left;
	color: #000;
}
/*
h2 a.goto:after {
	content: '>';
	color: #fff;
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: #00aef0;
	border-radius: 15px;

}*/
#main h2.goto {
	margin-bottom: 10px !important;
	margin-top: 30px !important;
	margin-left: 3% !important;
}
h2.goto a span.icon {
	content:'';
	color: #fff;
	display: block;
	float: right;

	width: 26px;
	height: 26px;

	background: #00aef0;
	border-radius: 15px;
	margin: 3px 0 0 10px; 
}
h2.goto a span.icon:after {
	content:'';
	font-family: times, serif;
	position: absolute;
	top: 6px;
	left: 4px;

	display: block;
	float: left;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-bottom: none;
	border-left: none;
	margin: 3px 0 0px 3px;
}
h2.goto a span.icon {
/*	background: #000; */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);	
}



.text-holder.text-align-left {
	text-align: left;
}
.text-holder.text-align-left h2,
.text-holder.text-align-left p {
	display: block;
	float: left;
	clear: both;
	width: 94%;
	text-align: left;
	margin: 0 0 0 3%;	

}
.text-holder.text-align-left .btn-holder {
	text-align: left;
	width: 94%;
	margin: 0 0 0 3%;	
}

.content-row {
	display: block;
	float: left;
	width: 100%;
	min-height: 440px;
	max-height: 440px;
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.content-row.image-bottom {
	max-height: 700px;
}
.content-row.image-left.more-features .image-holder {
	margin-top: 50px;
}
.content-row.image-left.more-features {
	max-height: 350px;
	min-height: 350px;
}
@media only screen and (max-width: 1140px) {

.content-row.image-left.more-features {
	max-height: 330px;
	min-height: 330px;
}
}
@media only screen and (max-width: 1040px) {
.content-row.image-left.more-features {
	max-height: 310px;
	min-height: 310px;
}


}
@media only screen and (max-width: 900px) {

.content-row.image-left.more-features .text-holder.text-align-left {
	padding-top: 40px;
}

.content-row.image-left.more-features {
	max-height: 280px;
	min-height: 280px;
}

}
@media only screen and (max-width: 800px) {

.content-row.image-left.more-features {
	max-height: 270px;
	min-height: 270px;
}

.content-row.image-left.more-features .text-holder.text-align-left {
	padding-top: 40px;
}
}


@media only screen and (max-width: 640px) {

.content-row.image-left.more-features {
	max-height: 270px;
	min-height: 270px;
}
#main h2.goto {
	margin-top: 0 !important;
}

.content-row.image-left.more-features .text-holder.text-align-left {
	padding-top: 0px;
}
}
.content-row.image-bottom.only-heading {
	min-height: 200px;
}

.content-row.image-bottom.only-heading .text-holder,
.content-row.image-bottom.only-heading .text-holder h2 {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.content-row.image-bottom.only-heading .text-holder {
	padding-top: 30px;
}

.content-row-wrap {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
}
.content-row .text-holder p {
	text-align: center;
}
.content-row .text-holder {
	float: right;
	display: block;
	
	width: 40%;
	margin: 100px 4% 80px 6%;

}
.content-row .image-holder {
	float: right;
	display: block;
	position: relative;
	margin: 60px 0 0 0;
	padding: 0;
	width: 50%;
	line-height: 0;
}
.content-row.first-section {
	padding-top: 100px !important;
}

.content-row.image-as-background {
	width: 100%;
	background-position: center bottom;
	min-height: 880px;
	background-size: 100% auto;
	position: relative;
	padding: 0;
	margin: 0;
}
.content-row.image-as-background .image-holder {
	width: 100%;
	margin: 0;
}
.content-row.image-as-background .content-row-wrap {
	width: 100%;

}
.content-row.image-as-background .text-holder  {
	margin: 5px 15% 100px 15%;	
	position: absolute;
	bottom: 0;
	width: 70%;

}
.content-row.image-as-background .text-holder p {
	padding: 0 5% 0 5%;
}

@media only screen and (max-width: 1400px) {
	.content-row.image-as-background {
		min-height: 800px;
	}
	.content-row.image-as-background .text-holder  {
		margin-bottom: 80px;
	}
}

@media only screen and (max-width: 1200px) {
	.content-row.image-as-background {
		min-height: 700px;
	}
	.content-row.image-as-background .text-holder  {
		margin-bottom: 45px;
	}
}

@media only screen and (max-width: 1100px) {
	.content-row.image-as-background {
		min-height: 650px;
	}
	.content-row.image-as-background .text-holder  {
		margin-bottom: 35px;
	}

}

@media only screen and (max-width: 1000px) {
	.content-row.image-as-background {
		min-height: 600px;
		background-size: 1000px auto;
	}
	.content-row.image-as-background .text-holder  {
		margin-bottom: 30px;
		margin: 5px 5% 30px 5%;	
		width: 90%;

	}
	#nav a {
		padding: 17px 15px 16px 15px;
	}

}

@media only screen and (max-width: 780px) {
	#header .lang-menu a {
		font-size: 12px;
		line-height: 12px;
	}
	#nav a {
		font-size: 13px;
	}

}
@media only screen and (max-width: 720px) {
	#nav a {
		font-size: 12px;
		padding: 17px 12px 16px 12px;
	}
}


@media only screen and (max-width: 600px) {
	.content-row.image-as-background {
		min-height: 600px;
		background-size: 1000px auto;
	}
	.content-row.image-as-background .text-holder  {
		margin: 5px 3% 30px 3%;	
		width: 94%;
	}

}
@media only screen and (max-width: 480px) {
	.content-row.image-as-background .text-holder  {
		margin: 5px 2% 10px 2%;	
		width: 96%;
	}
}

@media only screen and (max-width: 420px) {

	.content-row.image-as-background {
		min-height: 600px;
		background-size: 1100px auto;
	}
	.content-row.image-as-background .text-holder  {
		margin: 5px 2% 10px 2%;	
		width: 96%;
	}
}


.content-row .text-holder p strong {
	color: #000;
}

.content-row.image-left.richer-content .text-holder {
	margin-top: 60px;
}
/*
.content-row.richer-content .image-holder  {
	margin-top: 100px;
}*/

.content-row.image-bottom .text-holder {
	margin: 45px 5% 30px 5%;	
	width: 90%;
}
.content-row.image-bottom .image-holder {
	width: 100%;
	margin: 20px 0 0 0;
}

.content-row.image-right .image-holder img {
	float: left;
}
.content-row.image-left .image-holder img {
	float: right;
}


.content-row.image-right .text-holder {
	float: left;
	margin: 100px 6% 80px 4%;
}
.content-row.find-feature .image-holder {
	max-height: 450px;
}

.content-row.first-row {
	margin-top: 80px;
}
.content-row.first-row .image-holder {
	margin-top: 20px;
}
.content-row.first-row .text-holder {
	margin-bottom: 30px;
}
.content-row.image-bottom .image-holder img {
	margin-right: 10px;
	margin-left: 10px;
}

	.logo-holder:before{
		right: -1700px;
		top: 0px;
		position: absolute;
		height: 58px;
		left: 100%;
		background: #bd0070;
		content: '';
	}

	.logo-holder:after{
		left: -2000px;
		right: -25px;
		top: 22px;
		position: absolute;
		height: 58px;
		right: 100%;
		background: #bd0070;
		content: '';
	}
.menu {
	display: block;
	float: left;
	position: absolute;
	top: 0px;
	z-index: 30;
}
.image-shadow {
	background: url(images/shadow.png) repeat-x;
	display: block;
	float: left;
	height: 64px;
	right: 0;
	top: 326px;
	position: absolute;
}
/*
@media only screen and (min-width: 1300px){
.content-row .image-holder img {
	width: 125% !important;
	height: auto;
}	
}
@media only screen and (min-width: 1200px) and (max-width: 1300){
.content-row .image-holder img {
	width: 105% !important;
	height: auto;
}	
}*/
@media only screen and (max-width: 1170px){
.content-row .image-holder img {
	width: 107% !important;
	height: auto;
	
}	
.content-row.image-bottom .image-holder img {
	width: 100% !important;
}

.image-shadow {
	width: 107% !important;
}
}

@media only screen and (max-width: 1150px){
.content-row .image-holder img {
	width: 102% !important;
	height: auto;
}	
.image-shadow {
	width: 102% !important;
}


}

@media only screen and (max-width: 1130px){
.content-row .image-holder img {
	width: 99% !important;
	height: auto;
}
.image-shadow {
	width: 99% !important;
}

	
}

@media only screen and (max-width: 1100px){
.content-row .image-holder img {
	width: 97% !important;
	height: auto;
}
.image-shadow {
	width: 97% !important;
}

	
}
@media only screen and (max-width: 1060px){
.content-row .image-holder img {
	width: 95% !important;
	height: auto;
}
.image-shadow {
	width: 95% !important;
}
	
}



@media only screen and (max-width: 1023px){
.content-row {
	min-height: auto;
	
}

#header .lang-menu a {
	right: 10px;
}
	
.content-row-wrap {
	width: 100%;
	margin: 0 auto;
}	
.content-row .image-holder {
	float: left;
	display: block;
	width: 50%;
}

.content-row .image-holder img {
	width: 95%;
	height: auto;
}	
		
.content-row.image-bottom .image-holder img {
	width: 90% !important;
	margin-right: 5%;
	margin-left: 5%;
}

.intro-block .image-holder img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 0 -50px;
}

	#main{width: 100%;}
	.hide-desktop{display: block;}
	#header:after{left: 171px;}
	.hide-tablet{display: none;}
	.feature-block{width: 100%;}
	#header,
	#footer,
	.intro-block{
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#header {
		padding-left: 217px;
	}


	#footer-wrap{
	width: 100%;
}
.footer-nav {
	padding-top: 100px;
}
	
	.intro-block{
		margin-bottom: 0;
	}
	
	.intro-block .image-holder{
		padding: 0 25px;
	}
	.feature-block .col{
		width: 32%;
		margin: 0 0 0 1%;
	}
	.logo-holder{left: 25px;}	
	#footer .logo-holder{right: 25px;}
	#footer .logo-holder:before{
		left: 100%;
		right: -425px;
		top: 0;
	}

	#footer{padding-left: 25px;}
	.search{margin: 0 0 0 6px;}
	.intro-text{margin: 0 0 11px;}

/*

	.content-row .image-holder{top: 0;}
*/
/*	.content-row.five .image-holder {
		vertical-align: bottom;
	}
	.content-row.five .image-holder img{
		vertical-align: bottom;
	}
*/
}

@media only screen and (max-width: 900px){

	body{
		font-size: 14px;
		line-height: 19px;
	}
.image-shadow {
	top: 256px;
}	
	
.content-row {
		min-height: 370px;
	max-height: 370px;
}	
.content-row.image-right .text-holder,
.content-row.image-left .text-holder {
	margin-top: 70px;
}	
	
}
@media only screen and (max-width: 800px){

.content-row {
		min-height: 300px;
	max-height: 340px;
}	
.content-row.image-right .text-holder,
.content-row.image-left .text-holder {
	margin-top: 20px;
	margin-bottom: 20px;
}	


.intro-text {
	width: 90%;
}

.intro-block h1 {
	font-size: 2.0em;
}
	#footer .logo-holder:after{
		left: -900px;
		right: 100%;
		height: 58px;
	}
	
}


@media only screen and (max-width: 799px){
.content-row.image-left,
.content-row.image-right {
	min-height: 200px;
	max-height: 370px;
}
.content-row.feature-content {
	max-height: 300px;
}

.content-row.image-right .text-holder,
.content-row.image-left .text-holder {
	margin-top: 60px;
	margin-bottom: 10px;
}
	
}



@media only screen and (max-width: 639px){
#header-fixed {
	position: absolute;
	width: 100%;
	margin-top: 0px;
	top: 0px;
}
#header .lang-menu a {
	display: none;
}
.content-row.mobile-first-section {
	padding-top: 100px !important;
}
#menu-section {
	display: none;
}

#footer p { 
	position: static;
	top: auto;
	left: auto;
	height: 20px; color: #999; margin: 20px 0 0 0; font-size: 0.8em;

}
.content-row .image-holder {
	margin-top: 40px;
}

.menu {
	top: 10px;
	right: 0;
}
.content-row.feature-content.image-left .text-holder {
	margin-top: 10px;
}

.content-row.image-left,
.content-row.image-right {
	min-height: 200px;
	max-height: 550px;
}
.image-shadow {
	top: 287px;
}
.content-row.image-left.richer-content .text-holder {
	margin-top: 50px;
}
.content-row.feature-content {
	max-height: 550px;
}

.content-row.find-feature .image-holder {
	max-height: 300px;
}
.content-row {
		min-height: 300px;
	max-height: 600px;
}	
.content-row.first-row {
	margin-top: 0px;
	
}
.content-row.first-row .image-holder {
	margin-top: 0px;
}
.content-row .text-holder {
	float: left;
	display: block;
	width: 90%;
	margin: 60px 5% 20px 5%;

}
.content-row.parametrized-flexibility {
	min-height: 300px;
}


.content-row.image-right .text-holder,
.content-row.image-left .text-holder,
.content-row.image-bottom .text-holder {
	margin-top: 50px;
	margin-bottom: 10px;
}



.content-row .image-holder {
	float: left;
	display: block;
	width: 100%;
	margin-top: 10px;
}

.content-row .image-holder img {
	width: 90% !important;
	height: auto;
	margin-left: 5%;
	margin-right: 5%;
}	
	
	.content-row.image-left,
.content-row.image-right {
	max-height: 570px;
}
.content-row.feature-content {
	max-height: 570px;
}	
	.tile-block-second,
	.tile-block{
		padding: 0px 0 0;

			}
	.tile-block {
	min-height: 475px;

}


	#header{margin-bottom: 60px;}
.tile-block-second #header {
	margin-bottom: 20px;
}

	#header .logo-holder {
		position: absolute;
		left: 50%; 
		margin-left: -66px;
		width: 133px;
		height: 86px;
		background-size: 133px 86px;
	}
	#footer .logo-holder {
		left: 50%; 
		margin-left: -66px;
		width: 133px;
		height: 86px;
		background-size: 133px 86px;
	}

	.logo-holder:before{
		right: -1700px;
		top: 0px;
		position: absolute;
		height: 48px;
		left: 100% !important;
		background: #bd0070;
		content: '';
	}

	.logo-holder:after{
		top: 18px;
		height: 44px;
	}
	#footer .logo-holder:after,
	#header .logo-holder:after{
		height: 46px;
	}
	#footer .logo-holder:before,
	#header .logo-holder:before{
		height: 46px;
	}
	#header,
	#footer,
	.intro-block{
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.nav-holder{
		background: #9a005b;
		z-index: 9999;
		width: 130px;
		position: absolute;
		top: 58px;
		right: 0;
	}
	#nav li{
		float: none;
		border-bottom: 1px solid #bd0070;
	}
	.search{border-bottom: 1px solid #bd0070;}
	.intro-text{
		width: 90%;
		margin: 0 0 290px;
	}
	.intro-block h1{
		font-size: 30px;
		line-height: 28px;
		margin: 0 20px 13px;
	}
	.intro-block{
		font-size: 16px;
		line-height: 24px;
		position: relative;
		margin-top: 100px;
	}
	.intro-block .image-holder{
		position: absolute;
		bottom: 65px;
	}
	.feature-block .holder{margin: 0;}
	.feature-block{padding: 3px 0 40px 0;}
	.feature-block .col{
		width: 100%;
		float: none;
		padding: 25px 10px 0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.intro-block .image-holder{padding: 0 10px;}
	.feature-block .ico-holder img{
		position: static;
		bottom: 0;
	}

	#main h2{
		font-size: 22px;
		line-height: 28px;
		margin: 0 0 10px;
	}
	#main p{margin: 0 0 7px;}
	.intro-block p{margin: 0 0 15px; font-size: 1em; line-height: 1.2em;}
	#main .feature-block h2{
	margin: 120px 0 15px 0;
	
	}
	/*
	.feature-block .ico-holder {
		margin: 0px auto 0 auto;
		width: 51px;
		height: 51px;
	}
	.feature-block .ico-holder .icon {
		width: 51px;
		height: 51px;
		background-size: 157px 52px;
	}*/
	#nav{
		width: 100%;
		display: block;
	}
	.search{
		display: block;
		width: 100%;
	}
	.search .button:after{display: none;}
	.search .button{text-indent: 0;}
	.nav-holder .search a,
	#nav a{
		padding: 7px 23px;
		color: #fff;
	}
	.nav-holder .search a:hover,
	#nav a:hover{background: #ed008c;}
	#footer{
		padding: 20px 0 0;
		margin-bottom: 50px;
		text-align: center;
		color: #a8a6a7;
	}
	.footer-nav ul{
		margin: 0 0 18px;
		padding: 0;
		list-style: none;
	}
	.footer-nav li{
		border-bottom: 1px solid #e5f4f1;
	}
	.footer-nav a{
		padding: 8px 10px 9px;
		display: block;
		color: #bd0070;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
	}
	.feature-block .col{margin: 0 5% 0 5%; width: 90%;}
	.footer-nav li:first-child a{border-top: 1px solid #e5f4f1;}
	.menu .opener{display:block;}
	.menu .drop{
		overflow:hidden;
		position:absolute;
		top:100%;
		left:0;
		right:0;
		z-index:999;
	}
	.menu .drop{display:none;}
	.wrap2.side-push .header{position:static;}
	.wrap2.side-push .drop ul{border:0;}
	.wrap2.side-push{
		overflow:hidden;
		position:relative;
	}
	.wrap2.side-push .drop{
		position:absolute;
		top:-10px;
		right:-130px;
		width:130px;
		bottom:-9999px;
		padding-bottom: 9999px;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	.wrap2.side-push .hold{
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		position: relative;
		right: 0;
	}
	.wrap2.side-push.active .hold{
		right:130px;
		min-width:130px;
	}
	.wrap2.side-push.active .drop{
		left: auto;
		right:-130px;
		z-index: 9999;
		display: block;
	}
	.wrap2.side-push .drop .opener{
		position:absolute;
		right:5px;
		top:5px;
		z-index:999;
	}
	.search{margin: 0;}
	.hide-desktop,
	.hide-tablet{display: none;}
	.show-mobile{display: block;}
	#footer{font-size: 14px;}
}
@media only screen and (max-width:590px){
.content-row.image-right {
	max-height: 550px;
}
.content-row.feature-content {
	max-height: 550px;
}
	.intro-text{
		
		margin: 0 0 270px;
	}
	#main p {
		padding: 0 !important;
	}
}
@media only screen and (max-width:525px){
	.intro-text{margin-bottom: 230px;}

	.intro-block h1{
		font-size: 28px;
		line-height: 28px;
		margin: 0 20px 13px;
	}

}



@media only screen and (max-width:470px){
	.image-shadow {
	top: 199px;
}
	.content-row.image-left,
.content-row.image-right {
	min-height: 200px;
	max-height: 530px;
}
.content-row.feature-content {
	max-height: 530px;
}
	
	.intro-text{margin-bottom: 200px;}
}


@media only screen and (max-width:460px){
	.image-shadow {
	top: 199px;
}
	.content-row.image-left,
.content-row.image-right {
	min-height: 200px;
	max-height: 510px;
}
.content-row.feature-content {
	max-height: 510px;
}
	
	.intro-text{margin-bottom: 180px;}
}


@media only screen and (max-width:390px){
	.intro-text{margin-bottom: 150px;}
}
@media only screen and (min-width: 980px){
	.tel{
		pointer-events: none;
		cursor: text;
	}
	.tel:hover{color: #ed008c !important;}
}
@media only screen and (min-width: 640px){
	#header-fixed{
		position: fixed;
		width: 100%;
		z-index: 9999;
		top: 20px;
	}
	#header-fixed-after{
		top: -20px;
		left: 0;
		right: 0;
		background: #e8f3f6;
		content: '';
		height: 70px;
		position: absolute;
		z-index: -2;
		opacity: 0.0;
	}
	.intro-block{margin-top: 126px;}
}
@media only screen and (min-width: 640px){
	.nav-opener,
	.footer-nav{
		display: none;
	}
	body .js-slide-hidden{
		position: static !important;
		top: 0 !important;
		left: 0 !important;
	}
}
@media print{
	#wrapper{max-width: 100%;}
	 body{
        color:#000;
        background:#fff;
    }
    * {
		background:none !important;
		color:#000 !important;
	}
	.logo .print{display: block;}
	.logo-holder{
		position: static;
		margin: 0 0 30px;
		width: 100%;
	}
}
/* hardcode btn */
.side-push.active .menu > .opener:before,
.side-push.active .menu > .opener:after{
	-ms-transform:rotate(0);
	-moz-transform:rotate(0);
	-webkit-transform:rotate(0);
	transform:rotate(0);
	margin:0;
	top:8px;
}
.side-push.active .menu > .opener:after{top:20px;}
.side-push.active .menu > .opener span{opacity:1;}
/* disable animation while browser is resizing */
.resize-active .hold,
.resize-active .drop,
.resize-active .drop > ul {
	-webkit-transition:none !important;
	-ms-transition:none !important;
	transition:none !important;
}