/* normalize some selectors */
* {
	text-decoration: none;
	outline: none;
	margin: 0px;
	padding: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
}

body {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

img {
	border: none;
}

textarea {
	resize: none;
}

/* global configs */
.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.half {
	width: 50%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hide {
	display: none;
}

.text-right {
	text-align: right;
	position: relative;
	z-index: 2;
}

.text-center {
	text-align: center;
}

/* end global */

@font-face {
	font-family: "open_sansregular";
	src: url("/fonts/OpenSans-Regular-webfont.eot");
	src: url("/fonts/OpenSans-Regular-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("/fonts/OpenSans-Regular-webfont.woff") format("woff"),
		url("/fonts/OpenSans-Regular-webfont.ttf") format("truetype"),
		url("/fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "open_sansbold";
	src: url("/fonts/OpenSans-Bold-webfont.eot");
	src: url("/fonts/OpenSans-Bold-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("/fonts/OpenSans-Bold-webfont.woff") format("woff"),
		url("/fonts/OpenSans-Bold-webfont.ttf") format("truetype"),
		url("/fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "open_sanslight";
	src: url("/fonts/OpenSans-Light-webfont.eot");
	src: url("/fonts/OpenSans-Light-webfont.eot?#iefix")
			format("embedded-opentype"),
		url("/fonts/OpenSans-Light-webfont.woff") format("woff"),
		url("/fonts/OpenSans-Light-webfont.ttf") format("truetype"),
		url("/fonts/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
	font-weight: normal;
	font-style: normal;
}

html,
body {
	height: 100%;
	background-color: #efefef;
	font-family: "open_sansregular";
	font-size: 15px;
	line-height: 1.25em;
	color: #303e50;
}

p,
textarea,
input,
li {
	font-family: "open_sansregular";
	color: #303e50;
	font-size: 15px;
	line-height: 1.25em;
}

.interactive {
	cursor: pointer;
	transition: opacity 400ms ease-out;
}

.interactive:hover {
	opacity: 0.6;
}

div.center-contents {
	width: 1150px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}

.sprite {
	background-image: url("../images/sprites.png?v=1");
}

#site {
	position: relative;
	min-width: 1150px;
	min-height: 100%;
	overflow-x: hidden;
}

#header {
	height: 248px;
	background: #efefef;
}

.header-shadow {
	height: 100%;
	background: url("/images/menu.jpg") bottom center no-repeat;
}

#header .center-contents {
	height: 100%;
}

#logotype {
	width: 222px;
	height: 120px;
	position: absolute;
	top: 40px;
	left: 0px;
	background-image: url("/images/sinfonia.jpg");
	background-repeat: no-repeat;
}

#header .headline {
	position: absolute;
	top: 96px;
	left: 284px;
	padding-right: 140px;
	font-size: 26px;
	line-height: 28px;
	color: #367daf;
	font-family: "open_sanslight";
	max-width: 600px;
}

#menu {
	position: absolute;
	bottom: 14px;
	right: 220px;
	min-width: 900px;
}

.sep,
.sep-outside {
	float: left;
	width: 1px;
	height: 38px;
	background: #cacaca;
	margin-top: 10px;
}

.menu-item .sep {
	position: absolute;
	top: 0px;
	right: 0px;
}

.menu-item {
	float: left;
	position: relative;
	padding: 0px 18px;
	font-family: "open_sansbold";
	text-align: center;
}

.menu-item .sprite {
	display: block;
	width: 35px;
	height: 32px;
	margin: auto;
	transition: all 100ms ease-in;
}

.menu-item .sprite.project {
	background-position: 0px 0px;
}

.menu-item:hover .sprite.project,
.menu-item.selected .sprite.project {
	background-position: 0px -32px;
}

.menu-item .sprite.pilot-cities {
	background-position: -36px 0px;
}

.menu-item:hover .sprite.pilot-cities,
.menu-item.selected .sprite.pilot-cities {
	background-position: -36px -32px;
}

.menu-item .sprite.resources {
	background-position: -72px 0px;
}

.menu-item:hover .sprite.resources,
.menu-item.selected .sprite.resources {
	background-position: -72px -32px;
}

.menu-item .sprite.contacts {
	background-position: -108px 0px;
}

.menu-item:hover .sprite.contacts,
.menu-item.selected .sprite.contacts {
	background-position: -108px -32px;
}

.menu-item .sprite.news {
	background-position: -345px 0px;
}

.menu-item:hover .sprite.news,
.menu-item.selected .sprite.news {
	background-position: -345px -32px;
}

.menu-item .sprite.replication-cities {
	background-position: -144px 0px;
}

.menu-item:hover .sprite.replication-cities,
.menu-item.selected .sprite.replication-cities {
	background-position: -144px -32px;
}

.menu-item .sprite.knowledge-center {
	background-position: -380px 0px;
}

.menu-item:hover .sprite.knowledge-center,
.menu-item.selected .sprite.knowledge-center {
	background-position: -380px -32px;
}

.menu-item .title {
	color: #303e50;
	transition: all 300ms ease-in;
}

.menu-item:hover .title,
.menu-item.selected .title {
	color: #3491b8;
}

#private-area {
	position: absolute;
	right: -210px;
	top: -80px;
	color: #3490b8;
	font-size: 13px;
	font-family: "open_sansbold";
	padding-right: 14px;
}

#search {
	position: absolute;
	bottom: 20px;
	right: 0px;
	padding-right: 35px;
}

#search input {
	width: 165px;
	background: #e3e3e3;
	border: none;
	height: 30px;
	border-radius: 3px;
	padding: 0px 5px;
}

.search-icon {
	width: 30px;
	height: 30px;
	background-color: #3491b8;
	border-radius: 3px;
	background-position: -285px -30px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.blue-arrow-right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #3490b8;
	position: absolute;
	top: 3px;
	right: 0px;
}

#langs {
	position: absolute;
	top: 20px;
	right: 10px;
}

.lang-item .icon.en {
	background-position: -210px 0px;
}

.lang-item .icon.de {
	background-position: -235px 0px;
}

.lang-item .icon.it {
	background-position: -260px 0px;
}

.lang-item.selected .icon.en {
	background-position: -210px -35px;
}

.lang-item.selected .icon.de {
	background-position: -235px -35px;
}

.lang-item.selected .icon.it {
	background-position: -260px -35px;
}

.lang-item {
	padding-right: 8px;
	color: #c9c9c9;
	position: relative;
	padding-left: 22px;
	padding-top: 16px;
	display: inline-block;
	height: 32px;
	font-size: 13px;
	font-family: "open_sansbold";
}

.lang-item.selected {
	color: #3491b8;
}

.lang-item .icon {
	position: absolute;
	width: 23px;
	height: 32px;
	top: 0px;
	left: 0px;
}

#contents {
	padding-bottom: 100px;
}

.page {
	padding-bottom: 150px;
	overflow: hidden;
}

