.oxy-sticky-header-fade-in{
  animation-name: none !important;
  animation-duration: 0 !important;
  animation-iteration-count: 0 !important;
}
#header .cbs-menu input[type="checkbox"]{
  display: none;
}

#header .cbs-menu .menu-btn,
#header .cbs-menu .menu-btn-svg{
  position: absolute;
  z-index: 1;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

#header .cbs-menu[data-name=grp] .btn{
  position: absolute;
  right: calc(2 * var(--gap) + 335px);
  top: 16px;
  margin: 0;
}

#header .cbs-menu[data-name=home] .menu-btn-svg{
  right: calc(2 * var(--gap) + 275px);
  top: 16px;
  margin: 0;
}

#header .cbs-menu[data-name=phone] .menu-btn-svg{
  right: calc(2 * var(--gap) + 215px);
  top: 16px;
}

#header .cbs-menu[data-name=destination] .menu-btn-svg{
  right: calc(2 * var(--gap) + 155px);
  top: 16px;
}

#header .cbs-menu[data-name=search] .menu-btn-svg{
  right: calc(2 * var(--gap) + 95px);
  top: 16px;
  margin: 0;
}

#header .cbs-menu[data-name=user] .menu-btn-svg{
  right: calc(2 * var(--gap) + 40px);
  top: 16px;
}


#header .cbs-menu[data-name=major] .menu-btn{
  right: var(--gap);  /*left: 20px; */ 
  top: 10px;
}






#header .cbs-menu .wrapper{
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 100vh;  
  display: none;
  padding:  100px calc(var(--gap) * 2) 20px 0;   
}
#header .cbs-menu[data-name=phone] .wrapper,
#header .cbs-menu[data-name=destination] .wrapper,
#header .cbs-menu[data-name=user] .wrapper,
#header .cbs-menu[data-name=major] .wrapper{
  background: var(--color-menu);
}

#header .cbs-menu input:checked ~ .wrapper{
  /*left: 0;*/
  display: flex;  
  flex-direction: column;
  justify-content: flex-start;
  animation: moveLeft 0.6s;
}

#header .cbs-menu .menu-btn span,
#header .cbs-menu .menu-btn:before,
#header .cbs-menu .menu-btn:after{
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid #FFF;
  transition: all .3s ease;
}

#header .cbs-menu .menu-btn:hover span,
#header .cbs-menu .menu-btn:hover:before,
#header .cbs-menu .menu-btn:hover:after{
  border-bottom-color: var(--color-primary);
}
#header .cbs-menu .menu-btn-svg:hover svg{
  color: var(--color-primary); 
}
#header .cbs-menu .menu-btn:before{
  transform: translateY(-8px);
}
#header .cbs-menu .menu-btn:after{
  transform: translateY(8px);
}

/*
#header .cbs-menu .close {
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .6s;
}
*/

#header .cbs-menu #cbs-menu-major:checked + .menu-btn span {
	transform: scaleX(0);
}
#header .cbs-menu #cbs-menu-major:checked + .menu-btn:before {
	transform: rotate(45deg);
  border-color: #fff;
}
#header .cbs-menu #cbs-menu-major:checked + .menu-btn:after {
	transform: rotate(-45deg);
  border-color: #fff;
}

#header .cbs-menu #cbs-menu-major:checked + .menu-btn:hover span,
#header .cbs-menu #cbs-menu-major:checked + .menu-btn:hover:before,
#header .cbs-menu #cbs-menu-major:checked + .menu-btn:hover:after{
  border-bottom-color: var(--color-primary);  
}

#header .cbs-menu .wrapper ul{
  list-style: none;
  text-align: right;
  padding: 0;
  margin-top: 0;
  margin-bottom: 30px;
}

#header .cbs-menu .wrapper ul li{
	display: grid;
}


#header .cbs-menu .wrapper ul li a{
  color: #FFF;  
  font-size: 1.95rem;
  line-height: 1.95rem;
  transition: all 0.3s ease;
  position: relative;
  padding: 5px 0 5px var(--gap);  
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;  
}

