::-moz-selection {background: #000; color: #FFF}
::selection {background: #000; color: #FFF}
:root{
	--spacing-5: 5vw;
	--spacing-5-mob: 1vw;
}
*{
	margin:0;
	padding:0;
	outline : 0 none;
}


a, a:hover{
	color: #1a1a1a
}

.txtCoolstuff{
	font-size: 20px;
}

html, body{
	font-family: 'sofia-pro', sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: left;
	font-display: swap;
}

.lien_next_serie{
	position: absolute;
	width:100%;
	height: 100%;
	display: block;
	z-index: 999
}

.hidden-desktop{
	display: none
}

#lightbox {
	display: none;
	position: fixed;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	margin: auto;
	width:90vw;
	height:90vh;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 9999;
}
#dark {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background:rgba(0,0,0,.9);
	width:100vw;
	height:100vh;
	z-index: 999;
}

.container-fluid{
	padding:0;
	position: relative;
	text-align: center;
	/*max-width: 1800px;*/
}

.home .container-fluid{
	max-width: inherit;
}

#containerGallery, #containerHeader{
	z-index: 2;
	width: 100%;
	position: absolute;
}

#containerHeader{
	z-index: 9999
}

.home #containerGallery, .home #containerHeader{
	z-index: 2;
	position: absolute;
	width: 100%;
}

.home #containerHeader{
	z-index: 4
}

#mainContainer{
	height: 100%
}

#containerHeader{
	overflow: hidden;
	height: 110px;
}

section.fullscreen {
    width: 100%;
    min-height: 600px;
    display: block;
    position: relative;
}

section.fullscreenHome{
	height: 100%
}


.fullscreen .marge{
	padding: 0
}

.fullscreen .row{
	max-width: 100%
}

.marge{
	padding-top: 45px;
	padding-bottom: 45px;
}

.entete .marge{
	padding: 0
}

.superposition{
	position: absolute;
	z-index: 2
}

.newHeader.superposition{
	width: 90%;
	margin-left:5%;
	padding-left:0!important;
	padding-right:0!important;
}

.row{
    margin: 0;
    max-width: 96%;
    position: relative;
    margin: 0 auto;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .col-12.col-lg-10{
	padding:0;
}

.col-12, .col-lg-12, .col-sm-12, .col-xl-12, .col-md-12{
	padding-left:0;
	padding-right: 0;
}

.col-lg-6 .spacing-5,.col-lg-1 .spacing-5,.col-lg-2 .spacing-5,.col-lg-3 .spacing-5,.col-lg-4 .spacing-5,.col-lg-5 .spacing-5,.col-lg-7 .spacing-5,.col-lg-8 .spacing-5,.col-lg-9 .spacing-5,.col-lg-10 .spacing-5,.col-lg-11 .spacing-5,.col-lg-12 .spacing-5, .spacing-5{
	padding: var(--spacing-5);
}

.bloc-image, .bloc-txt, .bloc-spacer, .bloc-button, .bloc-video{
	padding: 17px;
}

.bloc-image-vert img{
	width: inherit;
	max-height: 400px
}

.bloc-image-next{
	height: 86vh;
	overflow: hidden;
	background-size: cover;
}

.entete .bloc-image,.fullscreen .bloc-image,.entete .bloc-video,.fullscreen .bloc-video{
	padding: 0;
}

.fullscreen .bloc-txt{
	height: 100%
}

.bloc-spacer{
	height: 32px;
}

video{
	display: block
}

.bloc-video{
	position: relative;
	max-height: 90vh;
	overflow: hidden
}

.bloc-video-overlay{
	width: 100%;
	height: 100%;
	display: block;
	background: #1a1a1a;
	opacity: 0.4;
	position: absolute;
	top:0;
	left: 0;
}

.table{
	display:table;
	width: 100%;
	height: 100%;
	margin: 0
}

.table-cell{
	display: table-cell;
}

.valign-middle{
	vertical-align: middle
}

.nameNiels{
	top:-3px;
	position: relative;
}

#logo{
	position: absolute;
	top: 50%;
	font-size: 17px;
	letter-spacing: 1px;
	font-weight: 500;
	width: 93%;
	position: relative;
	margin: 0 auto;	
	margin-top: -8px;
	text-align: left;
	
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#containerHeader {
	font-family: 'Source Sans Pro', sans-serif;
	font-family: 'sofia-pro', sans-serif;
	font-size: 14px;
	color: #1a1a1a;
	letter-spacing: 1px;
}



