@import "../scss/mixins";

$orange: #FF6600;

body.page-template-template-block-pages {

	#primary {
		font-family: "Poppins", sans-serif;

		h1 {
			font-weight: 800 !important;
			line-height: 1.2;
		}

		h2, h3, h4, h5, h6 {
			font-weight: 600 !important;
		}

		p {
			font-size: 20px;
			font-weight: 400;
		}

		strong, b {
			font-weight: 600;
		}

		.wp-block-button__link {
			font-weight: 500;
		}
	}

	.wp-block-group {
		margin-bottom: 0;
	}

	.wp-block-columns {
		padding: 0;
		margin-bottom: 0;
	}

	.select2-dropdown {
		background-color: #f8f8f8;
		border: 1px solid #dadada;
		border-radius: 0;

		.select2-results__option {
			padding: 10px 30px;
		}
	}

	.select2-container--default .select2-results__option--highlighted[data-selected] {
		background-color: $orange;
	}

	.wpcf7-response-output {
		padding: 20px 30px;
		margin: 15px 0 0;
	}

	.wp-block-group .wp-block-group__inner-container {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;

		& > .container,
		& > .wp-block-columns {
			max-width: 100%;

			& > .wp-block-column {

				& > *:not(section) {
					max-width: 1140px;
					margin-left: auto;
					margin-right: auto;
				}
			}
		}
	}

	@media only screen and (max-width: 782px) {

		.wp-block-group__inner-container {

			&,
			& > div {
				width: 100%;
				padding-left: 0;
				padding-right: 0;
			}
		}

	}
}

.bold-orange {

	strong, b {
		color: #fff;
		padding: 0 20px;
		background: $orange;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}
}

