@charset "utf-8";
@import "font-awesome.min.css";
@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Regular.woff2') format('woff2'),
        url('../fonts/TTNorms-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Bold.woff2') format('woff2'),
        url('../fonts/TTNorms-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTNorms-Heavy.woff2') format('woff2'),
        url('../fonts/TTNorms-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Didot';
    src: url('../fonts/Didot-Bold.woff2') format('woff2'),
        url('../fonts/Didot-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {scroll-behavior: smooth;}
/* ==============================
   Common styles
   ============================== */
.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.align-right{ text-align:right !important; }
.text-justify{ text-align: justify !important; }
.left{float:left !important;}
.right{float:right !important;}
.relative{position:relative;}
.hidden{display:none;}
.inline-block{display:inline-block;}
.white{ color: #fff !important; }
.black{ color: #111 !important; }
.color{ color: #e41919 !important; }
.glass{ opacity: .5; }
.image-fullwidth img{width:100%}
.stick-fixed{position:fixed!important;top:0;left:0}
.round{-webkit-border-radius:2px!important;-moz-border-radius:2px!important;border-radius:2px!important}
::-moz-selection{color:#fff;background:#000}
::-webkit-selection{color:#fff;background:#000}
::selection{color:#fff;background:#000}
.animate,.animate *{-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.no-animate,.no-animate *{-webkit-transition:0 none!important;-moz-transition:0 none!important;-ms-transition:0 none!important;-o-transition:0 none!important;transition:0 none!important}
.shadow{-webkit-box-shadow:0 3px 50px #00000026;-moz-box-shadow:0 3px 50px #00000026;box-shadow:0 3px 50px #00000026}
.white-shadow{-webkit-box-shadow:0 0 200px #fff3;-moz-box-shadow:0 0 200px #fff3;box-shadow:0 0 200px #fff3}
.clearlist,.clearlist li{list-style:none;padding:0;margin:0;background:none}
.full-wrapper{margin:0 2%}
/*@media (min-width: 768px) {
    .container{width: 750px;}
}
@media (min-width: 992px){ 
	.container{width: 970px;}
}
@media (min-width: 1200px){ 
    .container{width: 1170px;}
}*/
.container-fluid{max-width:100%;margin:0 auto;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:root{scroll-behavior:auto}
html{overflow-y:scroll;-ms-overflow-style:scrollbar}
html,body{height:100%;-webkit-font-smoothing:antialiased}
.page{overflow:hidden}
.body-masked{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:#fff url(../images/loader.gif) no-repeat center center;z-index:100000}
.mask-delay{-webkit-animation-delay:.75s;-moz-animation-delay:.75s;animation-delay:.75s}
.mask-speed{-webkit-animation-duration:.25s!important;-moz-animation-duration:.25s!important;animation-duration:.25s!important}
iframe{border:none}
a,b,div,ul,li{-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;-moz-outline-:none}
a:focus:not(.focus-visible),a:active,section:focus,div:active,div:focus{-moz-outline:none;outline:none}
a:focus.focus-visible,button:focus.focus-visible,div:focus.focus-visible{-moz-outline:2px dotted #36a367!important;outline:2px dotted #36a367!important;outline-offset:0!important}
img:not([draggable]),embed,object,video{max-width:100%;height:auto}
/* ==============================
   Page loader
   ============================== */
.page-loader{display:block;width:100%;height:100%;position:fixed;top:0;left:0;background:#181e3d;z-index:100000}
.loader{width:50px;height:50px;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;font-size:10px;text-indent:-12345px;border-top:3px solid #fe55341a;border-right:3px solid #fe55341a;border-bottom:3px solid #fe55341a;border-left:3px solid #fe5534ff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:spinner 700ms infinite linear;-moz-animation:spinner 700ms infinite linear;-ms-animation:spinner 700ms infinite linear;-o-animation:spinner 700ms infinite linear;animation:spinner 700ms infinite linear;will-change:transform;z-index:100001}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ==============================
   Typography
   ============================== */
body{color:#1a1f3c;font-size:18px;font-family:"TT Norms",arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:#1a1f3c;text-decoration:underline}
a:hover{color:#fe5534;text-decoration:underline}
h1,h2,h3,h4,h5,h6{margin-bottom:1.3em;line-height:1.4;font-weight:400}
h1,.h1{font-size:32px}
h2,.h2{font-size:28px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px;font-weight:700}
p{margin:0 0 2em}
ul,ol{margin:0 0 1.5em}
blockquote{margin:3em 0;padding:0;border:none;background:none;font-style:normal;line-height:1.7;color:#777}
blockquote p{margin-bottom:1em;font-size:24px;font-weight:300;font-style:normal;line-height:1.6}
blockquote footer{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:2px}
dl dt{margin-bottom:5px}
dl dd{margin-bottom:15px}
pre{background-color:#f9f9f9;border-color:#ddd}
hr{background-color:#000;opacity:.08}
hr.white{background-color:#fff}
.uppercase{text-transform:uppercase}
.font-alt{font-family:TT Norms,arial,sans-serif;text-transform:uppercase}
.serif{font-family:"Times New Roman",Times,serif;font-style:italic;font-weight:400}
.normal{font-weight:400}
.strong,strong{font-weight:700!important}
/* ==============================
   Home sections
   ============================== */
.home-section{width:100%;display:block;position:relative;overflow:hidden;background-repeat:no-repeat;background-attachment:fixed;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:0}
.home-content{display:table;width:100%;height:100%;text-align:center;position:relative}
.home-text{display:table-cell;height:100%;vertical-align:middle}
/* Scroll down icon */
@-webkit-keyframes scroll-down-anim {
    0%{ bottom: 2px; }
    50%{ bottom: 7px; }
    100%{ bottom: 2px; }
}
@-moz-keyframes scroll-down-anim {
    0%{ bottom: 2px; }
    50%{ bottom: 7px; }
    100%{ bottom: 2px; }
}
@-o-keyframes scroll-down-anim {
    0%{ bottom: 2px; }
    50%{ bottom: 7px; }
    100%{ bottom: 2px; }
}
@keyframes scroll-down-anim {
    0%{ bottom: 2px; }
    50%{ bottom: 7px; }
    100%{ bottom: 2px; }
}
.scroll-down{width:40px;height:40px;margin-left:-20px;position:absolute;bottom:20px;left:50%;text-align:center;text-decoration:none;-webkit-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-moz-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-o-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940)}
.scroll-down:before{display:block;content:"";width:40px;height:40px;margin:0 0 0 -20px;position:absolute;bottom:0;left:50%;background:#fff;-webkit-border-radius:2rem;-moz-border-radius:2rem;border-radius:2rem;-webkit-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-moz-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);-o-transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);transition:all 500ms cubic-bezier(0.250,0.460,0.450,0.940);z-index:1}
.scroll-down:hover:before{opacity:.6}
.scroll-down-icon{display:block;width:30px;height:28px;margin-left:-15px;position:absolute;left:50%;bottom:5px;color:#fe5534;font-size:25px;-webkit-animation:scroll-down-anim 1s infinite;-moz-animation:scroll-down-anim 1s infinite;-o-animation:scroll-down-anim 1s infinite;animation:scroll-down-anim 1s infinite;z-index:2}
/*HTML5 BG VIdeo*/
.bg-video-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}
.bg-video-overlay{position:absolute;width:100%;height:100%;top:0;left:0}
.bg-video-wrapper video{max-width:inherit;height:inherit;z-index:0}
a.bg-video-button-muted{display:block;width:1em;height:1em;position:absolute;bottom:15px;left:15px;font-size:28px;line-height:1;color:#fff;opacity:.75;z-index:1000}
.no-transp{opacity:1!important}
.fullwidth-galley-content{position:absolute;top:0;left:0;width:100%;z-index:25}
/* ==============================
   Fullscreen menu
   ============================== */
.fm-logo-wrap{position:fixed;top:0;left:0;z-index:1030}
.fm-logo-wrap .logo{display:block;width:100%;height:auto}
.sidebar-logo{width:100%;height:auto;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.fm-button{display:block;position:fixed;top:15px;right:15px;width:54px;height:54px;background-color:transparent;border:1px solid #fe5534;opacity:1;text-indent:-12345px;z-index:1030;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:opacity .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:opacity .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:opacity .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:opacity .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:opacity .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.fm-button:hover{opacity:1}
.fm-button span{display:block;width:22px;height:2px;background:#fe5534;position:absolute;top:50%;left:50%;margin:-1px 0 0 -11px;-webkit-transition:all .07s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .07s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .07s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .07s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .07s cubic-bezier(0.000,0.000,0.580,1.000)}
.fm-button span:before,.fm-button span:after{content:"";display:block;width:100%;height:2px;background:#fe5534;position:absolute;top:-6px;left:0;-webkit-transition:top .07s cubic-bezier(0.000,0.000,0.580,1.000),bottom .07s cubic-bezier(0.000,0.000,0.580,1.000),-webkit-transform .2s cubic-bezier(0.000,0.000,0.580,1.000) .07s;-moz-transition:top .07s cubic-bezier(0.000,0.000,0.580,1.000),bottom .07s cubic-bezier(0.000,0.000,0.580,1.000),-moz-transform .2s cubic-bezier(0.000,0.000,0.580,1.000) .07s;-o-transition:top .07s cubic-bezier(0.000,0.000,0.580,1.000),bottom .07s cubic-bezier(0.000,0.000,0.580,1.000),-o-transform .2s cubic-bezier(0.000,0.000,0.580,1.000) .07s;-ms-transition:top .07s cubic-bezier(0.000,0.000,0.580,1.000),bottom .07s cubic-bezier(0.000,0.000,0.580,1.000),-ms-transform .2s cubic-bezier(0.000,0.000,0.580,1.000) .07s;transition:top .07s cubic-bezier(0.000,0.000,0.580,1.000),bottom .07s cubic-bezier(0.000,0.000,0.580,1.000),transform .2s cubic-bezier(0.000,0.000,0.580,1.000) .07s}
.fm-button span:after{top:auto;bottom:-6px}
.fm-button.active{background-color:transparent;border:1px solid #fff!important;z-index:2001;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.fm-button.active span{background:transparent!important}
.fm-button.active span:before{top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff!important;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.fm-button.active span:after{bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff!important;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.fm-button.active:hover span:before,.fm-button.active:hover span:after{background:#fe5534!important}
.fm-button.active:hover{border:1px solid #fe5534!important}
.fm-wrapper{display:none;width:100%;height:100%;position:fixed;top:0;left:0;padding:50px 30px;overflow-x:hidden;overflow-y:auto;background:#181e3df0;z-index:2000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.fm-wrapper-sub{display:table;width:100%;height:100%;opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .1s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .1s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .1s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .1s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .1s cubic-bezier(0.000,0.000,0.580,1.000)}
.fm-wrapper-sub.js-active{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.fm-wrapper-sub-sub{display:table-cell;text-align:center;vertical-align:middle}
.fm-menu-links,.fm-menu-links ul{margin:0;padding:10px 0;line-height:1.3;text-align:left;list-style-type:none}
.fm-menu-links ul.fm-sub{padding:0}
.fm-menu-links a{display:block;position:relative;margin:0;padding:15px 0;color:#fff;font-size:34px;letter-spacing:2px;font-weight:900;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:#ffffff1a;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);z-index:11}
.no-touch .fm-menu-links a:hover,.fm-menu-links a:active,.fm-menu-links li.js-opened > a{color:#fe5534;text-decoration:none}
.fm-menu-links li{margin:0;padding:0;position:relative;border-bottom:1px solid #fff}
fm-sub
.fm-menu-links li > a:active,.fm-menu-links li.active > a,.fm-menu-links li a.active{color:#f5f5f5}
.fm-menu-links li.js-opened:before{display:none}
.no-touch .fm-menu-links li.js-opened > a:hover,.fm-menu-links li.js-opened > a:active{color:#fe5534}
.fm-has-sub .fa{font-size:14px}
.js-opened > .fm-has-sub > .fa{color:#fff}
.fm-sub{display:none;opacity:0;position:relative}
.fm-sub > li{border-bottom:none}
.fm-sub > li > a{font-size:20px;font-weight:400;padding:5px 0}
.fm-sub > li:last-child > a{padding-bottom:25px}
.fm-menu-links li.js-opened .fm-sub{opacity:1}
.fm-search{width:320px}
.fm-search input.search-field{background:transparent;color:#555;text-align:center;border:none;border-bottom:1px solid #fff3}
.fm-search input.search-field:hover{border:none;border-bottom:1px solid #fff6}
.fm-search input.search-field:focus{color:#999;border-color:#ffffffb3}
.fm-search .search-button:hover{color:#fff}
.fm-social-links{padding:10px 0;font-size:14px;text-align:left}
.fm-social-links > a{display:inline-block;margin:0 2px;width:34px;height:34px;line-height:30px;border:1px solid #fff;text-align:center;text-decoration:none;color:#fff;-webkir-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.fm-social-links > a:hover{border-color:#fe5534;color:#fe5534}
/* ==============================
   Sections styles
   ============================== */
.page-section,.small-section{width:100%;display:block;position:relative;overflow:hidden;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:120px 0 140px}
.small-section{padding:70px 0}
.bg-scroll{background-attachment:scroll!important;background-position:center center!important}
.bg-orange{background-color:#f47631!important}
.section-title{margin-bottom:15px;font-size:34px;font-weight:900;text-transform:uppercase;text-align:center;letter-spacing:0;line-height:1.4}
.section-heading{margin-bottom:15px;font-size:24px;font-weight:400;text-transform:uppercase;text-align:center;letter-spacing:.5em;line-height:1.3}
.section-line{width:55px;height:1px;margin:30px auto;background:#111}
.section-text{font-size:18px;font-weight:400;color:#181e3d;line-height:1.4}
.section-text blockquote{margin-top:-5px}
.section-bot-image{margin:140px 0 -140px;text-align:center;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}
.image-fullwidth img{width:100%}
.home-bot-image{width:100%;position:absolute;bottom:0;left:0;text-align:center}
/* ==============================
   Footer
   ============================== */
.footer{text-align:center;font-size:12px;background-color:#181e3d}
.footer a{color:#fff;text-decoration:none;-webkit-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-o-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000)}
.footer a:hover{color:#fe5534;text-decoration:underline}
.footer-social-links{font-size:14px}
.footer-social-links a{width:25px;height:25px;line-height:25px!important;position:relative;margin:0 6px;text-align:center;display:inline-block;color:#111;-webkit-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-o-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000)}
.footer-social-links a i,.footer-social-links a span[class^=icon]{position:relative;top:0;left:0}
.footer-social-links a:before{content:"";display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-o-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000)}
.footer-social-links a:hover{color:#fff}
a.link-to-top{position:absolute;bottom:0;right:20px;width:30px;height:45px;line-height:30px;text-align:center;color:#181e3d;font-size:20px;background-color:#fff;border-radius:1rem 1rem 0 0;-webkit-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-o-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000);transition:all .27s cubic-bezier(0.300,0.100,0.580,1.000)}
a.link-to-top:hover{color:#fff;background-color:#fe5534}
/* ==============================
   Owl Carousel
   ============================== */
.owl-carousel{overflow:hidden}
.owl-buttons{position:static}
.owl-prev,.owl-next{opacity:0;display:block;position:absolute;top:50%;margin-top:-50px;width:105px;height:105px;line-height:105px;font-size:16px;text-align:center;color:#111;z-index:6;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.owl-prev{left:-50px}
.owl-next{right:-50px}
.owl-prev:before,.owl-next:before{content:"";display:block;width:66%;height:66%;position:absolute;top:17px;left:0;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:1px 1px 0 #0000001a;-moz-box-shadow:1px 1px 0 #0000001a;box-shadow:1px 1px 0 #0000001a;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.owl-next:before{left:auto;right:0}
.owl-prev .fa,.owl-next .fa{position:relative}
.owl-prev:hover,.owl-next:hover{-webkit-transition:0 none!important;-moz-transition:0 none!important;-ms-transition:0 none!important;-o-transition:0 none!important;transition:0 none!important}
.owl-prev:hover:before,.owl-next:hover:before{opacity:.87}
.owl-prev:active:before,.owl-next:active:before{opacity:.6}
.owl-carousel:hover .owl-prev{opacity:1;left:-35px}
.owl-carousel:hover .owl-next{opacity:1;right:-35px}
.owl-carousel .owl-prev:focus{opacity:1;left:-35px}
.owl-carousel .owl-next:focus{opacity:1;right:-35px}
.owl-pagination{display:block;width:100%;position:absolute;bottom:30px;left:0;text-align:center}
.owl-page{display:inline-block;padding:6px 4px;position:relative}
.owl-page span{width:6px;height:6px;display:block;background:#ffffffb3;position:relative;z-index:1000!important;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:1px 1px 0 #0000001a;-moz-box-shadow:1px 1px 0 #0000001a;box-shadow:1px 1px 0 #0000001a;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.owl-page:hover span{background:#ffff}
.owl-page.active span{background:transparent;border:1px solid #fffc;-webkit-transform:scale(1.3333333);-moz-transform:scale(1.3333333);-o-transform:scale(1.3333333);-ms-transform:scale(1.3333333);transform:scale(1.3333333)}
.item-carousel .owl-prev{left:-125px}
.item-carousel .owl-next{right:-125px}
.item-carousel.owl-carousel:hover .owl-prev,.item-carousel.owl-carousel .owl-prev:focus,.small-item-carousel.owl-carousel:hover .owl-prev,.small-item-carousel.owl-carousel .owl-prev:focus{opacity:0;position:absolute!important;height:1px;width:1px;overflow:hidden}
.item-carousel.owl-carousel:hover .owl-next,.item-carousel.owl-carousel .owl-next:focus,.small-item-carousel.owl-carousel:hover .owl-next,.small-item-carousel.owl-carousel .owl-next:focus{opacity:0;position:absolute!important;height:1px;width:1px;overflow:hidden}
.item-carousel{margin-bottom:-50px;padding-bottom:50px}
.item-carousel .owl-pagination{bottom:0}
.work-full-slider .owl-pagination,.content-slider .owl-pagination{bottom:15px}
.single-carousel,.small-item-carousel{margin-bottom:35px}
.single-carousel .owl-pagination,.small-item-carousel .owl-pagination{position:relative;left:0;top:35px;margin:0}
/* ==============================
   Toggle
   ============================== */
.toggle > dt{margin-bottom:10px;font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:0}
.toggle > dt > a{display:block;position:relative;color:#fcf2e8;text-decoration:none;padding:14px 0;border-bottom:1px solid #fcf2e8;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.toggle > dt > a:hover{text-decoration:none;border-color:#9ba9ea;color:#9ba9ea;font-weight:400}
.toggle > dt > a.active{border-color:#9ba9ea;color:#9ba9ea;font-weight:700}
.toggle > dt > a:after{content:"";background-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 433.33 433.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-10 %7B fill: none; stroke: %23fcf2e8; stroke-linecap: round; stroke-linejoin: round; stroke-width: 33.33px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-10' d='M216.67,16.67v400'/%3E%3Cpath class='cls-10' d='M16.67,216.67h400'/%3E%3C/svg%3E");width:15px;height:15px;margin-top:-8px;position:absolute;top:50%;right:10px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:15px;line-height:15px;text-align:center;color:#fcf2e8;-webkit-font-smoothing:antialiased;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
.toggle > dt > a.active:after,.toggle > dt > a.active:hover:after{content:"";transform:rotate(-45deg);background-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 433.33 433.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-10 %7B fill: none; stroke: %239ba9ea; stroke-linecap: round; stroke-linejoin: round; stroke-width: 33.33px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-10' d='M216.67,16.67v400'/%3E%3Cpath class='cls-10' d='M16.67,216.67h400'/%3E%3C/svg%3E")}
.toggle > dt > a:hover:after{content:"";background-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 433.33 433.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-10 %7B fill: none; stroke: %239ba9ea; stroke-linecap: round; stroke-linejoin: round; stroke-width: 33.33px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-10' d='M216.67,16.67v400'/%3E%3Cpath class='cls-10' d='M16.67,216.67h400'/%3E%3C/svg%3E")}
.toggle > dd{margin-bottom:10px;margin-top:calc(var(--bs-gutter-x));padding:0;font-size:18px;line-height:1.8;color:#fff}
/* ==============================
   Wow animation fix
   ============================== */
.wow{opacity:.01}
.wow.animated,.mobile .wow{opacity:1}
@media print {
.wow,.wow.scaleOutIn,.wow-menubar,.wow-p{opacity:1!important;-webkit-transform:none!important;transform:none!important;-webkit-animation:none!important;animation:none!important}
}
/* ==============================
   Morphext
   ============================== */
.morphext > .animated{display:inline-block;-webkit-animation-duration:1s;animation-duration:1s}
/* ==============================
   Skip to Content Link
   ============================== */
.skip-to-content{position:absolute;top:3px;left:3px;padding:20px 40px;color:#fff;background:#111;-webkit-transform:translateY(-150%);-moz-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);z-index:100000}
.skip-to-content:hover,.skip-to-content:focus,.skip-to-content.focus-visible{color:#fff;opacity:1;background:#000;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
/* ==============================
   Bobby change
   ============================== */
.margin-block{margin-bottom: 30px;}
.table100 {display: table;}
.tablecell {display: table-cell;vertical-align: middle;}
#clients, #engagements {background-color: #453156;}
#visions {background-color: #fcf2e8}
#referents { background: #9ba9ea}
#equipe { background: #9ba9ea url(../images/fond-equipe.webp) no-repeat bottom right; background-size: contain;}
.cls-1 {-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.orange .cls-1 {fill: #fe5534;}
.orange .fm-button {border: 1px solid #fe5534;}
.orange .fm-button span, .orange .fm-button span::before, .orange .fm-button span::after {background: #fe5534;}
.violet .cls-1 {fill: #9ba9ea;}
.violet .fm-button {border: 1px solid #9ba9ea;}
.violet .fm-button span, .violet .fm-button span::before, .violet .fm-button span::after {background: #9ba9ea;}
.vert .cls-1 {fill: #e6fe74;}
.vert .fm-button {border: 1px solid #e6fe74;}
.vert .fm-button span, .vert .fm-button span::before, .vert .fm-button span::after {background: #e6fe74;}
.sable .cls-1 {fill: #fcf2e8;}
.sable .fm-button {border: 1px solid #fcf2e8;}
.sable .fm-button span, .sable .fm-button span::before, .sable .fm-button span::after {background: #fcf2e8;}
.kaki .cls-1 {fill: #87924f;}
.kaki .fm-button {border: 1px solid #87924f;}
.kaki .fm-button span, .kaki .fm-button span::before, .kaki .fm-button span::after {background: #87924f;}
.blanc .cls-1 {fill: #fff;}
.blanc .fm-button {border: 1px solid #fff;}
.blanc .fm-button span, .bleumarine .fm-button span::before, .bleumarine .fm-button span::after {background: #fff;}
.bleumarine .cls-1 {fill: #181e3d;}
.bleumarine .fm-button {border: 1px solid #181e3d;}
.bleumarine .fm-button span, .bleumarine .fm-button span::before, .bleumarine .fm-button span::after {background: #181e3d;}
#rea .orange .cls-1 {fill: #fe5534;}
#rea footer .orange .cls-1 {fill: #fe5534;}
#rea .orange .fm-button {border: 1px solid #fe5534;}
#rea .orange .fm-button span, #rea .orange .fm-button span::before, #rea .orange .fm-button span::after {background: #fe5534;}
#projet .orange .fm-button.active {border: 1px solid #fe5534 !important;}
#projet .orange .fm-button.active span::before, #projet .orange .fm-button.active span::after {background: #fe5534 !important;}
#clients .section-title { color: #9ba9ea}
#recompenses .section-title { color: #fe5534}
#equipe .section-title, #certifications .section-title, #referents .section-title { color: #e6fe74}
#clients, #certifications, #refrents { color: #fcf2e8; font-size: 18px; line-height: 1.4}
#clients h3 svg {vertical-align: top;margin-top: 4px;}
#titre1, #titre2,#titre3, #titre4, #titre5{opacity: 0;}
#titre1.appear, #titre2.appear, #titre3.appear, #titre4.appear, #titre5.appear {animation-name: fadeInUp;animation-duration:1s;opacity: 1;}
#visions .section-title { color: #87924f}
#visions .section-text{ color: #87924f; font-size: 18px}
#engagements { color: #fcf2e8;}
#engagements .section-text{ color: #fcf2e8; font-size: 18px}
#referents .section-text{ color: #e6fe74; font-size: 18px}
.linkmanifesto{background-color: #9ba9ea; border-radius: 50%; width: 40px;display: inline-block;padding: 12px;height: 40px;line-height: 10px;}
.strokewhite {fill: none;stroke: #fff;stroke-linecap: round;stroke-linejoin: round;stroke-width: 33.33px;}
.bloclogo {background-color: #fff; border-radius:10px; padding: 15px; margin-bottom: calc(var(--bs-gutter-x))}
.text-stroke{-webkit-text-stroke: 2px #fe5534; text-stroke: 2px #fe5534;}
.font-heavy{ font-weight:900; color:#fff}
.lignerecompenses{display: table}
.anneerecompense{-webkit-text-stroke: 2px #fe5534; text-stroke: 2px #fe5534; font-size: 50px; margin-bottom: 0; font-weight:900; color:#fff;}
.blocrecompense{display: flex; flex-wrap: wrap; padding: 50px 20px;}
.fondrecompense{background: #fff;border-radius: 10px;}
.textrecompense{color:#fe5534; text-align: left;  display: inline-table; padding-left:10px}
.bordertxt{border-left: 0; padding-left:0; font-size: 18px; line-height: 1.4; margin-top: 20px;}
.blockcenter{display: flex; padding: 30px 0 30px 0 !important;}
.marginauto{margin: auto}
.blocreferent{position: relative}
.imgreferent{border-radius: 10rem / 10rem; width: 240px}
.contactreferent{width: 240px;display: inline-block;text-align: center; padding-top: 15px}
.namereferent{font-size:20px;color: #e6fe74;margin: 0;font-weight: bold;letter-spacing: 0; text-transform: none;}
.comment1ref{position: absolute; width: 240px; color: #e6fe74}
.comment2ref{position: absolute; width: 240px; color: #e6fe74;}
.comment1ref svg, .comment2ref svg{width: 80%}
.comment1ref div, .comment2ref div {font-weight: bold; font-size: 16px; line-height: 1.4; margin-top: 10px;}
#referents .lienbt{background-color: transparent; color: #e6fe74;display: inline-block;margin:10px 0;font-size:14px; text-transform: lowercase; text-decoration: none;transition: all 200ms ease; border: 1px solid #e6fe74; border-radius: 2rem; letter-spacing: 0;padding: 0 5px 3px 5px;}
#referents .lienbt:hover{background-color: #e6fe74; color: #181e3d;text-decoration: none }
#recompenses .owl-pagination, #certifications .owl-pagination {display: none; }
#recompenses .owl-prev,
#recompenses .owl-next{opacity: 1;display: block;position: absolute;margin-top: -17px;width: 35px;height: 35px;line-height: 30px;font-size: 20px;text-align: center;color: #fe5534;z-index: 6; border: 1px solid #fe5534;border-radius: 50%;-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
#certifications .owl-prev,
#certifications .owl-next{opacity: 1;display: block;position: absolute;margin-top: -17px;width: 35px;height: 35px;line-height: 30px;font-size: 20px;text-align: center;color: #e6fe74;z-index: 6; border: 1px solid #e6fe74;border-radius: 50%;-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
#recompenses .owl-prev:before,
#recompenses .owl-next:before,
#certifications .owl-prev:before,
#certifications .owl-next:before{content: none;}
#recompenses .owl-prev:hover,
#recompenses .owl-next:hover{background-color: #fe5534;-webkit-transition: 0 none !important; -moz-transition: 0 none !important; -ms-transition: 0 none !important; -o-transition: 0 none !important; transition:0 none !important; color:#fff }
#certifications .owl-prev:hover,
#certifications .owl-next:hover{background-color: #e6fe74;-webkit-transition: 0 none !important; -moz-transition: 0 none !important; -ms-transition: 0 none !important; -o-transition: 0 none !important; transition:0 none !important; color:#87924f  }

#recompenses .owl-carousel:hover .owl-next, #certifications .owl-carousel:hover .owl-prev{opacity: 1;right: 0px;}
#recompenses .owl-carousel .owl-prev:focus, #certifications .owl-carousel .owl-prev:focus{opacity: 1;left: 0px;}
#recompenses .owl-carousel .owl-next:focus, #certifications .owl-carousel .owl-prev:focus{opacity: 1;right: 0px;}
#recompenses .owl-carousel, #certifications .owl-carousel {overflow: visible;}
#certifications .item-carousel {margin-bottom: 0; padding-bottom: 0;}
.box-container {height: 50vh;display: flex;align-items: center;justify-content: space-around;flex-direction: row;}
.bordureblanc{width: 1px; background-color: #FFF; height: 30px;margin: 0 20px;vertical-align: middle;}
.fill-white {fill: #fff;}
footer .mentions{ text-align: left;}
footer .mentions a {color: #fff}
footer .footer-social-links a::before {content: none;}
footer .footer-social-links a:hover {color: #fe5534;}
footer .footer-social-links a {color: #fff;margin: 0px 4px;}
footer .footer-social-links {font-size: 20px;}
/*.boxequipe {padding-top: 20px }*/
.fill-orange {fill: #fe5534;}
.fill-vert {fill: #e6fe74;}
.fill-violet{fill: #9ba9ea;}
.fill-kaki {fill: #87924f;}
.fill-sable {fill: #fcf2e8;}
.fill-bm {fill: #181e3d;}
.fill-none{fill: none;}
.stroke-sable {fill: none;stroke: #fcf2e8;stroke-miterlimit: 10;}
.stroke-vert{fill: none;stroke: #e6fe74;stroke-miterlimit: 10;}
/* réalisation liste 
#equipe .works-grid .equipe-item{padding:10px} 
#equipe.page-section, #engagements.page-section  {padding: 70px 0 0 0;} */
#equipe .boxequipe {border-radius: 20rem / 20rem; overflow: hidden; position: relative }
#equipe .listequipe .equipe-item:nth-child(even) {margin-top: 30px}
#equipe .work-image{position:relative;overflow:hidden; background-color: transparent;}
#equipe .work-image img{display:block;overflow:hidden;width:100%; mix-blend-mode: luminosity; transition: all 200ms ease;}
#equipe .equipe-item:hover .work-image {background-color: #FF6619;}
#equipe .work-image:after{position:absolute;display:block;content:"";height:100%;width:100%;top:0;left:0}
#equipe .work-caption{width: calc(100% - 15px);padding: 0 20px;opacity:0;position:absolute;left:10px;text-align:left;overflow:hidden; bottom:0}
#equipe .work-name{font-size:20px;color: #e6fe74;margin: 0;font-weight: bold;letter-spacing: 0; text-transform: none;}
#equipe .work-fct{font-size:18px;color: #e6fe74;margin-bottom: 15px;font-weight: normal;letter-spacing: 0; text-transform: none;line-height: 1}
#equipe .work-descr{color:#e6fe74;font-size:16px; line-height:1.1;;text-transform:none; font-weight: normal; text-align: left}
#equipe .equipe-item:hover .work-image:after{background:rgba(0,0,0,.6)}
#equipe .equipe-item:hover .work-image > img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
#equipe .equipe-item:hover .work-caption{bottom:150px;opacity:1;z-index:3;}
/* Work item white background*/
#equipe .works-grid.works-hover-w .equipe-item:hover .work-image:after {background: rgb(255,102,25);background: linear-gradient(0deg, rgba(255,102,25,1) 0%, rgba(255,102,25,0) 100%);opacity: 1;}
/* Work item gradien background*/
#equipe .works-grid.works-hover-g .work-image:after {opacity: 0;}
#equipe .works-grid.works-hover-g .work-descr {color: #fff;}
#equipe .work-caption, .work-image > img, .work-image::after {transition: all 0.3s ease-in-out 0s;}
/*#equipe .works-grid.works-hover-w .bleu:hover .work-image:after {background: rgb(255,102,25);background: linear-gradient(0deg, rgba(18, 30, 73,1) 0%, rgba(18, 30, 73,0) 90%);opacity: 1;}*/
#equipe .works-grid.works-hover-w .bleu:hover .work-image:after {background: rgba(24, 30, 61,.6);opacity: 1;}
#equipe .bleu:hover .work-image {background-color:#181e3d;}
#equipe .bleu .lienbt{background-color: transparent; color: #e6fe74;display: inline-block;margin:10px 0;font-size:13px; text-transform: lowercase;float: left; text-decoration: none;transition: all 200ms ease; border: 1px solid #e6fe74; border-radius: 2rem; letter-spacing: 0;padding: 0 5px 3px 5px; display: block}
#equipe .bleu .lienbt:hover{background-color: #e6fe74; color: #181e3d;text-decoration: none }
#equipe .work-caption{padding: 0 10px;}
#realisations .boxequipe {overflow: hidden; position: relative }
#realisations .listequipe .equipe-item {margin-top: 20px}
#realisations .borderh {border-radius: 10rem 10rem 15px 15px / 10rem 10rem 15px 15px;}
#realisations .borderb {border-radius: 15px 15px 10rem 10rem / 15px 15px 10rem 10rem;}
#realisations .fondcouleur {border-radius: 15px}
/*
#realisations .listequipe .equipe-item:nth-child(even) .boxequipe {border-radius: 15px 15px 10rem 10rem / 15px 15px 10rem 10rem; overflow: hidden; position: relative }
#realisations .listequipe .equipe-item:nth-child(even) {margin-top: 30px}
#realisations .boxequipe {border-radius: 10rem 10rem 15px 15px / 10rem 10rem 15px 15px; overflow: hidden; position: relative }
#realisations .listequipe .equipe-item:nth-child(even) .boxequipe {border-radius: 15px 15px 10rem 10rem / 15px 15px 10rem 10rem; overflow: hidden; position: relative }
*/
#realisations .work-image{position:relative;overflow:hidden; background-color: transparent;}
#realisations .work-image img{display:block;overflow:hidden;width:100%; transition: all 200ms ease;}
#realisations .equipe-item:hover .work-image {background-color: #FF6619;}
#realisations .work-image:after{position:absolute;display:block;content:"";height:100%;width:100%;top:0;left:0}
#realisations .work-caption{width: calc(100% - 15px);padding: 0 20px;opacity:0;position:absolute;left:10px;text-align:left;overflow:hidden;}
#realisations .borderh .work-caption{ bottom:30px}
#realisations .borderb .work-caption{ top:30px; }
#realisations .work-name{font-size:24px;color: #fff;margin: 0;font-weight: bold;letter-spacing: 0; text-transform: none;line-height: 1.1; margin-bottom: 20px;}
#realisations .work-fct{font-size:20px;color: #fff;margin-bottom: 15px;font-weight: normal;letter-spacing: 0; text-transform: none;line-height: 1}
#realisations .work-descr{color:#fff;font-size:12px;letter-spacing:0;text-transform:none; font-weight: normal; text-align: left}
#realisations .equipe-item:hover .work-image:after{background:rgba(0,0,0,.6)}
#realisations .equipe-item:hover .work-image > img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); filter: blur(4px);}
#realisations .equipe-item:hover .work-caption{opacity:1;z-index:3;}
/* Work item white background*/
#realisations .works-grid.works-hover-w .equipe-item:hover .work-image:after {background: rgb(255,102,25);background: linear-gradient(0deg, rgba(255,102,25,1) 0%, rgba(255,102,25,0) 100%);opacity: 1;}
/* Work item gradien background*/
#realisations .works-grid.works-hover-g .work-image:after {opacity: 0;}
#realisations .works-grid.works-hover-g .work-descr {color: #fff;}
#realisations .work-caption, .work-image > img, .work-image::after {transition: all 0.3s ease-in-out 0s;}
/*#realisations .works-grid.works-hover-w .bleu:hover .work-image:after {background: rgb(255,102,25);background: linear-gradient(0deg, rgba(18, 30, 73,1) 0%, rgba(18, 30, 73,0) 90%);opacity: 1;}*/
#realisations .works-grid.works-hover-w .bleu:hover .work-image:after {background: rgba(24, 30, 61,.2);opacity: 1;}
#realisations .bleu:hover .work-image {background-color:#181e3d;}
#realisations .bleu .lienbt{background-color: transparent; color: #e6fe74;display: inline-block;margin:10px 0;font-size:16px; text-transform: normal;float: left; text-decoration: none;transition: all 200ms ease; border: 1px solid #e6fe74; border-radius: 2rem; letter-spacing: 0;padding: 4px 14px 4px 14px; display: block; font-weight: bold}
#realisations .bleu .lienbt:hover{background-color: #e6fe74; color: #181e3d;text-decoration: none }
#realisations .work-caption{padding: 0;}
#realisations .bgorange .lienbt, #realisations .bgorange .lienbt:hover {border: 1px solid #fe5534; color: #fff; background-color: #fe5534;}
#realisations .bgvert .lienbt, #realisations .bgvert .lienbt:hover {border: 1px solid #e6fe74; color: #1a1f3c; background-color: #e6fe74;}
#realisations .bgviolet .lienbt, #realisations .bgviolet .lienbt:hover {border: 1px solid #9ba9ea; color: #fff; background-color: #9ba9ea;}
#realisations .bgbleum .lienbt, #realisations .bgbleum .lienbt:hover {border: 1px solid #1a1f3c; color: #fff; background-color: #1a1f3c;}
.logorse {text-align: center}
.logorse svg {width:70%}
.btrse{background-color: #87924f;color: #fff;font-weight: bold;text-decoration: none;border-radius: 2rem;padding: 10px 15px;}
.btrse:hover{background-color: #1a1f3c;color: #fff; text-decoration: none}
.backgroundright {background-position: center right}
.bgvert{ background-color: #e6fe74}
.bgorange{ background-color: #fe5534}
.bgviolet{ background-color: #9ba9ea;}
.bgbleum{ background-color: #1a1f3c}
/* ==============================
   Features
   ============================== */
.features-item{padding:15px;text-align:center;background:#fcf2e8;margin:0 10px;border-radius:10px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;color:#87924f}
.owl-item:nth-child(odd) .features-item{background-color:#e6fe74}
.features-descr{font-size:16px;text-align:left;font-weight:bold;line-height:1.2;padding-top:10px;min-height:95px}
#contact {background-color: #fcf2e8; }
.localisation{background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.76 81.76"><defs><style> .cls-1 { fill: %231a1f3c; } .cls-2 { fill: %23fe5534; } </style></defs><circle class="cls-1" cx="40.88" cy="40.88" r="40.88"/><path class="cls-2" d="M34.4,18.21c2.93-1.18,6.16-1.43,9.27-1.01,4.63.72,8.93,3.37,11.64,7.2,2.77,3.83,3.89,8.81,2.96,13.45-.72,4.06-2.48,7.84-4.42,11.45-2.68,4.82-5.82,9.37-9.27,13.68-1.9,2.38-5.51,2.36-7.41-.02-2.78-3.48-5.36-7.12-7.67-10.92-2.54-4.26-4.87-8.76-5.91-13.65-1.04-4.63-.11-9.67,2.59-13.58,1.98-2.96,4.9-5.29,8.21-6.59ZM39.54,28.46c-1.18.28-2.29.87-3.15,1.73-2.08,2.01-2.42,5.53-.79,7.92,1.26,1.93,3.63,3.09,5.93,2.78,1.86-.13,3.58-1.24,4.62-2.77,1.09-1.57,1.27-3.65.74-5.45-.93-2.98-4.3-4.95-7.36-4.21Z"/></svg>'); background-position: top left; background-size: 60px; padding-left: 80px; background-repeat: no-repeat}
.contactadresse h2 { color: #fe5534; font-size: 20px; font-weight: bold; margin-bottom: .9em}
.bloccontact {background-color: #fcf2e8; border-radius: 10px; padding: 15px;font-size: 18px;line-height: 1.2em;}
.didotcontact {font-family: 'Didot', Georgia, serif; min-height: 60px; font-size: 20px; }
.txtcontact{min-height: 45px;display: table; }
.txtcontact div {display: table-cell; vertical-align: bottom;}
.contactbt{background-color: transparent; color: #fe5534;display: inline-block;margin:15px 0 10px 0;font-size:15px; font-weight: bold; text-transform: lowercase; text-decoration: none;transition: all 200ms ease; border: 1px solid #fe5534; border-radius: 2rem; letter-spacing: 0;padding: 0 5px 3px 5px;}
.contactbt:hover{background-color: #fe5534; color: #fcf2e8;text-decoration: none }
#listcontact{  padding: 70px 0 50px 0 !important;}
#colormenu{background-color:transparent;display: inline;height: 90px;position:initial;width: 100%;}
#colormu{background-color:rgba(24,30,61, .94);display: block;height: 65px;position: fixed;width: 100%; z-index: 9999}
.transparent .fm-logo-wrap{background-color: transparent !important}
/*.notransparent .fm-logo-wrap{background-color:rgba(24,30,61, .94) !important;}*/
.logosmall{width: 120px}	
.logobig{width: 260px}
.fm-button{top: 5px;right: 5px;}
.textefooter {width: 90%}
footer .bordureblanc, footer .orange {display: none}
.ssm {margin-top: 25px; width: 105px; height: auto}
#recompenses .owl-next, #certifications .owl-next {right: 0;}
#recompenses .owl-prev, #certifications .owl-prev {left: -80px;}
.owl-controls {position: absolute;bottom: 0;right: 0;}
#recompenses .owl-prev, #recompenses .owl-next, #certifications .owl-prev, #certifications .owl-next { margin-top: 10px; }
.js-height-full{height: auto !important; min-height: 100vh; min-height: 100svh;}
.titrefullh{top:0; width: 100%; text-align: center; position: inherit; margin-bottom: 70px; left: 0}
.reftxtshad {text-shadow: 1px 1px 6px #181e3d;}	
.comment1ref{ bottom: 110px; right: auto; left: 0}
.comment2ref{ bottom: 110px; left:auto; right:0}
.imgreferent{width: 200px}
.contactadresse:nth-child(odd) .localisation{border-right:none}	
#contact .titrefullh { top: 100px; color: #fe5534; opacity: 1; position: absolute}
.rencontrons{position: absolute; bottom:80px; left: 15px; font-size: 24px; color: #fcf2e8; font-weight: 900}
#rea {background-color: #fcf2e8}
#rea { background: #fcf2e8;}
/* ==============================
   Toggle
   ============================== */
#filter .toggle > dt{margin-bottom:10px;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:0;text-align:right;font-weight:bold}
#filter .toggle > dt > a{display:inline-block;position:relative;border-radius:2rem;color:#181e3d;text-decoration:none;padding:0 30px 0 13px;border:1px solid #181e3d;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
#filter .toggle > dt > a:hover{text-decoration:none;color:#fcf2e8;font-weight:700;background-color:#181e3d}
#filter .toggle > dt > a.active{color:#fcf2e8;font-weight:700;background-color:#181e3d}
#filter .toggle > dt > a:after{content:"";background-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 433.33 433.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-10 %7B fill: none; stroke: %23181e3d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 33.33px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-10' d='M216.67,16.67v400'/%3E%3Cpath class='cls-10' d='M16.67,216.67h400'/%3E%3C/svg%3E");width:13px;height:13px;margin-top:-7px;position:absolute;top:50%;right:10px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:15px;line-height:15px;text-align:center;color:#181e3d;-webkit-font-smoothing:antialiased;-webkit-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-moz-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-o-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);-ms-transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000);transition:all .27s cubic-bezier(0.000,0.000,0.580,1.000)}
#filter .toggle > dt > a.active:after,#filter .toggle > dt > a.active:hover:after{content:"";transform:rotate(-45deg);background-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 433.33 433.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-10 %7B fill: none; stroke: %23fcf2e8; stroke-linecap: round; stroke-linejoin: round; stroke-width: 33.33px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-10' d='M216.67,16.67v400'/%3E%3Cpath class='cls-10' d='M16.67,216.67h400'/%3E%3C/svg%3E")}
#filter .toggle > dt > a:hover:after{content:"";background-image:url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 433.33 433.33'%3E%3Cdefs%3E%3Cstyle%3E .cls-10 %7B fill: none; stroke: %23fcf2e8; stroke-linecap: round; stroke-linejoin: round; stroke-width: 33.33px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-10' d='M216.67,16.67v400'/%3E%3Cpath class='cls-10' d='M16.67,216.67h400'/%3E%3C/svg%3E")}
#filter .toggle > dd{margin-bottom:10px;margin-top:calc(var(--bs-gutter-x));padding:0;font-size:18px;line-height:1.8;color:#fff}
#filter .filtrelink{display:inline-block;position:relative;border-radius:2rem;color:#181e3d;text-decoration:none;padding:0 13px;border:1px solid #181e3d;font-size:16px;text-transform:uppercase;font-weight:700;line-height:24px}
#filter .filtrelink:hover,#filter .filtrelink.active{color:#fcf2e8;font-weight:700;background-color:#181e3d}
#filter .listinglink{display:inline-block;border-top:1px solid #181e3d;padding:5px 0 0}
.bordercol{padding: 5px; position: relative}
.borderrad{border-radius: 15px}
.backpills{height: 280px;border-radius: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;}
#projet .filtrelink{display:inline-block;position:relative;border-radius:2rem;color:#fff;text-decoration:none;padding:0 13px;background-color:#181e3d;font-size:16px;text-transform:uppercase;font-weight:700;line-height:24px;margin:0 10px 10px 0}
#projet .filtrelink:hover,#projet .filtrelink.active{color:#fff;font-weight:700;background-color:#fe5534}
#projet h1 { font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; font-size: 20px}
#projet h2 { font-weight: 900; text-transform: uppercase; margin: 0; padding: 0; font-size: 34px; margin-top: 40px}
#oeil{margin-bottom: 5px;}
#clients h2	{font-size: 34px;}	
#about h1 {font-family: 'Didot', Georgia, serif; font-size: 34px;line-height: 1.2;}
.panel { position: relative; width: 100%; height: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #181e3d; color: white; box-sizing: border-box; z-index: 1;}
.panel.description {text-align: center;}
.swipe-section {position: relative; height: 100vh; width: 100%; overflow: visible;}
.swipe-section .panel { position: absolute;}
.panel.plain {flex-direction: column;}
.panel h2 {text-transform: none; font-size: 18px; font-weight: normal;text-align: center; padding-top: 40px; line-height: 1.2}
.cursor {position: fixed;pointer-events: none;opacity: 0; display: none}
.cursor-nbx {width: 40px;height: 40px;top: 0;left: 0;z-index: 100000;fill: #fe5534;}
.cursor-eye {width: 90px;height: auto;top: -10px;left: -26px;z-index: 100000;}
#mentions .section-title {color: #fe5534}
#mentions h3 {color: #fe5534; text-transform: uppercase}
#mentions .btrse{background-color: #fe5534;color: #fff;font-weight: bold;text-decoration: none;border-radius: 2rem;padding: 10px 15px;}
.smalldev{ display: block}
.bigdev{ display: none}	
.overhid{overflow: hidden}
#projet .linkeye > img {transition: all 200ms ease; }
#projet .linkeye:hover > img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
#certifications .slidecerf {padding: 0}
#certifications .owl-controls {right: 10px}
.logoevenement{max-width: 45px !important; margin-top: 20px}
.logosporsora{max-width: 135px !important; margin-top: 20px; margin-left:0px}
#contact .js-height-full{height: auto !important; min-height: 60vh; min-height: 60svh;}
.bleumarine #logo .cls-1 {fill: #fe5534};
#contact .fm-button {border: 1px solid #fe5534;}
#top .bleumarine .fm-button span, #top .bleumarine .fm-button span::before, #top .bleumarine .fm-button span::after {background: #fe5534;}
.margetitre {padding-top: 75px !important}
.tailletitre {font-size:20px!important}
#about .section-text {font-size: 18px}
.vid-actu {
  position: absolute;
  right: 50%;
  top: 50%;
  margin-top: -30px;
  margin-right: -30px;
  width: 60px;
  height: 60px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path style="fill: %23fff;" d="M356.6,235.4l-144-88c-7.4-4.5-16.7-4.7-24.3-.5v.2c-7.6,4.2-12.3,12.3-12.3,20.9v176c0,8.7,4.7,16.7,12.3,20.9,7.6,4.2,16.8,4.1,24.3-.5l144-88c7.1-4.4,11.5-12.1,11.5-20.5s-4.4-16.1-11.5-20.5Z"/><path style="fill: %23fe5534;" d="M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256,256-114.6,256-256S397.4,0,256,0ZM356.6,276.4l-144,88c-7.5,4.6-16.7,4.7-24.3.5-7.6-4.2-12.3-12.2-12.3-20.9v-176c0-8.6,4.7-16.7,12.3-20.9v-.2c7.6-4.2,16.9-4,24.3.5l144,88c7.1,4.4,11.5,12.1,11.5,20.5s-4.4,16.1-11.5,20.5Z"/></svg>');
    background-size: auto;
  background-size: 60px 60px;
	z-index: 1;
}

@media (min-width: 469px) {
.reftxtshad {text-shadow: none;}
.comment1ref{ bottom: 110px; right: 170px;left:auto; }
.comment2ref{ bottom: 110px; left:170px;right: auto;}
.imgreferent{width: 200px}
#rea .orange .cls-1 {fill: #fe5534;}
#rea .orange .fm-button {border: 1px solid #fe5534;}
#rea .orange .fm-button span, #rea .orange .fm-button span::before, #rea .orange .fm-button span::after {background: #fe5534;}	
.logoevenement{max-width: 50px !important; margin-top: 20px}
.logosporsora{max-width: 150px !important; margin-top: 20px; margin-left:0px}	
.ssm {width: 115px;}	
}
/* sm */
@media (min-width: 576px) {
#equipe .equipe-item:hover .work-caption{bottom:70px;}
#equipe .work-caption {padding: 0px 5px;}
#equipe .work-caption {padding: 0px 10px;}
#equipe .work-name{font-size:20px;}
#equipe .work-fct{font-size:18px;}
#equipe .work-descr{font-size:16px;}
#equipe .bleu .lienbt{font-size:12px; display: block;}
.logosmall{width: 180px}	
.logobig{width: 360px}
.fm-button{top: 17px;right: 17px;}
.textefooter {width: 80%}
footer .bordureblanc, footer .orange {display: none}
.ssm {margin-top: 25px}
#certifications .owl-next {right: -40px;}
#certifications .owl-prev {left: -40px;}
#certifications .owl-carousel:hover .owl-prev {right: -40px;}
#certifications .owl-carousel:hover .owl-prev {left: -40px;}
#recompenses .owl-next {right: 10px;}
#recompenses .owl-prev {left: 10px;}
#recompenses .owl-carousel:hover .owl-next {right: 10px;}
#recompenses .owl-carousel:hover .owl-prev {left: 10px;}	
.owl-controls {position: initial;}
#recompenses .owl-prev, #recompenses .owl-next, #certifications .owl-prev, #certifications .owl-next { margin-top: -17px; }
.js-height-full{height: 100vh;height: 100svh;}
.titrefullh{top:25px; width: 100%; text-align: center; position: absolute; left: 0; margin: 0;}
.reftxtshad {text-shadow: 1px 1px 6px #181e3d;}
.comment1ref{ bottom: 110px; right: 30px;left:auto; }
.comment2ref{ bottom: 110px; left:30px;right: auto;}
.imgreferent{width: 200px}
.contactadresse:nth-child(odd) .localisation{border-right:none}
.rencontrons{position: absolute; bottom: 30px; left: 15px; font-size: 28px; color: #fcf2e8;}
#contact .titrefullh { top: 30px;}
#rea .orange .cls-1 {fill: #181e3d;}
#rea .orange .fm-button {border: 1px solid #181e3d;}
#rea .orange .fm-button span, #rea .orange .fm-button span::before, #rea .orange .fm-button span::after {background: #181e3d;}
.home-section{border-radius: 0 500px 500px 0 / 0 500px 500px 0;}
.backpills{height: 340px;border-radius:0;}
#clients h2	{font-size: 34px;}
.panel h2 {font-size: 20px;}
.cursor {display: none}	
.anneerecompense{font-size: 60px;}	
.bordertxt{border-left: 0; padding-left:0; margin-top: 20px;}
.toggle > dt {font-size: 22px;}
.smalldev{ display: block}
.bigdev{ display: none}	
#certifications .slidecerf {padding: 0 60px}
.blocrecompense { padding: 50px;}
.features-descr{font-size:16px}
.logoevenement{max-width: 70px !important; margin-top: 10px}
.logosporsora{max-width: 180px !important; margin-top: 10px; margin-left:0}
.ssm {width: 128px;}
#contact .js-height-full{height: auto !important; min-height: 100vh; min-height: 100svh;}
.bleumarine #logo .cls-1 {fill: #181e3d;}
#contact .bleumarine .fm-button {border: 1px solid #181e3d;}
#top .bleumarine .fm-button span, #top .bleumarine .fm-button span::before, #top .bleumarine .fm-button span::after {background: #181e3d;}	
.tailletitre {font-size:20px!important}
#about .section-text {font-size: 20px}
.margetitre {padding-top: 25px !important}	
}
/* md */
@media (min-width: 768px) {
#equipe .equipe-item:hover .work-caption{bottom:120px;}	
#equipe .work-caption {padding: 0px 15px;}
#equipe .work-caption {padding: 0px 10px;}
#equipe .work-name{font-size:20px;}
#equipe .work-fct{font-size:18px;}
#equipe .work-descr{font-size:16px;}
#equipe .bleu .lienbt{font-size:12px; display: block;}
.logosmall{width: 180px}	
.logobig{width: 360px}
.fm-button{top: 17px;right: 17px;}
.textefooter {width: 80%}
footer .bordureblanc, footer .orange {display: inline-block;}
.ssm {margin-top: 0}
#certifications .owl-next {right: -40px;}
#certifications .owl-prev {left: -40px;}
#certifications .owl-carousel:hover .owl-prev {right: -40px;}
#certifications .owl-carousel:hover .owl-prev {left: -40px;}
#recompenses .owl-next {right: 10px;}
#recompenses .owl-prev {left: 10px;}
#recompenses .owl-carousel:hover .owl-next {right: 10px;}
#recompenses .owl-carousel:hover .owl-prev {left: 10px;}	
.owl-controls {position: initial;}
#recompenses .owl-prev, #recompenses .owl-next, #certifications .owl-prev, #certifications .owl-next { margin-top: -17px; }
.js-height-full{height: 100vh;height: 100svh;}
.titrefullh{top:25px; width: 100%; text-align: center; position: absolute; left: 0; margin: 0;}
.reftxtshad {text-shadow: 1px 1px 6px #181e3d;}	
.comment1ref{ bottom: 160px; right: 120px;left:auto; }
.comment2ref{ bottom: 160px; left:120px;right: auto;}
.imgreferent{width: 240px}
.contactadresse:nth-child(odd) .localisation{border-right:1px solid #1a1f3c}
.rencontrons{position: absolute; bottom: 40px; left: 30px; font-size: 32px; color: #fcf2e8;}
#contact .titrefullh { top: 30px;}
#rea .orange .cls-1 {fill: #181e3d;}
#rea .orange .fm-button {border: 1px solid #181e3d;}
#rea .orange .fm-button span, #rea .orange .fm-button span::before, #rea .orange .fm-button span::after {background: #181e3d;}	
.home-section{border-radius: 0 500px 500px 0 / 0 500px 500px 0;}
.backpills{height: 400px;border-radius: 0;}
#clients h2	{font-size: 34px;}
.panel h2 {font-size: 22px;}
.cursor {display: block}
.anneerecompense{font-size: 50px;}
.bordertxt{border-left: 1px solid #fe5534; padding-left:15px; margin-top: 0;}
.toggle > dt {font-size: 22px;}	
.smalldev{ display: none}
.bigdev{ display: block}
#certifications .slidecerf {padding: 0 60px}
.blocrecompense { padding: 60px 50px;}
.features-descr{font-size:18px}
.logoevenement{max-width: 70px !important; margin-top: 10px}
.logosporsora{max-width: 180px !important; margin-top: 10px; margin-left:0}
.ssm {width: 128px;}
#contact .js-height-full{height: auto !important; min-height: 100vh; min-height: 100svh;}
.bleumarine #logo .cls-1 {fill: #181e3d;}
#contact .bleumarine .fm-button {border: 1px solid #181e3d !important;}
#top .bleumarine .fm-button span, #top .bleumarine .fm-button span::before, #top .bleumarine .fm-button span::after {background: #181e3d;}
.tailletitre {font-size:22px!important}
#about .section-text {font-size: 20px}
.margetitre {padding-top: 25px !important}	
}
/* lg */
@media (min-width: 992px) {
#equipe .equipe-item:hover .work-caption{bottom:70px;}
#equipe .work-caption {padding: 0px 0px;}
#equipe .work-name{font-size:19px;}
#equipe .work-fct{font-size:17px;}
#equipe .work-descr{font-size:15px;}
#equipe .bleu .lienbt{font-size:11px; display: block;}
.logosmall{width: 180px}	
.logobig{width: 360px}
.fm-button{top: 17px;right: 17px;}	
.textefooter {width: 600px}
footer .bordureblanc, footer .orange {display: inline-block;}
.ssm {margin-top: 0}
#certifications .owl-next {right: -40px;}
#certifications .owl-prev {left: -40px;}
#certifications .owl-carousel:hover .owl-prev {right: -40px;}
#certifications .owl-carousel:hover .owl-prev {left: -40px;}
#recompenses .owl-next {right: 10px;}
#recompenses .owl-prev {left: 10px;}
#recompenses .owl-carousel:hover .owl-next {right: 10px;}
#recompenses .owl-carousel:hover .owl-prev {left: 10px;}	
.owl-controls {position: initial;}
#recompenses .owl-prev, #recompenses .owl-next, #certifications .owl-prev, #certifications .owl-next { margin-top: -17px; }
.js-height-full{height: 100vh;height: 100svh;}
.titrefullh{top:25px; width: 100%; text-align: center; position: absolute; left: 0; margin: 0;}
.reftxtshad {text-shadow: none;}
.comment1ref{ bottom: 160px; right: 220px;left:auto; }
.comment2ref{ bottom: 160px; left:220px;right: auto;}
.imgreferent{width: 240px}
.contactadresse:nth-child(odd) .localisation{border-right:1px solid #181e3d}
.rencontrons{position: absolute; bottom: 60px; left: 60px; font-size: 36px; color: #fcf2e8;}
#contact .titrefullh { top: 30px;}
#rea .orange .cls-1 {fill: #181e3d;}
#rea .orange .fm-button {border: 1px solid #181e3d;}
#rea .orange .fm-button span, #rea .orange .fm-button span::before, #rea .orange .fm-button span::after {background: #181e3d;}
.home-section{border-radius: 0 500px 500px 0 / 0 500px 500px 0;}
.backpills{height: 460px;border-radius: 230px;}
#clients h2	{font-size: 34px;}
.panel h2 {font-size: 22px;}
.cursor {display: block}
.anneerecompense{font-size: 60px;}
.bordertxt{border-left: 1px solid #fe5534; padding-left:15px; margin-top: 0;}
.smalldev{ display: none}
.bigdev{ display: block}
#certifications .slidecerf {padding: 0 60px}
.blocrecompense { padding: 70px 50px;}	
.features-descr{font-size:18px}
.logoevenement{max-width: 70px !important; margin-top: 10px}
.logosporsora{max-width: 180px !important; margin-top: 10px; margin-left:0}	
.ssm {width: 128px;}
#contact .js-height-full{height: auto !important; min-height: 100vh; min-height: 100svh;}
.bleumarine #logo .cls-1 {fill: #181e3d;}
#contact .bleumarine .fm-button {border: 1px solid #181e3d;}
#top .bleumarine .fm-button span, #top .bleumarine .fm-button span::before, #top .bleumarine .fm-button span::after {background: #181e3d;}
.tailletitre {font-size:24px!important}	
#about .section-text {font-size: 20px}	
.margetitre {padding-top: 25px !important}	
}
/* xl */
@media (min-width: 1200px) {
#equipe .equipe-item:hover .work-caption{bottom:90px;}
#equipe .work-caption {padding: 0px 10px;}
#equipe .work-name{font-size:22px;}
#equipe .work-fct{font-size:20px;}
#equipe .work-descr{font-size:18px;}
#equipe .bleu .lienbt{font-size:14px; display: block;}
.logosmall{width: 180px}	
.logobig{width: 360px}
.fm-button{top: 17px;right: 17px;}
.textefooter {width: 600px}
footer .bordureblanc, footer .orange {display: inline-block;}
.ssm {margin-top: 0}
#certifications .owl-next {right: -40px;}
#certifications .owl-prev {left: -40px;}
#certifications .owl-carousel:hover .owl-prev {right: -40px;}
#certifications .owl-carousel:hover .owl-prev {left: -40px;}
#recompenses .owl-next {right: 10px;}
#recompenses .owl-prev {left: 10px;}
#recompenses .owl-carousel:hover .owl-next {right: 10px;}
#recompenses .owl-carousel:hover .owl-prev {left: 10px;}	
.owl-controls {position: initial;}
#recompenses .owl-prev, #recompenses .owl-next, #certifications .owl-prev, #certifications .owl-next { margin-top: -17px; }
.js-height-full{height: 100vh;height: 100svh;}
.titrefullh{top:25px; width: 100%; text-align: center; position: absolute; left: 0; margin: 0;}
.reftxtshad {text-shadow: none;}
.comment1ref{ bottom: 160px; right: 220px;left:auto; }
.comment2ref{ bottom: 160px; left:220px;right: auto;}
.imgreferent{width: 240px}
.contactadresse:nth-child(odd) .localisation{border-right:1px solid #181e3d}
.rencontrons{position: absolute; bottom: 60px; left: 60px; font-size: 40px; color: #fcf2e8;}
#contact .titrefullh { top: 30px;}
#rea .orange .cls-1 {fill: #181e3d;}
#rea .orange .fm-button {border: 1px solid #181e3d;}
#rea .orange .fm-button span, #rea .orange .fm-button span::before, #rea .orange .fm-button span::after {background: #181e3d;}	
.home-section{border-radius: 0 500px 500px 0 / 0 500px 500px 0;}
.backpills{height: 520px;border-radius: 260px;}
#clients h2	{font-size: 34px;}	
.panel h2 {font-size: 22px;}
.cursor {display: block}
.anneerecompense{font-size: 60px;}
.bordertxt{border-left: 1px solid #fe5534; padding-left:15px; margin-top: 0;}
.toggle > dt {font-size: 22px;}	
.smalldev{ display: none}
.bigdev{ display: block}
#certifications .slidecerf {padding: 0 60px}
.blocrecompense { padding: 70px 50px;}
.features-descr{font-size:18px}
.logoevenement{max-width: 70px !important; margin-top: 10px}
.logosporsora{max-width: 180px !important; margin-top: 10px; margin-left:0}
.ssm {width: 128px;}
#contact .js-height-full{height: auto !important; min-height: 100vh; min-height: 100svh;}
.bleumarine #logo .cls-1 {fill: #181e3d;}
#contact .bleumarine .fm-button {border: 1px solid #181e3d;}
#top .bleumarine .fm-button span, #top .bleumarine .fm-button span::before, #top .bleumarine .fm-button span::after {background: #181e3d;}
.tailletitre {font-size:24px!important}	
#about .section-text {font-size: 22px}	
.margetitre {padding-top: 25px !important}	
}
