﻿.aboutus-management {
	//background-image: url('../images/aboutus/Aboutus_banner_bottom.jpg');
	background-color: white;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}

	.aboutus-management .mask {
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(255, 255, 255, 0.5);
		top: 0px;
		left: 0px;
	}

.management {
	/*padding-top: 40px;
    padding-bottom: 20px;*/
}

	.management .title {
		font-family: 'Lato';
		text-transform: uppercase;
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 50px;
	}

	.management .item {
		padding: 20px;
		margin-left: 15px;
		margin-right: 15px;
	}

		.management .item img {
			margin: 0 auto;
			border-radius: 50%;
			/*border: 6px solid #777;*/
		}

		.management .item .name {
			margin-top: 15px;
			font-size: 20px;
			font-weight: bold;
			text-transform: uppercase;
		}

		.management .item .subtitle {
			font-size: 16px;
			text-transform: uppercase;
		}

		.management .item img {
			transform: scale(1, 1);
			transition: all 0.4s linear 0s;
		}

		.management .item:hover img {
			transform: scale(1.1, 1.1);
		}


.aboutus-values {
	background-image: url('../images/aboutus/aboutus_banner1.jpg');
	padding-top: 100px;
	padding-bottom: 70px;
}

.values {
}

	.values .item {
		background-color: white;
		border-radius: 5px;
		min-height: 410px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		margin-bottom: 30px;
	}

		.values .item img {
			margin: 0 auto;
			padding-bottom: 20px;
			padding-top: 40px;
		}

		.values .item .title {
			text-transform: uppercase;
			font-size: 20px;
			font-family: "Lato";
			font-weight: bold;
		}

		.values .item .text {
			padding-top: 15px;
			text-align: center;
		}

.content-text {
	width: 70%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.5;
	margin-top: 100px;
	margin-bottom: 100px;
}

.content-text-misiunea {
	width: 80%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.5;
	margin-top: 30px;
	margin-bottom: 50px;
	color: white;
}

.title-misiunea {
	font-size: 36px;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 300;
	color: white;
	font-weight: bold;
}

.top-banner {
	height: 890px;
}


	.top-banner .text .info-text {
		margin-top: 70px;
		padding-left: 20px;
		padding-right: 20px;
	}

/****************** MEDIA < 440px ******************/
@media (max-width: 440px) {
	.top-banner {
		height: auto;
		background-color: #f0f3f5;
		background-position: bottom center;
	}
}

/****************** MEDIA < 767PX ******************/
@media (max-width: 767px) {
	.values .item {
		min-height: 0px;
		padding-bottom: 30px;
	}

	.top-banner .text .info-text {
		margin-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}

	.top-banner .text .subtitle {
		font-size: 50px;
		padding-top: 20px;
	}
}






.about-us {
	color: white;
}

	.about-us .section {
		height: 880px;
		text-align: center;
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
	}

		.about-us .section .mask {
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			background-color: rgba(0, 0, 0, 0.35);
		}

		.about-us .section.top-banner {
			height: 845px;
		}

	.about-us .content {
		padding-top: 130px;
		position: relative;
	}

		.about-us .content.custom-padding {
			padding-top: 250px;
		}

		.about-us .content h3 {
			font-size: 70px;
			font-weight: 300;
			line-height: 1.1;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: white;
		}

		.about-us .content h5 {
			font-size: 26px;
			font-weight: bold;
			line-height: 1.1;
			margin-top: 30px;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: white;
		}

		.about-us .content .description {
			font-size: 18px;
			line-height: 1.5;
			margin-top: 4%;
			transform: translate(13%);
			width: 80%;
		}

        @media (max-width: 700px){
            .about-us .content .description {
			    transform: translate(13%);
			    width: 60%;
                margin-left: 26%;
		    }
        }

	.about-us .band {
		background-color: white;
		padding-top: 100px;
		padding-bottom: 100px;
	}

		.about-us .band h3 {
			font-size: 70px;
			font-weight: 300;
			line-height: 1.1;
			text-transform: uppercase;
			text-align: left;
			letter-spacing: 2px;
			color: white;
		}

		.about-us .band h5 {
			font-size: 26px;
			font-weight: bold;
			line-height: 1.1;
			margin-top: 10px;
			text-transform: uppercase;
			text-align: left;
			letter-spacing: 2px;
			color: white;
		}

		.about-us .band .description {
			font-size: 22px;
			line-height: 1.5;
			text-align: left;
		}

	.about-us .our-story-content {
		color: #33593e;
	}



/****************** MEDIA < 767PX ******************/
@media (max-width: 767px) {
	.about-us .section {
		background-size: 210% auto;
		background-attachment: unset;
		height: 265px !important;
	}

	.about-us .content.custom-padding {
		padding-top: 0;
		text-align: right;
	}

	.about-us .section.our-story .content {
		padding-top: 60px;
	}


	.about-us .content h3 {
		font-size: 24px;
	}

	.about-us .content h5 {
		font-size: 20px;
	}

	.about-us .band h3 {
		font-size: 30px;
		color: white !important;
		text-align: center;
	}

	.about-us .band h5 {
		font-size: 20px;
		color: white !important;
		margin-top: 20px;
		text-align: center;
	}

	.about-us .band .description {
		font-size: 14px;
	}

	.about-us .content .description {
		font-size: 14px;
		transform: translate(24%);
	}

	.about-us .band {
		background-color: transparent;
		padding-bottom: 15px;
		padding-top: 15px;
	}
}

/****************** MEDIA > 768px && MEDIA < 992px ******************/
@media (min-width: 768px) and (max-width: 992px) {
	.about-us .band {
		background-color: white;
		padding-bottom: 40px;
		padding-top: 40px;
	}

		.about-us .band h3 {
			font-size: 45px;
		}

	.about-us .section {
		background-attachment: unset;
	}
}

/****************** MEDIA > 992px && MEDIA < 1199px ******************/
@media (min-width: 992px) and (max-width: 1199px) {
	.about-us .section {
		background-attachment: unset;
	}
}

/****************** MEDIA > 1200px && MEDIA < 1280px ******************/
@media (min-width: 1200px) and (max-width: 1280px) {
}
