#company_root {
	width: 100%;
	max-width: 1024px;
	margin: auto;
	padding: 20px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Corpid-Light;
}

	#company_root .company {
		border-top: 5px solid #00aeef;
		margin-bottom: 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 40px 0;
		position: relative;
	}

		#company_root .company .title {
			position: absolute;
			text-transform: uppercase;
			font-size: 30px;
			top: 27.5px;
			background-color: #FFF;
			border-right: 20px solid #FFF;
			line-height: 25px;
		}

		#company_root .company .text {
			float: left;
			width: 50%;
			border: 1px solid #ccc;
			border-left: none;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 20px 20px 20px 0;
			font-size: 13px;
			line-height: 25px;
		}

		#company_root .company .images {
			float: right;
			width: 50%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/*#company_root .company:nth-of-type(odd) .images*/
		#company_root .company.right .images {
			padding-left: 20px;
		}

		/*#company_root .company:nth-of-type(even) .images*/
		#company_root .company.left .images {
			padding-right: 20px;
			float: left;
		}

		/*#company_root .company:nth-of-type(even) .title*/
		#company_root .company.left .title {
			left: 50%;
		}

		/*#company_root .company:nth-of-type(even) .text*/
		#company_root .company.left .text {
			float: right;
		}

		#company_root .company:last-of-type {
			margin-bottom: 0;
		}


		#company_root .company .images .image {
			width: 100%;
			height: 100%;
			background-size: contain;
			background-repeat: no-repeat;
			overflow:hidden;
		}

			#company_root .company .images .image.signed {
				height: 50%;
				background-size: cover;
				background-position: center;
			}

			#company_root .company .images .image.cover {
				background-size: cover;
			background-position:center;
			}

			/*#company_root .company .images .image img {
				display: none;
			}*/

		#company_root .company .images .otherimages {
			display: flex;
			align-items: center;
			margin-top: 10px;
			height: calc(50% - 10px);
			width: 100%;
		}

			#company_root .company .images .otherimages .otherimage {
				margin-right: 10px;
				height: 100%;
				-ms-flex: 1;
				-webkit-flex: 1;
				flex: 1;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				min-height:250px;
			}

			#company_root .company .images .otherimages .otherimage:nth-child(n+4){
				display:none;
			}

				#company_root .company .images .otherimages .otherimage:last-child {
					margin-right: 0;
				}

		#company_root .company .docs {
			margin-top:10px;
		}

		#company_root .company .docs a[href]:hover,
		#company_root .company .docs a[href]:hover span{
			text-decoration:underline;
		}

		#company_root .company .docs a  {
			display:block;
			padding-left:40px;
			line-height:16px;
			/*height:30px;*/
			margin-top:10px;
			background: url('../img/default.png') left no-repeat;
		}

		#company_root .company .docs a.pdf  {
			background-image:url('../img/PDF.png');
			background-size:30px 30px;
		}

		#company_root .company .docs a span {
			display:block;
			line-height:14px;
			color: #00aeef;
		}


@media all and (max-width:1199px) {
	#company_root {
		padding: 20px;
	}

		#company_root .company {
			border: 1px solid #ccc;
			border-left: none;
			margin-top: 70px;
			padding: 30px 20px 20px 0;
		}

			#company_root .company:first-of-type {
				border: 1px solid #ccc;
				border-left: none;
				margin-top: 30px;
			}

			#company_root .company::before {
				content: ' ';
				width: 100%;
				height: 5px;
				display: block;
				position: absolute;
				top: -40px;
				background-color: #00aeef;
			}

			#company_root .company .text {
				border: none;
				padding-bottom: 0;
				padding-top: 0;
			}

			#company_root .company .title {
				top: -12.5px;
				left: 0;
			}

			/*#company_root .company:nth-of-type(even) .title*/
			#company_root .company.left .title {
				left: 0;
			}

			#company_root .company .images .otherimages {
				position: relative;
			}

				#company_root .company .images .otherimages .otherimage {
					min-width: calc(50% - 5px);
				}

				#company_root .company .images .otherimages .wrapper {
					width: calc(50% - 5px);
					height: 100%;
				}

				#company_root .company .images .otherimages .wrapper .otherimage{
					width:100%;
					height:calc(50% - 5px);
					margin-bottom:10px;
				}

					#company_root .company .images .otherimages .wrapper .otherimage:last-child {
					margin:0;
					}
}

@media all and (max-width:767px) {
	#company_root{
		margin-bottom:20px;
	}

	#company_root,
	#company_root .company:nth-of-type(n) {
		padding: 0;
	}

		#company_root .company:nth-of-type(n) {
			border: none;
			border-top: 1px solid #ccc;
		}

		#company_root .company .title {
			border-left: 20px solid #FFF;
			left: 0;
		}

		#company_root .company::before {
			left: 0;
		}

		#company_root .company .text,
		#company_root .company .images {
			float: none;
			width: 100%;
		}

		#company_root .company .text {
			padding-left: 20px;
		}

		#company_root .company .images {
			padding:0!important;
			margin-top: 30px;
			height:initial!important;
			margin-bottom:20px;
		}

		#company_root .company .images .image img{
			display:block;
		}

			#company_root .company .images .image,
			#company_root .company .images .image img {
				width: 100%;
			}

			#company_root .company .images .otherimages {
				display: none;
			}
}