@font-face{font-display:swap;font-family:"DM Sans";font-style:normal;font-weight:400;src:url(../fonts/dm-sans-v15-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Roboto Serif";font-style:normal;font-weight:500;src:url(../fonts/roboto-serif-v15-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Roboto Serif";font-style:normal;font-weight:600;src:url(../fonts/roboto-serif-v15-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Roboto Serif";font-style:normal;font-weight:700;src:url(../fonts/roboto-serif-v15-latin-700.woff2) format("woff2")}/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;margin:0;overflow:visible}.green,.main-menu ul li a.current,footer a:active,footer a:hover{color:var(--green-color)}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#000}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}footer{background:var(--black-color);color:#FFF}footer .container{padding-top:100px;padding-bottom:60px}footer .block{display:flex;justify-content:space-between;gap:105px}footer .about{width:357px}footer .about img{width:200px;margin-bottom:21px}footer h4{font-family:"Roboto Serif",serif;font-size:1.25rem;font-weight:600;margin-bottom:24px}footer .pages li{margin-bottom:16px;font-size:1rem;letter-spacing:.03rem}.btn,.subscribe-block form,.subscribe-block form button,body{font-family:"DM Sans",sans-serif;letter-spacing:.03375rem}footer .pages li:last-child{margin-bottom:0}footer a{color:var(--grey-color)}.subscribe-block{width:31%}.subscribe-block h4{margin-bottom:17px}.subscribe-block form{color:var(--text-color);font-size:1.125rem;position:relative}.subscribe-block form button{position:absolute;padding:8px 15px;color:var(--white-color);font-size:1.125rem;right:15px;top:12px;border-radius:20px;background:var(--black-color);border:2px solid #000;display:inline-block;cursor:pointer;overflow:hidden;z-index:1;transition:all .3s}.subscribe-block form button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--black-color);border-radius:10rem;z-index:-2}.subscribe-block form button::before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--orange-color);transition:all .3s;border-radius:10rem;z-index:-1}.subscribe-block form button:hover{color:var(--black-color)}.subscribe-block form button:hover::before{width:100%}.subscribe-block form button:active::before{background-color:var(--dark-orange)}.subscribe-block input{width:433px;padding:10px 9px 10px 23px;border-radius:40px;background:#FFF;height:67px;font-family:"DM Sans",sans-serif;font-size:1.125rem}.subscribe-block input::placeholder{color:var(--text-color);font-family:"DM Sans",sans-serif;font-size:1.125rem;letter-spacing:.03375rem;transform:translateY(2px)}.block-top{padding-bottom:101px;border-bottom:1px solid var(--grey-color);margin-bottom:29px}.block-bottom h4{margin-bottom:16px}.block-bottom address{font-style:normal}.socials-list{display:flex;justify-content:space-between;gap:29px}.socials-list a{width:50px;height:50px;border-radius:50%;background-color:var(--white-color);display:flex;justify-content:center;align-items:center;border:1px solid #fff}.socials-list a:hover{background-color:var(--black-color);transition:all .2s ease;border:1px solid #fff}.socials-list a:hover svg{transition:all .2s ease;filter:invert(1)}.socials-list svg{width:23px;height:23px}@media screen and (max-width:1552px){.subscribe-block form input{width:100%}.subscribe-block form button{left:65%;right:4%}}@media screen and (max-width:1430px){footer .block-bottom{flex-wrap:wrap;gap:20px 20%;justify-content:space-between}footer .block-bottom>div{width:40%}footer .block-bottom .socials-list{margin-right:auto}}@media screen and (max-width:1328px){.container{width:min(90%,1000px)}footer .block{gap:50px}.subscribe-block{width:40%}footer .block-bottom .socials-list{margin-right:20%}}@media screen and (max-width:1065px){footer .block-bottom .address,footer .block-top .pages{display:none}footer .container{padding-top:60px;width:min(90%,700px)}footer .block-top{flex-wrap:wrap;padding-bottom:40px}footer .block-top div{width:70%;margin-inline:auto}footer .block-bottom{gap:30px}footer .block-bottom .socials-list{margin-inline:auto}}@media screen and (max-width:674px){.copyright a,.telephone a{font-size:1rem}footer .block-top div{width:100%}}@media screen and (max-width:442px){input[type=email]::placeholder{font-size:1rem}.subscribe-block form button{left:60%}footer .block-bottom>div{width:80%}}.buttons-block .btn,body{font-size:1.125rem}@media screen and (max-width:375px){.subscribe-block form button{left:50%}}:root{--text-color:rgba(12, 12, 12, 0.9);--white-color:#FBFBFB;--black-color:#0C0C0C;--green-color:#64CCC5;--orange-color:#ffd930;--grey-color:#f4f4f4;--dark-orange:#ff9e30;--dark-grey:#808080}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color)}.container{width:min(90%,1400px);margin-inline:auto}ul{list-style-type:none}a{text-decoration:none}img{width:100%;object-fit:contain;vertical-align:top}.btn{display:inline-block;color:var(--text-color);font-size:1.25rem;padding:9px 15px;border-radius:23px;background-color:var(--white-color);cursor:pointer;overflow:hidden;z-index:1;position:relative;transition:all .3s;border:2px solid var(--white-color)}.btn::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--white-color);border-radius:10rem;z-index:-2}.btn::before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:var(--orange-color);transition:all .3s;border-radius:10rem;z-index:-1}.btn:hover::before{width:100%}.btn:active::before{background-color:var(--dark-orange)}header{padding-top:21px}header .container{display:flex;justify-content:space-between;margin-inline:auto}header .logo img{height:100%}.main-menu ul{display:flex;gap:40px;padding:17px 0}.main-menu ul :active,.main-menu ul a,.main-menu ul a:visited{color:var(--text-color);position:relative;display:inline-block}.main-menu ul :active::after,.main-menu ul a::after,.main-menu ul a:visited::after{content:"";position:absolute;width:0;height:2px;background:var(--orange-color);bottom:-5px;left:50%;display:inline-block;transition:all .3s ease;transform:translateX(-50%)}.main-menu ul :active:hover::after,.main-menu ul a:hover::after,.main-menu ul a:visited:hover::after{width:calc(100% - 10px)}.buttons-block{margin-right:6px;margin-top:5px}.hamburger{display:none;width:47px;height:47px;border:none;background:0 0;position:relative}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:19px;height:3px}.hamburger-inner{top:60%}.hamburger-inner::before{top:-8px}.hamburger-inner::after{bottom:-8px}.go-btn{display:flex;padding:10px 20px 10px 10px;justify-content:center;align-items:center;gap:10px;font-size:1.25rem;border-radius:26px;letter-spacing:-.01rem;width:212px}.btn-arrow{display:inline-block;width:28px;height:28px;position:relative;background-color:var(--black-color);border-radius:50%}.btn-arrow::before{content:"";position:absolute;border-top:1px solid var(--white-color);border-left:1px solid var(--white-color);z-index:1;left:9px;top:10px;width:8px;aspect-ratio:1;rotate:135deg}.black-btn{background:var(--black-color);color:var(--white-color);border:2px solid #000}.black-btn::after{background-color:var(--black-color)}.black-btn:hover{color:var(--black-color)}.black-btn .btn-arrow{background-color:var(--white-color)}.black-btn .btn-arrow::before{border-top:1px solid var(--black-color);border-left:1px solid var(--black-color)}.black-burger{border:2px solid #000}.black-burger::after{background-color:var(--black-color)}.black-burger .hamburger-inner,.black-burger .hamburger-inner::after,.black-burger .hamburger-inner::before{background-color:#f4f4f4}.black-burger .hamburger-inner{top:50%;left:-3px}.mobile-panel,.page-shadow{position:fixed;left:0;top:0;transition:all .5s ease}@media screen and (max-width:836px){.main-menu{display:none}.hamburger{display:inline-block}.buttons-block{display:flex;gap:20px}}.page-shadow{background-color:rgba(0,0,0,.7);width:100%;height:100%;z-index:999;opacity:0;visibility:hidden}.mobile-panel{transform:translateX(-300px);background:#fff;width:300px;height:100vh;z-index:1000}.mobile-panel .logo{scale:.6;padding-top:10px}.open-mobile-menu .page-shadow{opacity:1;visibility:visible}.open-mobile-menu .mobile-panel{transform:translateX(0)}.mobile-menu ul{padding-top:20px}.mobile-menu ul li a{display:inline-block;padding:10px 30px;color:var(--dark-grey);width:100%}@media screen and (max-width:442px){header .buttons-block .contact-btn{display:none}header .logo{margin-left:20px}}.contacts .container{margin-top:78px;display:flex;justify-content:space-between}h1{font-family:"Roboto Serif",serif;font-size:4rem;margin-bottom:32px}h1+p{margin-bottom:32px}.text-content{width:400px}.contacts-list{border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;padding:32px 0}.contacts-list li{display:flex;gap:26px;margin-bottom:20px}.contacts-list li .svg-box{width:50px;height:50px;background-color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center}.contacts-list li svg{width:25px;height:25px}.contacts-list li .text-content{width:230px}.contacts-list li:last-child{margin-bottom:0}h3{font-family:"Roboto Serif",serif;font-size:1.25rem}h3 a:active,h3 a:visited,h3+a{color:var(--text-color);font-size:1rem;letter-spacing:.03rem}h3 a:hover,h3+a:hover{color:var(--green-color)}main form{width:795px;padding:45px;background-color:var(--grey-color);display:grid;gap:63px 52px;grid-template-columns:1fr 1fr;margin-bottom:103px;border-radius:20px}main form label{display:block}main form input{background-color:transparent;border:none;border-bottom:1px solid #DFDFDF;width:100%;height:50px;font-size:1rem;padding:10px}main form button{width:157px}.message{grid-column:1/3}.map-container{height:314px;width:100%;border-radius:20px;margin-bottom:100px}.map-container img{width:100%;height:314px;object-fit:cover}@media screen and (max-width:1360px){main form{width:60%}}@media screen and (max-width:1200px){.text-content{width:35%}h1{font-size:3rem}}@media screen and (max-width:868px){.contacts .container{flex-wrap:wrap}.text-content,main form{width:100%}.contacts-list{margin-bottom:32px}}@media screen and (max-width:582px){main form{grid-template-columns:1fr;gap:33px}.form-field{width:100%}.message{grid-column:1/1}}