.re7-form-row {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	gap: 15px;

	& + .re7-form-row {
		margin: 15px 0 0;
	}

	.re7-form-col {
		width: calc(50% - (15px / 2));
		flex: 0 0 auto;
	}

	.wpcf7-form-control-wrap {
		display: block;
		width: 100%;
	}

	&.re7-form-submit {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		margin: 50px 0 0;
	}

	input[type="text"],
	input[type="email"],
	input[type="phone"],
	textarea {
		display: block;
		width: 100%;
		font-size: 18px;
		font-weight: 400;
		color: #000000;
		line-height: 1;
		padding: 25px 30px;
		background: #f8f8f8;
		border: 0;
		border-radius: 0;
		-webkit-appearance: none;

		&::placeholder {
			color: #000000;
		}
	}

	textarea {
		min-width: 100%;
		max-width: 100%;
		min-height: 100%;
		max-height: 350px;
	}

	input[type="submit"] {
		color: #ffffff;
		background: $orange;
		box-shadow: none;
		box-sizing: border-box;
		cursor: pointer;
		display: inline-block;
		text-align: center;
		word-break: break-word;
		font-size: 18px;
		font-weight: 500;
		padding: calc(.667em + 2px) calc(1.333em + 2px);
		border: 0;
		border-radius: 0;
		-webkit-appearance: none;
		transition: all .2s;

		&:hover {
			background: darken($orange, 10%);
		}
	}

	.select2-container {
		width: 100% !important;
	}

	.select2-container--default .select2-selection--single,
	.select2-container--default .select2-selection--multiple {
		height: 71px;
		background: #f8f8f8;
		border: 0;
		border-radius: 0;

		.select2-selection__rendered {
			line-height: 71px;
			padding-left: 30px;
			padding-right: 40px;
		}

		.select2-selection__arrow {
			height: 71px;
			width: 40px;
			top: 0;
			right: 0;

			&:before {
				display: block;
				content: url("data:image/svg+xml;utf8,<svg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.9272 0L6.55021 4.32659L2.17319 0L0.828613 1.33198L6.55021 7L12.2718 1.33198L10.9272 0Z' fill='%23000000'/></svg>");
				line-height: 68px;
				margin: 0;
			}

			b {
				display: none;
			}
		}

		.select2-selection__choice {
			line-height: 40px;
			margin-top: 15px;
		}
	}

	.wpcf7-radio:not(.wpcf7-rating-stars),
	.wpcf7-checkbox,
	.wpcf7-acceptance {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: 5rem;
		align-items: center;

		.wpcf7-list-item {
			margin: .75rem 3.5rem .75rem 0;

			label {
				cursor: pointer;
				text-align: left;
			}
		}

		&.wpcf7-acceptance {
			height: auto;

			.wpcf7-list-item {
				margin-right: 0;
			}
		}

		input {
			display: none;

			& + span {
				display: block;
				font-size: 18px;
				font-weight: 400;
				color: #000;
				line-height: 1.3;
				padding: 0 0 0 35px;
				position: relative;

				a {
					color: #000000;
					text-decoration: underline;
					text-underline-offset: 2px;
					transition: all .2s;

					&:hover {
						color: $orange;
					}
				}

				span {
					color: $orange;
				}

				&:before {
					display: block;
					content: "";
					width: 20px;
					height: 20px;
					background: #f8f8f8;
					border: 1px solid #eaeaea;
					border-radius: 0;
					position: absolute;
					top: 2px;
					left: 0;
				}
			}

			&:checked {

				& + span {

					&:before {
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVHgB3ZDLCQAhDESTDixlS9itcEvQTixBS7GDOAeF4MEPeBADjxCSYcgQ3Vci8oNnVWRBAGafCIu3mQ3wQ6dyYJUo9ESsHdA8iKCG8DFzool/qpNbCkI5H1gZ/UJYLkcq8hgAAAAASUVORK5CYII=") no-repeat center center $orange;
						background-size: 14px 13px;
						border-color: $orange;
					}
				}
			}
		}
	}

	.wpcf7-checkbox {
		flex-direction: column;
		align-items: flex-start;
		height: auto;
	}

	.wpcf7-not-valid-tip {
		font-size: 14px;
		margin: 5px 0 0;
	}

	@media only screen and (max-width: 768px) {

		flex-direction: column;
		gap: 15px;

		input[type=submit] {
			font-size: 16px;
		}

		& + .re7-form-row {
			margin: 15px 0 0;
		}

		.select2-container--default .select2-selection--single {
			height: 51px;

			.select2-selection__rendered {
				line-height: 51px;
				padding-left: 20px;
			}

			.select2-selection__arrow {
				height: 51px;

				&:before {
					line-height: 48px;
				}
			}
		}

		.re7-form-col {
			width: 100%;

			& > label {
				display: block;
				margin-top: 10px;
			}
		}

		&.re7-form-submit {
			margin-top: 25px;
		}

		input[type="text"],
		input[type="email"],
		input[type="phone"],
		textarea {
			font-size: 16px;
			padding: 15px 20px;
		}

		.wpcf7-radio:not(.wpcf7-rating-stars),
		.wpcf7-checkbox,
		.wpcf7-acceptance {

			input + span {
				font-size: 16px;

				&:before {
					top: -1px;
				}
			}
		}
	}
}

.wpcf7-form-control-wrap[data-name="servicii"] {
	margin-top: 10px;
}
.wpcf7-checkbox.checkbox_modern {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 10px;

	.wpcf7-list-item {
		margin: 0;

		label {

			input {
				display: none;

				& + span {
					display: block;
					padding: 10px 15px;
					background: #f8f8f8;
					border: 1px solid #f8f8f8;
					transition: all .2s;

					&:before {
						display: none;
					}
				}
			}

			input:checked + span,
			&:hover input + span {
				color: #ffffff;
				padding-left: 32px;
				background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABdSURBVHgB3ZDLCQAhDESTDixlS9itcEvQTixBS7GDOAeF4MEPeBADjxCSYcgQ3Vci8oNnVWRBAGafCIu3mQ3wQ6dyYJUo9ESsHdA8iKCG8DFzool/qpNbCkI5H1gZ/UJYLkcq8hgAAAAASUVORK5CYII=') no-repeat left 10px center $orange;
				border-color: $orange;
			}
		}
	}
}


