body{background-color:#fbfbfb;font-family:roboto;font-size:16px;color:#161615;overflow-x:hidden}body .noise{position:fixed;top:0;left:0;height:100%;width:100%;filter:contrast(100%) brightness(130%);z-index:-1}#main{position:relative;z-index:1;margin-top:90px}@media screen and (min-width: 740px){#main{padding-left:76px}}h1,h2,h3,h5{font-family:playfair-display;font-weight:700!important}h4{font-family:roboto;font-weight:200}.italic-title{font-style:italic}.main{margin-top:50px;width:calc(100% - 40px)}@media screen and (min-width: 992px){.main{margin:80px 0 120px}}.main.container{margin-top:50px;width:calc(100% - 40px)}@media screen and (min-width: 992px){.main.container{margin:80px 0 120px;padding-left:100px}}p{font-weight:300}.background-text-decoration{position:absolute;top:-220px;right:0;font-size:28vw;line-height:20vw;color:#e5e5e5;font-style:italic;font-weight:700;font-family:playfair-display;opacity:.3;z-index:-1}.cash-sign{font-family:"system-ui";font-weight:500}input{display:inline-block;position:relative;width:100%;font-size:14px!important;padding:10px 0;border:none;border-bottom:1px solid #161615;background-color:transparent}.text-error{font-size:14px;margin-top:5px;border:1px solid red;background-color:pink;color:red;display:block;padding:5px;width:100%}.text-error ul{padding:0;margin:0;list-style-type:none}.text-success{font-size:14px;margin-top:5px;border:1px solid green;background-color:#90ee90;color:green;display:block;padding:5px;width:100%}#payment-form #card-element{width:100%;display:flex;flex-direction:column}@media screen and (min-width: 740px){#payment-form #card-element{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}#payment-form #card-element .CardField-input-wrapper>span{border-bottom:1px solid}.payment-details-wrapper{background-color:#000;color:#fff;padding:15px;width:100%;margin-top:40px;display:flex;flex-direction:column}.payment-details__subtext{font-size:10px;margin-top:20px}.payment-details__subtext a{color:#000}.stripe-element{border:none;border-bottom:1px solid #aab7c4;padding-bottom:10px;margin-bottom:20px;width:100%}@media screen and (min-width: 740px){.stripe-element{width:calc(50% - 18px)}}.form-row{width:100%}@media screen and (min-width: 740px){.form-row{width:calc(50% - 18px)}}.form-row input{font-family:roboto}@media screen and (min-width: 740px){#card-number-element{height:40px}}.account-creation-form p{width:100%}.btn-arrow{display:inline-block;text-decoration:none;position:relative;border:none;text-align:center;background-color:transparent;text-transform:uppercase;font-size:14px;font-weight:700;overflow:hidden;color:#161615;transition:padding .3s;border:1px solid #e6e6e6;padding:18px 30px;transition:.4s color ease-out,.4s background-color ease-out}.btn-arrow p{font-weight:600;margin:0;transition:.2s ease-out transform,.2s ease-out color}.btn-arrow:hover{text-decoration:none;color:#161615;background-color:#000;color:#fff}.btn-arrow:hover p{transform:translate(10px);color:#fff}.btn-arrow:hover svg{transform:translate(10px) translateY(-50%);filter:invert(1)}.btn-arrow svg{position:absolute;left:0;top:50%;width:24px;stroke:#161615;transform:translate(-100%) translateY(-50%);transition:transform .3s}.styled-link{position:relative;color:#000;text-decoration:none}.styled-link:before{content:"";position:absolute;right:0;bottom:0;width:0;height:1px;background-color:#161615;transition:width .3s}.styled-link:hover{color:#000}.styled-link:hover:before{left:0;right:auto;width:100%}.styled-link--reverse{position:relative;color:#000;text-decoration:none}.styled-link--reverse:before{content:"";position:absolute;right:0;bottom:0;width:100%;height:1px;background-color:#161615;transition:width .3s}.styled-link--reverse:hover{color:#000}.styled-link--reverse:hover:before{left:0;right:auto;width:0}header{position:fixed;z-index:101;left:0;top:0;height:auto;width:100%;padding:20px;display:flex;flex-direction:row;justify-content:space-between;background-color:#fff}@media only screen and (min-width: 740px){header{height:100%;width:76px;padding:80px 20px;flex-direction:column;justify-content:space-between}}header .top-section a svg{height:auto;width:34px;transition:fill .3s}header .bottom-section{display:flex;flex-direction:row}@media only screen and (min-width: 740px){header .bottom-section{flex-direction:column;align-items:center;justify-content:center}}header .bottom-section a{margin-left:25px}@media only screen and (min-width: 740px){header .bottom-section a{margin-top:20px;margin-left:0}}header .text-admin{position:absolute;left:50%;top:50%;letter-spacing:5px;text-transform:uppercase;transform:translate(-50%,-50%) rotate(-90deg)}.container.main-footer{position:relative}@media screen and (min-width: 740px){.container.main-footer{padding:55px 0 60px 76px}}.main-footer__logo{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.main-footer__logo:after,.main-footer__logo:before{content:"";width:calc(50% - 50px);height:1px;background-color:#e5e5e5;top:40px}@media screen and (min-width: 768px){.main-footer__logo:after,.main-footer__logo:before{width:calc(50% - 130px)}}.main-footer__logo:after{content:"";right:0;position:absolute}.main-footer__logo:before{left:0;position:absolute}.main-footer__logo svg{max-width:70px}@media screen and (min-width: 768px){.main-footer__logo svg{max-width:none}}.main-footer__copyright{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:44px}@media screen and (min-width: 768px){.main-footer__copyright{flex-direction:row;justify-content:space-between;align-items:center;margin-top:64px}}.main-footer__copyright p{font-family:roboto;text-align:center}@media screen and (min-width: 768px){.main-footer__copyright p{text-align:left}}.main-footer__copyright ul{list-style-type:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}@media screen and (min-width: 768px){.main-footer__copyright ul{display:flex;flex-direction:row;align-items:center}}.main-footer__copyright ul li{font-family:roboto}@media screen and (min-width: 768px){.main-footer__copyright ul li{margin-right:12px}}.main-footer__copyright ul li:last-child{margin-right:0}.main-footer__copyright ul li a{color:#000;text-decoration:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-page hr{margin:30px 0}.form-container{background-color:#fff;padding:32px;border:1px solid #E5E5E5}@media only screen and (min-width: 1024px){.form-container{padding:80px 100px}}.form-container:not(.form-container:first-child){margin-top:50px}.form-container .half-field{width:100%}@media only screen and (min-width: 740px){.form-container .half-field{width:calc(50% - 18px)}}.form-container select{height:42px;margin-bottom:32px;border:0;border-bottom:1px solid black;color:#b6b2b2}.form-container select#province:not(.half-field){width:100%}.form-container input{margin-bottom:32px;color:#b6b2b2;width:100%}.form-container input::placeholder{color:#b6b2b2}.form-container form{margin-top:20px;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.form-container form .item{width:100%}.form-container form .item+.item{margin-top:15px}.form-container form button{margin-top:20px}.form-container form .submit-form{margin-top:42px;margin-bottom:42px}.compte-page{margin:60px 0}.compte-page .bottom-section input{margin-bottom:20px}.compte-page .bottom-section button{margin-top:20px}.account-page h1{margin-top:60px}.account-page .bottom-section .btn-arrow{margin-top:20px}.delete-account-popup{position:fixed;top:0;left:76px;opacity:0;pointer-events:none;transition:.4s;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#00000051}.delete-account-popup.open{opacity:1;pointer-events:all}.delete-account-popup .popup-btn{border:0;background-color:transparent;position:absolute;top:10px;right:40px;font-size:20px}.delete-account-popup .delete-popup-container{padding:40px;background-color:#fff;width:600px;height:400px;display:flex;flex-direction:column;position:relative}.delete-account-popup .delete-popup-container .delete-popup__title{font-weight:700;text-align:center}.delete-account-popup .delete-popup-container label{margin-top:24px}.delete-account-popup .delete-popup-container button{margin-top:12px}.personal-info__header{margin-top:62px;margin-bottom:20px;width:100%}.user-subscriptions ul{list-style-type:none;width:100%;padding:0}.user-subscriptions ul li{width:100%;background-color:#000;color:#fff;margin-bottom:40px;padding:20px}.payment-details-wrapper{background-color:#000;color:#fff;padding:15px;width:100%;margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px}@media screen and (min-width: 740px){.payment-details-wrapper{flex-direction:row;justify-content:space-between;align-items:center}}.payment-details-wrapper p{margin:0;font-size:14px}.payment-details-wrapper p span{font-weight:700;font-size:20px}.user-subscription__bottom-section{margin-top:50px;padding-top:50px;border-top:1px solid #e8e8e8}.user-subscription__btn-wrapper{display:flex;flex-direction:column;margin-top:42px}@media screen and (min-width: 740px){.user-subscription__btn-wrapper{flex-direction:row}}.user-subscription__btn-wrapper a{margin-bottom:15px;width:100%}@media screen and (min-width: 740px){.user-subscription__btn-wrapper a{margin-right:15px;margin-bottom:0;width:fit-content}}.user-subscription__btn-wrapper form{width:100%;margin:0}@media screen and (min-width: 740px){.user-subscription__btn-wrapper form{width:fit-content}}.user-subscription__btn-wrapper form button{margin:0;width:100%}@media screen and (min-width: 740px){.user-subscription__btn-wrapper form button{width:fit-content}}.popup-form{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.761);display:flex;align-items:center;justify-content:center;z-index:1000}@media screen and (min-width: 740px){.popup-form{margin-left:70px}}.popup-form .form-group{width:100%;display:flex;flex-direction:column}@media screen and (min-width: 740px){.popup-form .form-group{width:45%}}.popup-content{background:#fff;padding:45px;position:relative;width:90%;max-width:800px}.popup-content form{display:flex;flex-direction:column}@media screen and (min-width: 740px){.popup-content form{flex-direction:row;flex-wrap:wrap}}.popup-close{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;border:0;background-color:transparent}.dashboard-page{margin:60px 0}.dashboard-page .carte{background-color:#fff;padding:15px;margin-top:20px;border:1px solid #000}.dashboard-page .btn-edit svg{width:18px}.carte__subscribe-links-wrapper{display:flex;flex-direction:column}.carte__subscribe-links-wrapper a{margin-bottom:8px}.edit-page{margin:60px 0}.edit-page .bottom-section button{margin-top:20px}.steps-wrapper{display:flex;flex-direction:column}@media only screen and (min-width: 1024px){.steps-wrapper{flex-direction:row;justify-content:space-between;flex-wrap:wrap}}.steps-wrapper .top-page-wrapper{width:100%;margin-bottom:35px;overflow:hidden}.steps-wrapper .top-page-wrapper a{color:#000;text-decoration:none;font-family:playfair-display;font-weight:600;position:relative;overflow:hidden;transition:padding .4s ease-out}.steps-wrapper .top-page-wrapper a:hover{padding-left:30px}.steps-wrapper .top-page-wrapper a:hover svg{transform:translate(0) translateY(-50%) rotate(180deg)}.steps-wrapper .top-page-wrapper a svg{position:absolute;left:0;top:50%;width:24px;stroke:#161615;transform:translate(-100%) translateY(-50%) rotate(180deg);transition:transform .4s}.steps-wrapper .steps-wrapper__left-col{width:100%;margin-bottom:25px}@media only screen and (min-width: 1024px){.steps-wrapper .steps-wrapper__left-col{width:calc(30% - 40px);margin-bottom:0}}.steps-wrapper .steps-wrapper__left-col .left-col__step-text{animation:slideIn 1s ease-out forwards;opacity:0;transform:translate(-100%)}.steps-wrapper .steps-wrapper__left-col h1{animation:slideIn 1s ease-out forwards;animation-delay:.5s;opacity:0;transform:translate(-100%)}.steps-wrapper .steps-wrapper__right-col{width:100%}@media only screen and (min-width: 1024px){.steps-wrapper .steps-wrapper__right-col{width:calc(70% - 40px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.magazines-wrapper{display:flex;flex-direction:column;margin-bottom:25px;margin-top:48px}.magazines-wrapper:last-child{animation-delay:.3s}@media only screen and (min-width: 740px){.magazines-wrapper{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.magazines-wrapper .magazine-card{width:100%;background-color:#fff;padding:60px 32px 32px;display:flex;flex-direction:column;align-items:center;position:relative;animation:slideUp 1s ease-out forwards;opacity:0}.magazines-wrapper .magazine-card:last-child{animation-delay:.3s}.magazines-wrapper .magazine-card:first-child{margin-bottom:42px}@media only screen and (min-width: 740px){.magazines-wrapper .magazine-card:first-child{margin-bottom:0}}@media only screen and (min-width: 740px){.magazines-wrapper .magazine-card{width:calc(50% - 25px);max-width:450px;margin-bottom:0}}.magazines-wrapper .magazine-card.featured{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,.35);-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,.35);box-shadow:0 0 20px #00000059}.magazines-wrapper .magazine-card.selected .select-subscription-btn{background-color:#000;color:#fff}.magazines-wrapper .magazine-card .annual-form-text{font-size:12px;margin-top:20px}.magazines-wrapper .magazine-card .select-subscription-btn{text-transform:uppercase;font-size:14px;font-weight:700;padding:18px 30px;transition:.4s color ease-out,.4s background-color ease-out;border:1px solid black;background-color:#fff;width:100%}.magazines-wrapper .magazine-card .featured-text{background-color:#000;text-transform:uppercase;color:#fff;text-align:center;padding:12px 42px;width:fit-content;position:absolute;top:-29px;margin:0 auto}.magazines-wrapper .magazine-card .magazine-card__down-text{margin-bottom:20px}.magazines-wrapper .magazine-card .magazine-card__upper-text{font-weight:700;font-family:playfair-display;margin-bottom:15px;width:100%;color:#000}.magazines-wrapper .magazine-card .price-wrapper{width:100%;border-top:1px solid #e6e6e6;padding:28px 0}.magazines-wrapper .magazine-card .price-wrapper p{font-size:12px;margin:0}.magazines-wrapper .magazine-card .price-wrapper p .price-text{font-family:playfair-display;font-size:35px;font-weight:700;margin-right:8px;line-height:20px}.magazines-wrapper .magazine-card .price-wrapper p .cash-sign{font-size:35px;font-weight:500}.magazines-wrapper .magazine-card .submit-form{width:100%}.magazines-wrapper .magazine-card .btn-arrow{width:100%;border:1px solid #e6e6e6;padding:18px;margin-top:20px;transition:.4s color ease-out,.4s background-color ease-out}.magazines-wrapper .magazine-card .btn-arrow svg{transition:.4s filter ease-out,.4s transform ease-out}.magazines-wrapper .magazine-card .btn-arrow:hover{background-color:#000;color:#fff}.magazines-wrapper .magazine-card .btn-arrow:hover svg{filter:invert(1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}#subscription-form{position:absolute;z-index:99;top:120px;left:0;width:100%;max-width:1320px;margin:0 auto}@media only screen and (min-width: 740px){#subscription-form{padding-left:76px;top:0}}#subscription-form .form-popup{z-index:1;max-width:900px;margin:0 auto;display:flex;flex-direction:column;width:calc(100% - 40px)}#subscription-form .form-popup p{color:#000}#subscription-form .overlay-background{background-color:#000000bc;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:-1}#subscription-form label{color:#000}#subscription-form #save-subscription{background-color:#fff;z-index:9;border:0;width:fit-content;margin:0 auto}#subscription-form #save-subscription:hover{background-color:#000;color:#fff}#subscription-form #save-subscription:hover p{color:#fff}.payment-step{position:relative}.payment-step #modify-subscription{background-color:transparent;border:0;text-decoration:underline;color:#b6b2b2;margin:0}
