.contacts {width: 100%;}
.contacts.smallPadding {padding: 0px 0 90px 0;}
.contacts.bigPadding {padding: 90px 0;}
#content .contacts.noInnerMargin .inner {padding: 0 0 60px 0; width: 1100px;}
#content .contacts.smallPadding .inner { padding: 0 0 60px 0; }
.contacts .blueHeader {width: 100%; background: #0f50a1; padding: 15px 25px; border-radius: 3px; position:relative; margin: 0 0 35px 0; box-sizing:border-box;}
.contacts .blueHeader h2 {margin: 0; color:#fff; font-size: 22px; }
.contacts .blueHeader .arrowDown {position:absolute; bottom: -8px; left: 25px;}


.contacts .contactItems { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.contacts .contactItem  {padding:0; width: 32%; height:250px; margin: 0 2% 2% 0; box-sizing:border-box; display:flex;}
.contacts .contactItem:nth-child(3n) { margin: 0 0% 2% 0; }
.contacts.noInnerMargin .contactItem { width: 49%; }
	.contacts.noInnerMargin .contactItem:nth-child(odd) { margin: 0 2% 2% 0; }
.contacts.noInnerMargin .contactItem:nth-child(even) { margin: 0 0% 2% 0; }
.contacts .contactItem .left {overflow:hidden; width: 33%; display:flex; justify-content:center;}
.contacts .contactItem .left img {height: 250px !important; display:block; max-width: none !important;  }
	.contacts .contactItem .right { background: #F3F3F3;  width: 67%; padding: 23px 30px; box-sizing:border-box;}
.contacts .contactItem .right p {margin: 0 0 5px 0; font-size: 16px; color:#000;}
	.contacts .contactItem .right p.mail { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #000; }
	.contacts .contactItem .right p.mail a { color: #000; }
	.contacts .contactItem .right .name,
		.contacts .contactItem .right .position { font-weight: bold; color: #000; font-size: 20px;  }
		.contacts .contactItem .right .position { margin: 0 0 20px 0; font-size: 16px; }


.contactItem p {}
.contactItem p.phone i {font-size: 13px;}
.contactItem p.mail i {padding: 6px 6px;}
.contactItem p a {text-decoration:none; position:relative; top: 2px; font-weight:normal;}
.contactItem .presentation a {color:#000; text-decoration:none; }
.contactItem p a:hover { text-decoration: underline; }

.contactItem .hidden {display:none;}
.contactItem .right.fullwidth {float:none; width: 100%;}

@media screen and (max-width: 1500px) {
	.fullwidth .contacts .contactItems { justify-content: space-between; }
	.fullwidth .contactItem { width: 49%; margin: 0 0% 2% 0; }
}

	@media screen and (max-width: 1300px) {
		.contacts .contactItem .right .position { font-size: 18px; }
		.contacts .contactItem .right p { font-size: 14px; }
		.contacts .contactItem .right .position { font-size: 14px; }
	}

	@media screen and (max-width: 1100px) {
		.contacts .contactItem { width: 49%; }
			.contacts .contactItem:nth-child(3n) { margin: 0 2% 2% 0; }
			.contacts .contactItem:nth-child(2n) { margin: 0 0% 2% 0; }
	}

	@media screen and (max-width: 900px) {
		.contacts .contactItem:nth-child(3n) { margin: 0 0% 2% 0; }
		.contacts .contactItem { width: 100%; margin: 0 0% 2% 0; float: none; overflow: hidden; }
			.contacts .contactItem .right { padding: 5%; }
				.contacts .contactItem .right p { font-size: 14px; }

		.contacts.noInnerMargin .contactItem { width: 100%; }
			.contacts.noInnerMargin .contactItem:nth-child(2n) { margin: 0 0% 2% 0; }
			.contacts.noInnerMargin .contactItem:nth-child(3n) { margin: 0 0% 2% 0; }

	}

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


	@media screen and (max-width: 420px) {
		.contacts .contactItem .right .name { font-size: 16px; }

		.contacts .contactItem .right .position { font-size: 12px; }
		.contacts .contactItem .right p { font-size: 12px; }
		.contacts .contactItem .right .position { font-size: 12px; }
	}