@charset "UTF-8";
/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	01.	GOOGLE FONTS
	02.	BODY
	03.	CUSTOM CLASSES
	04. FORM ELEMENTS
	05.	SECTIONS
	06.	HTML TAGS
	07.	LINKS
	08.	MODAL
	09.	PAGINATION
	10. PRELOADER
	11.	TRANSITION OVERLAY
	12.	SANDWICH BUTTON
	13.	SCROLL DOWN
	14.	NAVIGATION MENU
	15.	HEADER
	16.	SOCIAL MEDIA
	17.	NAVBAR
	18.	SLIDER
	19.	PAGE HEADER
	20.	VIDEO BG
	21.	WORKS
	22.	FEATURES CONTENT
	23.	LISTING CONTENT
	24.	FULL MEDIA CONTENT
	25.	INTRODUCTION
	26. OUR TEAM
	27.	NEWS
	28.	SAY HELLO
	29.	LOGOS
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES



*/
@import url("https://fonts.googleapis.com/css?family=Dancing+Script|Fjalla+One|Poppins:400,600,800&subset=latin-ext");
/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
    width:100%;
    height:100%;
    overflow: hidden;
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  color: #0e0e0e;
}

/* CUSTOM HTML ELEMENTS */
img {
  max-width: 100%;
}

/* CUSTOM ELEMENTS */
.overflow {
  overflow: hidden !important;
}

h1, .h1 {
    font-size: 6rem; /* Remplacez la taille fixe */
}

h2, .h2 {
    font-size: 3.5rem;
}
@media screen and (max-width: 768px) {
    h2, .h2 {
        font-size: 2rem;
    }
}
@media screen and (max-width: 480px) {
    h2, .h2 {
        font-size: 1.8rem;
    }
}

