html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}*{margin:0;padding:0;border:0}div,span{margin:0;padding:0;border:0}body{margin:0 auto;font-family:'Roboto', sans-serif;padding-top:80px}.container{margin:0 auto;padding:0 15px}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}button{cursor:pointer;font-family:'Roboto';font-style:normal;border:none}li{list-style-type:none}a{text-decoration:none}img{display:block;width:100%;height:auto}.header-logo{margin-right:93px}@media screen and (max-width: 1200px){.header-logo{margin-right:88px}}.header-logo__web{font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:#2196F3}.header-logo__studio{font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:#212121}header{box-sizing:border-box;padding:26px 0;border-bottom:1px solid #EEEEEE;position:fixed;width:100%;background-color:#fff;top:0;z-index:100;display:inline-flex}header .container{display:flex;position:relative;align-items:center}@media screen and (min-width: 768px){header .menu{justify-content:center;align-items:center;display:flex;width:100%}}@media screen and (max-width: 768px){header .menu{display:none}}header .backdrop-menu{display:flex;transition:opacity 250ms linear;width:100%;opacity:1;background:#FFFFFF;z-index:85}@media screen and (min-width: 768px){header .backdrop-menu{display:none}}@media screen and (max-width: 768px){header .backdrop-menu{position:absolute;pointer-events:none;flex-direction:column;padding-top:42px;padding-left:40px;opacity:0;transition:opacity 250ms linear;box-shadow:0px 4px 8px rgba(0,0,0,0.04),0px 2px 4px rgba(0,0,0,0.08),0px 1px 3px rgba(0,0,0,0.16)}}header .backdrop-menu.is-open{opacity:1;transition:opacity 250ms linear;pointer-events:visible}@media screen and (max-width: 768px){header .backdrop-menu.is-open{top:-26px;left:0;width:100vw;height:100vh}}.header-nav{z-index:86;font-style:normal;letter-spacing:0.02em}@media screen and (min-width: 768px){.header-nav{font-style:normal;font-weight:500;font-size:14px;line-height:16px}}@media screen and (max-width: 768px){.header-nav{font-weight:500;font-size:40px;line-height:47px}}@media screen and (max-width: 768px){.header-nav li:not(:last-child){margin-bottom:32px}}@media screen and (min-width: 768px){.header-nav{display:flex}}.header-nav__studio{margin-right:50px;color:#212121;transition:color 250ms linear}.header-nav__portfolio{margin-right:50px;color:#212121;transition:color 250ms linear}.header-nav__contacts{margin-right:0;color:#212121;transition:color 250ms linear}.header-nav__studio:hover,.header-nav__studio:focus,.header-nav__portfolio:hover,.header-nav__portfolio:focus,.header-nav__contacts:hover,.header-nav__contacts:focus{color:#2196F3;fill:#2196F3}.header-nav--active{position:relative;color:#2196F3}@media screen and (min-width: 768px){.header-nav--active::after{content:'';display:inline-block;position:absolute;width:100%;height:4px;color:#2196F3;background-color:#2196F3;left:0;top:48px;border-radius:2px}}.header-info{z-index:86;font-style:normal;letter-spacing:0.02em;font-weight:500;align-items:baseline}.header-info a{display:flex;align-items:center}@media screen and (min-width: 768px){.header-info{font-style:normal;font-size:12px;line-height:14px;letter-spacing:0.02em;margin-left:auto}}@media screen and (min-width: 1200px){.header-info{display:flex;font-size:14px;line-height:16px;margin-left:auto}}@media screen and (max-width: 768px){.header-info{display:flex;flex-direction:column-reverse;margin-top:auto;font-style:normal}.header-info li:not(:last-child){margin-bottom:64px}.header-info li:last-child{margin-bottom:32px}}.header-info__tel{color:#757575;fill:#757575;transition:color 250ms linear}@media screen and (max-width: 768px){.header-info__tel{font-size:34px;line-height:40px;color:#2196F3}}.header-info__icon-smartphone{width:10px;height:16px;margin-right:10px}@media screen and (max-width: 768px){.header-info__icon-smartphone{width:10px;height:14px;margin-right:0}}.header-info__mail{fill:#757575;color:#757575;transition:color 250ms linear}@media screen and (min-width: 1200px){.header-info__mail{margin-right:30px}}@media screen and (max-width: 768px){.header-info__mail{font-size:24px;line-height:28px}}.header-info__icon-envelope{width:16px;height:12px;margin-right:10px}@media screen and (max-width: 768px){.header-info__icon-envelope{width:14px;height:10px}}.header-info__mail:hover,.header-info__mail:focus,.header-info__tel:hover,.header-info__tel:focus{color:#2196F3;fill:#2196F3}@media screen and (max-width: 768px){.header-info__icon-envelope,.header-info__icon-smartphone{display:none}}.menu-button{display:inline-flex;position:absolute;right:0;z-index:91;background-color:#fff}.menu-button:hover,.menu-button:focus{fill:#2196F3}.menu-button .icon-cross{display:none}@media screen and (min-width: 768px){.menu-button{display:none}}.menu-button.is-open{background-color:#fff}.menu-button.is-open .icon-cross{display:block}.menu-button.is-open .icon-menu{display:none}.header-link{display:inline-flex;margin-bottom:48px;font-style:normal}.header-link a{font-weight:500;font-size:18px;line-height:22px;letter-spacing:0.02em;color:#2196F3}.header-link span{margin:0 10px}@media screen and (min-width: 768px){.header-link{display:none}}.box-section{display:flex;z-index:80;margin:0 auto;background-repeat:no-repeat;background-position:center}@media screen and (max-width: 768px){.box-section{background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/main/Header480.jpg)}}@media screen and (min-width: 768px){.box-section{background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/main/Header-768.jpg)}}@media screen and (min-width: 1200px){.box-section{background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/main/background-bg.jpg)}}.box-section .container{padding:200px 0 200px 0;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 1200px){.box-section .container{padding:118px 0 118px 0}}.box-section__text{font-family:'Roboto';font-style:normal;width:696px;font-weight:900;font-size:44px;line-height:1.36;text-align:center;letter-spacing:0.06em;text-transform:uppercase;margin:0;color:#fff}@media screen and (max-width: 1200px){.box-section__text{width:360px;font-size:26px;line-height:42px}}.box-section__button{width:200px;height:50px;margin-top:30px;background:#2196F3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;font-family:'Roboto';font-style:normal;font-weight:700;font-size:16px;line-height:1.87;align-items:center;text-align:center;letter-spacing:0.06em;color:#fff}.backdrop{margin:0 auto;z-index:100;position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);opacity:1;transition:opacity 250ms linear;overflow-y:scroll}.backdrop.is-hidden{opacity:0;pointer-events:none}.modal{width:528px;height:581px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:4px}@media screen and (max-width: 1200px){.modal{width:450px}}.modal__close-button{margin-top:8px;margin-left:490px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,0.1);background-color:#fff}@media screen and (max-width: 1200px){.modal__close-button{margin-left:412px}}.modal__size-close-button{transition:fill 250ms linear;width:11px;height:11px}.modal__close-button:hover .modal__size-close-button,.modal__close-button:focus .modal__size-close-button{fill:#2196F3}.modal__form{width:448px;height:342px;margin-left:41px;text-align:center}@media screen and (max-width: 1200px){.modal__form{width:370px}}.modal h2{font-style:normal;font-weight:700;font-size:20px;line-height:23px;text-align:center;letter-spacing:0.03em;text-align:center;color:#212121;margin-bottom:30px}@media screen and (max-width: 1200px){.modal h2{margin-bottom:12px}}.modal__bt-agree{width:200px;height:50px;background:#2196F3;border-radius:4px;font-style:normal;font-weight:700;font-size:16px;line-height:30px;align-items:center;text-align:center;letter-spacing:0.06em;color:#fff;margin-bottom:40px;transition:background-color 250ms linear}.modal__bt-agree:hover,.modal__bt-agree:focus{background-color:#188CE8}.form-field{position:relative;display:flex;flex-direction:column;margin-bottom:10px}.form-field:nth-child(5){margin-bottom:0}.form-field label{position:relative;text-align:left;margin-bottom:4px;font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:0.01em;color:#757575}.form-field__icon{display:flex;position:relative}.form-field__input{margin:0;padding:12px 0 12px 42px;width:448px;height:40px;border:1px solid rgba(33,33,33,0.2);box-sizing:border-box;border-radius:4px;transition:border-color 250ms linear}.form-field__input:hover,.form-field__input:focus{border-color:#2196F3}.form-field__input:hover+.form-field__size-icon,.form-field__input:focus+.form-field__size-icon{fill:#2196F3}.form-field__size-icon{position:absolute;width:18px;height:18px;margin-top:11px;margin-left:12px;transition:fill 250ms linear}.form-field textarea{resize:none;height:120px;border:1px solid rgba(33,33,33,0.2);box-sizing:border-box;border-radius:4px;padding:12px 16px;transition:border-color 250ms linear}.form-field textarea:hover{border-color:#2196F3}.form-field::placeholder{font-style:normal;font-weight:400;font-size:12px;line-height:14px;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.agree-section{display:flex;margin-top:20px;margin-bottom:30px;justify-content:center}.agree-section label{display:inline-flex;font-style:normal;font-weight:400;font-size:14px;line-height:24px;align-items:center;letter-spacing:0.03em;color:#757575}@media screen and (max-width: 1200px){.agree-section label{font-size:12px;line-height:14px}}.agree-section__checkbox{display:inline-block;appearance:none;position:absolute}.agree-section__checkbox:checked+.agree-section__icon-checkbox{background-color:#2196F3;background-image:url(../images/icon-check.svg);background-origin:border-box;border-color:#2196F3;background-size:contain;background-repeat:no-repeat}.agree-section__icon-checkbox{display:inline-flex;width:16px;height:15px;border:2px solid #212121;border-radius:4px;margin-right:8.38px}.agree-section__treaty{color:#2196F3;border-bottom:1px solid #2196F3;margin-left:2pt}.benefits-section{padding:94px 0 94px 0}@media screen and (min-width: 768px){.benefits-section .container{width:768px}}@media screen and (max-width: 1200px){.benefits-section{padding:60px 0;margin:0 auto}}@media screen and (min-width: 768px){.benefits-section li:nth-child(2n+1){margin-right:30px}}@media scren and (min-width: 480px){.benefits-section div{width:450px}}@media screen and (min-width: 768px){.benefits-section div{width:354px}}@media screen and (min-width: 1200px){.benefits-section div{width:270px}}.benefits-section ul{justify-content:center}@media screen and (min-width: 1200px){.benefits-section ul{display:flex}}@media screen and (max-width: 1200px){.benefits-section ul{display:flex;flex-wrap:wrap}}@media screen and (min-width: 1200px){.benefits-section li:not(:last-child){margin-right:30px}}@media screen and (max-width: 768px){.benefits-section li:not(:last-child){margin-bottom:30px}}@media (min-width: 768px) and (max-width: 1200px){.benefits-section li:nth-child(-n+2){margin-bottom:30px}}.benefits-section__antenna,.benefits-section__clock,.benefits-section__diagram,.benefits-section__astronaut{height:120px;background:#F5F4FA;border-radius:4px;align-items:center;margin-bottom:30px}@media screen and (min-width: 768px){.benefits-section__antenna,.benefits-section__clock,.benefits-section__diagram,.benefits-section__astronaut{flex-basis:50%}}@media screen and (min-width: 1200px){.benefits-section__antenna,.benefits-section__clock,.benefits-section__diagram,.benefits-section__astronaut{width:270px}}.benefits-section__antenna:nth-child(1){background-image:url(../images/main/icon/antenna.svg);background-repeat:no-repeat;background-position:center}.benefits-section__clock:nth-child(1){background-image:url(../images/main/icon/clock.svg);background-repeat:no-repeat;background-position:center}.benefits-section__diagram:nth-child(1){background-image:url(../images/main/icon/diagram.svg);background-repeat:no-repeat;background-position:center}.benefits-section__astronaut:nth-child(1){background-image:url(../images/main/icon/astronaut.svg);background-repeat:no-repeat;background-position:center}.benefits-section__name{margin:0 0 10px 0;font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:#212121}@media screen and (max-width: 768px){.benefits-section__name{text-align:center}}.benefits-section__text{margin:0;font-size:14px;line-height:1.71;letter-spacing:0.03em;color:#757575}.work-section{padding-bottom:94px}@media screen and (max-width: 1200px){.work-section{display:none}}.work-section h2{position:relative;margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.17;text-align:center;letter-spacing:0.03em;color:#212121}.work-section__article{display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-30px;padding:0;list-style:none;justify-content:center;align-items:center}.work-section article{position:relative;margin-left:30px;margin-top:30px;flex-basis:calc((100% - 90px) / 3);background:#fff;box-sizing:border-box}.work-section__text{display:flex;position:absolute;left:0;bottom:0;font-style:normal;font-weight:700;font-size:14px;line-height:16px;justify-content:center;align-items:center;letter-spacing:0.03em;text-transform:uppercase;color:#fff;height:70px;width:100%;background:rgba(47,48,58,0.8)}.team-section{background:#F5F4FA;padding:94px 0}@media screen and (max-width: 1200px){.team-section{padding:60px 0}}.team-section h2{margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.17;text-align:center;letter-spacing:0.03em;color:#212121}@media screen and (max-width: 1200px){.team-section h2{font-size:28px;line-height:33px;margin-bottom:30px}}.team-section .our-team:nth-child(2){display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-30px;padding:0;list-style:none}.our-team{display:flex;align-items:center;justify-content:center}.our-team>li{background:#fff;box-shadow:0px 1px 3px rgba(0,0,0,0.12),0px 1px 1px rgba(0,0,0,0.14),0px 2px 1px rgba(0,0,0,0.2);border-radius:0px 0px 4px 4px;margin-left:30px;margin-top:30px;background:#fff;box-sizing:border-box}@media screen and (min-width: 768px){.our-team>li{width:354px}}@media screen and (min-width: 1200px){.our-team>li{min-width:270px;flex-basis:calc((100% - 120px) / 4)}}@media screen and (max-width: 768px){.our-team>li{width:450px}}.card:nth-child(2){text-align:center;padding:30px 0}.card:nth-child(3){padding-bottom:30px}.card__link{display:flex;justify-content:center}.card__link li{margin-right:10px}.card__link li:last-child{margin-right:0}.card__size-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;fill:#AFB1B8;transition:background-color 250ms linear, fill 250ms linear}.card__size-icon:hover,.card__size-icon:focus{background:#2196F3;fill:#F5F4FA}.card__icon{height:20px;width:20px;transition:fill 250ms linear}.card__name{font-weight:500;font-size:16px;line-height:1.19;text-align:center;letter-spacing:0.03em;color:#212121;margin-bottom:10px}.card__text{font-weight:400;font-size:16px;line-height:1.19;text-align:center;letter-spacing:0.03em;color:#757575;margin-bottom:16px}.client-section{justify-content:center;padding:94px 0}@media screen and (max-width: 1200px){.client-section{padding:60px 0}}.client-section h2{font-style:normal;font-weight:700;font-size:36px;line-height:42px;text-align:center;letter-spacing:0.03em;color:#212121;text-align:center;margin-bottom:50px}@media screen and (max-width: 1200px){.client-section h2{font-size:28px;line-height:33px}}@media screen and (max-width: 1200px){.client-section h2{margin-bottom:30px}}.client-card{display:flex;justify-content:center}@media screen and (max-width: 1200px){.client-card{display:flex;flex-wrap:wrap}}@media (min-width: 768px) and (max-width: 1200px){.client-card li:nth-child(-n+2){margin-right:30px;margin-bottom:30px}.client-card li:nth-child(3n+1){margin-right:30px}.client-card li:nth-child(3n+2){margin-right:30px}}@media screen and (max-width: 480px){.client-card li:not(:last-child){margin-bottom:30px}}@media screen and (max-width: 768px) and (min-width: 480px){.client-card li:nth-child(2n+1){margin-right:30px}.client-card li:nth-child(-n+4){margin-bottom:30px}}.client-card li{display:flex;justify-content:center}@media screen and (min-width: 1200px){.client-card li{margin-right:30px}}.client-card li:last-child{margin-right:0}.client-card__icon-size{display:flex;align-items:center;justify-content:center;fill:#AFB1B8;width:170px;height:92px;border:1px solid #AFB1B8;box-sizing:border-box;border-radius:4px;transition:border-color 250ms linear, fill 250ms linear}@media (min-width: 768px) and (max-width: 1200px){.client-card__icon-size{width:226px}}@media screen and (max-width: 768px){.client-card__icon-size{width:210px}}.client-card__icon-size:hover,.client-card__icon-size:focus{border-color:#2196F3;fill:#2196F3}.client-card__icon{width:106px;height:60px}footer{background-color:#2F303A;padding:60px 0 60px 0}footer .container{justify-content:center}@media screen and (min-width: 768px){footer .container div{flex-basis:50%}}@media screen and (min-width: 768px){footer .container{display:flex}}@media screen and (min-width: 768px) and (max-width: 1200px){footer .container{flex-wrap:wrap}}@media screen and (max-width: 768px){footer .container{flex-direction:column;align-items:center}}.footer-box1{margin-right:70px}@media screen and (max-width: 1200px){.footer-box1{margin-right:0;margin-bottom:60px}}.footer-logo{margin-bottom:20px}@media screen and (max-width: 1200px){.footer-logo{display:flex;justify-content:center}}.footer-logo__web{font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:#2196F3}.footer-logo__studio{font-family:'Raleway';font-style:normal;font-weight:700;font-size:26px;line-height:1.19;letter-spacing:0.03em;color:#fff}@media screen and (max-width: 1200px){.footer-address{text-align:center}}.footer-address li{margin-bottom:9px}.footer-address li:last-child{margin-bottom:0}.footer-address__map{font-style:normal;font-weight:450;font-size:14px;line-height:1.7;letter-spacing:0.03em;color:#fff;transition:color 250ms linear}.footer-address__map:hover,.footer-address__map:focus{color:#2196F3;fill:#2196F3}.footer-address__mail,.footer-address__tel{font-style:normal;font-weight:400;font-size:14px;line-height:1.7;letter-spacing:0.03em;color:rgba(255,255,255,0.6);transition:color 250ms linear}.footer-address__mail:hover,.footer-address__mail:focus,.footer-address__tel:hover,.footer-address__tel:focus{color:#2196F3;fill:#2196F3}.footer-box2{margin-right:93px}@media screen and (max-width: 1200px){.footer-box2{margin-right:0;margin-bottom:60px}}.footer-box2 h3{font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:0.03em;text-transform:uppercase;color:#fff;margin-bottom:20px;margin-top:15px}@media screen and (max-width: 1200px){.footer-box2 h3{margin-top:0;text-align:center}}.footer-link{display:flex;justify-content:center}.footer-link li{margin-right:10px}.footer-link li:last-child{margin-right:0}.footer-link__size-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.1);transition:background-color 250ms linear}.footer-link__size-icon:hover,.footer-link__size-icon:focus{background-color:#2196F3}.footer-link__icon{height:20px;width:20px;fill:#fff}.footer-box3{display:inline-block}.footer-box3 h3{font-style:normal;font-weight:700;font-size:14px;line-height:16px;letter-spacing:0.03em;text-transform:uppercase;color:#FFFFFF;margin-top:15px;margin-bottom:20px}@media screen and (max-width: 1200px){.footer-box3 h3{margin-top:0;text-align:center}}.footer-box3 label{display:inline-flex}@media screen and (max-width: 1200px){.footer-box3 label{display:flex;flex-direction:column;align-items:center}}.send-input-size{width:358px;height:50px;background:none;border:1px solid rgba(255,255,255,0.3);box-sizing:border-box;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.15));border-radius:4px;color:#fff;padding-left:16px}@media screen and (max-width: 1200px){.send-input-size{width:450px}}@media screen and (min-width: 1200px){.send-input-size{margin-right:12px}}@media screen and (max-width: 1200px){.send-input-size{margin-bottom:20px}}.button-send{display:inline-flex;width:200px;height:50px;background:#2196F3;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px;font-style:normal;font-weight:700;font-size:16px;line-height:30px;justify-content:center;align-items:center;text-align:center;letter-spacing:0.06em;color:#fff}.button-send__icon{width:24px;height:24px;fill:#fff;margin-left:10px}.portfolio-section{padding:94px 0}@media screen and (max-width: 1200px){.portfolio-section{padding:60px 0}}.portfolio-section ul{display:flex}@media screen and (min-width: 768px){.portfolio-section ul{justify-content:center}}@media screen and (max-width: 1200px){.portfolio-section ul{flex-wrap:wrap}}@media screen and (max-width: 768px){.portfolio-section li:first-child{margin-bottom:15px}}.portfolio-section__button li:not(:last-child){padding-right:8px}.portfolio-section__button button{background:#F5F4FA;border-radius:4px;transition:color 250ms linear, background-color 250ms linear, box-shadow 250ms linear}.portfolio-section__button{margin:0 0 50px 0}@media screen and (max-width: 1200px){.portfolio-section__button{margin:0 0 30px 0}}.portfolio-section__button button:hover,.portfolio-section__button button:focus{color:#fff;background-color:#2196F3;box-shadow:0px 3px 1px rgba(0,0,0,0.1),0px 1px 2px rgba(0,0,0,0.08),0px 2px 2px rgba(0,0,0,0.12)}.portfolio-section__bt-text{font-family:'Roboto';font-style:normal;font-weight:500;font-size:16px;line-height:1.63;text-align:center;letter-spacing:0.03em;padding:6px 22px}.portfolio-section__cards{display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-30px;padding:0;list-style:none}.portfolio-section__cards a:hover .product-actions,.portfolio-section__cards a:focus .product-actions{opacity:1}.portfolio-section__cards a:focus .product-overlay{opacity:1;transform:translateY(-100%)}.product{display:block;align-items:center;justify-content:center;margin-left:30px;margin-top:30px;background:#fff;border:1px solid #EEEEEE;box-sizing:border-box}@media screen and (min-width: 768px){.product{width:354px}}@media screen and (min-width: 1200px){.product{min-width:370px;flex-basis:calc((100% - 90px) / 3)}}@media screen and (max-width: 768px){.product{width:450px}}.product:hover .product-overlay{opacity:1;transform:translateY(-100%)}.product a{display:block}.product a:hover,.product a:focus{box-shadow:0px 1px 1px rgba(0,0,0,0.12),0px 4px 4px rgba(0,0,0,0.06),1px 4px 6px rgba(0,0,0,0.16)}.product-thumb{position:relative;overflow:hidden}.product-overlay{display:inline-block;position:absolute;background-color:rgba(33,150,243,0.9);width:100%;height:100%;transform:translateY(0);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.product-actions{position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%, -50%);width:322px;height:168px;font-family:'Roboto';font-style:normal;font-weight:400;font-size:18px;line-height:28px;letter-spacing:0.03em;text-align:left;color:#fff;opacity:0;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.action-name{padding:20px 24px}.action-name__label{font-family:'Roboto';font-style:normal;font-weight:700;font-size:18px;line-height:2;letter-spacing:0.06em;color:#212121;margin-bottom:4px}.action-name__text{font-family:'Roboto';font-style:normal;font-weight:400;font-size:16px;line-height:1.87;letter-spacing:0.03em;color:#757575}
/*# sourceMappingURL=main.min.css.map */