#logo a{
	color:#1a1a1a;
}


a:hover{
	text-decoration: none;
}

.overlayOverImage{
	background: #0F2831;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.2;
}


.cbp-bislideshow {
	list-style: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
	margin-top: 0;
	min-height: 100vh;
}

.cbp-bislideshow li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	opacity: 0;
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	transition: opacity 1.5s;
}

/* If background-size supported we'll add the images to the background of the li */

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* ...and hide the images */

@media screen and (max-width: 992px) {
	.backgroundsize .cbp-bislideshow li img {
		display: none;
	}
	.hidden-desktop{
		display: block
	}
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
	position: fixed;
	width: 70px;
	height: 35px;
	margin: 0;
	right: 10%;
	bottom: 9%;
}

.cbp-bicontrols span {
	float: left;
	width: 22px;
	height: 35px;
	position: relative;
	cursor: pointer;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 30px;
	font-size: 27px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
	content: "\e002";
}

span.cbp-bipause:before {
	content: "\e003";
}

span.cbp-binext:before {
	content: "\e000";
}

span.cbp-biprev:before {
	content: "\e001";
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}


.txtSlider{
	position: relative;
	/*position: relative;*/
	z-index: 4;
}

.txtSlider h2{
	color: #FFF;
	font-size:8vw;
	text-align: left;
	width: 70%;
	margin-left: 9%;
	margin-top: 12vh;
	line-height: 7.6vw;
}

.txtSlider h2 a{
	color: #FFF
}

.txtSlider h2 span{
	font-size: 26px;
	margin-left: -14px;
}

.topRight{
	float: right;
	color: #000;
	font-size: 14px;
	margin-right: 2%;
	color: #1a1a1a;
}



.home #logo a,.home #containerHeader span,.home #logo .topRight a, .home .topRight{
	color: #FFF
}

#logo .topRight a{
	color: #000;
	margin-left: 10px;
	margin-right: 10px;
	transition: color ease-in .1s;
	position: relative;
}

#logo .topRight a.active:after{
	width: 100%
}

.home #logo a.active{
	color: #FFF;
}

.home #logo a.active:after,.navFooter a.active:after{
	width: 100%
}

.info .navFooter a.active:after{
	background: #FFF
}

.txtSlider h2 span b{
	position: relative
}


.info a.mailto,a.mailto{
	color:#acacac
}

.sectionFooter a.mailto{
	color: #000
}

.info .sectionFooter a.mailto{
	color: #FFF
}

.place{
	font-size: 15px;
	display: block;
	margin-top: 3px;
}

.sepTrait{
	width: 15px;
	height: 2px;
	display: inline-block;
	background: #FFF;
	top: -6px;
	position: relative;
	margin-right: 15px
}

.sepHeader{
	width: 100%;
	height: 1px;
	display: block;
	background: #EAEAEA
}

#logo .topRight a:after,.infoContact a.hoverSurligne:after, .txtSlider h2 span b:after,a.backSeries:after,.navSerie a:after,.navFooter a:after{
	content:"";
	width: 0;
	height: 1.5px;
	background: #000;
	position: absolute;
	bottom: -3px;
	left: 0;
	transition: width ease-out .2s;
}

.info .navFooter a:after{
	background: #E1E1E1
}


.txtSlider h2 span b:after{
	width: 100%
}

.navFooter a{
	position: relative
}



.home #logo .topRight a:after,.info #logo .topRight a:after{
	background: #FFF;
}

.infoContact a.hoverSurligne:after, .txtSlider h2 span b:after,a.backSeries:after{
	background: #FFF;
	height: 3px;
}

.navSerie a:after{
	height: 3px;
	width: 100%
}

@keyframes animateSepHover {
    0%{
       width: 100%;
       left: 0;
    }
    25%{
	   width: 0%;
	   left: 100%;
    }
    50%{
	    width: 0%;
	   left: 0;
    }
    100%{
	    width: 100%;
	   left: 0;
    }
}

#logo .topRight a:hover:after,.infoContact a.hoverSurligne:hover:after,a.backSeries:hover:after,.navSerie a:hover:after,.navFooter a:hover:after{
	width: 100%;
	transition: width ease-out .2s;
}

.navSerie a:hover:after{
	width: 0%;
	transition: width ease-out .2s;
}

.txtSlider h2 span b:hover:after{
	animation: animateSepHover .8s ease-out  forwards;
}