h3, .h3 {
    font-size: 2.3rem;
}
@media screen and (max-width: 768px) {
    h3, .h3 {
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 480px) {
    h3, .h3 {
        font-size: 1.3rem;
    }
}

h4, .h4 {
    font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
    h4, .h4 {
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 480px) {
    h4, .h4 {
        font-size: 1.4rem;
    }
}

h5, .h5 {
    font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
    h5, .h5 {
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 480px) {
    h5, .h5 {
        font-size: 1.2rem;
    }
}

h6, .h6 {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    h6, .h6 {
        font-size: 0.9rem;
    }
}
@media screen and (max-width: 480px) {
    h6, .h6 {
        font-size: 0.8rem;
    }
}

.container {
    margin: 0 auto;
    padding: 0 1rem; /* Espace intérieur uniforme */
}
.padding-page-top {
    padding-top: 5rem;
}

.row {
    margin: 0; /* Évite les marges supplémentaires entre les lignes */
    padding: 0;
}

@media screen and (max-width: 768px) {
    .padding-page-top {
        padding-top: 4rem;
    }
    .section {
        padding: 1.5rem;
    }
}
@media screen and (max-width: 480px) {
    .padding-page-top {
        padding-top: 3rem;
    }
    .section {
        padding: 1rem;
    }
}

/* Tablettes (max 768px) */
@media screen and (max-width: 768px) {
    .container {
        padding: 0 1rem;
    }
    h1 {
        font-size: 5rem;
    }
}

@media screen and (max-width: 480px) {
    .container {
        padding: 0 0.5rem;
    }
    h1 {
        font-size: 3.5rem;
    }
}

.typewrite {
    font-size: 2.3rem;
}

p {
    font-size: 1rem;
    line-height: 1.6;
}

.lead {
	font-weight: 300;
}
.lead-big {
	line-height: 1.6;
	font-weight: 300;
    font-size: 2rem;
}

.page-title p{
    font-size: 3rem;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: white;
}

.intro1 h2 {
   font-size: 2.5rem; 
}

@media screen and (max-width: 768px) {
    .lead-big {
        font-size: 1.8rem;
    }
    .lead {
        font-size: 1rem;
    }
    p {
        font-size: 1rem;
    }
    .page-title p{
    font-size: 2rem;
    -webkit-text-stroke-width: 0.5px;
}
    .intro1 h2 {
        font-size: 2.2rem;
    }
    .typewrite {
    font-size: 1.8rem;
}
}

@media screen and (max-width: 480px) {
    .lead-big {
        font-size: 1.2rem;
    }
    .lead {
        font-size: 0.95rem;
    }
    p {
        font-size: 1rem;
    }
    .page-title p{
    font-size: 2rem;
    -webkit-text-stroke-width: 0.3px;
    line-height: 2.2rem;
}
    .intro1 h2 {
        font-size: 2rem;
    }
    .typewrite {
    font-size: 1.3rem;
}
}

small, .page-title-small p {
    font-size: 0.8rem;
}
@media screen and (max-width: 768px) {
    small, .page-title-small p {
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 480px) {
    small, .page-title-small p {
        font-size: 0.7rem;
    }
}

.btn, .tags-link, .custom-link a {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    .btn, .tags-link, .custom-link a {
        font-size: 0.9rem;
    }
}
@media screen and (max-width: 480px) {
    .btn, .tags-link, .custom-link a {
        font-size: 0.85rem;
    }
}

.btn, .tags-link {
    padding: 0.75rem 1.5rem;
    margin: 1rem 0;
}

@media screen and (max-width: 768px) {
    .btn, .tags-link {
        padding: 0.6rem 1.2rem;
        margin: 0.8rem 0;
    }
}

@media screen and (max-width: 480px) {
    .btn, .tags-link {
        padding: 0.5rem 1rem;
        margin: 0.5rem 0;
    }
}

.section-title, .page-title h1 {
    font-size: 2rem;
}
@media screen and (max-width: 768px) {
    .section-title, .page-title h1 {
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 480px) {
    .section-title, .page-title h1 {
        font-size: 1.5rem;
    }
}

.contact-form input, .contact-form textarea {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}

@media screen and (max-width: 480px) {
    .contact-form {
        padding: 1rem;
    }
}

/* LINKS */
a {
  color: #0e0e0e;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

a:hover {
  color: #0e0e0e;
}

a:active {
  color: #0e0e0e;
}

/* SECTIONS */
section {
  overflow: hidden;
}

/* CUSTOM CONTAINER */
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}

@media (min-width: 1170px)
.container1 {
    max-width: 1100px;
}

  .container1 {
        width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin: auto;
      z-index: 1;
      justify-content: center;
}

.swiper-wrapper{
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 1;
	cursor: grab;
}
.swiper-wrapper:active,
.swiper-wrapper:focus{
	cursor: grabbing;
	cursor: url('../images/grabbing.png') 28 15,grabbing;
}

/* #Cursor
================================================== */

.cursor,
.cursor2,
.cursor3{
	position: fixed;
	border-radius: 50%;	
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none;
	left: -100px;
	top: 50%
}
.cursor{
	background-color: #fff;
	height: 0;
	width: 0;
	z-index: 99999;
}
.cursor2,.cursor3{
	height: 36px;
	width: 36px;
	z-index:99998;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out
}
.cursor2.hover,
.cursor3.hover{
	-webkit-transform:scale(2) translateX(-25%) translateY(-25%);
	transform:scale(2) translateX(-25%) translateY(-25%);
	border:none
}
.cursor2{
	border: 2px solid #fff;
	box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);
}
.cursor2.hover{
	background: rgba(255,255,255,.1);
	box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);
}
.scale-up .cursor2,
.scale-up .cursor3{
	opacity: 0;
}

.cursor-dark .cursor2,
.cursor-dark .cursor3{
	border: 2px solid #4b4d64;
	box-shadow: 0 0 14px rgba(75, 77, 100, 0.3);
}
.cursor-dark .cursor2.hover,
.cursor-dark .cursor3.hover{
	background: rgba(75, 77, 100, 0.3);
	border: none;
	box-shadow: 0 0 14px rgba(75, 77, 100, 0.2);
}


.video-cursor .cursor2.hover,
.video-cursor .cursor3.hover{
	opacity: 0;
}


@media screen and (max-width: 1200px){
	.cursor,.cursor2,.cursor3{
		display: none
	}
}
	
a {
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}

/* ODOMETER */
.odometer {
  line-height: 1;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}

/* PAGINATION */
.pagination {
  display: block;
  text-align: center;
  margin-top: 50px;
}
.pagination a {
  display: inline-block;
  font-weight: 600;
  color: #0e0e0e;
  margin: 0 10px;
  font-size: 14px;
  border-bottom: 2px solid #0e0e0e;
  padding-bottom: 2px;
}
.pagination a:hover {
  text-decoration: none;
  border-bottom: 2px solid #01f7b6;
}

/* PAGE LOADED */
.page-loaded {
  overflow: inherit;
}
.page-loaded .preloader {
  bottom: -100%;
  transition-delay: 0.55s;
}
.page-loaded .preloader .layer {
  bottom: -100%;
}
.page-loaded .preloader .inner {
  transform: translateY(30px);
  opacity: 0;
}
.page-loaded header {
  transform: scale(1);
  transition-delay: 0.6s;
}
.page-loaded .navbar {
  transform: translateY(0);
  transition-delay: 0.75s;
}

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100vh;
    min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #01f7b6;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
    opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.page-loaded .preloader {
  opacity: 0;
  visibility: hidden;
}

/* Ajustements pour les petits écrans */
@media (max-width: 768px) {
  .preloader .inner figure img {
    height: 60px; /* Réduisez la taille de l'image */
  }
}

@media (max-width: 480px) {
  .preloader .inner figure img {
    height: 40px; /* Réduisez encore davantage la taille pour les très petits écrans */
  }
}

.preloader .layer {
  width: 25%;
  height: 100%;
  position: absolute;
  bottom: 0;
  background: #000;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layer:nth-child(1) {
  left: 0;
  transition-delay: 0.15s;
}
.preloader .layer:nth-child(2) {
  left: 25%;
  transition-delay: 0.2s;
}
.preloader .layer:nth-child(3) {
  left: 50%;
  transition-delay: 0.25s;
}
.preloader .layer:nth-child(4) {
  left: 75%;
  transition-delay: 0.3s;
}
.preloader .inner {
  margin: 0;
  position: relative;
  text-align: center;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader figure {
  display: block;
  margin: 0;
}
.preloader figure img {
  height: 80px;
}
.preloader .typewriter {
  height: 26px;
  line-height: 26px;
  display: inline-block;
  transform: translateY(10px);
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
    margin-top: 20px;
}

form {
    position: relative; /* Assure que le z-index est pris en compte */
    z-index: 1; /* Place le formulaire devant les autres éléments */
}

@media (max-width: 768px) {
  .preloader .typewriter {
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .preloader .typewriter {
    font-size: 1rem;
  }
}

.preloader .typewriter #typewriter-text {
  float: left;
  margin-left: 5px;
  margin-top: -2px;
  margin-right: 3px;
}
.preloader .typewriter #typewriter-suffix {
  width: 2px;
  height: 22px;
  display: inline-block;
  background: #01f7b6;
  text-indent: -1000px;
  overflow: hidden;
}

/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 0;
  position: fixed;
  background: #01f7b6;
  left: 0;
  bottom: 0;
  z-index: 15;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.transition-overlay .layer {
  width: 25%;
  height: 0;
  position: absolute;
  bottom: 0;
  background: #000;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.transition-overlay .layer:nth-child(1) {
  left: 0;
  transition-delay: 0.25s;
}
.transition-overlay .layer:nth-child(2) {
  left: 25%;
  transition-delay: 0.3s;
}
.transition-overlay .layer:nth-child(3) {
  left: 50%;
  transition-delay: 0.35s;
}
.transition-overlay .layer:nth-child(4) {
  left: 75%;
  transition-delay: 0.4s;
}
.transition-overlay.active {
  height: 100%;
}
.transition-overlay.active .layer {
  height: 100%;
}

/* EQUALIZER */
.equalizer {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
}

.equalizer span {
  background: #01f7b6;
  width: 1px;
  height: 1px;
  top: 50%;
  bottom: 0;
  left: 0%;
  transform: translateY(-50%);
  position: absolute;
  transition: height 0.2s linear;
}

.equalizer span:nth-child(1) {
  margin-left: 4px;
}

.equalizer span:nth-child(2) {
  margin-left: 8px;
}

.equalizer span:nth-child(4) {
  margin-left: 12px;
}

.equalizer span:nth-child(5) {
  margin-left: 16px;
}

.equalizer span:nth-child(6) {
  margin-left: 20px;
}

.equalizer.paused span {
  height: 1px !important;
}

@media screen and (max-width: 768px) {
    .navigation-menu ul {
        display: block;
        text-align: center;
    }
    .navigation-menu li {
        margin: 10px 0;
    }
}

.navigation-menu ul {
    margin: 0 auto;
    padding: 1rem 0;
}

.navigation-menu li {
    margin: 0 1rem;
}

@media screen and (max-width: 768px) {
    .navigation-menu li {
        margin: 0.5rem 0;
    }
}

/* NAVIGATION MENU */
.navigation-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  visibility: hidden;
}
.navigation-menu .bg-layers {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
}
.navigation-menu .bg-layers * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation-menu .bg-layers span {
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  transform: skewX(0);
  background: #0e0e0e;
}
.navigation-menu .bg-layers span:nth-child(1) {
  left: 0;
}
.navigation-menu .bg-layers span:nth-child(1):before {
  content: "";
  width: 150%;
  height: 100%;
  background: #0e0e0e;
  position: absolute;
  left: -149%;
  top: 0;
}
.navigation-menu .bg-layers span:nth-child(2) {
  left: 25%;
}
.navigation-menu .bg-layers span:nth-child(3) {
  left: 50%;
}
.navigation-menu .bg-layers span:nth-child(4) {
  left: 75%;
}
.navigation-menu .bg-layers span:nth-child(4):before {
  content: "";
  width: 150%;
  height: 100%;
  background: #0e0e0e;
  position: absolute;
  right: -149%;
  top: 0;
}
.navigation-menu .inner {
  position: relative;
  z-index: 3;
  color: #fff;
  text-align: center;
  padding-top: 96px;
}
.navigation-menu .inner * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.navigation-menu .inner .menu {
  display: block;
  min-height: 130px;
  opacity: 0;
  transform: translateY(-30px);
}
.navigation-menu .inner .menu ul {
  display: block;
  margin-bottom: 50px;
  position: relative;
}
.navigation-menu .inner .menu ul li {
  display: inline-block;
  margin: 0 20px;

  list-style: none;
}
.navigation-menu .inner .menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.navigation-menu .inner .menu ul li:hover ul li ul {
  opacity: 0;
  visibility: hidden;
}
.navigation-menu .inner .menu ul li a {
  display: inline-block;
  line-height: 1;
  font-size: 3vw;
  font-weight: 800;
  color: #fff;
  padding-bottom: 8px;
  border-bottom: 5px solid transparent;
    font-family: "Poppins", sans-serif;
}
.navigation-menu .inner .menu ul li a:hover {
  padding-bottom: 3px;
  border-bottom: 5px solid #01f7b6;
  text-decoration: none;
}
.navigation-menu .inner .menu ul li ul {
  width: 100%;
  min-height: inherit;
  position: absolute;
  left: 0;
  top: 70px;
  opacity: 0;
  visibility: hidden;
}
.navigation-menu .inner .menu ul li ul li {
  margin: 0 15px;
}
.navigation-menu .inner .menu ul li ul li a {
  font-size: 2vw;
  border-bottom: none;
}
.navigation-menu .inner .menu ul li ul li a:hover {
  border-bottom: none;
  color: #01f7b6;
}
.navigation-menu .inner .menu ul li ul li:hover ul {
  opacity: 1;
  visibility: visible;
}
.navigation-menu .inner .menu ul li ul li ul {
  top: 55px;
  opacity: 0;
  visibility: hidden;
}
.navigation-menu .inner .menu ul li ul li ul li {
  margin: 0 20px;
}
.navigation-menu .inner .menu ul li ul li ul li a {
  font-size: 20px;
  font-weight: 600;
}
.navigation-menu .inner blockquote {
  display: block;
  font-size: 2vw;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  color: #01f7b6;
  opacity: 0;
  transition-delay: 0.5s;
  transform: translateY(30px);
}
.navigation-menu.active .bg-layers {
  visibility: visible;
}
.navigation-menu.active .bg-layers span {
  width: calc(25% + 1px);
  transform: skewX(45deg);
}
.navigation-menu.active .bg-layers span:nth-child(1) {
  width: calc(25% + 1px);
}
.navigation-menu.active .bg-layers span:nth-child(4) {
  width: calc(25% + 1px);
}
.navigation-menu.active .inner .menu {
  opacity: 1;
  transform: translateY(0);
}
.navigation-menu.active .inner blockquote {
  opacity: 1;
  transform: translateY(0);
}
.navigation-menu.active {
  visibility: visible;
}

/* HAMBURGER */
.hamburger {
  float: left;
  width: 26px;
  height: 18px;
  position: relative;
}
.hamburger * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.hamburger span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #01f7b6;
  z-index: 0;
}
.hamburger span:nth-child(1) {
  top: 0px;
  width: 50%;
}
.hamburger span:nth-child(2) {
  top: 8px;
}
.hamburger span:nth-child(3) {
  width: 50%;
  top: 16px;
  right: 0;
  left: auto;
}
.hamburger span:before, .hamburger span:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  height: 100%;
  width: 0;
  right: 0;
  left: auto;
}
.hamburger span:before {
  z-index: 1;
  background: #fff;
  transition: all 0.15s linear 0s;
}
.hamburger span:after {
  z-index: 2;
  background: #01f7b6;
  transition: all 0.15s linear 0.3s;
}
.hamburger span:nth-child(2):before {
  transition-delay: 0.05s;
}
.hamburger span:nth-child(3):before {
  transition-delay: 0.1s;
}
.hamburger span:nth-child(2):after {
  transition-delay: 0.15s;
}
.hamburger span:nth-child(3):after {
  transition-delay: 0.2s;
}

