:root {
  --white: #ffffff;
  --orangelight: #E68D2D;
  --orange: #D4740C;
  --primary: #004676;
  --primarylight: #dfe7ee;
}

/* var(--primary) */

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

    &:focus {
    	outline: none;
    }
}

body {
	font-family: "Montserrat", sans-serif;
	color: var(--primary);
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

h1 {
	font-weight: 700;
	font-size: clamp(36px, 3vw, 60px);
	text-transform: uppercase;
	letter-spacing: -2%;
}

h2 {
	font-weight: 700;
	font-size: clamp(25px, 3vw, 44px);
	margin-bottom: 0;
	margin-top: 25px;

	&.-small {
		font-size: clamp(20px, 3vw, 32px);
	}
}

h3 {
	font-size: clamp(20px, 3vw, 32px);
	font-size: 700;
}

a {

}

p {
	font-size: clamp(14px, 2vw, 16px);
}

img {
	display: block;
}

section {
	display: block;
	overflow: hidden;

	&.o-section {
		padding: 90px 0;
		overflow: initial;
	}
}

.u-bg-primary {
	background-color: var(--primary);
	color: #fff;
}

.u-bg-primary300 {
	background-color: var(--primarylight);
	color: var(--primary);
}

/* Container */
.o-container {
	max-width: 100%;
	width: 80vw;
	margin: 0 auto;
	padding: 0 15px;

	@media (max-width: 1500px) {	  
	    width: 90vw;	  
	}

	@media (max-width: 768px) {	  
	    width: 100%;
	    padding: 0 20px;
	}
}

/* Layout */ 
.o-layout {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;

	&.-middle {
		align-items: center;
	}
}

.o-layout_item {
	padding: 0 15px;

	&.u-1\/2 {
	  width: 50%;
	}

	&.u-1\/1 {
	  width: 100%;
	}

	@media (max-width: 900px) {
	  &.u-1\/1\@tablet {
	    width: 100%;
	  }
	}
	@media (max-width: 768px) {
	  &.u-1\/1\@mobile {
	    width: 100%;
	  }
	}
}

/* Ariane */
.c-ariane {
	margin: 0;
	padding: 0;
	list-style-type: none;

	li {
		display: inline;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FCF3E8;

		&:after {
			content: '/';
			color: #b0b7ba;
			margin: 0 4px 0 8px;
		}

		&:last-of-type {
			&:after {
				display: none;
			}
		}

		a {
			text-decoration: none;			
			color: #b0b7ba;
		}
	}
}

/* Btn */
.c-btn {
	display: table;
	background-color: var(--orange);
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 14px 30px;
	text-align: center;
	text-decoration: none;
	transition: 0.25s background-color ease-in;

	&:hover {
		background-color: var(--orangelight);
	}
}

/* Header */
.c-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding: 30px;
	background-color: transparent;
	transition: 0.25s ease-in;
	z-index: 99999999;

	&:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
		opaciy: 1;
		transition: 0.25s opacity ease-out;
	}

	.c-header_right {
		display: flex;
		align-items: center;;
	}

	.c-header_wrap {
		display: flex;
		align-items: center;
		width: 100%;
		position: relative;
		z-index: 2;
	}

	.c-header_navs {
		display: flex;
		align-items: center;
		flex-grow: 1;

		ul {
			flex-grow: 1;
			padding-right: 30px;
			display: flex;
			align-items: center;
			justify-content: center;

			li {
				list-style-type: none;
				margin-right: 30px;

				&.-sub {
					padding-right: 20px;
					position: relative;

					> a {
						&:before {
							content: "";
						    position: absolute;
						    right: 0;
						    top: 50%;
						    transform: translateY(-50%);
						    width: 0;
						    height: 0;
						    border-left: 6px solid transparent;
						    border-right: 6px solid transparent;
						    border-top: 6px solid #fff; 
						}
					}

					&:hover {
						.submenu {
							opacity: 1;
							left: 50%;
						}

						> a{
							&:before {
								border-left: 6px solid transparent;
							    border-right: 6px solid transparent;
							    border-top: 6px solid var(--orange)!important;
							    transition: 0.25s ease-in;
							}
						}
					}
				}

				&:last-of-type {
					margin-right: 0;
				}

				a {
					color: #fff;
					text-decoration: none;
					text-transform: uppercase;
					font-weight: 700;
					transition: 0.25s color ease-in;
				}

				.subwrap {
					position: absolute;
					width: 100%;
					left: 50%;					
					transform: translateX(-50%);
					padding-top: 35px;
				}

				.submenu {
					background-color: #fff;
					position: absolute;
					flex-direction: column;
					padding: 24px 20px;
					min-width: 300px;
					align-items: flex-start;
					top: 100%;
					transform: translateX(-50%);
					left: 50%;
					opacity: 0;
					left: -99999999px;
					transition: 0.25s opacity ease-in;

					&:hover {
						li {
							a {
								opacity: 0.4;

								&:hover {
									opacity: 1;
								}
							}
						}
					}

					&:before {
						content: '';
						position: absolute;
						left: 50%;
						background-color: #E68D2D;
						top: 0;
						transform: translateX(-50%);
						height: 4px;
						display: block;
						width: calc(100% - 40px);
					}

					li {
						margin-bottom: 10px;
						margin-right: 0;

						a {
							color: var(--primary);
							text-transform: uppercase;
							font-size: 13px;
							opacity: 1;
							transition: 0.25s opacity ease-out;
						}

						&:last-of-type {
							margin-bottom: 0;
						}
					}
				}
			}
		}
	}

	.c-header_logo {
		@media (max-width: 1200px) {
			position: relative;
			z-index: 22;
		}
	}

	.-menu-open & {
		.c-header_logo {
			img {
				filter: brightness(1) invert(0);
			}
		}
	}

	.-scrolled & {
		background-color: #fff;
		padding: 20px 30px;

		&:before {
			opacity: 0;
		}

		.c-contactBox {
			a {
				color: var(--primary);
			}
		}
		
		.c-header_navs {
			ul {
				li {
					a {
						color: var(--primary);
					}

					&.-sub {
						> a {
							&:before {
							    border-left: 6px solid transparent;
							    border-right: 6px solid transparent;
							    border-top: 6px solid var(--primary);
							}
						}
					}
				}
			}
		}

		.c-header_logo {
			img {
				filter: brightness(1) invert(0);
			}
		}
	}

	.c-header_logo {
		img {
			filter: brightness(0) invert(1);
			transition: 0.25s filter ease-in;
		}

		
	}

	.c-contactBox {
		margin-right: 30px;
	}

	@media (max-width: 1350px) {	 
		.c-header_right {
			flex-direction: column;
			align-items: flex-end;;
		}

		.c-contactBox {
			margin-right: 0;
		}
	}

	@media (max-width: 1200px) {
			&:after { 
				content: '';
				display: block;
				width: 100vw;
				height: 100vh;
				position: fixed;
				left: 0;
				bottom: 0;
				background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgba(0, 70, 118, 0.5);
				backdrop-filter: blur(2px);
				opacity: 0;
				transform: translateY(-100%);
				transition: 0.25s opacity ease-in;
			}

			.-menu-open & {
				&:after {
					transform: translateY(0);
					opacity: 1;
				}
			}
		
			.o-container {
				width: 100%;
				padding: 0;
			}

			

		.c-header_navs {
			background-color: #fff!important;
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			padding: 140px 30px 0;
			flex-direction: column;;
			transform: translateY(-100%);
			transition: transform .3s ease, opacity .3s ease;

			ul {
				flex-direction: column;
				width: 100%;
				align-items: flex-start;
				padding: 0;

				li {
					margin-right: 0;
					margin-bottom: 30px;

					&:last-of-type {
						margin-bottom: 0;
					}

					&.-sub {
						a {
							position: relative;

							&:before {
								border-top: 6px solid var(--primary);
								right: -20px;
							}
						}

						&.-open {
							a {
								&:before {
									border-top: 6px solid var(--orange);
								}
							}
						}

						&:hover {
							.subwrap {
								.submenu {
									left: 0;
								}
							}
						}
					}

					.subwrap {
						position: relative;
						transform: none;
						left: 0;

						.submenu {
							padding: 10px 0;
							position: relative;
							opacity: 1;
							left: 0;
							transform: none;
							display: none;

							&:before {
								display: none;
							}
						}
					}	

					a {
						color: var(--primary);
					}
				}
			}
		}

		.c-header_right {
			flex-direction: column;
			width: 100%;
			align-items: flex-start;

			.c-contactBox {
				margin-top: 45px;
				margin-bottom: 30px;

				p {
					text-align: left;;
				}

				a {
					color: var(--primary);
				}
			}

			.c-btn {
				width: calc(100% + 60px);
				margin-left: -30px;
				border-radius: 0;
				padding: 25px 30px;
			}
		}
	}
}

