﻿/*!
Theme Name: My Pension
Theme URI: https://mashvp.com
Description: Thème My Pension
Version: 2.0
Author: mashvp
Author URI: https://mashvp.com
*/@font-face{font-family:"Suisse";src:url("fonts/SuisseBPIntl-BoldItalic.woff") format("woff"),url("fonts/SuisseBPIntl-BoldItalic.woff2") format("woff2");font-weight:700;font-style:italic}@font-face{font-family:"Suisse";src:url("fonts/SuisseBPIntl-Bold.woff") format("woff"),url("fonts/SuisseBPIntl-Bold.woff2") format("woff2");font-weight:700;font-style:normal}@font-face{font-family:"Suisse";src:url("fonts/SuisseBPIntl-RegularItalic.woff") format("woff"),url("fonts/SuisseBPIntl-RegularItalic.woff2") format("woff2");font-weight:400;font-style:italic}@font-face{font-family:"Suisse";src:url("fonts/SuisseBPIntl-Regular.woff") format("woff"),url("fonts/SuisseBPIntl-Regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Suisse";src:url("fonts/SuisseBPIntl-LightItalic.woff") format("woff"),url("fonts/SuisseBPIntl-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic}@font-face{font-family:"Suisse";src:url("fonts/SuisseBPIntl-Light.woff") format("woff"),url("fonts/SuisseBPIntl-Light.woff2") format("woff2");font-weight:300;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input,textarea{outline:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;text-rendering:optimizeLegibility;box-sizing:border-box;outline:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;position:relative}body,input,textarea,select{font-size:16px;font-weight:400;margin:0;border-radius:0}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-weight:700}img{display:block;max-width:100%}.clear{position:relative;display:block;clear:both}.wrapper{position:relative;width:1280px;margin:0 auto}.none{opacity:0;pointer-events:none}::-webkit-input-placeholder{color:#9C9C9C}::-moz-placeholder{color:#9C9C9C}:-ms-input-placeholder{color:#9C9C9C}:-moz-placeholder{color:#9C9C9C}h1{font-weight:700;font-size:20px;font-size:1.25rem;line-height:0.733}h1 span{font-weight:400;font-size:10px;font-size:.625rem}h2{font-weight:300;font-size:30px;font-size:1.875rem}#header{width:calc((100% - 200px) / 6)}.siteHeader__inner{position:fixed;top:5vw;left:5vw;display:flex;flex-direction:column;height:calc(100vh - 10vw);width:calc((100% - 200px) / 6)}.header__icon{position:absolute;bottom:0;transform-origin:center center}.header__icon:after{content:'';position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%, -50%)}.header__icon svg{display:block}.social__nav{display:none}body,html{background:#2B2B2B}body{color:#fff;font-family:'Suisse', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif}#page__wrapper{display:flex;justify-content:space-between;align-items:flex-start;padding:5vw;min-height:100vh;background:#2B2B2B}.site__navWrap{margin-top:40px}.site__navWrap ul{margin-top:20px}.site__navWrap li{font-size:12px;font-size:.75rem}.site__navWrap li+li{margin-top:12px}a{color:#fff;text-decoration:none;display:inline}.site__navWrap a:before{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:1px;border-bottom:1px solid #fff;transform:scaleX(0);transform-origin:top right;transition:transform 0.3s, -webkit-transform 0.3s}.site__navWrap li:hover a:before{transform:scaleX(1);transform-origin:top left}.site__nav__title{font-size:20px;font-size:1.25rem}#page__main{padding:0 20px;flex:1;margin-bottom:-20px}.experiments__list{display:flex;flex-wrap:wrap;justify-content:flex-start}.experiments__item{width:calc((100% - 40px) / 3);min-height:160px;background:#2E2E2E;margin:0 0 20px 20px;font-weight:300}.experiments__item:nth-of-type(3n+1){margin-left:0}.experiments__item:hover{background:#272727}.experiments__item a{display:block;height:100%;padding:20px}.experiments__nmb{font-size:8px;font-size:.5rem;margin-bottom:10px}.experiments__cat{font-size:12px;font-size:.75rem;line-height:1.0833}.experiments__item h2{margin:13px 0 0}.siteFooter{display:flex;justify-content:space-between;align-items:flex-end;height:100%;width:calc((100% - 220px) / 12);font-size:14px;font-size:.875rem;font-weight:300;text-align:right}.siteFooter li+li{margin-top:7px}.siteFooter .social__links li:hover a{opacity:0.6}.siteFooter .footer__social{position:fixed;bottom:5vw;right:5vw}.footer__mashvp{margin-top:20px;font-size:10px;font-size:.625rem;letter-spacing:0.125rem;padding-bottom:3px;display:inline-block}.footer__mashvp:before,.footer__mashvp:after{content:'';position:absolute;bottom:0px;left:0;width:100%;height:1px;background:#fff;transition:0.3s}.footer__mashvp:before{transform:scaleX(1);transform-origin:top right}.footer__mashvp:after{transform:scaleX(0);transform-origin:top left;transition-delay:0.25s}.footer__mashvp:hover:before{transform:scaleX(0)}.footer__mashvp:hover:after{transform:scaleX(1)}.overflow{overflow:hidden}@keyframes boucing_hand{0%{transform:rotate(0deg)}10%{transform:rotate(15deg)}31%{transform:rotate(-15deg)}47%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}73%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}.header__icon:hover{animation:boucing_hand 3.5s ease}@media (max-width: 1100px){#header{width:calc((100%) / 6)}.experiments__item{width:calc(50% - 10px)}.experiments__item:nth-of-type(3n+1){margin-left:20px}.experiments__item:nth-of-type(odd){margin-left:0}}@media (max-width: 768px){#page__wrapper{flex-wrap:wrap;flex-direction:column;padding:30px;justify-content:flex-start;overflow:hidden}#page__main{width:100%;flex:none;padding:0;margin-bottom:0;margin-top:40px}#header{width:100%;height:34px}.siteHeader__inner{height:auto;position:relative;top:0;left:0;width:100%;flex-direction:row;flex-wrap:wrap}.header__icon{position:relative;top:0;left:0}.header__icon:after{display:none}.header__icon svg{width:19px;height:auto}.siteHeader__title{margin:6px 0 0 20px;flex:1}.siteHeader__burger{height:11px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;align-self:center;cursor:pointer}.siteHeader__burger>div{pointer-events:none}.siteHeader__burger:before{content:'';position:absolute;top:50%;left:50%;width:40px;height:31px;transform:translate(-50%, -50%)}.siteHeader__burger .line--top{width:25px;height:1px;background:#fff;transition:0.3s;transform:scaleX(1)}.siteHeader__burger .line--bottom{width:25px;height:1px;background:#fff;transform-origin:center right;transform:scaleX(0.75);transition:0.3s}.site__navWrap{position:absolute;top:35px;z-index:2;background:#2B2B2B;width:100vw;height:100vh;margin:30px -30px 0;padding:30px;transform:translateX(100%);transition:0.5s}.site__navWrap .site__nav li+li{margin-top:32px}.site__navWrap .site__nav{margin-top:40px}#header.header--active .site__navWrap{transform:translateX(0%)}.siteHeader__burger.siteHeader__burger--active .line--top{transform:scaleX(0.75)}.siteHeader__burger.siteHeader__burger--active .line--bottom{transform:scaleX(1)}.social__nav{display:block;text-align:right;position:absolute;right:30px;bottom:0px;transform:translateY(-100%)}.siteFooter{width:100%;justify-content:flex-end;margin-top:15px}.siteFooter .footer__social{position:relative;bottom:0;right:0}}@media (max-width: 767px){.experiments__item{width:100%;margin-left:0}}