.hamburger:hover span {
  width: 100% !important;
}
.hamburger:hover span:after, .hamburger:hover span:before {
  width: 100%;
  left: 0;
  right: auto;
}
.hamburger:hover span:after {
  z-index: 1;
  transition: all 0.15s linear 0s;
}
.hamburger:hover span:before {
  z-index: 2;
  transition: all 0.15s linear 0.3s;
}
.hamburger:hover span:nth-child(2):after {
  transition-delay: 0.05s;
}
.hamburger:hover span:nth-child(3):after {
  transition-delay: 0.1s;
}
.hamburger:hover span:nth-child(2):before {
  transition-delay: 0.15s;
}
.hamburger:hover span:nth-child(3):before {
  transition-delay: 0.2s;
}

.hamburger.open span:nth-child(1) {
  top: 9px;
  width: 100%;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.hamburger.open span:nth-child(2) {
  opacity: 0;
  left: -15px;
}

.hamburger.open span:nth-child(3) {
  top: 9px;
  width: 100%;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* CUSTOM LINK */
.custom-link {
  display: block;
  transition: all 0.5s;
}

.custom-link * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.custom-link a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: #0e0e0e;
}

.custom-link a:hover {
  text-decoration: none;
}

.custom-link b {
  font-weight: 600;
  display: inline-block;
  margin-left: 20px;
}

.custom-link .lines {
  width: 42px;
  height: 1px;
  float: left;
  overflow: hidden;
}

.custom-link .lines span:nth-child(1) {
  width: 100%;
  height: 1px;
  float: right;
  background: #0e0e0e;
}

.custom-link .lines span:nth-child(2) {
  width: 0;
  height: 1px;
  float: left;
  background: #0e0e0e;
}

.custom-link:hover .lines {
  width: 62px;
  margin-left: 20px;
}

.custom-link:hover .lines span:nth-child(1) {
  width: 0;
}

.custom-link:hover .lines span:nth-child(2) {
  width: 100%;
  transition-delay: 0.2s;
}


.custom-link1 {
  display: inline-block;
  transition: all 0.5s;
 border: 2px solid #0e0e0e;
    border-radius: 200px;
    border-width: 1000%;
    background-color: #0e0e0e;
    margin: auto;
    margin-top : 10%;
    padding: 0.6rem 1.5rem;
    transition: transform 0.3s ease, background-color 0.3s ease;
      font-size: 1.2rem;
}

.custom-link1:hover {
    transform: scale(1.05);
}

@media screen and (max-width: 768px) {
    .custom-link1 {
        font-size: 1rem;
        padding: 0.6rem 1.5rem;
    }
}

@media screen and (max-width: 480px) {
    .custom-link1 {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
        width: 100%;
    }
}

.custom-link1 * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.custom-link1 svg {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
  margin-left: -25px;
  margin-right: 15px;
}

.custom-link1 .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}


.custom-link1:hover .video-play-circle {
  stroke-dashoffset: 0;
}

.custom-link1 a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;

}

.custom-link1 a:hover {
  text-decoration: none;
}

.custom-link1 b {
  font-weight: 600;
}

.custom-link1 .lines {
  width: 42px;
  height: 1px;
  float: left;
  overflow: hidden;
      -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.custom-link1 .lines span:nth-child(1) {
  width: 100%;
  height: 1px;
  float: right;
  background: #fff;
      -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.custom-link1 .lines span:nth-child(2) {
  width: 0;
  height: 1px;
  float: left;
  background: #fff;
      -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.custom-link1:hover .lines {
  width: 62px;
      margin-left: 20px;
}

.custom-link1:hover .lines span:nth-child(1) {
  width: 0;
}

.custom-link1:hover .lines span:nth-child(2) {
  width: 100%;
  transition-delay: 0.2s;
}


.custom-link2 {
  display: inline-block;
  transition: all 0.5s;
 border: 2px solid #01f7b6;
    border-radius: 200px;
    border-width: 1000%;
    background-color: #01f7b6;
    margin: auto;
    margin-top : 5%;
    padding : 0.6rem 1.5rem;
    font-size: 1.2rem;
}

.custom-link2 * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

@media screen and (max-width: 768px) {
    .custom-link2 {
        font-size: 1rem;
        padding: 0.6rem 1.5rem;
    }
}

@media screen and (max-width: 480px) {
    .custom-link2 {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
        width: 100%;
    }
}


.custom-link2 svg {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
  margin-left: -25px;
  margin-right: 15px;
}

.custom-link2 .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}


.custom-link2:hover .video-play-circle {
  stroke-dashoffset: 0;
}

.custom-link2 a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 18px;
  color: #000;

}

.custom-link2 a:hover {
  text-decoration: none;
}

.custom-link2 b {
  font-weight: 600;
  display: inline-block;
}

.custom-link2 .lines {
  width: 42px;
  height: 1px;
  float: left;
  overflow: hidden;
}

.custom-link2 .lines span:nth-child(1) {
  width: 100%;
  height: 1px;
  float: right;
  background: #000;
}

.custom-link2 .lines span:nth-child(2) {
  width: 0;
  height: 1px;
  float: left;
  background: #000;
}

.custom-link2:hover .lines {
  width: 62px;
}

.custom-link2:hover .lines span:nth-child(1) {
  width: 0;
}

.custom-link2:hover .lines span:nth-child(2) {
  width: 100%;
  transition-delay: 0.2s;
}


/* HEADER */
.header {
  width: 100%;
  height: 100vh;
  min-height: 660px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #0e0e0e;
}
.header .container {
  position: relative;
  z-index: 2;
}

.header .container1 {
  position: relative;
  z-index: 2;
}
.header .container .tagline {
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.header .container .tagline span {
  color: #e8293b;
  float: left;
  font-weight: 600;
  color: #fff;
}
.header .container .tagline span:after {
  content: "";
  width: 22px;
  height: 1px;
  float: right;
  margin: 10px;
  background: #e8293b;
}
.header .container .tagline h6 {
  float: left;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
  margin-top: 2px;
  margin-bottom: 0;
}
.header .container h1 {
  width: 100%;
  float: left;
  font-weight: 800;
  color: #e8293b;
  line-height: 1;
}
.header .container h1 span {
  -webkit-text-stroke-width: 1px;
  transform: translateY(-35%);
  margin-left: 4%;
    margin-bottom: 30px;
  display: flex;
  -webkit-text-stroke-color: #fff;
  color: transparent;
}
.header .container .slide-btn {
  float: left;
}

.header .perspective {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
}
.header .perspective canvas {
  min-height: 100%;
  width: auto !important;
  position: absolute;
  left: 0;
  top: 0;
}
.header .particles-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
}
.header .particles-wrap .particles {
  width: 100%;
  height: calc(100% - 50px);
  position: absolute;
  left: 0;
  bottom: 0;
}
.header .video-bg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
}
.header .video-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/bg-lines.png) center;
  z-index: 2;
}
.header .video-bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  opacity: 0.8;
}

.page-header {
  width: 100%;
  height: 100vh;
  min-height: 660px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background: #0e0e0e;
}
.page-header .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.page-header .video-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/bg-lines.png) center;
  z-index: 2;
}
.page-header .video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
  opacity: 0.2;
}
.page-header .container {
  position: relative;
  z-index: 3;
  padding: 0 10%;
}

.page-header .container1 {
  position: relative;
  z-index: 3;
  padding: 0 10%;
}
.page-header .container h1 {
  font-weight: 800;
  color: #fff;
  line-height: 1;
  text-indent: -5px;
}
.page-header .container p {
  margin-bottom: 0;
  font-family: "Fjalla One", sans-serif;
  color: #01f7b6;
}