.page .center-contents {
	padding-left: 60px;
}

.long-text li {
	margin-left: 20px;
}

.long-text a,
.short-text a {
	color: #3491b8;
}

b,
h1.social b {
	font-family: "open_sansbold";
	font-weight: normal;
}

h1 b {
	font-family: "open_sansregular";
}

span.light {
	font-family: "open_sanslight";
}

#networks {
	padding: 4px;
}

#networks img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 88px;
	background-color: #313e4f;
}

#footer .center-contents {
	padding-left: 60px;
	padding-top: 22px;
}

#footer .ue {
	background-image: url("/images/ue.jpg");
	width: 54px;
	height: 38px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
}

#footer .text {
	color: #ffffff;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.15em;
}

/* lateral */
.lateral-campaign {
	min-height: 525px;
	background-color: #ffffff;
	border-radius: 5px;
	margin-top: 24px;
	text-align: center;
	padding: 14px 20px 24px 26px;
	position: relative;
}

.background,
.background-part,
.background-slide {
	background: url("/images/bg.png") no-repeat;
	width: 510px;
	height: 616px;
	position: absolute;
	z-index: -2;
	bottom: -180px;
	left: 40px;
}

.list-container .background,
#page-pilot .background,
#page-knowledge .background {
	display: none;
}

#page-knowledge h1 {
	margin-bottom: 15px;
}

#page-knowledge h4 {
	font-weight: normal;
	margin-bottom: 25px;
}

#page-home .background {
	bottom: -260px;
	left: auto;
	right: -110px;
}

#page-home .more {
	position: absolute;
	right: 33%;
	font-family: "open_sansbold";
	cursor: pointer;
}

#page-home .background-slide {
	z-index: 30;
	right: -112px;
	bottom: -213px;
}

#page-home .background-part {
	bottom: 340px;
	left: auto;
	right: -110px;
	z-index: 3;
}

#page-city .background {
	bottom: 200px;
}

#page-city .join-button {
	margin: 20px auto;
	display: block;
	text-align: center;
}

#page-contacts .background {
	bottom: auto;
	top: 180px;
}

#page-campaign .background {
	bottom: auto;
	top: 0px;
}

#page-news .background {
	bottom: auto;
	top: 280px;
}

#page-news .list-item a {
	position: relative;
	left: 0;
	margin-bottom: 10px;
}

.lateral-campaign .title,
.lateral-community .title span,
.joined-campaigns .title {
	font-size: 22px;
	font-family: "open_sansbold";
	padding: 10px 0px;
	line-height: 1.15em;
}

.lateral-campaign .short-text {
	text-align: left;
	margin-bottom: 20px;
}

.lateral-campaign .short-text p {
	line-height: 1.4em;
}

.lateral-campaign .title span,
.lateral-community .title {
	font-family: "open_sansregular";
	font-size: 22px;
	line-height: 1.15em;
}

.join-button {
	background-color: #3191b7;
	color: #ffffff;
	min-height: 34px;
	padding: 6px 8px;
	border-radius: 5px;
	font-family: "open_sansbold";
	font-size: 16px;
	display: inline-block;
	position: relative;
}

.lateral-community {
	background: #ffffff;
	border-radius: 5px;
	padding: 25px 20px 50px 26px;
	text-align: center;
}

.lateral-community .title {
	padding: 0px 0px 40px 0px;
}

.linkedin,
.twitter {
	width: 27px;
	height: 27px;
	background-position: -285px 0px;
	position: absolute;
	top: 4px;
	left: 2px;
}

.twitter {
	width: 29px;
	background-position: -315px 0px;
}

.lateral-community .join-button {
	padding-left: 38px;
	position: relative;
	width: 265px;
}

.linkedin-button {
	margin-bottom: 18px;
}

.joined-campaigns {
	margin-top: 0;
	background: #ffffff;
	border-radius: 5px;
	padding: 20px 20px 35px 20px;
	text-align: center;
	margin-bottom: 45px;
}

.join-item {
	display: block;
	text-align: left;
	margin-top: 25px;
	padding: 10px 25px 10px 25px;
	background-color: #f2f2f2;
	border-radius: 6px;
	transition: all 100ms ease-in;
}

.join-item:hover,
.join-item.selected {
	background-color: #303e50;
}

.join-item .title {
	font-size: 16px;
	color: #3491b8;
	padding: 0px;
}

.join-item .subtitle {
	font-size: 15px;
	font-family: "open_sansregular";
	color: #303e50;
	transition: all 100ms ease-in;
}

.join-item:hover .subtitle,
.join-item.selected .subtitle {
	color: #fff;
}

/* home */

#mainhighlight {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin-top: 6px;
	z-index: 20;
}

.slideshow .bullets {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	z-index: 200;
}

.slideshow .bullets .item {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0px 4px;
	background: #e3e3e3;
	opacity: 0.5;
	font-size: 0px;
	border-radius: 6px;
	cursor: pointer;
}

.slideshow .bullets .item-selected {
	opacity: 1;
}

.slideshow .item img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.slideshow .detail {
	position: absolute;
	width: 460px;
	/*height: 190px;*/
	top: 170px;
	left: 50px;
	background-color: rgba(25, 25, 25, 0.4);
	border-radius: 10px;
	color: #ffffff;
	padding: 22px;
	font-family: "open_sanslight";
}

.slideshow .detail .title {
	font-size: 36px;
	/*padding-bottom: 25px;*/
}

.slideshow .detail .short-title {
	font-style: italic;
	font-family: "open_sanslight";
	color: #ffffff;
	font-size: 15px;
	white-space: normal;
	line-height: 1.5em;
	padding-top: 15px;
}

.news-highlights-container {
	position: relative;
	z-index: 100;
}

.home-slide-shadow {
	height: 6px;
	box-shadow: 0px 1px 18px 0px #cccccc;
	position: relative;
	z-index: 10;
	background: #efefef;
}

#page-home .news-highlights {
	min-height: 520px;
	padding-left: 60px;
	padding-bottom: 50px;
}

#page-home .news-highlights a {
	color: #303e50;
}

#page-home .news-highlights .grid3 {
	margin-bottom: 20px;
}

.news-highlights .left {
	width: 32.3%;
	max-width: 462px;
	height: 375px;
	border-radius: 0px 0px 5px 5px;
	background: #ffffff;
	display: block;
}

.news-highlights .margin {
	margin: 0 1.5%;
}

.news-highlights .left .title {
	padding: 18px 25px;
	font-size: 18px;
	color: #3491b8;
	font-family: "open_sansbold";
}

.news-highlights .left .short-text {
	padding: 0px 25px 15px 25px;
}

#page-home .news-highlights .short-text a {
	color: #3491b8;
	font-family: "open_sansbold";
}

.news-highlights .replication-button {
	background-image: none !important;
	color: #ffffff !important;
	padding: 0;
	text-align: center;
	margin-top: 15px;
}