.re7_block__text {
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	line-height: 1.3;
	text-align: left;

	p {
		margin: 0 0 25px;
	}

	h1, h2, h3, h4, h5, h6 {
		line-height: 1.2;
		margin: 0 0 35px;
	}

	h1 {
		margin: 0 0 50px;
	}

	h2 {
		font-size: 42px;
	}

	h3 {
		font-size: 38px;
	}

	h4 {
		font-size: 34px;
	}

	h5 {
		font-size: 30px;
	}

	h6 {
		font-size: 26px;
	}

	*:not(div):last-child {
		margin-bottom: 0;
	}

	@media only screen and (max-width: 782px) {

		font-size: 16px;

		h2 {
			font-size: 32px;
		}

		h3 {
			font-size: 28px;
		}

		h4 {
			font-size: 24px;
		}

		h5 {
			font-size: 20px;
		}

		h6 {
			font-size: 20px;
		}

	}
}

.re7_text__subtitle {
	font-size: 22px;
	font-weight: 600;
	color: $orange;
	line-height: 1.2;
	text-transform: uppercase;
	margin: 0 0 15px;

	@media only screen and (max-width: 782px) {

		font-size: 18px;

	}
}

.re7_block__button {
	color: #ffffff;
	background: $orange;
	box-shadow: none;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	word-break: break-word;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 500;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	border: 2px solid $orange;
	border-radius: 0;
	-webkit-appearance: none;
	transition: all .2s;

	&:hover,
	&.active {
		background: darken($orange, 10%);
		border-color: darken($orange, 10%);
	}

	&.re7_block__button-ghost {
		color: $orange;
		background: transparent;

		&:hover {
			color: #ffffff;
			background: darken($orange, 10%);
		}
	}

	&.re7_block__button-black {
		color: #FFFFFF;
		background: #2d2d2d;
		border-color: #2d2d2d;

		&:hover,
		&.active {
			background: darken($orange, 10%);
			border-color: darken($orange, 10%);
		}
	}

	@media only screen and (max-width: 782px) {

		font-size: 16px;

	}
}


/* BLOCKS */
.re7_block {
	float: none;
	padding: 100px 0;
	margin-bottom: 0;

	&.background-white {
		background-color: #ffffff;
	}

	&.background-grey {
		background-color: #EFEFEF;
	}

	& + .re7_block {

		&:not(.background_grey):not(.no-spacing) + section:not(.background_grey):not(.no-spacing) {
			padding-top: 0;
		}
	}

	@media only screen and (max-width: 782px) {
		padding: 50px 0;
	}
}