header {
  transform: scale(1.5);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
header .left-side {
    position: absolute;
	top: auto;
	bottom: 5px;
	left: 90px;
	z-index: 3;

    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
  width: 50%;
  height: 60px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  transform: translateX(-50%) translateY(-50%);
  margin-top: -2px;
}
header .left-side ul {
  margin: 0 auto;
  padding: 0;
}
header .left-side ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
header .left-side ul li a {
  font-size: 14px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}
header .left-side ul li a:hover {
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}

.left-side2 {
    position: relative;
	z-index: 3;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
    display: flex;
    flex-wrap: wrap;
    bottom : auto;
    width: 100%;
}

.left-side2 ul li {
  display: inline-block;
        justify-content: flex-start;
  padding: 0;
  list-style: none;
}
.left-side2 ul li a {
  font-size: 14px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}
.left-side2 ul li a:hover {
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}

.marge{
    padding-bottom: 100px;
}

.left-side1 {
    position: absolute;
	top: auto;
	bottom: 5px;
	left: 90px;
	z-index: 3;

    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
  width: 50%;
  height: 60px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  transform: translateX(-50%) translateY(-50%);
  margin-top: -2px;
}
.left-side1 ul {
  margin: 0 auto;
  padding: 0;
}
.left-side1 ul li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
.left-side1 ul li a {
  font-size: 14px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}
.left-side1 ul li a:hover {
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}

header .scroll-down {
  position: absolute;
  left: 0;
  bottom:0;
  z-index: 3;
}
header .scroll-down small {
  width: 98px;
  display: inline-block;
  
  margin-bottom: 10px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
}
header .scroll-down span {
  display: block;
  height: 50px;
  position: relative;
  transform: translateX(-1px);
}
header .scroll-down span::before {
  -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
}
header .scroll-down span::before {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -0.5px;
  width: 1px;
  height: 70px;
  background: #fff;
  content: "";
}

header .scroll-down1{
  position: relative;
  top: 87%;
    left: 50%;
    transform: translate(-50%);
  z-index: 3;
align-content: center;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  font-size : 16px;
    max-width: 700px;
}


header .mouse {
      position: absolute;
  left: 50%;
    transform: translate(-50%);
  bottom: 3%;
  z-index: 3;
    width: 25px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 20px;
    display: flex;
}

header .mouse-wheel {
    display : block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    margin: auto;
    animation: move-wheel 1s linear infinite;
}

@keyframes move-wheel {
    0% {
        opacity: 0;
        transform: translateY(-1rem);
    }
    100% {
        opacity: 1;
        transform: translateY(1rem);
    }
}

header .sound {
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 3;
}
header .sound span {
  float: left;
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
  font-family: "Fjalla One", sans-serif;
}
header .sound .equalizer {
  float: left;
}
header .sound .equalizer .holder {
  width: 23px;
  height: 20px;
  position: relative;
}

.typewrite{
    position: relative;
    color: #fff;
    margin-top: 40px 0;
    padding: 00px;
}

/* NAVBAR */
.navbar {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px 40px;
  color: #fff;
  font-family: "Fjalla One", sans-serif;
  font-size: 14px;
  z-index: 10;
  transform: translateY(-130%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.navbar a {
  color: #fff;
}
.navbar .left {
  width: 30%;
  margin-left: 0;
}
.navbar .left a {
  position: relative;
  padding-bottom: 6px;
    font-size: 16px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-bottom: 2px solid transparent;
}
.navbar .left a:hover {
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}
.navbar .logo {
  margin: 0 auto;
}
.navbar .logo a {
  float: left;
}
.navbar .logo a img {
  height: 56px;
}
.navbar .right {
  width: 30%;
  margin-right: 0;
  display: flex;
}
.navbar .right ul {
  margin-left: auto;
  margin-bottom: 0;
  padding: 0;
}
.navbar .right ul li {
  display: inline-block;
  margin-left: 15px;
  padding: 0;
}
.navbar .right ul li a {
  position: relative;
  padding-bottom: 6px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-bottom: 2px solid transparent;
}
.navbar .right ul li a:hover {
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}
.navbar .right .hamburger-menu {
  margin-right: 0;
  margin-left: 60px;
}
.navbar .right .hamburger-menu .hamburger {
  float: right;
  margin-top: 1px;
    cursor: pointer;
}
.navbar .right .hamburger-menu b {
  display: inline-block;
  font-weight: 400;
  margin-right: 15px;
  font-size: 16px;
}

/* SLIDE BTN */
.slide-btn {
  font-size: 1.1rem; /* Utiliser des unités relatives pour le texte */
    padding: 1rem 0; /* Unités flexibles pour le remplissage */
    margin: 0 auto; /* Centrer et espacer */
    display: inline-block;
    float : left;
    transition: transform 0.3s ease, background-color 0.3s ease;
    text-align: center; /* Centre le contenu dans le bouton */
}

.slide-btn:hover {
    transform: scale(1.05); /* Agrandit légèrement sans affecter le texte */
}

@media screen and (max-width: 768px) {
    .slide-btn {
        font-size: 1rem;
        padding: 0.6rem 1.2rem;
    }
}

@media screen and (max-width: 768px) {
     .slide-btn1 b {
    font-size: 1.5rem;
    }
}

@media screen and (max-width: 480px) {
    .slide-btn {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;/* Adaptation en largeur pour remplir plus d'espace */
    }
}

@media screen and (max-width: 480px) {
     .slide-btn1 b {
        font-size: 0.9rem;
    }
}

.slide-btn a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #1f2029;
  padding-right: 1rem;
}

.slide-btn a:hover {
  text-decoration: none;
}

.slide-btn b {
  font-weight: 700;
}

.slide-btn .lines {
  width: 42px;
  height: 1px;
  float: left;
  overflow: hidden;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn .lines span:nth-child(1) {
  width: 100%;
  height: 1px;
  float: right;
  background: #1f2029;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn .lines span:nth-child(2) {
  width: 0;
  height: 1px;
  float: left;
  background: #1f2029;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn:hover .lines {
  width: 62px;
  margin-left: 20px;
}

.slide-btn:hover .lines span:nth-child(1) {
  width: 0;
}

.slide-btn:hover .lines span:nth-child(2) {
  width: 100%;
  transition-delay: 0.2s;
}

.slide-btn .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}

.slide-btn svg {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
  margin-left: -25px;
  margin-right: 15px;
}

.slide-btn:hover .video-play-circle {
  stroke-dashoffset: 0;
}


.slide-btn1 {
  display: block;
  transition: all 0.5s;
  padding-left: 30px;
}

.slide-btn1 a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 18px;
  color: #fff;
    padding-left: 10px;
}

.slide-btn1 a:hover {
  text-decoration: none;
}

.slide-btn1 b {
  font-weight: 600;
}

.slide-btn1 .lines {
  width: 42px;
  height: 1px;
  float: left;
  overflow: hidden;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn1 .lines span:nth-child(1) {
  width: 100%;
  height: 1px;
  float: right;
  background: #fff;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn1 .lines span:nth-child(2) {
  width: 0;
  height: 1px;
  float: left;
  background: #fff;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn1:hover .lines {
  width: 62px;
  margin-left: 20px;
}

.slide-btn1:hover .lines span:nth-child(1) {
  width: 0;
}

.slide-btn1:hover .lines span:nth-child(2) {
  width: 100%;
  transition-delay: 0.2s;
}

.slide-btn1 .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}

.slide-btn1 svg {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
  margin-left: -25px;
  margin-right: 15px;
}

.slide-btn1:hover .video-play-circle {
  stroke-dashoffset: 0;
}


.slide-btn2 {
  display: inline-block;
  padding: 0.8rem 0;
    display: inline-block;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.slide-btn2:hover {
    transform: scale(1.05);
}

@media screen and (max-width: 768px) {
    .slide-btn2 {
        font-size: 1rem;
        padding: 0.6rem 1.2rem;
    }
}

@media screen and (max-width: 480px) {
    .slide-btn2 {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
        width: 90%;
    }
}

.slide-btn2 a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  color: #1f2029;
    padding-left: 10px;
}

.slide-btn2 a:hover {
  text-decoration: none;
}

.slide-btn2 b {
  font-weight: 600;
}

.slide-btn2 .lines {
  width: 42px;
  height: 1px;
  float: left;
  overflow: hidden;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn2 .lines span:nth-child(1) {
  width: 100%;
  height: 1px;
  float: right;
  background: #1f2029;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn2 .lines span:nth-child(2) {
  width: 0;
  height: 1px;
  float: left;
  background: #1f2029;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.slide-btn2:hover .lines {
  width: 62px;
  margin-left: 20px;
}

.slide-btn2:hover .lines span:nth-child(1) {
  width: 0;
}

.slide-btn2:hover .lines span:nth-child(2) {
  width: 100%;
  transition-delay: 0.2s;
}

.slide-btn2 .video-play-circle {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
  transition: stroke-dashoffset 0.5s;
}

.slide-btn2 svg {
  width: 50px;
  height: 50px;
  transition: transform 0.3s;
  margin-left: -25px;
  margin-right: 15px;
}

.slide-btn2:hover .video-play-circle {
  stroke-dashoffset: 0;
}


.border1{
    display: inline-block;
    border: 2px solid #01f7b6;
    border-radius: 200px;
    border-width: 1000%;
    background-color: #01f7b6;
    padding: 1% 4% 1% 5%;
}

.btn-header{
    margin-top: 5%;
}

.btn-header1{
    margin-top: 5%;
}


/* SWIPER SLIDER */
.swiper-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  overflow: hidden;

}
.swiper-slider .swiper-slide {
  display: block;
  overflow: hidden;
    
}
.swiper-slider .swiper-slide.swiper-slide-active .slide-inner {
  transform: scale(1);
}
.swiper-slider .swiper-slide.swiper-slide-active .slide-inner .container {
  transform: translateY(0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 1;
}
.swiper-slider .swiper-slide .slide-inner {
  width: 100%;
  height: 100%;
  transform: scale(0.8);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  background-size: cover;
  background-position: center;
  position: relative;
    
}
.swiper-slider .swiper-slide .slide-inner:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/bg-noise.gif);
  opacity: 0.04;
  position: absolute;
  left: 0;
  top: 0;
}
.swiper-slider .swiper-slide .slide-inner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/bg-lines.png) center;
  z-index: 1;
}
.swiper-slider .swiper-slide .slide-inner .container {
  transform: translateY(50px);
  opacity: 0;
  transition-delay: 0.15s !important;
  position: relative;
  z-index: 2;
}
.swiper-slider .swiper-slide .slide-inner .container .tagline {
  display: block;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.swiper-slider .swiper-slide .slide-inner .container .tagline span {
  color: #e8293b;
  float: left;
  font-weight: 600;
  color: #fff;
}
.swiper-slider .swiper-slide .slide-inner .container .tagline span:after {
  content: "";
  width: 22px;
  height: 1px;
  float: right;
  margin: 10px;
  background: #e8293b;
}
.swiper-slider .swiper-slide .slide-inner .container .tagline h6 {
  float: left;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
  margin-top: 2px;
  margin-bottom: 0;
}
.swiper-slider .swiper-slide .slide-inner .container h1 {
  margin-bottom:-0.3em;
    width: 100%;
  float: left;
  font-weight: 800;
  color: #e8293b;
  line-height: 1;
    
}
.swiper-slider .swiper-slide .slide-inner .container h1 span {
  -webkit-text-stroke-width: 1px;
  transform: translateY(-35%);
  margin-left: 4%;
  display: flex;
  -webkit-text-stroke-color: #fff;
  color: transparent;
    
}
.swiper-slider .swiper-slide .slide-inner .container .slide-btn {
  float: left;
}

.swiper-slider .swiper-slide .slide-inner .container .slide-btn1 {
  float: left;
}

.swiper-slider .swiper-pagination-bullets {
  width: 50px;
  left: auto;
  right: 40px;
  bottom: 50%;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  z-index: 2 !important;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 100%;
  height: auto;
  float: left;
  margin: 5px 0;
  background: none;
  position: relative;
  text-indent: 9999px;
  padding-right: 36px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  opacity: 1;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  text-indent: 0;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  width: 67px;
  right: -45px;
}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet:after {
  content: "";
  width: 22px;
  height: 1px;
  background: #01f7b6;
  position: absolute;
  top: 10px;
  right: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* INTRO */
.intro {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.intro h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
}
.intro h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
    
}
.intro h2:before {
  content: attr(data-text);
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: -25%;
  top: -20%;
}
.intro h4 {
  margin-top: 5px;
  font-family: "Fjalla One", sans-serif;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
}
.intro p {
  margin-bottom: 30px;
  line-height: 2rem;
}
.intro u {
  text-decoration: none;
  border-bottom: 3px dotted #e8293b;
  font-weight: 600;
}
.intro strong {
  font-weight: 600;
}
.intro .custom-link {
  transform: translateY(30px);
}

.intro1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 5% 0;
    padding-bottom: 6rem;
    position: relative;
  z-index: 2;
}
.intro1 h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
  font-size: 17px;
}
.intro1 h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
  color: #01f7b6;
}
.intro1 h2:before {
  content: attr(data-text);
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: -50%;
  top: -20%;
}
.intro1 h4 {
  margin-top: 5px;
  font-family: "Fjalla One", sans-serif;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
}
.intro1 p {
  margin-bottom: 40px;
  line-height: 37px;
  color : #fff;
}
.intro1 u {
  text-decoration: none;
  border-bottom: 3px dotted #e8293b;
  font-weight: 600;
}
.intro1 strong {
  font-weight: 600;
}
.intro1 .custom-link {
  transform: translateY(30px);
}