#header .cbs-menu .wrapper ul li p{
  color: #FFF;
  display: inline;
  font-size: 1.95rem;
  line-height: 2.5rem;  
  padding: 5px 0 5px var(--gap);  
  margin: 0;  
}

#header .cbs-menu .wrapper ul li a:hover{
    color: var(--color-primary);  
}

#header .cbs-menu .wrapper ul li a::before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: var(--color-primary);
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

#header .cbs-menu .wrapper ul li a.btn-menu{  
  background-color: #FFF;
  color:  var(--color-p);
  padding-right: var(--gap);
  margin-top: 10px;
  border: none;
  line-height: 0;
  height: 40px;
  transition: 0.3s ease;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
#header .cbs-menu .wrapper ul li a.btn-menu.active,
#header .cbs-menu .wrapper ul li a.btn-menu:hover{
  background-color: var(--color-primary);
  color:  #FFF;
} 


#header .cbs-menu[data-name=phone] div.text{
  color: #FFF;
  font-size: 2rem;
  text-align: center;
  padding-left: calc(2 * var(--gap) );
  padding-top: 50px;
}
#header .cbs-menu[data-name=phone] div.text a{  
  color: #FFF;
  text-decoration: underline;
  font-size: 3rem;
}
#header .cbs-menu[data-name=phone] div.text a:hover {
  color: var(--color-primary);
}

@keyframes moveLeft {
    from { right: -350px; }
      to { right: 0; }
}


.menu-icons a{
	margin: 0 15px;
}
.menu-icons svg{
	color:  #ffffff;
	margin: 5px;	
}
.menu-icons a:hover svg{
	color:  var(--color-priamry) !important;
}

@media (max-width: 480px) {
	.menu-icons a{
		margin: 0 5px;
	}
}

.entete{
	width: 100%;
	height: 100vh;
}
.entete.agence{
	height: 75vh;
}

.entete.agence .ct-section-inner-wrap,
.entete.agence .ct-section-inner-wrap > .ct-code-block:nth-child(1){
	align-items: flex-end !important;
	justify-content: flex-end !important;
}
.entete.agence .ct-section-inner-wrap > .ct-code-block:nth-child(1){
	margin-top: 0;
	margin-bottom: 80px;
}
.entete.agence .ct-section-inner-wrap p,
.entete.agence .ct-section-inner-wrap h1{	
	padding-right: 100px !important;
	text-align: right;
	max-width: 60%;
}

.entete.agence .abs-bottom-right .padding-right-gap{
	padding-right: 100px !important;
}

.entete .abs-bottom-right{
  position:absolute;
  bottom:20px;
  right:0;  
}
.entete .abs-bottom-right div{
  border-top: 2px solid #FFF;
  margin: 0;
  color:  #FFF; 
  padding-top:  5px;
  padding-bottom: 10px; 
  font-size: 2rem;
}

.entete .picto{
  padding: 30px var(--gap);
}
.entete .picto img{
  margin: 0 10px;
}

.entete .supplier{
  color: #FFF;
  padding-right: var(--gap);
  font-size: 1.4rem;
}



.entete .search{	
	display: flex;
  position: relative;	
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 1000px;
  height: 50px;
  background-color: var(--button-bg);
  border-radius: 50px;
  margin: 50px 0;
}

.search a{
  line-height: 0;
}
.search a span{
  color: #FFF;
}
.search a:hover span{
  color: var(--color-primary);
}




.entete .abs-apartirde{
  position:absolute;
  top:100px;
  left:0;  	
}

.entete .abs-apartirde .top{	
  background-color: var(--color-p);
  color: #FFF;	
	padding: 3px 40px 3px 30px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  font-size: 1.4rem;
  
}
.entete .abs-apartirde .top span{
	display: block;
  font-size: 2.1rem;
  font-weight: 500;
}

.entete .abs-apartirde .bottom{
	display: flex;
	flex-direction: row;
  padding-left: calc(var(--gap) * 2);
  padding-top: 5px;  
}
.entete .abs-apartirde .bottom span{
	padding-right: 7px;  
}