.re7_block_statistics {

	&__text {
		margin: 0 0 50px;
	}

	&__tiles {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		gap: 75px;
		flex-wrap: wrap;

		&-tile {
			width: calc(33.33% - (75px * 2 / 3));
			position: relative;

			&-icon {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center;
				width: 100%;
				height: 250px;
				margin: 0 0 35px;
			}

			&-fact {
				display: block;
				font-size: 60px;
				font-weight: 600;
				color: #000000;
				line-height: 1;
				text-align: center;
			}

			p {
				line-height: 1.3;
				text-align: center;
				margin: 25px 0 0;
			}
		}

		&.size-small {

			.re7_block_statistics__tiles-tile {

				&-fact {
					font-size: 34px;
				}
			}
		}
	}

	&.layout-one-big {

		.re7_block_statistics__tiles {

			&-tile {
				width: 100%;
				text-align: center;

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

	@media only screen and (max-width: 991px) {

		&__tiles {
			flex-wrap: nowrap;
			gap: 5px;
			overflow-x: scroll;
			-ms-overflow-style: none;
			scrollbar-width: none;

			&::-webkit-scrollbar {
				display: none;
			}

			&-tile {
				width: calc(85% - 100px);
				flex: 0 0 auto;
				border: 1px solid #dadada;
				padding: 20px;
			}
		}

		&.layout-one-big {

			.re7_block_statistics__tiles-tile {
				border: 0;
			}
		}

	}

	@media only screen and (max-width: 782px) {

		&__tiles {

			&-tile {
				width: calc(80% - 100px);

				&-icon {
					height: 150px;
				}

				&-fact {
					font-size: 50px;
				}

				p {
					font-size: 16px;
				}
			}
		}

	}

	@media only screen and (max-width: 550px) {

		&__tiles {

			&-tile {
				width: calc(95% - 100px);
			}
		}

	}

	@media only screen and (max-width: 480px) {

		&__tiles {

			&-tile {
				width: calc(90% - 50px);
			}
		}

	}
}


.re7_block_intro {
	position: relative;
	overflow: hidden;
	padding: 150px 0 50px;

	&.show-rocket {
		padding-bottom: 300px;
		background: url("../svg/rocket-bg.svg") repeat-x bottom center;
		background-size: auto 200px;
	}

	.re7_block__text {
		position: relative;
		z-index: 3;
		width: 80%;

		h1 {
			font-family: "Poppins", sans-serif;
			font-size: 75px;
			font-weight: 800 !important;
			line-height: 1.2;
			font-style: normal;
			letter-spacing: 2px;
			text-transform: uppercase;
			color: #000000;
			margin: 0 0 50px;

			strong, b {
				display: inline;
				margin-top: 15px;
				color: #fff;
				padding: 0 20px;
				background: $orange;
				-webkit-box-decoration-break: clone;
				box-decoration-break: clone;
			}
		}
	}

	&__buttons {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		z-index: 3;
		margin: 50px 0 0;

		& > .buttons {
			display: flex;
			flex-direction: column;
			gap: 10px;

			& + * {
				margin-left: 35px;
			}
		}
	}

	& > img.rocket,
	& > svg.rocket {
		display: block;
		position: absolute;
		top: 5%;
		right: 20%;
		width: auto;
		height: auto;
		max-height: 100%;
		z-index: 2;
		object-fit: cover;
		object-position: center 0;
	}

	@media only screen and (max-width: 991px) {

		&.show-rocket {
			padding-bottom: 50px;
		}

		.re7_block__text {
			width: 100%;

			h1 {
				font-size: 45px;
			}
		}

		& > img.rocket,
		& > svg.rocket {
			right: 5%;
		}

	}

	@media only screen and (max-width: 782px) {

		padding: 50px 0 50px;

		&__buttons {
			flex-direction: column;
			align-items: flex-start;

			& > .buttons + * {
				margin-left: 0;
				margin-top: 35px;
			}
		}

	}

}


.re7_textblock {
	padding-bottom: 0 !important;

	& > .container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 50px;
	}

	&__text {
		padding-bottom: 75px;
	}

	&__image {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-end;
		width: 40%;
		flex: 0 0 auto;
		margin-top: -150px;

		img, svg {
			display: block;
			width: auto;
			height: auto;
			max-width: 100%;
		}
	}

	@media only screen and (max-width: 991px) {

		& > .container {
			flex-direction: column-reverse;
			justify-content: flex-start;
		}

		&__image {
			align-items: flex-start;
			justify-content: flex-start;
			width: 100%;
			border-bottom: 1px solid #dadada;

			img, svg {
				max-width: 250px;
			}
		}

	}

	@media only screen and (max-width: 782px) {

		&.has-image {
			margin-top: 100px;
		}

	}
}


.re7_block_clients {
	padding: 0 0 50px;

	.container {

		& > p {
			font-size: 24px !important;
			font-weight: 800;
			color: #000000;
			line-height: 1.3;
			text-align: center;
			margin: 0 0 35px;
		}
	}

	.re7_block_clients__slides {
		padding: 0;
		margin: 0;

		.re7_block_clients__slide {
			text-align: center;
			padding: 0 15px;

			img {
				display: block;
				width: 180px;
				height: 120px;
				object-fit: contain;
				margin: 0 auto;
			}
		}
	}

	@media only screen and (max-width: 991px) {

		padding: 50px 0;

	}
}


.re7_block_tiles {

	&__text {
		margin: 0 0 50px;
	}

	&__tiles {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		gap: 75px;
		flex-wrap: wrap;
	}

	&__tile {
		width: calc(33.33% - (75px * 2 / 3));
		position: relative;
		padding: 0;

		&.has-link {
			padding-bottom: calc(48px + 25px);
		}

		&-image {
			position: relative;

			a {
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}

			img, svg {
				display: block;
				width: auto;
				max-width: 100%;
				height: auto;
			}
		}

		&-text {
			margin: 25px 0 0;

			h1, h2, h3, h4, h5, h6 {
				font-size: 30px;
				margin: 0 0 25px;
			}
		}

		&-link {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;

			a {
				display: block;
			}
		}
	}

	&.layout-one-big {

		.re7_block_tiles__tile {
			width: 100%;
			text-align: center;

			* {
				text-align: center;
			}
		}
	}

	@media only screen and (max-width: 991px) {

		&__tiles {
			flex-wrap: nowrap;
			gap: 5px;
			overflow-x: scroll;
			-ms-overflow-style: none;
			scrollbar-width: none;

			&::-webkit-scrollbar {
				display: none;
			}
		}

		&__tile {
			width: calc(85% - 100px);
			flex: 0 0 auto;
			border: 1px solid #dadada;
			padding: 20px;
		}

	}

	@media only screen and (max-width: 768px) {

		&__tile {
			width: calc(80% - 100px);
			flex: 0 0 auto;
			border: 1px solid #dadada;
			padding: 20px;

			&-text {

				h1, h2, h3, h4, h5, h6 {
					font-size: 20px;
				}
			}
		}

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

		&__tile {
			width: calc(95% - 100px);
		}

	}

	@media only screen and (max-width: 480px) {

		&__tile {
			width: calc(90% - 50px);
		}

	}
}


.re7_block_entries {

	&__intro {
		margin: 0 0 50px;
	}

	.latest-blog-section.listing {
		padding: 0;

		.post-thumbnail {

			img, svg {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}

	&__outro {
		margin: 20px 0 0;
	}

	@media only screen and (max-width: 991px) {

		.latest-blog-section.listing .row {
			flex-wrap: nowrap;
			overflow-x: scroll;
			-ms-overflow-style: none;
			scrollbar-width: none;

			&::-webkit-scrollbar {
				display: none;
			}

			article {
				width: calc(85% - 100px);
				flex: 0 0 auto;
			}
		}

	}

	@media only screen and (max-width: 768px) {

		.latest-blog-section.listing .row article {
			width: calc(80% - 100px);
		}

	}

	@media only screen and (max-width: 550px) {

		.latest-blog-section.listing .row article {
			width: calc(95% - 100px);
		}

	}

	@media only screen and (max-width: 480px) {

		.latest-blog-section.listing .row article {
			width: calc(90% - 50px);
		}

	}

}


.re7_block_footer {
	font-family: "Poppins", sans-serif;
	padding: 75px 0;
	clear: both;

	.footer__menu_cert {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;

		.menu {

			& > ul {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				align-items: flex-start;
				list-style: none;
				padding: 0;
				margin: 0;
				gap: 75px;

				& > li {
					display: block;

					& > a {
						font-size: 18px;
						font-weight: 600;
						color: #f60;
						line-height: 1.2;
						text-transform: uppercase;
					}

					& > ul {
						list-style: none;
						padding: 0;
						margin: 25px 0 0;

						& > li {
							margin: 0 0 10px;

							&:last-child {
								margin-bottom: 0;
							}

							& > a {

								&:hover {
									color: $orange;
								}
							}
						}
					}
				}
			}
		}

		.certificates {

			ul {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				align-items: flex-end;
				list-style: none;
				padding: 0;
				margin: 0;

				li {
					margin: 0 0 25px;

					&:last-child {
						margin-bottom: 0;
					}

					a {

						img, svg {
							display: block;
							width: auto;
							height: auto;
							max-height: 100px;
							max-width: 100px;
							margin-left: auto;
						}
					}
				}
			}
		}
	}

	.footer__brand_contact {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
		margin: 35px 0 0;

		.brand {

			& > a {}

			.copyright {
				width: 100%;
				max-width: 350px;
				margin: 25px 0 0;
				font-size: 16px;
				line-height: 1.3;

				b, strong {
					font-weight: 600;
				}
			}

			.social-media {
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
				gap: 15px;
				margin: 25px 0 0;

				a {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 48px;
					height: 48px;
					font-size: 24px;
					background: #FFFFFF;

					&:hover {
						color: $orange;
					}
				}
			}
		}

		.contact {
			text-align: right;

			& > a {
				font-size: 16px;
				font-weight: 600;
			}

			ul {
				list-style: none;
				padding: 0;
				margin: 25px 0 0;

				li {
					margin: 0 0 10px;

					&:last-child {
						margin-bottom: 0;
					}

					a {
						font-size: 16px;
						font-weight: 600;

						&:hover {
							color: $orange;
						}
					}

					&.phone {

						a {
							font-size: 24px;
						}
					}
				}
			}
		}
	}

	@media only screen and (max-width: 991px) {

		.footer__menu_cert .menu>ul {
			gap: 50px;
		}

	}

	@media only screen and (max-width: 768px) {

		.footer__menu_cert {
			flex-direction: column;
			justify-content: flex-start;

			.menu {
				width: 100%;

				& > ul {
					flex-direction: column;
					gap: 10px;

					& > li {
						display: block;
						width: 100%;
						border-bottom: 1px solid #dadada;

						& > a {
							display: block;
							width: 100%;
							padding: 10px 0;
							position: relative;

							&:after {
								display: block;
								content: "";
								width: 40px;
								height: 40px;
								position: absolute;
								top: 50%;
								right: 0;
								background: url("data:image/svg+xml;utf8,<svg width='20' height='14' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.9272 0L6.55021 4.32659L2.17319 0L0.828613 1.33198L6.55021 7L12.2718 1.33198L10.9272 0Z' fill='%23000000'/></svg>") no-repeat center center;
								background-size: auto 10px;
								transform: translateY(-50%);
							}
						}

						& > ul {
							display: none;
							margin: 25px 0;
						}

						&.expand {

							& > a:after {
								transform: translateY(-50%) rotate(180deg);
							}

							& > ul {
								display: block;
							}
						}
					}
				}
			}

			.certificates {
				display: none;
			}
		}

		.footer__brand_contact {
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin: 50px 0 0;

			.contact {
				text-align: center;
				margin: 25px 0 0;
			}

			.brand {

				.copyright {
					text-align: center;
				}

				.social-media {
					justify-content: center;
				}
			}
		}

	}
}


/* Accordion */
.re7_accordion {
	margin: 0 0 14px;

	.re7_accordion__single {
		margin: 0;
		background: #f8f8f8;

		& > a {
			display: block;
			font-size: 18px;
			font-weight: 400;
			color: #000000;
			line-height: 1.5;
			text-align: left;
			position: relative;
			cursor: pointer;
			text-decoration: none;
			border: 0;
			padding: 25px 80px 25px 30px;

			&:after {
				display: block;
				content: "";
				width: 80px;
				height: 100%;
				position: absolute;
				top: 50%;
				right: 0;
				background: url("data:image/svg+xml;utf8,<svg width='18' height='12' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.9272 0L6.55021 4.32659L2.17319 0L0.828613 1.33198L6.55021 7L12.2718 1.33198L10.9272 0Z' fill='%23000000'/></svg>") no-repeat center center;
				transform: translateY(-50%);
			}
		}

		&-text {
			display: none;
			width: 100%;
			max-width: 100%;
			padding: 25px;
			background: #FFFFFF;
		}

		&.expand {

			& > a:after {
				transform: rotate(180deg) translateY(50%);
			}

			.re7_accordion__single-text {
				display: block;
			}
		}

		&:last-child {
			margin-bottom: 0;
		}
	}

	@media only screen and (max-width: 680px) {

		.re7_accordion__single {

			& > a {
				padding: 15px 50px 15px 15px;

				&:after {
					background: url("data:image/svg+xml;utf8,<svg width='14' height='8' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.9272 0L6.55021 4.32659L2.17319 0L0.828613 1.33198L6.55021 7L12.2718 1.33198L10.9272 0Z' fill='%23000000'/></svg>") no-repeat center center;
				}
			}

			.re7_accordion__single-text {
				padding: 15px;
			}
		}

	}
}