/* PROCESS */
.process {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  position: relative;
  text-align: center;
}
.process h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
  position: relative;
}
.process h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
}
.process h2:before {
  content: attr(data-text);
  opacity: 0.05;
  z-index: -1;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: -50%;
}
.process span {
  width: 80px;
  height: 80px;
  line-height: 62px;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  background: #01f7b6;
  position: relative;
  border: 10px solid #e2fdf1;
  margin-top: 50px;
}
s .process span:before {
  content: "";
  width: 30vw;
  height: 2px;
  background: #e2fdf1;
  position: absolute;
  left: -30px;
  top: 30px;
  z-index: -1;
}
.process .col-md-3:last-child span:before {
  display: none;
}
.process figure {
  width: 100%;
  display: block;
  margin: 20px 0;
  background: #fff;
}
.process figure img {
  height: 90px;
}
.process h5 {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 0;
}

/* SERVICES CONTENT BLOCK */
.services-content-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #0e0e0e;
  color: #fff;
  position: relative;
}
.services-content-block .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0.3;
  background: url(../images/photomanipulation-1905x885.jpg);
    background-repeat: no-repeat; /* Empêche la répétition */
    background-size: cover; /* L'image couvre toute la section */
    background-position: center; /* Centre l'image dans la section */
}
.services-content-block .video-bg video {
  min-width: 100%;
  min-height: 100%;
  float: left;
}
.services-content-block h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
}
.services-content-block h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
}
.services-content-block .left {
  width: 100px;
  float: left;
  margin-top: -2px;
}
.services-content-block .right {
  width: calc(100% - 100px);
  float: left;
}
.services-content-block small {
  display: inline-block;
  font-family: "Fjalla One", sans-serif;
  color: #01f7b6;
}
.services-content-block span {
  width: 50px;
  height: 1px;
  background: #01f7b6;
  display: inline-block;
  margin: 5px 15px;
}
.services-content-block h4 {
  font-family: "Fjalla One", sans-serif;
  margin-bottom: 30px;
}
.services-content-block ul {
  padding-left: 20px;
  margin-bottom: 0;
}
.services-content-block ul li {
  line-height: 1.8;
}

/* WORKS */
.works {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  transition-delay: 0s !important;
  transition: background 0.4s;
}
.works h6 {
  display: block;
  line-height: 1;
    margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
  font-size: 17px;
}
.works h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
  padding-right:0;
}
.works h2:before {
  content: attr(data-text);
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: -20%;
  top: -20%;
}
.works .project-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 75px 0;
}
.img-wrap {
    position: relative;
    width: 100%; /* Assure que la largeur est égale à celle du conteneur parent */
    height: 60vh; /* Ajustez à la hauteur désirée */
    overflow: hidden; /* Évite que l'image déborde */
}

.img-wrap img {
    width: 100%; /* L'image prend toute la largeur */
    height: 100%; /* L'image prend toute la hauteur */
    object-fit: cover; /* L'image s'adapte sans distorsion */
    object-position: center; /* Centre l'image dans le conteneur */
}

@media (max-width: 768px) {
    .img-wrap {
        height: 100%; /* Réduit la hauteur pour les tablettes */
    }
}


.works .project-box * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.works .project-box:hover figure {
  transform: scale(0.95);
}
.works .project-box:hover figure img {
  transform: scale(1.15);
}
.works .project-box:last-child {
  padding-bottom: 0;
}
.works .project-box:nth-child(2n+2) .custom-link a {
  float: right;
}
.works .project-box:nth-child(2n+2) .content-box {
  order: 1;
  text-align: right;
  padding-left: 0;
  padding-right: 5%;
}
.works .project-box:nth-child(2n+2) .content-box h3 span {
  margin-left: 0;
  margin-right: -7vw;
}
.works .project-box:nth-child(2n+2) figure {
  order: 2;
}
.works .project-box figure {
  width: 55%;
  margin: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
}
.works .project-box figure img {
  width: 100%;
}
.works .project-box .content-box {
  width: 45%;
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.works .project-box .content-box .inner {
  margin: 0;
}
.works .project-box .content-box .inner small {
  display: block;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
  font-size: 15px;
}
.works .project-box .content-box .inner h3 {
  font-weight: 800;
  margin-bottom: 3vh;
  line-height: 1;
}
.works .project-box .content-box .inner h3 span {
  display: block;
  font-size: 8vw;
  color: #01f7b6;
  margin-left: -7vw;
}

/* WORKS SINGLE */
.works-single {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0 50px 0;
    position: relative;
  z-index: 2;
}

.works-single h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
  font-weight :100; 
}
.works-single h2 {
  margin-bottom: 50px;
  font-weight: 800;
  line-height: 1.2;
  padding-right: 35%;
}
.works-single h4 {
  margin-top: 5px;
  font-family: "Fjalla One", sans-serif;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
}
.works-single .text-desc {
  margin-bottom: 50px;
}
.works-single h5 {
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  margin-top: 10px;
}
.works-single h3 {
  font-weight: 800;
  margin-top: 80px;
  color: #01f7b6;
  text-align: center;
  text-transform: uppercase;
  font-family: "Fjalla One", sans-serif;
}

