@import url(font-awesome/css/font-awesome.min.css);@import url(fonts.css);html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{font-size:62.5%;box-sizing:border-box}*,::after,::before{box-sizing:inherit}body{font-weight:400;line-height:1;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none}body,button,input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:auto;-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:common-ligatures;-moz-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}em,i{font-style:italic;line-height:inherit}b,strong{font-weight:700;line-height:inherit}small{font-size:60%;line-height:inherit}ol,ul{list-style:none}li{display:block}a{text-decoration:none;line-height:inherit}a img{border:none}fieldset{margin:0;padding:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.row{width:94%;max-width:1200px;margin:0 auto}.row:after{content:"";display:table;clear:both}.row .row{width:auto;max-width:none;margin-left:-20px;margin-right:-20px}[class*=col-]{float:left;padding:0 20px}[class*=col-]+[class*=col-].end{float:right}.col-one{width:8.33333%}.col-1-6,.col-two{width:16.66667%}.col-1-4,.col-three{width:25%}.col-1-3,.col-four{width:33.33333%}.col-five{width:41.66667%}.col-1-2,.col-six{width:50%}.col-seven{width:58.33333%}.col-2-3,.col-eight{width:66.66667%}.col-3-4,.col-nine{width:75%}.col-5-6,.col-ten{width:83.33333%}.col-eleven{width:91.66667%}.col-full,.col-twelve{width:100%}@media only screen and (max-width:1200px){.row .row{margin-left:-15px;margin-right:-15px}[class*=col-]{padding:0 15px}.md-1-6,.md-two{width:16.66667%}.md-one{width:8.33333%}.md-1-4,.md-three{width:25%}.md-1-3,.md-four{width:33.33333%}.md-five{width:41.66667%}.md-1-2,.md-six{width:50%}.md-seven{width:58.33333%}.md-2-3,.md-eight{width:66.66667%}.md-3-4,.md-nine{width:75%}.md-5-6,.md-ten{width:83.33333%}.md-eleven{width:91.66667%}.md-full,.md-twelve{width:100%}}@media only screen and (max-width:800px){.row{width:90%}.tab-1-4{width:25%}.tab-1-3{width:33.33333%}.tab-1-2{width:50%}.tab-2-3{width:66.66667%}.tab-3-4{width:75%}.tab-full{width:100%}.hide-on-tablet{display:none}}@media only screen and (max-width:600px){.row{width:auto;padding-left:5px;padding-right:5px}.row .row{margin-left:-10px;margin-right:-10px;padding-left:0;padding-right:0}[class*=col-]{padding:0 10px}.mob-1-4{width:25%}.mob-1-3{width:33.33333%}.mob-1-2{width:50%}.mob-2-3{width:66.66667%}.mob-3-4{width:75%}.mob-full{width:100%}.hide-on-mobile{display:none}}@media only screen and (max-width:400px){.row .row{margin-left:0;margin-right:0}[class*=col-]{width:100%!important;float:none!important;clear:both!important;margin-left:0;margin-right:0;padding:0}[class*=col-]+[class*=col-].end{float:none}}[class*=block-]:after{content:"";display:table;clear:both}.block-1-6 .col-block{width:16.66667%}.block-1-5 .col-block{width:20%}.block-1-4 .col-block{width:25%}.block-1-3 .col-block{width:33.33333%}.block-1-2 .col-block{width:50%}.block-1-2 .col-block:nth-child(2n+1),.block-1-3 .col-block:nth-child(3n+1),.block-1-4 .col-block:nth-child(4n+1),.block-1-5 .col-block:nth-child(5n+1),.block-1-6 .col-block:nth-child(6n+1){clear:both}@media only screen and (max-width:1200px){.block-m-1-6 .col-block{width:16.66667%}.block-m-1-5 .col-block{width:20%}.block-m-1-4 .col-block{width:25%}.block-m-1-3 .col-block{width:33.33333%}.block-m-1-2 .col-block{width:50%}.block-m-1-2 .col-block-full{width:100%}.block-m-full .col-block{width:100%;clear:both}[class*=block-m-] .col-block:nth-child(n){clear:none}.block-m-1-2 .col-block:nth-child(2n+1),.block-m-1-3 .col-block:nth-child(3n+1),.block-m-1-4 .col-block:nth-child(4n+1),.block-m-1-5 .col-block:nth-child(5n+1),.block-m-1-6 .col-block:nth-child(6n+1){clear:both}}@media only screen and (max-width:800px){.block-tab-1-6 .col-block{width:16.66667%}.block-tab-1-5 .col-block{width:20%}.block-tab-1-4 .col-block{width:25%}.block-tab-1-3 .col-block{width:33.33333%}.block-tab-1-2 .col-block{width:50%}.block-tab-full .col-block{width:100%;clear:both}[class*=block-tab-] .col-block:nth-child(n){clear:none}.block-tab-1-2 .col-block:nth-child(2n+1),.block-tab-1-3 .col-block:nth-child(3n+1),.block-tab-1-4 .col-block:nth-child(4n+1),.block-tab-1-6 .col-block:nth-child(5n+1),.block-tab-1-6 .col-block:nth-child(6n+1){clear:both}}@media only screen and (max-width:600px){.block-mob-1-6 .col-block{width:16.66667%}.block-mob-1-5 .col-block{width:20%}.block-mob-1-4 .col-block{width:25%}.block-mob-1-3 .col-block{width:33.33333%}.block-mob-1-2 .col-block{width:50%}.block-mob-full .col-block{width:100%;clear:both}[class*=block-mob-] .col-block:nth-child(n){clear:none}.block-mob-1-2 .col-block:nth-child(2n+1),.block-mob-1-3 .col-block:nth-child(3n+1),.block-mob-1-4 .col-block:nth-child(4n+1),.block-mob-1-5 .col-block:nth-child(5n+1),.block-mob-1-6 .col-block:nth-child(6n+1){clear:both}}@media only screen and (max-width:400px){.stack .col-block{width:100%!important;float:none!important;clear:both!important;margin-left:0;margin-right:0}}.group:after{content:"";display:table;clear:both}.is-hidden{display:none}.is-invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overflow-hidden{overflow:hidden}.remove-bottom{margin-bottom:0}.half-bottom{margin-bottom:1.5rem!important}.add-bottom{margin-bottom:3rem!important}.no-border{border:none}.full-width{width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.pull-left{float:left}.pull-right{float:right}.align-center{margin-left:auto;margin-right:auto;text-align:center}.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#fff;background:#fff;outline:0!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:0!important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.lity-loader{z-index:9991;color:#333;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:0!important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1}.lity-close{z-index:9994;width:42px;height:42px;position:fixed;text-align:center!important;right:20px;top:20px;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;margin:0;color:#000;font-style:normal;font-size:30px;font-family:Arial,sans-serif;line-height:42px;border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none;font:0/0 a;text-shadow:none;color:transparent;border-radius:50%}.lity-close::after,.lity-close::before{display:block;content:"";height:20px;width:2px;background-color:#000;position:absolute;top:11px;left:20px}.lity-close::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.lity-close::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:30px;font-family:Arial,sans-serif;line-height:36px;border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none;font:0/0 a;text-shadow:none;color:transparent}.lity-close:active::after,.lity-close:active::before,.lity-close:focus::after,.lity-close:focus::before,.lity-close:hover::after,.lity-close:hover::before,.lity-close:visited::after,.lity-close:visited::before{background-color:#0054a5}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#000}.lity-hide{display:none}[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:transparent url(mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display:none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:transparent url(mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%}.prettyprint{background:#e5e5e5;font-family:Menlo,'Bitstream Vera Sans Mono','DejaVu Sans Mono',Monaco,Consolas,monospace;font-size:12px;line-height:1.5;border-radius:3px;border:none}.pln{color:#333}@media screen{.str{color:#d14}.kwd{color:#333}.com{color:#998}.typ{color:#458}.lit{color:#458}.pun{color:#333}.opn{color:#333}.clo{color:#333}.tag{color:navy}.atn{color:teal}.atv{color:#d14}.dec{color:#333}.var{color:teal}.fun{color:#900}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:700}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:700}.lit{color:#044}.clo,.opn,.pun{color:#440}.tag{color:#006;font-weight:700}.atn{color:#404}.atv{color:#060}}ol.linenums{margin-top:0;margin-bottom:0}
/* ===================================================================
*
* Ayurveda v1.0 Main Stylesheet
* 1-12-2018
* ------------------------------------------------------------------
*
* TOC:
* # base style overrides
* ## links
* # typography & general theme styles
* ## Lists
* ## responsive video container
* ## floated image
* ## tables
* ## spacing
* ## pace.js styles - minimal
* # preloader (line scale)
* # forms
* ## Style Placeholder Text
* ## Change Autocomplete styles in Chrome
* # buttons
* # additional components
* ## alert box
* ## additional typo styles
* ## pagination
* # reusable and common theme styles
* ## mediaelement style overrides
* ## close button for search and mobile navigation
* ## slick slider
* ## masonry entries
* ## post formats - masonry view
* # pageheader
* ## header logo
* ## header social
* ## header-toggle
* ## header-search
* ## header search trigger
* ## main navigation
* ## pageheader content
* ## feature section animation
* # s-content
* ## masonry layout
* # s-extra
* ## popular posts
* ## about
* ## tags
* # footer
* ## footer link list
* ## subscribe form
* ## copyright
* ## go to top
* # blog styles
* ## content main
* ## content media
* ## post tags
* ## author profile
* ## blog single page navigation
* ## format gallery
* ## format video
* ## format audio
* ## comments
* # page styles
* ## contact page
*
* =================================================================== */
/* ===================================================================
* # base style overrides
*
* ------------------------------------------------------------------- */
html {
font-size: 10px;
}
@media only screen and (max-width:400px) {
html {
font-size: 9.375px;
}
}
html, body {
height: 100%;
}
body {
background: #19191b;
font-family: "metropolis-regular", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: normal;
line-height: 1.875;
color: #656565;
margin: 0;
padding: 0;
}
/* -------------------------------------------------------------------
* ## links
* ------------------------------------------------------------------- */
a {
color: #0054a5;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
color: #000000;
}
a:hover, a:active {
outline: 0;
}
/* ===================================================================
* # typography & general theme styles
*
* ------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "librebaskerville-bold", serif;
color: #000;
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
margin-top: 6rem;
margin-bottom: 1.8rem;
}
@media only screen and (max-width:600px) {
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
margin-top: 5.1rem;
}
}
h5, .h5, h6, .h6 {
margin-top: 4.2rem;
margin-bottom: 1.5rem;
}
@media only screen and (max-width:600px) {
h5, .h5, h6, .h6 {
margin-top: 3.6rem;
margin-bottom: 0.9rem;
}
}
h1, .h1 {
font-size: 3.6rem;
line-height: 1.25;
letter-spacing: -.1rem;
}
@media only screen and (max-width:600px) {
h1, .h1 {
font-size: 3.3rem;
letter-spacing: -.07rem;
}
}
h2, .h2 {
font-size: 3rem;
line-height: 1.3;
}
@media only screen and (max-width:600px) {
h2, .h2 {
font-size: 2.8rem;
}
}
h3, .h3 {
font-size: 2.4rem;
line-height: 1.25;
}
h4, .h4 {
font-size: 2.1rem;
line-height: 1.286;
}
h5, .h5 {
font-size: 1.6rem;
line-height: 1.313;
}
h6, .h6 {
font-size: 1.3rem;
line-height: 1.385;
text-transform: uppercase;
letter-spacing: .16rem;
}
p img {
margin: 0;
}
p.lead {
font-family: "metropolis-medium", sans-serif;
font-size: 2rem;
line-height: 1.8;
margin-bottom: 3.6rem;
color: #000000;
}
@media only screen and (max-width:800px) {
p.lead {
font-size: 1.8rem;
}
}
em, i, strong, b {
font-size: inherit;
line-height: inherit;
font-style: normal;
font-weight: normal;
}
em, i {
font-family: "metropolis-italic", sans-serif;
}
strong, b {
font-family: "metropolis-bold", sans-serif;
}
small {
font-size: 1.2rem;
line-height: inherit;
}
blockquote {
margin: 3.9rem 0;
padding-left: 4.5rem;
position: relative;
}
blockquote:before {
content: "\201C";
font-size: 10rem;
line-height: 0px;
margin: 0;
color: rgba(0, 0, 0, 0.25);
font-family: arial, sans-serif;
position: absolute;
top: 3.6rem;
left: 0;
}
blockquote p {
font-family: "metropolis-medium", sans-serif;
padding: 0;
font-size: 2.1rem;
line-height: 1.857;
color: #000000;
}
blockquote cite {
display: block;
font-family: "metropolis-medium", sans-serif;
font-size: 1.5rem;
font-style: normal;
line-height: 1.4;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited {
color: #727272;
border: none;
}
abbr {
font-family: "metropolis-bold", sans-serif;
font-variant: small-caps;
text-transform: lowercase;
letter-spacing: .05rem;
color: #727272;
}
var, kbd, samp, code, pre {
font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
}
pre {
padding: 2.4rem 3rem 3rem;
background: #F1F1F1;
overflow-x: auto;
}
code {
font-size: 1.4rem;
margin: 0 .2rem;
padding: .3rem .6rem;
white-space: nowrap;
background: #e5e5e5;
border: 1px solid #d8d8d8;
border-radius: 3px;
}
pre > code {
display: block;
white-space: pre;
line-height: 2;
padding: 0;
margin: 0;
}
pre.prettyprint > code {
border: none;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
text-decoration: none;
}
mark {
background: #ffd900;
color: #000000;
}
hr {
border: solid rgba(0, 0, 0, 0.1);
border-width: 1px 0 0;
clear: both;
margin: 2.4rem 0 1.5rem;
height: 0;
}
/* -------------------------------------------------------------------
* ## Lists
* ------------------------------------------------------------------- */
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li {
display: list-item;
}
ol, ul {
margin-left: 1.7rem;
}
ul li {
padding-left: .4rem;
}
ul ul, ul ol, ol ol, ol ul {
margin: .6rem 0 .6rem 1.7rem;
}
ul.disc li {
display: list-item;
list-style: none;
padding: 0 0 0 .8rem;
position: relative;
}
ul.disc li::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #0054a5;
position: absolute;
left: -17px;
top: 11px;
vertical-align: middle;
}
dt {
margin: 0;
color: #0054a5;
}
dd {
margin: 0 0 0 2rem;
}
/* -------------------------------------------------------------------
* ## responsive video container
* ------------------------------------------------------------------- */
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* -------------------------------------------------------------------
* ## floated image
* ------------------------------------------------------------------- */
img.pull-right {
margin: 1.5rem 0 0 3rem;
}
img.pull-left {
margin: 1.5rem 3rem 0 0;
}
/* -------------------------------------------------------------------
* ## tables
* ------------------------------------------------------------------- */
table {
border-width: 0;
width: 100%;
max-width: 100%;
font-family: "metropolis-regular", sans-serif;
}
th, td {
padding: 1.5rem 3rem;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
th {
color: #000000;
font-family: "metropolis-bold", sans-serif;
}
td {
line-height: 1.5;
}
th:first-child, td:first-child {
padding-left: 0;
}
th:last-child, td:last-child {
padding-right: 0;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* -------------------------------------------------------------------
* ## spacing
* ------------------------------------------------------------------- */
button, .btn {
margin-bottom: 1.2rem;
}
fieldset {
margin-bottom: 1.5rem;
}
input,
textarea,
select,
pre,
blockquote,
figure,
table,
p,
ul,
ol,
dl,
form,
.video-container,
.cl-custom-select {
margin-bottom: 3rem;
}
/* -------------------------------------------------------------------
* ## pace.js styles - minimal
* ------------------------------------------------------------------- */
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #FFFFFF;
position: fixed;
z-index: 900;
top: 0;
right: 100%;
width: 100%;
height: 4px;
}
.oldie .pace {
display: none;
}
/* ===================================================================
* # preloader (line scale)
*
* ------------------------------------------------------------------- */
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #12b055;
z-index: 800;
height: 100%;
width: 100%;
display: table;
}
.no-js #preloader, .oldie #preloader {
display: none;
}
#loader {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.line-scale > div:nth-child(1) {
-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(2) {
-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(3) {
-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(4) {
-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(5) {
-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
@-webkit-keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
@keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
/* ===================================================================
* # forms
*
* ------------------------------------------------------------------- */
fieldset {
border: none;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
display: block;
height: 6rem;
padding: 1.5rem 0;
border: 0;
outline: none;
color: #151515;
font-family: "metropolis-regular", sans-serif;
font-size: 1.6rem;
line-height: 3rem;
max-width: 100%;
background: transparent;
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cl-custom-select {
position: relative;
padding: 0;
}
.cl-custom-select select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
margin: 0;
line-height: 3rem;
vertical-align: middle;
}
.cl-custom-select select option {
padding-left: 2rem;
padding-right: 2rem;
}
.cl-custom-select select::-ms-expand {
display: none;
}
.cl-custom-select::after {
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
content: '';
display: block;
height: 8px;
width: 8px;
margin-top: -7px;
pointer-events: none;
position: absolute;
right: 2.4rem;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
/* IE9 and below */
.oldie .cl-custom-select::after {
display: none;
}
textarea {
min-height: 15rem;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
color: #0054a5;
border-bottom: 2px solid #0054a5;
}
label, legend {
font-family: "metropolis-regular", sans-serif;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: .9rem;
line-height: 1.714;
color: #000000;
display: block;
}
input[type="checkbox"], input[type="radio"] {
display: inline;
}
label > .label-text {
display: inline-block;
margin-left: 1rem;
font-family: "librebaskerville-regular", serif;
font-weight: normal;
line-height: inherit;
}
label > input[type="checkbox"], label > input[type="radio"] {
margin: 0;
position: relative;
top: .15rem;
}
/* -------------------------------------------------------------------
* ## Style Placeholder Text
* ------------------------------------------------------------------- */
::-webkit-input-placeholder {
color: #6d6d6d;
}
:-moz-placeholder {
color: #6d6d6d; /* Firefox 18- */
}
::-moz-placeholder {
color: #6d6d6d; /* Firefox 19+ */
}
:-ms-input-placeholder {
color: #6d6d6d;
}
.placeholder {
color: #6d6d6d !important;
}
/* -------------------------------------------------------------------
* ## Change Autocomplete styles in Chrome
* ------------------------------------------------------------------- */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus
input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
-webkit-text-fill-color: #0054a5;
transition: background-color 5000s ease-in-out 0s;
}
/* ===================================================================
* # buttons
*
* ------------------------------------------------------------------- */
.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
font-family: "metropolis-bold", sans-serif;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: .1rem;
line-height: 5rem;
padding: 0 3rem;
margin: 0 .3rem 1.2rem 0;
color: #000000;
text-decoration: none;
text-align: center;
white-space: nowrap;
border-radius: 3px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #c5c5c5;
border: .2rem solid #c5c5c5;
}
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
background-color: #b8b8b8;
border-color: #b8b8b8;
color: #000000;
outline: 0;
}
/* button primary
* ------------------------------------------------- */
.btn.btn--primary,
button.btn--primary,
input[type="submit"].btn--primary,
input[type="reset"].btn--primary,
input[type="button"].btn--primary {
background: #000000;
border-color: #000000;
color: #FFFFFF;
}
.btn.btn--primary:hover,
button.btn--primary:hover,
input[type="submit"].btn--primary:hover,
input[type="reset"].btn--primary:hover,
input[type="button"].btn--primary:hover,
.btn.btn--primary:focus,
button.btn--primary:focus,
input[type="submit"].btn--primary:focus,
input[type="reset"].btn--primary:focus,
input[type="button"].btn--primary:focus {
background: #0054a5;
border-color: #0054a5;
}
/* button modifiers
* ------------------------------------------------- */
.btn.full-width, button.full-width {
width: 100%;
margin-right: 0;
}
.btn--medium, button.btn--medium {
height: 5.7rem !important;
line-height: 5.3rem !important;
}
.btn--large, button.btn--large {
height: 6rem !important;
line-height: 5.6rem !important;
}
.btn--stroke, button.btn--stroke {
background: transparent !important;
border: 0.2rem solid #000000;
color: #000000;
}
.btn--stroke:hover, button.btn--stroke:hover {
border: 0.2rem solid #0054a5;
color: #0054a5;
}
.btn--pill, button.btn--pill {
padding-left: 3rem !important;
padding-right: 3rem !important;
border-radius: 1000px !important;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/* ===================================================================
* # additional components
*
* ------------------------------------------------------------------- */
/* -------------------------------------------------------------------
* ## alert box
* ------------------------------------------------------------------- */
.alert-box {
padding: 2.1rem 4rem 2.1rem 3rem;
position: relative;
margin-bottom: 3rem;
border-radius: 3px;
font-family: "metropolis-semibold", sans-serif;
font-size: 1.5rem;
line-height: 1.6;
}
.alert-box__close {
position: absolute;
right: 1.8rem;
top: 1.8rem;
cursor: pointer;
}
.alert-box__close.fa {
font-size: 12px;
}
.alert-box--error {
background-color: #ffd1d2;
color: #e65153;
}
.alert-box--success {
background-color: #c8e675;
color: #758c36;
}
.alert-box--info {
background-color: #d7ecfb;
color: #4a95cc;
}
.alert-box--notice {
background-color: #fff099;
color: #bba31b;
}
/* -------------------------------------------------------------------
* ## additional typo styles
* ------------------------------------------------------------------- */
/* drop cap
* ----------------------------------------------- */
.drop-cap::first-letter {
float: left;
margin: 0;
padding: 1.5rem .6rem 0 0;
font-size: 8.4rem;
font-family: "metropolis-extrabold", sans-serif;
font-weight: bold;
line-height: 6rem;
text-indent: 0;
background: transparent;
color: #000000;
}
/* line definition style
* ----------------------------------------------- */
.lining dt,
.lining dd {
display: inline;
margin: 0;
}
.lining dt + dt::before, .lining dd + dt::before {
content: "\A";
white-space: pre;
}
.lining dd + dd::before {
content: ", ";
}
.lining dd + dd::before {
content: ", ";
}
.lining dd::before {
content: ": ";
margin-left: -0.2em;
}
/* dictionary definition style
* ----------------------------------------------- */
.dictionary-style dt {
display: inline;
counter-reset: definitions;
}
.dictionary-style dt + dt::before {
content: ", ";
margin-left: -0.2em;
}
.dictionary-style dd {
display: block;
counter-increment: definitions;
}
.dictionary-style dd::before {
content: counter(definitions, decimal) ". ";
}
/**
* Pull Quotes
* -----------
* markup:
*
*
*
* --------------------------------------------------------------------- */
.pull-quote {
position: relative;
padding: 2.1rem 3rem 2.1rem 0px;
}
.pull-quote::before,
.pull-quote::after {
height: 1em;
position: absolute;
font-size: 10rem;
font-family: Arial, Sans-Serif;
color: rgba(0, 0, 0, 0.25);
}
.pull-quote::before {
content: "\201C";
top: -3.6rem;
left: 0;
}
.pull-quote::after {
content: '\201D';
bottom: 3.6rem;
right: 0;
}
.pull-quote blockquote {
margin: 0;
}
.pull-quote blockquote::before {
content: none;
}
/**
* Stats Tab
* ---------
* markup:
*
*
*
* Extend this object into your markup.
*
* --------------------------------------------------------------------- */
.stats-tabs {
padding: 0;
margin: 3rem 0;
}
.stats-tabs li {
display: inline-block;
margin: 0 1.5rem 3rem 0;
padding: 0 1.5rem 0 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.stats-tabs li:last-child {
margin: 0;
padding: 0;
border: none;
}
.stats-tabs li a {
display: inline-block;
font-size: 2.5rem;
font-family: "metropolis-bold", sans-serif;
font-weight: bold;
border: none;
color: #000000;
}
.stats-tabs li a:hover {
color: #0054a5;
}
.stats-tabs li a em {
display: block;
margin: .6rem 0 0 0;
font-size: 1.5rem;
font-family: "metropolis-regular", sans-serif;
color: #727272;
}
/* -------------------------------------------------------------------
* ## pagination
* ------------------------------------------------------------------- */
.pgn {
margin: 3rem auto;
text-align: center;
}
.pgn ul {
display: inline-block;
list-style: none;
margin-left: 0;
position: relative;
padding: 0 6rem;
}
.pgn ul li {
display: inline-block;
margin: 0;
padding: 0;
}
.pgn__num {
font-family: "metropolis-bold", sans-serif;
font-size: 1.5rem;
line-height: 2.4rem;
display: inline-block;
padding: .6rem 1.2rem;
height: 3.6rem;
margin: .3rem .15rem;
color: #151515;
border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pgn__num:hover {
background: #c4c4c4;
color: #151515;
}
.pgn .current,
.pgn .current:hover {
background-color: #151515;
color: #FFFFFF;
}
.pgn .inactive,
.pgn .inactive:hover {
color: #888888;
cursor: default;
}
.pgn__prev,
.pgn__next {
display: block;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-size: 18px 12px;
background-position: center;
height: 4.8rem;
width: 4.8rem;
line-height: 4.8rem;
padding: 0;
margin: 0;
border-radius: 50%;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
font: 0/0 a;
text-shadow: none;
color: transparent;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.pgn__prev:hover,
.pgn__next:hover {
background-color: #151515;
color: #FFFFFF;
text-decoration: none;
background-repeat: no-repeat;
background-position: center;
}
.pgn__prev {
background-image: url("../images/icons/icon-arrow-left.svg");
left: 0;
}
.pgn__prev:hover {
background-image: url("../images/icons/icon-arrow-left-w.svg");
}
.pgn__next {
background-image: url("../images/icons/icon-arrow-right.svg");
right: 0;
}
.pgn__next:hover {
background-image: url("../images/icons/icon-arrow-right-w.svg");
}
.pgn__prev.inactive, .pgn__next.inactive {
background-color: #ffffff;
opacity: 0.5;
cursor: default;
}
.pgn__prev.inactive:hover {
background-image: url("../images/icons/icon-arrow-left.svg");
}
.pgn__next.inactive:hover {
background-image: url("../images/icons/icon-arrow-right.svg");
}
/* -------------------------------------------------------------------
* responsive:
* pagination
* ------------------------------------------------------------------- */
@media only screen and (max-width:600px) {
.pgn ul {
padding: 0 5rem;
}
.pgn__prev,
.pgn__next {
height: 3.6rem;
width: 3.6rem;
line-height: 3.6rem;
background-size: 12px 8px;
}
}
/* ===================================================================
* # reusable and common theme styles
*
* ------------------------------------------------------------------- */
.wide {
max-width: 1400px;
}
.narrow {
max-width: 800px;
}
/* -------------------------------------------------------------------
* ## mediaelement style overrides
* ------------------------------------------------------------------- */
.mejs__overlay-button {
background-image: url("../images/mejs/mejs-controls.svg");
}
.mejs__overlay-loading-bg-img {
background-image: url("../images/mejs/mejs-controls.svg");
}
.mejs__button > button {
background-image: url("../images/mejs/mejs-controls.svg");
background-color: transparent;
outline: none !important;
}
.audio-wrap .mejs__container {
background-color: rgba(0, 0, 0, 0.8) !important;
font-family: "metropolis-light", sans-serif;
}
.audio-wrap .mejs__time-buffering,
.audio-wrap .mejs__time-current,
.audio-wrap .mejs__time-handle,
.audio-wrap .mejs__time-loaded,
.audio-wrap .mejs__time-marker,
.audio-wrap .mejs__time-total,
.audio-wrap .mejs__time-hovered {
height: 2px;
}
.audio-wrap .mejs__time-total {
margin-top: 9px;
}
.audio-wrap .mejs__time-handle {
left: -5px;
width: 12px;
height: 12px;
border-radius: 50%;
background: #FFFFFF;
top: -5px;
cursor: pointer;
display: block;
position: absolute;
z-index: 2;
border: none;
}
.audio-wrap .mejs__time-handle-content {
top: 0;
left: 0;
width: 12px;
height: 12px;
}
.audio-wrap .mejs__horizontal-volume-total,
.audio-wrap .mejs__horizontal-volume-current {
border-radius: 0;
}
/* -------------------------------------------------------------------
* ## close button for search and mobile navigation
* ------------------------------------------------------------------- */
.header__overlay-close {
position: absolute;
display: block;
width: 45px;
height: 45px;
top: 21px;
left: 50%;
margin-left: -23px;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
.header__overlay-close::before, .header__overlay-close::after {
content: '';
position: absolute;
display: inline-block;
width: 2px;
height: 20px;
top: 12px;
left: 22px;
background-color: #FFFFFF;
}
.header__overlay-close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header__overlay-close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* -------------------------------------------------------------------
* ## slick slider
* ------------------------------------------------------------------- */
.slick-slider .slick-slide {
outline: none;
}
.slick-slider .slick-dots {
display: block;
list-style: none;
width: 100%;
padding: 0;
margin: 3rem 0 0 0;
text-align: center;
position: absolute;
top: 100%;
left: 0;
}
.slick-slider .slick-dots li {
display: inline-block;
width: 18px;
height: 18px;
margin: 0;
padding: 4px;
cursor: pointer;
}
.slick-slider .slick-dots li button {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
border: none;
line-height: 10px;
padding: 0;
margin: 0;
cursor: pointer;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
.slick-slider .slick-dots li button:hover,
.slick-slider .slick-dots li button:focus {
outline: none;
}
.slick-slider .slick-dots li.slick-active button,
.slick-slider .slick-dots li:hover button {
background: #FFFFFF;
}
/* -------------------------------------------------------------------
* ## masonry entries
* ------------------------------------------------------------------- */
.masonry .entry {
margin-bottom: 40px;
}
.masonry .entry__thumb,
.masonry .entry__text {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
/* hover effect filter (Pascal Manso Praticien Ayurvédique)
----------------- */
.masonry .entry__thumb {
position: relative;
overflow: hidden;
}
.entry__thumb-hover {
filter: grayscale(0);
animation: all .3s ease-out;
}
.entry__thumb-hover:hover {
filter: grayscale(100);
animation: all .3s ease-out;
}
.masonry .entry__thumb-link img {
vertical-align: bottom;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.masonry .entry__thumb-link::before {
content: "";
display: block;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.masonry .entry__thumb-link::after {
content: "...";
font-family: georgia, serif;
font-size: 2.7rem;
z-index: 1;
display: block;
height: 90px;
width: 90px;
letter-spacing: -1px;
line-height: 90px;
margin-left: -45px;
margin-top: -45px;
position: absolute;
left: 50%;
top: 50%;
text-align: center;
color: #FFFFFF;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.masonry .entry__thumb:hover .entry__thumb-link::before {
opacity: 1;
visibility: visible;
}
.masonry .entry__thumb:hover .entry__thumb-link::after {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.masonry .entry__thumb:hover .entry__thumb-link img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.masonry .entry__text {
padding: 3rem 2.8rem 3.6rem;
background-color: #FFFFFF;
}
.masonry .entry__title {
font-size: 2.4rem;
line-height: 1.375;
margin-top: 0;
margin-bottom: 2.1rem;
}
.masonry .entry__title a {
color: #000000;
border-bottom: 1px solid transparent;
}
.masonry .entry__title a:hover,
.masonry .entry__title a:focus {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.masonry .entry__date {
font-family: "metropolis-medium", sans-serif;
font-size: 1.4rem;
line-height: 1.714;
margin-bottom: .6rem;
}
.masonry .entry__date a {
color: #858585;
}
.masonry .entry__excerpt {
font-size: 1.5rem;
line-height: 1.8;
}
.masonry .entry__meta {
font-family: "metropolis-semibold", sans-serif;
font-size: 1.5rem;
margin-bottom: 0;
}
.masonry .entry__meta a {
color: #0054a5;
}
.masonry .entry__meta a:hover,
.masonry .entry__meta a:focus {
color: #000000;
}
.masonry .entry__meta-links a::after {
content: ", ";
}
.masonry .entry__meta-links a:last-child::after {
display: none;
}
/* -------------------------------------------------------------------
* ## post formats - masonry view
* ------------------------------------------------------------------- */
/* format quote & format link
* --------------------------------------- */
.format-quote, .format-link {
text-align: center;
}
.format-quote .entry__thumb,
.format-link .entry__thumb {
display: table;
background: #FFFFFF;
padding: 2.4rem 3rem 4.8rem;
min-height: 324px;
width: 100%;
position: relative;
}
.format-quote .entry__thumb::before,
.format-link .entry__thumb::before {
content: "";
display: block;
height: 3.6rem;
width: 3.6rem;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
opacity: .2;
margin-bottom: 1.5rem;
position: absolute;
top: 3.3rem;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.format-quote blockquote::before {
display: none;
}
.format-quote blockquote,
.format-link .link-wrap {
display: table-cell;
margin: 0;
padding-left: 0;
vertical-align: middle;
}
.format-quote blockquote p,
.format-link .link-wrap p {
font-family: "librebaskerville-bold", serif;
color: #000000;
padding: 7.8rem 0 0 0;
margin-bottom: 3.3rem;
font-size: 2.4rem;
line-height: 1.625;
}
.format-quote cite,
.format-link cite {
display: block;
font-family: "metropolis-regular", sans-serif;
font-size: 1.5rem;
font-style: normal;
line-height: 1.6;
color: #999999;
}
.format-quote cite::before,
.format-link cite::before {
display: none;
}
.format-quote cite a,
.format-quote cite a:visited {
color: #999999;
border: none;
}
.format-quote .entry__thumb::before {
background-image: url(../images/icons/icon-quote.svg);
}
.format-link .entry__thumb::before {
background-image: url(../images/icons/icon-link.svg);
width: 3.3rem;
}
.format-link .link-wrap cite:before {
display: none;
}
.format-link .link-wrap cite a,
.format-link .link-wrap cite a:visited {
color: #999999;
display: inline-block;
padding-bottom: .3rem;
}
.format-link .link-wrap cite a:hover,
.format-link .link-wrap cite a:focus {
color: #000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
/* format video
* --------------------------------------- */
.format-video .entry__thumb a {
cursor: zoom-in;
display: block;
position: relative;
}
.format-video .entry__thumb a::before {
content: "";
display: block;
height: 4.5rem;
width: 4.5rem;
position: absolute;
bottom: 3rem;
left: 3rem;
cursor: zoom-in;
background-image: url(../images/icons/icon-video.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.format-video .entry__thumb a img {
vertical-align: bottom;
}
.li-num li {
clear: both;
list-style: decimal;
}
/* ===================================================================
* # pageheader
*
* ------------------------------------------------------------------- */
.s-pageheader {
min-height: 174px;
background-color:#4ca716;
}
.s-pageheader::before {
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 180px;
background-color: #4ca716;
opacity: .95;
position: relative;
z-index: 10;
}
.s-pageheader--home {
min-height: 480px;
padding-top: 222px;
}
.s-pageheader--home::before {
position: absolute;
height: 100%;
}
/* Code couleur */
.s-pageheader.s-pageheader-actualites:before,
.s-pageheader.s-pageheader-actualites .header__nav-wrap.sticky {
background-color: #da3d14;
}
.s-pageheader.s-pageheader-manoveda:before,
.s-pageheader.s-pageheader-manoveda .header__nav-wrap.sticky {
background-color: #717060;
}
.s-pageheader.s-pageheader-massages:before,
.s-pageheader.s-pageheader-massages .header__nav-wrap.sticky {
background-color: #660066;
}
.s-pageheader.s-pageheader-soins:before,
.s-pageheader.s-pageheader-soins .header__nav-wrap.sticky {
background-color: #ff6b10;
}
.s-pageheader.s-pageheader-cures:before,
.s-pageheader.s-pageheader-cures .header__nav-wrap.sticky {
background-color: #ff5bd1;
}
.s-pageheader.s-pageheader-contact:before,
.s-pageheader.s-pageheader-contact .header__nav-wrap.sticky {
background-color: #6699cc;
}
.s-pageheader.s-pageheader-formations:before,
.s-pageheader.s-pageheader-formations .header__nav-wrap.sticky {
background-color: #c79766;
}
.s-pageheader.s-pageheader-yoga:before,
.s-pageheader.s-pageheader-yoga .header__nav-wrap.sticky {
background-color: #7b5c96;
}
.s-pageheader.s-pageheader-avis:before,
.s-pageheader.s-pageheader-avis .header__nav-wrap.sticky {
background-color: #afbe73;
}
.header {
position: absolute;
text-align: center;
top: 30px;
width: 100%;
z-index: 30;
}
.header__content {
position: relative;
padding: 0 20px;
}
.pageheader-content {
overflow: hidden;
padding: 0 75px;
max-width: 1350px;
}
/* -------------------------------------------------------------------
* ## header logo
* ------------------------------------------------------------------- */
.header__logo {
display: inline-block;
margin: 0;
padding: 0 0 0 10px;
z-index: 501;
}
.header__logo a {
color: #fff;
font-family: "librebaskerville-bold", serif;
display: block;
font-size: 3em;
margin: -15px 0 0 6px;
padding: 0;
outline: 0;
border: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header__logo-img {
position: absolute;
right: 20px;
width: 86px;
border-radius: 50%;
top: -15px;
box-shadow: 5px 5px 15px #51544f82;
}
/* -------------------------------------------------------------------
* ## header social
* ------------------------------------------------------------------- */
.header__social {
list-style: none;
font-size: 23px;
line-height: 1;
margin: 0;
padding: 0;
position: absolute;
left: 20px;
top: 12px;
}
.header__social a {
color: #FFFFFF;
}
.header__social li {
display: inline-block;
margin-right: 5px;
padding-left: 0;
}
.header__social li:last-child {
margin-right: 0;
}
/* -------------------------------------------------------------------
* ## header-toggle
* ------------------------------------------------------------------- */
.header__toggle-menu {
display: none;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 6px;
}
.header__toggle-menu span {
display: block;
width: 22px;
height: 2px;
margin-top: -1px;
position: absolute;
right: 9px;
top: 50%;
bottom: auto;
left: auto;
background-color: white;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
.header__toggle-menu span::before,
.header__toggle-menu span::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: inherit;
left: 0;
}
.header__toggle-menu span::before {
top: -8px;
}
.header__toggle-menu span::after {
bottom: -8px;
}
/* -------------------------------------------------------------------
* ## header-search
* ------------------------------------------------------------------- */
.header__search {
display: block;
text-align: center;
background: rgba(0, 70, 156, .9);
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 900;
}
.header__search-form {
width: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header__search-form label {
color: #FFFFFF;
}
.header__search-form::after {
content: "Appuyez sur Entrer pour valider la recherche.";
display: block;
letter-spacing: 0.6px;
font-size: 1.6rem;
margin-top: 3rem;
text-align: center;
color: rgba(255, 255, 255, 0.5);
}
.header__search-form input[type="search"] {
background-color: transparent;
color: #fff;
height: auto;
width: 100%;
font-family: "metropolis-semibold", sans-serif;
font-size: 6rem;
line-height: 1.5;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
max-width: 680px;
padding-top: .6rem !important;
padding-bottom: .6rem !important;
margin: 0 auto;
text-align: center;
}
.header__search-form input[type="search"]::-webkit-input-placeholder {
color: #FFFFFF;
text-align: center !important;
opacity: 1;
}
.header__search-form input[type="search"]:-moz-placeholder {
color: #FFFFFF;
text-align: center !important;
opacity: 1;
}
.header__search-form input[type="search"]::-moz-placeholder {
color: #FFFFFF;
text-align: center !important;
opacity: 1;
}
.header__search-form input[type="search"]:-ms-input-placeholder {
color: #FFFFFF;
text-align: center !important;
opacity: 1;
}
.header__search-form input[type="search"].placeholder {
color: #FFFFFF;
text-align: center !important;
opacity: 1;
}
.header__search-form input[type="search"]:focus {
outline: none;
}
.header__search-form input[type="submit"] {
display: none;
}
body.search-is-visible {
overflow: hidden;
}
.search-is-visible .header__search {
opacity: 1;
visibility: visible;
}
/* -------------------------------------------------------------------
* ## header search trigger
* ------------------------------------------------------------------- */
.header__search-trigger {
height: 21px;
min-width: 21px;
position: absolute;
right: 20px;
top: 15px;
background-image: url(../images/icons/icon-search.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
display: none;
}
.header__search-trigger::before {
font-family: "metropolis-semibold", sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 21px;
content: "Search";
display: block;
color: #FFFFFF;
float: left;
padding-right: 33px;
}
/* -------------------------------------------------------------------
* responsive:
* header components
* ------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {
.header__social {
font-size: 21px;
}
.header__logo {
font-size: 1rem;
}
}
@media only screen and (max-width:900px) {
.s-pageheader::before {
height: 150px;
}
.header__logo a {
font-size: 3em;
}
}
@media only screen and (max-width:800px) {
.s-pageheader {
min-height: 90px;
}
.s-pageheader::before {
height: 90px;
}
.s-pageheader--home {
padding-top: 120px;
}
.header {
top: 24px;
}
.header__logo-img {
top: 0;
width: 30px;
}
.header__social {
display: none;
}
.header__toggle-menu {
top: 0;
display: block;
}
.header__search-trigger {
top: 9px;
right: 28px;
}
.header__search-trigger::before {
display: none;
}
.header__search-form::after {
font-size: 1.5rem;
}
.header__search-form input[type="search"] {
max-width: none;
width: 80%;
font-size: 4.2rem;
}
}
@media only screen and (max-width:600px) {
.s-pageheader {
min-height: 84px;
}
.header__logo-img {
top: 0;
width: 30px;
}
.header__toggle-menu {
top: -3px;
}
.header__search-trigger {
top: 6px;
}format-videoformat-video
.header__search-form input[type="search"] {
font-size: 3.4rem;
}
}
@media only screen and (max-width:400px) {
.s-pageheader {
min-height: 78px;
}
.header__logo a {
font-size: 1.6em;
}
.s-pageheader--home {
padding-top: 96px;
}
.header__toggle-menu {
top: -7px;
}
.header__search-trigger {
top: 3px;
}
.header__search-form input[type="search"] {
font-size: 2.6rem;
}
.header__logo-img {
display: none;
}
}
/* -------------------------------------------------------------------
* ## main navigation
* ------------------------------------------------------------------- */
.header__nav-wrap {
margin-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.4);
padding-top: 15px;
}
.header__nav-wrap a {
color: rgba(255, 255, 255, 0.6);
}
.header__nav-wrap .header__nav-heading {
text-align: center;
font-family: "metropolis-semibold", sans-serif;
font-size: 1.4rem;
color: #fff;
text-transform: uppercase;
letter-spacing: .3rem;
margin-top: 6rem;
}
.header__nav-wrap .header__nav-heading,
.header__nav-wrap .close-mobile-menu {
display: none;
}
.header__nav {
list-style: none;
margin: 0;
padding: 0;
font-family: "metropolis-medium", sans-serif;
font-size: 15px;
}
.header__nav li {
display: inline-block;
position: relative;
padding: 0 2rem;
}
.header__nav li.has-children {
padding-right: 3.3rem;
}
.header__nav li a {
display: block;
color: rgba(255, 255, 255, 0.6);
line-height: 39px;
}
.header__nav li.has-children > a::after {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(255, 255, 255, 0.3);
content: '';
display: block;
height: 5px;
width: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 1.8rem;
top: 21px;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header__nav li:hover > a,
.header__nav li:focus > a {
color: #fff;
}
.header__nav li:hover li,
.header__nav li:focus li {
background: transparent;
}
.header__nav li.current > a {
color: #FFFFFF;
}
.header__nav li ul {
position: absolute;
top: 45px;
left: 0;
font-size: 14px;
margin: 0;
padding: 1.8rem 0;
background: rgba(250,250,250,.95);
border-radius: 0 0 3px 3px;
z-index: 500;
-webkit-transform: translate3d(0, 15px, 0);
-ms-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
}
.header__nav li ul ul {
position: absolute;
top: 0;
left: 100%;
left: calc(100% + 1px);
border-radius: 0 0 3px 3px;
padding-top: 1.2rem;
}
.header__nav li ul li {
display: block;
text-align: left;
padding: 0;
margin: 0;
min-height: 33px;
width: 100%;
}
.header__nav li ul li a {
display: block;
white-space: nowrap;
padding: 7.5px 3rem 7.5px 2rem;
font-family: "metropolis-regular", sans-serif;
line-height: 18px;
color: rgba(0, 0, 0, .8);
}
.header__nav li ul li a:hover,
.header__nav li ul li a:focus {
color: rgba(0, 0, 0, 1);
background-color: rgba(230, 230, 230, 0.79);
}
.header__nav li:hover > ul {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 500;
}
/* -------------------------------------------------------------------
* responsive:
* main navigation
* ------------------------------------------------------------------- */
@media only screen and (min-width:801px) {
.header__nav li.has-children:hover > a::after,
.header__nav li.has-children:focus > a::after {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.header__nav li ul {
display: block !important;
}
}
@media only screen and (max-width:800px) {
.header__nav-wrap {
background-color: #151515;
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: 0;
border: none;
z-index: 600;
overflow-y: auto;
}
.header__nav-wrap .header__nav-heading,
.header__nav-wrap .close-mobile-menu {
display: block;
}
.header__nav {
margin: 4.8rem 6rem 3rem 6rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
font-family: "metropolis-semibold", sans-serif;
font-size: 16px;
}
.header__nav li {
display: block;
padding: 0;
text-align: left;
}
.header__nav li ul {
display: none;
position: static;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
background-color: transparent;
padding: 0 0 1.8rem 0;
-webkit-transition: none !important;
transition: none !important;
}
.header__nav li.has-children > a::after {
top: 27px;
}
.header__nav li.has-children > a.sub-menu-is-open::after {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.header__nav li ul li a {
color: gray;
padding: 7.5px 1.5rem;
}
.header__nav > li {
border-top: 1px solid rgba(255, 255, 255, 0.03);
}
.header__nav > li a {
line-height: 54px;
}
body.nav-wrap-is-visible {
overflow: hidden;
}
.nav-wrap-is-visible .header__nav-wrap {
opacity: 1;
visibility: visible;
}
}
@media only screen and (max-width:400px) {
.header__nav {
margin: 4.2rem 4.2rem 3rem 4.2rem;
}
}
/* -------------------------------------------------------------------
* ## pageheader content
* ------------------------------------------------------------------- */
.featured {
background-color: #151515;
height: 564px;
position: relative;
z-index: 25;
}
.featured::before, .featured::after {
content: "";
display: block;
height: 1px;
width: 60px;
background-color: rgba(255, 255, 255, 0.15);
position: absolute;
top: 50%;
}
.featured::before {
left: -75px;
}
.featured::after {
right: -75px;
}
.featured__column {
float: left;
}
.featured .entry {
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
}
.featured .entry h1 {
font-size: 3.6rem;
line-height: 1.333;
margin-top: 0;
margin-bottom: 3rem;
}
.featured .entry h1 a {
color: #FFFFFF;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.featured .entry h1 a:focus, .featured .entry h1 a:hover {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.featured .entry::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity: .5;
background-color: #151515;
}
.featured .entry:hover::before {
opacity: .8;
}
.featured .entry__content {
position: absolute;
left: 0;
bottom: 6rem;
width: 100%;
padding: 0 20% 0 6rem;
display: block;
}
.featured .entry__category {
display: inline-block;
font-family: "metropolis-bold", sans-serif;
font-size: 1.1rem;
line-height: 2.4rem;
text-transform: uppercase;
letter-spacing: .2rem;
margin-bottom: 2.4rem;
}
.featured .entry__category a {
display: inline-block;
color: #FFFFFF;
padding: 0 1.5rem;
}
.featured .entry__info {
position: relative;
}
.featured .entry__profile-pic {
float: left;
height: 4.2rem;
width: 4.2rem;
margin-top: -.9rem;
}
.featured .entry__profile-pic img {
border-radius: 50%;
}
.featured .entry__meta {
list-style: none;
margin: 0 0 0 6rem;
padding: 0;
font-family: "metropolis-semibold", sans-serif;
color: rgba(255, 255, 255, 0.5);
line-height: 1.5;
}
.featured .entry__meta li {
display: inline-block;
padding-left: 0;
}
.featured .entry__meta li::after {
content: '\2022';
margin-left: 9px;
margin-right: 6px;
}
.featured .entry__meta li:last-child::after {
display: none;
}
.featured .entry__meta a {
color: rgba(255, 255, 255, 0.5);
}
.featured .entry__meta a:focus, .featured .entry__meta a:hover {
color: #FFFFFF;
}
.featured__column--big {
width: 66.66666%;
position: relative;
}
.featured__column--big .entry {
height: 564px;
}
.featured__column--big .entry__category a {
background-color: #01aef0;
}
.featured__column--small {
width: 33.333333333%;
position: relative;
}
.featured__column--small .entry {
height: 282px;
}
.featured__column--small .entry h1 {
font-size: 2rem;
margin-bottom: 1.2rem;
}
.featured__column--small .entry__content {
bottom: 2.4rem;
padding: 0 10% 0 3rem;
}
.featured__column--small .entry__category {
font-size: 1rem;
line-height: 2.1rem;
margin-bottom: 1.5rem;
}
.featured__column--small .entry__category a {
background-color: #679a23;
}
.featured__column--small .entry__profile-pic {
display: none;
}
.featured__column--small .entry__meta {
margin: 0;
font-size: 1.4rem;
}
/* animate .featured
* ------------------------------------------------------------------- */
html.cl-preload .featured {
opacity: 0;
}
html.cl-loaded .featured {
animation-duration: 2s;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
html.no-csstransitions .featured {
opacity: 1;
}
/* -------------------------------------------------------------------
* ## feature section animation
* ------------------------------------------------------------------- */
/* fade in */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
-webkit-transform: translate3d(0, 150%, 0);
-ms-transform: translate3d(0, 150%, 0);
transform: translate3d(0, 150%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeIn {
from {
opacity: 0;
-webkit-transform: translate3d(0, 150%, 0);
-ms-transform: translate3d(0, 150%, 0);
transform: translate3d(0, 150%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/* fade out */
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -150%, 0);
-ms-transform: translate3d(0, -150%, 0);
transform: translate3d(0, -150%, 0);
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -150%, 0);
-ms-transform: translate3d(0, -150%, 0);
transform: translate3d(0, -150%, 0);
}
}
/* -------------------------------------------------------------------
* responsive:
* pageheader content
* ------------------------------------------------------------------- */
@media only screen and (max-width:1400px) {
.pageheader-content {
padding: 0;
}
.featured::before, .featured::after {
display: none;
}
}
@media only screen and (max-width:1200px) {
.featured {
height: auto;
}
.featured__column--big .entry {
height: 522px;
}
.featured__column--big .entry h1 {
font-size: 3.2rem;
}
.featured__column--small .entry {
height: 261px;
}
}
@media only screen and (max-width:1000px) {
.featured__column--big {
width: 60%;
}
.featured__column--big .entry {
height: 504px;
}
.featured__column--big .entry h1 {
font-size: 3rem;
}
.featured__column--big .entry__content {
padding: 0 10% 0 4.2rem;
}
.featured__column--small {
width: 40%;
}
.featured__column--small .entry {
height: 252px;
}
}
@media only screen and (max-width:900px) {
.pageheader-content {
max-width: 780px;
}
.featured__column {
float: none;
width: 100%;
}
.featured__column--big .entry {
height: 468px;
}
.featured__column--small:after {
content: "";
display: table;
clear: both;
}
.featured__column--small .entry {
height: 300px;
float: left;
width: 50%;
}
}
@media only screen and (max-width:800px) {
.featured__column .entry {
height: 360px;
}
.featured__column .entry h1 {
font-size: 2.8rem;
margin-bottom: 3rem;
}
.featured__column .entry__content {
bottom: 5.4rem;
padding: 0 10% 0 4.2rem;
}
.featured__column--small .entry {
float: none;
width: 100%;
}
.featured__column--small .entry:last-child {
display: none;
}
.featured__column--small .entry__category {
font-size: 1.1rem;
line-height: 2.4rem;
margin-bottom: 2.4rem;
}
.featured__column--small .entry__profile-pic {
display: block;
}
.featured__column--small .entry__meta {
margin: 0 0 0 6rem;
font-size: 1.6rem;
}
}
@media only screen and (max-width:700px) {
.pageheader-content {
max-width: 540px;
}
}
@media only screen and (max-width:600px) {
.pageheader-content {
max-width: 500px;
width: auto;
padding-left: 25px;
padding-right: 25px;
}
.featured__column .entry {
height: 330px;
}
.featured__column .entry h1 {
font-size: 2.6rem;
margin-bottom: 1.5rem;
}
.featured__column .entry__content {
bottom: 4.2rem;
padding: 0 3rem 0;
}
.featured__column .entry__category {
font-size: 1rem;
line-height: 2.1rem;
margin-bottom: 1.5rem;
}
.featured__column .entry__profile-pic {
display: none;
}
.featured__column .entry__meta {
margin: 0rem;
font-size: 1.5rem;
}
}
@media only screen and (max-width:500px) {
.featured__column .entry h1 {
font-size: 2.4rem;
}
.featured .entry__content {
bottom: 3.6rem;
}
.featured .entry__meta {
font-size: 1.4rem;
}
}
@media only screen and (max-width:400px) {
.featured__column .entry {
height: 288px;
}
.featured__column .entry h1 {
font-size: 2rem;
}
.featured .entry__content {
bottom: 3rem;
padding: 0 2.4rem 0;
}
}
/* ===================================================================
* # s-content
*
* ------------------------------------------------------------------- */
.s-content {
background-color: #f2f2f2;
}
#home .s-content {
padding-top: 8.4rem;
}
.s-content--no-padding-bottom {
padding-bottom: 0;
}
.s-content--narrow .row {
max-width: 960px;
}
.s-content__header {
padding-bottom: 3rem;
text-align: center;
}
.s-content__header h1 {
font-size: 3.8rem;
line-height: 1.25;
margin-top: 0;
letter-spacing: -.15rem;
}
.s-content__header .lead {
color: rgba(0, 0, 0, 0.5);
}
.format-standard {
background: rgba(255, 255, 255, .8);
padding-top: 40px;
}
#home .format-standard {
background: none;
padding-top: inherit;
}
/* -------------------------------------------------------------------
* responsive:
* s-content
* ------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {
.s-content--narrow .row {
max-width: 900px;
}
}
@media only screen and (max-width:1000px) {
.s-content--narrow .row {
max-width: 800px;
}
.s-content__header h1 {
font-size: 4.5rem;
}
}
@media only screen and (max-width:800px) {
.s-content {
padding-top: 6rem;
}
.s-content__header h1 {
font-size: 4rem;
}
}
@media only screen and (max-width:600px) {
.s-content {
padding-top: 0;
}
#bgvid {
display: none;
}
.s-content__header h1 {
font-size: 3.6rem;
}
}
/* -------------------------------------------------------------------
* ## masonry layout
* ------------------------------------------------------------------- */
.masonry-wrap {
max-width: none;
width: 1440px;
overflow: hidden;
}
.masonry {
margin-bottom: 3rem;
}
.masonry:after {
content: "";
display: table;
clear: both;
}
.masonry .grid-sizer, .masonry__brick {
width: 360px;
}
.masonry__brick {
float: left;
padding: 0 20px;
}
/* -------------------------------------------------------------------
* responsive:
* masonry layout
* ------------------------------------------------------------------- */
@media only screen and (max-width:1480px) {
.masonry-wrap {
width: 1080px;
}
}
@media only screen and (max-width:1140px) {
.masonry-wrap {
width: 1020px;
}
.masonry .grid-sizer, .masonry .masonry__brick {
width: 340px;
}
}
@media only screen and (max-width:1060px) {
.masonry-wrap {
width: 740px;
}
.masonry .grid-sizer, .masonry .masonry__brick {
width: 370px;
}
}
@media only screen and (max-width:800px) {
.masonry-wrap {
max-width: 700px;
width: 90%;
}
.masonry .grid-sizer, .masonry .masonry__brick {
width: 50%;
padding: 0 15px;
}
}
@media only screen and (max-width:700px) {
.masonry-wrap {
max-width: 400px;
}
.masonry .grid-sizer, .masonry .masonry__brick {
width: 100%;
clear: both;
}
}
@media only screen and (max-width:600px) {
.masonry-wrap {
width: auto;
}
.masonry .grid-sizer, .masonry .masonry__brick {
padding: 0 10px;
}
}
@media only screen and (max-width:400px) {
.masonry .masonry__brick {
width: 100% !important;
float: none !important;
clear: both !important;
margin-left: 0;
margin-right: 0;
padding: 0;
}
}
/* ===================================================================
* # s-extra
*
* ------------------------------------------------------------------- */
.s-extra {
background-color: #FFFFFF;
padding-top: 7.8rem;
padding-bottom: 9rem;
font-family: "metropolis-regular", sans-serif;
font-size: 1.5rem;
line-height: 1.8;
}
.s-extra a {
color: #000000;
}
.s-extra a:hover, .s-extra a:focus {
color: #0054a5;
}
.s-extra h3, .s-extra h5 {
margin-top: 0;
}
.s-extra h3 {
font-size: 2.4rem;
line-height: 1.375;
margin-bottom: 3rem;
}
.s-extra h5 {
font-family: "metropolis-extrabold", sans-serif;
font-size: 1.6rem;
line-height: 1.3125;
margin-bottom: .6rem;
}
.s-extra .top [class*="col-"] {
margin-bottom: 4.8rem;
}
.s-extra mark {
background-color: #fff;
border-radius: 0px 0 10px;
display: block;
padding-right: 10px;
color: #110000;
text-transform: uppercase;
}
.--listMassage h5 {
text-transform: uppercase;
}
/* -------------------------------------------------------------------
* ## popular posts
* ------------------------------------------------------------------- */
.s-extra .popular__post {
position: relative;
padding-left: 9.5rem;
margin-bottom: 3.3rem;
min-height: 5.4rem;
}
.s-extra .popular__thumb {
position: absolute;
top: .3rem;
left: 0;
}
.s-extra .popular__thumb img {
height: 6.9rem;
width: 6.9rem;
}
.s-extra .popular__meta {
font-size: 1.3rem;
line-height: 1.615;
}
/* -------------------------------------------------------------------
* ## about
* ------------------------------------------------------------------- */
.s-extra .about {
padding: 0 40px;
}
.s-extra .about p {
margin-bottom: 1.5rem;
}
.s-extra .about__social {
list-style: none;
margin: 0;
padding: 0;
font-size: 2.4rem;
}
.s-extra .about__social li {
display: inline-block;
padding-left: 0;
margin-right: 9px;
}
/* -------------------------------------------------------------------
* ## tags
* ------------------------------------------------------------------- */
.s-extra .tags-wrap {
max-width: 900px;
}
.s-extra .tags {
text-align: center;
}
.s-extra .tagcloud {
padding-top: .6rem;
}
.s-extra .tagcloud a {
display: inline-block;
font-family: "metropolis-extrabold", sans-serif;
font-size: 1.3rem;
line-height: 3.6rem;
text-transform: uppercase;
letter-spacing: .2rem;
padding: 0 2rem;
margin: 0 1.2rem 1.5rem 0;
border-radius: 3px;
background: #e2e2e2;
text-decoration: none;
color: #333333;
position: relative;
}
.s-extra .tagcloud a:hover,
.s-extra .tagcloud a:focus {
color: #FFFFFF;
background: #151515;
}
/* -------------------------------------------------------------------
* responsive:
* s-extra
* ------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {
.s-extra .top {
max-width: 900px;
}
.s-extra .popular__posts article:nth-child(n+5) {
display: none;
}
}
@media only screen and (max-width:1000px) {
.s-extra .top, .s-extra .tags-wrap {
max-width: 800px;
}
}
@media only screen and (max-width:800px) {
.s-extra .top, .s-extra .tags-wrap {
max-width: 550px;
}
.s-extra .about {
padding: 0 15px;
}
.s-extra .tags {
text-align: left;
}
}
@media only screen and (max-width:600px) {
.s-extra h3, .s-extra .about, .s-extra .tags {
text-align: center;
}
.s-extra .popular__thumb {
left: .6rem;
}
.s-extra .popular__thumb img {
height: 6.6rem;
width: 6.6rem;
}
.s-extra .about {
padding: 0 10px;
}
}
@media only screen and (max-width:400px) {
.s-extra .popular__post {
padding-left: 8.5rem;
}
.s-extra .popular__thumb {
left: .6rem;
}
.s-extra .popular__thumb img {
height: 6.3rem;
width: 6.3rem;
}
.s-extra .about {
padding: 0;
}
}
/* ===================================================================
* # footer
*
* ------------------------------------------------------------------- */
footer {
padding-top: 10.2rem;
font-size: 1.5rem;
line-height: 2;
color: rgba(255, 255, 255, 0.7);
}
footer a {
color: #FFFFFF;
}
footer h4 {
font-family: "metropolis-bold", sans-serif;
font-size: 1.4rem;
line-height: 1.286;
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: .25rem;
padding-bottom: 2.2rem;
color: #FFFFFF;
margin-top: 0;
position: relative;
}
footer h4::after {
content: "";
display: block;
height: 1px;
width: 120px;
background-color: rgba(255, 255, 255, 0.3);
position: absolute;
left: 0;
bottom: 0;
}
.s-footer {
background-color: #000;
position: relative;
}
.s-footer__main {
margin-bottom: -.6rem;
}
/* -------------------------------------------------------------------
* ## footer link list
* ------------------------------------------------------------------- */
.s-footer__linklist {
list-style: none;
margin-left: 0;
}
.s-footer__linklist a {
color: rgba(255, 255, 255, 0.7);
}
.s-footer__linklist a:hover {
color: rgba(255, 255, 255, 1);
}
.s-footer__linklist li {
padding-left: 0;
}
/* -------------------------------------------------------------------
* ## subscribe form
* ------------------------------------------------------------------- */
.s-footer__subscribe .subscribe-form {
margin: 0;
padding: 0;
position: relative;
}
.s-footer__subscribe #mc-form {
width: 100%;
}
.s-footer__subscribe #mc-form input[type="email"] {
width: 100%;
height: 5.4rem;
font-size: 1.5rem;
padding: 1.2rem 100px 1.2rem 60px;
background: url(../images/icons/icon-mail.svg) 20px center no-repeat, rgba(0, 0, 0, 0.1);
background-size: 24px 16px, auto;
margin-bottom: 1.8rem;
color: rgba(255, 255, 255, 0.5);
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.s-footer__subscribe #mc-form input[type="email"]:hover,
.s-footer__subscribe #mc-form input[type="email"]:focus {
color: #FFFFFF;
}
.s-footer__subscribe #mc-form input[type="email"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.s-footer__subscribe #mc-form input[type="email"]:-moz-placeholder {
color: rgba(255, 255, 255, 0.2); /* Firefox 18- */
}
.s-footer__subscribe #mc-form input[type="email"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.2); /* Firefox 19+ */
}
.s-footer__subscribe #mc-form input[type="email"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.2);
}
.s-footer__subscribe #mc-form input[type="email"].placeholder {
color: rgba(255, 255, 255, 0.2) !important;
}
.s-footer__subscribe #mc-form input[type=submit] {
position: absolute;
top: 0;
right: 0;
color: #FFFFFF;
background: #12b055;
border-color: #12b055;
padding: 0 15px;
border-radius: 0 3px 3px 0;
}
.s-footer__subscribe #mc-form label {
color: #FFFFFF;
font-family: "metropolis-regular", sans-serif, sans-serif;
font-size: 1.3rem;
padding: 0 2rem;
}
.s-footer__subscribe #mc-form label i {
padding-right: 6px;
}
/* -------------------------------------------------------------------
* ## footer link list
* ------------------------------------------------------------------- */
.s-footer__location {
clear: both;
margin-bottom: 20px;
}
.s-footer__location address{
margin-bottom: 20px;
font-style: inherit;
}
/* -------------------------------------------------------------------
* ## copyright
* ------------------------------------------------------------------- */
.s-footer__bottom {
background: gray;
padding: 20px 0;
margin-top: 30px;
box-shadow: inset 0px 6px 9px 0px rgba(88, 88, 88, 0.85);
text-align: center;
}
.s-footer__bottom .s-footer__copyright span {
display: inline-block;
}
.s-footer__bottom .s-footer__copyright span::after {
content: "|";
display: inline-block;
padding: 0 1rem 0 1.2rem;
color: rgba(255, 255, 255, 0.1);
}
.s-footer__bottom .s-footer__copyright span:last-child::after {
display: none;
}
/* -------------------------------------------------------------------
* ## go to top
* ------------------------------------------------------------------- */
.go-top {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 600;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
-webkit-transform: translate3d(0, 200%, 0);
-ms-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
.go-top a, .go-top a:visited {
text-decoration: none;
border: 0 none;
display: block;
height: 5.4rem;
width: 5.4rem;
line-height: 5.4rem;
text-align: center;
background-image: url(../images/icons/icon-arrow-up.svg);
background-color: #000000;
background-repeat: no-repeat;
background-position: center center;
background-size: 10px 16px;
color: rgba(255, 255, 255, 0.5);
text-align: center;
text-transform: uppercase;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.go-top a:hover, .go-top a:focus {
color: #FFFFFF;
background-color: #0054a5;
}
.go-top.link-is-visible {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* -------------------------------------------------------------------
* responsive:
* footer components
* ------------------------------------------------------------------- */
@media only screen and (min-width:1200px) {
.s-footer__location {
top: -90px;
position: relative;
}
}
@media only screen and (max-width:1200px) {
.s-footer__main > .row {
max-width: 800px;
}
.s-footer__sitelinks, .s-footer__archives, .s-footer__social {
margin-bottom: 3rem;
}
.s-footer__subscribe {
clear: both;
}
.s-footer__bottom {
text-align: center;
}
}
@media only screen and (max-width:600px) {
footer {
padding-top: 7.8rem;
}
.s-footer__main .row {
max-width: 480px;
}
.s-footer__main h4 {
padding-bottom: 0;
margin-bottom: 2.4rem;
}
.s-footer__main h4::after {
display: none;
}
.s-footer__main .s-footer__linklist {
width: 80%;
margin: 0 auto;
}
.s-footer__main .s-footer__linklist li a {
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
padding: .6rem 0;
}
.s-footer__main .s-footer__linklist li:first-child a {
border-top: 1px solid rgba(255, 255, 255, 0.03);
}
.s-footer__sitelinks, .s-footer__archives, .s-footer__social, .s-footer__subscribe {
text-align: center;
}
.s-footer__sitelinks, .s-footer__archives, .s-footer__social {
margin-bottom: 4.2rem;
}
.s-footer__main .row [class*="col-"]:nth-child(2) {
display: none;
}
.s-footer__bottom {
padding-bottom: .6rem;
}
.s-footer__bottom .s-footer__copyright span {
display: block;
}
.s-footer__bottom .s-footer__copyright span::after {
display: none;
}
}
/* ===================================================================
* # blog styles
*
* ------------------------------------------------------------------- */
.s-content--narrow .s-content__header {
padding: 0 8rem;
}
.s-content--narrow h3.remove-top-margin {
margin-top: 0;
}
.s-content--narrow h3.quarter-top-margin {
margin-top: 1.5rem;
}
.s-content--narrow h3.half-top-margin {
margin-top: 3rem;
}
.s-content__header-title {
font-size: 4.2rem;
line-height: 1.214;
margin-bottom: .9rem;
}
.s-content__header-meta {
list-style: none;
margin-left: 0;
margin-bottom: 1.2rem;
font-family: "metropolis-medium", sans-serif;
font-size: 1.5rem;
line-height: 1.8;
position: relative;
}
.s-content__header-meta li {
display: inline-block;
padding-left: 0;
margin: 0 1rem;
}
.s-content__header-meta span,
.s-content__header-meta a {
color: #000000;
}
.s-content__header-meta .cat a::after {
content: ",";
}
.s-content__header-meta .cat a:last-child::after {
content: none;
}
/* -------------------------------------------------------------------
* ## content main
* ------------------------------------------------------------------- */
.s-content .row {
position: relative;
z-index: 10;
}
.s-content__main {
color: #333;
padding-left: 6rem;
padding-right: 6rem;
}
.s-content__main img {
max-width: 960px;
margin: 3rem 0 3rem -6rem;
}
/* -------------------------------------------------------------------
* ## content media
* ------------------------------------------------------------------- */
.s-content__media {
padding: 0;
margin-top: 4.8rem;
}
.s-content__media img {
vertical-align: bottom;
}
.s-content__media,
.s-content__post-thumb {
position: relative;
}
/* -------------------------------------------------------------------
* ## post tags
* ------------------------------------------------------------------- */
.s-content__tags {
margin-top: 6rem;
font-family: "metropolis-regular", sans-serif;
}
.s-content__tags span {
font-family: "metropolis-bold", sans-serif;
color: #151515;
position: relative;
padding-right: 55px;
margin-right: 1.5rem;
margin-top: 1.2rem;
}
.s-content__tags span::after {
display: inline-block;
content: "";
height: 1px;
width: 40px;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: 50%;
right: 0;
}
.s-content__tags .s-content__tag-list {
display: inline-block;
padding-right: 0;
margin-right: 0;
}
.s-content__tags .s-content__tag-list::after {
display: none;
}
.s-content__tags .s-content__tag-list a {
display: inline-block;
font-family: "metropolis-regular", sans-serif;
font-size: 1.3rem;
line-height: inherit;
color: #7f7f7f;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
margin-right: 6px;
margin-bottom: 6px;
padding: 0 10px;
}
.s-content__tags .s-content__tag-list a:hover,
.s-content__tags .s-content__tag-list a:focus {
background-color: #000;
border-color: #000;
color: #fff;
}
.s-content__tags .s-content__tag-list a:last-child {
margin-right: 0;
}
/* -------------------------------------------------------------------
* ## author profile
* ------------------------------------------------------------------- */
.s-content__author {
margin-top: 10.2rem;
padding-left: 9rem;
position: relative;
}
.s-content__author img {
margin: 0 !important;
width: 6.6rem;
height: 6.6rem;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.s-content__author p {
margin-bottom: 1.2rem;
}
.s-content__author-name {
margin-top: 0;
}
.s-content__author-name a {
color: #151515;
}
.s-content__author-social {
list-style: none;
margin-left: 0;
font-family: "metropolis-bold", sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
.s-content__author-social li {
display: inline-block;
margin-right: 1rem;
padding-left: 0;
}
.s-content__author-social a {
color: #151515;
}
/* -------------------------------------------------------------------
* ## blog single page navigation
* ------------------------------------------------------------------- */
.s-content__pagenav {
margin-top: 10.2rem;
padding-top: 1.8rem;
border-top: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.s-content__nav:after {
content: "";
display: table;
clear: both;
}
.s-content__nav span {
display: block;
font-family: "metropolis-medium", sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2.5px;
color: #7f7f7f;
margin-bottom: 1.2rem;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.s-content__nav a {
font-family: "librebaskerville-bold", serif;
font-size: 2.2rem;
line-height: 1.5;
color: #19191b;
}
.s-content__nav a:hover span, .s-content__nav a:focus span {
color: #19191b;
}
.s-content__prev, .s-content__next {
width: 50%;
float: left;
padding-right: 2rem;
}
/* -------------------------------------------------------------------
* ## format gallery
* ------------------------------------------------------------------- */
.format-gallery .entry__thumb {
overflow: hidden;
}
.masonry .entry__thumb-link img,
.format-gallery .entry__thumb img {
min-width: 100%;
}
.format-gallery .slider {
overflow: hidden;
}
.format-gallery .slick-dots {
text-align: left;
margin: 0;
padding: 0 2rem 0 2.4rem;
position: absolute;
top: auto;
bottom: 2.4rem;
left: 0;
}
.format-gallery .slider__slides {
cursor: pointer;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.format-gallery .slider__slides.slick-initialized {
opacity: 1;
visibility: visible;
}
/* -------------------------------------------------------------------
* ## format video
* ------------------------------------------------------------------- */
.format-video {
padding-top: 40px;
}
.format-video .video-container {
margin-bottom: 40px;
}
#bgvid {
position: fixed;
top: 0;
}
/* -------------------------------------------------------------------
* ## format audio
* ------------------------------------------------------------------- */
.format-audio .audio-wrap {
position: absolute !important;
bottom: 0;
left: 0;
width: 100%;
}
/* -------------------------------------------------------------------
* responsive:
* blog styles
* ------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {
.s-content--narrow .s-content__header {
padding: 0 6rem;
}
.s-content__main {
padding-left: 5rem;
padding-right: 5rem;
}
.s-content__main img {
max-width: 900px;
margin: 3rem 0 3rem -5rem;
}
}
@media only screen and (max-width:1000px) {
.s-content--narrow .s-content__header {
padding: 0 6rem;
}
.s-content__header-title {
font-size: 3.8rem;
}
.s-content__main {
padding-left: 4rem;
padding-right: 4rem;
}
.s-content__main img {
max-width: 800px;
margin: 3rem 0 3rem -4rem;
}
}
@media only screen and (max-width:900px) {
.s-content__main, .s-content__media {
padding-left: 15px;
padding-right: 15px;
}
.s-content--narrow .s-content__header {
padding: 0 5rem;
}
.s-content__main img {
max-width: 100%;
margin: 3rem 0 3rem;
}
}
@media only screen and (max-width:800px) {
.s-content__header-title {
font-size: 3.6rem;
}
.s-content__prev, .s-content__next {
width: 100%;
float: none;
padding: 0;
text-align: left;
margin-bottom: 1.8rem;
}
.s-content__author {
text-align: center;
padding-left: 0;
}
.s-content__author img {
position: static;
}
.s-content__author-name {
margin-top: 1.2rem;
}
}
@media only screen and (max-width:600px) {
.s-content--narrow .s-content__header,
.s-content__main, .s-content__media {
padding-left: 10px;
padding-right: 10px;
}
.s-content__prev, .s-content__next {
text-align: center;
}
}
@media only screen and (max-width:500px) {
.s-content__header-title {
font-size: 3.4rem;
}
}
@media only screen and (max-width:400px) {
.s-content--narrow .s-content__header {
padding-left: 0;
padding-right: 0;
}
.s-content--narrow .s-content__header {
margin-top: 0;
}
.s-content__header-title {
font-size: 3.3rem;
}
}
/* -------------------------------------------------------------------
* ## comments
* ------------------------------------------------------------------- */
.comments-wrap {
background-color: #e5e5e5;
padding: 8.4rem 0 9rem;
margin-top: 10.2rem;
}
/* comments
* -------------------------------------------------- */
#comments {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
max-width: 880px;
color: #4c4c4c;
}
#comments h3 {
margin-top: 0;
margin-bottom: 1.5rem;
}
#comments ol,
#comments ul {
list-style: none;
}
.commentlist {
margin: 6rem 0 5.4rem;
padding: 0;
}
.commentlist > .comment {
position: relative;
list-style: none;
margin: 0;
padding: 1.8rem 0;
padding-left: 14%;
}
.comment__avatar {
position: absolute;
left: 0;
display: block;
height: 6rem;
width: 6rem;
}
.comment__avatar img {
margin-top: 0.6rem;
height: 6rem;
width: 6rem;
border-radius: 100%;
}
.comment__info cite {
font-family: "metropolis-bold", sans-serif;
font-size: 1.9rem;
line-height: 1.263;
font-style: normal;
color: #151515;
}
.comment__meta {
font-family: "metropolis-regular", sans-serif;
font-size: 1.45rem;
line-height: 3rem;
font-style: normal;
display: block;
color: rgba(0, 0, 0, 0.7);
}
.comment__meta time {
margin-right: 12px;
}
.comment__meta .reply {
font-family: "metropolis-semibold", sans-serif;
}
.comment__text {
clear: both;
margin: 1.8rem 0 0 0;
padding: 0;
}
.comment ul.children {
margin: 0;
padding: 1.8rem 0 0 0;
}
.comment ul.children li {
padding-left: 5%;
padding-top: 1.8rem;
}
/* comments form
* ---------------------------- */
#comments .respond {
padding-top: 4.2rem;
}
#comments form {
padding-top: 3rem;
}
#comments form .form-field {
margin-bottom: 3.9rem;
}
/* -------------------------------------------------------------------
* responsive:
* comments
* ------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {
#comments {
max-width: 830px;
}
}
@media only screen and (max-width:1000px) {
#comments {
max-width: 750px;
}
}
@media only screen and (max-width:800px) {
#comments form button {
width: 100%;
}
.comment__avatar {
height: 5.1rem;
width: 5.1rem;
}
.comment__avatar img {
margin-top: 0;
height: 5.1rem;
width: 5.1rem;
}
}
@media only screen and (max-width:600px) {
#comments h3 {
text-align: center;
}
.commentlist > .comment {
padding-left: 0;
}
.commentlist .comment__avatar {
display: none;
}
}
/* ===================================================================
* # page styles
*
* ------------------------------------------------------------------- */
/* -------------------------------------------------------------------
* ## contact page
* ------------------------------------------------------------------- */
/* map
* ----------------------------------------------- */
#map-wrap {
background: #fff;
z-index: 500;
height: 420px;
}
#map-wrap .gm-style img {
max-width: none;
}
#map-wrap .gm-style label {
width: auto;
display: inline;
}
#map-wrap #map-container {
height: 100%;
width: 100%;
background: #DDDDDD;
position: relative;
}
#map-wrap #map-zoom-in, #map-wrap #map-zoom-out {
height: 3.2rem;
width: 3.2rem;
cursor: pointer;
margin-right: 4rem;
color: white;
background-color: #000000;
display: none;
}
#map-wrap #map-zoom-in {
margin-bottom: 2px;
margin-top: 30px;
}
#map-wrap #map-zoom-in::before,
#map-wrap #map-zoom-out::before {
display: block;
color: white;
text-align: center;
font-family: 'FontAwesome';
font-size: 14px;
content: "\f067";
height: 32px;
width: 32px;
line-height: 32px;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
#map-wrap #map-zoom-in::before {
content: "\f067";
}
#map-wrap #map-zoom-out::before {
content: "\f068";
}
#map-wrap #map-zoom-in:hover::before,
#map-wrap #map-zoom-out:hover::before {
background-color: #0054a5;
}
/* contact form
* ----------------------------------------------- */
#cForm {
margin-top: 3.6rem;
}
/*# sourceMappingURL=main.css.map */
/* sticky
* ----------------------------------------------- */
.sticky {
background-color: #333;
position: fixed;
top: -33px;
left: 0;
right: 0;
z-index: 100;
}
/* tools
* ----------------------------------------------- */
.imgPage--left { margin: auto 0 0 0 !important; display: block; }
.imgPage--center { margin: auto !important; display: block; }
.imgPage--right { margin: 0 0 0 auto !important; display: block; }
*,
*:before,
*:after {
box-sizing: border-box;
}
/**
* Accordion container element
*/
.accordion {
list-style: none;
margin: 0;
padding: 0;
}
.accordion > li {
border-bottom: 1px solid #717060;
margin: 0;
}
/**
* Add zero-width space. needed to ensure Safari + VO respect list semantics.
* Set the before content to position absolute to negate any visible space
* the before content could add to the document.
*/
.accordion > li:before {
content: "\200B";
position: absolute;
}
/**
* Accordion Heading
*/
.accordion__heading {
font-size: inherit;
margin: 0;
}
.accordion__trigger {
-webkit-appearance: none;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: block;
font-size: inherit;
margin: 0;
padding: 0;
position: relative;
text-align: left;
text-indent: 0;
text-transform: initial;
width: 100%;
z-index: 2;
}
.accordion__trigger:after {
border-left: .4em solid transparent;
border-right: .4em solid transparent;
border-top: .5em solid #222;
bottom: 0;
content: '';
height: 0;
margin: auto;
position: absolute;
right: 1em;
top: 0;
transition: transform .2s ease-in-out;
transform-origin: center center;
transform: rotate(0deg);
width: 0;
}
.accordion__trigger:hover:after,
.accordion__trigger:focus:after,
.accordion__trigger[aria-expanded="true"]:after {
border-top-color: #fff;
}
.accordion__trigger[aria-expanded="true"]:after {
transform: rotate(180deg);
}
/**
* This is needed to allow a double tap iOS 11
* Safari + VO to function correctly, if there
* are multiple elements (wrapper spans) to layout
* text nodes within the accordion button.
-- This is not needed if a button only contains text
and no other child nodes wrapping the text --
.accordion__trigger > * {
pointer-events: none;
}
*/
.accordion__trigger:hover,
.accordion__trigger:focus {
background-color: rgba(112, 113, 97, 0.81);
color: #fff;
outline: none;
text-indent: 10px;
}
.accordion__trigger[aria-disabled="true"]:hover {
background-color: #767665;
color: #fff;
cursor: not-allowed;
}
.accordion__trigger[aria-disabled="true"]:focus {
background-color: #ccc;
}
.accordion__panel {
background-color: inherit;
max-height: 0vh;
overflow: hidden;
padding: 0.001em 1.25em;
position: relative;
visibility: hidden;
z-index: 1;
}
.accordion__panel h2 {
margin-top: 1rem;
}
.accordion__panel--transition {
transition:
max-height .2s ease-in-out,
padding-top .2s ease-in-out,
padding-bottom .2s ease-in-out;
}
.accordion__panel > :last-child {
margin-bottom: 0;
}
.accordion__panel[aria-hidden="false"] {
max-height: 100vh;
overflow: auto;
padding: 1.25em;
visibility: visible;
}
.accordion__trigger[aria-expanded="true"] {
background: #c79766;
color: #fff;
}
.accordion__img--position {
float: left;
margin: 5px 15px 10px 0;
}
.accordion__img--position img {
margin: inherit;
}
@media only screen and (max-width: 600px) {
.accordion__img--position {
float: none;
text-align: center;
}
}
.calendar-list {
text-align: center;
}
.calendar-list a {
color: #333;
font-size: 2rem;
text-decoration: none;
text-align: center;
list-style: none;
text-transform: uppercase;
border-bottom: 1px solid #333;
}
/* VERTICAL TABS */
.atabs {
position: relative;
margin-top: 30px;
}
.atabs .s-content__header {
padding: 0;
}
.atabs h4 {
margin-top: 0;
}
.atabs p {
margin-bottom: 10px;
}
.atabs__list:not([aria-orientation="vertical"]) {
display: flex;
white-space: nowrap;
overflow: auto;
}
[data-atabs-orientation="vertical"] {
display: flex;
flex-wrap: wrap;
}
.atabs__list[aria-orientation="vertical"] {
width: 100%
}
.atabs__list[aria-orientation="vertical"] .atabs__list__tab {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ccc;
text-align: right;
font-size: 1.45rem;
}
.s-content .atabs-img {
float: right;
margin: 8px 0 0;
}
@media screen and (max-width: 543px) {
[data-atabs-orientation="vertical"] [role="tablist"] {
border-bottom: 0;
margin-bottom: 20px;
position: relative;
}
.data-atabs-wrap {
position: relative;
}
.data-atabs-wrap::before {
content: "\25BE";
position: absolute;
top: -7px;
right: 3px;
z-index: 3;
color: #fff;
transform: rotate(180deg);
}
.data-atabs-wrap::after {
content: "\25BE";
position: absolute;
bottom: -7px;
right: 3px;
z-index: 3;
color: #fff;
}
.atabs__list[aria-orientation="vertical"] .atabs__list__tab {
display: block;
font-size: 1.6rem;
padding: 0 1px;
text-align: left;
}
.atabs__list[aria-orientation="vertical"] .atabs__list__tab:hover {
cursor: pointer;
}
.s-content .atabs-img {
float: none;
width: 100%;
}
[data-atabs-orientation="vertical"] [role="tablist"]::before {
font-family: "librebaskerville-bold", serif;
font-size: 2.2rem;
font-weight: bold;
}
.s-pageheader-soins [data-atabs-orientation="vertical"] [role="tablist"]::before {
content: "Soins :";
}
.s-pageheader-cures [data-atabs-orientation="vertical"] [role="tablist"]::before {
content: "Cures :";
}
}
[data-atabs-orientation="vertical"] .atabs__panel {
width: 100%;
}
@media screen and ( min-width: 34em ) {
[data-atabs-orientation="vertical"] .atabs__panel {
padding-left: 20px;
width: calc(100% - 16em);
}
.atabs__list[aria-orientation="vertical"] {
width: 16em;
}
.atabs__list[aria-orientation="vertical"] .atabs__list__tab:last-of-type {
border-bottom: 0;
}
[data-atabs-orientation="vertical"] [role="tablist"] {
}
}
.atabs__list[hidden] {
display: none;
}
/**
* Just to make sure invalid children of a
* tablist are not visible/accessible.
* these should also be removed from the DOM
*/
.atabs__list > :not([role="tab"]) {
display: none;
}
.atabs__list__tab {
-webkit-appearance: none; /* btn */
appearance: none; /* btn */
border: 0; /* btn */
flex-grow: 1;
font: inherit; /* btn */
margin: 0; /* btn */
position: relative;
text-decoration: none; /* if */
}
.atabs__list__tab:not(:last-of-type) {
}
.atabs__list__tab:active,
.atabs__list__tab:hover,
.atabs__list__tab:focus {
font-weight: : bold;
cursor: pointer;
}
.atabs__list__tab > span,
.atabs__list__tab > svg {
pointer-events: none;
}
.atabs__list__tab[aria-selected="true"] {
font-weight: bold;
}
.atabs__list__tab[aria-selected="true"]:hover,
.atabs__list__tab[aria-selected="true"]:focus {
cursor: pointer;
}
.atabs__panel {
padding-bottom: 40px;
}
.atabs__panel[hidden] {
display: none;
}
.atabs__panel *:not(h2) {
font-size: 1.45rem;
}
.atabs__panel h2 {
font-size: 2.4rem;
}
.atabs__panel:focus-visible {
}
.atabs__panel:focus,
.atabs__panel.focus-visible {
}
.atabs__panel > :first-child {
margin-top: 0;
}
.atabs__panel > :last-child {
margin-bottom: 0;
}
:focus {
outline: -webkit-focus-ring-color auto 0;
outline-color: -webkit-focus-ring-color;
outline-style: auto;
outline-width: 0;
}
/* Carousel */
.back-img {
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.container {
margin: auto; }
.rect-outer {
position: relative; }
.rect-outer .rect-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.section-intro .container {
max-width: 740px;
margin: 0 auto 40px; }
.section-intro .photo-slider-wrap {
position: relative; }
.section-intro .slider-arrow {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: white;
font-size: 30px;
z-index: 3;
transition: .5s;
cursor: pointer;
padding: 5px;
background: rgba(0, 0, 0, 0.5); }
.section-intro .slider-arrow:hover {
background: rgba(0, 0, 0, 0.8); }
.section-intro .slider-arrow.slide-next {
right: 20px; }
.section-intro .slider-arrow.slide-prev {
left: 20px; }
.section-intro .photo-slider {
width: 100%;
height: 500px;
position: relative; }
.section-intro .photo-slider .caption {
font-size: 30px;
color: white;
transition: .5s;
font-weight: 700;
text-transform: uppercase; }
.section-intro .photo-slider > div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding: 20px; }
.section-intro .photo-slider > div.active {
z-index: 3;
opacity: 1; }
.section-intro .photo-slider > div.prev .caption {
opacity: 0;
-ms-transform: translateY(10px);
transform: translateY(10px); }
.section-intro .photo-slider > div.next {
z-index: 2;
opacity: 1; }
.section-intro .photo-slider > div.next .caption {
opacity: 0;
-ms-transform: translateY(10px);
transform: translateY(10px); }
.section-intro .photo-slider-thumb {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.section-intro .photo-slider-thumb .caption {
color: white;
transition: .5s; }
.section-intro .photo-slider-thumb > div {
width: 25%;
height: 150px;
position: relative;
z-index: 2;
cursor: pointer; }
@media (max-width: 700px) {
.section-intro .photo-slider-thumb > div {
width: 50%; } }
.section-intro .photo-slider-thumb > div:hover > div:before {
opacity: 1; }
.section-intro .photo-slider-thumb > div > div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding: 10px; }
.section-intro .photo-slider-thumb > div > div.prev .caption {
opacity: 0;
-ms-transform: translateY(10px);
transform: translateY(10px); }
.section-intro .photo-slider-thumb > div > div.next {
z-index: 2;
opacity: 1; }
.section-intro .photo-slider-thumb > div > div.next .caption {
opacity: 0;
-ms-transform: translateY(10px);
transform: translateY(10px); }
.section-intro .photo-slider-thumb > div > div:before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: .5s; }
.section-intro .photo-slider-thumb > div > div.next {
z-index: 1; }
.flexbox-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 400px;
visibility: hidden;
}
.flexbox-slider .flexbox-slide {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-delay: 0s;
transition-delay: 0s;
width: 20%;
height: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
visibility: visible;
}
.flexbox-slider .flexbox-slide > h3 {
display: block;
white-space: nowrap;
transform: rotate(-90deg);
font-size: 2rem;
right: 0;
color: #fff;
transform-origin: calc(100% - -77px) 150px 0;
width: 100%;
text-align: left;
}
.flexbox-slider .flexbox-slide .text-block {
position: absolute;
left: 30px;
bottom: 30px;
font-size: 1.4rem;
max-width: 550px;
padding: 20px;
border-radius: 5px;
color: #fff;
z-index: 4;
visibility: hidden;
}
.flexbox-slider .flexbox-slide .text-block mark {
padding: 5px;
}
.flexbox-slider .flexbox-slide .text-block h3 {
color: #fff;
font-size: 20px;
font-weight: 700;
}
.flexbox-slider:hover .flexbox-slide:hover {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 80%;
}
.flexbox-slider.flexbox-slider-5 .flexbox-slide .text-block {
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
.flexbox-slider .flexbox-slide .text-block .text {
line-height: 1.6;
}
.flexbox-slider.flexbox-slider-5:hover .flexbox-slide:hover .text-block {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
.flexbox-slider.flexbox-slider-5:hover .flexbox-slide:hover:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
opacity: 1;
visibility: visible;
}
@media only screen and (max-width: 600px) {
.flexbox-slider {
flex-direction: column;
height: 600px;
}
.flexbox-slider .flexbox-slide {
width: 100%;
}
.flexbox-slider .flexbox-slide > h3 {
font-size: 1.5rem;
margin-top: 2px;
transform-origin: inherit;
transform: inherit;
margin-left: 3px;
}
.flexbox-slider .flexbox-slide .text-block {
position: absolute;
left: 30px;
bottom: inherit;
font-size: 1.4rem;
max-width: 550px;
padding: 20px;
border-radius: 5px;
color: #fff;
z-index: 4;
visibility: hidden;
top: -50px;
}
.flexbox-slider .flexbox-slide .text-block p {
line-height: 1.4;
}
.flexbox-slider .flexbox-slide .text-block .text {
overflow-y: auto;
max-height: 200px;
}
.flexbox-slider .flexbox-slide .text-block h3 {
font-size: 1.6rem;
}
.flexbox-slider:hover .flexbox-slide:hover {
height: 50%;
flex-shrink: 0;
width: 100%;
}
.flexbox-slider:hover .flexbox-slide:hover > h3 {
display: none;
}
}
.slider-container {
margin-bottom: 40px;
}