:root{--primary-text-color: #757575;--secondary-text-color: #ffffff;--title-text-color: #212121;--first-bcg-color: #2f303a;--second-bcg-color: #f5f4fa;--link-color: #2196f3;--third-text-color: rgba(255, 255, 255, 0.6);--first-logo-color: #2196f3;--second-logo-color: #000000;--main-border-color: #ececec;--secondary-border-color: #eeeeee;--main-icon-color: #afb1b8;--link-bg-color: #188ce8;--items: 1;--indent: 30px;--animation: 250ms cubic-bezier(0.4, 0, 0.2, 1)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.card-set{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(-1*var(--indent)/2)}.card-set__item{-ms-flex-preferred-size:calc((100% - var(--indent)*var(--items))/var(--items));flex-basis:calc((100% - var(--indent)*var(--items))/var(--items));margin:calc(var(--indent)/2)}.card-set__item:hover .overlay{-webkit-transform:translateY(0);transform:translateY(0)}body{font-family:"Roboto",sans-serif;font-size:14px;letter-spacing:.03em;background-color:var(--secondary-text-color);color:var(--primary-text-color)}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}img{display:block;max-width:100%;height:auto}.list{list-style:none;padding-left:0;margin:0}.link{text-decoration:none}.container{width:100%;margin:0 auto;padding:0 15px}@media screen and (min-width: 480px){.container{max-width:480px}}@media screen and (min-width: 768px){.container{max-width:768px}}@media screen and (min-width: 1200px){.container{max-width:1200px}}.section{padding-top:94px;padding-bottom:94px}@media screen and (max-width: 1199px){.section{padding-top:60px;padding-bottom:60px}}.logo{font-family:"Raleway";font-weight:700;font-size:26px;line-height:1.19;letter-spacing:.03em;text-decoration:none;color:var(--second-logo-color);margin-right:93px;padding-top:24px;padding-bottom:25px}.logo--web{color:var(--first-logo-color)}.modal{position:absolute;top:0;left:0;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:450px;min-height:581px;padding:40px;background-color:var(--secondary-text-color);-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}@media screen and (min-width: 480px)and (max-width: 1199px){.modal{width:450px;height:609px}}.modal__button{position:absolute;top:0;right:0;-webkit-transform:translate(-8px, 8px);transform:translate(-8px, 8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:50%;background-color:#fff;fill:#000;cursor:pointer;-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)}.modal__button:hover,.modal__button:focus{fill:var(--link-color)}.modal__form{display:block;width:448px;margin-top:12px}@media screen and (min-width: 480px)and (max-width: 1199px){.modal__form{width:370px;height:40px}}.modal__title{font-weight:700;font-size:20px;line-height:1.15;letter-spacing:.03em;color:var(--title-text-color)}.signup__label{position:relative;margin-bottom:10px;display:block;text-align:start;font-weight:400;font-size:12px;line-height:1.16;letter-spacing:.01em}.signup__input{width:100%;padding:12px 42px;margin-top:4px;border:1px solid rgba(33,33,33,.2);border-radius:4px;-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);display:block}.signup__label:focus-within .signup__input,.signup__label:hover .signup__input{border-color:var(--link-color);outline:none}.signup__label:hover .signup__icon,.signup__label:focus-within .signup__icon{fill:var(--link-color)}.signup__icon{position:absolute;top:50%;left:12px;width:18px;height:18px;color:currentColor;-webkit-transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1)}.signup__comment{margin-bottom:20px}.signup__text{padding:12px 16px;resize:none}@media screen and (min-width: 480px)and (max-width: 1199px){.signup__text{width:370px;height:120px}}.signup__text::-webkit-input-placeholder{font-weight:400;font-size:14px;line-height:16px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.signup__text::-moz-placeholder{font-weight:400;font-size:14px;line-height:16px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.signup__text:-ms-input-placeholder{font-weight:400;font-size:14px;line-height:16px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.signup__text::-ms-input-placeholder{font-weight:400;font-size:14px;line-height:16px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.signup__text::placeholder{font-weight:400;font-size:14px;line-height:16px;letter-spacing:.01em;color:rgba(117,117,117,.5)}.policy__label{position:relative;font-weight:400;line-height:1.71}.policy__input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.policy__input:checked+.policy__icon{background-image:url(../images/icon-check-1.svg);background-color:var(--link-color);border-color:var(--link-color);background-size:contain;cursor:pointer;-webkit-transition:background-image 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-image 250ms cubic-bezier(0.4, 0, 0.2, 1)}.policy__icon{position:absolute;display:inline-block;cursor:pointer;top:0;left:-20px;width:16px;height:15px;margin-right:7px;border:2px solid #212121;border-radius:4px;-webkit-transition:background-image 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-image 250ms cubic-bezier(0.4, 0, 0.2, 1)}.policy__link{cursor:pointer;font-weight:400;line-height:1.71;text-decoration:underline;color:var(--first-logo-color)}.form__button{cursor:pointer;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;margin-top:30px;padding:10px 55px;color:var(--secondary-text-color);background:var(--link-color);-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:none;-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)}.form__button:hover,.form__button:focus{background-color:var(--link-bg-color)}textarea{height:120px}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);-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;pointer-events:none;visibility:hidden}.buttons{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:50px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}@media screen and (min-width: 768px){.buttons{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}}@media screen and (min-width: 1200px){.buttons{margin-bottom:50px}}.buttons .portfolio__button{cursor:pointer;text-decoration:none;font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:1.62;border-radius:4px;border:none;text-align:center;background-color:var(--second-bcg-color);color:var(--title-text-color);-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)}.portfolio__button:hover,.portfolio__button:focus{background-color:var(--link-color);color:var(--secondary-text-color);-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)}.buttons .portfolio__button.active{background-color:var(--link-color);color:var(--secondary-text-color)}.button.active{width:73px;height:38px;left:495px;top:174px}.button.web{width:128px;height:38px;left:576px;top:174px}.button.app{width:145px;height:38px;left:712px;top:174px}.button.design{width:103px;height:38px;left:865px;top:174px}.button.marketing{width:130px;height:38px;left:976px;top:174px}.header{margin:0 auto;position:relative;border-bottom:1px solid --main-border-color}@media screen and (min-width: 768px){.header__list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width: 1200px){.header__list{margin-left:93px}}@media screen and (max-width: 767px){.header__contacts{display:none}}.nav{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}.menu-container{position:fixed;top:0;left:0;background-color:#fff;width:100%;display:none}@media screen and (min-width: 768px){.menu-container{display:none}}.menu-container.is-open{display:block;padding:48px 40px}.nav__link{font-weight:500;font-size:40px;line-height:1.175;letter-spacing:.02em}.nav__link{display:block;color:#212121;-webkit-transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.nav__link--current{color:var(--link-color)}@media screen and (min-width: 768px){.nav__link--current::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;display:inline-block;border-radius:2px;background-color:var(--link-color)}}@media screen and (min-width: 768px){.nav__link{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.14}}@media screen and (min-width: 768px){.nav__link:hover,.nav__link:focus{color:var(--link-color)}}.nav__link--active{color:#2196f3}@media screen and (max-width: 767px){.contacts{margin-bottom:64px}}@media screen and (min-width: 768px){.contacts{margin-left:auto}}@media screen and (min-width: 1200px){.contacts{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px}}@media screen and (max-width: 1199px){.contacts__item:not(:last-child){margin-bottom:10px}}@media screen and (max-width: 767px){.contacts__item:not(:last-child){margin-bottom:32px}}.contacts__icon{display:none}@media screen and (min-width: 768px){.contacts__icon{display:block;fill:currentColor}}.contacts__link{font-weight:500;font-size:24px;line-height:1.17;letter-spacing:.02em;color:inherit}@media screen and (min-width: 768px){.contacts__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:12px;-webkit-transition:color var(--primary-text-color);transition:color var(--primary-text-color)}}@media screen and (min-width: 1200px){.contacts__link{padding-top:32px;padding-bottom:32px;font-size:14px;line-height:1.19}}@media screen and (min-width: 768px){.contacts__link:hover,.contacts__link:focus{color:var(--link-color)}}@media screen and (max-width: 767px){.contacts__link--accent{font-size:34px;color:var(--link-color)}}.link-social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media screen and (min-width: 768px){.link-social{display:none}}.link-social__item{border-right:1px solid rgba(33,33,33,.2);padding-right:10px;margin-right:10px}.link-social__item:last-child{border:none}.menu-btn{z-index:10;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;padding:0;background-color:rgba(0,0,0,0);border:none;padding-top:10px;padding-bottom:10px}.menu-btn:hover,.menu-btn:focus{color:var(--link-color)}@media screen and (min-width: 768px){.menu-btn{display:none}}.menu-btn .menu-btn__cross{display:none}.menu-btn.is-open .menu-btn__cross{display:block}.menu-btn.is-open .menu-btn__mobil{display:none}.project__list{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.project__card{width:370px}.project__card:nth-child(-n+6){margin-bottom:30px}.project__card:nth-child(3n+2){margin-left:30px;margin-right:30px}.project__title{margin-bottom:4px;margin-right:auto;font-size:18px;line-height:2;letter-spacing:.06em;color:var(--title-text-color)}.project__box{padding:20px 24px;border:1px solid var(--secondary-border-color);border-top:none}.project__text{margin-right:auto;font-size:16px;line-height:1.87;color:var(--primary-text-color)}.project__shadow{display:block;cursor:pointer}.project__shadow:hover,.project__shadow: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)}.project__slider{position:relative;overflow:hidden;-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)}.project__desc{position:absolute;width:100%;height:100%;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);padding:63px 24px;text-align:center;font-weight:400;font-size:18px;line-height:1.55;letter-spacing:.03em;color:var(--secondary-text-color);background-color:rgba(33,150,243,.9);-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)}.project__card:hover .project__desc,.project__card:focus .project__desc{-webkit-transform:translateY(0);transform:translateY(0)}.hero{background-color:#2f303a;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover;margin-left:auto;margin-right:auto;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/img_dz8/header_sm_1x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/img_dz8/header_sm_1x.jpg)}@media(min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(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/img_dz8/header_sm_2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/img_dz8/header_sm_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/img_dz8/header_md_1x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/img_dz8/header_md_1x.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/img_dz8/header_md_2x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/img_dz8/header_md_2x.jpg)}}@media screen and (min-width: 1200px){.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/img_dz8/header_lg_1x.jpg);background-image:linear-gradient(rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/img_dz8/header_lg_1x.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, right top, from(rgba(47, 48, 58, 0.4)), to(rgba(47, 48, 58, 0.4))),url(../images/img_dz8/header_lg_2x.jpg);background-image:linear-gradient(to right, rgba(47, 48, 58, 0.4), rgba(47, 48, 58, 0.4)),url(../images/img_dz8/header_lg_2x.jpg)}}@media screen and (min-width: 480px){.hero{padding-top:118px;padding-bottom:118px}}@media screen and (min-width: 1200px){.hero{padding-bottom:200px;padding-top:200px}}.hero__title{max-width:360px;margin:0 auto;font-weight:900;font-size:26px;line-height:1.62;letter-spacing:.06em;text-align:center;text-transform:uppercase;color:var(--secondary-text-color)}@media screen and (min-width: 1200px){.hero__title{max-width:696px;font-size:44px;line-height:1.36}}.hero__button{cursor:pointer;font-weight:700;font-size:16px;line-height:1.87;padding:10px 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;letter-spacing:.06em;color:var(--secondary-text-color);background-color:var(--link-color);border-radius:4px;border:none;-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)}.hero__button:hover,.hero__button:focus{background-color:#188ce8;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15)}@media screen and (min-width: 767px){.skill__list{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width: 1199px){.skill__list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-15px}}@media screen and (min-width: 480px)and (max-width: 1199px){.skill__list{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 768px){.skill__list{--items: 2}}@media screen and (min-width: 1200px){.skill__list{--items: 4}}@media screen and (max-width: 1200px){.skill_box{margin:15px}}@media screen and (min-width: 1200px){.skill_box:not(:last-child){margin-right:30px}}.skill__box::before{content:"";display:inline-block;width:100%;height:120px;margin-bottom:30px;border-radius:4px;background-color:var(--second-bcg-color);background-repeat:no-repeat;background-position:center}.skill__box:nth-child(1)::before{background-image:url(../images/antenna.svg)}.skill__box:nth-child(2)::before{background-image:url(../images/clock.svg)}.skill__box:nth-child(3)::before{background-image:url(../images/diagram.svg)}.skill__box:nth-child(4)::before{background-image:url(../images/astronaut.svg)}.skill__title{margin-bottom:10px;font-size:14px;line-height:1.14;text-transform:uppercase;color:var(--title-text-color);text-align:center}.skill__text{font-weight:400;line-height:1.71}@media screen and (min-width: 480px){.skill__text{width:450px}}@media screen and (min-width: 768px){.skill__text{width:354px}}@media screen and (min-width: 1200px){.skill__text{width:270px}}@media screen and (max-width: 767px){.skill_title{text-align:center}}.work{display:none}@media screen and (min-width: 1200px){.work{display:block;padding-top:0}}.work__title{font-weight:700;font-size:36px;line-height:1.16;text-align:center;margin-bottom:50px;letter-spacing:.03em;color:var(--title-text-color)}@media screen and (min-width: 480px)and (max-width: 1199px){.work__title{font-size:28px;line-height:1.18;margin-bottom:30px}}.work__list{position:relative;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}.work__text{position:absolute;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;left:0;bottom:0;width:100%;min-height:70px;font-weight:700;line-height:1.14px;text-transform:uppercase;color:var(--secondary-text-color);background:rgba(47,48,58,.8)}.section.work{padding-top:0}.work__image:nth-child(2){margin-right:30px;margin-left:30px}.work__serv{position:relative}.team{background-color:var(--second-bcg-color)}.team__list{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 768px){.team__list{--items: 2}}@media screen and (min-width: 1200px){.team__list{--items: 4}}.team__worker{border-radius:0px 0px 4px 4px;-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);background-color:var(--secondary-text-color)}.team__worker:nth-child(-n+3){margin-right:30px}.team__context{padding-top:30px;padding-bottom:30px}.team .team__title{margin-bottom:50px;font-weight:700;font-size:36px;line-height:1.16;text-align:center;letter-spacing:.03em;color:var(--title-text-color)}.team .team__name{font-weight:500;font-size:16px;line-height:1.18;text-align:center;color:var(--title-text-color);margin-top:0;margin-bottom:10px}.team .team__job{font-size:16px;line-height:1.18;text-align:center}.team__icons{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;margin-top:20px;padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-link__icon{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:44px;height:44px;border-radius:50%;color:var(--main-icon-color);-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)}.social-link__icon:hover,.social-link__icon:focus{background-color:#2196f3;color:#fff}.social__icon{fill:currentColor}.icon__social:not(:last-child){margin-right:10px}.clients-icon__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.clients__icon{fill:currentColor}.clients-icon__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:170px;height:92px;border:1px solid #afb1b8;border-radius:4px;color:#afb1b8;-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)}.clients-icon__link:hover,.clients-icon__link:focus{color:var(--link-color);background-color:var(--secondary-text-color);border-color:var(--link-color)}.footer{padding-top:60px;padding-bottom:60px;background-color:var(--first-bcg-color)}@media screen and (max-width: 1199px){.footer__container{text-align:center}}@media screen and (min-width: 768px){.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}@media screen and (min-width: 768px)and (max-width: 1199px){.footer__container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}}.footer__title{text-transform:uppercase;margin-bottom:20px;color:var(--secondary-text-color)}.footer__link{list-style:none}.footer__link .link:hover,.footer__link .link:focus{color:var(--link-color)}.footer__content{padding-top:60px;padding-bottom:60px;background-color:var(--first-bcg-color);display:-webkit-box;display:-ms-flexbox;display:flex}.footer__container{width:1200px;margin:0 auto;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.footer__address{font-style:normal}@media screen and (min-width: 480px){.footer__address{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 768px){.footer__address{margin-right:165px;margin-bottom:60px}}@media screen and (min-width: 1200px){.footer__address{margin-right:70px}}.footer-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 480px)and (max-width: 767px){.footer-box{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-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}}.footer__link .link{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.71;color:rgba(255,255,255,.6)}.footer__link>.item:nth-child(-n+2){margin-bottom:9px}.map__link{text-decoration:none;font-weight:400;font-size:14px;line-height:1.71;letter-spacing:.03em;color:var(--secondary-text-color)}.footer__content{background-color:var(--first-bcg-color)}.footer__content .footer__logo{font-family:"Raleway";font-weight:700;font-size:26px;line-height:1.19;letter-spacing:.03em;color:var(--secondary-text-color);text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:20px}.btm-port .active{background-color:var(--link-color);color:var(--secondary-text-color)}.social{margin-left:70px}@media screen and (min-width: 480px){.social{margin-right:70px}}.social__list{display:-webkit-box;display:-ms-flexbox;display:flex}.social__title{font-weight:700;font-size:14px;line-height:1.14;color:var(--secondary-text-color);margin-bottom:20px;text-transform:uppercase}@media screen and (min-width: 480px)and (max-width: 1199px){.social__title{text-align:center}}.social__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:44px;height:44px;border-radius:50%;color:var(--secondary-text-color);background-color:rgba(255,255,255,.1);-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)}.social__item:not(:last-child){margin-right:10px}.social__icon{fill:currentcolor}.social__link:hover,.social__link:focus{background-color:#2196f3;color:var(--secondary-text-color)}@media screen and (min-width: 320px)and (max-width: 767px){.footer__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.form__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:auto}.subscribe__input{width:358px;padding:15px 16px;font-weight:400;font-size:16px;line-height:1.25;letter-spacing:.03em;border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,.15);-webkit-backdrop-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));backdrop-filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15));border-radius:4px;color:var(--secondary-text-color)}.subscribe__label:focus-within .subscribe__input{outline:none}.subscribe__button{cursor:pointer;margin-left:12px;padding:10px 28px;font-weight:700;font-size:16px;line-height:1.88;letter-spacing:.06em;color:var(--secondary-text-color);background:#2196f3;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,.15);box-shadow:0px 4px 4px rgba(0,0,0,.15);border-radius:4px;border:none}.subscribe__icon{vertical-align:middle;margin-left:10px;width:24px;height:24px}/*# sourceMappingURL=main.min.css.map */