.works-single .slide-btn {
  margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.works-single p {
  margin-bottom: 30px;
  line-height: 37px;
}
.works-single iframe {
  float: left;
  margin-bottom: 30px;
  background: #0e0e0e;
}
.works-single figure {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.works-single figure img {
  width: 100%;
}

/* TEAM */
.team {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: #01f7b6;
  position: relative;
}
.team h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
}
.team h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
}
.team h2:before {
  content: attr(data-text);
  opacity: 0.05;
  position: absolute;
  left: 0;
  top: -20%;
}
.team figure {
  width: 100%;
  display: block;
  margin-bottom: 0;
}
.team figure img {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.team figure figcaption {
  width: 100%;
  display: block;
}
.team figure figcaption small {
  opacity: 0.6;
  font-size: 15px;
  display: block;
  margin-bottom: 5px;
}
.team figure figcaption h4 {
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

/* WORK WITH US */
.work-with-us {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background-color: #1f2029;
  position: relative;
}
.work-with-us:before {
  content: "";
  width: 100%;
  height: 100%;
    
  opacity: 0.04;
  position: absolute;
  left: 0;
  top: 0;
}
.work-with-us:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.work-with-us .container {
  position: relative;
  z-index: 2;
}
.work-with-us h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
    font-weight: 500;
    letter-spacing: 0.2px;
  font-size: 17px;
  color : white;
}
.work-with-us h2 {
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.2;
  padding-right: 35%;
  color : #01f7b6;
}
.work-with-us h2:before {
  content: attr(data-text);
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  text-align: center;
  left: -50%;
  top: -20%;
}
.work-with-us h4 {
  margin-top: 5px;
  font-family: "Fjalla One", sans-serif;
font-weight: 100;
  line-height: 38px;
  padding-right: 20%;
  margin-bottom: 40px;
color : white;
}

.footer .contact-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.contact-bottom h5 {
  margin-top : 50px;
  margin-bottom: 10px;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  color: #01f7b6;
}
.contact-bottom ul {
  display: block;
  margin: 0;
  padding: 0;
    margin-bottom: 20px;
}
.contact-bottom ul li {
  display: inline-block;
  margin: 0;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}
.contact-bottom ul li:last-child {
  margin-right: 0;
}
.contact-bottom ul li a {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 6px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-bottom: 2px solid transparent;
}
.contact-bottom ul li a:hover {
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}

.copyright {
	position: absolute;
	bottom: 40px;
	right: 30px;
	z-index: 94;

    font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #fff;
}

.hover-target1 {
    font-size: 1.2rem;
    padding: 0.8rem 2rem;
    background-color: #01f7b6;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.over-target1:hover {
    transform: scale(1.05);
    background-color: #01f7b6;
}

.copyright.bottom-name {
	bottom: 140px;
}
.copyright a{
	color: #fff;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.copyright a:hover{
	opacity: 0.5;
}

.copyright1 {
	position:relative;
	bottom: -100px;
    float: right;
	right: 40px;
	z-index: 94;
    font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #fff;
}
.copyright1 .bottom-name {
	bottom: 140px;
}
.copyright1 a{
	color: #fff;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.copyright2 a:hover{
	opacity: 0.5;
}

.copyright2 {
	position:relative;
	bottom: 0px;
    margin-bottom: 30px;
    float: right;
	right: 40px;
	z-index: 94;
    font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #fff;
}
.copyright2 .bottom-name {
	bottom: 140px;
}
.copyright2 a{
	color: #fff;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
.copyright1 a:hover{
	opacity: 0.5;
}

/* AWARDS  */
.awards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.awards figure {
  display: block;
  margin: 0;
}
.awards figure img {
  height: 60px;
}
.awards h5 {
  font-weight: 600;
}
.awards .odometer {
  font-family: "Fjalla One", sans-serif;
  font-size: 40px;
}

/* CLIENTS */
.clients {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
  background: url(../images/pattern-bg.svg);
}
.clients h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
}
.clients h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
}
.clients h2:before {
  content: attr(data-text);
  opacity: 0.05;
  position: absolute;
  left: 0;
  top: -20%;
}
.clients h4 {
  margin-top: 5px;
  margin-bottom: 40px;
  font-family: "Fjalla One", sans-serif;
  line-height: 40px;
  text-transform: uppercase;
  padding-right: 20%;
}
.clients ul {
  width: 100%;
  float: left;
  margin: 0;
  margin-top: 90px;
  padding: 0;
}
.clients ul * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.clients ul li {
  width: 25%;
  float: left;
  margin: 0;
  padding: 10px;
  list-style: none;
  position: relative;
}
.clients ul li img {
  opacity: 1;
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
}
.clients ul li small {
  width: 100%;
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  font-size: 600;
  opacity: 0;
  font-family: "Fjalla One", sans-serif;
  font-size: 22px;
}
.clients ul li:hover small {
  margin-top: -25px;
  opacity: 1;
}
.clients ul li:hover img {
  opacity: 0.05;
  transform: scale(1.2);
}

/* NEWS */
.news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
}
.news .post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
}
.news .post.single-post {
  padding-left: 10%;
  padding-right: 10%;
  flex-direction: column;
}
.news .post.single-post .post-content .inner .post-title {
  font-size: 66px;
}
.news .post.single-post .post-image {
  margin-bottom: 30px;
  display: block;
}
.news .post:nth-child(2n+2) .post-image {
  order: 2;
}
.news .post:nth-child(2n+2) .post-content {
  padding-left: 0;
}
.news .post .post-image {
  flex: 1;
  margin: 0;
}
.news .post .post-image img {
  width: 100%;
}
.news .post .post-content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding: 0 50px;
}
.news .post .post-content .inner {
  width: 100%;
}
.news .post .post-content .inner .social-share {
  width: 100%;
  float: left;
  padding: 0 !important;
  margin-bottom: 40px;
}
.news .post .post-content .inner .social-share li {
  float: left;
  margin-right: 5px;
  padding: 0;
  list-style: none;
  text-align: center;
}
.news .post .post-content .inner .social-share li.facebook a {
  background: #475993;
}
.news .post .post-content .inner .social-share li.twitter a {
  background: #76a9ea;
}
.news .post .post-content .inner .social-share li.google-plus a {
  background: #f34a38;
}
.news .post .post-content .inner .social-share li.linkedin a {
  background: #0077b7;
}
.news .post .post-content .inner .social-share li.youtube a {
  background: #f61c0d;
}
.news .post .post-content .inner .social-share li a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  float: left;
  background: #e8293b;
  color: #fff;
  border: none;
  border-radius: 0;
}
.news .post .post-content .inner .post-date {
  display: block;
  font-size: 14px;
  opacity: 0.5;
  font-family: "Fjalla One", sans-serif;
}
.news .post .post-content .inner .post-title {
  display: block;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 30px;
}
.news .post .post-content .inner .post-title a {
  display: block;
  color: #0e0e0e;
}
.news .post .post-content .inner .post-title a:hover {
  color: #01f7b6;
  text-decoration: none;
}
.news .post .post-content .inner .post-author {
  display: block;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.news .post .post-content .inner .post-author img {
  width: 50px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}
.news .post .post-content .inner .post-text {
  display: block;
  line-height: 30px;
  margin-bottom: 0;
}
.news .post .post-content .inner h6 {
  font-size: 23px;
  margin-bottom: 30px;
  line-height: 1.5;
}
.news .post .post-content .inner blockquote {
  display: block;
  padding: 40px;
  margin-bottom: 40px;
  background: #01f7b6;
  font-family: "Fjalla One", sans-serif;
  position: relative;
}
.news .post .post-content .inner blockquote:before {
  content: "";
  font-family: fontawesome;
  font-size: 90px;
  position: absolute;
  left: 40px;
  top: 0;
  opacity: 0.1;
}
.news .post .post-content .inner blockquote h5 {
  font-weight: 800;
  font-family: Poppins;
  margin: 0;
}
.news .post .post-content .inner ul {
  padding-left: 20px;
}
.news .post .post-content .inner ul li {
  line-height: 1.9;
}
.news .post .post-content .inner p {
  display: block;
  line-height: 30px;
}
.news .post .post-content .inner p:last-child {
  margin-bottom: 0;
}

/* HELLO */
.hello {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.hello h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
}
.hello h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
}
.hello h2:before {
  content: attr(data-text);
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: 0;
  top: -20%;
}
.hello address {
  display: block;
  margin-bottom: 100px;
}
.hello address b {
  display: block;
  margin-bottom: 10px;
}
.hello #success, .hello #error {
  display: none;
  float: left;
}
.hello #contact {
  width: 100%;
  display: flex;
  margin-left: -100px;
  padding: 40px 20px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.hello #contact .form-group:last-child {
  margin-bottom: 0;
}
.hello #contact label {
  display: block;
  font-size: 14px;
  font-weight: 600;
}
.hello #contact label.error {
  color: #e8293b;
  margin-top: 7px;
  margin-bottom: 0;
}
.hello #contact div.error {
  background: #e8293b;
  color: #fff;
  border-radius: 0;
  border: none;
}
.hello #contact input[type=text] {
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #eee;
  padding: 0 20px;
}
.hello #contact textarea {
  width: 100%;
  height: 150px;
  background: #fff;
  border: 1px solid #eee;
  padding: 20px;
}
.hello #contact button[type=submit] {
  height: 50px;
  padding: 0 40px;
  font-size: 14px;
  font-weight: 600;
  color: #0e0e0e;
  background: #01f7b6;
  border: none;
}