.news-highlights .right {
	width: 520px;
	float: left;
	margin-left: 20px;
	position: relative;
	z-index: 10;
}

.home-news-item {
	height: 178px;
	background: #ffffff;
	border-radius: 0px 5px 5px 0px;
	margin-bottom: 18px;
	display: block;
}

.home-news-item .image {
	overflow: hidden;
	width: 212px;
	height: 178px;
	float: left;
}

.home-news-item .text-group .title {
	font-size: 18px;
	color: #3491b8;
	font-family: "open_sansbold";
	padding-bottom: 15px;
}

.home-news-item .image img {
	margin-left: -50%;
}

.home-news-item .text-group {
	width: 308px;
	float: left;
	padding: 15px;
}

#page-home .campaign-group {
	min-height: 260px;
	background: #ffffff;
	margin-bottom: 45px;
	padding: 25px 0px;
}

.campaign-group .image {
	float: left;
	width: 250px;
	margin-left: 50px;
}

.campaign-group .text-group {
	float: left;
	width: 500px;
}

.campaign-group .text-group .title {
	font-size: 22px;
	padding-bottom: 20px;
	padding-top: 5px;
}

.campaign-group .text-group .short-text {
	padding-bottom: 15px;
}

.campaign-group .text-group .short-text p {
	line-height: 1.375em;
}

#page-home .map-group {
	height: 620px;
	background: #2e6991;
	position: relative;
}

#page-home .social-group {
	padding-left: 60px;
	min-height: 95px;
	padding-top: 10px;
}

h1.social {
	color: #303e50;
	display: inline-block;
	margin-right: 30px;
	font-size: 22px;
	font-family: "open_sansregular";
}

#page-home .social-group .join-button {
	padding-left: 35px;
}

.map-container {
	width: 800px;
	height: 750px;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	z-index: 100;
}

.map-container img.map {
	position: absolute;
	top: 0px;
	left: 0px;
}

.map-group .legend {
	position: relative;
	z-index: 200;
	pointer-events: none;
}

.map-container .icon-demo,
.map-container .icon-early {
	position: absolute;
	font-size: 15px;
	color: #ffffff;
	font-family: "open_sansbold";
}

.map-container .icon-early {
	font-size: 11px;
}

.map-container .demo {
	background: url("/images/demo.png") no-repeat;
	width: 26px;
	height: 38px;
	display: block;
	margin: auto;
}

.map-container .early {
	background: url("/images/early.png") no-repeat;
	width: 26px;
	height: 38px;
	display: block;
	margin: auto;
}

.map-container .bolzano {
	top: 61%;
	left: 38%;
	z-index: 41;
}

.map-container .innsbruck {
	top: 58.5%;
	left: 38.7%;
	z-index: 40;
}

.map-container .boras {
	top: 35%;
	left: 41%;
}

.map-container .pafos {
	top: 84.5%;
	left: 77.5%;
}

.map-container .sevilla {
	top: 78%;
	left: 7.5%;
}

.map-container .larochelle {
	top: 60%;
	left: 17.8%;
}

.map-container .rosenhelm {
	top: 57%;
	left: 41%;
	z-index: 39;
}

.map-container .bolzano span.city-name {
	position: absolute;
	right: 29px;
	top: 20px;
}

.map-container .innsbruck span.city-name {
	position: absolute;
	right: 34px;
	top: 9px;
}

.map-container .rosenhelm span.city-name {
	position: absolute;
	left: 29px;
	top: 21px;
}

#page-home .map-group .center-contents {
	padding-left: 60px;
	padding-top: 50px;
	height: 620px;
	overflow: hidden;
}

#page-home .map-group h3 {
	border-left: solid 3px #ffffff;
	padding-left: 20px;
	margin: 20px 0px 60px 0px;
	font-size: 32px;
	height: 32px;
	line-height: 32px;
	color: #ffffff;
	font-weight: normal;
}

#page-home .map-group .subtitles {
	color: #ffffff;
	font-size: 14px;
	font-family: "open_sansbold";
}

.subtitles .item {
	height: 45px;
	position: relative;
	padding-left: 35px;
	padding-top: 17px;
}

.subtitles .item.early,
.subtitles .item.replication {
	padding-top: 5px;
}

.subtitles .item.demo {
	height: 55px;
}

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

.subtitles img.early {
	margin: 0px 4px 0px 4px;
}

/* PROJECT */
h1 {
	border-left: solid 3px #3491b8;
	color: #3491b8;
	font-size: 32px;
	line-height: 32px;
	font-family: "open_sanslight";
	padding: 0px 0px 0px 14px;
	margin: 28px 0px;
	font-weight: normal;
	position: relative;
	z-index: 3;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	font-family: "open_sansbold";
	margin-bottom: 25px;
}

.page .banner {
	width: 100%;
	height: 285px;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
}

.page .left {
	width: 600px;
}

.page .long-text {
	width: 600px;
	margin-bottom: 40px;
}

.page .right {
	width: 350px;
	margin-right: 80px;
	padding-top: 90px;
	position: relative;
	z-index: 100;
}

#page-news .right {
	padding-top: 38px;
}

#page-news .right .read-more {
	display: inline-block;
	margin-bottom: 30px;
}

.middle-image {
	margin-bottom: 25px;
}

.page .submenu {
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	padding-left: 30px;
	background: #3492b8;
	margin-bottom: 9px;
	font-size: 18px;
	font-family: "open_sansbold";
	display: block;
	border-radius: 5px;
}

.list-project .list-item {
	font-size: 14px;
	float: left;
	width: 188px;
	height: 200px;
	overflow: hidden;
	margin-right: 9px;
	line-height: 1em;
}

.list-project .list-item .title {
	color: #3491b8;
	font-family: "open_sansbold";
	padding: 12px 0px 6px 0px;
}

.list-project .list-item .subtitle {
	color: #303e50;
}

/* NEWS */
h1.news {
	color: #303e50;
	position: relative;
	z-index: 2;
	width: 462px;
}

.list-container {
}

#page-news .news-list-item {
	padding-left: 500px;
	padding-top: 18px;
	position: relative;
	min-height: 220px;
	border-bottom: solid 1px #e3e3e3;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}

#page-news .long-text {
	width: 100%;
}

#page-news .news-list-item .image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 462px;
	height: 200px;
	overflow: hidden;
}

#page-news .news-list-item .title {
	font-size: 18px;
	color: #3491b8;
	font-family: "open_sansbold";
	padding-bottom: 20px;
	display: block;
}

#page-news .news-list-item .short-text {
	padding-bottom: 10px;
}

.list-item .read-more,
.news-list-item .read-more {
	position: absolute;
	bottom: 20px;
	right: 0px;
}

#page-news .read-more-news {
	position: absolute;
	top: 12px;
	left: 560px;
}

.read-more {
	position: relative;
	padding-right: 20px;
	color: #303e50;
	font-family: "open_sansbold";
}