#entete-resa .ct-section-inner-wrap{
  padding: 200px var(--gap) 0 var(--gap);
  width: 100%;
  min-height: 100vh;
}
#entete-mini h1,
#entete-resa h1{
  width: 500px;
}
#entete-resa h1{
  padding-bottom: var(--gap);
}

#entete-resa .absolute-infos{
  position: absolute;
  top: 125px;
  left:  0;
}

#entete-mini h1,
#entete-resa h1{
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-family: 'Oswald';
  font-weight: 300;
  text-align: right;
}

#entete-resa .absolute-infos p{
  background-color: var(--color-p);
  color: #FFF;
  padding: 10px 30px 10px var(--gap);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  font-size: 1.95rem;
  font-weight: 500;
  width: 400px;
  margin-top: 0;
  text-align: right;
}

footer{
  width: 100%;
  min-height: 600px;
  position: relative;
  overflow: hidden;
}

footer .ct-section-inner-wrap{
  padding: 100px 0;
}
footer img.absolute{
  top: 0;
  right: 0;
}


footer .ct-section-inner-wrap .grid-container{  
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin-bottom: 50px;

}

footer .ct-section-inner-wrap span.titre{
  color: #FFF;
  font-size: 1.95rem;
  display: block;
  margin-bottom: 20px;  
}

footer .ct-section-inner-wrap ul{
  list-style: none;
}
footer .ct-section-inner-wrap ul li{
  margin: 5px 0;
}
footer .ct-section-inner-wrap ul li a{  
  font-size: 1.6rem;
  padding: 5px 0;
}
footer .ct-section-inner-wrap a,
footer .ct-section-inner-wrap p{
  color:  #ddd !important;
  font-size: 1.5rem;
  padding: 5px 0;
}
footer .ct-section-inner-wrap a.forcewhite{
  color: #FFF !important;
}
footer .ct-section-inner-wrap a:hover,
a.forcewhite:hover{
  color:  var(--color-primary) !important;
}

footer .ct-section-inner-wrap .credits-photos p{
  display: inline;
  padding-right: 5px;
}

footer .copyright{
  width: 100%;
  padding: 50px var(--gap);
  text-align: center;
  color:  #FFF;  
}

@media (max-width: 1215px) {
  footer .ct-section-inner-wrap .grid-container{ 
    padding-left: var(--gap)
  }
}
@media (max-width: 1024px) {
  footer .ct-section-inner-wrap .grid-container{ 
      grid-template-columns: 1fr 1fr 1fr 1fr 0fr;
  }
  footer .ct-section-inner-wrap img.absolute{
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  footer .ct-section-inner-wrap .grid-container{ 
      grid-template-columns: 1fr 1fr;
  }
  footer .ct-section-inner-wrap img.absolute{
    max-width: 200px;
  }
  .entete .search{
    display: none;
  }
  #header .cbs-menu[data-name=grp]{
    display: none;
  }
}

@media (max-width: 480px) {

  .entete.agence{
    height:  100vh;
  }
  #header .cbs-menu[data-name=home],
    #header .cbs-menu[data-name=user],
      #header .cbs-menu[data-name=destination]{
    display: none;
  }

  #header .cbs-menu[data-name=phone] .menu-btn-svg{
    right: calc(2 * var(--gap) + 95px);
  }

  #header .cbs-menu[data-name=search] .menu-btn-svg{
    right: calc(2 * var(--gap) + 40px);
  }

  #header .cbs-menu[data-name=grp]{
    display: none;
  }

  #entete-resa .absolute-infos p{
    font-size: 1.85rem;
    width: 350px;    
  }

  #entete-resa h1 {
    padding-bottom: var(--gap);
    padding-left: var(--gap);
    padding-right: 0;
    width: 100%;
    margin-top: 75px;
  }

  .entete.agence .ct-section-inner-wrap p,
  .entete.agence .ct-section-inner-wrap h1{ 
    padding-right: var(--gap) !important;
    max-width: 90%;
  }


  footer .ct-section-inner-wrap .grid-container{ 
      grid-template-columns: 1fr;
  }
  footer img.absolute{
    max-width: 300px;
  }
}