:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Space Grotesk', sans-serif;
  --tp-ff-heading: 'Space Grotesk', sans-serif;
  --tp-ff-p: 'Space Grotesk', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 5 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #212121;
  --tp-heading-primary: #212121;
  --tp-grey-1: #f7f7f7;
  --tp-grey-2: #F5F6F8;
  --tp-text-body: #777777;
  --tp-text-p: #777777;
  --tp-theme-1: #E36537;
  --tp-theme-2: #254588;
  --tp-border-1: #000;
  /**
  @font weight declaration
  */
  --tp-fw-normal: normal;
  --tp-fw-elight: 200;
  --tp-fw-light: 300;
  --tp-fw-regular: 400;
  --tp-fw-medium: 500;
  --tp-fw-sbold: 600;
  --tp-fw-bold: 700;
  --tp-fw-ebold: 800;
  --tp-fw-black: 900;
  /**
  @font size declaration
  */
  --tp-fz-body: 16px;
  --tp-fz-p: 16px;
  --tp-fz-h1: 40px;
  --tp-fz-h2: 36px;
  --tp-fz-h3: 24px;
  --tp-fz-h4: 20px;
  --tp-fz-h5: 16px;
  --tp-fz-h6: 14px;
}


@media (max-width: 767px) {
  br {
      display:initial;
  } 
}


.tp-btn-simelar:hover,
.tp-btn:hover {
	color: var(--tp-common-white);
	background-color: var(--tp-theme-2);
}

.tp-header-area {
  background-color: #222;
  background-size: cover;
  background: transparent!important;
}

header .logo img {
  height: 140px;
}

.tp-header-menu-area {
	bottom: auto;
}


.tp-main-menu-2 ul li {
    padding-right: 22px;
    margin-right: 22px;
}

@media (max-width: 1400px) {
  .tp-main-menu-2 ul li {
      padding-right: 10px;
      margin-right: 10px;
  }
}

.tp-main-menu-2 ul li .submenu {
  width: 240px;
  padding: 20px;
}

.tp-main-menu-2 ul li .submenu li a {
  font-size: 15px;
}



.tp-header-icon {
  border:0;
  text-align: left;
  line-height: 62px;
  color: var(--tp-theme-2);
}
.tp-header-icon i {
  font-size: 28px;
}

.tp-header-icon:hover {
	background-color:transparent;
	border: none;
	color: #fff;
	color: var(--tp-theme-1);
}


.tp-slider-overlay::after {
  background-image: url(../images/blackblur.png);
}

.tp-slider-title,
.tp-slider-content p,
.tp-slide-service span {
   color:#fff;
}

.slider-arrow-style button {
  background: var(--tp-theme-1);
  border:none;
  padding-top: 9px;
}
.slider-arrow-style button i {
  font-size: 26px;
  color:#fff;
}

form .wpcf7-text {
  margin-bottom: 15px;
}


.tp-fea-icon img {
  width:55px;
}

.tp-fe-content p {
margin-right: 20px;
}

.tp-fea-link a {
  background-color: var(--tp-theme-2);
  color:#fff;
}

.tp-support-area {
  background-size: cover;
}
.tp-support-area::after {
	background-color: rgba(0, 27, 35, .4);
}

.tpsvbox__content {
	background-color: var(--tp-common-white);
	padding: 35px 20px 30px;
}

.service-area {
  position: relative;
  background: transparent;
}


.tpsvbox__thumb {
  padding: 0;
}

.footer-bg {
  background: transparent;
}


.footer-widget-title {
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}

.footer-contact-item span {
	color: #222;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	line-height: 54px;
	background-color: transparent;
	border: 2px solid var(--tp-theme-1);
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	transition: 0.3s;
	margin-bottom: 0px;
}

.footer-contact-item  i {
  font-size: 22px;
  color:#fff;
}
.footer-contact-item  a {
  color:#fff;
}

.copyright-area {
  border-top: 1px solid #ffffff21;
}

.tp-footer-logo img {
  -webkit-filter: grayscale(100%); 
  filter: grayscale(100%); 
  opacity: 80%;
  max-height: 85px;
}

.tp-footer-top-area .marques {
  justify-content: space-between;
  display: flex;
  padding: 0 50px;
}



/* ============================================================================================== 
https://codepen.io/WebSonick/pen/nBPZZO
================================================================================================= */


@keyframes move-twink-back {
	from {background-position:0 0;}
	to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
	from {background-position:0 0;}
	to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
	from {background-position:0 0;}
	to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
	from {background-position:0 0;}
	to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
	from {background-position:0 0;}
	to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
	from {background-position:0 0;}
	to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
	from {background-position:0 0;}
	to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
	from {background-position: 0;}
	to {background-position:10000px 0;}
}

.stars, .twinkling {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#222 url(../images/stars.png) repeat top center;
  z-index:-20;
}

.twinkling{
  background:transparent url(../images/twinkling2.png) repeat top center;
  z-index:-10;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.hellobar {
 background-color: var(--tp-theme-1); 
text-align: center; 
 color:#fff;
}

.hellobar a {
  display: block;
  margin: 0;
  padding: 5px 0;
  font-size: 16px;
   color:#fff;
}


/*
  PAGES
*/

.breadcrumb__area {
  max-width: 1800px;
  margin: auto;
}
.breadcrumb__area h1 {
  color:#fff;
}

.main-content {
  margin-top: 60px;
}

.main-content.contact .footer-contact-item i,
.main-content.contact .footer-contact-item a {
  color:#222;
}

.map iframe {
  max-width: 100%;
}


/*
  Vidéo HP
*/

.asfvideo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.asfvideo iframe {
    width: 900px;
    max-width: 100%;
    height: 500px;
}

/* Responsive pour mobile */
@media (max-width: 768px) {
    .asfvideo iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
}



/*
  RESPONSIVE
*/

@media (max-width: 767px) {
  .breadcrumb__area {
     padding-top: 80px;
     padding-bottom: 80px;
  }
  
  .tp-header-2-mobile-area {
      padding: 0;
  }
  
  .tp-slider-overlay::after {
      background-image: url(../images/blackblur.png);
      opacity: 50%;
  }
  
  .tp-slider-height {
      min-height: 580px;
  }
  
  
}

/*
  Vidéo showroom
*/

@media (min-width: 767px) {
  
  .wp-block-video.videoshowroom {
        overflow: hidden;
        height: 800px;
        text-align: center;
  }
  
  .wp-block-video.videoshowroom video {        
      width: auto;
      height: 100%;
      object-fit: contain;
  }

    
    
}