/* Burger */
.c-burger_trigger {
	display: none;

	@media (max-width: 1200px) {
		display: block;
		border-radius: 200%;
		border: 1px solid rgba(252, 243, 232, 0.3);
		width: 45px;
		min-width: 45px;
		max-width: 45px;
		height: 45px;
		min-height: 45px;
		max-height: 45px;
		position: absolute;
		right: 0px;
		top: 0;
		background-color: transparent;
		transition: 0.25s background-color ease-in, 0.25s border ease-in;
		cursor: pointer;
		z-index: 22;
	
		span {
			display: block;
			width: 18px;
			height: 2px;
			background-color: #FCF3E8; 
			margin-bottom: 3px;
			margin-left: auto;
			margin-right: auto;
			transition: 0.25s background-color ease-in;

			&:last-of-type {
				margin-bottom: 0;
			}
		}

		&:hover {
			background-color: #fff;
			border: 1px solid rgba(0, 71, 118, 0.3);

			span {
				background-color: var(--primary);
			}
		}
	}

	.-menu-open &, .-scrolled & {
		background-color: #fff;
		border: 1px solid rgba(0, 71, 118, 0.3);

		span {
			background-color: var(--primary);
		}
	}
}

/* Hero */
.c-hero {
	min-height: 100vh;
	background-color: var(--primary);
	color: #fff;
	overflow: hidden;
	padding: 200px 0 120px;
	display: flex;
	align-items: flex-end;
	background-size: cover;
	background-position: center center;
}

