.button,.header-menu-link{color:#3A1F11;transition:all .3s}.button:hover,.top-outside{box-shadow:3px 3px 10px rgba(53,38,0,.15)}*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:Gilroy;src:url(fonts/Gilroy-Regular.ttf);font-display:block}@font-face{font-family:Gilroy;src:url(fonts/Gilroy-UltraLight.ttf);font-weight:200;font-display:block}@font-face{font-family:Gilroy;src:url(fonts/Gilroy-Light.ttf);font-weight:300;font-display:block}@font-face{font-family:Gilroy;src:url(fonts/Gilroy-Medium.ttf);font-weight:500;font-display:block}@font-face{font-family:Gilroy;src:url(fonts/Gilroy-SemiBold.ttf);font-weight:600;font-display:block}@font-face{font-family:Licorice;src:url(fonts/Licorice-Regular.ttf);font-display:block}body{font-family:Gilroy,sans-serif;color:#3A1F11}.container{max-width:1200px;margin:0 auto}a{text-decoration:none}.burger:hover,.exit:hover,.painting-item:hover,.popup-exit:hover,a:hover,button:hover{cursor:pointer}ul{list-style:none}.header{padding:15px 0 14px;position:sticky;top:0;background:#FFF;z-index:999}.artist,.artist .container,.artist-bg-image,.footer .container{position:relative}.header .logo{width:100px}.header .logo img{width:100%}.header .container{display:flex;justify-content:space-between;align-items:center}.header-menu-list{display:flex}.header-menu-item:not(:last-of-type){margin-right:40px}.header-menu-link{font-size:16px;text-transform:uppercase;border-bottom:1px solid transparent}.header-menu-link.menu-link-active{border-bottom:1px solid #3A1F11}.button{border:1px solid #3A1F11;font-size:16px;background:0 0;padding:15px 25px}.about-me-title,.artist-name,.paintings-title{color:#1B3118}.artist-bg-image,.shop-bg{background-position:center;background-repeat:no-repeat;background-size:cover}.header-link .button{padding:10px 15px}.burger,.close{display:none}.artist{padding-top:94px}.artist-bg-image{background-image:url(../images/main_bg.png);height:411px}.artist-image{position:absolute;top:-64px;left:calc(50vw - 403px);width:806px}.artist-image img{width:100%}.artist-text{text-align:right;position:absolute;top:-320px;right:0}.artist-name{font-family:Licorice,sans-serif;font-size:120px;font-weight:400}.artist-info{font-size:24px;font-weight:200;margin-top:-29px}.quote{max-width:630px;margin:234px auto 0;text-align:center}.quote-text{font-family:Licorice,sans-serif;font-size:48px;line-height:60px}.quote-author{font-size:14px;text-align:right}.contacts-part,.shop-info{text-align:center}section.about-me{padding-top:170px}.about-me .container{display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;row-gap:60px}.about-me-title{grid-row:1/2;grid-column:1/2}.about-me-info{width:468px;grid-row:2/3}.about-me-title,.contacts-title,.last-title,.paintings-title,.shop-title{font-size:48px;font-weight:500;text-transform:uppercase}.about-me-intro{font-size:20px;font-weight:600;margin-bottom:20px}.about-me-text{font-size:16px}.about-me-text:not(:first-of-type){margin-top:15px}.about-me-more.button{margin-top:60px}.about-me-less{font-size:20px;background-color:transparent;border:0;font-weight:400;color:#3A1F11;display:flex;align-items:center;margin-top:35px;transition:all .3s}.arrow,.top-arrow{display:inline-block;padding:3px;transform:rotate(-135deg)}.about-me-less span{margin-left:9px}.arrow{border:solid #3A1F11;border-width:0 1px 1px 0;transition:all .3s}.contacts-link-icon,.footer-link{height:35px;border-radius:50%;transition:all .3s}.about-me-image{width:503px;grid-row:1/3;grid-column:2/3;margin-left:194px}.about-me-image img,.painting-item-img img{width:100%}section.paintings{padding-top:270px}section.paintings .container{max-width:1220px}.paintings-title{padding-left:10px}.paintings-description{font-size:16px;margin:10px 0 56px 10px;max-width:690px}.gallery{display:flex;justify-content:space-between}.gallery-mobile{display:none}.painting-items{display:flex;flex-direction:column}.painting-item{padding:10px;transition:all .3s;max-width:393px}.painting-item:not(:last-of-type){margin-bottom:20px}.painting-item-title{font-size:20px;font-weight:600;margin:25px 0 10px}.painting-item-info{font-size:16px}.more-paintings{font-weight:500;margin:30px auto 0;display:none}.shop{padding-top:248px}.shop-bg{padding:91px 0;background-image:url(../images/shop_bg.png)}.shop-info{padding:40px 60px;background:#FFF;margin:0 auto;width:703px}.shop-description{font-size:20px;margin:30px 0 45px}.shop-link{font-weight:600;font-size:18px}.last-text,.shop-text{font-size:16px}.shop-text{margin-top:55px}section.contacts{padding:170px 0}.last-part{display:flex;justify-content:flex-start;align-items:center;margin-bottom:170px}.last-info{padding:30px;width:570px}.last-title{margin-bottom:30px}.last-text:not(:last-of-type){margin-bottom:20px}.last-image{margin-left:179px;width:301px}.last-image img{width:100%}.contacts-items{margin:60px auto 0;max-width:871px;display:grid;grid-template-columns:repeat(3,auto)}.contacts-item:not(:last-of-type){margin-right:40px}.contacts-link,.footer-link{display:flex;align-items:center}.contacts-link-icon{background-color:#3A1F11;width:35px;margin-right:15px}.contacts-link-text{font-size:20px;color:#3A1F11;border-bottom:1px solid transparent;transition:all .3s}.footer{padding:30px 0;background-color:#5A4F42}.footer .container{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto)}.footer-menu{grid-row:1/2;grid-column:1/2}.footer-menu-list{display:flex}.footer-menu-item:not(:last-of-type){margin-right:40px}.footer-menu-link{font-size:16px;color:#FFF;transition:all .3s}.design-author{color:#C6C6C6;font-size:15px;width:250px;left:0;bottom:0;grid-row:2/3;grid-column:1/2;align-self:flex-end;word-break:keep-all}.about-me-less:hover,.button:hover,.footer-menu-link:hover,.header-menu-link:hover{color:#FBB707}.footer .logo{grid-row:1/3;grid-column:2/3;width:100px}.footer .logo img{width:100%}.footer-link{background-color:#FFF;width:35px;grid-row:1/3;grid-column:3/4;justify-self:flex-end}.top-inside,.top-outside{border-radius:50%;display:flex;justify-content:center;transition:all .3s;background-color:#FFF}.top-outside{width:50px;height:50px;align-items:center;position:fixed;right:35px;bottom:30px}.top-inside{width:44px;height:44px;border:1px solid #5A4F42;align-items:center}.top-arrow{border:solid #3A1F11;border-width:0 3px 3px 0;transition:all .3s}.painting-item-popup{background-color:#FFF;width:100vw;height:100vh;position:fixed;top:0;right:0;z-index:99999999999;padding:30px;display:none;overflow:scroll;justify-content:center}.contacts-link:hover .contacts-link-icon,.footer-link:hover,.top-outside:hover{background-color:#FBB707}.popup-image img{width:100%}.popup-card{display:flex;flex-direction:column;padding:30px;margin:0 30px}.popup-title{font-size:20px;font-weight:600}.popup-size{font-size:16px;margin-top:15px}.show{opacity:1}.hide{opacity:0;transition:opacity .5s}.about-me-less:hover .arrow{border-color:#FBB707}.painting-item:hover{transform:scale(1.02);box-shadow:4px 4px 15px rgba(53,38,0,.15)}.contacts-link:hover .contacts-link-text{border-bottom:1px solid #3A1F11}.top-outside:hover .top-inside{border-color:transparent}.top-outside:hover .top-arrow{border-color:#FBB707}@media screen and (max-width:1500px){.top-outside{right:calc((100% - 1200px)/ 2)}}@media screen and (max-width:1290px){.about-me-info,.about-me-title{margin-left:30px}.container{max-width:974px}section.paintings .container{max-width:994px}.header .logo{width:60px}.artist-text{top:-265px;right:33px}.artist-name{font-size:96px}.artist-info{margin-top:-15px;margin-right:-10px}.about-me-info{width:356px}.about-me-image{width:450px;margin-left:137px}.last-info{max-width:360px;margin-left:74px}.last-part{margin-bottom:100px}.last-image{margin-left:133px}.contacts-items{margin-top:50px;width:558px;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,auto);column-gap:48px;row-gap:30px}.contacts-item{margin-right:0}.contacts-item:last-of-type{grid-column:1/3;justify-self:center}.footer{padding-left:0;padding-right:0}.top-outside{right:calc((100% - 974px)/ 2)}}@media screen and (max-width:1025px){section.about-me{padding-top:100px}section.paintings{padding-top:192px}.painting-item{max-width:318px}.shop{padding-top:100px}section.contacts{padding:100px 0}.about-me-less,.about-me-less:active,.about-me-less:focus,.about-me-less:hover,.about-me-less:link,.about-me-less:visited,.button,.button:active,.button:focus,.button:hover,.button:link,.button:visited,.contacts-link,.contacts-link:active,.contacts-link:focus,.contacts-link:hover,.contacts-link:link,.contacts-link:visited,.footer-link,.footer-link:active,.footer-link:focus,.footer-link:hover,.footer-link:link,.footer-link:visited,.footer-menu-link,.footer-menu-link:active,.footer-menu-link:focus,.footer-menu-link:hover,.footer-menu-link:link,.footer-menu-link:visited,.header-menu-link,.header-menu-link:active,.header-menu-link:focus,.header-menu-link:hover,.header-menu-link:link,.header-menu-link:visited,.top-outside,.top-outside:active,.top-outside:focus,.top-outside:hover,.top-outside:link,.top-outside:visited{-webkit-tap-highlight-color:transparent}}@media screen and (max-width:1015px){.container{max-width:738px}section.paintings .container{max-width:758px}.artist-text{right:-85px}.about-me-title{margin-left:0}.about-me-info{width:300px;margin-left:0}.about-me-image{width:393px;margin-left:45px}.painting-item:not(:last-of-type){margin-bottom:5px}.painting-item-title{font-size:16px;margin:15px 0 5px}.painting-item-info{font-size:15px}.last-info{margin-left:0}.last-image{margin-left:70px}.footer .logo{width:73px}.top-outside{right:calc((100% - 738px)/ 2);bottom:15px}}@media screen and (max-width:980px){.artist-bg-image{height:300px}.artist-image{width:600px;top:-50px;left:calc(50vw - 300px)}.artist-text{top:-262px;right:100px}.quote{margin-top:320px}}@media screen and (max-width:856px){.popup-card{margin:0}}@media screen and (max-width:768px){.header-menu{display:none;position:fixed;width:100%;height:100%;margin:0;top:90px;left:0;background:linear-gradient(to bottom,#FFF 278px,rgba(0,0,0,.5) 278px);z-index:999999}.header-menu-list{flex-direction:column;align-items:center;justify-content:flex-start;position:absolute;top:0;left:calc(50vw - 70px)}.header-menu-item:not(:last-of-type){margin-bottom:40px;margin-right:0}.header-menu-item:last-of-type{margin-bottom:55px;margin-right:0}.header-menu.open{display:flex;align-items:center}.header-menu .close{display:block;position:absolute;top:13px;left:15px}.exit{display:none}.burger{display:block}.header-link .button{padding:15px 25px}.artist-name{font-size:80px}.artist-info{font-size:14px}.quote-text,.shop-title{font-size:40px}.artist-text{right:138px;top:-210px}.quote{max-width:560px;margin-top:270px}.quote-text{line-height:50px}.shop-bg{padding:40px 0}.shop-info{padding:25px;width:493px}.shop-description{font-size:15px}.last-part{justify-content:center}.last-image{margin-left:20px;width:200px}.footer .container{row-gap:50px}.footer-menu{grid-column:2/3;justify-self:center}.footer-menu-list{flex-direction:column;gap:25px}.footer .logo{grid-column:1/2;grid-row:1/2}.design-author{grid-row:2/3;grid-column:1/4;justify-self:center;font-size:13px;width:216px}.popup-card{padding:20px}.popup-title{font-size:16px}.popup-size{font-size:15px;margin-top:5px}}@media screen and (max-width:758px){.container{max-width:560px}section.paintings .container{max-width:580px}.artist-bg-image{height:230px}.artist-image{top:-35px;left:calc(50vw - 225px);width:450px}.artist-text{right:70px}.about-me .container{grid-template-columns:auto;grid-template-rows:repeat(3,auto);row-gap:50px}.about-me-title{grid-row:1/2;grid-column:1/1}.about-me-image{grid-row:2/3;grid-column:1/1;margin-left:0;width:100%}.about-me-info{grid-row:3/4;grid-column:1/1;width:100%}section.paintings{padding-top:100px}.gallery{display:none}.gallery-mobile{display:flex;justify-content:space-between}.more-paintings{display:block}.paintings-description{margin-bottom:36px;max-width:450px}.painting-item{max-width:280px}.last-image{margin-left:0}.top-outside{right:calc((100% - 560px)/ 2)}}@media screen and (max-width:600px){.header .logo{width:40px}.header-menu{top:70px}.artist{padding-top:51px}.artist-bg-image{height:125px}.artist-image{top:-31px;left:calc(50vw - 140px);width:280px}.artist-name{font-size:48px}.artist-text{top:-124px;right:45px}.artist-info{margin-right:-25px}.quote{margin-top:163px;max-width:313px}.quote-text{font-size:26px;line-height:33px}.container{max-width:345px}section.paintings .container{max-width:365px}.painting-item{max-width:183px}.about-me-title,.contacts-title,.last-title,.paintings-title{font-size:30px}section.about-me{padding-top:70px}.about-me-info{padding:0 10px}.about-me .container{row-gap:40px}.shop-info{width:323px}.shop-title{font-size:26px}.shop-description{margin:25px 0 40px}.last-image,.shop-text{margin-top:40px}section.contacts{padding-bottom:90px}.last-part{flex-direction:column;align-items:flex-start;padding:0 10px}.last-info{padding:0;max-width:300px}.last-image{width:100%}.contacts-part{padding:0 10px;text-align:left}.contacts-items{grid-template-columns:1fr;grid-template-rows:repeat(3,auto);row-gap:20px;margin:40px 0 0;width:290px}.contacts-item{margin-right:0}.contacts-item:last-of-type{grid-column:1/1;justify-self:flex-start}.contacts-link-text{font-size:16px}.footer{padding:35px 15px 41px}.design-author{justify-self:flex-start}.top-outside{right:calc((100% - 345px)/ 2)}.painting-item-popup{padding:30px 16px;flex-direction:column;justify-content:flex-start}.popup-card{padding:0;margin-top:20px;margin-left:0;order:3;position:relative;right:auto}.popup-image{order:2}.popup-exit{order:1;position:relative;margin-bottom:20px}}@media screen and (max-width:365px){.container,.paintings-description{max-width:300px}.artist-text{right:30px}.artist-name{font-size:45px}.quote-text{font-size:24px}.quote-author{font-size:12px}.painting-item-title{margin-top:10px;font-size:15px}.painting-item-info{font-size:13px}.shop-info{width:300px}.last-part{padding:0}.top-outside{right:calc((100% - 300px)/ 2)}}