:root{--text-color-primary: #212121;--text-color-secondary: #757575;--color-brand: #2196f3;--color-black: #000;--color-white: #fff;--color-white-secondary: rgba(255, 255, 255, 0.6);--color-icon: #afb1b8;--bgc-primary: #2f303a;--bgc-secondary: #f5f4fa;--bgc-inverted: #188ce8;--bgc-white-icon: rgba(255, 255, 255, 0.1);--bgc-wrap: rgba(47, 48, 58, 0.8);--bgc-brand: rgba(33, 150, 243, 0.9);--bgc-backdrop: rgba(0, 0, 0, 0.2);--color-modal-icon: rgba(0, 0, 0, 0.1);--color-border: #ececec;--color-border-secondary: #eeeeee}body{color:var(--text-color-primary);background-color:var(--color-white);font-family:"Roboto",sans-serif;font-size:14px;line-height:1.14;letter-spacing:.03em}h1,h2,h3,h4,h5,h6,p,ul{padding:0;margin:0}.list{list-style:none}.section{padding:60px 0}@media screen and (min-width: 1200px){.section{padding:94px 0}}img{display:block;max-width:100%;height:auto}.title{text-align:center;margin-bottom:30px;font-size:28px;line-height:1.18}@media screen and (min-width: 1200px){.title{margin-bottom:50px;font-size:36px;line-height:1.17}}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}.backdrop{position:fixed;top:0;left:0;z-index:1;width:100%;height:100%;background-color:var(--bgc-backdrop);overflow:scroll;opacity:1;visibility:visible;-webkit-transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1),visibility 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.button-menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;color:var(--text-color-primary);background-color:rgba(0,0,0,0);border:none;cursor:pointer}@media screen and (min-width: 768px){.button-menu{display:none}}.card-set{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}@media screen and (max-width: 767px){.card-set{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 768px){.card-set{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 768px){.card-set__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.card-set__item{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3)}}.card-set__link{display:block;text-decoration:none;-webkit-transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.card-set__link:hover,.card-set__link:focus{-webkit-box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16);box-shadow:0px 1px 1px rgba(0,0,0,.12),0px 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.card-set__box{position:relative;overflow:hidden}.card-set__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:63px 24px;background-color:var(--bgc-brand);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.card-set__link:hover .card-set__overlay,.card-set__link:focus .card-set__overlay{-webkit-transform:translateY(0);transform:translateY(0)}.card-set__text{font-size:18px;line-height:1.55;color:var(--color-white)}.card-set__container{padding:20px 24px;border:1px solid var(--color-border-secondary);border-top:none;background-color:var(--color-white)}.card-set__title{margin-bottom:4px;color:var(--text-color-primary);font-size:18px;line-height:2;letter-spacing:.06em}.card-set__span{text-transform:capitalize}.card-set__descr{color:var(--text-color-secondary);font-size:16px;line-height:1.88}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right: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}}.filters{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}@media screen and (max-width: 767px){.filters{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px;max-width:326px}}@media screen and (min-width: 768px){.filters{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.filters{margin-bottom:50px}}.filters__button{padding:6px 22px;font-family:inherit;font-size:16px;font-weight:500;line-height:1.63;background-color:var(--bgc-secondary);border-radius:4px;border:none;cursor:pointer;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}.filters__button:hover,.filters__button:focus,.filters__button--current{color:var(--color-white);background-color:var(--color-brand);-webkit-box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12);box-shadow:0px 3px 1px rgba(0,0,0,.1),0px 1px 2px rgba(0,0,0,.08),0px 2px 2px rgba(0,0,0,.12)}.logo{color:var(--color-brand);font-family:"Raleway",sans-serif;font-size:24px;font-weight:700;line-height:1.17;text-decoration:none}.logo--color-black{color:var(--color-black)}.logo--color-white{color:var(--color-white)}@media screen and (min-width: 1200px){.logo{font-size:26px;line-height:1.19}}.modal{position:absolute;left:50%;padding:40px;background-color:var(--color-white);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}.backdrop.is-hidden .modal{-webkit-transform:translate(-50%, -50%) scale(0.7);transform:translate(-50%, -50%) scale(0.7)}@media screen and (max-width: 767px){.modal{top:93px;max-width:450px;width:100%;min-height:609px}}@media screen and (min-width: 768px){.modal{top:208px;width:450px;height:609px}}@media screen and (min-width: 1200px){.modal{top:50%;width:528px;height:581px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}.modal__close-button{position:absolute;top:8px;right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px;background-color:var(--color-white);border:1px solid var(--color-modal-icon);border-radius:50%;cursor:pointer;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__close-button:hover,.modal__close-button:focus{fill:var(--color-brand)}.modal__title{font-size:20px;line-height:1.5;text-align:center;margin-bottom:12px}@media screen and (min-width: 1200px){.modal__title{line-height:1.15}}.modal__form-label{display:block;margin-bottom:4px;font-size:12px;line-height:1.17;letter-spacing:.01em;color:var(--text-color-secondary)}.modal__form-control{position:relative;margin-bottom:10px}.modal__form-input{width:100%;padding:11px 12px 11px 30px;border:1px solid rgba(33,33,33,.2);border-radius:4px;outline:none;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-input:focus{border-color:var(--color-brand)}.modal__form-icon{position:absolute;top:50%;left:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:currentColor;pointer-events:none;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-control:focus-within .modal__form-icon{fill:var(--color-brand)}.modal__form-textarea{padding:12px 16px;width:100%;height:120px;margin-bottom:20px;font-size:12px;line-height:1.17;letter-spacing:.01em;color:rgba(117,117,117,.5);border:1px solid rgba(33,33,33,.2);border-radius:4px;resize:none;outline:none;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__form-textarea:focus{border-color:var(--color-brand)}.modal__checkbox-field{position:relative;margin-bottom:30px}.modal__checkbox-icon{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:2px solid var(--text-color-primary);border-radius:2px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal__checkbox-input:checked+.modal__checkbox-icon{background-color:var(--color-brand);border-color:var(--color-brand)}@media screen and (min-width: 1200px){.modal__checkbox-icon{left:12px}}.modal__checkbox-label{display:block;padding-left:24px;font-size:12px;line-height:1.17;color:var(--text-color-secondary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 1200px){.modal__checkbox-label{font-size:14px;line-height:1.71;padding-left:36px}}.modal__checkbox-link{color:var(--color-brand)}.modal__form-button{display:block;padding:10px 52px;margin:0 auto}.modal__form-button:hover,.modal__form-button:focus{background-color:var(--bgc-inverted)}.primary-button{font-size:16px;font-weight:700;line-height:1.88;letter-spacing:.06em;color:var(--color-white);background-color:var(--color-brand);border-radius:4px;border:none;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.socials-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.socials-list__item{width:44px;height:44px}.socials-list__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;text-decoration:none;border-radius:50%}.socials-list__icon{fill:currentColor}.benefits-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}@media screen and (max-width: 767px){.benefits-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 768px){.benefits-list{-ms-flex-wrap:wrap;flex-wrap:wrap}}.benefits-list__item{width:100%}@media screen and (min-width: 768px){.benefits-list__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.benefits-list__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4)}}.benefits-list__box{width:100%;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;background-color:var(--bgc-secondary);border-radius:4px}.benefits-list__title{margin-bottom:10px;text-transform:uppercase;font-size:14px}@media screen and (max-width: 767px){.benefits-list__title{text-align:center}}.benefits-list__descr{color:var(--text-color-secondary);line-height:1.71}.clients-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.clients-list__item{height:92px}@media screen and (max-width: 767px){.clients-list__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 768px){.clients-list__item{-ms-flex-preferred-size:calc((100% - 60px)/3);flex-basis:calc((100% - 60px)/3)}}@media screen and (min-width: 1200px){.clients-list__item{-ms-flex-preferred-size:calc((100% - 150px)/6);flex-basis:calc((100% - 150px)/6)}}.clients-list__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:var(--color-icon);text-decoration:none;border:1px solid var(--color-icon);border-radius:4px;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.clients-list__link:hover,.clients-list__link:focus{color:var(--color-brand);border:1px solid var(--color-brand)}.clients-list__icon{fill:currentColor}.footer{padding:60px 0;background-color:var(--bgc-primary)}.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.footer__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 1199px){.footer__container{text-align:center;gap:60px}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__container{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width: 768px){.footer__container{-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 1200px){.footer__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.footer__logo{display:block;margin-bottom:20px}.footer__address{font-style:normal;line-height:1.71}.footer__address-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.footer__address-link{color:var(--color-white);text-decoration:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__address-link:hover,.footer__address-link:focus{color:var(--color-brand)}.footer__contact-link{color:var(--color-white-secondary);text-decoration:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__contact-link:hover,.footer__contact-link:focus{color:var(--color-brand)}.footer__subtitle{margin-bottom:20px;font-weight:700;text-transform:uppercase;color:var(--color-white)}.footer__socials-link{color:var(--color-white);background-color:var(--bgc-white-icon);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__socials-link:hover,.footer__socials-link:focus{background-color:var(--color-brand)}@media screen and (max-width: 767px){.footer__form-signup{width:100%}}@media screen and (min-width: 1200px){.footer__form-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}}.footer__form-input{height:50px;padding-left:16px;font-size:16px;line-height:1.25;letter-spacing:.03em;color:var(--color-white-secondary);background-color:var(--bgc-primary);-webkit-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border:1px solid rgba(255,255,255,.3);border-radius:4px;outline:none;-webkit-transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.footer__form-input:focus{border-color:var(--color-brand)}@media screen and (max-width: 767px){.footer__form-input{width:100%}}@media screen and (min-width: 768px){.footer__form-input{width:450px}}@media screen and (max-width: 1199px){.footer__form-input{margin-bottom:20px}}@media screen and (min-width: 1200px){.footer__form-input{width:358px}}.footer__form-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 28px;gap:10px}.footer__form-button:hover,.footer__form-button:focus{background-color:var(--bgc-inverted)}@media screen and (max-width: 1199px){.footer__form-button{margin:0 auto}}.footer__form-icon{fill:currentColor}.header{border-bottom:1px solid var(--color-border)}@media screen and (min-width: 768px){.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.header__container-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__logo{padding:16px 0}@media screen and (min-width: 768px){.header__logo{padding:26px 0;margin-right:87px}}@media screen and (min-width: 1200px){.header__logo{margin-right:93px;padding-top:24px;padding-bottom:25px}}@media screen and (max-width: 767px){.header__menu-container{position:fixed;top:0;left:0;display:none;width:100vw;height:100vh;overflow-y:scroll;z-index:5;padding:48px 40px;background-color:var(--color-white)}.header__menu-container.is-open{display:block}}@media screen and (min-width: 768px){.header__menu-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.header__menu-close-button{position:absolute;top:10px;right:15px}.header__menu-close-button:hover,.header__menu-close-button:focus{fill:var(--color-brand)}@media screen and (max-width: 767px){.header__nav{margin-bottom:302px}}.header__list{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.header__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}}@media screen and (min-width: 768px){.header__list{gap:50px}}.header__link{font-size:40px;font-weight:500;line-height:1.18;letter-spacing:.02em;text-decoration:none;color:var(--text-color-primary);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.header__link:hover,.header__link:focus,.header__link--current{color:var(--color-brand)}@media screen and (min-width: 768px){.header__link{position:relative;display:block;padding:32px 0;font-size:14px;line-height:1.14}.header__link--current::after{position:absolute;bottom:-1px;left:0;content:"";width:100%;height:4px;border-radius:2px;background-color:var(--color-brand)}}.header__contact-list{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width: 767px){.header__contact-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px;margin-bottom:64px}}@media screen and (min-width: 768px){.header__contact-list{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}}@media screen and (min-width: 1200px){.header__contact-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px}}.header__contact-link{font-weight:500;line-height:1.17;letter-spacing:.02em;color:var(--text-color-secondary);text-decoration:none;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 479px){.header__contact-link{font-size:20px}.header__contact-link--size-lg-color{font-size:26px;line-height:1.18;color:var(--color-brand)}}@media screen and (min-width: 480px)and (max-width: 767px){.header__contact-link{font-size:24px}.header__contact-link--size-lg-color{font-size:34px;line-height:1.18;color:var(--color-brand)}}@media screen and (min-width: 768px){.header__contact-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:12px}}@media screen and (min-width: 1200px){.header__contact-link{padding:32px 0;gap:10px;font-size:14px;line-height:1.14}}.header__contact-link:hover,.header__contact-link:focus{color:var(--color-brand)}.header__contact-icon{display:none}@media screen and (min-width: 768px){.header__contact-icon{display:block;fill:currentColor}}.header__socials-list{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}@media screen and (min-width: 768px){.header__socials-list{display:none}}.header__socials-item:not(:last-child)::after{position:absolute;top:50%;content:"";width:22px;border:1px solid rgba(33,33,33,.2);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.header__socials-link{font-size:12px;font-weight:500;line-height:1.22;letter-spacing:.02em;color:var(--color-brand);text-decoration:none}@media screen and (min-width: 480px){.header__socials-link{font-size:18px}}.hero{max-width:1600px;margin:0 auto;padding:118px 0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/mobile/hero.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/mobile/hero.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bgc-primary)}@media screen and (min-device-pixel-ratio: 2),screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/mobile/hero@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/mobile/hero@2x.jpg)}}@media screen and (min-width: 768px){.hero{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/tablet/hero.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/tablet/hero.jpg)}}@media screen and (min-width: 768px)and (min-device-pixel-ratio: 2),screen and (min-width: 768px)and (-webkit-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-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/tablet/hero@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/tablet/hero@2x.jpg)}}@media screen and (min-width: 1200px){.hero{padding:200px 0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/desktop/hero.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/desktop/hero.jpg)}}@media screen and (min-width: 1200px)and (min-device-pixel-ratio: 2),screen and (min-width: 1200px)and (-webkit-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-image:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/desktop/hero@2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/desktop/hero@2x.jpg)}}.hero__title{max-width:360px;text-align:center;margin:0 auto 30px;font-size:26px;font-weight:900;line-height:1.62;letter-spacing:.06em;color:var(--color-white);text-transform:uppercase}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.hero__button{display:block;padding:10px 24px;margin:0 auto}@media screen and (min-width: 1200px){.hero__button{padding:10px 32px}}.hero__button:hover,.hero__button:focus{background-color:var(--bgc-inverted)}.skills{padding-top:0}@media screen and (max-width: 1199px){.skills{display:none}}.skills__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.skills__item{position:relative}.skills__box{position:absolute;bottom:0;left:0;width:100%;background-color:var(--bgc-wrap)}.skills__text{padding:27px 0;font-weight:700;color:var(--color-white);text-align:center;text-transform:uppercase}.team{background-color:var(--bgc-secondary)}.team__list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}@media screen and (max-width: 767px){.team__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 768px){.team__list{-ms-flex-wrap:wrap;flex-wrap:wrap}}.team__item{-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);box-shadow:0px 1px 3px rgba(0,0,0,.12),0px 1px 1px rgba(0,0,0,.14),0px 2px 1px rgba(0,0,0,.2);border-radius:0px 0px 4px 4px;background-color:var(--color-white)}@media screen and (min-width: 768px){.team__item{-ms-flex-preferred-size:calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2)}}@media screen and (min-width: 1200px){.team__item{-ms-flex-preferred-size:calc((100% - 90px)/4);flex-basis:calc((100% - 90px)/4)}}.team__box{padding:24px 0;text-align:center}@media screen and (min-width: 1200px){.team__box{padding:30px 0}}.team__member-title{margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.19}.team__member-text{margin-bottom:16px;color:var(--text-color-secondary);font-size:16px;line-height:1.19}.team__socials-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none}.team__socials-link{color:var(--color-icon);-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.team__socials-link:hover,.team__socials-link:focus{color:var(--color-white);background-color:var(--color-brand)}/*# sourceMappingURL=main.min.css.map */