/* Intro */
.c-intro {
	h2 {
		margin-top: 0;
	}
}

/* Highlight */
.c-highlight {
	position: relative;

	&:before {
		content:'';
		display: block;
		position: absolute;
		width: 300vw;
		height: 100%;
		background-color: var(--primarylight);
		left: -25vw;
		bottom: 0;
		transform: rotate(-6deg)
	}
}

.c-highlight_cols {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	@media (max-width: 1200px) {	 
		flex-direction: column;
	}
}

.c-highlight_medias {
	width: 350px;

	ul {
		padding: 0;
		display: flex;
		align-items: center;
		margin: 0 -5px;
		list-style-type: none;
		li {
			width: 50%;
			padding: 0 5px;

			img {
				width: 100%;
				height: auto;
			}
		}
	}

	@media (max-width: 1200px) {	 
		order: 2;
		margin-top: 30px;
	}

	@media (max-width: 768px) {	 
		ul {
			flex-direction: column;

			li {
				width: 50%;
				margin-bottom: 30px;

				&:last-of-type {
					margin-bottom: 0;
				}
			}
		}
	}
}

.c-highlight_content {
	width: calc(100% - 350px);
	padding-left: 5vw;

	@media (max-width: 1200px) {	 
		width: 100%;
	}
}

.c-highlight_wrap {
	position: relative;	
	padding: 120px 60px 145px 145px;

	&:before {
		content:'';
		position: absolute;
		left: -15px;
		width: 45px;
		display: block;
		height: 200px;
		background-color: var(--primarylight);
		bottom: 0;
	}

	&:after {
		content:'';
		position: absolute;
		left: -15px;
		height: 30px;
		display: block;
		width: 50vw;
		background-color: var(--primarylight);
		bottom: 0;
	}

	@media (max-width: 768px) {	 
		padding-left: 30px;	
	}
}

