@charset "utf-8";
@font-face {
  font-family: "lato";
  src: url("../font/Lato-Regular.ttf");
}
@font-face {
  font-family: "lato light";
  src: url("../font/Lato-Light.ttf");
}
@font-face {
  font-family: "lato fin";
  src: url("../font/Lato-Thin.ttf");
}
@keyframes animation_scroll {
    0% {
		opacity: 0;
        transform: translateY(0px);
		-webkit-transform: translateY(0px);
    }
	10% {
		opacity: 1;
    }
	50% {
		opacity: 1;
    }
    100% {
		opacity: 0;
        transform: translateY(50px);
		-webkit-transform: translateY(50px);
    }
}
/* CSS Document */
/* RESET CSS */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,address,img,sub,sup,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup,menu,nav,section,summary,timeaudio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;-webkit-font-smoothing:antialiased !important;font-smooth:always;text-shadow:0 0 1px rgba(0,0,0,0.01);}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;border:0;}
html,body{width:100%;height:100%;margin:0;padding:0;border:0;}
body{
	font-family:'proxima_nova_rgregular';
    src: url('proximanova-regular-webfont.eot');
    src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-regular-webfont.woff') format('woff'),
         url('proximanova-regular-webfont.ttf') format('truetype'),
         url('proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:62.5%;
	overflow-x:hidden !important;
}

a {
    text-decoration: inherit;
    color: inherit;
}
li {
    list-style-type: none;
    padding-left: 35px;
}

.container_bg {
    background-image: url(../img/003.jpg);
    /* width: 100%; */
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo {
    background-image: url(../img/logo_blanc.png);
    width: 100%;
    height: 100%;
}
#oh {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
}
#oh-1 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 120px;
    background-image: url(../img/logo_blanc_small.png);
    height: 283px;
}
	.parallax-container {
    min-height: initial;
}
.row2 {
	height: 1000px;
	width: 200px;
}
.center {
	position: relative;
    height: 283px;
    padding-top: 50vh;
    transform: translateY(-141px);
	-webkit-transform: translateY(-141px);
	z-index:15;
}
.row_container {
	width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 14;
    padding: 0;
    max-width: 700px;
    height: 100%;
}
.col_1 {
    width: 257px;
}
.col_2 {
	width: 440px;
	height: 316px;
	background-image: url(../img/006.jpg);
}
.col_1_bottom_row {
    font-family: Lato;
    font-size: 14px;
    text-align: justify;
    padding-right: 55px;
}
.row_1 {
    display: inline-flex;
}
.right_news {
	font-family: lato;
    font-size: 18px;
    font-weight: 900;
    margin-top: 27px;
}
.col_1_top_row .left {
    width: 68px;
    height: 157px;
    background-image: url(../img/logo_noir_small.png);
    background-repeat: no-repeat;
    padding-bottom: 20px;
    margin-left: 59px;
}
.col_1_top_row .right {
    font-family: lato;
    font-size: 18px;
    font-weight: 900;
    margin-top: 136px;
}
.col_1_top_row {
    display: inline-flex;
}
.row_2_col_1 {
    width: 430px;
    height: 270px;
    background-image: url(../img/loedens_map_small.gif);
    background-size: 100%;
    background-repeat: no-repeat;
}
.row_2 {
    margin-top: 30px;
    display: inline-flex;
    width: 700px;
}
.row_2_col_2 {
	font-family: Lato;
    font-size: 14px;
    text-align: justify;
    width: 245px;
    padding-left: 40px;
}
.center_rows {
    padding-top: 50vh;
    transform: translateY(-425px);
	-webkit-transform: translateY(-425px);
	opacity:0;
}
.lang {
    width: 100%;
    position: fixed;
    z-index: 20;
    color: #fff;
    font-family: lato;
    font-weight: 900;
    height: 30px;
    font-size: 12px;
}
.lang_position {
    position: absolute;
    padding: 20px;
    width: 100%;
}
a#EN {
    font-weight: 100;
    opacity: 0.7;
}
.row_container_2_col_3 {
    width: 236px;
    height: 355px;
    background-image: url(../img/007.jpg);
}
.row_container_2_col_2 {
    font-family: Lato light;
    font-size: 14px;
    text-align: justify;
    width: 350px;
    padding-top: 250px;
    padding-left: 20px;
}
.row_container_2_col_1 {
    font-family: lato;
    font-size: 18px;
    font-weight: 900;
    width: 121px;
}
.row_container_2 {
    width: 100%;
	height:100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 900px;
}
.row_container_2_inline {
    display: inline-flex;
}
.row_container_2_col_2 p {
    margin-bottom: 50px;
}
.center_cols {
padding-top: 50vh;
    transform: translateY(-318px);
	-webkit-transform: translateY(-318px);
}
.row_container_2_col_3_bis {
    width: 236px;
    height: 355px;
    font-family: Lato light;
    font-size: 14px;
    text-align: justify;
}
.menu {
    font-family: lato light;
    font-size: 15px;
    color: #fff;
    position: fixed;
    transform: translateY(25px);
	-webkit-transform: translateY(25px);
    display: inline-flex;
}
.menu_center {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 580px;
	z-index: 21;
}
.menu_vertical_center {
    position: fixed;
    transform: translateY(100vh);
	-webkit-transform: translateY(100vh);
    width: 100%;
}
.apropos-active {
    font-family: lato;
    font-weight: 900;
}
.etalonnage-active {
    font-family: lato;
    font-weight: 900;
}
.montage-active {
    font-family: lato;
    font-weight: 900;
}
.vfx-active {
    font-family: lato;
    font-weight: 900;
}
.services-active {
    font-family: lato;
    font-weight: 900;
}
.contact-active {
    font-family: lato;
    font-weight: 900;
}
div#etalonnage {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(1vh);
	-webkit-transform: translateY(1vh);
}
div#montage {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(2vh);
	-webkit-transform: translateY(2vh);
}
div#apropos {
    position: absolute;
    height: 1vh;
    width: 2px;
}
div#vfx {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(3vh);
	-webkit-transform: translateY(3vh);
}
div#container-center-left {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(50vh);
	-webkit-transform: translateY(50vh);
}
div#container-center-left-top {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(50vh);
	-webkit-transform: translateY(50vh);
}
div#container-center-middle {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(50vh);
	-webkit-transform: translateY(50vh);
}
div#fond-vertical {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(50vh);
	-webkit-transform: translateY(50vh);
}
div#fond-vertical-right {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(50vh);
	-webkit-transform: translateY(50vh);
}
div#fond-vertical-top {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(50vh);
	-webkit-transform: translateY(50vh);
}
div#services {
    position: absolute;
    height: 298vh;
    width: 2px;
    transform: translateY(4vh);
	-webkit-transform: translateY(4vh);
}
div#services_menu {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(50vh);
	-webkit-transform: translateY(50vh);
}
div#contact {
    position: absolute;
    height: 95vh;
    width: 2px;
    transform: translateY(5vh);
	-webkit-transform: translateY(5vh);
}
div#equipements_menu {
    position: absolute;
    height: 201vh;
    width: 2px;
    transform: translateY(51vh);
	-webkit-transform: translateY(51vh);
}
div#clients_menu {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(52vh);
	-webkit-transform: translateY(52vh);
}
div#global_container {
    position: absolute;
    height: 1vh;
    width: 2px;
    transform: translateY(52vh);
	-webkit-transform: translateY(52vh);
}
div#content {
    position: absolute;
    height: 400vh;
    width: 2px;
    transform: translateY(100vh);
	-webkit-transform: translateY(100vh);
}
div#col-right {
    position: absolute;
    height: 450vh;
    width: 2px;
}
.clearHeader{
    height: 70px;
    background-color: rgba(0, 0, 0, 1);
    position: fixed;
    width: 100%;
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}
.darkHeader {
    z-index: 4;
    height: 70px;
    position: fixed;
    background-color: rgba(0, 0, 0, 1);
	    background-image: url(../img/fond_menu.gif);
    background-size: 100%;
    width: 100%;
    transform: translateY(-70px);
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.header_wrapper {
	z-index: 20;
    position: fixed;
    transform: translateY(100vh);
	-webkit-transform: translateY(100vh);
    width: 100%;
}
section.panel {
    position: absolute;
}
.oh-etalo-col1 {
    width: 57px;
    background-image: url(../img/logo_blanc_very_small.png);
    height: 133px;
}
.oh-etalo-col2 {
    padding-left: 25px;
    color: #fff;
    font-family: arial;
    font-size: 55px;
    width: 418px;
    display: inline;
}
.oh-etalo-col2 p {
    font-size: 15px;
}
.wrapper-oh-etalo {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 500px;
    height: 100%;
}
.wrapper-oh-etalo:hover {
	filter: blur(0px);
    -o-transition: 1s -o-filter linear;
    -webkit-transition: filter .2s ease-in-out;
    -moz-transition: filter .2s ease-in-out;
    -o-transition: filter .2s ease-in-out;
    transition: filter .2s ease-in-out;
}
.inline-oh-etalo {
    display: inline-flex;
	text-align: justify;
}





.container-center {
    margin: 0 auto;
    position: relative;
    z-index: 10;
    padding: 0;
    max-width: 1400px;
    height: 100%;
}

.container-center-middle {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 1400px;
    height: 100%;
}
.fixed-container-center-middle {
	    margin: 0 auto;
    position: relative;
    z-index: 12;
    padding: 0;
    max-width: 1400px;
    height: 100%;
    transform: translateX(-30vh);
	-webkit-transition: all 1ms ease;
    -moz-transition: all 1ms ease;
    -ms-transition: all 1ms ease;
    -o-transition: all 1ms ease;
    transition: all 1s ease;
}
.container-center-middle-active {
    transform: translateX(0vh);
	-webkit-transition: all 1ms ease;
    -moz-transition: all 1ms ease;
    -ms-transition: all 1ms ease;
    -o-transition: all 1ms ease;
    transition: all 1s ease;
}

.container-center-left {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 1400px;
    height: 100%;
}
.global_container-end {
    transform: translateY(-100vh);
	-webkit-transform: translateY(-100vh);
}
.fixed-container-center-left {
	    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 1400px;
    height: 100%;
	z-index: 11;
    transform: translateX(-30vh);
	-webkit-transition: all 1ms ease;
    -moz-transition: all 1ms ease;
    -ms-transition: all 1ms ease;
    -o-transition: all 1ms ease;
    transition: all 1s ease;
}
.container-center-left-active {
    transform: translateX(0vh);
	-webkit-transition: all 1ms ease;
    -moz-transition: all 1ms ease;
    -ms-transition: all 1ms ease;
    -o-transition: all 1ms ease;
    transition: all 1s ease;
}
.container-center-left-top {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 1400px;
    height: 100%;
}
.fixed-container-center-left-top {
	    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 1400px;
    height: 100%;
	z-index: 13;
    transform: translateX(-30vh);
	-webkit-transition: all 1ms ease;
    -moz-transition: all 1ms ease;
    -ms-transition: all 1ms ease;
    -o-transition: all 1ms ease;
    transition: all 1s ease;
}
.container-center-left-top-active {
    transform: translateX(0vh);
	-webkit-transition: all 1ms ease;
    -moz-transition: all 1ms ease;
    -ms-transition: all 1ms ease;
    -o-transition: all 1ms ease;
    transition: all 1s ease;
}
.container-center-2 {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 1400px;
    height: 100%;
}
.container-center-4 {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding: 0;
    max-width: 1400px;
    height: 100%;
}
.container-center-5 {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding: 0;
    max-width: 1400px;
    height: 100%;
}
.container-center-3 {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 1400px;
    height: 100%;
}
.fixed-fond-vertical {
    position: absolute;
    height: 100%;
    width: 40%;
    background-color: #000;
	background-color: #0000009c;
    z-index: -1;
    transform: translateX(-50vh);
    -webkit-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -moz-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -ms-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -o-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
}
.fond-vertical-active {
    transform: translateX(-0vh);
    -webkit-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -moz-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -ms-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -o-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
}

.fixed-fond-vertical-right {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    transform: translateX(-50vh);
    -webkit-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -moz-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -ms-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -o-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
}
.fond-vertical-right-active {
    transform: translateX(0vh);
    -webkit-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -moz-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -ms-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -o-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
}

.fixed-fond-vertical-top {
    position: absolute;
    height: 100%;
    width: 40%;
    background-color: #0000009c;
    z-index: -1;
    transform: translateX(-50vh);
    -webkit-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -moz-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -ms-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    -o-transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
    transition: all 1s cubic-bezier(0.68, 0.01, 1, 0.21);
}
.fond-vertical-top-active {
    transform: translateX(-0vh);
    -webkit-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -moz-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -ms-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    -o-transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
    transition: all 1s cubic-bezier(0, 0.5, 0.24, 0.99);
}
.text {
	margin-top: 30px;
    font-family: Lato light;
    font-size: 14px;
    text-align: justify;
    width: 350px;
    padding-left: 5%;
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
}
.text p {
	margin-bottom: 50px;
}
.cartouche {
    font-family: Lato;
    font-size: 12px;
    color: #000;
	border: solid 2px #fff;
    background-color: #fff;
    width: 215px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-left: 5%;
    margin-top: 50px;
    transform: translateX(10px);
	-webkit-transform: translateX(10px);
	font-weight: 900;
	text-align: center;
	width: -moz-fit-content;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.cartouche:hover {
    background-color: #0000;
    border: solid 2px #fff;
    color: #fff;
    font-weight: 900;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.title {
    font-size: 75px;
    font-family: lato fin;
    padding-left: 5%;
    background: -webkit-linear-gradient(left, white, white 40%, white 40%, white 100%);
    background: -webkit-linear-gradient(top left, #0089ff, #00e0ac 40%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.content-vertical-center {
    padding-top: 50vh;
    transform: translateY(-300px);
	-webkit-transform: translateY(-300px);
	color: #fff;
}
.content-vertical-center-last {
    padding-top: 50vh;
    transform: translateY(-260px);
	-webkit-transform: translateY(-260px);
	color: #fff;
}
.mask-container {
	height: 100%;
    background-image: -webkit-linear-gradient(left, black, black 30%, transparent 30%, transparent 100%);
}
.mask-container-2 {
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: -webkit-linear-gradient(left, #0000009c, #0000009c 50%, transparent 50%, transparent 100%);
    transform: translateX(-700px);
	-webkit-transform: translateX(-700px);
}

.fond-vertical-right {
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: -webkit-linear-gradient(right, white, #ffffff 40%, transparent 40%, transparent 100%);
    z-index: -1;
    text-align: right;
}
.text-right {
position: relative;
    margin-top: 30px;
    font-family: Lato light;
    font-size: 14px;
    text-align: justify;
    width: 350px;
    padding-right: 5%;
    transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
    float: right;
    color: #fff;
}
.text-right p {
	margin-bottom: 50px;
}
.cartouche-right {
	text-align: center;
    font-family: Lato;
    font-size: 12px;
    border: solid 2px #fff;
    color: #000;
    background-color: #fff;
    width: 215px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-top: 50px;
    float: right;
    font-weight: 900;
	width: -moz-fit-content;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.cartouche-right:hover {
    background-color: #000;
    border: solid 2px #fff;
    color: #fff;
    font-weight: 900;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.title-right {
    font-size: 75px;
    font-family: lato fin;
    padding-right: 5%;
background: -webkit-linear-gradient(top left, #0089ff 60%, #00e0ac 100%, #fff 90%);
background: -o-linear-gradient(top left, #0089ff 60%, #00e0ac 100%, #fff 90%);
background: linear-gradient(to bottom right, #0089ff 60%, #00e0ac 100%, #fff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: right;
}
.content-vertical-center-right {
    padding-top: 50vh;
    transform: translateY(-275px);
	-webkit-transform: translateY(-275px);
}
.mask-container-right {
	height: 100%;
    background-image: -webkit-linear-gradient(right, #000000ad, #000000ad 50%, transparent 50%, transparent 100%);
	background-image: linear-gradient(to left, #000000ad, #000000ad 50%, transparent 50%, transparent 100%);
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.7) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.7) 100%); 
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.7) 100%); 
}


.fixed-content {
    position: relative;
    padding-top: 50vh;
    transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	padding-left: 20px;
	width: 500px;
}
.fixed-col-right {
    width: 50%;
    font-size: 35px;
    font-family: lato;
    font-weight: 900;
    color: #1d1d1d;
	opacity: 0;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.col-right-active {
	opacity: 1;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.content-active {
    top: 0;
    position: fixed;
}
.services_menu-active {
    font-size: 45px;
    color: #fff;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/loader-64x/prelaod.gif) center no-repeat #000;
}
.fixed-services_menu {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.equipements_menu-active {
    font-size: 45px;
    color: #fff;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.fixed-equipements_menu {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.clients_menu-active {
    font-size: 45px;
    color: #fff;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.fixed-clients_menu {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.vertical-center-col {
    width: 100%;
    position: absolute;
    padding-top: 50vh;
    transform: translateY(-340px);
	-webkit-transform: translateY(-340px);
}
.vertical-center-col-first {
    width: 100%;
    position: absolute;
    padding-top: 50vh;
    transform: translateY(-300px);
	-webkit-transform: translateY(-300px);
}
.col-left {
    float: right;
	margin-right: 20px;
}
.col-left-clients {
    float: right;
	margin-right: 100px;
}
.content-col-left {
    margin-top: 20px;
    padding: 10px;
    font-family: lato;
    text-transform: uppercase;
    font-size: 14px;
    border: 3px solid white;
    font-weight: 900;
    padding-left: 20px;
    padding-right: 20px;
    width: fit-content;
    color: #fff;
}
.global_container {
    width: 100%;
    height: 100%;
    background-color: #000;
}
.fixed-global_container {
    width: 100%;
    height: 200%;
    background-color: #000;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.global_container-active {
    background-color: #0089ff;
	    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.services-title {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: lato;
    font-weight: 900;
    border-top: solid 1px #252525;
    padding-top: 25px;
    padding-bottom: 30px;
	width: 758px;
	text-align: right;
}
.service-row-1 {
    display: inline-flex;
}
.service-row-1-left {
	position: relative;
    width: 260px;
    height: 260px;
    background-color: #131313;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-1-right {
	position: relative;
    width: 260px;
    height: 260px;
    background-color: #171717;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-1-right-last {
	position: relative;
    width: 260px;
    height: 260px;
    background: -webkit-linear-gradient(top left, #0089ff, #00e0ac 100%);
    background: -o-linear-gradient(top left, #0089ff, #00e0ac 100%);
    background: linear-gradient(to bottom right, #0089ff, #00e0ac 100%);
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-1-left-first {
	position: relative;
    width: 260px;
    height: 129px;
    background-color: #252525;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-1-right-first {
	position: relative;
    width: 260px;
    height: 129px;
    background-color: #171717;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-1 {
    display: inline-flex;
    margin-bottom: 2px;
}
.services-square {
    width: 602px;
}
.service-row-2 {
    display: inline-flex;
}
.service-row-3 {
    display: inline-flex;
}
.service-row-4 {
    display: inline-flex;
}
.service-row-2-left-first {
	position: relative;
    width: 260px;
    height: 129px;
background-color: #1b1b1b;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-2-right-first {
	position: relative;
    width: 260px;
    height: 129px;
    background-color: #00a4ff;
	    background: -webkit-linear-gradient(top left, #0089ff, #00e0ac 100%);
	    background: -o-linear-gradient(top left, #0089ff, #00e0ac 100%);
	    background: linear-gradient(to bottom right, #0089ff, #00e0ac 100%);
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-4-left-first {
	position: relative;
    width: 260px;
    height: 129px;
background-color: #383838;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-4-right-first {
	position: relative;
    width: 260px;
    height: 129px;
    background-color: #0c0c0c;
    margin-right: 2px;
    color: #fff;
    font-family: lato fin;
    font-size: 13px;
    font-weight: 0;
    letter-spacing: 0.5px;
}
.service-row-3-left-first {
	position: relative;
    width: 260px;
    height: 129px;
    background-color: #252525;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-3-right-first {
	position: relative;
    width: 260px;
    height: 129px;
	background-color: #252525;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-2-left {
	position: relative;
    width: 260px;
    height: 260px;
    background-color: #252525;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-2-left-middle {
	position: relative;
    width: 260px;
    height: 260px;
    background: -webkit-linear-gradient(top left, #0089ff, #00e0ac 100%);
    background: -o-linear-gradient(top left, #0089ff, #00e0ac 100%);
    background: linear-gradient(to bottom right, #0089ff, #00e0ac 100%);
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-2-right-middle {
	position: relative;
    width: 260px;
    height: 260px;
    background-color: #252525;
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-4-left-first:hover {
		    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-4-right-first:hover {
		    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-3-left-first:hover {
		    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-3-right-first:hover {
		    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-2-left-first:hover {
		    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-2-right-first:hover {
		    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-1-left-first:hover {
		    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-1-right-first:hover {
		    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}





.service-row-2-right-middle:hover {
	    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;

}
.service-row-2-right {
	position: relative;
    width: 260px;
    height: 260px;
    background-color: #00a4ff;
	background: -webkit-linear-gradient(top left, #0089ff, #00e0ac 100%);
	background: -o-linear-gradient(top left, #0089ff, #00e0ac 100%);
	background: linear-gradient(to bottom right, #0089ff, #00e0ac 100%);
    margin-right: 2px;
    color: #fff;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
}
.service-row-1-left:hover {
    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-1-right:hover {
    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-2-left:hover {
    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.service-row-2-right:hover {
    background-color: #00a4ff;
	    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
span {
    position: absolute;
    padding: 30px;
    bottom: 0;
}
.service-photo {
    width: 234px;
    height: 353px;
    background-color: #eee;
    margin-right: 2px;
    margin-top: 169px;
    background-image: url(../img/007.jpg);
    background-position: center;
}
.service-photo-1 {
    width: 234px;
    height: 353px;
    background-color: #eee;
    margin-right: 2px;
    margin-top: 169px;
    background-image: url(../img/013.jpg);
    background-position: center;
}
.service-photo-2 {
    width: 234px;
    height: 353px;
    background-color: #eee;
    margin-right: 2px;
    margin-top: 169px;
    background-image: url(../img/011.jpg);
    background-position: center;
}
.service-photo-3 {
    width: 234px;
    height: 353px;
    background-color: #eee;
    margin-right: 2px;
    margin-top: 169px;
    background-image: url(../img/009.jpg);
    background-position: center;
}
.service-align {
    display: inline-flex;
}
h {
    font-size: 12px;
    font-family: lato fin;
    margin-right: 20px;
}
.clients-title {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: lato;
    font-weight: 900;
    border-top: solid 1px #252525;
    padding-top: 25px;
    padding-bottom: 30px;
    width: 758px;
    text-align: right;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.clients-col-right {
    color: #fff;
    font-family: lato;
    font-size: 15px;
    font-weight: 900;
	text-align: right;
    letter-spacing: 0.5px;
}
h1 {
    font-family: lato fin;
    font-weight: 100;
}
.clients-row-2 {
    margin-top: 190px;
}
.clients-contact {
    display: inline-flex;
	float: right;
}
.clients-col-left {
    background-image: url(../img/logo_blanc_very_small.png);
    width: 57px;
    height: 133px;
	margin-right: 25px;
}
tr {
	    width: 157px;
    height: 67px;
}
table {
    float: right;
}
th {
    opacity: 0.5;
}
th:hover {
    opacity: 1;
	-webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
div#logos_menu {
    display: inline-flex;
    margin-top: 5px;
    margin-left: 65px;
}
h3 {
    width: 50px;
    height: 23px;
	    padding-left: 10px;
}
.un:hover {
    background-image: url(../img/logo-001_color.png);
}
.un {
    background-image: url(../img/logo-001.png);
	background-repeat: no-repeat;
}
.deux:hover {
    background-image: url(../img/logo-002_color.png);
}
.deux {
    background-image: url(../img/logo-002.png);
	background-repeat: no-repeat;
}
.trois:hover {
    background-image: url(../img/logo-003_color.png);
}
.trois {
    background-image: url(../img/logo-003.png);
	background-repeat: no-repeat;
}
.quatre:hover {
    background-image: url(../img/logo-004_color.png);
}
.quatre {
    background-image: url(../img/logo-004.png);
	background-repeat: no-repeat;
}
.cinq:hover {
    background-image: url(../img/logo-005_color.png);
}
.cinq {
    background-image: url(../img/logo-005.png);
	background-repeat: no-repeat;
}
.center-intro {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 439px;
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
}
.text-intro {
    font-family: lato;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 6px;
    margin-bottom: 10px;
}
.center-vertical-intro {
    position: absolute;
    width: 100%;
    height: 100%;
	transform: translateY(100vh);
	-webkit-transform: translateY(100vh);
}

.scroll-first {
	animation: animation_scroll 2s;
	animation-iteration-count:infinite;
}
.scroll-animation {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 38px;
    margin-top: 30px;
	    height: 100px;
}
.title-bottom {
    position: relative;
    bottom: initial;
}
.table_02 {
		display:none;
	}



/* MOBILE  */

@media only screen and (max-width: 450px) {
	
		body {
		overflow-x:hidden;
	}
	
	.text-intro {
	    font-size: 14px;
    letter-spacing: 4px;
	}
	.center-intro {
		max-width: 324px;		
	}
	.center-logos-top {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
    max-width: 300px;
}
	div#logos_menu {
    margin-left: 0px;
}
	#oh-1 {
    max-width: 87px;
    background-image: url(../img/logo_blanc_small_mobile.png);
    height: 205px;
}
	.center {
    transform: translateY(-111px);
	-webkit-transform: translateY(-111px);
}
	.row_1 {
    display: block;
	}
	.row_container {
    max-width: 100%;
    height: 100%;
	min-height: 730px;

}
	.col_1 {
    width: 100%;
}
	.col_1_top_row {
    display: inline-flex;
}
.col_1_top_row .right {
    margin-top: 58px;
    margin-right: 20px;
}
	.center_rows {
    padding-top: 0vh;
    transform: translateY(0px);
	-webkit-transform: translateY(0px);
		padding: 15px;
}
.col_1_top_row .left {
    width: 34px;
    height: 79px;
    background-image: url(../img/logo_noir_small.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 0px;
    margin-left: 0px;
}
	.col_1_bottom_row {
    padding-right: 0px;
		    margin-bottom: 20px;
}
	.row_2_col_1 {
    display: none;
}
.col_2 {
    width: 100%;
    height: 215px;
    background-image: url(../img/006.jpg);
    background-size: 100%;
}
	.row_2 {
    margin-top: 10px;
    display: inline-flex;
    width: 100%;
}
	.row_2_col_1 {
    display: none;
}
	.row_2_col_2 {
    width: 100%;
    padding-left: 0px;
}
	.center-top-col {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 14;
    padding: 0;
    max-width: 140px;
		    margin-bottom: 30px;
}
	.header_wrapper {
    display: none;
}
	.title {
    font-size: 45px;
		    padding-left: 0%;
}
	.text {
    margin-top: 30px;
    font-family: Lato light;
    font-size: 14px;
    text-align: justify;
    width: 100%;
    padding-left: 0%;
    transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
	.cartouche {
    margin-left: 0%;
    transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
	.center_rows {
    padding: 15px;
    padding-top: 50vh;
    transform: translateY(-270px);
	-webkit-transform: translateY(-270px);
	
}
	.content-vertical-center {
    padding: 20px;
    padding-top: 50vh;
    transform: translateY(-240px);
	-webkit-transform: translateY(-240px);
    color: #fff;
}
	.fixed-fond-vertical-top {
    height: 100%;
    width: 100%;
		    display: none;
}
	.mask-container-2 {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #0000009c;
}
	.title-right {
    font-size: 45px;
    font-family: lato fin;
    padding-right: 0%;
	}
	.text-right {
    position: relative;
    margin-top: 30px;
    font-family: Lato light;
    font-size: 14px;
    text-align: justify;
    width: 100%;
    padding-right: 0%;
    transform: translateX(0px);
	-webkit-transform: translateX(0px);
    float: right;
    color: #fff;
}
	.content-vertical-center-right {
    padding: 15px;
    padding-top: 50vh;
    transform: translateY(-190px);
	-webkit-transform: translateY(-190px);
}
	.content-vertical-center-last {
    padding: 15px;
    padding-top: 50vh;
    transform: translateY(-250px);
	-webkit-transform: translateY(-250px);
    color: #fff;
}
	.fixed-content {
    padding-top: 0vh;
    transform: translateY(0px);
	-webkit-transform: translateY(0px);
    padding-left: 20px;
    width: 100%;
	background-color: #000;
	height: 80px;
	display: none;
}
	.equipements_menu-active {
    font-size: 25px;
}
		.services_menu-active {
    font-size: 25px;
}
	.clients_menu-active {
    font-size: 25px;
}
	.fixed-col-right {
    font-size: 20px;
	
}
	.service-photo-1 {
	display:none;
}
.col-left {
    float: right;
	margin-right: 0px;
	
}
	.services-square {
    width: 100%;
}
	.vertical-center-col-first {
    width: 100%;
	padding-top: 0vh;
    transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
	.service-row-1 {
    width: 100%;
	    margin-bottom: 0px;
}
		.service-row-2 {
    width: 100%;
}
		.service-row-3 {
    width: 100%;
}
		.service-row-4 {
    width: 100%;
}
	.service-row-1-right-first {
    width: 50vw;
    height: 25vh;
	margin:0px;
}
		.service-row-1-left-first {
    width: 50vw;
    height: 25vh;
	margin:0px;
}
		.service-row-2-right-first {
    width: 50vw;
    height: 25vh;
	margin:0px;
}
		.service-row-2-left-first {
    width: 50vw;
    height: 25vh;
	margin:0px;
}
		.service-row-3-right-first {
    width: 50vw;
    height: 25vh;
	margin:0px;
	background-color: #313131;
}
		.service-row-3-left-first {
    width: 50vw;
    height: 25vh;
	margin:0px;
}
		.service-row-4-right-first {
    width: 50vw;
    height: 25vh;
	margin:0px;
}
		.service-row-4-left-first {
    width: 50vw;
    height: 25vh;
	margin:0px;
}
	.container-center {
    max-width: 100%;
}
	span {
    padding: 15px;
}
	.service-photo {
    display: none;
}
	.service-row-1-left {
    width: 50vw;
    height: 35vh;
	margin: 0;
}
	.service-row-1-right {
    width: 50vw;
	    height: 35vh;
	margin: 0;
}
	.service-row-2-left {
    width: 50vw;
    height: 35vh;
	margin: 0;
}
	.service-row-2-right {
    width: 50vw;
    height: 35vh;
	margin: 0;
}

	.container-center-5 {
    max-width: 100%;
}
.services-title {
	position: relative;
    width: 100%;
    height: 30vh;
    padding: 0;
	font-size: 20px;
}
	.title-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    margin-bottom: 25px;
}
	.service-photo-2 {
    display: none;
}
	.service-row-2-left-middle {
    width: 50vw;
    height: 35vh;
	margin:0;
}
	.service-row-2-right-middle {
    width: 50vw;
    height: 35vh;
	margin:0;
	background-color: #3a3a3a;
}
	.service-row-1-right-last {
    width: 50vw;
    height: 35vh;
	margin:0;
}
	.service-photo-3 {
    display: none;
}
	.col-left-clients {
    margin-right: 0px;
	width: 100%;
    height: 100%;
    background-color: #00a4ff;
	    padding-right: 15px;
}
	.clients-title {
    margin-top: 0px;
    border: 0;
	font-size: 20px;
	    width: 100%;
}
	.container-center-3 {
    max-width: 100%;
}
	.clients-row-2 {
    margin-top: 190px;
}
	.mask-container-right {
    background-image: url(../img/fond_noir_70.png);
}
	.mask-container-2 {
    background-image: url(../img/fond_noir_70.png);
}
		.mask-container {
    background-image: url(../img/fond_noir_70.png);
}
	.fixed-fond-vertical {
    background: none;
}
	.fixed-container-center-middle {
		transform: translateX(0vh);
		-webkit-transform: translateX(0vh);
	}
	.fixed-container-center-left-top {
		transform: translateX(0vh);
		-webkit-transform: translateX(0vh);
		background-image: url(../img/fond_noir_70.png);
	}
	.fixed-container-center-left {
		transform: translateX(0vh);
		-webkit-transform: translateX(0vh);
		background-image: url(../img/fond_noir_70.png);
	}
	.vertical-center-col {
	    position: relative;
		padding-top: 0vh;
    transform: translateY(0px);
	-webkit-transform: translateY(0vh)
	}
	.table_01 {
		display:none;
	}
	.global_container-end {
    transform: translateY(0vh);
    -webkit-transform: translateY(0vh);
}
	.fixed-global_container {
		height: 100%;
	}
	.parallax-container {
    min-height: 650px;
		
}
	.global_container-active {
	background-color: #000;	
	}
	.table_02 {
		display:initial;
	}
	body {
		overflow-x:hidden !important;
}
}