@font-face{font-family:Montserrat;font-display:swap;src:url(../fonts/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Myriadpro;font-display:swap;src:url(../fonts/myriadpro-regular.woff) format("woff"),url(../fonts/myriadpro-regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Opensans;font-display:swap;src:url(../fonts/OpenSans-regular.woff) format("woff"),url(../fonts/OpenSans-regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Roboto;font-display:swap;src:url(../fonts/Roboto-Regular.woff) format("woff"),url(../fonts/Roboto-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Roboto;font-display:swap;src:url(../fonts/Roboto-Bold.woff) format("woff"),url(../fonts/Roboto-Bold.woff2) format("woff2");font-weight:700;font-style:notmal}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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{font-family:Poppins,sans-serif;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.wrapper{max-width:1140px;margin:0 auto}a{text-decoration:none}img{max-width:100%}button{border:none}:active,:focus,:hover{outline:0;outline-offset:0}.canvas{min-height:100vh;background-color:#0b1d26;position:relative;z-index:2}canvas{display:block;position:absolute;top:0;background-color:#0b1d26;z-index:1}.buttons{display:grid;position:relative;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;grid-template-rows:100vh}._left{place-self:start}._center{place-self:end center}._right{place-self:center end}.image__btn{width:100%;position:relative;--aspect-ratio:1;height:0;border-radius:50%;padding-bottom:calc(100% / (var(--aspect-ratio)));z-index:5}.image__btn:hover{cursor:pointer;scale:1.01;transition:.5s}.image__btn:active{cursor:pointer;scale:.97;opacity:.5}.image__btn .arrow{content:"";width:100px;height:100px;background:url(../img/arrow.png) top/cover no-repeat;position:absolute;top:-10px;left:calc(50% - 50px);z-index:5}.image__btn img{position:absolute;border-radius:50%;border:5px solid #9e824e;width:calc(100% - 10px);height:calc(100% - 10px);left:0;top:0;-o-object-fit:cover;object-fit:cover}.image__btn span{position:absolute;width:100%;bottom:5px;left:0;text-align:center;color:#9e824e;z-index:5;font-size:35px;line-height:1.05;background-image:linear-gradient(90deg,transparent,#0b1d26,transparent)}.book-content{min-height:calc(100vh - 70px);padding:50px 0 20px 0;background-color:#0b1d26;position:relative;z-index:2}.book{position:relative;width:100%;padding:0}.pages{position:relative;border:10px solid #9e824e;border-radius:10px;max-width:100%;display:flex;flex-direction:row;justify-content:space-between;background-color:#9e824e;margin:0}.pages__itemsL,.pages__itemsR{width:50%;position:relative;--aspect-ratio:3/4}.pages__cover{width:100%;--aspect-ratio:3/4;padding-bottom:calc(100% / (var(--aspect-ratio)))}.pages__item{height:100%;top:0;position:absolute}.pages__item img{position:absolute;width:100%;height:100%;left:0;top:0}.back,.forv{position:absolute;bottom:30px;z-index:20;width:70px;height:70px}.back:hover,.forv:hover{cursor:pointer}.forv{right:-20px;background:url(../img/arrnext.png) top/contain no-repeat}.back{left:-20px;background:url(../img/arrprev.png) top/contain no-repeat}.slider-content{min-height:100vh;padding:20px 0;background-color:#0b1d26;position:relative;z-index:2}.container{position:relative;width:100%;padding:0 20px}.slider{border:5px solid #9e824e;border-radius:20px;max-width:100%;overflow:hidden}.slider__items{counter-reset:slide;display:flex;transition:all ease 1s}.slider__item{max-width:100%;counter-increment:slide;position:relative}.slider__btn-prev{width:50px;height:50px;position:absolute;left:20px;top:calc(50% - 25px);background:url(../img/str.png) top/cover no-repeat;transform:rotate(180deg)}.slider__btn-next{width:50px;height:50px;position:absolute;right:20px;top:calc(50% - 25px);background:url(../img/str.png) top/cover no-repeat}.imageSlider{position:relative;--aspect-ratio:3/4;height:0;padding-bottom:calc(100% / (var(--aspect-ratio)))}.imageSlider img{position:absolute;width:100%;height:100%;left:0;top:0;-o-object-fit:contain;object-fit:contain}.cards-content{min-height:calc(100vh - 70px);padding:50px 0 20px 0;background-color:#0b1d26;position:relative;z-index:2}.cards-content::before{content:"";position:absolute;width:100%;height:40px;top:0;left:0;background:linear-gradient(#0b1d26 0,#9e824e 18%,#0b1d26 18% 38%,#9e824e 38%,#0b1d26 100%)}.cards-content .content__cards{position:relative;min-width:70%;height:calc(100vh - 70px)}.cards-content .content__card{position:absolute;width:330px;height:440px;border-radius:5px;overflow:hidden;opacity:0;transition:.7s;top:0;z-index:2;left:20px;filter:grayscale(100%)}.cards-content .content__card:hover{cursor:pointer}.cards-content .content__card img{filter:inherit}body{height:100%;color:#fff;font-size:16px}._container{max-width:1000px;margin:20px auto;padding:30px 20px}.wrapper{width:calc(100% - 20px);min-height:100%}.parallax{min-height:100vh}.parallax__body{position:fixed;width:100%;height:100%;top:0;left:0}.parallax__container{color:#9e824e;text-transform:uppercase;position:relative;z-index:2}.parallax__label{font-size:48px;margin:0 0 30px 0;animation:label 1.5s}@keyframes label{0%{transform:translateX(-200px);opacity:0}100%{transform:translateX(0);opacity:1}}.parallax__title{display:flex;font-size:18px;letter-spacing:6px;align-items:center;animation:title 1.5s}@keyframes title{0%{transform:translateX(200px);opacity:0}100%{transform:translateX(0);opacity:1}}.parallax__images{position:absolute;width:120%;height:120%;top:-10%;left:-10%;z-index:1}.images-parallax__item{position:absolute;width:100%;height:100%;top:0;left:0}.images-parallax__bottom,.images-parallax__center,.images-parallax__sky{position:absolute;width:100%;height:100%;left:0}.images-parallax__sky{background:url(../img/sky1.png) top/cover no-repeat;top:0}.images-parallax__center{background:url(../img/center1.png) top/cover no-repeat;top:-14%;z-index:2}.images-parallax__bottom{background:url(../img/bottom&we1.png) top/cover no-repeat;top:-4%;z-index:3}.content{min-height:100vh;background-color:#0b1d26;position:relative;z-index:2}.content__title{font-size:35px;margin:0 0 30px 0}.content__text{font-size:16px;line-height:150%}.content__flex,.content__flexbook{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.content::before{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:150px;transform:translate(0,-100%);background:linear-gradient(180deg,rgba(11,29,38,0) 20%,#0b1d26 100%)}p{text-indent:30px;margin:0 0 40px 0;text-align:justify}@media (min-width:576px){.book{max-width:1000px}.container{max-width:500px}.wrapper{width:540px}}@media (min-width:768px){.wrapper{width:720px}}@media (min-width:992px){.book{padding:0 20px}.wrapper{width:960px}}@media (min-width:1200px){.wrapper{width:1140px}}@media (min-width:1400px){.wrapper{width:1320px}}@media (min-width:1600px){.wrapper{width:94%}}@media (max-width:992px){.buttons{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.image__btn{width:300px;padding-bottom:0;height:300px}.content__flexbook{flex-direction:column;align-items:center}}@media (max-width:768px){.pages{max-width:300px;flex-direction:column;justify-content:center;margin:auto}.pages__itemsL,.pages__itemsR{width:100%}.back,.forv{width:50px;height:50px;rotate:90deg}.forv{top:calc(50% + 10px);right:0}.back{top:calc(50% - 60px);left:calc(100% - 50px)}.cards-content .content__cards{width:100%}.content__title{margin:0 0 10px 0}.content__text{line-height:120%;padding-bottom:10px}.content__flex{flex-direction:column;align-items:center}p{margin:0 0 10px 0}}@media (max-width:576px){._left{place-self:center}._center{place-self:center}._right{place-self:center}.image__btn{--aspect-ratio:3/2}.cards-content .content__card{width:300px;height:400px}}@media (max-aspect-ratio:3/2){.images-parallax__bottom{background-position:20% top}}