.c-highlight_container {
	max-width: 72vw;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	z-index: 22;
	background-image: url('img/highlight-bg.jpg');
	background-size: cover;
	color: #fff;

	&:before {
		content:'';
		position: absolute;
		left: 50px;
		width: calc(100% - 100px);
		display: block;
		height: 7px;
		background-color: var(--orangelight);
		top: 0;
	}

	@media (max-width: 768px) {	 
		max-width: 90vw;	
	}
}

/* Body */
.c-body {
	line-height: 1.2;

	p {
		line-height: 1.2;
	}

	&.-limit {
		max-width: 330px;
		margin-left: auto;
	}
}

/* Media text */
.c-mediatext {
	position: relative;

	.o-container {
		position: relative;
		z-index: 4;
	}
}

.c-mediatext_media {
	img {
		margin-left: auto;
		max-width: 85%;
		height: auto;
	}

	@media (max-width: 992px) {	 
		margin-top: 60px;

		img {
			margin-left: 0;
		}
	}

	@media (max-width: 600px) {	 
		img {
			max-width: 100%;
		}
	}
}

.c-mediatext_bg {
	position: absolute;
	left: -25px;
	top: 50px;
	width: 60vw;

	img {
		width: 100%;
		height: auto;
	}
}

/* Number list */
.c-numberlist {
	border-top: 1px solid #9db6c4;
	margin-top: 60px;

	.c-numberlist_element {
		padding: 32px 20px;
		border-bottom: 1px solid #9db6c4;
		position: relative;

		&:hover {
			.c-numberlist_number {
				background-color: #e68d30;
			}
		}
	}

	.c-numberlist_left {
		display: flex;
		align-items: flex-start;
	}

	.c-numberlist_media {
		width: 50%;
		margin-left: auto;
		margin-right: auto;

		img {
			width: 100%;
			height: auto;
		}
	}

	.c-numberlist_number {
		background-color: #e1c4a0;
		border-radius: 200%;z
		width: 55px;
		min-width: 55px;
		max-width: 55px;
		height: 55px;
		min-height: 55px;
		max-height: 55px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 25px;
		font-weight: 900;
		transition: 0.25s background-color ease-in;
	}

	.c-numberlist_content {
		h3 {
			margin-top: 0;
			font-size: 20px;
			font-weight: bold;
		}
		
		p {
			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	@media (max-width: 768px) {
		.c-numberlist_left {
			flex-direction: column;
		}

		.c-numberlist_media {
			margin: 30px 0 45px 0;
		}
	}
}

/* Logo slider */
.c-clientslider {
	.c-suptitle {
		text-align: center;
		display: table;
		margin: 0 auto 24px;
	}

	h2 {
		text-align: center;
		display: table;
		margin: 0 auto;
	}
}

.o-carousel {
	width: 100%;
	position: relative;
	margin-top: 48px;

	.flickity-button {
		position: absolute;
		bottom: -45px;
		right: 0;
		top: unset;
		left: unset;
		border: 1px solid #9db8ca;
		background-color: transparent;
		background-image: url('img/arrow.svg ');
		background-repeat: no-repeat;
		background-size: 18px auto;
		background-position: center center;

		svg {
			display: none;
		}

		&.previous {
			right: 60px;
		}

		&.next {
			transform: rotate(180deg) translateY(50%);
		}
	}
}

.o-carousel_item {
	width: 50%;

	@media (max-width: 768px) {	 
		width: 100%;
	}
}

.o-carousel_wrap {
	width: 100%;
	padding: 0 10px;
	position: relative;

	img {
		width: 100%;
		height: auto;
	}

	.o-carousel_content {
		background-color: var(--primarylight);
		width: 50%;
		transform: translateY(-50%);
		padding: 20px;

		h3 {
			margin: 0;
			font-size: 20px;
		}

		p {
			margin: 5px 0 0;
			font-size: 16px;
		}
	}

	@media (max-width: 992px) {	 
		.o-carousel_content {
			width: 80%;
		}
	}
}

/* Logolist */
.c-logolist {
	.c-suptitle {
		text-align: center;
		display: table;
		margin: 0 auto 24px;
	}

	h2 {
		text-align: center;
		display: table;
		margin: 0 auto;
	}

	.c-logolist_list {
		padding: 0;
		margin: 48px 0 -48px;
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;

		li {
			width: 25%;
			margin-bottom: 48px;
			a {
				display: block;
				padding: 0 70px;

				img {
					width: 100%;
					height: auto;
					display: block;
				}
			}
		}
	}

	@media (max-width: 1500px) {	 
		.c-logolist_list {
			li {
				a {
					padding: 0 35px;
				}
			}
		}
	}
	@media (max-width: 992px) {	 
		.c-logolist_list {
			li {
				width: calc(100% / 3);
			}
		}
	}
	@media (max-width: 600px) {	 
		.c-logolist_list {
			li {
				width: calc(100% / 2);
				
				a {
					padding: 0 15px;
				}
			}
		}
	}
}

/* Accordions */
.c-accordions {
	padding: 90px 0;
	background-color: #fff;

	.c-accordions_intro {
		margin-bottom: 60px;
	}
}

.c-accordion {
	border-top: 1px solid rgba(0, 71, 118, 0.3);

	&:hover {
		.c-accordion_head {
			.c-accordion_toggle {
				span {
					background-color: var(--orange);
				}
			}
		}
	}

	.c-accordion_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		padding: 30px 60px 30px 0;
		cursor: pointer;

		h3 {
			margin: 0;
			font-size: 20px;
		}

		.c-accordion_toggle {
			display: block;
			position: relative;
			display: block;
			width: 22px;
			height: 22px;
			position: absolute;
			right: 0;

			span {
				background-color: var(--primary);
				display: block;
				position: relative;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				transition: 0.25s background-color ease-in;
				
				&:first-of-type {
					width: 22px;
					height: 2px;
				}

				&:last-of-type {
					width: 2px;
					height: 22px;
				}
			}
		}
	}

	.c-accordion_content {
		display: none;
	}

	.c-accordion_body {
		opacity: 0;
		font-size: 16px;
		font-weight: 500;
		overflow: hidden;
		padding-bottom: 30px;
	}
}

.c-accordions_list {
	border-bottom: 1px solid rgba(0, 71, 118, 0.3);
}

/* Form */
.c-form {
	background-color: var(--primarylight);
	position: relative;

	&:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		height: 200px;
		width: 100%;
		background-color: #fff;
	}

	.o-container {
		position: relative;

		&:before {
			content: '';
			position: absolute;
			bottom: 0;
			height: 30px;
			background-color: #fff;
			width: 50%;
			z-index: 2;
		}

		&:after {
			content: '';
			width: calc(100% - 100px);
			left: 50px;
			height: 7px;
			display: block;
			background-color: var(--orangelight);
			position: absolute;
			top: 0;
			z-index: 2;
		}
	}
}

