@import url(//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i);/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}@charset "UTF-8"; html { font-size: 100%; -webkit-font-smoothing: antialiased; } body { width: 100%; height: 100%; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { color: #094572; text-decoration: none; } a:hover { text-decoration: underline; } a strong { color: inherit; } img { display: block; max-width: 100%; margin: 0 0 1rem; } table { margin-bottom: 1rem; width: 100%; font-size: 85%; border: 1px solid #e5e5e5; border-collapse: collapse; } td, th { padding: 0.25rem 0.5rem; border: 1px solid #e5e5e5; } th { text-align: left; } tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background-color: #f9f9f9; } /* latin-ext */ @font-face { font-family: 'Dosis'; font-style: normal; font-weight: 400; src: local("Dosis Regular"), local("Dosis-Regular"), url(../../../s/dosis/v7/3isE9muMMOq1K7TQ7HkKvIDGDUGfDkXyfkzVDelzfFk.woff) format("woff2"); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Dosis'; font-style: normal; font-weight: 400; src: local("Dosis Regular"), local("Dosis-Regular"), url(../../../s/dosis/v7/oaBFj7Fz9Y9_eW3k9Jd9X6CWcynf_cDxXwCLxiixG1c.woff) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } body { background: #fff; color: #222; font-family: "Dosis", sans-serif; font-size: 100%; font-weight: normal; line-height: 1.5; } @media (max-width: 599px) { body { line-height: 1.5625; } } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Dosis", sans-serif; font-weight: normal; line-height: 1.2; margin: 0; word-wrap: break-word; } h1, .h1 { font-size: 3.25em; } @media (max-width: 599px) { h1, .h1 { font-size: 2.125em; } } h2, .h2 { font-size: 2.875em; } @media (max-width: 599px) { h2, .h2 { font-size: 1.875em; } } h3, .h3 { font-size: 2.375em; } @media (max-width: 599px) { h3, .h3 { font-size: 1.625em; } } h4, .h4 { font-size: 1.875em; } @media (max-width: 599px) { h4, .h4 { font-size: 1.375em; } } h5, .h5 { font-size: 1.375em; } @media (max-width: 599px) { h5, .h5 { font-size: 1.125em; } } h6, .h6 { font-size: 1.125em; } @media (max-width: 599px) { h6, .h6 { font-size: 1em; } } p { font-size: 1em; margin: 0 0 0.625em; } a { background-color: transparent; color: #094572; text-decoration: none; word-wrap: break-word; } a:active, a:focus, a:hover { outline: 0; color: #062e4c; text-decoration: underline; } hr { border: 0; border-top: 1px solid #f7f9fb; border-bottom: 0 solid #fff; box-sizing: content-box; margin: 2em auto; overflow: visible; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } blockquote { font-size: 1.125em; font-style: italic; margin: 0 0 0.625em; padding-left: 0.84211em; padding-right: 0.84211em; border-left: 2px solid #008f8b; } blockquote cite { color: #808080; font-size: 0.84211em; padding-top: 1em; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } * { font-family: 'Nunito'; } a { transition: all 0.3s; } a:hover { transition: all 0.2s; text-decoration: none !important; } strong { font-weight: 900; } p { line-height: 1.3 !important; } .container-latelier { width: 95%; margin: 0 auto; } .pt-90 { padding-top: 90px; } .jssocials-share-link { border-radius: 50%; } #share-social { text-align: center; padding: 40px 0 20px 0; } #share-social p { margin-bottom: 20px; color: grey; font-weight: bold; } #share-social .jssocials-share a { background: #319fd9; width: 35px; height: 35px; } #share-social .jssocials-share a:hover { opacity: 0.8; } #share-social .jssocials-share .jssocials-share-logo { font-size: initial; } .d-none { display: none; } a .scroll_mouse { height: 60px; position: absolute; bottom: 40px; left: 50px; animation: bounce 1s ease infinite; z-index: 999; } @keyframes bounce { from { bottom: 30px; } 50% { bottom: 20px; } to { bottom: 30px; } } section#image_gauche ul, section#image_droite ul { list-style: none; padding: 0; } section#image_gauche ul li:before, section#image_droite ul li:before { content: "\2022"; color: #e8892a; margin-right: 15px; } .home .second { font-size: 0; } .home .second h2 { text-align: left; margin-left: auto !important; } #pagination { font-size: 14px; display: inline-block; width: 100%; text-align: center; font-weight: bold; padding: 30px 0; } #pagination a, #pagination span { margin: 0 3px; color: #000; } #pagination span.current, #pagination a:hover { color: #e07c1a; font-size: 22px; } .ml6 { position: relative; font-weight: 900; font-size: 3.3em; } .ml6 .text-wrapper { position: relative; display: inline-block; padding-top: 0.2em; padding-right: 0.05em; padding-bottom: 0.1em; overflow: hidden; } .ml6 .letter { display: inline-block; line-height: 1em; opacity: 0; } h2.orange { margin: 0 !important; font-family: 'Nunito' !important; font-size: 25px !important; font-weight: bold !important; color: #E87B2A !important; } .text-center { text-align: center; } #bandeau_image h1 { text-transform: uppercase; } .carousel-single { padding: 50px 0; } .carousel-single img { margin: 0 auto; } .carousel-single .item { width: 100%; margin: 0 auto; } .carousel-single .item .bg-item { width: 100%; height: 500px; } .carousel-single .item p { color: #222; margin: 10px 0 0px 0; text-align: center; font-size: 16px; line-height: 1.2; font-weight: 600; } #single .left .hidden { overflow: hidden; } #single .left .hidden .bg-anim { background-size: cover !important; height: 100%; transform: scale(1.1); } .anim-sticky { transition: all 10s; transform: scale(1) !important; width: 100%; } .download-link { padding: 7px 0; } .download-link a.button { background: linear-gradient(to bottom left, #e8892a, #e8682a); border: 1px solid orange; color: white; text-transform: uppercase; border-radius: 10px; display: inline-block; padding: 15px 25px; font-size: 12px; transition: all 0.4s; } .download-link a.button:hover { transition: all 0.3s; background: white; color: orange; } .download-link .icon-dl i { font-size: 24px; margin-right: 5px; vertical-align: middle; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix, .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } *, *:before, *:after { box-sizing: border-box; } header { position: fixed; top: 0; width: 100%; z-index: 9999; height: 90px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); transition: all ease 0.5s; } header a.logo { width: 280px; height: 60px; position: absolute; top: 10px; } header a.logo img { margin: 0; } header.blue .menu-header_menu-container ul li a { color: #FFF; } header.white { box-shadow: #00000038 -1px 1px 18px 0px; background: #FFF; } header.white .menu-header_menu-container ul li a { color: #00A9CE; } header .menu-header_menu-container ul { padding: 30px 0 0 0; list-style-type: none; text-align: right; margin: 0; line-height: 60px; } header .menu-header_menu-container ul li { display: inline-block; margin: 0 10px; } header .menu-header_menu-container ul li.current-menu-item { font-weight: bold; } header .menu-header_menu-container ul li a { text-decoration: none; font-size: 14px; } header .menu-header_menu-container ul li a:hover { color: orange !important; } .hamburger:focus { outline: none !important; } .social { position: fixed; bottom: 0; right: 0; width: 60px; z-index: 9999; } .social ul { list-style-type: none; padding: 0; margin: 0; } .social ul li.lien-social a img { width: 50%; margin: 18px auto; } .social ul li:last-child { width: 100%; height: 100%; } .social ul a.contact-env img { margin: 0; } .filtre { position: fixed; bottom: 0; width: 100vw; height: calc(100vh - 90px); opacity: 0; background-color: rgba(0, 0, 0, 0.7); z-index: -1; transition: z-index 0.5s; } .anim_filtre { opacity: 1; z-index: 997; transition: opacity 1s; } .container-contact { padding: 0 10%; margin: 0 auto; overflow: scroll; height: 100%; } .volet_contact { position: fixed; bottom: 0; width: 50vw; height: calc(100vh - 90px); background-color: white; margin-left: 110%; z-index: 998; transition: margin-left 0.5s; width: 50vw; z-index: 999; } .volet_contact.anim_volet { margin-left: 50%; transition: margin-left 0.5s; margin-left: 50% !important; } .volet_contact .close_volet { position: absolute; bottom: calc( 50% - 25px); left: -25px; width: 50px; height: 50px; background-color: #e07c18; border-radius: 5px; box-shadow: 1px 1px 10px #383838; z-index: 988; cursor: pointer; left: -25px; } .volet_contact .close_volet img { width: 40%; height: auto; margin: 30%; } .volet_contact h2 { font-size: 12px; padding-top: 50px; color: #00A9CE; letter-spacing: 2px; font-weight: 700; margin-top: 0; } .volet_contact p.phrase { font-size: 12px; padding-top: 10px; margin-top: 0; } .volet_contact input { border: none; border-bottom: solid 1px #F9F9F9; padding: 5px; color: #e8892a; } .volet_contact input:-ms-input-placeholder { color: #e8892a; } .volet_contact input::placeholder { color: #e8892a; } .volet_contact .textarea-504 .message { border-radius: 10px; padding: 10px; box-sizing: inherit; border: 1px solid #F9F9F9; resize: none; color: #e8892a; height: 150px !important; } .volet_contact .textarea-504 .message:-ms-input-placeholder { color: #e8892a; } .volet_contact .textarea-504 .message::placeholder { color: #e8892a; } .volet_contact .wpcf7-list-item { font-size: 12px; } .volet_contact .wpcf7-submit { border-radius: 10px; padding: 10px 0; background-color: #e8892a; color: white; border: none; display: inline-block; width: 30%; } .volet_contact span.wpcf7-list-item { margin: 0; } a.contact-env, .contact-env a, a.button { font-weight: 600; } [data-expand-target] { overflow: hidden; position: relative; } [data-expand-link]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } header .contact-env a { background: #E87B2A; padding: 5px 10px; border-radius: 7px; color: white !important; } header .contact-env a:hover { color: white !important; } .category-3 #nos-offres h2 { color: #00A9CE; } .category-3 #nos-offres h2, .category-3 #nos-offres p { text-align: center !important; } .category-3 #nos-offres a.conteneur h3 { color: #E87B2A; font-weight: 700; margin-bottom: 20px; font-size: 20px; text-transform: uppercase; } #start-home { background: linear-gradient(to bottom left, #00A9CE, #00A9CE); padding-top: 100px; } #start-home #home-presentation { padding: 20px 0; width: 70%; margin: 0 auto; text-align: center; position: relative; } #start-home #home-presentation img.absolute { position: absolute; } #start-home #home-presentation img.absolute.left { top: 16vh; width: 12vw; left: -100px; } #start-home #home-presentation img.absolute.right { width: 15%; top: 300px; right: -20px; } #start-home #home-presentation h1 { line-height: 1.5; color: #FFF; font-size: 70px; letter-spacing: 3px; font-weight: 700; } #start-home #home-presentation h2 { line-height: 1.5; color: #FFF; font-size: 40px; letter-spacing: 3px; font-weight: 700; margin-top: 30px; margin-bottom: 10px; } #start-home #home-presentation p { line-height: 1.5; color: #FFF; font-size: 30px; letter-spacing: 3px; font-weight: 700; } #start-home .baseline { max-width: 70%; margin: 0 auto; padding-bottom: 30px; } #nos-offres { background: #F9F9F9; padding: 0 0 100px 0; } #nos-offres .description { max-width: 70%; margin: 20px auto; text-align: center; } #nos-offres .offers { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; } #nos-offres .offers .offer { width: calc(100%/5); text-align: center; border-radius: 7px; overflow: hidden; box-shadow: 3px 3px 17px #d2d2d2; } #nos-offres .offers .offer h2 { background: #00A9CE; margin-bottom: 0; padding: 15px 0; } #nos-offres .offers .offer p { text-align: center; margin: 0; padding: 30px 10px; font-size: 20px; } @media (max-width: 1200px) { #nos-offres .offers .offer { width: 100%; margin-bottom: 20px; } } #nos-offres .cta { text-align: center; padding-top: 60px; font-weight: 600; } #nos-offres .cta a { color: white; margin-bottom: 20px; } #nos-offres .cta a:hover { opacity: .7; transition: all .4s; } #nos-offres .cta a.btn-blue { color: #fff; background: #00A9CE; padding: 5px 15px; border-radius: 8px; margin-right: 10px; } #nos-offres .cta a.btn-orange { color: #fff; background: linear-gradient(to right, #E87B2A, #E8682A); padding: 5px 15px; border-radius: 8px; } #nos-offres .container-offres { width: 70%; margin: 0 auto; } #nos-offres h2 { font-size: 24px; letter-spacing: 2px; color: white; font-family: 'Nunito'; font-weight: bold; margin: 0 0 20px; text-transform: uppercase; } #nos-offres .second .right p { text-align: left; } #nos-offres p { font-size: 16px; letter-spacing: 2px; color: #565656; font-weight: bold; } #nos-offres a.learn-more { display: inline-block; color: #FFF; background: linear-gradient(90deg, #e8892a, #e8682a); border-radius: 7px; font-size: 12px; padding: 5px 15px; transform: scale(1); transition: all 0.5s ease; } #nos-offres a.conteneur { text-align: center; display: inline-block; transform: scale(1); transition: all 0.5s ease; background-color: white; box-shadow: 3px 3px 17px #d2d2d2; text-align: center; border-radius: 10px; padding: 0 10px; width: 90%; } #nos-offres a.conteneur img { height: 80px; margin: -40px auto 0 auto; } #nos-offres a.conteneur h3 { color: #333333; letter-spacing: 2px; font-size: 17px; display: block; -webkit-margin-before: 1.33em; margin-block-start: 1.33em; -webkit-margin-after: 1.33em; margin-block-end: 1.33em; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; font-weight: bold; margin: 20px 0; } #nos-offres a.conteneur:hover { text-decoration: none; transform: scale(1.1); transition: all 0.5s ease; } #nos-offres .first, #nos-offres .second { padding-top: 100px; } #nos-offres .first { font-size: 0; position: relative; z-index: 0; } #nos-offres .first img.absolute { width: 16%; position: absolute; margin: 0; z-index: -1; } #nos-offres .first img.absolute.left { top: 50px; left: -140px; } #nos-offres .first img.absolute.right { top: 20px; right: -90px; } #nos-offres .first ul.post { text-align: center; } #nos-offres .first ul.post li { vertical-align: top; } #nos-offres .first .left { vertical-align: middle; font-size: 20px; width: 30%; display: inline-block; vertical-align: top; } #nos-offres .first .right { vertical-align: middle; font-size: 20px; width: 70%; display: inline-block; } #nos-offres .second { font-size: 0; position: relative; z-index: 0; } #nos-offres .second img.absolute { width: 16%; position: absolute; margin: 0; z-index: -1; } #nos-offres .second img.absolute.left { top: 40px; left: 0; } #nos-offres .second img.absolute.right { top: 40px; right: -150px; } #nos-offres .second ul.post { text-align: center; } #nos-offres .second ul.post li { vertical-align: top; } #nos-offres .second .left { vertical-align: middle; font-size: 20px; width: 70%; display: inline-block; } #nos-offres .second .right { vertical-align: middle; font-size: 20px; width: 30%; display: inline-block; vertical-align: top; text-align: right; } #nos-offres ul.post { padding: 0; margin: 0; } #nos-offres ul.post li { width: calc(90% / 3); display: inline-block; font-size: 0; margin: 40px auto 0 auto; } #temoignages { width: 70%; margin: 0 auto; } #temoignages { position: relative; background: #00A9CE; width: 100%; } #temoignages .partie_haute { text-align: center; color: white; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTYxLjUgMjcwLjIiPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy0yLC5jbHMtMywuY2xzLTQsLmNscy01e2ZpbGw6I2Y5ZjlmOTt9LmNscy0xe29wYWNpdHk6MC4zO30uY2xzLTJ7b3BhY2l0eTowLjE7fS5jbHMtM3tvcGFjaXR5OjAuODt9LmNscy00e29wYWNpdHk6MC42O30uY2xzLTV7b3BhY2l0eTowLjQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE1PC90aXRsZT48ZyBpZD0iQ2FscXVlXzIiIGRhdGEtbmFtZT0iQ2FscXVlIDIiPjxnIGlkPSJDYWxxdWVfMS0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTQ2LjUyLDIwMy42NmEzOC44OCwzOC44OCwwLDAsMC00MC4yNiwxMy45M2MtNCw1LjU5LTUuNTMsMTIuMjItMy40LDE4LjM4LDEuOTMsNS41OCw2LjU1LDkuODcsMTIuMzksMTIuMTJsMS43MywxMS4yOWEyLjI2LDIuMjYsMCwwLDAsMy44NiwxLjJsMTAuMjEtMTAuNDUsOC0yLjc4YTM2LjY5LDM2LjY5LDAsMCwwLDE4LjA1LTEzYzMuOTUtNS41OSw1LjUzLTEyLjIyLDMuNC0xOC4zN1MxMTUzLjA4LDIwNS42MSwxMTQ2LjUyLDIwMy42NlptNi45MiwyOC4xYTMyLjI2LDMyLjI2LDAsMCwxLTE1LjgyLDExLjMxbC04LjU1LDNhMi4yMywyLjIzLDAsMCwwLS44OC41N2wtNy40Miw3LjYyLTEuMjYtOC4wNmEyLjI4LDIuMjgsMCwwLDAtMS41NS0xLjc4LDE2LjQxLDE2LjQxLDAsMCwxLTEwLjgzLTkuODljLTEuNTgtNC41Ny0uNDgtOS42LDIuODMtMTQuMjlhMzQuMzMsMzQuMzMsMCwwLDEsMzUuMjYtMTIuMmM1LjUsMS42Myw5LjQ3LDQuOTEsMTEsOS40OFMxMTU2Ljc2LDIyNy4wNywxMTUzLjQ0LDIzMS43NloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02My42MywyNDMuNTFhMzYuNywzNi43LDAsMCwwLDE5LjMyLDExLDM2LjU5LDM2LjU5LDAsMCwwLDIyLjE4LTEuMzljNi4zMi0yLjYzLDExLjE4LTcuNCwxMi42NS0xMy43NSwxLjM0LTUuNzUtLjI5LTExLjg0LTQtMTYuODVMMTE4LjI3LDIxMmEyLjI3LDIuMjcsMCwwLDAtMS4yLTMsMi4zOCwyLjM4LDAsMCwwLTEuNDItLjExbC0xNC4yMSwzLjQyLTguMjktMS45MkEzNi42OSwzNi42OSwwLDAsMCw3MSwyMTEuODVjLTYuMzIsMi42My0xMS4xOCw3LjQxLTEyLjY1LDEzLjc1UzU5LjExLDIzOC4zNyw2My42MywyNDMuNTFaTTcyLjcxLDIxNmEzMi4yOSwzMi4yOSwwLDAsMSwxOS40Mi0xLjE2bDguODEsMmEyLjMzLDIuMzMsMCwwLDAsMSwwbDEwLjM0LTIuNTEtMy4yMiw3LjQ5YTIuMjUsMi4yNSwwLDAsMCwuMzYsMi4zMywxNi4zOCwxNi4zOCwwLDAsMSwzLjkxLDE0LjE0Yy0xLjA5LDQuNzEtNC42OSw4LjM5LTEwLDEwLjZBMzIuMzMsMzIuMzMsMCwwLDEsODQsMjUwLjExLDMyLjI4LDMyLjI4LDAsMCwxLDY3LDI0MC41M2MtMy43OS00LjMyLTUuNDEtOS4yLTQuMzItMTMuOTFTNjcuNDEsMjE4LjI0LDcyLjcxLDIxNloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04ODkuOTEsMTg3LjY3YTI1LjUzLDI1LjUzLDAsMCwwLTEzLTI0Ljc2Yy00LTItOC40Ny0yLjM5LTEyLjI1LS40YTEzLjQ5LDEzLjQ5LDAsMCwwLTYuNjUsOS4yMkw4NTAuODUsMTc0YTEuNDgsMS40OCwwLDAsMC0uNCwyLjYybDcuNzgsNS42LDIuNiw0Ljk1QTI0LjEsMjQuMSwwLDAsMCw4NzEsMTk3LjU4YzQsMiw4LjQ3LDIuMzksMTIuMjYuNFM4ODkuMjgsMTkyLjExLDg4OS45MSwxODcuNjdabS0xNy41Niw3LjI1YTIxLjE4LDIxLjE4LDAsMCwxLTguODktOS4xNmwtMi43Ni01LjI1YTEuNDQsMS40NCwwLDAsMC0uNDYtLjUybC01LjY3LTQuMDcsNS4xLTEuNjFhMS40OSwxLjQ5LDAsMCwwLDEtMS4xOCwxMC43MywxMC43MywwLDAsMSw1LjM2LThjMi44LTEuNDgsNi4xOC0xLjI2LDkuNTUuNDNBMjIuNTEsMjIuNTEsMCwwLDEsODg3LDE4Ny4yNWMtLjUyLDMuNzMtMi4yNiw2LjYzLTUuMDYsOC4xUzg3NS43MiwxOTYuNjEsODcyLjM1LDE5NC45MloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik05ODYuMjYsMjIwLjQ0QTIzLjIyLDIzLjIyLDAsMCwwLDk2MSwyMTYuODZjLTMuNjIsMS45LTYuMjcsNS02LjgyLDguODVhMTIuMjYsMTIuMjYsMCwwLDAsMy4yOCw5LjgzTDk1NS4zMywyNDJhMS4zNSwxLjM1LDAsMCwwLC44NywxLjcsMS40LDEuNCwwLDAsMCwuODYsMGw4LjI4LTIuNzgsNSwuNzJhMjEuOTMsMjEuOTMsMCwwLDAsMTMuMTUtMmMzLjYzLTEuODksNi4yOC01LDYuODMtOC44NVM5ODkuMjIsMjIzLjI3LDk4Ni4yNiwyMjAuNDRabS00LDE2Ljg0YTE5LjI1LDE5LjI1LDAsMCwxLTExLjUxLDEuN2wtNS4zNS0uNzZhMS4zNSwxLjM1LDAsMCwwLS42My4wNmwtNiwyLDEuNTQtNC42M2ExLjM3LDEuMzcsMCwwLDAtLjM0LTEuMzcsOS43Nyw5Ljc3LDAsMCwxLTMuMDYtOC4yMmMuNC0yLjg2LDIuMzYtNS4yNCw1LjQtNi44M2EyMC41MiwyMC41MiwwLDAsMSwyMi4wOSwzLjEzYzIuNDksMi4zOCwzLjcsNS4yLDMuMyw4LjA2Uzk4NS4zMiwyMzUuNjksOTgyLjI3LDIzNy4yOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zNzIuNTUsMjEzLjM2YTIzLjIsMjMuMiwwLDAsMCwxNy44NCwxOC4xYzQsLjY5LDgtLjE2LDEwLjc3LTIuODlhMTIuMjYsMTIuMjYsMCwwLDAsMy4zNC05Ljc4bDUuNjQtMy44M2ExLjM1LDEuMzUsMCwwLDAsLjMzLTEuODgsMS4yOSwxLjI5LDAsMCwwLS42OC0uNTFsLTguMjUtMi44MkwzOTgsMjA2LjE0YTIxLjgyLDIxLjgyLDAsMCwwLTExLjYyLTYuMzljLTQtLjY5LTgsLjE2LTEwLjc3LDIuODlTMzcxLjkxLDIwOS4zMywzNzIuNTUsMjEzLjM2Wm0xMy4zNS0xMUExOS4zMiwxOS4zMiwwLDAsMSwzOTYuMDYsMjA4bDMuNzgsMy44NGExLjMyLDEuMzIsMCwwLDAsLjU0LjMzbDYsMi00LDIuNzVhMS4zNiwxLjM2LDAsMCwwLS41NiwxLjI5LDkuNzUsOS43NSwwLDAsMS0yLjU1LDguMzdjLTIuMDUsMi01LDIuNzMtOC40MiwyLjE1QTIwLjQ5LDIwLjQ5LDAsMCwxLDM3NS4yMiwyMTNjLS41NC0zLjM5LjIxLTYuMzcsMi4yNi04LjM5UzM4Mi41MiwyMDEuODMsMzg1LjksMjAyLjQxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ0NC41MiwxMzkuMWEyMy4xNiwyMy4xNiwwLDAsMC0uODMsMjUuNGMyLjI3LDMuNCw1LjYyLDUuNjksOS41MSw1LjgyYTEyLjI2LDEyLjI2LDAsMCwwLDkuMzktNC4zMWw2LjY2LDEuNDRhMS4zNiwxLjM2LDAsMCwwLDEuNi0xLDEuNDMsMS40MywwLDAsMC0uMS0uODRsLTMuNjQtNy45Mi4xNi01LjA4YTIxLjkyLDIxLjkyLDAsMCwwLTMuMzctMTIuODNjLTIuMjctMy4zOS01LjYzLTUuNjgtOS41MS01LjgxUzQ0NywxMzUuODYsNDQ0LjUyLDEzOS4xWm0xNy4xMywyLjE0YTE5LjMsMTkuMywwLDAsMSwyLjkzLDExLjIzbC0uMTgsNS4zOWExLjMxLDEuMzEsMCwwLDAsLjEzLjYybDIuNjUsNS43Ni00Ljc1LTFhMS4zNSwxLjM1LDAsMCwwLTEuMzIuNDgsOS43OCw5Ljc4LDAsMCwxLTcuODMsMy45MmMtMi44OC0uMDktNS40NS0xLjc4LTcuMzUtNC42M2EyMC40OCwyMC40OCwwLDAsMSwuNzMtMjIuMjRjMi4wOS0yLjcyLDQuNzYtNC4yMyw3LjY0LTQuMTNTNDU5Ljc1LDEzOC4zOSw0NjEuNjUsMTQxLjI0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTgxMC4wOSwxMC4yMUM4MDEuNTcsNCw3OTAsLjE1LDc3Ny4yOCwwcy0yNC4zNywzLjM4LTMzLDkuNDUtMTQuNDIsMTQuODktMTQuNTQsMjVjLS4xLDkuMTIsNC4zNywxNy43OCwxMS42OCwyNC4xTDczOCw3NS44M2EzLjUsMy41LDAsMCwwLDUsMy43N2wyMC4zMi05Ljg3LDEzLjE2LjE2YzEyLjczLjE1LDI0LjM3LTMuMzgsMzMtOS40NVM4MjMuOTMsNDUuNTYsODI0LDM1LjQ5LDgxOC42MSwxNi40OCw4MTAuMDksMTAuMjFabS00LjYyLDQ0LjUxYy03LjI3LDUuMDktMTcuNTMsOC4zMS0yOC45Miw4LjE4bC0xNC0uMTZhMy41MiwzLjUyLDAsMCwwLTEuNTkuMzZsLTE0Ljc3LDcuMiwyLjM4LTEyLjM3YTMuNDcsMy40NywwLDAsMC0xLjMyLTMuNGMtNi44NC01LjIxLTEwLjY3LTEyLjY2LTEwLjU4LTIwLjA1Uzc0MSwyMC4yNyw3NDguMjcsMTUuMTcsNzY1LjgxLDYuODYsNzc3LjIsN3MyMS41NywzLjU5LDI4LjczLDguODVTODE3LjE0LDI4LDgxNy4wNiwzNS40MSw4MTIuNzUsNDkuNjIsODA1LjQ3LDU0LjcyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI2LDU3LjNDMTcsNjMsOS4zMSw3Mi4zNSw0LjU0LDg0LjE2cy01LjcsMjMuOTQtMy4xOSwzNC4yMVMxMCwxMzcuMjIsMTkuMzIsMTQxYzguNDYsMy40MSwxOC4xNSwyLjM4LDI2LjctMi4xM2wxNC45Miw5LjQzYTMuNDksMy40OSwwLDAsMCw0LjgxLTEuMTMsMy41NywzLjU3LDAsMCwwLC41MS0yLjE0TDY0LjQ0LDEyMi41bDQuOTItMTIuMjFjNC43Ni0xMS44MSw1LjctMjMuOTMsMy4yLTM0LjIxcy04LjY0LTE4Ljg0LTE4LTIyLjYxUzM0LjksNTEuNjQsMjYsNTcuM1pNNjUuNzYsNzcuNzZjMi4xLDguNjIsMS4zOCwxOS4zNS0yLjg4LDI5LjkybC01LjIzLDEzYTMuNTMsMy41MywwLDAsMC0uMjMsMS42MWwxLjM0LDE2LjM4TDQ4LjEsMTMxLjkyYTMuNTIsMy41MiwwLDAsMC0zLjY1LDBjLTcuMzQsNC40OC0xNS42Nyw1LjM0LTIyLjUyLDIuNThzLTExLjY4LTkuMTgtMTMuNzgtMTcuOFM2Ljc3LDk3LjM0LDExLDg2Ljc3LDIyLjIsNjgsMjkuNyw2My4yMiw0NS4wNiw1Ny4xNiw1Miw2MCw2My42Niw2OS4xMyw2NS43Niw3Ny43NloiLz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik0xMDEzLjU1LDEwNC43N2MtNy40Ny00LTE3LjA2LTUuNzEtMjcuMTgtNC4zOHMtMTksNS40NS0yNS4xNCwxMS4yNS05Ljc1LDEzLjQ0LTguNywyMS40NGMxLDcuMjUsNS40OSwxMy42MSwxMiwxNy43OWwtLjcsMTQuMTNhMi44LDIuOCwwLDAsMCwyLjY4LDIuOTEsMi43NywyLjc3LDAsMCwwLDEuNy0uNDhsMTUtMTAuMTQsMTAuNDUtMS4zN2MxMC4xMi0xLjMzLDE5LTUuNDUsMjUuMTMtMTEuMjRzOS43Ni0xMy40NSw4LjcxLTIxLjQ1UzEwMjEsMTA4Ljc3LDEwMTMuNTUsMTA0Ljc3Wm0xLjQsMzUuODJjLTUuMiw0Ljg3LTEzLDguNTktMjIsOS43OGwtMTEuMSwxLjQ2YTIuNjcsMi42NywwLDAsMC0xLjIyLjQ2bC0xMC45LDcuMzkuNDgtMTAuMDhhMi43OSwyLjc5LDAsMCwwLTEuNDQtMi41NGMtNi0zLjM3LTkuODktOC44NC0xMC42Ni0xNC43MXMxLjgtMTEuNzYsNy0xNi42MywxMy04LjU5LDIyLTkuNzgsMTcuNTIuNCwyMy43OSwzLjc2LDEwLjI3LDguMzMsMTEuMDUsMTQuMjZTMTAyMC4xNCwxMzUuNzIsMTAxNSwxNDAuNTlaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNMjgwLjksMTIxLjkxYy00LTcuNDUtMTEuMTMtMTQuMTMtMjAuMzItMTguNThzLTE4LjgzLTUuODUtMjcuMTgtNC40LTE1LjUzLDUuODktMTksMTMuMTVjLTMuMTksNi41OC0yLjg5LDE0LjM4LjI2LDIxLjQ2TDIwNi4yOCwxNDVhMi43OSwyLjc5LDAsMCwwLDIuMzIsNC40M2wxOC4xLS4yNCw5LjQ5LDQuNmM5LjE5LDQuNDQsMTguODMsNS44NSwyNy4xOCw0LjRzMTUuNTQtNS44OSwxOS4wNS0xMy4xNVMyODUsMTI5LjM2LDI4MC45LDEyMS45MVptLTE4LjUsMzAuNzFjLTcsMS4yMi0xNS41NS4wNi0yMy43Ny0zLjkxbC0xMC4wOC00Ljg4YTIuODIsMi44MiwwLDAsMC0xLjI4LS4yOGwtMTMuMTYuMTksNS45NC04LjE2YTIuNzksMi43OSwwLDAsMCwuMTktMi45MmMtMy4xOC02LjExLTMuNDItMTIuODItLjg0LTE4LjE0czgtOC44NSwxNS0xMC4wNiwxNS41NS0uMDYsMjMuNzYsMy45MSwxNC40Myw5Ljk1LDE3LjgzLDE2LjIxLDQsMTIuNiwxLjQxLDE4UzI2OS40MSwxNTEuNCwyNjIuNCwxNTIuNjJaIi8+PHBhdGggY2xhc3M9ImNscy01IiBkPSJNMjQ0LjcyLDI1Mi4zOGM0LDYuMTcsMTAuNSwxMS40OSwxOC43LDE0Ljc1YTM5LjMyLDM5LjMyLDAsMCwwLDIzLjczLDIuMDljNy4xMS0xLjc3LDEzLTYuMDUsMTUuNi0xMi41NCwyLjM0LTUuODgsMS41OS0xMi41OS0xLjU3LTE4LjVsNi40OC0xMC4zN2EyLjQyLDIuNDIsMCwwLDAtLjgtMy4zMywyLjM4LDIuMzgsMCwwLDAtMS40OS0uMzVsLTE1LjU5LDEuMzQtOC40OC0zLjM3Yy04LjIxLTMuMjUtMTYuNjEtMy44Ni0yMy43My0yLjA5cy0xMyw2LjA2LTE1LjYsMTIuNTRTMjQwLjc3LDI0Ni4yMSwyNDQuNzIsMjUyLjM4Wm0xNC0yNy42NmEzNC41OCwzNC41OCwwLDAsMSwyMC43NSwxLjg5bDksMy41N2EyLjMzLDIuMzMsMCwwLDAsMS4xMS4xNmwxMS4zNS0xLTQuNjEsNy40MWEyLjQyLDIuNDIsMCwwLDAsMCwyLjUzYzMuMTMsNS4wOCwzLjc2LDEwLjg1LDEuODcsMTUuNjFTMjkxLjkzLDI2MywyODYsMjY0LjUxcy0xMy40MSwxLTIwLjc1LTEuODgtMTMuMDctNy42OC0xNi40LTEyLjg2LTQuMjUtMTAuNjItMi4zNC0xNS40M1MyNTIuNzksMjI2LjIxLDI1OC43NiwyMjQuNzJaIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat center center; background-size: 80%; } #temoignages .partie_haute .nombre { font-size: 80px; font-weight: 500; opacity: 0.4; margin: 0; padding-top: 30px; } #temoignages .partie_haute .phrase_nombre { font-size: 18px; font-weight: 700; width: 25%; margin-left: 37.5%; letter-spacing: 2px; } #temoignages .partie_haute .trait_hor_tem { border: none; width: 80%; background-color: rgba(255, 255, 255, 0.4); height: 1px; } #temoignages .btn_tem { position: absolute; display: block; bottom: -25px; left: 42%; width: 16%; height: 50px; padding-top: 14px; background: linear-gradient(90deg, #e8892a, #e8682a); text-align: center; color: white; border-radius: 10px; transform: scale(1); transition: all 0.5s ease; font-weight: bold; } #temoignages .btn_tem:hover { transform: scale(1.1); transition: all 0.5s ease; } #temoignages .temoignages .temoignage_x { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: end; margin: 5% 0 10% 0; } #temoignages .temoignages .temoignage_x .temoin_tr { border: none; background-color: white; height: 100px; width: 1px; opacity: 0.2; } #temoignages .temoignages .temoignage_x .gauche { width: 30%; margin: 0 5%; } #temoignages .temoignages .temoignage_x .gauche .img_temoin { width: 90px; height: 90px; border-radius: 100%; background-size: cover; } #temoignages .temoignages .temoignage_x .info_temoin { color: white; width: 60%; } #temoignages .temoignages .temoignage_x .info_temoin h3 { margin: 0; font-size: 22px; font-weight: 800; margin-bottom: 6px; letter-spacing: 2px; } #temoignages .temoignages .temoignage_x .info_temoin .profession { margin: 0; margin: 0 0 5px 0; font-size: 14px; } #temoignages .temoignages .temoignage_x p.temoignages_txt { line-height: 1.1; font-weight: bold; } #bloc_le_lab { width: 100%; margin: 5% 0; } #bloc_le_lab .haut h2 { display: inline-block; margin-left: 90px; font-size: 16px; letter-spacing: 2px; margin-right: 53%; } #bloc_le_lab .haut .tout_art { display: inline-block; left: 42%; width: 12%; padding: 5px 0; background: linear-gradient(90deg, #e8892a, #e8682a); text-align: center; color: white; border-radius: 10px; font-weight: 600; font-size: 14px; letter-spacing: 1px; box-shadow: 2px 2px 12px grey; } #bloc_le_lab .haut .veille_art { display: inline-block; left: 42%; width: 15%; padding: 5px 0; text-align: center; border-radius: 10px; font-size: 26px; margin-left: 130px; color: #00A9CE; letter-spacing: 2px; font-weight: 700; } #bloc_le_lab .bloc_actualites { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } #bloc_le_lab .bloc_actualites .actu { transform: scale(1); transition: all 0.5s ease; width: 240px; } #bloc_le_lab .bloc_actualites .actu:hover { transform: scale(1.1); transition: all 0.5s ease; } #bloc_le_lab .bloc_actualites .actu a .img_article { height: 150px; width: 240px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 20%; margin-bottom: 10px; } #bloc_le_lab .bloc_actualites .actu a p { font-size: 12px; color: #adadad; letter-spacing: 2px; } #bloc_le_lab .bloc_actualites .actu a h3 { font-size: 16px; color: black; letter-spacing: 2px; font-weight: 600; } #bloc_le_lab .bas .decouvrir_article { margin-top: 2%; width: 30%; } #bloc_le_lab .bas .decouvrir_article div { width: 170px; height: 170px; background: #00A9CE; border-radius: 10px; color: white; text-align: center; transform: scale(1); transition: all 0.5s ease; float: right; } #bloc_le_lab .bas .decouvrir_article div:hover { transform: scale(1.1); transition: all 0.5s ease; } #bloc_le_lab .bas .decouvrir_article div img { height: 50px; margin-top: 30px; margin-left: auto; margin-right: auto; } #bloc_le_lab .bas .decouvrir_article div p { margin-top: 20px; font-size: 13px; padding: 0 36px; font-weight: bold; line-height: 1.2; } #bloc_le_lab .bas .decouvrir_article div p strong { font-size: 18px; } #bloc_le_lab .container-large { width: 90%; margin: 0 auto; font-size: 0; } #bloc_le_lab .le-lab { width: 70%; display: inline-block; font-size: 14px; } #bloc_le_lab .infos { height: 60px; } #bloc_le_lab h2.orange { text-align: center; padding: 15px 0 30px 0; color: #00A9CE !important; } #bloc_le_lab .le-lab h2 { display: inline-block; margin: 0; font-family: 'Nunito'; font-size: 25px; font-weight: bold; color: #E87B2A; } #bloc_le_lab .le-lab .tout_art { float: right; color: #fff; background: linear-gradient(to right, #E87B2A, #E8682A); padding: 5px 15px; border-radius: 8px; } #bloc_le_lab .pearl-trees { width: 30%; display: inline-block; font-size: 22px; vertical-align: top; } #bloc_le_lab .pearl-trees .infos { text-align: center; width: 170px; margin-left: auto; font-size: 21px; color: #00A9CE; font-family: 'Nunito'; font-weight: bold; line-height: 1.1; } #bloc_le_lab .pearl-trees .infos a.veille_art { color: #00A9CE; font-weight: bolder; } .page .site-content #page-modules { background: #00A9CE; padding: 140px 0 200px 0; } .page .site-content #page-modules h1 { color: #FFF; font-family: 'Nunito'; font-weight: bold; font-size: 34px; margin: 0 15%; } .page.page-template-default .download-link { text-align: center; } .page section#video-image-presentation { text-align: center; margin-top: calc((360px / 2) - (360px / 2) - (360px / 2)); } .page section#video-image-presentation img { margin: 0 auto; } .page section#video-image-presentation video { max-width: 100%; } .page section#citation { width: 70%; margin: 0 auto; padding: 60px 0; } .page section#citation p { color: #e8892a; font-size: 20px; font-weight: 700; text-align: justify; margin-left: 8%; } .page section#citation p.img { float: left; margin: 0; } .page section#citation p.img img { height: 40px; margin-right: 30px; } .page section#image_gauche { font-size: 0; } .page section#image_gauche .left { width: 40%; display: inline-block; vertical-align: middle; } .page section#image_gauche .left img { margin: 0; } .page section#image_gauche .right { width: 60%; display: inline-block; vertical-align: middle; padding: 60px 15% 60px 5%; } .page section#image_gauche .right h2 { color: #00A9CE; font-size: 25px; font-weight: bolder; font-family: 'Nunito'; } .page section#image_gauche .right p { font-size: 16px; line-height: 1.2; font-weight: 600; } .page section#image_gauche .right p strong { color: #e8892a !important; } .page section#image_gauche .right ul { font-size: 16px; line-height: 1.2; font-weight: 600; } .page section#image_droite { font-size: 0; } .page section#image_droite .left { width: 60%; display: inline-block; vertical-align: middle; padding: 60px 5% 60px 15%; } .page section#image_droite .left h2 { color: #00A9CE; font-size: 25px; font-weight: bolder; font-family: 'Nunito'; } .page section#image_droite .left p { font-size: 16px; line-height: 1.2; font-weight: 600; } .page section#image_droite .left p strong { color: #e8892a !important; } .page section#image_droite .left ul { font-size: 16px; line-height: 1.2; font-weight: 600; } .page section#image_droite .right { width: 40%; display: inline-block; vertical-align: middle; } .page section#image_droite .right img { margin: 0; } .page section#texte { width: 70vw; padding: 40px 0; margin: 0 auto; } .page section#texte h2 { color: #00A9CE; margin-top: 30px; width: 75%; margin-right: 20%; letter-spacing: 2px; font-size: 25px; font-weight: bolder; font-family: 'Nunito'; } .page section#texte p { text-align: justify; font-size: 16px; line-height: 1.2; font-weight: 600; } .page section#texte p strong { color: #e8892a !important; } .page section#texte p a { color: #00A9CE; } .page section#texte p strong { width: 100%; font-size: 14px; text-align: justify; color: #e8892a; } .page section#video_ou_image { text-align: center; padding: 20px 0; } .page section#video_ou_image img { margin: 0 auto; } .page section#video_ou_image video { max-width: 100%; } .page section#lien_vers_page_ou_article { padding: 90px 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .page section#lien_vers_page_ou_article .container-latelier { width: 70%; } .page section#lien_vers_page_ou_article p.auteur { font-size: 16px; color: #FFF; } .page section#lien_vers_page_ou_article h3 { font-size: 22px; letter-spacing: 2px; color: #FFF; margin-bottom: 20px; } .page section#lien_vers_page_ou_article a { display: inline-block; font-size: 12px; padding: 10px 25px; background: linear-gradient(to bottom left, #e8892a, #e8682a); text-align: center; color: #FFF; border-radius: 10px; transform: scale(1); transition: all 0.5s ease; } #BLOC_SLIDER { width: 100vw; background: #00A9CE; position: relative; height: 750px; } #BLOC_SLIDER ul { padding: 0; list-style-type: none; } #BLOC_SLIDER h4 { text-align: center; color: white; opacity: 0.4; padding-top: 20px; font-size: 30px; font-family: 'Nunito'; font-weight: bold; margin-bottom: 10px; width: 99%; } #BLOC_SLIDER .owl-item .event img.kill-the-process { position: absolute; width: 20%; right: 28px; top: 140px; } #BLOC_SLIDER .owl-item .event .image_slider { height: 270px; transition: all 0.4s; cursor: pointer; } #BLOC_SLIDER .owl-item .event .bloc_nom { opacity: 0; transition: all 0.4s; } #BLOC_SLIDER .owl-item .event .bloc { opacity: 0; transition: all 0.4s; } #BLOC_SLIDER .owl-item.active .event .image_slider { height: 400px; transition: all 0.4s; } #BLOC_SLIDER .owl-item.active .event .bloc_nom { opacity: 0.6; transition: all 0.4s; } #BLOC_SLIDER .owl-item.active .event .bloc { opacity: 1; transition: all 0.4s; } #BLOC_SLIDER ul.social-slider { display: -ms-flexbox; display: flex; } #BLOC_SLIDER ul.social-slider li { margin-right: 10px; } #BLOC_SLIDER ul.social-slider li a { color: #ea7b17 !important; font-size: 24px; } #BLOC_SLIDER ul.social-slider li a:hover { color: white !important; } #BLOC_SLIDER .trait { position: absolute; border: none; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.4); top: 131px; } #BLOC_SLIDER .event { position: relative; padding: 0 0 160px 0; } #BLOC_SLIDER .event .image_slider { width: 70%; height: 350px; margin: 0 auto; background-position: center; background-size: cover; background-repeat: no-repeat; } #BLOC_SLIDER .event .bloc_nom { position: absolute; left: 0; color: white; opacity: 0.6; width: 400px; top: 10%; } #BLOC_SLIDER .event .bloc_nom h3 { font-size: 55px; margin: 8px 0 0 0; font-size: 60px; font-weight: bold; letter-spacing: 6px; text-transform: uppercase; } #BLOC_SLIDER .bloc { position: absolute; padding: 0; border-left: solid 1px rgba(255, 255, 255, 0.4); color: #FFF; height: 115px; width: 100%; transform: translate(-50%, -50%); top: 80%; left: 50%; border-right: solid 1px rgba(255, 255, 255, 0.4); } #BLOC_SLIDER .event .bloc_nom p { text-transform: uppercase; margin: 10px 0 0 0; } #BLOC_SLIDER .event .bloc_c_ki { position: absolute; padding: 0; color: white; } #BLOC_SLIDER .event .bloc_c_ki h4 { opacity: 1 !important; text-align: start; padding-left: 30px; } #BLOC_SLIDER .event .bloc_c_ki ul { padding-left: 30px; } #BLOC_SLIDER .event .bloc_heros { position: absolute; padding: 0; right: 0; color: white; text-align: end; } #BLOC_SLIDER .event .bloc_heros h4 { opacity: 1 !important; text-align: end; padding-right: 30px; } #BLOC_SLIDER .event .bloc_heros ul { padding-right: 30px; } section.second-slider { position: relative; width: 100%; } .owl-carousel { position: relative; height: 100%; width: 100%; } .owl-carousel .owl-stage-outer { height: 100%; width: 100%; } .owl-carousel .owl-stage-outer .owl-stage { height: 100%; width: 100%; } section.second-slider .slider-2 .item-slider { width: 70%; margin-left: 15%; text-align: center; opacity: 0; z-index: -1; transition: opacity 0.5s ease , z-index 0.5s ease 0.5s; display: none; } section.second-slider .slider-2 .item-slider.active { opacity: 1; z-index: 1; transition: opacity 0.5s ease 0.5s, z-index 0.5s ease; display: block; } section.second-slider .slider-2 h2 { font-weight: 800; font-size: 20px; line-height: 20px; color: white; letter-spacing: 2px; margin-bottom: 20px; font-weight: 600; font-family: 'Nunito'; margin-bottom: 20px; } section.second-slider .slider-2 p { font-size: 12.5px; padding-bottom: 10px; font-weight: 300; width: 70%; margin: 0 auto; } section.second-slider .slider-2 .desc p { font-size: 16px; font-weight: 500; line-height: 20px; color: white; max-height: 60px; min-height: 60px; overflow: hidden; } section.second-slider .slider-2 .redirect-article { display: inline-block; bottom: calc(-13vh - 43px); background: linear-gradient(to bottom left, #e8892a, #e8682a); text-align: center; color: #FFF; border-radius: 10px; transform: scale(1); transition: all 0.5s ease; text-transform: uppercase; font-weight: bold; padding: 7px 15px; margin-top: 15px; } section.second-slider .slider-2 .redirect-article:hover { transform: scale(1.1); transition: all 0.5s ease; } section.second-slider .slider-1 .sinfy-2 { width: 70%; margin: 0 auto; height: 400px; overflow: hidden; position: relative; } section.second-slider .slider-1 .slide { left: 0; width: 85%; margin-left: 7.5%; display: inline-block; position: absolute; transform: translateY(-110%); z-index: -1; transition: transform 0.5s ease 0.5s, z-index 0.5s ease 0.5s; } section.second-slider .slider-1 .slide.active { transform: translateY(0%); z-index: 2; transition: transform 0.5s ease 0.54s, z-index 0.5s ease 0.5s; } section.second-slider .slider-1 .prev { position: absolute; width: 7.5%; height: 335px; top: 53%; transform: translateY(-50%); left: 10%; z-index: -1; transition: left 0.5s ease , z-index 0.5s ease 0.5s; cursor: pointer; } section.second-slider .slider-1 .prev.active { left: 0; z-index: 1; transition: left 0.5s ease 0.5s, z-index 0.5s ease; } section.second-slider .slider-1 .prev .image { width: 100%; height: 100%; background-position: center; background-size: cover; } section.second-slider .slider-1 .next { position: absolute; width: 7.5%; height: 335px; top: 53%; transform: translateY(-50%); right: 10%; z-index: -1; transition: right 0.5s ease , z-index 0.5s ease 0.5s; cursor: pointer; } section.second-slider .slider-1 .next.active { right: 0; z-index: 1; transition: right 0.5s ease 0.5s, z-index 0.5s ease; } section.second-slider .slider-1 .next .image { width: 100%; height: 100%; background-position: center; background-size: cover; } section.second-slider .background-position { position: absolute; width: 85%; height: 100%; z-index: 3; overflow: hidden; margin-left: 7.5%; } section.second-slider .back-relative { position: relative; height: 100%; width: 100%; } section.second-slider .back-trans { position: absolute; background-color: #2d2d2d; height: 100%; width: 100%; transform: translateY(-100%); } section.second-slider .back-trans-2 { position: absolute; background-color: #434343; height: 100%; width: 100%; transform: translateY(-100%); } section.second-slider .back-trans.active { animation: back 0.8s forwards; } section.second-slider .back-trans-2.active { animation: back-2 0.8s forwards 0.2s; } @keyframes back { 0% { transform: translateY(-100%); } 40% { transform: translateY(0%); } 60% { transform: translateY(0%); } 100% { transform: translateY(100%); } } @keyframes back-2 { 0% { transform: translateY(-100%); } 40% { transform: translateY(0%); } 60% { transform: translateY(0%); } 100% { transform: translateY(100%); } } section.second-slider .slider-1 .image { height: 410px; background-position: center; background-size: cover; -o-box-shadow: 4px 4px 6px -3px #656565; box-shadow: 4px 4px 6px -3px #656565; filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=6); } .slider-ctas { width: 400px; position: absolute; right: 0; bottom: -80px; height: 200px; z-index: 1; } .slider-ctas a { font-size: 0; } .slider-ctas .first-cta { width: 50%; background-color: #2d2d2d; display: inline-block; height: 100%; position: relative; } .slider-ctas .second { background-color: #f9f9f9; } .slider-ctas .first-cta .cta-absolute { position: absolute; top: 50%; width: 80%; margin-left: 10%; text-align: center; transform: translateY(-50%); } .slider-ctas .first-cta .cta-absolute h3 { color: white; margin-top: 25px; font-size: 12px; text-transform: none; letter-spacing: 1px; font-weight: 500; } .slider-ctas .second .cta-absolute h3 { color: #2d2d2d; font-weight: 600; } .slider-ctas .first-cta .cta-absolute .cta-img { width: 30px; height: 30px; display: inline-block; border: 1px solid white; padding: 10px; border-radius: 100%; } .slider-ctas .second .cta-absolute .cta-img { border: 1px solid #2d2d2d; } .slider-ctas .second .cta-absolute .cta-img img { margin-left: 0; } .slider-ctas .first-cta .cta-absolute .cta-img img { margin-left: 1px; } /* section.second-slider .slider-2 {margin-top: 8%;} */ section.second-slider .slider-2 .owl-dots { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 75px; margin-left: 45%; padding: 0; } section.second-slider .slider-2 .owl-dots .owl-dota { width: 10px; height: 10px; border: 1px solid white; display: block; border-radius: 100%; position: relative; cursor: pointer; } section.second-slider .slider-2 .owl-dots .owl-dota div { width: 5px; height: 5px; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); background-color: transparent; transition: all 0.5s ease; border-radius: 100%; } section.second-slider .slider-2 .owl-dots .owl-dota.active div { background-color: white; transition: all 0.5s ease; } section.second-slider .redirect-article-all { padding: 6px 23px; border: 1px solid #2d2d2d; display: inline-block; width: auto; border-radius: 20px; font-size: 12px; color: #2d2d2d; position: absolute; bottom: 30px; right: 10px; transition: all 0.5s ease; } section.second-slider .redirect-article-all:hover { color: white; background-color: #2d2d2d; transition: all 0.5s ease; } .error-404 { padding: 70px 0; } .error-404 h1 { font-size: 60px; margin-bottom: 20px; } .owl-equipe .owl-item.active { z-index: 999; } footer { background: #00A9CE; font-size: 0; padding-top: 40px; } footer .container-footer { width: 90%; margin: 0 auto; } footer .left { display: inline-block; width: 50%; font-size: 12px; } footer .left p { color: #FFF; } footer .left p.one { color: #FFF; font-size: 40px; font-weight: 900; letter-spacing: 5px; margin: 0; } footer .left p.two { font-size: 40px; font-weight: 900; opacity: 0.4; margin: 0; } footer .left p.three { width: 65%; padding-right: 10px; margin-left: 5%; font-size: 16px; letter-spacing: 1px; font-weight: 700; position: relative; } footer .left p.three img.reload { height: 30px; position: absolute; right: -30px; top: 0; cursor: pointer; } footer .left p.three img.reload:hover { transform: rotate(36000deg); transition: all 120s ease; } footer .right { display: inline-block; width: 50%; font-size: 12px; } footer .right ul { list-style-type: none; padding: 0; text-align: right; } footer .right ul li { color: #FFF; margin: 8px 0; font-weight: bold; } footer .right ul li img.les-artisants-du-changements { width: 30%; margin-left: auto; } footer .right ul li a { font-size: 12px; font-weight: bold; color: #FFF; transition: all 0.4s all; } footer .right ul li a:hover { color: #E87B2A; transition: all 0.4s all; } footer hr { width: 80%; border: none; height: 1px; background-color: rgba(255, 255, 255, 0.4); margin-top: 20px; } footer .bas { text-align: center; color: #FFF; font-size: 12px; letter-spacing: 2px; padding: 20px 0; } footer .bas a { font-weight: bold; color: #FFF; transition: all 0.4s all; } footer .bas a:hover { color: #E87B2A; transition: all 0.4s all; } #add-newsletter { background-size: cover; padding: 50px 0; text-align: center; } #add-newsletter input[type=email] { width: 50%; margin: 0 auto; } #add-newsletter .container { width: 90%; margin: 0 auto; } #add-newsletter .flex { display: -ms-flexbox; display: flex; } #add-newsletter .align-center { -ms-flex-align: center; align-items: center; } #add-newsletter .left { min-width: 50%; } #add-newsletter .right h2 { color: #E87B2A; font-size: 26px; font-weight: 800; margin-bottom: 50px; text-align: center; } #add-newsletter img { max-width: 50%; } #add-newsletter input { border: 4px solid #E87B2A; background: transparent; color: #565656; padding: 10px 30px; } #add-newsletter .optin input { width: 10%; margin-left: 0; } #add-newsletter .optin p { color: #565656; text-align: center; } #add-newsletter :-ms-input-placeholder { color: #565656; opacity: 1; } #add-newsletter ::placeholder { color: #565656; opacity: 1; } #add-newsletter .mc4wp-form-fields { text-align: center; } #add-newsletter .mc4wp-form-fields p { color: #565656 !important; } #add-newsletter .send { display: inline-block; } #add-newsletter .send input { cursor: pointer; border: none; font-weight: 700; background: #00A9CE; color: white; border-radius: 25px; } #add-newsletter .send input:hover { opacity: .7; transition: all .4s; color: white; } #bandeau { padding: 30px 0; } #bandeau .container { width: 90%; margin: 0 auto; } #bandeau .flex { display: -ms-flexbox; display: flex; } #bandeau .align-center { -ms-flex-align: center; align-items: center; } #bandeau .left { min-width: 50%; } #bandeau .content { width: 100%; text-align: center; } #bandeau h2 { color: #00A9CE; font-weight: bolder; font-size: 21px; line-height: 1.1; margin-bottom: 20px; } #bandeau p { font-size: 13px; line-height: 1.4 !important; letter-spacing: 2px; color: #565656; margin-bottom: 35px; font-weight: bold; padding-right: 10px; } #bandeau p strong { color: #ea7b17; } #bandeau img { max-width: 60% !important; } #single p { color: #565656 !important; } .category-actualites header { background-color: white !important; } .category-actualites header .header_droit nav ul li a { color: #00A9CE; } .category-actualites header .header_droit nav span { color: #00A9CE; } .category-actualites header .header_droit .icones_socials .lien_r_sociaux img { display: none !important; } .category-actualites header .header_droit .icones_socials .lien_r_sociaux_b img { display: block !important; } #bandeau_image { width: 100vw; height: 200px; position: relative; } #bandeau_image h1 { position: absolute; top: 70px; color: #FFF; margin: 0 100px; font-weight: bold; font-size: 28px; font-family: 'Nunito'; } #bandeau_image .filtre_img { width: calc(100% + 10px); height: calc(100% + 10px); left: -5px; top: -10px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; filter: blur(5px); } #bandeau_image .txt_bandeau { position: absolute; width: 100%; height: 100%; top: 0; } #bandeau_image .txt_bandeau h1 { margin: 0; padding: 300px 100px 0 100px; color: white; } #article_le_lab { width: 100vw; height: auto; } #article_le_lab .bloc_actualites { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -5%; width: calc(100% - 200px); margin-left: 100px; } #article_le_lab .bloc_actualites .actu { margin: 20px auto 0 0; transform: scale(1); transition: all 0.5s ease; width: 260px; } #article_le_lab .bloc_actualites .actu:hover { transform: scale(1.1); transition: all 0.5s ease; } #article_le_lab .bloc_actualites .actu a .img_article { margin-bottom: 10px; height: 170px; width: 260px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: 50% 20%; } #article_le_lab .bloc_actualites .actu a p { font-size: 12px; color: #adadad; letter-spacing: 2px; } #article_le_lab .bloc_actualites .actu a h3 { font-size: 16px; color: black; letter-spacing: 2px; font-weight: 600; } .category-nos-offres .site-content { background: #F9F9F9; } .category #nos-offres .second img.absolute.left { top: -15px; left: -50px; } .category #nos-offres .second h2 { text-align: right; width: 100%; margin-left: auto !important; } .category #nos-offres .first h2 { text-align: left; width: 100%; margin-right: auto !important; } .first-pas { padding-top: 100px; } .first-pas h2 { color: #ea7b17 !important; margin-bottom: 30px; } .first-pas ul.post { text-align: center; margin-top: 30px !important; } .first-pas a.conteneur { background: #ea7b17 !important; } .first-pas a.conteneur h3 { color: white !important; font-size: 17px !important; } #single { display: -ms-flexbox; display: flex; } #single .left { width: 50%; vertical-align: top; } #single .left .sticky { position: -webkit-sticky; position: sticky; top: 90px; height: calc(100vh - 90px); background-size: cover !important; } #single .right { width: 50%; padding: 3% 0 0 0; vertical-align: top; } #single .right .container-single { width: 90%; margin: 0 auto; padding-right: 3%; } #single .right .container-single > p { color: #00A9CE; } #single .right h1 { letter-spacing: 2px; margin-bottom: 10px; color: #319fd9; font-size: 25px; font-weight: bolder; font-family: 'Nunito'; margin: 0; } #single .right p.auteur { font-size: 16px; color: #e8892a; letter-spacing: 2px; margin: 10px 0 0 0; } #single .right section#citation { margin: 0 auto; padding: 20px 0; } #single .right section#citation p { color: #e8892a; font-size: 20px; font-weight: 700; text-align: justify; } #single .right section#citation p:last-child { padding-left: 11%; } #single .right section#citation p.img { float: left; margin: 0; } #single .right section#citation p.img img { height: 40px; margin-right: 30px; } #single .right section#titretexte_ou_titre_ou_texte { padding: 10px 0; } #single .right section#titretexte_ou_titre_ou_texte h2 { font-size: 14px; color: #00A9CE; letter-spacing: 2px; margin-bottom: 5px; font-weight: bold; font-size: 16px; } #single .right section#titretexte_ou_titre_ou_texte p { font-size: 16px; line-height: 1.2; font-weight: 600; text-align: justify; } #single .right section#titrevideo_ou_video { padding: 10px 0; } #single .right section#titrevideo_ou_video iframe { max-width: 100%; } #single .right section#titrevideo_ou_video h2 { font-size: 14px; color: #00A9CE; letter-spacing: 2px; margin-bottom: 5px; font-weight: bold; font-size: 16px; } #single .right section#titrevideo_ou_video p { font-size: 14px; } #single .right section#share-social { text-align: left; } #single .right section#lien_vers_page_ou_article { padding: 40px 0 30px 0; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; padding: 5%; } #single .right section#lien_vers_page_ou_article p.auteur { font-size: 16px; color: #FFF; margin: 0 0 10px 0; } #single .right section#lien_vers_page_ou_article h3 { font-size: 20px; letter-spacing: 2px; color: #FFF; margin-bottom: 20px; font-weight: bold; font-size: 16px; } #single .right section#lien_vers_page_ou_article a { display: inline-block; font-size: 12px; padding: 10px 25px; background: linear-gradient(to bottom left, #e8892a, #e8682a); text-align: center; color: #FFF; border-radius: 10px; transform: scale(1); transition: all 0.5s ease; } #single .right section#more p { margin-top: 40px; margin-bottom: 20px; color: grey; font-weight: bold; } body.single footer { position: relative; } .footer-fixed { position: -webkit-sticky !important; position: sticky !important; height: initial !important; top: 100%; } .block-picto .items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; padding: 50px 10%; } .block-picto .items .item { width: calc(90% / 3); box-sizing: border-box; text-align: center; margin-bottom: 20px; } .block-picto .items .item img { height: 40px; margin: 0 auto 10px auto; } .block-picto .items .item p { margin: 0; padding: 0; color: #333; } .block-picto .items .item p.titre, .block-picto .items .item p.sous-titre { font-weight: 700; } .block-picto .items .item p.titre { margin-bottom: 10px; font-size: 15px; line-height: 1.2; } .block-picto .items .item p.sous-titre { color: #909090; font-size: 12px; } .single.contact-env { background: linear-gradient(to bottom left, #e8892a, #e8682a); border: 1px solid orange; color: white; text-transform: uppercase; border-radius: 10px; display: inline-block; padding: 15px 25px; font-size: 12px; transition: all 0.4s; margin-top: 30px; } @media only screen and (max-width: 1200px) { .block-picto .items .item { width: calc(90% / 2); } } @media only screen and (max-width: 768px) { .block-picto .items .item { width: calc(100% / 2); } } @media only screen and (max-width: 600px) { .block-picto .items .item { width: 100%; } } @media screen and (min-width: 1250px) { .menu-header_menu-container { display: block !important; } } @media screen and (max-width: 1250px) { .hamburger { display: block; z-index: 99999999; position: absolute; right: 1%; top: 20%; } .menu-header_menu-container { display: none; } .mobile { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: linear-gradient(to bottom left, #00A9CE, #4FBFD4); padding-top: 100px; } .mobile ul li { display: block !important; text-align: center; line-height: 1.2; padding: 5px 0; } .mobile ul li a { color: #FFF !important; } } @media screen and (min-width: 1024px) { .first.responsive { display: none; } .first.desktop, .second.desktop { display: block; } } @media screen and (max-width: 1024px) { #start-home #home-presentation img.absolute.left, #start-home #home-presentation img.absolute.right { display: none; } #article_le_lab .bloc_actualites .actu { margin: 0 auto; } a.js-scrollTo { display: none; } #nos-offres { padding: 0; } #nos-offres ul.post { text-align: center !important; padding: 20px 0; } #nos-offres ul.post li { padding: 10px 0; } #nos-offres .first.desktop, #nos-offres .second.desktop { display: none; } #nos-offres .first.responsive { display: block; } #nos-offres .first { text-align: center; } #nos-offres .first .left, #nos-offres .first .right { width: 100%; } .category #nos-offres .first h2 { font-size: 30px; text-align: center; width: 100%; } #temoignages .partie_haute .phrase_nombre { width: 100%; margin-left: 0; } #temoignages .btn_tem { left: 20%; width: 60%; } #bloc_le_lab { margin: 15% 0; } #bloc_le_lab .bloc_actualites, #bloc_le_lab .le-lab, #bloc_le_lab .pearl-trees { width: 100%; } #bloc_le_lab .bloc_actualites .infos, #bloc_le_lab .le-lab .infos, #bloc_le_lab .pearl-trees .infos { margin: 0 auto; } #bloc_le_lab .bloc_actualites .decouvrir_article div, #bloc_le_lab .le-lab .decouvrir_article div, #bloc_le_lab .pearl-trees .decouvrir_article div { margin: 0 auto; float: initial; } #bloc_le_lab .bloc_actualites .decouvrir_article div img, #bloc_le_lab .le-lab .decouvrir_article div img, #bloc_le_lab .pearl-trees .decouvrir_article div img { margin-top: 0; } #bloc_le_lab .bloc_actualites .actu, #bloc_le_lab .le-lab .actu, #bloc_le_lab .pearl-trees .actu { margin: 15px auto; } footer .left { width: 100%; text-align: center; } footer .left .three { width: 100% !important; } footer .left .three img { display: inline-block; width: 100%; position: initial !important; margin-top: 30px; } footer .right { width: 100%; } footer .right ul { text-align: center; } footer .right ul img.les-artisants-du-changements { width: 30%; margin: 20px auto !important; } #BLOC_SLIDER { height: 1050px; } #BLOC_SLIDER .event img.kill-the-process { display: none; } #BLOC_SLIDER .event .image_slider { margin: 0 auto; width: 70%; } #BLOC_SLIDER .event .bloc_nom { position: initial; left: 0; width: initial; text-align: center; margin-bottom: 15px; } #BLOC_SLIDER .event .bloc_nom h3, #BLOC_SLIDER .event .bloc_nom p { display: inline-block; text-align: left; margin: 0 auto; } #BLOC_SLIDER .event .bloc_nom p { width: 100%; text-align: center; } #BLOC_SLIDER .event .bloc { border: none; top: 90%; } #BLOC_SLIDER .event .bloc_c_ki, #BLOC_SLIDER .event .bloc_heros { width: 100%; position: initial; text-align: center; } #BLOC_SLIDER .event .bloc_c_ki ul, #BLOC_SLIDER .event .bloc_heros ul { padding: 0; } #BLOC_SLIDER .event .bloc_c_ki h4, #BLOC_SLIDER .event .bloc_heros h4 { text-align: center; margin: 0; padding: 10px 0; } #BLOC_SLIDER ul.social-slider { -ms-flex-pack: center; justify-content: center; } section.second-slider .slider-1 .sinfy-2 { width: 90%; } #add-newsletter img, #bandeau img { margin: 0 auto 40px auto; } #add-newsletter .flex, #bandeau .flex { display: inline-block; } #add-newsletter .flex.optin, #bandeau .flex.optin { display: -ms-flexbox; display: flex; } #add-newsletter .left, #add-newsletter .right, #bandeau .left, #bandeau .right { width: 100%; } #add-newsletter .align-center, #bandeau .align-center { text-align: center; } #add-newsletter .send, #bandeau .send { margin-left: 0; } #bandeau img { margin: 0 auto 20px auto; max-width: 0%; } } @media screen and (max-width: 768px) { #start-home #home-presentation h1 { font-size: 24px; } #start-home #home-presentation ul { font-size: 16px; } #nos-offres { width: 100%; } #nos-offres ul.post li { width: calc(98% / 2); } .volet_contact { width: 100vw; } .volet_contact.anim_volet { margin-left: 0 !important; width: 100%; } .volet_contact .close_volet { left: initial !important; top: 8px; right: 8px; } section#image_gauche .left { width: 100% !important; max-height: 200px; } section#image_gauche .right { width: 100% !important; padding: 5% 2% !important; } section#image_droite .right { width: 100% !important; max-height: 200px; } section#image_droite .left { width: 100% !important; padding: 5% 2% !important; } section#texte { width: 90vw !important; } section#video iframe, section#video_ou_image iframe { max-width: 100%; } section#lien_vers_page_ou_article { text-align: center; } section#single .left { width: 100%; height: 200px; position: initial; } section#single .left .fixed { background-attachment: fixed !important; } section#single .right { width: 100%; margin-left: initial; } section#single section#share-social { text-align: center !important; } section#single section#lien_vers_page_ou_article { padding: 40px 0 !important; } #article_le_lab .bloc_actualites { display: initial; -ms-flex-pack: initial; justify-content: initial; -ms-flex-wrap: initial; flex-wrap: initial; margin-top: initial; width: initial; margin-left: initial; } #article_le_lab .bloc_actualites .actu { margin: 20px auto; } #single .left { display: none; } #start-home #home-presentation { width: 100%; padding: 0; } section.second-slider .slider-1 .sinfy-2 { width: 100%; } section.second-slider .slider-1 .sinfy-2 .next, section.second-slider .slider-1 .sinfy-2 .prev { display: none; } section.second-slider .slider-1 .slide { margin-left: 0; width: 100%; } } @media screen and (max-width: 425px) { header a.logo { width: 200px; height: auto; top: calc((100px - 51.34px) / 2); } #nos-offres { width: 100%; } #nos-offres ul.post li { width: 98%; } } @media screen and (max-width: 670px) { #BLOC_SLIDER { height: 1200px; } #BLOC_SLIDER .image_slider { width: 100% !important; } } @media screen and (max-width: 1024px) { section.second-slider .slider-2 .desc p { max-height: initial; margin: 0; width: 100%; } } @media screen and (max-width: 414px) { #start-home #home-presentation h1 .letters:first-child { font-size: 30px !important; } .page .site-content #page-modules h1 { font-size: 33px; margin: 0 4%; } #citation { width: 90% !important; padding: 10px 0 !important; } #citation p { margin-left: 0 !important; text-align: left !important; } #citation p.img { display: none; } .page section#texte p, .page section#texte p strong { text-align: left !important; } .owl-equipe .arrow.rond { display: none !important; } .owl-equipe .active .arrow.rond { display: block !important; } .owl-equipe .active .arrow.rond.prev { left: 10px; right: initial; } .owl-equipe .active .arrow.rond.next { right: 10px; left: initial; } } @media screen and (max-width: 670px) { .owl-equipe .arrow.rond { display: none !important; } .owl-equipe .active .arrow.rond { display: block !important; } .owl-equipe .active .arrow.rond.prev { left: 10px; right: initial; } .owl-equipe .active .arrow.rond.next { right: 10px; left: initial; } } .btn, .gform_button { display: inline-block; margin: 0; margin-top: 10px; min-width: 225px; padding: 0.75em 1.5625em; font-family: "Dosis", sans-serif; font-size: 1em; color: #fff; background-color: #0c5993; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 3px; cursor: pointer; vertical-align: middle; white-space: nowrap; } .btn.primary, .primary.gform_button { background-color: #0c5993; } .btn.primary:hover, .primary.gform_button:hover { text-decoration: none; background-color: #09426d; color: #fff; transition: all 0.2s ease-out; } .btn.primary:active, .primary.gform_button:active { text-decoration: none; background-color: #02121d; } .btn.secondary, .gform_button { background-color: #008f8b; } .btn.secondary:hover, .gform_button:hover { text-decoration: none; background-color: #006663; color: #fff; transition: all 0.2s ease-out; } .btn.secondary:active, .gform_button:active { text-decoration: none; background-color: #00100f; } .btn.white, .white.gform_button { background-color: #fff; color: #0c5993; } .btn.white:hover, .white.gform_button:hover { text-decoration: none; background-color: #ebebeb; color: #fff; transition: all 0.2s ease-out; } .btn.white:active, .white.gform_button:active { text-decoration: none; background-color: #bfbfbf; } .btn.rounded, .rounded.gform_button { border-radius: 100px; } .btn.icon, .icon.gform_button { background-position: 13px 13px; background-repeat: no-repeat; background-size: 25px; padding-left: 48px; } input, textarea, select { outline: 0; border: 0; display: block; width: 100%; padding: 15px 10px; font-size: 1em; background: #fff; color: #222; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.2s ease-out; } input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus { border-color: #008f8b; } select { height: 50px; font-size: 0.875em; background-image: url("data:image/svg+xml;utf8,"); background-position: 98% 58%; background-repeat: no-repeat; } input[type="checkbox"] { display: inline-block; width: auto; padding: 5px; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } fieldset { border: none; } label { display: inline-block; margin-bottom: 2px; color: #222; } div.wpcf7-validation-errors { border: none; } div.wpcf7-response-output { position: absolute; width: 100%; bottom: -60px; border: none; font-family: "Dosis", sans-serif; } .wpcf7-not-valid { border-color: #880e14; } .search-form { display: inline-block; width: 100%; margin-bottom: 30px; position: relative; background: transparent; } .search-form .search-field { position: relative; outline: 0; border: none; background: transparent; width: 100%; padding-top: 20px; padding-bottom: 20px; padding-left: 5px; font-size: 1.125em; color: #676767; border-bottom: 1px solid #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.2s ease-in-out; } .search-form .search-field:focus { border-color: black; } .search-submit { position: absolute; bottom: 0; right: 15px; padding: 15px 0; border: none; background: transparent; outline: 0; } .search-svg { width: 1em; height: 1em; font-size: 24px; fill: currentColor; color: #0c5993; } .search-svg:hover { cursor: pointer; color: #006b68; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #a2a2a2; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a2a2a2; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a2a2a2; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a2a2a2; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #a2a2a2; } .gform_wrapper ul { margin: 0; padding: 0; list-style-type: none; } .gform_wrapper form { margin-bottom: 0; } .gform_wrapper .gfield_required { padding-left: 1px; color: #880e14; } .gf_left_half, .gf_right_half { width: 100%; } @media (min-width: 600px) { .gf_left_half, .gf_right_half { width: 49%; float: left; } } @media (min-width: 600px) { .gf_left_half { margin-right: 2%; } } .ginput_container input, .ginput_container select, .ginput_container textarea { margin-bottom: 20px; background-color: #fff; } .ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus { border-color: #008f8b; } .ginput_container textarea { height: auto; } .gform_wrapper .gfield_error .gfield_label { color: #880e14; } .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { border-color: #880e14; background-color: #fff; } .validation_error { color: #880e14; } .gform_confirmation_message { min-height: 200px; text-align: center; } .flickity-slider { transform: none !important; } .flickity-page-dots { position: absolute; width: 100%; bottom: 15px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: transparent; border-radius: 50%; border: 1px solid #008f8b; cursor: pointer; } .flickity-page-dots .dot.is-selected { width: 12px; height: 12px; opacity: 1; background: #008f8b; } .gallery { position: relative; outline: none; } .text-white { color: #fff; } .text-primary { color: #0c5993; } .text-secondary { color: #008f8b; } .text-body { color: #222; } .bg-white { background: #fff; color: #222; } .bg-primary { background: #0c5993; color: #fff; } .bg-secondary { background: #008f8b; color: #222; } .bg-gray { background: #555; color: #222; } .bg-black { background: #111; color: #fff; } .bg-img-cover { position: relative; background-repeat: no-repeat; background-size: cover !important; background-position: center center; } .bg-img-cover.has-overlay:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(12, 89, 147, 0.5); z-index: -1; } .hr { border-color: #fff; } .hr.dark { border-color: #111; } .border-bottom { border-bottom: 1px solid #555; } .full-height { height: 100vh; } .vertical-center { display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-pack: center; justify-content: center; } .padded { padding: 15px; } .pad-top { padding-top: 30px; } @media (max-width: 599px) { .pad-top-phone { padding-top: 30px; } } .pad-btm { padding-bottom: 30px; } @media (max-width: 599px) { .pad-btm-phone { padding-bottom: 30px; } } .no-pad { padding: 0; } .no-pad-l { padding-left: 0; } .no-pad-r { padding-right: 0; } .no-pad-t { padding-top: 0; } .no-pad-b { padding-bottom: 0; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .underline { text-decoration: underline; } .no-underline { text-decoration: none; } .no-underline:hover, .no-underline:focus { text-decoration: none; } @media (max-width: 599px) { .hidden-phone { display: none !important; } } .visible-phone { display: none; } @media (max-width: 599px) { .visible-phone { display: block !important; } } .arrow-right { display: inline-block; width: 100%; cursor: pointer; } .arrow-right:after { content: ''; position: absolute; width: 24px; height: 24px; border-right: 2px solid #008f8b; border-bottom: 2px solid #008f8b; right: 30px; bottom: calc(50% - 15px); transform: rotate(-45deg); transition: all 0.2s ease-in-out; } @keyframes arrowDown { 0% { transform-origin: 0% 0%; transform: scale(1, 0); } 50% { transform-origin: 0% 0%; transform: scale(1, 1); } 50.1% { transform-origin: 0% 100%; transform: scale(1, 1); } 100% { transform-origin: 0% 100%; transform: scale(1, 0); } }