.read-more .arrow-news,
.arrow-right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 12px;
	border-color: transparent transparent transparent #2f3f4f;
	position: absolute;
	top: 4px;
	right: 0px;
}

.arrow-right {
	top: auto;
	right: auto;
	position: relative;
	display: inline-block;
	margin-left: 5px;
}

.arrow-left {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 12px 6px 0;
	border-color: transparent #2f3f4f transparent transparent;
	display: inline-block;
	margin-right: 5px;
}

.pagination {
	position: relative;
	z-index: 4;
}

#page-news .pagination {
	text-align: right;
	font-family: "open_sansbold";
}

.news-detail-item {
	font-size: 18px;
	font-family: "open_sansbold";
	background-color: #ffffff;
	color: #3491b8;
	border-radius: 5px;
	margin-bottom: 9px;
	display: block;
	padding: 12px 20px;
	transition: all 300ms ease-in;
}

.news-detail-item:hover {
	color: #ffffff;
	background-color: #3491b8;
}

#page-news img.detail,
#page-campaign img.detail {
	margin-bottom: 30px;
}

/* Knowledge Center */
#page-city-documents .list-item {
	margin-right: 30px;
	margin-bottom: 40px;
}

#page-knowledge-list .back-map {
	width: 320px;
	float: right;
	margin-bottom: 30px;
}

#page-knowledge-list .left,
#page-city-documents .left {
	width: 615px;
	position: relative;
}

#page-knowledge-list .pagination,
#page-city-documents .pagination {
	position: absolute;
	top: 40px;
	right: 0px;
}

.knowlegde-grid-container .list-item.nomargin,
#page-knowledge-list .list-item.nomargin,
#page-city-documents .list-item.nomargin {
	margin-right: 0px;
}

.knowlegde-grid-container {
	margin-bottom: 35px;
	position: relative;
	z-index: 3;
}

.knowlegde-grid-container .list-item {
	float: left;
	width: 198px;
	height: 192px;
	margin-right: 20px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	background-color: #e4e4e4;
	margin-bottom: 22px;
}

.knowlegde-grid-container .list-item .text-group {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 53px;
	padding: 8px 14px;
	line-height: 1.4em;
	transition: all 500ms linear;
}

.knowlegde-grid-container .list-item:hover .text-group {
	height: 100%;
}

.knowlegde-grid-container .list-item .title {
	color: #ffffff;
	font-size: 18px;
	font-family: "open_sansregular";
}

.knowlegde-grid-container .list-item .short-text {
	display: none;
}

.list-item .document {
	/*	margin: 15px 0px 0px 0px;*/
	padding: 0px 0px 0px 30px;
	color: #3491b8;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	/*position: relative;*/
	display: block;
	position: absolute;
	bottom: -20px;
	left: 13px;
}

.list-item .document .icon {
	width: 24px;
	height: 30px;
	background-position: -180px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}

/* Campaign */
#page-campaign.page .long-text {
	width: 100%;
}

#page-campaign .replication-button {
	background-image: url("/images/replication_white.svg");
	background-position: 25px 8px;
	background-repeat: no-repeat;
	background-size: 26px 26px;
}

#page-campaign .right {
	padding-top: 370px;
}

/* PAGE PILOT */
#page-pilot {
}

#page-pilot .text-group {
	position: relative;
	z-index: 100;
}

#page-pilot .long-text,
#page-replication-cities .long-text {
	padding-left: 16px;
	margin-bottom: 15px;
}

.map-container {
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	position: absolute;
}

.map-container img.map {
	top: 0px;
}

#page-pilot .right {
	position: absolute;
	top: 70px;
	right: 0px;
	z-index: 101;
	padding-top: 0px;
}

#page-pilot .join-button {
	width: 100%;
	text-align: center;
	margin: 2px 0 20px 0;
}

.button {
	display: block;
	height: 42px;
	border-radius: 5px;
	background-color: #efefef;
	position: relative;
	margin-bottom: 7px;
	padding-left: 65px;
	color: #3491b8;
	font-family: "open_sansbold";
	font-size: 18px;
	line-height: 42px;
	cursor: pointer;
}

.button img {
	position: absolute;
	top: 6px;
}

.button img.demo {
	left: 18px;
}

.button img.early {
	left: 21px;
}

.button.blue {
	color: #ffffff;
	background-color: #3491b8;
	font-size: 16px;
}

#page-pilot .lateral-campaign {
	margin-top: 34px;
	margin-bottom: 40px;
}

#page-pilot .button:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 9px 0 9px;
	border-color: #3491b8 transparent transparent transparent;
	content: "";
	position: absolute;
	top: 17px;
	right: 15px;
}

#page-pilot .button.no-arrow:after {
	display: none;
}

#page-pilot .button-wrap .button-container {
	display: none;
	padding-left: 25px;
	margin-bottom: 8px;
}

#page-pilot .button-wrap.open .button-container {
	display: block;
}

#page-pilot .button-wrap.open .button:after {
	transform: rotate(180deg);
}

#page-pilot .button2 {
	display: block;
	height: 42px;
	background: #ffffff;
	font-size: 20px;
	line-height: 42px;
	color: #3491b8;
	margin-bottom: 3px;
	border-radius: 4px;
	padding-left: 30px;
	cursor: pointer;
	transition: all 300ms ease;
}

#page-pilot .button2:hover {
	background: #313e4f;
}

/* CITY */

#page-city .button {
	background: #3492b8;
	color: #ffffff;
}

.city {
	height: 42px;
	line-height: 42px;
	color: #3492b8;
	font-size: 18px;
	margin-left: 30px;
	background-color: #ffffff;
	display: block;
	margin-bottom: 7px;
	padding-left: 30px;
	border-radius: 5px;
}

.city.selected {
	background-color: #313e4f;
}

#page-city.page .left {
	width: 600px;
}

#page-city .early-cities {
	margin-top: 15px;
}

#page-city.page .long-text,
#page-replication-city-detail.page .long-text {
	width: 100%;
	margin: 25px 0px;
}

#cityslide {
	width: 100%;
	height: 440px;
	overflow: hidden;
}

#cityslide .bullets .item {
	background-color: #e3e3e3;
	opacity: 1;
}

#cityslide .bullets .item-selected {
	background-color: #92c1d5;
	opacity: 1;
}

.city-footer {
	margin-top: 30px;
}

.city-footer .video {
	height: 210px;
}

.contacts.side-bar {
	margin-top: 25px;
	width: 100%;
	background: #e3e3e3;
	padding: 35px;
	border-radius: 6px;
}

.contacts.side-bar .title {
	font-family: "open_sansbold";
	font-size: 18px;
	color: #303e50;
	margin-bottom: 5px;
}

.contacts.side-bar .short-text p {
	line-height: 1.5em;
}

#page-city .infos {
	background-color: #313e4f;
	/*height: 210px;*/
	padding: 18px 13px;
	border-radius: 5px;
}