.c-form_wrap {
	background-color: var(--primary);
	color: #fff;
	padding: 95px 60px 80px 120px;
	overflow: hidden;
	position: relative;
	
	&:after {
		content: '';
		display: block;
		width: 30px;
		height: 200px;
		background-color: #fff;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	&:before {
		content: '';
		display: block;
		width: 30px;
		height: 100px;
		background-color: var(--primarylight);
		position: absolute;
		left: 0;
		bottom: 200px;
	}

	.o-layout {
		position: relative;
		z-index: 2;
	}

	@media (max-width: 992px) {	 
		padding: 45px 45px 60px 60px;
	}
}

.c-form_form {
	label {
		display: block;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 12px;
	}

	input[type="text"], input[type="email"] {
		background-color: transparent;
		border: 0;
		border-bottom: 1px solid #fff;
		width: 100%;
		font-size: 15px;
		padding: 15px 6px;
		margin-bottom: 45px;
		color: #fff;

		&::placeholder {
			color: #fff;
			font-family: 'Montserrat';
		}
	}

	.c-select {
	    position: relative;
	    display: block;
	    width: 100%;
		margin-bottom: 45px;

	    &:after {
	    	content: "";
		    position: absolute;
		    right: 12px;
		    top: 50%;
		    transform: translateY(-50%);

		    width: 0;
		    height: 0;

		    border-left: 6px solid transparent;
		    border-right: 6px solid transparent;
		    border-top: 6px solid #fff;
		    pointer-events: none;
	    }
	}

	select {
		background-color: transparent;
		border: 0;
		border-bottom: 1px solid #fff;
		width: 100%;
		font-size: 15px;
		padding: 15px 6px;
		font-family: 'Montserrat';
		color: #fff;
		appearance: none;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    background-image: none;
	}

	textarea {
		width: 100%;
		background-color: transparent;
		border: 0;
		border-bottom: 1px solid #fff;
		width: 100%;
		font-size: 15px;
		padding: 15px 6px;
		margin-bottom: 45px;
		color: #fff;
		resize: none;

		&::placeholder {
			color: #fff;
			font-family: 'Montserrat';
		}
	}

	input[type="submit"], button[type="submit"] {
		display: table;
		background-color: var(--orange);
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		border-radius: 3px;
		font-family: 'Montserrat';
		padding: 14px 30px;
		text-decoration: none;
		border: 0;
		transition: 0.25s background-color ease-in;
		margin-left: auto;
		cursor: pointer;

		&:hover {
			background-color: var(--orangelight);
		}
	}
}