h1, h2, h3, h4, h5, h6, p{
	text-align: left;
	color:#1a1a1a;
	z-index: 9;
	position: relative
}

.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, p.align-center{
	text-align: center;
}

h1{
	font-size: 12.6vw;
	font-weight: 500;
	line-height: 10.1vw;
	margin: 0;
	position: relative;
}

.entete h1{
	margin-left: 7vw;
}
.entete h1.newH1{
	font-size: 9.6vw;
	margin: 0 auto;
	text-align: center;
	margin-top: 2%;
}
.entete h5{
	margin-left: 8vw;
}

h5.newH5{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


h2{
	font-size: 14vw;
	letter-spacing: -0.67px;
	font-weight: 400;
	text-transform: none;
	line-height: 15vw;
	margin-top: 35px;
	margin-bottom: 35px;
}

h3{
	font-size: 4.6vw;
	font-weight: 400;
	line-height: 6.3vw;
	margin-top: 35px;
	margin-bottom: 35px;
}

.containerGrid{
	width: 1340px;
	max-width: 100%;
	position: relative;
	margin: 0 auto
}

.containerGrid .row{
	max-width: 100%
}

.containerGrid .bloc-image,.containerGrid .bloc-video{
	padding: 10px
}

.portfolio .col-lg-5{
	z-index: 2;
	margin-right: -6%
}

.portfolio section h6.navSerie{
	top: 11px;
	position: relative;
	font-weight: bold;
	width: auto;
	font-size: 22px;
}

.navSerie a{
	position: relative
}

.portfolio .bloc-txt{
	margin-left: 23%;
	margin-top: 20px
}

.portfolio .entete .marge{
	border: 0 none;
	padding:0
}

.portfolio #containerList .marge,.portfolio2 #containerList{
	border-bottom: 1px solid rgba(199,  199,  199, 0.2);
	padding-bottom: 75px
}

.portfolio h3{
	width: 130%;
	line-height: 7vw;
	font-size: 8vw;
	padding-bottom: 10px;
}

.portfolio2 h3{
	width: 100%;
	line-height: 3vw;
	font-size: 3vw;
	padding-bottom: 10px;
	margin: 4px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold
}

.portfolio2 h3 a{
	opacity: 1;
	-webkit-transition: opacity .2s; /* Safari */
    transition: opacity .2s;
}

.portfolio2 h3 a:hover{
	opacity: .6;
	-webkit-transition: opacity .2s; /* Safari */
    transition: opacity .2s;
}

h3.smallH3{
	font-size: 3.6vw;
	font-weight: 400;
	line-height: 5.3vw;
}


.portfolio section h6{
	margin-left: 10px;
	width: 78%;
	text-transform: none
}

h3 b{
	font-weight: 700;
}

h4{
	font-size: 2vw;
	letter-spacing: 1px;
	line-height: 2.3vw;
	font-weight: 400;
	margin: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 700
}

h5{
	font-size: 1.1vw;
	line-height: 1.5vw;
	font-weight: 500;
	margin: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}



h6{
	font-size:1vw;
	line-height: 1.2vw;
	font-weight: 400;
	margin: 0;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase
}

section h6{
	width: 55%
}

p{
	font-size: 1vw;
	line-height: 1.7vw
}

img{
	max-width: 100%;
	width: 100%;
}


footer{
	text-align: left;
	width: 100%;
	position: relative;
}

#containerGallery p{
	color:#000;
	text-align: left;
	font-size: 19px;
	line-height: 36px;
}

footer a, footer a:hover{
	color:#FFF;
}

.portfolio #footer .bloc-txt,.portfolio  .sectionFooter  .bloc-txt{
	margin: 0
}


.bloc-next{
	position: absolute;
	height: 100%;
	width:80%;
	display: block;
	top:0;
	left: 10%; 
}

a.backSeries{
	color: #FFF;
	font-size: 18px;
	position: relative
}

.bloc-next h2{
	font-size: 7vw;
	color: #FFF;
	line-height: 11vw;
}

.bloc-next h4{
	color: #FFF
}

.sepThanks{
	width: 100px;
	position: relative;
	margin: 0 auto;
	height: 1px;
	display: block;
	background : #CCC
}

.grid .sepThanks{
	display: none
}

section h6.h6Thanks{
	width: 100%
}

section h6.h6copyright{
	width: 100%;
	text-transform: none;
	font-size: 23px;
	margin: 0;
	color: #000;
	line-height: normal;
}

.info section h6.h6copyright{
	color: #FFF
}