#page-city .infos img {
	max-width: 100%;
}

/* contacts */
#page-contacts.page .right {
	padding: 0px;
}

#page-contacts.page {
	padding-top: 50px;
}

/* SEARCH */
.search-header {
	padding-bottom: 40px;
	position: relative;
}

.search-header span {
	color: #3491b8;
	font-family: "open_sansbold";
}

.search-item {
	margin-bottom: 32px;
}

.search-item-title {
	font-family: "open_sansbold";
}

.search-item-text p {
	font-size: 14px;
}

.search-item-link {
	color: #3491b8;
	font-family: "open_sansbold";
	font-size: 14px;
}

.search-nav {
	position: absolute;
	top: 0;
	right: 0;
}

.search-nav a {
	color: #3491b8;
	font-family: "open_sansbold";
}

/* shadows */
.effect7 {
	position: relative;
}

.effect7:before,
.effect7:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 40px;
}

.effect7:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}

.effect8 {
	position: relative;
}

.effect8:before,
.effect7:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
	top: 0;
	bottom: 0;
	left: 30%;
	right: 30%;
	-moz-border-radius: 100px / 10px;
	border-radius: 300px / 40px;
}

.effect8:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}

.effect6 {
	position: relative;
}

.effect6:before,
.effect6:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
	top: 50%;
	bottom: 0;
	left: 30%;
	right: 30%;
	-moz-border-radius: 100px / 10px;
	border-radius: 300px / 10px;
}

/* tinyMCE */
.headline {
	font-size: 22px;
	color: #3491b8;
	padding-left: 15px;
	border-left: solid 3px #3491b8;
	font-family: "open_sanslight";
	display: block;
}

.title18 {
	font-size: 18px;
	color: #3491b8;
	font-family: "open_sansbold";
}

.title15 {
	font-size: 15px;
	color: #3491b8;
	font-family: "open_sansbold";
}

.healine-italic {
	color: #3491b8;
	font-style: italic;
	border-left: solid 2px #3491b8;
	padding-left: 12px;
}

.legend {
	font-style: italic;
	text-align: right;
	color: #808080;
}

/* New features from cities */
.back-map {
	position: relative;
	display: inline-block;
	width: 100%;
	background-color: #3491b8;
	border-radius: 6px;
	padding: 15px 10px 15px 65px;
	color: #fff;
	font-size: 18px;
	font-family: "open_sansbold";
}

.back-map .icon {
	background-image: url("../images/map.png");
	background-repeat: no-repeat;
	width: 26px;
	height: 36px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	left: 20px;
}

.city-news-side-bar {
	position: relative;
	width: 100%;
	background-color: #fff;
	border-radius: 6px;
	padding: 30px 20px 45px 20px;
	margin-top: 25px;
}

.city-side-bar-title {
	text-align: center;
	color: #303e50;
	font-size: 22px;
	font-family: "open_sansbold";
	margin-bottom: 25px;
}

.city-news-side-bar .read-more {
	position: absolute;
	bottom: 30px;
	right: 20px;
	padding-left: 20px;
}

.city-news-item {
	background-color: #f2f2f2;
	border-radius: 6px;
	margin-bottom: 25px;
}

.city-news-item-image img {
	width: 100%;
}

.city-news-item-title {
	display: inline-block;
	padding: 15px 20px 15px 15px;
	color: #3491b8;
	font-size: 22px;
	line-height: 1.1em;
	font-family: "open_sansbold";
}

.city-news-item-resume {
	padding: 0 20px 15px 15px;
}

.city-documents-side-bar {
	position: relative;
	width: 100%;
	background-color: #fff;
	border-radius: 6px;
	padding: 30px 20px 40px 20px;
	margin-top: 25px;
}

.city-documents-item {
	display: inline-block;
	width: 100%;
	background-color: #f2f2f2;
	border-radius: 6px;
	margin-bottom: 10px;
	padding: 15px;
	color: #3491b8;
	font-size: 16px;
	font-family: "open_sansbold";
	transition: all 300ms ease-in;
}

.city-documents-item:hover,
.city-documents-item.selected {
	background-color: #303e50;
}

.city-local-partners-side-bar {
	position: relative;
	width: 100%;
	background-color: #e3e3e3;
	border-radius: 6px;
	padding: 30px 10px 30px 20px;
	margin-top: 25px;
}

.city-local-partners-container {
	font-size: 0;
	text-align: center;
}

.city-local-partners-item {
	vertical-align: top;
	display: inline-block;
	width: 150px;
	height: 90px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contact-box {
	background: #e3e3e3;
	margin: 24px 0;
	border-radius: 6px;
	padding: 28px 20px;
}

.contact-box .title18 {
	color: #303e50;
	padding-bottom: 16px;
}

.contact-box .title15 {
	color: #303e50;
}

.contact-box a {
	color: #3491b8;
}

.contact-box p {
	line-height: 1.5em;
}

/* page replication cities */
#page-replication-city-detail .become-replication-button {
	padding: 0;
	text-align: center;
}

#page-replication-cities .become-replication-button {
	position: absolute;
	right: 0;
	top: 0px;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
	z-index: 100;
}

#page-replication-cities .center-contents {
	width: 1080px;
}

#page-replication-cities .search-group {
	height: 48px;
	background: #e3e3e3;
	text-align: right;
	position: relative;
	margin-bottom: 5px;
	padding-right: 12px;
}

#page-replication-cities .search-button {
	display: inline-block;

	height: 30px;
	line-height: 30px;
	padding: 0 40px 0 10px;
	margin-top: 10px;
	font-size: 16px;
}

#page-replication-cities select,
#page-replication-cities label,
#page-replication-cities input,
#page-replication-cities .select-mask {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	margin-right: 12px;
	margin-bottom: 7px;
}

#page-replication-cities label {
	margin-right: 5px;
}

#page-replication-cities input {
	width: 160px;
	border: none;
	background: #ffffff;
	border-radius: 6px;
}

#page-replication-cities select {
	width: 180px;
	border: none;
}

#page-replication-cities .select-mask {
	width: 160px;
	overflow: hidden;
	background: #ffffff;
	border-radius: 6px;
	position: relative;
	padding-right: 30px;
}

#page-replication-cities .select-mask:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #303e50 transparent transparent transparent;
	right: 10px;
	top: 12px;
	position: absolute;
}

#page-replication-cities .searchby {
	color: #303e50;
	font-size: 18px;
	font-family: "open_sansbold";
	position: absolute;
	left: 18px;
	top: 15px;
}

#page-pilot .background,
#page-replication-cities .background,
#page-replication-city-detail .background {
	right: -200px;
	top: 200px;
	left: auto;
	z-index: 0;
}

#page-replication-cities .list,
#page-pilot .list {
	font-size: 0;
	margin: 0 -7px;
}

