:root{--blue: #2196f3;--black: #212121;--gray: #757575;--white: #ffffff;--dark-gray: #2f303a;--whitesmoke: #f5f4fa;--whitegray: rgba(255, 255, 255, 0.6);--icon-color: #afb1b8;--transition-function: cubic-bezier(0.4, 0, 0.2, 1);--transition-duration: 250ms;--main-font: "Roboto", sans-serif;--secondary-font: "Raleway", sans-serif}.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.container{padding-left:15px;padding-right:15px}@media screen and (min-width: 480px){.container{width:480px;margin:0 auto}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0}li{list-style-type:none}img{display:block;width:100%;height:auto}body{font-family:var(--main-font)}*,*::before,*::after{box-sizing:border-box}.link{text-decoration:none}.list{padding:0;margin:0;list-style:none}.address{font-style:normal}textarea{resize:none}.section{padding-top:94px;padding-bottom:94px}@media screen and (min-width: 1200px){.section{padding-top:94px;padding-bottom:94px}}.header{border-bottom:1px solid #ececec}@media screen and (max-width: 767px){.header .container{display:flex;align-items:center;justify-content:space-between;padding-top:15px;padding-bottom:15px}}@media screen and (min-width: 768px){.header .container{display:flex;align-items:center}}.header-logo{margin-right:88px;font-family:var(--secondary-font);font-style:normal;font-weight:bold;font-size:24px;line-height:1.16;text-decoration:none;letter-spacing:0.03em;color:var(--blue)}.header-logo>span{color:var(--black)}@media screen and (min-width: 1200px){.header-logo{font-size:26px;line-height:1.19}}@media screen and (min-width: 768px){.nav{display:flex;align-items:center;justify-content:space-between}}.nav__menu{display:flex}.nav__menu:not(:last-child){margin-right:50px}@media screen and (max-width: 768px){.nav__menu{display:none}}.nav__link{display:block;position:relative}.nav__link:not(:last-child){margin-right:50px}.nav__link-item{display:block;position:relative;padding-top:32px;padding-bottom:32px;font-family:var(--main-font);font-weight:500;font-size:14px;line-height:1.14;letter-spacing:0.02em;color:var(--black);font-style:normal;transition:color var(--transition-duration) var(--transition-function)}.nav__link-item:hover,.nav__link-item:focus{color:var(--blue)}.nav__link-item:hover::after,.nav__link-item:focus::after{content:"";position:absolute;display:block;width:100%;height:4px;top:76px;left:0;border-radius:2px;background:var(--blue)}@media screen and (min-width: 1200px){.nav__link-item:hover::after,.nav__link-item:focus::after{top:80px}}.current-page{color:var(--blue)}@media screen and (min-width: 768px){.current-page::after{content:"";position:absolute;display:block;width:100%;height:4px;top:76px;left:0;border-radius:2px;background:var(--blue)}}@media screen and (min-width: 1200px){.current-page::after{top:80px}}.contact-list{display:flex;margin-left:auto;justify-content:center}@media screen and (max-width: 767px){.contact-list{display:none}}@media screen and (min-width: 1200px){.contact-list{display:flex;align-items:center}}@media screen and (max-width: 1199px){.contact-list{flex-direction:column}}@media screen and (max-width: 1199px){.contact-list:not(:last-child){margin-bottom:10px}}@media screen and (min-width: 1200px){.contact-list:not(:last-child){margin-right:50px}}.contact-item{display:block;font-weight:500;font-size:12px;line-height:1.17;letter-spacing:0.02em;color:var(--gray);margin-bottom:10px}@media screen and (min-width: 1200px){.contact-item:not(:last-child){margin-right:50px}}.contact-icon-mail{fill:currentColor;margin-right:10px;width:14px;height:10px}.contact-icon-tel{fill:currentColor;margin-right:10px;width:10px;height:14px}.header-contact{font-family:var(--main-font);font-style:normal;font-weight:500;font-size:12px;line-height:1.17;letter-spacing:0.02em;text-decoration:none;display:flex;align-items:center;color:var(--gray);transition:color var(--transition-duration) var(--transition-function);animation-duration:1000ms}.header-contact:hover,.header-contact:focus{color:var(--blue)}@media screen and (min-width: 1200px){.header-contact{padding-top:32px;padding-bottom:32px}}.hero{padding:118px 60px;text-align:center}@media screen and (min-width: 1200px){.hero{padding-top:200px;padding-bottom:200px}}.hero__title{max-width:360px;margin:0 auto 30px;font-family:var(--main-font);color:var(--white);font-weight:900;font-size:26px;line-height:1.62;text-align:center;letter-spacing:0.06em;text-transform:uppercase}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.hero__background{max-width:100%;height:400px;background-color:var(--dark-gray);background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-image/bg-mobile/banner.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;margin:0 auto}@media screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx){.hero__background{background-image:linear-gradient(to bottom, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-image/bg-mobile/banner@2x.jpg)}}@media screen and (min-width: 768px){.hero__background{max-width:100%;height:400px;background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-image/bg-tablet/banner.jpg)}}@media screen and (min-width: 768px) and (min-device-pixel-ratio: 2), screen and (min-width: 768px) and (min-resolution: 192dpi), screen and (min-width: 768px) and (min-resolution: 2dppx){.hero__background{background-image:linear-gradient(to bottom, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-image/bg-tablet/banner@2x.jpg)}}@media screen and (min-width: 1200px){.hero__background{max-width:1600px;height:600px;background-image:linear-gradient(to right, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-image/bg-desktop/banner.jpg)}}@media screen and (min-width: 1200px) and (min-device-pixel-ratio: 2), screen and (min-width: 1200px) and (min-resolution: 192dpi), screen and (min-width: 1200px) and (min-resolution: 2dppx){.hero__background{background-image:linear-gradient(to bottom, rgba(47,48,58,0.4), rgba(47,48,58,0.4)),url(../images/bg-image/bg-desktop/banner@2x.jpg)}}.order-btn{display:flex;padding:10px 32px;align-items:center;text-align:center;min-width:200px;margin:0 auto;background:var(--blue);box-shadow:0px 4px 4px #00000026;border-style:none;border-radius:4px;font-family:var(--main-font);font-style:normal;font-weight:bold;font-size:16px;line-height:1.5;letter-spacing:0.06em;cursor:pointer;color:var(--white);transition:background-color var(--transition-duration) var(--transition-function)}.order-btn:hover,.order-btn:focus{background:#188ce8;box-shadow:0px 4px 4px rgba(0,0,0,0.15);border-radius:4px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);opacity:1;overflow-y:scroll;transition:opacity var(--transition-duration) var(--transition-function)}@media screen and (max-width: 767px){.backdrop{padding:93px 15px}}@media screen and (min-width: 768px) and (max-width: 1199px){.backdrop{padding:207px 159px}}.backdrop.is-hidden{opacity:0;pointer-events:none}.backdrop.is-hidden .modal{transform:translate(-50%, -50%) scale(0.7);transition:transform var(--transition-duration) var(--transition-function)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:95vw;width:450px;height:96vh;height:609px;overflow:auto;background-color:#ffffff;padding:40px}@media screen and (max-width: 1199px){.modal{max-width:450px;min-height:609px;margin-left:auto;margin-right:auto}}@media screen and (min-width: 1200px){.modal{position:absolute;top:50%;left:50%;width:528px;height:581px;transform:translate(-50%, -50%) scale(1)}}.modal__close{position:absolute;display:flex;justify-content:center;align-items:center;margin:0;padding:6px;top:8px;right:8px;border-radius:50%;outline:none;cursor:pointer;border:1px solid rgba(0,0,0,0.1);background-color:var(--white)}.modal__close:hover,.modal__close:focus{color:var(--blue)}.modal__title{display:inline-block;padding-bottom:12px;font-family:var(--main-font);font-weight:700;font-size:20px;line-height:1.15;text-align:center;letter-spacing:0.03em;color:var(--black)}.modal__form-label{padding-bottom:4px;font-family:var(--main-font);font-weight:400;font-size:12px;line-height:1.16;letter-spacing:0.01em;color:var(--gray);left:40px}.modal__form-input{width:100%;height:40px;padding-left:42px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;box-sizing:border-box;transition:border-color var(--transition-duration) var(--transition-function)}.modal__form-input:focus{border:1px solid var(--blue);outline:none}.modal__form-icon{display:inline-block;position:absolute;top:50%;left:12px;fill:currentColor;color:var(--black);transition:fill var(--transition-duration) var(--transition-function)}.modal__form-input:focus+.modal__form-icon{fill:var(--blue)}.modal__comment{padding:12px 16px;width:100%;height:120px;margin-bottom:10px;border:1px solid rgba(33,33,33,0.2);border-radius:4px;transition:border-color var(--transition-duration) var(--transition-function)}.modal__comment::placeholder{font-weight:400;font-size:12px;line-height:1.17;letter-spacing:0.01em;color:rgba(117,117,117,0.5)}.modal__comment:focus{border:1px solid var(--blue);outline:none}.modal__content{display:flex;position:relative;flex-direction:column;margin-bottom:10px;align-items:flex-start}.modal__form-checkbox{display:flex;justify-content:center;align-items:center;margin-left:13px;margin-bottom:30px;font-family:var(--main-font);color:var(--gray);font-weight:400;font-size:14px;line-height:1.71;letter-spacing:0.03em}@media screen and (max-width: 767px){.modal__form-checkbox{font-size:12px;letter-spacing:0.03em}}@media screen and (min-width: 1200px){.modal__form-checkbox{font-size:14px;line-height:1.71}}.modal__checkbox{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.modal__checkbox:focus+.checkbox-icon{border:2px solid var(--blue);border-radius:2px}.close-icon{fill:currentColor}.checkbox-icon{display:inline-block;border:2px solid var(--black);border-radius:2px;margin-right:8px;cursor:pointer;transition:background-color var(--transition-duration) var(--transition-function),border-color var(--transition-duration) var(--transition-function),transform var(--transition-duration) var(--transition-function)}.modal__checkbox:checked+.checkbox-icon{transform:scale(1.1);border-color:var(--blue);background-color:var(--blue);background-size:contain;background-origin:border-box}.agreement-link{color:var(--blue)}.agr-btn{display:flex;margin:0 auto;padding:10px 55px;align-items:center;text-align:center;min-width:200px;background-color:var(--blue);border-style:none;border-radius:4px;box-shadow:0px 4px 4px rgba(0,0,0,0.15);font-family:var(--main-font);color:var(--white);font-weight:700;font-size:16px;line-height:1.88;letter-spacing:0.06em;transition:background-color var(--transition-duration) var(--transition-function)}.agr-btn:hover,.agr-btn:focus{cursor:pointer;background-color:#188ce8;color:var(--white);box-shadow:0px 4px 4px 0px rgba(0,0,0,0.15)}.features{padding-bottom:0px}@media screen and (min-width: 768px) and (max-width: 1199px){.features{padding-bottom:60px}}.features__pic{display:flex;justify-content:center;align-items:center;height:120px;border-radius:4px;margin-bottom:30px;background-color:var(--whitesmoke)}.features__item{margin-bottom:30px}@media screen and (min-width: 768px){.features__item{flex-basis:calc((100% - 2 * 30px) / 2);margin-left:30px}}@media screen and (max-width: 1199px){.features__item__item:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 1200px){.features__item{flex-basis:calc((100% - 4 * 30px) / 4)}}@media screen and (max-width: 767px){.features__list{display:block}}@media screen and (min-width: 768px){.features__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-bottom:-30px}}.description{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:14px;line-height:1.5;text-decoration:none;letter-spacing:0.03em;color:var(--gray)}.description__title{font-family:var(--main-font);font-style:normal;font-weight:bold;font-size:14px;line-height:1.5;letter-spacing:0.03em;text-transform:uppercase;text-decoration:none;margin-bottom:10px;color:var(--black)}@media screen and (max-width: 767px){.description__title{text-align:center}}@media screen and (max-width: 1199px){.occupation{display:none}}.occupation__list{display:flex;margin-left:-30px;margin-top:-30px;flex-wrap:wrap}.occupation__item{position:relative;flex-basis:calc((100% - 90px) / 3);margin-left:30px;margin-top:30px}.occupation__title{font-family:var(--main-font);font-style:normal;font-weight:bold;font-size:36px;line-height:1.5;text-align:center;letter-spacing:0.03em;text-decoration:none;margin-bottom:50px;color:var(--black)}.examples-item-overlay{position:absolute;display:inline-flex;align-items:center;justify-content:center;bottom:0;width:100%;height:70px;background:rgba(47,48,58,0.8);color:var(--white);font-weight:700;font-size:14px;line-height:1.16;letter-spacing:0.03em;text-transform:uppercase}.team{background:var(--whitesmoke)}.team__title{font-family:var(--main-font);font-style:normal;font-weight:bold;font-size:36px;line-height:1.5;text-align:center;letter-spacing:0.03em;text-decoration:none;margin-bottom:50px;color:var(--black)}@media screen and (min-width: 1200px){.team__title{margin-bottom:50px;font-size:36px}}@media screen and (min-width: 768px){.team__list{display:flex;flex-wrap:wrap;margin-left:-30px}}.team__item{background-color:var(--white);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}@media screen and (min-width: 768px){.team__item{flex-basis:calc(100% / 2 - 30px);margin-left:30px;margin-top:30px}}@media screen and (min-width: 1200px){.team__item{flex-basis:calc(100% / 4 - 30px)}}@media screen and (max-width: 767px){.team__item:not(:last-child){margin-bottom:30px}}.team__item-card{padding:30px}.team__name{margin-bottom:10px;font-family:var(--main-font);font-style:normal;font-weight:500;font-size:16px;line-height:1.5;text-align:center;letter-spacing:0.03em;text-decoration:none;color:var(--black)}.team__function{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:16px;line-height:1.5;text-align:center;letter-spacing:0.03em;color:var(--gray)}.team-social__hub{display:flex;margin-top:16px;justify-content:center}.team-social__item:not(:last-child){margin-right:10px}.team-social__link{display:flex;width:44px;height:44px;border-radius:50%;color:var(--icon-color);justify-content:center;align-items:center;background-color:transparent;transition:background-color var(--transition-duration) var(--transition-function),color var(--transition-duration) var(--transition-function)}.team-social__link:hover,.team-social__link:focus{background-color:var(--blue)}.team-social__icon{fill:currentColor}.team-social__link:hover .team-social__icon,.team-social__link:focus .team-social__icon{fill:white}.customers__title{margin-bottom:50px;font-family:var(--main-font);font-weight:700;font-size:28px;line-height:1.17;text-align:center;letter-spacing:0.03em;color:var(--black)}@media screen and (min-width: 1200px){.customers__title{font-size:36px}}.customers__list{display:flex;margin-left:-30px;margin-top:-30px;flex-wrap:wrap;align-items:center;justify-content:center}.customers__list-item{justify-content:center;flex-basis:calc((100% - 180px) / 2);margin-left:30px;margin-top:30px}@media screen and (min-width: 768px){.customers__list-item{flex-basis:calc(100% / 3 - 30px)}}@media screen and (min-width: 1200px){.customers__list-item{flex-basis:calc(100% / 6 - 30px)}}.customers__link{display:inline-flex;justify-content:center;align-items:center;width:170px;height:92px;border-radius:4px;color:var(--icon-color);border:1px solid var(--icon-color);transition:color var(--transition-duration) var(--transition-function),border-color var(--transition-duration) var(--transition-function)}.customers__link:hover,.customers__link:focus,.customers__icon:hover,.customers__icon:focus{border-color:var(--blue);color:var(--blue)}.customers__icon{fill:currentColor}.footer{background:var(--dark-gray);padding-top:60px;padding-bottom:60px}.footer__container{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (max-width: 1199px){.footer__container{text-align:center}}@media screen and (min-width: 768px){.footer__container{flex-direction:row}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer__container{flex-wrap:wrap;align-items:baseline}}.footer__logo{font-family:var(--secondary-font);font-style:normal;font-weight:bold;font-size:26px;line-height:1.5;text-decoration:none;letter-spacing:0.03em;color:var(--blue)}.footer__logo>span{color:var(--white)}@media screen and (max-width: 1199px){.footer__contacts{text-align:center}}@media screen and (min-width: 768px) and (max-width: 1199px){.footer__contacts{margin-right:165px;margin-left:61px}}.footer__address{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:14px;line-height:1.5;text-decoration:none;letter-spacing:0.03em;color:var(--white);transition:color var(--transition-duration) var(--transition-function)}.footer__address:hover,.footer__address:focus{color:var(--blue)}.footer__mail:hover,.footer__mail:focus{color:var(--blue)}.footer__contact{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:14px;line-height:1.5;text-decoration:none;letter-spacing:0.03em;color:var(--whitegray);transition:color var(--transition-duration) var(--transition-function)}.footer__contact:hover,.footer__contact:focus{color:var(--blue)}.footer__address-item{margin-bottom:9px}.footer__list{margin-bottom:9px}.address{margin-top:20px}@media screen and (max-width: 767px){.address{margin-bottom:60px}}@media screen and (max-width: 1199px){.address{text-align:center}}.address__item:not(:last-child){margin-bottom:8px}@media screen and (min-width: 1200px){.address__item:not(:last-child){margin-bottom:9px}}@media screen and (min-width: 1200px){.subscription{margin-left:70px}}@media screen and (max-width: 767px){.subscription{margin-bottom:60px;text-align:center}}.subscription__text{margin-bottom:20px;font-family:var(--main-font);font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:var(--white)}.subscription__list{display:flex;justify-content:center}.subscription__list-item:not(:last-child){margin-right:10px}.subscription__item{display:flex;width:44px;height:44px;border-radius:50%;color:var(--icon-color);justify-content:center;align-items:center;background:rgba(255,255,255,0.1);transition:background-color var(--transition-duration) var(--transition-function)}.subscription__item:hover,.subscription__item:focus{background-color:var(--blue);color:var(--white)}.item-icon{fill:var(--white)}.portfolio__btn-list{display:flex;margin-bottom:50px}@media screen and (max-width: 767px){.portfolio__btn-list{flex-wrap:wrap}}@media screen and (min-width: 768px){.portfolio__btn-list{justify-content:center}}.portfolio__btn-item:not(:last-child){margin-right:8px}@media screen and (max-width: 767px){.portfolio__btn-item{margin-bottom:15px}}.portfolio__btn{background:var(--whitesmoke);box-shadow:0px 4px 4px #00000026;border-radius:4px;border-color:transparent;padding:6px 22px;font-family:var(--main-font);font-style:normal;font-weight:500;font-size:16px;line-height:1.5;display:flex;align-items:center;text-align:center;letter-spacing:0.06em;cursor:pointer;color:var(--black);transition:color var(--transition-duration) var(--transition-function),background-color var(--transition-duration) var(--transition-function),box-shadow var(--transition-duration) var(--transition-function)}.portfolio__btn:hover,.portfolio__btn:focus{color:var(--white);background:var(--blue)}@media screen and (min-width: 768px){.portfolio__list{display:flex;flex-wrap:wrap;margin-left:-30px;margin-top:-30px}}.portfolio__list-items{display:flex;transition:box-shadow var(--transition-duration) var(--transition-function)}@media screen and (max-width: 676px){.portfolio__list-items:not(:last-child){margin-bottom:30px}}@media screen and (min-width: 768px){.portfolio__list-items{flex-basis:calc(100% / 2 - 30px);margin-left:30px;margin-top:30px}}@media screen and (min-width: 1200px){.portfolio__list-items{flex-basis:calc(100% / 3 - 30px)}}.portfolio__item-content{padding:20px 24px;border:1px solid #eeeeee;border-top:none}@media screen and (min-width: 768px){.portfolio__item-content{padding:20px 18px}}.portfolio__item{font-family:var(--main-font);font-style:normal;font-weight:bold;font-size:18px;line-height:1.5;margin-bottom:4px;letter-spacing:0.06em;color:var(--black)}.portfolio__item-description{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:16px;line-height:1.5;letter-spacing:0.03em;color:var(--gray)}.portfolio__list-items:hover,.portfolio__list-items: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);cursor:pointer}.portfolio__box{position:relative;overflow:hidden}.portfolio__list-link:hover .overlay-text,.portfolio__list-link:focus .overlay-text{transform:translateY(-100%);opacity:1;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);cursor:pointer}.overlay-text{position:absolute;top:100%;left:0;width:100%;height:100%;padding:63px 24px;font-family:var(--main-font);font-weight:400;font-size:18px;line-height:1.5;letter-spacing:0.03em;color:var(--white);background-color:rgba(33,150,243,0.9);opacity:0;transition:opacity var(--transition-duration) var(--transition-function),transform var(--transition-duration) var(--transition-function)}.footer__portfolio{padding-top:60px;padding-bottom:60px;background:var(--dark-gray)}.footer__address-portfolio{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:14px;line-height:1.5;text-decoration:none;letter-spacing:0.03em;color:var(--white)}.footer__address-portfolio:hover,.footer__address-portfolio:focus{color:var(--blue)}.footer__mail-portfolio{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:14px;line-height:1.5;text-decoration:none;letter-spacing:0.03em;color:var(--whitegray)}.footer__mail-portfolio:hover,.footer__mail-portfolio:focus{color:var(--blue)}.footer__contact-portfolio{font-family:var(--main-font);font-style:normal;font-weight:normal;font-size:14px;line-height:1.5;text-decoration:none;letter-spacing:0.03em;color:var(--whitegray)}.footer__contact-portfolio:hover,.footer__contact-portfolio:focus{color:var(--blue)}@media (min-width: 768px) and (max-width: 1199px){.mail-subscription{margin-top:60px;margin-left:auto;margin-right:auto;text-align:center}}@media screen and (min-width: 1200px){.mail-subscription{margin-left:93px}}.form__label{display:block;margin-bottom:20px;font-family:var(--main-font);font-weight:700;font-size:14px;line-height:1.14;letter-spacing:0.03em;text-transform:uppercase;color:var(--white)}.form__input{width:358px;height:50px;border-radius:4px;border:1px solid rgba(255,255,255,0.3);color:var(--white);background:var(--dark-gray);padding-left:16px;transition:border-color var(--transition-duration) var(--transition-function)}.form__input:focus{border-color:var(--blue);outline:none}@media screen and (max-width: 479px){.form__input{width:100%}}@media screen and (min-width: 480px){.form__input{width:450px}}@media screen and (min-width: 1200px){.form__input{width:358px}}@media screen and (min-width: 768px) and (max-width: 1199px){.form__input{display:block}}.form__btn{display:inline-flex;margin:0 auto;padding:10px 28px 10px 29px;margin-left:12px;align-items:center;text-align:center;min-width:200px;background-color:var(--blue);border-style:none;border-radius:4px;box-shadow:0px 4px 4px rgba(0,0,0,0.15);font-family:var(--main-font);color:var(--white);font-weight:700;font-size:16px;line-height:1.88;letter-spacing:0.06em;transition:background-color var(--transition-duration) var(--transition-function)}.form__btn:hover,.form__btn:focus{cursor:pointer;background-color:#188ce8;color:var(--white);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)}@media screen and (max-width: 1199px){.form__btn{margin-top:20px}}@media screen and (min-width: 1200px){.form__btn{margin-left:12px}}.form__subs-icon{margin-left:10px}.menu-button__open,.menu-button__close{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;transition:color var(--transition-duration) var(--transition-function),fill var(--transition-duration) var(--transition-function)}.menu-button__open:hover,.menu-button__open:focus,.menu-button__close:hover,.menu-button__close:focus{color:var(--blue)}.menu-button__open:hover .menu-button__icon--close,.menu-button__open:hover .menu-button__icon--open,.menu-button__open:focus .menu-button__icon--close,.menu-button__open:focus .menu-button__icon--open,.menu-button__close:hover .menu-button__icon--close,.menu-button__close:hover .menu-button__icon--open,.menu-button__close:focus .menu-button__icon--close,.menu-button__close:focus .menu-button__icon--open{fill:var(--blue)}@media screen and (min-width: 768px){.menu-button__open,.menu-button__close{display:none}}.menu-button__close{position:absolute;top:10px;right:15px}.menu-container{position:fixed;top:0;left:50%;width:100vw;height:100vh;padding:48px 40px;overflow:auto;z-index:9999;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--white);transform:translateY(-100%) translateX(100%);transition:transform var(--transition-duration) var(--transition-function)}@media screen and (min-width: 768px){.menu-container{display:none}}.is-open{transform:translateY(0) translateX(-50%)}@media screen and (max-width: 767px){.is-open{opacity:1;visibility:visible;pointer-events:auto}}.burger-nav__item{font-family:var(--main-font);font-weight:500;font-size:36px;line-height:1.18;letter-spacing:0.02em}@media screen and (max-width: 767px){.burger-nav__item{font-size:36px}}.burger-nav__item:not(:last-child){margin-bottom:30px}.burger-nav__link{color:var(--black);transition:color var(--transition-duration) var(--transition-function)}.burger-nav__link--active{color:var(--blue)}.burger-nav__link:hover,.burger-nav__link:focus,.burger-nav__link:active{color:var(--blue)}.burger-contact{margin-bottom:64px}.burger-contact__item:not(:last-child){margin-bottom:30px}.burger-contact__phone{font-family:var(--main-font);font-weight:500;font-size:30px;line-height:1.18;letter-spacing:0.02em;color:var(--blue)}@media screen and (max-width: 767px){.burger-contact__phone{font-size:34px}}.burger-contact__mail{font-family:var(--main-font);font-weight:500;font-size:20px;line-height:1.17;letter-spacing:0.02em;color:var(--gray)}@media screen and (max-width: 767px){.burger-contact__mail{font-size:24px}}.burger-social{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.burger-social__link{font-family:var(--main-font);font-weight:500;font-size:13px;line-height:1.22;letter-spacing:0.01em;color:var(--blue)}@media screen and (max-width: 767px){.burger-social__link{font-size:18px;letter-spacing:0.02em}}.burger-social__item:not(:last-child){padding-right:10px;margin-right:10px;border-right:1px solid rgba(33,33,33,0.2)}
/*# sourceMappingURL=main.min.css.map */