.company header {
	background-image: url(/static/Apimo/ApimonetBundle/images/company/header-background.jpg);
}

.company-news h2 {
	margin-bottom: 40px;
	text-align: center;
}

.company-news h2:after {
	content: none;
}

.content-right > div > div {
	overflow: hidden;
}

.content-right > div > div.media {
	position: relative;
	width: 48%;
	height: 378px;
	margin-right: 4%;
	margin-bottom: 40px;
}

.content-onu > div{

    display: flex;
    justify-content: center;
    flex-direction: row-reverse;

}




	@media screen and (max-width:768px) {
		.content-right > div > div.media {
			float: none;
			width: 100%;
		}
	}

.content-right > div > div.media img {
	display: block;
	position: absolute;
	margin: auto;
	left: -9999px;
	right: -9999px;
	top: -9999px;
	bottom: -9999px;
}

.content-right > div > div.media iframe {
	width: 100%;
	height: 100%;
}

.company-news h4 {
	text-align: center;
	margin-bottom: 20px;
}

.company-news ul {
	padding: 0 30px;
	clear: both;
}

.company-news ul li {
	font: 700 16px/18px 'Quicksand', Helvetica, Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	margin: 0 10px;
	padding: 20px;
	background: rgb(255, 255, 255);
}

.company-news ul li a {
	display: inline-block;
	color: rgb(90, 99, 110);
}

.company-news ul li a:before {
	content: attr(data-day) "\A" attr(data-month) "\A" attr(data-year);
	white-space: pre;
	text-align: center;
	color: rgb(255, 255, 255);
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	vertical-align: -12px;
	background: url(/static/Apimo/ApimonetBundle/images/default/icons.svg) -120px -740px no-repeat;
}

	@media screen and (max-width:414px) {
		.company-news ul li {
			text-align: center;
		}

		.company-news ul li a:before {
			float: none;
			margin: 0 auto 20px auto;
		}
	}

.company-about > div > img:last-child {
	display: block;
	margin: 0 auto;
}

	@media screen and (min-width:768px) {
		.company-about > div > img:last-child {
			margin-left: 4%;
		}
	}

	@media screen and (min-width:1024px) {
		.company-about > div > img:last-child {
			margin-left: 10%;
			opacity: 0;
			-webkit-transform: rotate(10deg) scale(0.8);
			   -moz-transform: rotate(10deg) scale(0.8);
				-ms-transform: rotate(10deg) scale(0.8);
				 -o-transform: rotate(10deg) scale(0.8);
					transform: rotate(10deg) scale(0.8);
		}

		.company-about > div > img:last-child.active {
			opacity: 1;
			-webkit-transform: rotate(0) scale(1);
			   -moz-transform: rotate(0) scale(1);
				-ms-transform: rotate(0) scale(1);
				 -o-transform: rotate(0) scale(1);
					transform: rotate(0) scale(1);
		}
	}

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

.company-team p {
	max-width: 600px;
	margin: 0 auto 40px auto;
}

.company-team figure {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	text-align: center;
	margin: 0 5px 40px 5px;
}

.company-team figure figcaption em {
	display: block;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}

.company-jobs,
.company-jobs p {
	text-align: center;
}

.company-jobs h2:after {
	margin: 20px auto;
}

.company-jobs ul {
	display: inline-block;
	margin-top: 40px;
}

.company-jobs ul li {
	margin-bottom: 20px;
	text-align: left;
	overflow: hidden;
}

	@media screen and (min-width:500px) {
		.company-jobs ul li {
			line-height: 60px;
		}
	}

.company-jobs ul li:before {
	content: "";
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	background: url(/static/Apimo/ApimonetBundle/images/default/icons.svg) no-repeat;
}

.company-jobs ul li.sales:before {
	background-position: -120px -820px;
}

.company-jobs ul li.management:before {
	background-position: -120px -900px;
}

.company-jobs ul li.development:before {
	background-position: -120px -980px;
}

.company-jobs ul li.support:before {
	background-position: -120px -1060px;
}

.company-team h4 {
	clear: both;
}

.company-contact {
	padding: 80px 0;
}

.company-contact h2 {
	text-align: center;
}

.company-contact h2:after {
	content: none;
}