.grid5,
.grid2 {
	display: inline-block;
	width: 192px;
	height: 192px;
	border-radius: 6px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #dedede;
	position: relative;
	margin: 15px 7px;
}

.grid2 {
	width: 500px;
	height: 240px;
}

.grid5 .name,
.grid2 .name {
	color: #ffffff;
	font-size: 17px;
	padding: 11px 10px;
	background: rgba(0, 0, 0, 0.55);
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 42px;
	border-radius: 0 0 6px 6px;
}

.no-results {
	text-align: center;
	padding: 100px 0;
}

#page-replication-city-detail .long-text {
	margin: 20px 0;
}

#page-replication-city-detail .contact-box {
	padding: 25px 25px;
}

#page-replication-city-detail .contact-box .title18 {
	padding-bottom: 15px;
}

.back-icon {
	background-image: url("/images/replication_back.svg") !important;
	background-repeat: no-repeat;
	background-position: 10px 6px;
	background-size: 45px 32px;
}

#page-blog .banner,
#page-blog-list .banner {
	height: 290px;
	background: url(/images/blog_banner.png?v=1) 50% 100% no-repeat;
	background-size: cover;
}

#page-blog .banner .title {
	color: #ffffff;
	font-size: 30px;
	line-height: 1em;
	padding-top: 25px;
}

#page-blog .banner .title .bigger {
	font-size: 36px;
}

#page-blog .center-contents {
	width: 1050px;
}

#page-blog .latest-news {
	position: relative;
}

.latest-news .group-news {
	float: left;
	width: 68%;
	font-size: 0;
}

.latest-news .group-tags {
	float: right;
	width: 32%;
	margin-bottom: 20px;
}

.group-tags {
	background-color: #e3e3e3;
	padding: 18px 20px;
	border-radius: 6px;
}

.group-tags .title {
	color: #303e50;
	font-family: "open_sansbold";
	font-size: 18px;
	padding-bottom: 18px;
}

#page-blog .categories-group {
	padding-top: 50px;
}

#page-blog .categories-group .item {
	width: 32%;
	background: #ffffff;
	float: left;
	margin-right: 2%;
	margin-bottom: 50px;
	position: relative;
	display: block;
}

#page-blog .categories-group .item:nth-child(3n) {
	margin-right: 0;
}

#page-blog .categories-group .item .image {
	height: 262px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#page-blog .categories-group .item .image .title,
.feature-group .slide-title {
	font-size: 15px;
	color: #ffffff;
	font-family: "open_sansregular";
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	background: #3491b8;
	display: inline-block;
	margin-left: 12px;
	border-radius: 0 0 6px 6px;
}

.feature-group .slide-title {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 100;
}

#page-blog .categories-group .item .short-text {
	height: 96px;
	position: relative;
	padding: 14px 30px;
	color: #3491b8;
	font-family: "open_sansbold";
	overflow: hidden;
}

#page-blog .categories-group .item .see-all {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding-right: 14px;
	font-size: 13px;
	font-family: "open_sansbold";
}

#page-blog .categories-group .item .see-all:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #3491b8;
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
}

#page-blog .feature-group {
	margin-top: 50px;
	position: relative;
}

.group-news .item {
	position: relative;
	width: 47.2%;
	margin-right: 2.8%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 45px;
}

.group-news .item:nth-child(2) {
	margin-right: 0;
}

.group-news .item .image {
	height: 140px;
	background-position: center center;
	background-size: cover;
}

.group-news .item .title {
	font-size: 18px;
	line-height: 1.2em;
	padding: 10px 0 5px 0;
	font-family: "open_sansbold";
	color: #3491b8;
}

.group-news .item .category,
#page-blog-detail .category {
	font-size: 14px;
	color: #303e50;
	padding-top: 15px;
	font-family: "open_sansbold";
}

.group-news .item .short-text {
	font-size: 15px;
	line-height: 1.375em;
	color: #303e50;
}

.tags-container .tag {
	color: #3491b8;
	padding-right: 4px;
	line-height: 30px;
}

.tags-container .tag.type1 {
	font-size: 20px;
}

.tags-container .tag.type2 {
	font-size: 16px;
}

.tags-container .tag.type3 {
	font-size: 14px;
}

.tags-container .tag.type4 {
	font-size: 10px;
}

#blog-slideshow {
	width: 100%;
	height: 360px;
	overflow: hidden;
	z-index: 20;
}

#blog-slideshow .item {
	background-position: 50% 50%;
	background-size: cover;
}

#blog-slideshow:after {
	background: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 1, 0) 1%,
		rgba(36, 39, 51, 0.5) 100%
	);
	background: -webkit-linear-gradient(
		top,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 1, 0) 1%,
		rgba(36, 39, 51, 0.5) 100%
	);
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 1, 0) 1%,
		rgba(36, 39, 51, 0.5) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#242733', GradientType=0);
	content: "";
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	pointer-events: none;
}

#blog-slideshow .item .title {
	position: absolute;
	bottom: 40px;
	left: 20px;
	font-size: 19px;
	line-height: 1.2em;
	color: #ffffff;
	z-index: 200;
	width: 50%;
	white-space: normal;
}

.blog-body {
	padding-top: 30px;
}

.blog-body h1 {
	margin-top: 0;
}

.blog-body .blog-body-wrap {
	float: left;
	width: 66%;
	padding-right: 25px;
	border-right: solid 1px #dbe1e3;
	padding-top: 20px;
}

.blog-body .blog-body-lateral {
	float: right;
	width: 34%;
	padding-left: 25px;
	padding-top: 20px;
	position: relative;
}

.blog-body .group-tags {
	margin-top: 35px;
}

.blog-body .img-detail {
	margin-bottom: 8px;
}

.blog-body .post-tags {
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	padding: 11px 5px;
	margin: 25px 0 20px 0;
	max-width: 660px;
}

.blog-body .post-tags .tag {
	color: #3491b8;
	font-size: 14px;
	padding-right: 15px;
	position: relative;
}

.blog-body .post-tags .tag:after {
	content: "";
	border-left: solid 1px #3491b8;
	height: 14px;
	position: absolute;
	top: 3px;
	right: 6px;
}

.blog-body .post-tags .tag:last-child:after {
	display: none;
}

.blog-body .share-group {
	margin-bottom: 45px;
	background: #e3e3e3;
	border-radius: 6px;
	height: 52px;
	line-height: 52px;
	padding: 0 17px;
	display: inline-block;
}

.blog-body .share-group .share-title {
	font-size: 18px;
	color: #303e50;
	font-family: "open_sansbold";
	padding-right: 50px;
}

.share-group .network-item {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 0 12px;
	position: relative !important;
	top: auto;
	left: auto;
	cursor: pointer;
}

.network-item.facebook {
	background: url(/images/icon_facebook.svg) 50% 50% no-repeat;
}

.network-item.linkedin {
	background: url(/images/icon_linkedIn.svg) 50% 50% no-repeat;
}

