/*   
Theme Name: EPIK
Theme URI: 
Description: Custom Wordpress theme for EPIK Consulting Maroc
Author: Fahd Idaghdour
Author URI: http://fahdos.com
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ==========================================================================
   Reset 2020 ^^
   ========================================================================== */

*,*::before,*::after {box-sizing: border-box;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {margin: 0;}
ul, ol{list-style: none; padding: 0; margin: 0;}
/*html {scroll-behavior: smooth;}*/
body {min-height: 100vh;text-rendering: optimizeSpeed;line-height: 1.5;}
a:not([class]) {text-decoration-skip-ink: auto;}
img,picture {max-width: 100%;display: block;}
input,button,textarea,select {font: inherit;}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}}
a {text-decoration: none; color: var(--epikgreen); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
a:active, a:hover {outline: 0; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); outline:none}
:focus { outline: none; }
button {border: none; background: none; padding: 0;}
button:hover {cursor: pointer;} 
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a.btn, button.btn {display: inline-block; padding: 10px 30px; border-radius: 5px; background-color: var(--epikgreen); color: #fff; align-self: flex-start; text-transform: uppercase;}
a.btn:hover, button.btn:hover {background-color: var(--epikblue);}
h1, h2, h3 {margin-bottom: 20px; font-weight: 600;}
p, ul {margin-bottom: 20px; color: var(--dark);}
li {margin-bottom: 5px;}

:root {
  --epikblue: #004862;
  --epikgreen: #00b74f;
  --dark: #002b3a;
  --light:#e5ecef;
}



/* ==========================================================================
   General
   ========================================================================== */
html {}
body {font-family: 'Poppins', sans-serif; overflow-x: hidden; font-weight: normal; font-style: normal; font-size: 15px; color: #00151d; line-height: 1.45; letter-spacing: 0.5px}
section {width: 100%; padding: 100px 20px;}
.row {width: 100%; max-width: 1300px; margin: 0 auto; display: flex;}
.firstbloc{ padding-top: 130px; }
.flex50 {flex: 0 0 50%;}
.flex50:first-child {padding-right: 40px}
.flex50:last-child {padding-left: 40px}
.padbot80 {padding-bottom: 30px;}
pre {color: var(--epikblue);font-family: 'Poppins', sans-serif; margin: 0 0 5px 0; padding: 0;}



a.btn3 {display: inline-block; padding: 10px 30px; border-radius: 5px; border:2px solid var(--light); color: #fff; 
text-transform: uppercase; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1); align-self: flex-start;}
a.btn3:hover {background-color: var(--epikgreen); border:2px solid var(--epikgreen); transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}


/* Header
   ========================================================================== */
.header {width: 100%; display: flex; position: fixed; z-index: 999; justify-content: space-between; align-items: center; top: 0; left: 0; padding: 10px 20px 30px 20px; transition: all .8s cubic-bezier(0.46, 0, 0.07, 1);}
.header.addbg, .header.headerjob { padding: 5px 20px 10px 20px; background: rgba(0, 72, 98, 0.8);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px); transition: all .8s cubic-bezier(0.46, 0, 0.07, 1);}
.header .logo {}
.header .logo img {display: block; width: 200px; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.header.addbg .logo img, .header.headerjob .logo img {width: 166px; margin: 7px 0; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
.header .nav {display: flex; flex-direction: column; justify-content: center;}
.header .nav ul {margin-bottom: 0; padding-top: 10px;}
.header .nav .topmenu {display: flex; align-self: flex-end; padding-right: 25px}
.header .nav .topmenu ul {display: flex;}
.header .nav .topmenu ul li button, .header .nav .topmenu ul li a {display: block; padding: 10px;}
.header .nav .topmenu ul li img {display: block; width: 24px; height: auto; filter: invert(); opacity: .5}
.header .nav nav {display: flex; padding: 5px 0;}
.header .nav nav .searchmenu {margin-bottom: 10px;}
.header .nav nav .searchmenu img {display: block; width: 24px; height: auto; filter: invert(); opacity: .5; margin-left: 10px;}
.header .nav nav .searchmenu img:hover {opacity: 1;}
.header .nav nav ul li {display: inline-block; padding:0 10px 10px 10px; margin-bottom:0; position: relative;}
.header .nav nav ul li a {color:#fff; display:block; }
.header .nav nav ul li a:hover {color: var(--epikgreen) !important; }

.header .nav nav ul li.current-menu-item a {color: var(--epikgreen) !important; }

.header .nav nav ul li.btn a {padding: 5px 25px; background: var(--epikgreen); border: 2px solid var(--epikgreen); color: #fff; border-radius: 5px;}
.header .nav nav ul li.btn:hover a, .header .nav nav ul li.btn a:hover, .header .nav nav ul li.btn.current-menu-item a  {background: transparent; border: 2px solid #fff; color: #fff  !important;;}
.header .nav nav ul li ul.sub-menu {position: absolute; border-top: 5px; display: none; background: #fff; border-radius: 5px; padding: 20px 15px  5px 12px; white-space: nowrap;
box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);}
.header .nav nav ul li ul.sub-menu li {margin-bottom: 10px; display: block; padding: 0 10px;}
.header .nav nav ul li ul.sub-menu li a {color: var(--epikblue) !important; font-weight: 500;}
.header .nav nav ul li ul.sub-menu li a:hover {color: var(--epikgreen) !important; }
.header .nav nav ul li ul.sub-menu li.current-menu-item a {color: var(--epikgreen) !important; }
.menu-item-has-children {padding-right: 17px !important; background-image: url('img/menudown.png'); background-repeat: no-repeat; background-position: right 5px; background-size: 12px;}

.header .nav nav ul li:hover ul.sub-menu {display: block;}

.header .nav.overlay {position: fixed; top: 0; left: 0; background: var(--dark); height: 100vh; min-height: -webkit-fill-available; width: 100vw; padding: 70px 0 20px 0;}
.header .nav.overlay nav {padding: 20px; overflow: hidden;}
.header .nav.overlay ul { width: 100%; display: flex; flex-direction: column; height: calc(100vh - 105px); overflow-x: scroll; padding-top: 0;}
.header .nav.overlay nav ul li ul.sub-menu { height: initial; display: block; position: initial; background: transparent; border-radius:initial;
box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none; padding: 10px 0 10px 12px; }
.header .nav.overlay nav ul li ul.sub-menu li a {color: var(--light) !important; opacity: 0.6;}
.header .nav.overlay nav ul li a {padding: 5px 0;}
.header .nav.overlay nav ul li ul.sub-menu li {margin-bottom: 0px;}
.header .nav.overlay nav ul li.btn {margin-top: 10px;}
.header .nav.overlay nav ul li.btn a {text-align: center; padding: 10px 20px;}

/* Footer
   ========================================================================== */
footer {background: var(--epikblue);}
footer section {padding: 30px 20px;}
footer ul, footer li {margin-bottom: 0;}
footer .newsletter {border-bottom: 1px solid rgba(255, 255, 255, .1);}
footer .newsletter .row {max-width: 700px; flex-direction: column;}
footer .newsletter p {color: var(--light); font-size: 18px; font-weight: 300; line-height: 1.2; letter-spacing: 1px;}
footer .newsletter p strong {display: block; font-size: 30px; font-weight: 500;}
footer .newsletter form {}
footer .newsletter fieldset {display: flex; background: #fff; border: none; padding: 0; display: flex; margin-bottom: 10px;}
footer .newsletter fieldset input {flex-grow: 2; border: none; padding: 10px;}
footer .newsletter fieldset input::placeholder { font-weight: 300; font-size: 13px;}
footer .newsletter fieldset button {border-radius: 0; letter-spacing: 1px;}
footer .newsletter form span {font-size: 12px; color: var(--light); font-weight: 300; opacity: 0.5;}
footer .newsletter form span a {color: #fff; text-decoration: underline;}

footer .bottomfooter {border-top:1px solid rgba(255, 255, 255, .1); }
footer .bottomfooter .row {justify-content: space-between; align-items: center;}
footer .bottomfooter li { display: inline-block; margin-left: 20px;}
footer .bottomfooter p, footer .bottomfooter a {text-transform: uppercase; color: var(--light); font-weight: 300; font-size: 12px; opacity: 0.5; margin-bottom: 0;}
footer .bottomfooter a:hover {opacity: 1; text-transform: uppercase;}

footer .mainfooter {padding: 60px 20px; display: flex;}
footer .mainfooter nav {display: flex; flex-grow: 2; justify-content: space-between;}
footer .mainfooter nav ul {letter-spacing: 1px;}
footer .mainfooter nav li {margin-bottom: 7px; }
footer .mainfooter nav li a {font-size:12px; color:var(--light); opacity:0.5; font-weight:300; }
footer .mainfooter nav li a:hover {opacity: 1; text-decoration: underline;}
footer .mainfooter nav span {font-weight: 600; font-size: 18px; color: var(--light); margin-bottom: 15px; display: block;}

footer .footerinfo { padding-right:100px; margin-right:100px; border-right:1px solid rgba(255, 255, 255, .1); }
footer .footerinfo img {display: block; margin-bottom: 30px; width: 200px;}
footer .footerinfo ul { margin-bottom:30px; }
footer .footerinfo li {color: var(--light); opacity: 0.5; font-weight: 300; font-size: 13px; margin-bottom: 5px;}
footer .footerinfo li:hover {opacity: 1;}
footer .footerinfo li a {color: var(--light); text-decoration: underline;}
footer .footerinfo .social {display: flex;}
footer .footerinfo .social img {filter: invert(); width: 30px; height: 30px; margin: 0 3px; opacity: 0.6;}
footer .footerinfo .social img:hover {opacity: 1;}


/* Home
   ========================================================================== */
.hero {padding: 0 !important;}
.hero .item {height: 100dvh; width: 100%; position: relative; padding: 130px 20px 60px 20px; display: flex !important; align-items: center; background-size: cover; background-position: center;}
.hero .item:before {content: ""; position: absolute; left: 0; top:0; height: 100%; width: 100%; background-color: #000; opacity: 0.4;}
.hero .item .row {position: relative; z-index: 1; display: flex; flex-direction: column;}
.hero .item .row h1 {color: #fff; font-size: 32px; font-weight: 600; max-width: 600px; letter-spacing: 1px; line-height: 1.2; margin-bottom: 30px;}
.hero .item .row p {color: var(--light); opacity: 0.7; max-width: 600px; margin-bottom: 30px; font-weight: 300;}


.homesolution {position: relative;}
.homesolution:before {content: ""; position: absolute; left:0; top:0; width:100%; height:100%; background-image:url('img/epik-line-blue.svg'); background-repeat:no-repeat;
background-size:450px ; background-position:left center; z-index:-1;  }
.homesolution .row {display: felx; align-items: center;}

.sidecontent .tag {display: block; text-transform: uppercase; color: var(--epikblue); font-weight: 500;}
.sidecontent article {margin-bottom: 30px;}
.sidecontent h1 { font-size:32px; }
.sidecontent p:last-child {margin-bottom: 0;}

.bulletpoints .bpoint {width: calc(100% - 30px); display: block; background: #fff; border-radius: 20px 0 20px 0; padding: 25px 45px 25px 25px; margin: 20px 30px 20px 0; position: relative;
transition: all .5s cubic-bezier(0.46, 0, 0.07, 1) !important;
box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.15);}
.bulletpoints .bpoint:after {content: ""; position: absolute; right: 5px; top: calc(50% - 20px); height: 40px; width: 40px; background-image: url('img/next.svg'); background-repeat: no-repeat;
background-position: center center;}
.bulletpoints .bpoint h2 {margin-bottom: 0px; font-size: 15px; font-weight: 500; color: var(--epikblue); text-transform: uppercase;}
.bulletpoints .bpoint p {margin-bottom: 0; color: #b5b5b5; font-size: 13px; font-weight: 300;}
.bulletpoints .bpoint:hover {background-color: var(--epikblue); margin: 20px 0 20px 30px; transition: all .5s cubic-bezier(0.46, 0, 0.07, 1); }
.bulletpoints .bpoint:hover h2 {color: #fff;}
.bulletpoints .bpoint:hover p {color: var(--light);}
.bulletpoints .bpoint:hover:after {background-image: url('img/nextgreen.svg');}


.homeboutique {position: relative; color: #fff; padding: 50px 20px;}
.homeboutique:before {content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 50%; background-color: var(--epikblue);}
.homeboutique .row {flex-direction: column;}
.homeboutique .row .tag {font-weight: 300; letter-spacing: 1px; margin-bottom: 10px;}
.homeboutique .row h1 {font-weight: 500; font-size: 32px; line-height: 1.2; width: calc( 100% - 100px); max-width: 600px; margin-bottom: 40px;}
.slideboutique {}
.slideboutique .item {padding: 0 10px 10px 10px;}
.slideboutique .item a { display: block; background: #fff; border-radius: 5px; padding: 15px; display: flex; flex-direction: column;
box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.1);}
.slideboutique .item img {width: 100%; max-width: 100%;}
.slideboutique .item .metaprd {padding: 10px 0 20px 0;}
.slideboutique .item .metaprd h2 {font-size: 15px; font-weight: 500; margin-bottom: 10px;}
.slideboutique .item .metaprd span {padding: 5px 10px; border-radius: 5px; background-color: var(--epikblue); color: #fff; font-size: 12px; font-weight: 300;}
.slideboutique .item p { align-self: flex-end; width:100%; padding-top:10px; margin-bottom: 0; border-top: 1px dashed #eee; font-size:12px; color:#aaa; font-weight:300, }


.full50 {padding: 100px 0 130px 0; display: grid;grid-gap: 60px; grid-template-columns: 1fr 1fr;}
.full50 .half { display:flex; flex-direction: column; justify-content:center; }
.full50 .full50img img {width: 100%; max-width: 100%; aspect-ratio: 16/8; object-fit: cover;}
.full50 .sidecontent {width: 100%; max-width: 560px;}

.temoignage {position: relative; }
.temoignage:before {content: ''; background: #f0f9ff; z-index: -1; position: absolute; left:0; top:58px; width:100%; height:calc(100% - 116px); }
.temoignage .row {flex-direction: column;}
.temoignage .tag {display: block; text-align: center; text-transform: uppercase; color: var(--epikblue); font-weight: 500; margin-bottom: 10px;}
.temoignage h2 {text-align: center; max-width: 900px; margin: 0 auto; font-size: 28px; color: var(--epikblue); margin-bottom: 40px; line-height: 1.2;}
.temoignage .btn {align-self: center;}
.slidetemoignages {padding-top: 80px; margin-bottom: 20px;}
.slidetemoignages .item {padding: 0 40px;}
.slidetemoignages .item img {width: 100%; max-width: 100%; display: block; margin-bottom: 20px; border-radius: 10px; aspect-ratio: 16/9; object-fit: cover;}
.slidetemoignages .item iframe {width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 5px; overflow: hidden;}
.slidetemoignages .item p {text-align: center;}
.slidetemoignages .slick-slide {opacity: 0.5;}
.slidetemoignages .slick-active {opacity: 1;}

.tem {border-radius: 10px; overflow: hidden;
box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.15); 
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.15);}
.tem iframe {width: 100%; height: auto; aspect-ratio: 16 / 9; overflow: hidden;}
.tem p { padding:20px 20px 0 20px; }


.homeactu {}
.homeactu .row {flex-direction: column;}
.actusechead {display: flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.actusechead h1 {color: var(--epikblue); font-size: 32px;}
.actusechead a {text-decoration: underline; font-weight: 300;}
.homeactu .actus {display: grid;grid-gap: 30px; grid-template-columns: 1fr 1fr;}
.homeactu .actus article {width: 100%;} 
.homeactu .actus article a {display: flex; flex-direction: column; background:#fff; border-radius: 10px; overflow: hidden;
box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1); 
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);}
.actus .actufull img {display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 4/2; object-fit: cover;}
.actus article .actumeta {padding: 20px;}
.actus article .actumeta h2 {color: var(--dark); font-size: 20px;}
.actus article .actumeta .fakelink {display: block; text-align: right; text-decoration: underline;}
.homeactu .actus .actusmall {display: flex; flex-direction: column;align-items: center; justify-content: space-between; margin: 5px 0;}
.homeactu .actus .actusmall img {max-width: 200px; min-height: 110px; aspect-ratio: 4/2; height: auto; object-fit: cover; width: 100%;}
.homeactu .actus .actusmall article a {flex-direction: row;}
.homeactu .actus .actusmall .actumeta {display: flex; flex-direction: column; justify-content: center; padding: 5px 20px;}
.homeactu .actus .actusmall h2 {font-size: 15px; margin-bottom: 0}
.homeactu .actus article a:hover h2 {color: var(--epikgreen);}

.actu a {display: flex; flex-direction: column; background:#fff; border-radius: 10px; overflow: hidden;
box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1); 
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);}
.actu img {display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 4/2; object-fit: cover;}
.actu .actumeta {padding: 20px;}
.actu .actumeta h2 {color: var(--dark); font-size: 20px !important;}
.actu a:hover h2 {color: var(--epikgreen) !important;}
.actu .actumeta .fakelink {display: block; text-align: right; text-decoration: underline;}

.actumeta ul {margin-bottom:5px; list-style:none !important; padding:0 !important; }
.actumeta ul li {margin:0 10px 10px 0; display: inline; padding: 3px 5px;background: #eee;font-size: 12px; border-radius: 5px;}

.actufiltre {margin-bottom: 0;}
.actufiltre li {display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.actufiltre li a {color: var(--dark); display: block; padding: 7px 20px; background: var(--light); border-radius: 5px; font-size: 13px;}

.actufiltre li.current-menu-item a, .actufiltre li a:hover {color: #fff; background: var(--epikgreen);}


/* Single Page
   ========================================================================== */
.heading {width: 100%; min-height: 650px; position: relative; padding: 240px 20px 120px 20px; display: flex !important; align-items: center; background-size: cover; background-position: center;}
.heading:before {content: ""; position: absolute; left: 0; top:0; height: 100%; width: 100%; background-color: var(--epikblue); opacity: 0.8;}
.heading .row {position: relative; z-index: 1; display: flex; flex-direction: column;}
.heading h1 {color: #fff; font-size: 32px; font-weight: 600; max-width: 660px; letter-spacing: 1px; line-height: 1.2; margin-bottom: 30px;}
.heading p {color: var(--light); opacity: 0.7; max-width: 630px; margin-bottom: 30px; font-weight: 300;}
.heading.small {padding: 130px 20px 50px 20px; min-height: initial;}
.heading.blog h1 {font-size: 26px; max-width: 100%;}
.heading.blog .blogdate {color: var(--light); margin-bottom: 10px; font-weight: 300;}
.heading.blog p {max-width: 750px;}
.heading.blogarchive p, .heading.blogarchive h1 {max-width: 100%;}
.tagbanner {text-transform: uppercase; color: var(--light); font-weight: 300; margin-bottom: 5px; font-size: 14px;}


section.half {}
section.half .row {display: grid; grid-gap: 50px; grid-template-columns: 1fr 1fr;}
section.smartbloc {padding: 80px 20px;}
section.smartbloc .row article {display: flex; flex-direction: column; width: 100%;}
section.smartbloc.withmedia .row article { /*justify-content: center;*/}
section.half.withmedia .row, section.smartbloc.specialmedia {grid-gap: 80px !important;}
section.smartbloc .row div.imageonly {display: flex; justify-content: center; align-items: center;}
section.smartbloc .row div.imageonly img {display: block; margin: 0 auto; max-width: 100%; border-radius: 10px;}
section.smartbloc .row article h1 {font-size: 32px; font-weight: 700; line-height: 1.2;}
section.smartbloc .row article h2 {font-size: 28px; font-weight: 600; line-height: 1.2;}
section.smartbloc .row article h3 {font-size: 22px; font-weight: 600; line-height: 1.2; color: var(--epikblue);}
section.smartbloc .row article h4 {font-size: 20px; font-weight: 600; line-height: 1.2;}
section.smartbloc .row article h5 {font-size: 18px; font-weight: 500; line-height: 1.2;}
section.smartbloc .row article ul {padding: 0 0 0 16px; list-style: disc;}
section.smartbloc .row article ul li {margin-bottom: 8px;}
section.smartbloc .row article ul li::marker {color: var(--epikgreen);}
section.smartbloc .row article ul a {color: var(--epikblue); text-decoration: underline;}
section.smartbloc .row article ul a:hover {color: var(--epikgreen);}
section.smartbloc article p {text-align: justify;}
section.smartbloc article .btn, section.smartbloc article .btn3 {margin-top: 10px;}
.sidebloc a {margin-top: 30px; display: block; margin-top: auto;}

section.smartbloc.fullimg, section.smartbloc.img5050 {padding: 60px 20px;}
section.smartbloc.fullimg .row {flex-direction: column;}
section.smartbloc.fullimg img {display: block; max-width: 100%; width: auto; margin: 0 auto; border-radius: 10px;}

section.smartbloc.img5050 img {margin-bottom: 20px !important;}

section.smartbloc.smarttabs .row {flex-direction: column;}
section.smartbloc.smarttabs .row article { margin-bottom: 40px;}

section.smartbloc .row article.sideblocs {display: grid;grid-gap: 25px; grid-template-columns: repeat( 2, minmax(250px, 1fr) );}
.sideblocs .sidebloc {display: flex; flex-direction: column; background: #fff; border-radius: 10px; padding: 30px;
 box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1); 
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);}
.sideblocs .sidebloc img { max-height:120px; margin-bottom:20px; align-self:baseline; }
.sideblocs .sidebloc a:hover { color: var(--epikblue); }
.sideblocs .sidebloc h3 {font-size: 20px; font-weight: 600;}

section.contact .row {flex-direction: column;}
section.full {}
section.full .row {}

.vignette {display: grid !important; grid-gap: 40px; grid-template-columns: 1fr 1fr 1fr; justify-content: center;}
.vignette.style1 .item {background-color: #fff; background-image: none !important; padding: 0px; box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1); border-radius: 10px;
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);}
.vignette.style1 .item img {display: block; border-radius: 10px 10px 0 0; margin-bottom: 0;}
.vignette.style1 .item h3 {font-weight: 500; font-size: 16px; margin-bottom: 0; padding: 20px;}
.vignette.style1 a:hover img {filter: brightness(.6);}
.vignette.style1 a:hover h3 {color: var(--epikgreen);}

.vignette.style2 { justify-content: center; align-content: center;}
.vignette.style2 .item { overflow: hidden; position: relative; min-height: 200px; display: flex; width: 100%; height: 100%; justify-content: center; align-item: center; background: #fff; 
 box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1); border-radius: 5px;
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);}
.vignette.style2 .item a {display: flex; width: 100%; height: 100%;}
.vignette.style2 .item img {display: none; margin-bottom: 15px;}
.vignette.style2 .item h3 {font-weight: 600; padding: 30px 15px; font-size: 18px; margin-bottom: 0; width: 100%; text-align: center; 
  text-shadow: 0px 0px 9px #000000; color: var(--light); display: flex; z-index:  0; justify-content: center; align-items: center;}
.vignette.style2 .item:hover:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4;} 

.vignette.show4 {display: grid !important; grid-gap: 40px; grid-template-columns: 1fr 1fr 1fr 1fr;}
.vignette.show2 {display: grid !important; grid-gap: 40px; grid-template-columns: 1fr 1fr;}

.vignette.style3 .item {display: flex; flex-direction: column; background-color: #fff; background-image: none !important; padding: 30px; box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1); border-radius: 10px;
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);}
.vignette.style3 .item p:last-of-type {margin-bottom: 0;}


section.smartbloc.specialmedia {padding: 80px 0; display: grid !important; grid-gap: 40px; grid-template-columns: 1fr 1fr; overflow: hidden;} 
section.smartbloc.specialmedia article {/*padding: 20px 0 20px 0;*/ padding-right: calc((100vw - 1310px) / 2); display:flex; flex-direction:column; /*justify-content:center ; */}
section.smartbloc.specialmedia .imageonly {display: flex; align-items: center;}
section.smartbloc.specialmedia img { display: block; width: 100%; height: auto;}
section.smartbloc.specialmedia article h1 {font-size: 32px; font-weight: 700; line-height: 1.2;}
section.smartbloc.specialmedia article h2 {font-size: 28px; font-weight: 600; line-height: 1.2;}
section.smartbloc.specialmedia article h3 {font-size: 22px; font-weight: 600; line-height: 1.2; color: var(--epikblue);}
section.smartbloc.specialmedia article h4 {font-size: 20px; font-weight: 600; line-height: 1.2;}
section.smartbloc.specialmedia article h5 {font-size: 18px; font-weight: 500; line-height: 1.2;}
section.smartbloc.specialmedia article ul {padding: 0 0 0 16px; list-style: disc;}
section.smartbloc.specialmedia article ul li {margin-bottom: 8px;}
section.smartbloc.specialmedia article ul li::marker {color: var(--epikgreen);}
section.smartbloc.specialmedia article ul a {color: var(--epikblue); text-decoration: underline;}
section.smartbloc.specialmedia article ul a:hover {color: var(--epikgreen);}

section.smartbloc.specialmedia.flip article {order : 1; padding-right: 0; padding-left: calc((100vw - 1310px) / 2) ;}
section.smartbloc.specialmedia.flip .imageonly {order: 2;}

section.smartbloc.specialmslider {padding: 80px 0; display: flex; padding-left: calc((100vw - 1310px) / 2); overflow: hidden;}
section.smartbloc.specialmslider article {  padding: 20px 40px 20px 0; display:flex; flex-direction:column; flex: 0 0 400px;}
section.smartbloc.specialmslider .specialslide { display: flex; overflow-x: auto; height: fit-content; padding-bottom: 30px;}
section.smartbloc.specialmslider .specialslide .item {padding: 20px 0 0 0; width:300px; margin: 0 15px; aspect-ratio:3/4.5; background-color:#fff; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
section.smartbloc.specialmslider .specialslide .item:hover {padding: 0 0 20px 0; transition: all .4s cubic-bezier(0.46, 0, 0.07, 1);}
section.smartbloc.specialmslider .specialslide .item a {display: flex; flex-direction: column; justify-content: space-between; 
overflow: hidden; border-radius: 10px; height: 100%;
 box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);}
section.smartbloc.specialmslider .scrolldiv {display: flex;}

section.smartbloc.specialmslider article .specialtag {color: var(--epikblue); margin-bottom: 5px;}
section.smartbloc.specialmslider article h1 {font-size: 32px; font-weight: 700; line-height: 1.2;}
section.smartbloc.specialmslider article h2 {font-size: 28px; font-weight: 600; line-height: 1.2;}
section.smartbloc.specialmslider article h3 {font-size: 22px; font-weight: 600; line-height: 1.2; color: var(--epikblue);}
section.smartbloc.specialmslider article h4 {font-size: 20px; font-weight: 600; line-height: 1.2;}
section.smartbloc.specialmslider article h5 {font-size: 18px; font-weight: 500; line-height: 1.2;}
section.smartbloc.specialmslider article ul {padding: 0 0 0 16px; list-style: disc;}
section.smartbloc.specialmslider article ul li {margin-bottom: 8px;}
section.smartbloc.specialmslider article ul li::marker {color: var(--epikgreen);}
section.smartbloc.specialmslider article ul a {color: var(--epikblue); text-decoration: underline;}
section.smartbloc.specialmslider article ul a:hover {color: var(--epikgreen);}

.scrolldiv .item a {position: relative;}
.scrolldiv .item img {display: block; height: 100%; width: auto; object-fit: cover;}
.scrolldiv .item .ctn {width: 100%; height: 189px; padding: 20px; position: absolute; bottom: 0; background: #fff;}
.scrolldiv .item .ctn h3 {font-size: 18px; margin-bottom: 5px; color: #000; -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.scrolldiv .item .ctn p {font-size: 14px;}
.scrolldiv .item .ctn p:last-of-type {margin-bottom: 0;}

.scrolldiv .titlebg a {position: relative;}
.scrolldiv .titlebg img {display: block; height: 100%; width: auto; object-fit: cover;}
.scrolldiv .titlebg .ctn {width: 100%; height: 105px; padding: 20px; position: absolute; bottom: 0; background: #fff;}
.scrolldiv .titlebg .ctn h3 {font-size: 18px; margin-bottom: 0px; color: #000; -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}


.scrolldiv .item2 a {position: relative;}
.scrolldiv .item2 a:before {content: ""; display:none;}
.scrolldiv .item2 img {height: 100%;}
.scrolldiv .item2 .ctn {position: absolute; bottom: 20px; background:transparent; height:initial; }
.scrolldiv .item2 .ctn h3 {text-align: center; color: #fff !important; font-size: 18px;}

/* Scrollbar Styling */
section.smartbloc.specialmslider .specialslide::-webkit-scrollbar {
    height: 8px;
}
 
section.smartbloc.specialmslider .specialslide::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

section.smartbloc.specialmslider .specialslide::-webkit-scrollbar-thumb {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: var(--epikblue); 
}
section.smartbloc.specialmslider .specialslide::-webkit-scrollbar-thumb:hover {cursor: pointer;}

.slides .row {flex-direction: column;}
.slides .row > h2 {font-size: 28px;font-weight: 600;line-height: 1.2;}
.smartcarrousel .item {min-height: 120px; display: flex !important; align-items: center;}
.smartcarrousel .item a {display: flex !important; align-items: center; width: 100%;}
.smartcarrousel .item img {margin: 0 auto; max-width: 100%; height: auto;}

.singlepostnav ul {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.singlepostnav img {display: block; width: 32px; height: 32px; margin: 0 auto; opacity: 0.3;}
.singlepostnav img:hover {opacity: 1;}
.singlepostnav a:hover {color: var(--epikblue); text-decoration: underline;}


.carrousertif {width: 100%; display: grid !important; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; justify-content: center;}
.carrousertif .item {display: flex ;align-items: center; flex-direction: column; border-radius: 10px; padding: 20px; background: #fff;
 box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.1);}
.carrousertif .item img {display: block; width: 150px; height: auto; aspect-ratio: 1/1; object-fit: cover; border-radius: 50%;}
.carrousertif .item article { padding: 20px 0 0 0;  }
.carrousertif .item article span {font-size: 13px; color: #999}
.carrousertif .item article h3 {font-size: 14px !important; margin-bottom:10px; }
.carrousertif .item article p {margin-bottom: 5px; font-size: 13px; }


.secfiltre .filtre {display: flex; flex-direction: column;}
.secfiltre .filtre span {font-weight: 600; margin-bottom: 5px;}
.secfiltre .form-control {border-radius: 5px; padding: 5px; border: 1px solid #eee; margin-right: 30px;}

/* ==========================================================================
   PLugins
   ========================================================================== */
.custom-shape-divider-top-1678231640 { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden;line-height: 0; z-index: 10;}
.custom-shape-divider-top-1678231640 svg { position: relative; display: block;  width: calc(129% + 1.3px); height: 58px; transform: rotateY(180deg);}
.custom-shape-divider-top-1678231640 .shape-fill { fill: #f0f9ff;}

.custom-shape-divider-bottom-1678231692 { position: absolute; top: 0; left: 0;  width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg);}
.custom-shape-divider-bottom-1678231692 svg {  position: relative;  display: block; width: calc(129% + 1.3px);  height: 58px; transform: rotateY(180deg);}
.custom-shape-divider-bottom-1678231692 .shape-fill { fill: #f0f9ff;}


/* Slick Slider */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}
.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.slick-arrow {position: absolute; top: -110px; z-index: 99; width: 50px; height: 50px; text-indent: -9999px; background-repeat: none; background-size: 50px;}
.slick-arrow.slick-prev {right: 60px; background: url('img/prevgreen.svg') center center no-repeat; background-size: 50px 50px;}
.slick-arrow.slick-next {right: 0px; background: url('img/nextgreen.svg') center center no-repeat; background-size: 50px 50px;}
.slick-arrow.slick-prev:hover {cursor: pointer; background: var(--light) url('img/prev.svg') center center no-repeat; background-size: 50px 50px;}
.slick-arrow.slick-next:hover {cursor: pointer; background: var(--light) url('img/next.svg') center center no-repeat; background-size: 50px 50px;}

.slick-dots {position: absolute; bottom: 0; display: flex; justify-content: center; width: 100%;}
.slick-dots li {padding: 0 10px;}
.slick-dots li button {text-indent: -9999px; width: 8px; height: 8px; border-radius: 50%; background-color: var(--light);}
.slick-dots li.slick-active button {background-color: var(--epikgreen);}
.hero .slick-dots li button {opacity: 0.8}
.slideboutique .slick-dots {bottom: -60px;}
.slidetemoignages .slick-dots {bottom: initial; top: 20px;}


/* Contact form 7 */
.wpcf7-form fieldset { border: none; width: 100%; padding:0; margin-bottom: 30px; display: grid; grid-gap:20px; grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));}
.wpcf7-form label {  display: block;}
.wpcf7-form input, .wpcf7-form select { width: 100%; border: 1px solid #eee; background: #f6f6f6; height: 40px; padding: 0 10px;}
.wpcf7-form textarea {width: 100%; border: 1px solid #eee; background: #f6f6f6;}
.wpcf7-form input.wpcf7-submit {background: var(--epikgreen); color: var(--light); text-transform: uppercase; height: 50px; width: initial; padding: 10px 40px; border-radius: 5px;}
.wpcf7-form input.wpcf7-submit:hover {cursor: pointer;background: var(--epikblue) !important;}


/* AOS */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}


/* Jobs */

section.smartbloc.jobs {padding: 0;}
section.smartbloc.jobs > .row {max-width: 100%; overflow: hidden;}
section.smartbloc.jobs iframe {height: 100vh;}
section.smartbloc.jobs .novo-header {display: none !important;}



/* Tabs to Accordion */
.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs__nav_link {
    cursor: pointer;
    text-decoration: none;
}
.tabs__content {
    display: block;
    transition: opacity 0.2s;
}
.tabs.style__horizontal .tabs__content,
.tabs.style__vertical .tabs__content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}
.tabs.style__horizontal .tabs__content.is__active,
.tabs.style__vertical .tabs__content.is__active,
.tabs__content.is__active {
    opacity: 1;
    height: auto;
    visibility: visible;
}
.tabs.style__horizontal .tabs__nav {
    position: relative;
    z-index: 2;
    display: flex;
    margin-bottom: -1px;
}
.tabs.style__horizontal .tabs__nav .tabs__nav_link {
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0 3px;
    padding: 10px;
    background: #eee;
    display: block;
}
.tabs.style__horizontal .tabs__nav .tabs__nav_link.is__active {
    font-weight: bold;
    background: #fff;
}
.tabs.style__horizontal .tabs__content.is__active {
    border: 1px solid #ccc;
    background: #fff;
    padding: 18px;
    position: relative;
    z-index: 1;
}
.tabs.style__horizontal .tabs__content .tabs__nav_link {
    display: none;
}
.tabs.style__vertical {
    display: flex;
    width: 100%;
}
.tabs.style__vertical .tabs__nav {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.tabs.style__vertical .tabs__nav .tabs__nav_link {
   width: calc(100% - 30px); display: block; background: #fff; border-radius: 15px 0 15px 0;
   color: var(--epikblue); font-weight: 500; 
   padding: 25px 40px 25px 25px; margin: 10px 60px 10px 0; position: relative;
   box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
}
.tabs.style__vertical .tabs__nav .tabs__nav_link:after {content: ""; position: absolute; right: 10px; top: calc(50% - 20px); height: 40px; width: 40px; background-image: url('img/next.svg'); background-repeat: no-repeat;
background-position: center center;}

.tabs.style__vertical .tabs__nav .tabs__nav_link.is__active
{background-color: var(--epikblue); margin: 10px 0 10px 30px; color: #fff;}
.tabs.style__vertical .tabs__nav .tabs__nav_link:hover 
{background-color: var(--epikblue); color: #fff;}

.tabs.style__vertical .tabs__nav .tabs__nav_link.is__active:after, .tabs.style__vertical .tabs__nav .tabs__nav_link:hover:after 
{background-image: url('img/nextgreen.svg')}

.tabs.style__vertical .tabs__content {
    flex-grow: 1;
    width: 0;
}
.tabs.style__vertical .tabs__content .tabs__nav_link {
    display: none;
}
.tabs.style__vertical .tabs__content.is__active {
    padding: 0 0 0 8%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    width: auto;
}
.tabs.style__accordion,
.tabs.is__responsive {
    display: block;
}
.tabs.style__accordion .tabs__nav,
.tabs.is__responsive .tabs__nav {
    display: none;
}
.tabs.style__accordion .tabs__nav_link,
.tabs.is__responsive .tabs__nav_link,
.tabs.style__accordion .tabs__content .tabs__nav_link,
.tabs.is__responsive .tabs__content .tabs__nav_link {
    display: block;
    padding: 18px;
    margin: -18px;
}
.tabs.style__accordion .tabs__nav_link.is__active,
.tabs.is__responsive .tabs__nav_link.is__active {
    font-weight: bold;
    margin-bottom: 0;
}
.tabs.style__accordion .tabs__content,
.tabs.is__responsive .tabs__content {
   padding: 10px;
    display: block;
    height: auto;
    flex: none;
    opacity: 1;
    visibility: visible;
    overflow: auto;
    width: auto;
}
.tabs.style__accordion .tabs__content_wrapper,
.tabs.is__responsive .tabs__content_wrapper {
    height: 0;
    transform: scaleY(0);
    overflow: hidden;
    transition: transform 0.2s;
    transform-origin: top left;
}
.tabs.style__accordion .tabs__content.is__active .tabs__content_wrapper,
.tabs.is__responsive .tabs__content.is__active .tabs__content_wrapper {
    height: auto;
    transform: scaleY(1);
}

.tabs.style__vertical.is__responsive .tabs__nav_link {
 display: block; background: #fff; border-radius: 15px 0 15px 0;
   color: var(--epikblue); font-weight: 500; 
   padding: 25px 40px 25px 25px; margin: 0; position: relative;
   box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
}
.tabs.style__vertical.is__responsive .tabs__nav_link:after {content: ""; position: absolute; right: 10px; top: calc(50% - 20px); height: 40px; width: 40px; background-image: url('img/next.svg'); background-repeat: no-repeat;
background-position: center center;}

.tabs.style__vertical.is__responsive .tabs__nav_link.is__active
{background-color: var(--epikblue); margin-bottom: 10px; color: #fff;}
.tabs.style__vertical.is__responsive .tabs__nav_link:hover 
{background-color: var(--epikblue); color: #fff;}

.tabs.style__vertical.is__responsive .tabs__nav_link.is__active:after, .tabs.style__vertical.is__responsive .tabs__nav_link:hover:after 
{background-image: url('img/nextgreen.svg')}

.tabs.style__vertical.is__responsive .tabs__content.is__active {padding: 10px;}

.tabs.style__vertical .tabs__content.is__active ul {padding: 0 0 0 20px; list-style: circle;}
.tabs.style__vertical .tabs__content.is__active ul li {margin-bottom: 8px;}
.tabs.style__vertical .tabs__content.is__active ul li::marker {color: var(--epikgreen);}

.tabs.is__responsive .tabs__content.is__active .tabs__content_wrapper {padding: 10px 10px 0 10px;}



/* Burger menu */
#burger-menu {display: none; cursor: pointer;height: 27px; width: 30px; overflow: visible; position: relative;z-index:30;}
#burger-menu span,
#burger-menu span:before,
#burger-menu span:after {
  background: #fff;display: block;height: 4px;opacity: 1;position: absolute;transition: 0.3s ease-in-out;}
#burger-menu span:before,
#burger-menu span:after {
  content: "";}
#burger-menu span {right: 0px;top: 13px;width: 27px;}
#burger-menu span:before {left: 0px;top: -10px;width: 16px;}
#burger-menu span:after {left: 0px;top: 10px;width: 20px;}
#burger-menu.close span {transform: rotate(-45deg); top: 13px; width: 27px;}
#burger-menu.close span:before {top: 0px;transform: rotate(90deg);width: 27px;}
#burger-menu.close span:after {top: 0px; left:0; transform: rotate(90deg); opacity:0; width:0;}
#burger-menu.close {position: absolute; top:40px; right: 20px;}


/* ==========================================================================
   Responsive
   ========================================================================== */

@media only screen and (max-width: 1300px) {
section.smartbloc.specialmedia article {padding-right: 20px; }
section.smartbloc.specialmedia.flip article {padding-left: 20px;}
section.smartbloc.specialmslider article {padding-left: 20px;}
footer .footerinfo {padding-right: 50px; padding-left: 50px;}
}   

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

section.half.withmedia .row, section.smartbloc.specialmedia {grid-gap: 40px !important;}
.vignette.show4 {grid-template-columns: 1fr 1fr 1fr;}

}   

@media only screen and (max-width: 1000px) {
.smartcarrousel .item a {padding: 0 10px;}
section.smartbloc.specialmedia, section.half .row, .homeactu .actus {grid-template-columns: 1fr;}
.vignette.show4 {grid-template-columns: 1fr 1fr;}
section.smartbloc.specialmedia article {padding-left: 20px; }
section.smartbloc.specialmedia.flip article {padding-right: 20px;}
section.smartbloc.specialmslider, .homesolution .row {flex-direction: column;}
section.smartbloc.specialmslider article {flex: 0 0 100%;}
section.smartbloc.specialmslider .specialslide {margin-left: 20px;}
.flex50:first-child {padding: 0 0 40px 0;}
.flex50:last-child {padding: 0;}
.flex50 { flex: 0 0 100% }
.homesolution {padding: 80px 20px 0  20px;}
.homeactu .actus article {margin-bottom: 20px;}
.homeactu .actus .actufull article {margin-bottom: 0;}
footer .mainfooter .row {flex-direction: column; align-items: center; }
footer .mainfooter nav {width: 100%;}
footer .footerinfo {padding: 0 0 40px 0; margin-right: 0; border: none; border-bottom:1px solid rgba(255, 255, 255, .1); display: flex; flex-direction:column;
align-items:center; width:100%; margin-bottom:40px; }
}   


@media only screen and (max-width: 768px) {
body {min-height: 100vh;min-height: -webkit-fill-available;}
html {height: -webkit-fill-available;}
#burger-menu {display: block;}
.header .logo img {width: 166px; margin: 7px 0;}
.heading {min-height: 540px; padding: 200px 25px 100px 25px;}
.header {position: absolute;}
.header.addbg {padding: 10px 20px 20px 20px; background: transparent; box-shadow: initial; backdrop-filter: initial;}
.header .nav {display: none;}
.header .nav.overlay {display: flex;}
.header .nav.hidemob {display: none;}
body {font-size: 14px;}
footer .bottomfooter .row {flex-direction: column;}
footer .bottomfooter .row p {margin-bottom: 20px;}
section.smartbloc .row article.sideblocs,
.vignette.show2,
.wpcf7-form fieldset,
.vignette.show4{grid-template-columns: 1fr;}
.heading h1, .hero .item .row h1 {font-size: 25px;}
section.smartbloc .row article h2, section.smartbloc.specialmedia article h2, .temoignage h2, .homesolution h2, .slides .row > h2 {font-size: 23px;}
section.smartbloc .row article h3, .sideblocs .sidebloc h3 {font-size: 19px;}
.slick-arrow {top: -50px;}
section.smartbloc, section.smartbloc.specialmslider {padding: 50px 25px;}
.vignette.style3 .item {padding: 25px;}
.actusechead h1 {font-size: 26px; margin-bottom: 0;}
.actusechead {margin-bottom: 30px;}
.slidetemoignages .item {padding: 0 10px}
section.smartbloc.specialmslider article {padding:0; }
section.smartbloc.specialmslider .specialslide {margin-left: 0;}
section.smartbloc.specialmslider .specialslide .item {width: 275px; aspect-ratio: 3/5; margin: 0 8px;}
.scrolldiv .item .ctn p {font-size: 13px;}
.scrolldiv .item .ctn {height: 200px;}
section.smartbloc article p {text-align: initial;}
footer .mainfooter nav {flex-direction: column; align-items: center;}
footer .mainfooter nav div {margin-bottom: 20px;}
footer .mainfooter nav span, footer .mainfooter nav li, footer .footerinfo li {text-align: center;}
footer .mainfooter {padding-bottom: 40px;}
footer .newsletter fieldset {flex-direction: column;}
footer .newsletter fieldset button {width: 100%;}
.bulletpoints .bpoint, .bulletpoints .bpoint:hover {width: 100%; margin: 20px 0;}
.homesolution:before {background-size: 100%; background-position: center 50px;}
.homeactu .actus .actusmall article a {flex-direction: column;}
.homeactu .actus .actusmall img {max-width: 100%;}
.homeactu .actus .actusmall .actumeta {padding: 20px;}
.smartbloc  {overflow-x: hidden;}
iframe {max-width: 100%;}
}