/*** PAGE INFO / ABOUT ***/

.info #logo a, .info #containerHeader, .info .topRight, .info h3, body.info {
	color: #E1E1E1;
}

.info .navFooter a,.info .navFooter span{
	font-size: 16px;
	color:#E1E1E1
}


.info{
	font-size: 70px;
	text-align: left;
	font-weight: 600;
	font-size: 49px;
	text-align: left;
	background: #000
}

.info .row{
	max-width: 93%
}

.infoContact a.CTAcontact{
	border: 2px solid #fff;
	  border-radius: 90px;
	  padding: 10px 40px 18px 40px;
	  font-size: 2vw;
	  line-height: normal;
}
.infoContact a.CTAcontact:hover{
	border: 2px solid #fff;
	  border-radius: 90px;
	  padding: 10px 40px 18px 40px;
	  font-size: 2vw;
	  background:#FFF;
	  color:#000;
	  line-height: normal;
	  transition:none;
}

#txtExpertise{
	line-height: 2.5vw;
	margin-bottom: 8vh;
	font-size: 2vw;
	font-weight: 400;
	text-align: left;
}

.info h1{
	padding-top: 10vh;
}

.imgInfo{
	position: absolute;
	width: 51vw;
	right: -9%;
	top: calc(0.5vw + 219px);
}


.imgPiolet{
position: absolute;
  right: -10%;
  top: calc(126vw + 219px);
  width: 39%;
}

img.imgQuechua{
position: absolute;
  left: -14%;
  top: calc(116vw + 219px);
  width: 18%;
}

img.imgClustr{
position: absolute;
  left: -6%;
  top: calc(88.2vw + 219px);
  width: 15%;
}

img.imgQuechuaJacket{
	position: absolute;
	right: -1%;
	top: calc(167vw + 219px);
	width: 15%;
}

.videoInfoSki900{
	position: absolute;
	right: 12%;
	top: calc(52vw + 219px);
	width: 35vw;
}

.videoFreeriding{
	position: absolute;
	right: -9%;
	top: calc(86vw + 219px);
	width: 49%;
}
.videoPhotographer{
	position: absolute;
	left: 2%;
	top: calc(38vw + 219px);
	width: 25vw;
}

.info h1, .info h2{
	font-size: 6.8vw;
	line-height: 7vw;
	font-weight: 400;
	text-align: left;
	color: #E1E1E1;
}

.info h2.txtColor2{
	color: #797979
}

.info h3{
	font-size: 5vw;
}

.info h3.h3-v2{
	font-size:3vw;
	line-height: 4vw;
	width:70%
}

.infoContact{
	display: block;
	line-height: 27px;
	color:#FFF;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}

.infoContact a{
	font-size: 4vw;
	font-weight: 400;
	width: 63%;
	line-height: 5.5vw;
	color: #FFF;
	font-weight: 600;
	transition: color ease-in .4s;
	position: relative
}

/**************** MENU ******************/
#menu-fullscreen{
	position: fixed;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	display: block;
	background-color: rgba(0, 0, 0, 0.95); 
	top: 0;
	left: 0;
	z-index: 3;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
}

#menu-fullscreen.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
  z-index: 999
}

#container-menu-fullscreen{
	position: relative;
	width: 100%;
	overflow: auto;
	height: 100%;
}

.item-menu{
	position: relative;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 50px;
	opacity: 0;
	-webkit-transition: opacity 2s; /* Safari */
    transition: opacity 2s;
}

#menu-fullscreen.open .item-menu {
  -webkit-animation: fadein .8s ease forwards;
          animation: fadein .8s ease forwards;
  -webkit-animation-delay: .40s;
          animation-delay: .40s;
}
#menu-fullscreen.open .item-menu:nth-of-type(2) {
  -webkit-animation-delay: .50s;
          animation-delay: .50s;
}
#menu-fullscreen.open .item-menu:nth-of-type(3) {
  -webkit-animation-delay: .60s;
          animation-delay: .60s;
}
#menu-fullscreen.open .item-menu:nth-of-type(4) {
  -webkit-animation-delay: .70s;
          animation-delay: .70s;
}