/* DIRECTION */
.direction {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 150px 0;
}
.direction h6 {
  display: block;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "Fjalla One", sans-serif;
  opacity: 0.5;
}
.direction h2 {
  margin-bottom: 60px;
  font-weight: 800;
  line-height: 1.2;
  padding-right: 35%;
}
.direction h2:before {
  content: attr(data-text);
  opacity: 0.05;
  z-index: -1;
  position: absolute;
  left: 0;
  top: -20%;
}
.direction figure {
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
}
.direction figure img {
  width: 100%;
}
.direction figure figcaption {
  width: 40%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
.direction figure figcaption .inner {
  width: 100%;
  padding: 40px;
  color: #fff;
}
.direction figure figcaption .inner .custom-link {
  margin-top: 40px;
}
.direction figure figcaption .inner .custom-link a {
  color: #fff;
}
.direction figure figcaption .inner .custom-link .lines span {
  background: #fff;
}
.direction figure figcaption .inner h5 {
  font-family: "Fjalla One", sans-serif;
  margin-bottom: 20px;
}
.direction figure figcaption .inner b {
  font-weight: 600;
}
.direction figure figcaption .inner p {
  font-size: 14px;
}
.direction figure figcaption .inner ul {
  display: block;
  margin: 0;
  padding: 0;
}
.direction figure figcaption .inner ul li {
  display: block;
  margin: 15px 0;
  padding: 0;
  list-style: none;
}

.padding-top-bottom {
    padding-top: 100px;
    padding-bottom: 100px;
}

.over-hide {
    overflow: hidden;
}

.section {
    position: relative;
    width: 100%;
    display: block;
}

.background-dark-3 {
	background-color: #1f2029;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 100px 0;
  background: #0e0e0e;
  color: #fff;
}
.footer .footer-quote {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
.footer .footer-quote img {
  height: 60px;
  display: block;
  margin-bottom: 20px;
}

.footer .footer-quote h2 {
  font-weight: 800;
  margin-bottom: 0;
  color: #01f7b6;
}
.footer .footer-contact {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}
.footer .footer-contact address {
  margin-bottom: 0;
}
.footer .footer-contact address a {
  color: #fff;
  text-decoration: underline;
}
.footer .footer-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.footer .footer-bottom h5 {
  margin-bottom: 10px;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  color: #01f7b6;
}
.footer .footer-bottom ul {
  display: block;
  margin: 0;
  padding: 0;
}
.footer .footer-bottom ul li {
  display: inline-block;
  margin: 0;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}
.footer .footer-bottom ul li:last-child {
  margin-right: 0;
}
.footer .footer-bottom ul li a {
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 6px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-bottom: 2px solid transparent;
}
.footer .footer-bottom ul li a:hover {
  padding-bottom: 1px;
  border-bottom: 2px solid #fff;
  text-decoration: none;
}

/* MEDIUM FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .swiper-slider .swiper-slide .slide-inner {
    padding: 0 10%;
  }

  .intro h4 {
    padding-right: 0;
  }

  .work-with-us h2 {
    padding-right: 0;
  }

  .work-with-us h4 {
    padding-right: 0;
  }

  .works-single h2 {
    padding-right: 0;
  }

  .direction h2 {
    padding-right: 0;
  }

  .clients h4 {
    padding-right: 0;
  }

  .news .post {
    flex-direction: column;
  }

  .news .post .post-image {
    margin-bottom: 30px;
  }

  .direction figure figcaption {
    width: 50%;
  }

  .hello h2 {
    padding-right: 0;
  }
}
/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  header {
    min-height: inherit;
  }

  .intro {
    padding: 80px 0;
  }

  .intro h2 {
    padding-right: 0;
    margin-bottom: 50px;
  }

  .intro .custom-link {
    transform: translateY(0);
  }

  .process {
    padding: 80px 0;
  }

  .process h2 {
    margin-bottom: 0;
  }

  .services-content-block {
    padding: 80px 0;
  }

  .services-content-block h2 {
    padding-right: 0;
  }

  .services-content-block .left {
    width: 100%;
    margin-bottom: 20px;
  }

  .services-content-block .right {
    width: 100%;
  }

  .team {
    padding: 80px 0;
  }

  .team figure {
    margin: 15px 0;
  }

  .direction {
    padding: 80px 0;
  }

  .direction figure figcaption {
    width: 100%;
  }

  .works {
    padding: 80px 0;
  }

  .works h2 {
    padding-right: 0;
    margin-bottom: 50px;
  }

  .works .project-box {
    padding: 35px 0;
  }

  .work-with-us {
    padding: 80px 0;
  }

  .works-single {
    padding: 10px 0 50px 0;
  }

  .news {
    padding: 30px 0;
    padding-bottom: 80px;
  }

  .news .post.single-post {
    padding-left: 0;
    padding-right: 0;
  }

  .news .post.single-post .post-content .inner .post-title {
    font-size: 44px;
  }

  .news .post:nth-child(2n+2) .post-image {
    order: 0;
  }

  .news .post:nth-child(2n+2) .post-content {
    padding: 0 50px;
  }

  .awards {
    padding: 80px 0;
  }

  .clients {
    padding: 80px 0;
  }

  .hello {
    padding: 80px 0;
  }

  .hello #contact {
    margin-left: 0;
    box-shadow: none;
  }

  .footer .footer-quote h2 {
  }
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .container {
    padding: 0 1.5rem;
  }

  .page-header .video-bg:before {
    display: none;
  }

  header .scroll-down {
    left: -10px;
  }

  header .sound {
    right: 30px;
    bottom: 30px;
  }

  .header {
    min-height: inherit;
  }

  .page-header {
    min-height: inherit;
  }

  .navigation-menu.active .bg-layers span {
    width: 50%;
  }

  .navigation-menu.active .bg-layers span:nth-child(1) {
    left: -50%;
    width: 50%;
  }

  .navigation-menu.active .bg-layers span:nth-child(2) {
    left: 0;
    width: 50%;
  }

  .navigation-menu.active .bg-layers span:nth-child(3) {
    left: 50%;
    width: 50%;
  }

  .navigation-menu.active .bg-layers span:nth-child(4) {
    left: 100%;
    width: 50%;
  }

  .navigation-menu .inner .menu ul li {
    display: block;
    margin-bottom: 20px;
  }

  .navigation-menu .inner .menu ul li a {
    font-size: 9vw;
    padding-bottom: 2px;
  }

  .navigation-menu .inner .menu ul li a:hover {
    padding-bottom: 2px;
  }

  .navigation-menu .inner .menu ul li ul {
    position: static;
    display: none;
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .navigation-menu .inner .menu ul li ul li {
    padding: 5px 0;
  }

  .navigation-menu .inner .menu ul li ul li a {
    font-size: 20px;
  }

  .navigation-menu .inner .menu ul li:hover ul {
    display: block;
  }

  .navigation-menu .inner blockquote {
    display: none;
  }

  .navbar {
    padding: 20px 30px;
  }

  .navbar .right ul {
    display: none;
  }

  .navbar .right .hamburger-menu {
    margin-left: auto;
  }

  header .left-side {
    right: 30px;
    bottom: 0px;
  }

  .header .container h1 span {
    margin-left: 0;
    transform: translateY(0);
  }

  .header .container .slide-btn {
    padding-left: 0;
  }

  .swiper-slider .swiper-slide .slide-inner {
    padding: 0;
  }

  .swiper-slider .swiper-pagination-bullets {
    display: none;
  }

  .swiper-slider .swiper-slide .slide-inner:before {
    display: none;
  }

  .swiper-slider .swiper-slide .slide-inner .container h1 span {
    margin-left: 0;
    transform: translateY(0);
  }

  .swiper-slider .swiper-slide .slide-inner .container .slide-btn {
    padding-left: 0;
  }
    
     .swiper-slider .swiper-slide .slide-inner .container .slide-btn1 {
    padding-left: 0;
  }

  .awards {
    padding: 40px 0;
    padding-bottom: 0;
  }

  .awards .odometer {
    margin-bottom: 40px;
  }

  .works-single h2 {
    margin-bottom: 20px;
  }

  .works-single h4 {
    margin-bottom: 20px;
  }

  .works-single p {
    line-height: 30px;
  }

  .hello h2 {
    margin-bottom: 20px;
  }

  .hello address {
    margin-bottom: 20px;
  }

  .hello iframe {
    height: 400px !important;
  }

  .hello #contact {
    width: auto;
    margin-top: 40px;
    padding: 0;
    margin-left: -15px;
  }

  .team h2 {
    margin-bottom: 20px;
  }

  .intro h2 {
    margin-bottom: 20px;
  }
    
     .intro1 h2 {
    margin-bottom: 30px;
  }

  .intro h4 {
    margin-bottom: 20px;
  }
    
    .intro1 h4 {
    margin-bottom: 20px;
  }

  .intro p {
    line-height: 30px;
  }
    
     .intro1 p {
    line-height: 30px;
  }

  .services-content-block h2 {
    margin-bottom: 60px;
  }

  .direction h2 {
    margin-bottom: 40px;
  }

  .direction figure figcaption {
    width: 100%;
    position: static;
    display: block;
  }

  .works h2 {
    margin-bottom: 20px;
  }

  .works .project-box {
    flex-direction: column;
  }

  .works .project-box figure {
    width: 100%;
    margin-bottom: 20px;
  }

  .works .project-box:nth-child(2n+2) figure {
    order: 0;
  }

  .works .project-box:nth-child(2n+2) .content-box {
    text-align: left;
  }

  .works .project-box:nth-child(2n+2) .custom-link a {
    float: left;
  }

  .works .project-box .content-box {
    width: 100%;
    padding-left: 0;
  }

  .works .project-box .content-box .inner small {
    margin-bottom: 5px;
  }

  .works .project-box .content-box .inner h3 {
    margin-bottom: 30px;
  }

  .works .project-box .content-box .inner h3 span {
    margin-left: 0;
  }

  .services-content-block .col-md-4:nth-child(3) {
    margin: 40px 0;
  }

  .work-with-us h2 {
    margin-bottom: 20px;
      margin : 0 px;
  }

  .clients h2 {
    margin-bottom: 20px;
  }

  .clients ul {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 40px;
    width: auto;
  }

  .clients ul li {
    width: 50%;
  }

  .news .pagination {
    margin-top: 0;
    text-align: left;
  }

  .news .pagination a {
    margin-left: 0;
    margin-right: 20px;
  }

  .news .post .post-content {
    padding: 0;
  }

  .news .post:nth-child(2n+2) .post-content {
    padding: 0;
  }

  .footer {
    padding: 80px 0;
  }

  .footer .footer-quote img {
    margin-bottom: 40px;
  }

  .footer .footer-quote {
    margin-bottom: 40px;
  }

  .footer .footer-quote h2 {
    font-size: 8vw;
  }

  .footer .footer-contact {
    margin-bottom: 40px;
  }

  .footer .footer-contact address {
    margin-bottom: 30px;
  }

  .footer .footer-bottom ul li {
    margin-right: 15px;
  }
}


/* #Contact
================================================== */

input, textarea {
    padding: 0.8rem;
    margin-bottom: 0.2rem;
}

@media screen and (max-width: 768px) {
    input, textarea {
        padding: 0.6rem;
        margin-bottom: 0.1rem;
    }
}

@media screen and (max-width: 480px) {
    input, textarea {
        padding: 0.5rem;
        margin-bottom: 0.2rem;
    }
}

.ajax-form input,
.ajax-form textarea{
	position:relative;
	width: 100%;
	padding: 20px 20px;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 1.7;
	background-color: #14151a;
	color: #fff;
	border:none;
	text-align: left;
	cursor: text;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}
.ajax-form textarea{
	height: 170px;
}
.ajax-form textarea:active,
.ajax-form input:active {	
	color: #ccc;
}
.ajax-form textarea:active,
.ajax-form input:hover {	
	color: #ccc;
}
.ajax-form textarea:focus,
.ajax-form input:focus {	 
    outline: none !important;
}
.ajax-form input:-ms-input-placeholder  {
	font-size: 15px;
	letter-spacing:1px;
	color: rgba( 255,255,255, 0.4);
	font-weight: 700;
}
.ajax-form input::-moz-placeholder  {
	font-size: 15px;
	letter-spacing:1px;
	color: rgba( 255,255,255, 0.4);
	font-weight: 700;
}
.ajax-form input:-moz-placeholder  {
	font-size: 15px;
	letter-spacing:1px;
	color: rgba( 255,255,255, 0.4);
	font-weight: 700;
}
.ajax-form input::-webkit-input-placeholder  {
	font-size: 15px;
	letter-spacing:1px;
	color: rgba( 255,255,255, 0.4);
	font-weight: 700;
}
.ajax-form textarea:-ms-input-placeholder  {
	font-size: 15px;
	letter-spacing:1px;
	color: rgba( 255,255,255, 0.4);
	font-weight: 700;
}
.ajax-form textarea::-moz-placeholder  {
	font-size: 15px;
	letter-spacing:1px;
	color: rgba( 255,255,255, 0.4);
	font-weight: 700;
}
.ajax-form textarea:-moz-placeholder  {
	font-size: 15px;
	letter-spacing:1px;
	color: rgba( 255,255,255, 0.4);
	font-weight: 700;
}
.ajax-form textarea::-webkit-input-placeholder  {
	font-size: 15px;
	letter-spacing:1px;
	color: rgba( 255,255,255, 0.4);
	font-weight: 700;
}
.ajax-form button {
	color: rgba(255,255,255,.5);
	cursor: pointer;
	font-size: 15px;
	padding: 12px 25px;
	letter-spacing: 2px;
	background-color: #14151a;
	border:none;
	outline:none;
	margin: 0 auto;
	text-align: center;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}
.ajax-form button:focus,
.ajax-form button:active {
	border:none;
	outline:none;
}
.ajax-form button span{
	position: relative;
	display: block;
	cursor: pointer;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}
.ajax-form button:hover{
	background-color: #090909;
}

.filter-select .nice-select {
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 13px;
	line-height: 1.4;
	border: solid 3px #dbdddc;
}
.filter-select .nice-select:after {
    right: 20px;
}
.filter-select .nice-select .list {
	border: solid 3px #dbdddc;
	width: calc(100% + 6px);
	margin-left: -3px;
}
.filter-select .nice-select .option {
    min-height: auto;
	font-size: 13px;
	padding-top: 13px;
	padding-bottom: 13px;
    padding-left: 20px;
    padding-right: 20px;
	text-transform: lowercase;
} 
.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #14151a;
	border: none;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	color: rgba( 255,255,255, 0.4);
	float: left;
	overflow: hidden;
	font-family: inherit;
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 1.7;
	font-weight: 700;
	outline: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	white-space: nowrap;
	width: auto; 
}
.nice-select.open {
	overflow: visible;
}
.nice-select:hover {
    border: none; 
}
.nice-select:after {
    border-bottom: 2px solid rgba(255,255,255,.4);
    border-right: 2px solid rgba(255,255,255,.4);
    content: '';
    display: block;
    height: 10px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 10px; 
}
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); 
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); 
}
.nice-select.disabled {
    border-color: #ededed;
    color: #ccc;
    pointer-events: none; 
}
.nice-select.disabled:after {
      border-color: #cccccc; 
}
.nice-select.wide {
	width: 100%; 
}
.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important; 
}
.nice-select.right {
    float: right; 
}
.nice-select.right .list {
    left: auto;
    right: 0; 
}
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; 
}
.nice-select.small:after {
    height: 4px;
    width: 4px; 
}
.nice-select.small .option {
    line-height: 34px;
    min-height: 34px; 
}
.nice-select .list {
	background-color: #09090c;
    border-radius: 0;
    box-sizing: border-box;
    margin-top: 1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
	width: 100%;
	box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.4);
	left: 0;
	color: #ccc;
    top: 100%;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transition: all 0.3s linear, opacity 0.15s ease-out;
    transition: all 0.3s linear, opacity 0.15s ease-out;
    z-index: 9; 
}
.nice-select .list:hover .option:not(:hover) {
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    list-style: none;
	font-size: 14px;
	letter-spacing: 1px;
	padding-top: 11px;
	padding-bottom: 11px;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
} 
.nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #2a2c37;
}
.nice-select .option:hover {
    color: #fff;
    background-color: #353746;
}
.nice-select .option.selected {
    font-weight: 400 !important;
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #ccc;
    cursor: default; 
}
.no-csspointerevents .nice-select .list {
	display: none; 
}
.no-csspointerevents .nice-select.open .list {
	display: block; 
}

.contact-map  {
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-image: url('../img/map.jpg');
}
.contact-link{
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 2px;
	font-weight: 400;
	color: #c4c3ca;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}
.contact-link:hover{
	text-decoration: none;
	color: #fff;
}

/*# sourceMappingURL=style.css.map */

ngURL=style.css.map */


style.css.map */


*/