.map img:last-of-type {
	-webkit-transition: none;
	   -moz-transition: none;
		-ms-transition: none;
		 -o-transition: none;
			transition: none;
}

.map div {
	font: 400 10px/14px 'Roboto', Helvetica, Arial, Tahoma, sans-serif;
}

.company-contact > div {
	max-width: none;
}

.company-contact .address {
	width: 230px;
	height: 230px;
	padding: 20px;
	z-index: 99;
	margin-top: -315px;
	background-color: rgba(90, 99, 110, .95);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

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

.company-contact > .address:nth-of-type(n) {
	position: relative;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 20px 10px;
	left: auto;
	right: auto;
}

.company-contact .address h3 {
	font-size: 20px;
	line-height: 26px;
	margin-top: 0;
}

.company-contact .address h4 {
	font-size: 16px;
	line-height: 22px;
	color: rgb(255, 255, 255);
}

.company-contact .address p {
	color: rgb(255, 255, 255);
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

.company-contact aside {
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px;
}

	@media screen and (max-width:1200px) {
		.company-contact aside {
			padding: 20px;
		}
	}

.company-contact aside dl {
	float: left;
	width: 34%;
}

.company-contact aside dl dd {
	float: left;
	margin: 20px 20px 0 0;
}

.company-contact aside form {
	position: relative;
	float: left;
	width: 66%;
	text-align: center;
}

	@media screen and (max-width:1200px) {
		.company-contact aside form {
			margin-top: 40px;
		}
	}

	@media screen and (max-width:1024px) {
		.company-contact aside dl,
		.company-contact aside form {
			float: none;
			width: 100%;
		}

		.company-contact aside dl {
			margin-bottom: 40px;
		}

		.company-contact aside dl dd {
			float: none;
			display: inline-block;
			margin: 20px 10px 0 10px;
		}
	}

/* input[type='text'],
textarea {
	position: relative;
	padding-bottom: 5px;
	background: none;
	border: none;
	border-bottom: 1px solid rgba(90, 99, 110, .25);
}

input[type='text'] {
	width: 31%;
	margin: 0 -4px 40px 2%;
} */

textarea {
	width: 97%;
	margin: 0 -4px 20px 2%;
}

label {
	position: absolute;
	width: 31%;
	margin-left: 2%;
	z-index: -1;
	opacity: .5;
	text-align: left;
}

label.active {
	margin-top: -20px;
	font-size: 12px;
}

	@media screen and (max-width:500px) {
		input[type='text'],
		textarea,
		label {
			width: 100%;
			margin-left: 0;
		}

		.company-contact aside form label {
			left: 0;
		}

		.company-contact aside form label:nth-of-type(2) {
			top: 73px;
		}

		.company-contact aside form label:nth-of-type(3) {
			top: 144px;
		}

		.company-contact aside form label:nth-of-type(4) {
			top: 217px;
		}

		.company-contact aside form label:nth-of-type(5) {
			top: 288px;
		}

		.company-contact aside form label:nth-of-type(6) {
			top: 360px;
		}
	}

.company-contact > aside > dl > ul {
	width: 100%;
	text-align: center;
}

.company-contact > aside > dl > ul > li {
	display: inline-block;
	margin: 0 2%;
}

.company-contact > aside > dl > ul > li a {
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background-color: rgb(107, 115, 125);
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.company-contact > aside > dl > ul > li a i {
	line-height: 50px;
  font-size: 25px;
  color: white;
}

.company-contact > aside > dl > ul > li:first-child a:hover {
	background-color: rgb(59, 89, 153);
}

.company-contact > aside > dl > ul > li:nth-child(2) a:hover {
	background-color: rgb(85, 172, 238);
}

.company-contact > aside > dl > ul > li:nth-child(3) a:hover {
	background-color: rgb(221, 75, 57);
}

.company-contact > aside > dl > ul > li:nth-child(4) a:hover{
	background-color: #e4405f;
}

.company-contact > aside > dl > ul > li:nth-child(5) a:hover{
	background-color: #0077B5;
}

.company-contact > aside > dl > ul > li:nth-child(6) a:hover{
	background-color: #cd201f;
}

.company-contact > aside > dl > ul > li a:hover {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}