.item-menu a{
	text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.item-menu a img,.item-menu-title{
	opacity: 1;
	-webkit-transition: opacity .6s;
    transition: opacity .6s;
}

.item-menu a:hover img,.item-menu a:hover .item-menu-title{
	opacity:1;
}

.item-menu-title{
	position: relative;
	top:50%;
	font-size: 10vw;
	margin-top: -58px;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	z-index: 2
}

.item-menu img{
	width: 100%;
	height: auto;
}

.menu-bg-img{
	background: #000;
	display: inline-block;
	width: 55%;
}

.burger-menu {
	position: absolute;
	width: 40px;
	height: 100%;
	margin: 0 auto;
	color: #60635E;
	top: 0;
	right: 3%;
	text-transform: uppercase;
	z-index: 99999;
	display: none;
	opacity:0;
	animation-name: fadein;
	animation-duration: .1s;
	animation-timing-function: ease-out;
	animation-delay: .5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}

.is-open.burger-menu{
	position: absolute
}

.burger-click-region {
	position: absolute;
	left: 0;
	width: 40px;
	height: 30px;
	cursor: pointer;
	top: 50%;
	margin-top: -12px;
}

.burger-menu-piece {
  display: block;
  position: absolute;
  width: 35px;
  border-top: 1px solid #858585;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  transition: -webkit-transform 400ms ease-out;
  transition: transform 400ms ease-out;
  transition: transform 400ms ease-out, -webkit-transform 400ms ease-out;
}
.burger-menu-piece:nth-child(1) {
  top: 0;
}
.burger-menu-piece:nth-child(2) {
  top: 10px;
  opacity: 1;
  transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
}
.burger-menu-piece:nth-child(3) {
  top: 20px;
}
.active .burger-menu-piece:nth-child(1) {
  -webkit-animation: burger-open-top 400ms ease-out forwards;
          animation: burger-open-top 400ms ease-out forwards;
}
.active .burger-menu-piece:nth-child(2) {
  opacity: 0;
  transition: opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms;
  transition: transform 400ms ease-out, opacity 0ms linear 200ms, -webkit-transform 400ms ease-out;
}
.active .burger-menu-piece:nth-child(3) {
  -webkit-animation: burger-open-bot 400ms ease-out forwards;
          animation: burger-open-bot 400ms ease-out forwards;
}
.closing .burger-menu-piece:nth-child(1) {
  -webkit-animation: burger-close-top 400ms ease-out forwards;
          animation: burger-close-top 400ms ease-out forwards;
}
.closing .burger-menu-piece:nth-child(3) {
  -webkit-animation: burger-close-bot 400ms ease-out forwards;
          animation: burger-close-bot 400ms ease-out forwards;
}

@-webkit-keyframes burger-open-top {
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
  }
}

