#col-1 {position: static;}
#col-1, #col-2 {top:0; transition: transform .2s .1s;}
.slideInit {transform: translateX(0);}
.slideLeft {transform: translateX(-100%);}
.slideRight {transform: translateX(100%);}
html {height: 100%;margin: 0; font-family: "Lato", sans-serif;}
@media screen and (max-width: 570px) {
    #col-1,#col-2 {width: 85vw;}
    #linkbar,#linkbar a {display: flex;}
    #linkbar {margin: 10px 0;flex-direction: column;}
    #linkbar a {line-height: 1.8;justify-content: center;align-items: center;}
    .produit form#formProduct fieldset:nth-child(2) {order: 1;}
    .h-rsp-100,.icon-rsp-300 {height: auto;}
    .screen-rsp-300 {height: 80vh;}
}
@media screen and (min-width: 571px) {
    #col-1,#col-2 {width:240px;}
    #linkbar a {margin: 0 5px;}
    .icon-rsp-300 {max-width: 33.3%;min-width: 33.3%;height: 300px;}
    .h-rsp-100 {height: 100vh;}
}
.parallax {z-index: 1;position: relative;background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;background-size: cover;}
.caption {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;height: 100%;}
.caption .border {background-color: #111;color: #fff;padding: 18px;font-size: 25px;letter-spacing: 10px;}
#gram {position: fixed;z-index: 99;top: 40vh;right: 0;}
#gram [data-slide].active {background-color: #ffffff;}
#gram [data-slide]:hover {background-color: #ffffff;box-shadow: 0 0 0 rgba(204,169,44, 0.4);animation: pulse 1.5s infinite;}
#gram [data-slide],#scrolling-menu [data-slide] {transition: all 0.5s ease;}
#scrolling-menu [data-slide]:hover {color:black;padding-left:20px;background-color: rgba(255,255,255,0.3);}
@media only screen and (max-width: 570px) {
    #gram {display: none;}
}
@media only screen and (min-width: 571px) {
    .parallax.h-100 {height: 100vh;}
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .parallax {background-attachment: scroll;}
}
/*COMMENTS*/
.box-comm {width:100%;}
.comment-box,.comment-box-reply {background:#f1f1f1;}
.box-comm {background-color:#fff;margin:0 0 4px;}
.box-comm h3 {width:85%;padding:4px 1%;}
.box-comm p {margin:4px 8px;}
.send-btn:hover {background:#333;}
/*------------------------- CONTENT -------------------------*/
.slogan,.banner-top {margin:0 auto;}
.fadeInBox {animation: fadeIn 0.4s ease-in-out;}
.slide-rgh-headline {animation: rightFadeInOut 0.7s ease-in-out 1;}
.about-min-icon {background-size: 651px;}
.icon-design {background-position: -598px -280px;}
.icon-development {background-position: -223px -281px;}
.icon-excellence {background-position: -203px -341px;}
.icon-integrity {background-position: -315px -341px;}
.icon-monitoring {background-position: -290px -158px;}
.icon-passion {background-position: -262px -341px;}
.icon-strategy {background-position: -123px -158px;}
/* ARTICLES */
.art-ctn-view div > div {margin-bottom: 10px;}
.share-bar a {display:inline-block;}
.share-bar nav {width: calc(100% - 30px);padding-right: 30px;}
/* PRODUITS */
.btn-product a,.btn-product .prdct-item-order {width:98%;margin:5px 0 0;padding:8px 1%;background-color:#999;}
.btn-product a:hover,.btn-product .prdct-item-order:hover {background-color:#82bd1a;}
/* CHECKOUT */
#slideInner,.data-controller.box-fixed {transition: all 0.5s ease;}
.data-controller.box-fixed {top:50px;}
.box-fixed[data-sticky] {animation: fadeIn 0.4s ease-in-out 1;}
*[data-sticky],.MenuBarHorizontal * {-webkit-transition: all 0.35s ease; transition: all 0.35s ease;}
/*ANIMATIONS*/
@keyframes rightFadeInOut {
    0% {transform: translateX(50%);opacity: 0;}
    75% {transform: translateX(-2%)}
    100% {transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes pulse {
    0% {-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);}
    70% {-webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);}
    100% {-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);}
}
@keyframes pulse {
    0% {-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);}
    70% {-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);box-shadow: 0 0 0 10px rgba(204,169,44, 0);}
    100% {-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);box-shadow: 0 0 0 0 rgba(204,169,44, 0);}
}
@-webkit-keyframes pulse-1 {
    0% {-webkit-box-shadow: 0 0 0 0 rgba(55, 30, 8, 0.4);}
    70% {-webkit-box-shadow: 0 0 0 10px rgba(55, 30, 8, 0);}
    100% {-webkit-box-shadow: 0 0 0 0 rgba(55, 30, 8, 0);}
}
@keyframes pulse-1 {
    0% {-moz-box-shadow: 0 0 0 0 rgba(55, 30, 8, 0.4);box-shadow: 0 0 0 0 rgba(55, 30, 8, 0.4);}
    70% {-moz-box-shadow: 0 0 0 10px rgba(55, 30, 8, 0);box-shadow: 0 0 0 10px rgba(55, 30, 8, 0);}
    100% {-moz-box-shadow: 0 0 0 0 rgba(55, 30, 8, 0);box-shadow: 0 0 0 0 rgba(55, 30, 8, 0);}
}
@-webkit-keyframes pulse-2 {
    0% {-webkit-box-shadow: 0 0 0 0 rgba(100, 100, 100, 0.5);}
    70% {-webkit-box-shadow: 0 0 0 10px rgba(100, 100, 100, 0);}
    100% {-webkit-box-shadow: 0 0 0 0 rgba(100, 100, 100, 0);}
}
@keyframes pulse-2 {
    0% {-moz-box-shadow: 0 0 0 0 rgba(100, 100, 100, 0.5);box-shadow: 0 0 0 0 rgba(100, 100, 100, 0.5);}
    70% {-moz-box-shadow: 0 0 0 10px rgba(100, 100, 100, 0);box-shadow: 0 0 0 10px rgba(100, 100, 100,  0);}
    100% {-moz-box-shadow: 0 0 0 0 rgba(100, 100, 100, 0);box-shadow: 0 0 0 0 rgba(100, 100, 100, 0);}
}
.floating {animation-name: floating;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;margin-left: 30px;margin-top: 5px;}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }
}
.bg-animated {animation: colorchange 15s infinite;  -webkit-animation: colorchange 15s infinite;}
@keyframes colorchange {
    0% {background-color: #3F8FA9;}
    34%  {background-color: #826395;}
    67% {background-color: #F17412;}
    100% {background-color: #3F8FA9;}
}
@-webkit-keyframes colorchange {
    0% {background-color: #3F8FA9;}
    34%  {background-color: #826395;}
    67% {background-color: #F17412;}
    100% {background-color: #3F8FA9;}
}
.cta-btn {
    overflow: hidden;
    position: relative;
}
@-webkit-keyframes MOVE-BG {
    from {-webkit-transform: translateX(0);}
    to {-webkit-transform: translateX(46px);}
}
@keyframes MOVE-BG {
    from {transform: translateX(0);}
    to {transform: translateX(46px);}
}
.cta-btn:before {
    content: '';
    position: absolute;
    left: -46px;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-repeating-linear-gradient(145deg, rgba(45,45,45,.2) 1px, rgba(47,47,47,.15) 2px, rgba(47,47,47,.15) 11px, rgba(45,45,45,.2) 12px, rgba(45,45,45,.2) 20px);
    background: repeating-linear-gradient(-55deg, rgba(45,45,45,.2) 1px, rgba(47,47,47,.15) 2px, rgba(47,47,47,.15) 11px, rgba(45,45,45,.2) 12px, rgba(45,45,45,.2) 20px);
    -webkit-animation-name: MOVE-BG;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: MOVE-BG;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.creation-tmp {opacity: .99;border-radius: 3px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);}
.creation-tmp:before {
    content: '';
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    width: 100%;
    /*height: 70%;*/
    min-height: 70%;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    transition-property: top, opacity;
    transition-duration: 0.3s;
}
.creation-tmp img {
    max-width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.creation-details a,.creation-details span {
    opacity: 0;
    top: 100px;
    transition-property: top, opacity;
    transition-duration: 0.3s;
    transition-delay: 0s;
}
.creation-tmp:focus:before,
.creation-tmp:focus span, .creation-tmp:focus a, .creation-tmp:hover:before,
.creation-tmp:hover span,.creation-tmp:hover a {
    opacity: 1;
}
.creation-tmp:focus:before, .creation-tmp:hover:before {
    top: 70%;
}
.creation-tmp:focus span, .creation-tmp:hover span,.creation-tmp:focus a, .creation-tmp:hover a {
    top: 0;
}
.creation-tmp:focus .title, .creation-tmp:hover .title {
    transition-delay: 0.15s;
}
.creation-tmp:focus .info-1, .creation-tmp:hover .info-1 {
    transition-delay: 0.25s;
}
.img-zoom-effect {transition: all 8.5s ease;}
.img-zoom-effect:hover {transform: scale(1.3);}
.pics-grayscale {filter: grayscale(100%);-webkit-filter: grayscale(100%);transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;}
.pics-grayscale:hover {filter: grayscale(0);-webkit-filter: grayscale(0);}
.slider-mvn1 {
    -webkit-animation: .8s ease 0s normal forwards 1 slideFromLeft;
    animation: .8s ease 0s normal forwards 1 slideFromLeft;
}
.slider-mvn2 {
    -webkit-animation: 1s ease 0s normal forwards 1 slideFromRight;
    animation: 1s ease 0s normal forwards 1 slideFromRight;
}
.slider-mvn3 {
    -webkit-animation: .7s ease 0s normal forwards 1 slideFromBottom;
    animation: .7s ease 0s normal forwards 1 slideFromBottom;
}
#main-slider-title {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#main-slider-subtitle {
    opacity: 0;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
#main-slider-content {
    opacity: 0;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
#main-slider-btn {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
@keyframes slideFromLeft {
    from {top: -100%; opacity: 0;}
    70% {top: 20%; opacity: .7;text-shadow: 0 0 20px white;}
    to {top: 0; opacity: 1;}
}
@keyframes slideFromRight {
    0% {left: 100%; top: 0; opacity: 0;}
    100% {left: 0; top: 0; opacity: 1;}
}
@keyframes slideFromBottom {
    0% {bottom: -50px; opacity: 0;}
    40% {bottom: 10px; opacity: 0.4;}
    100% {bottom: 0; opacity: 1;}
}
body {background-color: rgba(255,255,255,1);background-image: none;background-attachment: scroll;background-repeat: no-repeat;background-size: inherit;background-position: top;}
header #head a,#member-header a,.bg-header a {color: rgba(79,79,79,1);}
header #head,#member-header,.bg-header {background-color: rgba(255,255,255,1);color: rgba(0,0,0,1);}
#menubar a, #menubar ul a,.menubar-side a {color: rgba(255,255,255,1);}
#menubar, #menubar ul,.menubar-side {background-color: rgba(50,50,50,1);color: rgba(125,125,125,1);}
#center,.center-blk,.bg-content,#popup-box {background-color: rgba(255,255,255,1);color: rgba(20,20,20,1);}
#footer a {color: rgba(125,125,125,1);background-color: rgba(31,31,31,0);}
#footer {background-color: rgba(31,31,31,0); color: rgba(125,125,125,1);}
#head .icon-header, .icon-header {background-image: url("/assets/images/icons.svg");;;;;;;;;;;;;;;;;;;;;;;;;;:;;;;;;;;;;;;;;;;;;;;;;;;}