.c-form_content {
	padding-right: 45px;

	@media (max-width: 992px) {	 
		
		padding-right: 0;
		margin-bottom: 60px;
	}
}

.c-form_bg {
	position: absolute;
	width: 50vw;
	height: auto;
	top: 0;
	left: 0;
	transform: translate(-4%, -2%);

	img {
		width: 100%;
		height: auto;
	}
}

.c-form-response {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 15px;
	z-index: 9999;
	transition: 0.25s all ease-out;

	&.-hidden {
		opacity: 0;
		transform: translate(-50%, -20%);
	}
}

/* Contact box */
.c-contactBox {
	text-align: right;
	a {
		color: #fff;
		text-decoration: none;
		font-weight: 700;
		font-size: 16px;

		&:hover {
			span {
				opacity: 1;
			}
		}
	}

	span {
		display: block;
		opacity: 0.7;
		font-weight: 500;
		font-size: 13px;
		transition: 0.25s opacity ease-in;
	}
}

/* Suptitle */
.c-suptitle {
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1%;
    padding-left: 20px; 

    &:before {
    	content: "";
	    position: absolute;
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 0;
	    height: 0;
	    border-top: 6px solid transparent;
	    border-bottom: 6px solid transparent;
	    border-left: 10px solid #E4933A; /* couleur orange */
    }
}


/* FOOTER */
footer {
	overflow: hidden;
	padding: 30px 0 0;

	.c-contactBox {
		margin-left: 75px;
	}

	.c-footer_wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.c-footer_navs {
		display: flex;
		align-items: center;

		ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: flex;

			li {
				margin-right: 2vw;

				&:last-of-type {
					margin-right: 0;
				}

				a {
					color: #fff;
					text-transform: uppercase;
					font-size: 14px;
					text-decoration: none;
					font-weight: 600;
					opacity: 1;
					transition: 0.25s opacity ease-in;

					&:hover {
						opacity: 0.5;
					}
				}
			}
		}
	}

	.c-footer_legal {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 30px;
		border-top: 1px solid rgba(222, 231, 237, 0.1);
		padding: 30px 0;

		a {
			color: #fff;
		}

		p {
			margin: 0;
			color: #fff;
			opacity: 0.6;
			font-size: 14px;
		}

		ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			display: flex;

			li {
				margin-right: 24px;
				&:last-of-type {
					margin-right: 0;
				}

				a {
					color: #FCF3E8;
					text-decoration: none;
					opacity: 1;
					font-weight: 500;
					font-sie: 14px;
					transition: 0.25s opacity ease-in;

					&:hover {
						opacity: 0.5;
					}
				}
			}
		}
	}

	@media (max-width: 1200px) {
		.c-footer_wrap {
			flex-direction: column;

			img {
				margin-bottom: 30px;
			}
		}

		.c-footer_legal {
			flex-direction: column;

			p {
				margin: 30px 0;
			}
		}
	}

	@media (max-width: 992px) {
		.c-contactBox {
			text-align: center;
			margin-top: 30px;
		}

		.c-footer_wrap {
			.c-footer_navs {
				flex-direction: column;
			}
		}
	}
}