.network-item.twitter {
	background: url(/images/icon_twitter.svg) 50% 50% no-repeat;
}

.network-item.email {
	background: url(/images/icon_mail.svg) 50% 50% no-repeat;
}

.blog-body h3 {
	border-left: solid 3px #3491b8;
	padding: 3px 15px;
	font-size: 21px;
	font-family: "open_sansregular";
	font-weight: normal;
	margin-bottom: 30px;
}

#page-blog-list .center-contents {
	padding-top: 40px;
}

.all-news {
	color: #3491b8;
	position: absolute;
	right: 0;
	top: 30px;
	padding-right: 15px;
	z-index: 100;
}

.all-news:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 8px;
	border-color: transparent transparent transparent #3491b8;
	position: absolute;
	top: 5px;
	right: 0;
}

#page-blog-detail .all-news {
	top: 20px;
}

#page-blog-detail .date {
	font-size: 14px;
	color: #3491b8;
}

#page-city-documents .city-documents .city-doc-item {
	width: 292px;
	float: left;
	display: block;
	transition: all 300ms ease;
	margin-right: 25px;
	margin-bottom: 30px;
}

#page-city-documents .city-documents .city-doc-item:nth-child(2n) {
	margin-right: 0;
}

#page-city-documents .city-documents .city-doc-item:hover {
	opacity: 0.8;
}

#page-city-documents .city-documents .city-doc-item .title {
	color: #80b8cf;
	font-family: "open_sansbold";
	font-size: 16px;
	padding: 10px 0;
}

#page-city .slideshow .subtitle,
#page-demo-site .slideshow .subtitle {
	color: #ffffff;
	font-size: 20px;
	font-family: "open_sansregular";
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	padding: 20px;
	z-index: 10;
	background: rgba(0, 0, 0, 0.55);
}

#page-city .slideshow .subtitle:empty,
#page-demo-site .slideshow .subtitle:empty {
	display: none;
}

#page-city .videos {
	background: #e3e3e3;
	color: #0091ba;
	font-size: 16px;
	font-family: "open_sansbold";
	padding: 20px 20px 0px 20px;
}

#page-city .video-header {
	background: url("/images/video-icon.png") 0 0 no-repeat;
	height: 32px;
	line-height: 32px;
	padding-left: 50px;
	margin-bottom: 15px;
}

#page-city .videos-holder {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#page-city .videos-holder iframe {
	width: 48%;
	margin-bottom: 20px;
}

#page-city .demo-sites {
}

#page-city .demo-sites-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
	padding: 15px 0;
}

#page-city .demo-site-item {
	width: 190px;
	height: 190px;
	margin: 5px;
	border-radius: 5px;
	background-position: 50% 50%;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#page-city .demo-site-item-title {
	color: #ffffff;
	font-size: 16px;
	background: rgba(0, 0, 0, 0.5);
	padding: 18px 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#page-demo-site .tabs {
	margin: 20px 0;
}

#page-demo-site .tab-group {
	margin-bottom: 20px;
}

#page-demo-site .tab-title {
	background: #e8e8e5;
	color: #0091ba;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	font-family: "open_sansbold";
	padding: 0 45px 0 15px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

#page-demo-site .tab-group.selected .tab-title {
	background: #0091ba;
	color: #ffffff;
}

#page-demo-site .tab-group .tab-title:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: 14px;
	right: 14px;
	border-width: 11px 6px 0 6px;
	border-color: #d5d7d6 transparent transparent transparent;
}

#page-demo-site .tab-group.selected .tab-title:after {
	border-width: 0 6px 11px 6px;
	border-color: transparent transparent #ffffff transparent;
}

#page-demo-site .tab-body {
	display: none;
	padding: 20px 0;
}

#page-demo-site .tab-group.selected .tab-body {
	display: block;
}

#page-demo-site .tab-body .long-text,
#page-demo-site .tab-body .tab-block-image {
	margin-bottom: 20px;
	max-width: 100%;
}

#page-demo-site .tab-body .long-text:last-child,
#page-demo-site .tab-body .tab-block-image:last-child {
}

#page-demo-site .map-group {
	position: relative;
}

#page-demo-site .map-container {
	position: static;
	height: 200px;
	margin-top: 25px;
	margin-left: 0;
	left: 0;
}

#page-demo-site .contacts-group {
	margin-top: 25px;
	background: #e3e3e3;
	padding: 18px 35px;
}

#page-demo-site .contacts-logotype {
	margin-bottom: 5px;
}

#page-demo-site .video-group {
	margin-top: 25px;
}

#page-demo-site .docs-group {
	background: #ffffff;
	padding: 20px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#page-demo-site .docs-group .title {
	text-align: center;
	font-size: 18px;
	color: #243c50;
	font-family: "open_sansbold";
	padding-bottom: 20px;
}

#page-demo-site .docs-item {
	background: #f2f2f2;
	border-radius: 4px;
	height: 42px;
	display: block;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	padding: 15px 5px;
}

#page-demo-site .docs-item-title {
	color: #0091ba;
	font-family: "open_sansbold";
	font-size: 15px;
}

#page-demo-site .docs-item-icon {
	width: 28px;
	height: 32px;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#page-demo-site .type-pdf .docs-item-icon {
	background-image: url("/images/docs/pdf.svg");
}

#page-demo-site .type-docx .docs-item-icon {
	background-image: url("/images/docs/docx.svg");
}

#page-demo-site .type-pptx .docs-item-icon {
	background-image: url("/images/docs/pptx.svg");
}

#page-demo-site .type-jpg .docs-item-icon {
	background-image: url("/images/docs/jpg.svg");
}

#page-demo-site #cityslide {
	height: 320px;
}

.slideshow .nav {
	width: 100%;
	top: 50%;
	position: absolute;
	margin-top: -35px;
	height: 35px;
}

.slideshow .nav .slide-left,
.slideshow .nav .slide-right {
	width: 36px;
	height: 36px;
	position: absolute;
	left: 10px;
	background: url("/images/arrow_slide_demo_sites.svg");
	transform: rotate(180deg);
	cursor: pointer;
}

.slideshow .nav .slide-right {
	right: 10px;
	left: auto;
	transform: none;
}

#page-toolkit {
	padding-top: 50px;
}

#page-toolkit .left {
	width: 680px;
}

#page-toolkit .right {
	padding-top: 0;
	margin-right: 0;
}

#page-toolkit h1 {
	font-family: "open_sansregular";
	font-size: 30px;
	color: #333;
	border-left: none;
	padding-left: 0;
	margin-top: 0;
}

#page-toolkit h2 {
	font-family: "open_sansregular";
	font-size: 20px;
	color: #333;
	border-left: none;
	padding-left: 0;
	margin-top: -12px;
}

#page-toolkit .menu-top-image,
#page-toolkit .page-image {
	text-align: left;
	display: inline-block;
	margin-bottom: 20px;
}