@keyframes burger-open-top {
  50% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
  }
}
@-webkit-keyframes burger-open-bot {
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
}
@keyframes burger-open-bot {
  50% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
}
@-webkit-keyframes burger-close-top {
  0% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(0deg);
            transform: translate3d(0, 10px, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes burger-close-top {
  0% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
            transform: translate3d(0, 10px, 0) rotate(45deg);
  }
  50% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(0deg);
            transform: translate3d(0, 10px, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes burger-close-bot {
  0% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(0deg);
            transform: translate3d(0, -10px, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes burger-close-bot {
  0% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
            transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(0deg);
            transform: translate3d(0, -10px, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.infoContact a.CTArs{
	font-size: 1.5vw;
	line-height: 2vw
}

@media screen and (min-width: 1800px) {
	h1, h2{
		font-size: 195px;
		line-height: 170px
	}
	
	.info h1, .info h2{
		font-size: 117px;
		line-height: 117px;
	}
	
	.info .index2 h1, .info .index2 h2{
		font-size: 7vw;
		line-height: 7vw;
	}
	
	.txtSlider h2{
		font-size: 135px;
		line-height: 126px;
	}
	
	.bloc-next h2{
		font-size: 154px;
		line-height: 175px;
	}
	
	h3{
		font-size: 77px;
		line-height: 105px;
	}
	
	.portfolio h3{
		line-height: 118px;
		font-size: 135px;
	}
	
	.portfolio2 h3{
		line-height: 100px;
		font-size: 110px;
	}
	
	.info h3{
		font-size: 84px
	}
	
	h3.smallH3{
		font-size: 60px;
		font-weight: 400;
		line-height: 89px;
	}
	
	h4{
		font-size: 34px;
		line-height: 35px;
	}
	
	
	h5{
		font-size: 18px;
		line-height: 23px;
	}

	h6{
		font-size: 16px;
		line-height: 20px
	}
	
	#txtExpertise{
		font-size: 50px;
		line-height: 61px;
	}
	
	.infoContact a{
		font-size: 67px;
		line-height: 76px
	}
}

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

	.info .row{
		max-width: 92%
	}

}

@media screen and (max-width: 768px) {
	.infoContact a.CTAcontact{
		display: inline-block;
		margin-bottom:20px;
	}
	.infoContact a.CTAcontact:hover{
		font-size: 6vw
	}
	.burger-menu {
		display: block
	}
	.hidden-sm{
		display: none
	}
	.col-lg-6 .spacing-5,.col-lg-1 .spacing-5,.col-lg-2 .spacing-5,.col-lg-3 .spacing-5,.col-lg-4 .spacing-5,.col-lg-5 .spacing-5,.col-lg-7 .spacing-5,.col-lg-8 .spacing-5,.col-lg-9 .spacing-5,.col-lg-10 .spacing-5,.col-lg-11 .spacing-5,.col-lg-12 .spacing-5, .spacing-5{
		padding: var(--spacing-5-mob);
	}

	.portfolio2 h3{
		font-size: 6vw;
		line-height: 6vw;
		margin: 0;
	}
	
	.txtSlider{
		min-height: 600px
	}
	
	#containerHeader{
		height: 95px;
	}
	
	.txtSlider h2{
		margin-top: 6vh
	}
	
	
	.grid .containerGrid .col-lg-12  .bloc-image{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.bloc-image-vert img {
	    width: inherit;
	    max-height: 404px;
	}
	section h6.h6copyright{
		font-size: 17px;
	}
	.place{
		font-size: 13px;
	}
	.col-10{
		margin: 0 auto;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	.poste{
		display: block
	}
	
	.hidden-xs,.cursor-follower ,.cursor{
		display: none
	}
	
	.txtSlider h2 {
	    color: #FFF;
	    font-size: 50px;
	    text-align: left;
	    width: 80%;
	    margin-left: 9%;
	    line-height: 50px;
	}
	
	.info h1 {
		padding: 0;
	    padding-top: 40px;
	}
	
	.info h1, .info h2{
		font-size: 9vw;
	    line-height: 11vw;
	}
	
	.topRight{
		margin-right: 0
	}
	
	.title {
	    height: 50vh;
	}

		
	.containerImg {
	    padding-top: 0;
	    padding-bottom: 15px;
	}
	
	.menu-bg-img{
		width: 70%;
	}
	
	#txtExpertise {
	    line-height: 6.5vw;
	    font-size: 5vw;
	}
	
	.videoInfo{
		top:280px;
		max-width: 88%;
	}
	
	.videoInfoPlane {
	    left: 44%;
		top: 430px;
		max-width: 60%;
	}
	
	.info h2.txtColor2 {
	    color: #E1E1E1;
	}
	
	.navFooter{
		margin-top: 50px
	}
	
	.navFooter a{
		display: block;
		padding-top: 5px;
		padding-bottom: 5px
	}
	
	.navFooter a:after,.navFooter a:hover:after{
		display: none
	}
	
	.navFooter span{
		display: none
	}
	
	.sepThanks{
		margin-top: 30px;
		margin-bottom: 30px
	}
	
	.sectionFooter{
		padding-bottom: 20px
	}
	.txtSlider span.sepTrait{
		display: none
	}
}

@media screen and (max-width: 480px) {
	
	.info .row{
		max-width: 90%;
	}
	.info h3.h3-v2{
		font-size: 6vw;
		line-height: 7vw;
		width: 91%;
	}
	.imgInfo{
		position: absolute;
		width: 51vw;
		right: -9%;
		top: calc(0.5vw + 180px);
	}
	.infoContact a.CTArs{
		font-size: 5.5vw;
		line-height: 9vw;
	}
	.videoInfoSki900{
		right: 0
	}
	.imgPiolet{
		top:calc(216vw + 219px)
	}
	img.imgClustr{
		top:calc(133.2vw + 219px)
	}
	img.imgQuechua {
	  position: absolute;
	  left: 87%;
	  top: calc(156vw + 219px);
	  width: 28%;
	}
	img.imgQuechuaJacket {
	  right: 2%;
	  top: calc(276vw + 219px);
	  width: 30%;
	}
	.infoContact a.CTAcontact{
		font-size: 6vw
	}
	
	.containerGrid .bloc-image, .containerGrid .bloc-video{
		padding: 0px
	}

	#containerGallery footer p,#bio p {
	    font-size: 17px;
	    line-height: 36px;
	}
}