#page-toolkit .page-iframe {
	text-align: left;
	margin-bottom: 20px;
}

#page-toolkit .page-iframe iframe {
	max-width: 100%;
	border: none;
}

#page-toolkit .image-block {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
}

#page-toolkit .image-block .image-block-content {
	width: 200px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#page-toolkit .image-block .image-block-content .image-div {
	max-width: 100%;
	height: 140px;
	background-size: cover;
	background-position: center;
}

#page-toolkit .page-image-legend {
	text-align: center;
	font-size: 12px;
}

#page-toolkit .desktop-image {
	display: inline;
}

#page-toolkit .mobile-image {
	display: none;
}

#page-toolkit .special-menu-image {
	position: relative;
	text-align: center;
	margin-top: 20px;
}

#page-toolkit .special-menu-image.top {
	background-color: #efefef;
}

#page-toolkit .special-menu-image.top:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 428px;
	pointer-events: none;
	background-image: url("/images/toolkit/menu_grid.png");
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}

#page-toolkit .special-menu-image.top {
	text-align: center;
	margin-top: 0;
	margin-bottom: 20px;
}

#page-toolkit .special-menu-image img,
#page-toolkit .page-image img,
#page-toolkit .menu-top-image img {
	max-width: 100%;
}

#page-toolkit .special-menu-image.top img {
	mix-blend-mode: multiply;
}

#page-toolkit .site-text p,
#page-toolkit .site-text ul {
	margin: 0 0 15px;
}

#page-toolkit .site-text ul li {
	margin: 0 0 10px;
}

#page-toolkit .site-text p {
	line-height: 1.5;
	min-height: 1px;
}

#page-toolkit .site-text ul {
	list-style-type: none;
	padding-left: 0;
}

#page-toolkit .site-text ul li {
	position: relative;
	padding-left: 20px;
}

#page-toolkit .site-text ul li:before {
	content: "•";
	position: absolute;
	top: 2px;
	left: 0;
	font-size: 20px;
}

#page-toolkit .site-text ul ul {
	padding-left: 0;
}

#page-toolkit .side-menu {
	position: relative;
	width: 100%;
	background-color: #fff;
	border-radius: 6px;
	padding: 20px 20px 15px 20px;
	margin-bottom: 40px;
}

#page-toolkit .side-menu-item {
	position: relative;
	display: inline-block;
	width: 100%;
	background-color: #f2f2f2;
	border-radius: 6px;
	margin-bottom: 5px;
	padding: 15px;
	padding-left: 30px;
	color: #3491b8;
	font-size: 16px;
	font-family: "open_sansbold";
	transition: all 300ms ease-in;
	cursor: pointer;
}

#page-toolkit .side-menu-item:before {
	content: ">";
	position: absolute;
	top: 0;
	bottom: 0;
	font-family: "open_sansbold";
	font-size: 20px;
	line-height: 20px;
	height: 20px;
	left: 10px;
	margin: auto;
}

#page-toolkit .side-menu-item.more:before {
	content: "+";
}

#page-toolkit .side-menu-item.less:before {
	content: "–";
}

#page-toolkit .sub-group {
	margin-bottom: 5px;
}

#page-toolkit .side-menu-item:hover,
#page-toolkit .side-menu-item.selected {
	background-color: #3491b8;
	color: #f2f2f2;
}

#page-toolkit .side-menu-item.downloads {
	display: none;
}

#page-toolkit .side-menu-sub-item {
	display: inline-block;
	width: calc(100% - 30px);
	background-color: #f2f2f2;
	border-radius: 6px;
	margin-bottom: 5px;
	margin-left: 30px;
	padding: 10px 15px;
	color: #3491b8;
	font-size: 15px;
	font-family: "open_sansbold";
	transition: all 300ms ease-in;
	cursor: pointer;
}

#page-toolkit .side-menu-sub-item:hover,
#page-toolkit .side-menu-sub-item.selected {
	background-color: #3491b8;
	color: #f2f2f2;
}

#page-toolkit .side-menu ul {
	list-style-type: none;
	padding-left: 12px;
	padding-bottom: 8px;
	display: none;
}

#page-toolkit .side-menu ul li {
	position: relative;
	padding-left: 20px;
}

#page-toolkit .side-menu ul li:before {
	content: "•";
	position: absolute;
	top: 2px;
	left: 0;
	font-size: 20px;
}

#page-toolkit .side-menu-sub-item-simple {
	display: inline-block;
	margin-left: -5px;
	border-radius: 6px;
	margin-bottom: 5px;
	color: #333;
	font-size: 15px;
	font-family: "open_sansregular";
	transition: all 300ms ease-in;
	cursor: pointer;
}

#page-toolkit .side-menu-sub-item-simple:hover {
	color: #3491b8;
}

#page-toolkit .site-text a {
	color: #3491b8;
	opacity: 0.99;
	transition: opacity 400ms ease-out;
}

#page-toolkit .site-text a:hover {
	opacity: 0.7;
}

#page-toolkit .site-text .stakeholder-section-title {
	display: block;
	font-size: 24px;
	line-height: 30px;
	width: 100%;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #bbbbbb;
	padding-top: 20px;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

#page-toolkit .site-text .stakeholder-text-title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	padding-top: 10px;
	margin-bottom: 10px;
}

#page-toolkit .site-text a.stakeholder-section-title {
	color: #3491b8;
	opacity: 0.99;
	transition: opacity 400ms ease-out;
}

#page-toolkit .site-text a.stakeholder-text-title {
	color: #3491b8;
	opacity: 0.99;
	transition: opacity 400ms ease-out;
}

#page-toolkit .site-text .stakeholder-gray-block {
	background: linear-gradient(#e2e2e2 30%, #e2e2e2 90%);
	border-radius: 5px;
	margin: 10px 10px 10px 0px;
	padding: 10px;
}

#page-toolkit .stakeholder-gray-block + .stakeholder-gray-block {
	margin-top: -25px;
}

#page-toolkit .site-text sup,
#page-toolkit .site-text sub {
	font-size: 10px;
}

#page-toolkit .page-files {
	margin: 0 0 20px;
	padding-left: 25px;
}

#page-toolkit .page-files .file {
	position: relative;
	display: block;
	padding-left: 35px;
	margin-bottom: 20px;
	min-height: 32px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #3491b8;
	transition: opacity 400ms ease-out;
}

#page-toolkit .page-files .file:hover {
	opacity: 0.7;
}

#page-toolkit .page-files .file:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 28px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("/images/docs/pdf.svg");
	background-size: contain;
}

#page-toolkit .page-files .file.jpg:before {
	background-image: url("/images/docs/jpg.svg");
}

#page-toolkit .page-files .file.docx:before {
	background-image: url("/images/docs/docx.svg");
}

#page-toolkit .page-files .file.pptx:before {
	background-image: url("/images/docs/pptx.svg");
}

#menu .toolkit-menu {
	display: none;
}